/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

:root {
    --foreasy-green: #205030;
    --foreasy-green-dark: #103828;
    --foreasy-yellow: #d4a75a;
    --foreasy-ink: #0b241a;
    --foreasy-muted: #637066;
    --foreasy-line: #dde6db;
    --foreasy-paper: #f7f6f1;
    --foreasy-white: #ffffff;
    --foreasy-brown: #604020;
}

/* Admin area */
.admin-body {
    background: #f7f6f1;
    color: #0b241a;
}

.admin-navbar {
    background: #103828;
    box-shadow: 0 10px 30px rgba(11, 36, 26, 0.12);
}

.admin-shell {
    padding: 40px clamp(18px, 4vw, 64px);
}

.admin-footer {
    color: #637066;
    padding: 24px clamp(18px, 4vw, 64px);
}

.admin-page-header {
    align-items: flex-end;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 28px;
}

.admin-page-header h1 {
    font-size: clamp(2rem, 5vw, 4.25rem);
    font-weight: 850;
    line-height: 0.95;
    margin: 0;
}

.admin-page-header p {
    color: #637066;
    font-size: 1.05rem;
    margin: 12px 0 0;
}

.admin-eyebrow {
    color: #205030;
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.admin-metric-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.admin-metric-card,
.admin-panel,
.admin-login-card {
    background: #fff;
    border: 1px solid #dde6db;
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(11, 36, 26, 0.05);
}

.admin-metric-card {
    padding: 22px;
}

.admin-metric-card span {
    color: #66736a;
    display: block;
    font-weight: 750;
}

.admin-metric-card strong {
    display: block;
    font-size: 2.15rem;
    font-weight: 850;
    line-height: 1;
    margin-top: 12px;
}

.admin-metric-card em {
    color: #66736a;
    display: block;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 750;
    margin-top: 8px;
}

.admin-content-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.admin-filter-form {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(260px, 520px) auto;
}

.admin-panel {
    padding: 22px;
}

.admin-panel-header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.admin-panel-header h2 {
    font-size: 1.35rem;
    font-weight: 850;
    margin: 0;
}

.admin-status-list {
    display: grid;
    gap: 10px;
}

.admin-status-list div {
    border-bottom: 1px solid #dbe5dc;
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
}

.admin-status-list div:last-child {
    border-bottom: 0;
}

.admin-status-list strong {
    white-space: nowrap;
}

.admin-status-list strong em {
    color: #66736a;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 750;
    margin-left: 6px;
}

.admin-table-percent {
    color: #66736a;
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-left: 6px;
}

.admin-table {
    margin-bottom: 0;
    vertical-align: middle;
}

.admin-table th {
    color: #173d29;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-badge-ok {
    background: #dff2e4;
    color: #17542e;
}

.admin-badge-muted {
    background: #e7ece8;
    color: #526258;
}

.admin-badge-warn {
    background: #fff0c9;
    color: #76520a;
}

.admin-btn {
    background: #173d29;
    border-color: #173d29;
    color: #fff;
    font-weight: 850;
}

.admin-btn:hover {
    background: #245b3d;
    border-color: #245b3d;
    color: #fff;
}

.admin-btn-outline {
    background: #fff;
    border: 1px solid #245b3d;
    color: #173d29;
    font-weight: 850;
}

.admin-btn-outline:hover {
    background: #173d29;
    color: #fff;
}

.admin-login-page {
    display: grid;
    min-height: calc(100vh - 170px);
    place-items: center;
}

.admin-login-card {
    padding: 32px;
    width: min(100%, 430px);
}

.admin-login-card h1 {
    font-size: 2.4rem;
    font-weight: 850;
    margin-bottom: 8px;
}

@media (max-width: 720px) {
    .admin-page-header {
        align-items: stretch;
        flex-direction: column;
    }
}

.calendar-filter-form {
    margin-bottom: 22px;
}

.calendar-report-card,
.calendar-list-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(20, 61, 42, 0.08);
    margin-top: 18px;
    padding: 18px;
}

.calendar-report-header {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.calendar-report-header h2,
.calendar-list-card h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.35rem;
    font-weight: 850;
    margin: 0;
}

.calendar-report-header span {
    color: var(--foreasy-muted);
    font-weight: 750;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-weekdays {
    border-bottom: 1px solid var(--foreasy-line);
    color: var(--foreasy-muted);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.calendar-weekdays div {
    padding: 8px;
}

.calendar-days {
    border-left: 1px solid var(--foreasy-line);
    border-top: 1px solid var(--foreasy-line);
}

.calendar-day {
    background: var(--foreasy-white);
    border-bottom: 1px solid var(--foreasy-line);
    border-right: 1px solid var(--foreasy-line);
    min-height: 134px;
    padding: 8px;
}

.calendar-day.is-muted {
    background: #f2f6f1;
}

.calendar-day.is-muted .calendar-day-number {
    color: #a0aaa1;
}

.calendar-day.is-today {
    box-shadow: inset 0 0 0 2px var(--foreasy-yellow);
}

.calendar-day-number {
    color: var(--foreasy-green-dark);
    font-weight: 850;
    margin-bottom: 6px;
}

.calendar-day-items {
    display: grid;
    gap: 5px;
}

.calendar-event,
.calendar-list-event {
    border-left: 4px solid var(--foreasy-green);
    border-radius: 7px;
    color: var(--foreasy-ink);
    display: grid;
    gap: 1px;
    padding: 6px 7px;
    text-decoration: none;
}

.calendar-event {
    background: var(--foreasy-paper);
    font-size: 0.78rem;
}

.calendar-event:hover,
.calendar-list-event:hover {
    color: var(--foreasy-green-dark);
    filter: brightness(0.98);
}

.calendar-event strong,
.calendar-list-event span {
    color: var(--foreasy-green-dark);
    font-weight: 850;
}

.calendar-event span,
.calendar-list-event strong {
    font-weight: 760;
}

.calendar-event small,
.calendar-list-event small {
    color: var(--foreasy-muted);
}

.calendar-type-actions {
    border-left-color: #dc9f25;
}

.calendar-type-productions {
    border-left-color: #205030;
}

.calendar-type-documents {
    border-left-color: #557a95;
}

.calendar-type-deliveries {
    border-left-color: #2c8a75;
}

.calendar-type-classifications {
    border-left-color: #7057a6;
}

.calendar-type-payments {
    border-left-color: #9b5a43;
}

.calendar-type-issues {
    border-left-color: #b44a3f;
}

.calendar-list-card {
    display: none;
}

.calendar-list-day {
    border-top: 1px solid var(--foreasy-line);
    display: grid;
    gap: 8px;
    padding: 14px 0;
}

.calendar-list-day h3 {
    color: var(--foreasy-muted);
    font-size: 0.9rem;
    font-weight: 850;
    margin: 0;
}

.calendar-list-event {
    background: var(--foreasy-paper);
}

@media (max-width: 900px) {
    .calendar-report-card {
        overflow-x: auto;
    }

    .calendar-grid {
        min-width: 760px;
    }

    .calendar-list-card {
        display: block;
    }
}

a {
    color: var(--foreasy-green);
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
    scroll-behavior: smooth;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 0;
    color: var(--foreasy-ink);
    background: var(--foreasy-paper);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.site-header {
    background: var(--foreasy-white);
    border-bottom: 1px solid var(--foreasy-line);
    position: sticky;
    top: 0;
    z-index: 10;
}

.foreasy-nav {
    padding: 14px 0;
}

.foreasy-brand {
    align-items: center;
    color: var(--foreasy-green-dark);
    display: inline-flex;
    gap: 8px;
    font-weight: 800;
    letter-spacing: 0;
    font-size: 1.35rem;
}

.foreasy-brand img {
    height: 34px;
    width: 34px;
    object-fit: contain;
}

.foreasy-nav .nav-link {
    color: var(--foreasy-ink);
    font-weight: 650;
    margin-left: 10px;
}

.navbar-nav-wrap {
    align-items: center;
    display: flex;
    gap: 18px;
}

.public-nav,
.account-nav {
    align-items: center;
}

.account-nav {
    border-left: 1px solid var(--foreasy-line);
    padding-left: 8px;
}

.logout-form {
    margin: 0;
}

.logout-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    text-align: left;
    width: 100%;
}

.foreasy-dropdown-toggle {
    background: transparent;
    border: 0;
}

.foreasy-add-toggle {
    background: var(--foreasy-green-dark);
    border: 0;
    border-radius: 8px;
    color: var(--foreasy-white) !important;
    font-weight: 850;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.foreasy-add-toggle:hover,
.foreasy-add-toggle:focus {
    background: var(--foreasy-green);
    color: var(--foreasy-white) !important;
}

.foreasy-dropdown-menu {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(20, 61, 42, 0.12);
    padding: 8px;
}

.foreasy-dropdown-menu .dropdown-item {
    border-radius: 6px;
    color: var(--foreasy-ink);
    font-weight: 720;
    padding: 9px 11px;
}

.foreasy-dropdown-menu .dropdown-item:hover,
.foreasy-dropdown-menu .dropdown-item:focus {
    background: var(--foreasy-paper);
    color: var(--foreasy-green-dark);
}

.foreasy-dropdown-header {
    color: var(--foreasy-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 8px 14px 4px;
    text-transform: uppercase;
}

.language-switch {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 10px;
    color: var(--foreasy-muted);
    font-size: 0.92rem;
    font-weight: 700;
}

.language-switch a {
    color: var(--foreasy-muted);
    text-decoration: none;
}

.language-switch a.active {
    color: var(--foreasy-green-dark);
}

.account-switcher-host {
    min-width: 230px;
}

.current-year-host {
    min-width: 104px;
}

.account-switcher,
.current-year-switcher {
    margin: 0 4px 0 0;
}

.account-switcher label,
.current-year-switcher label {
    display: grid;
    gap: 4px;
    margin: 0;
}

.account-switcher span,
.current-year-switcher span {
    color: var(--foreasy-muted);
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
}

.account-switcher select,
.current-year-switcher select {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-size: 0.9rem;
    font-weight: 760;
    min-height: 38px;
    padding: 7px 10px;
    width: 100%;
}

.home-hero {
    background: linear-gradient(135deg, #f7faf6 0%, #edf4ec 48%, #ffffff 100%);
    padding: 96px 0 72px;
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 48px;
    align-items: center;
}

.eyebrow {
    color: var(--foreasy-green);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.hero-copy h1 {
    color: var(--foreasy-green-dark);
    font-size: clamp(2.45rem, 6vw, 4.85rem);
    font-weight: 850;
    line-height: 1;
    max-width: 860px;
    margin-bottom: 22px;
}

.hero-lead {
    color: var(--foreasy-muted);
    font-size: 1.18rem;
    line-height: 1.65;
    max-width: 720px;
    margin-bottom: 28px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.store-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.store-links a {
    display: inline-flex;
}

.store-links img {
    display: block;
    height: 48px;
    max-width: 164px;
    object-fit: contain;
}

.btn-foreasy {
    background: var(--foreasy-green);
    border-color: var(--foreasy-green);
    color: var(--foreasy-white);
    font-weight: 750;
    padding: 13px 18px;
    border-radius: 8px;
}

.btn-foreasy:hover {
    background: var(--foreasy-green-dark);
    border-color: var(--foreasy-green-dark);
    color: var(--foreasy-white);
}

.btn-outline-foreasy {
    border: 1px solid var(--foreasy-green);
    color: var(--foreasy-green-dark);
    background: var(--foreasy-white);
    font-weight: 750;
    padding: 13px 18px;
    border-radius: 8px;
}

.hero-panel {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    box-shadow: 0 28px 60px rgba(20, 61, 42, 0.14);
    padding: 18px;
}

.panel-header {
    display: flex;
    gap: 7px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--foreasy-line);
}

.panel-header span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--foreasy-yellow);
}

.panel-header span:nth-child(2) {
    background: #7fb48e;
}

.panel-header span:nth-child(3) {
    background: #d7795f;
}

.metric-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 4px;
    border-bottom: 1px solid var(--foreasy-line);
}

.metric-row:last-child {
    border-bottom: 0;
}

.metric-row strong {
    color: var(--foreasy-green-dark);
    font-size: 1.1rem;
}

.metric-row span {
    color: var(--foreasy-muted);
    text-align: right;
}

.feature-section,
.workflow-section,
.signup-section,
.contact-section {
    padding: 72px 0;
    background: var(--foreasy-white);
}

.workflow-section {
    background: var(--foreasy-paper);
}

.signup-section {
    background: var(--foreasy-white);
    border-top: 1px solid var(--foreasy-line);
    border-bottom: 1px solid var(--foreasy-line);
}

.section-heading {
    max-width: 760px;
    margin-bottom: 34px;
}

.section-heading h2,
.workflow-grid h2,
.signup-grid h2,
.contact-box h2 {
    color: var(--foreasy-green-dark);
    font-weight: 850;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.06;
}

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

.feature-card {
    border: 1px solid var(--foreasy-line);
    background: var(--foreasy-paper);
    border-radius: 8px;
    padding: 24px;
    min-height: 250px;
}

.feature-number {
    color: var(--foreasy-green);
    font-weight: 850;
    font-size: 0.9rem;
}

.feature-card h3 {
    color: var(--foreasy-green-dark);
    font-size: 1.35rem;
    font-weight: 800;
    margin: 18px 0 12px;
}

.feature-card p,
.contact-box p {
    color: var(--foreasy-muted);
    line-height: 1.65;
    margin: 0;
}

.workflow-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
    gap: 44px;
}

.workflow-list {
    display: grid;
    gap: 14px;
}

.workflow-list div {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 16px;
    border-bottom: 1px solid var(--foreasy-line);
    padding: 0 0 16px;
}

.workflow-list strong {
    color: var(--foreasy-green-dark);
}

.workflow-list span {
    color: var(--foreasy-muted);
    line-height: 1.55;
}

.signup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
    gap: 34px;
    align-items: center;
}

.signup-grid p {
    color: var(--foreasy-muted);
    line-height: 1.65;
    max-width: 760px;
    margin: 0;
}

.signup-form {
    display: grid;
    gap: 14px;
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    background: var(--foreasy-paper);
    padding: 24px;
}

.signup-form label {
    display: grid;
    gap: 7px;
    color: var(--foreasy-green-dark);
    font-weight: 760;
}

.signup-form input[type="text"],
.signup-form input[type="email"],
.signup-form input[type="password"] {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    font: inherit;
    min-height: 46px;
    padding: 10px 12px;
    width: 100%;
}

.signup-form input:focus {
    border-color: var(--foreasy-green);
    box-shadow: 0 0 0 3px rgba(31, 90, 61, 0.12);
    outline: 0;
}

.signup-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.signup-checkbox {
    align-items: start;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    font-weight: 650;
}

.signup-checkbox input {
    margin-top: 3px;
}

.signup-checkbox a {
    font-weight: 800;
}

.signup-validation {
    color: #a23b2a;
    font-size: 0.92rem;
    font-weight: 700;
}

.signup-status {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    background: #fff8da;
    color: var(--foreasy-ink);
    line-height: 1.45;
    padding: 12px;
}

.signup-status-success {
    background: #e8f4ec;
    border-color: #bddbc7;
}

.signup-form .btn {
    justify-self: start;
}

.signup-form .btn:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.contact-box {
    background: var(--foreasy-green-dark);
    border-radius: 8px;
    padding: 42px;
}

.contact-box .eyebrow,
.contact-box h2 {
    color: var(--foreasy-white);
}

.contact-box p {
    color: #dce9df;
    max-width: 820px;
}

.site-footer {
    background: var(--foreasy-green-dark);
    color: #dce9df;
    padding: 28px 0;
}

.footer-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.footer-grid div {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.site-footer a {
    color: var(--foreasy-yellow);
}

.legal-hero {
    background: linear-gradient(135deg, #f7faf6 0%, #edf4ec 58%, #ffffff 100%);
    padding: 82px 0 54px;
    border-bottom: 1px solid var(--foreasy-line);
}

.legal-hero h1 {
    color: var(--foreasy-green-dark);
    font-size: clamp(2.25rem, 5vw, 4rem);
    font-weight: 850;
    line-height: 1.05;
    max-width: 900px;
    margin-bottom: 18px;
}

.legal-hero p {
    color: var(--foreasy-muted);
    font-size: 1.1rem;
    line-height: 1.65;
    max-width: 820px;
}

.legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.legal-links a {
    border: 1px solid var(--foreasy-green);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 750;
    padding: 11px 14px;
    text-decoration: none;
    background: var(--foreasy-white);
}

.legal-section {
    background: var(--foreasy-white);
    padding: 68px 0;
}

.legal-section-alt {
    background: var(--foreasy-paper);
}

.legal-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 46px;
    align-items: start;
}

.legal-layout aside {
    position: sticky;
    top: 104px;
    display: grid;
    gap: 10px;
    color: var(--foreasy-green-dark);
}

.legal-layout aside span {
    color: var(--foreasy-green);
    font-weight: 850;
    font-size: 0.9rem;
}

.legal-layout aside strong {
    font-size: 1.35rem;
    line-height: 1.2;
}

.legal-content {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 36px;
}

.legal-section-alt .legal-content {
    background: #ffffff;
}

.legal-content h2,
.legal-content h3 {
    color: var(--foreasy-green-dark);
    font-weight: 820;
}

.legal-content h2 {
    font-size: 2rem;
    margin-bottom: 16px;
}

.legal-content h3 {
    font-size: 1.18rem;
    margin-top: 28px;
    margin-bottom: 10px;
}

.legal-content p {
    color: var(--foreasy-muted);
    line-height: 1.72;
    margin-bottom: 12px;
}

.auth-section,
.dashboard-section {
    background: linear-gradient(135deg, #f7faf6 0%, #edf4ec 48%, #ffffff 100%);
    min-height: 70vh;
    padding: 82px 0;
}

.auth-grid {
    align-items: start;
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.82fr);
}

.auth-grid h1,
.dashboard-heading h1 {
    color: var(--foreasy-green-dark);
    font-size: clamp(2.1rem, 4vw, 3.4rem);
    font-weight: 850;
    line-height: 1.06;
}

.auth-grid p,
.dashboard-heading p {
    color: var(--foreasy-muted);
    font-size: 1.08rem;
    line-height: 1.65;
    max-width: 680px;
}

.dashboard-heading {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.dashboard-account-card {
    align-self: start;
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    min-width: 260px;
    padding: 18px;
}

.dashboard-account-card span {
    color: var(--foreasy-green);
    display: block;
    font-size: 0.86rem;
    font-weight: 850;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.dashboard-account-card strong {
    color: var(--foreasy-ink);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.dashboard-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.dashboard-card-actions a {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 780;
    padding: 9px 12px;
    text-decoration: none;
}

.dashboard-card-actions a:hover {
    border-color: var(--foreasy-green);
}

.dashboard-metrics {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-metrics article {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 22px;
}

.dashboard-linked-metric {
    padding: 0 !important;
}

.dashboard-linked-metric a {
    display: grid;
    height: 100%;
    padding: 22px;
    text-decoration: none;
}

.dashboard-metrics strong {
    color: var(--foreasy-ink);
    display: block;
    font-size: 2.4rem;
    font-weight: 850;
    line-height: 1;
    margin-bottom: 10px;
}

.dashboard-metrics .metric-danger {
    color: #a23b2a;
}

.dashboard-metrics span {
    color: var(--foreasy-muted);
    font-weight: 750;
}

.production-pipeline {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dashboard-content-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
    margin-top: 18px;
}

.dashboard-attention {
    background: var(--foreasy-green-dark);
    border-radius: 8px;
    color: var(--foreasy-white);
    padding: 28px;
}

.dashboard-attention h2 {
    font-size: 1.45rem;
    font-weight: 850;
    margin-bottom: 10px;
}

.dashboard-attention p {
    color: #dce9df;
    line-height: 1.6;
    margin-bottom: 10px;
}

.dashboard-attention strong {
    color: var(--foreasy-yellow);
}

.dashboard-next {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 28px;
}

.dashboard-next h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.6rem;
    font-weight: 850;
    margin-bottom: 10px;
}

.dashboard-next p:last-child {
    color: var(--foreasy-muted);
    line-height: 1.6;
    margin-bottom: 0;
}

.coming-soon-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}

.coming-soon-grid article {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 22px;
}

.coming-soon-grid span {
    color: var(--foreasy-green);
    display: block;
    font-size: 0.78rem;
    font-weight: 850;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.coming-soon-grid h3 {
    color: var(--foreasy-green-dark);
    font-size: 1.2rem;
    font-weight: 830;
    margin-bottom: 10px;
}

.coming-soon-grid p {
    color: var(--foreasy-muted);
    line-height: 1.58;
    margin-bottom: 0;
}

.dashboard-action-card a {
    border: 1px solid var(--foreasy-green);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    display: inline-flex;
    font-weight: 820;
    margin-top: 16px;
    padding: 9px 12px;
    text-decoration: none;
}

.dashboard-shell {
    padding-top: 54px;
}

.dashboard-hero {
    align-items: stretch;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
    margin-bottom: 20px;
}

.dashboard-hero h1 {
    color: var(--foreasy-green-dark);
    font-size: clamp(2.2rem, 5vw, 4.2rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 14px;
}

.dashboard-hero p {
    color: var(--foreasy-muted);
    font-size: 1.08rem;
    line-height: 1.62;
    max-width: 720px;
}

.dashboard-hero-side {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 18px;
}

.dashboard-hero-side > span {
    color: var(--foreasy-green);
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-hero-side > strong {
    color: var(--foreasy-ink);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.compact-year-switcher {
    margin-top: 4px;
}

.compact-year-switcher label {
    display: grid;
    gap: 6px;
    margin: 0;
}

.compact-year-switcher span {
    color: var(--foreasy-muted);
    font-size: 0.82rem;
    font-weight: 850;
}

.compact-year-switcher select {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 850;
    min-height: 42px;
    padding: 8px 10px;
}

.dashboard-work-strip {
    display: grid;
    gap: 14px;
    grid-template-columns: 1.15fr repeat(3, minmax(0, 0.8fr));
    margin-bottom: 18px;
}

.dashboard-work-strip article {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    min-height: 126px;
    padding: 20px;
}

.dashboard-work-strip article.is-primary {
    background: var(--foreasy-green-dark);
    border-color: var(--foreasy-green-dark);
    padding: 0;
}

.dashboard-work-strip a {
    color: var(--foreasy-white);
    display: grid;
    height: 100%;
    padding: 20px;
    text-decoration: none;
}

.dashboard-work-strip strong {
    color: var(--foreasy-ink);
    display: block;
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 900;
    line-height: 1;
}

.dashboard-work-strip .is-primary strong,
.dashboard-work-strip .is-primary span,
.dashboard-work-strip .is-primary small {
    color: var(--foreasy-white);
}

.dashboard-work-strip span {
    color: var(--foreasy-muted);
    font-weight: 850;
}

.dashboard-work-strip small {
    align-self: end;
    color: var(--foreasy-muted);
    font-weight: 800;
}

.dashboard-focus-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.62fr);
    margin-bottom: 22px;
}

.dashboard-today-grid {
    display: grid;
    gap: 16px;
    grid-template-areas:
        "priority ai"
        "quick season";
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
    align-items: start;
    margin-bottom: 22px;
}

.dashboard-today-card {
    min-height: 0;
}

.dashboard-today-grid > article:nth-child(1) {
    grid-area: priority;
}

.dashboard-today-grid > article:nth-child(2) {
    grid-area: quick;
}

.dashboard-today-grid > article:nth-child(3) {
    grid-area: ai;
}

.dashboard-today-grid > article:nth-child(4) {
    grid-area: season;
}

.dashboard-attention-list,
.dashboard-smart-actions,
.dashboard-review-summary {
    display: grid;
    gap: 10px;
}

.dashboard-attention-item,
.dashboard-smart-action {
    border-radius: 8px;
    text-decoration: none;
}

.dashboard-attention-item {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    color: var(--foreasy-white);
    display: grid;
    gap: 12px;
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 12px;
}

.dashboard-attention-item strong {
    color: var(--foreasy-yellow);
    font-size: 1.35rem;
    line-height: 1;
    text-align: center;
}

.dashboard-attention-item span {
    display: grid;
    gap: 2px;
}

.dashboard-attention-item b {
    color: var(--foreasy-white);
    font-size: 0.95rem;
}

.dashboard-attention-item small {
    color: #dce9df;
    line-height: 1.35;
}

.dashboard-smart-action {
    background: #f8fbf7;
    border: 1px solid var(--foreasy-line);
    color: var(--foreasy-green-dark);
    display: grid;
    gap: 4px;
    padding: 12px;
}

.dashboard-smart-action:hover {
    border-color: var(--foreasy-green);
}

.dashboard-smart-action.is-locked {
    opacity: 0.72;
}

.dashboard-smart-action span {
    align-items: center;
    display: flex;
    font-weight: 900;
    gap: 8px;
    justify-content: space-between;
}

.dashboard-smart-action span small {
    background: #eef5ed;
    border-radius: 999px;
    color: var(--foreasy-muted);
    font-size: 0.72rem;
    padding: 3px 8px;
}

.dashboard-smart-action > small {
    color: var(--foreasy-muted);
    line-height: 1.35;
}

.dashboard-empty-inline {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 14px;
}

.dashboard-empty-inline span {
    color: #dce9df;
}

.dashboard-review-summary span {
    align-items: baseline;
    border-bottom: 1px solid var(--foreasy-line);
    color: var(--foreasy-muted);
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding-bottom: 8px;
}

.dashboard-review-summary strong {
    color: var(--foreasy-green-dark);
    font-size: 1.45rem;
    font-weight: 900;
}

.dashboard-focus-card,
.dashboard-season-card,
.dashboard-tabs-card,
.dashboard-account-summary {
    border-radius: 8px;
}

.dashboard-focus-card {
    align-items: end;
    background: var(--foreasy-green-dark);
    color: var(--foreasy-white);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 26px;
}

.dashboard-quick-card {
    align-items: flex-start;
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    color: var(--foreasy-green-dark);
    flex-direction: column;
}

.dashboard-quick-card .eyebrow {
    color: var(--foreasy-muted);
}

.dashboard-quick-card h2 {
    color: var(--foreasy-green-dark);
}

.dashboard-quick-card p {
    color: var(--foreasy-muted);
}

.dashboard-quick-card .dashboard-smart-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.dashboard-quick-card .dashboard-smart-action {
    min-height: 104px;
}

.dashboard-focus-card h2,
.dashboard-season-card h2,
.dashboard-panel-heading h2,
.dashboard-account-summary h2 {
    color: inherit;
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0 0 8px;
}

.dashboard-focus-card p {
    color: #dce9df;
    line-height: 1.58;
    margin-bottom: 8px;
    max-width: 780px;
}

.dashboard-focus-card strong {
    color: var(--foreasy-yellow);
}

.dashboard-season-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    display: grid;
    gap: 12px;
    padding: 24px;
}

.dashboard-season-main {
    display: flex;
    gap: 10px;
    line-height: 1;
}

.dashboard-season-main strong {
    color: var(--foreasy-green-dark);
    font-size: clamp(2.2rem, 6vw, 3.4rem);
    font-weight: 900;
}

.dashboard-season-main span {
    align-self: end;
    color: var(--foreasy-muted);
    font-weight: 850;
    padding-bottom: 7px;
}

.dashboard-season-card p {
    color: var(--foreasy-muted);
    line-height: 1.5;
    margin: 0;
}

.dashboard-tabs-card {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--foreasy-line);
    padding: 14px;
}

.dashboard-tabs {
    background: #eef5ed;
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    gap: 6px;
    margin-bottom: 16px;
    padding: 6px;
}

.dashboard-tabs .nav-link {
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 850;
}

.dashboard-tabs .nav-link.active {
    background: var(--foreasy-green-dark);
    color: var(--foreasy-white);
}

.dashboard-tab-content {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 24px;
}

.dashboard-panel-heading {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.dashboard-panel-heading h2 {
    color: var(--foreasy-green-dark);
}

.dashboard-pipeline {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dashboard-pipeline a {
    background: #f8fbf7;
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    display: grid;
    gap: 6px;
    min-height: 128px;
    padding: 18px;
    text-decoration: none;
}

.dashboard-pipeline a:hover {
    border-color: var(--foreasy-green);
}

.dashboard-pipeline span {
    color: var(--foreasy-muted);
    font-size: 0.88rem;
    font-weight: 850;
}

.dashboard-pipeline strong {
    color: var(--foreasy-ink);
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 900;
    line-height: 1;
}

.dashboard-pipeline small {
    color: var(--foreasy-muted);
    font-weight: 800;
}

.dashboard-action-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-action-grid article {
    background: #f8fbf7;
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    min-height: 210px;
    padding: 20px;
}

.dashboard-action-grid span {
    color: var(--foreasy-green);
    font-size: 0.78rem;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.dashboard-action-grid h3 {
    color: var(--foreasy-green-dark);
    font-size: 1.1rem;
    font-weight: 880;
    margin-bottom: 8px;
}

.dashboard-action-grid p {
    color: var(--foreasy-muted);
    line-height: 1.55;
    margin-bottom: 14px;
}

.dashboard-action-grid a {
    align-self: flex-start;
    border: 1px solid var(--foreasy-green);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 850;
    margin-top: auto;
    padding: 8px 12px;
    text-decoration: none;
}

.dashboard-account-layout {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 0.72fr) minmax(320px, 1fr);
}

.dashboard-account-summary {
    background: #f8fbf7;
    border: 1px solid var(--foreasy-line);
    padding: 22px;
}

.dashboard-account-summary h2 {
    color: var(--foreasy-green-dark);
}

.dashboard-account-summary p {
    color: var(--foreasy-muted);
    line-height: 1.6;
}

.compact-setup-card {
    margin: 0;
}

.notification-nav-link {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    position: relative;
}

.notification-nav-link strong {
    align-items: center;
    background: #a23b2a;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 900;
    justify-content: center;
    min-width: 20px;
    padding: 2px 6px;
}

.notifications-section {
    background: var(--foreasy-paper);
    min-height: 74vh;
    padding: 44px 0 64px;
}

.notification-toolbar {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.notification-toolbar .is-active {
    background: var(--foreasy-green-dark);
    color: var(--foreasy-white);
}

.notification-empty {
    color: var(--foreasy-muted);
    font-weight: 800;
    padding: 24px;
}

.notification-group-list {
    display: grid;
    gap: 22px;
}

.notification-group h2 {
    color: var(--foreasy-green-dark);
    font-size: 1rem;
    font-weight: 900;
    margin-bottom: 10px;
}

.notification-list {
    display: grid;
    gap: 10px;
}

.notification-row {
    margin: 0;
}

.notification-row button {
    align-items: start;
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 16px;
    text-align: left;
    width: 100%;
}

.notification-row.is-unread button {
    border-color: var(--foreasy-green);
    box-shadow: 0 8px 24px rgba(31, 90, 61, 0.08);
}

.notification-row strong,
.notification-row small,
.notification-row em {
    display: block;
}

.notification-row strong {
    color: var(--foreasy-green-dark);
    font-size: 1rem;
    font-weight: 900;
}

.notification-row small {
    color: var(--foreasy-muted);
    line-height: 1.5;
    margin-top: 4px;
}

.notification-row em {
    color: #758276;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 760;
    margin-top: 8px;
}

.notification-dot {
    background: var(--foreasy-green);
    border-radius: 999px;
    display: block;
    height: 12px;
    margin-top: 6px;
    width: 12px;
}

.notification-row.is-read {
    opacity: 0.72;
}

@media (max-width: 1180px) {
    .dashboard-pipeline,
    .dashboard-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-work-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .dashboard-hero,
    .dashboard-today-grid,
    .dashboard-focus-grid,
    .dashboard-account-layout {
        grid-template-columns: 1fr;
    }

    .dashboard-today-grid {
        grid-template-areas:
            "priority"
            "quick"
            "ai"
            "season";
    }

    .dashboard-focus-card,
    .dashboard-panel-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-tabs {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dashboard-shell {
        padding-top: 34px;
    }

    .dashboard-work-strip,
    .dashboard-pipeline,
    .dashboard-action-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-quick-card .dashboard-smart-actions {
        grid-template-columns: 1fr;
    }

    .dashboard-tab-content,
    .dashboard-tabs-card,
    .dashboard-focus-card,
    .dashboard-season-card {
        padding: 16px;
    }

    .dashboard-season-main {
        display: grid;
    }
}

.map-records-section {
    background: var(--foreasy-paper);
    min-height: 76vh;
    padding: 38px 0 54px;
}

.map-records-container {
    padding-left: 22px;
    padding-right: 22px;
}

.map-records-header {
    align-items: flex-end;
    display: flex;
    gap: 22px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.map-records-header h1 {
    color: var(--foreasy-green-dark);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 850;
    line-height: 1.05;
    margin-bottom: 8px;
}

.map-records-header p:last-child {
    color: var(--foreasy-muted);
    line-height: 1.6;
    margin-bottom: 0;
}

.map-records-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.map-records-shell {
    display: grid;
    gap: 16px;
    grid-template-columns: 390px minmax(0, 1fr);
    min-height: 680px;
}

.map-records-panel,
.map-record-edit-form {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
}

.map-records-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 16px;
}

.map-records-filter-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.map-records-filter-grid label,
.map-record-edit-form label {
    color: var(--foreasy-green-dark);
    display: grid;
    font-weight: 760;
    gap: 7px;
}

.map-records-filter-grid select,
.map-record-edit-form input,
.map-record-edit-form select,
.map-record-edit-form textarea {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    font: inherit;
    min-height: 44px;
    padding: 9px 11px;
    width: 100%;
}

.map-records-result-count {
    color: var(--foreasy-muted);
    font-size: 0.9rem;
    font-weight: 800;
    margin: 16px 0 10px;
}

.map-records-list {
    display: grid;
    gap: 10px;
    overflow: auto;
    padding-right: 2px;
}

.map-record-list-item {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    display: grid;
    gap: 4px;
    padding: 13px 13px 13px 18px;
    position: relative;
    text-align: left;
}

.map-record-list-item:hover {
    border-color: var(--foreasy-green);
}

.map-record-list-item strong {
    color: var(--foreasy-green-dark);
    font-weight: 850;
}

.map-record-list-item small,
.map-record-list-item span:last-child,
.map-record-list-item span:nth-child(5) {
    color: var(--foreasy-muted);
    font-weight: 650;
}

.map-record-color {
    border-radius: 999px;
    display: inline-block;
    height: 100%;
    left: 0;
    min-height: 18px;
    position: absolute;
    top: 0;
    width: 5px;
}

.map-records-map-wrap,
.map-record-edit-map-wrap {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    min-height: 560px;
    overflow: hidden;
    position: relative;
}

.map-records-map,
.map-record-edit-map {
    background: #dfe7df;
    height: 100%;
    min-height: 680px;
    width: 100%;
}

.map-record-fullscreen-toggle {
    background: var(--foreasy-yellow);
    border: 1px solid rgba(31, 61, 43, 0.18);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 950;
    min-height: 42px;
    padding: 8px 14px;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 4;
}

.map-record-fullscreen-toggle:hover,
.map-record-fullscreen-toggle:focus {
    background: #efbd4d;
}

body.map-record-fullscreen-active {
    overflow: hidden;
}

.map-records-shell.is-map-fullscreen {
    display: block;
    inset: 0;
    min-height: 100vh;
    position: fixed;
    z-index: 2050;
}

.map-records-shell.is-map-fullscreen .map-records-panel {
    display: none;
}

.map-records-shell.is-map-fullscreen .map-records-map-wrap,
.map-record-edit-map-wrap.is-map-fullscreen {
    border: 0;
    border-radius: 0;
    height: 100vh;
    inset: 0;
    min-height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: 2050;
}

.map-records-shell.is-map-fullscreen .map-records-map,
.map-record-edit-map-wrap.is-map-fullscreen .map-record-edit-map {
    min-height: 100vh;
}

.map-record-edit-grid.is-map-fullscreen {
    display: block;
}

.map-record-edit-grid.is-map-fullscreen .map-record-edit-form {
    display: none;
}

.map-record-edit-map-wrap.is-map-fullscreen .map-record-fullscreen-toggle,
.map-records-shell.is-map-fullscreen .map-record-fullscreen-toggle {
    bottom: 18px;
    top: auto;
}

.map-records-selection {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    bottom: 18px;
    box-shadow: 0 20px 45px rgba(20, 61, 42, 0.16);
    max-width: 360px;
    padding: 18px;
    position: absolute;
    right: 18px;
    z-index: 2;
}

.map-records-selection .map-record-color {
    border-radius: 8px 0 0 8px;
}

.map-record-selection-close {
    background: transparent;
    border: 0;
    color: var(--foreasy-muted);
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 8px;
}

.map-records-selection h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.35rem;
    font-weight: 850;
    margin: 0 22px 8px 0;
}

.map-records-selection p {
    color: var(--foreasy-muted);
    line-height: 1.5;
}

.map-records-selection dl {
    display: grid;
    gap: 7px;
}

.map-records-selection dl div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.map-records-selection dt {
    color: var(--foreasy-muted);
    font-weight: 800;
}

.map-records-selection dd {
    color: var(--foreasy-ink);
    font-weight: 760;
    margin: 0;
    text-align: right;
}

.map-record-selection-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.map-record-empty {
    border: 1px dashed var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-muted);
    font-weight: 760;
    padding: 16px;
    text-align: center;
}

.map-record-edit-container {
    max-width: 1320px;
}

.map-record-edit-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.1fr);
}

.map-record-edit-form {
    display: grid;
    gap: 18px;
    padding: 22px;
}

.map-record-edit-map-wrap,
.map-record-edit-map {
    min-height: 720px;
}

.map-record-issue-fields,
.map-record-assignees,
.map-record-actions-panel,
.map-record-point-tools {
    border-top: 1px solid var(--foreasy-line);
    display: grid;
    gap: 14px;
    padding-top: 18px;
}

.map-record-assignees strong,
.map-record-actions-panel strong,
.map-record-point-tools strong {
    color: var(--foreasy-green-dark);
    font-size: 1.1rem;
    font-weight: 850;
}

.map-record-actions-heading,
.map-record-link-action-row,
.map-record-linked-action {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr auto;
}

.map-record-actions-heading span,
.map-record-linked-action span,
.map-record-linked-action small {
    color: var(--foreasy-muted);
    display: block;
    font-weight: 700;
}

.map-record-linked-actions {
    display: grid;
    gap: 10px;
}

.map-record-linked-action {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 12px;
}

.map-record-linked-action-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.map-record-activity-panel {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    margin-top: 16px;
    padding: 18px;
}

.map-record-comment-form {
    display: grid;
    gap: 10px;
}

.map-record-comment-form textarea {
    min-height: 88px;
}

.map-record-activity-list {
    display: grid;
    gap: 10px;
}

.map-record-activity-item {
    align-items: start;
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: 12px 1fr;
    padding: 12px;
}

.map-record-activity-marker {
    background: var(--foreasy-green);
    border-radius: 999px;
    height: 12px;
    margin-top: 5px;
    width: 12px;
}

.map-record-activity-item.activity-comment .map-record-activity-marker {
    background: var(--foreasy-yellow);
}

.map-record-activity-item.activity-action .map-record-activity-marker {
    background: #C8672B;
}

.map-record-activity-item.activity-document .map-record-activity-marker {
    background: #2F6FB0;
}

.map-record-activity-item.activity-closed .map-record-activity-marker {
    background: #6B7280;
}

.map-record-activity-item span,
.map-record-activity-item p {
    color: var(--foreasy-muted);
    font-weight: 700;
    margin: 2px 0 0;
}

.map-record-point-tools p {
    color: var(--foreasy-muted);
    margin: 0;
}

.map-record-checkbox {
    align-items: center;
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: flex !important;
    gap: 10px !important;
    padding: 10px 12px;
}

.map-record-checkbox input {
    min-height: 0;
    width: auto;
}

.map-record-point-list {
    display: grid;
    gap: 8px;
}

.map-record-point-row {
    align-items: center;
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 42px 1fr 34px;
    padding: 10px;
}

.map-record-point-row strong {
    color: var(--foreasy-green-dark);
}

.map-record-point-row span {
    color: var(--foreasy-muted);
    font-weight: 700;
}

.map-record-point-row button {
    background: transparent;
    border: 0;
    color: #a23b2a;
    font-size: 1.3rem;
    font-weight: 850;
}

.map-record-length-summary {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 850;
    padding: 10px 12px;
}

.map-record-delete-form {
    margin-top: 18px;
}

.document-upload-card {
    align-items: end;
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 18px;
    padding: 18px;
}

.document-upload-card label {
    color: var(--foreasy-green-dark);
    display: grid;
    font-weight: 780;
    gap: 8px;
    margin: 0;
}

.document-upload-card input[type="file"] {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    min-height: 46px;
    padding: 10px;
}

.document-upload-card .btn.is-loading {
    cursor: wait;
    opacity: 0.78;
}

.document-upload-loading {
    align-items: center;
    color: var(--foreasy-green-dark);
    display: flex;
    font-weight: 780;
    gap: 10px;
    grid-column: 1 / -1;
}

.document-upload-loading[hidden] {
    display: none;
}

.document-upload-inline-spinner {
    animation: foreasy-spin 0.8s linear infinite;
    border: 3px solid rgba(31, 76, 48, 0.18);
    border-radius: 999px;
    border-top-color: var(--foreasy-green);
    display: inline-block;
    height: 22px;
    width: 22px;
}

@keyframes foreasy-spin {
    to {
        transform: rotate(360deg);
    }
}

.document-table-card {
    margin-top: 18px;
}

.document-auto-refresh-notice {
    align-items: center;
    background: rgba(31, 90, 61, 0.07);
    border: 1px solid rgba(31, 90, 61, 0.14);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    display: flex;
    font-weight: 800;
    gap: 10px;
    margin-bottom: 14px;
    padding: 10px 12px;
}

.document-muted {
    color: var(--foreasy-muted);
    display: block;
    font-size: 0.9rem;
    font-weight: 650;
    margin-top: 3px;
}

.document-actions,
.document-intelligence-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.document-actions a,
.document-actions button {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font: inherit;
    font-size: 0.92rem;
    font-weight: 780;
    padding: 7px 10px;
    text-decoration: none;
}

.document-actions a.is-primary-action {
    background: var(--foreasy-green-dark);
    border-color: var(--foreasy-green-dark);
    color: var(--foreasy-white);
}

.empty-state-panel {
    align-items: flex-start;
    background: #f8fbf7;
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    margin: 8px 0;
    padding: 18px;
}

.empty-state-panel strong {
    color: var(--foreasy-green-dark);
    font-size: 1.05rem;
}

.empty-state-panel span {
    color: var(--foreasy-muted);
    line-height: 1.45;
}

.document-actions form,
.document-intelligence-actions form {
    margin: 0;
}

.document-detail-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.document-detail-grid div {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 13px;
}

.document-detail-grid span {
    color: var(--foreasy-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 850;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.document-detail-grid strong {
    color: var(--foreasy-green-dark);
    overflow-wrap: anywhere;
}

.document-intelligence-actions {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    margin-top: 18px;
    padding: 18px;
}

.document-json-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    overflow: auto;
    padding: 20px;
}

.document-json-card pre {
    color: var(--foreasy-ink);
    font-size: 0.88rem;
    line-height: 1.45;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.document-review-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.85fr);
    margin-bottom: 18px;
}

.document-reconciliation-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.document-reconciliation-metrics span {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 800;
    padding: 7px 9px;
}

.document-review-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.document-review-actions form {
    margin: 0;
}

.document-review-warning {
    border-color: rgba(172, 87, 54, 0.28);
}

.document-ai-overridden {
    background: #fff6c7;
}

.document-correction-table {
    min-width: 1100px;
}

.document-correction-table form {
    display: contents;
}

.document-correction-table .form-control-sm {
    min-width: 86px;
}

.document-correction-table .btn-sm {
    white-space: nowrap;
}

.document-review-checkbox {
    align-items: center;
    color: var(--foreasy-green-dark);
    display: flex;
    font-size: 0.85rem;
    font-weight: 760;
    gap: 6px;
}

.document-review-row-warnings {
    display: grid;
    gap: 4px;
    margin-top: 8px;
    max-width: 220px;
}

.document-review-row-warnings small {
    color: #7c5a12;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
}

.account-page-heading {
    max-width: 760px;
    margin-bottom: 28px;
}

.account-page-heading h1 {
    color: var(--foreasy-green-dark);
    font-size: clamp(2.1rem, 4vw, 3.4rem);
    font-weight: 850;
    line-height: 1.06;
}

.account-page-heading p {
    color: var(--foreasy-muted);
    font-size: 1.08rem;
    line-height: 1.65;
}

.configuration-actions {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 16px;
}

.configuration-table-card {
    margin-top: 0;
}

.configuration-table td strong {
    color: var(--foreasy-green-dark);
}

.configuration-default-badge {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 999px;
    color: var(--foreasy-muted);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 850;
    padding: 5px 9px;
}

.configuration-edit-form {
    max-width: 920px;
}

.configuration-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.form-page-navigation {
    margin-bottom: 14px;
}

.form-page-navigation .btn {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.page-breadcrumbs {
    margin: 18px 0 12px;
}

.site-breadcrumbs {
    padding-top: 16px;
}

.site-breadcrumbs .breadcrumb {
    font-size: 0.9rem;
    margin-bottom: 0;
}

.site-breadcrumbs a {
    color: var(--foreasy-green-dark);
    font-weight: 720;
    text-decoration: none;
}

.site-breadcrumbs a:hover,
.site-breadcrumbs a:focus {
    text-decoration: underline;
}

.page-breadcrumbs .breadcrumb {
    font-size: 0.92rem;
    margin-bottom: 0;
}

.page-breadcrumbs a {
    color: var(--foreasy-green-dark);
    font-weight: 720;
    text-decoration: none;
}

.page-breadcrumbs a:hover,
.page-breadcrumbs a:focus {
    text-decoration: underline;
}

.module-full-field {
    display: grid;
    gap: 7px;
}

.production-form-toolbar {
    display: flex;
    justify-content: flex-end;
}

.production-details-card {
    border-top: 1px solid var(--foreasy-line);
    display: grid;
    gap: 14px;
    padding-top: 18px;
}

.production-details-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.production-details-heading strong {
    color: var(--foreasy-green-dark);
    font-size: 1.1rem;
    font-weight: 850;
}

.production-detail-list {
    display: grid;
    gap: 10px;
}

.production-detail-row {
    align-items: end;
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(110px, 0.65fr) minmax(190px, auto);
    padding: 12px;
}

.production-detail-preview {
    color: var(--foreasy-muted);
    font-size: 0.9rem;
    font-weight: 750;
    grid-column: 1 / -1;
}

.production-detail-actions {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.production-comment-button {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
}

.production-comment-badge {
    background: var(--foreasy-green-dark);
    border-radius: 999px;
    color: var(--foreasy-white);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 850;
    min-width: 24px;
    padding: 2px 7px;
}

.production-comment-fields {
    display: none;
}

.production-comments-modal .modal-title {
    color: var(--foreasy-green-dark);
    font-size: 1.25rem;
    font-weight: 850;
}

.production-comment-list {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.production-comment-modal-row {
    align-items: start;
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px;
}

.production-comment-modal-row strong {
    color: var(--foreasy-green-dark);
}

.production-comment-modal-row p {
    color: var(--foreasy-ink);
    margin: 4px 0 0;
    white-space: pre-wrap;
}

.production-comment-empty {
    border: 1px dashed var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-muted);
    font-weight: 750;
    margin-bottom: 14px;
    padding: 14px;
}

.production-comment-editor {
    border-top: 1px solid var(--foreasy-line);
    display: grid;
    gap: 12px;
    padding-top: 16px;
}

.production-comment-editor label {
    color: var(--foreasy-green-dark);
    display: grid;
    font-weight: 760;
    gap: 7px;
}

.production-comment-editor select,
.production-comment-editor textarea {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    font: inherit;
    padding: 10px 12px;
    width: 100%;
}

.production-detail-remove {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: #9b3326;
    font: inherit;
    font-weight: 800;
    min-height: 46px;
    padding: 8px 12px;
}

.account-form,
.account-table-card,
.account-status {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
}

.account-form {
    display: grid;
    gap: 22px;
    max-width: 920px;
    padding: 28px;
}

.account-form-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-form label {
    color: var(--foreasy-green-dark);
    display: grid;
    font-weight: 760;
    gap: 7px;
}

.account-form input,
.account-form select,
.account-form textarea {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    font: inherit;
    min-height: 46px;
    padding: 10px 12px;
    width: 100%;
}

.account-form input:focus,
.account-form select:focus,
.account-form textarea:focus {
    border-color: var(--foreasy-green);
    box-shadow: 0 0 0 3px rgba(31, 90, 61, 0.12);
    outline: 0;
}

.account-password-panel {
    border-top: 1px solid var(--foreasy-line);
    padding-top: 22px;
}

.account-password-panel h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.35rem;
    font-weight: 840;
}

.account-password-panel p {
    color: var(--foreasy-muted);
    margin-bottom: 16px;
}

.account-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.account-actions a {
    color: var(--foreasy-green-dark);
    font-weight: 760;
}

.account-status {
    color: var(--foreasy-green-dark);
    font-weight: 780;
    margin-bottom: 18px;
    padding: 14px 16px;
}

.account-user-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 18px;
}

.account-table-card {
    overflow-x: auto;
    padding: 6px;
}

.account-table {
    margin: 0;
    min-width: 720px;
    width: 100%;
}

.account-table th,
.account-table td {
    border-bottom: 1px solid var(--foreasy-line);
    color: var(--foreasy-ink);
    padding: 15px 14px;
    vertical-align: middle;
}

.account-table th {
    color: var(--foreasy-green-dark);
    font-size: 0.82rem;
    font-weight: 850;
    text-transform: uppercase;
}

.configuration-style-preview,
.configuration-map-preview {
    align-items: center;
    display: inline-flex;
    gap: 10px;
}

.configuration-style-dot,
.configuration-map-marker {
    border: 2px solid #fff;
    border-radius: 999px;
    box-shadow: 0 0 0 1px var(--foreasy-line);
    display: inline-block;
    height: 22px;
    width: 22px;
}

.configuration-map-marker {
    height: 38px;
    position: relative;
    width: 38px;
}

.configuration-map-marker::after {
    background: #fff;
    border-radius: 999px;
    content: "";
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
}

.configuration-style-panel {
    border-top: 1px solid var(--foreasy-line);
    display: grid;
    gap: 16px;
    grid-column: 1 / -1;
    padding-top: 18px;
}

.configuration-style-heading {
    display: grid;
    gap: 4px;
}

.configuration-style-heading strong {
    color: var(--foreasy-green-dark);
    font-weight: 850;
}

.configuration-style-heading span,
.configuration-map-preview small {
    color: var(--foreasy-muted);
    font-weight: 700;
}

.configuration-swatch-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.configuration-swatch {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 999px;
    height: 38px;
    padding: 3px;
    width: 38px;
}

.configuration-swatch span {
    border-radius: 999px;
    display: block;
    height: 100%;
    width: 100%;
}

.configuration-swatch.is-selected {
    border-color: var(--foreasy-green);
}

.account-table tr:last-child td {
    border-bottom: 0;
}

.account-status-pill {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 820;
    padding: 5px 10px;
}

.account-status-pill.is-active {
    background: #e8f4ec;
    color: var(--foreasy-green-dark);
}

.account-status-pill.is-inactive {
    background: #f3ebe8;
    color: #8c3b2f;
}

.account-status-pill.is-warning {
    background: #fff4d8;
    color: #7c5a12;
}

.account-status-pill.is-pending {
    background: #fff4d8;
    color: #7c5a12;
}

.invite-form-card {
    margin-bottom: 18px;
    padding: 18px;
}

.invite-form-card h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.25rem;
    font-weight: 900;
    margin: 0 0 14px;
}

.account-action-cell {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.account-action-cell form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.invite-date-input {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    max-width: 150px;
    padding: 7px 8px;
}

.public-onboarding-card {
    margin-top: 18px;
    padding: 22px;
}

.public-onboarding-card p {
    color: var(--foreasy-ink);
    font-weight: 750;
}

.public-onboarding-actions {
    border-top: 1px solid var(--foreasy-line);
    margin-top: 18px;
    padding-top: 14px;
}

.account-form-grid label {
    color: var(--foreasy-green-dark);
    display: grid;
    font-weight: 820;
    gap: 8px;
}

.account-form-grid .configuration-checkbox-row {
    align-items: center;
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 12px 14px;
}

.account-form-grid .configuration-checkbox-row input {
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
}

.account-form-grid .configuration-checkbox-row span {
    display: grid;
    gap: 2px;
}

.account-form-grid .configuration-checkbox-row small {
    color: var(--foreasy-muted);
    font-weight: 650;
}

.account-form-grid input {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    font: inherit;
    padding: 12px 14px;
}

.account-form-grid input:focus {
    border-color: var(--foreasy-green);
    box-shadow: 0 0 0 3px rgba(31, 90, 61, 0.12);
    outline: none;
}

.account-form-grid .configuration-checkbox-row input[type="checkbox"] {
    accent-color: var(--foreasy-green);
    box-shadow: none;
    padding: 0;
}

@media (max-width: 992px) {
    .hero-grid,
    .workflow-grid,
    .signup-grid,
    .auth-grid,
    .legal-layout {
        grid-template-columns: 1fr;
    }

    .legal-layout aside {
        position: static;
    }

    .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-heading,
    .dashboard-content-grid,
    .coming-soon-grid,
    .map-records-shell,
    .map-record-edit-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-heading,
    .map-records-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .document-review-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-account-card {
        min-width: 0;
        width: 100%;
    }

    .navbar-nav-wrap {
        align-items: flex-start;
        gap: 4px;
        padding-top: 12px;
    }

    .navbar-nav-wrap,
    .public-nav,
    .account-nav {
        flex-direction: column;
    }

    .account-nav {
        border-left: 0;
        border-top: 1px solid var(--foreasy-line);
        padding-left: 0;
        padding-top: 8px;
        width: 100%;
    }

    .account-switcher-host,
    .current-year-host {
        min-width: 0;
        width: 100%;
    }

    .foreasy-nav .nav-link,
    .language-switch {
        margin-left: 0;
    }

    .foreasy-dropdown-toggle {
        padding-left: 0;
        text-align: left;
    }

    .foreasy-dropdown-menu {
        box-shadow: none;
        margin: 2px 0 8px;
        position: static;
        width: 100%;
    }

    .map-records-panel {
        max-height: none;
    }

    .map-records-map,
    .map-record-edit-map {
        min-height: 520px;
    }
}

@media (max-width: 640px) {
    .home-hero {
        padding: 64px 0 48px;
    }

    .feature-grid,
    .dashboard-metrics,
    .signup-form-grid,
    .account-form-grid,
    .workflow-list div,
    .document-upload-card,
    .document-detail-grid,
    .map-records-filter-grid,
    .production-detail-row {
        grid-template-columns: 1fr;
    }

    .map-records-container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .map-records-header-actions {
        justify-content: stretch;
        width: 100%;
    }

    .map-records-header-actions .btn {
        width: 100%;
    }

    .map-records-selection {
        bottom: 10px;
        left: 10px;
        max-width: none;
        right: 10px;
    }

    .contact-box {
        padding: 28px;
    }

    .legal-content {
        padding: 24px;
    }

    .footer-grid {
        align-items: flex-start;
        flex-direction: column;
    }
}

.conciliation-summary-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 22px 0;
}

.conciliation-summary-grid article {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(20, 61, 42, 0.07);
    padding: 16px;
}

.conciliation-summary-grid strong {
    color: var(--foreasy-green-dark);
    display: block;
    font-size: 1.9rem;
    font-weight: 900;
    line-height: 1;
}

.conciliation-summary-grid span {
    color: var(--foreasy-muted);
    display: block;
    font-weight: 800;
    margin-top: 8px;
}

.conciliation-filter-form {
    margin-bottom: 22px;
}

.conciliation-workflow-cards {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 22px 0;
}

.conciliation-workflow-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-left: 5px solid var(--foreasy-yellow);
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(20, 61, 42, 0.07);
    color: var(--foreasy-green-dark);
    display: grid;
    gap: 6px;
    min-height: 132px;
    padding: 16px;
    text-decoration: none;
}

.conciliation-workflow-card:hover,
.conciliation-workflow-card:focus {
    border-color: rgba(31, 90, 61, 0.35);
    color: var(--foreasy-green-dark);
    transform: translateY(-1px);
}

.conciliation-workflow-card.is-active {
    background: var(--foreasy-green-dark);
    border-color: var(--foreasy-green-dark);
    border-left-color: var(--foreasy-yellow);
    color: var(--foreasy-white);
}

.conciliation-workflow-card strong {
    display: block;
    font-size: 2.1rem;
    font-weight: 950;
    line-height: 1;
}

.conciliation-workflow-card span {
    display: block;
    font-size: 1rem;
    font-weight: 950;
}

.conciliation-workflow-card small {
    color: var(--foreasy-muted);
    display: block;
    font-weight: 760;
    line-height: 1.3;
}

.conciliation-workflow-card.is-active small {
    color: rgba(255, 255, 255, 0.78);
}

.conciliation-stage-heading {
    align-items: end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 28px 0 14px;
}

.conciliation-stage-heading h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.55rem;
    font-weight: 950;
    margin: 0 0 6px;
}

.conciliation-stage-heading p {
    color: var(--foreasy-muted);
    font-weight: 720;
    margin: 0;
    max-width: 820px;
}

.conciliation-display-count {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    flex: 0 0 auto;
    font-weight: 900;
    padding: 10px 12px;
}

.conciliation-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0;
}

.conciliation-tabs a {
    align-items: center;
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    padding: 10px 14px;
    text-decoration: none;
}

.conciliation-tabs a.is-active {
    background: var(--foreasy-green-dark);
    border-color: var(--foreasy-green-dark);
    color: var(--foreasy-white);
}

.conciliation-tabs span {
    background: rgba(31, 90, 61, 0.12);
    border-radius: 999px;
    font-size: 0.76rem;
    min-width: 24px;
    padding: 4px 7px;
    text-align: center;
}

.conciliation-tabs a.is-active span {
    background: rgba(255, 255, 255, 0.18);
}

.conciliation-summary-grid-review {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.conciliation-table-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(20, 61, 42, 0.08);
    padding: 18px;
}

.conciliation-review-list {
    display: grid;
    gap: 14px;
}

.conciliation-review-card {
    align-items: start;
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.9fr) minmax(180px, 0.6fr);
    padding: 16px;
}

.conciliation-review-card h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.16rem;
    font-weight: 900;
    margin: 6px 0;
}

.conciliation-review-card p {
    color: var(--foreasy-muted);
    font-weight: 700;
    margin: 4px 0 0;
}

.conciliation-review-type {
    color: var(--foreasy-green);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.conciliation-review-facts {
    display: grid;
    gap: 5px;
}

.conciliation-review-facts span {
    color: var(--foreasy-ink);
    font-weight: 800;
}

.conciliation-review-actions {
    align-items: stretch;
    display: grid;
    gap: 8px;
}

.conciliation-review-status {
    border-radius: 999px;
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 900;
    padding: 7px 10px;
    text-align: center;
}

.conciliation-review-running,
.conciliation-review-waiting {
    background: #e8f0fb;
    color: #315f92;
}

.conciliation-review-needed {
    background: #fff4d8;
    color: #7c5a12;
}

.conciliation-review-warning {
    background: #f8e9df;
    color: #9b4a2f;
}

.conciliation-review-imported,
.conciliation-review-applied {
    background: #e6f4eb;
    color: #1d6b43;
}

.conciliation-placeholder-title {
    color: var(--foreasy-green-dark);
    font-size: 1.35rem;
    font-weight: 900;
    margin: 0 0 8px;
}

.conciliation-table-wrap {
    overflow-x: auto;
}

.conciliation-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1180px;
    width: 100%;
}

.conciliation-table th {
    background: var(--foreasy-green-dark);
    color: var(--foreasy-white);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 12px;
    text-transform: uppercase;
    vertical-align: top;
}

.conciliation-table td {
    border-bottom: 1px solid var(--foreasy-line);
    color: var(--foreasy-ink);
    padding: 12px;
    vertical-align: top;
}

.conciliation-table td > span,
.conciliation-table td > small,
.conciliation-table td > a {
    display: block;
    margin-top: 4px;
}

.conciliation-table td strong {
    color: var(--foreasy-green-dark);
    display: block;
    font-weight: 900;
}

.conciliation-table a {
    color: var(--foreasy-green);
    font-weight: 850;
}

.conciliation-match-quality {
    color: var(--foreasy-muted);
    font-weight: 750;
}

.conciliation-badge,
.conciliation-state {
    border-radius: 999px;
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1;
    padding: 6px 9px;
}

.conciliation-badge-ok {
    background: #e6f4eb;
    color: #1d6b43;
}

.conciliation-badge-missing {
    background: #f8e9df;
    color: #9b4a2f;
}

.conciliation-state-complete {
    background: #e6f4eb;
    color: #1d6b43;
}

.conciliation-state-warning {
    background: #fff4d8;
    color: #7c5a12;
}

.conciliation-state-suggested {
    background: #e8f0fb;
    color: #315f92;
}

.conciliation-row-actions {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.conciliation-row-actions form {
    margin: 0;
}

.conciliation-row-actions .btn {
    justify-content: center;
    white-space: normal;
    width: 100%;
}

.automation-settings-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 14px 0;
}

.automation-toggle {
    align-items: center;
    background: rgba(31, 90, 61, 0.06);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    display: flex;
    font-weight: 850;
    gap: 10px;
    padding: 12px 14px;
}

.automation-toggle input {
    height: 18px;
    width: 18px;
}

.automation-report-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
}

.automation-report-grid article {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(20, 61, 42, 0.08);
    padding: 18px;
}

.automation-report-grid strong {
    color: var(--foreasy-green-dark);
    display: block;
    font-size: 1.85rem;
    font-weight: 950;
    line-height: 1;
}

.automation-report-grid span {
    color: var(--foreasy-muted);
    display: block;
    font-weight: 850;
    margin-top: 8px;
}

.automation-report-actions {
    justify-content: flex-start;
    margin-bottom: 18px;
}

.automation-log-table {
    min-width: 860px;
}

.dashboard-setup-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(20, 61, 42, 0.08);
    margin: 24px 0;
    padding: 22px;
}

.dashboard-setup-heading {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.dashboard-setup-heading h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.35rem;
    font-weight: 950;
    margin: 0;
}

.dashboard-setup-heading p {
    color: var(--foreasy-muted);
    margin: 6px 0 0;
}

.dashboard-setup-heading > strong {
    background: var(--foreasy-green);
    border-radius: 999px;
    color: white;
    flex: 0 0 auto;
    font-size: 0.95rem;
    padding: 8px 12px;
}

.dashboard-setup-list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}

.dashboard-setup-item {
    align-items: center;
    background: rgba(31, 90, 61, 0.045);
    border: 1px solid rgba(31, 90, 61, 0.12);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: 26px 1fr auto;
    padding: 14px;
}

.dashboard-setup-item > span {
    align-items: center;
    background: var(--foreasy-yellow);
    border-radius: 999px;
    color: var(--foreasy-green-dark);
    display: flex;
    font-weight: 950;
    height: 26px;
    justify-content: center;
    width: 26px;
}

.dashboard-setup-item h3 {
    color: var(--foreasy-green-dark);
    font-size: 1rem;
    font-weight: 950;
    margin: 0;
}

.dashboard-setup-item p {
    color: var(--foreasy-muted);
    font-size: 0.92rem;
    margin: 3px 0 0;
}

.dashboard-setup-item.is-complete {
    background: #e6f4eb;
}

.dashboard-setup-item.is-complete > span {
    background: var(--foreasy-green);
    color: white;
}

.dashboard-gap-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: -4px 0 24px;
}

.dashboard-gap-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-left: 5px solid #b8c7bd;
    border-radius: 8px;
    padding: 14px 16px;
}

.dashboard-gap-card.has-gap {
    border-left-color: var(--foreasy-yellow);
}

.dashboard-gap-card span {
    color: var(--foreasy-muted);
    display: block;
    font-weight: 850;
}

.dashboard-gap-card strong {
    color: var(--foreasy-green-dark);
    display: block;
    font-size: 1.25rem;
    font-weight: 950;
    margin-top: 4px;
}

.context-help-button {
    align-items: center;
    background: var(--foreasy-yellow);
    border: 1px solid rgba(31, 61, 43, 0.18);
    border-radius: 999px;
    bottom: 24px;
    box-shadow: 0 14px 34px rgba(31, 61, 43, 0.18);
    color: var(--foreasy-green-dark);
    display: flex;
    font-size: 1.25rem;
    font-weight: 950;
    height: 52px;
    justify-content: center;
    position: fixed;
    right: 24px;
    width: 52px;
    z-index: 1030;
}

.notification-toast-host {
    bottom: 92px;
    display: grid;
    gap: 10px;
    max-width: min(360px, calc(100vw - 32px));
    position: fixed;
    right: 24px;
    z-index: 1090;
}

.notification-toast {
    background: var(--foreasy-green-dark);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-left: 5px solid var(--foreasy-yellow);
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(31, 61, 43, 0.28);
    color: white;
    cursor: pointer;
    display: grid;
    gap: 4px;
    opacity: 0;
    padding: 14px 16px;
    text-align: left;
    transform: translateY(8px);
    transition: opacity 180ms ease, transform 180ms ease;
}

.notification-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.notification-toast strong {
    display: block;
    font-size: 0.98rem;
    font-weight: 950;
}

.notification-toast span {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.9rem;
    font-weight: 650;
}

.notification-toast-refresh {
    background: #2f6748;
}

.context-help-button:hover,
.context-help-button:focus {
    background: #efbd4d;
    color: var(--foreasy-green-dark);
    transform: translateY(-1px);
}

.context-help-modal {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
}

.context-help-eyebrow {
    color: var(--foreasy-muted);
    display: block;
    font-size: 0.8rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.context-help-modal .modal-title {
    color: var(--foreasy-green-dark);
    font-size: 1.5rem;
    font-weight: 950;
}

.context-help-intro {
    color: var(--foreasy-green-dark);
    font-size: 1.05rem;
    font-weight: 750;
    margin-bottom: 18px;
}

.context-help-list {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.context-help-list li {
    border-left: 4px solid var(--foreasy-yellow);
    color: var(--foreasy-muted);
    font-weight: 650;
    padding: 3px 0 3px 12px;
}

.context-help-action {
    background: rgba(31, 90, 61, 0.07);
    border: 1px solid rgba(31, 90, 61, 0.12);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 850;
    margin-top: 18px;
    padding: 14px 16px;
}

.context-help-tabs {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
}

.context-help-tab {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 900;
    padding: 10px 12px;
}

.context-help-tab.is-active {
    background: var(--foreasy-yellow);
    border-color: rgba(31, 61, 43, 0.18);
}

.context-help-panel {
    display: none;
}

.context-help-panel.is-active {
    display: block;
}

.context-help-suggestions,
.context-help-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.context-help-suggestion,
.context-help-nav {
    background: var(--foreasy-paper);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 800;
    padding: 8px 10px;
    text-decoration: none;
}

.context-help-suggestion {
    cursor: pointer;
}

.context-help-nav {
    background: #fff8da;
}

.context-help-messages {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
    max-height: 340px;
    overflow-y: auto;
    padding: 12px;
}

.context-help-message {
    border-radius: 8px;
    font-weight: 650;
    line-height: 1.45;
    max-width: 86%;
    padding: 10px 12px;
}

.context-help-message.assistant {
    background: var(--foreasy-paper);
    color: var(--foreasy-ink);
}

.context-help-message.user {
    background: var(--foreasy-green);
    color: var(--foreasy-white);
    justify-self: end;
}

.context-help-chat-form {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.context-help-chat-form input {
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-ink);
    min-height: 48px;
    padding: 10px 12px;
    width: 100%;
}

.context-help-contact {
    margin-bottom: 12px;
}

.context-help-status {
    color: var(--foreasy-muted);
    font-weight: 750;
    margin: 10px 0 0;
}

.excel-export-form {
    display: grid;
    gap: 20px;
}

.excel-export-panel {
    display: grid;
    gap: 18px;
}

.excel-export-panel-heading {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.excel-export-panel-heading h2 {
    color: var(--foreasy-green-dark);
    font-size: 1.2rem;
    font-weight: 900;
    margin: 0;
}

.excel-export-presets {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.excel-export-preset,
.excel-export-choice {
    align-items: flex-start;
    background: rgba(31, 90, 61, 0.035);
    border: 1px solid rgba(31, 90, 61, 0.13);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding: 14px;
}

.excel-export-preset.is-selected {
    background: rgba(31, 90, 61, 0.08);
    border-color: rgba(31, 90, 61, 0.45);
}

.excel-export-preset input,
.excel-export-choice input[type="checkbox"] {
    flex: 0 0 auto;
    height: 18px;
    margin-top: 3px;
    width: 18px;
}

.excel-export-preset span,
.excel-export-choice span {
    display: grid;
    gap: 4px;
}

.excel-export-preset strong,
.excel-export-choice strong {
    color: var(--foreasy-green-dark);
    font-weight: 900;
}

.excel-export-preset small,
.excel-export-choice small {
    color: var(--foreasy-muted);
    font-weight: 650;
    line-height: 1.35;
}

.excel-export-custom {
    display: grid;
    gap: 18px;
}

.excel-export-group {
    display: grid;
    gap: 10px;
}

.excel-export-group h3 {
    color: var(--foreasy-green-dark);
    font-size: 1rem;
    font-weight: 900;
    margin: 0;
}

.excel-export-options,
.excel-export-checks {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.inventory-metric-card {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    min-height: 132px;
    padding: 22px;
}

.inventory-metric-card strong {
    color: var(--foreasy-green-dark);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 950;
    line-height: 1;
}

.inventory-metric-card span {
    color: var(--foreasy-muted);
    font-weight: 850;
}

.inventory-metric-card-warning strong {
    color: #9f4b37;
}

.inventory-toolbar {
    align-items: stretch;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0 0 18px;
}

.inventory-filter-panel {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    padding: 16px;
}

.inventory-filter-grid {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(120px, 0.7fr) minmax(180px, 1fr) minmax(220px, 1.4fr) auto;
}

.inventory-filter-grid label {
    display: grid;
    gap: 6px;
    margin: 0;
}

.inventory-filter-grid span {
    color: var(--foreasy-muted);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.inventory-filter-grid input,
.inventory-filter-grid select {
    background: var(--foreasy-white);
    border: 1px solid var(--foreasy-line);
    border-radius: 8px;
    color: var(--foreasy-green-dark);
    font-weight: 750;
    min-height: 48px;
    padding: 10px 12px;
    width: 100%;
}

.inventory-actions {
    align-content: stretch;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, auto);
}

.inventory-actions .btn,
.inventory-actions form,
.inventory-actions button {
    height: 100%;
}

.inventory-actions .btn,
.inventory-actions button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 56px;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .conciliation-workflow-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .conciliation-stage-heading {
        align-items: start;
        flex-direction: column;
    }

    .conciliation-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .conciliation-summary-grid-review {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .conciliation-review-card {
        grid-template-columns: 1fr;
    }

    .automation-settings-grid,
    .automation-report-grid,
    .dashboard-setup-list,
    .excel-export-presets,
    .excel-export-checks,
    .inventory-summary-grid,
    .dashboard-gap-grid {
        grid-template-columns: 1fr;
    }

    .excel-export-options,
    .inventory-toolbar {
        grid-template-columns: 1fr;
    }

    .inventory-actions,
    .inventory-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .conciliation-workflow-cards {
        grid-template-columns: 1fr;
    }

    .conciliation-summary-grid {
        grid-template-columns: 1fr;
    }

    .context-help-button {
        bottom: 16px;
        height: 48px;
        right: 16px;
        width: 48px;
    }

    .notification-toast-host {
        bottom: 76px;
        right: 16px;
    }

    .excel-export-options,
    .excel-export-checks,
    .inventory-actions,
    .inventory-filter-grid {
        grid-template-columns: 1fr;
    }

    .excel-export-panel-heading {
        flex-direction: column;
    }
}