/* Shared visual identity with the public MoClarus website.
   Loaded last so older CRM page styles keep their layout and behaviour. */
:root {
    --mc-brand-yellow: #f4c430;
    --mc-brand-yellow-dark: #dfb21b;
    --mc-brand-cream: #fffdf8;
    --mc-brand-wash: #fff6cc;
    --mc-brand-surface: #f5f2e9;
    --mc-brand-ink: #181818;
    --mc-brand-text: #373737;
    --mc-brand-muted: #6d6d68;
    --mc-brand-line: #e4dfd4;
    --app-bg: var(--mc-brand-cream);
    --surface-subtle: #faf8f1;
    --surface-hover: #fff9e8;
    --surface-active: var(--mc-brand-wash);
    --sidebar-bg: var(--mc-brand-ink);
    --sidebar-hover: rgba(244, 196, 48, .09);
    --sidebar-active: rgba(244, 196, 48, .16);
    --sidebar-border: rgba(255, 255, 255, .14);
    --sidebar-muted: #b8b7b1;
    --text-primary: var(--mc-brand-ink);
    --text-secondary: var(--mc-brand-text);
    --border: var(--mc-brand-line);
    --primary: var(--mc-brand-ink);
    --primary-hover: #33312b;
    --primary-active: #111;
    --mc-ui-blue: #806300;
    --mc-ui-blue-hover: #614b00;
    --mc-ui-blue-active: #473800;
    --mc-ui-blue-ring: rgba(244, 196, 48, .25);
    --mc-ui-ink: var(--mc-brand-ink);
    --mc-ui-text: var(--mc-brand-text);
    --mc-ui-muted: var(--mc-brand-muted);
    --mc-ui-line: var(--mc-brand-line);
    --mc-ui-line-hover: #c8b970;
    --mc-ui-surface-hover: #fffaf0;
    --dash-ink: var(--mc-brand-ink);
    --dash-blue: #806300;
    --dash-border: var(--mc-brand-line);
    --dash-muted: var(--mc-brand-muted);
    --mc-81-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

html,
body,
body:not(.standalone-page) > .main {
    background-color: var(--mc-brand-cream) !important;
    color: var(--mc-brand-text);
}

body {
    font-family: var(--mc-81-font-family) !important;
}

/* Sidebar: same charcoal, yellow and line icon treatment as the website. */
html body .sidebar {
    background: var(--mc-brand-ink) !important;
    color: #fffdf8 !important;
    border-right: 1px solid #33312b !important;
}

html body .sidebar-brand {
    display: block;
    text-decoration: none;
    border-bottom-color: rgba(255, 255, 255, .14) !important;
}

html body .sidebar-logo-frame {
    background: #fffdf8 !important;
    border: 1px solid rgba(255, 255, 255, .32) !important;
    border-radius: 9px !important;
}

html body .sidebar-image-fallback.company {
    background: #fffdf8 !important;
}
html body .sidebar-image-fallback.company img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}
html body .sidebar-avatar .sidebar-image-fallback {
    background: #475b4e !important;
    color: #fffdf8 !important;
}

html body .sidebar-product-name,
html body .sidebar-company-name,
html body .sidebar-user-name {
    color: #fffdf8 !important;
}

html body .sidebar .menu-title,
html body .sidebar-user-role {
    color: #aaa9a2 !important;
}

html body .sidebar-navigation a {
    color: #dddcd5 !important;
    border-radius: 10px !important;
}

html body .sidebar-navigation a:hover {
    color: #fffdf8 !important;
    background: rgba(244, 196, 48, .10) !important;
}

html body .sidebar-navigation a.active {
    color: #f4c430 !important;
    background: rgba(244, 196, 48, .16) !important;
}

html body .sidebar-navigation a::before {
    background-color: currentColor !important;
}

html body .sidebar-navigation a.active::before {
    background-color: var(--mc-brand-yellow) !important;
}

html body .sidebar-user .logout-link {
    border-color: rgba(255, 255, 255, .24) !important;
    color: #fffdf8 !important;
}

html body .sidebar-user-status span { background: var(--mc-brand-yellow) !important; }

/* A consistent warm frame and readable card surface across CRM modules. */
html body:not(.standalone-page) .main > .mc-page-frame,
html body:not(.standalone-page) .main > .manager-page {
    color: var(--mc-brand-text);
}

html body .main :is(.mc-dashboard-v2, .mc-myday, .mc-calendar-enterprise, .mc-search-page, .mc-companies-page) {
    background: radial-gradient(ellipse at 90% 0%, var(--mc-brand-wash), transparent 42%), var(--mc-brand-cream) !important;
    --dash-ink: var(--mc-brand-ink);
    --dash-blue: #806300;
    --dash-border: var(--mc-brand-line);
    --dash-muted: var(--mc-brand-muted);
}

html body:not(.standalone-page) .main :is(.mc-dash-header, .myday-header, .cal-hero, .mc-companies-header, .mc-contacts-header, .network-topbar, .mc-activities-header, .mc-opportunities-header, .mc-pipeline-header, .tasks-container > .page-header, .di-page-header, .manager-header, .settings-container > .page-header, .mc-admin-header, .audit-header, .mc-search-header) {
    background: linear-gradient(105deg, #fffdf8 48%, #fff6cc 100%) !important;
    border: 1px solid var(--mc-brand-line) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

html body:not(.standalone-page) .main :is(.mc-dash-header, .myday-header, .cal-hero, .mc-companies-header, .mc-contacts-header, .network-topbar, .mc-activities-header, .mc-opportunities-header, .mc-pipeline-header, .tasks-container > .page-header, .di-page-header, .manager-header, .settings-container > .page-header, .mc-admin-header, .audit-header, .mc-search-header) h1 {
    color: var(--mc-brand-ink) !important;
    font-family: var(--mc-81-font-family) !important;
    font-weight: 740 !important;
    letter-spacing: -.045em !important;
}

html body:not(.standalone-page) .main :is(.mc-dash-header, .myday-header, .cal-hero, .mc-companies-header, .mc-contacts-header, .network-topbar, .mc-activities-header, .mc-opportunities-header, .mc-pipeline-header, .tasks-container > .page-header, .di-page-header, .manager-header, .settings-container > .page-header, .mc-admin-header, .audit-header, .mc-search-header) h1::before {
    color: #806300 !important;
    letter-spacing: .12em !important;
}

html body .main :is(.mc-panel, .mc-kpi-card, .workflow-panel, .mc-guidance-card, .myday-panel, .myday-workbook, .cal-shell, .cal-side-card, .mc-search-command, .mc-search-group, .mc-companies-card, .mc-contacts-card, .manager-card, .settings-card) {
    border-color: var(--mc-brand-line) !important;
    background-color: #fff !important;
    box-shadow: 0 8px 25px rgba(36, 32, 18, .045) !important;
}

html body .main :is(.mc-panel-header, .myday-panel-header, .cal-side-card header) {
    border-bottom-color: var(--mc-brand-line) !important;
    background: #fffdf8 !important;
}

html body .main :is(.mc-blue-soft, .mc-purple-soft, .mc-amber, .mc-kpi-icon, .mc-small-icon, .mc-overview-icon) {
    background-color: var(--mc-brand-wash) !important;
    color: #806300 !important;
}

html body .main :is(.mc-blue-soft, .mc-purple-soft, .mc-amber, .mc-kpi-icon, .mc-small-icon, .mc-overview-icon) svg {
    stroke: currentColor !important;
}

html body .main .mc-dashboard-start {
    border-color: var(--mc-brand-line) !important;
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(36, 32, 18, .045) !important;
}
html body .main .mc-dashboard-start::before {
    content: "";
    display: block;
    width: 150px;
    height: 112px;
    margin: 0 auto 16px;
    border-radius: 14px;
    background: url("/static/images/moclarus-direction.webp") center / cover no-repeat;
}
html body .main .mc-dashboard-start-kicker { color: #806300 !important; }
html body .main .mc-dashboard-start h2,
html body .main .mc-dashboard-start-steps strong { color: var(--mc-brand-ink) !important; }
html body .main .mc-dashboard-start > p,
html body .main .mc-dashboard-start-steps p { color: var(--mc-brand-muted) !important; }
html body .main .mc-dashboard-start-steps,
html body .main .mc-dashboard-start-steps article { border-color: var(--mc-brand-line) !important; }
html body .main .mc-dashboard-start-steps article > span {
    background: var(--mc-brand-wash) !important;
    color: #806300 !important;
}
html body .main .mc-dashboard-start-steps a {
    background: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
}
html body .main .mc-dashboard-start-steps a:hover { background: var(--mc-brand-yellow-dark) !important; }

/* Yellow marks primary actions; secondary and destructive actions retain their roles. */
html body .main :is(.mc-primary-action, .add-button, .save-button, .primary-button, .mc-add-company-button, .mc-add-contact-button, .mc-opportunity-add, .mc-company-save-button, .mc-contact-save-button) {
    background: var(--mc-brand-yellow) !important;
    border-color: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
    box-shadow: none !important;
}

html body .main :is(.mc-primary-action, .add-button, .save-button, .primary-button, .mc-add-company-button, .mc-add-contact-button, .mc-opportunity-add, .mc-company-save-button, .mc-contact-save-button):hover {
    background: var(--mc-brand-yellow-dark) !important;
    border-color: var(--mc-brand-yellow-dark) !important;
}

html body :is(a, button, input, select, textarea):focus-visible {
    outline: 3px solid var(--mc-brand-yellow) !important;
    outline-offset: 2px;
}

/* Setup and sign-in share the landing page's illustration and logo. */
html body.standalone-page,
html body.standalone-page:has(.mc-welcome) {
    background: radial-gradient(circle at 87% 12%, var(--mc-brand-wash), transparent 38%), var(--mc-brand-cream) !important;
}

html body.standalone-page::before,
html body.standalone-page::after { display: none !important; }

.standalone-page .main:has(> .mc-welcome),
.standalone-page .main:has(> .login-page) {
    padding: clamp(16px, 3vw, 40px) !important;
}

.standalone-page .main > .mc-welcome {
    position: relative;
    width: min(100%, 1060px) !important;
    max-width: 1060px !important;
    min-height: 680px;
    margin: 0 auto !important;
    padding: 38px calc(45% + 42px) 38px 42px !important;
    overflow: hidden;
    border: 1px solid var(--mc-brand-line) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 22px 55px rgba(36, 32, 18, .08) !important;
    color: var(--mc-brand-text) !important;
}

.mc-welcome > :not(.mc-auth-art) { position: relative; z-index: 2; }
.mc-welcome .mc-welcome-brand { color: var(--mc-brand-ink); }
.mc-welcome .mc-welcome-brand-accent,
.standalone-page .auth-product-name span { color: #806300 !important; }
.mc-welcome .mc-welcome-mark {
    width: 38px;
    height: 38px;
    border: 1px solid var(--mc-brand-line);
    border-radius: 8px;
    background: #fffdf8 !important;
}
.mc-welcome .mc-welcome-mark img { width: 34px; height: 34px; object-fit: contain; }
.mc-welcome .mc-welcome-steps { border-color: var(--mc-brand-line); }
.mc-welcome .mc-welcome-steps li { color: var(--mc-brand-muted); }
.mc-welcome .mc-welcome-steps li > span { border-color: var(--mc-brand-line); }
.mc-welcome .mc-welcome-steps [aria-current="step"] { color: #806300; }
.mc-welcome .mc-welcome-steps [aria-current="step"] > span { background: var(--mc-brand-yellow); border-color: var(--mc-brand-yellow); color: var(--mc-brand-ink); }
.mc-welcome .mc-welcome-eyebrow { color: #806300; letter-spacing: .13em; }
.mc-welcome .mc-welcome-heading h1 { color: var(--mc-brand-ink) !important; font-size: clamp(28px, 3vw, 38px) !important; letter-spacing: -.045em; }
.mc-welcome .mc-welcome-heading > p:last-child,
.mc-welcome .mc-welcome-help,
.mc-welcome .mc-welcome-footer { color: var(--mc-brand-muted); }
.mc-welcome .mc-welcome-field label { color: var(--mc-brand-text); }
.mc-welcome .mc-welcome-field input {
    border-color: var(--mc-brand-line) !important;
    border-radius: 9px !important;
    color: var(--mc-brand-ink) !important;
    background: #fffdf8 !important;
}
.mc-welcome .mc-welcome-field input:focus-visible { border-color: var(--mc-brand-yellow-dark) !important; }
.mc-welcome .mc-welcome-submit {
    border-color: var(--mc-brand-yellow) !important;
    border-radius: 999px !important;
    background: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
    box-shadow: none !important;
}
.mc-welcome .mc-welcome-submit:hover { background: var(--mc-brand-yellow-dark) !important; }
html body.standalone-page .main .mc-welcome .mc-welcome-submit {
    background-image: none !important;
    background-color: var(--mc-brand-yellow) !important;
    border-color: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
}
html body.standalone-page .main .mc-welcome .mc-welcome-submit:hover {
    background-color: var(--mc-brand-yellow-dark) !important;
    border-color: var(--mc-brand-yellow-dark) !important;
}

.mc-auth-art {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45%;
    overflow: hidden;
    background: var(--mc-brand-wash);
}
.mc-auth-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mc-auth-art span {
    position: absolute;
    right: 22px;
    bottom: 20px;
    left: 22px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255, 253, 248, .94);
    color: var(--mc-brand-ink);
    font-size: 13px;
    font-weight: 750;
    text-align: center;
}

.standalone-page .login-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    width: min(100%, 980px) !important;
    max-width: 980px !important;
    min-height: 570px;
    overflow: hidden;
    border: 1px solid var(--mc-brand-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(36, 32, 18, .08);
}
.standalone-page .login-card {
    align-self: center;
    padding: 42px clamp(24px, 4vw, 52px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    animation: none !important;
}
.standalone-page .login-card::before { display: none !important; }
.standalone-page .login-page .mc-auth-art { position: relative; width: 100%; }
.standalone-page .auth-back-link { display: inline-block; margin-bottom: 16px; color: var(--mc-brand-muted); font-size: 12px; font-weight: 650; text-decoration: none; }
.standalone-page .auth-back-link:hover,
.standalone-page .auth-back-link:focus-visible { color: var(--mc-brand-ink); text-decoration: underline; }
.standalone-page .auth-brand { align-items: center; gap: 8px; justify-content: flex-start; }
.mc-auth-brand-mark { width: 38px; height: 38px; object-fit: contain; }
.standalone-page .auth-product-name,
.standalone-page .login-card h1 { color: var(--mc-brand-ink) !important; }
.standalone-page .login-card h1,
.standalone-page .login-card .subtitle { text-align: left; }
.standalone-page .login-card label { color: var(--mc-brand-text); }
.standalone-page .login-card input { border-color: var(--mc-brand-line); background: #fffdf8; color: var(--mc-brand-ink); }
.standalone-page .login-card input:focus { border-color: var(--mc-brand-yellow-dark); box-shadow: 0 0 0 3px rgba(244, 196, 48, .22); }
.standalone-page .login-button { border-radius: 999px; background: var(--mc-brand-yellow) !important; color: var(--mc-brand-ink) !important; box-shadow: none !important; }
.standalone-page .login-button:hover { background: var(--mc-brand-yellow-dark) !important; box-shadow: none !important; }
html body.standalone-page .main .login-button {
    background-image: none !important;
    background-color: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
}
html body.standalone-page .main .login-button:hover { background-color: var(--mc-brand-yellow-dark) !important; }
html body.standalone-page .main .login-card button#mc-login-submit {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    border: 1px solid var(--mc-brand-yellow) !important;
    border-radius: 999px !important;
    background: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}
html body.standalone-page .main .login-card button#mc-login-submit:hover {
    border-color: var(--mc-brand-yellow-dark) !important;
    background: var(--mc-brand-yellow-dark) !important;
}
.auth-ready-status { color: var(--mc-brand-muted); border-top-color: var(--mc-brand-line); }
.auth-ready-status::before { background: #60775d; animation: none; }

/* The remaining onboarding steps keep their choices and controls intact. */
html body.standalone-page .workspace-setup-card,
html body.standalone-page .backup-setup-card {
    border-color: var(--mc-brand-line) !important;
    background: #fff !important;
    box-shadow: 0 22px 55px rgba(36, 32, 18, .08) !important;
}
html body.standalone-page .workspace-setup-card::before,
html body.standalone-page .backup-setup-card::before {
    background: var(--mc-brand-yellow) !important;
}
html body.standalone-page :is(.workspace-setup-brand, .backup-brand, .workspace-setup-heading h1, .backup-heading h1) {
    color: var(--mc-brand-ink) !important;
}
html body.standalone-page :is(.workspace-setup-brand, .backup-brand) span,
html body.standalone-page :is(.workspace-setup-heading > span, .backup-eyebrow) {
    color: #806300 !important;
}
html body.standalone-page :is(.workspace-setup-heading p, .backup-heading p) {
    color: var(--mc-brand-muted) !important;
}
html body.standalone-page .workspace-setup-heading {
    padding: 22px;
    border-radius: 14px;
    background: linear-gradient(90deg, #fffdf8 45%, rgba(255, 246, 204, .76)), url("/static/images/moclarus-direction.webp") right center / auto 180px no-repeat;
}
html body.standalone-page :is(.workspace-profile-option, .backup-choice-option) {
    border-color: var(--mc-brand-line) !important;
    background: #fffdf8 !important;
}
html body.standalone-page :is(.workspace-profile-option, .backup-choice-option):has(input:checked) {
    border-color: var(--mc-brand-yellow-dark) !important;
    background: var(--mc-brand-wash) !important;
}
html body.standalone-page :is(.workspace-setup-actions button, .backup-setup-actions button[type="submit"]) {
    background: var(--mc-brand-yellow) !important;
    border-color: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
}
html body.standalone-page :is(.workspace-setup-actions button, .backup-setup-actions button[type="submit"]):hover {
    background: var(--mc-brand-yellow-dark) !important;
}

/* Backup onboarding follows the same palette and keeps unsupported choices out of view. */
html body.standalone-page .backup-setup-page .backup-heading-icon,
html body.standalone-page .backup-setup-page .backup-step {
    border-color: var(--mc-brand-line);
    background: var(--mc-brand-wash);
    color: #806300;
}
html body.standalone-page .backup-setup-page :is(.backup-setup-group, .backup-choice-option) {
    border-color: var(--mc-brand-line);
    background: var(--mc-brand-cream);
}
html body.standalone-page .backup-setup-page .backup-choice-option:has(input:checked) {
    border-color: var(--mc-brand-yellow-dark);
    background: var(--mc-brand-wash);
    box-shadow: 0 0 0 2px rgba(244, 196, 48, .12);
}
html body.standalone-page .backup-setup-page .backup-choice-option input { accent-color: #806300; }
html body.standalone-page .backup-setup-page :is(.backup-choice-option strong, .backup-setup-group legend, .backup-local-path strong) { color: var(--mc-brand-ink); }
html body.standalone-page .backup-setup-page :is(.backup-choice-option small, .backup-local-path, .backup-setup-actions p) { color: var(--mc-brand-muted); }
html body.standalone-page .backup-setup-page :is(.backup-choice-icon, .backup-choice-option:has(input:checked) .backup-choice-icon) { color: #806300; }
html body.standalone-page .backup-setup-page .backup-button-primary,
html body.standalone-page #backup-folder-dialog .backup-button-primary,
html body.standalone-page #backup-setup-form .backup-button-primary {
    border-color: var(--mc-brand-yellow) !important;
    background: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
    box-shadow: none !important;
}
html body.standalone-page .backup-setup-page .backup-button-primary:hover,
html body.standalone-page #backup-folder-dialog .backup-button-primary:hover,
html body.standalone-page #backup-setup-form .backup-button-primary:hover {
    border-color: var(--mc-brand-yellow-dark) !important;
    background: var(--mc-brand-yellow-dark) !important;
}
html body.standalone-page .backup-setup-page .backup-choice-grid:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
html body.standalone-page .backup-location-intro { margin: 4px 0 12px; color: var(--mc-brand-text); font-size: 13px; line-height: 1.55; }
html body.standalone-page .backup-custom-destination-visible { display: grid; gap: 6px; }
html body.standalone-page .backup-location-row { justify-content: flex-start; margin-top: 0; }
html body.standalone-page #backup-setup-form #backup-choose-folder { border-color: var(--mc-brand-line) !important; background: #fff !important; color: var(--mc-brand-ink) !important; }
html body.standalone-page .backup-folder-dialog { border-color: var(--mc-brand-line); color: var(--mc-brand-text); }
html body.standalone-page .backup-folder-dialog :is(.backup-folder-header h2, .backup-folder-item strong) { color: var(--mc-brand-ink); }
html body.standalone-page .backup-folder-dialog :is(.backup-folder-header p, .backup-folder-item small, .backup-folder-status) { color: var(--mc-brand-muted); }
html body.standalone-page .backup-folder-dialog #backup-current-folder { background: var(--mc-brand-wash); color: var(--mc-brand-text); }
html body.standalone-page .backup-folder-dialog .backup-folder-item { min-height: 60px !important; justify-content: flex-start !important; border-color: var(--mc-brand-line) !important; background: #fff !important; color: var(--mc-brand-ink) !important; text-align: left !important; }
html body.standalone-page .backup-folder-dialog .backup-folder-item:hover { border-color: var(--mc-brand-yellow-dark) !important; background: var(--mc-brand-wash) !important; }
html body.standalone-page .backup-folder-dialog .backup-folder-item > span { display: grid; gap: 3px; }
html body.standalone-page .backup-folder-dialog .backup-folder-item strong { font-size: 13px; font-weight: 700; }
html body.standalone-page .backup-folder-dialog .backup-folder-item small { font-size: 11px; font-weight: 400; }
html body.standalone-page .backup-folder-dialog .backup-button[hidden],
html body.standalone-page .backup-folder-dialog #backup-current-folder[hidden] { display: none !important; }
/* Text labels replace directional arrow icons on navigation controls. */
html body .main .mc-calendar-enterprise #cal-prev,
html body .main .mc-calendar-enterprise #cal-next {
    width: auto !important;
    min-width: 54px !important;
    padding: 0 10px !important;
}
html body .next-action-company-link::after,
html body .mc-activities-page .mc-activity-insight a::after { content: none !important; }
html body.standalone-page .backup-setup-actions-buttons { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; }
html body.standalone-page .backup-setup-later { color: var(--mc-brand-text); font-size: 13px; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
html body.standalone-page .backup-setup-later:hover { color: #806300; }
.mc-local-data-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid var(--mc-brand-line);
    border-radius: 12px;
    background: var(--mc-brand-wash);
    color: var(--mc-brand-text);
    font-size: 13px;
}
.mc-local-data-note a { color: #5f4b00; font-weight: 700; text-underline-offset: 3px; }
html body .mc-dashboard-v2 .mc-dashboard-start a.mc-onboarding-action {
    border-color: var(--mc-brand-yellow) !important;
    background: var(--mc-brand-yellow) !important;
    color: var(--mc-brand-ink) !important;
    box-shadow: none !important;
}
html body .mc-dashboard-v2 .mc-dashboard-start a.mc-onboarding-action:hover { background: var(--mc-brand-yellow-dark) !important; }
html body.standalone-page .workspace-profile-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
html body.standalone-page .workspace-profile-option > span { background: var(--mc-brand-wash); color: #806300; }
html body.standalone-page .workspace-profile-option input { accent-color: #806300; }
html body.standalone-page .workspace-profile-option :is(strong, small, li) { color: var(--mc-brand-text); }
html body.standalone-page .workspace-profile-option li::before { color: #806300; }
html body.standalone-page .workspace-profile-option:hover { border-color: var(--mc-brand-yellow-dark) !important; }
html body .mc-companies-page :is(.mc-companies-empty-icon, .mc-empty-icon) { background: var(--mc-brand-wash) !important; color: #806300 !important; }
@media (max-width: 700px) {
    .mc-local-data-note { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
    .standalone-page .main > .mc-welcome { min-height: 0; padding: 26px 24px !important; }
    .mc-welcome .mc-auth-art { display: none; }
    .standalone-page .login-page { display: block; min-height: 0; }
    .standalone-page .login-page .mc-auth-art { display: none; }
    .standalone-page .login-card { padding: 30px 24px !important; }
}

@media (min-width: 1100px) and (min-height: 760px) {
    html body.standalone-page .main:has(> .mc-welcome),
    html body.standalone-page .main:has(> .login-page) {
        min-height: 100svh;
        padding: 0 !important;
    }
    html body.standalone-page .main > .mc-welcome {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100% !important;
        max-width: none !important;
        min-height: 100svh;
        padding: 48px calc(45% + 5vw) 48px 5vw !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    html body.standalone-page .main > .mc-welcome > :not(.mc-auth-art) {
        width: 100%;
        max-width: 490px;
        margin-right: auto;
        margin-left: auto;
    }
    html body.standalone-page .main > .login-page {
        width: min(calc(100% - 64px), 1040px) !important;
        max-width: 1040px !important;
        height: min(720px, calc(100svh - 64px));
        min-height: min(680px, calc(100svh - 64px));
        grid-template-columns: minmax(0, 57%) minmax(0, 43%);
        border: 1px solid var(--mc-brand-line);
        border-radius: 22px;
        box-shadow: 0 22px 55px rgba(36, 32, 18, .08);
    }
    html body.standalone-page .login-page .login-card {
        align-self: stretch;
        width: min(100%, 480px);
        max-height: 100%;
        margin: 0 auto !important;
        overflow-y: auto;
    }
    html body.standalone-page .mc-auth-art span {
        right: clamp(24px, 5vw, 70px);
        bottom: 35px;
        left: clamp(24px, 5vw, 70px);
    }
}
.personal-settings {
    max-width: 1000px;
    margin: 0 auto;
    padding: clamp(24px, 4vw, 56px);
}

.personal-settings .settings-card {
    margin-block: 18px;
    padding: clamp(22px, 3vw, 36px);
}

.personal-language-form {
    display: grid;
    gap: 12px;
    max-width: 420px;
    margin-top: 22px;
}

.personal-language-form select {
    min-height: 44px;
    border: 1px solid #cdd7e5;
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    font: inherit;
}

.personal-language-form button { justify-self: start; }
.network-page[data-personal] .network-kpis article[hidden],
.network-page[data-personal] .network-map-controls label[hidden],
.network-page[data-personal] .network-table [hidden] { display: none !important; }

.tasks-container[data-personal] .history-section::after { content: none !important; }