:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #152538; background: #f7f3ea; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.topbar { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem clamp(1rem, 4vw, 3rem); background: #fffdf8; border-bottom: 1px solid #ded8ca; }
.brand { display: inline-flex; align-items: center; gap: .65rem; color: #263c72; text-decoration: none; font-size: 1.25rem; font-weight: 850; }
.brand-mark { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: .8rem; color: white; background: #176b72; }
.account { display: flex; align-items: center; gap: .75rem; }
.identity { display: none; text-align: right; }
.identity strong, .identity small { display: block; }
.identity small { color: #66717f; }
.nav { display: flex; gap: .5rem; padding: .65rem clamp(1rem, 4vw, 3rem); background: #263c72; color: white; overflow-x: auto; }
.nav a, .nav-future { min-height: 2.75rem; display: inline-flex; align-items: center; gap: .4rem; padding: .65rem .9rem; border-radius: .75rem; color: white; text-decoration: none; white-space: nowrap; }
.nav a { background: rgb(255 255 255 / .15); }
.nav-future { opacity: .7; }
.nav small { padding: .15rem .35rem; border: 1px solid rgb(255 255 255 / .35); border-radius: 999px; }
.page { width: min(100%, 76rem); margin: 0 auto; padding: clamp(1rem, 4vw, 3rem); }
.auth-grid { min-height: calc(100vh - 7rem); display: grid; align-items: center; gap: 1.25rem; }
.welcome-panel { padding: clamp(1rem, 4vw, 3rem); }
.welcome-panel h1, .dashboard-hero h1 { max-width: 14ch; margin: 1rem 0 .65rem; color: #263c72; font-size: clamp(2.25rem, 7vw, 4.6rem); line-height: 1.02; }
.welcome-panel p, .dashboard-hero p { max-width: 42rem; color: #526171; font-size: 1.1rem; line-height: 1.6; }
.form-card { display: grid; gap: .75rem; padding: clamp(1.25rem, 5vw, 2.25rem); border: 1px solid #d9d5ca; border-top: .55rem solid #e59b25; border-radius: 1.25rem; background: #fffdf8; box-shadow: 0 1rem 3rem rgb(21 37 56 / .09); }
.form-card h2 { margin: 0 0 .6rem; color: #263c72; font-size: 1.8rem; }
label { font-weight: 750; }
input, select { width: 100%; min-height: 3.25rem; padding: .75rem .9rem; border: 2px solid #c9ced2; border-radius: .8rem; background: white; color: #152538; font: inherit; }
input:focus, select:focus { border-color: #176b72; }
.button { min-height: 2.85rem; border: 0; border-radius: .8rem; padding: .75rem 1rem; font: inherit; font-weight: 800; cursor: pointer; }
.button-primary { margin-top: .5rem; color: white; background: #176b72; }
.button-quiet { color: #263c72; background: #e9edf5; }
.button-link { display: inline-flex; align-items: center; justify-content: center; color: #263c72; background: #e9edf5; text-decoration: none; }
.alert { padding: .8rem 1rem; border-left: .35rem solid #b83834; border-radius: .55rem; color: #7a2421; background: #fff0ef; }
.dashboard-hero { padding: clamp(1rem, 4vw, 2.5rem) 0; }
.status-grid { display: grid; gap: 1rem; }
.status-card { display: flex; align-items: flex-start; gap: 1rem; padding: 1.25rem; border-radius: 1rem; background: #fffdf8; border: 1px solid #ded8ca; }
.status-card > span { flex: 0 0 2.7rem; height: 2.7rem; display: grid; place-items: center; border-radius: .85rem; color: white; font-size: 1.35rem; font-weight: 900; }
.status-card strong { display: block; margin-bottom: .25rem; color: #263c72; }
.status-card p { margin: 0; color: #66717f; line-height: 1.5; }
.status-ready > span { background: #2d7a59; }
.status-next > span { background: #e59b25; }
.eyebrow { display: inline-block; padding: .4rem .7rem; border-radius: 999px; color: #fff; background: #176b72; font-size: .75rem; font-weight: 800; letter-spacing: .08em; }
.section-header { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.section-header h1, .product-detail-header h1 { margin: .7rem 0 .35rem; color: #263c72; font-size: clamp(2rem, 6vw, 3.75rem); line-height: 1.05; }
.section-header p { max-width: 45rem; margin: 0; color: #61707e; line-height: 1.55; }
.result-count { min-width: 7rem; display: grid; padding: .8rem 1rem; border-radius: 1rem; color: white; background: #176b72; text-align: center; }
.result-count strong { font-size: 1.6rem; }
.result-count span { font-size: .8rem; }
.filter-panel { display: grid; gap: .85rem; margin-bottom: 1.25rem; padding: 1rem; border: 1px solid #ded8ca; border-radius: 1.1rem; background: #fffdf8; }
.filter-panel label { display: block; margin-bottom: .35rem; font-size: .9rem; }
.filter-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; align-self: end; }
.filter-actions .button { margin: 0; }
.product-grid { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.product-card { min-width: 0; border: 1px solid #ded8ca; border-top: .35rem solid #176b72; border-radius: 1rem; background: #fffdf8; box-shadow: 0 .55rem 1.6rem rgb(21 37 56 / .06); }
.product-card-link { min-height: 14.5rem; display: flex; flex-direction: column; padding: 1.15rem; color: inherit; text-decoration: none; }
.product-card-link:hover { background: #fffaf0; }
.product-card-top { display: flex; justify-content: space-between; align-items: start; gap: .75rem; }
.product-firm { color: #176b72; font-size: .8rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.source-order { min-width: 3.5rem; display: grid; padding: .35rem .5rem; border-radius: .7rem; color: #263c72; background: #e9edf5; text-align: center; font-weight: 850; overflow-wrap: anywhere; }
.source-order small { color: #66717f; font-size: .65rem; font-weight: 700; }
.product-card h2 { margin: 1rem 0 .25rem; color: #263c72; font-size: 1.25rem; overflow-wrap: anywhere; }
.pattern { margin: 0; color: #152538; font-weight: 750; overflow-wrap: anywhere; }
.season { margin: .45rem 0 1rem; color: #66717f; }
.badges { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: auto; }
.badge { display: inline-flex; align-items: center; min-height: 1.8rem; padding: .28rem .6rem; border: 1px solid transparent; border-radius: 999px; font-size: .76rem; font-weight: 800; }
.badge-lifecycle-active, .badge-quality-complete { color: #15573e; background: #e2f3e9; border-color: #a8d6bb; }
.badge-lifecycle-missing, .badge-quality-incomplete { color: #80510a; background: #fff2d5; border-color: #e9c980; }
.badge-lifecycle-archived { color: #4f5b67; background: #e8ebee; border-color: #cbd1d6; }
.badge-quality-review_required { color: #8b2f2a; background: #ffebe9; border-color: #e7aaa6; }
.empty-state { padding: clamp(2rem, 8vw, 5rem); border: 2px dashed #c9c2b4; border-radius: 1.2rem; background: #fffdf8; text-align: center; }
.empty-state > span { color: #e59b25; font-size: 3rem; }
.empty-state h2 { margin: .5rem 0; color: #263c72; }
.empty-state p { margin: 0 auto; max-width: 35rem; color: #66717f; }
.pagination { display: flex; align-items: center; justify-content: center; gap: .75rem; margin-top: 1.5rem; }
.pagination span { font-weight: 750; }
.back-link { display: inline-flex; min-height: 2.75rem; align-items: center; color: #176b72; font-weight: 800; text-decoration: none; }
.product-detail-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1rem; margin: 1rem 0 1.25rem; padding: clamp(1.25rem, 4vw, 2.5rem); border-left: .65rem solid #176b72; border-radius: 1.1rem; background: #fffdf8; }
.product-detail-header .pattern { font-size: 1.1rem; }
.detail-grid { display: grid; gap: 1rem; }
.detail-card { padding: 1.2rem; border: 1px solid #ded8ca; border-radius: 1rem; background: #fffdf8; }
.detail-card h2 { margin: 0 0 1rem; color: #263c72; }
.detail-card dl { display: grid; gap: .8rem; margin: 0; }
.detail-card dl > div { padding-bottom: .75rem; border-bottom: 1px solid #ebe7dd; }
.detail-card dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
.detail-card dt { margin-bottom: .2rem; color: #66717f; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.detail-card dd { margin: 0; line-height: 1.55; overflow-wrap: anywhere; white-space: pre-wrap; }
.uuid-value { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .88rem; }
.note-value { max-width: 70ch; }
:focus-visible { outline: 3px solid #e59b25; outline-offset: 3px; }
@media (min-width: 40rem) { .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .filter-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); } .filter-search, .filter-actions { grid-column: 1 / -1; } }
@media (min-width: 48rem) { .identity { display: block; } .auth-grid { grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr); } .status-grid, .detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .detail-card-wide { grid-column: 1 / -1; } }
@media (min-width: 70rem) { .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .filter-panel { grid-template-columns: 2fr repeat(4, minmax(0, 1fr)); } .filter-search, .filter-actions { grid-column: auto; } .filter-actions { grid-template-columns: 1fr; } }
table { width: 100%; border-collapse: collapse; } th, td { padding: .75rem; border-bottom: 1px solid #ded8ca; text-align: left; vertical-align: top; } td small { display:block; } .notice { padding: 1rem; border-left: .5rem solid #e59b25; background:#fff4d8; } .pills { display:flex; gap:.5rem; flex-wrap:wrap; margin:1rem 0; } .pills a { padding:.6rem .9rem; border-radius:2rem; background:#e8f2f2; } .status-ready { color:#176b72; } .status-applied { color:#287243; } .status-review_required,.status-failed { color:#a64132; } @media(max-width:48rem){ table{display:block;overflow-x:auto;} }
.badge-barcode-assigned { background:#dff3e5; color:#17633a; }.badge-barcode-missing { background:#fff0cb; color:#7a5200; }
.barcode-section { margin-top:1rem; }.barcode-heading,.scanner-product,.scanner-actions { display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap; }.current-barcode { display:grid;gap:.25rem;padding:1rem;border-radius:.8rem;background:#e8f4ed; }.current-barcode strong,.barcode-value { font:800 clamp(1.35rem,5vw,2rem)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;overflow-wrap:anywhere; }.current-barcode span,.scanner-product span { color:#66717f; }.scanner-card { display:grid;gap:1rem;margin-top:1rem;padding:clamp(1rem,4vw,1.5rem);border:2px solid #176b72;border-radius:1rem;background:#fffdf8; }.scanner-viewport { position:relative;display:none;min-height:16rem;overflow:hidden;border-radius:1rem;background:#101820; }.scanner-card[data-active="true"] .scanner-viewport { display:block; }.scanner-viewport video { width:100%;height:100%;min-height:16rem;object-fit:cover; }.scanner-focus { position:absolute;inset:28% 8%;border:4px solid #f7c34a;border-radius:.8rem;box-shadow:0 0 0 999px rgb(0 0 0/.28); }.scan-button { min-height:3.5rem;font-size:1.1rem; }.notice-success { border-left-color:#287243;background:#e4f4e9; }.notice-error { border-left-color:#a64132;background:#fae6e2; }.danger-zone { margin-top:1rem;padding-top:1rem;border-top:1px solid #ded8ca; }.barcode-history { margin-top:1rem; }.barcode-history li { margin:.75rem 0; }.resolution-options form { margin:.5rem 0;padding:.5rem;border:1px solid #ded8ca;border-radius:.6rem; }
@media(max-width:40rem){.scanner-actions .button{width:100%;}.barcode-heading{align-items:flex-start;}}

.image-section,.preparation-section{margin-top:1rem}.primary-product-image{display:block;width:100%;max-height:34rem;object-fit:contain;margin:1rem 0;border-radius:1rem;background:#eef0ed}.photo-placeholder{display:grid;place-items:center;min-height:15rem;margin:1rem 0;border:2px dashed #c9c2b4;border-radius:1rem;color:#66717f}.photo-upload{display:grid;gap:.75rem}.camera-button{display:grid;place-items:center;min-height:4rem;padding:1rem;border-radius:1rem;background:#176b72;color:#fff;font-size:1.2rem;cursor:pointer}.camera-button input{position:absolute;width:1px;height:1px;opacity:0}.image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.image-gallery article{min-width:0;padding:.6rem;border:1px solid #ded8ca;border-radius:.8rem}.image-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.6rem}.image-gallery small{display:block;margin:.4rem 0;overflow-wrap:anywhere}.image-gallery article>div{display:flex;gap:.4rem;flex-wrap:wrap}.prep-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.prep-summary a{display:grid;padding:1rem;border-radius:1rem;background:#fffdf8;border:1px solid #ded8ca;color:#263c72;text-decoration:none}.prep-summary strong{font-size:1.6rem}.prep-list{display:grid;gap:.7rem;padding:0;list-style:none}.prep-list a{display:grid;gap:.3rem;padding:1rem;border:1px solid #ded8ca;border-radius:1rem;background:#fffdf8;color:inherit;text-decoration:none}.prep-checks{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.prep-checks b{padding:.4rem .65rem;border-radius:999px;font-size:.8rem}.prep-checks .ok{color:#15573e;background:#e2f3e9}.prep-checks .missing{color:#80510a;background:#fff2d5}.product-card-image{width:calc(100% + 2.3rem);height:9rem;object-fit:cover;margin:-1.15rem -1.15rem 1rem;border-radius:.65rem .65rem 0 0}@media(min-width:40rem){.prep-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.photo-upload{grid-template-columns:2fr 1fr 1fr;align-items:end}.image-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}

textarea{width:100%;min-height:7rem;padding:.75rem .9rem;border:2px solid #c9ced2;border-radius:.8rem;background:white;color:#152538;font:inherit;resize:vertical}.customer-grid{display:grid;gap:1rem;padding:0;list-style:none}.customer-grid li{min-width:0;border:1px solid #ded8ca;border-top:.35rem solid #e59b25;border-radius:1rem;background:#fffdf8}.customer-grid a{display:grid;gap:.5rem;min-height:12rem;padding:1.1rem;color:inherit;text-decoration:none}.customer-grid h2{margin:.4rem 0;color:#263c72}.customer-grid p{margin:0;color:#66717f}.customer-card-head{display:flex;justify-content:space-between;gap:.5rem}.country-badge{display:inline-grid;place-items:center;min-width:3rem;min-height:2rem;padding:.3rem .6rem;border-radius:.6rem;background:#263c72;color:#fff;font-weight:900;letter-spacing:.08em}.primary-contact{margin-top:auto;color:#176b72;font-weight:750}.customer-form{display:grid;gap:1rem}.customer-form fieldset{display:grid;gap:.8rem;padding:1rem;border:1px solid #ded8ca;border-radius:1rem;background:#fffdf8}.customer-form legend{padding:.3rem .6rem;color:#263c72;font-size:1.1rem;font-weight:850}.confirm-check{display:flex;align-items:center;gap:.6rem}.confirm-check input{width:1.4rem;min-height:1.4rem}.customer-contacts{margin-top:1rem}.contact-list{display:grid;gap:.7rem}.contact-list article{padding:1rem;border:1px solid #ded8ca;border-radius:.8rem}.contact-list h3{margin:0 0 .4rem}.contact-list p{margin:0;color:#66717f;overflow-wrap:anywhere}.contact-inactive{opacity:.7}.contact-form{display:grid;gap:.7rem;margin:1rem 0}.add-contact{margin-top:1rem;padding:1rem;border:2px solid #176b72;border-radius:.8rem}.customer-filters{margin-top:1rem}@media(min-width:40rem){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form fieldset,.contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form fieldset label:has(textarea),.contact-form label:has(textarea){grid-column:1/-1}}@media(min-width:70rem){.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-filters{grid-template-columns:2fr 1fr 1fr 1fr}}

.order-grid{display:grid;gap:1rem;padding:0;list-style:none}.order-grid li{border:1px solid #ded8ca;border-top:.35rem solid #263c72;border-radius:1rem;background:#fffdf8}.order-grid a{display:grid;gap:.5rem;padding:1rem;color:inherit;text-decoration:none}.order-grid a>div{display:flex;justify-content:space-between;gap:.5rem}.order-grid h2,.order-grid p{margin:0}.order-scan,.order-items,.submit-order{margin-top:1rem}.scan-confirm{display:grid;gap:1rem;margin-top:1rem;padding:1rem;border:2px solid #176b72;border-radius:1rem;background:#eef8f5}.scan-confirm img{width:8rem;height:8rem;object-fit:cover;border-radius:.8rem}.scan-confirm form{display:grid;gap:.7rem}.quantity-input{min-height:4.2rem;font-size:1.5rem;font-weight:800}.manual-product{margin-top:1rem}.manual-product-row{display:grid;gap:.6rem;margin-top:.7rem;padding:.8rem;border:1px solid #ded8ca;border-radius:.8rem}.order-item-list{display:grid;gap:.8rem}.order-item-list article{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem;border:1px solid #ded8ca;border-radius:1rem}.order-item-list img{width:6rem;height:6rem;object-fit:cover;border-radius:.7rem}.order-item-list details{grid-column:1/-1}.submit-order{padding:1rem;border:2px solid #176b72;border-radius:1rem;background:#e8f4ed}.submit-order .button{width:100%;min-height:4rem;font-size:1.15rem}@media(min-width:40rem){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-confirm{grid-template-columns:auto 1fr}.scan-confirm form{grid-column:1/-1;grid-template-columns:2fr 1fr 2fr auto;align-items:end}.manual-product-row{grid-template-columns:2fr 1fr 1fr auto;align-items:end}.order-item-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:70rem){.order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.document-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.document-actions form{margin:0}.evidence-upload{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-items:end}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.evidence-grid article{display:grid;gap:.4rem}.evidence-grid img{width:100%;max-height:180px;object-fit:cover;border-radius:12px}.pdf-evidence{display:grid;place-items:center;height:120px;background:#eef4f7;border-radius:12px;font-size:1.5rem;font-weight:800}@media(max-width:640px){.document-actions>*{width:100%;text-align:center}.evidence-upload{grid-template-columns:1fr}}

.workflow-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:1rem 0}.workflow-counts a{text-decoration:none}.workflow-counts strong{font-size:1.8rem}.workflow-list{display:grid;gap:.8rem}.workflow-list article>a{display:block;padding:1rem;background:#fff;border:1px solid #dbe4ea;border-radius:14px;text-decoration:none;color:inherit}.workflow-list header,.workflow-evidence-badges,.workflow-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.workflow-evidence-badges{justify-content:flex-start}.workflow-submitted,.status-submitted{background:#fff3d6;color:#855200}.workflow-approved,.status-approved{background:#e1f5e8;color:#176b3a}.workflow-returned,.status-returned{background:#fde8e7;color:#9b2722}.workflow-processing,.status-processing{background:#e4efff;color:#205c9c}.workflow-completed,.status-completed{background:#e9eeee;color:#35454d}.workflow-actions form{min-width:min(100%,260px)}.workflow-history{display:grid;gap:.7rem;padding-left:1.4rem}.workflow-history li span{display:block;color:#667781;font-size:.9rem}@media(max-width:640px){.workflow-filters{grid-template-columns:1fr}.workflow-actions{align-items:stretch}.workflow-actions form,.workflow-actions button{width:100%}}
.report-section{margin:1rem 0 1.5rem;padding:1rem;border:1px solid #ded8ca;border-radius:1rem;background:#fffdf8}.report-section h2{margin:.25rem 0 1rem;color:#263c72}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.metric-grid>a,.metric-grid>div{min-width:0;display:grid;gap:.25rem;padding:1rem;border-radius:.9rem;background:#f0f6f5;color:#183b42;text-decoration:none}.metric-grid strong{font-size:clamp(1.45rem,5vw,2rem);overflow-wrap:anywhere}.metric-grid span{font-size:.85rem}.compact-list,.report-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.compact-list a,.report-list li{display:flex;justify-content:space-between;gap:.8rem;padding:.65rem;border-bottom:1px solid #ebe7dd;color:inherit;text-decoration:none}.compact-list span,.report-list small{display:block;color:#66717f}.report-columns{display:grid;gap:1rem;margin-bottom:1rem}.report-list-columns{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.progress-card{display:grid;gap:.7rem;margin:0 0 1rem;padding:1rem;border-radius:1rem;background:#e8f4ed}.progress-card div{display:flex;justify-content:space-between;gap:1rem}.progress-card strong{font-size:1.5rem}.progress-card progress{width:100%;height:1rem}.workflow-history li,.compact-list li,.report-list li{overflow-wrap:anywhere}@media(min-width:48rem){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){.report-filters{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.compact-list a{display:grid}}

.nav-toggle,.mobile-logout{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-toggle:focus-visible,.nav a:focus-visible,.mobile-logout button:focus-visible{outline:3px solid #f7c34a;outline-offset:3px}@media (max-width:47.99rem){body{overflow-x:hidden}.topbar{min-height:4rem}.account .identity,.account>form{display:none}.nav-toggle{display:inline-grid;place-items:center;min-width:3rem;min-height:3rem;border:2px solid #263c72;border-radius:.75rem;background:#fff;color:#263c72;font-size:1.5rem}.nav{display:none;position:absolute;z-index:30;inset:4rem 0 auto 0;max-height:calc(100dvh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1rem;box-shadow:0 .8rem 1.5rem rgb(15 30 55/.25);flex-direction:column}.nav.nav-open{display:flex}.nav a,.mobile-logout button{width:100%;min-height:3.25rem;justify-content:flex-start;white-space:normal;overflow-wrap:anywhere}.mobile-logout{display:block}.mobile-logout button{border:1px solid rgb(255 255 255/.45);border-radius:.75rem;background:transparent;color:#fff;padding:.75rem 1rem;text-align:left;font:inherit;font-weight:800}}

.admin-list{display:grid;gap:.75rem;margin:1rem 0;padding:0;list-style:none}.admin-list li{min-width:0;border:1px solid #ded8ca;border-radius:1rem;background:#fffdf8}.admin-list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem;color:inherit;text-decoration:none}.admin-list span{display:grid;gap:.25rem;min-width:0}.admin-list small{display:block;color:#5a6872;overflow-wrap:anywhere}.admin-form{display:grid;gap:1rem;margin-top:1rem}.admin-form fieldset{min-width:0;padding:1rem;border:1px solid #ded8ca;border-radius:.8rem}.choice-grid{display:grid;gap:.5rem}.choice-grid label,.permission-groups label{display:flex;align-items:flex-start;gap:.65rem;min-height:3rem;padding:.55rem;border-radius:.6rem}.choice-grid input,.permission-groups input{width:1.25rem;min-height:1.25rem}.choice-grid span,.permission-groups span{display:grid}.choice-grid small,.permission-groups small{color:#5a6872;overflow-wrap:anywhere}.choice-disabled{opacity:.6}.permission-groups{display:grid;gap:1rem}.permission-groups fieldset{display:grid;gap:.25rem}.capability-list{display:flex;flex-wrap:wrap;gap:.5rem}.capability-list>span{display:grid;padding:.5rem .7rem;border-radius:.65rem;background:#e8f2f2;color:#173e46}.capability-list small{color:#52666b}.empty-state{padding:1.2rem;border:2px dashed #b9c2c7;border-radius:1rem;background:#f8faf9;color:#35454d}@media (max-width:40rem){.admin-list a{display:grid}.admin-list a>span:last-child{text-align:left}.admin-form>.button{width:100%;min-height:3.4rem}}@media (min-width:48rem){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}

.import-action-summary{margin:1rem 0;padding:1.1rem;border:2px solid #b9c2c7;border-radius:1rem;background:#f7faf9;color:#17313a}.import-action-summary.has-blockers{border-color:#b23b32;background:#fff0ed;color:#6f211d}.import-action-summary.is-ready{border-color:#287243;background:#e9f6ed;color:#174c2d}.import-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem;margin:1rem 0}.import-metric{display:grid;gap:.4rem;min-width:0;padding:1rem;border:2px solid #9aa9b0;border-radius:1rem;background:#fff;color:#17313a;text-decoration:none}.import-metric strong{font-size:2rem}.import-metric span{font-weight:850}.import-metric small{color:#42555e;line-height:1.4}.import-metric.safe{border-color:#287243;background:#edf8f0}.import-metric.blocking{border-color:#b23b32;background:#fff0ed}.import-metric.warning{border-color:#b67513;background:#fff5dc}.reason-grid{display:grid;gap:.65rem}.reason-grid a{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;border-radius:.7rem;background:#fff0ed;color:#6f211d;text-decoration:none}.table-wrap{max-width:100%;overflow-x:auto}.apply-confirm{border:2px solid #176b72;background:#eef8f5}@media (max-width:40rem){.import-metric-grid{grid-template-columns:1fr}.reason-grid a{display:grid}}
.import-warnings{border-left:.5rem solid #b67513;background:#fff8e8}.bulk-decision{border:2px solid #b67513}.bulk-decision form{display:grid;gap:.8rem;margin-top:1rem}.duplicate-groups{display:grid;gap:.7rem;margin:1rem 0}.duplicate-groups details{padding:.75rem;border:1px solid #ded8ca;border-radius:.75rem}.duplicate-groups summary{cursor:pointer;font-weight:850}.duplicate-groups article{display:grid;gap:.25rem;padding:.6rem 0;border-bottom:1px solid #ebe7dd}.duplicate-groups article:last-child{border-bottom:0}.duplicate-groups span{overflow-wrap:anywhere}@media (max-width:47.99rem){.page,.topbar{max-width:100%;overflow-wrap:anywhere}.hero h1,.section-header h1{overflow-wrap:anywhere}.detail-card,.filter-panel,.import-action-summary{min-width:0}.pills{max-width:100%}.pills a{overflow-wrap:anywhere}.bulk-decision .button{width:100%}}
.canonical-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.canonical-actions p{flex-basis:100%;margin:.25rem 0}.canonical-actions form{margin:0}.canonical-actions .button{min-height:2.75rem}@media (max-width:47.99rem){.canonical-actions,.canonical-actions form,.canonical-actions .button{width:100%}}