:root {
    --nit-teal: #00858a;
    --nit-teal-dark: #00676c;
    --nit-teal-soft: #e8f6f5;
    --nit-yellow: #f8b934;
    --nit-ink: #17383b;
    --nit-muted: #698083;
    --nit-bg: #f4f7f7;
    --nit-border: #dfe9e9;
    --nit-danger: #d95757;
    --nit-success: #2a9d72;
    --nit-sidebar: 270px;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body {
    margin: 0;
    background: var(--nit-bg);
    color: var(--nit-ink);
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

body.portal-menu-open { overflow: hidden; }

button, input, select { font: inherit; }
a { text-decoration: none; }

.portal-shell { min-height: 100vh; }
.menu-toggle { position: fixed; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.portal-sidebar {
    position: fixed;
    z-index: 30;
    inset: 0 auto 0 0;
    display: flex;
    flex-direction: column;
    width: var(--nit-sidebar);
    overflow: hidden;
    border-right: 1px solid rgba(255,255,255,.09);
    background: linear-gradient(180deg, #064e53 0%, #043c40 100%);
    color: #fff;
    transform: translateX(-100%);
    transition: transform .24s ease, box-shadow .24s ease;
}

.portal-sidebar.open,
.menu-toggle:checked ~ .portal-sidebar {
    transform: none;
    box-shadow: 18px 0 48px rgba(0,31,33,.24);
}

.sidebar-close {
    position: absolute;
    top: 8px;
    right: 8px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 9px;
    background: rgba(0,0,0,.20);
    color: #fff;
    cursor: pointer;
    font-size: 23px;
    line-height: 1;
    transition: background .18s ease;
}

.sidebar-close:hover { background: rgba(255,255,255,.14); }

.portal-brand {
    margin: 20px 18px 15px;
    padding: 15px 16px;
    border-radius: 13px;
    background: #fff;
}

.portal-brand img { display: block; width: 100%; height: auto; }

.portal-caption {
    margin: 0 25px 20px;
    color: rgba(255,255,255,.64);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.portal-nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 12px 18px;
    scrollbar-color: rgba(255,255,255,.30) transparent;
    scrollbar-width: thin;
}

.nav-section {
    margin: 20px 12px 8px;
    color: rgba(255,255,255,.48);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.nav-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 43px;
    margin: 3px 0;
    padding: 9px 12px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: rgba(255,255,255,.78);
    cursor: pointer;
    gap: 11px;
    text-align: left;
    transition: .18s ease;
}

.nav-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.nav-item.active { background: var(--nit-teal); color: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.13); }

.nav-icon {
    display: grid;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 7px;
    background: rgba(255,255,255,.10);
    font-size: 14px;
    font-weight: 800;
}
.nav-icon-svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

.nav-item.active .nav-icon { background: rgba(255,255,255,.18); }

.sidebar-footer {
    flex: 0 0 auto;
    padding: 7px 12px 9px;
    border-top: 1px solid rgba(255,255,255,.09);
    background: rgba(0,0,0,.10);
}

.sidebar-logout {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 9px;
    border-radius: 7px;
    color: rgba(255,255,255,.78);
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    transition: background .18s ease, color .18s ease;
}
.sidebar-logout:hover { background: rgba(255,255,255,.08); color: #fff; }
.sidebar-logout svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.portal-main { min-height: 100vh; margin-left: 0; }

.portal-topbar {
    position: sticky;
    z-index: 20;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 70px;
    padding: 12px 30px;
    border-bottom: 1px solid var(--nit-border);
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(12px);
}

.topbar-left, .topbar-user, .user-avatar, .page-actions, .filter-bar,
.card-heading, .legend, .status-line, .quick-actions { display: flex; align-items: center; }

.mobile-menu {
    display: inline-grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    margin-right: 12px;
    border: 1px solid var(--nit-border);
    border-radius: 10px;
    background: #fff;
    color: var(--nit-teal-dark);
    box-shadow: 0 3px 10px rgba(0,75,79,.07);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: .18s ease;
}

.mobile-menu:hover { border-color: #a8c9ca; background: var(--nit-teal-soft); }

.topbar-context { color: var(--nit-muted); font-size: 13px; }
.topbar-context strong { display: block; color: var(--nit-ink); font-size: 15px; }

.prototype-badge {
    display: none;
    margin-right: 19px;
    padding: 6px 10px;
    border: 1px solid #efca72;
    border-radius: 999px;
    background: #fff8e5;
    color: #8b6516;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.topbar-user { gap: 10px; }
.user-avatar { justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--nit-teal-soft); color: var(--nit-teal-dark); font-weight: 800; }
.user-info { font-size: 12px; color: var(--nit-muted); }
.user-info strong { display: block; color: var(--nit-ink); font-size: 13px; }

.portal-content { max-width: 1540px; margin: 0 auto; padding: 28px 30px 45px; }

.page-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; gap: 20px; }
.page-eyebrow { margin: 0 0 5px; color: var(--nit-teal); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.page-title { margin: 0; color: var(--nit-ink); font-size: 29px; letter-spacing: -.025em; }
.page-subtitle { margin: 7px 0 0; color: var(--nit-muted); font-size: 14px; }
.page-actions { gap: 9px; }

.portal-btn {
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid var(--nit-border);
    border-radius: 8px;
    background: #fff;
    color: var(--nit-ink);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
}

.portal-btn:hover { border-color: #abc3c4; background: #f9fbfb; }
.portal-btn.primary { border-color: var(--nit-teal); background: var(--nit-teal); color: #fff; }
.portal-btn.primary:hover { border-color: var(--nit-teal-dark); background: var(--nit-teal-dark); }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 18px; }

.metric-card, .panel {
    border: 1px solid var(--nit-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(20,56,59,.045);
}

.metric-card { position: relative; overflow: hidden; padding: 20px; }
.metric-card::before { position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent, var(--nit-teal)); content: ""; }
.metric-label { color: var(--nit-muted); font-size: 12px; font-weight: 700; }
.metric-value { margin: 10px 0 7px; color: var(--nit-ink); font-size: 30px; font-weight: 800; letter-spacing: -.04em; }
.metric-detail { color: var(--nit-muted); font-size: 11px; }
.metric-detail strong { color: var(--accent, var(--nit-teal)); }
.metric-symbol { position: absolute; top: 18px; right: 18px; display: grid; width: 37px; height: 37px; place-items: center; border-radius: 10px; background: color-mix(in srgb, var(--accent, var(--nit-teal)) 12%, white); color: var(--accent, var(--nit-teal)); font-weight: 900; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .8fr); gap: 18px; margin-bottom: 18px; }
.panel { padding: 20px; }
.card-heading { justify-content: space-between; margin-bottom: 18px; }
.card-title { margin: 0; font-size: 16px; }
.card-caption { margin: 4px 0 0; color: var(--nit-muted); font-size: 11px; }

.bar-chart { display: flex; align-items: end; min-height: 205px; padding: 20px 8px 0; border-bottom: 1px solid var(--nit-border); gap: clamp(9px, 2.3vw, 27px); }
.bar-month { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: end; height: 180px; gap: 8px; }
.bar-pair { display: flex; align-items: end; justify-content: center; width: 100%; height: 145px; gap: 4px; }
.bar { width: 14px; min-height: 8px; border-radius: 5px 5px 0 0; background: var(--nit-teal); }
.bar.destination { background: var(--nit-yellow); }
.month-label { color: var(--nit-muted); font-size: 10px; }
.legend { gap: 15px; color: var(--nit-muted); font-size: 11px; }
.legend i { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: var(--nit-teal); }
.legend span:last-child i { background: var(--nit-yellow); }

.alert-list { display: grid; gap: 10px; }
.alert-item { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; padding: 12px; border: 1px solid var(--nit-border); border-radius: 9px; gap: 10px; }
.alert-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--state, var(--nit-teal)); }
.alert-item strong { display: block; font-size: 12px; }
.alert-item small { color: var(--nit-muted); font-size: 10px; }
.alert-count { color: var(--state, var(--nit-teal)); font-size: 14px; font-weight: 800; }

.bottom-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 18px; }
.esg-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.esg-item { padding: 14px; border: 1px solid var(--nit-border); border-radius: 9px; background: #fbfdfd; }
.esg-item span { color: var(--nit-muted); font-size: 11px; }
.esg-item strong { display: block; margin-top: 4px; font-size: 18px; }
.esg-trend { color: var(--nit-success) !important; font-size: 10px !important; }
.esg-trend.up { color: var(--nit-danger) !important; }

.cadri-row { margin-bottom: 14px; }
.cadri-row small { display: block; margin-top: 5px; color: var(--nit-muted); font-size: 9px; }
.compact-empty { width: 100%; padding: 18px !important; }
.dashboard-filter { display: flex; align-items: center; height: 38px; padding: 0 5px 0 12px; border: 1px solid var(--nit-border); border-radius: 9px; background: #fff; gap: 6px; }
.dashboard-filter label { color: var(--nit-muted); font-size: 10px; font-weight: 800; }
.dashboard-filter select { max-width: 230px; padding: 6px 24px 6px 5px; border: 0; outline: 0; background: #fff; color: var(--nit-ink); cursor: pointer; font-size: 11px; font-weight: 800; }
.status-line { justify-content: space-between; margin-bottom: 6px; font-size: 11px; }
.status-line strong { font-size: 12px; }
.progress-track { height: 7px; overflow: hidden; border-radius: 99px; background: #e9eeee; }
.progress-fill { height: 100%; border-radius: inherit; background: var(--fill, var(--nit-teal)); }

.module-view { display: none; }
.module-view.active { display: block; animation: enter .22s ease; }
@keyframes enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

.filter-bar { margin-bottom: 16px; padding: 12px; border: 1px solid var(--nit-border); border-radius: 11px; background: #fff; gap: 9px; }
.filter-control { min-height: 39px; padding: 8px 11px; border: 1px solid var(--nit-border); border-radius: 7px; background: #fff; color: var(--nit-ink); font-size: 12px; }
.filter-control.search { flex: 1; min-width: 190px; }

.data-panel { overflow: hidden; padding: 0; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { padding: 12px 16px; border-bottom: 1px solid var(--nit-border); background: #f8fafa; color: var(--nit-muted); font-size: 10px; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.data-table td { padding: 14px 16px; border-bottom: 1px solid #edf2f2; color: #3c5557; font-size: 12px; }
.data-table tr:last-child td { border-bottom: 0; }
.data-table strong { color: var(--nit-ink); }

.status-pill { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 99px; background: var(--pill-bg, var(--nit-teal-soft)); color: var(--pill-color, var(--nit-teal-dark)); font-size: 10px; font-weight: 800; }
.status-pill.warning { --pill-bg: #fff3d7; --pill-color: #946b0d; }
.status-pill.danger { --pill-bg: #fdeaea; --pill-color: #b94343; }
.status-pill.neutral { --pill-bg: #edf1f1; --pill-color: #607477; }

.quick-actions { flex-wrap: wrap; gap: 9px; margin-bottom: 18px; }
.quick-card { flex: 1; min-width: 180px; padding: 17px; border: 1px solid var(--nit-border); border-radius: 11px; background: #fff; cursor: pointer; text-align: left; text-decoration: none; }
.quick-card:hover { border-color: #a6c5c6; box-shadow: 0 5px 16px rgba(20,56,59,.06); }
.quick-card strong { display: block; margin-bottom: 4px; color: var(--nit-ink); font-size: 13px; }
.quick-card span { color: var(--nit-muted); font-size: 11px; }
.cdr-action-buttons { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0 0 22px; }
.cdr-action-button { display: flex; align-items: center; gap: 11px; min-height: 70px; padding: 13px 14px; border: 2px solid #b9d6d7; border-radius: 13px; background: linear-gradient(180deg,#fff 0%,#f6fbfb 100%); color: var(--nit-ink); text-decoration: none; box-shadow: 0 4px 12px rgba(20,56,59,.06); transition: transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease; }
.cdr-action-button:hover { transform: translateY(-2px); border-color: var(--nit-teal); background: #eef9f8; box-shadow: 0 8px 18px rgba(0,133,138,.14); }
.cdr-action-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: #dff2f1; color: var(--nit-teal); font-size: 20px; font-weight: 800; }
.cdr-action-copy { min-width: 0; flex: 1; }
.cdr-action-copy strong { display: block; margin-bottom: 3px; color: inherit; font-size: 13px; }
.cdr-action-copy small { display: block; color: var(--nit-muted); font-size: 10.5px; line-height: 1.3; }
.cdr-action-arrow { color: var(--nit-teal); font-size: 17px; font-weight: 800; }
.cdr-action-button.primary-action { border-color: var(--nit-teal); background: linear-gradient(135deg,var(--nit-teal) 0%,#006f74 100%); color: #fff; box-shadow: 0 6px 16px rgba(0,133,138,.22); }
.cdr-action-button.primary-action:hover { background: linear-gradient(135deg,#00959b 0%,#00676c 100%); }
.cdr-action-button.primary-action .cdr-action-icon { background: rgba(255,255,255,.18); color: #fff; }
.cdr-action-button.primary-action .cdr-action-copy small,.cdr-action-button.primary-action .cdr-action-arrow { color: rgba(255,255,255,.82); }
@media (max-width: 1100px) { .cdr-action-buttons { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .cdr-action-buttons { grid-template-columns: 1fr; } }

.toast-prototype { position: fixed; z-index: 60; right: 24px; bottom: 24px; display: none; max-width: 330px; padding: 13px 16px; border-radius: 9px; background: #17383b; color: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.2); font-size: 12px; }
.sidebar-overlay { display: none; }
.sidebar-overlay.open,
.menu-toggle:checked ~ .sidebar-overlay {
    position: fixed;
    z-index: 25;
    inset: 0;
    display: block;
    background: rgba(0,31,33,.48);
    cursor: pointer;
}

.prototype-message { margin-bottom: 18px; padding: 13px 16px; border: 1px solid #a9d9ce; border-radius: 10px; background: #eaf8f3; color: #17684f; font-size: 13px; font-weight: 700; }
.prototype-message.error { border-color: #efb6b6; background: #fff0f0; color: #a83e3e; }
.prototype-message.niterra-alert-source { display: none; }
body.niterra-alert-open { overflow: hidden; }
.niterra-alert-backdrop { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(9, 35, 38, .42); opacity: 0; visibility: hidden; backdrop-filter: blur(5px); transition: opacity .18s ease, visibility .18s ease; }
.niterra-alert-backdrop.visible { opacity: 1; visibility: visible; }
.niterra-alert-dialog { position: relative; width: min(430px, 100%); padding: 31px 30px 25px; overflow: hidden; border: 1px solid rgba(0, 133, 138, .13); border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(7, 43, 46, .24); text-align: center; transform: translateY(14px) scale(.97); transition: transform .22s cubic-bezier(.2,.8,.2,1); }
.niterra-alert-backdrop.visible .niterra-alert-dialog { transform: translateY(0) scale(1); }
.niterra-alert-close { position: absolute; top: 13px; right: 14px; display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 0; border-radius: 50%; background: #f1f6f6; color: #617779; cursor: pointer; font-size: 22px; line-height: 1; transition: background .15s ease, color .15s ease; }
.niterra-alert-close:hover { background: #e5efef; color: #173e41; }
.niterra-alert-icon { display: grid; width: 66px; height: 66px; margin: 0 auto 17px; place-items: center; border-radius: 50%; background: #e8f7f3; }
.niterra-alert-icon span { position: relative; display: block; width: 25px; height: 14px; border-bottom: 4px solid #087e70; border-left: 4px solid #087e70; transform: translateY(-3px) rotate(-45deg); }
.niterra-alert-dialog.error .niterra-alert-icon { background: #fff0f0; }
.niterra-alert-dialog.error .niterra-alert-icon span, .niterra-alert-dialog.warning .niterra-alert-icon span, .niterra-alert-dialog.info .niterra-alert-icon span { width: auto; height: auto; border: 0; transform: none; }
.niterra-alert-dialog.error .niterra-alert-icon span::before { color: #c94c4c; content: "!"; font-size: 32px; font-weight: 900; }
.niterra-alert-dialog.warning .niterra-alert-icon { background: #fff5dc; }
.niterra-alert-dialog.warning .niterra-alert-icon span::before { color: #a87300; content: "!"; font-size: 32px; font-weight: 900; }
.niterra-alert-dialog.info .niterra-alert-icon { background: #eaf4f8; }
.niterra-alert-dialog.info .niterra-alert-icon span::before { color: #367d98; content: "i"; font-family: Georgia, serif; font-size: 31px; font-weight: 800; }
.niterra-alert-eyebrow { margin: 0 0 6px; color: var(--nit-teal); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.niterra-alert-dialog.error .niterra-alert-eyebrow { color: #bd4444; }
.niterra-alert-dialog.warning .niterra-alert-eyebrow { color: #94670a; }
.niterra-alert-dialog.info .niterra-alert-eyebrow { color: #367d98; }
.niterra-alert-dialog h2 { margin: 0; color: #153c3e; font-size: 23px; line-height: 1.2; }
.niterra-alert-dialog h2:empty { display: none; }
.niterra-alert-message { margin: 11px 0 22px; color: #607476; font-size: 13px; font-weight: 500; line-height: 1.6; }
.niterra-alert-message a { color: var(--nit-teal-dark); font-weight: 800; }
.niterra-alert-action { min-width: 126px; padding: 11px 22px; border: 0; border-radius: 10px; background: var(--nit-teal); box-shadow: 0 8px 18px rgba(0,133,138,.2); color: #fff; cursor: pointer; font-size: 12px; font-weight: 900; transition: transform .15s ease, background .15s ease; }
.niterra-alert-action:hover { background: var(--nit-teal-dark); transform: translateY(-1px); }
.niterra-alert-dialog.error .niterra-alert-action { background: #c64b4b; box-shadow: 0 8px 18px rgba(198,75,75,.18); }
.niterra-alert-dialog.warning .niterra-alert-action { background: #a8750c; box-shadow: 0 8px 18px rgba(168,117,12,.18); }
.niterra-alert-progress { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #e9f0f0; }
.niterra-alert-progress span { display: block; width: 100%; height: 100%; background: var(--nit-teal); transform-origin: left; }
@keyframes niterra-alert-countdown { from { transform: scaleX(1); } to { transform: scaleX(0); } }

.form-page { min-height: 100vh; background: linear-gradient(135deg, #f4f8f8 0%, #edf5f4 100%); }
.form-topbar { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 12px clamp(18px, 4vw, 58px); border-bottom: 1px solid var(--nit-border); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.form-topbar .global-menu-button { margin-right: 15px; }
.form-topbar > .form-brand { margin-right: auto; }
.form-topbar-context { gap: 0; }
.form-topbar-context .topbar-context { padding-left: 0; border-left: 0; }
.form-topbar-user { margin-left: 0; }
.form-brand { display: flex; align-items: center; gap: 16px; }
.form-brand img { width: 145px; height: auto; }
.form-brand-copy { padding-left: 16px; border-left: 1px solid var(--nit-border); color: var(--nit-muted); font-size: 11px; }
.form-brand-copy strong { display: block; margin-bottom: 2px; color: var(--nit-ink); font-size: 13px; }
.form-container { width: min(1120px, calc(100% - 30px)); margin: 0 auto; padding: 34px 0 50px; }
.form-back { display: inline-flex; align-items: center; margin-bottom: 20px; color: var(--nit-teal-dark); font-size: 12px; font-weight: 800; gap: 7px; }
.form-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 20px; }
.form-card { padding: 28px; border: 1px solid var(--nit-border); border-radius: 15px; background: #fff; box-shadow: 0 12px 35px rgba(14,63,66,.07); }
.form-card-header { margin-bottom: 24px; padding-bottom: 19px; border-bottom: 1px solid var(--nit-border); }
.form-card-header h1 { margin: 0; color: var(--nit-ink); font-size: 25px; letter-spacing: -.02em; }
.form-card-header p { margin: 7px 0 0; color: var(--nit-muted); font-size: 13px; line-height: 1.5; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.form-field { display: flex; flex-direction: column; gap: 7px; }
.form-field.full { grid-column: 1 / -1; }
.form-field label { color: #365255; font-size: 12px; font-weight: 800; }
.form-field label em { color: var(--nit-danger); font-style: normal; }
.form-input { width: 100%; min-height: 43px; padding: 9px 11px; border: 1px solid #cfdcdc; border-radius: 8px; outline: none; background: #fff; color: var(--nit-ink); font-size: 13px; }
.form-input:focus { border-color: var(--nit-teal); box-shadow: 0 0 0 3px rgba(0,133,138,.11); }
textarea.form-input { min-height: 90px; resize: vertical; }
.form-hint { color: var(--nit-muted); font-size: 10px; line-height: 1.45; }
.form-actions { display: flex; align-items: center; justify-content: flex-end; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--nit-border); gap: 9px; }
.flow-aside { display: grid; gap: 14px; }
.aside-card { padding: 20px; border: 1px solid var(--nit-border); border-radius: 13px; background: #fff; }
.aside-card h2 { margin: 0 0 12px; font-size: 14px; }
.aside-card p { margin: 0; color: var(--nit-muted); font-size: 11px; line-height: 1.6; }
.flow-steps { display: grid; gap: 0; }
.flow-step { position: relative; display: grid; grid-template-columns: 25px 1fr; min-height: 48px; gap: 9px; }
.flow-step:not(:last-child)::after { position: absolute; top: 24px; bottom: 0; left: 11px; width: 2px; background: #d7e5e5; content: ""; }
.flow-step-number { z-index: 1; display: grid; width: 24px; height: 24px; place-items: center; border: 2px solid #cadada; border-radius: 50%; background: #fff; color: var(--nit-muted); font-size: 9px; font-weight: 900; }
.flow-step.active .flow-step-number { border-color: var(--nit-teal); background: var(--nit-teal); color: #fff; }
.flow-step strong { display: block; padding-top: 4px; color: var(--nit-ink); font-size: 11px; }
.flow-step span { color: var(--nit-muted); font-size: 9px; }
.users-container { width: min(1380px, calc(100% - 30px)); }
.users-layout { display: grid; grid-template-columns: 390px minmax(0, 1fr); align-items: start; gap: 20px; }
.form-grid.single-column { grid-template-columns: 1fr; }
.batch-list { display: grid; gap: 12px; margin-top: 18px; }
.batch-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 12px; align-items: end; padding: 14px; border: 1px solid var(--nit-border); border-radius: 12px; background: #f9fbfb; }
.batch-order { display: grid; place-items: center; width: 32px; height: 38px; border-radius: 9px; background: var(--nit-teal-soft); color: var(--nit-teal-dark); font-weight: 900; }
.batch-row .form-field { width: 100%; }
.batch-remove { margin-bottom: 10px; border: 0; background: transparent; cursor: pointer; }
.batch-actions { justify-content: space-between; margin-top: 18px; }
.batch-progress { width: 120px; margin-top: 6px; }
.batch-summary { margin-bottom: 18px; }
.batch-percent { color: var(--nit-teal); font-size: 24px; }
.batch-totals { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 16px; color: var(--nit-muted); font-size: 12px; }
.batch-totals strong { display: block; color: var(--nit-ink); font-size: 20px; }
.cadri-documents { margin-top: 20px; border: 1px solid var(--nit-border); border-radius: 12px; }

/* Central de notificações */
.notification-shell { position: relative; flex: 0 0 auto; margin-left: auto; }
.portal-topbar .notification-shell { margin-right: 16px; }
.form-topbar .notification-shell { margin-left: 14px; }
.notification-bell { position: relative; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--nit-border); border-radius: 11px; background: #fff; color: var(--nit-teal-dark); cursor: pointer; transition: .18s ease; }
.notification-bell:hover, .notification-bell[aria-expanded="true"] { border-color: #9fc7c8; background: var(--nit-teal-soft); }
.notification-bell svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.notification-badge { position: absolute; top: -6px; right: -6px; display: none; min-width: 20px; height: 20px; align-items: center; justify-content: center; padding: 0 5px; border: 2px solid #fff; border-radius: 99px; background: #d95757; color: #fff; font-size: 9px; font-weight: 900; }
.notification-badge.visible { display: flex; }
.notification-popover { position: absolute; z-index: 120; top: 50px; right: 0; display: none; width: min(390px, calc(100vw - 28px)); overflow: hidden; border: 1px solid var(--nit-border); border-radius: 14px; background: #fff; box-shadow: 0 20px 55px rgba(16,51,54,.22); }
.notification-popover.open { display: block; animation: enter .18s ease; }
.notification-popover-header { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid var(--nit-border); }
.notification-popover-header strong { color: var(--nit-ink); font-size: 14px; }
.notification-popover-header a { color: var(--nit-teal-dark); font-size: 11px; font-weight: 800; text-decoration: none; }
.notification-popover-list { display: grid; max-height: 410px; overflow-y: auto; }
.notification-popover-item { display: grid; grid-template-columns: 8px minmax(0,1fr); padding: 14px 16px; border-bottom: 1px solid #edf2f2; color: inherit; gap: 11px; text-decoration: none; }
.notification-popover-item:hover { background: #f7fbfb; }
.notification-popover-dot { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--nit-teal); }
.notification-popover-item.priority-Alta .notification-popover-dot { background: #e1a222; }
.notification-popover-item.priority-Urgente .notification-popover-dot { background: #d95757; }
.notification-popover-item strong, .notification-popover-item span, .notification-popover-item small { display: block; }
.notification-popover-item strong { color: var(--nit-ink); font-size: 12px; }
.notification-popover-item span { margin: 4px 0; overflow: hidden; color: var(--nit-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.notification-popover-item small { color: #839496; font-size: 9px; }
.notification-popover-empty { padding: 28px 18px; color: var(--nit-muted); font-size: 12px; text-align: center; }
.notification-page { max-width: 1500px; }
.notification-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(330px, .72fr); align-items: start; gap: 20px; }
.notification-main { min-width: 0; }
.notification-filters { margin-bottom: 18px; }
.notification-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.notification-search { grid-column: span 2; }
.notification-list-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 0 13px; gap: 12px; }
.notification-list-heading > div strong, .notification-list-heading > div span { display: block; }
.notification-list-heading > div strong { color: var(--nit-ink); font-size: 13px; }
.notification-list-heading > div span { margin-top: 3px; color: var(--nit-muted); font-size: 10px; }
.notification-list { display: grid; gap: 11px; }
.notification-card { position: relative; display: grid; grid-template-columns: 8px minmax(0,1fr) auto; padding: 18px; overflow: hidden; border: 1px solid var(--nit-border); border-radius: 13px; background: #fff; box-shadow: 0 5px 18px rgba(20,56,59,.04); gap: 14px; }
.notification-card.is-unread { border-left-color: var(--nit-teal); background: linear-gradient(90deg,#f2fbfa,#fff 20%); }
.notification-card.is-read { opacity: .82; }
.notification-state { width: 8px; height: 8px; margin-top: 7px; border-radius: 50%; background: #b7c5c6; }
.notification-card.is-unread .notification-state { background: var(--nit-teal); box-shadow: 0 0 0 4px rgba(0,133,138,.1); }
.notification-copy h2 { margin: 8px 0 6px; color: var(--nit-ink); font-size: 15px; }
.notification-copy p { margin: 0 0 10px; color: #4a6264; font-size: 12px; line-height: 1.55; white-space: pre-line; }
.notification-copy small { color: var(--nit-muted); font-size: 10px; }
.notification-copy small strong { color: #526a6c; }
.notification-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--nit-muted); font-size: 9px; }
.notification-link { display: inline-block; margin-top: 10px; color: var(--nit-teal-dark); font-size: 11px; font-weight: 800; text-decoration: none; }
.notification-actions { align-self: start; }
.notification-read-button { padding: 7px 9px; border: 1px solid var(--nit-border); border-radius: 7px; background: #fff; color: var(--nit-teal-dark); cursor: pointer; font-size: 10px; font-weight: 800; white-space: nowrap; }
.notification-read-button:hover { background: var(--nit-teal-soft); }
.notification-empty { padding: 42px 20px !important; }
.notification-compose { position: sticky; top: 90px; }
.notification-message { min-height: 120px; resize: vertical; }
.notification-recipients { display: grid; max-height: 240px; margin: 0; padding: 12px; overflow-y: auto; border: 1px solid var(--nit-border); border-radius: 9px; gap: 7px; }
.notification-recipients legend { padding: 0 5px; color: #365255; font-size: 12px; font-weight: 800; }
.notification-recipients label { display: flex; align-items: center; padding: 9px; border-radius: 8px; background: #f8fafa; cursor: pointer; gap: 9px; }
.notification-recipients label:hover { background: var(--nit-teal-soft); }
.notification-recipients input { accent-color: var(--nit-teal); }
.notification-recipients span, .notification-recipients strong, .notification-recipients small { display: block; }
.notification-recipients strong { color: var(--nit-ink); font-size: 11px; }
.notification-recipients small { margin-top: 2px; color: var(--nit-muted); font-size: 9px; }
.users-list-panel { padding: 20px 0 0; overflow: hidden; }
.users-list-panel .card-heading { padding: 0 20px; }
.table-secondary-text { display: block; margin-top: 3px; color: var(--nit-muted); font-size: 10px; }
.catalog-tabs { display: flex; align-items: center; margin-bottom: 20px; padding: 6px; overflow-x: auto; border: 1px solid var(--nit-border); border-radius: 11px; background: #fff; gap: 5px; }
.catalog-tab { display: inline-flex; align-items: center; min-height: 39px; padding: 8px 13px; border-radius: 7px; color: var(--nit-muted); font-size: 12px; font-weight: 800; gap: 7px; white-space: nowrap; }
.catalog-tab:hover { background: #f0f6f6; color: var(--nit-teal-dark); }
.catalog-tab.active { background: var(--nit-teal); color: #fff; }
.catalog-tab span { display: grid; min-width: 20px; height: 20px; padding: 0 5px; place-items: center; border-radius: 99px; background: rgba(255,255,255,.18); font-size: 9px; }
.cdr-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 18px; margin-bottom: 18px; }
.bay-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.bay-card { padding: 14px; border: 1px solid var(--nit-border); border-radius: 10px; background: #fbfdfd; }
.bay-card .status-line { margin-bottom: 5px; }
.bay-description { display: block; min-height: 29px; margin-bottom: 11px; color: var(--nit-muted); font-size: 10px; line-height: 1.4; }
.bay-card small { display: block; margin-top: 7px; color: var(--nit-muted); font-size: 10px; }
.table-heading { padding: 19px 20px 0; }
.movement-panel { margin-top: 18px; }
.empty-state { padding: 28px !important; color: var(--nit-muted) !important; text-align: center; }
.table-link { color: var(--nit-teal-dark); font-size: 11px; font-weight: 800; white-space: nowrap; }
.table-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.inline-action-form { margin: 0; }
.table-action-button { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 9px; border: 1px solid #bed4d5; border-radius: 7px; background: #fff; color: var(--nit-teal-dark); cursor: pointer; font: inherit; font-size: 10px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.table-action-button:hover { border-color: #86b5b7; background: var(--nit-teal-soft); }
.table-action-button.danger { border-color: #efc5c5; color: #b94343; }
.table-action-button.danger:hover { background: #fff1f1; }
.table-action-button:disabled { opacity: .5; cursor: wait; }
.mtr-actions { min-width: max-content; flex-wrap: nowrap; }
.cancellation-reason { color: #a73f3f; }
.mtr-cancel-backdrop { position: fixed; z-index: 250; inset: 0; display: grid; padding: 20px; place-items: center; background: rgba(24,48,50,.58); opacity: 0; transition: opacity .18s ease; }
.mtr-cancel-backdrop[hidden] { display: none; }
.mtr-cancel-backdrop.visible { opacity: 1; }
.mtr-cancel-dialog { position: relative; width: min(520px,100%); padding: 32px; border-radius: 18px; background: #fff; box-shadow: 0 28px 80px rgba(12,35,37,.3); transform: translateY(10px) scale(.98); transition: transform .18s ease; }
.mtr-cancel-backdrop.visible .mtr-cancel-dialog { transform: translateY(0) scale(1); }
.mtr-cancel-close { position: absolute; top: 14px; right: 14px; display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 50%; background: #f1f5f5; color: #617678; cursor: pointer; font-size: 22px; }
.mtr-cancel-icon { display: grid; width: 54px; height: 54px; margin-bottom: 18px; place-items: center; border-radius: 50%; background: #fdeaea; color: #c94646; font-size: 26px; font-weight: 900; }
.mtr-cancel-dialog h2 { margin: 5px 0 8px; color: var(--nit-ink); font-size: 23px; }
.mtr-cancel-copy { margin: 0 0 20px; color: var(--nit-muted); font-size: 12px; line-height: 1.6; }
.mtr-cancel-textarea { min-height: 120px; resize: vertical; }
.mtr-cancel-actions { margin-top: 20px; padding-top: 18px; }
.danger-solid { border-color: #cf4b4b; background: #cf4b4b; color: #fff; }
.danger-solid:hover { border-color: #b63d3d; background: #b63d3d; }
.mtr-cancel-open { overflow: hidden; }
.request-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); align-items: start; gap: 20px; }
.request-title-row { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--nit-border); gap: 15px; }
.request-title-row h1 { margin: 0; font-size: 27px; }
.request-title-row p:not(.page-eyebrow) { margin: 6px 0 0; color: var(--nit-muted); font-size: 11px; }
.priority-badge { padding: 6px 10px; border-radius: 99px; background: var(--nit-teal-soft); color: var(--nit-teal-dark); font-size: 10px; font-weight: 800; white-space: nowrap; }
.priority-badge.warning { background: #fff3d7; color: #946b0d; }
.priority-badge.danger { background: #fdeaea; color: #b94343; }
.request-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 20px 0; border: 1px solid var(--nit-border); border-radius: 10px; overflow: hidden; }
.request-summary div { padding: 15px; border-right: 1px solid var(--nit-border); border-bottom: 1px solid var(--nit-border); }
.request-summary div:nth-child(2n) { border-right: 0; }
.request-summary div:nth-last-child(-n+2) { border-bottom: 0; }
.request-summary span { display: block; margin-bottom: 5px; color: var(--nit-muted); font-size: 10px; }
.request-summary strong { font-size: 13px; }
.request-note { margin: 15px 0; padding: 14px; border-left: 3px solid var(--nit-teal); border-radius: 6px; background: #f3f9f8; }
.request-note strong { font-size: 11px; }
.request-note p { margin: 5px 0 0; color: var(--nit-muted); font-size: 12px; line-height: 1.5; }
.danger-note { border-left-color: var(--nit-danger); background: #fff4f4; }
.workflow-actions { display: flex; align-items: center; flex-wrap: wrap; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--nit-border); gap: 9px; }
.workflow-actions form { margin: 0; }
.schedule-form { display: flex; align-items: center; gap: 8px; }
.schedule-form .form-input { width: 210px; }
.cancel-box { margin-top: 20px; padding: 13px; border: 1px solid #f0cece; border-radius: 9px; background: #fffafa; }
.cancel-box summary { color: #a83e3e; cursor: pointer; font-size: 11px; font-weight: 800; }
.cancel-box form { display: grid; margin-top: 12px; gap: 9px; }
.danger-button { border-color: #d95757; color: #b94343; justify-self: end; }
.timeline-card { padding: 23px; }
.request-timeline { display: grid; }
.timeline-event { position: relative; display: grid; grid-template-columns: 18px 1fr; min-height: 76px; gap: 10px; }
.timeline-event:not(:last-child)::before { position: absolute; top: 16px; bottom: 0; left: 6px; width: 2px; background: #d8e6e6; content: ""; }
.timeline-event i { z-index: 1; width: 14px; height: 14px; margin-top: 2px; border: 3px solid #b9d4d4; border-radius: 50%; background: #fff; }
.timeline-event:first-child i { border-color: var(--nit-teal); background: var(--nit-teal); }
.timeline-event strong { display: block; font-size: 12px; }
.timeline-event span { display: block; margin-top: 3px; color: var(--nit-muted); font-size: 9px; }
.timeline-event p { margin: 6px 0 0; color: #4e6668; font-size: 10px; line-height: 1.4; }
.configuration-note { margin: 20px; padding: 16px; border: 1px solid var(--nit-border); border-radius: 10px; background: #f8fbfb; }
.configuration-note strong { font-size: 12px; }
.configuration-note p { margin: 5px 0 12px; color: var(--nit-muted); font-size: 11px; line-height: 1.5; }
.mtr-model-container { width: min(1380px, calc(100% - 30px)); margin: 0 auto; padding: 34px 0 95px; }
.mtr-model-container > .form-card { margin-bottom: 18px; }
.mtr-header-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.mtr-residues-section { padding: 24px; }
.residues-heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--nit-border); gap: 15px; }
.residues-heading h2 { margin: 0; font-size: 19px; }
.residues-heading p:not(.page-eyebrow) { margin: 6px 0 0; color: var(--nit-muted); font-size: 11px; }
#lista-residuos { display: grid; gap: 15px; }
.residue-card { padding: 19px; border: 1px solid #cedede; border-radius: 12px; background: #fbfdfd; }
.residue-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.residue-title strong { font-size: 13px; }
.remove-residue { border: 0; background: transparent; color: var(--nit-danger); cursor: pointer; font-size: 10px; font-weight: 800; }
.residue-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.model-sticky-actions { position: fixed; z-index: 25; right: 0; bottom: 0; left: 0; display: flex; justify-content: flex-end; padding: 13px max(20px,calc((100vw - 1380px)/2)); border-top: 1px solid var(--nit-border); background: rgba(255,255,255,.96); box-shadow: 0 -6px 20px rgba(20,56,59,.07); gap: 9px; }
.portal-btn:disabled { opacity: .45; cursor: not-allowed; }
.emission-residues { display: grid; margin-top: 24px; gap: 10px; }
.emission-residues h2 { margin: 0 0 4px; font-size: 17px; }
.emission-residue { display: grid; grid-template-columns: minmax(0,1fr) 180px; align-items: center; padding: 14px; border: 1px solid var(--nit-border); border-radius: 10px; background: #fbfdfd; gap: 16px; }
.emission-residue strong, .emission-residue span { display: block; }
.emission-residue span { margin-top: 4px; color: var(--nit-muted); font-size: 10px; }
.emission-residue label { color: var(--nit-muted); font-size: 10px; font-weight: 800; }
.emission-residue label .form-input { margin-top: 5px; }

@media (max-width: 850px) {
    .form-layout { grid-template-columns: 1fr; }
    .users-layout { grid-template-columns: 1fr; }
    .request-layout { grid-template-columns: 1fr; }
    .flow-aside { grid-row: 1; }
    .flow-aside .aside-card:first-child { display: none; }
}

@media (max-width: 1100px) {
    .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-grid, .bottom-grid { grid-template-columns: 1fr; }
    .cdr-grid { grid-template-columns: 1fr; }
    .mtr-header-grid, .residue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .notification-layout { grid-template-columns: 1fr; }
    .notification-compose { position: static; grid-row: 1; }
}

@media (max-width: 760px) {
    .portal-topbar { padding: 10px 15px; }
    .prototype-badge, .user-info { display: none; }
    .portal-content { padding: 22px 15px 35px; }
    .page-header { align-items: flex-start; flex-direction: column; }
    .page-title { font-size: 24px; }
    .metric-grid { grid-template-columns: 1fr; }
    .esg-list { grid-template-columns: 1fr; }
    .filter-bar { align-items: stretch; flex-direction: column; }
    .data-panel { overflow-x: auto; }
    .data-table { min-width: 720px; }
    .form-topbar { padding: 10px 15px; }
    .form-brand img { width: 118px; }
    .form-brand-copy { display: none; }
    .form-container { padding-top: 22px; }
    .form-card { padding: 20px 16px; }
    .form-grid { grid-template-columns: 1fr; }
    .mtr-header-grid, .residue-grid { grid-template-columns: 1fr; }
    .emission-residue { grid-template-columns: 1fr; }
    .form-field.full { grid-column: auto; }
    .form-actions { align-items: stretch; flex-direction: column-reverse; }
    .form-actions .portal-btn { width: 100%; text-align: center; }
    .notification-filter-grid { grid-template-columns: 1fr; }
    .notification-search { grid-column: auto; }
    .notification-list-heading { align-items: stretch; flex-direction: column; }
    .notification-card { grid-template-columns: 8px minmax(0,1fr); }
    .notification-actions { grid-column: 2; }
    .notification-popover { position: fixed; top: 65px; right: 14px; left: 14px; width: auto; }
}
/* Inventário de resíduos */
.inventory-view-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}.inventory-view-button{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #d6e2e3;border-radius:12px;background:#fff;color:#173d40;text-decoration:none;transition:.18s ease}.inventory-view-button:hover{border-color:#00858a;box-shadow:0 8px 22px rgba(0,77,81,.08);transform:translateY(-1px)}.inventory-view-button.active{border-color:#00858a;background:#eefafa;box-shadow:inset 0 0 0 1px #00858a}.inventory-view-button strong,.inventory-view-button small{display:block}.inventory-view-button small{margin-top:3px;color:#637a7d}.inventory-view-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e8f4f4;color:#007f84;font-size:21px;font-weight:800}.inventory-view-button.active .inventory-view-icon{background:#00858a;color:#fff}.inventory-filter-note{margin:12px 0 0;color:#637a7d;font-size:13px}.inventory-bays{display:grid;gap:16px}.inventory-bay-card{overflow:hidden}.inventory-bay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px}.inventory-level{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.inventory-level.normal{background:#e8f6ef;color:#14724f}.inventory-level.warning{background:#fff3d9;color:#986400}.inventory-level.critical{background:#fdeaea;color:#b52f38}.inventory-level.unknown{background:#edf1f1;color:#617174}.inventory-occupancy{padding:0 22px 18px}.inventory-occupancy-copy{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#50686b;font-size:13px}.inventory-occupancy-copy strong{color:#153b3e}.inventory-progress{height:9px;overflow:hidden;border-radius:999px;background:#e6eeee}.inventory-progress span{display:block;height:100%;border-radius:inherit;background:#16865c}.inventory-progress span.warning{background:#f0ab25}.inventory-progress span.critical{background:#d84d55}.inventory-progress span.unknown{background:#87999b}.inventory-occupancy small{display:block;margin-top:7px;color:#637a7d}.inventory-bay-table{border-top:1px solid #e2eaea}@media(max-width:760px){.inventory-view-switch{grid-template-columns:1fr}.inventory-bay-head,.inventory-occupancy-copy{flex-direction:column}.inventory-level{align-self:flex-start}}

.form-section-divider{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding:14px 0 4px;border-top:1px solid #dce6e7;color:#17383b}.form-section-divider strong{font-size:15px}.form-section-divider span{font-size:12px;color:#698083}