/* Shared PWA presentation only; no business rules or stored values. */
body.product-workspace{--green:#174c91;--accent:#174c91;--bg:#f7f9fc;--line:#e3e6ef;--muted:#687083;--ink:#242735;background:#f7f9fc}
.product-workspace aside{background:#174c91;color:#fff;padding:24px 16px}.product-workspace .logo{background:#fff;color:#174c91}.product-workspace .workspace,.product-workspace .sidefoot small{color:#e7f1ff}.product-workspace nav{overflow-y:auto;min-height:0;flex:1}.product-workspace nav button{color:#edf5ff;border-radius:9px}.product-workspace nav button:hover{background:#2860a5}.product-workspace nav button.active{background:white;color:#16457e;font-weight:600}.product-workspace nav summary{color:#fff}.product-workspace .sidefoot{border-color:#4877b2;flex-shrink:0;margin-top:16px}.product-workspace .avatar{background:#ffe16b;color:#174c91}.product-workspace .brand{font-weight:700}
.product-workspace header{border-color:#e6e8ef;background:#fff;padding-top:16px;padding-bottom:16px}.product-workspace .demo{background:#fff1ad;border-color:#e3e6ef;color:#5b637b}.product-workspace .dot{background:#174c91}.product-workspace #content{padding:32px;max-width:1600px}.product-workspace .heading{margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #e3e6ef;align-items:center}.product-workspace h1{letter-spacing:-.6px}.product-workspace .heading p{color:#687083;margin-bottom:0}.product-workspace .eyebrow{letter-spacing:1px;font-size:13px;font-weight:500;color:#687083}.product-workspace .notice{background:#fff0a6;color:#645322;border:1px solid #f3cf50;border-radius:10px;padding:16px 20px;font-size:14px;line-height:1.6;margin-bottom:24px}
.product-workspace .card{background:#fff;border:1px solid #e3e6ef;border-radius:12px;padding:24px;box-shadow:0 2px 6px #202a4810;margin-bottom:24px}.product-workspace .card h2{font-size:20px;margin-top:0;margin-bottom:16px;font-weight:600}.product-workspace .card p{font-size:14px;line-height:1.7;color:#596175}.product-workspace .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.product-workspace .toolbar span{background:#fff0a6;color:#174c91;border-radius:8px;padding:8px 12px;font-size:14px;white-space:nowrap}.product-workspace #productmastersearch{flex:1;max-width:460px;background:#fafbfe}.product-workspace button{border-radius:8px;border-color:#dfe3ee;transition:background .15s}.product-workspace button:hover{background:#fff0a6}.product-workspace button.primary{background:#174c91;border-color:#174c91;color:#fff}.product-workspace button.primary:hover{background:#103d79}.product-workspace button.link{color:#174c91;font-weight:600;white-space:nowrap}.product-workspace button:focus-visible,.product-workspace input:focus,.product-workspace select:focus{outline:2px solid #e7b52b;outline-offset:2px}
.product-workspace table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.product-workspace th{background:#f6f7fb;color:#667084;font-weight:500;text-transform:none;letter-spacing:0;padding:14px 16px;border-bottom:1px solid #e3e6ef}.product-workspace td{padding:18px 16px;border-bottom:1px solid #eceef4;vertical-align:middle;color:#303546}.product-workspace tr:last-child td{border-bottom:0}.product-workspace tbody tr:hover td{background:#f0f6ff}.product-workspace td small{line-height:1.6;color:#72798a}.product-workspace .tag{border-radius:6px;padding:5px 9px;font-size:13px}.product-workspace .tag.done{background:#e7f7ef;color:#23784b}.product-workspace .tag.pending{background:#fff3df;color:#936420}
.product-workspace #productupload{padding:20px;background:#fafbff;border:1px dashed #b9cde5;border-radius:10px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}.product-workspace #productupload label{width:100%;font-weight:600;color:#16457e}.product-workspace #productcsv{flex:1;min-width:200px;max-width:100%;padding:8px 0}.product-workspace #productcsv::file-selector-button{background:#fff;border:1px solid #dfe3ee;border-radius:8px;padding:12px 16px;color:#174c91;font:500 14px Inter,sans-serif;margin-right:12px}.product-workspace #productimporterror{margin-top:12px}.product-workspace #productimportpreview:empty{display:none}
.product-workspace dialog{border:1px solid #e3e6ef;border-radius:16px;box-shadow:0 24px 90px #17264a38;color:#242735;background:#fff}.product-workspace dialog::backdrop{background:#17243f66}.product-workspace dialog>h2{font-size:24px;border-bottom:1px solid #e3e6ef;margin:0 0 24px;padding-bottom:20px;padding-right:36px}.product-workspace dialog .close{border:0;background:#f4f5fa;color:#687083;border-radius:8px}.product-workspace #productmasterform{counter-reset:product-section}.product-workspace #productmasterform fieldset{counter-increment:product-section;border:1px solid #e3e6ef;border-radius:12px;margin:24px 0;padding:20px;background:#fff}.product-workspace #productmasterform legend{color:#16457e;font-size:18px;font-weight:600;padding:0 10px;display:table}.product-workspace #productmasterform legend::before{content:counter(product-section,decimal-leading-zero);background:#fff0a6;color:#16457e;border-radius:6px;font-size:13px;padding:5px 7px;margin-right:9px;vertical-align:middle}.product-workspace #productmasterform .formgrid{gap:20px 24px}.product-workspace #productmasterform label{color:#626a7c;font-size:14px;font-weight:500}.product-workspace #productmasterform input,.product-workspace #productmasterform select{border-color:#dfe3eb;background-color:#fff}.product-workspace #productmasterform input:focus,.product-workspace #productmasterform select:focus{background-color:#fdfdff}.product-workspace .tierrow{grid-template-columns:1.3fr repeat(3,1fr) 44px;gap:16px;padding:16px 0 22px;border-color:#eceef4}.product-workspace .tieridentity{gap:12px}.product-workspace .tierrow output{min-height:48px;margin-top:8px;padding:10px 12px;background:#fff0a6;border:1px solid #f3cf50;border-radius:8px;color:#16457e;font-size:16px;line-height:26px;font-weight:600;font-variant-numeric:tabular-nums}.product-workspace .tierrow small{font-size:13px;color:#72798a}.product-workspace .tierrow .removetier{width:44px;padding:8px;margin-top:29px;border-color:#e3e6ef;color:#747c8c}.product-workspace #addtier{margin-top:16px;color:#174c91;border-color:#b9cde5;background:#fff}.product-workspace .calculated{background:#f7f9fc;border:1px solid #e3e6ef;border-radius:12px;padding:24px}.product-workspace .calculated h3{color:#16457e}.product-workspace .calcgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-workspace .calcgrid>span{font-size:14px;color:#687083;min-width:0}.product-workspace .calcgrid b{font-size:18px;font-weight:600;color:#16457e;margin-top:8px}.product-workspace .calculated p{font-size:14px;line-height:1.7}.product-workspace #productmasterform>button.primary{min-width:160px;padding:13px 24px;margin-top:12px}.product-workspace footer{color:#778093}
@media(max-width:1150px){.product-workspace .tierrow{grid-template-columns:repeat(3,minmax(0,1fr)) 44px}.product-workspace .tieridentity{grid-column:1/-1;max-width:440px}.product-workspace .tierrow .removetier{margin-top:29px}.product-workspace .calcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.product-workspace #content{padding:20px 16px}.product-workspace .heading{align-items:flex-start;gap:16px}.product-workspace .card{padding:18px}.product-workspace #productmasterform fieldset{padding:16px}.product-workspace #productmasterform legend{font-size:16px}.product-workspace .tierrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-workspace .tieridentity{max-width:none;width:100%}.product-workspace .tierrow .removetier{margin-top:29px;align-self:start}.product-workspace .calculated{padding:16px}.product-workspace .calcgrid{grid-template-columns:1fr}.product-workspace th,.product-workspace td{padding:14px 12px}.product-workspace #productupload{padding:16px}.product-workspace .heading .actions{width:auto}}

/* Shared surfaces, forms and dashboard accents. */
.product-workspace .brand small{color:#e7f1ff}
.product-workspace nav details{border-color:#4877b2}
.product-workspace fieldset{border:1px solid #e3e6ef;border-radius:12px;padding:20px;background:#fff}
.product-workspace legend{color:#16457e;font-size:18px;font-weight:600}
.product-workspace .formgrid{gap:16px 24px}
.product-workspace .formrow label{color:#626a7c}
.product-workspace textarea{border:1px solid #dfe3eb;border-radius:8px;padding:12px;background:#fff;color:#242735}
.product-workspace .metric{border-color:#e3e6ef;box-shadow:0 2px 6px #202a4808}
.product-workspace .metric:nth-child(4n+1){background:#fff0a6}
.product-workspace .metric:nth-child(4n+2){background:#edf4ff}
.product-workspace .metric:nth-child(4n+3){background:#fff0a6}
.product-workspace .metric:nth-child(4n){background:#edf4ff}
.product-workspace .metric strong{color:#292e48}
.product-workspace .hero{background:#fff0a6;color:#16457e}
.product-workspace .bar{background:#b9d3ef}.product-workspace .bar.last,.product-workspace .progress div{background:#174c91}
.product-workspace .chart{background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf2f9 40px)}
.product-workspace .progress{background:#e4edf8}
.product-workspace .product .pack,.product-workspace .route .count{background:#fff0a6;color:#174c91}
.product-workspace .taskicon{background:#fff0a6;color:#174c91}
.product-workspace .steps span{background:#f4f5fa;color:#687083}.product-workspace .steps span.active{background:#ffe16b;color:#16457e}
.product-workspace .subtabs{flex-wrap:wrap}.product-workspace .subtabs button.active{background:#174c91;color:#fff;border-color:#174c91}
.product-workspace .toolbar input{min-width:160px}
.product-workspace input[type=file]::file-selector-button{background:#fff;border:1px solid #dfe3ee;border-radius:8px;padding:12px 16px;color:#174c91;font:500 14px Inter,sans-serif;margin-right:12px}
.product-workspace button:disabled{cursor:default}
@media(max-width:700px){.product-workspace header{padding:12px 16px}.product-workspace .formgrid{gap:12px 16px}.product-workspace fieldset{padding:16px}.product-workspace .heading{flex-wrap:wrap}.product-workspace .actions{flex-wrap:wrap}}

/* Blue and yellow brand palette. */
.product-workspace .logo{background:#ffca05;color:#123b70}
.product-workspace nav button.active{background:#ffca05;color:#123b70}
.product-workspace .hero{background:#ffe16b;color:#16457e;border:1px solid #f3c92b}
.product-workspace .eyebrow{color:#5f6e83}
.product-workspace .toolbar span{background:#edf4ff;color:#16457e}
.product-workspace .metric:nth-child(odd){background:#ffed98}.product-workspace .metric:nth-child(even){background:#edf4ff}
.product-workspace .taskicon{background:#ffdf59;color:#16457e}
.product-workspace .tag.pending{background:#ffdf59;color:#725612}
.product-workspace #addtier:hover{background:#fff0a6}
.product-workspace .product .pack,.product-workspace .route .count{background:#eaf3ff;color:#16457e}
.product-workspace .tierrow output{background:#edf4ff;border-color:#d7e5f6}