:root {
  --ink: #201c1b;
  --ink-soft: #5e5652;
  --canvas: #f7f4ef;
  --surface: #ffffff;
  --border: #e9e1da;
  --border-strong: #d9cdc4;
  --coral: #ee7058;
  --coral-deep: #cc4f3d;
  --coral-pale: #fff0eb;
  --lime: #c9df72;
  --aubergine: #5e3f68;
  --shadow: 0 12px 38px rgba(47, 35, 30, .07);
  --display: 'Plus Jakarta Sans', sans-serif;
  --body: 'DM Sans', sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: var(--body); font-size: 14px; line-height: 1.45; }
button, a { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 50; padding: 10px 14px; border-radius: 8px; background: var(--ink); color: white; transition: top .15s; }
.skip-link:focus { top: 16px; }
.app-shell { display: flex; min-height: 100vh; }
.sidebar { width: 252px; min-height: 100vh; padding: 28px 14px 17px; display: flex; flex-direction: column; background: #292322; color: #f8f3ee; position: fixed; inset: 0 auto 0 0; z-index: 10; }
.brand { display: flex; align-items: center; gap: 9px; padding: 0 14px 33px; font-family: var(--display); font-weight: 800; font-size: 21px; letter-spacing: -.9px; }
.brand > span:last-child span { color: var(--coral); }
.brand-mark { position: relative; display: grid; grid-template-columns: repeat(3, 5px); align-items: end; gap: 3px; height: 19px; }
.brand-mark i { display: block; width: 5px; border-radius: 5px; background: var(--coral); }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 14px; }.brand-mark i:nth-child(3) { height: 19px; }
.nav-list { display: grid; gap: 4px; }
.nav-item { display: flex; align-items: center; gap: 12px; min-height: 44px; border-radius: 9px; padding: 0 13px; color: #bdb3ad; font-weight: 500; transition: background .18s, color .18s; }
.nav-item:hover { color: #fff; background: #39302e; }.nav-item.active { color: #fff; background: #483a35; box-shadow: inset 3px 0 0 var(--coral); }
.nav-icon { width: 17px; font-size: 20px; color: #d1c3bc; text-align: center; line-height: 1; }.active .nav-icon { color: var(--coral); }
.nav-badge { margin-left: auto; padding: 1px 7px; background: var(--coral); border-radius: 10px; font-size: 11px; color: white; }
.sidebar-footer { display: grid; gap: 13px; margin-top: auto; }
.help-card { display: flex; gap: 10px; align-items: center; width: 100%; padding: 12px; border: 1px solid #4c403c; border-radius: 10px; background: #322a28; text-align: left; color: #f5ece7; }.help-card strong,.help-card small { display: block; }.help-card strong { font-size: 12px; }.help-card small { margin-top: 2px; font-size: 10.5px; color: #aea39e; }.help-card > :last-child { margin-left: auto; color: var(--coral); }.spark { color: var(--coral); font-size: 20px; }
.profile { display: flex; align-items: center; width: 100%; gap: 9px; padding: 10px 7px; border: 0; background: transparent; color: white; text-align: left; }.avatar { display: grid; place-items: center; width: 34px; height: 34px; border: 2px solid #e5c49f; border-radius: 50%; background: #a35d4e; color: #fff3e8; font-size: 10px; font-weight: 700; }.profile-copy { flex: 1; }.profile strong,.profile small { display: block; }.profile strong { font-size: 12px; }.profile small { color: #a89f9a; font-size: 10.5px; }
.main-content { width: calc(100% - 252px); margin-left: 252px; padding: 0 42px 48px; max-width: 1740px; }
.topbar { height: 82px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); }.breadcrumb { display: flex; gap: 9px; align-items: center; color: #8f8580; font-size: 12px; }.breadcrumb b { font-weight: 400; color: #c7bdb7; }.breadcrumb strong { color: var(--ink); font-weight: 600; }.top-actions { display: flex; align-items: center; gap: 9px; }.icon-button { position: relative; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: #625a55; font-size: 21px; }.icon-button:hover { background: #eee7e1; }.notification i { position: absolute; top: 7px; right: 8px; width: 6px; height: 6px; border: 1px solid white; border-radius: 50%; background: var(--coral); }.icon-button.small { width: 30px; height: 30px; font-size: 18px; }.period-select { display: flex; align-items: center; gap: 11px; margin-left: 7px; padding: 9px 12px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface); color: #4f4742; font-size: 12px; font-weight: 600; }.period-select span { color: #9b918b; }.menu-toggle { display: none; }
.page-header { display: flex; justify-content: space-between; align-items: end; gap: 20px; padding: 40px 0 28px; }.eyebrow { margin: 0 0 6px; color: #9c8276; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; }.page-header h1 { margin: 0; font-family: var(--display); font-size: clamp(26px, 3vw, 37px); letter-spacing: -1.7px; line-height: 1.15; }.page-header h1 span { color: var(--coral); }.subhead { margin: 8px 0 0; color: var(--ink-soft); font-size: 14px; }.primary-button { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 15px; border: 1px solid var(--coral); border-radius: 8px; background: var(--coral); color: white; font-weight: 700; box-shadow: 0 7px 14px rgba(204,79,61,.18); transition: transform .15s, background .15s; }.primary-button:hover { background: var(--coral-deep); transform: translateY(-1px); }.was-pressed { transform: scale(.97)!important; }
.metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }.metric-card,.panel { background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow); }.metric-card { min-height: 192px; padding: 18px; border-radius: 13px; overflow: hidden; }.metric-top { display: flex; justify-content: space-between; align-items: center; }.metric-label { color: #736a64; font-size: 12px; font-weight: 600; }.metric-icon { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; background: var(--coral-pale); color: var(--coral-deep); font-size: 17px; }.metric-icon.warm { background: #fff5df; color: #c48828; }.metric-icon.lime { background: #f2f9d7; color: #82963a; }.metric-icon.peach { background: #fbe6dc; color: #d35c47; }.metric-value { margin-top: 19px; font-family: var(--display); font-size: clamp(25px,2.3vw,32px); letter-spacing: -1.4px; font-weight: 800; }.metric-trend { margin-top: 2px; font-size: 11px; font-weight: 700; }.metric-trend span { margin-left: 4px; color: #9b928d; font-weight: 500; }.up { color: #719029; }.warning { color: #d45b43; }.mini-chart { height: 30px; margin-top: 16px; }.bars { display: flex; align-items: end; gap: 5px; }.bars i { display: block; flex: 1; border-radius: 4px 4px 1px 1px; background: #f5d4cb; }.bars i:nth-child(1){height:25%}.bars i:nth-child(2){height:39%}.bars i:nth-child(3){height:32%}.bars i:nth-child(4){height:54%}.bars i:nth-child(5){height:43%}.bars i:nth-child(6){height:66%}.bars i:nth-child(7){height:54%}.bars i:nth-child(8){height:76%}.bars i:nth-child(9){height:69%}.bars i:nth-child(10){height:100%;background:var(--coral)}.line-chart svg { width: 100%; height: 100%; overflow: visible; }.line-chart path { stroke: #c99142; stroke-width: 3; }.progress-track { position: relative; height: 7px; margin-top: 28px; border-radius: 999px; background: #edf0dc; }.progress-track i { display: block; width: 64%; height: 100%; border-radius: inherit; background: var(--lime); }.dark-card { background: #2e2725; border-color: #2e2725; color: white; }.dark-card .metric-label { color: #c5bbb5; }.dark-card .metric-trend span { color: #ada19b; }.text-button,.ghost-button { border: 0; background: transparent; color: var(--coral-deep); font-weight: 700; }.text-button { margin-top: 18px; padding: 0; font-size: 11.5px; }.text-button span,.ghost-button span { margin-left: 4px; }.text-button:hover,.ghost-button:hover { color: var(--ink); }
.content-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .95fr); gap: 16px; margin-top: 16px; }.panel { border-radius: 13px; padding: 22px; }.panel-heading { display: flex; justify-content: space-between; align-items: start; gap: 12px; }.panel h2 { margin: 0; font-family: var(--display); font-size: 18px; letter-spacing: -.65px; }.ghost-button { padding: 3px 0; font-size: 11.5px; white-space: nowrap; }.pipeline-summary { display: flex; justify-content: space-between; align-items: baseline; margin: 23px 0 6px; }.pipeline-summary strong { display: block; font-family: var(--display); font-size: 26px; letter-spacing: -1px; }.pipeline-summary > div:first-child span { color: #958b85; font-size: 11px; }.pipeline-key { color: #978c86; font-size: 10px; }.key-dot { display: inline-block; width: 7px; height: 7px; margin: 0 4px 0 8px; border-radius: 50%; }.key-dot.coral { background: var(--coral); }.key-dot.muted { background: #cfc7c1; }.chart-wrap { position: relative; display: grid; grid-template-columns: 37px 1fr; }.y-axis { display: flex; height: 218px; flex-direction: column; justify-content: space-between; padding: 4px 0 16px; color: #ab9f97; font-size: 9px; }.pipeline-chart { width: 100%; height: 220px; overflow: visible; }.grid-lines { stroke: #eee8e3; stroke-width: 1; }.area { fill: url(#fillCoral); }.last-line { fill: none; stroke: #cfc5be; stroke-width: 2; stroke-dasharray: 5 5; }.current-line { fill: none; stroke: var(--coral); stroke-width: 3; }.pipeline-chart circle { fill: var(--coral); stroke: white; stroke-width: 3; }.x-axis { grid-column: 2; display: flex; justify-content: space-between; padding-right: 1px; color: #ab9f97; font-size: 10px; }.count-pill { padding: 4px 8px; border-radius: 12px; background: #f7f0e9; color: #8a7166; font-size: 10px; font-weight: 700; }.focus-list { display: grid; gap: 8px; padding: 16px 0 14px; margin: 0; list-style: none; }.focus-list li { display: flex; align-items: center; gap: 10px; min-height: 57px; padding: 9px 0; border-bottom: 1px solid #eee8e3; }.focus-list li:last-child { border-bottom: 0; }.priority-dot { width: 8px; height: 8px; border-radius: 50%; }.urgent { background: var(--coral); box-shadow: 0 0 0 4px var(--coral-pale); }.medium { background: #d6ae5b; box-shadow: 0 0 0 4px #fff5df; }.light { background: #baa4c2; box-shadow: 0 0 0 4px #f3ecf5; }.focus-list div { flex: 1; }.focus-list strong,.focus-list small { display: block; }.focus-list strong { font-size: 12px; }.focus-list small { margin-top: 2px; color: #918780; font-size: 10.5px; }.focus-list button { border: 0; background: none; color: #aa9d95; letter-spacing: 1px; }.wide-button { width: 100%; padding: 11px; border: 1px solid var(--border); border-radius: 8px; background: white; color: #665b55; font-size: 11.5px; font-weight: 700; }.wide-button:hover { border-color: var(--coral); color: var(--coral-deep); }.wide-button span { margin-left: 4px; }
.bottom-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr); gap: 16px; margin-top: 16px; }.lead-table { margin-top: 14px; }.lead-row { display: grid; grid-template-columns: minmax(160px,2fr) .7fr .9fr 23px; align-items: center; gap: 8px; min-height: 59px; border-bottom: 1px solid #eee8e3; }.lead-row:last-child { border-bottom: 0; }.table-head { min-height: 28px; color: #9c918a; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; }.company { display: flex; gap: 9px; align-items: center; }.company-avatar { display: grid; flex: 0 0 28px; place-items: center; width: 28px; height: 28px; border-radius: 7px; font-family: var(--display); font-size: 12px; }.purple { background: #eee7f2; color: #7e598c; }.gold { background: #fff0d9; color: #b4771d; }.green { background: #e4f0e2; color: #4d8452; }.company strong,.company small { display: block; }.company strong { font-size: 12px; }.company small,.lead-row > span > small { color: #918780; font-size: 10.5px; }.score { display: grid; place-items: center; width: 27px; height: 22px; border-radius: 6px; background: #f4ede5; color: #7d6960; font-size: 10px; }.score.high { background: #eef6dd; color: #6f882d; }.lead-row button { border: 0; background: transparent; color: #a49991; font-size: 17px; }.activity-list { display: grid; gap: 18px; margin-top: 19px; }.activity-list > div { display: flex; align-items: start; gap: 10px; }.activity-icon { display: grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; border-radius: 8px; font-size: 13px; font-weight: 700; }.activity-icon.coral { background: var(--coral-pale); color: var(--coral-deep); }.activity-icon.lime { background: #f0f7d9; color: #74912c; }.activity-icon.purple { background: #f1eaf4; color: #865e92; }.activity-list p { margin: 0; }.activity-list strong,.activity-list small { display: block; }.activity-list strong { font-size: 11.5px; }.activity-list small { margin-top: 2px; color: #968b84; font-size: 10.5px; }
@media (max-width: 1120px) { .main-content { padding-inline: 27px; }.metrics-grid { grid-template-columns: repeat(2,1fr); }.bottom-grid { grid-template-columns: 1fr; } }
@media (max-width: 820px) { .sidebar { transform: translateX(-100%); transition: transform .2s; box-shadow: 15px 0 40px rgba(0,0,0,.18); }.sidebar.is-open { transform: translateX(0); }.main-content { width: 100%; margin-left: 0; padding-inline: 20px; }.menu-toggle { display: grid; place-items: center; width: 35px; height: 35px; border: 0; border-radius: 8px; background: #efe8e2; }.topbar { gap: 12px; }.top-actions { margin-left: auto; }.breadcrumb { display: none; }.content-grid { grid-template-columns: 1fr; }.page-header { padding-top: 30px; } }
@media (max-width: 560px) { .main-content { padding-inline: 14px; }.topbar { height: 65px; }.top-actions .icon-button { display: none; }.period-select { margin-left: 0; }.page-header { display: block; }.primary-button { margin-top: 19px; }.metrics-grid { grid-template-columns: 1fr; gap: 11px; }.metric-card { min-height: 165px; }.panel { padding: 16px; }.pipeline-summary { align-items: start; flex-direction: column; gap: 8px; }.pipeline-key { font-size: 9px; }.content-grid,.bottom-grid { gap: 11px; margin-top: 11px; }.lead-row { grid-template-columns: minmax(150px,1fr) .55fr 19px; }.lead-row > span:nth-child(3) { display: none; }.table-head > span:nth-child(3) { display: none; }.company { min-width: 0; }.company strong,.company small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.y-axis { width: 27px; font-size: 8px; }.chart-wrap { grid-template-columns: 27px 1fr; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; } }

/* Authentication */
.auth-page { background: var(--canvas); }.auth-layout { display: grid; grid-template-columns: minmax(330px, .94fr) minmax(480px, 1.06fr); min-height: 100vh; }.auth-intro { position: relative; display: flex; flex-direction: column; padding: 42px clamp(34px,6vw,92px); overflow: hidden; background: #292322; color: #fff8f1; }.auth-intro .brand { padding: 0; z-index: 1; }.auth-intro-copy { position: relative; z-index: 1; max-width: 480px; margin: auto 0; }.auth-intro-copy .eyebrow { color: #e4a28e; }.auth-intro h1 { margin: 0; font-family: var(--display); font-size: clamp(36px,4.2vw,61px); letter-spacing: -2.6px; line-height: 1.05; }.auth-intro-copy > p:last-child { max-width: 350px; margin: 20px 0 0; color: #c9bbb2; font-size: 16px; }.auth-orbit { position: absolute; width: 660px; height: 660px; right: -310px; bottom: -270px; border: 1px solid #5a4842; border-radius: 50%; }.auth-orbit::before,.auth-orbit::after,.auth-orbit i { content: ''; position: absolute; border: 1px solid #5a4842; border-radius: 50%; }.auth-orbit::before { inset: 70px; }.auth-orbit::after { inset: 145px; }.auth-orbit i:nth-child(1) { width: 15px; height: 15px; top: 107px; left: 108px; background: var(--coral); border: 0; }.auth-orbit i:nth-child(2) { width: 10px; height: 10px; right: 110px; bottom: 225px; background: var(--lime); border: 0; }.auth-orbit i:nth-child(3) { width: 8px; height: 8px; right: 172px; top: 125px; background: #d6b5df; border: 0; }.auth-footer { position: relative; z-index: 1; margin: 0; color: #988b84; font-size: 11px; }.auth-form-wrap { display: grid; place-items: center; padding: 38px; }.auth-form { display: grid; width: min(100%, 410px); gap: 17px; }.auth-form h2 { margin: 0; font-family: var(--display); font-size: 29px; letter-spacing: -1.2px; }.form-intro { margin: 9px 0 13px; color: var(--ink-soft); }.auth-form label { display: grid; gap: 7px; color: #5d544f; font-size: 12px; font-weight: 700; }.auth-form input { width: 100%; height: 46px; border: 1px solid var(--border-strong); border-radius: 8px; padding: 0 13px; outline: none; background: #fff; color: var(--ink); font: 400 14px var(--body); }.auth-form input:focus { border-color: var(--coral); box-shadow: 0 0 0 3px rgba(238,112,88,.14); }.auth-submit { justify-content: center; width: 100%; margin-top: 4px; }.auth-note { margin: 0; color: #998f89; text-align: center; font-size: 11px; }.form-error { margin: 0; padding: 11px 12px; border: 1px solid #f1c2b7; border-radius: 8px; background: var(--coral-pale); color: #a43f31; font-size: 12px; font-weight: 600; }
@media (max-width: 800px) { .auth-layout { grid-template-columns: 1fr; }.auth-intro { min-height: 275px; padding: 30px; }.auth-intro-copy { margin: auto 0 0; }.auth-intro h1 { max-width: 460px; font-size: 38px; }.auth-intro-copy > p:last-child,.auth-footer { display: none; }.auth-form-wrap { padding: 42px 25px; } }
.pipeline-row { display:grid; grid-template-columns:1.35fr 1fr .7fr .85fr .9fr .45fr; align-items:center; gap:10px; min-height:58px; border-bottom:1px solid #eee8e3; }.pipeline-row input,.pipeline-row select { width:100%; min-height:36px; border:1px solid transparent; border-radius:7px; padding:0 8px; background:transparent; font:12px var(--body); color:var(--ink); }.pipeline-row input:focus,.pipeline-row select:focus { border-color:var(--coral); background:#fff; outline:none; }.pipeline-row.table-head { min-height:32px; color:#9c918a; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }.pipeline-row:last-child { border-bottom:0; } @media(max-width:900px){.pipeline-table{overflow-x:auto}.pipeline-row{min-width:850px}}
.crm-editor { overflow-x:auto; }.crm-row { display:grid; grid-template-columns:1fr 1.2fr .8fr 1fr .8fr .8fr; align-items:center; gap:8px; min-width:980px; min-height:58px; border-bottom:1px solid #eee8e3; }.crm-row.contact-row { grid-template-columns:1.1fr 1fr 1.25fr .85fr .75fr .8fr; }.crm-row input,.crm-row select { width:100%; min-height:36px; border:1px solid transparent; border-radius:7px; padding:0 7px; background:transparent; font:12px var(--body); }.crm-row input:focus,.crm-row select:focus { border-color:var(--coral); background:#fff; outline:none; }.inline-pair { display:flex; gap:5px; }.row-actions { display:flex; align-items:center; gap:6px; }.danger-button { border:0; background:transparent; color:#a43f31; font-weight:700; font-size:11px; cursor:pointer; }.crm-row.table-head { min-height:32px; color:#9c918a; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }
.lead-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }.lead-toolbar form { display:flex; gap:8px; flex:1; }.lead-toolbar input,.lead-toolbar select { min-height:40px; border:1px solid var(--border-strong); border-radius:8px; padding:0 10px; background:#fff; }.lead-toolbar input { flex:1; }.import-form { margin-bottom:16px; }.import-form small { color:var(--ink-soft); }.note-card { padding:15px 0; border-top:1px solid var(--border); }.note-card strong,.note-card small { display:block; }.note-card small { color:var(--ink-soft); }.note-card p { margin-bottom:0; } @media(max-width:650px){.lead-toolbar,.lead-toolbar form{align-items:stretch;flex-direction:column}}
.simple-page { max-width: 1160px; min-height: 100vh; margin: auto; padding: 34px 30px 60px; }.simple-brand { padding: 0; color: var(--ink); }.simple-header { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:62px 0 30px; }.simple-header h1 { margin:0; font:800 34px/1.15 var(--display); letter-spacing:-1.5px; }.simple-header p:last-child { color:var(--ink-soft); margin:8px 0 0; }.capture-form { display:grid; gap:18px; max-width:820px; }.capture-form label { display:grid; gap:7px; color:#5d544f; font-size:12px; font-weight:700; }.capture-form input,.capture-form select,.capture-form textarea { min-height:44px; border:1px solid var(--border-strong); border-radius:8px; padding:0 12px; background:#fff; font:14px var(--body); }.capture-form textarea { min-height:110px; padding-block:10px; resize:vertical; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.form-actions { display:flex; justify-content:flex-end; align-items:center; gap:18px; }.form-actions a { color:var(--ink-soft); font-weight:700; }.empty-copy { color:var(--ink-soft); padding:25px 0 5px; }.setup-notice { margin-bottom:16px; padding:14px 16px; border:1px solid #efc2b7; border-radius:10px; background:var(--coral-pale); color:#7b4035; } @media(max-width:600px){.simple-page{padding:24px 15px}.simple-header{display:block;padding:42px 0 22px}.simple-header .primary-button{margin-top:18px}.form-grid{grid-template-columns:1fr}.lead-row{grid-template-columns:minmax(150px,1fr) .55fr 19px}.lead-row>span:nth-child(4){display:none}}
.wide-field { grid-column:1/-1; }.task-list { display:grid; gap:14px; }.task-card { padding:18px; border:1px solid var(--border); border-radius:11px; background:#fff; }.task-card + .task-card { margin-top:0; }.task-card form > .form-actions { margin-top:12px; }.task-card > .form-actions { margin-top:10px; padding-top:10px; border-top:1px solid var(--border); }.task-card h3 { margin:10px 0 4px; font-family:var(--display); }.task-card p { color:var(--ink-soft); }.filter-tabs { display:flex; gap:8px; margin-bottom:14px; }.filter-tabs a { padding:8px 13px; border:1px solid var(--border-strong); border-radius:999px; background:#fff; font-weight:700; font-size:12px; }.filter-tabs a.active { border-color:var(--coral); background:var(--coral-pale); color:var(--coral-deep); }.notification-list { display:grid; gap:0; }.notification-card { display:flex; justify-content:space-between; align-items:start; gap:20px; padding:18px 8px; border-bottom:1px solid var(--border); }.notification-card:last-child { border-bottom:0; }.notification-card.is-unread { border-left:3px solid var(--coral); padding-left:14px; background:linear-gradient(90deg,var(--coral-pale),transparent 30%); }.notification-card h2 { margin:0; font-size:15px; }.notification-card p { margin:6px 0; color:var(--ink-soft); }.notification-card small { color:#918780; } @media(max-width:600px){.wide-field{grid-column:auto}.notification-card{align-items:stretch;flex-direction:column}}
.module-page { width:calc(100% - 252px); max-width:1480px; margin:0 0 0 252px; padding:34px 42px 60px; }.module-page > .simple-brand { display:none; }.module-sidebar .logout-button { width:100%; }.module-menu-toggle { position:fixed; top:15px; left:15px; z-index:12; } @media(max-width:820px){.module-page{width:100%;margin-left:0;padding:70px 20px 50px}.module-menu-toggle{display:grid}} @media(max-width:560px){.module-page{padding-inline:14px}}
.discovery-search { max-width:none; }.provider-attribution { margin:16px 0 5px; padding:10px 12px; border-radius:8px; background:#f7f4ef; color:var(--ink-soft); font-size:11px; }.discovery-results { display:grid; }.discovery-card { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:17px 0; border-bottom:1px solid var(--border); }.discovery-card:last-child { border-bottom:0; }.discovery-card h3 { margin:0; font:700 15px var(--display); }.discovery-card p { margin:5px 0; color:var(--ink-soft); }.discovery-card .row-actions { flex-wrap:wrap; justify-content:flex-end; } @media(max-width:700px){.discovery-card{align-items:flex-start;flex-direction:column}.discovery-card .row-actions{justify-content:flex-start}}