/* Source: admin.css */
.account-nav { display:flex; align-items:center; gap:16px; margin-left:auto; margin-right:22px; font-size:13px; }
.account-nav a { color:#c9c7c0; text-decoration:none; }.account-nav a:hover { color:var(--gold-soft); }
.account-nav span { color:var(--muted); padding-left:14px; border-left:1px solid var(--line); }
.account-nav form { margin:0; }
.link-button { appearance:none; border:0; padding:0; background:none; color:var(--gold-soft); cursor:pointer; font:inherit; text-decoration:underline; }
.auth-shell { min-height:65vh; display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; }
.auth-shell.compact h1 { font-size:clamp(38px,5vw,64px); }
.auth-card,.form-card { padding:32px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,var(--surface-2),var(--surface)); }
.auth-card { display:grid; gap:20px; }.auth-card label,.form-card label { display:grid; gap:7px; color:#c9c7c0; font-size:13px; }
.auth-links { display:flex; flex-wrap:wrap; gap:14px; margin:0; }
input,select { width:100%; border:1px solid #353943; border-radius:10px; background:#0f1115; color:var(--text); padding:12px 13px; font:inherit; }
input:focus { outline:2px solid rgba(217,173,84,.35); border-color:var(--gold); }
.primary-button { border:0; border-radius:10px; background:linear-gradient(145deg,var(--gold-soft),#b88932); color:#171107; padding:13px 18px; font-weight:850; cursor:pointer; }
.form-note,.notice small,td small { display:block; color:var(--muted); margin-top:5px; }.alert { padding:12px 14px; border:1px solid rgba(225,107,107,.45); border-radius:10px; background:rgba(225,107,107,.08); color:#f0aaaa; }
.page-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:32px; }.page-head h1 { font-size:clamp(42px,6vw,68px); }
.notice { margin:0 0 18px; padding:16px; border-radius:12px; border:1px solid rgba(82,201,139,.35); background:rgba(82,201,139,.08); color:#a8ebc8; }.notice.sensitive { border-color:rgba(217,173,84,.45); color:var(--gold-soft); }
.table-card { overflow:auto; border:1px solid var(--line); border-radius:16px; background:var(--surface); }table { width:100%; border-collapse:collapse; }th,td { padding:15px 17px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }th { color:var(--muted); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }tr:last-child td { border-bottom:0; }.actions { display:flex; gap:14px; align-items:center; }
.form-card { max-width:850px; display:grid; gap:24px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.form-grid .wide { grid-column:1/-1; }fieldset { border:1px solid var(--line); border-radius:14px; padding:18px; }legend { color:var(--gold-soft); padding:0 7px; }.check-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.check { display:flex!important; grid-template-columns:auto 1fr!important; align-items:flex-start; padding:12px; border:1px solid var(--line); border-radius:10px; }.check input,.toggle input { width:auto; margin-top:3px; }.check span { display:grid; }.check small { color:var(--muted); }.toggle { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; }.role-grid .card { min-height:190px; }.role-grid .state { text-decoration:none; }
code { color:var(--gold-soft); }
@media(max-width:820px){.account-nav a,.account-nav span{display:none}.auth-shell{grid-template-columns:1fr;gap:30px}.form-grid,.check-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.actions{min-width:160px}}
.company-role-grid { display:grid; gap:16px; }
.company-role-card { border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; transition:opacity .15s ease,border-color .15s ease; }
.company-role-card .company-access-check { border:0; border-radius:0; margin:0; background:rgba(42,108,155,.06); }
.company-role-options { padding:4px 12px 14px; }
.company-role-options > p { margin:8px 0 10px; color:var(--muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.company-role-card.is-disabled .company-role-options { opacity:.45; }


/* Source: registry.css */
.registry-section { margin-top:30px; }.registry-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:12px; }.registry-head h2 { font-size:28px; margin-bottom:5px; }.registry-head p { color:var(--muted); margin:0; }.registry-head>span { color:var(--muted); font-size:12px; }
.risk { display:inline-block; border-radius:999px; padding:4px 8px; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.risk.low { color:var(--green); background:rgba(82,201,139,.1); }.risk.medium { color:#e8c277; background:rgba(232,194,119,.1); }.risk.high { color:#e68e68; background:rgba(230,142,104,.1); }.risk.critical { color:#f19a9a; background:rgba(225,107,107,.12); }
@media(max-width:820px){.registry-head{align-items:flex-start;flex-direction:column}}


/* Source: audit.css */
.filter-bar { display:grid; grid-template-columns:1fr 1fr auto auto; align-items:end; gap:12px; margin-bottom:16px; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.filter-bar label { display:grid; gap:6px; color:var(--muted); font-size:12px; }.filter-bar>a { padding:12px; }.pagination { display:flex; justify-content:flex-end; align-items:center; gap:18px; margin-top:18px; color:var(--muted); }.pagination a { text-decoration:none; }
@media(max-width:820px){.filter-bar{grid-template-columns:1fr}.pagination{justify-content:center}}


/* Source: reports.css */
.company-switcher { margin: 0; }
.company-switcher label { display: grid; gap: .15rem; }
.company-switcher span { color: #8b7a5a; font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.company-switcher select { background: #fffaf0; border: 1px solid #d9c79f; border-radius: .5rem; color: #402f12; max-width: 12rem; padding: .4rem .55rem; }
.company-missing { color: #a33; font-size: .8rem; font-weight: 700; }
.report-section { margin-top: 1.5rem; }
.report-section + .report-section { border-top: 1px solid #d9e6f0; padding-top: 1.5rem; }
.report-section .section-head { margin-bottom: .8rem; }
.report-section .section-head h2 { margin: .15rem 0 0; }
.report-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.report-card { background: #fff; border: 1px solid #e5dcc8; border-radius: .9rem; color: #30240f; display: grid; gap: .45rem; padding: 1.2rem; text-decoration: none; }
.report-card:hover { border-color: #b7934d; transform: translateY(-1px); }
.report-card span { color: #96732d; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.report-card strong { font-size: 1.1rem; }
.report-card small { color: #6f6656; line-height: 1.5; }
.report-filter { align-items: end; background: #fff; border: 1px solid #e5dcc8; border-radius: .8rem; display: flex; flex-wrap: wrap; gap: .8rem; margin-bottom: 1rem; padding: 1rem; }
.report-filter label { display: grid; gap: .35rem; min-width: min(100%, 280px); }
.report-filter [data-operation-create][hidden], .report-filter [data-operation-refresh][hidden] { display: none !important; }
.report-filter label span { font-size: .75rem; font-weight: 700; }
.report-filter select { border: 1px solid #cfc3aa; border-radius: .5rem; padding: .65rem; }
.sample-warning { background: #fff7dc; border: 1px solid #ecd489; border-radius: .65rem; color: #6b5217; margin: 1rem 0; padding: .8rem 1rem; }
.report-table { overflow-x: auto; }
.report-table table { min-width: 760px; }
.zero-stock-report-table table { min-width: 1180px; }
.zero-stock-cell { background: #b91c1c; color: #fff; font-weight: 850; }
.priority-badge { background: #fff0b8; border: 1px solid #d99d00; border-radius: 999px; color: #684b00; display: inline-block; font-size: .72rem; font-weight: 900; letter-spacing: .06em; padding: 3px 8px; }
.export-action { align-items: center; display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1rem; }
.export-action small { color: #6f6656; }
.report-date-control { position: relative; }
.report-date-control .copy-date-input { padding-right: 3.2rem; }
.report-date-native-picker { border: 0; cursor: pointer; height: 100%; inset: 0 0 0 auto; margin: 0; opacity: 0; padding: 0; pointer-events: none; position: absolute; width: 3rem; z-index: 2; }
.report-date-native-picker:focus { outline: none; }
.report-date-picker-icon { align-items: center; border-left: 1px solid #a9c4d8; bottom: 1px; color: #36556d; display: flex; font-size: 1.05rem !important; justify-content: center; pointer-events: none; position: absolute; right: 1px; top: 1px; width: 2.9rem; }
.report-date-native-picker:focus + .report-date-picker-icon { box-shadow: inset 0 0 0 2px rgba(35, 111, 167, .3); }


/* Source: app.css */
:root {
    color-scheme: dark;
    --bg: #0b0c0f;
    --surface: #14161b;
    --surface-2: #1a1d23;
    --line: #292d35;
    --text: #f4f1e9;
    --muted: #9b9da4;
    --gold: #d9ad54;
    --gold-soft: #f0d58e;
    --green: #52c98b;
    --red: #e16b6b;
}

/* Marketing / Operations / WhatsApp */
.whatsapp-summary { margin-bottom: 18px; }
.whatsapp-section { display: grid; gap: 16px; margin: 18px 0; padding: 20px; }
.whatsapp-section .compact-head { align-items: center; margin: 0; }
.whatsapp-readiness { display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.whatsapp-readiness span { background: #f7fafc; border: 1px solid #cad8e1; border-radius: 8px; display: grid; gap: 3px; padding: 10px; }
.whatsapp-readiness span b { font-size: .7rem; letter-spacing: .08em; }
.whatsapp-readiness .is-ready { border-color: #8bc7ad; color: #155f3d; }
.whatsapp-readiness .is-missing { border-color: #e1b0a8; color: #8d2e20; }
.whatsapp-form-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.whatsapp-form-grid label, .whatsapp-inline-form label { display: grid; gap: 6px; }
.whatsapp-form-grid input, .whatsapp-form-grid select, .whatsapp-form-grid textarea,
.whatsapp-inline-form input, .whatsapp-inline-form select { width: 100%; }
.whatsapp-wide { grid-column: 1 / -1; }
.whatsapp-form-actions { display: flex; flex-wrap: wrap; gap: 10px; grid-column: 1 / -1; }
.whatsapp-inline-form { align-items: end; display: grid; gap: 14px; grid-template-columns: 2fr 1fr auto; }
.whatsapp-section .checkbox-label { align-items: start; display: flex; gap: 9px; }
.whatsapp-section .checkbox-label input { margin-top: 3px; width: auto; }
.whatsapp-section button:disabled { cursor: not-allowed; opacity: .5; }
.whatsapp-section td form { display: grid; gap: 6px; min-width: 150px; }
.whatsapp-section td form input { max-width: 150px; }
.whatsapp-cutover { margin-top: 18px; }
@media (max-width: 900px) {
    .whatsapp-readiness { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .whatsapp-form-grid, .whatsapp-inline-form { grid-template-columns: 1fr; }
    .whatsapp-wide, .whatsapp-form-actions { grid-column: auto; }
}

* { box-sizing: border-box; }
html { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 75% -20%, #282111 0, transparent 38%), var(--bg); }
a { color: var(--gold-soft); }
.topbar { height: 76px; padding: 0 max(24px, calc((100vw - 1180px) / 2)); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(11,12,15,.88); backdrop-filter: blur(12px); }
.brand { display: flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; letter-spacing: .04em; }
.brand span:last-child { display: flex; flex-direction: column; }
.brand small { color: var(--muted); font-size: 11px; margin-top: 2px; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg, var(--gold-soft), #94702c); color: #161109; font-weight: 900; }
.local-badge { color: var(--green); border: 1px solid rgba(82,201,139,.35); background: rgba(82,201,139,.08); padding: 7px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 72px 0; }
.hero { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 44px; }
.eyebrow, .card-kicker { color: var(--gold); font-size: 11px; font-weight: 850; letter-spacing: .18em; }
h1 { font-size: clamp(42px, 7vw, 82px); line-height: .96; margin: 10px 0 18px; letter-spacing: -.055em; }
h2 { margin: 9px 0 12px; font-size: 22px; }
.lead { color: #c2c1bd; max-width: 680px; font-size: 19px; line-height: 1.65; margin: 0; }
.status-orb { flex: 0 0 auto; color: var(--green); padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); font-weight: 700; }
.status-orb span { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px var(--green); }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.card, .panel { border: 1px solid var(--line); background: linear-gradient(145deg, var(--surface-2), var(--surface)); border-radius: 18px; }
.card { position: relative; min-height: 235px; padding: 26px; overflow: hidden; }
.card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--gold); }
.accent-green::before { background: var(--green); }
.accent-slate::before { background: #6d7585; }
.card p { color: var(--muted); line-height: 1.6; }
.state { position: absolute; left: 26px; bottom: 24px; font-size: 12px; font-weight: 800; }
.pending { color: var(--gold-soft); }.ready { color: var(--green); }.disabled { color: var(--muted); }
.panel { display: flex; justify-content: space-between; gap: 40px; margin-top: 16px; padding: 30px; }
.switch-list { min-width: min(520px, 55%); margin: 0; }
.switch-list div { display: flex; justify-content: space-between; gap: 30px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.switch-list div:last-child { border: 0; }
.switch-list dt { text-transform: capitalize; color: #c9c7c0; }
.switch-list dd { margin: 0; font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.off { color: var(--green); }.on { color: var(--red); }
.health-link { text-align: right; margin-top: 20px; }
.error-page { min-height: 55vh; display: grid; place-content: center; text-align: center; }
.error-page h1 { font-size: 54px; }
.button { display: inline-block; margin: 20px auto 0; padding: 12px 16px; border-radius: 10px; background: var(--gold); color: #181208; font-weight: 800; text-decoration: none; }
.footer { padding: 24px; border-top: 1px solid var(--line); color: #73767d; text-align: center; font-size: 12px; }
@media (max-width: 820px) { .grid { grid-template-columns: 1fr; }.panel { flex-direction: column; }.switch-list { min-width: 100%; }.hero { align-items: flex-start; flex-direction: column; }.local-badge { display: none; }.shell { width: min(100% - 30px, 1180px); padding-top: 46px; } }


/* Source: wingold.css */
:root {
    color-scheme: light;
    --bg: #edf5fc;
    --surface: #ffffff;
    --surface-2: #f4f9fe;
    --line: #c8dcec;
    --text: #16334d;
    --muted: #617b91;
    --gold: #f4bd24;
    --gold-soft: #ffd75b;
    --green: #138a61;
    --red: #c43d3d;
    --wingold-blue: #0b5f9e;
    --wingold-blue-dark: #06355f;
    --wingold-blue-mid: #0877bd;
    --wingold-blue-light: #dceefa;
    --confirm: #ffc928;
    --confirm-hover: #f2b900;
}

html { background: var(--bg); color: var(--text); }
body { background: linear-gradient(135deg, #f7fbff 0%, var(--bg) 100%); color: var(--text); }
a { color: #075f9d; }

.topbar { background: linear-gradient(180deg, #0b609f, #074a7d); border-color: #174d73; box-shadow: 0 2px 12px rgba(5, 47, 84, .2); }
.brand { color: #fff; }
.brand small { color: #cce7f8; }
.brand-mark { background: linear-gradient(145deg, #ffe26d, var(--confirm)); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, .18); color: #17344a; }
.local-badge { background: #dff5ea; border-color: #92cfb3; color: #11734f; }

.company-identity-bar {
    align-items: center;
    display: flex;
    gap: .55rem;
    height: 38px;
    justify-content: center;
    left: 0;
    letter-spacing: .045em;
    padding: 0 18px;
    position: fixed;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: 30;
}
.company-identity-bar span { font-size: .68rem; font-weight: 650; opacity: .82; }
.company-identity-bar strong { font-size: .86rem; font-weight: 850; }
.company-identity-deen { background: #137a45; color: #fff; }
.company-identity-meena { background: #6f2c91; color: #fff; }
.company-identity-gold-house { background: #0f653a; color: #ffdc3d; }
.company-identity-trial { background: #c62828; color: #fff; }

.portal-authenticated .topbar {
    align-items: stretch;
    background: linear-gradient(180deg, #073e6d 0%, #07558d 48%, #06355f 100%);
    border: 0;
    box-shadow: 6px 0 18px rgba(5, 44, 76, .17);
    flex-direction: column;
    height: calc(100vh - 38px);
    justify-content: flex-start;
    left: 0;
    overflow-y: auto;
    padding: 24px 18px;
    position: fixed;
    top: 38px;
    width: 270px;
    z-index: 20;
}
.portal-authenticated .topbar > .brand { border-bottom: 1px solid rgba(255,255,255,.16); padding: 0 6px 22px; }
.portal-authenticated .topbar > .local-badge { align-self: flex-start; margin: auto 6px 0; order: 3; }
.portal-authenticated .shell { margin: 0 0 0 270px; max-width: none; min-height: calc(100vh - 61px); padding: 76px 42px 64px; width: auto; }
.portal-authenticated .footer { background: #e4f0f9; border-color: #bfd6e7; color: #55748c; margin-left: 270px; }

.sidebar-company { margin: 22px 6px 12px; order: 0; }
.company-switcher label { gap: .35rem; }
.company-switcher span { border: 0; color: #b9dcf4 !important; font-size: .66rem; padding: 0; }
.company-switcher select { background: #fff; border: 2px solid #82b9dc; color: #123b5a; font-weight: 750; max-width: none; padding: .6rem .7rem; }
.company-missing { color: #ffe07a; }

.account-nav {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    gap: 5px;
    margin: 4px 0 18px;
    order: 1;
    width: 100%;
}
.account-nav a {
    align-items: center;
    border-radius: 7px;
    color: #d8edfb;
    display: flex;
    font-weight: 650;
    gap: 10px;
    padding: 10px 11px;
    text-decoration: none;
}
.account-nav a:hover { background: rgba(255,255,255,.11); color: #fff; }
.account-nav a.active { background: #e5f3fd; color: #073e6d; box-shadow: 0 3px 9px rgba(0,0,0,.13); }
.account-nav a b { background: rgba(255,255,255,.13); border-radius: 5px; display: grid; font-size: .7rem; height: 25px; place-items: center; width: 25px; }
.account-nav a.active b { background: #bdddF3; color: #06355f; }
.sidebar-label { color: #8fc0df; font-size: .64rem; font-weight: 800; letter-spacing: .14em; margin: 16px 11px 5px; text-transform: uppercase; }
.sidebar-group { margin-top: 3px; }
.sidebar-group > summary { align-items: center; border-radius: 7px; color: #b9dcf4; cursor: pointer; display: flex; font-size: .68rem; font-weight: 850; justify-content: space-between; letter-spacing: .12em; list-style: none; padding: 10px 11px; text-transform: uppercase; user-select: none; }
.sidebar-group > summary span { border: 0; color: #fff; padding: 0; }
.sidebar-group > summary::-webkit-details-marker { display: none; }
.sidebar-group > summary:hover { background: rgba(255,255,255,.08); color: #fff; }
.sidebar-group summary i { border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; display: block; height: 7px; margin-right: 5px; transition: transform .18s ease; width: 7px; }
.sidebar-group > summary i { transform: rotate(45deg); }
.sidebar-group[open] > summary i { transform: rotate(225deg); }
.sidebar-submenu { display: grid; gap: 4px; margin: 2px 0 8px 9px; padding-left: 8px; position: relative; }
.sidebar-submenu::before { background: rgba(177,216,241,.26); bottom: 5px; content: ""; left: 0; position: absolute; top: 5px; width: 2px; }
.sidebar-submenu a { padding-bottom: 8px; padding-top: 8px; }
.sidebar-category-menu { gap: 3px; }
.sidebar-nested-group { position: relative; }
.sidebar-nested-group > summary,
.sidebar-category-empty {
    align-items: center;
    border-radius: 6px;
    color: #b9dcf4;
    display: flex;
    font-size: .7rem;
    font-weight: 800;
    justify-content: space-between;
    letter-spacing: .08em;
    list-style: none;
    padding: 9px 10px;
    text-transform: uppercase;
}
.sidebar-nested-group > summary { cursor: pointer; }
.sidebar-nested-group > summary span { border: 0; color: inherit; padding: 0; }
.sidebar-nested-group > summary::-webkit-details-marker { display: none; }
.sidebar-nested-group > summary:hover { background: rgba(255,255,255,.08); color: #fff; }
.sidebar-nested-group > summary i { transform: rotate(-45deg); }
.sidebar-nested-group[open] > summary i { transform: rotate(45deg); }
.sidebar-nested-submenu { display: grid; gap: 4px; margin: 2px 0 6px 8px; }
.sidebar-nested-submenu a { padding: 8px 9px; }
.sidebar-category-empty { cursor: default; opacity: .55; }
.sidebar-account { border-top: 1px solid rgba(255,255,255,.16); display: grid; gap: 11px; margin: 0 6px 18px; order: 2; padding-top: 16px; }
.sidebar-account > span { border: 0; color: #fff; display: grid; padding: 0; }
.sidebar-account small { color: #a9d0e9; margin-top: 2px; }
.sidebar-account form { margin: 0; }
.sidebar-signout, .primary-button, .button, button.primary-button {
    background: linear-gradient(180deg, #ffdc5e, var(--confirm));
    border: 1px solid #d99d00;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(80, 56, 0, .17);
    color: #263748;
    cursor: pointer;
    font-weight: 850;
    padding: 10px 15px;
}
.sidebar-signout:hover, .primary-button:hover, .button:hover { background: var(--confirm-hover); }
.sidebar-signout { width: 100%; }

.shell { padding-top: 46px; }
.hero { align-items: center; margin-bottom: 28px; }
.eyebrow, .card-kicker { color: var(--wingold-blue); }
h1 { color: var(--wingold-blue-dark); font-size: clamp(36px, 5vw, 58px); letter-spacing: -.035em; }
h2 { color: #124d78; }
.lead { color: #58738a; }
.status-orb { background: #e2f7ee; border-color: #a9dac6; color: #12724f; }

.grid { gap: 18px; }
.card, .panel, .auth-card, .form-card, .table-card, .report-card, .report-filter {
    background: #fff;
    border-color: var(--line);
    box-shadow: 0 5px 16px rgba(19, 76, 116, .07);
}
.card { border-radius: 10px; min-height: 210px; }
.card::before { background: var(--wingold-blue-mid); width: 5px; }
.card p { color: var(--muted); }
.card-action { background: var(--confirm); border: 1px solid #dfa900; border-radius: 6px; bottom: 22px; color: #263748; font-size: 12px; font-weight: 850; left: 26px; padding: 8px 12px; position: absolute; text-decoration: none; }
.panel { border-radius: 10px; }
.switch-list div, .footer { border-color: var(--line); }
.switch-list dt { color: #46657d; }

.auth-card, .form-card { background: #fff; border-radius: 10px; }
.auth-card label, .form-card label { color: #36556d; }
input, select { background: #fff; border-color: #a9c4d8; color: #17364f; }
input:focus, select:focus { border-color: var(--wingold-blue-mid); outline: 3px solid rgba(8,119,189,.16); }
.page-head h1 { font-size: clamp(34px, 4vw, 50px); }
.notice { background: #e3f5ed; border-color: #9ed4bd; color: #176949; }
.notice.sensitive, .sample-warning { background: #fff8d9; border-color: #e8c655; color: #634d00; }
.connector-status { background: #e5f3fd; border: 1px solid #a9cfe8; border-radius: 7px; color: #164f78; margin: -3px 0 16px; padding: 10px 13px; }
.connector-status.company-identity-deen { background: #137a45; border-color: #137a45; color: #fff; }
.connector-status.company-identity-meena { background: #6f2c91; border-color: #6f2c91; color: #fff; }
.connector-status.company-identity-gold-house { background: #0f653a; border-color: #0f653a; color: #ffdc3d; }
.connector-status.company-identity-trial { background: #c62828; border-color: #c62828; color: #fff; }
.connector-status[class*="company-identity-"] code { color: inherit; }
.snapshot-banner { background: #e3f5ed; border: 1px solid #9ed4bd; border-radius: 7px; color: #176949; margin: 0 0 14px; padding: 11px 14px; }
.live-banner { align-items: center; background: #dff4ff; border: 1px solid #7fc6e8; border-radius: 7px; color: #064f78; display: flex; gap: 14px; justify-content: space-between; margin: 0 0 14px; padding: 11px 14px; }
.ready-banner { background: #fff8d9; border: 1px solid #e8c655; border-radius: 7px; color: #634d00; margin: 0 0 14px; padding: 11px 14px; }
.refresh-button { background: #ffc928; border: 1px solid #d99d00; border-radius: 6px; color: #263748; flex: 0 0 auto; font-weight: 850; padding: 8px 12px; text-decoration: none; }
.danger-button { background: #c62828; border: 1px solid #a51f1f; color: #fff; cursor: pointer; font: inherit; font-weight: 850; padding: 8px 12px; }
.operation-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.operation-tabs a { background: #fff7cf; border: 1px solid #dfb832; border-radius: 6px; color: #604d05; font-size: .82rem; font-weight: 850; padding: 9px 14px; text-decoration: none; }
.operation-tabs a:hover { background: #ffed9a; }
.operation-tabs a.active { background: var(--wingold-blue); border-color: var(--wingold-blue); color: #fff; }
.table-action { background: #ffc928; border: 1px solid #d99d00; color: #263748; display: inline-block; font-size: .78rem; font-weight: 850; padding: 7px 12px; text-decoration: none; }
.table-action:hover { background: #ffd75b; }
.unmark-items-toggle[aria-expanded="true"] { background: var(--wingold-blue); border-color: var(--wingold-blue); color: #fff; }
.snapshot-note { background: #f4f9fc; border: 1px solid #c8dcec; border-left: 4px solid var(--wingold-blue-mid); border-radius: 7px; color: #58738a; font-size: .82rem; line-height: 1.5; margin: -4px 0 16px; padding: 10px 13px; }
.warning-number { color: #a34222; font-weight: 800; }
.compact-head { align-items: flex-end; margin: 18px 0 12px; }
.compact-head h2 { margin-bottom: 4px; }
.compact-head .lead { font-size: .95rem; line-height: 1.45; }
.action-success { background: #e3f5ed; border: 1px solid #8bc9ad; border-left: 5px solid #16845b; border-radius: 8px; color: #145f43; margin: 0 0 16px; padding: 14px 16px; }
.action-success ul { margin: 9px 0 0; padding-left: 22px; }
.action-success li + li { margin-top: 4px; }
.unmark-safety-strip { background: #fff8d9; border: 1px solid #e8c655; border-left: 5px solid #d9a900; border-radius: 8px; color: #634d00; display: grid; gap: 4px; line-height: 1.45; margin: 0 0 14px; padding: 13px 15px; }
.unmark-safety-strip strong { color: #493900; }
.unmark-filter label { flex: 1 1 320px; }
.unmark-rule-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(150px, 1fr)); margin: 0 0 18px; }
.unmark-rule-grid article { background: #fff; border: 1px solid #c8dcec; border-left: 4px solid var(--wingold-blue-mid); border-radius: 7px; display: grid; gap: 4px; padding: 12px 13px; }
.unmark-rule-grid span { color: #0b5f9e; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.unmark-rule-grid strong { color: #124d78; }
.unmark-rule-grid small { color: var(--muted); }
.unmark-documents-table table, .unmark-items-table table { min-width: 1120px; }
.unmark-item-subrow { background: #eef8ff !important; }
.unmark-item-subrow > td { border-bottom: 2px solid #8fc9e8; padding: 0; }
tr.items-expanded { background: #e4f3fc !important; }
.unmark-item-loading { color: #315f7f; font-weight: 750; padding: 18px; }
.unmark-item-error { margin: 0; }
.unmark-item-panel { background: #f7fbfe; border-left: 5px solid var(--wingold-blue-mid); padding: 16px; }
.unmark-item-panel-head { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; margin-bottom: 13px; }
.unmark-item-panel-head h3 { color: #124d78; font-size: 1.25rem; margin: 3px 0 4px; }
.unmark-item-panel-head p { color: #58738a; margin: 0; }
.unmark-item-panel-head .eyebrow { color: var(--wingold-blue); font-size: .68rem; font-weight: 850; letter-spacing: .1em; }
.unmark-items-table { box-shadow: none; margin-top: 10px; }
.unmark-item-subrow-yellow { background: #fffdf2 !important; }
.unmark-item-subrow-yellow > td { border-bottom-color: #dfbd50; }
.unmark-item-panel[data-item-source="website-custom-order"] { background: #fffdf2; border: 1px solid #ead27a; border-left: 5px solid #d6aa23; }
.unmark-item-panel[data-item-source="website-custom-order"] .unmark-items-table { border-color: #dfbd50; }
.unmark-item-panel[data-item-source="website-custom-order"] .unmark-items-table thead th { background: #fff1b8; border-bottom-color: #dfbd50; color: #164f78; }
.unmark-item-panel[data-item-source="wingold-live"] { background: #fffdf2; border: 1px solid #ead27a; border-left: 5px solid #d6aa23; }
.unmark-item-panel[data-item-source="wingold-live"] .unmark-items-table { border-color: #dfbd50; }
.unmark-item-panel[data-item-source="wingold-live"] .unmark-items-table thead th { background: #fff1b8; border-bottom-color: #dfbd50; color: #164f78; }
.unmark-item-description { background: #fff; border: 1px solid #b9d5e7; border-radius: 6px; line-height: 1.45; max-height: 150px; min-width: 300px; overflow: auto; padding: 9px 11px; text-align: left; white-space: normal; }
.unmark-item-description:focus { border-color: var(--wingold-blue); box-shadow: 0 0 0 2px rgba(8, 119, 189, .18); outline: none; }
.unmark-item-description > :first-child { margin-top: 0; }
.unmark-item-description > :last-child { margin-bottom: 0; }
.unmark-item-description table { min-width: 0; width: 100%; }
.report-filter textarea { background: #fff; border: 1px solid #a9c4d8; border-radius: 8px; color: #17364f; font: inherit; line-height: 1.45; min-height: 112px; padding: 11px 13px; resize: vertical; width: 100%; }
.report-filter textarea:focus { border-color: var(--wingold-blue-mid); outline: 3px solid rgba(8,119,189,.16); }
.tag-mistake-filter label,
.workmanship-mistake-filter label {
    flex: 0 1 560px;
    max-width: 100%;
    width: 560px;
}
.tag-mistake-table table { min-width: 1480px; }
.tag-mistake-history-table table { min-width: 1080px; }

.tag-mistake-action-form { display: block; }
.workmanship-mistake-filter input { min-width: 0; width: 100%; }
.workmanship-mistake-table table { min-width: 1240px; }
.workmanship-mistake-history-table table { min-width: 1420px; }
.workmanship-mistake-action-form { display: block; }
.workmanship-window-status { color: #8e2020; font-size: .8rem; line-height: 1.45; min-height: 1.2rem; }
.workmanship-state { white-space: nowrap; }
.workmanship-state strong { display: block; }
.workmanship-state small { display: block; margin-top: 3px; }
.workmanship-state-completed strong, .workmanship-state-recovered strong { color: #14724f; }
.workmanship-state-needs_reconciliation strong, .workmanship-state-unlocked strong { color: #b32626; }
.workmanship-completion-times { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 8px; }
.workmanship-completion-times span { display: inline-flex; gap: 6px; }
.unmark-item-panel[data-item-source="tag-mistake-history"] { background: #fffdf2; border: 1px solid #ead27a; border-left: 5px solid #d6aa23; }
.unmark-item-panel[data-item-source="tag-mistake-history"] .unmark-items-table { border-color: #dfbd50; }
.unmark-item-panel[data-item-source="tag-mistake-history"] .unmark-items-table thead th { background: #fff1b8; border-bottom-color: #dfbd50; color: #164f78; }.guarded-action-panel { background: #fff1f1; border: 2px solid #d65a5a; border-left: 6px solid #c62828; border-radius: 9px; display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); margin-top: 16px; padding: 18px; }
.guarded-action-panel .eyebrow { color: #a51f1f; }
.guarded-action-panel h3 { color: #8e2020; margin: 4px 0 8px; }
.guarded-action-panel p { color: #713434; line-height: 1.5; margin: 0; }
.guarded-action-form { display: grid; gap: 12px; }
.guarded-action-form label { color: #6f2929; display: grid; font-size: .78rem; font-weight: 750; gap: 5px; }
.guarded-action-form input { border-color: #d99b9b; }
.guarded-action-form textarea { background: #fff; border: 1px solid #d99b9b; border-radius: 7px; color: #17364f; font: inherit; line-height: 1.4; padding: 9px 11px; resize: vertical; width: 100%; }
.guarded-action-form .danger-button { justify-self: start; margin-top: 2px; }
@media (max-width: 820px) {
    .unmark-rule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .guarded-action-panel { grid-template-columns: 1fr; }
    .unmark-item-panel-head { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
    .unmark-rule-grid { grid-template-columns: 1fr; }
}
.snapshot-totals { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-bottom: 16px; }
.snapshot-totals article { background: #fff; border: 1px solid #c8dcec; border-left: 4px solid #0877bd; border-radius: 7px; display: grid; gap: 4px; padding: 13px; }
.snapshot-totals article span { color: #0b5f9e; font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.snapshot-totals article small { color: #617b91; }
.snapshot-pages { align-items: center; display: flex; gap: 10px; justify-content: flex-end; padding-top: 14px; }
.snapshot-pages a { background: #ffc928; border: 1px solid #d99d00; border-radius: 6px; color: #263748; font-weight: 800; padding: 8px 12px; text-decoration: none; }
.alert { background: #fff0f0; border-color: #e7aaaa; color: #9a2525; }
.table-card { border-radius: 9px; }
th { background: #dceefa; color: #164f78; }
th, td { border-color: #d7e5ef; }
tbody tr:nth-child(even) { background: #f7fbfe; }
tbody tr:hover { background: #eaf5fc; }
.number-cell { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.total-row th { background: #c7e3f5; border-top: 2px solid #0877bd; color: #063f69; font-size: .78rem; }
fieldset { border-color: #bdd3e3; }
legend, code { color: #075f9d; }
.check { border-color: #c9dce9; }
.form-note, .notice small, td small, .report-card small, .export-action small { color: var(--muted); }
.report-card:hover { border-color: var(--wingold-blue-mid); }
.report-card span { color: var(--wingold-blue); }
.report-filter select { border-color: #a9c4d8; }
.brand-filter { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto; }
.risk, .state { font-weight: 800; }
.portal-authenticated .shell { position: relative; }
.page-shortcut-row { align-items: center; display: flex; justify-content: flex-end; margin: 0 0 14px; min-height: 38px; }
.page-shortcut-toggle { align-items: center; background: #fff; border: 1px solid #9fc4dc; border-radius: 999px; box-shadow: 0 4px 12px rgba(19, 76, 116, .09); color: #315f7f; cursor: pointer; display: inline-flex; font: inherit; font-size: .78rem; font-weight: 850; gap: 7px; padding: 8px 12px; }
.page-shortcut-toggle [data-shortcut-star] { color: #9a7b19; font-size: 1.25rem; line-height: 1; }
.page-shortcut-toggle.is-active { background: #fff7cf; border-color: #dfb832; color: #604d05; }
.page-shortcut-toggle:disabled, .shortcut-card-toggle:disabled { cursor: wait; opacity: .6; }
.shortcut-hero { margin-bottom: 22px; }
.shortcut-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.shortcut-card { cursor: grab; min-height: 168px; padding: 20px 20px 54px; user-select: none; }
.shortcut-card-meta { align-items: center; display: flex; gap: 9px; min-height: 28px; padding-right: 34px; }
.shortcut-card h2 { font-size: 1.16rem; margin-top: 14px; padding-right: 18px; }
.shortcut-card:active { cursor: grabbing; }
.shortcut-card.is-dragging { border-color: #d7aa13; box-shadow: 0 12px 28px rgba(18, 77, 120, .2); opacity: .58; }
.shortcut-order-number { align-items: center; background: #124d78; border: 2px solid #d9b63c; border-radius: 999px; color: #fff; display: inline-flex; flex: 0 0 26px; font-size: .72rem; font-weight: 900; height: 26px; justify-content: center; width: 26px; }
.shortcut-reorder-help { color: #4b687e; font-size: .85rem; font-weight: 700; margin: -8px 0 12px; }
.shortcut-order-status { color: #35627f; font-size: .8rem; font-weight: 800; min-height: 1.3rem; margin: 8px 0 0; }
.shortcut-order-status.is-error { color: #a12626; }
.shortcut-breadcrumb { color: var(--wingold-blue); flex: 1; font-size: 10px; font-weight: 800; letter-spacing: .07em; line-height: 1.25; margin: 0; min-width: 0; padding: 0; text-transform: uppercase; }
.shortcut-breadcrumb span { color: var(--muted); padding: 0 3px; }
.pointed-action, .shortcut-open-action { border-radius: 0; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%, 9px 50%); min-width: 74px; padding-left: 18px; padding-right: 20px; text-align: center; }
.shortcut-open-action { bottom: 16px; font-size: 10px; left: 20px; min-width: 54px; padding: 6px 14px 6px 15px; }
.shortcut-card-toggle { align-items: center; background: #f5cf43; border: 0; box-shadow: -3px 4px 8px rgba(82, 62, 4, .16); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 79%, 0 100%); color: #5f4806; cursor: pointer; display: flex; font-size: 1.08rem; height: 48px; justify-content: center; padding: 0 0 8px; position: absolute; right: 0; top: 0; width: 42px; }
.shortcut-empty { background: #f4f9fc; border: 2px dashed #b7d2e4; border-radius: 10px; color: #58738a; padding: 34px; text-align: center; }
.shortcut-empty strong { color: #124d78; display: block; font-size: 1.15rem; }
.shortcut-empty p { margin: 8px 0 0; }
.dashboard-header { align-items: flex-end; justify-content: space-between; }
.dashboard-header h1 { margin-bottom: 0; }
.dashboard-view-tabs {
    align-items: stretch;
    background: #fff;
    border: 1px solid #b7d2e4;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(19, 76, 116, .08);
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
    margin-bottom: 2px;
    padding: 4px;
}
.dashboard-view-tab {
    align-items: stretch;
    border-radius: 7px;
    display: inline-flex;
    min-height: 38px;
    overflow: hidden;
}
.dashboard-view-tab.is-active { background: #e4f2fb; box-shadow: inset 0 0 0 1px #6da8cd; }
.dashboard-view-tab a {
    align-items: center;
    color: #315f7f;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 850;
    padding: 8px 5px 8px 13px;
    text-decoration: none;
}
.dashboard-view-tab.is-active a { color: #0b5f9e; }
.dashboard-primary-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: #9a7b19;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    justify-content: center;
    padding: 0 11px 0 5px;
}
.dashboard-primary-toggle:disabled { cursor: wait; opacity: .55; }
.dashboard-primary-toggle.is-primary { color: #c69200; }

@media (max-width: 900px) {
    .company-identity-bar { height: 38px; position: static; }
    .portal-authenticated .topbar { height: auto; min-height: 0; overflow: visible; padding: 16px; position: static; width: auto; }
    .portal-authenticated .topbar > .brand { padding: 0 0 14px; }
    .portal-authenticated .topbar > .local-badge { display: none; }
    .portal-authenticated .shell { margin: 0; padding: 58px 18px 50px; }
    .portal-authenticated .footer { margin-left: 0; }
    .sidebar-company { margin: 14px 0 8px; }
    .account-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .account-nav a { display: flex !important; }
    .sidebar-group { grid-column: 1 / -1; }
    .sidebar-account { margin: 8px 0 0; }
    .grid { grid-template-columns: 1fr; }
    .page-shortcut-row { justify-content: flex-start; margin-bottom: 18px; }
    .dashboard-header { align-items: flex-start; }
    .dashboard-view-tabs { margin: 0; }
}

/* Hidden-by-default portal sidebar. It always overlays page content. */
.portal-sidebar-toggle {
    align-items: center;
    background: #ffc928;
    border: 1px solid #d99d00;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(5, 47, 84, .2);
    color: #07558d;
    cursor: pointer;
    display: none;
    height: 32px;
    justify-content: center;
    left: 18px;
    padding: 0;
    position: fixed;
    top: 4px;
    width: 38px;
    z-index: 31;
}
.sidebar-menu-icon { display: block; fill: none; height: 20px; stroke: currentColor; stroke-linecap: round; stroke-width: 2.5; width: 20px; }
.portal-authenticated .portal-sidebar-toggle { display: inline-flex; }
.portal-authenticated .topbar {
    transform: translateX(-102%);
    transition: transform .2s ease;
}
.portal-authenticated.sidebar-open .topbar { transform: translateX(0); }
.portal-authenticated .shell { margin-left: 0; }
.portal-authenticated .footer { margin-left: 0; }
.portal-sidebar-overlay {
    background: rgba(7, 35, 56, .34);
    inset: 38px 0 0;
    position: fixed;
    z-index: 19;
}
.portal-sidebar-overlay[hidden] { display: none; }
.sidebar-controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: -10px 0 13px;
}
.sidebar-close {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1.25rem;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    line-height: 1;
    padding: 4px;
    width: 32px;
}
.sidebar-close:hover { background: #0877bd; }
.portal-sidebar-toggle:hover { background: #ffe16b; }
.portal-authenticated.sidebar-open { overflow: hidden; }

@media (max-width: 900px) {
    .portal-authenticated .topbar {
        height: calc(100dvh - 38px);
        left: 0;
        max-width: 300px;
        min-height: 0;
        overflow-y: auto;
        padding: 18px;
        position: fixed;
        top: 38px;
        width: min(88vw, 300px);
        z-index: 20;
    }
    .portal-authenticated .topbar > .brand { padding: 0 0 14px; }
    .portal-authenticated .shell { margin-left: 0; padding: 58px 18px 50px; }
    .portal-authenticated .footer { margin-left: 0; }
    .portal-sidebar-overlay { inset: 38px 0 0; }
    .portal-sidebar-toggle { top: 4px; }
    .account-nav { display: flex; }
    .account-nav .sidebar-group > summary span,
    .account-nav .sidebar-nested-group > summary span { display: inline; }
    .sidebar-company { margin: 14px 0 8px; }
    .sidebar-account { margin: 8px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
    .portal-authenticated .topbar,
    .portal-authenticated .shell,
    .portal-authenticated .footer { transition: none; }
}
/* Standard report output controls */
.report-export-actions {
    align-items: center;
    background: #edf5fa;
    border: 1px solid #b9d3e3;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin: 14px 0;
    padding: 9px 12px;
}
.report-export-actions > span {
    color: #40576a;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-right: auto;
    text-transform: uppercase;
}
.report-export-actions a {
    background: #ffc928;
    color: #073a5c;
    font-size: .82rem;
    font-weight: 800;
    padding: 8px 18px;
    text-decoration: none;
}
.report-export-actions a:hover { background: #ffe16b; }
.report-export-actions a[aria-pressed="true"] { background: #073a5c; color: #fff; }
.zero-stock-priority-filter small, .dynamic-stock-priority-filter small { color: #40576a; flex-basis: 100%; text-align: right; }
.zero-stock-location-filter, .dynamic-stock-location-filter, .dynamic-stock-sort-filter { align-items: center; display: flex; gap: 7px; }
.zero-stock-location-filter span, .dynamic-stock-location-filter span, .dynamic-stock-sort-filter span { color: #40576a; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.zero-stock-location-filter select, .dynamic-stock-location-filter select, .dynamic-stock-sort-filter select { background: #fff; border: 1px solid #9bb7c8; color: #073a5c; font: inherit; min-width: 180px; padding: 7px 28px 7px 9px; }

.dynamic-stock-bucket-fields { display: grid; flex: 1 1 100%; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
.dynamic-stock-bucket-fields label, .report-filter .dynamic-stock-bucket-fields label { min-width: 0; }
.dynamic-stock-range-example { background: #edf5fa; border: 1px solid #b9d3e3; border-radius: 8px; color: #274a61; display: grid; flex: 1 1 100%; gap: 5px; line-height: 1.4; padding: 10px 12px; width: 100%; }
.dynamic-stock-range-example strong { color: #073a5c; }
.dynamic-stock-range-example span { font-size: .82rem; }
.dynamic-stock-group-heading { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.dynamic-stock-manage-groups { background: #ffc928; border: 1px solid #d99d00; border-radius: 5px; color: #07558d; font-size: .68rem; font-weight: 800; line-height: 1; padding: 5px 7px; text-decoration: none; white-space: nowrap; }
.dynamic-stock-manage-groups:hover { background: #ffe16b; border-color: #d99d00; color: #07558d; }
.dynamic-stock-source-picker { align-items: stretch; display: grid; flex: 1 1 100%; gap: 12px; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); width: 100%; }
.dynamic-stock-group-source, .dynamic-stock-single-design { background: #edf5fa; border: 1px solid #b9d3e3; border-radius: 8px; padding: 11px 12px; }
.report-filter .dynamic-stock-group-source { align-content: start; margin: 0; min-width: 0; width: 100%; }
.dynamic-stock-single-design { display: grid; gap: 7px; position: relative; }
.dynamic-stock-single-design label { margin: 0; min-width: 0; width: 100%; }
.dynamic-stock-source-or { align-self: center; background: #ffc928; border: 1px solid #d99d00; border-radius: 999px; color: #07558d; font-size: .72rem; font-weight: 900; justify-self: center; padding: 7px 8px; }
.dynamic-stock-source-picker.is-design-group .dynamic-stock-group-source, .dynamic-stock-source-picker.is-single-design .dynamic-stock-single-design { border-color: #0877bd; box-shadow: 0 0 0 2px rgba(8,119,189,.11); }
.dynamic-stock-design-search-status { color: #40576a; font-size: .78rem; margin: 0; }
.dynamic-stock-design-search-results { background: #fff; border: 1px solid #8eb5ce; border-radius: 7px; box-shadow: 0 8px 22px rgba(7,58,92,.15); display: grid; gap: 4px; max-height: 20rem; overflow: auto; padding: 6px; }
.dynamic-stock-design-search-results[hidden] { display: none; }
.dynamic-stock-design-search-results button { align-items: center; background: #fff; border: 1px solid #d6e3eb; border-radius: 6px; color: #073a5c; cursor: pointer; display: flex; font: inherit; justify-content: space-between; padding: 8px 9px; text-align: left; }
.dynamic-stock-design-search-results button:hover, .dynamic-stock-design-search-results button:focus { background: #fff2bd; border-color: #d99d00; outline: 0; }
.dynamic-stock-design-search-results small { color: #60798a; font-size: .7rem; margin-left: 12px; white-space: nowrap; }
.dynamic-stock-view-picker { align-items: center; border: 1px solid #b9d3e3; border-radius: 8px; display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 8px; padding: 9px 12px; }
.dynamic-stock-view-picker legend { color: #40576a; font-size: .76rem; font-weight: 800; padding: 0 4px; text-transform: uppercase; }
.dynamic-stock-view-picker label { align-items: center; background: #fff; border: 1px solid #9bb7c8; border-radius: 6px; cursor: pointer; display: flex; flex: 0 0 auto; gap: 6px; margin: 0; padding: 7px 10px; }
.dynamic-stock-view-picker label:has(input:checked) { background: #073a5c; border-color: #073a5c; color: #fff; }
.dynamic-stock-view-picker input { margin: 0; width: auto; }
.dynamic-stock-view-picker small { color: #40576a; margin-left: auto; }
.dynamic-stock-grid-sections { display: grid; gap: 18px; margin-top: 16px; }
.dynamic-stock-grid-section { background: #fff; border: 1px solid #b9d3e3; border-radius: 10px; overflow: hidden; }
.dynamic-stock-grid-section > header { align-items: center; background: #073a5c; color: #fff; display: flex; gap: 12px; justify-content: space-between; padding: 10px 14px; }
.dynamic-stock-grid-section > header h3 { color: inherit; font-size: 1rem; margin: 0; }
.dynamic-stock-grid-section > header span { background: #ffc928; border-radius: 999px; color: #073a5c; font-size: .75rem; font-weight: 800; padding: 4px 8px; }
.dynamic-stock-grid-table { border: 0; border-radius: 0; margin: 0; max-height: 36rem; overflow: auto; }
.dynamic-stock-grid-table table { min-width: max-content; width: 100%; }
.dynamic-stock-grid-table th, .dynamic-stock-grid-table td { min-width: 4.5rem; text-align: right; }
.dynamic-stock-grid-table th:first-child { left: 0; min-width: 9rem; position: sticky; text-align: left; z-index: 2; }
.dynamic-stock-grid-table thead th { position: sticky; top: 0; z-index: 3; }
.dynamic-stock-grid-table thead th:first-child { z-index: 4; }
.dynamic-stock-grid-table tbody th { background: #edf5fa; color: #073a5c; }
.dynamic-stock-grid-table td.is-empty { background: #fafcfd; }
.dynamic-stock-grid-row-total, .dynamic-stock-grid-table tfoot td, .dynamic-stock-grid-table tfoot th { background: #fff2bd; color: #073a5c; font-weight: 800; }
.dynamic-stock-grid-empty { color: #60798a; margin: 0; padding: 16px; }
.dynamic-group-mode-picker { align-items: stretch; display: grid; gap: 14px; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); margin: 0 0 18px; }
.dynamic-group-edit-picker { background: #fff; border: 2px solid #0877bd; border-radius: 10px; display: grid; gap: 12px; padding: 15px; }
.dynamic-group-edit-picker > div { display: grid; gap: 3px; }
.dynamic-group-edit-picker > div > span, .dynamic-group-editor-heading > span, .dynamic-group-create-action > span { color: #0877bd; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.dynamic-group-edit-picker > div > strong { color: #073a5c; font-size: 1.05rem; }
.dynamic-group-edit-picker > div > small { color: #60798a; }
.dynamic-group-edit-picker form { align-items: end; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) auto; }
.dynamic-group-edit-picker label { display: grid; gap: 5px; }
.dynamic-group-edit-picker label span { color: #40576a; font-size: .75rem; font-weight: 800; }
.dynamic-group-edit-picker select { background: #fff; border: 1px solid #8eb5ce; border-radius: 7px; color: #17364f; font: inherit; padding: 10px; width: 100%; }
.dynamic-group-edit-picker button { background: #073a5c; border: 1px solid #073a5c; border-radius: 7px; color: #fff; cursor: pointer; font: inherit; font-weight: 800; padding: 10px 13px; }
.dynamic-group-create-action { background: #ffc928; border: 2px solid #d99d00; border-radius: 10px; color: #07558d; display: grid; gap: 6px; padding: 15px; text-decoration: none; }
.dynamic-group-create-action > strong { font-size: 1.05rem; }
.dynamic-group-create-action > small { color: #40576a; }
.dynamic-group-create-action:hover, .dynamic-group-create-action.is-current { background: #ffe16b; box-shadow: 0 0 0 2px rgba(217,157,0,.13); }
.dynamic-group-editor-heading { background: #edf5fa; border-left: 5px solid #0877bd; border-radius: 8px; display: grid; gap: 4px; margin: 0 0 14px; padding: 12px 15px; }
.dynamic-group-editor-heading h2, .dynamic-group-editor-heading p { margin: 0; }
.dynamic-group-editor-heading p { color: #60798a; }
.dynamic-group-editor { max-width: none; }
.dynamic-group-copy-from { background: #fff8dc; border: 2px solid #d99d00; border-radius: 10px; display: grid; gap: 12px; padding: 14px; }
.dynamic-group-copy-head { align-items: start; display: flex; gap: 14px; justify-content: space-between; }
.dynamic-group-copy-head > div { display: grid; gap: 3px; }
.dynamic-group-copy-head span { color: #07558d; font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.dynamic-group-copy-head strong { color: #073a5c; }
.dynamic-group-copy-head small { color: #60798a; max-width: 32rem; text-align: right; }
.dynamic-group-copy-fields { align-items: end; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
.dynamic-group-copy-fields label { display: grid; gap: 5px; margin: 0; min-width: 0; }
.dynamic-group-copy-fields select { background: #fff; border: 1px solid #8eb5ce; border-radius: 7px; color: #17364f; font: inherit; padding: 10px; width: 100%; }
.dynamic-group-copy-fields button, .dynamic-group-copy-preview button { background: #073a5c; border: 1px solid #073a5c; border-radius: 7px; color: #fff; cursor: pointer; font: inherit; font-weight: 800; padding: 10px 13px; }
.dynamic-group-copy-fields button:disabled, .dynamic-group-copy-preview button:disabled { cursor: not-allowed; opacity: .5; }
.dynamic-group-copy-status { color: #40576a; font-size: .8rem; margin: 0; }
.dynamic-group-copy-preview { background: #fff; border: 1px solid #d9c26d; border-radius: 8px; display: grid; gap: 8px; padding: 11px; }
.dynamic-group-copy-preview[hidden] { display: none; }
.dynamic-group-copy-preview p, .dynamic-group-copy-preview ul { margin: 0; }
.dynamic-group-copy-preview ul { color: #9a2525; max-height: 10rem; overflow: auto; padding-left: 20px; }
.dynamic-group-copy-preview button { justify-self: start; }
.dynamic-group-copy-preview small { color: #60798a; }
.dynamic-design-search-status { color: #40576a; font-size: .78rem; margin: 0; min-height: 1.2em; }
.dynamic-design-transfer { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dynamic-design-box { background: #f7fbfd; border: 1px solid #b9d3e3; border-radius: 10px; display: grid; gap: 10px; min-width: 0; padding: 12px; }
.dynamic-design-box-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; }
.dynamic-design-box-head > span { background: #073a5c; border-radius: 999px; color: #fff; font-size: .72rem; font-weight: 800; padding: 4px 8px; white-space: nowrap; }
.dynamic-design-box label { margin: 0; }
.dynamic-design-bulk { background: #ffc928; border: 1px solid #d99d00; border-radius: 5px; color: #07558d; cursor: pointer; font: inherit; font-size: .76rem; font-weight: 800; justify-self: start; padding: 6px 9px; }
.dynamic-design-bulk:hover { background: #ffe16b; }
.dynamic-design-bulk:disabled { cursor: not-allowed; opacity: .5; }
.dynamic-design-list { background: #fff; border: 1px solid #c9dce9; border-radius: 8px; display: grid; gap: 6px; max-height: 34rem; min-height: 18rem; overflow: auto; padding: 7px; }
.dynamic-design-entry[hidden], .dynamic-design-empty[hidden] { display: none; }
.dynamic-design-entry > button { align-items: center; background: #fff; border: 1px solid #d6e3eb; border-radius: 7px; color: #073a5c; cursor: pointer; display: flex; font: inherit; gap: 10px; justify-content: space-between; padding: 8px 9px; text-align: left; width: 100%; }
.dynamic-design-entry > button:hover { background: #edf5fa; border-color: #8eb5ce; }
.dynamic-design-entry > button > span { display: grid; gap: 2px; min-width: 0; }
.dynamic-design-entry small { color: #60798a; font-size: .7rem; overflow-wrap: anywhere; }
.dynamic-design-entry b { color: #07558d; font-size: .72rem; white-space: nowrap; }
.dynamic-design-empty { align-self: start; color: #60798a; font-size: .82rem; margin: 7px; }
@media (max-width: 900px) {
    .dynamic-group-mode-picker { grid-template-columns: 1fr; }
    .dynamic-group-edit-picker form { grid-template-columns: 1fr; }
    .dynamic-group-copy-head { display: grid; }
    .dynamic-group-copy-head small { text-align: left; }
    .dynamic-group-copy-fields { grid-template-columns: 1fr; }
    .dynamic-stock-source-picker { grid-template-columns: 1fr; }
    .dynamic-stock-source-or { padding: 5px 10px; }
    .dynamic-stock-bucket-fields { grid-template-columns: 1fr; }
    .dynamic-stock-view-picker small { flex-basis: 100%; margin-left: 0; }
    .dynamic-design-transfer { grid-template-columns: 1fr; }
    .dynamic-design-list { min-height: 12rem; }
}