:root {
  color-scheme: light;
  font-family: Arial, Helvetica, sans-serif;
  color: #0f172a;
  background: #f3ebe4;
  --navy: #0f172a;
  --blue: #1d4ed8;
  --blue-dark: #163fae;
  --line: #e4d8cc;
  --muted: #5c6678;
  --good: #166534;
  --warn: #9a6700;
  --bad: #b42318;
  --surface: rgba(255,255,255,.975);
  --shadow: 0 18px 50px rgba(27,35,48,.13);
}

.portal-order-list{display:grid;gap:12px}.portal-order{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78);overflow:hidden}.portal-order-main{display:grid;grid-template-columns:auto minmax(190px,1.5fr) minmax(120px,.8fr) minmax(130px,.7fr) minmax(140px,.8fr) auto;gap:16px;align-items:center;padding:16px}.portal-order-main>div{display:grid;gap:4px}.portal-order-main span{color:var(--muted);font-size:.88rem}.icon-button{min-width:38px;padding:8px 10px;font-size:1.15rem}.mini-progress{height:8px;border-radius:999px;background:#e7e9ee;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#2556d9,#36a269);border-radius:inherit}.portal-order-detail{padding:0 16px 16px 70px}.portal-line-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.portal-line-grid article{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#f7f4ef;border:1px solid var(--line)}.customer-intelligence{margin-top:22px}.customer-report-grid{align-items:start}.customer-report-grid>section{min-width:0}.customer-report-grid h3{margin:14px 0 10px}.test-inventory-grid{display:grid;gap:10px}.test-inventory-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.35fr) minmax(300px,2fr) minmax(190px,.8fr);gap:14px;align-items:start;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.76)}.test-inventory-row>div{display:grid;gap:4px}.test-inventory-row small{display:block;color:var(--muted);font-weight:500}.test-inventory-row .test-purpose{color:var(--muted)}.test-passed{color:#167342;font-weight:700}.test-failed{color:#a52323;font-weight:700}.test-skipped{color:#806100;font-weight:700}.latest-run-banner,.coverage-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.history-note{margin-top:12px;color:var(--muted)}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;margin-top:16px}.coverage-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78)}.coverage-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.coverage-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.coverage-card small{font-size:.8rem}.scope-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#f1eee8;color:#665c4f}.scope-full{background:#e3f5e9;color:#136a3c}.scope-focused{background:#fff1cf;color:#7b5700}.report-groups{margin:7px 0 3px;font-weight:700}.report-history td{min-width:125px;vertical-align:top}.report-history td:nth-child(2){min-width:230px}.report-history td:nth-child(4){min-width:180px}.coverage-detail summary{cursor:pointer;color:#154b9b;font-weight:700}.coverage-detail p{max-width:340px;margin:8px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}.callout.compact{padding:11px 13px}.test-run-actions{display:flex;gap:10px;flex-wrap:wrap}.selection-summary{padding:11px 13px;border:1px solid #ead18b;border-radius:12px;background:#fff8e5;color:#664d00}.selection-summary.selection-full{border-color:#a9d7b8;background:#edf9f1;color:#155f38}.selection-summary.selection-warning{border-color:#e0aaaa;background:#fff0f0;color:#8b2323}
@media(max-width:980px){.portal-order-main{grid-template-columns:auto 1fr 1fr}.portal-order-main .table-actions{grid-column:2/-1}.portal-order-detail{padding-left:16px}.test-inventory-row{grid-template-columns:1fr}.customer-report-grid{grid-template-columns:1fr}}
* { box-sizing: border-box; }
html { min-height: 100%; }
body { min-height: 100vh; margin: 0; background-color: #f3ebe4; background-image: linear-gradient(rgba(248,244,239,.28),rgba(248,244,239,.28)),url('/brand-assets/TWW_Back.jpg'); background-position: center; background-size: cover; background-attachment: fixed; }
body[data-active="design"] { background-attachment: scroll; }
body[data-active="design"] .wrap,
body[data-active="design"] .brandbar,
body[data-active="design"] .navwrap { backdrop-filter: none; }
body[data-active="design"] .wrap { background: #fff; }
body[data-active="design"] .results .result-card {
  content-visibility: visible;
  contain: layout paint style;
  box-shadow: 0 2px 8px rgba(22,31,47,.045);
}
button, input, select { font: inherit; }
a { color: #075985; }
[hidden] { display: none !important; }

.brandbar { background: rgba(255,255,255,.97); border-bottom: 1px solid rgba(148,163,184,.35); backdrop-filter: blur(12px); }
.brandwrap { max-width: 1280px; min-height: 78px; margin: 0 auto; padding: 13px 24px; display: flex; align-items: center; gap: 28px; }
.brand-lockup { display: grid; gap: 5px; flex: 0 0 auto; }
.brand { font: 600 29px/1 Papyrus, "Segoe Print", cursive; color: #0f172a; white-space: nowrap; }
.brand-context { color: #7c6857; font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.brand-banner { display: block; width: min(608px,100%); height: 23px; object-fit: fill; flex: 1; min-width: 120px; }

.navwrap { position: sticky; top: 0; z-index: 40; background: rgba(15,23,42,.98); box-shadow: 0 7px 20px rgba(15,23,42,.2); backdrop-filter: blur(10px); }
.navline { max-width: 1280px; min-height: 54px; margin: 0 auto; padding: 7px 18px; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.navlink, .nav-welcome { position: relative; display: inline-block; padding: 9px 13px; border-radius: 8px; color: #e8edf6 !important; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color .16s ease,color .16s ease; }
.navlink:hover { background: #273449; color: white !important; }
.navlink.active { background: #26364f; color: white !important; box-shadow: inset 0 -3px 0 #60a5fa; }
.nav-right { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.user-badge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border: 1px solid #cbd5e1; border-radius: 999px; background: white; color: #0f172a; font-size: 12px; }
.presence-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px #dcfce7; }
.nav-logout { min-height: 34px; padding: 7px 12px; }
.nav-menu { position: relative; }
.nav-menu-button { display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#e8edf6!important;box-shadow:none;font-size:14px; }
.nav-menu-button:hover,.nav-menu.open .nav-menu-button,.nav-menu.active .nav-menu-button { background:#273449;box-shadow:none; }
.nav-menu.active .nav-menu-button { box-shadow:inset 0 -3px 0 #60a5fa; }
.nav-menu-panel { position:absolute;top:calc(100% + 7px);left:0;display:none;min-width:235px;padding:7px;border:1px solid #334155;border-radius:11px;background:#111c30;box-shadow:0 18px 40px rgba(2,6,23,.34); }
.nav-menu.open .nav-menu-panel { display:grid; }
.nav-menu-link { display:block;padding:10px 12px;border-radius:7px;color:#e8edf6!important;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap; }
.nav-menu-link:hover,.nav-menu-link.active { background:#273b5b;color:#fff!important; }

.wrap { width: min(1240px,calc(100% - 32px)); margin: 30px auto 48px; padding: 30px; border: 1px solid rgba(255,255,255,.8); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); backdrop-filter: blur(8px); }
.page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: -4px 0 26px; padding: 4px 2px 24px; border-bottom: 1px solid #e9e2da; }
.page-head h1 { margin: 0 0 9px; color: #101b31; font-size: clamp(1.85rem,4vw,2.65rem); letter-spacing: -.025em; }
.eyebrow { margin: 0 0 6px; color: #8b5a2b; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.lede, .muted { color: var(--muted); }
.lede { margin: 0; max-width: 780px; line-height: 1.5; }
.page-badges { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.safe-badge, .environment-badge { padding: 7px 11px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.safe-badge { color: var(--good); background: #ecfdf3; border: 1px solid #bbf7d0; }
.environment-badge { color: #244b95; background: #edf3ff; border: 1px solid #cbdcff; }

.panel { padding: 22px; border: 1px solid #e2dbd3; border-radius: 14px; background: #fff; box-shadow: 0 5px 18px rgba(15,23,42,.045); }
.panel + .panel { margin-top: 18px; }
.panel h2 { margin: 0 0 12px; font-size: 1.15rem; }
.home-wrap { max-width: 1280px; }
.home-hero { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:10px 4px 30px; }
.home-hero h1 { margin:0 0 10px;color:#101b31;font-size:clamp(2.25rem,5vw,3.6rem);letter-spacing:-.04em; }
.home-personalized { margin-bottom:30px;padding:26px 28px;background:linear-gradient(135deg,#f5f8ff,#fffaf3); }
.home-personalized .section-head { align-items:flex-start; }
.home-personalized h2 { margin-bottom:7px;font-size:1.45rem; }
.home-personalized .section-head p:last-child { margin:0;color:var(--muted);line-height:1.5; }
.home-limit { flex:0 0 auto;border:1px solid #c7d6ed;border-radius:999px;background:#fff;padding:6px 10px;color:#3b5378;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.home-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px; }
.home-shortcut-grid { margin-top:20px; }
.home-card { position:relative;display:flex;flex-direction:column;min-height:160px;border:1px solid #d9e1ec;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 5px 18px rgba(15,23,42,.055);color:#0f172a;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.home-card:hover { transform:translateY(-2px);border-color:#91aee0;box-shadow:0 12px 26px rgba(22,31,47,.11); }
.home-card-link { position:relative;display:grid;align-content:start;gap:8px;flex:1;padding:21px 48px 13px 21px;color:#0f172a;text-decoration:none; }
.home-card-link strong { font-size:1.08rem; }
.home-card-link>span:not(.home-card-arrow):not(.home-card-reason) { color:var(--muted);font-size:.9rem;line-height:1.45; }
.home-card-arrow { position:absolute;top:19px;right:20px;color:#255bd6;font-size:1.35rem;font-weight:800; }
.home-card-reason { justify-self:start;margin-top:3px;border-radius:999px;background:#eaf1ff;padding:4px 8px;color:#2453a7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }
.home-pin { align-self:flex-start;margin:0 0 15px 21px;border:1px solid #c7d3e3;border-radius:999px;background:#fff;padding:6px 10px;color:#40516e !important;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer; }
.home-pin:hover { border-color:#6b91d0;background:#f4f7ff;color:#174ea8 !important; }
.home-pin.is-pinned { border-color:#d4a943;background:#fff7dd;color:#755313 !important; }
.home-pin:disabled { cursor:wait;opacity:.6; }
.status-note { min-height:1.25rem;margin:14px 2px 0;color:#315b44;font-size:.86rem; }
.status-note.error { color:#a12828; }
.admin-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0 0 18px; }
.summary-card { display: grid; gap: 6px; padding: 17px; border: 1px solid #d9e1ec; border-radius: 12px; background: rgba(255,255,255,.98); box-shadow: 0 3px 10px rgba(15,23,42,.06); }
.summary-card strong { font-size: 1.04rem; }
.summary-card > span:last-child { color: var(--muted); font-size: .88rem; }
.summary-label { color: #8b5a2b; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.grid { display: grid; gap: 14px; }
.grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.toolbar { display: flex; align-items: end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.field { display: grid; gap: 7px; flex: 1; min-width: 180px; }
label { font-weight: 700; }
input, select { width: 100%; min-height: 44px; padding: 10px 13px; border: 1px solid #aeb7c5; border-radius: 9px; background: white; color: #0f172a; transition: border-color .16s ease,box-shadow .16s ease; }
input:focus, select:focus { outline: 3px solid rgba(29,78,216,.16); border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
.btn, button { display: inline-block; min-height: 40px; padding: 9px 15px; border: 1px solid var(--blue); border-radius: 8px; background: var(--blue); color: white !important; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .16s ease,transform .16s ease,box-shadow .16s ease; }
.btn:hover, button:hover { background: var(--blue-dark); box-shadow: 0 5px 14px rgba(29,78,216,.2); }
.btn:active, button:active { transform: translateY(1px); }
.btn.secondary, button.secondary { color: #0f172a !important; background: white; border-color: #cbd5e1; }
.btn.danger, button.danger { background: var(--bad); border-color: var(--bad); }
button:disabled { cursor: wait; opacity: .6; }

.search-panel { padding: 0; border: 0; background: transparent; box-shadow: none; }
.search-form { padding: 20px; border: 1px solid #dae2ed; border-radius: 14px; background: linear-gradient(135deg,#f8faff,#fff); box-shadow: 0 8px 24px rgba(37,70,120,.08); }
.search-control { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.search-control input { min-height: 48px; font-size: 16px; }
.search-control button { min-width: 108px; }
.field-help { color: #64748b; font-size: 12px; line-height: 1.4; }
.status { min-height: 22px; margin: 16px 0; color: var(--muted); }
.status.good { color: var(--good); }
.status.warn { color: var(--warn); }
.status.error { color: var(--bad); }

.results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.result-card { display: grid; grid-template-columns: 108px minmax(0,1fr); gap: 18px; align-items: center; min-height: 146px; padding: 18px; border: 1px solid #e2dbd3; border-radius: 14px; background: white; box-shadow: 0 5px 18px rgba(22,31,47,.055); transition: transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.results .result-card { content-visibility: auto; contain-intrinsic-size: 146px; }
.search-empty { grid-column: 1 / -1; min-height: 140px; }
.result-card:hover { transform: translateY(-2px); border-color: #c5d4ea; box-shadow: 0 12px 26px rgba(22,31,47,.11); }
.design-image, .image-placeholder { width: 108px; height: 108px; object-fit: contain; border: 1px solid #e4d8cc; border-radius: 11px; background: #fafafa; }
.image-placeholder { display: grid; place-items: center; padding: 8px; color: #7c6857; font-size: 11px; font-weight: 700; text-align: center; }
.design-content { min-width: 0; }
.design-content h2, .result-card h2 { margin: 0 0 7px; color: #111b30; font-size: 1.02rem; line-height: 1.3; }
.result-card p { margin: 5px 0 0; line-height: 1.35; }
.meta { color: #425a82; font-size: .9rem; }

.table-wrap { overflow-x: auto; border: 1px solid #e4d8cc; border-radius: 10px; }
table { width: 100%; border-collapse: collapse; background: white; }
th, td { padding: 12px; border-bottom: 1px solid #ece4dc; text-align: left; vertical-align: middle; }
th { color: #8f251b; background: #f6f5f3; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
tr:last-child td { border-bottom: 0; }
.role-list { display: flex; gap: 6px; flex-wrap: wrap; }
.role-list .check-row { align-items: center; padding: 6px 9px; border: 1px solid #d9e1ec; border-radius: 8px; background: #f8fafc; font-size: 12px; }
.role-list .check-row input { width: 15px; min-height: 15px; margin: 0; }
.table-wrap td .toolbar { justify-content: flex-start; }
.table-wrap button { min-height: 36px; padding: 7px 11px; }
.view-preference { display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap; }
.view-preference-label { color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.view-toggle { display:inline-flex;padding:3px;border:1px solid #cbd7e7;border-radius:10px;background:#eef3f9;box-shadow:inset 0 1px 2px rgba(15,23,42,.05); }
.view-toggle button { min-height:34px;padding:6px 13px;border:0;border-radius:7px;background:transparent;color:#41526c !important;box-shadow:none;font-size:.86rem;font-weight:800; }
.view-toggle button[aria-pressed="true"] { background:#fff;color:#173f8f !important;box-shadow:0 2px 7px rgba(15,23,42,.14); }
.view-toggle button:focus-visible { outline:3px solid rgba(37,86,217,.28);outline-offset:2px; }
.view-save-status { min-width:126px;color:var(--muted);font-size:.78rem; }
.view-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px; }
.data-card { display:grid;gap:10px;padding:16px;border:1px solid #dfe5ed;border-radius:13px;background:#fbfcfe;box-shadow:0 3px 12px rgba(22,31,47,.045); }
.data-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.data-card-meta { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;color:var(--muted);font-size:.86rem; }
.data-card-meta span { display:grid;gap:2px; }
.data-card-meta small { color:#52637d;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }
.list-section-head { display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px; }
.list-section-head h2,.list-section-head p { margin-top:0; }
.role-pill { padding: 4px 8px; border-radius: 999px; background: #e8eefc; color: #244b95; font-size: 12px; font-weight: 700; }
.locked { color: var(--bad); font-weight: 700; }
.run-good { color: var(--good); font-weight: 800; }
.run-bad { color: var(--bad); font-weight: 800; }
.check-row { display: flex; align-items: flex-start; gap: 9px; padding: 10px 0; }
.check-row input { width: 18px; min-height: 18px; margin-top: 2px; }
.check-row label { font-weight: 600; }
.callout { padding: 13px 15px; border-left: 4px solid #d4a64f; border-radius: 8px; background: #fff8e7; color: #5e4a20; line-height: 1.45; }

.login-wrap { width: min(1040px,calc(100% - 32px)); margin: 46px auto; }
.login-card { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr); overflow: hidden; border: 1px solid rgba(255,255,255,.85); border-radius: 20px; background: rgba(255,255,255,.98); box-shadow: var(--shadow); }
.login-intro { min-height: 460px; padding: 48px; color: white; background: linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,58,102,.96)); display: flex; flex-direction: column; justify-content: center; }
.login-intro .eyebrow { color: #f4cf8c; }
.login-intro h1 { max-width: 540px; margin: 0 0 17px; font-size: clamp(2rem,4vw,3.1rem); line-height: 1.07; letter-spacing: -.035em; }
.login-intro p { max-width: 530px; margin: 0; color: #d7e0ef; font-size: 16px; line-height: 1.6; }
.login-points { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 28px; }
.login-points span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.07); color: #f8fafc; font-size: 11px; font-weight: 700; }
.login-form-panel { display: flex; flex-direction: column; justify-content: center; padding: 42px; }
.login-form-panel h2 { margin: 0 0 7px; color: #101b31; font-size: 2rem; }
.login-card form { display: grid; gap: 15px; margin-top: 23px; }
.login-card .remember { display: flex; align-items: center; gap: 9px; font-weight: 500; }
.login-card .remember input { width: 18px; min-height: 18px; }
.login-note { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid #e7e2dc; color: #64748b; font-size: 12px; line-height: 1.5; }
.password-help { margin-top:14px;padding:12px 0;border-top:1px solid #e7e2dc; }
.password-help summary { cursor:pointer;color:#075985;font-weight:800; }
.password-help form { display:grid;gap:10px;margin-top:12px; }
.password-help label { display:grid;gap:5px;font-size:12px; }

.draft-grid { display: grid; grid-template-columns: 2fr 3fr 1fr 1fr; gap: 12px; margin: 16px 0; }
.draft-grid label { display: grid; gap: 7px; }
.customer-selection-workspace { margin-top:16px;padding:18px;border:1px solid #cad8eb;border-radius:15px;background:linear-gradient(135deg,rgba(246,250,255,.98),rgba(255,255,255,.94));box-shadow:0 8px 24px rgba(27,56,100,.07); }
.customer-selection-bar { display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #dde6f2; }
.customer-selection-bar h2 { margin:3px 0 0; }
.customer-order-layout { display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(360px,.95fr);gap:18px;margin-top:18px;align-items:start; }
.order-create-card,.customer-history-card { padding:16px;border:1px solid #e0e6ef;border-radius:13px;background:rgba(255,255,255,.92); }
.order-create-card h3,.customer-history-card h3 { margin:0; }
.order-create-card .draft-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.customer-results-collapsed { display:none !important; }
.customer-table .table-actions,.uat-order-table .table-actions { justify-content:flex-end; }
.order-lines-table input { min-width:90px; }
.order-lines-table .wide-input { min-width:180px; }
dialog { width: min(620px,calc(100% - 30px)); border: 0; border-radius: 14px; box-shadow: 0 18px 50px rgba(0,0,0,.35); }
dialog::backdrop { background: rgba(15,23,42,.55); }

@media (max-width:760px) {
  .brandwrap { min-height: 64px; padding: 12px 16px; }
  .brand { font-size: 23px; }
  .brand-context, .brand-banner { display: none; }
  .navline { padding-inline: 9px; gap: 3px; }
  .navlink, .nav-welcome { padding: 8px 9px; font-size: 12px; }
  .nav-menu-button { padding:8px 9px;font-size:12px; }
  .nav-menu-panel { position:fixed;left:8px;right:8px;top:auto;min-width:0; }
  .wrap { width: min(100% - 16px,1200px); margin: 14px auto 28px; padding: 18px; border-radius: 14px; }
  .page-head { flex-direction: column; }
  .page-badges { justify-content: flex-start; }
  .grid.two, .grid.three, .draft-grid, .admin-summary, .results { grid-template-columns: 1fr; }
  .customer-order-layout { grid-template-columns:1fr; }
  .order-create-card .draft-grid { grid-template-columns:1fr; }
  .view-preference { justify-content:flex-start; }
  .result-card { grid-template-columns: 72px minmax(0,1fr); min-height: 104px; padding: 14px; }
  .design-image, .image-placeholder { width: 72px; height: 72px; }
  .result-card > button { grid-column: 1 / -1; }
  .user-badge { display: none; }
  .search-control { grid-template-columns: 1fr; }
  .search-control button { width: 100%; }
  .login-wrap { width: min(100% - 16px,1040px); margin: 14px auto 28px; }
  .login-card { grid-template-columns: 1fr; }
  .login-intro { min-height: auto; padding: 30px 26px; }
  .login-intro h1 { font-size: 2rem; }
  .login-form-panel { padding: 30px 26px; }
.home-hero,.home-personalized .section-head { display:grid; }
  .home-grid { grid-template-columns:1fr; }
}
@media (min-width:761px) and (max-width:1050px) {
  .results { grid-template-columns: 1fr; }
  .home-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.legacy-filter { grid-template-columns: minmax(190px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto auto; margin: 0; }
.span-2 { grid-column: span 2; }
.legacy-card-grid { display: grid; gap: 11px; }
.legacy-card { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 16px; border: 1px solid #dfe5ed; border-radius: 12px; background: white; box-shadow: 0 4px 14px rgba(15,23,42,.045); }
.legacy-card.rush-card,.rush-row { border-left: 5px solid #dc2626; }
.legacy-card-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.legacy-card p { margin: 5px 0; }
.legacy-card details { margin-top: 9px; }
.legacy-card summary,.schedule-detail summary { color: #244b95; font-size: 12px; font-weight: 800; cursor: pointer; }
.legacy-card ul,.schedule-detail ul { margin: 9px 0 0; padding-left: 20px; color: #475569; font-size: 12px; }
.compact-action-panel { display: grid; grid-template-columns: minmax(130px,.7fr) repeat(2,minmax(150px,1fr)) minmax(220px,1.5fr) auto; gap: 12px; align-items: end; margin-bottom: 18px; }
.compact-action-panel > div { display: grid; gap: 4px; }
.compact-action-panel label { display: grid; gap: 5px; color: #475569; font-size: 11px; }
textarea { width: 100%; min-height: 80px; padding: 10px 13px; border: 1px solid #aeb7c5; border-radius: 9px; font: inherit; }
.order-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.order-editor-head h2 { margin: 0 0 5px; }
.order-total-grid { display: grid; grid-template-columns: repeat(4,minmax(120px,1fr)); gap: 12px; align-items: end; }
.order-total-grid label { display: grid; gap: 5px; color: #475569; font-size: 11px; }
.total-card { grid-column: span 2; display: grid; grid-template-columns: 1fr auto; gap: 7px 18px; padding: 12px 15px; border-radius: 10px; background: #f1f5f9; }
.total-card strong { text-align: right; font-size: 18px; }
.order-line-list { display: grid; gap: 10px; margin-top: 14px; }
.order-line { display: grid; grid-template-columns: 70px minmax(240px,1fr) 80px 110px 150px auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid #dfe5ed; border-radius: 11px; background: #fbfcfe; }
.order-line img { width: 70px; height: 70px; object-fit: contain; border-radius: 8px; background: white; }
.order-line label { display: grid; gap: 4px; color: #64748b; font-size: 10px; }
.order-line details { margin-top: 7px; }
.order-line details p { color: #475569; }
.document-filter { grid-template-columns: 2fr 1fr auto auto; margin: 0; }
.business-document { padding: 34px; border: 1px solid #d9d2c9; border-radius: 12px; background: white; color: #111827; }
.document-head { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 3px solid #0f172a; }
.document-head h1 { margin: 3px 0 12px; font-size: 2.4rem; }
.document-head p { color: #475569; line-height: 1.5; }
.document-head > div:last-child { display: grid; align-content: start; justify-items: end; gap: 6px; }
.document-head > div:last-child strong { font-size: 20px; }
.address-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 22px 0; }
.address-grid > div { display: grid; gap: 5px; padding: 14px; border-radius: 9px; background: #f8fafc; }
.address-grid b { color: #8b5a2b; font-size: 10px; text-transform: uppercase; }
.business-document td small { display: block; margin-top: 5px; color: #64748b; }
.document-totals { display: grid; justify-content: end; gap: 7px; margin-top: 18px; }
.document-totals span { display: grid; grid-template-columns: 120px 100px; gap: 16px; text-align: right; }
.document-totals span:last-child { padding-top: 9px; border-top: 2px solid #0f172a; font-size: 18px; }
.document-note { margin-top: 18px; padding-top: 14px; border-top: 2px solid #0f172a; text-align: right; font-weight: 800; }
.schedule-detail td { padding-top: 0; background: #fbfcfe; }
.rush-row td:first-child { padding-left: 8px; }
.rush-row .priority { display: block; margin-top: 4px; text-align: left; }
pre { overflow: auto; white-space: pre-wrap; font-size: 11px; }
@media (max-width:1050px){.legacy-filter,.compact-action-panel,.order-total-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.order-line { grid-template-columns: 60px minmax(0,1fr) 90px 110px; }.order-line .save-line { grid-column: -2/-1; }.span-2 { grid-column: auto; }}
@media (max-width:700px){.legacy-filter,.compact-action-panel,.order-total-grid { grid-template-columns: 1fr; }.legacy-card { grid-template-columns: 22px minmax(0,1fr); }.legacy-card > .btn,.legacy-card > .table-actions { grid-column: 1/-1; }.order-editor-head,.document-head { flex-direction: column;align-items:flex-start; }.order-line { grid-template-columns: 1fr 1fr; }.order-line > img,.order-line > div { grid-column: 1/-1; }.address-grid { grid-template-columns: 1fr; }.total-card { grid-column: auto; }}
@media print {.no-print,#app-shell,.navwrap,.brandbar { display:none!important; }.wrap,.business-document { width:100%;margin:0;padding:0;border:0;box-shadow:none;background:white; }.print-skip { display:none!important; }.legacy-card { break-inside:avoid;box-shadow:none; }.legacy-card input,.legacy-card button,.legacy-card .table-actions { display:none!important; }}

.wide-wrap { width: min(1500px,calc(100% - 28px)); }
.filter-panel { margin-bottom: 18px; background: linear-gradient(135deg,#f8faff,#fff); }
.filter-grid { display: grid; grid-template-columns: repeat(5,minmax(135px,1fr)); gap: 12px; margin-top: 15px; align-items: end; }
.filter-grid label { display: grid; gap: 6px; color: #475569; font-size: 12px; }
.workspace-layout { display: grid; grid-template-columns: minmax(0,1fr) 440px; gap: 18px; align-items: start; }
.catalog-column { min-width: 0; }
.result-toolbar { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.result-toolbar .status { margin: 10px 0; }
.selectable-card { grid-template-columns: 24px 92px minmax(0,1fr); min-height: 132px; }
.selectable-card .design-image,.selectable-card .image-placeholder { width: 92px; height: 92px; }
.card-check { width: 18px; min-height: 18px; accent-color: var(--blue); }
.tag-row { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 8px; }
.tag { display: inline-flex; padding: 4px 7px; border-radius: 999px; background: #edf3ff; color: #244b95; font-size: 11px; font-weight: 700; }
.tag.retired { background: #fff0ef; color: #a02920; }
.tag.draft { background: #fff8e7; color: #7c5c14; }
.price-line { color: #334155; font-size: 12px; font-weight: 700; }
.add-one { min-height: 34px; margin-top: 9px; padding: 6px 10px; font-size: 12px; }
.pager { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 18px; }
.pager span { color: var(--muted); font-size: 13px; font-weight: 700; }
.sheet-builder { position: sticky; top: 72px; max-height: calc(100vh - 90px); overflow: auto; padding: 18px; }
.builder-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.builder-head h2 { margin-top: 0; }
.count-pill { padding: 6px 9px; border-radius: 999px; background: #0f172a; color: white; font-size: 11px; font-weight: 800; white-space: nowrap; }
.compact { padding: 10px 12px; margin-bottom: 14px; font-size: 12px; }
.success-callout { border-left-color: #22a55b; background: #effcf4; color: #185b36; }
.compact-grid { margin-bottom: 12px; }
.sheet-builder > .field { margin-bottom: 14px; }
.sheet-builder input { min-height: 38px; padding: 8px 10px; }
.empty-state { margin: 15px 0; padding: 22px; border: 1px dashed #c7cfd9; border-radius: 10px; color: #64748b; text-align: center; }
.builder-items { display: grid; gap: 10px; }
.builder-item { padding: 12px; border: 1px solid #dfe5ed; border-radius: 11px; background: #fbfcfe; }
.builder-item-main { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 10px; align-items: center; }
.builder-item-main .small { width: 52px; height: 52px; }
.builder-item-main strong,.builder-item-main span { display: block; }
.builder-item-main strong { font-size: 13px; line-height: 1.25; }
.builder-item-main span { margin-top: 3px; color: #587096; font-size: 11px; }
.builder-item-controls { display: grid; grid-template-columns: 1fr 72px 92px; gap: 7px; margin-top: 10px; }
.builder-item-controls label { display: grid; gap: 3px; color: #64748b; font-size: 10px; }
.builder-item-controls .wide-control { grid-column: 1 / 3; }
.builder-item-controls .coin-control { display: flex; align-items: center; gap: 6px; color: #334155; }
.builder-item-controls .coin-control input { width: 16px; min-height: 16px; }
.item-actions { display: flex; justify-content: flex-end; gap: 5px; margin-top: 8px; }
button.quiet { min-height: 30px; padding: 5px 9px; border-color: transparent; background: transparent; color: #334155 !important; box-shadow: none; }
button.quiet:hover { background: #edf2f7; }
.danger-text { color: var(--bad) !important; }
.builder-total { display: flex; justify-content: space-between; margin-top: 14px; padding: 14px 4px; border-top: 1px solid #e4d8cc; font-size: 17px; }
.builder-actions { display: grid; grid-template-columns: 1fr 1.2fr auto; gap: 7px; }
.builder-import-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 6px; }
.feature-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px; }
.feature-steps span { display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;background:#f7f9fc;color:#475569;font-size:12px;font-weight:700; }
.feature-steps b { display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#1d4ed8;color:#fff; }
.design-priority-panel { display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:14px;align-items:end;margin-top:18px; }
.design-priority-panel h2 { margin-bottom:4px; }
.design-priority-panel label { display:grid;gap:6px;font-size:12px;color:#475569; }
.priority-tag { background:#fef3c7;color:#854d0e; }
.sheet-filter-grid { grid-template-columns: 2fr 1fr 1fr 1fr auto; margin: 0; }
.check-field { display: flex !important; flex-direction: row; align-items: center; gap: 8px !important; min-height: 44px; color: #334155 !important; }
.check-field input { width: 18px; min-height: 18px; }
.table-actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.table-actions .btn,.table-actions button { min-height: 32px; padding: 6px 9px; font-size: 12px; }
.print-actions { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 20px; }
.print-actions { align-items: end; flex-wrap: wrap; }
.inline-field { display: grid; gap: 5px; color: #475569; font-size: 11px; font-weight: 700; }
.inline-field select,.inline-field input { min-height: 40px; }
.compact-panel { margin-bottom: 16px; padding: 12px 16px; display: flex; gap: 22px; align-items: end; }
.sales-print-head { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 2px solid #0f172a; }
.sales-print-head h1 { margin: 3px 0; font-size: 2.2rem; }
.print-meta { display: grid; align-content: center; justify-items: end; gap: 5px; color: #475569; }
.print-meta strong { color: #0f172a; font-size: 18px; }
.print-products { display: grid; gap: 12px; margin: 22px 0; }
.print-product { display: grid; grid-template-columns: 90px minmax(0,1fr) 120px auto; gap: 16px; align-items: center; padding: 14px; border: 1px solid #ddd5ca; border-radius: 12px; break-inside: avoid; }
.print-product img { width: 90px; height: 90px; object-fit: contain; border-radius: 8px; background: #fafafa; }
.print-product img.missing-image { visibility: hidden; }
.print-product h2 { margin: 0 0 5px; font-size: 16px; }
.print-product p { margin: 4px 0; }
.print-price { display: grid; justify-items: end; gap: 5px; }
.print-price strong { font-size: 17px; }
.print-total { display: flex; justify-content: flex-end; gap: 30px; padding: 17px 3px; border-top: 2px solid #0f172a; font-size: 19px; }
.print-note { color: #64748b; font-size: 11px; text-align: center; }
.print-total small { display: block; color: #64748b; font-size: 10px; font-weight: 500; }
.print-move { display: grid; gap: 4px; justify-items: center; color: #64748b; font-size: 9px; }
.print-move button { width: 34px; }
.sortable-print-item.dragging { opacity: .45; border-color: var(--blue); }
.format-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 22px 0; }
.format-card { position: relative; display: grid; gap: 7px; align-content: start; min-height: 250px; padding: 13px; border: 1px solid #ddd5ca; border-radius: 12px; background: #fff; break-inside: avoid; }
.format-card > img { width: 100%; height: 145px; object-fit: contain; border-radius: 8px; background: #fafafa; }
.format-card > img.missing-image,.proof-row > img.missing-image { visibility: hidden; }
.format-card > span { color: #425a82; font-size: 12px; }
.format-card .print-move { position: absolute; top: 7px; right: 7px; padding: 5px; border-radius: 8px; background: rgba(255,255,255,.94); }
.rep-note { min-height: 20px; margin: 2px 0 0; color: #b42318; font-weight: 800; }
.reorder-entry { display: grid; grid-template-columns: 72px 1fr; gap: 7px; }
.reorder-entry label { display: grid; gap: 4px; color: #64748b; font-size: 10px; }
.reorder-entry input { min-height: 34px; padding: 6px 8px; }
.oc-total,.oc-summary > div { display: flex; justify-content: space-between; gap: 18px; padding: 13px 16px; border-radius: 9px; background: #f7f2ec; font-weight: 700; }
.oc-summary { display: grid; gap: 7px; margin-top: 14px; }
.proof-section { margin: 22px 0; }
.proof-section > h2 { padding: 9px 12px; background: #0f172a; color: white; font-size: 16px; }
.proof-row { display: grid; grid-template-columns: 160px minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 13px; border: 1px solid #ddd5ca; border-top: 0; break-inside: avoid; }
.proof-row > img { width: 160px; height: 120px; object-fit: contain; background: #fafafa; }
.proof-row > div:nth-child(2) { display: grid; gap: 6px; }
.expand-button { width: 34px; height: 34px; min-height: 34px !important; padding: 0 !important; border-radius: 50%; font-size: 19px !important; }
.sheet-detail-row > td { padding: 0 12px 18px 58px; background: #f8fafc; }
.sheet-expand-content { padding: 15px; border: 1px solid #dbe3ee; border-radius: 0 0 12px 12px; background: white; }
.sheet-expand-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.sheet-expand-head span,.sheet-preview-item span { display: block; margin-top: 3px; color: #64748b; font-size: 11px; }
.sheet-preview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.sheet-preview-item { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px; border: 1px solid #ebe5de; border-radius: 9px; }
.sheet-preview-item img { width: 64px; height: 64px; object-fit: contain; border-radius: 7px; background: #fafafa; }
.sheet-preview-item img.missing-image { visibility: hidden; }
.sheet-preview-price { text-align: right; }
.role-picker { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px 14px; margin-top: 7px; }
.ticket-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(380px,.85fr); gap: 18px; align-items: start; }
.ticket-filter-grid { grid-template-columns: 2fr 1fr 1fr auto; margin: 0; }
.ticket-list { display: grid; gap: 7px; }
.ticket-row { display: grid; grid-template-columns: 58px minmax(0,1fr) 170px 70px; gap: 12px; align-items: center; width: 100%; min-height: 70px; padding: 11px 13px; border: 1px solid #dfe5ed; border-radius: 10px; background: #fff; color: #0f172a !important; text-align: left; box-shadow: none; }
.ticket-row:hover { border-color: #86a8e5; background: #f8faff; transform: none; }
.ticket-row strong,.ticket-row small { display: block; }
.ticket-row small { margin-top: 4px; color: #64748b; font-weight: 500; }
.ticket-id { color: #255bd6; font-weight: 900; }
.priority { text-align: right; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.priority.high,.priority.urgent { color: #b42318; }
.ticket-detail { position: sticky; top: 72px; max-height: calc(100vh - 90px); overflow: auto; }
.ticket-detail-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; border-bottom: 1px solid #e7e2dc; }
.ticket-detail-head h2 { margin-top: 3px; }
.ticket-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 15px 0; }
.ticket-facts span { padding: 9px; border-radius: 8px; background: #f7f9fc; color: #475569; font-size: 12px; }
.ticket-facts b { display: block; margin-bottom: 3px; color: #0f172a; font-size: 10px; text-transform: uppercase; }
.ticket-body { padding: 13px; border-left: 4px solid #d4a64f; border-radius: 8px; background: #fffaf0; }
.ticket-body h3,.ticket-body p { margin: 0; }
.ticket-body p { margin-top: 8px; line-height: 1.5; }
.comment-list { display: grid; gap: 8px; }
.comment-list article { padding: 11px; border: 1px solid #e4e8ef; border-radius: 9px; }
.comment-list time { float: right; color: #64748b; font-size: 10px; }
.comment-list p { margin-bottom: 0; }
.attachment-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid #e5e7eb; font-size: 12px; }
.customer-orders { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e7e2dc; }
.section-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.section-head h2 { margin-top: 3px; }
.order-history { display: grid; gap: 8px; }
.order-card { display: grid; grid-template-columns: minmax(0,1fr) auto 110px; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid #dfe5ed; border-radius: 10px; background: #fbfcfe; }
.order-card span { display: block; margin-top: 4px; color: #64748b; font-size: 12px; }
.order-card > strong { text-align: right; }
.tabs { display: flex; gap: 5px; margin-bottom: 15px; border-bottom: 1px solid #dfe5ed; }
.tab { border: 0; border-radius: 9px 9px 0 0; background: transparent; color: #475569 !important; box-shadow: none; }
.tab.active { background: #0f172a; color: white !important; }
.operations-filter-grid { grid-template-columns: 2fr 1fr auto; margin: 0 0 10px; }
.operation-order { grid-template-columns: minmax(0,1fr) 170px 140px; }
.operation-order > div:last-child { text-align: right; }

@media (max-width:1150px) {
  .workspace-layout { grid-template-columns: 1fr; }
  .sheet-builder { position: static; max-height: none; }
  .filter-grid,.sheet-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .filter-grid,.sheet-filter-grid,.builder-item-controls { grid-template-columns: 1fr; }
  .selectable-card { grid-template-columns: 22px 72px minmax(0,1fr); }
  .selectable-card .design-image,.selectable-card .image-placeholder { width: 72px; height: 72px; }
  .builder-item-controls .wide-control { grid-column: auto; }
  .builder-actions { grid-template-columns: 1fr; }
  .sales-print-head { display: grid; }
  .print-meta { justify-items: start; }
  .print-product { grid-template-columns: 68px minmax(0,1fr); }
  .print-product img { width: 68px; height: 68px; }
  .print-price { grid-column: 2; justify-items: start; grid-auto-flow: column; justify-content: start; }
  .format-grid,.sheet-preview-grid { grid-template-columns: 1fr; }
  .ticket-layout { grid-template-columns: 1fr; }
  .ticket-detail { position: static; max-height: none; }
  .ticket-row { grid-template-columns: 48px minmax(0,1fr); }
  .ticket-row > :nth-child(n+3) { grid-column: 2; }
  .role-picker,.ticket-filter-grid { grid-template-columns: 1fr; }
}
@media print {
  body { background: white; }
  .screen-only { display: none !important; }
  .print-wrap { width: 100%; margin: 0; padding: 0; border: 0; box-shadow: none; }
  .print-product { box-shadow: none; }
  .print-note { display: none; }
}
.workflow-controls{display:grid;gap:1rem}.checkbox-field{display:flex!important;align-items:center;gap:.55rem;align-self:end;min-height:44px}.checkbox-field input{width:auto}.workflow-bulk{border:1px solid #dfd4c9;border-radius:14px;background:#fffaf4;padding:1rem;display:grid;gap:.8rem}.workflow-bulk-head{display:flex;justify-content:space-between;align-items:center}.workflow-bulk-head h2{margin:.15rem 0 0}.workflow-update-grid{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:.75rem}.workflow-update-grid label{display:grid;gap:.35rem;font-weight:700}.workflow-update-grid input,.workflow-update-grid select,.workflow-update-grid textarea{width:100%}.workflow-options{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.workflow-options label{display:flex;align-items:center;gap:.4rem}.workflow-options input{width:auto}.workflow-options button{margin-left:auto}.workflow-table td{vertical-align:top}.workflow-table .row-select{width:auto}.workflow-notes{margin:.5rem 0 0;max-width:36rem;color:#485873}.uat-override{background:#f2f8ff}.uat-label{color:#0f5cc0;font-weight:800}.good-tag{background:#e8f8ee!important;color:#0f6b36!important}.workflow-table button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.workflow-update-grid{grid-template-columns:1fr 1fr}.workflow-note-field{grid-column:1/-1}}
@media(max-width:620px){.workflow-update-grid{grid-template-columns:1fr}.workflow-note-field{grid-column:auto}.workflow-options button{width:100%;margin-left:0}.workflow-table th:nth-child(5),.workflow-table td:nth-child(5),.workflow-table th:nth-child(6),.workflow-table td:nth-child(6){display:none}}

.reporting-filter-grid{grid-template-columns:minmax(220px,1fr) minmax(150px,.55fr) minmax(150px,.55fr) auto;align-items:end}.reporting-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-card.attention{border-color:#e8b5a0;background:#fff8f3}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.report-grid .panel{margin:0;min-width:0}.report-bars{display:grid;gap:13px}.report-bar-row>div:first-child{display:flex;justify-content:space-between;gap:16px;font-size:.9rem}.report-bar-row span{color:var(--muted)}.report-bar-track{height:10px;border-radius:999px;background:#edf0f5;overflow:hidden;margin-top:6px}.report-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#184fd2,#65a6ee)}.aging-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.aging-grid .summary-card{min-height:118px}.query-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.query-catalog article{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.query-catalog span,.query-catalog small{color:var(--muted)}.source-panel{margin-bottom:18px}
.inline-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.inline-totals>span{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#f8fafe}.inline-totals small{color:var(--muted)}.inline-totals strong{font-size:1.15rem}
@media(max-width:1000px){.reporting-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.reporting-filter-grid,.report-grid{grid-template-columns:1fr}.reporting-summary,.aging-grid,.query-catalog,.inline-totals{grid-template-columns:1fr}}
.workflow-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border:1px solid #cbdcff;border-radius:11px;background:#f4f7ff}.workflow-presets button{min-height:34px;padding:6px 10px}.workflow-presets small{margin-left:auto;color:#5c6678}.design-priority-panel{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:14px;align-items:end;margin-top:18px}.design-priority-panel h2{margin-bottom:4px}.design-priority-panel label{display:grid;gap:6px;font-size:12px;color:#475569}.priority-tag{background:#fef3c7;color:#854d0e}
.print-review-panel{display:grid;grid-template-columns:minmax(220px,1fr) 230px minmax(220px,1fr) auto;gap:12px;align-items:end;margin:0 0 18px}.print-review-panel label{display:grid;gap:6px;color:#475569;font-size:12px}.print-job-detail{margin-top:10px;padding:12px;border-radius:9px;background:#f8fafc}.print-job-detail ol{columns:2;gap:28px}.print-job-detail li{break-inside:avoid;margin:4px 0}
.print-review-panel{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.print-review-panel>div{grid-column:1/-1}.order-line{grid-template-columns:48px minmax(0,1fr) auto}.order-line .table-actions{max-width:170px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0}.danger{background:#b42318!important;color:#fff!important}.legacy-card small{color:var(--muted);overflow-wrap:anywhere}
@media(max-width:760px){.feature-steps,.design-priority-panel,.print-review-panel{grid-template-columns:1fr}.print-job-detail ol{columns:1}.design-priority-panel .btn,.print-review-panel .btn{width:100%}}
.pending-review-filter{grid-template-columns:2fr 1fr 1fr auto;margin:0}.pending-review-action{display:grid;grid-template-columns:minmax(230px,1fr) minmax(180px,.55fr) minmax(180px,.7fr) minmax(280px,1.5fr) auto;gap:13px;align-items:end;margin-bottom:18px}.pending-review-action h2{margin-bottom:5px}.pending-review-action label{display:grid;gap:6px;color:#475569;font-size:12px}.pending-review-action textarea{min-height:70px}.pending-review-list{display:grid;gap:11px}.pending-review-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:14px;align-items:start;padding:17px;border:1px solid #dfe5ed;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.045)}.pending-review-card.rush-card{border-left:5px solid #dc2626}.review-select input{width:18px;min-height:18px;accent-color:var(--blue)}.pending-review-main{display:grid;gap:9px}.pending-review-main p{margin:0}.review-facts{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px}.review-facts span{padding:9px 10px;border-radius:8px;background:#f7f9fc;color:#334155;font-size:12px}.review-facts b{display:block;margin-bottom:4px;color:#64748b;font-size:9px;letter-spacing:.07em;text-transform:uppercase}.review-actions{display:grid;gap:7px;min-width:115px}.review-actions .btn,.review-actions button{text-align:center;font-size:12px}.review-audit-panel{margin-top:20px}.review-audit-list{display:grid;gap:8px}.review-audit-list article{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.5fr) auto;gap:15px;padding:12px 14px;border:1px solid #dfe5ed;border-radius:10px;background:#fbfcfe}.review-audit-list article div{display:grid;gap:4px}.review-audit-list article span,.review-audit-list article small{color:var(--muted);font-size:11px}.review-audit-list article p{margin:0}
@media(max-width:1100px){.pending-review-action{grid-template-columns:repeat(2,minmax(0,1fr))}.pending-review-action>div,.pending-review-action .span-2{grid-column:1/-1}.review-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.pending-review-filter,.pending-review-action,.pending-review-card,.review-audit-list article{grid-template-columns:1fr}.pending-review-filter .span-2,.pending-review-action>div,.pending-review-action .span-2{grid-column:auto}.review-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.review-actions{grid-template-columns:repeat(3,1fr)}}

/* Modernization expansion: field parity, maintenance, reporting, and mobile shop flow. */
.parity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:16px}.parity-grid label,.line-parity-grid label,.report-toolbar label,.notification-card>label{display:grid;gap:5px;color:#475569;font-size:11px;font-weight:700}.parity-grid .check-field{padding:9px 10px;border:1px solid #e0e6ef;border-radius:9px;background:#f8fafc}.parity-line{grid-template-columns:64px minmax(0,1fr) 310px}.parity-line>img{width:64px;height:64px}.line-core{display:grid;grid-template-columns:60px 90px 1fr auto;gap:7px;align-items:end}.line-core label{display:grid;gap:4px;color:#64748b;font-size:10px}.line-core input{min-width:0}.line-parity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;padding:12px;border-radius:10px;background:#f7f9fc}.line-parity-grid textarea{min-height:58px}.split-workspace{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(560px,1.15fr);gap:18px;align-items:start}.detail-drawer{position:sticky;top:76px;max-height:calc(100vh - 95px);overflow:auto}.compact-list{display:grid;gap:8px}.product-row{display:grid;grid-template-columns:58px minmax(0,1fr) 120px;gap:12px;align-items:center;width:100%;padding:10px 12px;border:1px solid #dfe5ed;border-radius:11px;background:#fff;color:#0f172a!important;text-align:left;box-shadow:none}.product-row:hover{border-color:#83a5df;background:#f8faff;transform:none}.product-row img{width:58px;height:58px;object-fit:contain;border-radius:8px;background:#f8fafc}.product-row span,.product-row small{display:block}.product-row small{margin-top:4px;color:#64748b}.product-metrics{text-align:right}.report-toolbar{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(260px,1fr) auto auto;gap:12px;align-items:end}.table-scroll{overflow:auto;max-height:68vh}.table-scroll table{min-width:820px}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notification-card{display:grid;gap:12px;margin:0}.notification-card textarea{min-height:80px}.email-preview{display:grid;gap:5px;padding:13px;border:1px solid #d8e0ec;border-radius:10px;background:#f8fafe}.email-preview small{color:#64748b;text-transform:uppercase;font-weight:800}.email-preview p{margin:0;color:#475569;line-height:1.45}.check-list{display:grid;gap:8px;color:#334155}.scan-panel{position:sticky;top:58px;z-index:4}.scan-panel input{font-size:20px;min-height:54px}.scan-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:18px;align-items:center;margin:0}.scan-result h2{margin:4px 0}.scan-result p{margin:4px 0;color:#475569}.scan-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:7px;align-items:end}.barcode{display:grid;justify-items:center;gap:2px;margin-top:7px}.barcode span{font-family:'Courier New',monospace;font-size:19px;letter-spacing:3px;transform:scaleY(1.65);margin:5px 0}.barcode small{font-size:9px;letter-spacing:1px}.document-thumb{width:54px;height:54px;object-fit:contain;vertical-align:middle;margin-right:10px}.proof-approval{display:flex;gap:30px;margin-top:28px;padding:16px;border-top:2px solid #0f172a}.proof-approval span{margin-left:auto}
@media(max-width:1100px){.parity-grid,.line-parity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-workspace,.scan-result{grid-template-columns:1fr}.detail-drawer{position:static;max-height:none}.scan-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.parity-grid,.line-parity-grid,.report-toolbar,.notification-grid,.line-core,.scan-actions{grid-template-columns:1fr}.parity-line{grid-template-columns:1fr}.proof-approval{display:grid}.proof-approval span{margin-left:0}}

/* Production-drift parity: rep/product intelligence and template administration. */
.sales-intelligence-filter{grid-template-columns:minmax(210px,1fr) repeat(3,minmax(150px,.7fr)) auto;align-items:end}.sales-intelligence-grid{grid-template-columns:minmax(320px,.7fr) minmax(520px,1.3fr)}.table-sort{min-height:auto;padding:0;border:0;background:transparent;box-shadow:none;color:#8f251b!important;font-size:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left}.table-sort:hover{background:transparent;box-shadow:none;color:#5e1510!important;text-decoration:underline}.rep-summary td{font-variant-numeric:tabular-nums}.rep-months>td{padding:0 12px 16px 28px;background:#f8fafc}.rep-months table{min-width:650px}.volume-card{margin-top:10px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.volume-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:14px;width:100%;min-height:64px;border:0;border-radius:0;text-align:left}.volume-toggle span{display:grid;gap:3px}.volume-toggle small{color:var(--muted);font-weight:500}.volume-toggle b{font-size:1.1rem}.volume-toggle i{color:#1d4ed8;font-size:1.3rem;font-style:normal}.volume-years{display:grid;background:#f8fafc}.volume-years span{display:flex;justify-content:space-between;padding:10px 18px;border-top:1px solid var(--line)}.volume-grand{display:flex;justify-content:space-between;margin-top:12px;padding:14px;border-radius:10px;background:#0f172a;color:#fff}.template-workspace{grid-template-columns:minmax(520px,1.15fr) minmax(410px,.85fr)}.template-list{display:grid;gap:11px}.template-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:16px;padding:16px;border:1px solid #dfe5ed;border-radius:12px;background:#fff}.template-card h3{margin:8px 0 5px}.template-card p{margin:0;color:var(--muted);line-height:1.45}.template-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.template-card dl div{padding:8px;border-radius:8px;background:#f7f9fc}.template-card dt{color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.template-card dd{margin:4px 0 0;overflow-wrap:anywhere}.template-flags{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-flags .check-row{display:flex;align-items:center;gap:7px}.template-flags input{width:auto;min-height:auto}textarea{width:100%;min-height:100px;padding:10px 13px;border:1px solid #aeb7c5;border-radius:9px;font:inherit;color:#0f172a;resize:vertical}.span-2{grid-column:1/-1}
@media(max-width:1050px){.sales-intelligence-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-intelligence-filter button{grid-column:1/-1}.sales-intelligence-grid,.template-workspace{grid-template-columns:1fr}.template-workspace .detail-drawer{position:static;max-height:none}}
@media(max-width:700px){.sales-intelligence-filter,.template-card,.template-card dl{grid-template-columns:1fr}.sales-intelligence-filter button,.span-2{grid-column:auto}}
.intelligence-thumb{width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#f8f5ef;display:block}.intelligence-thumb.missing-image{visibility:hidden}
/* Modernization intelligence, product audit, equipment, and capacity extensions. */
.compact-panel{padding:14px 18px}.bulk-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.bulk-toolbar strong{align-self:center;margin-right:auto}.bulk-toolbar label{min-width:150px}.product-select-row{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:10px}.product-select-row>.product-select{width:18px;height:18px}.product-open{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;background:transparent!important;border:0!important;color:inherit!important;text-align:left;padding:4px!important;box-shadow:none!important}.product-open img{width:54px;height:54px;object-fit:cover;border-radius:10px}.product-open .tag-row{margin-top:5px}.section-divider{height:1px;background:var(--line,#ded7ce);margin:22px 0}.audit-timeline{display:grid;gap:8px}.audit-timeline article{display:grid;gap:3px;border-left:3px solid #2f61d6;padding:8px 10px;background:#f7f9fd;border-radius:0 8px 8px 0}.audit-timeline span,.audit-timeline small{color:#5e6a7f;font-size:.82rem}.compact-empty{padding:14px}.capacity-grid{display:grid;gap:10px}.capacity-card{display:grid;grid-template-columns:minmax(250px,1fr) minmax(150px,1fr) auto;align-items:center;gap:18px;border:1px solid #e3d8cc;border-radius:14px;padding:14px;background:#fff}.capacity-card>div:first-child{display:grid;gap:4px}.capacity-card small{color:#687388}.progress-track{height:12px;background:#e7edf7;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#2b5bd7,#2e9b64);border-radius:inherit}.capacity-stats{display:grid;grid-template-columns:auto auto;gap:2px 12px;text-align:right}.capacity-stats b{grid-row:1/3;font-size:1.35rem;color:#173774}.capacity-stats span{font-size:.8rem;color:#657086}.warning-card{border-color:#e5ad4f!important;box-shadow:0 0 0 1px rgba(229,173,79,.15)}.warning-callout{border-left-color:#d89322!important}.hero-status{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#f9fbff,#f4fff9)}.hero-status h2{margin:.2rem 0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diagnostic-list{max-height:360px;overflow:auto}.confidence-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ebe5dd}.confidence-row span:first-child{display:grid}.confidence-row small{color:#647086}.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quality-grid article{border:1px solid #e2d9ce;border-radius:14px;padding:16px;background:#fff}.quality-grid h3{margin-top:0}.danger-tag{background:#fff0ed!important;color:#a9281c!important;border-color:#efb4ad!important}
@media(max-width:900px){.capacity-card,.dashboard-grid,.quality-grid{grid-template-columns:1fr}.capacity-stats{text-align:left;justify-content:start}.hero-status{align-items:flex-start;flex-direction:column}.product-open{grid-template-columns:50px 1fr}.product-metrics{grid-column:2}.confidence-row{grid-template-columns:1fr auto}}
.section-head>div{min-width:0}.section-head .muted{overflow-wrap:anywhere}
@media(max-width:620px){.section-head{align-items:stretch;flex-direction:column}.section-head .table-actions{width:100%}.section-head .table-actions button{flex:1 1 140px}.wide-wrap{width:calc(100% - 16px);padding:20px 16px}}
/* Governance, global search, and evaluator feedback */
.governance-page{padding-bottom:7rem}.governance-search-panel{position:sticky;top:1rem;z-index:4}.global-search-form{display:flex;align-items:end;gap:.8rem}.global-search-form .search-grow{flex:1;min-width:16rem}.saved-search-bar{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border,#ddd1c4);flex-wrap:wrap}.saved-search-bar>div:first-child{display:flex;flex-direction:column;margin-right:auto}.saved-search-list{display:flex;gap:.45rem;flex-wrap:wrap}.saved-search-chip{display:inline-flex;border:1px solid #c9d5e8;border-radius:999px;overflow:hidden;background:#fff}.saved-search-chip button{border:0;background:transparent;color:#173f82;padding:.5rem .65rem;font-weight:750;cursor:pointer}.saved-search-chip .chip-delete{border-left:1px solid #dce4f0;color:#9d2a22;padding-inline:.55rem}.search-summary{padding:1rem .15rem;color:#315b3c}.global-results{display:grid;gap:1rem}.result-group{padding:1.1rem}.result-list{display:grid;gap:.65rem}.global-result{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1rem;border:1px solid #e1d6ca;border-radius:14px;background:rgba(255,255,255,.86)}.global-result h3{margin:0 0 .3rem}.global-result p{margin:0;color:#58667d}.global-result strong{display:block;margin-top:.3rem}.timeline-panel{margin-top:1rem;scroll-margin-top:1rem}.activity-timeline{list-style:none;padding:0;margin:0}.activity-timeline li{display:grid;grid-template-columns:8rem 1fr auto;gap:1rem;padding:.85rem 0;border-bottom:1px solid #e4ddd5}.activity-timeline p{margin:.25rem 0 0;color:#5d687b}.skeleton-block{color:#647086}.readiness-grid{align-items:start}.readiness-banner-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.readiness-list{margin:0}.readiness-list>div{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:.7rem 0;border-bottom:1px solid #e8e0d8}.readiness-list dt{color:#5d687b}.readiness-list dd{margin:0;text-align:right;font-weight:750}.readiness-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.readiness-cards article{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.8rem;border:1px solid #e2d8ce;border-radius:12px;background:#fff}.readiness-cards article span:first-child,.readiness-cards small{color:#637087}.full-button{display:block;text-align:center;margin-top:1rem}.feedback-launcher{position:fixed;right:1.2rem;bottom:1.2rem;z-index:30;border:0;border-radius:999px;background:#173f82;color:#fff;padding:.8rem 1.1rem;font-weight:800;box-shadow:0 8px 24px rgba(15,31,55,.25);cursor:pointer}.feedback-launcher:hover{background:#0f326d}.feedback-dialog{width:min(620px,calc(100vw - 2rem));border:0;border-radius:18px;padding:0;box-shadow:0 22px 80px rgba(10,25,50,.35)}.feedback-dialog::backdrop{background:rgba(11,25,45,.52)}.feedback-dialog form{padding:1.35rem}.feedback-dialog-head{display:flex;gap:1rem;justify-content:space-between}.feedback-dialog-head h2{margin:.2rem 0}.feedback-dialog-head p:last-child{color:#5d687b}.dialog-close{border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer;color:#4c596e}.feedback-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.dialog-actions{justify-content:flex-end;margin-top:1rem}.feedback-list{display:grid;gap:.9rem}.feedback-card{border:1px solid #dfd4c8;border-radius:15px;padding:1rem;background:#fff}.feedback-card-head{display:flex;justify-content:space-between;gap:1rem}.feedback-card-head h3{margin:.6rem 0 .2rem}.feedback-meta{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin:1rem 0 0;padding-top:.8rem;border-top:1px solid #eee5dc}.feedback-meta div{min-width:9rem}.feedback-meta dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6c7484}.feedback-meta dd{margin:.2rem 0 0}.severity-blocking,.severity-high{background:#fee8e6;color:#9f241c}.severity-normal{background:#fff1d7;color:#875512}.severity-low{background:#e7f3ff;color:#24547c}.compact-field{min-width:9rem}
@media(max-width:760px){.governance-search-panel{position:static}.global-search-form{align-items:stretch;flex-direction:column}.global-search-form .search-grow{min-width:0}.global-search-form .btn{width:100%}.global-result{align-items:flex-start;flex-direction:column}.activity-timeline li{grid-template-columns:1fr}.readiness-banner-meta{align-items:flex-start}.readiness-cards,.feedback-form-grid{grid-template-columns:1fr}.feedback-card-head{flex-direction:column}.feedback-launcher{right:.7rem;bottom:.7rem}}