/*!
 * UpToCash redesign layer for the "flaty" theme.
 * Loaded after app.css and before page styles / admin custom.css.
 * Prefix: utc- (the hybrid transfer view owns uc-). Dark is the default scheme; light follows the OS or the toggle.
 */

/* ------------------------------------------------------------------ fonts */
@font-face { font-family: "Geist"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("../fonts/geist-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("../fonts/geist-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 400 500; font-display: swap; src: url("../fonts/geist-mono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 400 500; font-display: swap; src: url("../fonts/geist-mono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/unbounded-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/unbounded-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* ------------------------------------------------------------------ tokens */
:root {
    --utc-font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
    --utc-font-display: "Unbounded", "Geist", system-ui, sans-serif;
    --utc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --utc-acc: #62b134;          /* fills (buttons, bars) */
    --utc-acc-hi: #7cc851;       /* hover fill */
    --utc-on-acc: #0c100d;       /* text on accent fill (7.6:1) */
    --utc-warn: #e0a03a;
    --utc-danger: #f0776b;

    --utc-r-sm: 10px;
    --utc-r: 14px;
    --utc-r-lg: 22px;
    --utc-r-pill: 999px;
    --utc-ease: cubic-bezier(.2, .8, .2, 1);
    --utc-shadow: 0 24px 60px rgba(0, 0, 0, .35);

    /* dark scheme (default) */
    --utc-bg: #0c100d;
    --utc-bg-2: #0f140f;
    --utc-bg-deep: #090c0a;
    --utc-card: #121812;
    --utc-card-2: #171e17;
    --utc-hover: #1c241d;
    --utc-fg: #ebf2de;
    --utc-fg2: #c9d1c3;
    --utc-fg3: #b4bdae;
    --utc-mut: #9aa595;
    --utc-mut2: #8a9585;         /* >= 4.5:1 on card */
    --utc-rgb: 235, 242, 222;
    --utc-line: rgba(235, 242, 222, .10);
    --utc-line2: rgba(235, 242, 222, .07);
    --utc-line-strong: rgba(235, 242, 222, .18);
    --utc-acc-fg: #62b134;       /* accent used as text */
    --utc-acc-soft: rgba(98, 177, 52, .14);
    --utc-grid: rgba(235, 242, 222, .08);
    --utc-chart: #62b134;
    --utc-nav-rgb: 12, 16, 13;
    --utc-logo-dark: none;       /* admin "logo dark" = for light backgrounds */
    --utc-logo-light: inline-flex;
    --utc-sun: block;
    --utc-moon: none;
    color-scheme: dark;
}

:root[data-theme="light"] {
    --utc-bg: #f5f6f0;
    --utc-bg-2: #f5f6f0;
    --utc-bg-deep: #eceee5;
    --utc-card: #ffffff;
    --utc-card-2: #fafbf7;
    --utc-hover: #e6e9df;
    --utc-fg: #151a14;
    --utc-fg2: #2e352c;
    --utc-fg3: #3f473c;
    --utc-mut: #5b6456;
    --utc-mut2: #5b6456;
    --utc-rgb: 21, 26, 20;
    --utc-line: #e2e5da;
    --utc-line2: #eef0e8;
    --utc-line-strong: #cfd4c6;
    --utc-acc-fg: #3b7424;
    --utc-acc-soft: rgba(98, 177, 52, .16);
    --utc-grid: rgba(21, 26, 20, .08);
    --utc-chart: #3b7424;
    --utc-nav-rgb: 245, 246, 240;
    --utc-logo-dark: inline-flex;
    --utc-logo-light: none;
    --utc-sun: none;
    --utc-moon: block;
    --utc-shadow: 0 24px 60px rgba(21, 26, 20, .10);
    color-scheme: light;
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) {
        --utc-bg: #f5f6f0;
        --utc-bg-2: #f5f6f0;
        --utc-bg-deep: #eceee5;
        --utc-card: #ffffff;
        --utc-card-2: #fafbf7;
        --utc-hover: #e6e9df;
        --utc-fg: #151a14;
        --utc-fg2: #2e352c;
        --utc-fg3: #3f473c;
        --utc-mut: #5b6456;
        --utc-mut2: #5b6456;
        --utc-rgb: 21, 26, 20;
        --utc-line: #e2e5da;
        --utc-line2: #eef0e8;
        --utc-line-strong: #cfd4c6;
        --utc-acc-fg: #3b7424;
        --utc-acc-soft: rgba(98, 177, 52, .16);
        --utc-grid: rgba(21, 26, 20, .08);
        --utc-chart: #3b7424;
        --utc-nav-rgb: 245, 246, 240;
        --utc-logo-dark: inline-flex;
        --utc-logo-light: none;
        --utc-sun: none;
        --utc-moon: block;
        --utc-shadow: 0 24px 60px rgba(21, 26, 20, .10);
        color-scheme: light;
    }
}

/* The hybrid transfer view (light, owned by uc.css) hosts the native gate: keep its subtree on light tokens. */
.solred-design-page {
    --utc-bg: #fafafa; --utc-card: #ffffff; --utc-card-2: #ffffff; --utc-hover: #eef1ec;
    --utc-fg: #20252b; --utc-fg2: #343b44; --utc-fg3: #3f473c; --utc-mut: #5f6b74; --utc-mut2: #5f6b74;
    --utc-rgb: 32, 37, 43; --utc-line: #e1e6ea; --utc-line2: #eef1f3; --utc-line-strong: #cfd6db; --utc-acc-fg: #3b7424;
    --bs-body-bg: #ffffff; --bs-body-color: #20252b; --bs-border-color: #e1e6ea; --bs-emphasis-color: #000;
    --bs-secondary-color: rgba(32, 37, 43, .75); --bs-tertiary-bg: #f4f6f7; --bs-secondary-bg: #e9ecef;
    --primary_color: #3b7424; --secondary_color: #343b44; --background_color: #fafafa; --elements_background_color: #eef1ec;
    --text_primary_color: #20252b; --text_secondary_color: #5f6b74; --files_icon_color: #343b44;
    color-scheme: light;
}

/* Bootstrap + legacy flaty variables follow the tokens (admin colour settings are superseded by the redesign palette). */
:root,
[data-bs-theme] {
    --bs-body-font-family: var(--utc-font);
    --bs-body-bg: var(--utc-bg);
    --bs-body-bg-rgb: var(--utc-rgb);
    --bs-body-color: var(--utc-fg);
    --bs-body-color-rgb: var(--utc-rgb);
    --bs-emphasis-color: var(--utc-fg);
    --bs-emphasis-color-rgb: var(--utc-rgb);
    --bs-heading-color: var(--utc-fg);
    --bs-secondary-color: var(--utc-mut);
    --bs-tertiary-color: var(--utc-mut2);
    --bs-secondary-bg: var(--utc-hover);
    --bs-tertiary-bg: var(--utc-card-2);
    --bs-border-color: var(--utc-line-strong);
    --bs-border-color-translucent: var(--utc-line);
    --bs-border-radius: var(--utc-r-sm);
    --bs-border-radius-lg: var(--utc-r);
    --bs-link-color: var(--utc-acc-fg);
    --bs-link-hover-color: var(--utc-acc-fg);
    --bs-focus-ring-color: rgba(98, 177, 52, .35);
    --bs-form-valid-color: var(--utc-acc-fg);
    --bs-form-valid-border-color: var(--utc-acc);
    --primary_color: var(--utc-acc-fg);
    --secondary_color: var(--utc-fg2);
    --background_color: var(--utc-bg);
    --elements_background_color: var(--utc-hover);
    --footer_background_color: var(--utc-bg-deep);
    --text_primary_color: var(--utc-fg);
    --text_secondary_color: var(--utc-mut);
    --files_icon_color: var(--utc-fg2);
    --third_color: var(--utc-acc-fg);
}
:root { --bs-link-color-rgb: 98, 177, 52; --bs-link-hover-color-rgb: 124, 200, 81; }
:root[data-theme="light"] { --bs-link-color-rgb: 59, 116, 36; --bs-link-hover-color-rgb: 46, 94, 27; }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --bs-link-color-rgb: 59, 116, 36; --bs-link-hover-color-rgb: 46, 94, 27; } }

/* ------------------------------------------------------------------ base */
html { -webkit-text-size-adjust: 100%; }
body {
    font-family: var(--utc-font);
    background-color: var(--utc-bg);
    color: var(--utc-fg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1.55;
    overflow-x: clip;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--utc-fg); letter-spacing: -.01em; }
h1, h2, h3, .h1, .h2, .h3 { font-family: var(--utc-font-display); font-weight: 500; letter-spacing: -.02em; }
a { text-underline-offset: 3px; }
::selection { background: var(--utc-acc); color: var(--utc-on-acc); }
:focus-visible { outline: 2px solid var(--utc-acc-hi); outline-offset: 3px; }
:root .text-muted { color: var(--utc-mut) !important; }
:root .text-primary { color: var(--utc-acc-fg) !important; }
:root .text-secondary { color: var(--utc-fg2) !important; }
:root .text-dark { color: var(--utc-fg) !important; }
:root .bg-white, :root .bg-light { background-color: var(--utc-card) !important; }
:root .bg-primary { background-color: var(--utc-acc) !important; color: var(--utc-on-acc); }
:root [class*="border"] { border-color: var(--utc-line) !important; }
.required { color: var(--utc-danger); }
hr { border-color: var(--utc-line-strong); opacity: 1; }
::-webkit-scrollbar-track { background: var(--utc-bg-deep); }
::-webkit-scrollbar-thumb { background: var(--utc-line-strong); }
.visually-hidden-focusable:focus { background: var(--utc-card); }

/* ------------------------------------------------------------------ buttons */
.btn {
    --bs-btn-font-family: var(--utc-font);
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: var(--utc-r-pill);
    --bs-btn-focus-box-shadow: 0 0 0 3px rgba(98, 177, 52, .35);
    border-radius: var(--utc-r-pill);
    font-weight: 600;
    letter-spacing: .005em;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    transition: background-color .2s, border-color .2s, color .2s, transform .2s var(--utc-ease);
}
.btn:hover { opacity: 1; }
.btn:active { transform: translateY(1px); }
.btn.btn-md { padding: 10px 26px; min-height: 48px; font-size: 15px; }
.btn.btn-lg { padding: 12px 30px; min-height: 56px; font-size: 16px; }
.btn.btn-sm { min-height: 34px; padding: 6px 14px; font-size: 13px; }
.btn.btn-primary,
.btn.btn-primary:focus {
    background-color: var(--utc-acc);
    border-color: var(--utc-acc);
    color: var(--utc-on-acc);
}
.btn.btn-primary:hover,
.btn.btn-primary:active { background-color: var(--utc-acc-hi); border-color: var(--utc-acc-hi); color: var(--utc-on-acc); }
.btn.btn-secondary,
.btn.btn-secondary:focus {
    background-color: transparent;
    border: 1px solid var(--utc-fg);
    color: var(--utc-fg);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active { background-color: var(--utc-fg); border-color: var(--utc-fg); color: var(--utc-bg); }
.btn.btn-outline-primary,
.btn.btn-outline-light,
.btn.btn-outline-secondary,
.btn.btn-ghost {
    background-color: transparent;
    border: 1px solid var(--utc-line-strong);
    color: var(--utc-fg);
}
.btn.btn-ghost { border-color: transparent; }
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus-visible,
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus-visible,
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus-visible,
.btn.btn-ghost:hover {
    background-color: var(--utc-hover);
    border-color: rgba(var(--utc-rgb), .45);
    color: var(--utc-fg);
}
.btn.btn-outline-primary:active, .btn.btn-outline-secondary:active, .btn.btn-outline-light:active { background-color: var(--utc-hover); color: var(--utc-fg); }
.btn.btn-dark { background-color: var(--utc-on-acc); border-color: var(--utc-on-acc); color: #ebf2de; }
.btn.btn-dark:hover, .btn.btn-dark:focus { background-color: #1c241d; border-color: #1c241d; color: #fff; }
.btn.btn-light { background-color: var(--utc-card); border-color: var(--utc-line); color: var(--utc-fg); }
.btn.btn-danger, .btn.btn-outline-danger:hover { background-color: #b42318; border-color: #b42318; color: #fff; }
.btn.btn-outline-danger { color: var(--utc-danger); border-color: rgba(240, 119, 107, .5); }
.btn.disabled, .btn:disabled { opacity: .5; }
.btn-close { filter: none; }
[data-bs-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

/* ------------------------------------------------------------------ forms */
.form-label { color: var(--utc-fg2); font-weight: 500; font-size: 14px; }
:root .form-control,
:root .form-select {
    background-color: var(--utc-card-2);
    border: 1px solid var(--utc-line-strong);
    border-radius: var(--utc-r-sm);
    color: var(--utc-fg);
    min-height: 44px;
}
:root .form-control::placeholder { color: var(--utc-mut2); opacity: 1; }
:root .form-control:focus,
:root .form-select:focus { border-color: var(--utc-acc); box-shadow: 0 0 0 3px rgba(98, 177, 52, .22); background-color: var(--utc-card-2); color: var(--utc-fg); }
:root .form-control:disabled, :root .form-control[readonly],
:root .form-select:disabled, :root .form-select[readonly] { background-color: var(--utc-hover) !important; color: var(--utc-fg2); }
:root .form-check-input { background-color: var(--utc-card-2); border-color: var(--utc-line-strong); }
:root .form-check-input:checked { background-color: var(--utc-acc); border-color: var(--utc-acc); }
:root .form-check-input:focus { box-shadow: 0 0 0 3px rgba(98, 177, 52, .25); border-color: var(--utc-acc); }
:root .form-switch .form-check-input:checked { background-color: var(--utc-acc); }
.input-group-text { background: var(--utc-hover); border-color: var(--utc-line-strong); color: var(--utc-fg2); }
.input-password, .form-button { position: relative; }
.input-password button { color: var(--utc-mut); min-width: 44px; min-height: 44px; }

/* ------------------------------------------------------------------ surfaces */
:root .card-v {
    background-color: var(--utc-card);
    border: 1px solid var(--utc-line);
    border-radius: var(--utc-r-lg);
    color: var(--utc-fg);
    padding: clamp(20px, 3vw, 36px);
}
.card, .modal-content, .dropdown-menu, .offcanvas, .toast, .popover { --bs-card-bg: var(--utc-card); --bs-card-border-color: var(--utc-line); }
.card { background: var(--utc-card); border-color: var(--utc-line); border-radius: var(--utc-r); color: var(--utc-fg); }
.modal-content { background-color: var(--utc-card); border: 1px solid var(--utc-line); border-radius: var(--utc-r-lg); color: var(--utc-fg); box-shadow: var(--utc-shadow); }
.modal-header, .modal-footer { border-color: var(--utc-line); }
.modal-title { font-family: var(--utc-font-display); font-weight: 500; }
.modal-backdrop.show { opacity: .65; }
.dropdown-menu { background-color: var(--utc-card); border: 1px solid var(--utc-line); border-radius: var(--utc-r); color: var(--utc-fg); box-shadow: var(--utc-shadow); padding: 6px; }
.dropdown-item { color: var(--utc-fg); border-radius: 8px; padding: 8px 12px; }
.dropdown-item:hover, .dropdown-item:focus { background-color: var(--utc-hover); color: var(--utc-fg); }
.dropdown-item.text-danger { color: var(--utc-danger) !important; }
.alert { border-radius: var(--utc-r); border: 1px solid var(--utc-line); }
:root .alert-primary, :root .alert-secondary, :root .alert-info { background-color: var(--utc-card-2); color: var(--utc-fg); border-color: var(--utc-line-strong); }
:root .alert-success { background-color: var(--utc-acc-soft); color: var(--utc-fg); border-color: rgba(98, 177, 52, .45); }
:root .alert-warning { background-color: rgba(224, 160, 58, .12); color: var(--utc-fg); border-color: rgba(224, 160, 58, .45); }
:root .alert-danger { background-color: rgba(240, 119, 107, .12); color: var(--utc-fg); border-color: rgba(240, 119, 107, .45); }
.table { --bs-table-bg: transparent; --bs-table-color: var(--utc-fg); --bs-table-border-color: var(--utc-line); --bs-table-striped-bg: var(--utc-card-2); --bs-table-hover-bg: var(--utc-hover); color: var(--utc-fg); }
.badge { border-radius: var(--utc-r-pill); font-weight: 600; }
:root .badge.bg-primary, :root .badge.bg-success { color: var(--utc-on-acc); }
.progress { background-color: rgba(var(--utc-rgb), .1); border-radius: var(--utc-r-pill); height: 6px; }
.progress-bar { border-radius: var(--utc-r-pill); }
.pagination { --bs-pagination-bg: var(--utc-card); --bs-pagination-color: var(--utc-fg); --bs-pagination-border-color: var(--utc-line); --bs-pagination-hover-bg: var(--utc-hover); --bs-pagination-hover-color: var(--utc-fg); --bs-pagination-active-bg: var(--utc-acc); --bs-pagination-active-border-color: var(--utc-acc); --bs-pagination-active-color: var(--utc-on-acc); --bs-pagination-disabled-bg: var(--utc-card); --bs-pagination-disabled-color: var(--utc-mut2); --bs-pagination-border-radius: var(--utc-r-pill); gap: 6px; }
.page-link { border-radius: var(--utc-r-pill) !important; min-width: 40px; text-align: center; }
.nav-pills { --bs-nav-pills-link-active-bg: var(--utc-acc); --bs-nav-pills-link-active-color: var(--utc-on-acc); }

/* toastr: keep its own colours, round it */
#toast-container > div { border-radius: var(--utc-r) !important; box-shadow: var(--utc-shadow) !important; font-family: var(--utc-font); opacity: 1 !important; }

/* legacy drop-down (navbar, user menu, languages, announcements) */
:root .drop-down .drop-down-btn { color: var(--utc-fg2); }
:root .drop-down .drop-down-btn:hover { color: var(--utc-fg); }
:root .drop-down .drop-down-menu {
    background-color: var(--utc-card);
    border: 1px solid var(--utc-line);
    border-radius: var(--utc-r);
    padding: 6px;
    box-shadow: var(--utc-shadow);
}
:root .drop-down .drop-down-menu .drop-down-item { color: var(--utc-fg); border-radius: 8px; padding: 9px 12px; }
:root .drop-down .drop-down-menu .drop-down-item:hover,
:root .drop-down .drop-down-menu .drop-down-item.active { background-color: var(--utc-hover); color: var(--utc-fg) !important; }
:root .drop-down .drop-down-menu .drop-down-item.text-danger { color: var(--utc-danger) !important; }
:root .drop-down .drop-down-menu .drop-down-divider { border-color: var(--utc-line); }
:root .announcements-menu .announcements-menu-header,
:root .announcements-menu .announcements-menu-footer { border-color: var(--utc-line); }
:root .announcements-menu .announcements-menu-item-text { color: var(--utc-fg); }
:root .announcements-menu-counter { background-color: var(--utc-acc); color: var(--utc-on-acc); }
@media (prefers-reduced-motion: no-preference) {
    :root .drop-down .drop-down-menu { transition: opacity .18s, transform .18s var(--utc-ease), visibility .18s; }
}

/* ------------------------------------------------------------------ theme toggle */
.utc-theme-toggle {
    flex: none;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--utc-r-pill);
    border: 1px solid var(--utc-line-strong);
    background: transparent;
    color: var(--utc-fg);
    cursor: pointer;
    transition: border-color .2s, background-color .2s;
}
.utc-theme-toggle:hover { border-color: rgba(var(--utc-rgb), .45); background: var(--utc-hover); }
.utc-theme-toggle .utc-ico-sun { display: var(--utc-sun); }
.utc-theme-toggle .utc-ico-moon { display: var(--utc-moon); }

/* logos: admin "logo light" (for dark backgrounds) vs "logo dark" (for light backgrounds) */
:root .logo { height: 30px; align-items: center; }
:root .logo img { height: 100%; width: auto; max-width: 180px; object-fit: contain; }
:root .logo .logo-light,
:root .nav-bar .logo-light,
:root .nav-bar.scrolling .logo-light { display: var(--utc-logo-light); }
:root .logo .logo-dark,
:root .nav-bar .logo-dark,
:root .nav-bar.scrolling .logo-dark { display: var(--utc-logo-dark); }

/* ------------------------------------------------------------------ public navbar */
:root .nav-bar.utc-nav {
    font-size: 15px;
    padding: 12px 0;
    background: transparent;
    box-shadow: none;
}
:root .nav-bar.utc-nav .nav-bar-container {
    height: 64px;
    gap: 16px;
    padding: 0 10px 0 20px;
    border-radius: var(--utc-r-pill);
    border: 1px solid transparent;
    transition: background-color .35s, border-color .35s, backdrop-filter .35s;
}
:root .nav-bar.utc-nav.scrolling,
:root .nav-bar.utc-nav.nav-bar-bg { background: transparent; box-shadow: none; }
:root .nav-bar.utc-nav.scrolling .nav-bar-container,
:root .nav-bar.utc-nav.nav-bar-bg .nav-bar-container {
    background: rgba(var(--utc-nav-rgb), .82);
    border-color: var(--utc-line);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
:root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link,
:root .nav-bar.utc-nav.scrolling .nav-bar-menu .nav-bar-links .link,
:root .nav-bar.utc-nav.nav-bar-bg .nav-bar-menu .nav-bar-links .link { color: var(--utc-fg2); font-weight: 500; }
:root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link:hover,
:root .nav-bar.utc-nav.scrolling .nav-bar-menu .nav-bar-links .link:hover,
:root .nav-bar.utc-nav.nav-bar-bg .nav-bar-menu .nav-bar-links .link:hover { color: var(--utc-fg); }
:root .nav-bar.utc-nav .drop-down .drop-down-btn,
:root .nav-bar.utc-nav.scrolling .drop-down .drop-down-btn,
:root .nav-bar.utc-nav.nav-bar-bg .drop-down .drop-down-btn { color: var(--utc-fg2); }
:root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link-btn { margin-left: 4px; }
:root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link-btn.btn { min-height: 44px; padding: 8px 20px; font-size: 14px; }
:root .nav-bar.utc-nav .nav-bar-actions { gap: 8px; }
:root .nav-bar.utc-nav .nav-bar-menu-btn,
:root .nav-bar.utc-nav.scrolling .nav-bar-menu-btn,
:root .nav-bar.utc-nav.nav-bar-bg .nav-bar-menu-btn {
    width: 44px; height: 44px; border-radius: var(--utc-r-pill);
    border: 1px solid var(--utc-line-strong); background: transparent; color: var(--utc-fg); opacity: 1;
    align-items: center; justify-content: center;
}
@media (max-width: 1199.98px) {
    :root .nav-bar.utc-nav .nav-bar-menu-btn { display: inline-flex; }
}
.nav-bar .nav-bar-menu-close { background: transparent; border: 0; color: var(--utc-fg); width: 44px; height: 44px; display: inline-grid; place-items: center; border-radius: var(--utc-r-pill); }
.nav-bar .nav-bar-menu-close:hover { background: var(--utc-hover); }
@media (min-width: 1200px) {
    :root .nav-bar.utc-nav .nav-bar-menu { margin-left: auto; margin-right: 0; }
    :root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links { gap: 26px; }
    :root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link:not(:last-child),
    :root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .drop-down:not(:last-child) { margin: 0; }
}
@media (max-width: 1199.98px) {
    :root .nav-bar.utc-nav .nav-bar-container { padding: 0 8px 0 16px; height: 60px; }
    :root .nav-bar.utc-nav .nav-bar-menu .overlay { background-color: rgba(0, 0, 0, .55); }
    :root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links {
        background-color: var(--utc-card);
        border-left: 1px solid var(--utc-line);
        padding: 16px 20px 24px;
        gap: 4px;
        align-items: stretch;
        width: min(320px, 86vw);
        right: -340px;
    }
    :root .nav-bar.utc-nav .nav-bar-menu.show .nav-bar-links { right: 0; }
    :root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link { padding: 12px 4px; border-bottom: 1px solid var(--utc-line2); margin: 0; }
    :root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link-btn { margin: 12px 0 0; width: 100%; }
    :root .nav-bar.utc-nav .nav-bar-menu .nav-bar-links .link-btn.btn-ghost { border-color: var(--utc-line-strong); }
}
@media (max-width: 575.98px) {
    :root .nav-bar.utc-nav { padding: 10px 0; }
    :root .nav-bar.utc-nav .container { padding-inline: 12px; }
    :root .nav-bar.utc-nav .user-menu .user-name { display: none; }
}
:root .user-menu .user-img { border-radius: 50%; border: 1px solid var(--utc-line-strong); object-fit: cover; }
:root .user-menu .user-name { color: var(--utc-fg); }
.body-style { padding-top: 92px; }
@media (max-width: 575.98px) { :root .container { --bs-gutter-x: 2rem; } :root .nav-bar.utc-nav .container { --bs-gutter-x: 1.5rem; } }

/* ------------------------------------------------------------------ page header (single layout) */
:root .header {
    background-color: var(--utc-bg-2);
    color: var(--utc-fg);
}
:root .header::before { opacity: 0; }
:root .header.header-wrapper {
    background:
        radial-gradient(800px 360px at 80% -10%, rgba(98, 177, 52, .16), transparent 70%),
        var(--utc-bg-2);
    border-bottom: 1px solid var(--utc-line2);
}
:root .header-wrapper .header-inner { min-height: 300px; padding-top: 128px; padding-bottom: 56px; color: var(--utc-fg); }
:root .page-title { font-family: var(--utc-font-display); font-weight: 500; font-size: clamp(28px, 4.4vw, 48px); letter-spacing: -.025em; line-height: 1.1; }
:root .page-title::after { background-color: var(--utc-acc); width: 56px; margin-top: 18px; }

/* ------------------------------------------------------------------ sections (generic) */
:root .section { padding-top: clamp(56px, 8vw, 110px); padding-bottom: clamp(56px, 8vw, 110px); }
:root .section.section-white { background-color: var(--utc-bg-2); }
:root .section .section-title .section-title-text { font-family: var(--utc-font-display); font-weight: 500; letter-spacing: -.025em; }
:root .section .section-title .section-title-divider { background-color: var(--utc-acc); }
:root .section .section-title .section-title-divider::before { background-color: var(--utc-bg); }
:root .section .section-text { color: var(--utc-mut); }

/* ------------------------------------------------------------------ home */
.utc-display {
    font-family: var(--utc-font-display);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: .98;
    text-wrap: balance;
}
.utc-accent { color: var(--utc-acc-fg); }
.utc-display .utc-accent, .utc-display > span { display: block; }
.utc-h2 { font-family: var(--utc-font-display); font-weight: 500; font-size: clamp(28px, 4.2vw, 52px); line-height: 1.05; letter-spacing: -.03em; margin: 0; text-wrap: balance; }
.utc-kicker {
    font-family: var(--utc-font-mono);
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--utc-acc-fg);
    margin: 0 0 12px;
}
.utc-eyebrow {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: var(--utc-r-pill);
    border: 1px solid var(--utc-line-strong);
    font-family: var(--utc-font-mono);
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--utc-fg2);
    margin: 0 0 28px;
}
.utc-eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--utc-acc); box-shadow: 0 0 0 4px var(--utc-acc-soft); }

:root .header.utc-hero {
    background:
        radial-gradient(1px 1px at 1px 1px, rgba(var(--utc-rgb), .07) 1px, transparent 0) 0 0 / 28px 28px,
        radial-gradient(900px 600px at 72% 18%, rgba(98, 177, 52, .16), transparent 65%),
        var(--utc-bg-2);
    color: var(--utc-fg);
    overflow: hidden;
}
.utc-hero .container { position: relative; }
.utc-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: center;
    min-height: min(100vh, 900px);
    padding: clamp(120px, 14vw, 170px) 0 clamp(56px, 7vw, 96px);
}
.utc-hero-copy { max-width: 680px; }
:root .utc-hero .header-title {
    font-size: clamp(44px, 7.4vw, 104px);
    line-height: .98;
    margin: 0 0 28px;
    color: var(--utc-fg);
}
:root .utc-hero .header-text {
    font-size: clamp(17px, 1.5vw, 20px);
    line-height: 1.6;
    color: var(--utc-fg3);
    opacity: 1;
    max-width: 520px;
    margin: 0 0 36px;
}
.utc-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.utc-hero-art { position: relative; min-height: 420px; display: grid; place-items: center; }
.utc-hero-glow { position: absolute; inset: 10% 5%; border-radius: 50%; background: radial-gradient(closest-side, rgba(98, 177, 52, .32), transparent); filter: blur(30px); }
.utc-hero-mark { position: relative; width: min(300px, 70%); z-index: 2; filter: drop-shadow(0 28px 36px rgba(0, 0, 0, .35)); }
.utc-hero-mark img { width: 100%; height: auto; display: block; }
.utc-hero-card {
    position: absolute;
    right: 0;
    bottom: 4%;
    width: min(300px, 78%);
    padding: 18px;
    border-radius: var(--utc-r-lg);
    border: 1px solid var(--utc-line);
    background: rgba(var(--utc-nav-rgb), .72);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    display: grid;
    gap: 12px;
    z-index: 3;
    box-shadow: var(--utc-shadow);
}
.utc-hero-card-row { display: flex; align-items: center; gap: 12px; }
.utc-hero-card-ico { flex: none; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: rgba(var(--utc-rgb), .07); color: var(--utc-fg2); font-size: 14px; }
.utc-hero-card-ico--acc { background: var(--utc-acc); color: var(--utc-on-acc); }
.utc-hero-card-line { height: 8px; border-radius: 8px; flex: 1; background: rgba(var(--utc-rgb), .1); }
.utc-hero-card-line--mid { flex: .7; }
.utc-hero-card-line--acc { background: linear-gradient(90deg, var(--utc-acc), rgba(98, 177, 52, .25)); }
@media (prefers-reduced-motion: no-preference) {
    .utc-hero-mark { animation: utc-float 6.5s ease-in-out infinite; }
    .utc-hero-card-line--acc { background-size: 200% 100%; animation: utc-sheen 3.2s linear infinite; }
}
@keyframes utc-float { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-16px) rotate(3deg); } }
@keyframes utc-sheen { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (max-width: 991.98px) {
    .utc-hero-grid { grid-template-columns: 1fr; min-height: 0; gap: 24px; padding-top: 120px; }
    .utc-hero-art { min-height: 300px; }
    .utc-hero-mark { width: min(220px, 55%); }
}
@media (max-width: 575.98px) {
    .utc-hero-grid { padding-top: 108px; }
    .utc-hero-actions .btn { flex: 1 1 auto; }
    .utc-hero-art { min-height: 260px; }
}

.utc-section { position: relative; }
.utc-section + .utc-section { border-top: 1px solid var(--utc-line2); }
.utc-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 24px 64px;
    align-items: end;
    margin-bottom: clamp(32px, 5vw, 64px);
}
.utc-section-head .section-text { margin: 0; color: var(--utc-mut); font-size: 17px; line-height: 1.65; }
.utc-section-head--stack { grid-template-columns: 1fr; align-items: start; }
@media (max-width: 767.98px) { .utc-section-head { grid-template-columns: 1fr; } }

.utc-steps-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 32px;
    border-top: 1px solid var(--utc-line);
}
.utc-step { padding-top: 32px; }
.utc-step-num { display: block; font-family: var(--utc-font-mono); font-size: 13px; color: var(--utc-acc-fg); margin-bottom: 18px; }
.utc-step-title { font-family: var(--utc-font-display); font-weight: 500; font-size: 24px; margin: 0 0 12px; letter-spacing: -.02em; }
.utc-step-text { color: var(--utc-mut); margin: 0; max-width: 34ch; }

.utc-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.utc-feature {
    padding: 28px;
    border-radius: var(--utc-r-lg);
    background: var(--utc-card);
    border: 1px solid var(--utc-line);
    transition: border-color .25s, transform .25s var(--utc-ease);
}
.utc-feature:hover { border-color: rgba(98, 177, 52, .45); }
.utc-feature-icon { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--utc-acc-soft); margin-bottom: 22px; }
.utc-feature-icon img { width: 28px; height: 28px; object-fit: contain; }
.utc-feature-title { font-family: var(--utc-font); font-weight: 600; font-size: 18px; letter-spacing: -.01em; margin: 0 0 8px; }
.utc-feature-text { color: var(--utc-mut); margin: 0; font-size: 15px; }

.utc-premium-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 48px;
    padding: clamp(28px, 5vw, 56px);
    border-radius: 28px;
    background:
        radial-gradient(420px 260px at 92% 0%, rgba(255, 255, 255, .22), transparent 70%),
        var(--utc-acc);
    color: var(--utc-on-acc);
}
.utc-premium-card .utc-h2, .utc-premium-card .utc-kicker { color: var(--utc-on-acc); }
.utc-premium-card > div { max-width: 640px; }
.utc-premium-text { margin: 14px 0 0; font-size: 17px; color: #1c2a17; }

:root .utc-faqs .accordion-custom .accordion-item { border: 0; border-bottom: 1px solid var(--utc-line); border-radius: 0; margin: 0; background: transparent; }
:root .utc-faqs .accordion-custom .accordion-item:first-child { border-top: 1px solid var(--utc-line); }
.utc-faqs-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 32px 64px; align-items: start; }
@media (max-width: 991.98px) { .utc-faqs-grid { grid-template-columns: 1fr; } }
:root .accordion-custom .accordion-button,
:root .accordion-custom .accordion-button:not(.collapsed) {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--utc-fg);
    font-weight: 600;
    font-size: 17px;
    padding: 22px 4px;
    box-shadow: none;
}
:root .accordion-custom .accordion-button::after,
:root .accordion-custom .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "+";
    font-family: var(--utc-font-mono);
    font-size: 22px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: var(--utc-acc-fg);
    transition: transform .25s var(--utc-ease);
}
:root .accordion-custom .accordion-button:not(.collapsed)::after { transform: rotate(45deg); }
:root .accordion-custom .accordion-button:focus-visible { outline: 2px solid var(--utc-acc-hi); outline-offset: 2px; }
:root .accordion-custom .accordion-body { background: transparent; border: 0; color: var(--utc-mut); padding: 0 4px 22px; }
:root .accordion { --bs-accordion-bg: transparent; --bs-accordion-color: var(--utc-fg); --bs-accordion-border-color: var(--utc-line); --bs-accordion-btn-color: var(--utc-fg); --bs-accordion-active-color: var(--utc-fg); --bs-accordion-active-bg: transparent; }

:root .blog-post { background-color: var(--utc-card); border: 1px solid var(--utc-line); border-radius: var(--utc-r-lg); overflow: hidden; color: var(--utc-fg); }
:root .blog-post a { color: var(--utc-fg); }
:root .blog-post a:hover { color: var(--utc-acc-fg); }

.utc-payouts-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px 64px; align-items: start; }
@media (max-width: 991.98px) { .utc-payouts-grid { grid-template-columns: 1fr; } }
.utc-methods { list-style: none; margin: 28px 0 24px; padding: 0; }
.utc-method { display: flex; align-items: center; gap: 18px; padding: 18px 0; border-top: 1px solid var(--utc-line); }
.utc-method:last-child { border-bottom: 1px solid var(--utc-line); }
.utc-method-logo { flex: none; width: 44px; height: 44px; border-radius: 12px; background: #fff; display: grid; place-items: center; overflow: hidden; }
.utc-method-logo img { width: 32px; height: 32px; object-fit: contain; }
.utc-method-name { font-family: var(--utc-font-display); font-weight: 500; font-size: clamp(20px, 2.4vw, 30px); letter-spacing: -.02em; }
.utc-method-num { margin-left: auto; font-family: var(--utc-font-mono); font-size: 12px; color: var(--utc-mut2); }
.utc-textlink { display: inline-flex; align-items: center; gap: 6px; color: var(--utc-acc-fg); font-weight: 500; text-decoration: none; min-height: 44px; }
.utc-textlink:hover { color: var(--utc-acc-fg); text-decoration: underline; }
.utc-referral { padding: clamp(28px, 4vw, 56px); border-radius: 28px; background: var(--utc-acc); color: var(--utc-on-acc); }
.utc-referral .utc-kicker { color: var(--utc-on-acc); }
.utc-referral-num { font-family: var(--utc-font-display); font-weight: 700; font-size: clamp(88px, 13vw, 168px); line-height: .9; letter-spacing: -.05em; margin: 8px 0 18px; color: var(--utc-on-acc); }
.utc-referral-text { font-size: 18px; line-height: 1.55; max-width: 34ch; margin: 0 0 28px; color: #1c2a17; }

.utc-cta { padding-bottom: clamp(48px, 6vw, 80px); }
.utc-cta-title { font-size: clamp(40px, 7vw, 96px); margin: 0 0 32px; max-width: 14ch; }

/* reveal on scroll (only when redesign.js runs; content is visible without JS) */
@media (prefers-reduced-motion: no-preference) {
    html.utc-js.utc-reveal-on .utc-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--utc-ease), transform .7s var(--utc-ease); }
    html.utc-js.utc-reveal-on .utc-reveal.is-in { opacity: 1; transform: none; }
}

/* ------------------------------------------------------------------ ads */
.utc-adbox { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.utc-adbox:not(:has(.ad)) { display: none; }
.utc-ad-label {
    align-self: stretch;
    font-family: var(--utc-font-mono);
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--utc-mut2);
}
.utc-adbox .ad { width: 100%; display: flex; justify-content: center; }
.utc-adbox .ad > div { margin-top: 0 !important; margin-bottom: 0 !important; }
.utc-adbox [data-solred-ad-slot] { width: 100%; }
.utc-adbox.container { padding-top: 24px; padding-bottom: 24px; }
.ad .ad-728x90 { min-height: 90px; }
.ad .ad-970x250 { min-height: 250px; }
.ad .ad-300x250 { min-height: 250px; }

/* ------------------------------------------------------------------ download pages */
/* Hybrid overlay entry cover (block owned by apply.mjs): recoloured to the active scheme by specificity only. */
:root[data-solred-upto-pending]::before { background: var(--utc-bg); }
:root[data-solred-upto-pending]::after { color: var(--utc-mut); font-family: var(--utc-font); }
.utc-dl .ad .ad-970x250, .utc-dl .ad .ad-728x90 { min-width: 0; max-width: 970px; width: 100%; }

.download-section .large-container.utc-dl { max-width: 1240px; display: flex; flex-direction: column; gap: 20px; }
:root .download-section.section { padding-top: 8px; padding-bottom: 72px; }
.utc-dl-grid { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.utc-dl-main { flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.utc-dl-aside { flex: 0 1 300px; min-width: 0; position: sticky; top: 104px; }
.utc-dl-aside .utc-adbox { align-items: stretch; }
.utc-dl-aside .ad .ad-970x250 { min-width: 0; max-width: 300px; height: auto; max-height: none; }
@media (max-width: 991.98px) { .utc-dl-aside { position: static; flex-basis: 100%; } }

.utc-file-card {
    display: flex;
    gap: 18px;
    align-items: center;
    background: var(--utc-card);
    border: 1px solid var(--utc-line);
    border-radius: var(--utc-r-lg);
    padding: clamp(18px, 2.4vw, 26px);
}
.utc-file-ext {
    flex: none;
    width: 58px;
    height: 68px;
    border-radius: 10px;
    background: var(--utc-acc);
    color: var(--utc-on-acc);
    display: grid;
    place-items: center;
    font-family: var(--utc-font-mono);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .06em;
    clip-path: polygon(0 0, 70% 0, 100% 24%, 100% 100%, 0 100%);
}
.utc-file-info { min-width: 0; flex: 1; }
.utc-file-card .file-title { margin: 0; }
.utc-file-card .utc-kicker { margin: 0 0 4px; display: block; }
.utc-file-name {
    margin: 0;
    font-family: var(--utc-font-display);
    font-weight: 500;
    font-size: clamp(18px, 2.2vw, 26px);
    letter-spacing: -.02em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}
.utc-file-meta { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; color: var(--utc-mut); font-variant-numeric: tabular-nums; }
.utc-file-size { color: var(--utc-fg2); font-weight: 500; }
.utc-file-link { display: inline-flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.utc-file-link .text-break { color: var(--utc-mut2); }

.utc-steps-bar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    counter-reset: none;
}
.utc-sb-step {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: var(--utc-r);
    background: var(--utc-card);
    border: 1px solid var(--utc-line);
    color: var(--utc-mut);
    font-size: 14px;
    min-width: 0;
}
.utc-sb-step::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: var(--utc-acc);
    transform-origin: left;
    transform: scaleX(0);
}
.utc-sb-num, .utc-sb-check {
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1.5px solid var(--utc-line-strong);
    font-size: 12px;
    font-style: normal;
}
.utc-sb-num { font-family: var(--utc-font-mono); font-weight: 400; }
.utc-sb-check { display: none; font-size: 11px; }
.utc-sb-label { font-style: normal; line-height: 1.2; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.utc-sb-step.is-current { border-color: var(--utc-acc); color: var(--utc-fg); }
.utc-sb-step.is-current .utc-sb-num { background: var(--utc-fg); color: var(--utc-bg); border-color: var(--utc-fg); }
.utc-sb-step.is-current::after { transform: scaleX(.18); }
.utc-sb-step.is-done { color: var(--utc-fg2); }
.utc-sb-step.is-done::after { transform: scaleX(1); }
.utc-sb-step.is-done .utc-sb-num { display: none; }
.utc-sb-step.is-done .utc-sb-check { display: grid; background: var(--utc-acc); border-color: var(--utc-acc); color: var(--utc-on-acc); }
@media (prefers-reduced-motion: no-preference) { .utc-sb-step::after { transition: transform .6s var(--utc-ease); } }
@media (max-width: 575.98px) {
    .utc-steps-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

:root .utc-dl-card { padding: clamp(20px, 3vw, 36px); min-height: 0; }
.utc-dl-card > .row.g-4 { --bs-gutter-x: 0; --bs-gutter-y: 0; margin: 0; }
.utc-dl-h { font-family: var(--utc-font-display); font-weight: 500; font-size: clamp(20px, 2.2vw, 26px); letter-spacing: -.02em; margin: 0 0 22px; color: var(--utc-fg); }
.utc-dl-sub { color: var(--utc-fg3); font-size: 15px; margin: -8px 0 18px; }
.utc-dl-why { max-width: 440px; margin: 18px auto 6px; color: var(--utc-mut); font-size: 14px; line-height: 1.55; text-wrap: pretty; }
.utc-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 14px; }
.utc-choice { border-radius: 18px; border: 1px solid var(--utc-line-strong); }
.utc-choice form { height: 100%; margin: 0; display: flex; flex-direction: column; gap: 16px; padding: 22px; }
.utc-choice-title { font-family: var(--utc-font); font-size: 17px; font-weight: 600; letter-spacing: -.005em; margin: 0; display: flex; align-items: center; color: inherit; }
.utc-choice-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: var(--utc-fg3); }
.utc-choice-list li { display: flex; gap: 10px; align-items: center; }
.utc-choice-list li::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 2px; background: var(--utc-mut2); }
.utc-choice-note { margin: 0; font-size: 15px; }
.utc-choice .btn { margin-top: auto; }
.utc-choice--premium { background: var(--utc-acc); border-color: var(--utc-acc); color: var(--utc-on-acc); }
.utc-choice--premium .btn.btn-primary,
.utc-choice--premium .btn.btn-primary:focus { background: var(--utc-on-acc); border-color: var(--utc-on-acc); color: #ebf2de; }
.utc-choice--premium .btn.btn-primary:hover { background: #1c241d; border-color: #1c241d; color: #fff; }
.utc-choice--premium .btn:focus-visible { outline-color: var(--utc-on-acc); }

.download-section-box .alert { margin: 0; }
.download-file-link { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.download-file-link .btn-download { width: min(420px, 100%); min-height: 60px; font-size: 17px; }
.download-file-link .btn-download.btn-secondary { background: var(--utc-acc); border-color: var(--utc-acc); color: var(--utc-on-acc); }
.download-file-link .btn-download.btn-secondary:hover { background: var(--utc-acc-hi); border-color: var(--utc-acc-hi); color: var(--utc-on-acc); }
.download-file-link .btn-download.disabled { background: rgba(var(--utc-rgb), .08); border-color: transparent; color: var(--utc-mut); opacity: 1; }
.download-file-timer { flex-wrap: wrap; gap: 0 2px; color: var(--utc-mut); font-size: 14px; }
.download-file-timer > span { font-family: var(--utc-font-mono) !important; font-size: 14px !important; font-weight: 500; margin: 0 4px !important; color: var(--utc-fg) !important; font-variant-numeric: tabular-nums; }
.download-file-timer.utc-has-ring:not(.d-none) { position: relative; display: block !important; text-align: center; }
.utc-ring { position: relative; width: 168px; height: 168px; margin: 0 auto 14px; }
.utc-ring svg { position: absolute; inset: 0; transform: rotate(-90deg); }
.utc-ring-track { stroke: rgba(var(--utc-rgb), .08); }
.utc-ring-bar { stroke: var(--utc-acc); }
@media (prefers-reduced-motion: no-preference) { .utc-ring-bar { transition: stroke-dashoffset 1s linear; } }
.utc-ring-num { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--utc-font-display); font-weight: 500; font-size: 52px; line-height: 1; color: var(--utc-fg); font-variant-numeric: tabular-nums; }
#down_2Form .utc-dl-cta { min-width: min(320px, 100%); min-height: 52px; }
#down_2Form .btn.btn-secondary:not(:disabled) { background: var(--utc-acc); border-color: var(--utc-acc); color: var(--utc-on-acc); }
#down_2Form .btn:disabled { background: rgba(var(--utc-rgb), .08); border-color: transparent; color: var(--utc-mut); opacity: 1; }
.download-section-box:has(.btn-download:not(.disabled)) .utc-dl-why { display: none; }
.utc-captcha { min-height: 78px; max-width: 100%; overflow-x: auto; }

.utc-details { display: flex; flex-direction: column; gap: 14px; }
.utc-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin: 0; }
:root .utc-facts .file-details {
    display: block;
    padding: 14px 16px;
    border-radius: var(--utc-r);
    border: 1px solid var(--utc-line);
    background: var(--utc-card);
}
.utc-facts dt { font-size: 12px; font-weight: 500; color: var(--utc-mut2); display: flex; gap: 8px; align-items: center; }
.utc-facts dt i { color: var(--utc-acc-fg); width: 14px; }
.utc-facts dd { margin: 4px 0 0; font-family: var(--utc-font-mono); font-size: 15px; color: var(--utc-fg); overflow-wrap: anywhere; }
.utc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.utc-actions .btn.utc-pill { min-height: 44px; padding: 0 18px; font-size: 14px; font-weight: 500; }
:root .utc-share .social-btn { width: 40px; height: 40px; border-radius: 50%; background: transparent; border: 1px solid var(--utc-line-strong); color: var(--utc-fg2); }
:root .utc-share .social-btn:hover { color: var(--utc-on-acc); background: var(--utc-acc); border-color: var(--utc-acc); opacity: 1; }
.utc-report { margin-left: auto; color: var(--utc-mut); font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.utc-report:hover { color: var(--utc-danger); }

:root .utc-dl-about { padding: clamp(20px, 3vw, 32px); }
:root .utc-dl-about > .mt-5:first-child { margin-top: 0 !important; }
:root .utc-dl-about h5 { font-family: var(--utc-font-display); font-weight: 500; font-size: 18px; color: var(--utc-fg) !important; }
:root .custom-nav-pills .nav-link {
    background-color: transparent;
    color: var(--utc-mut);
    border-radius: var(--utc-r-pill) !important;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    width: auto;
}
:root .custom-nav-pills .nav-link::before, :root .custom-nav-pills .tab-content .tab-pane::before { display: none; }
:root .custom-nav-pills .nav-link.active { background-color: var(--utc-hover); color: var(--utc-fg); }
:root .custom-nav-pills .nav { gap: 6px; margin-bottom: 10px; }
:root .custom-nav-pills .tab-content .tab-pane textarea {
    background-color: var(--utc-card-2);
    border: 1px solid var(--utc-line-strong);
    border-radius: var(--utc-r) !important;
    color: var(--utc-fg2);
    font-family: var(--utc-font-mono);
    font-size: 13px;
}
:root .utc-extra-text { color: var(--utc-fg2); }

/* password page */
:root .utc-password-page { padding-top: clamp(40px, 8vw, 96px); }
.utc-lock { display: grid; place-items: center; width: 96px; height: 96px; margin: 0 auto 20px; border-radius: 28px; background: var(--utc-acc-soft); color: var(--utc-acc-fg); }
.utc-lock .icon-color { fill: currentColor; stroke: none; }
:root .file-password .file-password-form { max-width: none; }

/* ------------------------------------------------------------------ auth */
body.body-style:has(.sign) {
    background:
        radial-gradient(700px 420px at 85% 0%, rgba(98, 177, 52, .14), transparent 70%),
        var(--utc-bg);
}
:root .sign .card-v { padding: clamp(24px, 4vw, 44px); box-shadow: var(--utc-shadow); }
:root .sign .sign-header h4 { font-family: var(--utc-font-display); font-weight: 500; font-size: clamp(24px, 3vw, 32px); letter-spacing: -.025em; }
:root .sign .btn.w-100 { min-height: 52px; }
:root .login-with .login-with-divider span { background-color: var(--utc-card); color: var(--utc-mut); }
:root .login-with .login-with-divider::before { background-color: var(--utc-line-strong); }

/* ------------------------------------------------------------------ footer */
:root .footer.utc-footer { background-color: var(--utc-bg-deep); color: var(--utc-fg2); border-top: 1px solid var(--utc-line2); }
.utc-footer-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 40px; padding: clamp(48px, 6vw, 80px) 0 40px; }
@media (max-width: 991.98px) { .utc-footer-grid { grid-template-columns: 1fr; } }
:root .footer.utc-footer .footer-upper { padding: 0; }
:root .footer.utc-footer .footer-title { margin-bottom: 14px; }
:root .footer.utc-footer .footer-title .h5 { font-family: var(--utc-font-mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; color: var(--utc-mut2); }
:root .footer.utc-footer .footer-title .footer-title-divider { display: none; }
:root .footer.utc-footer .footer-text { color: var(--utc-fg2); font-size: 14px; text-decoration: none; display: inline-flex; min-height: 24px; align-items: center; }
:root .footer.utc-footer .footer-text:hover { color: var(--utc-fg); opacity: 1; }
:root .footer.utc-footer .footer-links .footer-link { font-weight: 400; }
:root .footer.utc-footer .footer-links .footer-link:not(:last-child) { margin-bottom: 6px; }
:root .footer.utc-footer .footer-lower { background: transparent; border-top: 1px solid var(--utc-line2); padding: 22px 0 28px; }
:root .footer.utc-footer .footer-copyright { color: var(--utc-mut2); font-size: 13px; }

/* ------------------------------------------------------------------ dashboard */
:root body.utc-panel { background-color: var(--utc-bg); }
:root .dashboard { font-size: 15px; overflow: visible; }
:root .dashboard-sidebar { top: 0; height: 100%; }
:root .dashboard-sidebar .dashboard-sidebar-inner {
    background-color: var(--utc-bg);
    border-right: 1px solid var(--utc-line);
    box-shadow: none;
    width: 272px;
}
:root .dashboard-sidebar .dashboard-sidebar-content { height: 100vh; }
:root .dashboard.toggle .dashboard-sidebar { left: -272px; }
@media (max-width: 1199.98px) {
    :root .dashboard.toggle .dashboard-sidebar { left: 0; }
    :root .dashboard-sidebar .dashboard-sidebar-inner { left: -272px; }
    :root .dashboard-sidebar .overlay { background-color: #000; opacity: .55; }
}
:root .dashboard-sidebar-header { padding: 20px 16px 8px; display: flex; flex-direction: column; gap: 22px; }
.utc-side-logo { padding-left: 8px; height: 30px !important; }
:root .dashboard-sidebar-card { border-radius: 18px; padding: 18px; }
:root .dashboard-sidebar-card::before { display: none; }
.utc-balance { position: relative; overflow: hidden; background: var(--utc-acc); color: var(--utc-on-acc); }
.utc-balance-label { font-family: var(--utc-font-mono); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--utc-on-acc); margin: 0 0 6px; }
.utc-balance-value { font-family: var(--utc-font-display); font-size: 26px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; color: var(--utc-on-acc); position: relative; z-index: 1; overflow-wrap: anywhere; }
.utc-balance-btn { margin-top: 14px; position: relative; z-index: 1; }
.utc-balance-mark { position: absolute; right: -18px; bottom: -22px; width: 92px; height: auto; opacity: .45; transform: rotate(-12deg); pointer-events: none; }
:root .dashboard-sidebar-links { padding: 8px 16px; border: 0; }
:root .dashboard-sidebar-link:not(:last-child) { margin-bottom: 2px; }
:root .dashboard-sidebar-link .dashboard-sidebar-link-title {
    width: 100%;
    background: transparent;
    border: 0;
    text-align: left;
    border-radius: 12px;
    padding: 11px 12px;
    color: var(--utc-fg2);
    font-size: 15px;
    min-height: 44px;
    text-decoration: none;
}
:root .dashboard-sidebar-link .dashboard-sidebar-link-title i { color: var(--utc-mut); width: 20px; text-align: center; }
:root .dashboard-sidebar-link:hover .dashboard-sidebar-link-title { background-color: var(--utc-hover); color: var(--utc-fg); }
:root .dashboard-sidebar-link.current .dashboard-sidebar-link-title { background-color: var(--utc-hover); color: var(--utc-fg); font-weight: 600; }
:root .dashboard-sidebar-link.current .dashboard-sidebar-link-title i { color: var(--utc-acc-fg); }
:root .dashboard-sidebar-footer { padding: 16px; }
.utc-storage { border: 1px solid var(--utc-line); background: var(--utc-card); }
.utc-storage-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
:root .utc-storage .dashboard-upgrade-title { font-family: var(--utc-font); font-size: 13px; font-weight: 500; color: var(--utc-fg2); margin: 0; }
.utc-storage-num { font-family: var(--utc-font-mono); font-size: 12px; color: var(--utc-fg); white-space: nowrap; }
.utc-storage .progress { height: 5px; }
.utc-storage .progress-bar.bg-primary { background-color: var(--utc-acc) !important; }

:root .dashboard-body { width: calc(100% - 272px); margin-inline-start: 272px; padding-top: 72px; min-height: 100vh; }
:root .dashboard.toggle .dashboard-body { width: 100%; margin-inline-start: 0; }
@media (max-width: 1199.98px) { :root .dashboard-body { width: 100%; margin-inline-start: 0; } }
:root .dashboard-nav {
    left: 272px;
    width: calc(100% - 272px);
    height: 72px;
    background: rgba(var(--utc-nav-rgb), .86);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--utc-line);
    box-shadow: none;
    padding-inline: clamp(16px, 3vw, 36px);
    z-index: 1040;
}
:root .dashboard.toggle .dashboard-nav { left: 0; width: 100%; }
@media (max-width: 1199.98px) { :root .dashboard-nav { left: 0; width: 100%; } }
@media (min-width: 1200px) { :root .dashboard-nav .logo-toggle { display: none; } }
:root .dashboard-btn {
    background-color: transparent;
    border: 1px solid var(--utc-line-strong);
    border-radius: var(--utc-r-pill);
    color: var(--utc-fg) !important;
    width: 44px;
    height: 44px;
    max-width: none !important;
    max-height: none !important;
    padding: 0;
}
:root .dashboard-btn:hover { background-color: var(--utc-hover); }
:root .dashboard-nav .user-menu .user-img { width: 40px; height: 40px; border-radius: 50%; }
.utc-nav-actions { gap: 0; }
.utc-nav-upload { min-height: 44px !important; padding: 0 18px !important; font-size: 14px !important; }
@media (max-width: 575.98px) { .utc-nav-upload span { display: none; } .utc-nav-upload i { margin: 0 !important; } .utc-nav-upload { width: 44px; padding: 0 !important; } }
:root .announcements-menu-btn { position: relative; }
:root .announcements-menu-counter { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; border-radius: 10px; font-size: 11px; font-weight: 700; display: grid; place-items: center; padding: 0 5px; }

:root .dashboard-container { padding-inline: clamp(16px, 3vw, 36px); max-width: 1480px; }
.utc-page-head { margin-top: 8px; }
.utc-page-title { font-family: var(--utc-font-display); font-weight: 500; font-size: clamp(24px, 3vw, 32px); letter-spacing: -.025em; color: var(--utc-fg); }
:root .select-group .select-group-icon { color: var(--utc-mut); z-index: 1; }
:root .select-group .form-select { border-radius: var(--utc-r-pill); min-height: 44px; }

:root .dashboard-card {
    background-color: var(--utc-card);
    border: 1px solid var(--utc-line);
    border-radius: var(--utc-r-lg);
    padding: clamp(18px, 2.4vw, 30px);
    color: var(--utc-fg);
}
.utc-card-title { font-family: var(--utc-font); font-weight: 600; font-size: 17px; letter-spacing: -.01em; }
:root .dashboard-counter {
    background-color: var(--utc-card);
    border: 1px solid var(--utc-line);
    border-radius: var(--utc-r-lg);
    padding: 22px;
    color: var(--utc-acc-fg);
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}
:root .dashboard-counter .dashboard-counter-icon { width: 40px; height: 40px; margin: 0; border-radius: 12px; }
:root .dashboard-counter .dashboard-counter-icon::before { background-color: var(--utc-acc); opacity: .14; border-radius: 12px; }
:root .dashboard-counter .dashboard-counter-icon i { font-size: 16px; color: var(--utc-acc-fg); }
:root .dashboard-counter .dashboard-counter-title { font-family: var(--utc-font); font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--utc-mut); margin-bottom: 6px; }
:root .dashboard-counter .dashboard-counter-text { font-family: var(--utc-font-display); font-size: clamp(24px, 2.4vw, 30px); font-weight: 500; letter-spacing: -.02em; color: var(--utc-fg); font-variant-numeric: tabular-nums; }
:root .dashboard-counter.utc-kpi--hero .dashboard-counter-text { color: var(--utc-acc-fg); font-size: clamp(28px, 2.8vw, 36px); font-weight: 600; }
:root .dashboard-counter.dashboard-counter-warning .dashboard-counter-icon::before,
:root .dashboard-counter.dashboard-counter-danger .dashboard-counter-icon::before,
:root .dashboard-counter.dashboard-counter-success .dashboard-counter-icon::before { background-color: var(--utc-acc); }
:root .dashboard-chart { height: clamp(260px, 36vw, 420px); }
:root .dashboard-table { font-size: 14px; }
:root .dashboard-table .table thead th { color: var(--utc-mut); font-weight: 500; font-size: 13px; border-bottom: 1px solid var(--utc-line); background: transparent; }
:root .dashboard-table .table tbody td { color: var(--utc-fg2); font-family: var(--utc-font-mono); font-size: 13px; border-bottom: 1px solid var(--utc-line2); background: transparent; }
:root .dashboard-table .table tbody tr:nth-child(odd) td { background-color: transparent; }
:root .dashboard-table .table tbody tr:hover td { background-color: var(--utc-hover); }
:root .dashboard-table .dropdown-btn,
:root .dashboard-table .table tbody tr:nth-child(odd) .dropdown-btn { background-color: transparent; border: 1px solid var(--utc-line-strong); border-radius: var(--utc-r-pill); color: var(--utc-fg2); min-width: 36px; min-height: 32px; }
:root .dashboard-table-upper { border-color: var(--utc-line); }
:root .dashboard-table .file-name-title, :root .files-table .file-name-title { color: var(--utc-fg); font-weight: 500; }
:root .custom-drop .dropdown-btn { background-color: var(--utc-hover); }
:root .dashboard-footer { background-color: transparent; border-top: 1px solid var(--utc-line2); box-shadow: none; color: var(--utc-mut2); padding: 18px clamp(16px, 3vw, 36px); }
:root .settings-links .settings-link { background-color: var(--utc-card); border: 1px solid var(--utc-line); border-radius: var(--utc-r-pill); color: var(--utc-fg2); }
:root .settings-links .settings-link.active, :root .settings-links .settings-link:hover { background-color: var(--utc-acc); border-color: var(--utc-acc); color: var(--utc-on-acc); }

@media (max-width: 575.98px) {
    :root .dashboard-nav { padding-inline: 12px; gap: 6px; }
    :root .dashboard-nav .dashboard-toggle-btn { flex: none; }
    :root .dashboard-nav .logo-toggle { margin-left: 8px !important; height: 24px; min-width: 0; }
    :root .dashboard-nav .languages { display: none; }
    :root .dashboard-nav .utc-nav-actions > * { margin-left: 6px !important; }
    :root .dashboard-btn, .utc-dashboard-nav .utc-theme-toggle { width: 40px; height: 40px; }
    :root .dashboard-nav .utc-theme-toggle { width: 40px; height: 40px; }
    :root .dashboard-nav .user-menu .user-img { width: 36px; height: 36px; }
    :root .dashboard-counter { padding: 16px; gap: 12px; }
    :root .dashboard-counter .dashboard-counter-text { font-size: 22px; }
    :root .dashboard-counter.utc-kpi--hero .dashboard-counter-text { font-size: 24px; }
    :root .dashboard-counter .dashboard-counter-title { font-size: 13px; }
}
/* mobile dock */
.utc-dock { display: none; }
@media (max-width: 1199.98px) {
    .utc-dock {
        position: fixed;
        left: 50%;
        bottom: max(12px, env(safe-area-inset-bottom));
        transform: translateX(-50%);
        z-index: 1035;
        display: flex;
        gap: 4px;
        padding: 6px;
        border-radius: 22px;
        border: 1px solid var(--utc-line);
        background: rgba(var(--utc-nav-rgb), .9);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        box-shadow: var(--utc-shadow);
        width: min(380px, calc(100vw - 24px));
        justify-content: space-between;
    }
    .utc-dock-item {
        flex: 1;
        min-height: 48px;
        border-radius: 16px;
        display: grid;
        place-items: center;
        color: var(--utc-fg2);
        text-decoration: none;
        border: 0;
        background: transparent;
        font-size: 18px;
    }
    .utc-dock-item:hover { color: var(--utc-fg); background: var(--utc-hover); }
    .utc-dock-item.is-current { background: var(--utc-hover); color: var(--utc-fg); }
    .utc-dock-upload { background: var(--utc-acc); color: var(--utc-on-acc); }
    .utc-dock-upload:hover { background: var(--utc-acc-hi); color: var(--utc-on-acc); }
    body.utc-panel .dashboard-footer { padding-bottom: 96px; }
    body.utc-panel .uploadbox.active ~ .utc-dock, body.overflow-hidden .utc-dock { display: none; }
}

/* ------------------------------------------------------------------ upload box / dropzone */
:root .uploadbox .overlay { background-color: rgba(0, 0, 0, .6); }
:root .uploadbox .uploadbox-content { background-color: var(--utc-card); color: var(--utc-fg); }
:root .uploadbox .uploadbox-header { border-color: var(--utc-line); }
:root .uploadbox .uploadbox-body .uploadbox-body-content .uploadbox-drag { border: 2px dashed var(--utc-line-strong); border-radius: var(--utc-r-lg); background: var(--utc-card-2); }
:root .uploadbox .uploadbox-body .uploadbox-body-content .uploadbox-drag-inner i { color: var(--utc-acc-fg); }
:root .dropzone .dz-preview .dz-preview-container .dz-file-edit .dz-file-edit-box { background-color: var(--utc-card); color: var(--utc-fg); }
:root .dropzone .dz-preview .dz-preview-container .dz-progress { background-color: rgba(var(--utc-rgb), .12); }

/* ------------------------------------------------------------------ misc legacy components */
:root .preloader { background-color: var(--utc-bg); }
:root .preloader span { background-color: var(--utc-acc); }
:root .cookies { background-color: var(--utc-card); color: var(--utc-fg); border: 1px solid var(--utc-line); border-radius: var(--utc-r-lg); }
:root .protection .protection-inner { background-color: rgba(9, 12, 10, .96); }
:root .protection .protection-icon { background-color: var(--utc-acc); color: var(--utc-on-acc); }
:root .file-details { border-color: var(--utc-line); }
:root .file-details .file-details-icon { background-color: var(--utc-hover); }
:root .plan, :root .pricing.normal, :root .rate { background-color: var(--utc-card); border: 1px solid var(--utc-line); color: var(--utc-fg); }
:root .pricing.normal .pricing-btn { border-color: var(--utc-line-strong); }
:root .proof-table thead th, :root .proof-table tbody td { border-color: var(--utc-line); color: var(--utc-fg2); }
:root .announcement .announcement-header, :root .blog-post.blog-post-side:not(:last-child), :root .blog-category:not(:last-child) { border-color: var(--utc-line); }
:root .collection-file:not(:last-child), :root .form-section { border-color: var(--utc-line); }
:root .d-file, :root .d-folder-btn { color: var(--utc-fg); }

/* ------------------------------------------------------------------ motion & a11y */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
    .btn, .utc-theme-toggle, .utc-sb-step, .utc-file-card, .card-v { border: 1px solid CanvasText; }
}

/* Secondary pages (audit 2026-10-25) */
:root .plan.premium .plan-feature,:root .plan.styled .plan-feature,:root .plan.premium .plan-feature span,:root .plan.styled .plan-feature span,:root .plan.premium .plan-feature i,:root .plan.styled .plan-feature i{color:var(--utc-fg)!important}
:root .plan .plan-feature,:root .plan .plan-feature span{color:var(--utc-fg2)}