/* appcodie meta crm — light workspace theme */
:root {
    --green: #4263eb;
    --yellow: #9b88ed;
    --red: #dc4c64;
    --bg: #f5f7fb;
    --surface: #ffffff;
    --surface2: #f0f3fa;
    --border: #e3e8f1;
    --text: #24324b;
    --muted: #65748d;
    color-scheme: light;
}
.sidebar, .topbar { background: #ffffff; }
.sidebar { box-shadow: 3px 0 18px #263a6404; }
.brand { font-size: 25px; letter-spacing: -.8px; color: #263756; }
.brand img { background: transparent; }
.brand small { color: #7483a0; font-size: 11px; letter-spacing: 2.5px; margin-top: 0; text-transform: uppercase; }
.workspace { background: #fafbfe; }
.workspace-icon { background: #e9eeff; color: #4263eb; }
.online-dot { background: #2caa7c; }
.offline-dot { background: #d9a84c; }
.nav-label { color: #8490a8; }
.nav-item { color: #63718b; }
.nav-item:hover { background: #f4f6fc; color: #3452cc; }
.nav-item.active { background: #ebefff; color: #3e5fdf; }
.nav-tail { color: #6480e7; }
.connection-card { background: linear-gradient(135deg, #f0f4ff, #f5f2ff); border-color: #dce4fc; }
.meta-mark { color: #5877d7; }
.connection-card p { color: #73829b; }
.connection-card a { color: #4263cc; }
.avatar { background: #e9efff; color: #4263c4; }
.color-1 { background: #fff1df; color: #996626; }
.color-2 { background: #efeafb; color: #7b57af; }
.breadcrumb { color: #7a89a1; }
.breadcrumb span { color: #b1b9c9; }
.breadcrumb b { color: #3b4b67; }
.connection-status { color: #62728d; }
.eyebrow { color: #6d7e9e; }
.button { background: #4263eb; border-color: #4263eb; color: #ffffff; box-shadow: 0 3px 7px #4263eb14; }
.button:hover { filter: brightness(.96); }
.button.secondary { background: #ffffff; border-color: #dbe2f0; color: #526482; box-shadow: none; }
.metric, .panel { box-shadow: 0 3px 15px #263a6403; }
.metric-label { color: #66758d; }
.metric-icon { color: #5b75da; background: #edf1ff; border-color: #e3e9ff; }
.metric-foot { color: #7b89a0; }
.tiny-dot { background: #a3b0c8; }
.chart-key { color: #697995; }
.chart-y, .chart-x { color: #8a97ab; }
.gridlines i { border-color: #e5eaf4; }
.bar { background: linear-gradient(0deg, #bfd0fb, #6383ed); }
.bar.highlight { background: linear-gradient(0deg, #d5c8ff, #9b88ed); }
.bar:hover { background: #4263eb; }
.bar-tooltip { background: #24324b; color: #ffffff; border-color: #24324b; }
.chart-summary { background: #fbfcff; }
.chart-empty { color: #536783; }
.chart-empty a { color: #4263eb; }
.empty-chart-icon { color: #a3b4e8; }
.stage-line>div:first-child { color: #697993; }
.stage-track { background: #edf1f7; }
.stage-dot { background: #6995e1; }
.stage-track span { background: #6995e1; }
.stage-dot.contacted, .stage-track .contacted { background: #ab8ce2; }
.stage-dot.qualified, .stage-track .qualified { background: #dcb267; }
.stage-dot.won, .stage-track .won { background: #56b699; }
.stage-dot.lost, .stage-track .lost { background: #db8b9c; }
.panel-bottom-link { color: #5572c6; }
th { color: #7b89a0; background: #fafbfe; }
td { border-color: #edf0f6; }
tbody tr:hover { background: #fbfcff; }
.badge { background: #edf3ff; color: #4a73bc; }
.badge.contacted { background: #f2ecfc; color: #8663b1; }
.badge.qualified { background: #fff6e4; color: #947022; }
.badge.won { background: #e8f7ef; color: #26825f; }
.badge.lost { background: #fceef0; color: #b7526c; }
.row-link { color: #7e90af; }
.text-link { color: #4263ce; }
.count-badge { background: #f0f3fa; border-color: #e2e8f3; color: #657c9f; }
.followup-row>span:last-child { color: #8195b6; }
.followup-check { color: #96733a; border-color: #f2e6ca; background: #fdf7e9; }
.insight-strip { background: #eef3ff; border-color: #dfe7fa; }
.insight-strip>span { color: #6681bd; }
.insight-strip p { color: #7183a2; }
.insight-strip strong { color: #536b94; }
footer { color: #7a8aa6; }
footer>span:first-child { color: #93a0b5; }
.notice { background: #eaf8f0; border-color: #cee9db; color: #307652; }
.notice.error { background: #fff0f2; border-color: #f2d4dc; color: #a5455b; }
.notice.demo { background: #fff9eb; border-color: #f1e6c9; color: #8a713e; }
.empty>span { color: #90a6d9; }
input, select, textarea { background: #ffffff; border-color: #dbe2ef; color: #32415a; }
input::placeholder, textarea::placeholder { color: #98a3b6; }
.checkbox, label:not(.checkbox) { color: #60718e; }
.details a { color: #4263ce; }
.notes article p { color: #61728b; }
.kanban-column { background: #f0f3f9; }
.kanban-card { background: #ffffff; border-color: #e1e7f2; box-shadow: 0 2px 7px #263a6404; }
.kanban-card strong { color: #455c80; }
.source-label { background: #edf2ff; color: #6180bd; }
.column-empty { color: #8796af; border-color: #d6deed; }
.integration-logo { color: #6583d1; }
.setup-steps { color: #586f92; }
.auth-body { background: radial-gradient(ellipse at 5% 90%, #e6edff, transparent 65%), #f7f9fd; }
.auth-shell { border-color: #e1e7f2; box-shadow: 0 25px 90px #344e8a0c; }
.auth-story { background: linear-gradient(145deg, #edf3ff, #f2effe); }
.auth-story h1 { color: #2a3c60; }
.auth-story h1 span { color: #647fd0; }
.auth-story p { color: #7282a0; }
.auth-form { background: #ffffff; }
.auth-foot { color: #8694ab; }
.orbit { border-color: #b8c9ef; }
.orbit-two { border-color: #d1c7ef; }
.orbit-core { background: linear-gradient(140deg, #7997f1, #4263d8); border-color: #94acf3; color: #ffffff; box-shadow: 0 18px 40px #5f7bd829; }
.orbit-label { background: #ffffff; border-color: #d8e2f5; color: #637ca5; box-shadow: 0 4px 12px #5872af08; }
.l2 { background: #f6f2ff; border-color: #e2d8fa; color: #8c71b5; }
@media(max-width:700px) { .sidebar { box-shadow: 20px 0 60px #253a6320; } }