:root{--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2f7;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #64748b;--primary: #1d4ed8;--primary-hover: #1e40af;--primary-soft: #e8efff;--on-primary: #ffffff;--sidebar: #0f1f3d;--sidebar-2: #162a52;--sidebar-text: #c7d2e6;--sidebar-active: #ffffff;--sidebar-active-bg: #23407a;--danger: #b91c1c;--danger-soft: #fdecec;--success: #15803d;--success-soft: #e7f6ec;--warning-text: #92400e;--focus: #2563eb;--fu-red: #dc2626;--fu-red-bg: #fef2f2;--fu-red-text: #b91c1c;--fu-green: #16a34a;--fu-green-bg: #f0fdf4;--fu-green-text: #15803d;--fu-blue: #2563eb;--fu-blue-bg: #eff6ff;--fu-blue-text: #1d4ed8;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 40px rgba(15, 23, 42, .18);--radius: 10px;--radius-sm: 7px;--sidebar-w: 248px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1220;--surface: #111a2c;--surface-2: #0f1828;--surface-3: #1a2539;--border: #233149;--border-strong: #334561;--text: #e5ebf5;--text-2: #b4c0d4;--text-3: #8b9ab3;--primary: #4f8cff;--primary-hover: #6ea0ff;--primary-soft: #18284a;--on-primary: #06101f;--sidebar: #08111f;--sidebar-2: #0e1a2e;--sidebar-active-bg: #1c3463;--danger: #f87171;--danger-soft: #3a1518;--success: #4ade80;--success-soft: #0f2e1b;--warning-text: #fbbf24;--fu-red: #f05252;--fu-red-bg: #2a1215;--fu-red-text: #fca5a5;--fu-green: #31c46c;--fu-green-bg: #0f2618;--fu-green-text: #86efac;--fu-blue: #4f8cff;--fu-blue-bg: #101f3d;--fu-blue-text: #93c5fd;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 1px 3px rgba(0,0,0,.5);--shadow-lg: 0 10px 40px rgba(0,0,0,.6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0b1220;--surface: #111a2c;--surface-2: #0f1828;--surface-3: #1a2539;--border: #233149;--border-strong: #334561;--text: #e5ebf5;--text-2: #b4c0d4;--text-3: #8b9ab3;--primary: #4f8cff;--primary-hover: #6ea0ff;--primary-soft: #18284a;--on-primary: #06101f;--sidebar: #08111f;--sidebar-2: #0e1a2e;--sidebar-active-bg: #1c3463;--danger: #f87171;--danger-soft: #3a1518;--success: #4ade80;--success-soft: #0f2e1b;--warning-text: #fbbf24;--fu-red: #f05252;--fu-red-bg: #2a1215;--fu-red-text: #fca5a5;--fu-green: #31c46c;--fu-green-bg: #0f2618;--fu-green-text: #86efac;--fu-blue: #4f8cff;--fu-blue-bg: #101f3d;--fu-blue-text: #93c5fd;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 1px 3px rgba(0,0,0,.5);--shadow-lg: 0 10px 40px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:22px;font-weight:700;letter-spacing:-.01em}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.muted{color:var(--text-3)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.mono{font-variant-numeric:tabular-nums}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.stack.tight{gap:6px}.spacer{flex:1}.right{text-align:right}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex:none;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;color:#fff;font-weight:700;font-size:16px}.brand-mark{width:32px;height:32px;border-radius:9px;background:#1d4ed8;display:grid;place-items:center;flex:none}.brand small{display:block;font-weight:500;font-size:11.5px;color:var(--sidebar-text);opacity:.8}.nav{padding:6px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav a,.nav button.navlink{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--sidebar-text);font-weight:500;text-decoration:none;border:0;background:none;cursor:pointer;text-align:left;width:100%}.nav a:hover,.nav button.navlink:hover{background:var(--sidebar-2);color:#fff}.nav a.active{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.nav a .badge-count{margin-left:auto}.nav svg{flex:none;opacity:.9}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:6px}.admin-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:#ffffff0f;color:#fff;font-weight:600}.admin-link:hover{background:#ffffff1f;text-decoration:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar .menu-btn{display:none}.content{padding:24px;width:100%;max-width:1500px;margin:0 auto}.content.narrow{max-width:1000px}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head .sub{color:var(--text-3);margin-top:3px}.page-head>.grow{flex:1 1 280px}.scrim{display:none}@media(max-width:960px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s ease;visibility:hidden}.sidebar.open{transform:none;box-shadow:var(--shadow-lg);visibility:visible}.scrim.open{display:block;position:fixed;inset:0;background:#02061773;z-index:25}.topbar{padding:0 16px}.topbar .menu-btn{display:inline-flex}.content{padding:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:550;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s;text-decoration:none}.btn:hover{background:var(--surface-3);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--danger);border-color:var(--border-strong)}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.success{background:var(--success);border-color:var(--success);color:#fff}:root[data-theme=dark] .btn.success,:root[data-theme=dark] .btn.danger.solid{color:#06101f}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-3)}.btn.sm{height:30px;padding:0 10px;font-size:13px}.btn.icon{width:36px;padding:0}.btn.sm.icon{width:30px}.btn-group{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.btn-group button{border:0;background:var(--surface);padding:0 12px;height:34px;cursor:pointer;font-weight:550;color:var(--text-2)}.btn-group button+button{border-left:1px solid var(--border-strong)}.btn-group button.on{background:var(--primary-soft);color:var(--primary)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label,.label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field .req{color:var(--danger);margin-left:2px}.field .hint{font-size:12px;color:var(--text-3)}.field .error{font-size:12px;color:var(--danger)}.input,select.input,textarea.input{width:100%;height:38px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}textarea.input{height:auto;min-height:84px;padding:9px 11px;resize:vertical}.input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%,transparent)}.input.invalid{border-color:var(--danger)}.input:disabled{background:var(--surface-3);color:var(--text-3)}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:760px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}@media(min-width:761px)and (max-width:1100px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}.search{position:relative}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search .input{padding-left:34px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:18px}.card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--border)}.card-head h2,.card-head h3{flex:1}.card-body{padding:18px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:700;margin:0 0 10px}.divider{height:1px;background:var(--border);margin:14px 0}.kv{display:grid;grid-template-columns:minmax(130px,38%) 1fr;gap:8px 14px}.kv dt{color:var(--text-3);font-size:13px}.kv dd{margin:0;font-weight:500;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--text-2);white-space:nowrap;border:1px solid transparent}.badge.primary{background:var(--primary-soft);color:var(--primary)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.outline{background:transparent;border-color:var(--border-strong)}.badge-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11.5px;font-weight:700;display:inline-grid;place-items:center}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.kpi{padding:16px 18px}.kpi .label{font-weight:600;color:var(--text-3);font-size:12.5px}.kpi .value{font-size:24px;font-weight:700;letter-spacing:-.01em;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .meta{font-size:12px;color:var(--text-3);margin-top:2px}.notice{display:flex;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-2);font-size:13px;align-items:flex-start}.notice.info{background:var(--primary-soft);color:var(--primary)}.notice.danger{background:var(--danger-soft);color:var(--danger)}.notice.warn{background:color-mix(in srgb,#f59e0b 14%,var(--surface));color:var(--warning-text)}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0}.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--surface-2)}.table-wrap{overflow-x:auto}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.empty{text-align:center;padding:44px 18px;color:var(--text-3)}.empty svg{color:var(--border-strong);margin-bottom:8px}.empty h3{color:var(--text-2);margin-bottom:4px}.spinner{width:20px;height:20px;border:2.5px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-block{display:grid;place-items:center;padding:60px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-3),var(--surface-2),var(--surface-3));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabs button,.tabs a{border:0;background:none;padding:10px 14px;font-weight:600;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}.tabs button.on,.tabs a.on{color:var(--primary);border-bottom-color:var(--primary)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-weight:550;color:var(--text-2);font-size:13px}.chip.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:inline-grid;place-items:center;font-weight:700;font-size:12px;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:76px;height:76px;font-size:24px}.avatar.sm{width:24px;height:24px;font-size:10px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-2);align-items:center}.legend span{display:inline-flex;gap:6px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.dot.overdue{background:var(--fu-red)}.dot.today{background:var(--fu-green)}.dot.upcoming{background:var(--fu-blue)}.dot.none{background:transparent;border:1.5px dashed var(--text-3)}.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start;min-height:420px;scroll-snap-type:x proximity}.column{width:292px;flex:none;background:var(--surface-3);border-radius:var(--radius);display:flex;flex-direction:column;max-height:calc(100vh - 230px);border:1px solid var(--border);scroll-snap-align:start}.column.drop{outline:2px dashed var(--primary);outline-offset:-2px;background:var(--primary-soft)}.column-head{padding:12px 12px 8px;display:flex;align-items:center;gap:8px}.column-head h3{font-size:13.5px;flex:1}.column-head .count{font-size:12px;font-weight:700;color:var(--text-3);background:var(--surface);border-radius:999px;padding:1px 8px}.column-sub{padding:0 12px 8px;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.column-body{padding:4px 10px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;min-height:60px}.column.kind-won .column-head h3:before{content:""}.lead-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:9px;padding:10px 11px;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;position:relative;text-align:left;width:100%}.lead-card:hover{box-shadow:var(--shadow)}.lead-card[draggable=true]{cursor:grab}.lead-card.dragging{opacity:.5}.lead-card.fu-overdue{border-left-color:var(--fu-red);background:var(--fu-red-bg)}.lead-card.fu-today{border-left-color:var(--fu-green);background:var(--fu-green-bg)}.lead-card.fu-upcoming{border-left-color:var(--fu-blue);background:var(--fu-blue-bg)}.lead-card.fu-none{border-left-style:dashed}.lead-card .name{font-weight:650;font-size:14px}.lead-card .meta{font-size:12.5px;color:var(--text-2);display:flex;gap:6px;align-items:center;min-width:0}.lead-card .meta svg{flex:none;color:var(--text-3)}.lead-card .foot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);margin-top:2px}.fu-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;padding:2px 8px;border-radius:999px;white-space:nowrap}.fu-badge.overdue{background:var(--fu-red);color:#fff}.fu-badge.today{background:var(--fu-green);color:#fff}.fu-badge.upcoming{background:var(--fu-blue);color:#fff}.fu-badge.none{background:transparent;color:var(--text-2);border:1.5px dashed var(--text-3)}:root[data-theme=dark] .fu-badge.overdue,:root[data-theme=dark] .fu-badge.today,:root[data-theme=dark] .fu-badge.upcoming{color:#06101f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .fu-badge.overdue,:root:not([data-theme=light]) .fu-badge.today,:root:not([data-theme=light]) .fu-badge.upcoming{color:#06101f}}.type-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 7px;border-radius:5px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.move-btn{position:absolute;top:6px;right:6px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}@media(max-width:1180px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.lead-header{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.lead-header .title{flex:1;min-width:240px}.lead-header .title h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions-grid .btn{justify-content:flex-start;height:38px}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:15px;top:6px;bottom:6px;width:2px;background:var(--border)}.tl-item{position:relative;padding:0 0 18px 46px}.tl-icon{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2);border:2px solid var(--surface)}.tl-icon.k-stage{background:var(--primary-soft);color:var(--primary)}.tl-icon.k-won{background:var(--success-soft);color:var(--success)}.tl-icon.k-lost{background:var(--danger-soft);color:var(--danger)}.tl-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.tl-summary{font-weight:600}.tl-when{font-size:12px;color:var(--text-3);white-space:nowrap}.tl-by{font-size:12px;color:var(--text-3)}.tl-body{margin-top:5px;font-size:13px;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere}.tl-body .changes{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin-top:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:7px 10px;white-space:normal}.tl-body .changes .from{text-decoration:line-through;color:var(--text-3)}.tl-correction{border-left:3px solid #f59e0b;padding-left:8px}.activity-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border)}.activity-row:last-child{border-bottom:0}.match-layout{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start}@media(max-width:1100px){.match-layout{grid-template-columns:minmax(0,1fr)}}.prop-list{max-height:330px;overflow-y:auto;display:flex;flex-direction:column}.prop-item{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;text-align:left;width:100%}.prop-item:hover{background:var(--surface-2)}.prop-item.on{background:var(--primary-soft)}.buyer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.buyer-card{padding:14px;display:flex;flex-direction:column;gap:8px}.price-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.price-compare .label{font-size:11.5px}.chart{width:100%}.chart text{fill:var(--text-3);font-size:11px;font-family:var(--font)}.chart .grid-line{stroke:var(--border)}.hbar{display:grid;grid-template-columns:150px 1fr 48px;gap:10px;align-items:center;font-size:13px;margin-bottom:7px}.hbar .track{height:12px;background:var(--surface-3);border-radius:6px;overflow:hidden}.hbar .fill{height:100%;background:var(--primary);border-radius:6px}.modal-backdrop{position:fixed;inset:0;background:#02061780;z-index:100;display:grid;place-items:center;padding:16px;animation:fade .12s ease}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:pop .14s ease}.modal.wide{max-width:760px}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-head h2{flex:1}.modal-body{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}}@media(max-width:640px){.modal-backdrop{place-items:end center;padding:0}.modal{border-radius:16px 16px 0 0;max-height:92vh}}.toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:200;max-width:min(380px,calc(100vw - 36px))}.toast{background:var(--text);color:var(--surface);padding:11px 14px;border-radius:9px;box-shadow:var(--shadow-lg);font-weight:500;display:flex;gap:10px;align-items:flex-start;animation:pop .15s ease}.toast.error{background:var(--danger);color:#fff}.toast.success{background:#166534;color:#fff}.login-wrap{min-height:100%;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--sidebar);color:#dbe5f7;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-art h2{color:#fff;font-size:30px;line-height:1.2;max-width:420px}.login-form{display:grid;place-items:center;padding:32px}.login-form form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}@media(max-width:860px){.login-wrap{grid-template-columns:1fr}.login-art{display:none}}.notification{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left}.notification:hover{background:var(--surface-2)}.notification.unread{background:var(--primary-soft)}.notification.unread:hover{background:color-mix(in srgb,var(--primary-soft) 80%,var(--surface))}.admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.admin-nav{display:flex;flex-direction:column;padding:8px;gap:2px;position:sticky;top:76px}.admin-nav a{padding:8px 12px;border-radius:7px;color:var(--text-2);font-weight:550;text-decoration:none}.admin-nav a:hover{background:var(--surface-3)}.admin-nav a.on{background:var(--primary-soft);color:var(--primary)}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-nav{position:static;flex-direction:row;overflow-x:auto}.admin-nav a{white-space:nowrap}}.list-editor-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.list-editor-row:last-child{border-bottom:0}.list-editor-row.inactive .grow{color:var(--text-3);text-decoration:line-through}pre.json{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12px;overflow:auto;max-height:260px;margin:0;white-space:pre-wrap;word-break:break-all}@media print{.sidebar,.topbar,.no-print{display:none!important}.content{padding:0}}.link-btn{border:0;background:none;padding:0 2px;font-size:12px;color:var(--text-3);cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.link-btn:hover{color:var(--primary)}@media(max-width:640px){.topbar .new-lead-label{display:none}h1{font-size:20px}.column{width:84vw}}.lead-layout{grid-template-areas:"info side" "tl side";grid-template-rows:auto 1fr}.lead-layout .area-info{grid-area:info}.lead-layout .area-tl{grid-area:tl;align-self:start}.lead-layout .area-side{grid-area:side}@media(max-width:1180px){.lead-layout{grid-template-areas:"info" "side" "tl";grid-template-rows:none}}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.grid.two{grid-template-columns:minmax(0,1fr)}.grid.two>.span-2{grid-column:auto}}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.chip.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);display:inline-flex;align-items:center;gap:5px}.badge.warning{background:color-mix(in srgb,#f59e0b 16%,var(--surface));color:var(--warning-text)}.notice.success{background:var(--success-soft);color:var(--success)}.notice>svg{flex:none;margin-top:1px}.btn.danger:not(.solid){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border-strong))}.text-danger{color:var(--danger)}.plain-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}code.pw-code{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;user-select:all;overflow-wrap:anywhere}.file-input{padding:6px;height:auto}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px}.row-bad td{background:var(--danger-soft)}.row-warn td{background:color-mix(in srgb,#f59e0b 9%,var(--surface))}.muted-row td{color:var(--text-3)}.selected-row td{background:var(--primary-soft)}.rivaz-login{background:var(--bg)}.login-logo{display:grid;place-items:center;padding:48px;background:#fff;border-right:1px solid var(--border)}.login-logo img{width:min(440px,80%);height:auto}.login-logo-mobile{display:none;width:180px;height:auto;margin:0 auto 4px;background:#fff;border-radius:12px;padding:8px 12px}.crm-tool-title{font-size:30px;text-align:center;letter-spacing:-.01em}.login-box{box-shadow:var(--shadow)}@media(max-width:860px){.rivaz-login{grid-template-columns:1fr}.rivaz-login .login-logo{display:none}.login-logo-mobile{display:block}}.org-logo{display:block;object-fit:contain;border-radius:6px}.org-logo.placeholder{display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;flex:none}.logo-plate{background:#fff;border-radius:9px;padding:4px 8px;display:inline-flex;align-items:center;flex:none;max-width:100%}.rivaz-brand{padding:16px 14px 6px}.rivaz-brand .logo-plate{padding:6px 10px}.cx-brand{color:#fff;text-decoration:none;min-width:0}.cx-brand:hover{text-decoration:none}.cx-brand .logo-plate{padding:3px 5px}.brand-logo{background:#fff;border-radius:8px;padding:2px 4px;display:inline-flex;flex:none}.sidebar-caption{padding:2px 18px 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-text);opacity:.75}.create-service-btn{margin:4px 0 10px;height:40px;width:100%;white-space:normal;line-height:1.15}.nav .nav-btn{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--sidebar-text);font-weight:500;border:0;background:none;cursor:pointer;text-align:left;width:100%}.nav .nav-btn:hover{background:var(--sidebar-2);color:#fff}.cx-topbar .topbar-logo{display:inline-flex;background:#fff;border-radius:7px;padding:2px 5px;flex:none}.cx-topbar .welcome{font-weight:650}.cx-topbar .topbar-sub{line-height:1.1}@media(max-width:520px){.hide-xs,.cx-topbar .topbar-sub{display:none}}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.service-card{display:block;padding:16px;color:var(--text)}.service-card:hover{text-decoration:none;box-shadow:var(--shadow);border-color:var(--border-strong)}.kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 18px}.kv-item>div:last-child{font-weight:500;overflow-wrap:anywhere}.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.cx-card{gap:4px}.cx-card.selected{outline:2px solid var(--primary)}.filters-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;align-items:end}.filters-bar .search{grid-column:span 2;min-width:0!important}@media(max-width:520px){.filters-bar .search{grid-column:auto}}.filters-bar .field>span{font-size:12.5px;font-weight:600;color:var(--text-2)}.cx-detail{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:14px;align-items:start}@media(max-width:1000px){.cx-detail{grid-template-columns:minmax(0,1fr)}}.cx-kv{grid-template-columns:minmax(120px,42%) 1fr}.cx-kv>div{display:contents}.fu-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border);flex-wrap:wrap}.fu-row:first-of-type{border-top:0}.tl-note{white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:6px 9px;margin-top:2px;color:var(--text)}.welcome-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.welcome-card img.org-logo{background:#fff;padding:4px}.fu-kpi{text-decoration:none;color:var(--text);border-left:4px solid var(--border-strong)}.fu-kpi:hover{text-decoration:none;box-shadow:var(--shadow)}.fu-kpi.overdue{border-left-color:var(--fu-red)}.fu-kpi.today{border-left-color:var(--fu-green)}.usage-bar{height:12px;border-radius:999px;background:var(--surface-3);overflow:hidden;border:1px solid var(--border)}.usage-bar>span{display:block;height:100%;background:var(--primary);border-radius:999px}.usage-bar>span.high{background:#f59e0b}.usage-bar>span.full{background:var(--danger)}.fu-row>.grow{flex:1 1 220px}
.pw-wrap{position:relative}.pw-wrap .input{padding-right:42px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text);opacity:.6;cursor:pointer;border-radius:var(--radius-sm)}.pw-toggle:hover,.pw-toggle:focus-visible{opacity:1}.pw-toggle:disabled{cursor:default;opacity:.3}
html:not([data-theme=dark]) body{background:#eef8f1 url(../rivaz-bg.jpg) center center/cover no-repeat fixed}
html:not([data-theme=dark]) .rivaz-login{background:transparent}
html:not([data-theme=dark]) .login-logo{background:transparent;border-right:1px solid rgba(22,101,52,.12)}
html:not([data-theme=dark]) .login-logo-mobile{background:transparent}
.crm-tool-title{text-align:center}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) body{background:var(--bg)}html:not([data-theme=light]) .login-logo{background:#fff}}
.rz-seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}
.rz-seg button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;background:transparent;color:var(--text-2);font:inherit;font-weight:550;cursor:pointer}
.rz-seg button+button{border-left:1px solid var(--border-strong)}
.rz-seg button.active{background:var(--primary-soft);color:var(--primary)}
.rz-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;align-items:flex-start;scroll-snap-type:x proximity;min-height:240px}
.rz-col{flex:0 0 272px;scroll-snap-align:start;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface-3) 82%,transparent);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 230px);min-height:120px}
.rz-col-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-weight:650;border-bottom:1px solid var(--border);position:relative}
.rz-col-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--primary);opacity:.55;border-radius:0 0 2px 2px}
.rz-col.k-won .rz-col-head:after{background:var(--success)}
.rz-col.k-lost .rz-col-head:after{background:var(--danger)}
.rz-count{min-width:24px;padding:1px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;text-align:center;color:var(--text-2)}
.rz-col-body{display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto}
.rz-empty{padding:14px 4px;text-align:center}
.rz-tile{gap:6px}
.rz-tile .name{font-weight:650}
@media (max-width:640px){.rz-col{flex-basis:84vw;max-height:none}}
/* v5: red logout */
.btn.rz-logout{background:#dc2626;border-color:#dc2626;color:#fff}
.btn.rz-logout:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}
.nav-btn.rz-logout{color:#fca5a5}
.nav-btn.rz-logout:hover{background:rgba(220,38,38,.18);color:#fff}
.btn.ghost.icon.rz-logout{background:transparent;border-color:transparent;color:#f87171}
.btn.ghost.icon.rz-logout:hover{background:rgba(220,38,38,.18);color:#fff}
/* v5: no divider on login page */
.login-logo,html:not([data-theme=dark]) .login-logo{border-right:0}
/* v5: board fits all stages, smaller tiles */
.rz-board{overflow-x:visible;gap:8px;scroll-snap-type:none}
.rz-col{flex:1 1 0;min-width:0;max-height:calc(100vh - 210px)}
.rz-col-head{padding:8px 9px;font-size:13px}
.rz-count{font-size:11px;padding:0 6px;min-width:20px}
.rz-col-body{padding:6px;gap:6px}
.rz-tile.lead-card{padding:7px 8px;gap:3px;border-radius:8px;border-left-width:3px}
.rz-tile .name{font-size:13px}
.rz-tile .meta{font-size:12px}
.rz-tile .meta svg{width:12px;height:12px}
.rz-tile .meta{min-width:0}
.rz-tile .meta>*:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.rz-board{overflow-x:auto}.rz-col{flex:0 0 200px}}
/* v5: compact filters */
.filters-bar{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:8px!important;margin-bottom:8px!important}
.filters-bar .input{height:32px;font-size:13px;padding-top:0;padding-bottom:0}
.filters-bar .search{grid-column:span 2}
.filters-bar .search .input{height:32px}
/* v6: powered-by footer */
.rz-powered{display:flex;align-items:center;gap:10px;padding:8px 10px 4px;color:var(--sidebar-text);font-size:12px}
.rz-powered-logo{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;background:#fff;border-radius:8px;padding:3px}
.rz-powered-logo img{width:100%;height:100%;object-fit:contain}
/* v6: drag and drop */
.rz-drag{cursor:grab}
.rz-drag:active{cursor:grabbing}
.rz-drag.is-drag{opacity:.45}
.rz-drag.is-busy{opacity:.6;pointer-events:none}
.rz-col.drop-over{outline:2px dashed var(--primary);outline-offset:-2px;background:color-mix(in srgb,var(--primary-soft) 70%,transparent)}
.rz-board.dragging .rz-col{transition:background .12s}
.rz-powered{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px 6px}
.rz-powered-logo{width:64px;height:64px;padding:4px;border-radius:10px}

/* ===================== v7 · Rivaz Ops design layer ===================== */
:root{
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-display:"Noto Serif",Georgia,"Times New Roman",serif;
  --brand:#2B3898; --brand-ink:#232E7E; --growth:#15924A;
  --bg:#EEF6F1; --surface:#FFFFFF; --surface-2:#F6F9F8; --surface-3:#EDF2F0;
  --glass:rgba(255,255,255,.92);
  --border:#DCE5E1; --border-strong:#C3CFCA;
  --text:#141A3A; --text-2:#454D70; --text-3:#6A7291; --title:#232E7E;
  --primary:#2B3898; --primary-hover:#222C7C; --primary-soft:#E7EAFA; --on-primary:#FFFFFF; --focus:#3D4CC0;
  --success:#15803D; --success-soft:#E3F5EA;
  --sidebar:#18205C; --sidebar-2:#222B6E; --sidebar-text:#C9CFEF; --sidebar-active:#FFFFFF; --sidebar-active-bg:rgba(255,255,255,.12);
  --shadow-sm:0 1px 2px rgba(20,26,58,.05);
  --shadow:0 1px 2px rgba(20,26,58,.05),0 6px 18px rgba(20,26,58,.06);
  --shadow-lg:0 18px 50px rgba(20,26,58,.22);
  --radius:12px; --radius-sm:9px;
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#0D1230; --surface:#161C42; --surface-2:#12183A; --surface-3:#1E2552;
  --glass:rgba(22,28,66,.86);
  --border:#283066; --border-strong:#3A4380;
  --text:#E8EBF8; --text-2:#B9BFDF; --text-3:#9097C0; --title:#C3CBFF;
  --primary:#8E9DFF; --primary-hover:#A9B5FF; --primary-soft:#232B62; --on-primary:#0D1230; --focus:#9AA8FF;
  --success:#4ADE80; --success-soft:#11301F; --danger:#F87171; --danger-soft:#3A1620;
  --sidebar:#0A0E28; --sidebar-2:#151B45; --sidebar-text:#AEB5DA; --sidebar-active-bg:rgba(142,157,255,.16);
  --fu-red-bg:#2B1424; --fu-green-bg:#10291F; --fu-blue-bg:#141F4A;
  --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow:0 2px 10px rgba(0,0,0,.35); --shadow-lg:0 20px 60px rgba(0,0,0,.55);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#0D1230; --surface:#161C42; --surface-2:#12183A; --surface-3:#1E2552;
  --glass:rgba(22,28,66,.86);
  --border:#283066; --border-strong:#3A4380;
  --text:#E8EBF8; --text-2:#B9BFDF; --text-3:#9097C0; --title:#C3CBFF;
  --primary:#8E9DFF; --primary-hover:#A9B5FF; --primary-soft:#232B62; --on-primary:#0D1230; --focus:#9AA8FF;
  --success:#4ADE80; --success-soft:#11301F; --danger:#F87171; --danger-soft:#3A1620;
  --sidebar:#0A0E28; --sidebar-2:#151B45; --sidebar-text:#AEB5DA; --sidebar-active-bg:rgba(142,157,255,.16);
  --fu-red-bg:#2B1424; --fu-green-bg:#10291F; --fu-blue-bg:#141F4A;
  --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow:0 2px 10px rgba(0,0,0,.35); --shadow-lg:0 20px 60px rgba(0,0,0,.55);
  color-scheme:dark;
}}

/* backgrounds (light wave / dark wave) */
html body{font-family:var(--font);font-size:14px;letter-spacing:.005em;background:#EEF8F1 url(../rivaz-bg.jpg) center/cover no-repeat fixed}
html[data-theme=dark] body{background:#0D1230 url(../rivaz-bg-dark.jpg) center/cover no-repeat fixed}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) body{background:#0D1230 url(../rivaz-bg-dark.jpg) center/cover no-repeat fixed}}

/* type */
h1,.page-head h1{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-.005em;color:var(--title)}
.page-head .sub{font-size:13.5px;color:var(--text-3)}
h2,.modal-head h2{font-weight:700;letter-spacing:-.005em}
.section-title{text-transform:none;letter-spacing:0;font-size:14.5px;font-weight:700;color:var(--text)}
.table th{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:700;color:var(--text-2)}
.kpi .value{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
.kpi .label{color:var(--text-3);font-weight:600}
.crm-tool-title,html .crm-tool-title{font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1.1;letter-spacing:0;color:var(--brand);margin:0 0 18px}
html[data-theme=dark] .crm-tool-title{color:#C3CBFF}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .crm-tool-title{color:#C3CBFF}}

/* surfaces */
.card{background:var(--glass);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.topbar{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--border)}
.modal{border-radius:16px;border-color:var(--border)}
.modal-backdrop{background:rgba(13,18,48,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.toast{background:#18205C;color:#fff;border-radius:10px}
.toast.success{background:#0F6B37}
.toast.error{background:#B42318}

/* controls */
.btn{border-radius:var(--radius-sm);font-weight:650;transition:background .12s,border-color .12s,box-shadow .12s}
.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn:focus-visible,.input:focus-visible,.chip:focus-visible,.nav a:focus-visible,.nav-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.input{border-radius:var(--radius-sm);background:var(--surface)}
.input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 24%,transparent)}
.chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}
a{color:var(--primary)}

/* sidebar */
.sidebar{background:linear-gradient(180deg,#1B2466 0%,#141B4E 100%);border-right:1px solid rgba(255,255,255,.04)}
html[data-theme=dark] .sidebar{background:linear-gradient(180deg,#0E1336 0%,#090C24 100%)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .sidebar{background:linear-gradient(180deg,#0E1336 0%,#090C24 100%)}}
.brand,.cx-brand{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:0}
.brand small,.cx-brand small{font-family:var(--font);font-weight:600;letter-spacing:.01em}
.nav a,.nav-btn{position:relative;font-weight:600;border-radius:9px}
.nav a.active{background:var(--sidebar-active-bg);color:#fff}
.nav a.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#3DDC84}
.sidebar-footer{border-top-color:rgba(255,255,255,.08)}

/* lead board + tiles */
.rz-col{background:color-mix(in srgb,var(--surface) 70%,transparent);border-color:var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.rz-col-head:after{background:var(--primary);opacity:.6}
.rz-col.k-won .rz-col-head:after{background:var(--growth);opacity:.9}
.lead-card{border-color:var(--border);background:var(--surface)}
.lead-card .name{color:var(--text)}
.rz-seg{border-radius:var(--radius-sm)}
.rz-seg button.active{background:var(--primary-soft);color:var(--primary)}

/* login page */
.rivaz-login .login-box{border-radius:16px;padding:22px!important;box-shadow:var(--shadow-lg);max-width:400px;width:100%}
.rivaz-login .login-form form{width:min(400px,100%)}
html[data-theme=dark] .rivaz-login .login-logo img,html[data-theme=dark] .login-logo-mobile{background:#F4F7FF;border-radius:28px;padding:18px 24px}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .rivaz-login .login-logo img,html:not([data-theme=light]) .login-logo-mobile{background:#F4F7FF;border-radius:28px;padding:18px 24px}html:not([data-theme=light]) .login-logo{background:transparent}}

/* respect reduced motion */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- tablet & phone ---------- */
@media (max-width:960px){
  .topbar{height:56px}
  .content{padding:16px}
}
@media (max-width:640px){
  html body,html[data-theme=dark] body{background-attachment:scroll}
  .content{padding:12px}
  h1,.page-head h1{font-size:21px}
  .page-head{gap:10px;margin-bottom:12px}
  .page-head>.row{width:100%}
  .page-head>.row .btn{flex:1 1 auto;justify-content:center}
  .btn{min-height:40px}
  .btn.sm{min-height:34px}
  .input{min-height:42px;font-size:16px}           /* 16px stops iOS zooming into fields */
  .filters-bar{grid-template-columns:1fr 1fr}
  .filters-bar .search{grid-column:1 / -1}
  .filters-bar .input{height:38px;font-size:14px}
  .kpis{grid-template-columns:1fr 1fr;gap:10px}
  .kpi{padding:12px 14px}
  .kpi .value{font-size:20px}
  .card-pad{padding:14px}
  .rz-board{overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:0 12px 10px}
  .rz-col{flex:0 0 82vw;max-height:none;scroll-snap-align:start}
  .rz-tile.lead-card{padding:10px 11px}
  .rz-tile .name{font-size:14px}
  .rz-tile .meta{font-size:13px}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table{min-width:640px}
  .modal{max-width:none;border-radius:18px 18px 0 0}
  .modal-foot{position:sticky;bottom:0;background:var(--surface)}
  .modal-foot .btn{flex:1;justify-content:center}
  .toasts{left:12px;right:12px;bottom:12px;max-width:none}
  .crm-tool-title,html .crm-tool-title{font-size:30px;margin-bottom:14px}
  .rivaz-login .login-form{padding:20px 14px}
  .login-logo-mobile{width:150px}
  .welcome-card h1{font-size:20px}
  .rz-seg button{padding:0 10px}
}
html[data-theme=dark] .login-logo,html[data-theme=dark] .rivaz-login .login-logo{background:transparent;border-right:0}
@media (max-width:640px){html:not([data-rz]) body{background-attachment:scroll}}
.org-logo.placeholder{background:var(--brand);color:#fff}
.rz-filter-toggle{display:none}
@media (max-width:640px){
  .rz-filter-toggle{display:inline-flex;grid-column:1 / -1;justify-content:center}
  .filters-bar.rz-folded>*:not(.search):not(.rz-filter-toggle){display:none}
  .legend .muted{display:none}
  .rz-board{scroll-padding-left:12px}
}
/* v8: charcoal side panel */
:root,:root[data-theme=dark]{--sidebar:#23262C;--sidebar-2:#30343B;--sidebar-text:#C8CBD2;--sidebar-active-bg:rgba(255,255,255,.10)}
.sidebar,html[data-theme=dark] .sidebar{background:linear-gradient(180deg,#2A2D33 0%,#1E2025 100%);border-right:1px solid rgba(0,0,0,.25)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sidebar:#18191D;--sidebar-2:#24262B;--sidebar-text:#BCC0C8;--sidebar-active-bg:rgba(255,255,255,.09)}html:not([data-theme=light]) .sidebar{background:linear-gradient(180deg,#1C1D21 0%,#141518 100%)}}
html[data-theme=dark] .sidebar{background:linear-gradient(180deg,#1C1D21 0%,#141518 100%)}
.nav a:hover,.nav-btn:hover{background:rgba(255,255,255,.07);color:#fff}
.nav a.active{background:rgba(255,255,255,.10);color:#fff}
.sidebar-footer{border-top-color:rgba(255,255,255,.08)}

/* ===================== v9 · new Rivaz Ops logo + Platform Admin client view ===================== */
/* The new logo is transparent and made for both light and dark backgrounds: no white plates. */
.rivaz-login .login-logo img{width:min(520px,86%);height:auto;background:transparent!important;padding:0!important;border-radius:0!important;filter:drop-shadow(0 14px 28px rgba(20,26,58,.10))}
.login-logo-mobile{width:240px;background:transparent!important;padding:0!important;border-radius:0!important}
@media (max-width:640px){.login-logo-mobile{width:min(230px,68vw)}}
html[data-theme="dark"] .rivaz-login .login-logo img,html[data-theme="dark"] .login-logo-mobile{background:transparent!important;padding:0!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .rivaz-login .login-logo img,html:not([data-theme="light"]) .login-logo-mobile{background:transparent!important;padding:0!important}}
.rivaz-brand .logo-plate{background:transparent;padding:0!important;border-radius:0}
.rivaz-brand .logo-plate img{height:auto!important;width:min(188px,100%)!important}
.rz-powered-logo{background:transparent;padding:0}

/* Services list: cue that the client card opens its logins and data */
.rz-open-cue{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:650;color:var(--primary)}

/* Platform Admin viewing a client login */
.rz-imp-bar{position:fixed;z-index:1000;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(980px,calc(100% - 24px));display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;justify-content:space-between;padding:10px 12px 10px 16px;border-radius:14px;background:#141a3a;color:#eef0fb;border:1px solid rgba(142,157,255,.45);box-shadow:0 14px 40px rgba(10,14,40,.38);font-size:13px}
.rz-imp-text{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
.rz-imp-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:#f5b400;color:#1c1500;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.rz-imp-who{min-width:0}
.rz-imp-who b{color:#fff}
.rz-imp-msg{flex-basis:100%;font-size:12px;color:#c3cbff}
.rz-imp-actions{display:flex;gap:8px;flex-wrap:wrap}
.rz-imp-bar .btn{white-space:nowrap}
.rz-imp-bar .btn:not(.primary){background:rgba(255,255,255,.08);color:#eef0fb;border-color:rgba(255,255,255,.22)}
.rz-imp-bar .btn.primary{background:#8e9dff;border-color:#8e9dff;color:#0d1230}
body:has(.rz-imp-bar) .content{padding-bottom:96px}
@media (max-width:640px){
  .rz-imp-bar{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);padding:10px 12px;font-size:12.5px}
  .rz-imp-actions{width:100%}
  .rz-imp-actions .btn{flex:1;justify-content:center}
  body:has(.rz-imp-bar) .content{padding-bottom:150px}
}

/* ===================== v10 · welcome title + solid side panel ===================== */
/* Login: one welcome line, same size and placement in CRM, CMS and Business WhatsApp */
.rivaz-login .crm-tool-title,html .rivaz-login .crm-tool-title{font-size:32px;line-height:1.15;text-wrap:balance;margin:0 0 18px}
.rivaz-login .crm-tool-title .rzl-l1{display:block}
@media (max-width:640px){.rivaz-login .crm-tool-title,html .rivaz-login .crm-tool-title{font-size:26px;margin-bottom:14px}}
/* Side panel: one deep, solid colour (no gradient, no see-through) */
.sidebar,html[data-theme=dark] .sidebar,html:not([data-theme=light]) .sidebar{background:#1E2025!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .sidebar{background:#141518!important}}
html[data-theme=dark] .sidebar{background:#141518!important}
/* Platform Admin › client page › Logins: on phones the table scrolls sideways instead of squeezing, so every "Open" button stays reachable */
.rz-logins-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:860px){.rz-logins{min-width:780px}.rz-logins th,.rz-logins td{white-space:nowrap}.rz-logins td:first-child,.rz-logins th:first-child{position:sticky;left:0;z-index:1;background:var(--surface)}}

/* ===================== v11 · logo fixes + login title ===================== */
.rz-powered-full{display:none}
/* Login: logo 25% smaller */
.rivaz-login .login-logo img{width:min(390px,64.5%)!important}
.login-logo-mobile{width:180px!important}
@media (max-width:640px){.login-logo-mobile{width:min(172px,51vw)!important}}
/* Login: "Welcome to" black, product name blue, both with a white outline (light and dark mode) */
html .rivaz-login .crm-tool-title,html[data-theme=dark] .rivaz-login .crm-tool-title{color:#0B6FD6!important;text-shadow:-1.5px -1.5px 0 #fff,1.5px -1.5px 0 #fff,-1.5px 1.5px 0 #fff,1.5px 1.5px 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .rivaz-login .crm-tool-title{color:#0B6FD6!important}}
html .rivaz-login .crm-tool-title .rzl-l1{color:#000!important}
@supports (paint-order:stroke fill) and (-webkit-text-stroke:1px #fff){html .rivaz-login .crm-tool-title{text-shadow:none;-webkit-text-stroke:4px #fff;paint-order:stroke fill}}

/* ===================== v12 · Client Admin / Client User: Rivaz logo top left, client in the top centre ===================== */
.rz-cx-brand{display:flex;justify-content:flex-start}
.rivaz-brand.rz-cx-brand .logo-plate img{width:min(150px,100%)!important}
@media (max-height:700px){.rivaz-brand.rz-cx-brand .logo-plate img{width:min(110px,100%)!important}}
.rz-cx-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
.rz-cx-left{display:flex;align-items:center;gap:10px;min-width:0}
.rz-cx-ricon{display:none;height:26px;width:auto;flex:none}
.rz-cx-org{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;max-width:44vw}
.rz-cx-orgname{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text);min-width:0}
.rz-cx-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
@media (max-width:960px){
  .rz-cx-ricon{display:block}
  .rz-cx-welcome{display:none}
  .rz-cx-orgname{font-size:15.5px}
}
@media (max-width:420px){
  .rz-cx-top{gap:6px}
  .rz-cx-left{gap:6px}
  .rz-cx-ricon{height:22px}
  .rz-cx-org{gap:7px;max-width:52vw}
  .rz-cx-orgname{font-size:14.5px}
  .rz-cx-right{gap:6px}
}

/* ===================== v14 · side panel as in the reference (all logins) ===================== */
/* Solid silver panel, Rivaz Ops logo on a black card at the top, dark text,
   dark highlight for the open page, red Logout at the bottom of the panel. */
.sidebar,html[data-theme=dark] .sidebar,html:not([data-theme=light]) .sidebar{background:#A6AAB1!important;background-image:none!important;border-right:0!important;--sidebar-text:#16191E;color:#16191E}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .sidebar{background:#5F646B!important;--sidebar-text:#F2F4F7;color:#F2F4F7}}
html[data-theme=dark] .sidebar{background:#5F646B!important;--sidebar-text:#F2F4F7;color:#F2F4F7}
.sidebar .brand.rivaz-brand{padding:14px 12px 8px!important;border:0!important;background:transparent!important;display:block}
.rz-logo-card{display:flex;align-items:center;justify-content:center;width:100%;background:#000;border-radius:12px;padding:14px 18px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.rz-logo-card img{display:block;width:100%;max-width:150px!important;height:auto!important;background:transparent!important;padding:0!important;border-radius:0!important}
.sidebar .sidebar-caption{color:var(--sidebar-text)!important;opacity:.85;font-weight:700}
.sidebar .nav a,.sidebar .nav .nav-btn,.sidebar .admin-link{color:var(--sidebar-text)!important;font-weight:600}
.sidebar .nav a svg,.sidebar .admin-link svg{color:currentColor;opacity:.9}
.sidebar .nav a:hover,.sidebar .nav .nav-btn:hover,.sidebar .admin-link:hover{background:rgba(255,255,255,.35)!important;color:var(--sidebar-text)!important}
html[data-theme=dark] .sidebar .nav a:hover,html[data-theme=dark] .sidebar .admin-link:hover{background:rgba(255,255,255,.12)!important}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .sidebar .nav a:hover,html:not([data-theme=light]) .sidebar .admin-link:hover{background:rgba(255,255,255,.12)!important}}
.sidebar .nav a.active{background:#1F2227!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.28)!important}
.sidebar .nav a.active svg{color:#fff}
html[data-theme=dark] .sidebar .nav a.active{background:#111316!important}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .sidebar .nav a.active{background:#111316!important}}
.sidebar .nav a.active::before{display:none!important}
.sidebar .brand:not(.rivaz-brand){color:var(--sidebar-text)!important}
.sidebar .brand:not(.rivaz-brand) small{color:var(--sidebar-text)!important;opacity:.8}
.sidebar .sidebar-footer{border-top-color:rgba(0,0,0,.14)!important;margin-top:auto}
.sidebar .sidebar-footer .row,.sidebar .sidebar-footer .row div{color:var(--sidebar-text)!important}
.sidebar .rz-powered,.sidebar .rz-powered *{color:var(--sidebar-text)!important}
.rz-side-logout{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:44px;padding:0 16px;margin-top:6px;border-radius:10px;border:0!important;background:#DC2626!important;color:#fff!important;font-weight:650;font-size:15px;box-shadow:0 6px 16px rgba(220,38,38,.28)}
.rz-side-logout:hover{background:#B91C1C!important}
.sidebar .rz-cx-foot{margin-top:auto;padding:12px}
.sidebar .rz-re-card{padding-bottom:4px!important}
.sidebar{display:flex;flex-direction:column}
.sidebar .nav{flex:1 1 auto;min-height:0;overflow-y:auto}
.sidebar .sidebar-footer,.sidebar .rz-cx-foot{flex:none}


/* ===================== v15 · side panel clean-up (all logins) ===================== */
/* "Powered by Rivaz Ops" removed from the bottom of every panel */
.sidebar .rz-powered{display:none !important}
/* Selected option is black in every panel, including "Admin console" (Real Estate CRM) */
.sidebar .admin-link.active,
html[data-theme="dark"] .sidebar .admin-link.active{background:#1f2227 !important;color:#fff !important;box-shadow:0 6px 16px rgba(0,0,0,.28) !important}
.sidebar .admin-link.active svg{color:#fff}
@media (prefers-color-scheme: dark){html:not([data-theme="light"]) .sidebar .admin-link.active{background:#111316 !important}}
html[data-theme="dark"] .sidebar .admin-link.active{background:#111316 !important}
/* Real Estate CRM top bar: client logo + name centred; page title on the left, actions on the right */
.rz-re-top .rz-re-title{min-width:0}
.rz-re-top .rz-cx-right .btn.primary{white-space:nowrap}
@media (max-width:640px){.rz-re-top .new-lead-label{display:none}}


/* ===================== v16 · phone polish (all logins) ===================== */
@media (max-width: 640px) {
  /* search boxes use the full width */
  .content .search { flex: 1 1 100%; width: 100%; min-width: 0; }
  .content .search .input { width: 100% !important; }
  .content .row.wrap > select.input { flex: 1 1 100%; width: 100% !important; }
  /* service / record details: two short columns instead of one long list */
  .kv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 14px; }
  .kv-item > div:last-child { overflow-wrap: anywhere; }
  /* wide tables scroll sideways inside their card */
  .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-wrap .table th, .table-wrap .table td { white-space: nowrap; }
  /* lead board: one stage fills the screen, swipe for the next */
  .rz-board > * { min-width: calc(100vw - 40px); }
  /* no iOS zoom on inputs */
  .input, select.input, textarea.input { font-size: 16px; }
}
@media (max-width: 360px) {
  .kv-grid { grid-template-columns: minmax(0, 1fr) !important; }
}