:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132237;background:#f3f6fa;--bg:#fff;--raised:#edf3fa;--line:#d7e1ed;--text:#132237;--muted:#65758b;--blue:#085dff;--selected:#e2f2ff;--shadow:0 5px 22px #142b4820;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}body.dark{--bg:#0c1523;--raised:#142238;--line:#26364c;--text:#eef4ff;--muted:#9badc5;--selected:#153c60;background:#07101d;color:var(--text);color-scheme:dark}button,input,select,textarea{font:inherit;font-size:14px;color:inherit}button,a.button{cursor:pointer;min-height:30px;border:1px solid var(--line);border-radius:8px;padding:4px 9px;background:var(--raised);white-space:nowrap;text-decoration:none;color:inherit}button:hover{border-color:#4699ff;background:var(--selected)}button:disabled{opacity:.5;cursor:default}button.active,.primary{background:linear-gradient(130deg,#02b9eb,#0752f6)!important;border-color:#1685fa!important;color:white!important}button.danger{color:#ad3434}a{color:var(--blue)}input,select,textarea{min-height:32px;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:5px 8px;max-width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #1685fa60;outline-offset:1px}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:#087fff;flex:none;cursor:pointer}label{display:grid;gap:4px;font-size:13px;color:var(--muted)}h1,h2,h3,p{margin:0}h2{font-size:18px}h3{font-size:15px}.top{height:54px;padding:6px 16px;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;text-decoration:none;color:var(--text)}.brand img{width:100px;height:35px;object-fit:contain;object-position:left}.dark .brand img{filter:none}.brand small{font-size:10px;color:var(--muted);margin-left:-15px}.top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.top-actions a{font-size:12px;text-decoration:none}.top-actions button{min-width:30px}#mode{font-size:12px;color:var(--muted)}main{padding:10px 14px;width:100%;min-width:0}#notice{font-size:13px;color:var(--muted);margin-bottom:5px}#notice:empty{display:none}.panel{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:10px;min-width:0}.heading,.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.heading>h2{margin-right:auto}.toolbar input.search-table{flex:1;min-width:140px}.muted{font-size:12px;color:var(--muted);line-height:1.5}.search-shell{position:sticky;top:54px;background:var(--bg);padding:7px 0;z-index:40}.search-bar{display:flex;align-items:center;gap:0;border:1px solid var(--line);box-shadow:0 2px 4px #102c4810;border-radius:12px;min-height:46px;padding:5px;position:relative}.search-bar .menu-trigger{height:34px;border:0;background:none;border-right:1px solid var(--line);border-radius:0;padding:3px 12px;flex:none}.search-bar input{border:0;width:170px;background:none;font-size:16px;height:34px;flex:none}.search-bar .brand-picker{border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;background:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;min-width:70px;height:34px}.search-bar .input-spacer{flex:1;min-width:12px;align-self:stretch;cursor:text}.search-bar .submit{background:none;border:0;min-width:36px;font-size:21px}.menu-wrap{position:relative}.menu,.brand-list,.columns-menu{position:absolute;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:6px;z-index:120;min-width:235px;max-height:70dvh;overflow:auto}.menu{top:100%;left:0}.menu button,.brand-list button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;min-height:37px;background:none;border-radius:7px}.menu svg{width:21px;height:21px;flex:none}.brand-list{top:calc(100% + 4px);left:265px;min-width:240px}.brand-list button{min-height:29px;padding:3px 8px}.brand-list details summary{font-size:12px;color:var(--muted);padding:7px;cursor:pointer}.mode-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.table-tools{display:flex;gap:6px;align-items:center;position:relative;margin:7px 0 4px;flex-wrap:wrap}.table-tools>input{flex:1;min-width:150px;height:30px;min-height:30px}.columns-menu{right:0;top:100%;min-width:230px}.columns-menu label{display:flex;align-items:center;gap:7px;padding:5px;color:var(--text);font-size:13px}.table-viewport{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;overflow:clip}.data-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px}.data-table th,.data-table td{height:30px;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.data-table th{position:sticky;top:115px;background:var(--raised);z-index:10;font-weight:600}.data-table th:last-child,.data-table td:last-child{border-right:0}.data-table th button{font-size:12px;min-height:22px;padding:0 3px;border:0;border-radius:3px;background:none}.data-table th .group-active{font-weight:900;color:var(--blue)}.data-table tr:nth-child(even){background:var(--raised)}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover{background:var(--selected)}.data-table tr.highlight{background:#fff6c9}.dark .data-table tr.highlight{background:#514321}.data-table .group-row{background:var(--selected);font-weight:700;cursor:pointer}.data-table .section-row{background:#dcefff;color:#174e83;font-weight:700}.dark .data-table .section-row{background:#123e63;color:#c7e9ff}.data-table td.actions{overflow:visible;white-space:nowrap}.data-table td button{height:24px;min-height:24px;padding:1px 5px;font-size:12px;margin-right:3px}.data-table td.actions .row-menu{position:absolute;right:8px;background:var(--bg);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);z-index:70;padding:5px;display:grid}.row-menu button{height:30px!important;text-align:left}.empty{padding:16px;font-size:13px;color:var(--muted)}.form-line{display:flex;align-items:end;gap:7px;flex-wrap:wrap;margin:8px 0}.form-line label{min-width:110px;flex:1}.form-line label.narrow{flex:0 1 120px}.form-line button{height:32px}.table-footer{font-size:12px;color:var(--muted);padding:5px 0}.provider-status{font-size:12px}.warehouse-list{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px}.warehouse-list label{display:flex;align-items:center;gap:6px;min-height:30px;padding:3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--line);color:var(--text)}.warehouse-list label:has(input:checked){background:var(--selected)}.warehouse-list label span{overflow:hidden;text-overflow:ellipsis}.toast{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);opacity:.88;box-shadow:var(--shadow);font-size:12px;z-index:110;max-width:90vw}.help{position:fixed;bottom:12px;left:12px;width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:var(--bg);display:grid;place-items:center;text-decoration:none;font-weight:bold;color:var(--blue);box-shadow:var(--shadow);z-index:60}dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);overflow:auto;box-shadow:var(--shadow)}dialog::backdrop{background:#07142488}dialog header{display:flex;align-items:center;gap:10px;margin-bottom:12px}dialog header h2{font-size:17px}dialog form{display:grid;gap:9px}dialog .controls{display:flex;gap:6px}.controls button{border:0;width:13px;height:13px;min-height:13px;padding:0;border-radius:50%;background:#ff5c57}.controls button:nth-child(2){background:#febc2e}.controls button:nth-child(3){background:#28c840}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-grid .full{grid-column:1/-1}dialog.expanded{width:calc(100vw - 24px);height:calc(100dvh - 24px)}dialog.collapsed>:not(header){display:none}#login{max-width:380px}#login form{gap:12px}.row-price{font-weight:600}.tab-nav{display:flex;gap:5px;margin-bottom:7px}.sort-arrow{font-size:12px}.push-wrap{position:relative}.push-menu{position:absolute;right:0;top:100%;z-index:100;display:grid;padding:5px;background:var(--bg);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);min-width:140px}.push-menu button{text-align:left;background:none;border:0}.result-summary{font-size:12px;color:var(--muted);margin:5px 0}.notice-warning{color:#936300}.field-hint{font-size:11px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:700px){.top{padding:5px 9px;height:50px;gap:5px}.brand img{width:85px;height:31px}.top-actions a{font-size:11px}main{padding:6px}.panel{padding:7px}.search-shell{top:50px}.search-bar{min-height:46px;padding:3px}.search-bar .menu-trigger{font-size:0;width:42px;padding:5px}.search-bar .menu-trigger svg{width:22px;height:22px}.search-bar input{width:100px;font-size:16px;padding:4px 6px}.search-bar .brand-picker{font-size:12px;max-width:140px;min-width:60px;padding:3px 6px}.brand-list{left:145px;min-width:190px;max-width:calc(100vw - 165px)}.menu{min-width:230px}.data-table{font-size:11px}.data-table td,.data-table th{padding:3px 4px}.data-table th button{font-size:11px;padding:0}.data-table th{top:110px}.data-table td button{font-size:11px;padding:1px 3px}.dialog-grid{grid-template-columns:1fr}.form-line label{min-width:110px}.top-actions button,.push-button{min-height:40px;min-width:40px}.table-tools{gap:4px}h2{font-size:16px}.muted{font-size:11px}#mode{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{margin-left:-10px}.columns-menu label{min-height:36px}}

.resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;touch-action:none;z-index:20}.resize-handle:hover{background:#1685fa80}

.embedded .top{display:none}.embedded .search-shell{top:0}.embedded main{padding:5px}.embedded .data-table th{top:60px}

/* Search parity with Parts. */
.brand-list{left:var(--brand-left,265px);max-width:min(440px,calc(100vw - var(--brand-left,265px) - 36px))}.brand-list>.muted{padding:5px 8px}.brand-list button{gap:6px}.offer-filters{display:flex;gap:5px;align-items:center;margin:6px 0;flex-wrap:wrap}.offer-filters select{max-width:230px}.offer-filters input[placeholder="Склад"]{flex:1;min-width:100px}.offer-filters label{display:flex;align-items:center;gap:4px;color:var(--text)}.offer-filters input[type=number]{width:90px}.data-table .part-link{border:0;background:none;font-weight:650;color:var(--blue);padding:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:left}.data-table .part-link:hover{text-decoration:underline}.together-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.toast{padding-right:32px}.toast button{position:absolute;right:4px;top:4px;min-height:22px;height:22px;padding:0 5px}.search-bar .submit svg{display:block;width:23px;height:23px}.search-bar .brand-picker[hidden]{display:none!important}@media(max-width:700px){.brand-list{left:0;max-width:100%;width:100%}.offer-filters select{max-width:150px}}
.search-bar .scan-tools{display:flex;gap:1px;align-items:center}.search-bar .scan-tools button{display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:5px;border:0;background:none}.search-bar .scan-tools svg{width:22px;height:22px}.scan-dialog canvas{width:100%;max-height:260px;object-fit:contain}.scan-dialog .scan-actions{display:flex;gap:6px;margin:8px 0}.scan-dialog .scan-candidates{display:flex;gap:5px;flex-wrap:wrap}.scan-dialog p{margin:7px 0}.scan-dialog pre{white-space:pre-wrap}.scan-dialog header{justify-content:space-between}.search-bar .submit{order:10}@media(max-width:500px){.search-bar input{width:90px}.search-bar .brand-picker{max-width:110px}.search-bar .scan-tools button{width:26px;min-width:26px;padding:3px}.search-bar .input-spacer{min-width:0}.search-bar .submit{min-width:28px;width:28px;padding:3px}.search-bar .menu-trigger{width:30px}}

.table-tools>select{max-width:190px}.table-tools>input[aria-label="Фильтр склада"]{max-width:200px;min-width:90px;flex:1}.table-tools>input[aria-label="Максимальный срок доставки"]{width:80px;min-width:70px;flex:none}.table-tools>label{display:flex;align-items:center;gap:4px;color:var(--text)}.table-tools>input[aria-label="Поиск по таблице"]{min-width:120px}.table-tools .columns-menu input[type=checkbox]{min-width:17px;width:17px;height:17px;min-height:17px;flex:none}

/* Account navigation participates in the compact, wrapping top bar. */
.top{flex-wrap:wrap}.top-actions{min-width:0;flex-wrap:wrap;gap:6px}.top-actions .fico-account-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line,#d5deeb);border-radius:10px;box-sizing:border-box}.fico-account-icon svg{flex:none}@media(max-width:600px){.top{gap:6px}.top-actions{width:100%;justify-content:flex-end}.top-actions a,.top-actions button{min-height:44px}}

/* Search table geometry follows Parts; brand accents remain FICO. */
.data-table[data-table-id=offers],.data-table[data-table-id=provider-offers]{font-family:system-ui,sans-serif;font-size:14px}
.data-table[data-table-id=offers] td,.data-table[data-table-id=provider-offers] td{height:30px;padding:3px 6px;line-height:20px}
.data-table[data-table-id=offers] th,.data-table[data-table-id=provider-offers] th{height:34px}
.data-table[data-table-id=offers] .part-link,.data-table[data-table-id=provider-offers] .part-link{font-size:14px;line-height:20px}
.data-table td[data-column=price],.data-table td[data-column=sale]{font-weight:700}
body.embedded{font-family:system-ui,sans-serif;--text:#253445;--muted:#65758b;--line:#ccd7e6;--raised:#edf2f8;--bg:#fff}
body.embedded.dark{--text:#f1f3f5;--muted:#bac3cf;--line:#414853;--raised:#2c313a;--bg:#23272e;background:#1b1f25}
body.embedded .search-bar input{width:90px}
body.embedded .search-bar .brand-picker{max-width:220px}
.data-table .own-stock-row .part-link{background:transparent!important}
@media(max-width:700px){.data-table[data-table-id=offers],.data-table[data-table-id=provider-offers]{font-size:12px}.data-table[data-table-id=offers] .part-link,.data-table[data-table-id=provider-offers] .part-link{font-size:12px}.data-table[data-table-id=offers] td,.data-table[data-table-id=provider-offers] td{padding:3px 4px}body.embedded .search-bar input{width:80px}.search-bar .brand-picker{flex-shrink:1;min-width:0}.search-bar .scan-tools{flex:none}.search-bar .input-spacer{min-width:0}.brand-list{max-height:60dvh}}

.search-panel .data-table th{top:var(--table-sticky-top,115px)}
.data-table[data-table-id=offers] th button,.data-table[data-table-id=provider-offers] th button{font-size:13px}

.top{height:auto;min-height:54px}@media(max-width:700px){.top{height:auto;min-height:50px}}

.mode-buttons button{max-width:100%;white-space:normal;text-align:left}.embedded.dark{--blue:#7ebcff}

/* One continuous search field, matching the Parts empty/brand-selected states. */
.search-bar{min-height:44px;height:44px;padding:4px 6px;gap:8px;border-radius:10px}
.search-bar:focus-within{border-color:#6da4d4;box-shadow:0 0 0 2px #4f94cb25}
.search-bar input,.embedded .search-bar input{width:0;flex:1 1 0;min-width:0;height:34px;min-height:34px;padding:3px 4px;border:0;border-radius:0;outline:none;box-shadow:none;font-size:14px;line-height:26px}
.search-bar .menu-trigger{width:76px;height:30px;min-height:30px;padding:3px 6px;font-size:14px}
.search-bar:not(.has-inline-brands) .input-spacer{display:none}
.search-bar.has-inline-brands input,.embedded .search-bar.has-inline-brands input{width:var(--article-width);flex:0 1 var(--article-width);min-width:60px;max-width:34vw}
.search-bar .brand-picker,.embedded .search-bar .brand-picker{flex:0 1 auto;min-width:0;max-width:34vw;height:30px;min-height:30px;padding:3px 12px 3px 8px;font-size:13px;line-height:24px}
.search-bar .input-spacer{min-width:0}
.search-bar .scan-tools{gap:4px;flex:none}.search-bar .scan-tools button{width:28px;min-width:28px;height:30px;min-height:30px;padding:3px}.search-bar .scan-tools svg{width:21px;height:21px}.search-bar .submit{flex:none;min-width:28px;width:28px;height:30px;min-height:30px;padding:3px}
.search-bar.has-provider>select{max-width:190px;min-width:90px;flex:0 1 190px}
@media(max-width:500px){.search-bar{gap:4px}.search-bar .menu-trigger{width:34px;min-width:34px;padding:3px;font-size:0}.search-bar .menu-trigger svg{width:21px;height:21px}.search-bar.has-inline-brands input,.embedded .search-bar.has-inline-brands input{min-width:52px;max-width:30vw}.search-bar .brand-picker,.embedded .search-bar .brand-picker{max-width:28vw;padding:3px 5px}.search-bar .scan-tools{gap:1px}.search-bar .scan-tools button{width:24px;min-width:24px}.search-bar.has-provider>select{max-width:85px;min-width:60px}}

/* Search controls belong to their columns, as in the Parts table. */
.data-table[data-table-id=offers] th,.data-table[data-table-id=provider-offers] th{height:34px;position:sticky;overflow:visible;white-space:nowrap}
.data-table th .header-controls{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;max-width:calc(100% - 20px)}
.data-table th .header-controls input,.data-table th .header-controls select{height:24px;min-height:24px;padding:1px 3px;font-size:12px;min-width:0}
.data-table th[data-column=warehouse]{padding:3px}.data-table th[data-column=warehouse]>button{display:none}.data-table th[data-column=warehouse] .header-controls{display:flex;max-width:100%;width:100%}.data-table th[data-column=warehouse] select{width:43%;max-width:140px}.data-table th[data-column=warehouse] input{width:0;flex:1}.data-table th .header-controls>button{flex:none;min-width:20px}
.data-table th[data-column=stock] .header-controls{max-width:calc(100% - 14px)}.data-table th[data-column=stock] label{display:flex;align-items:center;gap:3px;color:var(--text);font-size:12px}.data-table th[data-column=stock] input[type=checkbox]{width:14px;height:14px;min-height:14px}.data-table th[data-column=days] input{width:29px;max-width:100%}.data-table th .compact-group-trigger{display:none}
.data-table th[data-column=actions]{overflow:visible;z-index:45}.data-table th .search-table-menu{position:absolute;right:0;top:100%;width:300px;max-width:calc(100vw - 40px);margin:4px 0;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;z-index:140}.search-table-menu .columns-menu{position:relative;top:auto;right:auto;width:100%;box-shadow:none;max-height:45dvh}.data-table th .search-table-menu>input{width:100%;min-width:0;font-weight:400}.data-table th .search-table-menu>button{height:26px;min-height:26px;border:1px solid var(--line);padding:2px 6px}.data-table th .search-table-menu .columns-menu label{display:flex;color:var(--text);font-size:13px}

.search-shell:has(.brand-list),.search-shell:has(.menu){z-index:200}
.data-table th[data-column=warehouse]>button{display:inline-block}.data-table th[data-column=warehouse] .header-controls{display:inline-flex;width:calc(100% - 42px);max-width:calc(100% - 42px)}

.search-bar input:focus{outline:none!important;box-shadow:none!important}

.mode-buttons:empty{display:none}

.mobile-header-filters{display:flex;gap:6px;flex-wrap:wrap;width:100%;font-weight:400}.mobile-header-filters select,.mobile-header-filters input:not([type=checkbox]){min-width:0;flex:1 1 90px;width:100%;max-width:100%;height:30px;min-height:30px}.mobile-header-filters label{display:flex;align-items:center;gap:4px}.mobile-header-filters button{height:28px;min-height:28px}.data-table th .mobile-header-filters input[type=number]{max-width:80px}
@media(max-width:700px){.data-table[data-table-id=offers] th>button,.data-table[data-table-id=provider-offers] th>button{max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-size:11px}.data-table[data-table-id=offers] th,.data-table[data-table-id=provider-offers] th{padding:3px 2px}.data-table th[data-column=warehouse]>button{display:inline-block}.data-table th[data-column=actions]>button{max-width:100%}}

/* Offer thumbnails and price changes retain the compact table row. */
.data-table .offer-part{display:flex;align-items:center;gap:6px;min-width:0;height:22px}
.data-table .offer-part .part-link{flex:1;min-width:0}
.data-table td .offer-photo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel);cursor:zoom-in;opacity:1}
.data-table .offer-photo img{display:block;width:100%;height:100%;object-fit:contain;background:white}
.data-table .offer-photo.empty{opacity:.3;cursor:default}.data-table .offer-photo.loading::after{content:'···';font-size:10px}
.purchase-price{white-space:nowrap}.purchase-price-trend{font-weight:800;font-size:1.15em;white-space:nowrap}.price-trend-up{color:#b42318}.price-trend-down{color:#14743b}
.dark .price-trend-up{color:#ff938a}.dark .price-trend-down{color:#79d797}
.offer-photo-dialog{width:min(760px,calc(100vw - 32px))}.offer-photo-stage{display:grid;place-items:center;min-height:100px}.offer-photo-stage img{display:block;max-width:100%;max-height:65dvh;object-fit:contain;background:#fff;border-radius:6px}.offer-photo-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.offer-photo-navigation:empty{display:none}

/* Markup rule priority follows the five visible sections. */
.markup-priority{padding:8px 10px;background:var(--raised);border:1px solid var(--line);border-radius:8px;font-weight:600;margin:0 0 8px}
.markup-block{display:grid;grid-template-columns:215px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:8px;background:var(--bg)}
.markup-block:first-of-type{border-left-width:4px}.markup-block h3{margin:0;font-size:16px;line-height:1.4}.markup-body{min-width:0}
.markup-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.markup-form>label{display:flex;flex-direction:column;gap:4px;flex:0 1 260px;min-width:120px;font-size:12px;color:var(--muted)}
.markup-form input:not([type=checkbox]),.markup-form select{width:100%;height:34px;min-height:34px;padding:6px 8px;margin:0}.markup-form>button{height:32px;min-height:32px;min-width:96px;margin:0}
.markup-form .markup-show-cost{flex:1 1 200px;min-width:0;display:flex;flex-direction:row;align-items:center;align-self:center;gap:6px;color:var(--text);font-size:13px}.markup-show-cost input{width:18px;height:18px;min-height:18px;flex:none;margin:0}.markup-show-cost span{min-width:0}
.markup-empty,.markup-formula,.markup-explanation,.markup-status{font-size:13px;margin:8px 0 0}.markup-status:empty{display:none}.markup-body .table-tools{margin-top:8px}
@media(max-width:900px){.markup-block{grid-template-columns:170px minmax(0,1fr)}.markup-form>label{flex:1 1 160px}}
@media(max-width:600px){.markup-block{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}.markup-form>label{flex:1 1 130px;min-width:0}.markup-form input:not([type=checkbox]),.markup-form select,.markup-form>button{height:40px;min-height:40px}.markup-form>button{min-width:90px}.markup-form .markup-show-cost{flex-basis:100%}.markup-priority{font-size:13px}}

/* FICO combines section navigation and application controls. */
.menu-wrap{display:flex;align-items:center;gap:5px;flex:none}
.fico-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-weight:750;min-height:30px;height:30px;padding:3px 8px}
.fico-menu-trigger>span{font-size:10px;font-weight:400;color:var(--muted)}
.fico-menu-trigger[aria-expanded=true]{border-color:#4699ff;background:var(--selected)}
.top-actions.fico-menu{position:fixed;z-index:250;display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:0;width:224px;max-width:calc(100vw - 16px);padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:auto;overscroll-behavior:contain;color:var(--text)}
.top-actions.fico-menu>a,.top-actions.fico-menu>button,.top-actions.fico-menu>.fico-account-icon{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:36px;height:auto;padding:7px 10px;border:0;border-radius:7px;background:none;color:var(--text);font-size:14px;line-height:20px;text-align:left;text-decoration:none}
.top-actions.fico-menu>a:hover,.top-actions.fico-menu>button:hover{background:var(--selected)}
.top-actions.fico-menu>a:focus-visible,.top-actions.fico-menu>button:focus-visible{outline:2px solid #168ce6;outline-offset:-2px;background:var(--selected)}
.top-actions.fico-menu #logout{order:10;border-top:1px solid var(--line);margin-top:3px;border-radius:0 0 7px 7px}
@media(max-width:500px){.menu-wrap{gap:3px}.search-bar .fico-menu-trigger{font-size:12px;gap:3px;padding:3px 6px}.top-actions.fico-menu>a,.top-actions.fico-menu>button,.top-actions.fico-menu>.fico-account-icon{min-height:44px}}

.fico-guide-menu{display:block;max-width:100%;width:620px;height:auto;margin:8px 0}

/* The working screen starts at the search bar; application controls live in FICO. */
body:not(:has(>.top)) .search-shell{top:0}
body:not(:has(>.top)) .data-table th{top:0}
body:not(:has(>.top)) .search-panel .data-table th{top:var(--table-sticky-top,58px)}
.fico-menu-meta{display:flex;justify-content:space-between;gap:8px;order:20;padding:6px 10px 2px;color:var(--muted);font-size:11px}
.fico-menu-meta #mode{font-size:11px;max-width:none;white-space:normal}
.fico-menu-trigger,.search-bar .fico-menu-trigger{width:75px;min-width:75px;height:34px;min-height:34px;padding:1px 5px;background:transparent;border-color:transparent}
.fico-menu-trigger:hover,.fico-menu-trigger[aria-expanded=true]{background:var(--selected);border-color:var(--line)}
.fico-menu-trigger img{display:block;width:63px;height:32px;object-fit:contain}
.fico-menu-trigger .fico-logo-dark{display:none}
.dark .fico-menu-trigger .fico-logo-light{display:none}
.dark .fico-menu-trigger .fico-logo-dark{display:block}
.search-bar .submit{width:32px;min-width:32px;height:34px;min-height:34px;padding:1px}
.search-bar .submit img{display:block;width:30px;height:30px}
@media(max-width:500px){.search-bar .fico-menu-trigger{width:56px;min-width:56px;padding:1px}.search-bar .fico-menu-trigger img{width:52px;height:30px}.search-bar .submit{width:28px;min-width:28px;padding:0}.search-bar .submit img{width:28px;height:28px}.tab-nav{flex-wrap:wrap}}

body{min-height:100dvh}

.fico-sections{display:grid;gap:3px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:3px;flex:none}
.fico-sections button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 10px;border:0;background:none;text-align:left;font-size:14px;line-height:20px}
.fico-sections svg{width:20px;height:20px;flex:none}
.fico-sections button:focus-visible{outline:2px solid #168ce6;outline-offset:-2px}
.top-actions.fico-menu>*{flex-shrink:0}
.search-bar .menu-wrap{border-right:1px solid var(--line);padding-right:5px;margin-right:5px}
@media(max-width:500px){.fico-sections button{min-height:44px}.search-bar .menu-wrap{padding-right:3px;margin-right:0}}

/* Per-provider color is explicit account data; ownership never follows a name. */
.data-table .provider-colored-row td{background:color-mix(in srgb,var(--provider-color) 19%,var(--bg));color:var(--text)}
.data-table .provider-colored-row:hover td{background:color-mix(in srgb,var(--provider-color) 28%,var(--bg))}
.provider-appearance{display:flex;align-items:center;gap:6px;min-width:0}.provider-appearance label{display:flex;align-items:center;gap:6px;white-space:nowrap;margin:0;color:var(--text)}.provider-appearance input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0;flex:none}.provider-appearance input[type=color]{display:block;width:30px;height:26px;min-height:26px;padding:2px;flex:none;border:1px solid var(--line);border-radius:6px;background:var(--bg);cursor:pointer}.provider-appearance .color-unset{opacity:.4}.provider-appearance button{flex:none}.provider-appearance.full{padding:6px 0}.provider-appearance.full label{margin-right:8px}
.floating-cart{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:85;display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:13px;background:var(--raised);color:var(--text);box-shadow:var(--shadow)}.cart-count{display:inline-block;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}#app{padding-bottom:74px}
.cart-dialog{position:fixed;margin:0;left:auto;top:auto;right:max(12px,env(safe-area-inset-right));bottom:max(65px,calc(env(safe-area-inset-bottom) + 55px));width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 90px);padding:12px}.cart-dialog::backdrop{background:#07142433}.cart-content{min-width:0}.cart-list{display:grid}.cart-item{display:grid;grid-template-columns:minmax(0,1fr) 64px 115px 28px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.cart-product{display:grid;gap:2px;min-width:0}.cart-product>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-product strong{font-size:14px}.cart-product span,.cart-product small,.cart-prices small{font-size:12px;color:var(--muted)}.cart-item input{width:64px;height:30px;padding:3px 5px}.cart-prices{display:grid;gap:3px;text-align:right;font-size:14px;white-space:nowrap}.cart-remove{padding:2px!important;min-width:28px}.cart-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 0;position:sticky;bottom:0;background:var(--bg)}.cart-send-dialog{width:min(460px,calc(100vw - 24px))}.cart-send-dialog .primary{margin-top:8px}.fico-menu .language-switch{justify-content:flex-start;white-space:nowrap}
@media(max-width:700px){.cart-dialog{right:8px;width:calc(100vw - 16px);padding:10px}.cart-item{grid-template-columns:minmax(0,1fr) 55px 82px 28px;gap:5px}.cart-item input{width:55px}.cart-prices{font-size:12px}.floating-cart{min-height:44px}.provider-appearance{gap:3px}.provider-appearance.full{gap:8px}}

/* Keep the basket reachable above modal backdrops without covering form actions. */
dialog:has(>.floating-cart):not(.collapsed){padding-bottom:70px}dialog>.floating-cart{position:sticky;bottom:0;margin:12px 0 0 auto;display:flex;width:max-content;max-width:100%}.api-key-dialog textarea{width:100%;margin-top:12px;resize:vertical;font-family:monospace;font-size:13px}dialog.cart-dialog.expanded{width:calc(100vw - 24px);height:calc(100dvh - 24px)}
@media(max-width:700px){.provider-appearance{gap:3px}.provider-appearance input[type=color]{width:22px}.provider-appearance button{padding:0 2px!important;margin:0!important}.data-table td:has(.provider-appearance){padding:2px}}

.usage-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--text)}.usage-option span{display:grid;gap:4px}.usage-option small{color:var(--muted);line-height:1.4}.integration-steps{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}.integration-steps ol{font-size:13px;line-height:1.7;padding-left:20px}.integration-steps .form-line label{min-width:200px}.integration-steps .form-line textarea{resize:vertical}

.domain-verification{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:8px;margin-top:6px;font-size:12px}.domain-verification small,.domain-verification code{flex-basis:100%;overflow-wrap:anywhere}.domain-verification code{font-size:11px;user-select:all}
.card figure img{display:block;max-width:100%;height:auto}.card figure{margin:12px 0}.card figcaption{font-size:12px;color:var(--muted);margin-top:5px}
@media(max-width:600px){.form-line.integration-key-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.integration-key-form>label:nth-child(-n+2){grid-column:1/-1}.integration-key-form>label{min-width:0}.integration-key-form>button{margin:0}}

/* Media uses the same compact controls and modal shell as the rest of FICO. */
.media-dialog{width:min(1000px,calc(100vw - 24px))}.media-share{display:flex;align-items:center;gap:6px}.media-share input{width:18px;height:18px}.media-image-list{padding:0;list-style:none;margin:10px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.media-image-row{display:grid;grid-template-columns:48px minmax(80px,1fr) 130px 110px auto;gap:8px;align-items:center;padding:5px 8px;border-bottom:1px solid var(--line)}.media-image-row:last-child{border:0}.media-image-row:nth-child(even){background:var(--raised)}.media-image-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-image-row img{width:44px;height:44px;object-fit:contain;border-radius:5px;background:white}.media-image-row .toolbar{gap:4px;flex-wrap:nowrap}.media-published{display:grid;gap:6px;margin:12px 0}.media-published code{overflow-wrap:anywhere;user-select:all;font-size:12px}.media-dialog>div{min-width:0}@media(max-width:650px){.media-image-row{grid-template-columns:44px minmax(70px,1fr) auto}.media-image-row>span:nth-of-type(2),.media-image-row>span:nth-of-type(3){display:none}.media-image-row .toolbar button{padding:4px}.media-dialog .toolbar{row-gap:6px}}

.cross-settings{display:grid;gap:6px;margin:8px 0;font:inherit}.cross-settings h3{margin:0;font-size:15px}.cross-settings label{display:flex;align-items:flex-start;gap:8px;min-height:30px;cursor:pointer}.cross-settings input{flex:0 0 auto;width:18px;height:18px;margin:2px 0}.cross-settings p{margin:0}.cross-settings-note{font-size:12px;color:#617080}.cross-settings-status{min-height:20px;font-size:12px}.cross-settings[data-state=error] .cross-settings-status{color:#a82424}.cross-settings button{justify-self:start;min-height:30px}.cross-settings button[hidden]{display:none}

.dark .cross-settings-note{color:var(--muted)}
.media-import-dropzone{margin:8px 0;padding:8px;border:1px dashed var(--line);border-radius:10px;transition:background .15s,border-color .15s}.media-import-dropzone.drag-over{background:var(--raised);border-color:#087bdf}.media-import-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.media-import-line>input[type=url]{flex:1 1 260px;min-width:0}.media-import-line button{white-space:nowrap}.media-import-dropzone p{font-size:12px;margin:5px 0 0}.media-import-dropzone p:empty{display:none}
.media-import-dialog{width:min(640px,calc(100vw - 24px))}.media-import-dialog>div{min-width:0}.media-import-previews{display:flex;gap:6px;overflow:auto;max-height:260px;margin-bottom:8px}.media-import-previews img{display:block;min-width:0;max-width:100%;height:230px;object-fit:contain;border-radius:6px;background:var(--raised)}.media-import-previews img:only-child{width:100%}.media-import-previews img:not(:only-child){flex:0 0 150px;width:150px;height:150px}.media-import-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end}.media-import-fields label{min-width:0}.media-import-fields input{width:100%;min-width:0}.media-import-dialog textarea{width:100%;min-width:0;resize:vertical;overflow-wrap:anywhere}.media-import-dialog p{font-size:13px;margin:8px 0}
@media(max-width:650px){.media-import-line>input[type=url]{flex-basis:100%}.media-import-line button{flex:1}.media-import-fields{grid-template-columns:1fr}.media-import-fields button{justify-self:end;min-width:90px}.media-import-previews img{height:170px;max-height:25dvh}.media-import-previews img:not(:only-child){height:120px;width:120px;flex-basis:120px}}
.media-batch-dialog{width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
.media-review-thumb{width:32px;height:28px;object-fit:contain;display:block}
.media-review-image{display:block;max-width:100%;max-height:65dvh;object-fit:contain;margin:auto}
.media-action-list{display:grid;gap:6px}.media-action-list button{text-align:left}
@media(max-width:650px){.media-batch-dialog .form-line{display:grid;grid-template-columns:1fr}.media-batch-dialog .form-line input,.media-batch-dialog .form-line select{width:100%;min-width:0}}
.media-state{display:inline-block;padding:1px 5px;border-radius:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.media-state-approved,.media-state-stored,.media-state-active{background:#e3f4e8;color:#166534}
.media-state-blocked,.media-state-error,.media-state-invalid{background:#fee8e8;color:#a62222}
.media-state-pending,.media-state-queued,.media-state-running{background:#fff3cc;color:#775300}
.media-state-rejected,.media-state-paused{background:#e8edf2;color:#526171}
.dark .media-state-approved,.dark .media-state-stored,.dark .media-state-active{background:#163e2b;color:#a6e6ba}
.dark .media-state-blocked,.dark .media-state-error,.dark .media-state-invalid{background:#50272b;color:#ffc2c2}
.dark .media-state-pending,.dark .media-state-queued,.dark .media-state-running{background:#4c3b17;color:#ffe1a0}
@media(max-width:650px){.media-management-dialog .form-line{display:grid;grid-template-columns:1fr}.media-management-dialog .form-line input{width:100%;min-width:0}}

.marking-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;max-width:100%;margin:8px 0}.marking-form>label{width:auto;flex:1 1 260px;min-width:0}.marking-form input{width:100%}.marking-form>button{flex:0 0 auto}.marking-form+div{overflow-wrap:anywhere}

.cross-instruction-image{max-width:100%;height:auto}
.catalog-brand-field{display:grid;gap:4px;align-content:start;min-width:110px;flex:1}.catalog-brand-field input{width:100%}.catalog-brand-field>button{max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:left}.catalog-brand-field [hidden]{display:none!important}.catalog-brand-field small:empty{display:none}.fico-menu .fico-account-context{padding:8px 10px;font-size:14px;line-height:20px;overflow-wrap:anywhere}

.data-table th>button.quick-column-toggle{display:inline-flex!important;align-items:center;padding:2px 4px;min-width:22px;min-height:24px;font-size:12px}

.data-table th:has(>button.quick-column-toggle){padding-right:27px}.data-table th>button.quick-column-toggle{position:absolute;right:3px;top:50%;transform:translateY(-50%);z-index:2}.quick-column-restores{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.quick-column-restores button{font-size:12px;min-height:26px;padding:2px 6px}

body:has(dialog[open]) .floating-cart{display:none!important}
.media-result-links{width:100%;min-height:76px;height:auto;max-height:240px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;resize:vertical;line-height:1.5;overflow:auto}

.dns-record-fields{display:grid;gap:4px;margin:6px 0}.dns-record-field{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 0}.dns-record-field code,.domain-verification>code{overflow-wrap:anywhere;white-space:pre-wrap;user-select:all;min-width:0}.domain-verification p{line-height:1.5}.domain-verification small{display:block}@media(max-width:600px){.dns-record-field{grid-template-columns:minmax(0,1fr) auto}.dns-record-field>strong{grid-column:1/-1}}

.usage-plans-dialog{width:min(760px,calc(100vw - 24px))}.usage-plans-dialog .usage-option{padding:8px;margin:5px 0;min-height:58px}.plan-addon{display:flex;gap:8px;align-items:center;margin:6px 0;min-height:28px}.plan-summary{font-weight:700;padding:6px 0}.usage-plans-dialog .plan-addon input{flex:none}.usage-plans-dialog form>strong{display:block;margin-top:8px}.usage-plans-dialog .muted{margin:6px 0}

.usage-option-disabled{opacity:.45;cursor:not-allowed}.usage-option-disabled input{cursor:not-allowed}

.usage-addons-disabled{border:0;padding:0;margin:0;min-width:0;opacity:.45}.usage-addons-disabled label,.usage-addons-disabled input{cursor:not-allowed}

.usage-plans-dialog{position:relative}.plan-edit-corner{position:absolute;right:16px;top:12px}.usage-plans-dialog>header{padding-right:42px}.usage-addons{border:0;margin:10px 0;padding:0;min-width:0}.plan-editor-row{display:grid;grid-template-columns:2fr 1fr;gap:6px 10px;padding:8px;margin:8px 0;border:1px solid var(--border,#d5dfed);border-radius:8px}.plan-editor-row legend{font-weight:700}.plan-editor-row label{min-width:0}.plan-editor-row input:not([type=checkbox]){width:100%;box-sizing:border-box}.plan-editor-row label:last-child{grid-column:1/-1;display:flex;align-items:center;gap:8px}@media(max-width:600px){.plan-editor-row{grid-template-columns:1fr}}

label.cross-own-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}label.cross-own-toggle input{width:auto;margin:0}
.cross-review-dialog{width:min(1200px,96vw)}.cross-review-dialog .table-wrap{max-height:38vh;overflow:auto}.cross-review-conflict td{background:var(--warning-bg,#fff2d0)}.cross-review-dialog h3{margin:10px 0 6px}.cross-review-dialog input[type=checkbox]{width:auto}

.cross-test-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cross-test-results>p{grid-column:1/-1}.cross-test-part{min-width:0;border:1px solid var(--border,#d5dfed);border-radius:8px;padding:8px}.cross-test-part h4{margin:0 0 6px}.cross-test-part p{margin:4px 0}@media(max-width:650px){.cross-test-results{grid-template-columns:1fr}}

/* Keep every selected brand column visible, including saved very narrow widths. */
.data-table[data-table-id=brands] th>button:first-child{max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.data-table[data-table-id=brands] td.actions{overflow:hidden}
.data-table[data-table-id=brands] td.actions>button{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* Admin brand editing: independent selection and bounded merge preview. */
.brand-merge-dialog{width:min(850px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto}
.brand-merge-editor{display:grid;gap:10px;min-width:0}.brand-merge-editor>label{display:grid;gap:5px}.brand-merge-editor>label:has(input[type=checkbox]){display:flex;align-items:center}.brand-merge-editor input:not([type=checkbox]){width:100%;box-sizing:border-box}.brand-merge-editor p{margin:0;overflow-wrap:anywhere}.brand-merge-choices{display:flex;gap:6px;flex-wrap:wrap;max-height:140px;overflow:auto}.brand-merge-choices button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-merge-editor .toolbar{position:sticky;bottom:0;background:var(--bg,#fff);padding:8px 0}
@media(max-width:600px){.brand-merge-dialog{margin:auto;padding:12px}.brand-merge-editor .toolbar button{min-height:40px}.brand-merge-choices button{min-height:36px}}

.own-requested-offer td,.own-requested-offer td button,.own-requested-offer td a{font-weight:700}

/* Inline offer actions: never collapse these controls into a menu. */
.offer-action-icons{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.data-table td .offer-action-icons button{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;min-height:25px;padding:3px;margin:0;flex:none}.offer-action-icons svg{width:17px;height:17px}.data-table th[data-column=actions]{min-width:182px}

.offer-action-icons button.cross-action{background:#fff1b8;border-color:#dca820;color:#624900}.offer-action-icons button.cross-excluded{background:#fee2e2;border-color:#d74b4b;color:#a31d1d}.dark .offer-action-icons button.cross-action{background:#655015;color:#fff0ae}.dark .offer-action-icons button.cross-excluded{background:#642929;color:#ffd3d3}

.replacement-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:5px;background:#d8efff;color:#075985;font-size:11px;font-weight:700;white-space:nowrap}.replacement-notice{padding:5px 8px;margin:4px 0;border:1px solid #b7def7;border-radius:7px;background:#eef8ff;color:#164e63}.replacement-notice button{font-weight:600}
