/* Corde Studio: a calm, readable workspace for recurring services. */
:root { --bg:#f5f6fa; --ink:#24283e; --muted:#747b91; --purple:#7157db; --purple-light:#f0ecff; --line:#e9ebf3; }
body { font-family:"Segoe UI",Arial,sans-serif; letter-spacing:.05px; }
#sidebar { width:256px; background:#fff; border-right:1px solid #e8eaf2; padding:30px 21px 0; color:#7a8097; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
#sidebar .brand { color:#25283e; font-size:31px; }
.brand-mark { width:37px; height:37px; border-radius:12px; box-shadow:0 5px 10px #7157db25; }
.brand { width:100%; max-width:100%; height:64px; min-height:64px; overflow:hidden; align-items:center; justify-content:center; background:#101117; border-radius:8px; flex-shrink:0; }
.brand-logo { display:block; width:130%; height:auto; max-width:none; flex-shrink:0; object-fit:contain; }
.auth-story .brand { width:220px; }
.workspace { background:#f8f9fc; border:1px solid #eef0f6; color:#3a4059; margin:32px 0 29px; padding:13px 10px; border-radius:10px; }
.workspace-avatar { background:white; color:#7b68c9; box-shadow:0 1px 5px #24283e09; }
.workspace small { color:#9197aa; font-size:11px; }
.workspace-check { color:#8f79d7; }
.nav-caption { color:#a2a7b8; font-size:9px; letter-spacing:1.6px; }
#nav { gap:7px; }
#nav button { position:relative; padding:13px 14px; border-radius:8px; color:#737b94; font-size:13px; font-weight:500; }
#nav button:hover { background:#f8f7fd; color:#6d55c8; }
#nav button.active { background:#f0ecfd; color:#7054ce; }
#nav button.active .nav-icon { color:#795ed5; }
#nav button.active:before { display:none; }
#nav .nav-icon { color:#9a9fb3; }
.nav-count { background:#e6dff9; color:#7b61c7; padding:2px 6px; }
.sidebar-tip { border:0; background:linear-gradient(130deg,#f4f0ff,#f8f6fe); margin:25px 0 20px; padding:17px; border-radius:12px; }
.sidebar-tip>span { color:#9d85d9; }
.sidebar-tip strong { color:#6a5a8e; line-height:1.5; }
.sidebar-tip p { color:#998eaf; font-size:11px; }
.sidebar-tip button { color:#866ac5; font-size:11px; }
.profile { color:#5d647e; border-top:1px solid #eceef5; padding:19px 0; }
.profile small { color:#a0a6b8; }
.profile-avatar { background:#eee9fb; color:#9279d2; }
.main-shell { margin-left:256px; width:calc(100% - 256px); }
.topbar { height:78px; position:sticky; top:0; z-index:15; background:#ffffffed; backdrop-filter:blur(14px); border-color:#e9ebf3; padding:0 36px; }
.breadcrumb { font-size:12px; gap:14px; }
.breadcrumb strong { color:#50576e; font-weight:550; }
.topbar-right { gap:20px; }
.system-status { font-size:11px; color:#9b9fb0; }
.top-avatar { width:34px; height:34px; background:#efebfb; color:#8f77cf; border:3px solid white; box-shadow:0 0 0 1px #eeebf6; }
main { max-width:1680px; padding:33px 36px 30px; }
.page-heading { margin-bottom:27px; }
.page-heading .eyebrow { display:none; }
h1 { font-size:29px; color:#2c3046; font-weight:650; letter-spacing:-.7px; margin:0 0 10px; }
.page-heading p { font-size:13px; color:#9399ac; }
.btn { border-color:#e4e7f0; box-shadow:0 2px 3px #24283e02; font-size:12px; border-radius:8px; min-height:41px; padding:10px 16px; }
.btn.primary { background:#785cda; border-color:#785cda; box-shadow:0 4px 9px #785cda22; }
.btn.primary:hover { background:#6b4ece; }
.btn.small { min-height:31px; padding:6px 10px; font-size:11px; }
.heading-actions { align-items:center; }
.panel { border:1px solid #e8eaf2; box-shadow:0 4px 14px #26294202; border-radius:12px; }
.panel-head { padding:22px 23px; border-bottom:1px solid #f0f1f6; }
.panel-head h2 { font-size:16px; color:#464c64; font-weight:600; }
.panel-head p { color:#a0a5b6; font-size:11px; }
.pill { font-size:10px; color:#9a9fb3; background:#fdfdff; padding:7px 10px; }
.text-link { color:#8972c8; font-size:11px; }
.stats { gap:18px; margin-bottom:23px; }
.stat { padding:21px; border:1px solid #e9ebf3; border-radius:11px; box-shadow:0 4px 12px #292c4202; }
.stat-top { font-size:12px; color:#969caf; }
.stat-icon { width:33px; height:33px; border-radius:9px; background:#f1ecfc; color:#a38bd4; }
.stat-icon svg { width:18px; height:18px; }
.stat-icon.green { background:#eaf7f1; color:#83bda3; }
.stat-icon.orange { background:#fff5e9; color:#d6b281; }
.stat-icon.blue { background:#ecf3fd; color:#94b3df; }
.stat-value { font-size:29px; margin:16px 0 12px; color:#373c55; letter-spacing:-.8px; }
.stat-foot { color:#acb1c0; font-size:10px; }
.stat-foot b { color:#8c99a6; font-weight:500; }
.workspace-hero { display:grid; grid-template-columns:1.15fr 1fr; position:relative; overflow:hidden; padding:30px 34px; background:linear-gradient(115deg,#27283f,#36304e 60%,#44345f); border-radius:14px; margin-bottom:24px; color:white; gap:30px; }
.workspace-hero:after { content:""; position:absolute; right:-60px; top:-200px; height:450px; width:450px; border:1px solid #ffffff08; border-radius:50%; box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02; pointer-events:none; }
.hero-copy,.hero-finance { position:relative; z-index:1; }
.hero-kicker { color:#b9a7da; font-size:9px; letter-spacing:1.8px; display:flex; align-items:center; gap:7px; }
.hero-kicker i { display:block; height:5px; width:5px; border-radius:50%; background:#b4d6c6; }
.hero-copy h2 { font-size:29px; line-height:1.3; font-weight:500; letter-spacing:-.6px; margin:17px 0 12px; color:#f4f0fa; }
.hero-copy p { font-size:11px; line-height:1.9; color:#a9a1bb; margin:0; }
.hero-link { display:inline-flex; align-items:center; gap:13px; background:none; padding:0; margin-top:21px; font-size:11px; color:#c7b7e5; }
.hero-link svg { width:14px; height:14px; }
.hero-finance { padding:13px 0 0 32px; border-left:1px solid #ffffff0d; }
.hero-finance>span { text-transform:uppercase; color:#b8accb; font-size:10px; letter-spacing:1px; }
.hero-finance>strong { display:block; font-size:43px; font-weight:550; margin:14px 0 9px; letter-spacing:-1.4px; font-variant-numeric:tabular-nums; }
.hero-finance>p { color:#a4c9b9; font-size:10px; margin:0; }
.hero-finance-bottom { display:grid; grid-template-columns:1fr 1fr; margin-top:28px; gap:14px; }
.hero-finance-bottom small { display:block; font-size:10px; color:#a59bb8; margin-bottom:8px; }
.hero-finance-bottom b { font-size:16px; font-weight:500; color:#d6cde3; letter-spacing:-.3px; }
.quick-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:8px 0 24px; }
.quick-actions>span { font-size:9px; color:#a6acbd; letter-spacing:1.2px; margin-right:6px; }
.quick-actions>button { display:inline-flex; gap:9px; align-items:center; padding:10px 12px; border:1px solid #e9ebf3; background:white; border-radius:8px; font-size:11px; color:#8990a5; }
.quick-actions svg { width:15px; height:15px; color:#ab9acb; }
.quick-actions b { font-weight:400; margin-left:9px; color:#b6b0c6; }
.renewal-briefing { border-radius:11px; padding:20px 22px; margin-bottom:24px; }
.briefing-copy h2 { color:#756a83; font-size:14px; }
.briefing-copy .eyebrow { color:#b1a5b4; font-size:8px; }
.briefing-copy p { color:#a89ba9; font-size:11px; }
.renewal-briefing.warning { background:linear-gradient(100deg,#fffaf0,#fffdf9); border-color:#f0e7d6; }
.renewal-briefing.attention { background:linear-gradient(100deg,#fdf5f7,#fffdfd); border-color:#f0e2e7; }
.dashboard-grid { grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr); gap:22px; }
.chart-legend { font-size:10px; color:#a5aabc; }
.chart svg { height:216px; }
.chart text { fill:#aeb3c2; }
.chart-note { color:#adb3c3; font-size:10px; }
.renewal-item .item-name { color:#60677e; font-size:12px; }
.renewal-item .item-sub { color:#a8aebf; }
.days strong { font-size:10px; font-weight:500; }
.days small { color:#b1b6c5; }
.renewal-open { color:#aaa2bb; background:#fcfbfe; border-color:#eeebf4; }
.list-tools { background:white; padding:17px 20px 0; border:1px solid #e8eaf2; border-radius:12px; margin-bottom:21px; }
.list-tools .toolbar { margin:0 0 15px; }
.list-tools .search-box { max-width:390px; }
.list-tools .search-box input { background:#f9fafd; border-color:#eef0f6; border-radius:8px; height:40px; font-size:12px; }
.search-box>span { top:12px; left:12px; width:16px; height:16px; }
.search-box svg { width:16px; height:16px; color:#b3b8c9; }
.list-tools .filters { padding:0; border:0; background:transparent; gap:7px; margin-bottom:15px; }
.list-tools .filters button { font-size:11px; color:#a0a6b9; background:#fafbfe; border:1px solid #f0f1f6; border-radius:6px; padding:8px 12px; }
.list-tools .filters button.selected { background:#f2eefd; color:#967bce; border-color:#eae2fa; }
.advanced-filters { display:flex; gap:20px; align-items:center; padding:14px 0; border-top:1px solid #f0f1f6; flex-wrap:wrap; }
.advanced-filters label { display:inline-flex; align-items:center; gap:9px; color:#a3aabd; font-size:10px; }
.advanced-filters select { width:auto; border:0; background:transparent; padding:0 18px 0 0; margin:0; border-radius:0; font-size:11px; color:#7d869d; box-shadow:none; }
.result-count { margin-left:auto; font-size:11px; color:#b1b6c6; }
.advanced-filters .clear-filters { margin-left:auto; color:#b3a0c9; font-size:10px; }
.advanced-filters .clear-filters+.result-count { margin-left:0; }
.density-toggle { background:#f9fafd; border:1px solid #eef0f6; color:#a5adbf; width:34px; height:34px; font-size:18px; }
th { font-size:9px; font-weight:550; color:#a1a8bc; background:#fbfcfe; padding-top:15px; padding-bottom:15px; border-color:#f0f2f7; }
td { color:#939bb1; font-size:12px; padding-top:19px; padding-bottom:19px; border-color:#f1f3f8; }
td strong { color:#626b83; font-size:12px; font-weight:550; }
.customer-cell .avatar { width:38px; height:38px; border-radius:11px; }
.customer-code { display:block; font-size:9px; font-weight:400; letter-spacing:.6px; margin-top:7px; color:#b8bdcd; text-align:left; }
td .item-sub { font-size:10px; color:#b2b8c8; margin-top:7px; }
td .balance-due { color:#bd9197; }
td .balance-clear { color:#adb9b1; }
.badge { font-size:9px; font-weight:500; padding:6px 8px; border-radius:5px; }
.row-edit { display:grid; place-items:center; width:27px; height:29px; border-radius:6px; background:none; color:#b7bac9; }
.row-edit:hover { color:#9b83ca; background:#f7f5fc; }
.row-edit svg { width:15px; height:15px; }
.customer-directory .action-group { gap:10px; }
.pagination { padding:17px 20px; border-color:#f0f2f7; }
.pagination-info { color:#b4b9ca; font-size:10px; }
.pagination-info strong { color:#8a93aa; }
.pagination-info label { color:#b4b9ca; font-size:10px; }
nav.page-buttons button { border-color:#eceef5; color:#acb2c4; }
nav.page-buttons button[aria-current="page"] { color:#a189d1; background:#f4f0fc; border-color:#ece4f9; }
.customer-overview { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; background:white; border:1px solid #e8eaf2; border-radius:12px; margin-bottom:21px; }
.customer-overview>div:first-child { display:flex; align-items:center; gap:15px; }
.customer-overview .avatar { width:52px; height:52px; border-radius:14px; font-size:17px; }
.customer-overview h2 { color:#656c83; font-size:18px; }
.customer-overview p { color:#a5adbf; font-size:12px; margin:7px 0 0; }
.customer-overview>div:nth-child(2)>span { display:block; font-size:10px; color:#b0b7c9; margin-bottom:9px; }
.customer-overview strong { font-size:13px; color:#9b88bb; font-weight:550; }
.customer-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.detail-grid { grid-template-columns:260px minmax(0,1fr); }
.detail-info { padding:23px; }
.detail-section-title { display:flex; align-items:center; gap:9px; }
.detail-section-title svg { width:16px; height:16px; color:#b5a7cb; }
.detail-section-title h2 { font-size:13px; color:#9299ad; }
.detail-info dt { font-size:9px; letter-spacing:.7px; color:#b8becd; margin-top:23px; }
.detail-info dd { color:#8a94ac; font-size:12px; }
.detail-info a { color:#a78dc8; }
.detail-info .danger-link { margin-top:24px; color:#c2a3ae; font-size:10px; }
.detail-tabs { padding:0; border-bottom:1px solid #e7eaf2; gap:22px; margin-bottom:19px; }
.detail-tabs button { border:0; background:none; border-radius:0; color:#a3aabe; padding:10px 0 13px; }
.detail-tabs button.selected { border-bottom:2px solid #af97d6; color:#9b82c6; background:none; }
.detail-tabs span { font-size:9px; background:#ede9f6; border-radius:4px; padding:3px 5px; margin-left:5px; }
.activity-panel { margin-top:23px; }
.activity-list { display:grid; grid-template-columns:1fr 1fr; }
.activity-row { display:flex; align-items:center; gap:13px; padding:19px 23px; border-bottom:1px solid #f0f2f7; }
.activity-row:nth-child(odd) { border-right:1px solid #f0f2f7; }
.activity-icon { display:grid; place-items:center; width:34px; height:34px; background:#f2edfc; color:#b39bdb; border-radius:9px; flex-shrink:0; }
.activity-icon.green { background:#edf7f2; color:#a4c6b5; }
.activity-icon svg { height:16px; width:16px; }
.activity-row strong { color:#818ba3; font-size:12px; font-weight:500; }
.activity-row p { color:#b0b8c9; font-size:10px; margin:6px 0 0; }
.activity-row p>span { margin:0 4px; }
.activity-end { margin-left:auto; text-align:right; flex-shrink:0; }
.activity-end b { display:block; color:#9ba5ba; font-size:12px; font-weight:500; }
.activity-end small { display:block; color:#c0c6d4; font-size:9px; margin-top:6px; }
.command-trigger { display:flex; gap:8px; align-items:center; min-width:210px; height:35px; border:1px solid #eceef5; border-radius:7px; background:#fafbfe; padding:0 10px; color:#afb5c8; font-size:11px; }
.command-trigger svg { width:15px; height:15px; }
.command-trigger kbd { margin-left:auto; color:#c1c5d3; font:9px "Segoe UI",sans-serif; border:1px solid #e8eaf2; border-radius:4px; padding:2px 4px; background:white; }
#command-dialog { width:min(590px,calc(100vw - 30px)); max-height:80vh; border-radius:13px; border-color:#e9e5f1; }
.command-head { display:flex; align-items:center; gap:10px; padding:19px; border-bottom:1px solid #eff0f6; }
.command-head svg { width:20px; height:20px; color:#b4a2ce; flex-shrink:0; }
.command-head input { border:0; border-radius:0; padding:0; box-shadow:none; font-size:13px; color:#8d95ab; }
.command-head button { font-size:9px; color:#b8b9ca; background:#f9f9fc; border:1px solid #ecebf3; border-radius:4px; padding:4px 6px; }
#command-results { max-height:50vh; overflow-y:auto; padding:10px; }
.command-caption { display:block; font-size:9px; color:#b6adc8; letter-spacing:1px; padding:13px 12px 8px; }
.command-result { display:flex; align-items:center; gap:12px; padding:12px; width:100%; border-radius:8px; text-align:left; background:white; color:#9b8eaf; }
.command-result:hover { background:#f8f5fd; }
.command-result>svg { width:18px; height:18px; color:#b7a5cf; }
.command-result>span { flex:1; font-size:13px; }
.command-result small { display:block; color:#c0bccd; font-size:10px; margin-top:5px; }
.command-result>b { color:#c8c0d4; font-size:12px; font-weight:400; }
.command-result .avatar { flex:0 0 31px; width:31px; height:31px; font-size:10px; }
.command-loading { font-size:12px; color:#b4b1c4; padding:20px; text-align:center; }
.command-footer { display:flex; justify-content:space-between; gap:10px; padding:12px 19px; background:#fcfbfe; color:#c0bbcf; font-size:9px; border-top:1px solid #f1eff7; }
.sidebar-scrim { display:none; }
html[data-density="compact"] td { padding-top:11px; padding-bottom:11px; }
html[data-density="compact"] .customer-cell .avatar { width:29px; height:29px; border-radius:8px; }
html[data-density="compact"] .density-toggle { background:#f1eafb; color:#a28ac7; }
/* Keep operational text readable at normal desktop zoom. */
.page-heading p { color:#78849a; }
.stat-top { color:#78849a; }
.stat-foot { color:#8894a8; font-size:11px; }
.panel-head p { color:#8490a4; font-size:12px; }
.text-link { color:#8060bf; font-size:12px; }
.list-tools .filters button { color:#7e8ba2; }
.list-tools .filters button.selected { color:#8060bf; }
.advanced-filters label { color:#8490a5; font-size:11px; }
.advanced-filters select { color:#66778f; font-size:12px; }
.result-count { color:#8796ac; }
th { color:#78879f; font-size:10px; }
td { color:#7a879e; font-size:13px; }
td strong { color:#48576f; font-size:13px; }
.customer-code { color:#93a0b6; font-size:10px; }
td .item-sub { color:#8b99ae; font-size:11px; }
td .balance-due { color:#b67a85; }
td .balance-clear { color:#8b9f94; }
.badge { font-size:10px; }
.pagination-info,.pagination-info label { color:#8694ab; font-size:11px; }
.pagination-info strong { color:#687a94; }
nav.page-buttons button { color:#8998af; }
.customer-overview p { color:#8a98ae; }
.customer-overview>div:nth-child(2)>span { color:#8b99ae; }
.detail-info dt { color:#8e9db3; font-size:10px; }
.detail-info dd { color:#697d99; font-size:13px; }
.detail-info a { color:#9370bf; }
.activity-row strong { color:#687d99; font-size:13px; }
.activity-row p { color:#8d9fb7; font-size:11px; }
.activity-end b { color:#8498b3; }
.activity-end small { color:#9baac1; font-size:10px; }
.command-trigger { color:#8c9cb3; }
.command-result>span { color:#6f7f98; }
.command-result small { color:#96a4b9; }
.command-caption { color:#a08db4; }
.command-footer { color:#9f9bb3; }
.briefing-copy p { color:#9b859b; }
.renewal-item .item-sub { color:#8998ae; }
.chart-legend,.chart-note { color:#94a1b5; }
@media(max-height:850px) {
  .sidebar-tip { display:none; }
  .workspace { margin-top:24px; margin-bottom:24px; }
  #nav button { padding-top:11px; padding-bottom:11px; }
  .sidebar-bottom { padding-top:12px; }
}
@media(min-width:1600px) { main { padding-top:42px; } .workspace-hero { padding:36px 40px; } .hero-copy h2 { font-size:33px; } }
@media(max-width:1250px) { .command-trigger { min-width:160px; } .system-status { display:none; } .topbar-right { gap:17px; } .workspace-hero { padding:27px; } .hero-copy h2 { font-size:25px; } .hero-finance>strong { font-size:36px; } }
@media(max-width:1150px) { #sidebar { width:224px; padding-left:16px; padding-right:16px; } .main-shell { margin-left:224px; width:calc(100% - 224px); } main { padding:27px 24px; } .topbar { padding:0 24px; } .stats,.customer-metrics { gap:13px; } .stat { padding:17px; } .stat-value { font-size:25px; } .dashboard-grid { grid-template-columns:1fr; } .hero-copy h2 { font-size:24px; } .detail-grid { grid-template-columns:220px minmax(0,1fr); } .activity-list { grid-template-columns:1fr; } .activity-row:nth-child(odd) { border-right:0; } }
@media(max-width:900px) { .topbar-right #today { display:none; } .command-trigger { min-width:130px; } .command-trigger kbd { display:none; } .stats,.customer-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .workspace-hero { gap:20px; padding:25px; } .hero-copy h2 { font-size:22px; } .hero-finance { padding-left:22px; } .hero-finance>strong { font-size:32px; } .hero-finance-bottom { gap:10px; } .hero-finance-bottom b { font-size:14px; } .hero-finance-bottom small { font-size:9px; } .detail-grid { grid-template-columns:1fr; } .customer-overview { flex-wrap:wrap; } .advanced-filters { gap:12px; } .quick-actions>span { width:100%; margin-bottom:3px; } }
@media(max-width:650px) { #sidebar { width:250px; box-shadow:10px 0 40px #24283e1a; } .main-shell { width:100%; margin:0; } #sidebar.open+.sidebar-scrim { display:block; position:fixed; inset:0; background:#25233935; z-index:19; } .topbar { height:66px; padding:0 17px; } .topbar-right { gap:11px; } .command-trigger { min-width:33px; width:33px; justify-content:center; padding:0; } .command-trigger>span { display:none; } main { padding:25px 16px; } h1 { font-size:25px; } .page-heading { gap:16px; } .page-heading p { font-size:12px; line-height:1.7; } .heading-actions .btn { min-height:38px; font-size:11px; } .workspace-hero { grid-template-columns:1fr; gap:23px; padding:25px; } .hero-copy h2 { font-size:26px; } .hero-copy p br { display:none; } .hero-finance { padding:22px 0 0; border-left:0; border-top:1px solid #ffffff0d; } .hero-finance>strong { font-size:37px; } .hero-finance-bottom { margin-top:22px; } .stat { padding:16px; } .stat-top { font-size:10px; } .stat-value { font-size:26px; } .stat-icon { height:27px; width:27px; } .stat-icon svg { width:15px; height:15px; } .quick-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; } .quick-actions>span { grid-column:1/-1; } .quick-actions>button { padding:10px; font-size:10px; gap:7px; } .quick-actions b { margin-left:auto; } .list-tools { padding:15px 14px 0; } .list-tools .toolbar { flex-direction:row; margin-bottom:13px; } .list-tools .search-box { max-width:none; } .list-tools .filters { gap:5px; } .list-tools .filters button { font-size:10px; padding:7px 9px; } .advanced-filters { gap:13px; padding:14px 0; } .advanced-filters label { font-size:9px; gap:6px; } .advanced-filters select { font-size:10px; max-width:155px; } .advanced-filters .result-count { display:none; } .advanced-filters .clear-filters { margin-left:0; } .customer-overview { padding:20px; gap:20px; } .customer-overview>div:nth-child(2) { margin-left:67px; } .customer-overview>.btn { width:100%; } .activity-row { padding:17px; gap:10px; } .activity-row strong { font-size:11px; } .activity-row p { font-size:9px; } .command-footer>span { display:none; } }
/* Restrained palette and readable typography. */
#modal.import-mode { width:min(940px,calc(100vw - 30px)); }
.import-guide { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:1px solid #e6eaf0; background:#f8fafc; border-radius:9px; margin-bottom:23px; }
.import-guide strong { font-size:14px; color:#43536b; }
.import-guide p,.import-file-help { font-size:12px; color:#8793a5; line-height:1.8; }
.import-guide p { margin:7px 0 0; }
.import-guide .btn { flex-shrink:0; }
.import-file-help { margin:9px 0 14px; }
.import-counts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:18px 0; }
.import-counts>span { display:flex; flex-direction:column; padding:16px; background:#f5f7fa; border:1px solid #e7ebf1; border-radius:8px; color:#8390a4; font-size:12px; gap:7px; }
.import-counts strong { font-size:24px; color:#52647e; }
.import-preview-filters { display:flex; gap:8px; margin:20px 0 12px; }
.import-preview-filters .selected { background:#e9eef4; color:#44566e; }
.import-message { white-space:normal; min-width:200px; line-height:1.7; }
.import-preview-pager { display:flex; gap:10px; align-items:center; margin-top:15px; color:#8d99ac; font-size:12px; }
.import-preview-pager>span { margin-right:auto; }
.import-success { padding:25px; margin:22px 0; border:1px solid #d9e6df; background:#f4f9f6; color:#587666; border-radius:10px; }
.import-success p { line-height:1.8; font-size:13px; }
@media(max-width:650px) { .import-guide { flex-direction:column; align-items:stretch; } .import-counts { grid-template-columns:1fr 1fr; } #modal.import-mode .modal-actions { flex-wrap:wrap; } }
.dealer-report-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:22px; }
.dealer-date-filters { display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.dealer-date-filters label { color:#68778c; min-width:180px; }
.dealer-sale-choice { border:1px solid #e6eaf1; border-radius:9px; padding:16px; background:#fafbfd; }
#dealer-sale-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:18px; }
#dealer-rate-preview { grid-column:1/-1; margin:0; }
main[data-page="dealers"] .sort-control,main[data-page="dealer-report"] .sort-control { display:none; }
@media(max-width:650px) { .dealer-report-stats { grid-template-columns:1fr; gap:12px; } #dealer-sale-fields { grid-template-columns:1fr; } .dealer-date-filters label { min-width:0; width:100%; } }
:root { --purple:#46566d; --purple-light:#edf0f4; --ink:#263244; --muted:#687486; }
body { font-size:15px; }
h1 { font-size:31px; }
.page-heading p { font-size:15px; color:#677386; }
#nav button { font-size:15px; color:#667185; }
#nav button.active { background:#edf0f4; color:#2e3d52; }
#nav button.active .nav-icon { color:#56657a; }
#nav button:hover { background:#f4f5f7; color:#34445b; }
.nav-count { background:#e1e5eb; color:#516078; }
.workspace-avatar,.profile-avatar,.top-avatar { background:#edf0f4; color:#657187; }
.workspace { font-size:14px; }
.workspace small,.profile small { font-size:12px; }
.profile strong { font-size:14px; }
.btn,.heading-actions .btn { font-size:14px; }
.btn.primary { background:#43536a; border-color:#43536a; box-shadow:0 3px 8px #26324412; }
.btn.primary:hover { background:#35445b; }
.btn.small { font-size:12px; }
.text-link { color:#52647e; font-size:13px; }
.stat-top { font-size:14px; color:#6b7688; }
.stat-value { font-size:32px; }
.stat-foot { font-size:12px; color:#7c8798; }
.stat-icon,.stat-icon.green,.stat-icon.orange,.stat-icon.blue,.activity-icon,.activity-icon.green { background:#f0f2f5; color:#8490a1; }
.workspace-hero { background:linear-gradient(115deg,#283141,#3a4557); }
.hero-kicker,.hero-copy p,.hero-link,.hero-finance>span,.hero-finance-bottom small { color:#b4bfce; }
.hero-copy p,.hero-link,.hero-finance>p { font-size:13px; }
.hero-finance>p { color:#c0cbd7; }
.hero-finance-bottom small { font-size:12px; }
.hero-finance-bottom b { color:#e0e5ed; }
.quick-actions>button { color:#69778c; font-size:13px; }
.quick-actions svg { color:#8c98a9; }
.panel-head h2 { font-size:18px; }
.panel-head p { font-size:13px; }
.avatar,.avatar.tone1,.avatar.tone2,.avatar.tone3 { background:#edf0f4; color:#8a95a5; }
.list-tools .search-box input { font-size:14px; height:43px; }
.list-tools .filters button { font-size:13px; color:#788395; }
.list-tools .filters button.selected { color:#46566e; background:#edf0f4; border-color:#e0e5ed; }
.advanced-filters label { font-size:12px; }
.advanced-filters select { font-size:13px; }
.advanced-filters .clear-filters { font-size:12px; color:#7b899d; }
th { font-size:12px; color:#7c8799; }
td,td strong { font-size:14px; }
td .item-sub,.customer-code { font-size:12px; }
.badge,.badge.purple,.badge.gray { font-size:12px; background:#eef1f5; color:#7c889a; }
.badge.orange { background:#f7f3eb; color:#ab936a; }
.badge.red { background:#f8eff0; color:#b2838b; }
.pagination-info,.pagination-info label,.pagination-info select { font-size:12px; }
nav.page-buttons button[aria-current="page"] { color:#53657e; background:#edf0f4; border-color:#dde3ec; }
label,label input,label select,label textarea { font-size:14px; }
.modal-header p,.info-box { font-size:13px; }
.detail-info dd { font-size:14px; }
.detail-info a { color:#5e728e; }
.detail-tabs button.selected { color:#586b85; border-color:#8799b1; }
.detail-tabs span { background:#e9edf3; }
.activity-row strong { font-size:14px; }
.activity-row p { font-size:12px; }
.command-trigger { font-size:13px; }
.command-result>span { font-size:14px; }
.briefing-copy h2 { font-size:16px; }
.briefing-copy p { font-size:13px; }
.renewal-item .item-name { font-size:14px; }
.renewal-item .item-sub,.days strong { font-size:12px; }
@media(max-width:650px) {
 h1 { font-size:27px; }
 .page-heading p { font-size:14px; }
 .stat-top { font-size:12px; }
 .stat-value { font-size:29px; }
 .stat-foot { font-size:11px; }
 .list-tools .filters button { font-size:12px; }
 .advanced-filters select { font-size:12px; }
 .quick-actions>button { font-size:12px; }
}