/*
 * Green Navigator UI System
 * ------------------------------------------------------------
 * Shared visual language for the authenticated application.
 *
 * Keep module-specific layout inside each module.
 * Put reusable UI behaviour and appearance here.
 */


/* ============================================================
   DESIGN TOKENS
   ============================================================ */

:root {
    --gn-green-950: #102d1a;
    --gn-green-900: #173d24;
    --gn-green-800: #214f2d;
    --gn-green-700: #2f6b3d;
    --gn-green-600: #3e7d4b;
    --gn-green-500: #579263;

    --gn-green-100: #eaf4ec;
    --gn-green-75: #eff7f1;
    --gn-green-50: #f4f8f5;

    --gn-page: #f6f8f6;
    --gn-surface: #ffffff;
    --gn-surface-soft: #fafcfb;

    --gn-text: #213127;
    --gn-text-soft: #46544b;
    --gn-muted: #6a776e;
    --gn-muted-light: #87928a;

    --gn-border: #dfe8e1;
    --gn-border-strong: #c5d4c8;

    --gn-danger: #9f3c35;
    --gn-danger-bg: #fff3f2;
    --gn-danger-border: #ebc7c3;

    --gn-warning: #846119;
    --gn-warning-bg: #fff9e8;
    --gn-warning-border: #ead99f;

    --gn-success: #28683a;
    --gn-success-bg: #edf8ef;
    --gn-success-border: #cce4d1;

    --gn-info: #315f72;
    --gn-info-bg: #eef6f9;
    --gn-info-border: #cbdfe6;

    --gn-radius-sm: 7px;
    --gn-radius-md: 10px;
    --gn-radius-lg: 13px;
    --gn-radius-xl: 16px;

    --gn-shadow-xs:
        0 2px 7px
        rgba(30, 67, 39, 0.025);

    --gn-shadow-sm:
        0 5px 18px
        rgba(30, 67, 39, 0.045);

    --gn-shadow-md:
        0 10px 28px
        rgba(30, 67, 39, 0.07);

    --gn-focus:
        0 0 0 3px
        rgba(47, 107, 61, 0.12);
}


/* ============================================================
   GLOBAL APP FINISH
   ============================================================ */

.app-content {
    color: var(--gn-text);
}

.app-content a,
.app-content button,
.app-content input,
.app-content select,
.app-content textarea {
    -webkit-tap-highlight-color: transparent;
}

.app-content button,
.app-content input,
.app-content select,
.app-content textarea {
    font-family: inherit;
}

.app-content input,
.app-content select,
.app-content textarea {
    transition:
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        background 0.16s ease;
}

.app-content input:focus,
.app-content select:focus,
.app-content textarea:focus {
    outline: none;
}


/* ============================================================
   STANDARD PAGE
   ============================================================ */

.gn-page {
    display: grid;
    gap: 22px;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
}

.gn-page--narrow {
    max-width: 900px;
}

.gn-page--compact {
    max-width: 720px;
}


/* ============================================================
   PAGE HEADER
   ============================================================ */

.gn-page-header {
    display: flex;

    gap: 18px;

    align-items: flex-start;
    justify-content: space-between;

    flex-wrap: wrap;
}

.gn-page-header-copy {
    min-width: 0;
}

.gn-page-title {
    margin: 0;

    color: #203227;

    font-size:
        clamp(
            1.55rem,
            2.4vw,
            2.05rem
        );

    font-weight: 850;
    line-height: 1.15;

    letter-spacing: -0.02em;
}

.gn-page-description {
    max-width: 780px;

    margin: 7px 0 0;

    color: var(--gn-muted);

    font-size: 0.91rem;
    line-height: 1.55;
}

.gn-page-actions {
    display: flex;

    gap: 9px;

    align-items: center;

    flex-wrap: wrap;
}


/* ============================================================
   CARDS / PANELS
   ============================================================ */

.gn-card {
    background: var(--gn-surface);

    border:
        1px solid var(--gn-border);

    border-radius:
        var(--gn-radius-lg);

    box-shadow:
        var(--gn-shadow-xs);
}

.gn-card--padded {
    padding: 22px;
}

.gn-card--soft {
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbf9
        );
}

.gn-card--interactive {
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.gn-card--interactive:hover {
    border-color: #b9ccbd;

    box-shadow:
        var(--gn-shadow-md);

    transform:
        translateY(-2px);
}


/* ============================================================
   SECTION HEADERS
   ============================================================ */

.gn-section-header {
    display: flex;

    min-height: 58px;

    padding: 15px 18px;

    align-items: center;
    justify-content: space-between;

    gap: 16px;

    border-bottom:
        1px solid #e9efea;
}

.gn-section-title {
    margin: 0;

    color: #293b30;

    font-size: 1rem;
    font-weight: 850;
}

.gn-section-description {
    margin: 4px 0 0;

    color: var(--gn-muted-light);

    font-size: 0.73rem;
    line-height: 1.45;
}


/* ============================================================
   BUTTONS
   ============================================================ */

.gn-btn {
    display: inline-flex;

    min-height: 41px;

    padding: 8px 14px;

    align-items: center;
    justify-content: center;

    gap: 8px;

    color: #ffffff;
    background: var(--gn-green-700);

    border:
        1px solid var(--gn-green-700);

    border-radius:
        var(--gn-radius-md);

    font: inherit;
    font-size: 0.83rem;
    font-weight: 800;

    line-height: 1.2;

    text-align: center;
    text-decoration: none;

    cursor: pointer;

    transition:
        color 0.17s ease,
        background 0.17s ease,
        border-color 0.17s ease,
        box-shadow 0.17s ease,
        transform 0.17s ease;
}

.gn-btn:hover {
    color: #ffffff;

    background:
        var(--gn-green-800);

    border-color:
        var(--gn-green-800);

    text-decoration: none;

    box-shadow:
        0 6px 16px
        rgba(47, 107, 61, 0.14);

    transform:
        translateY(-1px);
}

.gn-btn:active {
    transform:
        translateY(0);
}

.gn-btn:focus-visible {
    outline: none;

    box-shadow:
        var(--gn-focus);
}

.gn-btn--secondary {
    color:
        var(--gn-green-700);

    background:
        #ffffff;

    border-color:
        #b8cfbd;
}

.gn-btn--secondary:hover {
    color:
        var(--gn-green-800);

    background:
        var(--gn-green-50);

    border-color:
        #9ebaa5;

    box-shadow: none;
}

.gn-btn--danger {
    color:
        var(--gn-danger);

    background:
        #ffffff;

    border-color:
        #dfbbb7;
}

.gn-btn--danger:hover {
    color: #ffffff;

    background:
        var(--gn-danger);

    border-color:
        var(--gn-danger);
}

.gn-btn--ghost {
    color:
        #536158;

    background:
        transparent;

    border-color:
        transparent;
}

.gn-btn--ghost:hover {
    color:
        var(--gn-green-800);

    background:
        var(--gn-green-50);

    border-color:
        var(--gn-border);

    box-shadow: none;
}

.gn-btn--small {
    min-height: 36px;

    padding:
        7px 11px;

    font-size:
        0.76rem;
}


/* ============================================================
   FORMS
   ============================================================ */

.gn-form {
    padding: 22px;
}

.gn-form-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 17px;
}

.gn-field {
    min-width: 0;
}

.gn-field--full {
    grid-column:
        1 / -1;
}

.gn-field > label {
    display: block;

    margin-bottom: 7px;

    color:
        #36483c;

    font-size:
        0.79rem;

    font-weight:
        800;
}

.gn-field input:not(
    [type="checkbox"]
):not(
    [type="radio"]
),
.gn-field select,
.gn-field textarea {
    width: 100%;

    padding:
        9px 11px;

    color:
        #29362e;

    background:
        #ffffff;

    border:
        1px solid #bdcabe;

    border-radius:
        9px;

    font: inherit;
}

.gn-field input:not(
    [type="checkbox"]
):not(
    [type="radio"]
),
.gn-field select {
    min-height:
        44px;
}

.gn-field textarea {
    min-height:
        110px;

    resize:
        vertical;
}

.gn-field input:not(
    [type="checkbox"]
):not(
    [type="radio"]
):focus,
.gn-field select:focus,
.gn-field textarea:focus {
    border-color:
        #60906c;

    box-shadow:
        var(--gn-focus);
}

.gn-field input:disabled,
.gn-field select:disabled,
.gn-field textarea:disabled {
    color:
        #89948d;

    background:
        #f2f5f3;

    cursor:
        not-allowed;
}

.gn-help {
    display: block;

    margin-top: 6px;

    color:
        #7d8981;

    font-size:
        0.7rem;

    line-height:
        1.45;
}

.gn-form-actions {
    display: flex;

    gap: 9px;

    margin-top: 22px;

    flex-wrap: wrap;
}


/* ============================================================
   CHECKBOX
   ============================================================ */

.gn-check {
    display: flex;

    min-height: 60px;

    padding:
        11px 13px;

    align-items: center;

    gap: 11px;

    color:
        inherit;

    background:
        linear-gradient(
            135deg,
            #fbfdfb,
            #f6faf7
        );

    border:
        1px solid #dbe5dd;

    border-radius:
        var(--gn-radius-md);

    cursor:
        pointer;

    user-select:
        none;

    transition:
        background 0.17s ease,
        border-color 0.17s ease,
        box-shadow 0.17s ease;
}

.gn-check:hover {
    background:
        #f3f8f4;

    border-color:
        #bfd1c2;

    box-shadow:
        var(--gn-shadow-xs);
}

.gn-check input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    display: grid;

    width: 19px;
    height: 19px;

    min-width: 19px;
    min-height: 19px;

    margin: 0;
    padding: 0;

    place-content: center;

    background:
        #ffffff;

    border:
        1.5px solid #aabaae;

    border-radius:
        5px;

    cursor:
        pointer;

    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.gn-check input[type="checkbox"]::before {
    width: 9px;
    height: 5px;

    content: "";

    border-left:
        2px solid #ffffff;

    border-bottom:
        2px solid #ffffff;

    transform:
        rotate(-45deg)
        scale(0);

    transform-origin:
        center;

    transition:
        transform 0.12s ease;
}

.gn-check input[type="checkbox"]:checked {
    background:
        var(--gn-green-700);

    border-color:
        var(--gn-green-700);
}

.gn-check input[type="checkbox"]:checked::before {
    transform:
        rotate(-45deg)
        scale(1);
}

.gn-check input[type="checkbox"]:focus-visible {
    outline: none;

    box-shadow:
        var(--gn-focus);
}

.gn-check-copy {
    min-width: 0;
}

.gn-check-title {
    display: block;

    color:
        #3c4e42;

    font-size:
        0.8rem;

    font-weight:
        800;

    line-height:
        1.35;
}

.gn-check-help {
    display: block;

    margin-top:
        3px;

    color:
        #7c8880;

    font-size:
        0.69rem;

    line-height:
        1.4;
}


/* ============================================================
   FILTER BAR
   ============================================================ */

.gn-filter-bar {
    display: flex;

    padding:
        14px;

    gap:
        10px;

    align-items:
        end;

    flex-wrap:
        wrap;

    background:
        #ffffff;

    border:
        1px solid var(--gn-border);

    border-radius:
        var(--gn-radius-lg);
}

.gn-filter {
    min-width:
        180px;

    flex:
        1 1 180px;
}

.gn-filter > label {
    display: block;

    margin-bottom:
        5px;

    color:
        #5d6961;

    font-size:
        0.7rem;

    font-weight:
        800;
}

.gn-filter input:not(
    [type="checkbox"]
),
.gn-filter select {
    width: 100%;

    min-height:
        39px;

    padding:
        7px 9px;

    color:
        #344139;

    background:
        #ffffff;

    border:
        1px solid #ccd8cf;

    border-radius:
        8px;

    font: inherit;
}

.gn-filter input:not(
    [type="checkbox"]
):focus,
.gn-filter select:focus {
    border-color:
        #75a17e;

    box-shadow:
        var(--gn-focus);
}


/* ============================================================
   TABLES
   ============================================================ */

.gn-table-wrap {
    width: 100%;

    overflow-x:
        auto;
}

.gn-table {
    width: 100%;

    margin: 0;

    border-collapse:
        collapse;
}

.gn-table th,
.gn-table td {
    padding:
        13px 15px;

    border-bottom:
        1px solid #edf1ee;

    text-align:
        left;

    vertical-align:
        middle;
}

.gn-table th {
    color:
        #7d8981;

    background:
        #fafcfb;

    font-size:
        0.67rem;

    font-weight:
        850;

    letter-spacing:
        0.04em;

    text-transform:
        uppercase;

    white-space:
        nowrap;
}

.gn-table td {
    color:
        #3e4b42;

    font-size:
        0.81rem;
}

.gn-table tbody tr {
    transition:
        background 0.15s ease;
}

.gn-table tbody tr:hover {
    background:
        #fbfdfb;
}

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

.gn-table a {
    color:
        var(--gn-green-700);

    font-weight:
        800;

    text-decoration:
        none;
}

.gn-table a:hover {
    color:
        var(--gn-green-800);

    text-decoration:
        underline;
}


/* ============================================================
   BADGES / STATUS
   ============================================================ */

.gn-badge {
    display: inline-flex;

    min-height:
        25px;

    padding:
        4px 8px;

    align-items:
        center;

    justify-content:
        center;

    gap:
        5px;

    color:
        #496052;

    background:
        #f0f5f1;

    border-radius:
        999px;

    font-size:
        0.68rem;

    font-weight:
        800;

    line-height:
        1.2;
}

.gn-badge--success {
    color:
        var(--gn-success);

    background:
        var(--gn-success-bg);
}

.gn-badge--warning {
    color:
        var(--gn-warning);

    background:
        var(--gn-warning-bg);
}

.gn-badge--danger {
    color:
        var(--gn-danger);

    background:
        var(--gn-danger-bg);
}

.gn-badge--info {
    color:
        var(--gn-info);

    background:
        var(--gn-info-bg);
}


/* ============================================================
   DJANGO MESSAGES
   ============================================================ */

.app-content > .message {
    position: relative;

    max-width:
        1400px;

    margin:
        0 auto 16px;

    padding:
        12px 15px;

    color:
        #425148;

    background:
        #ffffff;

    border:
        1px solid var(--gn-border);

    border-left:
        4px solid #97ab9c;

    border-radius:
        var(--gn-radius-md);

    box-shadow:
        var(--gn-shadow-xs);

    font-size:
        0.82rem;

    font-weight:
        650;

    line-height:
        1.45;
}

.app-content > .message.success {
    color:
        #285b36;

    background:
        var(--gn-success-bg);

    border-color:
        var(--gn-success-border);

    border-left-color:
        var(--gn-success);
}

.app-content > .message.warning {
    color:
        #725819;

    background:
        var(--gn-warning-bg);

    border-color:
        var(--gn-warning-border);

    border-left-color:
        var(--gn-warning);
}

.app-content > .message.error {
    color:
        #873a34;

    background:
        var(--gn-danger-bg);

    border-color:
        var(--gn-danger-border);

    border-left-color:
        var(--gn-danger);
}

.app-content > .message.info {
    color:
        #345e70;

    background:
        var(--gn-info-bg);

    border-color:
        var(--gn-info-border);

    border-left-color:
        var(--gn-info);
}


/* ============================================================
   VALIDATION ERRORS
   ============================================================ */

.gn-errors {
    margin:
        7px 0 0;

    padding:
        9px 11px;

    color:
        #8d342d;

    background:
        var(--gn-danger-bg);

    border:
        1px solid var(--gn-danger-border);

    border-radius:
        8px;

    font-size:
        0.74rem;

    line-height:
        1.45;

    list-style:
        none;
}

.gn-errors li + li {
    margin-top:
        3px;
}


/* ============================================================
   EMPTY STATE
   ============================================================ */

.gn-empty {
    padding:
        44px 22px;

    color:
        var(--gn-muted);

    background:
        #ffffff;

    border:
        1px dashed #cbd8ce;

    border-radius:
        var(--gn-radius-lg);

    text-align:
        center;
}

.gn-empty-icon {
    display: inline-flex;

    width:
        42px;

    height:
        42px;

    margin-bottom:
        12px;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--gn-green-700);

    background:
        var(--gn-green-50);

    border-radius:
        11px;
}

.gn-empty h2,
.gn-empty h3 {
    margin:
        0 0 6px;

    color:
        #35463b;

    font-size:
        0.98rem;
}

.gn-empty p {
    max-width:
        520px;

    margin:
        0 auto;

    color:
        #78857c;

    font-size:
        0.79rem;

    line-height:
        1.5;
}

.gn-empty .gn-btn {
    margin-top:
        16px;
}


/* ============================================================
   STAT CARDS
   ============================================================ */

.gn-stat-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        13px;
}

.gn-stat {
    min-width: 0;

    padding:
        17px;

    background:
        #ffffff;

    border:
        1px solid var(--gn-border);

    border-radius:
        11px;

    box-shadow:
        var(--gn-shadow-xs);
}

.gn-stat-label {
    display: block;

    color:
        #6d7971;

    font-size:
        0.75rem;

    font-weight:
        750;
}

.gn-stat-value {
    display: block;

    margin-top:
        9px;

    color:
        #213b29;

    font-size:
        1.6rem;

    font-weight:
        850;

    line-height:
        1;
}

.gn-stat-note {
    display: block;

    margin-top:
        7px;

    color:
        #8a958d;

    font-size:
        0.68rem;

    line-height:
        1.4;
}


/* ============================================================
   DIVIDERS
   ============================================================ */

.gn-divider {
    width: 100%;

    height: 1px;

    margin:
        5px 0;

    background:
        #edf1ee;

    border: 0;
}


/* ============================================================
   SMALL UTILITY CLASSES
   ============================================================ */

.gn-muted {
    color:
        var(--gn-muted);
}

.gn-text-success {
    color:
        var(--gn-success);
}

.gn-text-danger {
    color:
        var(--gn-danger);
}

.gn-nowrap {
    white-space:
        nowrap;
}

.gn-hidden {
    display:
        none !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1050px) {
    .gn-stat-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}


@media (max-width: 760px) {
    .gn-page {
        gap:
            18px;
    }

    .gn-page-header {
        align-items:
            stretch;

        flex-direction:
            column;
    }

    .gn-page-actions {
        width:
            100%;
    }

    .gn-form {
        padding:
            18px;
    }

    .gn-form-grid {
        grid-template-columns:
            1fr;
    }

    .gn-field--full {
        grid-column:
            auto;
    }

    .gn-filter-bar {
        align-items:
            stretch;

        flex-direction:
            column;
    }

    .gn-filter {
        width:
            100%;
    }
}


@media (max-width: 560px) {
    .gn-stat-grid {
        grid-template-columns:
            1fr;
    }

    .gn-page-actions {
        flex-direction:
            column;
    }

    .gn-page-actions .gn-btn,
    .gn-form-actions .gn-btn {
        width:
            100%;
    }

    .gn-form-actions {
        flex-direction:
            column;
    }
}

/* ============================================================
   GREEN NAVIGATOR TYPOGRAPHY NORMALISATION
   ============================================================

   Keep the current typeface.
   This section only standardises sizes and readability between
   modules that were built at different stages of the project.
   ============================================================ */


/* ------------------------------------------------------------
   General readable text
   ------------------------------------------------------------ */

.app-content {
    font-size: 0.9rem;
    line-height: 1.5;
}


/* ------------------------------------------------------------
   Main page headings
   ------------------------------------------------------------ */

.app-content h1 {
    line-height: 1.15;
    letter-spacing: -0.02em;
}


/* ------------------------------------------------------------
   Sidebar
   ------------------------------------------------------------ */

.sidebar-section-title {
    font-size: 0.7rem;
}

.sidebar-link {
    font-size: 0.9rem;
}

.sidebar-shortcut-title {
    font-size: 0.82rem;
}

.sidebar-shortcut-link {
    font-size: 0.8rem;
}

.sidebar-user-copy strong {
    font-size: 0.86rem;
}

.sidebar-user-copy span {
    font-size: 0.74rem;
}

.sidebar-logout {
    font-size: 0.84rem;
}


/* ------------------------------------------------------------
   Top bar
   ------------------------------------------------------------ */

.topbar-context-title {
    font-size: 0.88rem;
}

.topbar-company {
    font-size: 0.78rem;
}



/* ------------------------------------------------------------
   Greenhouse workspace
   ------------------------------------------------------------ */

.gh-card-title h2,
.gh-panel-header h2 {
    font-size: 0.95rem;
}

.gh-card-title p {
    font-size: 0.75rem;
}

.gh-card-metric span {
    font-size: 0.7rem;
}

.gh-card-metric strong {
    font-size: 1.05rem;
}

.gh-open {
    font-size: 0.76rem;
}


/* ------------------------------------------------------------
   Greenhouse overview
   ------------------------------------------------------------ */

.gh-overview-page {
    font-size: 0.9rem;
}

.gh-back {
    font-size: 0.82rem;
}

.gh-code {
    font-size: 0.76rem;
}

.gh-status {
    font-size: 0.76rem;
}

.gh-stats span {
    font-size: 0.76rem;
}

.gh-info span {
    font-size: 0.72rem;
}

.gh-info strong {
    font-size: 0.88rem;
}

.gh-edit {
    font-size: 0.8rem;
}


/* ------------------------------------------------------------
   Greenhouse operational panels
   ------------------------------------------------------------ */

.gh-panel-header p {
    font-size: 0.73rem;
}

.gh-item strong {
    font-size: 0.8rem;
}

.gh-item span {
    font-size: 0.72rem;
}

.gh-panel-empty {
    font-size: 0.77rem;
}


/* ------------------------------------------------------------
   Zones / Equipment workspace
   ------------------------------------------------------------ */

.gm-field label {
    font-size: 0.78rem;
}

.gm-stat span {
    font-size: 0.76rem;
}

.gm-type {
    font-size: 0.74rem;
}

.gm-data span {
    font-size: 0.72rem;
}

.gm-data strong {
    font-size: 0.86rem;
}

.gm-actions a {
    font-size: 0.77rem;
}


/* ------------------------------------------------------------
   Dashboard
   ------------------------------------------------------------ */

.dashboard-metric-label {
    font-size: 0.78rem;
}

.dashboard-metric-note {
    font-size: 0.72rem;
}

.dashboard-panel-header h2 {
    font-size: 0.97rem;
}

.dashboard-panel-header p {
    font-size: 0.73rem;
}

.attention-type {
    font-size: 0.68rem;
}

.attention-badge {
    font-size: 0.68rem;
}

.attention-copy strong {
    font-size: 0.8rem;
}

.attention-meta {
    font-size: 0.72rem;
}

.latest-activity-date {
    font-size: 0.72rem;
}

.latest-activity-row {
    font-size: 0.75rem;
}

.latest-activity-link {
    font-size: 0.75rem;
}


/* ------------------------------------------------------------
   Tables
   ------------------------------------------------------------ */

.gn-table th,
.dashboard-table th,
.gh-table th,
.users-table th {
    font-size: 0.7rem;
}

.gn-table td,
.dashboard-table td,
.gh-table td,
.users-table td {
    font-size: 0.8rem;
}


/* ------------------------------------------------------------
   Buttons
   ------------------------------------------------------------ */

.gn-btn,
.users-primary-button,
.gh-create {
    font-size: 0.82rem;
}

.user-action,
.gn-btn--small {
    font-size: 0.75rem;
}


/* ------------------------------------------------------------
   Form labels and help text
   ------------------------------------------------------------ */

.gn-field > label {
    font-size: 0.8rem;
}

.gn-help,
.gn-check-help {
    font-size: 0.72rem;
}

.gn-check-title {
    font-size: 0.8rem;
}


/* ------------------------------------------------------------
   Small-screen readability
   ------------------------------------------------------------ */

@media (max-width: 760px) {
    .app-content {
        font-size: 0.91rem;
    }

    .sidebar-link {
        font-size: 0.92rem;
    }

    .sidebar-shortcut-link {
        font-size: 0.82rem;
    }
}