/* Reference-inspired compact sales workspace. Existing business workflows retained. */
:root{--primary:#60A5FA;--blue:#60A5FA;--nav:#0F172A;background:#F8FAFC;color:#334155;font-family:"Segoe UI",Arial,sans-serif;font-size:13px}.sidebar{width:66px;padding:0;background:#0F172A;border:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.rail-profile{height:66px;flex-shrink:0;display:grid;place-content:center;background:linear-gradient(140deg,#475569,#334155);text-decoration:none}.rail-profile>span{display:grid;place-content:center;width:40px;height:40px;border-radius:50%;background:#F1F5F9;color:#475569;font-size:16px;font-weight:600;border:2px solid #ffffff55}.nav{margin:6px 0 0;gap:1px;display:flex;flex-direction:column;flex-shrink:0}.nav button{border:0;border-radius:0;position:relative;min-height:72px;padding:11px 3px 9px;gap:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;color:#CBD5E1;background:transparent;font-weight:400}.nav button>.rail-label{display:block;line-height:1.2;font-size:9px;max-width:62px;text-align:center;overflow-wrap:anywhere}.nav-icon,.nav button .nav-icon{color:#94A3B8}.nav-icon .icon{width:28px;height:28px;stroke-width:1.15}.nav button.active,.nav button.active:hover{background:#1E40AF;color:#ffffff;box-shadow:none}.nav button.active::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#14B8A6}.nav button.active .nav-icon{color:#99F6E4}.nav button.active .rail-label{font-weight:600;color:#ffffff}.nav button:hover{background:#1E40AF;color:#ffffff}.nav-badge,.nav button .nav-badge{position:absolute;right:7px;top:6px;display:block!important;border-radius:9px;min-width:16px;line-height:16px;padding:0 4px;font-size:9px;background:#e54f66;color:white;box-shadow:none;margin:0}.rail-bottom{border-top:1px solid #334155;margin-top:auto;padding:14px 0;display:flex;justify-content:center;flex-shrink:0}.rail-bottom .icon-button{color:#CBD5E1;border:0}.shell{margin-left:66px;background:#F8FAFC;min-height:100vh}.topbar{height:66px;padding:0 22px 0 28px;background:#ffffff;gap:0;border-bottom:1px solid #F1F5F9;flex-shrink:0}.topbar-title{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:242px;max-width:270px;border-right:1px solid #F1F5F9;padding-right:22px}.topbar-title h1{margin:0;font-size:14px;line-height:1.3;font-weight:650;letter-spacing:.4px;color:#334155;text-transform:uppercase}.topbar-view-icon{color:#60A5FA}.topbar-view-icon .icon{width:17px;height:17px}.topbar-search{flex:1;min-width:120px;max-width:650px;margin-left:8px;align-self:stretch}.topbar-search>.icon{left:15px;color:#94A3B8}.topbar-search input{height:65px;border:0;border-radius:0;background:transparent;padding:10px 15px 10px 42px;font-size:13px;color:#475569;width:100%;box-shadow:none}.topbar-search input:focus{border:0;box-shadow:none;outline-offset:-4px}.topbar-search input::placeholder{color:#94A3B8}.topbar-total{margin-left:auto;white-space:nowrap;font-size:12px;color:#64748B;padding:0 20px}.topbar-total strong{font-weight:500;color:#1E40AF}.topbar-workspace{font-size:12px;color:#64748B;margin-left:24px}.top-right{gap:10px;margin-left:auto;flex-shrink:0}.pipeline-shell .top-right{margin-left:0}.icon-button{color:#64748B;border-radius:4px}.primary{border-radius:3px;background:#60A5FA;border-color:#2563EB;color:#ffffff;box-shadow:none;padding:10px 12px;font-size:11px;min-height:37px;text-transform:uppercase;font-weight:600;gap:4px}.primary:hover{background:#60A5FA;border-color:#60A5FA;transform:none;box-shadow:none}.primary .icon{width:14px;height:14px}.pipeline-shell main{padding:0;display:flex;flex-direction:column}.compact-summary{height:80px;background:#F8FAFC;border-bottom:1px solid #F1F5F9;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 28px;flex-shrink:0}.compact-summary>div{min-width:110px}.compact-summary>div>span{font-size:11px;color:#64748B;display:block;margin-bottom:4px;white-space:nowrap}.compact-summary strong{display:block;font-size:21px;font-weight:400;line-height:1.2;color:#94A3B8;font-variant-numeric:tabular-nums}.compact-summary strong.summary-green{color:#16ad84}.compact-summary strong.summary-amber{color:#d8a338}.compact-summary strong.summary-pink{color:#e96c94}.compact-summary .summary-forecast{margin-left:auto;text-align:right}.summary-forecast strong{font-size:17px;color:#64748B;white-space:nowrap}.summary-forecast strong b{font-weight:500;color:#475569}.pipeline-workspace{padding:0 28px;flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 190px)}.compact-filters{display:flex;align-items:center;gap:9px;height:47px;min-height:47px}.compact-filters select{width:154px;padding:5px 22px 5px 8px;min-height:27px;height:27px;background:transparent;border-color:transparent;border-radius:3px;color:#64748B;font-size:10px}.compact-filters select:hover,.compact-filters select:focus{border-color:#E2E8F0;background:white;box-shadow:none}.filter-caption{font-size:10px;color:#64748B;margin-left:4px;white-space:nowrap}.segmented{padding:0;background:transparent;border:0;border-radius:0;margin-left:auto;gap:3px}.segmented button{font-size:10px;color:#64748B;padding:5px 8px;min-height:27px;border-radius:3px}.segmented button.active{box-shadow:none;background:#ffffff;color:#60A5FA;border:1px solid #F1F5F9}.segmented .icon{width:13px;height:13px}#lead-results{min-width:0;flex:1}.board{gap:10px;min-height:calc(100vh - 236px);align-items:stretch;padding-bottom:22px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#CBD5E1 #F1F5F9}.column{padding:0;min-width:280px;max-width:none;flex:1 0 280px;background:transparent;border:0;border-radius:0;--stage:#94A3B8;--stage-tint:#F1F5F9}.stage-contact{--stage:#DBEAFE}.stage-proposal{--stage:#c1e67d}.stage-won{--stage:#7ed5a9}.stage-lost{--stage:#f3a8af}.column-head{padding:0 6px 9px;margin:0 0 9px;text-align:center;border-bottom:2px solid var(--stage);height:49px;display:flex;flex-direction:column;justify-content:center}.column-head h3{display:block;font-size:11px;line-height:1.25;letter-spacing:.65px;font-weight:600;color:#334155;text-transform:uppercase;margin:0 0 4px}.stage-total{font-size:11px;font-weight:400;color:#475569;line-height:1.2;padding:0}.column-cards{padding:0;border:0}.lead-card{display:flex;align-items:flex-start;gap:7px;min-height:104px;margin:0 0 5px;padding:6px;border:1px solid #CBD5E1;border-radius:3px;background:#ffffff;box-shadow:none;color:#475569;overflow:hidden}.lead-card:hover{transform:none;border-color:#93C5FD;background:#ffffff;box-shadow:0 1px 4px #1E40AF0b;color:#475569}.lead-card::before{display:none}.contact-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#E2E8F0;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;color:#ffffff}.contact-avatar .icon{width:32px;height:33px;fill:#ffffff;stroke:#ffffff;stroke-width:.6;transform:translateY(3px)}.compact-card-content{display:block;min-width:0;flex:1}.compact-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px;line-height:1.25;min-height:16px}.card-customer{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;font-weight:400;color:#475569}.compact-card-top time{font-size:10px;color:#94A3B8;white-space:nowrap;font-weight:400;flex-shrink:0}.card-phone{font-size:11px;color:#475569;line-height:1.5;display:block;letter-spacing:.1px;font-weight:400}.card-title{display:block;color:#2563EB;font-size:13px;font-weight:400;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.card-value{display:block;color:#475569;font-size:11px;letter-spacing:0;font-weight:400;line-height:1.5;margin:1px 0 3px;font-variant-numeric:tabular-nums}.compact-card-footer{display:flex;align-items:center;gap:5px;min-height:17px;line-height:1.2}.card-owner{font-size:10px;color:#64748B;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75px}.tag{display:inline-block;line-height:1;font-size:9px;padding:2px 4px;border:1px solid #F1F5F9;border-radius:2px;background:#ffffff;color:#64748B;max-width:100px}.tag-demo{color:#64748B}.card-task{font-size:9px;color:#64748B;margin-left:auto;font-weight:400;white-space:nowrap;display:flex;align-items:center;gap:4px}.card-task::after{content:"";width:4px;height:4px;background:#d8ad50;border-radius:50%;display:block;flex-shrink:0}.card-task.is-overdue{color:#e46e95}.card-task.is-overdue::after{background:#ed7598}.task-neutral{width:4px;height:4px;border-radius:50%;background:#94A3B8;margin-left:auto;margin-right:3px}.column-empty{background:transparent;border:1px dashed #E2E8F0;border-radius:3px;margin:0;padding:18px 6px;font-size:11px;color:#94A3B8}.pipeline-shell footer{padding:8px 28px;font-size:9px;background:#F8FAFC;color:#94A3B8}.page-head .eyebrow{color:#94A3B8}.page-head h1{color:#334155}.stat-icon{background:#F8FAFC;color:#93C5FD}.panel,.stat,.table-wrap{border-radius:6px;box-shadow:none}.notice{border-radius:4px;background:#F8FAFC;color:#64748B;border-color:#EFF6FF}.badge{background:#F8FAFC;color:#64748B}.avatar{background:#EFF6FF;color:#64748B}.tabs button.active{background:#F8FAFC;color:#64748B}.detail-contact{background:#F8FAFC;border-color:#F1F5F9;border-radius:6px;color:#64748B}.detail-contact strong{color:#475569}.detail-contact .caption{border-color:#F1F5F9;color:#94A3B8}.detail-contact>small:first-child{color:#64748B}.form-actions .primary{text-transform:none}.auth-form .primary{background:#60A5FA;border-color:#2563EB}.auth-brand{background:linear-gradient(145deg,#1E40AF,#0F172A)}.auth-brand h1{color:#ffffff}.auth-brand p{color:#CBD5E1}input:focus,select:focus,textarea:focus{border-color:#93C5FD;box-shadow:0 0 0 3px #93C5FD10}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#93C5FD}
@media(min-width:1700px){.column{min-width:300px}.lead-card{padding:6px;min-height:104px}.card-value{font-size:11px}.card-customer{font-size:11px}.pipeline-shell main{padding:0}.topbar{padding-left:28px;padding-right:22px}}
@media(max-width:1200px){.topbar-title{min-width:210px;max-width:210px;padding-right:15px}.topbar-total{font-size:10px;padding:0 10px}.compact-summary{gap:18px;padding:0 22px}.compact-summary>div{min-width:90px}.compact-summary>div>span{font-size:10px}.summary-forecast strong{font-size:14px}.pipeline-workspace{padding:0 22px}.topbar-search{max-width:none}.pipeline-shell .top-right .icon-button{display:none}.column{min-width:280px}}
@media(max-width:850px){.sidebar{width:66px;padding:0}.rail-profile{display:grid}.nav{margin-top:6px;gap:1px}.nav button{padding:11px 3px 9px;min-height:72px}.nav button>.rail-label{display:block!important}.nav-icon .icon{width:28px;height:28px}.shell{margin-left:66px}.topbar{height:60px;padding:0 15px}.topbar-title{height:60px;min-width:180px;max-width:180px;gap:8px;padding-right:12px}.topbar-title h1{font-size:12px}.topbar-total{display:none}.topbar-search input{height:59px;font-size:12px}.primary{font-size:10px;padding:9px}.compact-summary{height:auto;min-height:80px;flex-wrap:wrap;justify-content:flex-start;gap:18px 28px;padding:15px 20px}.compact-summary .summary-forecast{margin:0;text-align:left}.compact-summary strong{font-size:20px}.summary-forecast strong{font-size:15px}.pipeline-workspace{padding:0 18px}.compact-filters{gap:6px}.compact-filters select{width:140px}.filter-caption{font-size:9px}.segmented button{font-size:9px}.pipeline-shell footer{padding:9px 18px}}
@media(max-width:600px){.sidebar{position:sticky;top:0;width:100%;height:56px;display:block;overflow:hidden;background:#0F172A;padding:0}.rail-profile,.rail-bottom{display:none}.nav{flex-direction:row;height:56px;gap:0;margin:0;overflow-x:auto;scrollbar-width:none}.nav button{min-height:56px;height:56px;max-height:none;min-width:61px;padding:5px 7px 4px;gap:3px;flex-shrink:0}.nav button>.rail-label{font-size:8px;max-width:65px}.nav-icon .icon{width:23px;height:23px}.nav button.active::before{inset:auto 0 0;width:auto;height:2px}.nav-badge,.nav button .nav-badge{display:block!important;top:2px;right:3px;font-size:8px;line-height:13px;min-width:13px;padding:0 3px}.shell{margin-left:0}.topbar{height:auto;min-height:54px;flex-wrap:wrap;padding:0 13px;gap:0}.topbar-title{height:54px;min-width:0;max-width:none;flex:1;border:0;justify-content:flex-start;padding:0;gap:12px}.topbar-title h1{font-size:12px}.topbar-view-icon .icon{width:15px;height:15px}.topbar-search{order:3;flex-basis:100%;height:40px;margin:0 -13px;border-top:1px solid #F1F5F9;border-bottom:1px solid #F1F5F9;padding:0 13px}.topbar-search input{height:39px;min-height:39px;font-size:12px;padding-left:28px}.topbar-search>.icon{left:13px;width:14px;height:14px}.top-right{gap:5px;margin-left:8px}.pipeline-shell .top-right{margin-left:8px}.pipeline-shell .top-right .icon-button{display:flex;width:27px;height:27px;min-height:27px}.primary{font-size:9px;padding:8px;min-height:31px;border-radius:3px;gap:2px}.primary .icon{width:12px;height:12px}.topbar-workspace{display:none}.compact-summary{gap:14px 0;padding:15px 14px;display:grid;grid-template-columns:1fr 1fr;min-height:0}.compact-summary>div{min-width:0}.compact-summary>div>span{font-size:10px;margin-bottom:4px}.compact-summary strong{font-size:20px}.compact-summary .summary-forecast{grid-column:1/-1;border-top:1px solid #F1F5F9;padding-top:12px}.summary-forecast strong{font-size:15px}.pipeline-workspace{padding:0 12px;min-height:450px}.compact-filters{height:auto;padding:9px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:0}.compact-filters select{width:100%;height:29px;background:#ffffff;border:1px solid #F1F5F9;font-size:10px}.filter-caption{grid-column:auto;margin-left:0;width:auto;font-size:9px}.segmented{margin-left:auto;gap:2px}.segmented button{font-size:9px;min-height:25px;padding:4px 7px;gap:3px}.segmented .icon{width:12px;height:12px}.board{gap:9px;min-height:460px;margin:0 -12px 0 0;padding-right:12px}.column{min-width:285px;flex-basis:285px;max-width:none;padding:0}.column-head{height:48px;margin-bottom:8px;padding:0 4px 8px}.column-head h3{font-size:11px}.stage-total{font-size:11px}.lead-card{padding:7px 6px;min-height:106px;margin-bottom:5px;border-radius:3px}.card-title{font-size:13px}.card-customer{font-size:11px}.card-phone{font-size:11px}.card-value{font-size:11px;margin:1px 0 3px}.compact-card-top time{font-size:10px}.tag{font-size:9px}.pipeline-shell footer{padding:9px 12px}.rail-label{display:block}.topbar .header-avatar{width:29px;height:29px}}
.compact-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.6fr;gap:20px}.compact-summary .summary-forecast{margin-left:0}.compact-summary>div{min-width:0}@media(max-width:850px){.compact-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px}.compact-summary .summary-forecast{grid-column:1/-1;text-align:left}}@media(max-width:600px){.compact-summary{gap:14px 0}}
@media(prefers-reduced-motion:reduce){.lead-card:hover{transform:none}}