:root{--ink:#172439;--muted:#788496;--line:#e7ebf1;--blue:#3268ee;--nav:#111e31;--bg:#f5f7fb;--green:#188568;--bs-primary:#3268ee;--bs-border-radius:8px;--bs-body-font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{text-decoration:none;color:var(--blue)}button:focus-visible,a:focus-visible{outline:3px solid #8dacf8}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#d2dae7;display:flex;flex-direction:column;z-index:30;padding:29px 17px 18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:30px;font-weight:740;letter-spacing:-1.5px;line-height:1.15;padding:0 10px}.brand-mark{display:grid;place-items:center;width:41px;height:44px;background:var(--blue);border-radius:11px 11px 11px 3px;color:white;font-size:18px;letter-spacing:-1px;box-shadow:0 4px 13px #235de825}.brand-dot{color:#6b95fa}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.2px;color:#8b9db5;margin-top:6px}.sidebar nav{margin-top:37px;overflow:auto;scrollbar-width:thin;flex:1}.nav-label{font-size:9px;font-weight:650;color:#667b96;letter-spacing:1.8px;margin:23px 15px 10px}.nav-label:first-child{margin-top:0}.nav-item{display:flex;gap:13px;align-items:center;padding:10px 14px;color:#99a9bf;border-radius:7px;margin:2px 0;font-size:13px;transition:background .15s}.nav-item:hover{background:#1c2c44;color:#fff}.nav-item.active{background:#2e62df;color:white;box-shadow:0 4px 12px #06112620}.nav-item .nav-count{margin-left:auto;background:#ffffff20;border-radius:4px;padding:0 6px;font-size:10px}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:18px 9px 0;border-top:1px solid #253349;margin-top:18px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#5aab94;box-shadow:0 0 0 4px #5aab9415}.sidebar-bottom strong{font-size:10px;font-weight:550}.sidebar-bottom small{display:block;font-size:9px;color:#677d98;margin-top:3px}.workspace{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:79px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.breadcrumb{display:flex;gap:15px;margin:0;align-items:center;color:#96a0ae;font-size:12px}.breadcrumb strong{font-weight:500;color:#536178}.topbar-right{display:flex;align-items:center;gap:19px}.icon-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:7px;width:35px;height:35px;background:white;color:#6d7b90;cursor:pointer}.notification{border:none}.topbar-divider{height:30px;width:1px;background:var(--line)}.profile{display:flex;gap:10px;align-items:center;background:none;border:0;text-align:left;padding:0;color:var(--ink)}.avatar{height:35px;width:35px;background:#e9efff;color:#376ad8;display:grid;place-items:center;border-radius:50%;font-weight:600}.profile strong{display:block;font-size:12px;font-weight:600}.profile small{display:block;font-size:10px;color:var(--muted)}#main{padding:31px 34px;flex:1;outline:none}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:var(--blue);display:block;margin-bottom:9px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.page-head h1{font-size:27px;font-weight:680;letter-spacing:-.9px;margin:0 0 6px}.page-head p{font-size:12px;color:var(--muted);margin:0}.head-actions,.toolbar-actions{display:flex;gap:9px;align-items:center}.btn{font-size:12px;font-weight:550;padding:10px 15px;border-radius:7px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.btn .icon{width:16px;height:16px}.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 3px 7px #3268ee15}.btn-light{background:white;border:1px solid #dfe5ed;color:#485970}.btn-outline-secondary{border-color:#dfe5ed;color:#5b6980}.btn-sm{padding:6px 10px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 21px 17px;min-height:153px;box-shadow:0 3px 6px #21395602}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#728097;font-size:11px;font-weight:500}.stat-icon{height:31px;width:31px;border-radius:8px;display:grid;place-items:center;background:#edf3ff;color:#5180ea}.stat:nth-child(2) .stat-icon{color:#9372c7;background:#f3effc}.stat:nth-child(3) .stat-icon{color:#279779;background:#eaf7f2}.stat:nth-child(4) .stat-icon{color:#c79039;background:#fff6e8}.stat-value{font-size:31px;font-weight:640;letter-spacing:-1px;margin:9px 0 2px;line-height:1.2}.stat-foot{font-size:10px;color:#929cac;margin-top:11px}.stat-foot strong{font-weight:500;color:#6581bd}.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 6px #21395602;overflow:hidden}.panel-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:14px;font-weight:630;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.panel-body{padding:22px}.grid-main{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-bottom:22px}.muted{color:var(--muted)}.text-small{font-size:11px}.notice{border:1px solid #dbe6fd;background:#f0f5ff;border-radius:8px;padding:14px 17px;font-size:12px;color:#45618e;margin-bottom:20px;line-height:1.7}.notice strong{font-weight:650}.notice.success{background:#effaf5;border-color:#d6ede2;color:#287655}.notice.danger{background:#fff3f3;border-color:#f2d6d9;color:#ad4a54}.notice.warning{background:#fff9ed;border-color:#f2e5c9;color:#916924}.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 23px;border:1px solid #dbe5fd;border-radius:10px;background:linear-gradient(110deg,#edf3ff,#f8faff);margin-bottom:24px}.welcome-banner h2{font-size:13px;margin:0 0 4px;font-weight:650}.welcome-banner p{font-size:11px;margin:0;color:#6d819f}.banner-icon{padding:12px;background:#dfeaff;border-radius:10px;color:var(--blue)}.banner-copy{flex:1}.donut-wrap{display:flex;align-items:center;gap:33px;padding:32px 25px}.donut{width:164px;height:164px;border:18px solid #eff2f7;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.donut strong{font-size:34px;line-height:1.15;font-weight:650;letter-spacing:-1px}.donut span{color:var(--muted);font-size:10px}.legend{flex:1}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px;margin:14px 0}.legend-row strong{margin-left:auto;font-size:11px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#e0e5ed}.dot.excellent{background:#288570}.dot.great{background:#65b59d}.dot.ideal{background:#5c8aed}.dot.below{background:#e9ad56}.dot.negative{background:#df6c7a}.panel-note{padding:12px 22px;border-top:1px solid var(--line);font-size:10px;color:#94a0b2;background:#fcfdff}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-icon{width:48px;height:48px;border-radius:12px;background:#f2f5fb;display:grid;place-items:center;color:#98acc8;margin:0 auto 16px}.empty-icon .icon{width:25px;height:25px}.empty-state h3{color:#4e617e;font-size:13px;font-weight:580;margin:0 0 7px}.empty-state p{font-size:11px;max-width:340px;margin:0 auto 17px;line-height:1.8}.onboard-list{padding:9px 22px}.onboard-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink)}.onboard-row:last-child{border:0}.step-number{width:27px;height:27px;border-radius:50%;background:#f2f5fb;color:#7c92b3;display:grid;place-items:center;font-size:10px}.onboard-row strong{font-size:11px;display:block;font-weight:570}.onboard-row small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.onboard-row>.icon{margin-left:auto;color:#9aacbf}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{background:#f8fafd;color:#8692a4;font-size:9px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;padding:13px 20px;border-bottom:1px solid var(--line)}.data-table td{font-size:11px;padding:16px 20px;border-bottom:1px solid #edf0f5;vertical-align:middle}.data-table td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdff}.data-table .name-cell{font-weight:560;color:#3c4f6d;max-width:280px;overflow:hidden;text-overflow:ellipsis}.badge-state{display:inline-flex;gap:5px;align-items:center;font-size:9px;font-weight:550;padding:4px 8px;border-radius:5px;background:#eef2f8;color:#788aa6}.badge-state.good{background:#eaf6f0;color:#328765}.badge-state.warn{background:#fff4df;color:#b18436}.badge-state.bad{background:#fcedef;color:#c65a68}.badge-state.blue{background:#edf2ff;color:#537bcc}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px;flex-wrap:wrap}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-field{position:relative;min-width:210px}.search-field .icon{position:absolute;top:11px;left:12px;width:16px;color:#96a4b9}.search-field input{padding-left:36px}.form-control,.form-select{font-size:12px;padding:10px 12px;border-color:#dfe5ef;border-radius:6px;color:#40516c;background-color:#fff}.form-control::placeholder{color:#a5aebe}.form-control:focus,.form-select:focus{box-shadow:0 0 0 3px #3268ee13;border-color:#82a3ee}.filters .form-select{min-width:140px;width:auto}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:14px 20px;font-size:10px;color:var(--muted)}.pages{display:flex;gap:7px;align-items:center}.pages span{padding:0 8px}.app-footer{padding:19px 34px;font-size:9px;color:#98a2b1;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:0 34px;padding-left:0;padding-right:0}.app-footer>span:first-child{color:#718097}.app-footer .muted{padding:0 8px}.edit-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:22px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:11px;font-weight:550;color:#56657c}label input,label select,label textarea{margin-top:7px}label small{display:block;font-weight:400;color:#8996a9;margin-top:6px;font-size:10px}textarea{min-height:86px;resize:vertical}.form-section{margin-bottom:22px}.form-section h3{font-size:13px;margin:0 0 20px;font-weight:650}.form-section .section-description{font-size:11px;color:var(--muted);margin-top:-12px;margin-bottom:19px}.check-field{display:flex;align-items:center;gap:9px;font-weight:450;cursor:pointer}.check-field input{width:15px;height:15px;accent-color:var(--blue);margin:0}.form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.stack{display:flex;flex-direction:column;gap:22px}.summary-value{font-size:32px;letter-spacing:-1px;font-weight:640;margin:8px 0 3px}.summary-label{color:var(--muted);font-size:11px}.metric-row{display:flex;justify-content:space-between;gap:18px;font-size:11px;padding:10px 0;border-bottom:1px solid #eef1f6}.metric-row:last-child{border:0}.metric-row span{color:#7d8a9f}.metric-row strong{font-weight:550;text-align:right}.positive{color:#25856b}.negative{color:#c85b65}.composition-group{border:1px solid var(--line);border-radius:8px;padding:15px;margin-top:17px}.composition-group h4{font-size:12px;margin:0;font-weight:600}.group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.composition-line{display:grid;grid-template-columns:minmax(140px,1fr) 120px 30px;gap:9px;align-items:end;margin-top:12px}.composition-line .icon-button{width:29px;height:34px;color:#cc7180;border-color:#f4dce1}.picker-search{font-size:10px;padding:6px 10px;margin-bottom:4px}.picker small{font-size:9px;color:#97a2b4;font-weight:400}.component-card{border:1px solid var(--line);border-radius:8px;padding:15px;margin-top:14px;background:#fcfdff}.component-card .form-grid{gap:10px}.bands{margin-top:12px}.band-row{display:grid;grid-template-columns:1fr 1fr 1fr 30px;gap:7px;margin-top:7px}.band-row input{min-width:0}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{background:none;border:0;padding:12px 0;color:#8a98ab;font-size:12px;border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.simulator-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sim-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.sim-mode label{padding:11px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:7px;font-weight:450}.sim-mode input{accent-color:var(--blue);margin:0}.sim-mode label:has(input:checked){border-color:#86a6f4;background:#f1f5ff;color:var(--blue)}.scenario{margin-top:22px}.time-entry{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress-list{display:flex;flex-direction:column;gap:14px}.mini-bar{height:5px;background:#edf1f7;border-radius:4px;overflow:hidden}.mini-bar span{display:block;height:100%;background:#6f96ee;border-radius:4px}.history-entry{display:flex;gap:14px;padding:15px 21px;border-bottom:1px solid var(--line)}.history-entry:last-child{border:0}.history-entry .entry-mark{width:29px;height:29px;background:#f0f4fb;border-radius:8px;display:grid;place-items:center;color:#88a0c3}.history-entry .entry-mark .icon{width:14px;height:14px}.history-entry strong{font-size:11px;font-weight:500;display:block;color:#536780}.history-entry small{font-size:9px;color:#8e9caf}.history-entry time{margin-left:auto;font-size:9px;color:#9ba6b6;white-space:nowrap}.danger-text{color:#b65463}#toast{position:fixed;bottom:25px;right:25px;max-width:470px;padding:15px 20px;border-radius:9px;background:#193e34;color:white;z-index:100;box-shadow:0 8px 35px #10243c22;display:none;font-size:12px}#toast.show{display:block}#toast.error{background:#813743}dialog{border:1px solid var(--line);border-radius:14px;max-width:800px;width:calc(100% - 36px);padding:0;color:var(--ink);max-height:88vh;box-shadow:0 18px 80px #10243c30}dialog::backdrop{background:#101d3255;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:18px;margin:0}.dialog-body{padding:22px;overflow:auto}.dialog-body h3{font-size:13px;margin:20px 0 12px}.diff-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;overflow-wrap:anywhere}.field-error{font-size:10px;color:#bc5865;margin-top:5px}.loading{padding:80px;text-align:center;color:#879bb8;font-size:13px}.loading:before{content:'';display:block;width:24px;height:24px;border:2px solid #dce5f5;border-top-color:#3268ee;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-toggle{display:none}.skip-link{position:absolute;left:250px;top:-50px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-story{background:var(--nav);color:white;padding:50px 58px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.auth-story .brand{padding:0}.auth-story .eyebrow{color:#81a5ff;font-size:9px}.auth-story h1{font-size:39px;letter-spacing:-1.5px;line-height:1.3;margin:20px 0}.auth-story p{color:#879ab5;font-size:13px;max-width:330px;line-height:1.9}.auth-story small{color:#65809e;font-size:10px}.auth-shape{height:200px;width:200px;display:grid;place-items:center;border:1px solid #34507a;transform:rotate(-20deg);border-radius:35px;margin:45px 0 0 55px;background:linear-gradient(130deg,#28467544,#172f5222);box-shadow:25px 25px 0 -2px #172a44,25px 25px 0 -1px #365074}.auth-shape span{font-size:60px;font-weight:700;color:#456899;transform:rotate(20deg)}.auth-form{padding:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.auth-card{width:100%;max-width:365px}.auth-card h2{font-size:29px;letter-spacing:-1px;margin:10px 0 12px;font-weight:660}.auth-card>.muted{font-size:12px;margin-bottom:30px;line-height:1.8}.auth-card label{margin:20px 0}.auth-card .form-control{padding:13px}.auth-card .btn{margin-top:8px;padding:13px}.auth-card .btn span{margin-left:auto}.auth-help{font-size:10px;line-height:1.8;color:#97a2b3;margin-top:25px}.subtle-link{font-size:10px;color:#6c85b2}.auth-form>small{position:absolute;bottom:30px;font-size:9px;color:#a3afbf}.setup-page{padding:50px 20px}.setup-card{max-width:700px;margin:auto;padding:40px;background:#fff;border:1px solid var(--line);border-radius:15px}.setup-card .brand{padding:0;margin-bottom:35px}.brand.dark{color:var(--ink)}.setup-card h1{font-size:26px;letter-spacing:-.8px;margin-bottom:15px}.setup-card form>label{margin-bottom:18px}.setup-card .notice{margin-top:20px}.one-time-password{display:block;padding:15px;background:white;font-size:17px;user-select:all}.wrap{white-space:normal;min-width:200px}.print-only{display:none}details summary{cursor:pointer;font-size:11px;color:#7088ad;margin:8px 0}details .metric-row{padding-left:10px}.lookup-row{display:flex;align-items:end;gap:12px}.lookup-row>.picker{flex:1}
@media(min-width:1600px){#main{max-width:1640px;width:100%;margin:auto;padding:38px 45px}.topbar{padding:0 45px}.stat{min-height:170px}.stat-value{font-size:36px}.donut-wrap{padding:40px}.donut{width:180px;height:180px}.nav-item{padding-top:11px;padding-bottom:11px}}
@media(max-width:1150px){.sidebar{width:208px}.workspace{margin-left:208px}#main{padding:25px}.topbar{padding:0 25px}.stats{gap:12px}.stat{padding:16px}.grid-main{grid-template-columns:1fr 1fr;gap:16px}.donut-wrap{gap:15px;padding:20px}.donut{width:125px;height:125px;border-width:14px}.donut strong{font-size:27px}.edit-grid{grid-template-columns:minmax(0,1.5fr) 275px}.composition-line{grid-template-columns:minmax(100px,1fr) 90px 29px}.brand{font-size:26px}.brand small{font-size:7px}.nav-item{font-size:12px}}
@media(max-width:900px){.sidebar{width:210px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #13213955}.workspace{margin-left:0}.mobile-toggle{display:inline-flex}.topbar{height:67px;gap:12px}.breadcrumb{margin-right:auto}.stats{grid-template-columns:repeat(2,1fr)}.edit-grid{grid-template-columns:1fr}.auth-story{padding:35px}.auth-story h1{font-size:30px}.auth-form{padding:30px}.simulator-grid{grid-template-columns:1fr}}
@media(max-width:600px){#main{padding:23px 16px}.topbar{padding:0 16px}.breadcrumb{display:none}.topbar-right{margin-left:auto;gap:12px}.profile small,.profile strong{display:none}.topbar-divider{display:none}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.head-actions{flex-direction:column;align-items:flex-end}.head-actions .btn{font-size:10px;padding:9px 11px}.page-head p{max-width:210px;font-size:11px}.grid-main{grid-template-columns:1fr}.stats{gap:10px}.stat{min-height:140px}.stat-value{font-size:28px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.welcome-banner{padding:16px;flex-wrap:wrap}.welcome-banner .banner-icon{display:none}.welcome-banner .btn{width:100%}.app-footer{margin:0 16px;gap:20px;font-size:8px}.app-footer span:last-child{text-align:right}.panel-head,.panel-body{padding:17px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.composition-line{grid-template-columns:1fr 80px 28px}.filters{width:100%}.search-field{flex:1;min-width:180px}.filters .form-select{flex:1;min-width:120px}.auth-page{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story>div,.auth-story>small{display:none}.auth-form{min-height:calc(100vh - 95px)}.auth-form>small{bottom:18px}.setup-card{padding:25px}.setup-page{padding:18px 12px}.diff-row{font-size:10px}.band-row{grid-template-columns:1fr 1fr 1fr 25px;gap:4px}.band-row .form-control{font-size:10px;padding:8px 5px}.donut-wrap{padding:25px}.donut{width:150px;height:150px}#toast{left:15px;right:15px;bottom:15px}}
@media print{.sidebar,.topbar,.app-footer,.btn,.toolbar,.form-actions,.icon-button{display:none!important}.workspace{margin:0}#main{padding:0}.panel{break-inside:avoid}.print-only{display:block}.edit-grid{display:block}body{background:white}.panel{margin-bottom:20px;box-shadow:none}}

.donut{position:relative}.donut svg{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);transform:rotate(-90deg);pointer-events:none}.donut .ring-excellent{stroke:#288570}.donut .ring-great{stroke:#65b59d}.donut .ring-ideal{stroke:#5c8aed}.donut .ring-below{stroke:#e9ad56}.donut .ring-negative{stroke:#df6c7a}

.sidebar-close{display:none}@media(max-width:900px){.sidebar-close{display:flex;position:absolute;right:8px;top:8px;width:24px;height:24px;background:#24344c;color:#bed0ed;border:0}}

/* Product workspace: one catalog, shared composition and channel results. */
.product-tabs{overflow-x:auto;gap:26px}.product-tabs .tab{white-space:nowrap;font-weight:550}.product-stats{grid-template-columns:1.25fr 1fr 1fr}.product-stats .stat-value{font-size:26px}.product-detail-bottom{margin-top:22px}.product-type-choice{background:#f4f7ff;border:1px solid #dce6ff;border-radius:8px;padding:16px}.product-type-choice small{display:block;margin-top:7px}.product-type-choice .check-field{font-weight:600;font-size:12px}.product-context{background:#f3f7fd;border-radius:7px;padding:13px;color:#637894;font-size:12px}.product-description{white-space:pre-wrap;font-size:12px;color:#64768f}.row-actions{display:flex;gap:6px}.value-tip{font:inherit;font-weight:inherit;color:inherit;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:3px 0;text-align:left;border-bottom:1px dashed #bccada;cursor:help}.value-tip:hover,.value-tip:focus-visible{color:var(--blue)}.tip-mark{display:inline-grid;place-items:center;width:12px;height:12px;font-size:9px;line-height:1;font-weight:500;border:1px solid #99abc2;color:#8196b2;border-radius:50%;flex-shrink:0}.value-tooltip{position:fixed;z-index:150;max-width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:16px 18px;background:#17283f;color:#eef4ff;border:1px solid #384d6a;border-radius:10px;box-shadow:0 10px 35px #14284435;font-size:12px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.value-tooltip[hidden]{display:none}fieldset{min-width:0}.legacy-extras{margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:8px}.legacy-extras .group-head>[data-action="add-line"]{display:none}#confirm-dialog{max-width:520px}#confirm-dialog .dialog-body p{font-size:13px;line-height:1.8}.product-stats .stat-value{overflow-wrap:anywhere}.product-stats .value-tip{white-space:nowrap}
@media(max-width:600px){.product-stats{grid-template-columns:1fr 1fr}.product-stats .stat:first-child{grid-column:1/-1}.product-stats .stat-value{font-size:24px}.product-tabs{gap:20px}.product-tabs .tab{font-size:11px}.panel-head{flex-wrap:wrap}.row-actions .icon-button{width:33px}.value-tooltip{font-size:11px}}
@media print{.value-tooltip,.product-tabs,.tip-mark{display:none!important}.value-tip{border:0;padding:0}.product-detail-bottom{display:block}.product-stats{grid-template-columns:repeat(3,1fr)}}

/* Advertisement and its calculator share one workspace. */
.listing-edit-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}
.listing-edit-grid>*{min-width:0}
.listing-calculator{scroll-margin-top:24px;border-top:3px solid var(--primary,#2563eb)}
.listing-calculator fieldset{border:0;padding:0;min-width:0}
.listing-calculator legend{float:none;width:auto;margin:0 0 10px;font-weight:600}
.listing-calculator .sim-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.listing-calculator .sim-mode label{min-width:0;font-size:13px;padding:10px}
.calculator-basis{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e8edf3;font-size:13px;color:#67758a}
.calculator-basis strong{color:#20324d;text-align:right}
.calculator-hint{padding:15px;background:#f5f8fc;border-radius:8px;font-size:13px;color:#67758a;line-height:1.6}
.calculator-result{padding-top:20px;border-top:1px solid #e8edf3;margin-top:20px}
.calculator-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.calculator-metrics span,.calculator-metrics strong{display:block}.calculator-metrics span{font-size:12px;color:#67758a}.calculator-metrics strong{font-size:18px;margin-top:4px}
.calculator-comparison caption{caption-side:top;color:#67758a;font-size:12px}.calculator-comparison th,.calculator-comparison td{padding:10px 8px;font-size:12px}
@media(max-width:1200px){.listing-edit-grid .form-grid{grid-template-columns:1fr}.listing-edit-grid .form-grid .full{grid-column:auto}}
@media(max-width:900px){.listing-edit-grid{grid-template-columns:minmax(0,1fr)}.listing-calculator .summary-value{font-size:30px}}

/* Search lives inside a single relationship dropdown. */
.picker{display:block;position:relative;min-width:0;font-size:13px;font-weight:600;color:#526078}
.picker-label{display:block;margin-bottom:7px}.picker-trigger{text-align:left;font-weight:400;cursor:pointer;min-width:0;white-space:normal;padding-right:32px!important}
.picker-selected{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-value{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;pointer-events:none;opacity:0}
.picker-popup{position:fixed;z-index:1500;border:1px solid #d9e2f0;border-radius:12px;background:#fff;box-shadow:0 12px 36px #15284626;overflow:hidden;padding:10px;font-weight:400;color:#27374d}
.picker-popup[hidden]{display:none!important}.picker-search-wrap{position:relative;margin-bottom:8px}.picker-search-wrap>.icon{position:absolute;left:11px;top:12px;color:#8593aa;width:18px;height:18px}.picker-search-wrap .picker-search{padding-left:36px;font-size:14px;width:100%;margin:0}
.picker-options{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:42px}
.picker-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;background:transparent;border-radius:6px;padding:10px;color:#27374d;font-size:13px;line-height:1.4}
.picker-option span{overflow-wrap:anywhere}.picker-option small{flex-shrink:0;color:#8893a5;font-size:11px}.picker-option[aria-selected=true]{background:#edf2ff;color:#355ed8;font-weight:600}.picker-option:hover,.picker-option:focus{background:#e8efff;color:#214fbe;outline:2px solid #8aa5ed;outline-offset:-2px}
.picker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #edf0f5;margin-top:6px;font-size:11px;color:#7c899d;min-height:30px}.picker-footer .btn{flex-shrink:0}.picker-empty{padding:16px 8px;margin:0;font-size:13px;color:#7c899d}.picker-trigger[aria-invalid=true]{border-color:#d34150}
@media print{.picker-popup{display:none!important}}

/* Linked catalogs and explicit status controls. */
.status-action{margin-left:6px;vertical-align:middle}.row-actions .status-action{margin-left:0}
.channel-product-meta{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:14px 24px;background:var(--surface-alt,#f7f9fc);border-bottom:1px solid var(--border,#e4e9f0)}
.linked-model{padding:18px;border:1px solid var(--border,#e4e9f0);border-radius:12px;background:#f7f9fc;display:grid;gap:12px}
.linked-model .btn{justify-self:start}.product-context small{display:block;margin-top:5px;color:var(--muted,#6b7890)}
@media(max-width:600px){.channel-product-meta{padding:12px 16px}.status-action{padding:0}}

/* Channel summaries remain visible while announcements are folded. */
.channel-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 16px;font-size:13px}.channel-list-toolbar p{font-size:12px;color:var(--muted);margin:5px 0 0}.channel-list-toolbar .row-actions{flex-shrink:0}
.channel-product{overflow:hidden}.channel-product-summary{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr) minmax(130px,1fr) 125px;gap:20px;align-items:center;padding:22px 24px;cursor:pointer;list-style:none;color:var(--ink);font-size:13px}
.channel-product-summary::-webkit-details-marker{display:none}.channel-product-summary:hover{background:#f8faff}.channel-product-summary:focus-visible{outline:3px solid #8dacf8;outline-offset:-3px}
.channel-product-summary strong,.channel-product-summary small{display:block}.channel-product-name strong{font-size:14px;overflow-wrap:anywhere}.channel-product-summary small{font-size:11px;color:var(--muted);margin-top:5px}.channel-range>small:first-child{margin:0 0 6px}.channel-range strong{font-size:14px;font-variant-numeric:tabular-nums}
.channel-disclosure{position:relative;padding-right:22px;text-align:right;font-size:11px;color:var(--blue)}.channel-disclosure strong{color:var(--ink);margin-bottom:4px}.channel-disclosure>.icon{position:absolute;right:0;top:12px;width:15px;height:15px;transition:transform .15s}.channel-product[open] .channel-disclosure>.icon{transform:rotate(90deg)}
.channel-product:not([open]) .when-open,.channel-product[open] .when-closed{display:none}.channel-product-content{border-top:1px solid var(--line)}.channel-product-content .channel-product-meta{justify-content:space-between}
/* A tariff alert leads with the actual decision and its financial effect. */
.alert-identity{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.alert-identity p{margin:5px 0 0;color:var(--muted);font-size:12px}.alert-model-context{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.alert-model-context>span{color:var(--muted)}.alert-explanation{margin:12px 0 18px;font-size:13px;line-height:1.7}
.tariff-comparison{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:16px 0 20px}.tariff-comparison-head,.tariff-comparison-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;padding:14px 18px}.tariff-comparison-head{background:#f5f7fb;font-size:11px;color:var(--muted);font-weight:600}.tariff-comparison-row{border-top:1px solid var(--line);font-size:13px;align-items:start}.tariff-comparison-row strong{display:block;overflow-wrap:anywhere}.tariff-comparison-row small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.tariff-current>strong,.tariff-proposed>strong{font-size:21px}.tariff-proposed>strong{color:var(--blue)}
.impact-card{background:#f5f8fd;border:1px solid #dce6f4;border-radius:12px;padding:21px}.impact-card.impact-decrease{background:#fff7f5;border-color:#f2d9d2}.impact-card.impact-increase{background:#f2fbf7;border-color:#cde7db}.impact-eyebrow{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted)}.impact-card h3{font-size:20px;line-height:1.4;margin:9px 0!important}.impact-decrease h3{color:#a9443b}.impact-increase h3{color:#237d60}.impact-card p{font-size:12px;color:#53647b;line-height:1.7;margin:8px 0}.impact-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 0;margin-top:10px;border-top:1px solid #dce2eb}.impact-results>div>span{font-size:11px;color:var(--muted);display:block}.impact-results strong{font-size:17px;display:block;margin-top:5px;font-variant-numeric:tabular-nums}.impact-results strong span{color:var(--muted);padding:0 4px}.impact-results small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.impact-card .impact-basis{font-size:11px;margin-bottom:0}.alert-review-action{display:flex;align-items:center;gap:18px;margin:22px 0}.alert-review-action p{font-size:12px;color:var(--muted);margin:0;max-width:350px}.alert-treatment{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.alert-audit{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.alert-audit summary{color:var(--muted);cursor:pointer}.alert-audit .history-entry{padding:14px 0}
@media(max-width:1150px){.channel-product-summary{grid-template-columns:minmax(150px,1.4fr) 1fr 1fr;gap:16px}.channel-disclosure{grid-column:1/-1;text-align:left;padding:0 22px 0 0;display:flex;gap:12px}.channel-disclosure>.icon{right:auto;left:0;top:2px}.channel-disclosure strong{padding-left:22px}.channel-list-toolbar{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.channel-product-summary{grid-template-columns:1fr 1fr;padding:17px;gap:16px}.channel-product-name{grid-column:1/-1}.channel-range strong{font-size:13px}.channel-list-toolbar .row-actions{width:100%}.channel-list-toolbar .btn{flex:1}.tariff-comparison-head,.tariff-comparison-row{gap:8px;padding:12px 10px;grid-template-columns:1fr 1fr}.tariff-comparison-head>span:first-child{display:none}.tariff-comparison-row>div:first-child{grid-column:1/-1}.tariff-current>strong,.tariff-proposed>strong{font-size:20px}.impact-card{padding:16px}.impact-card h3{font-size:18px}.impact-results{grid-template-columns:1fr;gap:15px}.impact-results strong{font-size:17px}.alert-review-action{align-items:flex-start;flex-direction:column;gap:10px}.alert-identity strong{font-size:13px}}

/* Official identity, supplied by 3D Unique; original PNG kept intact. */
.brand-official{display:flex;flex-direction:column;gap:8px;padding:0 8px;align-items:center;letter-spacing:normal}.brand-official img{display:block;width:100%;max-width:200px;height:auto;object-fit:contain}.brand-caption{font-size:8px;font-weight:600;letter-spacing:2px;color:#aebbd0}.auth-story .brand-official{align-items:flex-start;width:260px;padding:0}.auth-story .brand-official img{max-width:250px}.setup-card .brand-official{width:200px;margin-bottom:25px}.setup-card .brand-caption{color:#63748d}.sidebar .brand-official{margin-top:0}.sidebar nav{margin-top:18px}@media(max-width:600px){.sidebar .brand-official img{max-width:170px}.auth-story .brand-official{width:190px}}

.auth-mobile-logo{display:none}@media(max-width:850px){.auth-mobile-logo{display:block;margin:0 0 24px}.auth-mobile-logo img{width:185px;height:auto}}