/* Lead workspace: Lineone-inspired hierarchy, scoped to the sales page. */
#page-leads{--lead-ink:#33445e;--lead-muted:#7c8ba6;--lead-line:#e6ebf3;--lead-brand:#6258f4;--lead-surface:#f7f9fc;min-width:0;color:var(--lead-ink)}
#page-leads .lead-page-header{align-items:center;gap:22px;margin-bottom:22px;padding:8px 0 4px;flex-wrap:wrap}
#page-leads .lead-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#969fb2;margin-bottom:8px}
#page-leads .lead-page-header h2{font-size:27px;font-weight:700;letter-spacing:-.8px;color:#26354e;margin:0}
#page-leads .lead-page-subtitle{font-size:12px;color:var(--lead-muted);margin:7px 0 0;line-height:1.6}
#page-leads .lead-ui-icon{width:17px;height:17px;flex-shrink:0;vertical-align:middle}
#page-leads .lead-view-switch{display:flex;align-items:center;padding:4px;border:1px solid var(--lead-line);background:#edf0f7;border-radius:10px;gap:2px}
#page-leads .lead-view-switch button{display:flex;align-items:center;gap:6px;background:transparent;color:#7b86a0;padding:8px 11px;border-radius:7px;font-size:12px;font-weight:600;border:0;box-shadow:none}
#page-leads .lead-view-switch button.on{background:#fff;color:var(--lead-brand);box-shadow:0 2px 5px #26354e0b}
#page-leads .lead-new-btn,#page-leads .lead-import-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:9px;font-size:12px;box-shadow:none;padding:9px 13px}
#page-leads .lead-new-btn{background:var(--lead-brand);border:1px solid var(--lead-brand);color:white}
#page-leads .lead-import-btn{background:white;border:1px solid var(--lead-line);color:#64748b}
#page-leads .lead-filters-grid{background:transparent;border:0;box-shadow:none;padding:0;grid-template-columns:minmax(200px,1.6fr) repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:20px}
#page-leads .lead-filters-grid label{display:block;font-size:10px;font-weight:600;color:#78869e;margin-bottom:7px}
#page-leads .lead-filter-input,#page-leads .lead-filter-select{height:39px;font-size:12px;color:var(--lead-ink);border:1px solid #dde4ef;border-radius:8px;background:#fff;padding:8px 11px;box-shadow:none;min-width:0;width:100%}
#page-leads .lead-filter-input::placeholder{color:#98a5bc}
#page-leads .lead-kpi-grid{gap:0;border:1px solid var(--lead-line);border-radius:12px;background:#fff;padding:15px 0;margin:0 0 24px;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 2px 6px #26354e02}
#page-leads .lead-kpi-card{background:transparent;border:0!important;border-right:1px solid var(--lead-line)!important;box-shadow:none;border-radius:0;padding:0 20px;min-height:0;gap:5px}
#page-leads .lead-kpi-card:last-child{border-right:0!important}
#page-leads .lead-kpi-title{font-size:11px;font-weight:500;color:#7c8ba6;margin-bottom:6px}
#page-leads .lead-kpi-value{font-size:21px;font-weight:700;color:var(--lead-ink);line-height:1.3}
#page-leads .lead-kpi-sub{font-size:10px;color:#99a4b8;margin-top:5px}
#page-leads #lead-board-content{min-width:0;max-width:100%}
#page-leads .kanban-wrapper{display:flex;gap:20px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 20px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d0d8e9 transparent;width:100%;min-width:0}
#page-leads .kanban-col{flex:0 0 274px;min-width:0;width:274px;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;box-shadow:none;scroll-snap-align:start;min-height:280px}
#page-leads .lead-column-heading{display:flex;gap:8px;align-items:center;min-height:43px;margin-bottom:12px;padding:0 3px}
#page-leads .lead-column-heading h3{font-size:13px;font-weight:600;letter-spacing:-.15px;color:#42516e;margin:0;flex:1;white-space:nowrap}
#page-leads .lead-stage-symbol{display:flex;width:31px;height:31px;border-radius:9px;align-items:center;justify-content:center;color:var(--stage-color);background:var(--stage-soft);flex-shrink:0}
#page-leads .lead-column-count{font-size:10px;font-weight:600;color:#7e8ca5;background:#eaf0f7;min-width:21px;text-align:center;padding:3px 6px;border-radius:6px}
#page-leads .lead-icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#90a0b9;width:28px;min-height:30px;padding:4px;border-radius:6px;cursor:pointer}
#page-leads .lead-icon-button:hover{color:var(--lead-brand);background:#eeedff}
#page-leads .lead-column-value{font-size:10px;color:#8492ab;padding:0 4px;margin:-7px 0 12px}
#page-leads .lead-column-body{display:flex;flex-direction:column;gap:12px;min-height:50px}
#page-leads .lead-card{position:relative;margin:0;padding:14px;border:1px solid #edf0f6;border-radius:11px;background:white;box-shadow:0 2px 3px #273e6203;cursor:grab;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;overflow:hidden}
#page-leads .lead-card:hover{transform:translateY(-2px);border-color:#d9dff0;box-shadow:0 6px 16px #4b5f8e0b}
#page-leads .lead-stage-negotiation .lead-card{background:#fffaf2;border-color:#f7eddf}
#page-leads .lead-stage-deposit .lead-card{background:#f0faf7;border-color:#e1f3ec}
#page-leads .lead-stage-lost .lead-card{background:#fff7f7;border-color:#fae9e9}
#page-leads .lead-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;min-height:20px}
#page-leads .lead-card-topline .lead-icon-button{height:20px;min-height:20px}
#page-leads .lead-source-pill{padding:3px 7px;border-radius:4px;background:#edf1f7;color:#73829c;font-size:10px;font-weight:500}
#page-leads .lead-source-whatsapp{background:#ddf6ed;color:#238775}#page-leads .lead-source-web{background:#e7efff;color:#6580ba}#page-leads .lead-source-acente{background:#efebff;color:#8071bd}
#page-leads .lead-card-title{display:block;text-align:left;border:0;background:transparent;padding:0;margin:0 0 7px;width:100%;font:inherit;font-size:14px;font-weight:600;line-height:1.45;letter-spacing:-.15px;color:#425473;cursor:pointer;overflow-wrap:anywhere}
#page-leads .lead-card-destination{display:flex;gap:5px;align-items:center;color:#8798b5;font-size:11px;line-height:1.5;margin:0 0 8px}
#page-leads .lead-card-destination .lead-ui-icon{width:13px;height:13px}
#page-leads .lead-card-note{font-size:11px;line-height:1.65;color:#95a0b2;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#page-leads .lead-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:21px;margin:7px 0 12px}
#page-leads .lead-date-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;color:#61718e;background:#eef2f8;border-radius:4px;font-size:10px;line-height:1.2}
#page-leads .lead-date-pill .lead-ui-icon{width:12px;height:12px}
#page-leads .lead-card-value-row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:10px 0 13px;font-size:12px;color:#62738e}
#page-leads .lead-card-value-row strong{font-weight:600;color:#465976;font-size:13px}
#page-leads .lead-card-value-row>span{display:flex;gap:4px;align-items:center;font-size:10px;color:#9aa7bd}
#page-leads .lead-card-value-row .lead-ui-icon{width:13px;height:13px}
#page-leads .lead-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}
#page-leads .lead-assignee{display:flex;gap:7px;align-items:center;min-width:0;font-size:10px;color:#8998b0}
#page-leads .lead-assignee>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
#page-leads .lead-person-avatar{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;color:#7f75bd;background:#eeeaff;font-size:9px;font-weight:700;flex-shrink:0}
#page-leads .lead-card-age{font-size:9px;color:#a0abc0;white-space:nowrap}
#page-leads .lead-card-agency{font-size:10px;color:#8d9ab1;margin-bottom:8px}
#page-leads .lead-card-actions{gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #edf0f6;align-items:center}
#page-leads .lead-action-btn{width:28px;height:28px;background:transparent;border:0;color:#9aabc2;border-radius:6px}
#page-leads .lead-action-btn .lead-ui-icon{width:15px;height:15px}
#page-leads .lead-status-picker{font-size:10px;background:transparent;border:1px solid #e9edf4;border-radius:6px;color:#8392a9;padding:5px 2px;min-width:0;flex:1;height:29px;max-width:none}
#page-leads .lead-column-add{display:flex;align-items:center;justify-content:center;width:100%;gap:7px;border:0;background:transparent;color:#8090ac;font-size:12px;padding:14px 8px;border-radius:8px;cursor:pointer;margin-top:4px}
#page-leads .lead-column-add:hover{background:#eeedff;color:var(--lead-brand)}#page-leads .lead-column-empty{font-size:11px;color:#a4aec0;padding:28px 12px;text-align:center;border:1px dashed #e1e6f0;border-radius:10px}
#page-leads .kanban-col.drag-over{background:#efedff!important;border:1px dashed #aaa3f8!important;box-shadow:none}
#page-leads :is(button,a,input,select):focus-visible{outline:2px solid #7b71f1;outline-offset:3px}
#page-leads .ulako-source-tabs{border:0;background:#eef0f7;padding:4px;border-radius:10px;width:fit-content;margin-bottom:20px;gap:4px}
#page-leads .ulako-source-tabs button{border:0;border-radius:7px;font-size:12px;color:#8190aa;padding:9px 15px;background:transparent}
#page-leads .ulako-source-tabs button.active{background:#fff;color:var(--lead-brand);box-shadow:0 2px 5px #26354e0b}
#page-leads .ulako-column{background:transparent;border:1px solid transparent;border-radius:12px}#page-leads .ulako-column-head{background:transparent;border:0;font-size:13px;color:#42516e}#page-leads .ulako-card{border:1px solid #edf0f6;border-radius:11px;box-shadow:0 2px 3px #273e6203;background:white;padding:14px;margin-bottom:12px}
@media(max-width:1100px){#page-leads .lead-page-header>div:last-child{width:100%}#page-leads .lead-filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#page-leads .lead-search-field{grid-column:1/-1}}
@media(max-width:650px){#page-leads .lead-page-header h2{font-size:23px}#page-leads .lead-page-header>div:last-child{gap:8px!important}#page-leads .lead-view-switch{width:100%;margin-bottom:4px}#page-leads .lead-view-switch button{flex:1;justify-content:center}#page-leads .lead-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#page-leads .lead-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0;gap:16px 0}#page-leads .lead-kpi-card{padding:0 12px}#page-leads .lead-kpi-card:nth-child(2){border-right:0!important}#page-leads .lead-kpi-value{font-size:19px}#page-leads .kanban-wrapper{gap:14px;scroll-padding:2px}#page-leads .kanban-col{flex-basis:274px;width:274px}#page-leads .lead-status-picker{min-height:36px}#page-leads .lead-action-btn{width:34px;height:36px}}
@media(prefers-reduced-motion:reduce){#page-leads .lead-card{transition:none}#page-leads .lead-card:hover{transform:none}}

/* Keep secondary information readable on the pale cards. */
#page-leads .lead-card-note,#page-leads .lead-card-destination,#page-leads .lead-assignee,#page-leads .lead-card-age,#page-leads .lead-card-value-row>span,#page-leads .lead-kpi-sub{color:#64748b}