:root{color:var(--tg-theme-text-color,#172026);background:var(--tg-theme-bg-color,#f4f7f6);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--tg-theme-bg-color,#f4f7f6);margin:0}button,input,select,textarea{font:inherit}button{background:var(--tg-theme-button-color,#126c61);min-height:44px;color:var(--tg-theme-button-text-color,#fff);cursor:pointer;border:0;border-radius:8px;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{border:1px solid var(--tg-theme-section-separator-color,#cad7d8);background:var(--tg-theme-secondary-bg-color,#fff);width:100%;color:var(--tg-theme-text-color,#172026);border-radius:8px;outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--tg-theme-link-color,#126c61);box-shadow:0 0 0 3px #126c6124}textarea{resize:vertical;min-height:104px}.app-shell{width:min(100%,760px);padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));margin:0 auto}.topbar,.section-heading,.actions,.line-item,.totals div,.product-summary,.mode-row{align-items:center;display:flex}.topbar{justify-content:space-between;gap:12px;margin-bottom:12px}.topbar-actions{justify-items:end;gap:8px;display:grid}.surface{border:1px solid var(--tg-theme-section-separator-color,#d6e0e1);background:var(--tg-theme-secondary-bg-color,#fff);border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 8px 18px #1720260d}.section-heading,.mode-row{justify-content:space-between;gap:12px;margin-bottom:12px}.mode-row{margin-bottom:0}.section-heading .actions{flex-wrap:wrap;justify-content:flex-end}.actions{gap:8px}.button-secondary{border:1px solid var(--tg-theme-section-separator-color,#b7c8c9);background:var(--tg-theme-secondary-bg-color,#fff);color:var(--tg-theme-link-color,#174b45)}.button-selected{color:#fff;background:#123d38}.mode-switch,.language-switch,.form-actions,.status-update{gap:8px;display:flex}.mode-switch,.language-switch{flex-wrap:nowrap}.mode-switch button{min-width:104px}.language-switch button{min-width:48px;min-height:36px;padding:0 10px}.form-actions{flex-wrap:wrap;margin-top:12px}.status-update{border-top:1px solid var(--tg-theme-section-separator-color,#e7eeee);flex-wrap:wrap;align-items:end;padding-top:12px}.status-update .field,.status-update button{flex:170px}.current-status-card{border:1px solid var(--tg-theme-section-separator-color,#d7e4e3);background:#f6fbfa;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.current-status-card span{color:var(--tg-theme-hint-color,#5d7175);text-transform:uppercase;font-size:12px;font-weight:800}.current-status-card strong{color:#135b4f;text-align:right;overflow-wrap:anywhere;background:#dff4ed;border-radius:999px;min-height:30px;padding:6px 12px}.eyebrow{color:var(--tg-theme-hint-color,#5d7175);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:3px;font-size:24px;line-height:1.12}h2{margin-bottom:0;font-size:18px;line-height:1.2}h3{margin-bottom:6px;font-size:18px;line-height:1.2}.subtitle{color:var(--tg-theme-hint-color,#5d7175);margin:0;line-height:1.35}.state-pill,.capability{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.state-pill-ok,.capability-on{color:#135b4f;background:#dff4ed}.state-pill-warning{color:#694900;background:#fff1cf}.state-pill-muted,.capability{color:#52666b;background:#e9eef0}.notice,.success-banner,.status-banner,.context-summary{border-radius:8px;padding:12px}.notice strong,.notice span,.success-banner strong,.success-banner span,.status-banner strong,.status-banner span,.context-summary strong,.context-summary span{display:block}.notice strong,.success-banner strong,.status-banner strong,.context-summary strong{margin-bottom:4px}.notice-warning{color:#684a05;background:#fff8e8;border:1px solid #f1d189}.notice-error{color:#842517;background:#fff0ed;border:1px solid #f0b7ae}.notice-success,.success-banner{color:#165d51;background:#edf9f4;border:1px solid #a5d8c7}.status-banner,.context-summary{color:#33484d;background:#f7faf9;border:1px solid #cbd9dd}.form-grid,.meta-grid{grid-template-columns:1fr;gap:10px;display:grid}.compact-form{grid-template-columns:minmax(0,1fr)}.field{gap:6px;display:grid}.quantity-field{max-width:180px}.field span,dt{color:var(--tg-theme-hint-color,#5d7175);text-transform:uppercase;font-size:12px;font-weight:800}.meta-grid{margin-top:12px}.meta-grid div{border:1px solid var(--tg-theme-section-separator-color,#e0e8e9);border-radius:8px;padding:10px}.diagnostics-grid{opacity:.88}.diagnostic-text{opacity:.86;font-size:12px}dd{overflow-wrap:anywhere;margin:4px 0 0}.stack{gap:12px;display:grid}.product-summary{border-bottom:1px solid var(--tg-theme-section-separator-color,#e7eeee);justify-content:space-between;gap:14px;padding-bottom:12px}.product-summary strong{color:var(--tg-theme-link-color,#125b52);flex:none}.description,.empty-state,.line-item span{color:var(--tg-theme-hint-color,#5a6e73)}.description,.empty-state{margin-bottom:0}.capabilities{flex-wrap:wrap;gap:8px;display:flex}.line-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.line-item{border:1px solid var(--tg-theme-section-separator-color,#e0e8e9);border-radius:8px;justify-content:space-between;gap:14px;padding:12px}.line-item-selected{border-color:var(--tg-theme-link-color,#126c61);background:#f1faf7}.line-item div{gap:4px;display:grid}.line-item>strong{flex:none}.totals{border-top:1px solid var(--tg-theme-section-separator-color,#e7eeee);gap:8px;padding-top:12px;display:grid}.totals div{justify-content:space-between;gap:14px}.totals span{color:#41595f;font-weight:700}@media (width>=680px){.app-shell{padding:calc(24px + env(safe-area-inset-top)) 20px calc(36px + env(safe-area-inset-bottom))}.surface{padding:18px}.status-update button{flex:none}h1{font-size:30px}.form-grid,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1/-1}}@media (width<=560px){.topbar,.section-heading,.product-summary,.line-item,.totals div{flex-direction:column;align-items:stretch}.topbar-actions{justify-items:stretch}.section-heading .actions,.actions,.mode-switch{width:100%}.actions button,.section-heading>button,.mode-switch button{flex:1 1 0;width:100%}.language-switch{align-self:flex-start}}
