:root { --navy:#102f4a; --navy-deep:#0b2237; --blue:#147aa6; --blue-soft:#e8f7fc; --green:#087e65; --green-soft:#e5f5ef; --orange:#bc7815; --orange-soft:#fff3df; --ink:#112f47; --muted:#618094; --line:#d8e5ec; --canvas:#f3f7f9; --paper:#fff; --danger:#a53a42; --danger-soft:#fff0f1; font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif; color:var(--ink); }
* { box-sizing:border-box; }
body { min-width:320px; min-height:100vh; margin:0; background:var(--canvas); }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.56; }
[hidden] { display:none!important; }

.login-shell,.reset-shell { display:grid; min-height:100vh; place-items:center; padding:40px 20px; background:radial-gradient(circle at 12% 12%,rgba(52,154,196,.28),transparent 28%),radial-gradient(circle at 92% 88%,rgba(210,166,80,.15),transparent 30%),linear-gradient(135deg,#e9f3f7,#dceaf0 55%,#eef5f6); }
.login-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.92fr); width:min(1090px,100%); min-height:610px; overflow:hidden; border:1px solid rgba(15,42,67,.1); border-radius:22px; background:var(--paper); box-shadow:0 25px 75px rgba(12,45,67,.17); }
.login-promo { position:relative; isolation:isolate; display:flex; flex-direction:column; overflow:hidden; padding:52px 54px; background:linear-gradient(145deg,#0d2a45,#143f60 58%,#176e8e 145%); color:#eef9fc; }
.login-promo::before { position:absolute; z-index:-1; top:-140px; right:-98px; width:400px; height:400px; border:1px solid rgba(183,229,243,.15); border-radius:50%; box-shadow:0 0 0 48px rgba(183,229,243,.035),0 0 0 100px rgba(183,229,243,.025); content:""; }
.login-promo::after { position:absolute; z-index:-1; right:-40px; bottom:-38px; width:285px; height:190px; border-radius:45% 55% 0 0; background:linear-gradient(135deg,rgba(215,169,70,.23),transparent); content:""; }
.brand { display:flex; align-items:center; gap:12px; font-size:1.08rem; letter-spacing:-.02em; }
.brand-light { color:#fff; }
.brand-logo { display:block; width:54px; height:43px; padding:4px 7px; border-radius:10px; background:#fff; object-fit:contain; object-position:center; filter:grayscale(1) contrast(1.28); }
.login-kicker,.form-kicker { display:inline-flex; width:max-content; margin-top:50px; padding:5px 9px; border-radius:999px; border:1px solid rgba(151,223,199,.28); background:rgba(107,211,171,.1); color:#a4ecd6; font-size:.72rem; font-weight:800; }
.login-promo h1 { max-width:435px; margin:15px 0 14px; font-size:clamp(2.05rem,3.2vw,3.15rem); line-height:1.17; letter-spacing:-.055em; }
.login-promo h1 em { color:#f0cf82; font-style:normal; }
.login-promo>p:not(.promo-foot) { max-width:405px; margin:0; color:#c4ddeb; font-size:.94rem; line-height:1.8; }
.login-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; max-width:440px; margin-top:30px; }
.login-points span { display:grid; gap:3px; min-height:76px; padding:10px; border:1px solid rgba(197,228,239,.14); border-radius:11px; background:rgba(255,255,255,.055); color:#bdd7e5; font-size:.68rem; line-height:1.45; }
.login-points b { color:#f4d58e; font-size:.78rem; }
.promo-foot { margin-top:auto!important; padding-top:23px; border-top:1px solid rgba(206,231,242,.16); color:#a9c9da!important; font-size:.76rem!important; }
.coin-field { position:absolute; right:28px; bottom:16px; width:142px; height:92px; pointer-events:none; }
.coin { position:absolute; display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(255,229,155,.78); border-radius:50%; background:radial-gradient(circle at 33% 27%,#fff1bc 0 10%,#edc05a 32%,#bd7e1b 92%); box-shadow:0 8px 18px rgba(4,19,31,.28),inset 0 1px 0 rgba(255,255,255,.75); color:#78500b; font-family:Georgia,serif; font-weight:800; }
.coin-one { top:0; right:4px; animation:coin-float 7.5s ease-in-out infinite; }.coin-two { top:49px; left:8px; width:27px; height:27px; font-size:.72rem; animation:coin-float 8.4s 1.2s ease-in-out infinite; }.coin-three { right:48px; bottom:1px; width:22px; height:22px; font-size:.64rem; animation:coin-float 7.9s .7s ease-in-out infinite; }
@keyframes coin-float { 0%,100%{transform:translateY(2px) rotate(-6deg);opacity:.53}50%{transform:translateY(-5px) rotate(7deg);opacity:.84} }
.login-form,.reset-card { display:flex; flex-direction:column; justify-content:center; padding:64px 62px; background:rgba(255,255,255,.98); }
.form-line { width:52px; height:4px; margin-bottom:24px; border-radius:9px; background:linear-gradient(90deg,var(--blue),#58b6d5); }.login-form .form-kicker,.reset-card .form-kicker { margin-top:0; border:0; background:#e8f5fa; color:var(--blue); }
.login-form h2,.reset-card h1 { margin:17px 0 8px; font-size:1.72rem; letter-spacing:-.04em; }.login-form>p,.reset-card>p { margin:0 0 27px; color:var(--muted); font-size:.91rem; line-height:1.7; }
label { display:grid; gap:7px; margin:0 0 15px; color:var(--ink); font-size:.82rem; font-weight:800; }
input,select,textarea { width:100%; min-height:45px; padding:10px 12px; border:1px solid #cbdde6; border-radius:9px; outline:none; background:#fbfdfe; color:var(--ink); transition:border-color .15s,box-shadow .15s; }
textarea { min-height:96px; resize:vertical; line-height:1.55; } input:focus,select:focus,textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(20,122,166,.12); }
.password-row { display:flex; }.password-row input { border-radius:9px 0 0 9px; }.inline-button { min-width:54px; border:1px solid #cbdde6; border-left:0; border-radius:0 9px 9px 0; background:#edf5f8; color:var(--blue); font-size:.76rem; font-weight:800; }
.button { min-height:40px; padding:9px 13px; border:1px solid transparent; border-radius:9px; font-weight:800; }.button.primary { border-color:#147aa6; background:#147aa6; color:#fff; }.button.primary:hover { background:#0e698f; }.button.secondary { border-color:#cbdde6; background:#fff; color:var(--ink); }.button.danger { background:var(--danger); color:#fff; }.login-form .button { width:100%; margin-top:10px; }.login-note { margin:15px 0 0!important; padding:0 14px; text-align:center; color:var(--muted); font-size:.74rem!important; }
.reset-card { width:min(470px,100%); border-radius:20px; box-shadow:0 24px 70px rgba(15,42,67,.15); }.reset-mark { display:block; width:58px; height:46px; margin-bottom:20px; padding:4px 7px; border-radius:10px; background:#fff; object-fit:contain; filter:grayscale(1) contrast(1.28); box-shadow:0 3px 12px rgba(15,42,67,.1); }

.app-shell { display:grid; min-height:100vh; grid-template-columns:260px minmax(0,1fr); }.sidebar { position:sticky; top:0; display:flex; flex-direction:column; gap:15px; height:100vh; overflow:auto; padding:24px 15px 16px; background:var(--navy); color:#dbedf7; }.sidebar .brand { padding:0 8px 10px; }.sidebar .brand-logo { width:47px; height:39px; padding:3px 6px; }.nav-group { display:grid; gap:4px; }.nav-bottom { margin-top:auto; }.nav-label { padding:0 9px 5px; color:#8eb5cc; font-size:.72rem; font-weight:800; }.nav-item { display:flex; min-height:40px; align-items:center; justify-content:space-between; gap:8px; padding:8px 11px; border:0; border-radius:9px; background:transparent; color:#e5f2f8; text-align:left; font-size:.86rem; font-weight:750; }.nav-item:hover,.nav-item.active { background:#2a5676; }.nav-item b { display:grid; min-width:21px; height:21px; place-items:center; padding:0 6px; border-radius:999px; background:rgba(255,255,255,.15); color:#e8f8ff; font-size:.7rem; }.sidebar-foot { margin:0; padding:11px 9px 0; border-top:1px solid rgba(219,237,247,.16); color:#8db0c4; font-size:.68rem; line-height:1.5; }
.workspace { min-width:0; background:var(--canvas); }.topbar { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:16px; padding:12px 28px; border-bottom:1px solid var(--line); background:var(--paper); }.topbar p { margin:0 0 3px; color:var(--muted); font-size:.72rem; }.topbar h1 { margin:0; font-size:1.28rem; letter-spacing:-.03em; }.topbar-actions { display:flex; align-items:center; gap:11px; }.global-search { width:min(310px,23vw); margin-left:auto; }.global-search input { min-height:38px; padding-top:8px; padding-bottom:8px; font-size:.78rem; }.task-alert { min-height:38px; padding:7px 11px; border:1px solid #d3e2e9; border-radius:9px; background:#fff; color:var(--ink); font-weight:800; }.task-alert b { display:inline-grid; width:20px; height:20px; place-items:center; margin-left:5px; border-radius:50%; background:#ba3b3f; color:#fff; font-size:.7rem; }.profile-button { display:grid; grid-template-columns:35px auto; align-items:center; column-gap:7px; padding:0; border:0; background:transparent; text-align:left; }.profile-button span { grid-row:span 2; display:grid; width:35px; height:35px; place-items:center; border-radius:50%; background:#d7edf7; color:#255b77; font-size:.72rem; font-weight:850; overflow:hidden; }.profile-button span>img { width:100%; height:100%; object-fit:cover; }.profile-button strong { font-size:.78rem; }.profile-button small { color:var(--muted); font-size:.65rem; }.text-button { border:0; background:transparent; color:var(--blue); font-size:.78rem; font-weight:800; }.page-content { max-width:1600px; padding:28px; margin:0 auto; }
.page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }.page-heading h2 { margin:0; font-size:1.25rem; letter-spacing:-.03em; }.page-heading p { max-width:790px; margin:7px 0 0; color:var(--muted); font-size:.85rem; line-height:1.65; }.notice { margin-bottom:17px; padding:12px 14px; border-left:3px solid var(--blue); border-radius:8px; background:#e9f7fc; color:#2e566b; font-size:.82rem; line-height:1.6; }.notice.warn { border-left-color:#cd8d29; background:#fff8ea; color:#6e4e16; }
.metric-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; margin-bottom:18px; }.metric-card { padding:16px; border:1px solid var(--line); border-radius:13px; background:var(--paper); }.metric-card span { color:var(--muted); font-size:.73rem; }.metric-card strong { display:block; margin-top:9px; color:var(--navy); font-size:1.7rem; letter-spacing:-.05em; }.metric-card small { display:block; margin-top:5px; color:var(--green); font-size:.69rem; }
.grid-two { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:16px; }.card { border:1px solid var(--line); border-radius:13px; background:var(--paper); overflow:hidden; }.card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 17px; border-bottom:1px solid var(--line); }.card-head h3 { margin:0; font-size:.98rem; }.card-head small { color:var(--muted); font-size:.72rem; }.card-body { padding:16px 17px; }.empty { padding:32px 18px; color:var(--muted); text-align:center; font-size:.83rem; }.quick-action { display:grid; gap:9px; padding:11px 0; border-bottom:1px solid var(--line); }.quick-action:last-child { border:0; }.quick-action strong { font-size:.84rem; }.quick-action p { margin:0; color:var(--muted); font-size:.75rem; line-height:1.5; }
.toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:14px; }.toolbar input { width:min(340px,100%); min-height:40px; }.toolbar select { width:160px; min-height:40px; }.toolbar .button { margin-left:auto; }.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:13px; background:var(--paper); }.data-table { width:100%; min-width:880px; border-collapse:collapse; }.data-table th { padding:13px 15px; border-bottom:1px solid var(--line); background:#f7fafb; color:#668092; text-align:left; font-size:.72rem; }.data-table td { padding:14px 15px; border-bottom:1px solid var(--line); color:#24435a; font-size:.8rem; vertical-align:middle; }.data-table tr:last-child td { border-bottom:0; }.data-table tr:hover td { background:#fbfdfe; }.customer-name { display:block; color:var(--ink); font-weight:850; }.secondary-line { display:block; margin-top:4px; color:var(--muted); font-size:.69rem; }.link-button { padding:0; border:0; background:transparent; color:var(--blue); font-weight:850; }.chip { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; background:#edf5f8; color:#396178; font-size:.69rem; font-weight:800; }.chip.good { background:var(--green-soft); color:var(--green); }.chip.warn { background:var(--orange-soft); color:var(--orange); }.chip.blue { background:#e4f3fa; color:#167094; }.chip.muted { background:#f0f3f5; color:#637889; }
.detail-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:16px; }.detail-title { display:flex; align-items:flex-start; gap:12px; }.customer-mark { display:grid; width:46px; height:46px; flex:0 0 auto; place-items:center; border-radius:12px; background:#dff2fa; color:#167094; font-size:.9rem; font-weight:900; }.detail-title h2 { margin:2px 0 3px; font-size:1.25rem; }.detail-title p { margin:0; color:var(--muted); font-size:.78rem; }.detail-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:17px; }.detail-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:17px; }.detail-meta div { padding:10px; border-radius:9px; background:#f4f9fb; }.detail-meta span,.detail-meta strong,.detail-meta small { display:block; }.detail-meta span { color:var(--muted); font-size:.66rem; }.detail-meta strong { margin-top:4px; font-size:.78rem; word-break:break-word; }.detail-meta small { margin-top:4px; color:#5f7c8c; font-size:.62rem; line-height:1.35; }.timeline { display:grid; gap:0; }.timeline-item { position:relative; padding:0 0 18px 22px; border-left:1px solid #bbd7e5; }.timeline-item:last-child { padding-bottom:0; }.timeline-item::before { position:absolute; top:4px; left:-5px; width:9px; height:9px; border-radius:50%; background:var(--blue); content:""; }.timeline-item small { color:var(--muted); font-size:.67rem; }.timeline-item strong { display:block; margin-top:5px; font-size:.8rem; }.timeline-item pre { margin:8px 0 0; padding:9px; overflow:auto; border:1px solid #d7e8ef; border-radius:7px; background:#f8fcfd; color:#416073; font-family:inherit; font-size:.72rem; line-height:1.5; white-space:pre-wrap; }.task-list { display:grid; gap:9px; }.task-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; padding:13px; border:1px solid var(--line); border-radius:10px; background:#fff; }.task-row.completed { opacity:.58; }.task-row.completed strong { text-decoration:line-through; }.task-row input { width:18px; min-height:18px; accent-color:var(--blue); }.task-row strong,.task-row span { display:block; }.task-row strong { font-size:.79rem; }.task-row span { margin-top:3px; color:var(--muted); font-size:.68rem; }.task-due { color:var(--orange); font-size:.69rem; font-weight:850; white-space:nowrap; }.task-due.no-date { color:var(--muted); font-weight:650; }
.account-grid { display:grid; grid-template-columns:minmax(290px,.75fr) minmax(360px,1fr); gap:16px; }.account-card { padding:20px; }.account-profile { display:flex; align-items:center; gap:12px; margin-bottom:18px; }.big-avatar { display:grid; width:58px; height:58px; place-items:center; overflow:hidden; border-radius:50%; background:#d7edf7; color:#255b77; font-weight:850; }.big-avatar>img { width:100%; height:100%; object-fit:cover; }.account-profile h3 { margin:0; }.account-profile p { margin:4px 0 0; color:var(--muted); font-size:.74rem; }.avatar-form { display:grid; gap:8px; margin-top:18px; padding-top:17px; border-top:1px solid var(--line); }.avatar-form label { margin:0; }.avatar-form input[type="file"] { min-height:42px; padding:8px; font-size:.75rem; }.avatar-form p,.upload-note { margin:0 0 4px; color:var(--muted); font-size:.72rem; line-height:1.55; }.avatar-form .button { justify-self:start; }.security-note { margin-bottom:17px; padding:11px; border-radius:8px; background:#fff7e8; color:#735318; font-size:.75rem; line-height:1.55; }.team-card { grid-column:1 / -1; padding:0; }.team-card .card-head { padding:15px 20px; }.team-card .card-head .button { min-height:34px; }.team-list { display:grid; gap:9px; }.team-row { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }.team-row:last-child { border-bottom:0; }.team-row .big-avatar { width:38px; height:38px; font-size:.72rem; }.team-row strong,.team-row small { display:block; }.team-row strong { font-size:.81rem; }.team-row small { margin-top:3px; color:var(--muted); font-size:.69rem; overflow-wrap:anywhere; }.team-row .button { min-height:33px; padding:6px 9px; font-size:.72rem; }
.profile-form { display:grid; gap:8px; margin-top:18px; padding-top:17px; border-top:1px solid var(--line); }.profile-form label { margin:0; }.profile-form p { margin:0 0 4px; color:var(--muted); font-size:.7rem; line-height:1.55; }.profile-form .button { justify-self:start; }
.pagination { display:grid; grid-template-columns:minmax(180px,1fr) auto minmax(90px,1fr); align-items:center; gap:14px; margin-top:12px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--muted); font-size:.72rem; }.pagination>div { display:flex; align-items:center; justify-content:center; gap:5px; }.pagination>small { justify-self:end; }.pagination b { color:var(--ink); }.page-number,.page-arrow { min-width:34px; min-height:34px; padding:6px 9px; border:1px solid #cbdde6; border-radius:8px; background:#fff; color:#35586e; font-weight:800; }.page-number:hover,.page-arrow:hover { border-color:#8ec2d7; background:#eef8fc; color:var(--blue); }.page-number.active { border-color:var(--blue); background:var(--blue); color:#fff; }.page-arrow { min-width:64px; }.page-arrow:disabled { background:#f3f6f7; color:#9aabb5; }
.attachment-list { display:grid; gap:9px; }.attachment-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid var(--line); border-radius:9px; background:#fbfdfe; color:var(--ink); text-decoration:none; }.attachment-item:hover { border-color:#9ecddd; background:#f3fbfe; }.attachment-item span { min-width:0; }.attachment-item strong,.attachment-item small { display:block; }.attachment-item strong { overflow:hidden; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }.attachment-item small { margin-top:4px; color:var(--muted); font-size:.66rem; }.attachment-item b { flex:0 0 auto; color:var(--blue); font-size:.72rem; }.empty.compact { padding:18px; }
.compact-metrics { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }.communication-filter { align-items:end; }.communication-filter select { width:150px; }.date-filter { width:142px; margin:0; color:var(--muted); font-size:.67rem; }.date-filter input { min-height:40px; padding:7px 8px; font-size:.73rem; }.communication-list { display:grid; gap:10px; }.communication-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:start; gap:11px; padding:12px 0; border-bottom:1px solid var(--line); }.communication-row:first-child { padding-top:0; }.communication-row:last-child { padding-bottom:0; border-bottom:0; }.communication-icon { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; background:#e7f4fa; color:#136e95; font-size:.7rem; font-weight:900; }.communication-icon.whatsapp { background:#e6f6ee; color:#087e65; }.communication-icon.form { background:#e9efff; color:#3b5eae; }.communication-icon.manual { background:#fff3df; color:#a56716; }.communication-main { min-width:0; }.communication-title { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }.communication-title strong { overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }.communication-main p { display:-webkit-box; margin:5px 0 0; overflow:hidden; color:#557184; font-size:.73rem; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.communication-main small { display:block; margin-top:5px; color:var(--muted); font-size:.67rem; }.communication-actions { display:flex; align-items:center; gap:7px; }.compact-button { min-height:32px; padding:6px 9px; font-size:.66rem; white-space:nowrap; }.risk-open { background:#fde8e9; color:#a53a42; }.topic-chips { display:flex; flex-wrap:wrap; gap:4px; margin-top:7px; }.topic-chips span { padding:3px 6px; border-radius:999px; background:#edf5f8; color:#487082; font-size:.62rem; font-weight:750; }.compact-list .communication-row { padding:10px 0; }.compact-list .communication-main p { -webkit-line-clamp:1; }.compact-list .topic-chips { display:none; }.insight-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:16px; margin-top:16px; }.topic-ranking { display:grid; gap:11px; }.topic-ranking>div { display:grid; grid-template-columns:26px minmax(120px,.7fr) minmax(90px,1.3fr); align-items:center; gap:9px; }.topic-ranking b { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:#e7f4fa; color:#167094; font-size:.68rem; }.topic-ranking strong,.topic-ranking small { display:block; }.topic-ranking strong { font-size:.76rem; }.topic-ranking small { margin-top:3px; color:var(--muted); font-size:.65rem; }.topic-ranking em { position:relative; display:block; height:9px; overflow:hidden; border-radius:99px; background:#edf3f6; }.topic-ranking em::before { display:block; width:var(--topic-width); height:100%; border-radius:inherit; background:linear-gradient(90deg,#147aa6,#49a99c); content:""; }.trend-list { display:grid; gap:8px; }.trend-list>div { display:grid; grid-template-columns:92px 36px 1fr; align-items:center; gap:8px; padding:9px 0; border-bottom:1px solid var(--line); }.trend-list>div:last-child { border:0; }.trend-list span { color:var(--muted); font-size:.7rem; }.trend-list strong { color:var(--navy); font-size:.9rem; }.trend-list small { color:#537085; font-size:.68rem; }.topic-fieldset { min-width:0; margin:0 0 15px; padding:12px; border:1px solid var(--line); border-radius:9px; }.topic-fieldset legend { padding:0 4px; color:var(--ink); font-size:.78rem; font-weight:850; }.topic-fieldset legend small { color:var(--muted); font-size:.66rem; font-weight:500; }.topic-checklist { display:grid; grid-template-columns:1fr 1fr; gap:5px 10px; }.topic-checklist .checkbox-row { align-items:center; margin:0; padding:4px 0; font-size:.72rem; }.topic-checklist .checkbox-row input { flex:0 0 auto; }.communication-view { padding:20px 22px 22px; }.communication-view .detail-meta { margin-top:0; }.communication-view section { padding:15px 0; border-bottom:1px solid var(--line); }.communication-view section h3 { margin:0 0 7px; font-size:.8rem; }.communication-view section p { margin:0; color:#456376; font-size:.78rem; line-height:1.7; white-space:pre-wrap; }
.row-actions { display:flex; align-items:center; gap:10px; white-space:nowrap; }.kanban { display:grid; grid-template-columns:repeat(9,minmax(190px,1fr)); gap:11px; overflow:auto; padding-bottom:10px; }.kanban-column { min-height:430px; padding:11px; border:1px solid var(--line); border-radius:13px; background:#edf4f7; }.kanban-column>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:var(--ink); font-size:.78rem; }.kanban-column>header b { display:grid; min-width:23px; height:23px; place-items:center; border-radius:999px; background:#d8e9f1; color:#28617e; font-size:.68rem; }.kanban-column>div { display:grid; gap:9px; }.deal-card { display:grid; gap:6px; width:100%; padding:12px; border:1px solid #d4e2e8; border-radius:10px; background:#fff; color:var(--ink); text-align:left; box-shadow:0 3px 10px rgba(16,47,74,.04); }.deal-card:hover { border-color:#8fc4d9; transform:translateY(-1px); }.deal-card strong { font-size:.8rem; }.deal-card span,.deal-card small { color:var(--muted); font-size:.67rem; line-height:1.45; }.assignment-queue,.workload-list { display:grid; gap:8px; }.assignment-queue>div,.workload-list>div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }.assignment-queue>div:last-child,.workload-list>div:last-child { border:0; }.assignment-queue strong,.assignment-queue small { display:block; }.assignment-queue strong { font-size:.8rem; }.assignment-queue small { margin-top:4px; color:var(--muted); font-size:.68rem; }.workload-list span { display:flex; align-items:center; gap:8px; }.workload-list strong { font-size:.8rem; }.workload-list b { color:var(--blue); }.mini-avatar { display:grid; width:30px; height:30px; place-items:center; overflow:hidden; border-radius:50%; background:#d8edf6; color:#245f7c; font-size:.64rem; }.mini-avatar img { width:100%; height:100%; object-fit:cover; }.form-submit { display:flex; justify-content:flex-end; }.raw-record-list { display:grid; gap:13px; }.raw-record .card-head { align-items:flex-start; }.raw-record .card-head h3 { display:inline; margin-left:8px; }.raw-record .card-head small { display:block; margin-top:7px; }.raw-payload { max-height:250px; margin:0; overflow:auto; padding:12px; border:1px solid var(--line); border-radius:9px; background:#f7fafb; color:#39566a; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.72rem; line-height:1.6; white-space:pre-wrap; }.tag-library { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.tag-card { display:grid; grid-template-columns:12px 1fr; align-items:center; gap:11px; padding:17px; }.tag-dot { display:block; width:11px; height:36px; border-radius:8px; background:var(--tag-color); }.tag-card strong,.tag-card small { display:block; }.tag-card strong { font-size:.82rem; }.tag-card small { margin-top:5px; color:var(--muted); font-size:.68rem; }.profile-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.profile-summary-grid>div,.profile-next { padding:10px; border-radius:9px; background:#f4f9fb; }.profile-summary-grid span,.profile-summary-grid strong,.profile-next span,.profile-next strong { display:block; }.profile-summary-grid span,.profile-next span { color:var(--muted); font-size:.66rem; }.profile-summary-grid strong,.profile-next strong { margin-top:4px; font-size:.78rem; }.profile-next { margin-top:9px; }.customer-tag-row { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }.customer-tag-row span { padding:4px 8px; border-left:3px solid var(--tag-color); border-radius:6px; background:#f1f6f8; color:#385c71; font-size:.68rem; font-weight:750; }.tag-picker { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.tag-picker label { margin:0; }.tag-picker input { position:absolute; opacity:0; pointer-events:none; }.tag-picker span { display:grid; gap:3px; min-height:52px; padding:10px; border:1px solid var(--line); border-left:4px solid var(--tag-color); border-radius:8px; background:#fbfdfe; font-size:.76rem; }.tag-picker small { color:var(--muted); font-size:.64rem; }.tag-picker input:checked+span { border-color:var(--blue); border-left-color:var(--tag-color); background:#eaf7fb; box-shadow:0 0 0 2px rgba(20,122,166,.1); }.template-layout { align-items:start; }.template-list { display:grid; gap:8px; }.template-list button { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px; border:1px solid var(--line); border-radius:9px; background:#fbfdfe; color:var(--ink); text-align:left; }.template-list strong,.template-list small { display:block; }.template-list strong { font-size:.77rem; }.template-list small { margin-top:4px; color:var(--muted); font-size:.65rem; }.template-list b { color:var(--blue); font-size:.7rem; }.draft-output { margin-top:17px; padding-top:16px; border-top:1px solid var(--line); }.draft-output label { font-size:.72rem; }.template-preview { padding:20px 22px 2px; }.template-preview textarea { min-height:250px; }.integration-panel { margin-bottom:16px; }.integration-list { display:grid; gap:10px; }.integration-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto auto; align-items:center; gap:11px; padding:12px; border:1px solid var(--line); border-radius:10px; background:#fbfdfe; }.channel-mark { display:grid; width:40px; height:40px; place-items:center; border-radius:9px; background:#e4f2f8; color:#176f95; font-size:.67rem; font-weight:900; }.channel-mark.whatsapp { background:#e5f5ef; color:#087e65; }.integration-row strong,.integration-row small { display:block; }.integration-row strong { font-size:.79rem; }.integration-row small { margin-top:3px; color:var(--muted); font-size:.67rem; }.integration-row p { margin:5px 0 0; color:#547286; font-size:.67rem; line-height:1.45; }.integration-panel .security-note { margin:14px 0 0; }.modal-scroll { max-height:60vh; overflow:auto; padding:20px 22px; }
.modal-backdrop { position:fixed; z-index:10; inset:0; display:grid; overflow:auto; place-items:center; padding:22px; background:rgba(9,31,48,.48); }.modal { width:min(590px,100%); max-height:calc(100vh - 44px); overflow:auto; border-radius:16px; background:#fff; box-shadow:0 25px 80px rgba(5,26,41,.32); }.modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:20px 22px; border-bottom:1px solid var(--line); }.modal-head h2 { margin:0; font-size:1.08rem; }.modal-head p { margin:5px 0 0; color:var(--muted); font-size:.76rem; line-height:1.5; }.modal-close { width:32px; height:32px; border:0; border-radius:50%; background:#eef4f6; color:var(--ink); font-size:1.25rem; }.modal form { padding:20px 22px 22px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }.form-grid .full { grid-column:1 / -1; }.checkbox-row { display:flex; align-items:flex-start; gap:9px; margin:6px 0 18px; color:#4f6a7a; font-size:.77rem; line-height:1.45; }.checkbox-row input { width:17px; min-height:17px; margin:1px 0 0; }.modal-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:8px; }.modal-warning { margin:2px 0 16px; padding:10px; border-left:3px solid #d3962e; background:#fff8ea; color:#6b4f1a; font-size:.74rem; line-height:1.55; }
.toast { position:fixed; z-index:20; right:22px; bottom:22px; max-width:min(390px,calc(100vw - 44px)); padding:12px 14px; border-radius:10px; background:#123551; color:#fff; box-shadow:0 12px 35px rgba(10,39,58,.25); font-size:.8rem; line-height:1.45; }.toast.error { background:#8c363c; }
@media (max-width:1050px) { .app-shell { grid-template-columns:220px minmax(0,1fr); }.metric-grid { grid-template-columns:repeat(2,1fr); }.detail-layout,.account-grid,.grid-two,.insight-grid { grid-template-columns:1fr; }.tag-library { grid-template-columns:repeat(2,minmax(0,1fr)); }.topbar { padding:12px 18px; }.page-content { padding:20px; } }
@media (max-width:760px) { .login-card { grid-template-columns:1fr; }.login-promo { min-height:350px; padding:38px 32px; }.login-form { padding:42px 32px; }.login-kicker { margin-top:34px; }.login-points { max-width:none; }.app-shell { grid-template-columns:1fr; }.sidebar { position:static; display:flex; height:auto; overflow:visible; flex-direction:row; flex-wrap:wrap; gap:8px; padding:12px; }.sidebar .brand { width:100%; padding-bottom:4px; }.nav-group { display:flex; flex:1 1 100%; flex-wrap:wrap; }.nav-bottom { margin-top:0; }.nav-label,.sidebar-foot { display:none; }.nav-item { flex:1 1 120px; justify-content:center; font-size:.76rem; }.topbar { align-items:flex-start; }.topbar-actions { flex-wrap:wrap; justify-content:flex-end; }.global-search { order:3; width:100%; }.profile-button strong,.profile-button small,.text-button { display:none; }.page-content { padding:16px; }.page-heading { display:grid; }.toolbar .button { margin-left:0; }.detail-meta,.profile-summary-grid { grid-template-columns:1fr 1fr; }.form-grid { grid-template-columns:1fr; }.form-grid .full { grid-column:auto; }.tag-library,.tag-picker { grid-template-columns:1fr; }.integration-row { grid-template-columns:42px minmax(0,1fr) auto; }.integration-row .button { grid-column:2 / -1; justify-self:start; } }
@media (max-width:460px) { .login-points { grid-template-columns:1fr; }.coin-field { display:none; }.topbar h1 { font-size:1.08rem; }.task-alert { font-size:.72rem; }.detail-meta { grid-template-columns:1fr; }.metric-grid { grid-template-columns:1fr 1fr; }.modal-backdrop { padding:10px; }.modal-head,.modal form { padding-left:16px; padding-right:16px; } }
@media (prefers-reduced-motion:reduce) { .coin { animation:none!important; } }
.ai-settings-panel { margin-bottom:16px; }
.ai-settings-panel .security-note { margin:2px 0 16px; }

/* Consistent select menus replace browser-native dropdown rendering. */
select.native-select-hidden { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; opacity:0!important; pointer-events:none!important; }
.custom-select { position:relative; width:100%; }
.custom-select.open { z-index:120; }
.custom-select-trigger { display:flex; width:100%; min-height:45px; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #cbdde6; border-radius:10px; outline:none; background:#fbfdfe; color:var(--ink); text-align:left; transition:border-color .15s,box-shadow .15s,background .15s; }
.custom-select-trigger:hover { border-color:#9fc5d7; background:#fff; }
.custom-select-trigger:focus,.custom-select.open .custom-select-trigger { border-color:var(--blue); background:#fff; box-shadow:0 0 0 3px rgba(20,122,166,.12); }
.custom-select-trigger span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.custom-select-trigger i { width:8px; height:8px; flex:0 0 auto; border-right:2px solid #53778c; border-bottom:2px solid #53778c; transform:rotate(45deg) translateY(-2px); transition:transform .16s; }
.custom-select.open .custom-select-trigger i { transform:rotate(225deg) translate(-2px,-2px); }
.custom-select-menu { position:absolute; z-index:60; top:calc(100% + 7px); right:0; left:0; display:none; max-height:280px; overflow:auto; padding:6px; border:1px solid #c8dce6; border-radius:12px; background:#fff; box-shadow:0 18px 45px rgba(11,48,73,.22); opacity:1; }
.custom-select.open .custom-select-menu { display:grid; gap:2px; }
.custom-select-option { display:flex; width:100%; min-height:38px; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:0; border-radius:8px; background:#fff; color:#24455b; text-align:left; }
.custom-select-option:hover,.custom-select-option:focus { outline:none; background:#edf7fb; color:#0d6f99; }
.custom-select-option.selected { background:#e2f3fa; color:#0d6f99; font-weight:850; }
.custom-select-option b { color:var(--green); }
.toolbar>.custom-select { width:160px; flex:0 0 auto; }
.toolbar { position:relative; z-index:5; }
.communication-filter>.custom-select { width:150px; }
.modal:has(.custom-select.open) { overflow:visible; }
.modal label:has(.custom-select.open),.modal .custom-select.open { position:relative; z-index:9999; }
.modal .custom-select-menu { z-index:10000; background-color:#fff; }

/* Conversion analytics */
.analytics-filter-card { position:relative; z-index:20; margin-bottom:16px; padding:16px; overflow:visible; }
.analytics-filter-card .custom-select.open { z-index:320; }
.statistics-filter { display:grid; grid-template-columns:1.05fr 1fr 1fr 1fr .85fr auto; align-items:end; gap:10px; }
.statistics-filter.refined { grid-template-columns:.72fr 1fr 1fr 1.08fr auto; }
.statistics-filter label { margin:0; color:var(--muted); font-size:.68rem; }
.statistics-filter input,.statistics-filter .custom-select-trigger { min-height:42px; margin-top:5px; padding-top:8px; padding-bottom:8px; font-size:.76rem; }
.statistics-filter .button { min-height:42px; white-space:nowrap; }
.analytics-filter-card>p { margin:12px 0 0; padding-top:11px; border-top:1px solid var(--line); color:#527084; font-size:.72rem; line-height:1.55; }
.conversion-metric-grid { display:grid; grid-template-columns:repeat(7,minmax(125px,1fr)); gap:10px; margin-bottom:14px; }
.conversion-card { min-height:126px; padding:14px; }
.conversion-card.primary { border-color:#7fc5df; background:#f4fbfe; }
.conversion-card.success { border-color:#e6bd77; background:#fffaf1; }
.conversion-card strong { font-size:1.55rem; }
.conversion-card small { color:#5d7a8c; line-height:1.45; }
.conversion-card.primary small { color:var(--blue); }
.conversion-card.success small { color:#9b681a; }
.conversion-path { display:flex; align-items:center; gap:10px; min-height:58px; margin-bottom:16px; padding:11px 15px; overflow:auto; border-radius:13px; background:var(--navy); color:#fff; white-space:nowrap; }
.conversion-path>strong { margin-right:3px; font-size:.83rem; }
.conversion-path>span { padding:8px 10px; border-radius:8px; background:rgba(255,255,255,.1); font-size:.72rem; }
.conversion-path>span b { margin-left:5px; color:#6ce0bf; font-size:.9rem; }
.conversion-path>i { color:#6ec0e2; font-size:1.35rem; font-style:normal; }
.analytics-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:16px; margin-bottom:16px; }
.conversion-bars { display:grid; gap:12px; }
.conversion-bars>div { display:grid; grid-template-columns:90px minmax(100px,1fr) 36px 48px; align-items:center; gap:9px; }
.conversion-bars span { color:#31536a; font-size:.73rem; }
.conversion-bars em,.analytics-trend em { display:block; height:10px; overflow:hidden; border-radius:99px; background:#edf3f6; }
.conversion-bars em i,.analytics-trend em i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#147aa6,#42a58e); }
.conversion-bars strong { font-size:.75rem; text-align:right; }
.conversion-bars small { color:var(--muted); font-size:.66rem; text-align:right; }
.source-performance { display:grid; gap:0; }
.source-performance>div { display:grid; grid-template-columns:minmax(150px,1fr) 90px 90px; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); }
.source-performance>div:last-child { border-bottom:0; }
.source-performance span strong,.source-performance span small { display:block; }
.source-performance span>strong { font-size:.75rem; }
.source-performance span>b { color:var(--navy); font-size:.95rem; }
.source-performance small { margin-top:3px; color:var(--muted); font-size:.64rem; }
.source-comparison { display:grid; gap:10px; }
.score-explanation { margin:18px 22px 0; padding:14px; border:1px solid #b9ddeb; border-radius:11px; background:#f1f9fc; }
.score-explanation header { display:flex; align-items:center; gap:10px; }
.score-explanation header span { color:var(--muted); font-size:.7rem; }
.score-explanation header strong { color:var(--navy); font-size:1.1rem; }
.score-explanation header em { margin-left:auto; padding:4px 8px; border-radius:999px; background:#dff2fa; color:#14749b; font-size:.64rem; font-style:normal; font-weight:800; }
.score-explanation p { margin:8px 0; color:#486879; font-size:.71rem; line-height:1.55; }
.score-explanation>div { display:flex; flex-wrap:wrap; gap:6px; }
.score-explanation>div span { padding:4px 7px; border-radius:999px; background:#fff; color:#486879; font-size:.64rem; }
.score-explanation>div b { color:#098069; }
.sales-customer-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.sales-customer-summary article { padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.sales-customer-summary span,.sales-customer-summary strong,.sales-customer-summary small { display:block; }
.sales-customer-summary span { color:var(--muted); font-size:.69rem; }
.sales-customer-summary strong { margin-top:6px; color:var(--navy); font-size:1.35rem; }
.sales-customer-summary small { margin-top:4px; color:#4f7183; font-size:.62rem; }
.sales-process-strip { display:flex; align-items:center; gap:8px; margin-bottom:15px; padding:12px 14px; overflow-x:auto; border-radius:12px; background:var(--navy); color:#fff; white-space:nowrap; }
.sales-process-strip>strong { margin-right:4px; font-size:.76rem; }
.sales-process-strip button { padding:7px 9px; border:1px solid transparent; border-radius:7px; background:#214964; color:#fff; font-size:.67rem; white-space:nowrap; }
.sales-process-strip button:hover { border-color:#6ec2e6; background:#285875; }
.sales-process-strip button.active { border-color:#79dfc4; background:#e9fbf6; color:#0d5b4c; font-weight:850; }
.sales-process-strip button b { color:#6fe0c2; }
.sales-process-strip button.active b { color:#087e65; }
.sales-process-strip i { color:#6ec2e6; font-style:normal; }
.source-quality-card { overflow:hidden; border:1px solid var(--line); border-radius:11px; background:#fbfdfe; }
.source-quality-card header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px 10px; padding:10px 12px; border-bottom:1px solid var(--line); background:#f4f9fb; }
.source-quality-card header strong { font-size:.76rem; }.source-quality-card header b { grid-row:span 2; color:var(--navy); font-size:1.3rem; }.source-quality-card header small { color:var(--muted); font-size:.62rem; }
.source-quality-card>div { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }
.source-quality-card>div span { display:grid; gap:3px; padding:8px 9px; background:#fff; color:var(--muted); font-size:.61rem; }
.source-quality-card>div b { color:var(--ink); font-size:.82rem; }
.source-quality-card footer { padding:8px 11px; color:#3e687d; font-size:.64rem; }
.analytics-trend { display:grid; max-height:390px; overflow:auto; gap:10px; padding-right:5px; }
.analytics-trend>div { display:grid; grid-template-columns:88px minmax(90px,1fr) 30px 150px; align-items:center; gap:9px; }
.analytics-trend span,.analytics-trend small { color:var(--muted); font-size:.66rem; }
.analytics-trend strong { text-align:right; font-size:.75rem; }
.quality-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.quality-summary>div { padding:15px; border-radius:10px; background:#f3f8fa; }
.quality-summary span,.quality-summary strong { display:block; }
.quality-summary span { color:var(--muted); font-size:.67rem; }
.quality-summary strong { margin-top:8px; color:var(--navy); font-size:1.45rem; }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin:26px 0 14px; }
.section-heading h2 { margin:0; font-size:1.05rem; }
.section-heading p { margin:5px 0 0; color:var(--muted); font-size:.73rem; }
.operator-kpi-grid { display:grid; grid-template-columns:repeat(6,minmax(145px,1fr)); gap:10px; margin-bottom:14px; }
.operator-kpi { min-height:122px; padding:15px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.operator-kpi.highlight { border-color:#8ecde3; background:#f3fbfe; }
.operator-kpi.success { border-color:#8bd2bb; background:#f1fbf7; }
.operator-kpi span,.operator-kpi strong,.operator-kpi small { display:block; }
.operator-kpi span { color:#58768a; font-size:.7rem; font-weight:800; }
.operator-kpi strong { margin:10px 0 7px; color:var(--navy); font-size:1.75rem; letter-spacing:-.05em; }
.operator-kpi.highlight strong { color:#0f78a3; }.operator-kpi.success strong { color:#087e65; }
.operator-kpi small { color:#698395; font-size:.64rem; line-height:1.5; }
.daily-workboard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.workboard-column .card-head>div { min-width:0; }.workboard-column .card-head h3 { margin-bottom:4px; }
.workboard-column .card-head>b { display:grid; min-width:31px; height:31px; place-items:center; border-radius:999px; background:#edf4f7; color:var(--navy); font-size:.82rem; }
.workboard-column.urgent { border-top:3px solid #b8464e; }.workboard-column.today { border-top:3px solid #1681ac; }.workboard-column.followup { border-top:3px solid #24937a; }
.workboard-list { display:grid; gap:8px; }.workboard-column .card-body { max-height:390px; overflow:auto; padding:10px; }
.workboard-item { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px; padding:10px; border:1px solid var(--line); border-radius:10px; background:#fbfdfe; }
.workboard-item.urgent { border-color:#efd3d5; background:#fffafb; }.workboard-item.today { border-color:#cce6f1; }.workboard-item.followup { border-color:#d4e9e3; }
.workboard-mark { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; background:#e9f2f6; color:#315c73; font-size:.69rem; font-weight:900; }
.workboard-item.urgent .workboard-mark { background:#fbe8e9; color:#a33c44; }.workboard-item.followup .workboard-mark { background:#e8f6f1; color:#087e65; }
.workboard-main { min-width:0; padding:0; border:0; background:transparent; color:var(--ink); text-align:left; }
.workboard-main strong,.workboard-main small { display:block; }.workboard-main strong { overflow:hidden; text-overflow:ellipsis; font-size:.75rem; white-space:nowrap; }.workboard-main small { margin-top:4px; overflow:hidden; color:var(--muted); font-size:.63rem; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.signal-label { padding:4px 6px; border-radius:999px; background:#edf4f7; color:#527084; font-size:.58rem; font-weight:800; white-space:nowrap; }
.workboard-note { margin:0 0 12px; padding:10px 11px; border-left:3px solid var(--blue); background:#f1f9fc; color:#4b6b7d; font-size:.7rem; line-height:1.55; }
.source-evidence { margin-bottom:12px; padding:14px; border:1px solid var(--line); border-radius:11px; background:#fbfdfe; }
.source-evidence:last-child { margin-bottom:0; }.source-evidence>header { display:flex; align-items:center; justify-content:space-between; gap:10px; }.source-evidence>header small { color:var(--muted); font-size:.66rem; }.source-evidence h4 { margin:10px 0 12px; color:var(--ink); font-size:.82rem; }
.source-evidence-body { display:grid; gap:11px; }.source-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.source-meta-grid>div { padding:9px 10px; border-radius:8px; background:#f0f7fa; }.source-meta-grid span,.source-meta-grid strong { display:block; }.source-meta-grid span,.source-evidence-body section>span { color:var(--muted); font-size:.62rem; }.source-meta-grid strong { margin-top:3px; overflow-wrap:anywhere; font-size:.72rem; }
.source-evidence-body section { padding:10px 11px; border-left:3px solid #5da9c5; border-radius:7px; background:#fff; }.source-evidence-body section p { margin:5px 0 0; color:#294d63; font-size:.74rem; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }.source-evidence-body details { color:var(--blue); font-size:.68rem; }.source-evidence-body summary { cursor:pointer; font-weight:800; }.source-evidence-body details .raw-payload { margin-top:8px; color:#39566a; }
.form-hint { margin:2px 0 12px; padding:10px; border-left:3px solid var(--blue); border-radius:0 7px 7px 0; background:#edf8fc; color:#376579; font-size:.73rem; line-height:1.55; }
@media (max-width:1250px) { .conversion-metric-grid { grid-template-columns:repeat(4,minmax(140px,1fr)); }.statistics-filter,.statistics-filter.refined { grid-template-columns:repeat(3,1fr); }.statistics-filter .button { justify-self:start; }.analytics-grid { grid-template-columns:1fr; }.sales-customer-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }.operator-kpi-grid { grid-template-columns:repeat(3,1fr); }.daily-workboard { grid-template-columns:1fr; } }
@media (max-width:760px) { .statistics-filter,.statistics-filter.refined { grid-template-columns:1fr 1fr; }.conversion-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.analytics-trend>div { grid-template-columns:75px 1fr 28px; }.analytics-trend small { grid-column:2 / -1; }.source-performance>div { grid-template-columns:1fr 70px 70px; }.source-meta-grid { grid-template-columns:1fr; }.sales-customer-summary { grid-template-columns:1fr 1fr; }.communication-row { grid-template-columns:34px minmax(0,1fr); }.communication-actions { grid-column:2; justify-content:flex-start; }.operator-kpi-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:760px) { .pagination { grid-template-columns:1fr; text-align:center; }.pagination>small { justify-self:center; }.pagination>div { flex-wrap:wrap; } }