:root{--canvas:#f2f2ef;--surface:#fbfbf8;--ink:#17211d;--muted:#68716b;--border:#bfc5be;--green:#174c3b;--focus:#0c6e9c;--success:#17643c;--warning:#80600a;--destructive:#982f2f;color:var(--ink);background:var(--canvas);font-family:Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--green);background:var(--surface);min-height:44px;color:var(--green);cursor:pointer;border-radius:0;padding:8px 12px}button:hover{background:var(--green);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.admin-loading,.admin-auth,.admin-forbidden{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-auth form{border-top:4px solid var(--green);background:var(--surface);gap:14px;width:min(100%,420px);padding:28px;display:grid}.admin-auth h1,.admin-section-head h1{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.1}.admin-auth p,.admin-section-head p{color:var(--muted);letter-spacing:.12em;margin:0;font-size:12px;font-weight:700}.admin-auth label,.brand-grid form label{gap:6px;font-weight:700;display:grid}.admin-auth input,.brand-grid input{border:1px solid var(--border);background:#fff;border-radius:0;min-height:44px;padding:9px}.admin-shell{background:var(--canvas);grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.admin-shell nav{border-right:1px solid var(--border);align-content:start;gap:0;padding:18px;display:grid}.admin-workspace{min-width:0}.admin-product-workspace{min-width:0;display:grid}.admin-product-sidebar,.admin-product-editor-panel{min-width:0}.admin-shell nav button{text-align:left;border-width:0 0 1px}.admin-work{max-width:1200px;padding:clamp(22px,5vw,72px)}.admin-section-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:20px;padding-bottom:20px;display:flex}.product-list{margin:0;padding:0;list-style:none}.product-list li{border-bottom:1px solid var(--border);padding:14px 0}.product-row-main{text-align:left;width:100%;color:var(--ink);border:0;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(90px,1fr)) minmax(130px,1.25fr);align-items:center;gap:12px;padding:8px 0;display:grid}.product-row-main:hover{color:var(--ink);background:#e4e8e2}.product-row-main h2{margin:0;font-size:17px}.product-row-main small,time{color:var(--muted);font-size:12px}.is-archived{opacity:.7}.admin-row-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.admin-row-actions button{min-height:44px;font-size:12px}.is-destructive{border-color:var(--destructive);color:var(--destructive)}.brand-grid{grid-template-columns:minmax(180px,.6fr) minmax(280px,1fr);gap:24px;margin:24px 0;display:grid}.brand-grid ol{margin:0;padding:0;list-style:none}.brand-grid li button{border-color:var(--border);text-align:left;width:100%}.brand-grid form{border:1px solid var(--border);background:var(--surface);gap:14px;padding:20px;display:grid}.admin-empty{color:var(--muted);padding:24px 0}[role=alert]{color:var(--destructive);font-weight:700}.product-editor{width:min(100%,1100px)}.product-editor form{gap:20px;margin-top:24px;display:grid}.product-editor fieldset{border:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:18px;display:grid}.product-editor legend{color:var(--green);padding:0 6px;font-weight:800}.product-editor label,.admin-validation,.product-editor .admin-edit-row{gap:6px;font-weight:700;display:grid}.product-editor input,.product-editor select,.product-editor textarea,.admin-validation{border:1px solid var(--border);background:#fff;border-radius:0;min-width:0;padding:9px}.product-editor textarea{resize:vertical;min-height:96px}.product-editor .admin-edit-row{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:14px}.product-editor .admin-edit-row p{margin:0}.admin-error{border-left:4px solid var(--destructive);background:#fff7f6;padding:12px 16px}.admin-validation{border-color:var(--border);background:var(--surface);margin:0 clamp(16px,5vw,72px) 24px}.admin-save-bar{z-index:1;background:var(--canvas);border-top:1px solid var(--border);justify-content:flex-end;padding:12px 0;display:flex;position:sticky;bottom:0}.deployments-panel{width:min(100%,1200px)}.deployment-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.deployment-summary article,.deployment-confirmation,.deployment-jobs article{border:1px solid var(--border);background:var(--surface);padding:18px}.deployment-summary h2,.deployment-confirmation h2,.deployments-panel>h2{margin:0 0 14px;font-size:18px}.deployment-summary dl,.deployment-confirmation dl,.deployment-jobs dl{grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;display:grid}.deployment-summary dt,.deployment-confirmation dt,.deployment-jobs dt{color:var(--muted);font-size:12px;font-weight:700}.deployment-summary dd,.deployment-confirmation dd,.deployment-jobs dd{overflow-wrap:anywhere;min-width:0;margin:0}.deployment-warning,.deployment-failure{border-left:4px solid var(--warning);color:#5f4504;background:#fff9e8;padding:10px 12px;font-weight:700}.deployment-confirmation{border-color:var(--warning);margin:24px 0}.deployment-checksum{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.deployment-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.deployment-jobs{gap:12px;margin:0;padding:0;list-style:none;display:grid}.deployment-jobs article>header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;display:flex}.deployment-jobs article>header div{gap:4px;display:grid}.deployment-jobs article>header span{color:var(--muted);font-size:12px}.deployment-jobs code{overflow-wrap:anywhere;max-width:50%;color:var(--green)}@media (width<=760px){.admin-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.admin-shell nav{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding:0}.admin-shell nav button{text-align:center;min-height:52px;padding:8px;font-size:12px}.admin-work{padding:24px 16px}.admin-section-head{flex-direction:column;align-items:start}.product-row-main{grid-template-columns:1fr 1fr}.product-row-main span:first-child{grid-column:1/-1}.brand-grid,.product-editor fieldset,.product-editor .admin-edit-row{grid-template-columns:1fr}.admin-save-bar{padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.deployment-summary{grid-template-columns:1fr}.deployment-summary dl,.deployment-confirmation dl,.deployment-jobs dl{grid-template-columns:1fr;gap:3px}.deployment-summary dd,.deployment-confirmation dd,.deployment-jobs dd{margin-bottom:8px}}@media (width>=761px){.admin-product-workspace{grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);align-items:start}.admin-product-sidebar{border-right:1px solid var(--border);max-height:100vh;position:sticky;top:0;overflow:auto}.admin-product-sidebar .admin-work{padding:clamp(22px,3vw,48px)}.admin-product-sidebar .product-row-main{grid-template-columns:minmax(0,1fr)}.admin-product-sidebar .product-row-main span:not(:first-child),.admin-product-sidebar .product-row-main time{display:none}.admin-product-sidebar .admin-validation{margin:0 24px 24px}.admin-product-editor-panel{min-width:0}.admin-product-editor-panel .product-editor{margin-inline:auto}}@media (width>=761px) and (width<=1023px){.admin-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.admin-shell nav{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding:0}.admin-shell nav button{text-align:center;min-height:52px;padding:8px;font-size:12px}.admin-product-workspace{grid-template-columns:300px minmax(0,1fr)}.product-editor fieldset{grid-template-columns:1fr}}
