.app-sidebar{overflow:hidden}
.app-sidebar .brand,.app-sidebar .sidebar-label,.app-sidebar .sidebar-footer{flex:0 0 auto}
.app-sidebar .sidebar-nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent;scroll-behavior:auto;overscroll-behavior:contain;overflow-anchor:none}
.app-sidebar .sidebar-nav::-webkit-scrollbar{width:6px}
.app-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}
.app-sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}
.app-sidebar .sidebar-nav a{position:relative}
.app-sidebar .sidebar-nav a.active{background:color-mix(in srgb,var(--primary) 30%,transparent);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 42%,transparent)}
.app-sidebar .sidebar-nav a.active::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:999px;background:#fff}

.commercial-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:30px;margin-bottom:20px;border-radius:24px;background:linear-gradient(135deg,#241735,#4e3478 70%,#ff6b3d);color:#fff;box-shadow:0 18px 50px rgba(39,23,58,.18)}
.commercial-hero h1{font-size:clamp(28px,4vw,44px);font-weight:850;margin:4px 0}.commercial-hero p{margin:0;color:#e5dff0}.commercial-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.commercial-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:24px}.commercial-kpi{position:relative;overflow:hidden;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--card);min-width:0}.commercial-kpi span,.commercial-kpi small{display:block;color:var(--muted)}.commercial-kpi strong{display:block;font-size:clamp(19px,2vw,25px);margin:8px 0;white-space:nowrap}.commercial-kpi i{position:absolute;inset:auto 0 0;height:4px}
.commercial-next{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.commercial-next>div:nth-child(2)>small,.commercial-next>div:nth-child(2)>span{display:block;color:var(--muted);font-size:12px}.commercial-next-actions{display:flex;gap:6px}.lead-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--primary) 15%,var(--card));color:var(--primary);font-weight:850}
.commercial-funnel{display:grid;gap:15px}.commercial-funnel>div>span{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.commercial-funnel>div>div{height:9px;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden}.commercial-funnel i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#ff6b3d)}
.referral-card .card-body{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;align-items:center;gap:20px}.referral-card small{display:block;color:var(--muted)}
.module-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-selector label{display:flex;gap:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--card);cursor:pointer}.module-selector label:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 13%,transparent)}.module-selector small{display:block;color:var(--muted);font-size:12px}.commercial-status{background:var(--surface-2);color:var(--text)}.status-viewed{background:#e8f1ff;color:#175bb5}.status-converted{background:#e0f7ea;color:#187745}.status-expired,.status-cancelled{background:#f3e5e7;color:#9b2d3b}
.lead-toolbar{position:sticky;top:10px;z-index:5;display:flex;justify-content:space-between;gap:15px;margin-bottom:18px;padding:12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(14px)}.lead-filters{display:flex;gap:7px;overflow:auto}.lead-filters button{border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);padding:8px 12px;white-space:nowrap;font-size:12px;font-weight:750}.lead-filters button.active{border-color:var(--primary);background:var(--primary);color:#fff}.lead-filters b{margin-left:4px}.lead-search{display:flex;align-items:center;gap:8px;min-width:300px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.lead-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.lead-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lead-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 8px 25px rgba(25,18,38,.04);scroll-margin-top:100px}.lead-card.is-overdue{border-left:5px solid var(--danger)}.lead-card>header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.lead-card h2{font-size:18px;margin:0}.lead-card header span:not(.badge){color:var(--muted);font-size:13px}.lead-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.lead-meta span{padding:9px;border-radius:10px;background:var(--surface-2);font-size:11px;color:var(--muted)}.lead-meta b{display:block;color:var(--text);font-size:12px}.lead-contact-actions{display:flex;gap:7px;margin-bottom:12px}.lead-owner{padding:10px;border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--card));font-size:13px}.lead-editor{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.lead-editor summary{cursor:pointer;font-weight:750;color:var(--primary)}
@media(max-width:1399px){.commercial-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.commercial-hero{align-items:stretch;flex-direction:column}.module-selector{grid-template-columns:repeat(2,1fr)}.lead-toolbar{position:static;flex-direction:column}.lead-search{min-height:44px;min-width:0}.lead-board{grid-template-columns:1fr}}
@media(max-width:767px){.commercial-kpis{grid-template-columns:repeat(2,1fr)}.referral-card .card-body{grid-template-columns:1fr}.module-selector{grid-template-columns:1fr}.commercial-next{grid-template-columns:42px 1fr}.commercial-next-actions{grid-column:2}.lead-meta{grid-template-columns:1fr 1fr}.lead-contact-actions{flex-wrap:wrap}.lead-card>header{grid-template-columns:42px 1fr}.lead-card>header>.badge{grid-column:2;width:max-content}}