:root{--ink:#172334;--mute:#718096;--blue:#2355aa;--pale:#f4f7fb;--line:#e3e9f2;--green:#0e805d;--red:#b73c38;--amber:#a36b12;--shadow:0 4px 24px rgba(31,47,67,.04)}
*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5f7fa}body{margin:0;font-size:14px;line-height:1.48}a{color:var(--blue);text-decoration:none}button,input{font:inherit}button{cursor:pointer}input[type=text],input[type=search],input[type=password]{border:1px solid #cbd5e1;background:white;border-radius:9px;padding:11px 12px;min-width:0;outline:0}input:focus{border-color:#5b89dd;box-shadow:0 0 0 3px rgba(53,98,176,.1)}.wrap{max-width:1340px;margin:0 auto;padding:0 24px}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}.brand{font-size:19px;font-weight:850;letter-spacing:.02em;color:#1f426e}.brand span{font-weight:500;font-size:13px;color:var(--mute)}.top-actions{display:flex;align-items:center;gap:20px}.top-actions form{margin:0}.head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:33px 0 26px}.head h1{font-size:30px;letter-spacing:-.04em;margin:4px 0 8px}.head p{margin:0}.eyebrow{color:#537ca6;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.muted{color:var(--mute)}.fresh{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:270px}.fresh strong,.fresh small{display:block}.fresh strong{font-size:12px}.fresh small{margin-top:3px;font-size:11px;color:var(--mute)}.dot{height:10px;width:10px;border-radius:50%;background:#18aa7c;margin-top:4px;flex-shrink:0}.dot.stale{background:#f08e24}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:24px}.stat{border:1px solid var(--line);border-radius:13px;padding:17px 16px;background:#fff;color:var(--ink)}.stat:hover,.stat.active{border-color:#8eacdf;box-shadow:var(--shadow)}.stat.active{background:#f0f5ff}.stat-name{font-size:12px;color:var(--mute);display:block;min-height:19px}.stat strong{font-size:27px;font-weight:790;display:block;letter-spacing:-.035em}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:20px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head h2{font-size:20px;margin:0 0 4px}.panel-head p{margin:0;font-size:12px}.toolbar{display:flex;gap:9px;padding:0 22px 18px}.toolbar input{flex:1}.minor,.primary{display:inline-flex;justify-content:center;align-items:center;padding:10px 14px;border-radius:9px;border:1px solid #cfdbea;font-weight:630;background:#fff;color:#30465e;white-space:nowrap}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#194383}.minor:hover{background:#f2f5fa}.minor.danger{color:#a42f2a}.link{display:inline-flex}.rows{border-top:1px solid var(--line)}.product{padding:16px 22px;border-bottom:1px solid #edf0f4}.product:hover{background:#fcfdff}.product-main{display:flex;justify-content:space-between;gap:24px;align-items:center}.product-info{min-width:0;flex:1}.product h3{font-size:14px;line-height:1.45;margin:7px 0 9px;font-weight:690}.minorline,.product-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.minorline{font-size:11px}.product-meta{font-size:12px;color:#586b81}.product-meta strong{color:#253d58}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.status{display:inline-flex;border-radius:6px;padding:3px 7px;font-weight:700;background:#f0f2f6;color:#50657d;font-size:10px}.status.manual{background:#e4f6ea;color:#19744b}.status.auto{background:#e6f0ff;color:#235da6}.status.absent{background:#f3f3f4;color:#656979}.status.needs{background:#fff3df;color:#935d1a}.status.hold{background:#efeaf7;color:#725198}.product-action{min-width:150px;text-align:right}.product-action summary{list-style:none;cursor:pointer;border:1px solid #cfdbed;border-radius:9px;padding:9px 13px;font-weight:700;color:#2355aa;background:white;white-space:nowrap}.product-action summary::-webkit-details-marker{display:none}.product-action details[open] summary{background:#ecf2ff}.product-action details{position:relative}.edit-box{position:relative;background:#f8fafc;border:1px solid #d8e3f0;border-radius:12px;padding:18px;margin-top:10px;width:min(750px,calc(100vw - 64px));max-width:750px;text-align:left;z-index:2;float:right;box-shadow:0 12px 25px rgba(24,40,63,.1)}.edit-title{font-weight:700;margin:0 0 12px}.candidate-list{display:grid;gap:7px;margin-bottom:15px}.candidate{display:flex;gap:10px;border:1px solid var(--line);background:white;border-radius:9px;padding:10px;cursor:pointer;align-items:flex-start}.candidate:has(input:checked){border-color:#8db1e9;background:#f0f5fd}.candidate input{margin-top:5px;accent-color:var(--blue)}.candidate-content{min-width:0;flex:1}.candidate-content small{display:block;color:#64758a;margin-top:2px}.score{display:inline-block;background:#eaf2fe;color:#275ca6;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:740}.field{display:block;font-weight:650;margin:12px 0}.field input{width:100%;display:block;margin-top:6px}.check{display:flex;align-items:flex-start;font-weight:500;gap:8px;margin:12px 0}.check input{margin-top:3px}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.form-actions button{font-size:12px}.search-results{display:none;position:relative;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:7px;margin-top:4px;max-height:240px;overflow:auto}.search-results.open{display:block}.search-results button{width:100%;display:block;text-align:left;padding:9px 10px;border:0;border-bottom:1px solid var(--line);background:white}.search-results button:hover{background:#edf4fe}.search-results small{display:block;color:#66788b}.pager{display:flex;justify-content:center;gap:16px;align-items:center;padding:20px}.pager span{color:var(--mute)}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{text-align:left;font-size:12px;background:#f6f9fd;color:#62758b}.table-wrap th,.table-wrap td{padding:12px 20px;border-bottom:1px solid var(--line)}.note{padding:24px 8px 16px;color:#607187;max-width:1020px}.note h2{font-size:16px;color:#37495e}.note p{font-size:13px}footer{color:#98a5b6;text-align:center;padding:24px 0 32px;font-size:11px}.info{margin:8px 22px 14px;background:#eef6ff;border-radius:9px;padding:13px;color:#31516f}.empty{padding:45px 22px;text-align:center;color:var(--mute)}.login-bg{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(140deg,#f5f8fb,#eaf1fa)}.login-box{width:min(440px,100%);border:1px solid var(--line);border-radius:18px;background:#fff;padding:36px;box-shadow:0 20px 60px rgba(31,47,67,.08)}.login-box h1{font-size:25px;letter-spacing:-.03em;margin:20px 0 10px}.login-box p{margin:0 0 20px}.login-box label{font-size:12px;font-weight:700;display:block;margin:20px 0 14px}.login-box input{display:block;width:100%;margin-top:7px}.full{width:100%}.fine{font-size:11px;color:var(--mute);margin-top:20px!important}.alert{background:#fef0ec;border:1px solid #f7d7ce;border-radius:9px;color:#a3412c;padding:12px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:690px){.wrap{padding:0 12px}.head{align-items:flex-start;flex-direction:column;padding:22px 0}.head h1{font-size:24px}.stats{grid-template-columns:repeat(2,1fr);gap:7px}.stat{padding:13px}.stat strong{font-size:23px}.topbar-inner{padding:12px}.top-actions .muted{display:none}.panel-head{padding:17px 13px;align-items:flex-start}.panel-head h2{font-size:17px}.toolbar{padding:0 13px 14px}.product{padding:13px}.product-main{flex-direction:column;align-items:stretch;gap:9px}.product-action{text-align:left}.product-action summary{display:inline-block}.edit-box{float:none;width:100%;box-shadow:none}.form-actions{display:grid;grid-template-columns:1fr 1fr}.form-actions button{white-space:normal}.note{padding:20px 8px}.fresh{width:100%}}

.attention{background:#e6f5ec;color:#16744a;padding:4px 7px;border-radius:6px;font-weight:750}.subsection{background:#ecf4ff;padding:12px;border-radius:9px;margin:14px 0}.navlinks{display:flex;gap:7px;flex-wrap:wrap}.status.wms_missing{background:#f6e6e6;color:#a33535}.status.wms_inactive{background:#e9efff;color:#235a9b}.status.wms_needs{background:#fff3df;color:#975d13}.status.wms_hold{background:#efeaf7;color:#75558b}

/* SITIMAG_PAGE_NAV_V1 */
.pager{flex-wrap:wrap;gap:10px 12px}
.pager-jump{display:inline-flex;align-items:center;gap:8px;margin:0;flex-wrap:wrap;justify-content:center}
.pager-jump label{font-size:12px;color:var(--mute,#66788b);white-space:nowrap}
.pager-jump input[type=number]{width:76px;max-width:100%;border:1px solid #cbd5e1;border-radius:9px;background:white;padding:9px 8px;font:inherit;text-align:center;color:inherit}
.pager-jump input[type=number]:focus{outline:2px solid #8fb0e5;outline-offset:1px}
@media(max-width:690px){.pager{padding:16px 8px;gap:8px}.pager .minor{padding:8px 10px}.pager-jump{width:100%}}
