/* ─────────────────────────────────────────────────────────────────────────
   LAYOUT TOKENS
   Centralized variables for Sidebar, Navbar, and Main Content structure.
   ───────────────────────────────────────────────────────────────────────── */

:root {
    /* Sidebar Widths */
    --sidebar-width-expanded: 260px;
    --sidebar-width-collapsed: 82px;

    /* Navbar Heights */
    --navbar-height: 70px;

    /* Layout Transitions */
    --layout-transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        margin-left 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Sidebar Specific Tokens */
    --sidebar-z-index: 1040;
    --sidebar-mobile-z-index: 1050;
    --sidebar-overlay-z-index: 1049;

    /* Brand Colors (Standardized) */
    --hgs-green: #409d58;
    --hgs-green-light: rgba(64, 157, 88, 0.08);
}

/* Trial Request & Global Layout Utilities */
.trial-request-module .grid,
.app .grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 14px;
    align-items: start;
}

.trial-request-module .kv,
.app .kv {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px dashed var(--border, #e6eaf2);
}

.trial-request-module .kv:last-child,
.app .kv:last-child {
    border-bottom: 0;
}

.trial-request-module .kv .k,
.app .kv .k {
    color: var(--sub, #5a657a);
    font-size: 12px;
}

.trial-request-module .kv .v,
.app .kv .v {
    font-weight: 750;
    font-size: 13px;
}

.trial-request-module .split,
.app .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.trial-request-module .twoCol,
.app .twoCol {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 14px;
    align-items: start;
}

@media (max-width: 1050px) {
    .trial-request-module .grid,
    .app .grid,
    .trial-request-module .twoCol,
    .app .twoCol,
    .trial-request-module .split,
    .app .split {
        grid-template-columns: 1fr;
    }
}