@import url('/visiond-design-system.css?v=014407');
@import url('/product-systems-modern-ai.css?v=014407');
.app-builder-dialog{max-width:840px;padding:0;overflow:hidden}.app-builder-dialog form{max-height:90vh;overflow:auto;padding:0 22px 22px}.app-builder-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;margin:0 -22px 20px;padding:20px 22px 16px;background:#fff;border-bottom:1px solid #d4eeec}.app-builder-heading h2{margin:2px 0 4px;font-size:1.65rem}.app-builder-heading p{margin:0;color:#456b69}.app-builder-heading small{color:#087d77;font-weight:850;letter-spacing:.08em}.v7-admin .dialog-close{width:44px;min-width:44px;padding:0;border-radius:50%;background:#effbf9;color:#075f5b;font-size:1.6rem}.app-builder-section{margin:0 0 18px;padding:18px;border:1px solid #b9e4e1;border-radius:16px;background:#fbfefd}.app-builder-section h3,.app-builder-section legend{margin:0;font-size:1.08rem;font-weight:850}.app-builder-section h3 span,.app-builder-section legend span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:7px;border-radius:50%;background:#0abab5;color:#063d3b}.app-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-builder-section textarea{resize:vertical;min-height:108px}.price-builder>p{margin:6px 0 12px;color:#456b69}.price-input{display:flex;align-items:center;border:1px solid #8fd8d3;border-radius:10px;background:#fff;overflow:hidden}.price-input:focus-within{outline:3px solid #ffbf32;outline-offset:2px}.price-input input{min-width:0;width:100%;border:0;border-radius:0;outline:0}.price-input span{padding:0 12px;color:#456b69;white-space:nowrap}.dialog-actions{position:sticky;bottom:-22px;z-index:2;display:flex;justify-content:flex-end;gap:10px;margin:18px -22px -22px;padding:14px 22px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d4eeec;box-shadow:0 -8px 20px #063d3b0d}.dialog-actions button{min-width:150px}
@media(max-width:760px){.app-builder-dialog{width:100%;max-width:none;height:100%;max-height:none;border-radius:0}.app-builder-dialog form{height:100dvh;max-height:none;padding:0 14px 18px}.app-builder-heading{margin:0 -14px 14px;padding:14px}.app-builder-heading h2{font-size:1.35rem}.app-builder-section{padding:14px}.app-builder-grid,.app-builder-dialog .package-grid{grid-template-columns:1fr}.dialog-actions{margin-left:-14px;margin-right:-14px;bottom:-18px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.dialog-actions button{min-width:0}.v7-admin .dialog-close{width:44px!important;min-width:44px}}
.key-info,.key-success{padding:12px 14px;border-radius:12px;color:#063d3b;border:1px solid #8fd8d3}.key-info{background:#e8faf8}.key-success{background:#ddf7e9;border-color:#78cfa4;font-weight:750}.key-success code{display:inline-block;padding:5px 8px;margin:4px;background:#fff;border-radius:7px;overflow-wrap:anywhere}#keyCustomerFields[hidden],#keyPackageField[hidden],#testDurationField[hidden]{display:none!important}
.license-panel{grid-column:1/-1}.license-table-wrap{width:100%;overflow:visible;border:1px solid #d4eeec;border-radius:14px}.license-table{width:100%;table-layout:fixed;border-collapse:collapse;background:#fff}.license-table th,.license-table td{padding:12px 8px;border-bottom:1px solid #dcefed;text-align:left;vertical-align:top;overflow-wrap:anywhere}.license-table th{background:#dff8f6;color:#063d3b}.license-table tbody tr:hover{background:#f2fcfb}.license-table code{white-space:normal}.license-actions{display:grid;gap:6px}.license-actions button{min-height:44px;padding:7px 6px}
@media(max-width:900px){.license-table,.license-table tbody,.license-table tr,.license-table td{display:block;width:100%}.license-table thead{display:none}.license-table tr{padding:12px;border-bottom:2px solid #8fd8d3}.license-table td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;padding:7px 4px;border:0}.license-table td::before{font-weight:800;color:#456b69}.license-table td:nth-child(1)::before{content:'ลูกค้า'}.license-table td:nth-child(2)::before{content:'แอป / คีย์'}.license-table td:nth-child(3)::before{content:'แพ็กเกจ'}.license-table td:nth-child(4)::before{content:'ค่าใช้จ่าย'}.license-table td:nth-child(5)::before{content:'วันที่ออก'}.license-table td:nth-child(6)::before{content:'ผู้ออก'}.license-table td:nth-child(7)::before{content:'สถานะ'}.license-table td:nth-child(8)::before{content:'จัดการ'}.license-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root{font-family:"Noto Sans Thai",Tahoma,system-ui,sans-serif;color:#063d3b;background:#effbf9}*{box-sizing:border-box}body{margin:0}.v7-admin{min-height:100vh;background:linear-gradient(180deg,#0abab5 0,#a9ebe7 19rem,#effbf9 36rem,#fff 100%);color:#063d3b}.v7-admin .top{background:#fff;color:#063d3b;padding:16px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8fd8d3}.v7-admin .top a{color:#087d77;font-weight:750}.wrap{max-width:1180px;margin:auto;padding:28px 5vw}.key-center-heading small,.card-heading small,.key-workflow small{display:block;color:#456b69}.key-center-heading h1{margin:.2rem 0}.key-center-heading p{margin:.2rem 0 1rem;color:#456b69}.key-workflow{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key-workflow li{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #8fd8d3;border-radius:16px}.key-workflow li>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#e8faf8;font-weight:900}.key-workflow li.current{border:2px solid #0abab5;box-shadow:0 8px 24px #0abab52b}.key-workflow li.current>span,.key-workflow li.complete>span{background:#0abab5;color:#063d3b}.key-workflow li.complete{background:#e8faf8}.next-action,.notice,.key-center-state{padding:13px 15px;border-radius:12px}.next-action{background:#fff7d8;color:#664d00;font-weight:800}.notice{background:#fff7d8}.key-center-state{font-weight:750;background:#fff3cd;color:#6f5200}.key-center-state.ready{background:#ddf7e9;color:#0a663a}.key-center-state.blocked{background:#ffe1e1;color:#8d2020}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:16px 0}.v7-admin button,.v7-admin input,.v7-admin select,.v7-admin textarea{font:inherit;padding:10px 12px;border:1px solid #8fd8d3;border-radius:10px;min-height:44px}.v7-admin button{background:#0abab5;color:#063d3b;font-weight:800;cursor:pointer}.v7-admin button:hover{background:#35c9c4}.v7-admin button:focus-visible,.v7-admin a:focus-visible,.v7-admin summary:focus-visible{outline:3px solid #ffbf32;outline-offset:3px}.v7-admin button.secondary-action,.v7-admin button.compact-action{background:#fff;color:#087d77;border:1px solid #0abab5}.v7-admin button.danger{background:#fff0f0;color:#a51f1f;border:1px solid #e85b5b}.v7-admin button:disabled{background:#e4efee;color:#647876;border-color:#c5d5d3;cursor:not-allowed}.summary-card{text-align:left;background:#fff!important;color:#063d3b!important;border:1px solid #8fd8d3!important}.summary-card[aria-pressed=true]{background:#dff8f6!important;border:2px solid #0abab5!important}.summary-card small{display:block;color:#456b69}.summary-card b{display:block;font-size:25px;margin-top:5px}.bar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.primary-actions{justify-content:flex-start}.key-workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.6fr);align-items:start;gap:16px}.card{background:#fff;border:1px solid #8fd8d3;border-radius:18px;padding:18px;box-shadow:0 10px 30px #075f5b12}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #d4eeec;padding-bottom:12px;margin-bottom:12px}.card-heading h2{margin:0}.release-panel{grid-column:1/-1;padding:0;overflow:hidden}.release-panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:18px;cursor:pointer}.release-panel>summary::-webkit-details-marker{display:none}.release-panel>summary span{display:grid;gap:3px}.release-panel>summary em{font-style:normal;color:#456b69;font-size:.9rem}.release-panel>summary strong{color:#087d77}.release-panel[data-blocked=true]>summary{cursor:not-allowed;opacity:.65}.release-content{padding:0 18px 18px;border-top:1px solid #d4eeec}.program-row,.license-row,.release-row{padding:13px 0;border-bottom:1px solid #dcefed}.program-row,.license-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.program-row>div:first-child{display:grid;gap:4px}.program-row code{width:max-content;background:#effbf9;padding:2px 7px;border-radius:6px}.program-actions{display:flex;gap:7px;flex-wrap:wrap}.license-row .bar{margin:0;justify-content:flex-end}.status,.binding-unbound{display:inline-block;padding:4px 9px;border-radius:99px;background:#e8faf8}.binding-unbound{margin-top:5px;background:#fff0c7;color:#765000;font-weight:700}.v7-empty{text-align:center;padding:22px 8px}.v7-empty>span{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:#dff8f6;font-size:1.3rem;font-weight:900}.v7-empty h3{margin:.8rem 0 .2rem}.v7-empty p,.muted,label small,.package-intro{color:#456b69;line-height:1.45}.muted.error{color:#b91c1c;font-weight:800}.search-label{font-weight:800;margin-bottom:5px}label{display:grid;gap:5px;margin:9px 0}.package-fieldset{border:1px solid #8fd8d3;border-radius:12px;margin:16px 0;padding:14px}.package-fieldset legend{font-weight:800;padding:0 7px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.program-preview{padding:12px;border-radius:10px;background:#e9f8f6;color:#075f5b;font-weight:700;margin:12px 0}select.field-error{border:2px solid #b91c1c;background:#fff2f2}.release-row{display:grid;gap:4px}.release-row details code{overflow-wrap:anywhere}.release-row details summary{cursor:pointer;color:#087d77}dialog{border:0;border-radius:18px;max-width:720px;width:90%;box-shadow:0 24px 70px #063d3b38}dialog::backdrop{background:#0abab566}.vision7-key-link{border-color:#9f8ee8!important;background:#f3f0ff!important;color:#463295!important}.release{margin:14px 0;padding:14px;border:1px solid #8fd8d3;border-radius:12px;background:#effbf9}.download-button{display:inline-block;padding:11px 15px;border-radius:10px;background:#0abab5;color:#063d3b;text-decoration:none;font-weight:800}
@media(max-width:760px){.wrap{padding:20px 14px}.v7-admin .top{padding:14px}.key-workflow{grid-template-columns:1fr}.key-workspace{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-grid{grid-template-columns:1fr}.program-row,.license-row{grid-template-columns:1fr}.program-actions,.license-row .bar{justify-content:flex-start}.bar>*{flex:1 1 140px}.v7-admin input:not([type=checkbox]):not([type=radio]),.v7-admin select,.v7-admin textarea,.v7-admin button{min-height:46px;width:100%}.v7-admin input[type=checkbox],.v7-admin input[type=radio]{width:22px;height:22px;min-height:22px;padding:0}.release-panel>summary{align-items:flex-start}.release-panel>summary strong{white-space:nowrap}dialog{width:calc(100% - 20px);max-height:92vh;overflow:auto;padding:18px}.card{padding:14px}.release-panel{padding:0}.summary-card:last-child{grid-column:1/-1}}