:root {
    --bg: #f8f0e7;
    --bg-2: #fffaf4;
    --surface: rgba(255, 255, 255, 0.78);
    --surface-solid: #fffdfa;
    --text: #2c2119;
    --muted: #8a7f75;
    --line: rgba(75, 49, 33, 0.11);
    --accent: #e8732c;
    --accent-2: #ffb15f;
    --accent-deep: #af4f1d;
    --success: #16835b;
    --warning: #ad6a00;
    --danger: #b94732;
    --royal: #4857c8;
    --shadow: 0 24px 70px rgba(76, 45, 21, 0.11);
    --soft-shadow: 0 18px 48px rgba(76, 45, 21, 0.07);
    --radius-xl: 30px;
    --radius-lg: 22px;
    --radius-md: 16px;
    --sidebar: 304px;
    --sidebar-collapsed: 94px;
}

.theme-emerald {
    --accent: #15946d;
    --accent-2: #70d7b0;
    --accent-deep: #0c6b51;
}

.theme-royal {
    --accent: #4d5dd8;
    --accent-2: #93a0ff;
    --accent-deep: #2f3ca9;
}

* { box-sizing: border-box; }
[x-cloak] { display: none !important; }
html, body { min-height: 100%; }
body {
    margin: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--text);
    background:
        radial-gradient(circle at 12% 8%, rgba(255, 177, 95, 0.22), transparent 32%),
        radial-gradient(circle at 88% 2%, rgba(22, 131, 91, 0.10), transparent 30%),
        linear-gradient(135deg, #fbf4eb 0%, #f7ebdd 46%, #fff8ee 100%);
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
svg { width: 18px; height: 18px; }

/* Auth */
.login-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(420px, 1.08fr) minmax(390px, 0.92fr);
    padding: 28px;
    gap: 26px;
}
.login-visual {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 38px;
    padding: 34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,248,238,.72)),
        radial-gradient(circle at 24% 28%, rgba(232,115,44,.18), transparent 34%),
        radial-gradient(circle at 90% 84%, rgba(22,131,91,.12), transparent 28%);
    box-shadow: var(--shadow);
}
.login-visual::after {
    content: '';
    position: absolute;
    inset: auto -120px -120px auto;
    width: 460px;
    height: 460px;
    border: 1px solid rgba(232,115,44,.15);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232,115,44,.13), transparent 64%);
}
.login-brand, .brand-block { display: flex; align-items: center; gap: 14px; }
.brand-mark {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    position: relative;
    isolation: isolate;
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,242,224,.86));
    border: 1px solid rgba(232,115,44,.2);
    box-shadow: 0 14px 38px rgba(232,115,44,.18);
    flex: 0 0 auto;
}
.brand-mark.large { width: 66px; height: 66px; border-radius: 24px; }
.brand-orbit {
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: conic-gradient(from 45deg, transparent, var(--accent), transparent 52%);
    opacity: .85;
    filter: blur(.2px);
}
.brand-letter { position: relative; z-index: 1; font-weight: 900; color: var(--accent-deep); font-size: 21px; }
.login-brand strong, .brand-copy strong { display: block; font-weight: 900; letter-spacing: -0.04em; font-size: 20px; }
.login-brand small, .brand-copy small { display: block; color: var(--muted); font-weight: 600; font-size: 12px; margin-top: 3px; }
.hero-copy { max-width: 660px; margin-top: 128px; position: relative; z-index: 1; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; color: var(--accent-deep); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
h1, h2, p { margin-top: 0; }
.hero-copy h1 { font-size: clamp(44px, 6vw, 76px); line-height: .91; letter-spacing: -0.075em; margin-bottom: 22px; }
.hero-copy p { color: #706359; line-height: 1.75; font-size: 17px; max-width: 620px; }
.login-kpi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 70px; position: relative; z-index: 1; }
.login-kpi-grid div, .system-strip {
    background: rgba(255,255,255,.62);
    border: 1px solid var(--line);
    backdrop-filter: blur(16px);
    border-radius: 22px;
    padding: 18px;
    box-shadow: var(--soft-shadow);
}
.login-kpi-grid strong { display: block; font-size: 24px; letter-spacing: -0.05em; }
.login-kpi-grid span { display: block; color: var(--muted); font-size: 12px; font-weight: 700; margin-top: 5px; }
.system-strip { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.system-strip span { display: inline-flex; align-items: center; gap: 8px; color: #6e5f54; font-size: 12px; font-weight: 800; }
.login-card-wrap { display: grid; place-items: center; }
.login-card {
    width: min(100%, 520px);
    background: rgba(255,255,255,.82);
    border: 1px solid var(--line);
    border-radius: 34px;
    box-shadow: var(--shadow);
    padding: 28px;
    backdrop-filter: blur(20px);
}
.status-pill, .priority, .role-chip, .soft-pill {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    background: rgba(232,115,44,.1);
    color: var(--accent-deep);
    border: 1px solid rgba(232,115,44,.2);
    padding: 7px 11px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
}
.login-card-head h2 { font-size: 34px; letter-spacing: -0.06em; margin: 16px 0 10px; }
.login-card-head p { color: var(--muted); line-height: 1.55; }
.field-label { display: block; font-size: 12px; font-weight: 900; color: #66594f; margin: 18px 0 8px; }
.role-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-height: 238px; overflow: auto; padding-right: 4px; }
.role-option {
    border: 1px solid var(--line);
    background: rgba(255, 250, 244, 0.78);
    border-radius: 18px;
    padding: 12px;
    text-align: left;
    transition: .22s ease;
}
.role-option:hover, .role-option.selected { border-color: rgba(232,115,44,.45); background: rgba(255,244,231,.98); transform: translateY(-1px); box-shadow: 0 12px 28px rgba(232,115,44,.09); }
.role-option span, .avatar {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 13px;
    background: linear-gradient(145deg, var(--accent), var(--accent-2));
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 12px 26px rgba(232,115,44,.2);
}
.role-option strong { display: block; margin-top: 10px; font-size: 12px; letter-spacing: -0.02em; }
.role-option small { display: block; color: var(--muted); font-size: 9px; margin-top: 3px; word-break: break-word; }
.input-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.78);
    border-radius: 18px;
    padding: 0 14px;
    min-height: 52px;
    transition: .22s ease;
}
.input-wrap:focus-within { border-color: rgba(232,115,44,.44); box-shadow: 0 0 0 4px rgba(232,115,44,.08); background: white; }
.input-wrap input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font-weight: 700; }
.input-wrap.slim { min-height: 42px; max-width: 320px; }
.primary-button, .soft-button, .icon-button, .link-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 18px;
    min-height: 48px;
    padding: 0 18px;
    font-weight: 900;
    transition: .22s ease;
}
.primary-button {
    width: 100%;
    margin-top: 20px;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    color: #fff;
    box-shadow: 0 18px 40px rgba(232,115,44,.26);
}
.primary-button:hover, .soft-button:hover, .icon-button:hover { transform: translateY(-1px); }
.primary-button.small { width: auto; min-height: 42px; border-radius: 15px; padding-inline: 15px; margin-top: 0; }
.soft-button, .icon-button, .link-button { background: rgba(255,255,255,.78); color: #5f5147; border: 1px solid var(--line); }
.soft-button.small { min-height: 38px; border-radius: 14px; padding-inline: 12px; font-size: 12px; }
.icon-button { width: 44px; padding: 0; position: relative; }
.icon-button.has-dot::after { content: ''; position: absolute; top: 11px; right: 11px; width: 7px; height: 7px; border-radius: 50%; background: var(--danger); border: 2px solid #fff; }
.alert {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 18px;
    border: 1px solid rgba(232,115,44,.18);
    background: rgba(232,115,44,.08);
    color: var(--accent-deep);
    padding: 13px 14px;
    font-size: 13px;
    font-weight: 800;
}
.alert.success { color: var(--success); background: rgba(22,131,91,.08); border-color: rgba(22,131,91,.18); margin-bottom: 18px; justify-content: space-between; }
.alert.error { color: var(--danger); background: rgba(185,71,50,.08); border-color: rgba(185,71,50,.18); }
.alert button { margin-left: auto; border: 0; background: transparent; color: inherit; }

/* App Workspace */
.app-frame { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) 1fr; }
.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: width .24s ease;
    overflow: hidden;
}
.sidebar::before {
    content: '';
    position: absolute;
    inset: 14px 0 14px 14px;
    border-radius: 30px;
    background: rgba(255,255,255,.56);
    border: 1px solid var(--line);
    box-shadow: var(--soft-shadow);
    backdrop-filter: blur(18px);
    z-index: -1;
}
.sidebar.is-collapsed { width: var(--sidebar-collapsed); }
.sidebar.is-collapsed .brand-copy, .sidebar.is-collapsed .role-chip, .sidebar.is-collapsed .nav-group p, .sidebar.is-collapsed .nav-title, .sidebar.is-collapsed .sidebar-card, .sidebar.is-collapsed .sidebar-toggle { display: none; }
.sidebar.is-collapsed .brand-block { justify-content: center; }
.sidebar.is-collapsed .nav-item { justify-content: center; }
.app-frame:has(.sidebar.is-collapsed) { grid-template-columns: var(--sidebar-collapsed) 1fr; }
.brand-block { min-height: 66px; padding: 6px 8px; }
.sidebar-toggle { margin-left: auto; border: 0; background: transparent; color: var(--muted); width: 34px; height: 34px; display: grid; place-items: center; }
.role-chip { display: grid; padding: 12px 14px; border-radius: 19px; width: auto; }
.role-chip span { font-size: 13px; color: var(--text); }
.role-chip small { color: var(--accent-deep); margin-top: 2px; }
.nav-scroll { overflow: auto; padding: 8px 6px 12px; scrollbar-width: thin; }
.nav-group { margin-bottom: 18px; }
.nav-group p { margin: 0 0 8px 10px; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 900; }
.nav-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 16px;
    color: #6f6258;
    font-size: 13px;
    font-weight: 800;
    transition: .18s ease;
}
.nav-item:hover { background: rgba(255,255,255,.68); color: var(--text); transform: translateX(2px); }
.nav-item.active { background: linear-gradient(135deg, rgba(232,115,44,.14), rgba(255,255,255,.72)); color: var(--accent-deep); box-shadow: inset 0 0 0 1px rgba(232,115,44,.16); }
.nav-icon { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; }
.active-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); margin-left: auto; box-shadow: 0 0 0 4px rgba(232,115,44,.11); }
.sidebar-card { margin-top: auto; border: 1px solid var(--line); border-radius: 22px; padding: 16px; background: rgba(255,250,244,.74); }
.sidebar-card strong { display: block; font-size: 13px; }
.sidebar-card p { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 6px 0 0; }
.mini-chart-dots { display: flex; gap: 5px; margin-bottom: 10px; }
.mini-chart-dots span { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); opacity: .32; }
.mini-chart-dots span:nth-child(2) { opacity: .6; }
.mini-chart-dots span:nth-child(3) { opacity: 1; }
.workspace { min-width: 0; padding: 16px 18px 18px 0; display: flex; flex-direction: column; }
.topbar {
    position: sticky;
    top: 16px;
    z-index: 20;
    min-height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: rgba(255,255,255,.74);
    box-shadow: 0 16px 46px rgba(76,45,21,.07);
    backdrop-filter: blur(20px);
}
.topbar-left, .topbar-right, .hero-actions, .panel-actions, .table-tools { display: flex; align-items: center; gap: 10px; }
.command-trigger {
    min-width: min(38vw, 520px);
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(248,240,231,.68);
    color: var(--muted);
    padding: 0 14px;
    font-weight: 800;
}
kbd { margin-left: auto; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 9px; padding: 3px 7px; font-size: 11px; color: #8a7f75; background: #fff; }
.date-switcher, .user-menu { position: relative; }
.date-button, .user-button {
    min-height: 46px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,.72);
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #66594f;
    font-weight: 900;
}
.date-menu, .user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 220px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255,255,255,.94);
    box-shadow: var(--shadow);
    padding: 8px;
    z-index: 40;
}
.date-menu button, .user-dropdown a { width: 100%; display: flex; align-items: center; gap: 10px; border: 0; background: transparent; min-height: 38px; border-radius: 13px; padding: 0 10px; text-align: left; font-size: 13px; font-weight: 800; color: #65584f; }
.date-menu button:hover, .user-dropdown a:hover { background: rgba(232,115,44,.09); color: var(--accent-deep); }
.user-button { padding-left: 7px; }
.user-copy { text-align: left; display: block; }
.user-copy strong { display: block; font-size: 13px; }
.user-copy small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.workspace-main { padding: 22px 0 0; }
.page-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
    margin-bottom: 18px;
    padding: 26px;
    border-radius: 32px;
    border: 1px solid rgba(255,255,255,.64);
    background:
        radial-gradient(circle at 8% 8%, rgba(232,115,44,.18), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,248,238,.42));
}
.page-hero h1 { font-size: clamp(30px, 3vw, 50px); line-height: .98; letter-spacing: -0.07em; margin: 0 0 10px; }
.page-hero p { color: #6f6258; line-height: 1.65; max-width: 850px; margin: 0; }
.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.kpi-card, .panel {
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--soft-shadow);
    backdrop-filter: blur(18px);
}
.kpi-card { padding: 18px; min-height: 156px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.kpi-card::after { content: ''; position: absolute; inset: auto -30px -60px auto; width: 148px; height: 148px; border-radius: 50%; background: rgba(232,115,44,.09); }
.kpi-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 16px; background: rgba(232,115,44,.11); color: var(--accent-deep); margin-bottom: auto; }
.kpi-card span { color: var(--muted); font-size: 12px; font-weight: 800; }
.kpi-card strong { font-size: 32px; letter-spacing: -0.06em; margin: 8px 0 3px; }
.kpi-card small { color: var(--accent-deep); font-weight: 900; }
.kpi-card.success .kpi-icon, .sync-dot.success { background: rgba(22,131,91,.12); color: var(--success); }
.kpi-card.warning .kpi-icon, .sync-dot.warning { background: rgba(173,106,0,.12); color: var(--warning); }
.kpi-card.danger .kpi-icon, .sync-dot.danger { background: rgba(185,71,50,.12); color: var(--danger); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr); gap: 14px; margin-bottom: 14px; }
.content-grid, .module-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(320px, .7fr); gap: 14px; }
.panel { padding: 18px; overflow: hidden; }
.panel.xl { min-height: 368px; }
.panel.wide { min-width: 0; }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.panel-head h2 { margin: 0; letter-spacing: -0.05em; font-size: 21px; }
.segmented { display: inline-flex; gap: 4px; border: 1px solid var(--line); background: rgba(255,255,255,.6); border-radius: 15px; padding: 4px; }
.segmented button { border: 0; background: transparent; border-radius: 11px; padding: 8px 10px; font-size: 12px; font-weight: 900; color: var(--muted); }
.segmented button.active { background: white; color: var(--accent-deep); box-shadow: 0 8px 20px rgba(76,45,21,.08); }
.chart-wrap { height: 212px; }
.insight-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 14px; }
.insight-row div, .module-status-row div { border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.55); padding: 12px; }
.insight-row strong, .module-status-row strong { display: block; letter-spacing: -0.04em; font-size: 20px; }
.insight-row span, .module-status-row span { display: block; color: var(--muted); font-size: 11px; font-weight: 800; margin-top: 4px; }
.sync-list { display: grid; gap: 10px; }
.sync-list div { display: flex; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 17px; padding: 13px; background: rgba(255,255,255,.48); }
.sync-list strong { font-size: 13px; }
.sync-list small { margin-left: auto; color: var(--muted); font-weight: 800; font-size: 11px; }
.sync-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(232,115,44,.09); }
.premium-table { overflow: auto; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.54); }
table { border-collapse: collapse; width: 100%; min-width: 760px; }
th { text-align: left; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .09em; background: rgba(248,240,231,.75); }
th, td { padding: 14px 16px; border-bottom: 1px solid rgba(75,49,33,.08); }
td { font-size: 13px; color: #5f5147; }
td strong { color: var(--text); }
td small { display: block; color: var(--muted); margin-top: 3px; }
tr:hover td { background: rgba(232,115,44,.035); }
.priority { padding: 6px 10px; }
.priority.high { color: var(--danger); background: rgba(185,71,50,.08); border-color: rgba(185,71,50,.18); }
.priority.medium { color: var(--warning); background: rgba(173,106,0,.08); border-color: rgba(173,106,0,.18); }
.priority.low { color: var(--success); background: rgba(22,131,91,.08); border-color: rgba(22,131,91,.18); }
.activity-feed { display: grid; gap: 14px; }
.activity-item { display: grid; grid-template-columns: 40px 1fr; gap: 12px; }
.activity-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 15px; background: rgba(232,115,44,.1); color: var(--accent-deep); }
.activity-item strong { font-size: 13px; }
.activity-item p { margin: 4px 0; color: #716359; font-size: 12px; line-height: 1.55; }
.activity-item small { color: var(--muted); font-weight: 800; font-size: 11px; }
.module-status-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 16px; }
.checklist { display: grid; gap: 10px; }
.checklist label { display: flex; gap: 10px; align-items: center; border: 1px solid var(--line); background: rgba(255,255,255,.52); padding: 12px; border-radius: 15px; font-size: 13px; color: #66594f; font-weight: 800; }
.checklist input { accent-color: var(--accent); }
.select-input, .text-area {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,.78);
    padding: 14px;
    color: var(--text);
    outline: 0;
    font-weight: 700;
}
.text-area { resize: vertical; line-height: 1.5; }
.app-footer { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; font-weight: 800; padding: 18px 8px 2px; gap: 12px; }

/* Command + Drawer */
.command-palette, .drawer { position: fixed; inset: 0; z-index: 100; }
.command-backdrop, .drawer-backdrop { position: absolute; inset: 0; background: rgba(44,33,25,.34); backdrop-filter: blur(7px); }
.command-panel {
    position: relative;
    width: min(720px, calc(100vw - 32px));
    margin: 10vh auto 0;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.58);
    background: rgba(255,252,247,.94);
    box-shadow: 0 35px 90px rgba(44,33,25,.24);
    padding: 12px;
}
.command-input-wrap { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 22px; background: white; min-height: 58px; padding: 0 16px; }
.command-input-wrap input { width: 100%; border: 0; outline: 0; font-weight: 800; background: transparent; }
.command-results { display: grid; gap: 6px; padding: 10px 2px 2px; }
.command-row { display: flex; align-items: center; gap: 12px; border-radius: 18px; padding: 12px; transition: .18s ease; }
.command-row:hover { background: rgba(232,115,44,.08); }
.command-row strong { display: block; font-size: 14px; }
.command-row small { display: block; color: var(--muted); font-size: 11px; font-weight: 800; margin-top: 2px; }
.command-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 15px; color: var(--accent-deep); background: rgba(232,115,44,.09); }
.command-row > svg { margin-left: auto; color: var(--muted); }
.drawer-panel { position: absolute; top: 0; right: 0; width: min(520px, 100vw); height: 100%; background: rgba(255,252,247,.96); box-shadow: -30px 0 90px rgba(44,33,25,.22); border-left: 1px solid rgba(255,255,255,.8); padding: 22px; overflow: auto; }
.drawer-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 18px; }
.drawer-head h2 { letter-spacing: -0.05em; margin: 0; }
.drawer-form .primary-button { margin-top: 22px; }

.is-compact .panel, .is-compact .kpi-card { padding: 13px; }
.is-compact th, .is-compact td { padding: 10px 12px; }
.mobile-only { display: none; }

@media (max-width: 1120px) {
    .kpi-grid { grid-template-columns: repeat(2, 1fr); }
    .dashboard-grid, .content-grid, .module-grid { grid-template-columns: 1fr; }
    .role-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
    .login-shell { grid-template-columns: 1fr; padding: 14px; }
    .login-visual { display: none; }
    .app-frame { grid-template-columns: 1fr; }
    .sidebar { position: fixed; z-index: 80; transform: translateX(-108%); width: min(320px, calc(100vw - 28px)); transition: transform .22s ease; }
    .sidebar:not(.is-collapsed) { transform: translateX(0); }
    .workspace { padding: 12px; }
    .topbar { top: 8px; flex-wrap: wrap; }
    .command-trigger { min-width: 0; flex: 1; }
    .user-copy, .date-button span { display: none; }
    .mobile-only { display: inline-flex; }
    .page-hero { flex-direction: column; align-items: flex-start; }
    .kpi-grid { grid-template-columns: 1fr; }
    .insight-row, .module-status-row, .login-kpi-grid { grid-template-columns: 1fr; }
    .app-footer { flex-direction: column; }
}

/* -----------------------------
    2: Patient/CRM/Clinical OS
------------------------------ */
.executive-hero {
    background:
        radial-gradient(circle at 78% 18%, rgba(232,115,44,.18), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,246,238,.82));
}
.executive-grid, .schedule-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, .7fr);
    gap: 18px;
    margin-bottom: 18px;
}
.chart-wrap.tall { min-height: 280px; }
.live-panel .panel-head > i { color: var(--accent); }
.sync-list.enhanced div { padding: 16px; border-radius: 18px; background: rgba(255,255,255,.72); border: 1px solid rgba(77,58,43,.08); }
.module-launch-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}
.module-launch {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 144px;
    padding: 18px;
    border-radius: 24px;
    text-decoration: none;
    color: var(--text);
    border: 1px solid rgba(77,58,43,.08);
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,248,241,.74));
    box-shadow: 0 16px 40px rgba(67,42,24,.07);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.module-launch:hover { transform: translateY(-3px); border-color: rgba(232,115,44,.28); box-shadow: 0 22px 50px rgba(67,42,24,.11); }
.module-launch span {
    width: 46px; height: 46px; display:grid; place-items:center; border-radius: 17px;
    background: radial-gradient(circle at 35% 20%, rgba(255,255,255,.98), rgba(232,115,44,.12));
    color: var(--accent);
}
.module-launch strong { font-size: 16px; letter-spacing: -.02em; }
.module-launch small { color: var(--muted); line-height: 1.45; }
.appointment-mini-list { display: grid; gap: 10px; }
.appointment-mini-list > div {
    display: grid;
    grid-template-columns: 88px 1fr 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(77,58,43,.07);
}
.appointment-mini-list time { color: var(--accent); font-weight: 800; font-size: 13px; }
.appointment-mini-list span { color: var(--muted); font-size: 13px; }

.journey-strip {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 10px;
    margin: -2px 0 18px;
}
.journey-step {
    position: relative;
    min-height: 82px;
    border-radius: 22px;
    padding: 13px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(77,58,43,.08);
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.journey-step span {
    width: 28px; height: 28px; display:grid; place-items:center; border-radius: 50%;
    background: rgba(73,60,49,.08); font-size: 12px; font-weight: 800; color: var(--muted);
}
.journey-step strong { font-size: 12px; letter-spacing: -.01em; }
.journey-step.done { background: linear-gradient(180deg, rgba(245,255,250,.94), rgba(255,255,255,.72)); border-color: rgba(24,160,94,.18); }
.journey-step.done span { background: rgba(24,160,94,.14); color: #12824a; }
.journey-step.active { background: linear-gradient(180deg, rgba(255,245,235,.96), rgba(255,255,255,.78)); border-color: rgba(232,115,44,.26); box-shadow: 0 18px 45px rgba(232,115,44,.10); }
.journey-step.active span { background: rgba(232,115,44,.14); color: var(--accent); }

.entity-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, .55fr);
    gap: 18px;
    align-items: start;
}
.stacked-mobile { align-items: flex-start; }
.patient-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}
.patient-card-grid.compact { grid-template-columns: 1fr; }
.patient-card {
    padding: 17px;
    border-radius: 24px;
    border: 1px solid rgba(77,58,43,.08);
    background: rgba(255,255,255,.82);
    box-shadow: 0 16px 42px rgba(67,42,24,.06);
}
.patient-card-top { display:flex; align-items:center; gap: 12px; margin-bottom: 14px; }
.avatar-chip {
    width: 46px; height: 46px; flex: 0 0 46px;
    border-radius: 16px;
    display:grid; place-items:center;
    background: linear-gradient(135deg, #2f241d, #6c4a31);
    color: white;
    font-weight: 800;
    font-size: 13px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 26px rgba(58,34,20,.18);
}
.patient-card h3 { margin:0; font-size: 16px; letter-spacing:-.02em; }
.patient-card p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.patient-card-top .status-pill { margin-left:auto; }
.patient-meta-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.patient-meta-grid > div, .info-grid > div {
    padding: 12px;
    border-radius: 16px;
    background: rgba(249,245,241,.74);
    border: 1px solid rgba(77,58,43,.06);
}
.patient-meta-grid small, .info-grid small { display:block; color: var(--muted); font-size: 11px; margin-bottom: 5px; }
.patient-meta-grid strong, .info-grid strong { font-size: 12px; }
.progress-block { display:grid; gap: 7px; margin-bottom: 12px; }
.progress-block div, .approval-meter div { display:flex; justify-content:space-between; color: var(--muted); font-size: 12px; }
meter { width: 100%; height: 9px; border: 0; border-radius: 999px; overflow:hidden; background: rgba(78,58,42,.08); }
meter::-webkit-meter-bar { border:0; border-radius:999px; background: rgba(78,58,42,.08); }
meter::-webkit-meter-optimum-value { border-radius:999px; background: linear-gradient(90deg, #e8732c, #f5b25d); }
meter::-moz-meter-bar { border-radius:999px; background: linear-gradient(90deg, #e8732c, #f5b25d); }
.patient-signal { display:flex; gap: 8px; align-items:center; color: var(--muted); font-size: 12px; padding: 10px 0; border-top:1px solid rgba(77,58,43,.07); }
.patient-signal i { width: 16px; color: var(--accent); }
.patient-actions { display:flex; align-items:center; justify-content:space-between; gap: 10px; margin-top: 8px; }
.status-pill {
    display: inline-flex; align-items:center; justify-content:center;
    min-height: 28px; padding: 5px 10px; border-radius: 999px;
    font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .01em;
    background: rgba(66,55,46,.08); color: var(--muted);
}
.status-pill.success { background: rgba(24,160,94,.12); color: #12824a; }
.status-pill.warning { background: rgba(232,161,44,.15); color: #9d6710; }
.status-pill.danger { background: rgba(223,75,75,.12); color: #b23636; }
.status-pill.info, .status-pill.blue { background: rgba(60,112,190,.12); color: #2f62a8; }
.status-pill.violet { background: rgba(109,72,180,.12); color: #6942aa; }
.risk-radar { height: 240px; }
.mini-list { display:grid; gap: 10px; margin-top: 14px; }
.mini-list > div { display:grid; grid-template-columns: 12px 1fr; gap: 9px 12px; align-items:center; padding: 13px; background: rgba(255,255,255,.72); border:1px solid rgba(77,58,43,.07); border-radius: 17px; }
.mini-list small { grid-column:2; color: var(--muted); }
.info-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
.drawer-tabs { display:grid; gap: 16px; }
.segmented.full { width: 100%; display:grid; grid-template-columns: repeat(3, 1fr); }
.drawer-section { display:grid; gap: 12px; }
.wide-drawer { max-width: 560px; }
.disabled, button:disabled { opacity: .48; cursor: not-allowed; filter: grayscale(.2); }

.crm-kpis, .surgery-summary {
    display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-bottom:18px;
}
.crm-kpis article, .surgery-summary article {
    padding: 18px; border-radius: 24px; background: rgba(255,255,255,.84);
    border: 1px solid rgba(77,58,43,.08); box-shadow: 0 16px 38px rgba(67,42,24,.06);
}
.crm-kpis span, .surgery-summary span { color: var(--muted); font-size:12px; font-weight:700; }
.crm-kpis strong, .surgery-summary strong { display:block; font-size:28px; letter-spacing:-.05em; margin: 4px 0; }
.crm-kpis small, .surgery-summary small { color: var(--muted); }
.pipeline-board { display:grid; grid-template-columns: repeat(5, minmax(190px,1fr)); gap: 14px; overflow-x:auto; padding-bottom: 12px; margin-bottom: 18px; }
.pipeline-column { min-height: 410px; border-radius: 26px; padding: 12px; background: rgba(255,255,255,.62); border: 1px solid rgba(77,58,43,.08); }
.pipeline-head { display:flex; justify-content:space-between; align-items:center; padding: 7px 8px 12px; }
.pipeline-head strong { font-size:13px; }
.pipeline-head span { min-width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background: rgba(232,115,44,.12); color: var(--accent); font-size:12px; font-weight:800; }
.pipeline-list { display:grid; gap: 10px; }
.lead-card { cursor:pointer; padding: 14px; border-radius: 20px; background: rgba(255,255,255,.9); border: 1px solid rgba(77,58,43,.08); box-shadow: 0 14px 28px rgba(67,42,24,.05); transition: transform .18s ease; }
.lead-card:hover { transform: translateY(-2px); }
.lead-top { display:flex; justify-content:space-between; gap: 10px; }
.score-chip, .score-pill { display:inline-flex; align-items:center; justify-content:center; min-width: 34px; height: 26px; padding: 0 8px; border-radius:999px; background: rgba(24,160,94,.12); color:#12824a; font-weight:800; font-size:12px; }
.lead-card p { color: var(--muted); font-size: 12px; line-height:1.45; margin: 8px 0 10px; }
.lead-meta { display:flex; justify-content:space-between; gap: 10px; font-size: 12px; color: var(--muted); }
.lead-meta span { display:flex; align-items:center; gap:5px; }
.lead-meta i { width:14px; }
.lead-follow { margin-top: 10px; display:flex; align-items:center; gap: 6px; color: var(--accent); font-size: 12px; font-weight: 750; }
.lead-follow i { width: 14px; }
.automation-list { display:grid; gap: 10px; }
.automation-list button { display:flex; gap: 12px; align-items:flex-start; text-align:left; border:0; background: rgba(255,255,255,.76); border-radius:18px; padding: 14px; color: var(--text); cursor:pointer; }
.automation-list i { color: var(--accent); width: 20px; }
.automation-list small { display:block; color: var(--muted); margin-top: 4px; }
.two-fields { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.timeline-schedule { display:grid; gap: 14px; }
.schedule-row { display:grid; grid-template-columns: 90px 1fr; gap: 14px; align-items:stretch; }
.schedule-row time { font-size: 13px; color: var(--accent); font-weight: 850; padding-top: 18px; }
.schedule-card { display:grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items:center; padding: 16px; border-radius: 22px; border:1px solid rgba(77,58,43,.08); background:rgba(255,255,255,.82); box-shadow: 0 14px 36px rgba(67,42,24,.05); }
.schedule-card p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.schedule-card span { color: var(--muted); font-size: 12px; }
.schedule-card.success { border-left: 4px solid #18a05e; }
.schedule-card.info { border-left: 4px solid #3c70be; }
.schedule-card.warning { border-left: 4px solid #e8a12c; }
.schedule-card.danger { border-left: 4px solid #df4b4b; }
.capacity-list { display:grid; gap: 14px; margin-bottom:16px; }
.capacity-list > div { display:grid; grid-template-columns: 1fr 80px 42px; gap: 9px; align-items:center; }
.capacity-list span, .capacity-list strong { font-size: 12px; }
.alert.note { background: rgba(255,250,238,.86); color: var(--text); align-items:flex-start; }

.surgery-board { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 18px; }
.surgery-case { display:grid; gap: 16px; }
.surgery-case-head { display:flex; justify-content:space-between; gap: 14px; align-items:flex-start; }
.surgery-case-head h2 { margin: 3px 0; }
.surgery-case-head p { margin:0; color: var(--muted); font-size: 13px; line-height:1.4; }
.approval-meter { display:grid; gap: 8px; }
.clinical-checklist { display:grid; gap: 8px; }
.clinical-checklist label, .checklist label { display:flex; align-items:center; gap: 9px; padding: 10px 11px; border-radius: 15px; background: rgba(249,245,241,.74); border: 1px solid rgba(77,58,43,.06); font-size: 12px; font-weight: 700; color: var(--text); }
.clinical-checklist input, .checklist input { accent-color: var(--accent); }
.case-actions { display:flex; justify-content:space-between; gap: 10px; margin-top:auto; }
.ot-timeline { display:grid; gap: 0; }
.ot-timeline > div { display:grid; grid-template-columns: 70px 22px 1fr; gap: 12px; padding: 0 0 18px; position:relative; }
.ot-timeline time { color: var(--accent); font-weight:850; font-size:12px; }
.ot-timeline span { width: 12px; height: 12px; border-radius:50%; background: var(--accent); margin-top:3px; box-shadow: 0 0 0 6px rgba(232,115,44,.12); }
.ot-timeline > div:after { content:''; position:absolute; left: 86px; top: 19px; width:1px; bottom:0; background: rgba(77,58,43,.12); }
.ot-timeline > div:last-child:after { display:none; }
.ot-timeline strong { display:block; margin-bottom:4px; }
.ot-timeline p { margin:0; color: var(--muted); font-size:12px; }

@media (max-width: 1180px) {
    .module-launch-grid, .crm-kpis, .surgery-summary { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .executive-grid, .entity-layout, .schedule-layout { grid-template-columns: 1fr; }
    .journey-strip { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .surgery-board { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .module-launch-grid, .crm-kpis, .surgery-summary, .patient-card-grid, .journey-strip { grid-template-columns: 1fr; }
    .appointment-mini-list > div, .schedule-card { grid-template-columns: 1fr; }
    .schedule-row { grid-template-columns: 1fr; gap: 6px; }
    .schedule-row time { padding-top: 0; }
    .pipeline-board { grid-template-columns: repeat(5, 260px); }
    .two-fields, .info-grid { grid-template-columns: 1fr; }
}

/*  3: Billing, Store, Inventory, Pharmacy */
.commerce-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}
.commerce-kpi {
    position: relative;
    overflow: hidden;
    min-height: 138px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255,255,255,.80);
    box-shadow: var(--soft-shadow);
}
.commerce-kpi::after {
    content: '';
    position: absolute;
    right: -42px;
    bottom: -58px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(232,115,44,.08);
}
.commerce-kpi span { display: block; color: var(--muted); font-size: 12px; font-weight: 850; }
.commerce-kpi strong { display: block; margin: 14px 0 5px; font-size: 31px; letter-spacing: -.06em; }
.commerce-kpi small { color: var(--muted); font-weight: 750; }
.commerce-kpi.success::after { background: rgba(22,131,91,.10); }
.commerce-kpi.warning::after { background: rgba(232,161,44,.13); }
.commerce-kpi.danger::after { background: rgba(223,75,75,.10); }
.commerce-kpi.info::after { background: rgba(60,112,190,.10); }

.billing-layout tr, .premium-table tbody tr { cursor: pointer; }
.finance-inspector > i { color: var(--accent); }
.finance-checks { margin-bottom: 14px; }

.order-card-grid, .prescription-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.order-card, .prescription-card {
    padding: 16px;
    border: 1px solid rgba(77,58,43,.08);
    border-radius: 24px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 16px 38px rgba(67,42,24,.06);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}
.order-card:hover, .prescription-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 46px rgba(67,42,24,.09);
}
.order-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.order-card h3, .prescription-card h3 { margin: 0 0 8px; letter-spacing: -.03em; }
.order-card p, .prescription-card p { color: var(--muted); font-size: 12px; line-height: 1.5; margin: 0 0 13px; }
.order-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}
.order-meta > div {
    border: 1px solid rgba(77,58,43,.06);
    border-radius: 16px;
    padding: 10px;
    background: rgba(249,245,241,.72);
}
.order-meta small { display: block; color: var(--muted); font-size: 10px; margin-bottom: 4px; }
.order-meta strong { font-size: 12px; }

.product-list, .purchase-list, .issue-list { display: grid; gap: 10px; }
.product-list > div {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid rgba(77,58,43,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.75);
}
.sku-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(232,115,44,.10);
    color: var(--accent-deep);
}
.product-list strong { display: block; font-size: 13px; }
.product-list small { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.purchase-list > div {
    display: grid;
    gap: 7px;
    padding: 14px;
    border: 1px solid rgba(77,58,43,.08);
    border-radius: 20px;
    background: rgba(255,255,255,.76);
}
.purchase-list strong { letter-spacing: -.02em; }
.purchase-list p { margin: 0; color: var(--muted); font-size: 12px; }
.purchase-list footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.purchase-list small { color: var(--muted); }

.issue-list > div {
    display: grid;
    grid-template-columns: 82px 1fr auto;
    gap: 8px 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid rgba(77,58,43,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.76);
}
.issue-list time { color: var(--accent); font-weight: 850; font-size: 12px; }
.issue-list span { grid-column: 2; color: var(--muted); font-size: 12px; }
.issue-list em { grid-column: 3; grid-row: 1 / span 2; }

@media (max-width: 1180px) {
    .commerce-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .order-card-grid, .prescription-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .commerce-kpis { grid-template-columns: 1fr; }
    .product-list > div, .issue-list > div { grid-template-columns: 1fr; }
    .issue-list span, .issue-list em { grid-column: auto; grid-row: auto; }
}

/*  4: Reports, analytics, audit and permissions */
.intelligence-hero,
.audit-hero,
.permission-hero {
    position: relative;
    overflow: hidden;
}
.intelligence-hero::after,
.audit-hero::after,
.permission-hero::after {
    content: "";
    position: absolute;
    inset: auto -8% -45% auto;
    width: 340px;
    height: 340px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(232,115,44,.18), rgba(255,255,255,0) 68%);
    pointer-events: none;
}
.report-kpis,
.analytics-kpis,
.audit-kpis,
.permission-kpis {
    margin-top: 18px;
}
.report-card-grid,
.analytics-insight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.report-card,
.insight-card {
    border: 1px solid rgba(72,55,41,.10);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,249,243,.76));
    box-shadow: 0 18px 42px rgba(72,55,41,.07);
    padding: 18px;
    display: grid;
    gap: 14px;
    position: relative;
    overflow: hidden;
}
.report-card::before,
.insight-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(232,115,44,.85), rgba(24,160,94,.55), rgba(92,109,247,.52));
}
.report-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: var(--brand-orange, #e8732c);
    background: rgba(232,115,44,.10);
    border: 1px solid rgba(232,115,44,.18);
}
.report-copy h3,
.insight-card h3 {
    margin: 10px 0 6px;
    font-size: 18px;
    letter-spacing: -.03em;
}
.report-copy p,
.insight-card p {
    margin: 0;
    color: var(--muted, #7f7368);
    line-height: 1.55;
    font-size: 13px;
}
.report-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.report-meta span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(72,55,41,.06);
    color: var(--muted, #7f7368);
    font-size: 11px;
    font-weight: 800;
}
.analytics-grid {
    margin-top: 18px;
}
.compact-chart {
    min-height: 260px;
}
.insight-card > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.insight-card small {
    color: var(--muted, #7f7368);
    font-weight: 800;
}
.audit-table tr td:nth-child(3) {
    min-width: 280px;
}
.permission-matrix-panel {
    margin-top: 18px;
}
.matrix-table td,
.matrix-table th {
    text-align: center;
}
.matrix-table td:first-child,
.matrix-table th:first-child {
    text-align: left;
}
.matrix-dot {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(72,55,41,.10);
}
.matrix-dot.allowed {
    color: #18a05e;
    background: rgba(24,160,94,.10);
}
.matrix-dot.blocked {
    color: #93877d;
    background: rgba(72,55,41,.05);
}
.commerce-kpi span i {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 5px;
}
@media (max-width: 980px) {
    .report-card-grid,
    .analytics-insight-grid {
        grid-template-columns: 1fr;
    }
}


/*  5: Clinical deep modules */
.clinical-hero { position: relative; overflow: hidden; }
.clinical-hero::after {
    content: "";
    position: absolute;
    right: -110px;
    bottom: -170px;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(24,160,94,.15), rgba(232,115,44,.09), rgba(255,255,255,0) 68%);
    pointer-events: none;
}
.recovery-hero::after { background: radial-gradient(circle, rgba(24,160,94,.18), rgba(255,255,255,0) 68%); }
.global-hero::after { background: radial-gradient(circle, rgba(92,109,247,.16), rgba(232,115,44,.08), rgba(255,255,255,0) 68%); }
.counsellor-hero::after { background: radial-gradient(circle, rgba(232,161,44,.16), rgba(232,115,44,.08), rgba(255,255,255,0) 68%); }
.clinical-kpis { margin-top: 18px; }
.clinical-card { cursor: pointer; }
.clinical-card-grid .patient-signal { margin-top: -2px; }
.clinical-timeline { display: grid; gap: 12px; }
.clinical-timeline .schedule-card { grid-template-columns: 96px 1fr auto; cursor: pointer; }
.counsellor-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.counsellor-board .lead-card {
    background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,249,243,.78));
    border: 1px solid rgba(72,55,41,.10);
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(72,55,41,.07);
}
.global-case .patient-signal { align-items: flex-start; }
@media (max-width: 980px) {
    .counsellor-board { grid-template-columns: 1fr; }
    .clinical-timeline .schedule-card { grid-template-columns: 1fr; }
}


/*  6 QA Polish: enterprise healthcare visual system */
:root {
    --mohak-orange: #F97316;
    --mohak-orange-deep: #EA580C;
    --mohak-orange-soft: #FED7AA;
    --mohak-orange-pale: #FFF7ED;
    --mohak-cream: #FFFBF5;
    --mohak-sand: #F5E6D3;
    --mohak-sand-deep: #E8CFB6;
    --mohak-ink: #1C1410;
    --mohak-cocoa: #6B4F3A;
    --mohak-muted: #A87C5D;
    --mohak-green: #16A34A;
    --mohak-red: #DC2626;
    --mohak-border: rgba(234,130,58,0.16);
    --bg: var(--mohak-cream);
    --bg-2: var(--mohak-orange-pale);
    --surface: rgba(255, 255, 255, 0.78);
    --surface-solid: #fffefb;
    --text: var(--mohak-ink);
    --muted: var(--mohak-muted);
    --line: var(--mohak-border);
    --accent: var(--mohak-orange);
    --accent-2: var(--mohak-orange-soft);
    --accent-deep: var(--mohak-orange-deep);
    --success: var(--mohak-green);
    --danger: var(--mohak-red);
    --sidebar: 318px;
    --sidebar-collapsed: 82px;
}
html, body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Roboto", sans-serif; }
body { color: var(--mohak-ink); background: radial-gradient(circle at 8% 4%, rgba(249,115,22,.16), transparent 28%), radial-gradient(circle at 92% 12%, rgba(22,163,74,.10), transparent 32%), linear-gradient(135deg, var(--mohak-cream), #FFF7ED 45%, var(--mohak-sand)); line-height: 1.55; }
.sidebar { background: linear-gradient(180deg, rgba(255,251,245,.88), rgba(255,247,237,.76)); border-right: 1px solid var(--mohak-border); backdrop-filter: blur(24px); transition: width .32s cubic-bezier(.2,.8,.2,1), transform .32s ease; box-shadow: 18px 0 60px rgba(107,79,58,.08); }
.brand-block { padding: 18px 16px 14px; gap: 12px; min-height: 84px; }
.brand-copy strong { letter-spacing: -.055em; font-size: 19px; color: var(--mohak-ink); }
.brand-copy small { color: var(--mohak-cocoa); font-weight: 750; }
.brand-mark { border-radius: 20px; background: linear-gradient(145deg, #fff, var(--mohak-orange-pale)); border-color: rgba(249,115,22,.22); }
.sidebar-toggle { transition: transform .24s ease, background .24s ease; }
.sidebar-toggle:hover { transform: translateY(-1px); background: var(--mohak-orange-pale); }
.clean-role { margin: 0 14px 14px; display: flex; flex-direction: column; gap: 2px; align-items: flex-start; padding: 12px 14px; background: rgba(255,255,255,.58); border-color: var(--mohak-border); }
.nav-scroll { padding: 6px 12px 18px; }
.nav-group { margin-bottom: 18px; }
.nav-group p { font-size: 10px; color: var(--mohak-muted); letter-spacing: .16em; margin: 12px 12px 7px; }
.nav-item { min-height: 44px; border-radius: 16px; gap: 12px; padding: 10px 12px; margin: 3px 0; transition: transform .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease; position: relative; }
.nav-icon { width: 34px; height: 34px; border-radius: 13px; background: rgba(255,255,255,.62); color: var(--mohak-cocoa); border: 1px solid rgba(234,130,58,.10); }
.nav-title { font-weight: 760; color: var(--mohak-cocoa); font-size: 13px; }
.nav-item:hover { transform: translateX(3px); background: rgba(255,255,255,.64); box-shadow: 0 12px 28px rgba(107,79,58,.08); }
.nav-item.active { background: linear-gradient(135deg, rgba(249,115,22,.16), rgba(255,255,255,.75)); box-shadow: inset 0 0 0 1px rgba(249,115,22,.22), 0 16px 34px rgba(249,115,22,.13); }
.nav-item.active::before { content:""; position:absolute; left:-7px; top:10px; bottom:10px; width:3px; border-radius:99px; background: linear-gradient(var(--mohak-orange), var(--mohak-orange-deep)); box-shadow: 0 0 20px rgba(249,115,22,.55); }
.nav-item.active .nav-icon { color: var(--mohak-orange-deep); background: #fff; box-shadow: 0 8px 22px rgba(249,115,22,.16); }
.nav-item.active .nav-title { color: var(--mohak-ink); }
.active-dot { display: none; }
.sidebar-sync { margin: 12px 14px 18px; padding: 12px; border-radius: 18px; border: 1px solid var(--mohak-border); background: rgba(255,255,255,.64); display: grid; grid-template-columns: 12px 1fr; gap: 3px 9px; align-items: center; }
.sidebar-sync strong { font-size: 12px; letter-spacing: -.02em; }
.sidebar-sync small { grid-column: 2; color: var(--mohak-muted); font-size: 11px; line-height: 1.35; }
.sidebar.is-collapsed { width: var(--sidebar-collapsed); }
.sidebar.is-collapsed .brand-copy, .sidebar.is-collapsed .clean-role, .sidebar.is-collapsed .nav-group p, .sidebar.is-collapsed .nav-title, .sidebar.is-collapsed .sidebar-sync strong, .sidebar.is-collapsed .sidebar-sync small { opacity: 0; width: 0; overflow: hidden; pointer-events: none; }
.sidebar.is-collapsed .brand-block { justify-content: center; padding-inline: 10px; }
.sidebar.is-collapsed .sidebar-toggle { position: absolute; right: -14px; top: 28px; background: #fff; box-shadow: 0 12px 24px rgba(107,79,58,.12); }
.sidebar.is-collapsed .nav-scroll { padding-inline: 9px; }
.sidebar.is-collapsed .nav-item { justify-content: center; padding: 9px; }
.sidebar.is-collapsed .nav-icon { width: 40px; height: 40px; }
.sidebar.is-collapsed .sidebar-sync { width: 44px; height: 44px; padding: 0; place-content: center; grid-template-columns: 1fr; }
.sidebar.is-collapsed [data-tooltip]:hover::after, [data-tooltip]:hover::after { content: attr(data-tooltip); position: fixed; z-index: 3000; margin-left: 12px; transform: translateY(-2px); background: rgba(28,20,16,.94); color: #fff; padding: 8px 10px; border-radius: 12px; font-size: 11px; font-weight: 760; max-width: 260px; box-shadow: 0 16px 40px rgba(0,0,0,.18); white-space: nowrap; }
.help-dot { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background: var(--mohak-orange-pale); color: var(--mohak-orange-deep); border:1px solid var(--mohak-border); }
.topbar { min-height: 76px; padding: 14px 24px; backdrop-filter: blur(22px); background: rgba(255,251,245,.72); border-bottom: 1px solid var(--mohak-border); }
.command-trigger { height: 46px; border-radius: 17px; background: rgba(255,255,255,.72); border: 1px solid var(--mohak-border); box-shadow: 0 12px 30px rgba(107,79,58,.06); }
.app-sync-pill { height: 42px; padding: 0 13px; display:flex; align-items:center; gap:8px; border:1px solid rgba(22,163,74,.18); background: rgba(22,163,74,.08); color:#11633a; border-radius:999px; font-size:12px; font-weight:850; }
.app-sync-pill strong { color:var(--mohak-ink); }
.workspace-main { padding: 26px; }
.page-hero { border-radius: 32px; padding: 28px; background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,247,237,.82)); border: 1px solid var(--mohak-border); box-shadow: 0 24px 70px rgba(107,79,58,.09); }
.page-hero h1 { font-size: clamp(32px, 4vw, 56px); line-height: .98; letter-spacing: -.07em; color: var(--mohak-ink); }
.page-hero p { color: var(--mohak-cocoa); max-width: 880px; font-size: 15.5px; line-height: 1.75; }
.panel, .kpi-card, .commerce-kpi, .order-card, .clinical-card { border:1px solid var(--mohak-border); background: rgba(255,255,255,.74); backdrop-filter: blur(18px); box-shadow: 0 18px 52px rgba(107,79,58,.075); }
.panel { border-radius: 28px; padding: 22px; }
.panel h2 { letter-spacing: -.045em; font-size: 20px; line-height:1.15; }
.kpi-grid { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 14px; }
.kpi-card { border-radius: 24px; padding: 18px; min-height: 154px; position:relative; overflow:hidden; }
.kpi-card::after { content:""; position:absolute; inset:auto -40px -50px auto; width:120px; height:120px; border-radius:50%; background: radial-gradient(circle, rgba(249,115,22,.12), transparent 70%); }
.kpi-card span, .commerce-kpi span { color: var(--mohak-cocoa); font-size: 12px; font-weight: 800; }
.kpi-card strong, .commerce-kpi strong { letter-spacing: -.06em; color: var(--mohak-ink); }
.primary-button, .soft-button, .icon-button, .date-button, .user-button { transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.primary-button { min-height: 43px; border-radius: 15px; background: linear-gradient(135deg, var(--mohak-orange), var(--mohak-orange-deep)); box-shadow: 0 14px 30px rgba(249,115,22,.22); }
.primary-button:hover, .soft-button:hover, .icon-button:hover { transform: translateY(-1px); }
.soft-button { min-height: 40px; border-radius: 14px; background: rgba(255,255,255,.72); border-color: var(--mohak-border); color: var(--mohak-cocoa); }
.input-wrap, .select-input, .text-area { border-radius: 16px; border-color: var(--mohak-border); background: rgba(255,255,255,.78); color: var(--mohak-ink); min-height: 44px; }
.field-label { font-weight: 850; color: var(--mohak-cocoa); font-size: 12px; margin-top: 12px; }
.field-label.required::after { content:' *'; color: var(--mohak-red); }
.form-section-title { display:flex; justify-content:space-between; align-items:center; padding: 12px 14px; border:1px solid var(--mohak-border); background: var(--mohak-orange-pale); border-radius: 16px; margin-bottom: 10px; }
.form-section-title span { color: var(--mohak-muted); font-size: 12px; font-weight: 750; }
.drawer-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }
.premium-table table { border-spacing: 0 8px; border-collapse: separate; }
.premium-table th { color: var(--mohak-muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.premium-table td { background: rgba(255,255,255,.56); border-top: 1px solid rgba(234,130,58,.10); border-bottom: 1px solid rgba(234,130,58,.10); padding: 13px 14px; }
.premium-table tr td:first-child { border-radius: 16px 0 0 16px; border-left:1px solid rgba(234,130,58,.10); }
.premium-table tr td:last-child { border-radius: 0 16px 16px 0; border-right:1px solid rgba(234,130,58,.10); }
.status-pill.success { color: #11633a; background: rgba(22,163,74,.10); border-color: rgba(22,163,74,.20); }
.status-pill.warning { color: #9a5609; background: rgba(249,115,22,.10); border-color: rgba(249,115,22,.22); }
.status-pill.danger { color: #991b1b; background: rgba(220,38,38,.10); border-color: rgba(220,38,38,.18); }
.app-badge { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; background: rgba(22,163,74,.08); color:#11633a; font-size:11px; font-weight:850; border:1px solid rgba(22,163,74,.16); }
.role-focus { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom: 18px; }
.focus-pills { display:flex; flex-wrap:wrap; gap:10px; }
.focus-pills span, .help-list span { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border-radius:999px; background:rgba(255,247,237,.9); border:1px solid var(--mohak-border); color:var(--mohak-cocoa); font-size:12px; font-weight:850; }
.dashboard-chart-grid { display:grid; grid-template-columns: 1.4fr .8fr; gap: 18px; margin-bottom: 18px; }
.chart-wrap.tall { min-height: 280px; }
.chart-wrap.compact-chart { min-height: 230px; }
.signal-grid.compact { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
.signal-card { padding:12px; border-radius:18px; background:rgba(255,255,255,.68); border:1px solid var(--mohak-border); }
.signal-card strong { display:block; font-size:24px; letter-spacing:-.05em; }
.signal-card span { font-size:11px; color:var(--mohak-cocoa); font-weight:800; }
.empty-state.premium-empty { text-align:center; padding:42px 22px; border:1px dashed var(--mohak-border); background:linear-gradient(145deg, rgba(255,247,237,.72), rgba(255,255,255,.62)); border-radius:24px; }
.empty-state.premium-empty i { width:34px; height:34px; color:var(--mohak-green); }
.empty-state.premium-empty h3 { margin:12px 0 6px; letter-spacing:-.035em; }
.workflow-updated { animation: workflowPulse 1.2s ease; }
@keyframes workflowPulse { 0%{box-shadow:0 0 0 0 rgba(22,163,74,.25)} 100%{box-shadow:0 0 0 18px rgba(22,163,74,0)} }
.confirm-modal { position:fixed; inset:0; z-index:2200; display:grid; place-items:center; padding:22px; }
.confirm-backdrop { position:absolute; inset:0; background:rgba(28,20,16,.38); backdrop-filter:blur(10px); }
.confirm-panel { position:relative; width:min(560px,100%); background:rgba(255,253,250,.94); border:1px solid var(--mohak-border); border-radius:30px; padding:24px; box-shadow:0 30px 90px rgba(28,20,16,.24); }
.confirm-icon { width:54px; height:54px; border-radius:20px; display:grid; place-items:center; color:var(--mohak-orange-deep); background:var(--mohak-orange-pale); border:1px solid var(--mohak-border); margin-bottom:14px; }
.confirm-copy h2 { letter-spacing:-.05em; margin-bottom:8px; }
.confirm-copy p { color:var(--mohak-cocoa); line-height:1.65; }
.confirm-checklist { margin: 14px 0; }
.confirm-actions { display:flex; justify-content:flex-end; gap:10px; }
.toast-stack { position: fixed; right: 22px; bottom: 22px; z-index: 2400; display:grid; gap:10px; }
.toast-card { display:flex; align-items:center; gap:10px; padding:13px 14px; border-radius:18px; background:rgba(28,20,16,.94); color:#fff; box-shadow:0 18px 50px rgba(28,20,16,.2); font-weight:800; font-size:13px; max-width:390px; }
.toast-card i { color:#86efac; }
.activity-item.workflow-entry { background:rgba(22,163,74,.08); border-color:rgba(22,163,74,.18); }
.user-dropdown { z-index: 1200; }
.login-card-head p, .hero-copy p { color: var(--mohak-cocoa); }
.alert.note { color: var(--mohak-cocoa); }
@media (max-width: 1180px) { .kpi-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .dashboard-chart-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .app-frame { grid-template-columns: 1fr; } .sidebar { position:fixed; z-index:1000; transform:translateX(-100%); width: 306px; } .sidebar:not(.is-collapsed) { transform:translateX(0); } .workspace-main { padding:16px; } .topbar { padding:12px 14px; gap:10px; flex-wrap:wrap; } .topbar-right { gap:8px; flex-wrap:wrap; justify-content:flex-start; } .command-trigger span { display:none; } .app-sync-pill strong { display:none; } .page-hero { padding:22px; } .role-focus { align-items:flex-start; flex-direction:column; } .kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .premium-table { overflow-x:auto; } .login-shell { grid-template-columns: 1fr; padding: 14px; } .login-visual { min-height: 560px; } }
@media (max-width: 560px) { .kpi-grid, .signal-grid.compact { grid-template-columns: 1fr; } .page-hero h1 { font-size: 34px; } .hero-actions, .panel-actions, .drawer-actions, .confirm-actions { width:100%; flex-direction:column; } .primary-button, .soft-button { width:100%; justify-content:center; } }

/* -----------------------------
   Enterprise UI/UX Refinement Pass
   Premium sidebar, typography, login, density cleanup
------------------------------ */
:root{
    --bg:#f7efe6;
    --bg-2:#fffaf4;
    --surface:rgba(255,255,255,.82);
    --surface-solid:#fffdfa;
    --text:#201610;
    --muted:#77695e;
    --line:rgba(70,45,28,.105);
    --accent:#F97316;
    --accent-2:#FDBA74;
    --accent-deep:#C2410C;
    --success:#15803D;
    --shadow:0 24px 70px rgba(76,45,21,.10);
    --soft-shadow:0 14px 38px rgba(76,45,21,.065);
    --sidebar:286px;
    --sidebar-collapsed:78px;
}
html,body{
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Roboto",sans-serif!important;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
}
body{
    background:
        radial-gradient(circle at 14% 7%, rgba(249,115,22,.18), transparent 30%),
        radial-gradient(circle at 86% 5%, rgba(21,128,61,.075), transparent 30%),
        linear-gradient(135deg,#fffaf4 0%,#f5e6d3 46%,#fff7ed 100%);
}
.app-frame{grid-template-columns:var(--sidebar) 1fr;transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1)}
.sidebar{
    padding:16px 12px;
    gap:12px;
    width:var(--sidebar);
    transition:width .26s cubic-bezier(.22,1,.36,1), transform .26s cubic-bezier(.22,1,.36,1);
}
.sidebar::before{
    inset:12px 0 12px 10px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,248,239,.62));
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 20px 58px rgba(74,45,25,.11);
}
.brand-block.premium-brand{min-height:62px;padding:8px 9px;border-radius:23px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.62)}
.brand-copy strong{font-size:18px;letter-spacing:-.055em;color:#1c1410}
.brand-copy small{font-size:11px;color:#8a6d55;font-weight:800;letter-spacing:.01em}
.sidebar-toggle{border:1px solid rgba(249,115,22,.14);background:rgba(255,255,255,.72);border-radius:13px;color:var(--accent-deep)}
.sidebar-care-card{
    display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:20px;
    background:linear-gradient(135deg,rgba(255,247,237,.95),rgba(255,255,255,.72));
    border:1px solid rgba(249,115,22,.15);box-shadow:0 12px 28px rgba(76,45,21,.055)
}
.sidebar-care-card strong{display:block;font-size:13px;letter-spacing:-.02em;color:#2b1d15}
.sidebar-care-card small{display:block;font-size:10.5px;font-weight:800;color:#92715a;margin-top:3px;line-height:1.3}
.care-status-dot{width:9px;height:9px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 6px rgba(22,163,74,.10)}
.nav-scroll{padding:6px 5px 10px;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}
.nav-group{margin-bottom:15px}.nav-group p{font-size:9.5px;margin:0 0 7px 12px;color:#9a8069;letter-spacing:.15em}
.nav-item{min-height:42px;border-radius:15px;padding:0 10px;gap:10px;font-size:12.5px;font-weight:850;color:#6e5d4f}
.nav-icon{width:30px;height:30px;border-radius:12px;background:rgba(255,255,255,.50);color:#9a6a45;transition:.18s ease}
.nav-item:hover{background:rgba(255,255,255,.72);transform:translateX(2px);box-shadow:0 10px 24px rgba(76,45,21,.055)}
.nav-item.active{background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(254,215,170,.44));color:var(--accent-deep);box-shadow:inset 0 0 0 1px rgba(249,115,22,.18),0 14px 32px rgba(249,115,22,.08)}
.nav-item.active .nav-icon{background:linear-gradient(135deg,#F97316,#EA580C);color:#fff;box-shadow:0 10px 22px rgba(234,88,12,.22)}
.refined-sync{padding:13px 14px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(76,45,21,.055)}
.refined-sync strong{font-size:12.5px}.refined-sync small{font-size:10.5px;line-height:1.4}
.sidebar.is-collapsed{width:var(--sidebar-collapsed)}
.sidebar.is-collapsed .brand-block{justify-content:center;padding:8px 0;background:transparent;border-color:transparent}
.sidebar.is-collapsed .brand-copy,.sidebar.is-collapsed .sidebar-toggle,.sidebar.is-collapsed .sidebar-care-card,.sidebar.is-collapsed .nav-group p,.sidebar.is-collapsed .nav-title,.sidebar.is-collapsed .active-dot,.sidebar.is-collapsed .sidebar-sync{display:none!important}
.sidebar.is-collapsed .nav-item{justify-content:center;padding:0;border-radius:18px;min-height:46px}
.sidebar.is-collapsed .nav-icon{width:38px;height:38px;border-radius:15px}
[data-tooltip]{position:relative}.sidebar.is-collapsed [data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#23150d;color:#fff;padding:8px 11px;border-radius:12px;font-size:11px;font-weight:800;box-shadow:0 18px 40px rgba(0,0,0,.18);z-index:999}
.topbar{min-height:68px;border-radius:26px;padding:11px 13px;background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.74)}
.command-trigger{min-height:44px;border-radius:17px;background:rgba(255,250,244,.72);font-size:13px}
.app-sync-pill{border-radius:16px!important;background:linear-gradient(135deg,rgba(236,253,245,.95),rgba(255,255,255,.72))!important;border:1px solid rgba(22,163,74,.13)!important;color:#166534!important}
.page-hero{padding:25px 28px;border-radius:30px;background:radial-gradient(circle at 8% 8%,rgba(249,115,22,.14),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,247,237,.56));box-shadow:0 16px 44px rgba(76,45,21,.055)}
.page-hero h1{font-size:clamp(34px,3vw,48px);letter-spacing:-.065em}.page-hero p{font-size:15px;color:#6e5d4f;line-height:1.7}
.kpi-card,.panel,.module-launch,.patient-card{border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.76);box-shadow:0 14px 38px rgba(76,45,21,.065)}
.kpi-card{min-height:142px;padding:17px}.kpi-card strong{font-size:30px}.panel-head h2{font-size:22px;letter-spacing:-.055em}.eyebrow{font-size:10px;color:var(--accent-deep);letter-spacing:.145em}
.primary-button{background:linear-gradient(135deg,#F97316,#EA580C);box-shadow:0 16px 36px rgba(234,88,12,.22);border-radius:17px}.soft-button,.icon-button,.date-button,.user-button{border-radius:16px;background:rgba(255,255,255,.72)}
/* Elegant login */
.executive-login{grid-template-columns:minmax(520px,1.1fr) minmax(430px,.72fr);padding:30px;gap:28px;align-items:stretch}
.premium-login-visual{border-radius:42px;padding:42px;background:radial-gradient(circle at 18% 20%,rgba(249,115,22,.18),transparent 34%),radial-gradient(circle at 90% 75%,rgba(22,163,74,.10),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,247,237,.72));min-height:calc(100vh - 60px)}
.refined-hero-copy{margin-top:118px}.refined-hero-copy h1{font-size:clamp(48px,6vw,78px);letter-spacing:-.08em;max-width:760px}.refined-hero-copy p{font-size:16.5px;max-width:680px;color:#6b5a4c}
.refined-login-kpis div{padding:18px 20px;border-radius:24px}.refined-login-kpis strong{font-size:26px}.refined-system-strip{border-radius:24px;padding:16px 18px}
.refined-login-card{border-radius:34px;padding:30px;background:rgba(255,255,255,.88)}.refined-login-card .login-card-head h2{font-size:36px;letter-spacing:-.07em}.refined-login-card .login-card-head p{font-size:14px;color:#746458}
.role-select-panel{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:18px;min-height:54px;display:flex;align-items:center;padding:0 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.role-select-panel select{width:100%;border:0;background:transparent;outline:0;font-weight:850;color:#2a1b12;appearance:none;font-size:14px}.role-select-panel i{color:var(--accent-deep)}
.login-foot-note{margin-top:14px;text-align:center;color:#8a7462;font-size:12px;font-weight:700}.login-foot-note strong{color:var(--accent-deep)}
.role-picker,.role-grid{display:none!important}
@media(max-width:860px){.executive-login{grid-template-columns:1fr;padding:16px}.premium-login-visual{display:none}.refined-login-card{width:min(100%,460px)}}

/* -----------------------------
   Client Logo Login + Dashboard Premium Cards
   ----------------------------- */
:root {
    --mohak-orange: #F97316;
    --mohak-orange-deep: #EA580C;
    --mohak-orange-soft: #FED7AA;
    --mohak-orange-pale: #FFF7ED;
    --mohak-cream: #FFFBF5;
    --mohak-sand: #F5E6D3;
    --mohak-sand-deep: #E8CFB6;
    --mohak-ink: #1C1410;
    --mohak-cocoa: #6B4F3A;
    --mohak-muted: #A87C5D;
    --mohak-green: #16A34A;
    --mohak-red: #DC2626;
    --mohak-border: rgba(234,130,58,0.16);
}
.brand-mark.logo-mark {
    overflow: hidden;
    background: rgba(255,255,255,.88);
    border-color: rgba(249,115,22,.18);
    padding: 7px;
}
.brand-mark.logo-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.client-login {
    grid-template-columns: minmax(480px, .95fr) minmax(390px, .65fr);
    min-height: 100vh;
    padding: 26px;
    gap: 24px;
    background:
        radial-gradient(circle at 18% 8%, rgba(249,115,22,.16), transparent 30%),
        radial-gradient(circle at 78% 82%, rgba(22,163,74,.08), transparent 32%),
        linear-gradient(135deg, var(--mohak-cream), var(--mohak-sand));
}
.login-art-panel {
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - 52px);
    border-radius: 40px;
    border: 1px solid rgba(255,255,255,.72);
    background:
        radial-gradient(circle at 24% 20%, rgba(249,115,22,.20), transparent 36%),
        radial-gradient(circle at 84% 82%, rgba(22,163,74,.10), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,247,237,.68));
    box-shadow: 0 28px 80px rgba(107,79,58,.13);
    padding: 34px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.login-art-panel::before {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    inset: auto -180px -220px auto;
    background: radial-gradient(circle, rgba(249,115,22,.16), rgba(249,115,22,0) 66%);
    border: 1px solid rgba(249,115,22,.10);
}
.login-art-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--mohak-ink);
    font-weight: 900;
    letter-spacing: -.03em;
}
.login-symbol {
    width: 54px;
    height: 54px;
    object-fit: contain;
    border-radius: 18px;
    background: rgba(255,255,255,.78);
    padding: 7px;
    box-shadow: 0 16px 38px rgba(249,115,22,.13);
}
.login-art-center {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    flex: 1;
    min-height: 410px;
}
.orbital-card {
    position: relative;
    width: min(52vw, 460px);
    height: min(52vw, 460px);
    max-width: 460px;
    max-height: 460px;
    min-width: 320px;
    min-height: 320px;
    border-radius: 42px;
    display: grid;
    place-items: center;
    background:
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,247,237,.70));
    border: 1px solid rgba(255,255,255,.88);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 30px 90px rgba(107,79,58,.14);
}
.orbital-logo {
    width: 42%;
    height: 42%;
    object-fit: contain;
    filter: drop-shadow(0 20px 36px rgba(249,115,22,.18));
}
.pulse-ring {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    border: 1px solid rgba(249,115,22,.16);
}
.pulse-ring.two { inset: 27%; border-style: dashed; border-color: rgba(22,163,74,.20); }
.care-node {
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    color: var(--mohak-orange-deep);
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(249,115,22,.16);
    box-shadow: 0 18px 38px rgba(107,79,58,.12);
}
.care-node.n1 { top: 12%; right: 18%; }
.care-node.n2 { left: 11%; bottom: 24%; }
.care-node.n3 { right: 16%; bottom: 13%; color: var(--mohak-green); }
.login-art-bottom {
    position: relative;
    z-index: 2;
    max-width: 520px;
    padding: 20px 22px;
    border-radius: 26px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: 0 18px 45px rgba(107,79,58,.08);
}
.login-art-bottom strong {
    display: block;
    color: var(--mohak-ink);
    font-size: clamp(25px, 3vw, 38px);
    line-height: .95;
    letter-spacing: -.07em;
}
.login-art-bottom small {
    display: block;
    color: var(--mohak-cocoa);
    font-size: 14px;
    line-height: 1.6;
    margin-top: 12px;
    max-width: 470px;
}
.client-login-wrap {
    display: grid;
    place-items: center;
}
.client-login-card {
    width: min(100%, 430px);
    padding: 30px;
    border-radius: 34px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.82);
    box-shadow: 0 26px 76px rgba(107,79,58,.14);
    backdrop-filter: blur(22px);
}
.login-logo-line {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(234,130,58,.12);
    margin-bottom: 24px;
}
.login-logo-line img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    border-radius: 18px;
    background: rgba(255,247,237,.92);
    padding: 7px;
}
.login-logo-line strong {
    display: block;
    font-size: 22px;
    letter-spacing: -.055em;
    color: var(--mohak-ink);
}
.login-logo-line small {
    display: block;
    color: var(--mohak-cocoa);
    font-size: 12px;
    font-weight: 800;
    margin-top: 4px;
}
.client-login-head h2 {
    font-size: 38px;
    letter-spacing: -.075em;
    margin-bottom: 6px;
    color: var(--mohak-ink);
}
.client-login-head p {
    font-size: 14px;
    color: var(--mohak-cocoa);
    margin-bottom: 20px;
}
.client-select-panel,
.client-input {
    min-height: 56px;
    border-radius: 19px;
    background: rgba(255,251,245,.92);
    border: 1px solid rgba(234,130,58,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}
.client-login-button {
    min-height: 54px;
    margin-top: 22px;
    border-radius: 20px;
    font-size: 15px;
}
.login-assurance {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.login-assurance span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--mohak-cocoa);
    font-size: 11.5px;
    font-weight: 850;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,247,237,.86);
    border: 1px solid rgba(234,130,58,.13);
}
.client-dashboard-hero {
    position: relative;
    overflow: hidden;
    align-items: center;
    min-height: 235px;
    background:
        radial-gradient(circle at 8% 16%, rgba(249,115,22,.16), transparent 35%),
        radial-gradient(circle at 86% 12%, rgba(22,163,74,.10), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,247,237,.74));
}
.hero-brand-watermark {
    position: absolute;
    right: 42px;
    top: 18px;
    opacity: .055;
    transform: rotate(-8deg);
    pointer-events: none;
}
.hero-brand-watermark img { width: 230px; height: 230px; object-fit: contain; }
.client-hero-copy { position: relative; z-index: 2; max-width: 880px; }
.client-hero-copy h1 { margin-bottom: 9px; }
.hero-metrics-strip {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.hero-metrics-strip span {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.70);
    border: 1px solid rgba(234,130,58,.14);
    color: var(--mohak-cocoa);
    font-size: 12px;
    font-weight: 850;
}
.hero-metrics-strip strong { color: var(--mohak-orange-deep); font-size: 16px; }
.client-hero-actions { position: relative; z-index: 2; flex-shrink: 0; }
.client-role-focus { background: rgba(255,255,255,.74); }
.premium-dashboard-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 20px 0;
}
.dashboard-kpi-card {
    min-height: 210px;
    padding: 21px;
    border-radius: 30px;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,248,239,.66));
    border: 1px solid rgba(255,255,255,.78);
    box-shadow: 0 20px 58px rgba(107,79,58,.08);
    transition: transform .22s ease, box-shadow .22s ease;
}
.dashboard-kpi-card:hover { transform: translateY(-3px); box-shadow: 0 26px 70px rgba(107,79,58,.12); }
.dashboard-kpi-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(249,115,22,.24), rgba(255,255,255,.36), rgba(22,163,74,.12));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
}
.dashboard-kpi-card::after {
    width: 190px;
    height: 190px;
    right: -54px;
    bottom: -80px;
    background: radial-gradient(circle, rgba(249,115,22,.13), transparent 65%);
    z-index: -1;
}
.kpi-card-topline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
}
.kpi-icon.large {
    width: 58px;
    height: 58px;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255,247,237,.98), rgba(255,255,255,.80));
    border: 1px solid rgba(249,115,22,.16);
    color: var(--mohak-orange-deep);
    box-shadow: 0 15px 34px rgba(249,115,22,.12);
}
.kpi-icon.large svg { width: 28px; height: 28px; }
.kpi-trend {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,247,237,.90);
    border: 1px solid rgba(234,130,58,.14);
    color: var(--mohak-orange-deep)!important;
    font-size: 11px!important;
    font-weight: 950!important;
}
.kpi-card-body span {
    display: block;
    color: var(--mohak-cocoa)!important;
    font-size: 13px!important;
    font-weight: 900!important;
    letter-spacing: -.01em;
}
.kpi-card-body strong {
    display: block;
    font-size: clamp(31px, 3vw, 42px)!important;
    line-height: .98;
    color: var(--mohak-ink)!important;
    letter-spacing: -.075em;
    margin: 8px 0 8px;
}
.kpi-card-body small {
    display: block;
    color: #8d705a!important;
    font-size: 11.5px;
    line-height: 1.45;
    font-weight: 760;
    max-width: 220px;
}
.dashboard-kpi-card.success .kpi-icon.large,
.dashboard-kpi-card.emerald .kpi-icon.large { color: var(--mohak-green); border-color: rgba(22,163,74,.18); background: linear-gradient(145deg, rgba(236,253,245,.96), rgba(255,255,255,.78)); }
.dashboard-kpi-card.warning .kpi-icon.large { color: #b45309; background: linear-gradient(145deg, rgba(255,247,237,.98), rgba(255,255,255,.78)); }
.dashboard-kpi-card.danger .kpi-icon.large { color: var(--mohak-red); background: linear-gradient(145deg, rgba(254,242,242,.96), rgba(255,255,255,.78)); }
.dashboard-ops-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: -4px 0 20px;
}
.dashboard-ops-strip article {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 86px;
    border-radius: 24px;
    padding: 16px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.78);
    box-shadow: 0 14px 38px rgba(107,79,58,.06);
}
.dashboard-ops-strip i {
    width: 42px;
    height: 42px;
    padding: 10px;
    border-radius: 16px;
    color: var(--mohak-orange-deep);
    background: var(--mohak-orange-pale);
    border: 1px solid rgba(249,115,22,.14);
}
.dashboard-ops-strip strong { display: block; color: var(--mohak-ink); font-size: 14px; letter-spacing: -.02em; }
.dashboard-ops-strip span { display: block; color: var(--mohak-cocoa); font-size: 12px; font-weight: 780; line-height: 1.45; margin-top: 3px; }
@media (max-width: 1320px) {
    .premium-dashboard-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
    .client-login { grid-template-columns: 1fr; }
    .login-art-panel { min-height: 440px; }
    .premium-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-ops-strip { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .client-login { padding: 14px; }
    .login-art-panel { display: none; }
    .client-login-card { padding: 24px; }
    .login-logo-line img { width: 50px; height: 50px; }
    .premium-dashboard-kpis { grid-template-columns: 1fr; }
    .dashboard-kpi-card { min-height: 180px; }
    .client-dashboard-hero { align-items: flex-start; }
    .hero-metrics-strip span { width: 100%; justify-content: space-between; }
}


/* -----------------------------
    6.2 Scope-Aligned Mohak Mohak Pass
   ----------------------------- */
.workspace{padding:0 18px 18px 0!important;}
.topbar{
    top:0!important;
    margin:0!important;
    border-radius:0 0 26px 26px!important;
    border-top:0!important;
    min-height:70px;
    box-shadow:0 14px 36px rgba(107,79,58,.075);
}
.workspace-main{padding:22px 26px 26px!important;}
.app-frame{min-height:100vh;}
.sidebar{padding-top:12px;}
.sidebar-care-card{display:none!important;}
.sidebar-sync{margin-top:auto!important;}
.nav-group p{white-space:nowrap;}
.careos-hero p{max-width:760px;}
.careos-kpis .dashboard-kpi-card{min-height:218px;}
.careos-dashboard-grid{grid-template-columns:1.1fr .9fr;}
.scope-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px;align-items:start;}
.story-grid,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.story-card,.product-admin-card{position:relative;padding:18px;border-radius:26px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.78);box-shadow:0 15px 38px rgba(107,79,58,.065);min-height:260px;display:flex;flex-direction:column;gap:11px;}
.story-thumb,.product-image{height:110px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(254,215,170,.33));border:1px solid rgba(249,115,22,.14);color:var(--mohak-orange-deep);}
.story-thumb svg,.product-image svg{width:42px;height:42px;}
.story-card h3,.product-admin-card h3{font-size:18px;line-height:1.08;letter-spacing:-.045em;color:var(--mohak-ink);margin:0;}
.story-card p,.product-admin-card p{font-size:12.5px;line-height:1.55;color:var(--mohak-cocoa);margin:0;}
.metric-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;align-items:center;}
.metric-row span,.metric-row strong{font-size:11px;font-weight:900;color:var(--mohak-cocoa);background:rgba(255,247,237,.9);border:1px solid rgba(234,130,58,.12);border-radius:999px;padding:7px 9px;}
.mini-card-list{display:grid;gap:12px}.mini-card{padding:14px;border-radius:18px;background:rgba(255,247,237,.76);border:1px solid rgba(234,130,58,.12)}.mini-card strong{display:block;color:var(--mohak-ink);font-size:13px}.mini-card p{color:var(--mohak-cocoa);font-size:12px;line-height:1.45}.mini-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.mini-card footer span:first-child{font-size:11px;font-weight:850;color:var(--mohak-muted)}
.empty-care{padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(255,247,237,.92),rgba(255,255,255,.72));border:1px dashed rgba(249,115,22,.22)}.empty-care strong{display:block;color:var(--mohak-ink);font-size:15px;letter-spacing:-.02em}.empty-care p{color:var(--mohak-cocoa);font-size:13px;line-height:1.55;margin-bottom:0}
.order-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.order-card{border-radius:24px;padding:16px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(107,79,58,.06);}.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.order-card-head span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--mohak-muted);font-weight:900}.order-card h3{font-size:17px;margin:3px 0 0;color:var(--mohak-ink);letter-spacing:-.04em}.order-card p{font-size:12.5px;color:var(--mohak-cocoa);line-height:1.5}.order-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.order-card footer small{font-weight:850;color:var(--mohak-muted)}
.table-wrap{overflow:auto}.premium-table th,.premium-table td{white-space:nowrap;}
.workflow-updated{animation:workflowPulse 1.1s ease;}@keyframes workflowPulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.28)}100%{box-shadow:0 0 0 14px rgba(22,163,74,0)}}
@media(max-width:1180px){.scope-grid,.careos-dashboard-grid{grid-template-columns:1fr}.story-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.order-card-grid{grid-template-columns:1fr}}
@media(max-width:860px){.workspace{padding:0!important}.topbar{border-radius:0 0 22px 22px!important}.workspace-main{padding:16px!important}.scope-grid,.story-grid,.product-grid,.order-card-grid{grid-template-columns:1fr}.topbar-right{width:100%;}.date-switcher{display:none}.client-login-head h2{font-size:32px}}

/* -----------------------------
    6.3 Role-Smart Screens + Form Detail Polish
   ----------------------------- */
.app-frame { align-items: stretch; }
.workspace { min-width: 0; }
.workspace-main { display: grid; gap: 18px; align-content: start; }
.page-hero + section,
.kpi-grid + section,
.commerce-kpis + section,
.role-focus + section { margin-top: 0; }
.smart-card-gap,
.dashboard-main-grid,
.dashboard-chart-grid,
.scope-grid,
.content-grid,
.schedule-layout,
.doctor-workbench-grid { gap: 22px !important; }
.dashboard-main-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .72fr); gap: 22px; align-items: start; }
.panel, .kpi-card, .story-card, .product-admin-card, .order-card, .doctor-appointment-card, .smart-action-card { min-width: 0; }

/* No ugly multiline badges */
.status-pill,
.soft-pill,
.priority,
.role-chip,
.kpi-trend,
.app-sync-pill,
.hero-metrics-strip span,
.focus-pills span,
.card-badge-row span,
.segmented button,
.no-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.card-badge-row { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; }
.status-pill { flex: 0 1 auto; border: 1px solid transparent; }
.kpi-card-topline, .order-head, .lead-top, .patient-card-top { min-width: 0; }
.kpi-trend { max-width: 128px; }
.focus-pills { justify-content: flex-end; min-width: 0; }
.focus-pills span { max-width: 270px; }
.command-row > span:nth-child(2) { min-width: 0; }
.command-row strong, .command-row small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Detailed cards */
.scope-smart-hero { margin-bottom: 0; }
.product-admin-grid, .story-admin-grid { gap: 20px !important; }
.smart-product-card, .smart-story-card { min-height: 342px; }
.product-detail-strip, .order-meta, .doctor-context-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 4px 0 2px;
}
.product-detail-strip span, .order-meta > div, .doctor-context-grid > div {
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(234,130,58,.12);
    background: rgba(255,247,237,.72);
    min-width: 0;
}
.product-detail-strip small, .order-meta small, .doctor-context-grid small {
    display: block;
    color: var(--mohak-muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 4px;
}
.product-detail-strip strong, .order-meta strong, .doctor-context-grid strong {
    display: block;
    color: var(--mohak-ink);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.doctor-context-grid span { display: block; margin-top: 5px; color: var(--mohak-cocoa); font-size: 12px; line-height: 1.45; }
.card-actions-row { display: flex; align-items: center; gap: 9px; margin-top: auto; }
.card-actions-row .soft-button, .card-actions-row .primary-button { flex: 1; }
.smart-side-panel { display: grid; gap: 14px; }
.premium-checklist label { align-items: flex-start; line-height: 1.35; }

/* Order workbench timeline */
.order-workbench-grid { gap: 18px !important; }
.smart-order-card { cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.smart-order-card:hover { transform: translateY(-2px); border-color: rgba(249,115,22,.24); box-shadow: 0 18px 46px rgba(107,79,58,.095); }
.mini-order-timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; margin: 12px 0 2px; }
.mini-order-timeline span { height: 7px; border-radius: 999px; background: rgba(107,79,58,.12); }
.mini-order-timeline span.done { background: rgba(22,163,74,.42); }
.mini-order-timeline span.active { background: linear-gradient(90deg, var(--mohak-orange), var(--mohak-orange-deep)); box-shadow: 0 0 0 4px rgba(249,115,22,.10); }
.timeline { display: grid; gap: 0; }
.timeline-step { position: relative; display: grid; grid-template-columns: 20px 1fr; gap: 12px; padding: 0 0 18px; }
.timeline-step:last-child { padding-bottom: 0; }
.timeline-step::after { content: ''; position: absolute; left: 9px; top: 22px; bottom: 0; width: 2px; background: rgba(107,79,58,.12); }
.timeline-step:last-child::after { display: none; }
.timeline-step > span { width: 18px; height: 18px; border-radius: 999px; background: rgba(107,79,58,.14); border: 3px solid rgba(255,255,255,.9); box-shadow: 0 0 0 1px rgba(107,79,58,.10); margin-top: 1px; }
.timeline-step strong { color: var(--mohak-ink); font-size: 13px; line-height: 1.25; }
.timeline-step small { grid-column: 2; color: var(--mohak-cocoa); font-size: 12px; line-height: 1.45; margin-top: -12px; }
.timeline-step.done > span { background: var(--mohak-green); box-shadow: 0 0 0 5px rgba(22,163,74,.12); }
.timeline-step.active > span { background: var(--mohak-orange); box-shadow: 0 0 0 6px rgba(249,115,22,.13); }
.compact-timeline { padding-top: 4px; }
.order-detail-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 16px; border-radius: 22px; background: rgba(255,247,237,.74); border: 1px solid rgba(234,130,58,.14); }
.order-detail-hero strong { display:block; font-size: 22px; letter-spacing: -.05em; color: var(--mohak-ink); }
.order-detail-hero span { display:block; color: var(--mohak-cocoa); margin-top: 4px; }
.order-timeline-full { padding: 8px 4px 0; }
.smart-product-list { gap: 12px; }

/* Appointment role-smart workbench */
.doctor-workbench-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(330px, .72fr); align-items: start; }
.doctor-queue-list, .lead-action-grid { display: grid; gap: 16px; }
.doctor-appointment-card {
    display: grid;
    grid-template-columns: 94px minmax(0, 1fr) auto;
    gap: 16px;
    padding: 18px;
    border-radius: 26px;
    border: 1px solid rgba(234,130,58,.14);
    background: rgba(255,255,255,.78);
    box-shadow: 0 16px 42px rgba(107,79,58,.07);
}
.doctor-time { display: grid; align-content: start; gap: 10px; }
.doctor-time time { color: var(--mohak-orange-deep); font-weight: 950; font-size: 14px; }
.no-margin { margin-bottom: 0 !important; }
.clinical-summary { color: var(--mohak-cocoa); line-height: 1.6; margin: 12px 0; }
.doctor-context-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.doctor-actions { display: grid; gap: 10px; align-content: center; min-width: 132px; }
.smart-action-card {
    padding: 18px;
    border-radius: 26px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(234,130,58,.14);
    box-shadow: 0 16px 42px rgba(107,79,58,.07);
    display: grid;
    gap: 12px;
}
.smart-action-card h3 { margin: 0; color: var(--mohak-ink); font-size: 20px; letter-spacing: -.05em; }
.smart-action-card p { margin: 0; color: var(--mohak-cocoa); line-height: 1.55; }
.lead-action-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.smart-schedule .schedule-card { grid-template-columns: minmax(0, 1fr) auto auto auto; }
.smart-schedule .schedule-card button { white-space: nowrap; }
.appointment-smart-hero h1 { max-width: 920px; }

/* Forms */
.wide-drawer { max-width: 640px; }
.drawer-form .two-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.drawer-form input, .drawer-form textarea, .drawer-form select { font-family: inherit; }

@media (max-width: 1260px) {
    .dashboard-main-grid,
    .doctor-workbench-grid,
    .content-grid,
    .schedule-layout { grid-template-columns: 1fr !important; }
    .lead-action-grid { grid-template-columns: 1fr; }
    .doctor-appointment-card { grid-template-columns: 84px minmax(0,1fr); }
    .doctor-actions { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .workspace-main { gap: 14px; }
    .hero-metrics-strip span, .focus-pills span { max-width: 100%; }
    .product-detail-strip, .order-meta, .doctor-context-grid, .drawer-form .two-fields { grid-template-columns: 1fr; }
    .doctor-appointment-card { grid-template-columns: 1fr; }
    .doctor-actions { grid-column: auto; grid-template-columns: 1fr; }
    .smart-schedule .schedule-card { grid-template-columns: 1fr; }
    .card-actions-row { flex-direction: column; }
}
.nav-title, .nav-group p, .brand-copy strong, .brand-copy small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav-item { min-width: 0; }

/* =========================================================
   FINAL CLIENT DEMO HARDENING PASS
   Typography, badges, buttons, workspace, login, spacing cleanup
   ========================================================= */
:root{
  --font-premium:"Helvetica Neue","SF Pro Display","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --radius-workspace:0px;
  --radius-card:16px;
  --radius-panel:18px;
  --radius-control:12px;
  --shadow-clean:0 14px 34px rgba(76,45,21,.055);
  --shadow-hover:0 18px 42px rgba(76,45,21,.085);
}
html,body,button,input,select,textarea{font-family:var(--font-premium)!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
body{font-size:15px;letter-spacing:-.006em;background:linear-gradient(135deg,#fffaf4 0%,#f7ebdd 52%,#fff7ed 100%)!important;}
*{text-wrap:pretty;}
/* remove all hover black tooltip boxes */
[data-tooltip]::after,[data-tooltip]::before,.sidebar.is-collapsed [data-tooltip]:hover::after,[data-tooltip]:hover::after{content:none!important;display:none!important;}
[data-tooltip]{position:static!important;}
.help-dot{display:none!important;}
/* workspace simplification */
.app-frame{grid-template-columns:318px 1fr!important;background:transparent;}
.sidebar{padding:0!important;background:rgba(255,251,245,.94)!important;border-right:1px solid rgba(104,73,50,.12)!important;box-shadow:10px 0 28px rgba(76,45,21,.04)!important;border-radius:0!important;}
.sidebar::before{display:none!important;}
.brand-block.premium-brand,.brand-block{min-height:72px!important;padding:14px 18px!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(104,73,50,.09)!important;background:rgba(255,255,255,.42)!important;box-shadow:none!important;}
.brand-mark{border-radius:12px!important;box-shadow:none!important;width:44px!important;height:44px!important;}
.brand-copy strong{font-size:17px!important;font-weight:760!important;letter-spacing:-.035em!important;}
.brand-copy small{font-size:11px!important;font-weight:650!important;letter-spacing:.005em!important;color:#80624e!important;}
.sidebar-toggle{border-radius:10px!important;box-shadow:none!important;width:34px!important;height:34px!important;}
.sidebar-care-card{display:none!important;}
.nav-scroll{padding:18px 14px 8px!important;}
.nav-group{margin-bottom:18px!important;}
.nav-group p{font-size:10px!important;font-weight:760!important;letter-spacing:.14em!important;color:#9a8069!important;margin:0 0 8px 4px!important;}
.nav-item{min-height:42px!important;border-radius:12px!important;margin:2px 0!important;padding:0 10px!important;gap:10px!important;font-size:13px!important;font-weight:660!important;letter-spacing:-.006em!important;}
.nav-title{font-size:13px!important;font-weight:660!important;color:#644f40!important;letter-spacing:-.005em!important;}
.nav-icon{width:30px!important;height:30px!important;border-radius:10px!important;background:transparent!important;border:0!important;color:#926748!important;}
.nav-item:hover{transform:none!important;background:#fff7ed!important;box-shadow:none!important;}
.nav-item.active{background:#fff3e8!important;color:#1C1410!important;box-shadow:inset 0 0 0 1px rgba(249,115,22,.22)!important;}
.nav-item.active::before{left:-14px!important;top:8px!important;bottom:8px!important;width:3px!important;border-radius:0 4px 4px 0!important;}
.nav-item.active .nav-icon{background:#fff!important;color:var(--mohak-orange-deep)!important;box-shadow:none!important;}
.nav-item.active .nav-title{color:#1C1410!important;font-weight:740!important;}
.sidebar-sync{margin:12px 14px 8px!important;border-radius:14px!important;padding:12px!important;box-shadow:none!important;background:#fffdf9!important;border:1px solid rgba(104,73,50,.10)!important;}
.sidebar-sync strong{font-weight:720!important;}
.sidebar-dev-credit{margin:0 14px 16px;padding:12px;border-top:1px solid rgba(104,73,50,.10);color:#7b6251;}
.sidebar-dev-credit small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:740;color:#a07c63;margin-bottom:4px;}
.sidebar-dev-credit strong{display:block;font-size:11.5px;line-height:1.35;font-weight:720;color:#5d4638;}
.sidebar-dev-credit span{display:block;margin-top:5px;font-size:10.5px;font-weight:680;color:#a07c63;}
.workspace{padding:0!important;}
.topbar{top:0!important;min-height:64px!important;padding:10px 26px!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(104,73,50,.10)!important;background:rgba(255,253,250,.92)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important;}
.command-trigger{height:42px!important;min-height:42px!important;border-radius:12px!important;box-shadow:none!important;min-width:min(36vw,520px)!important;background:#fff!important;font-size:13px!important;font-weight:650!important;color:#80624e!important;}
.topbar-right{gap:8px!important;}
.app-sync-pill{display:none!important;}
.date-button,.user-button,.icon-button{height:40px!important;min-height:40px!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;border:1px solid rgba(104,73,50,.12)!important;font-weight:680!important;}
.user-copy strong{font-size:12.5px!important;font-weight:720!important;letter-spacing:-.01em!important;}
.user-copy small{font-size:10.5px!important;font-weight:620!important;}
.workspace-main{padding:24px 26px 18px!important;gap:18px!important;}
/* typography */
h1,h2,h3,.page-hero h1,.panel-head h2{font-family:var(--font-premium)!important;color:#1C1410!important;}
.page-hero h1{font-size:clamp(34px,3.1vw,48px)!important;letter-spacing:-.055em!important;font-weight:760!important;line-height:1.02!important;}
.page-hero p{font-size:15px!important;line-height:1.62!important;color:#665143!important;}
.eyebrow{font-size:10.5px!important;font-weight:780!important;letter-spacing:.115em!important;color:var(--mohak-orange-deep)!important;}
.panel-head h2{font-size:21px!important;font-weight:720!important;letter-spacing:-.035em!important;line-height:1.16!important;}
.panel h3,.order-card h3,.patient-card h3{font-weight:720!important;letter-spacing:-.025em!important;}
/* cards/panels less round, less boxes */
.page-hero{border-radius:18px!important;padding:26px!important;box-shadow:var(--shadow-clean)!important;border:1px solid rgba(104,73,50,.10)!important;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,247,237,.62))!important;}
.panel,.kpi-card,.commerce-kpi,.order-card,.clinical-card,.patient-card,.module-launch,.story-card,.product-admin-card,.doctor-appointment-card,.smart-action-card,.mini-card,.signal-card{border-radius:var(--radius-card)!important;box-shadow:var(--shadow-clean)!important;border:1px solid rgba(104,73,50,.10)!important;background:rgba(255,255,255,.82)!important;}
.panel{padding:20px!important;}
.panel.xl{min-height:0!important;}
.kpi-card{min-height:130px!important;padding:16px!important;}
.kpi-card strong,.commerce-kpi strong{font-size:28px!important;font-weight:760!important;letter-spacing:-.045em!important;}
.kpi-card span,.commerce-kpi span{font-size:12px!important;font-weight:660!important;color:#6e5646!important;}
.kpi-card small,.commerce-kpi small{font-size:11.5px!important;font-weight:650!important;color:#8b715f!important;line-height:1.35!important;}
.kpi-icon{border-radius:12px!important;box-shadow:none!important;}
/* charts visible */
.chart-box,.chart-wrap{position:relative;height:260px!important;min-height:260px!important;width:100%;}
.chart-box canvas,.chart-wrap canvas{display:block!important;width:100%!important;height:100%!important;}
.dashboard-chart-grid .panel{min-height:340px!important;}
/* badges: never overlap, never hide text */
.status-pill,.soft-pill,.priority,.app-badge,.kpi-trend,.focus-pills span,.card-badge-row span,.hero-metrics-strip span,.segmented button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:max-content!important;max-width:none!important;min-width:0!important;min-height:27px!important;height:auto!important;padding:5px 11px!important;border-radius:999px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1.05!important;font-size:11px!important;font-weight:720!important;letter-spacing:-.005em!important;}
.status-pill{border:1px solid rgba(104,73,50,.10)!important;background:#fff7ed;color:#6b4f3a;flex:0 0 auto!important;}
.status-pill.success{background:rgba(22,163,74,.10)!important;color:#11633a!important;border-color:rgba(22,163,74,.18)!important;}
.status-pill.warning{background:rgba(249,115,22,.11)!important;color:#9a5609!important;border-color:rgba(249,115,22,.20)!important;}
.status-pill.danger,.priority.high{background:rgba(220,38,38,.10)!important;color:#991b1b!important;border-color:rgba(220,38,38,.17)!important;}
.status-pill.info,.status-pill.blue{background:rgba(37,99,235,.09)!important;color:#1d4ed8!important;border-color:rgba(37,99,235,.15)!important;}
.status-pill.violet{background:rgba(109,72,180,.10)!important;color:#593397!important;border-color:rgba(109,72,180,.16)!important;}
.card-badge-row,.focus-pills{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-start!important;}
.focus-pills{justify-content:flex-end!important;}
/* activity feed layout fix */
.activity-list{display:grid;gap:12px!important;}
.activity-item{display:grid!important;grid-template-columns:42px minmax(0,1fr) max-content!important;gap:14px!important;align-items:center!important;border-radius:14px!important;padding:12px!important;background:rgba(255,255,255,.58);border:1px solid rgba(104,73,50,.08);}
.activity-item .status-pill{justify-self:end!important;align-self:center!important;}
.activity-item strong{font-size:13px!important;font-weight:720!important;line-height:1.3!important;}
.activity-item p{font-size:12px!important;color:#6e5646!important;line-height:1.45!important;margin:4px 0!important;}
.activity-item small{font-size:11px!important;color:#886b58!important;}
.activity-icon{border-radius:11px!important;box-shadow:none!important;}
/* buttons single line */
.primary-button,.soft-button,.icon-button,.link-button,.date-button,.user-button{border-radius:12px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;min-height:40px!important;font-weight:720!important;letter-spacing:-.008em!important;}
.primary-button.small,.soft-button.small{min-width:max-content!important;min-height:38px!important;padding:0 14px!important;}
.hero-actions,.panel-actions,.table-tools,.order-card footer{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;}
/* commerce KPI spacing */
.commerce-kpis{gap:14px!important;align-items:stretch!important;}
.commerce-kpi{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;min-height:92px!important;padding:14px 16px!important;}
.commerce-kpi span,.commerce-kpi strong,.commerce-kpi small{display:block!important;margin:0!important;}
.commerce-kpi strong{order:-1;}
/* tables */
.premium-table{border-radius:14px!important;border:1px solid rgba(104,73,50,.09)!important;background:rgba(255,255,255,.58)!important;}
.premium-table table{border-spacing:0 6px!important;}
th{font-size:10.5px!important;font-weight:760!important;letter-spacing:.085em!important;color:#9a8069!important;}
td{font-size:13px!important;color:#5f5147!important;}
th,td{padding:13px 14px!important;}
tr:hover td{background:#fff7ed!important;}
/* login overhaul: hide dropdown, elegant 2-role */
.client-login,.login-shell{background:linear-gradient(135deg,#fffaf4 0%,#f7e6d4 100%)!important;}
.login-art-panel{border-radius:18px!important;box-shadow:var(--shadow-clean)!important;border:1px solid rgba(104,73,50,.10)!important;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,247,237,.74))!important;}
.login-art-top span{font-size:15px!important;letter-spacing:-.02em!important;}
.login-art-bottom{border-radius:16px!important;box-shadow:none!important;border:1px solid rgba(104,73,50,.10)!important;}
.login-art-bottom strong{font-size:clamp(28px,3.2vw,42px)!important;font-weight:760!important;}
.client-login-card{border-radius:18px!important;box-shadow:var(--shadow-clean)!important;border:1px solid rgba(104,73,50,.11)!important;}
.login-card-head h2{font-size:34px!important;font-weight:760!important;letter-spacing:-.05em!important;}
.login-card-head p{font-size:14px!important;line-height:1.5!important;color:#6e5646!important;}
.role-select-panel,.client-select-panel{display:none!important;}
.role-login-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 6px;}
.role-login-choice button{border:1px solid rgba(104,73,50,.12);background:#fffdf9;border-radius:14px;padding:13px;text-align:left;display:grid;gap:6px;color:#2b1d15;transition:.18s ease;}
.role-login-choice button:hover,.role-login-choice button.selected{border-color:rgba(249,115,22,.35);background:#fff7ed;box-shadow:0 10px 24px rgba(249,115,22,.10);}
.role-login-choice span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#F97316,#EA580C);color:#fff;font-size:11px;font-weight:760;}
.role-login-choice strong{font-size:13px;font-weight:760;letter-spacing:-.015em;}
.role-login-choice small{font-size:11px;color:#7b6251;font-weight:650;}
.doctor-hero-card{position:relative;width:min(100%,620px);min-height:520px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#fff7ed,#f7e6d4);box-shadow:0 18px 50px rgba(107,79,58,.10);display:flex;align-items:center;justify-content:center;}
.doctor-hero-img{width:100%;height:100%;object-fit:cover;display:block;}
.doctor-hero-glass{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;background:rgba(28,20,16,.72);color:#fff;backdrop-filter:blur(12px);font-weight:720;font-size:13px;}
/* remove page footer, use sidebar credit */
.app-footer{display:none!important;}
/* terminology/visual cleanup for small screens */
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-chart-grid,.dashboard-main-grid,.scope-grid,.content-grid,.module-grid{grid-template-columns:1fr!important}.focus-pills{justify-content:flex-start!important}}
@media(max-width:860px){.topbar{padding:10px 14px!important}.workspace-main{padding:16px!important}.activity-item{grid-template-columns:38px minmax(0,1fr)!important}.activity-item .status-pill{grid-column:2;justify-self:start!important}.role-login-choice{grid-template-columns:1fr}.doctor-hero-card{min-height:360px}.sidebar-dev-credit{display:none}}

/* Final functional fixes */
.commerce-kpis > article{position:relative;overflow:hidden;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-height:92px!important;padding:14px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(104,73,50,.10)!important;box-shadow:var(--shadow-clean)!important;}
.commerce-kpis > article span,.commerce-kpis > article strong,.commerce-kpis > article small{display:block!important;margin:0!important;line-height:1.2!important;}
.commerce-kpis > article span{font-size:12px!important;font-weight:660!important;color:#6e5646!important;}
.commerce-kpis > article strong{font-size:28px!important;font-weight:760!important;letter-spacing:-.045em!important;color:#1C1410!important;}
.commerce-kpis > article small{font-size:11.5px!important;font-weight:650!important;color:#8b715f!important;}
.order-workbench-grid:empty::before,.order-card-grid:empty::before{content:'No orders match the selected filters.';display:block;padding:18px;border:1px dashed rgba(104,73,50,.14);border-radius:14px;color:#80624e;background:#fffaf4;font-weight:650;}
.order-card-grid{min-height:0!important;}
.no-wrap,.soft-pill,.status-pill{word-break:normal!important;}
button{word-break:normal!important;}
.topbar .command-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Final client presentation identity cleanup */
.login-brand-stage{
  position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.96),rgba(255,247,237,.78) 35%,rgba(249,115,22,.18) 100%);
  border-right:1px solid rgba(234,130,58,.14);
}
.login-brand-stage::before{content:"";position:absolute;inset:auto -14% -32% 18%;height:72%;border-radius:50%;background:linear-gradient(135deg,rgba(249,115,22,.28),rgba(234,88,12,.06));filter:blur(2px);animation:careosFloat 9s ease-in-out infinite;}
.login-brand-stage::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:15%;background:radial-gradient(circle,rgba(249,115,22,.24),rgba(249,115,22,0) 68%);animation:careosPulse 7s ease-in-out infinite;}
.login-stage-inner{position:relative;z-index:2;width:min(620px,86%);display:grid;gap:34px;}
.login-main-logo{width:min(340px,70%);height:auto;display:block;filter:drop-shadow(0 24px 40px rgba(151,78,22,.13));}
.login-brand-copy span{font-size:12px;font-weight:800;color:#EA580C;letter-spacing:.18em;text-transform:uppercase;}
.login-brand-copy h1{font-size:clamp(42px,5vw,72px);line-height:.96;margin:12px 0 16px;color:#17110d;letter-spacing:-.06em;max-width:740px;font-weight:820;}
.login-brand-copy p{font-size:18px;line-height:1.7;color:#674b3a;max-width:610px;font-weight:480;letter-spacing:-.01em;}
.login-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:620px;}
.login-trust-grid div{background:rgba(255,255,255,.72);border:1px solid rgba(234,130,58,.14);border-radius:18px;padding:18px;box-shadow:0 22px 46px rgba(151,78,22,.10);backdrop-filter:blur(18px);}
.login-trust-grid strong{display:block;font-size:20px;font-weight:780;color:#1c1410;letter-spacing:-.03em;}
.login-trust-grid span{display:block;margin-top:4px;font-size:12px;color:#7b6251;font-weight:650;}
.login-orb{position:absolute;border-radius:999px;background:linear-gradient(135deg,#F97316,#FED7AA);opacity:.35;filter:blur(1px);}
.orb-one{width:16px;height:16px;left:18%;top:22%;animation:careosDrift 6s ease-in-out infinite;}
.orb-two{width:28px;height:28px;right:18%;top:12%;animation:careosDrift 8s ease-in-out infinite reverse;}
.orb-three{width:11px;height:11px;left:40%;bottom:18%;animation:careosDrift 7s ease-in-out infinite;}
@keyframes careosFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-18px,-16px,0) rotate(3deg)}}
@keyframes careosPulse{0%,100%{transform:scale(.96);opacity:.75}50%{transform:scale(1.05);opacity:1}}
@keyframes careosDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.role-login-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 8px;}
.role-login-choice button{border:1px solid rgba(104,73,50,.12);background:#fffdf9;border-radius:14px;padding:14px;text-align:left;display:grid;gap:7px;color:#2b1d15;transition:.18s ease;cursor:pointer;}
.role-login-choice button:hover,.role-login-choice button.selected{border-color:rgba(249,115,22,.38);background:#fff7ed;box-shadow:0 12px 26px rgba(249,115,22,.12);transform:translateY(-1px);}
.role-login-choice span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#F97316,#EA580C);color:#fff;font-size:11px;font-weight:760;}
.role-login-choice strong{font-size:13px;font-weight:760;letter-spacing:-.015em;}
.role-login-choice small{font-size:11px;color:#7b6251;font-weight:650;}
.sidebar-dev-credit span{display:none!important;}
@media(max-width:980px){.login-shell{grid-template-columns:1fr!important}.login-brand-stage{min-height:46vh;border-right:0;border-bottom:1px solid rgba(234,130,58,.14)}.login-brand-copy h1{font-size:38px}.login-trust-grid{grid-template-columns:1fr}.role-login-choice{grid-template-columns:1fr}}