:root{--navy:#13263b;--navy-2:#0b1b2b;--teal:#0f9f8f;--teal-dark:#08776d;--blue:#2d6cdf;--bg:#f3f6fa;--card:#fff;--text:#172435;--muted:#708096;--line:#e3e9f0;--danger:#d64545;--warning:#d58b14;--success:#148561;--shadow:0 10px 30px rgba(19,38,59,.08);--radius:16px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.65}.app-shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:258px;background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#fff;padding:22px 16px;z-index:30;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(10,26,42,.1)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#23c4ad,#0c8c80);display:grid;place-items:center;font-weight:800;font-size:1.25rem;box-shadow:0 8px 20px rgba(15,159,143,.28)}.brand strong,.brand small{display:block}.brand small{color:#aebdcb;font-size:.72rem;margin-top:2px}.nav-list{overflow-y:auto;padding-top:17px}.nav-label{font-size:.7rem;color:#8296aa;margin:18px 12px 7px}.nav-link{display:flex;align-items:center;gap:11px;color:#cbd6e0;text-decoration:none;padding:10px 12px;border-radius:11px;margin:3px 0;transition:.18s}.nav-link span{width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.06);display:grid;place-items:center}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(15,159,143,.28),rgba(15,159,143,.1));color:#fff;border:1px solid rgba(70,222,202,.16)}.sidebar-foot{margin-top:auto;color:#aab9c7;font-size:.75rem;padding:13px 10px 0;border-top:1px solid rgba(255,255,255,.08)}.status-dot{display:inline-block;width:8px;height:8px;background:#2dd4a8;border-radius:50%;margin-left:7px;box-shadow:0 0 0 4px rgba(45,212,168,.12)}.main-area{margin-right:258px;min-height:100vh}.topbar{height:90px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:18px;position:sticky;top:0;z-index:20}.topbar-title{min-width:0}.topbar-title h1{font-size:1.2rem;margin:0}.topbar-title p{font-size:.76rem;color:var(--muted);margin:1px 0 0}.top-actions{margin-right:auto;display:flex;gap:8px}.content{padding:26px 28px 45px;max-width:1600px;margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:9px 15px;text-decoration:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(15,159,143,.18)}.btn-primary:hover{background:var(--teal-dark)}.btn-secondary{background:var(--navy);color:#fff}.btn-light{background:#edf2f6;color:#32465b}.btn-outline{background:#fff;color:var(--teal-dark);border:1px solid #acdcd5}.btn-danger{background:#fff0f0;color:var(--danger)}.btn-sm{padding:6px 10px;font-size:.74rem}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:39px;height:39px;cursor:pointer}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.card{background:var(--card);border:1px solid rgba(220,228,236,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:18px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;left:-22px;bottom:-28px;width:80px;height:80px;border-radius:50%;background:rgba(15,159,143,.06)}.stat-card .label{font-size:.76rem;color:var(--muted)}.stat-card .value{font-size:1.55rem;font-weight:800;margin-top:5px}.stat-card .hint{font-size:.7rem;color:#8a98aa;margin-top:4px}.card{padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-header h2,.card-header h3{margin:0;font-size:1rem}.card-header p{margin:2px 0 0;color:var(--muted);font-size:.74rem}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.section-title h2{margin:0;font-size:1.05rem}.table-wrap{overflow:auto;border-radius:13px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff;min-width:760px}th{background:#f7f9fc;color:#53667b;font-size:.72rem;text-align:right;padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 13px;border-bottom:1px solid #edf1f5;font-size:.8rem;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.empty-state{text-align:center;padding:35px;color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:.68rem;font-weight:700;background:#eef2f6;color:#526276}.badge-success{background:#e5f7f1;color:#08755b}.badge-warning{background:#fff4d9;color:#9a6409}.badge-danger{background:#ffebeb;color:#a72f2f}.badge-info{background:#e8f0ff;color:#2c5fae}.badge-dark{background:#e9edf2;color:#314458}.money{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.muted{color:var(--muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-left{text-align:left}.filters{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin-bottom:15px}.filters .form-group{min-width:150px;flex:0 1 auto}.filters .search{min-width:250px;flex:1}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-2{grid-column:span 2}.form-group label{display:block;font-size:.74rem;font-weight:700;color:#44566a;margin-bottom:6px}.required:after{content:" *";color:var(--danger)}.input,.select,.textarea{width:100%;border:1px solid #d8e0e9;border-radius:10px;background:#fff;padding:9px 11px;font-family:inherit;font-size:.82rem;color:var(--text);outline:none;transition:.15s}.input:focus,.select:focus,.textarea:focus{border-color:#62c7ba;box-shadow:0 0 0 3px rgba(15,159,143,.1)}.textarea{min-height:90px;resize:vertical}.input-group{display:flex}.input-group .select,.input-group .input{border-radius:0 10px 10px 0}.input-group .btn{border-radius:10px 0 0 10px}.help{font-size:.67rem;color:var(--muted);margin-top:4px}.form-section{padding:18px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;background:#fff}.form-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.form-section-title h3{margin:0;font-size:.9rem}.line-items{border:1px solid var(--line);border-radius:12px;overflow:auto}.line-row{display:grid;grid-template-columns:minmax(210px,2.2fr) .7fr 1fr 1fr .8fr 1fr 38px;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #edf1f5;min-width:930px}.line-row.header{background:#f7f9fc;color:#5a6c7f;font-size:.7rem;font-weight:700}.line-row:last-child{border-bottom:0}.line-row .input,.line-row .select{padding:7px 8px;font-size:.75rem}.remove-row{width:32px;height:32px;border:0;background:#fff0f0;color:var(--danger);border-radius:8px;cursor:pointer}.totals-box{margin-right:auto;width:min(430px,100%);background:#f8fbfc;border:1px solid #dbe8e7;border-radius:13px;padding:13px 16px;margin-top:14px}.total-line{display:flex;justify-content:space-between;padding:5px 0;font-size:.78rem}.total-line.grand{font-size:1rem;font-weight:800;border-top:1px solid #d7e4e3;margin-top:7px;padding-top:10px}.form-actions{position:sticky;bottom:0;background:rgba(243,246,250,.92);backdrop-filter:blur(10px);padding:13px 0;display:flex;justify-content:flex-start;gap:9px;z-index:10}.alert{padding:12px 15px;border-radius:11px;margin-bottom:17px;font-size:.8rem}.alert ul{margin:5px 18px 0}.alert-success{background:#e5f7f1;color:#08664f;border:1px solid #b9eadc}.alert-error{background:#ffeded;color:#922e2e;border:1px solid #f3c4c4}.detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-item{padding:12px;background:#f8fafc;border-radius:11px}.detail-item span{display:block;color:var(--muted);font-size:.7rem}.detail-item strong{display:block;margin-top:2px;font-size:.83rem}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.tab{padding:9px 13px;text-decoration:none;color:var(--muted);font-size:.78rem;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--teal-dark);border-color:var(--teal);font-weight:700}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(4,17,29,.55);z-index:100;padding:20px}.modal.open{display:flex}.modal-card{background:#fff;border-radius:18px;width:min(680px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 80px rgba(0,0,0,.22)}.modal-head,.modal-body,.modal-foot{padding:17px 20px}.modal-head{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-foot{border-top:1px solid var(--line);display:flex;gap:8px}.close-modal{border:0;background:#edf2f6;border-radius:8px;width:32px;height:32px;cursor:pointer}.pagination{display:flex;gap:5px;list-style:none;padding:0;margin:18px 0}.page-link{display:block;padding:6px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text);background:#fff}.active>.page-link{background:var(--teal);color:#fff;border-color:var(--teal)}.disabled>.page-link{opacity:.45}.summary-strip{display:flex;gap:8px;flex-wrap:wrap}.summary-chip{padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.73rem}.timeline{position:relative;padding-right:20px}.timeline:before{content:"";position:absolute;right:6px;top:5px;bottom:5px;width:2px;background:#dfe7ed}.timeline-item{position:relative;padding:0 16px 16px 0}.timeline-item:before{content:"";position:absolute;right:-18px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--teal);border:3px solid #ddf4f0}.timeline-item h4{margin:0;font-size:.8rem}.timeline-item p{margin:2px 0;color:var(--muted);font-size:.72rem}.mobile-only{display:none}.sidebar-overlay{display:none}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.col-3{grid-column:span 6}.detail-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(110%);transition:.2s}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:25}.main-area{margin-right:0}.mobile-only{display:inline-grid;place-items:center}.topbar{height:auto;min-height:78px;padding:13px 16px}.top-actions .btn-light{display:none}.content{padding:18px 14px 35px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.col-12,.col-8,.col-6,.col-4,.col-3,.col-2{grid-column:span 1}.detail-list{grid-template-columns:1fr}.card{padding:15px}.filters .form-group,.filters .search{width:100%;min-width:0}.filters .btn{flex:1}.topbar-title p{display:none}}
@media(max-width:520px){html{font-size:14px}.top-actions .btn{padding:8px 10px}.top-actions .btn:first-child{display:none}.grid-4{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card .value{font-size:1.2rem}.card-header{align-items:flex-start}.card-header>.btn{padding:7px 9px}}
@media print{.sidebar,.topbar,.form-actions,.btn,.filters,.sidebar-overlay{display:none!important}.main-area{margin:0}.content{padding:0}.card,.stat-card{box-shadow:none;border:1px solid #ccc}body{background:#fff}}
.allocation-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px 145px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.allocation-row:last-child{border-bottom:0}.allocation-row small{display:block;color:var(--muted);font-size:.68rem}@media(max-width:600px){.allocation-row{grid-template-columns:1fr 100px}.allocation-row .input{grid-column:1/-1}}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-side{background:linear-gradient(145deg,var(--navy),#0b3841);color:#fff;padding:9vw;display:flex;flex-direction:column;justify-content:center}.login-side .brand-mark{width:60px;height:60px;font-size:1.7rem}.login-side h1{font-size:2.2rem;margin:22px 0 4px}.login-side p{color:#c8d5de;max-width:470px}.login-features{display:flex;flex-direction:column;gap:10px;margin-top:25px;color:#dce8ed}.login-card{width:min(410px,85%);margin:auto;padding:35px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-card h2{margin:0}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-side{display:none}.login-card{margin:12vh auto}}
/* Pricing engine and completed operations */
.offer-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.offer-card{position:relative;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;cursor:pointer;transition:.15s}.offer-card:hover{border-color:#8dd3ca;transform:translateY(-1px)}.offer-card.selected{border-color:var(--teal);background:#f0fbf8;box-shadow:0 0 0 2px rgba(15,159,143,.08)}.offer-card.disabled{opacity:.48;cursor:not-allowed;transform:none}.offer-card input{position:absolute;opacity:0;pointer-events:none}.offer-check{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:#eef3f6;color:transparent;font-weight:800}.offer-card.selected .offer-check{background:var(--teal);color:#fff}.offer-card strong{display:block;font-size:.8rem}.offer-card small{display:block;color:var(--muted);font-size:.68rem;margin-top:3px;line-height:1.5}.pricing-items{display:flex;flex-direction:column;gap:10px}.pricing-line-row{display:grid;grid-template-columns:minmax(185px,1.7fr) .55fr .85fr .8fr .8fr .8fr .7fr .95fr 36px;gap:8px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;min-width:1120px}.pricing-line-row label{display:block;font-size:.65rem;font-weight:700;color:#5c6e80;margin-bottom:5px}.pricing-line-row small{display:block;font-size:.62rem;color:var(--muted);margin-top:4px}.pricing-line-result{padding:7px 9px;border-radius:10px;background:#f6fafb;min-height:59px}.pricing-line-result strong{display:block;color:var(--teal-dark)}.pricing-line-result small{color:var(--success)}.pricing-items{overflow:auto;padding-bottom:3px}.field-disabled{opacity:.35}.offer-total{color:#08755b}.switch-label{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700}.disabled-panel{opacity:.45;pointer-events:none}.compact{padding:15px}.subtle-card{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px}.operation-row{display:grid;grid-template-columns:1.5fr .7fr .8fr .8fr 36px;gap:9px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}.operation-row:last-child{border-bottom:0}.purchase-item-row{display:grid;grid-template-columns:1fr 1.8fr .6fr .8fr .8fr 36px;gap:8px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.purchase-allocation-row{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr .6fr .8fr 36px;gap:8px;align-items:end;padding:11px;background:#f8fafc;border-radius:12px;margin-bottom:8px}.installation-station-row{display:grid;grid-template-columns:1.4fr .55fr .65fr .8fr .8fr 1.2fr 36px;gap:8px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.profit-positive{color:#08755b}.profit-negative{color:var(--danger)}.metric-note{font-size:.66rem;color:var(--muted);margin-top:4px}.mini-progress{height:6px;background:#e8eef3;border-radius:999px;overflow:hidden;margin-top:7px}.mini-progress>span{display:block;height:100%;background:var(--teal);border-radius:inherit}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.print-header{display:none}.customer-segment{font-size:.65rem;margin-right:5px}
@media(max-width:1100px){.offer-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-allocation-row{grid-template-columns:repeat(3,1fr)}.installation-station-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.offer-selector{grid-template-columns:1fr}.purchase-item-row,.purchase-allocation-row,.installation-station-row,.operation-row{grid-template-columns:1fr 1fr}.purchase-item-row>*:first-child,.purchase-item-row>*:nth-child(2),.purchase-allocation-row>*:first-child,.installation-station-row>*:first-child{grid-column:1/-1}}
@media print{.print-header{display:block}.offer-selector,.page-no-print{display:none!important}}

.customer-history{max-width:1050px}.customer-history .timeline-item{padding-bottom:22px}.history-date{color:var(--teal-dark);font-weight:800;font-size:.72rem;margin-bottom:3px}.history-link{display:inline-block;margin-top:5px;color:var(--teal-dark);font-size:.72rem;text-decoration:none;font-weight:700}.history-link:hover{text-decoration:underline}

.attachment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.attachment-link{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;color:var(--text);transition:.18s ease}.attachment-link:hover{transform:translateY(-1px);border-color:var(--teal);box-shadow:0 8px 20px rgba(15,23,42,.06)}.attachment-link>span:first-child{font-size:22px}.attachment-link strong,.attachment-link small{display:block}.attachment-link small{color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.field-hidden{display:none!important}

/* v0.5 usability and visual polish */
:root{--focus:rgba(15,159,143,.16)}
.topbar{height:78px;padding-inline:24px}.content{padding-top:22px}.card,.form-section,.stat-card{transition:border-color .16s ease,box-shadow .16s ease}.form-section:hover{border-color:#d7e2ea}.btn:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.nav-link:focus-visible,.icon-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.input:disabled,.select:disabled,.textarea:disabled{background:#f3f6f8;color:#6d7b8c;cursor:not-allowed}.form-actions{border-top:1px solid rgba(215,226,234,.75);margin:8px -2px -2px}.rule-value{min-height:59px;display:flex;align-items:center;gap:10px;border:1px dashed #9bcfc8;background:#f0faf8;border-radius:11px;padding:8px 11px}.rule-value strong{font-size:1.25rem;color:var(--teal-dark)}.rule-value span{font-size:.68rem;color:var(--muted);line-height:1.45}.remote-select-search{margin-bottom:5px}.remote-select-status{display:block;min-height:17px;color:var(--muted);font-size:.64rem;margin:0 2px 4px}.attachment-link{border-color:var(--line);background:#f8fafc}.attachment-link:hover{border-color:var(--teal);box-shadow:0 8px 20px rgba(19,38,59,.06)}.row-editor summary{list-style:none}.row-editor summary::-webkit-details-marker{display:none}.row-editor[open]{background:#fbfdfd;border-radius:12px;padding:8px}.bank-row-card{scroll-margin-top:96px}.bank-row-card .form-actions{margin-top:12px}.table-wrap{background:#fff}.table-wrap table{border:0}.alert-info{background:#edf6ff;color:#315b81;border:1px solid #cfe3f4}.has-error{border-color:#e5a4a4!important;box-shadow:0 0 0 2px rgba(214,69,69,.08)}
@media(max-width:820px){.topbar{min-height:70px}.top-actions{gap:5px}.top-actions .btn-primary{padding-inline:12px}.form-actions{margin-inline:-2px;padding:11px 0}.rule-value{min-height:auto}}

/* v0.5 quotation conversion clarity */
.quotation-lock-notice{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.quotation-lock-notice a{font-weight:800;color:var(--teal);text-decoration:none}
.quote-locked{position:relative}
.quote-locked .offer-card,.quote-locked .pricing-line-row{background:#f8fafc}
.quote-locked input:disabled,.quote-locked select:disabled{opacity:1;color:#334155;background:#f1f5f9;cursor:not-allowed}
.quote-locked .remove-row{display:none}

/* v0.5 financial action feedback */
.confirm-modal-card{max-width:470px}
.confirm-message{font-size:15px;line-height:1.8;color:#334155;margin:0}
.review-progress-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.review-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:230px;flex:1}
.review-progress-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-progress-head span{color:var(--muted);font-size:12px}
.progress-track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;min-width:180px;flex:2}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#0f766e);border-radius:inherit}
.bank-inline-feedback{font-size:12px;color:var(--muted);margin-top:7px;min-height:18px}.bank-inline-feedback.is-error{color:#b91c1c}.bank-inline-feedback.is-success{color:#047857;font-weight:700}

/* v0.5 mobile pricing and bank-review density */
.bank-row-summary{cursor:pointer;user-select:none}.bank-row-card:not([open])>.bank-row-summary{margin-bottom:0}.bank-row-summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.bank-row-card[open]>.bank-row-summary{padding-bottom:12px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.pricing-line-row{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.pricing-line-row>.pricing-product,.pricing-line-row>.pricing-line-result{grid-column:1/-1}.pricing-line-row>.remove-row{grid-column:2;justify-self:end}.pricing-items{overflow:visible}.bank-row-summary{align-items:flex-start}}
@media(max-width:520px){.pricing-line-row{grid-template-columns:1fr}.pricing-line-row>.pricing-product,.pricing-line-row>.pricing-line-result,.pricing-line-row>.remove-row{grid-column:1}.pricing-line-row>.remove-row{justify-self:end}.review-progress-card{align-items:stretch}.review-progress-head,.progress-track{min-width:100%;width:100%}}

/* V0.6.3 - inline quick customer card */
.quick-customer-card{margin-bottom:16px;padding:17px 18px;border:1px solid #cfe5e1;border-radius:15px;background:linear-gradient(135deg,#fbfefe 0%,#f2faf8 100%);box-shadow:0 10px 30px rgba(19,38,59,.045)}
.quick-customer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.quick-customer-card-head>div{display:flex;align-items:center;gap:11px;min-width:0}.quick-customer-card-head h4{margin:0 0 2px;font-size:.9rem}.quick-customer-card-head p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}
.quick-customer-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;border-radius:10px;background:var(--teal);color:#fff;font-size:1.2rem;font-weight:800;box-shadow:0 7px 18px rgba(15,159,143,.2)}
.quick-customer-fields{align-items:end}.quick-customer-action{display:flex;flex-direction:column;justify-content:flex-end}.quick-customer-action .btn{width:100%}.quick-customer-message{min-height:18px;font-size:.72rem;font-weight:700}
@media(max-width:760px){.quick-customer-card{padding:14px}.quick-customer-card-head{align-items:center}.quick-customer-card-head .badge{display:none}.quick-customer-fields .col-2,.quick-customer-fields .col-3,.quick-customer-fields .col-4,.quick-customer-fields .col-6{grid-column:span 12}}

/* v0.6.4 operational UX refinements */
.commission-value-card{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;gap:5px 8px;min-height:58px;padding:9px 12px;border:1px solid #b8ded8;background:#f2fbf9;border-radius:12px}.commission-value-card strong{font-size:1.25rem;color:var(--teal-dark)}.commission-value-card span{font-weight:800;color:#426173}.commission-value-card small{grid-column:1/-1;color:var(--muted);font-size:.65rem}.commission-value-card.compact{min-height:54px;padding:7px 10px}.offer-name-group{min-width:0}.contract-stations{display:flex;flex-direction:column;gap:9px}.contract-station-row{display:grid;grid-template-columns:1.25fr .6fr .8fr 1.25fr 1fr .8fr 36px;gap:8px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbfdfd}.contract-station-row label{display:block;font-size:.65rem;font-weight:700;color:#5c6e80;margin-bottom:5px}
.entity-stats{display:grid;grid-template-columns:repeat(3,minmax(0,190px));gap:10px;margin-bottom:14px}.entity-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:var(--shadow)}.entity-stat span{display:block;color:var(--muted);font-size:.7rem}.entity-stat strong{display:block;font-size:1.35rem;margin-top:3px}.entity-stat.is-success strong{color:var(--success)}.master-create-card{margin-bottom:16px}.master-create-summary{list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 18px;cursor:pointer}.master-create-summary::-webkit-details-marker{display:none}.master-create-summary strong,.master-create-summary span{display:block}.master-create-summary>div>span{font-size:.7rem;color:var(--muted);margin-top:3px}.master-create-body{padding:0 18px 18px;border-top:1px solid var(--line);padding-top:15px}.textarea-compact{min-height:72px}.switch-box{min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.action-align{display:flex;align-items:flex-end}.entity-list-head{gap:15px}.entity-search{display:flex;gap:7px;min-width:min(500px,100%)}.entity-search .input{min-width:260px}.entity-cell{display:flex;align-items:center;gap:10px}.entity-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#e8f7f4;color:var(--teal-dark);font-weight:800}.entity-cell small,.contact-stack small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.contact-stack span{display:block}.actions-col{width:115px}.inline-edit{position:relative}.inline-edit summary{list-style:none}.inline-edit summary::-webkit-details-marker{display:none}.inline-edit-panel{position:absolute;left:0;top:38px;width:min(760px,82vw);z-index:25;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 20px 50px rgba(18,38,58,.16)}
.commission-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:12px;margin-bottom:14px}.commission-summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px;box-shadow:var(--shadow)}.commission-summary-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.commission-summary-head span{font-size:.72rem;color:var(--muted)}.commission-summary-head strong{font-size:1.25rem;color:var(--teal-dark)}.commission-summary-metrics{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;font-size:.67rem;color:var(--muted)}.commission-summary-metrics b{color:var(--text)}.commission-filter-card{padding:14px;margin-bottom:14px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:9px;align-items:end}.compact-filter{grid-template-columns:minmax(180px,260px) minmax(180px,260px) auto}.filter-actions{display:flex;gap:7px;align-items:end}.commission-list{display:flex;flex-direction:column;gap:10px}.commission-row-card{padding:0;overflow:visible}.commission-row-main{display:grid;grid-template-columns:1.55fr 1fr .8fr .7fr;gap:16px;align-items:center;padding:15px 17px}.commission-identity{display:flex;align-items:center;gap:10px}.commission-identity small,.commission-basis small,.commission-amount small,.commission-status small{display:block;color:var(--muted);font-size:.66rem;margin-top:3px}.commission-basis span,.commission-amount span{display:block;color:var(--muted);font-size:.66rem}.commission-basis strong,.commission-amount strong{display:block;margin-top:2px}.commission-status{text-align:center}.commission-progress{height:4px;background:#edf2f5}.commission-progress>span{display:block;height:100%;background:var(--teal)}.commission-row-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;background:#fafcfd;border-top:1px solid var(--line);font-size:.7rem}.commission-pay-panel{position:relative}.commission-pay-panel summary{list-style:none}.commission-pay-panel summary::-webkit-details-marker{display:none}.commission-pay-form{position:absolute;left:0;top:36px;z-index:30;width:min(860px,88vw);display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 20px 50px rgba(18,38,58,.16)}.commission-note{grid-column:1/4}
.reconcile-steps{display:flex;gap:6px;align-items:center;margin-bottom:14px;overflow:auto}.reconcile-steps span{white-space:nowrap;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.68rem}.reconcile-steps span.active{background:#eaf8f6;color:var(--teal-dark);border-color:#97d5cd;font-weight:800}.reconcile-steps span.done{background:#f1f5f8;color:#506578}.bank-mapping-layout{align-items:start}.mapping-method-card{padding:10px 12px;background:#f7fafc;border:1px solid var(--line);border-radius:11px}.mapping-method-card p{margin:3px 0 0;color:var(--muted);font-size:.68rem}.form-actions-inline{display:flex;gap:8px}.bank-preview-card{overflow:hidden}.preview-table td{white-space:nowrap;font-size:.66rem}.bank-review-header{display:grid;grid-template-columns:1.15fr 1.8fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:var(--shadow);margin-bottom:10px}.bank-review-title{display:flex;align-items:center;gap:10px}.bank-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f7f5;color:var(--teal-dark);font-size:1.25rem}.bank-review-title span:not(.bank-icon){display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.bank-review-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bank-review-kpis>div{padding:8px 10px;border-radius:10px;background:#f7f9fb}.bank-review-kpis span{display:block;color:var(--muted);font-size:.62rem}.bank-review-kpis strong{display:block;margin-top:2px}.bank-review-kpis .out strong{color:var(--danger)}.bank-review-kpis .in strong{color:var(--success)}.bank-review-actions{display:flex;gap:6px}.bank-progress-panel{display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:center;background:#f8fbfc;border:1px solid var(--line);border-radius:13px;padding:10px 13px;margin-bottom:12px}.bank-progress-panel>div:first-child span{display:block;color:var(--muted);font-size:.66rem;margin-top:2px}.bank-review-toolbar{padding:11px 13px;margin-bottom:10px}.bank-worklist{display:flex;flex-direction:column;gap:8px}.bank-work-item{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 16px rgba(20,42,65,.035);overflow:hidden}.bank-work-item[open]{border-color:#b9dcd7;box-shadow:0 8px 24px rgba(20,42,65,.07)}.bank-work-summary{display:grid;grid-template-columns:42px minmax(240px,1.6fr) .55fr .65fr .55fr;gap:12px;align-items:center;padding:11px 13px;cursor:pointer;list-style:none}.bank-work-summary::-webkit-details-marker{display:none}.bank-work-no{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0f4f7;color:#65788a;font-weight:800;font-size:.72rem}.bank-work-desc strong{display:block;font-size:.77rem}.bank-work-desc span{display:block;color:var(--muted);font-size:.65rem;margin-top:2px}.bank-work-amount{text-align:left}.bank-work-amount strong{display:block;font-size:.86rem}.bank-work-amount span{display:block;font-size:.6rem;color:var(--muted)}.bank-work-amount.is-in strong{color:var(--success)}.bank-work-amount.is-out strong{color:var(--danger)}.bank-work-status{text-align:center}.bank-work-body{padding:13px 15px;border-top:1px solid var(--line);background:#fbfcfd}.bank-source-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.bank-source-strip span{padding:5px 8px;border-radius:8px;background:#f0f4f7;font-size:.64rem;color:var(--muted)}.bank-source-strip b{color:var(--text)}.bank-classification-bar{display:grid;grid-template-columns:110px 220px 1fr;gap:10px;align-items:center;padding:9px 11px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:9px}.bank-classification-bar label{font-size:.7rem;font-weight:800}.bank-classification-bar span{font-size:.65rem;color:var(--muted)}.bank-detail-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px}.panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #edf1f4}.panel-title span{font-size:.65rem;color:var(--muted)}.bank-allocation-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.bank-allocation-list{display:flex;flex-direction:column;gap:6px}.bank-row-save{display:flex;align-items:center;gap:10px;margin-top:10px}.bank-row-save span{font-size:.65rem;color:var(--muted)}
@media(max-width:1100px){.contract-station-row{grid-template-columns:repeat(3,1fr)}.commission-summary-grid{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:repeat(3,1fr)}.commission-row-main{grid-template-columns:1.4fr 1fr 1fr}.commission-status{grid-column:3}.bank-review-header{grid-template-columns:1fr}.bank-review-kpis{grid-template-columns:repeat(4,1fr)}.bank-review-actions{justify-content:flex-start}.bank-progress-panel{grid-template-columns:1fr}.bank-work-summary{grid-template-columns:42px minmax(180px,1fr) .55fr .7fr}.bank-work-status{display:none}}
@media(max-width:700px){.entity-stats,.commission-summary-grid{grid-template-columns:1fr 1fr}.entity-search{min-width:100%;flex-wrap:wrap}.entity-search .input{min-width:100%}.inline-edit-panel,.commission-pay-form{position:fixed;inset:auto 12px 12px 12px;width:auto;max-height:75vh;overflow:auto}.filter-grid,.compact-filter{grid-template-columns:1fr 1fr}.commission-row-main{grid-template-columns:1fr 1fr}.commission-identity{grid-column:1/-1}.commission-row-foot{align-items:flex-start;flex-direction:column}.commission-pay-form{grid-template-columns:1fr 1fr}.commission-note{grid-column:1/-1}.bank-review-kpis{grid-template-columns:1fr 1fr}.bank-work-summary{grid-template-columns:36px 1fr auto}.bank-work-type,.bank-work-status{display:none}.bank-work-amount{grid-column:3}.bank-classification-bar{grid-template-columns:1fr}.contract-station-row{grid-template-columns:1fr 1fr}.contract-station-row>div:first-of-type{grid-column:1/-1}}
@media(max-width:480px){.entity-stats,.commission-summary-grid{grid-template-columns:1fr}.filter-grid,.compact-filter{grid-template-columns:1fr}.commission-row-main{grid-template-columns:1fr}.commission-basis,.commission-amount,.commission-status{text-align:right}.bank-work-summary{grid-template-columns:32px 1fr}.bank-work-amount{grid-column:2;text-align:right}.contract-station-row{grid-template-columns:1fr}}
.station-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 16px 16px}.station-mini-card{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fbfdfd}.station-mini-card strong,.station-mini-card span,.station-mini-card small{display:block}.station-mini-card span,.station-mini-card small{font-size:.65rem;color:var(--muted);margin-top:2px}@media(max-width:900px){.station-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.station-card-grid{grid-template-columns:1fr}.station-mini-card{flex-direction:column}}

/* Contract entry UX v0.6.5 */
.customer-picker-card{margin-bottom:16px;padding:18px;border:1px solid #cddde4;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(18,38,58,.045)}
.customer-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #edf2f4}
.customer-picker-head>div{display:flex;align-items:center;gap:11px}.customer-picker-head h3{margin:0;font-size:.95rem}.customer-picker-head p{margin:3px 0 0;color:var(--muted);font-size:.69rem}
.customer-picker-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f7f5;font-size:1rem}
.customer-picker-existing{display:grid;grid-template-columns:140px minmax(260px,1fr);gap:12px;align-items:center}.customer-picker-existing label{font-size:.72rem;font-weight:800}
.customer-picker-new{margin-top:12px;border-top:1px dashed #d8e3e8;padding-top:10px}.customer-picker-new>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--teal-dark);font-size:.72rem;font-weight:800;list-style:none}.customer-picker-new>summary::-webkit-details-marker{display:none}.customer-picker-new-body{margin-top:12px;padding:13px;border-radius:12px;background:#f8fbfc;border:1px solid #e4ecef}
.contract-main-card{border-top:3px solid #d8efeb}.contract-stations-section[hidden]{display:none!important}
.station-section-title{align-items:center}.station-capacity-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(210px,1.4fr);gap:8px;margin-bottom:12px;padding:10px;background:#f7fafb;border:1px solid var(--line);border-radius:12px}.station-capacity-strip>div{padding:8px 10px;background:#fff;border-radius:9px;border:1px solid #e7eef1}.station-capacity-strip span{display:block;color:var(--muted);font-size:.62rem}.station-capacity-strip strong{display:block;margin-top:2px;font-size:.95rem}.station-capacity-status{display:flex;align-items:center;justify-content:center;color:var(--success);font-size:.68rem;font-weight:800}.station-capacity-status.is-error{color:var(--danger);background:#fff3f3!important;border-color:#f1caca!important}
.contract-station-row{grid-template-columns:1.2fr .75fr 1.1fr 1fr .8fr .58fr .68fr 36px}.station-device-field .input{font-weight:800;text-align:center;background:#f5fbfa;border-color:#cde5e1}.station-name-field{min-width:0}
@media(max-width:1100px){.station-capacity-strip{grid-template-columns:repeat(2,1fr)}.station-capacity-status{grid-column:1/-1}.customer-picker-existing{grid-template-columns:1fr}.contract-station-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.customer-picker-card{padding:14px}.customer-picker-head{align-items:center}.customer-picker-head p{display:none}.station-capacity-strip{grid-template-columns:1fr 1fr}.contract-station-row{grid-template-columns:1fr 1fr}.station-name-field{grid-column:1/-1}}
@media(max-width:480px){.station-capacity-strip{grid-template-columns:1fr}.station-capacity-status{grid-column:auto}.contract-station-row{grid-template-columns:1fr}.station-name-field{grid-column:auto}}

/* Unified reference-field UX: one selector + one optional create action. */
.reference-picker-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.reference-picker-control{display:flex;align-items:stretch;gap:8px;min-width:0}
.reference-picker-control>.select{flex:1;min-width:0}
.reference-picker-add{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:40px}
.customer-picker-existing>.reference-picker-control{min-width:0}
.customer-picker-new[hidden]{display:none!important}
@media(max-width:700px){.reference-picker-control{align-items:stretch}.reference-picker-add{padding-inline:10px}.customer-picker-existing{grid-template-columns:1fr}}

/* V0.6.6 — reference-driven contract/collection UX */
.readonly-value{min-height:44px;display:flex;align-items:center;padding:10px 12px;border:1px solid var(--border,#dfe5ec);border-radius:10px;background:#f8fafc;font-weight:700}
.receivable-choice{align-items:center;gap:14px}
.receivable-choice>div:first-child{min-width:0;flex:1}
.receivable-choice small{display:block;margin-top:5px;color:var(--muted,#6b7280)}
.allocation-amount-control{display:flex;align-items:center;gap:8px;min-width:260px}
.allocation-amount-control .input{min-width:130px}
.intermediary-switch-section [data-intermediary-panel][hidden],[data-contract-installments-section][hidden]{display:none!important}
@media(max-width:760px){.allocation-amount-control{width:100%;min-width:0}.receivable-choice{align-items:stretch;flex-direction:column}}

/* V0.6.9 Bootstrap-style form controls + official Select2 Bootstrap 5 theme */
:root{--control-h:44px;--control-radius:10px;--surface-soft:#f8fafc;--surface-accent:#f3fbf9;--ring:0 0 0 .2rem rgba(15,159,143,.14)}
.input,.select,.textarea{min-height:var(--control-h);border-radius:var(--control-radius);border:1px solid #ced4da;background:#fff;padding:.625rem .75rem;font-size:.82rem;line-height:1.35;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.select{appearance:none;-webkit-appearance:none;padding-left:2.35rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left .75rem center;background-size:16px 12px}
.input:hover,.select:hover,.textarea:hover{border-color:#adb5bd}.input:focus,.select:focus,.textarea:focus{border-color:#5dbeb1;box-shadow:var(--ring);outline:0}.input::placeholder,.textarea::placeholder{color:#9aa7b6}.input:disabled,.select:disabled,.textarea:disabled{background:#e9ecef;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.form-group>label,.reference-picker-field>label{font-size:.75rem;color:#3c5065;margin-bottom:6px}.help{line-height:1.55}.form-section{padding:20px;border-color:#dfe6ed;box-shadow:0 5px 18px rgba(20,42,65,.035)}.form-section-title{padding-bottom:12px;border-bottom:1px solid #edf1f5;margin-bottom:17px}.form-section-title h3{font-size:.94rem}.form-actions{padding:13px 4px}.reference-picker-control{position:relative;align-items:stretch}.reference-picker-add{min-height:var(--control-h);padding-inline:13px;flex:0 0 auto}
/* Select2 is the only enhanced select UI. The native select is retained by Select2 for form submission. */
.select2-container{min-width:0;flex:1}.reference-picker-control>.select2-container{flex:1;width:auto!important}.select2-container--bootstrap-5 .select2-selection{min-height:var(--control-h);border:1px solid #ced4da;border-radius:var(--control-radius);box-shadow:none;font-family:inherit;font-size:.82rem;transition:border-color .15s ease,box-shadow .15s ease;background-color:#fff}.select2-container--bootstrap-5 .select2-selection--single{padding:.56rem .75rem}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding:0;color:var(--text);line-height:1.55}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder{color:#9aa7b6}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow{left:.75rem;right:auto;width:16px}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#5dbeb1;box-shadow:var(--ring)}.select2-container--bootstrap-5.select2-container--disabled .select2-selection{background:#e9ecef;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.select2-container--bootstrap-5 .select2-selection__clear{margin-left:1.65rem;margin-right:0;color:#6c757d}.select2-container--bootstrap-5 .select2-dropdown{border-color:#ced4da;border-radius:10px;box-shadow:0 .75rem 2rem rgba(18,38,58,.14);overflow:hidden;z-index:190}.select2-container--bootstrap-5 .select2-search{padding:.65rem}.select2-container--bootstrap-5 .select2-search__field{min-height:40px;border:1px solid #ced4da;border-radius:8px;padding:.5rem .7rem;font-family:inherit;direction:rtl}.select2-container--bootstrap-5 .select2-search__field:focus{border-color:#5dbeb1;box-shadow:var(--ring);outline:0}.select2-container--bootstrap-5 .select2-results__options{max-height:280px}.select2-container--bootstrap-5 .select2-results__option{padding:.65rem .8rem;font-size:.8rem}.select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected]{background:#0f9f8f;color:#fff}.select2-container--bootstrap-5 .select2-results__option[aria-selected=true]{background:#e8f6f3;color:#075e57;font-weight:700}.select2-container--bootstrap-5 .select2-results__message{color:#6c757d;text-align:center;padding:.8rem}.select2-container--bootstrap-5 .select2-selection--multiple{padding:.25rem .4rem}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice{background:#e8f6f3;border:1px solid #cce9e4;color:#075e57;border-radius:6px}.select2-container--bootstrap-5.is-invalid .select2-selection{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.12)}
.customer-picker-card{border-color:#cbdde4;box-shadow:0 10px 30px rgba(20,42,65,.05)}.customer-picker-existing{grid-template-columns:130px minmax(280px,1fr)}.customer-picker-new-body{background:#f7fbfb}.contract-main-card{border-top:0;position:relative}.contract-main-card:before{content:'';position:absolute;top:-1px;right:18px;left:18px;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#1ab5a2,#0f9f8f)}
.table-wrap{box-shadow:inset 0 0 0 1px rgba(227,233,240,.25)}th{font-size:.71rem;letter-spacing:.01em}td{font-size:.79rem}.empty-state{background:#fbfcfd;border-radius:10px}.readonly-value{min-height:var(--control-h);background:#f6f8fa}.btn{min-height:40px}.btn-sm{min-height:34px}.remove-row{transition:.15s}.remove-row:hover{background:#ffe2e2;transform:scale(1.03)}
.field-hidden,[hidden]{display:none!important}.section-spaced{margin-top:18px}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kpi-note{font-size:.65rem;color:var(--muted)}
.btn:focus-visible,.nav-link:focus-visible,.icon-button:focus-visible,.remove-row:focus-visible{outline:3px solid rgba(15,159,143,.2);outline-offset:2px}.btn:disabled,.btn[aria-disabled="true"]{opacity:.58;cursor:not-allowed;transform:none!important;box-shadow:none}.section-tight{margin-top:10px}.full-width{width:100%}.statement-summary{margin-bottom:16px}
@media(max-width:760px){.form-section{padding:15px}.customer-picker-existing{grid-template-columns:1fr}.reference-picker-control{gap:6px;flex-wrap:wrap}.reference-picker-add{padding-inline:10px}.reference-picker-control>.select2-container{flex-basis:100%}.input,.select,.textarea,.select2-container--bootstrap-5 .select2-selection{font-size:16px}.form-actions{padding:10px 0}.top-actions .btn-light{display:none}.select2-container--bootstrap-5 .select2-dropdown{font-size:16px}}

/* V0.6.7 audit polish — operational context and native accessible progress */
.context-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #dce8e7;border-radius:12px;background:var(--surface-accent)}
.context-panel>div{min-width:0;padding:8px 10px;background:#fff;border:1px solid #e5eeed;border-radius:10px}.context-label{display:block;color:var(--muted);font-size:.67rem}.context-panel strong{display:block;margin-top:2px;font-size:.82rem}.context-panel small{display:block;color:var(--muted);font-size:.64rem;margin-top:3px;line-height:1.5}
.version-lock-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-bottom:14px;border:1px solid #d7e5f5;background:#f3f7fc;border-radius:11px;color:#405873}.version-lock-note strong{color:#24466c}.version-lock-note span{font-size:.72rem}
.mini-progress-native,.commission-progress-native,.bank-progress-native{display:block;width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;background:#e7eef2;appearance:none;-webkit-appearance:none}.mini-progress-native::-webkit-progress-bar,.commission-progress-native::-webkit-progress-bar,.bank-progress-native::-webkit-progress-bar{background:#e7eef2;border-radius:999px}.mini-progress-native::-webkit-progress-value,.commission-progress-native::-webkit-progress-value,.bank-progress-native::-webkit-progress-value{background:linear-gradient(90deg,#16ad9b,#0f9f8f);border-radius:999px}.mini-progress-native::-moz-progress-bar,.commission-progress-native::-moz-progress-bar,.bank-progress-native::-moz-progress-bar{background:#0f9f8f;border-radius:999px}.commission-progress-native{margin:8px 0}.bank-progress-native{height:10px;margin-block:9px}.contract-overview-card,.quotation-overview-card{border-top:3px solid #ccece7}
@media(max-width:900px){.context-panel{grid-template-columns:1fr}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.detail-list{grid-template-columns:1fr}.version-lock-note{align-items:flex-start;flex-direction:column}}

/* V0.6.7 operational correction + Customer 360 polish */
.inline-correction{position:relative}.inline-correction>summary{list-style:none;cursor:pointer}.inline-correction>summary::-webkit-details-marker{display:none}.inline-correction-form{position:absolute;z-index:145;left:0;top:calc(100% + 6px);width:280px;padding:12px;background:#fff;border:1px solid #d9e3eb;border-radius:12px;box-shadow:0 16px 38px rgba(18,38,58,.16);display:grid;gap:8px}.inline-correction-form label{font-size:.72rem;color:var(--muted)}
.timeline-list{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #edf1f5}.timeline-row:last-child{border-bottom:0}.timeline-row strong{display:block;margin-bottom:3px}.timeline-row .muted{font-size:.72rem}
@media(max-width:760px){.inline-correction-form{position:fixed;right:10px;left:10px;bottom:12px;top:auto;width:auto;z-index:170}.timeline-row{grid-template-columns:1fr auto}.timeline-row>.btn{grid-column:1/-1;justify-self:start}}


/* V0.6.10 — contract intermediary switch + inline AJAX creation */
.intermediary-heading{align-items:center}.intermediary-heading>.help{max-width:640px}
.toggle-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;direction:ltr;flex:0 0 auto}
.toggle-switch>input{position:absolute;opacity:0;pointer-events:none}
.toggle-switch-track{position:relative;width:48px;height:26px;border-radius:999px;background:#cfd8df;box-shadow:inset 0 0 0 1px rgba(18,38,58,.08);transition:.18s ease}
.toggle-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(18,38,58,.22);transition:transform .18s ease}
.toggle-switch-text{min-width:28px;font-size:.68rem;font-weight:800;color:#6c7b89;letter-spacing:.02em}
.toggle-switch-text [data-toggle-on]{display:none;color:var(--teal-dark)}
.toggle-switch>input:checked+.toggle-switch-track{background:var(--teal)}
.toggle-switch>input:checked+.toggle-switch-track .toggle-switch-thumb{transform:translateX(22px)}
.toggle-switch>input:checked~.toggle-switch-text [data-toggle-off]{display:none}
.toggle-switch>input:checked~.toggle-switch-text [data-toggle-on]{display:inline}
.toggle-switch>input:focus-visible+.toggle-switch-track{box-shadow:0 0 0 3px rgba(15,159,143,.16)}
.toggle-switch>input:disabled+.toggle-switch-track{opacity:.58;cursor:not-allowed}.toggle-switch:has(input:disabled){cursor:not-allowed}
.intermediary-card{border:1px solid #dbe6e8;border-radius:14px;background:#fbfefd;padding:15px;margin-top:2px}
.intermediary-card[hidden]{display:none!important}
.intermediary-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #e6efef}
.intermediary-card-head strong{display:block;font-size:.82rem;color:var(--text)}.intermediary-card-head small{display:block;margin-top:3px;font-size:.67rem;color:var(--muted)}
.quick-intermediary-panel{margin-top:14px;padding:14px;border:1px dashed #bcdad5;border-radius:12px;background:#f5fbfa}.quick-intermediary-panel[hidden]{display:none!important}
.quick-intermediary-head{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.quick-intermediary-head strong{font-size:.78rem}.quick-intermediary-head span{font-size:.66rem;color:var(--muted)}
.quick-intermediary-message{min-height:18px;font-size:.7rem;font-weight:700}
@media(max-width:760px){.intermediary-heading{align-items:flex-start}.intermediary-card-head{align-items:flex-start;flex-direction:column}.toggle-switch{margin-top:2px}.quick-intermediary-head{align-items:flex-start;flex-direction:column}}

/* V0.6.11 — historical receivables + contract item lifecycle */
.historical-generation-panel{border:1px solid #d7e5f0;border-radius:12px;background:#f8fbfd}.historical-generation-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.historical-generation-panel>summary::-webkit-details-marker{display:none}.historical-generation-panel>summary strong{font-size:.78rem}.historical-generation-panel>summary span{font-size:.67rem;color:var(--muted)}.historical-generation-form{display:grid;grid-template-columns:minmax(180px,240px) minmax(180px,240px) auto;gap:10px;align-items:end;padding:13px 14px;border-top:1px solid #e3ebf1}.historical-generation-form label{display:block;font-size:.68rem;color:var(--muted);margin-bottom:5px}.historical-generation-form small{grid-column:1/-1;color:var(--muted);font-size:.66rem}
.contract-item-period{display:block;margin-top:4px;color:var(--muted);font-size:.64rem;line-height:1.45}.contract-item-stopped{background:#fafafa;color:#718096}.contract-item-stopped .money{text-decoration:line-through;text-decoration-thickness:1px}.contract-item-stop-control{position:relative}.contract-item-stop-control>summary{list-style:none;cursor:pointer}.contract-item-stop-control>summary::-webkit-details-marker{display:none}.contract-item-stop-form{width:310px}.contract-item-stop-form .textarea{resize:vertical}
@media(max-width:760px){.historical-generation-panel>summary{align-items:flex-start;flex-direction:column}.historical-generation-form{grid-template-columns:1fr}.historical-generation-form small{grid-column:1}.contract-item-stop-form{width:auto}}

/* Customer follow-up inside the customer 360 file */
.customer-success-card{margin-top:18px;padding:0;overflow:hidden;scroll-margin-top:96px}.customer-success-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 18px;background:linear-gradient(135deg,#f7fbfb 0%,#fff 72%);border-bottom:1px solid var(--line)}.customer-success-head h2{margin:2px 0 3px;font-size:1.08rem}.customer-success-head p{margin:0;color:var(--muted);font-size:.74rem}.customer-success-kicker{font-size:.67rem;font-weight:800;color:var(--teal-dark);letter-spacing:.02em}.customer-success-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line);background:#fff}.cs-summary-item{position:relative;padding:16px 18px;min-height:94px;border-left:1px solid #edf1f5}.cs-summary-item:last-child{border-left:0}.cs-summary-item span,.cs-summary-item small{display:block;color:var(--muted)}.cs-summary-item span{font-size:.68rem;font-weight:700}.cs-summary-item strong{display:block;font-size:.94rem;margin:4px 0 2px}.cs-summary-item small{font-size:.63rem;line-height:1.45}.cs-summary-item:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:transparent}.cs-summary-item.cs-tone-danger:before{background:var(--danger)}.cs-summary-item.cs-tone-warning:before{background:var(--warning)}.cs-summary-item.cs-tone-info:before{background:var(--blue)}.cs-summary-item.cs-tone-success:before{background:var(--success)}.cs-summary-item.cs-tone-muted:before{background:#94a3b8}.cs-summary-item.cs-tone-danger strong{color:var(--danger)}.cs-summary-item.cs-tone-warning strong{color:#9a6409}.cs-attention-strip{margin:14px 20px 0;padding:10px 13px;border:1px solid #f0d8a8;background:#fff9ec;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cs-attention-strip.critical{border-color:#efc1c1;background:#fff2f2}.cs-attention-strip>div{display:flex;align-items:center;gap:9px}.cs-attention-strip strong{font-size:.78rem}.cs-attention-strip span{font-size:.7rem;color:var(--muted)}.customer-success-tabs{display:flex;align-items:center;gap:3px;padding:16px 20px 0;border-bottom:1px solid var(--line);overflow:auto;background:#fff}.customer-success-tab{appearance:none;border:0;background:transparent;color:#68798b;font-family:inherit;font-weight:700;font-size:.76rem;padding:10px 12px 11px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}.customer-success-tab:hover{color:var(--teal-dark)}.customer-success-tab.active{color:var(--teal-dark);border-bottom-color:var(--teal)}.customer-success-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-right:4px;border-radius:999px;background:#edf3f5;color:#536778;font-size:.62rem}.customer-success-tab.active span{background:#dff4f0;color:var(--teal-dark)}.customer-success-panel{padding:20px}.customer-success-panel[hidden]{display:none!important}.cs-section-box{border:1px solid var(--line);border-radius:14px;background:#fbfcfd;padding:16px;min-width:0}.cs-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.cs-section-title h3{margin:0;font-size:.9rem}.cs-section-title p{margin:2px 0 0;color:var(--muted);font-size:.69rem}.cs-inline-form{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.cs-inline-form .form-group+.form-group{margin-top:10px}.cs-inline-form .btn{margin-top:12px}.cs-add-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;margin-bottom:14px}.cs-add-row .form-group{min-width:230px;margin:0}.cs-grow{flex:1}.cs-form-card{padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8fafc;margin-bottom:14px}.cs-align-end{display:flex;align-items:end}.cs-checkbox-group{display:flex;align-items:end;padding-bottom:8px}.cs-checkbox-group label{display:flex;align-items:center;gap:6px}.select-compact{width:auto;min-width:120px;padding:6px 8px;font-size:.72rem}.cs-run-list,.cs-task-list{display:flex;flex-direction:column;gap:9px}.cs-run-item,.cs-task-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}.cs-run-item.is-active{border-right:3px solid var(--teal)}.cs-run-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.cs-run-main strong{font-size:.8rem}.cs-run-main span{font-size:.66rem;color:var(--teal-dark);font-weight:700;background:#e8f7f4;padding:4px 8px;border-radius:999px}.cs-run-meta,.cs-task-meta{display:flex;gap:8px 14px;flex-wrap:wrap;color:var(--muted);font-size:.64rem;margin:6px 0}.cs-resolution-form{margin-top:9px}.cs-task-item{display:flex;gap:11px}.cs-task-item.is-overdue{border-color:#edc1c1;background:#fffafa}.cs-task-check{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:#edf4f5;color:var(--teal-dark);font-weight:800}.cs-task-item.is-overdue .cs-task-check{background:#ffeded;color:var(--danger)}.cs-task-body{min-width:0;flex:1}.cs-task-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.cs-task-title strong{font-size:.78rem}.cs-task-actions{margin-top:9px}.cs-task-edit{position:relative}.cs-task-edit>summary{list-style:none;cursor:pointer}.cs-task-edit>summary::-webkit-details-marker{display:none}.cs-task-edit[open]{width:100%}.cs-task-edit-form{display:grid;grid-template-columns:1fr .8fr 1fr auto;gap:8px;align-items:end;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.cs-task-edit-form .form-group{margin:0}.customer-followup-cell{min-width:190px}.customer-followup-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.customer-followup-line+.customer-followup-line{margin-top:5px}.customer-followup-line small{color:var(--muted)}
@media(max-width:1280px){.customer-success-summary{grid-template-columns:repeat(3,1fr)}.cs-summary-item{border-bottom:1px solid #edf1f5}.cs-summary-item:nth-child(3n){border-left:0}}
@media(max-width:820px){.customer-success-head{align-items:flex-start;flex-direction:column;padding:18px}.customer-success-summary{grid-template-columns:repeat(2,1fr)}.cs-summary-item:nth-child(3n){border-left:1px solid #edf1f5}.cs-summary-item:nth-child(2n){border-left:0}.customer-success-tabs{padding-inline:14px}.customer-success-panel{padding:14px}.cs-attention-strip{margin-inline:14px;align-items:flex-start}.cs-add-row{align-items:stretch}.cs-add-row .form-group{min-width:100%;width:100%}.cs-task-edit-form{grid-template-columns:1fr}.cs-run-main,.cs-task-title{align-items:flex-start;flex-direction:column}.cs-checkbox-group{padding-bottom:0}.cs-align-end{align-items:stretch}}
@media(max-width:520px){.customer-success-summary{grid-template-columns:1fr}.cs-summary-item,.cs-summary-item:nth-child(3n){border-left:0}.cs-attention-strip{flex-direction:column}.customer-success-tab{padding-inline:9px}.customer-success-head .btn{width:100%}}
.card-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Customer follow-up V4: simple daily workflow */
.cs-simple-card{margin-top:18px;padding:0;overflow:hidden;scroll-margin-top:96px}
.cs-simple-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 16px;background:#fff;border-bottom:1px solid var(--line)}
.cs-simple-eyebrow{font-size:.68rem;font-weight:800;color:var(--teal-dark);margin-bottom:4px}
.cs-simple-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cs-simple-title-row h2{margin:0;font-size:1.08rem}.cs-simple-header p{margin:5px 0 0;color:var(--muted);font-size:.72rem}
.cs-simple-state{font-size:.66rem;font-weight:800;padding:5px 9px;border-radius:999px}.cs-simple-state-danger{background:#fff0f0;color:var(--danger)}.cs-simple-state-warning{background:#fff7e8;color:#98610a}.cs-simple-state-info{background:#edf7fb;color:#176880}.cs-simple-state-success{background:#eaf8f0;color:#257a4b}
.cs-simple-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f9fbfc;border-bottom:1px solid var(--line)}.cs-simple-summary>div{padding:13px 18px;border-left:1px solid #e9eff2}.cs-simple-summary>div:last-child{border-left:0}.cs-simple-summary span{display:block;color:var(--muted);font-size:.65rem;margin-bottom:3px}.cs-simple-summary strong{font-size:.82rem}
.cs-daily-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:16px;padding:18px 20px}.cs-action-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;min-width:0}.cs-action-card.is-overdue{border-color:#efc8c8;background:#fffdfd}.cs-action-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.cs-action-card-head>div{display:flex;align-items:center;gap:8px}.cs-action-card-head strong{font-size:.88rem}.cs-action-card-head small{color:var(--muted);font-size:.64rem}.cs-step-number{width:24px;height:24px;border-radius:8px;background:#e7f5f3;color:var(--teal-dark);display:inline-grid;place-items:center;font-size:.72rem;font-weight:900}
.cs-next-action{padding:14px;border-radius:12px;background:#f8fafb}.cs-next-action h3{margin:0 0 5px;font-size:1rem}.cs-next-action p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.7}.cs-next-meta{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:12px;font-size:.69rem;color:var(--muted)}.cs-complete-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.cs-decision-form{display:flex;gap:8px;align-items:end;margin-top:14px}.cs-decision-form .select{max-width:300px}.cs-next-empty{text-align:center;padding:24px 15px}.cs-done-icon{width:42px;height:42px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#e9f7ef;color:#258251;font-weight:900;font-size:1.1rem}
.cs-quick-form{display:flex;flex-direction:column;gap:10px}.cs-quick-form .form-group{margin:0}.cs-save-followup{margin-top:2px;width:100%}
.cs-important-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px 18px}.cs-important-box{border:1px solid var(--line);border-radius:12px;background:#fbfcfd;padding:12px}.cs-important-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cs-important-head strong{font-size:.78rem}.cs-important-head span{min-width:22px;height:22px;border-radius:999px;background:#edf3f5;display:grid;place-items:center;font-size:.65rem;font-weight:800}.cs-important-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf1f3}.cs-important-item:first-of-type{border-top:0}.cs-important-item>div{min-width:0}.cs-important-item strong{display:block;font-size:.73rem}.cs-important-item small{display:block;color:var(--muted);font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px;margin-top:2px}
.cs-advanced{border-top:1px solid var(--line);background:#fbfcfd}.cs-advanced>summary{list-style:none;cursor:pointer;padding:14px 20px;font-size:.75rem;font-weight:800;color:#516473;display:flex;align-items:center;justify-content:space-between;gap:10px}.cs-advanced>summary::-webkit-details-marker{display:none}.cs-advanced>summary:after{content:'▾';font-size:.8rem}.cs-advanced[open]>summary:after{content:'▴'}.cs-advanced>summary span{font-size:.62rem;font-weight:600;color:var(--muted)}.cs-advanced-body{padding:0 20px 20px}.cs-mt-10{margin-top:10px}.cs-mt-14{margin-top:14px}.cs-history-list{display:flex;flex-direction:column}.cs-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f3}.cs-history-row:last-child{border-bottom:0}.cs-history-row strong{display:block;font-size:.72rem}.cs-history-row small{display:block;color:var(--muted);font-size:.62rem;margin-top:2px}.cs-history-row>span{color:var(--muted);font-size:.63rem;white-space:nowrap}
@media(max-width:1000px){.cs-daily-grid{grid-template-columns:1fr}.cs-simple-summary{grid-template-columns:repeat(2,1fr)}.cs-important-row{grid-template-columns:1fr}}
@media(max-width:650px){.cs-simple-header{align-items:flex-start;flex-direction:column;padding:16px}.cs-simple-header .btn{width:100%}.cs-simple-summary{grid-template-columns:1fr}.cs-simple-summary>div{border-left:0;border-bottom:1px solid #e9eff2}.cs-daily-grid{padding:14px;gap:12px}.cs-important-row{padding:0 14px 14px}.cs-complete-form{grid-template-columns:1fr}.cs-decision-form{align-items:stretch;flex-direction:column}.cs-decision-form .select{max-width:none}.cs-advanced>summary{padding-inline:14px}.cs-advanced-body{padding:0 14px 14px}.cs-advanced>summary span{display:none}}

/* Customer follow-up V5: clearer state, quick reassessment and history */
.icon-action{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--teal-dark);cursor:pointer;text-decoration:none;transition:.15s ease}.icon-action:hover{border-color:#b9d9dc;background:#f3fbfb;transform:translateY(-1px)}.icon-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-actions-col{width:100px}.customer-row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-start}.quick-reassess,.cs-reassess-menu{position:relative}.quick-reassess>summary,.cs-reassess-menu>summary{list-style:none}.quick-reassess>summary::-webkit-details-marker,.cs-reassess-menu>summary::-webkit-details-marker{display:none}.quick-reassess-popover,.cs-reassess-popover{position:absolute;z-index:40;left:0;top:calc(100% + 8px);width:min(330px,85vw);padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,35,50,.16);display:flex;flex-direction:column;gap:9px}.quick-reassess-popover strong,.cs-reassess-popover>strong{font-size:.84rem}.quick-reassess-popover label,.cs-reassess-popover label{font-size:.67rem;font-weight:700;color:var(--muted)}.quick-reassess-popover .form-group,.cs-reassess-popover .form-group{margin:0}
.customer-followup-reason{margin-top:6px;font-size:.64rem;color:var(--muted)}.customer-followup-reason span{margin-left:3px}.customer-followup-reason strong{font-size:.67rem;color:var(--text)}
.cs-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-reassess-popover{left:auto;right:0;width:360px}.cs-summary-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-simple-summary small{display:block;color:var(--muted);font-size:.61rem;line-height:1.5;margin-top:4px}.cs-auto-badge{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#e7f5f3;color:var(--teal-dark);font-size:.62rem;font-weight:800}
.cs-history-visible{margin:0 20px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.cs-history-visible-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cs-history-visible-head h3{margin:0;font-size:.9rem}.cs-history-visible-head p{margin:3px 0 0;color:var(--muted);font-size:.67rem}.cs-history-visible-head>span{font-size:.63rem;color:var(--muted);white-space:nowrap}.cs-history-timeline{position:relative}.cs-history-entry{position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;padding:8px 0}.cs-history-entry:not(:last-child):before{content:"";position:absolute;right:9px;top:27px;bottom:-8px;width:1px;background:#e3eaee}.cs-history-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#8aa1ae;border:2px solid #fff;box-shadow:0 0 0 2px #dfe8ec}.cs-history-entry.is-status .cs-history-dot{background:var(--teal);box-shadow:0 0 0 2px #d4efec}.cs-history-entry.is-followup .cs-history-dot{background:#5b7fff;box-shadow:0 0 0 2px #e2e7ff}.cs-history-content strong{display:block;font-size:.75rem}.cs-history-content p{margin:3px 0;color:var(--muted);font-size:.66rem;line-height:1.55}.cs-history-content small{color:var(--muted);font-size:.61rem}
.cs-home-followups{margin-top:18px}.cs-home-followup-note{padding:10px 14px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted);background:#fffafa}.cs-home-followup-note strong{color:var(--danger)}
@media(max-width:800px){.cs-summary-3{grid-template-columns:1fr}.cs-header-actions{width:100%}.cs-header-actions>.btn,.cs-header-actions>details{flex:1}.cs-reassess-menu>summary{width:100%;text-align:center}.cs-reassess-popover{right:0;left:auto}.cs-history-visible{margin-inline:14px}.quick-reassess-popover{position:fixed;left:16px;right:16px;top:20%;width:auto}}

/* V5 quick reassessment is modal-like so it is not clipped by table/card overflow. */
.quick-reassess-popover,.cs-reassess-popover{position:fixed;z-index:80;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));max-height:80vh;overflow:auto}
.quick-reassess[open]::before,.cs-reassess-menu[open]::before{content:"";position:fixed;inset:0;z-index:70;background:rgba(7,30,38,.28);pointer-events:none}
@media(max-width:800px){.quick-reassess-popover,.cs-reassess-popover{position:fixed;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 28px)}}

/* Customer profile V6.1 — stable visual redesign built on the proven V5 flow. */
.customer-profile-page{display:flex;flex-direction:column;gap:18px;max-width:1480px;margin:0 auto}.cpf-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#0d3045 0%,#075f6c 48%,#0b9faf 100%);color:#fff;box-shadow:0 20px 45px rgba(13,48,69,.16)}.cpf-hero:before,.cpf-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.cpf-hero:before{width:360px;height:360px;left:-130px;top:-230px;background:rgba(255,255,255,.07)}.cpf-hero:after{width:240px;height:240px;right:38%;bottom:-190px;background:rgba(39,179,106,.18)}.cpf-hero-main{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 26px 20px}.cpf-avatar{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dff7f5);color:#07505a;font-size:1.75rem;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.14)}.cpf-identity h2{margin:7px 0 4px;font-size:1.55rem;line-height:1.35}.cpf-pills{display:flex;gap:7px;flex-wrap:wrap}.cpf-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:800;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16)}.cpf-pill.is-active{background:#dff8ea;color:#176b46;border-color:transparent}.cpf-pill.is-inactive{background:#ffe9e9;color:#9f3030;border-color:transparent}.cpf-pill.is-startup{background:#fff3cf;color:#805d07;border-color:transparent}.cpf-meta{display:flex;gap:8px 18px;flex-wrap:wrap;color:rgba(255,255,255,.82);font-size:.75rem}.cpf-meta span:not(:last-child):after{content:"•";margin-right:18px;color:rgba(255,255,255,.32)}.cpf-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px}.cpf-hero-stats>div{min-width:92px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);text-align:center;backdrop-filter:blur(5px)}.cpf-hero-stats span{display:block;font-size:.65rem;color:rgba(255,255,255,.72)}.cpf-hero-stats strong{display:block;font-size:1.12rem;margin-top:2px}.cpf-contact-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(4,36,50,.28);border-top:1px solid rgba(255,255,255,.1)}.cpf-contact-strip>div{padding:12px 18px;border-left:1px solid rgba(255,255,255,.09);min-width:0}.cpf-contact-strip>div:last-child{border-left:0}.cpf-contact-strip span{display:block;font-size:.62rem;color:rgba(255,255,255,.64)}.cpf-contact-strip strong{display:block;margin-top:2px;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpf-actions{display:flex;align-items:center;gap:9px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px rgba(19,38,59,.06);overflow-x:auto}.cpf-action{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #dfe9ec;border-radius:12px;background:#fff;color:#314458;text-decoration:none;font-size:.76rem;font-weight:800;white-space:nowrap;transition:.18s ease}.cpf-action:hover{transform:translateY(-2px);border-color:#a8dcd7;background:#f8fefe;box-shadow:0 8px 20px rgba(15,159,143,.09)}.cpf-action.is-primary{background:linear-gradient(135deg,#e8faf7,#eef8ff);border-color:#bfe4df;color:#067b89}.cpf-action-symbol{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#edf6f6;color:#067b89;font-size:.78rem}.cpf-profile-action{margin-right:auto;flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0b9fb0;color:#fff;text-decoration:none;font-size:1.05rem;box-shadow:0 8px 20px rgba(11,159,176,.18);transition:.18s ease}.cpf-profile-action:hover{transform:translateY(-2px) rotate(-2deg);background:#067b89}.cpf-section{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(19,38,59,.055);padding:18px}.cpf-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.cpf-section-head>div>span{display:block;color:#0b9fb0;font-size:.64rem;font-weight:900;margin-bottom:2px}.cpf-section-head h3{margin:0;font-size:1rem}.cpf-section-head>a{font-size:.7rem;font-weight:800;color:#067b89;text-decoration:none}.cpf-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cpf-info-grid>div{padding:12px 14px;border-radius:12px;background:#f8fbfc;border:1px solid #edf2f4}.cpf-info-grid>div.is-wide{grid-column:span 2}.cpf-info-grid span{display:block;color:var(--muted);font-size:.64rem}.cpf-info-grid strong{display:block;margin-top:3px;font-size:.78rem}.cpf-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cpf-finance-card{border:1px solid #e6edf0;border-radius:15px;padding:14px;background:linear-gradient(180deg,#fff,#fbfdfd)}.cpf-finance-card-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #edf2f4}.cpf-finance-card-head strong{font-size:.9rem;color:#07505a}.cpf-finance-card-head span{font-size:.64rem;color:var(--muted)}.cpf-finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.cpf-finance-metrics>div{padding:9px;border-radius:10px;background:#f7fafb}.cpf-finance-metrics span{display:block;color:var(--muted);font-size:.58rem}.cpf-finance-metrics strong{display:block;margin-top:3px;font-size:.76rem;font-variant-numeric:tabular-nums}.cpf-finance-metrics .is-good{color:#1c8f53}.cpf-finance-metrics .is-danger,.cpf-list-row .is-danger{color:var(--danger)}.cpf-cost-line{display:flex;gap:8px 15px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:.6rem}.cpf-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cpf-list{display:flex;flex-direction:column}.cpf-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 4px;border-bottom:1px solid #edf2f4;text-decoration:none;color:inherit;transition:.15s ease}.cpf-list-row:last-child{border-bottom:0}.cpf-list-row:not(.is-static):hover{padding-inline:10px;background:#f8fcfc;border-radius:10px}.cpf-list-row>div{min-width:0}.cpf-list-row strong{display:block;font-size:.77rem}.cpf-list-row span{display:block;color:var(--muted);font-size:.64rem;margin-top:2px}.cpf-list-row b{font-size:.72rem;white-space:nowrap}.cpf-state{display:inline-flex!important;width:auto!important;margin:0!important;padding:4px 9px;border-radius:999px;font-size:.62rem!important;font-weight:800}.cpf-state.is-green{background:#e8f7ef;color:#1c8f53}.cpf-state.is-gray{background:#edf1f4;color:#66757a}.cpf-empty{text-align:center;padding:24px 10px;color:var(--muted);font-size:.72rem}.cpf-timeline{display:flex;flex-direction:column}.cpf-event{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;padding:8px 0}.cpf-event:not(:last-child):before{content:"";position:absolute;right:5px;top:22px;bottom:-4px;width:1px;background:#e3eaed}.cpf-event>i{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#0b9fb0;box-shadow:0 0 0 3px #e2f5f7}.cpf-event strong{display:block;font-size:.74rem}.cpf-event span{display:block;color:var(--muted);font-size:.63rem;margin-top:2px}.cpf-event small{display:block;color:#8b99a3;font-size:.58rem;margin-top:3px}.cpf-event>a{font-size:.65rem;font-weight:800;color:#067b89;text-decoration:none}.cpf-attachments{display:flex;gap:9px;flex-wrap:wrap}.cpf-attachments>a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:11px;background:#f8fbfc;border:1px solid #e4ecef;text-decoration:none;color:#314458;font-size:.7rem}.cpf-attachments>a>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#e7f5f5;color:#067b89;font-weight:900}.customer-profile-page .cs-simple-card{margin:0;border-radius:18px;border:1px solid var(--line);box-shadow:0 10px 28px rgba(19,38,59,.055);overflow:hidden}.customer-profile-page .cs-simple-header{background:linear-gradient(90deg,#ffffff,#f6fbfb)}.customer-profile-page .cs-simple-summary{background:#fbfdfd}.customer-profile-page .cs-action-card{box-shadow:0 5px 16px rgba(19,38,59,.035)}.customer-profile-page .cs-action-card:first-child{border-color:#d7e8ea}.customer-profile-page .cs-next-action{background:linear-gradient(135deg,#f8fbfc,#f3faf9)}.customer-profile-page .cs-complete-form .btn-primary{min-width:138px}.customer-profile-page .cs-important-box{background:#fff}.customer-profile-page .cs-history-visible{background:#fbfdfd}.cpf-enter{animation:cpfEnter .42s ease both}.cpf-delay-1{animation-delay:.05s}.cpf-delay-2{animation-delay:.1s}.cpf-delay-3{animation-delay:.15s}@keyframes cpfEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.cpf-hero-main{grid-template-columns:auto 1fr}.cpf-hero-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.cpf-contact-strip{grid-template-columns:repeat(2,1fr)}.cpf-finance-grid{grid-template-columns:1fr}.cpf-finance-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.cpf-grid-2{grid-template-columns:1fr}.cpf-info-grid{grid-template-columns:repeat(2,1fr)}.cpf-info-grid>div.is-wide{grid-column:span 2}.cpf-hero-main{padding:20px}.cpf-actions{padding:8px}.cpf-action{min-height:40px;padding-inline:11px}.cpf-contact-strip>div{padding:10px 14px}}@media(max-width:600px){.cpf-hero-main{grid-template-columns:1fr;text-align:center}.cpf-avatar{margin:auto}.cpf-pills,.cpf-meta{justify-content:center}.cpf-meta span:not(:last-child):after{display:none}.cpf-hero-stats{grid-template-columns:repeat(3,1fr)}.cpf-contact-strip{grid-template-columns:1fr 1fr}.cpf-contact-strip>div:nth-child(even){border-left:0}.cpf-info-grid{grid-template-columns:1fr}.cpf-info-grid>div.is-wide{grid-column:span 1}.cpf-finance-metrics{grid-template-columns:1fr 1fr}.cpf-section{padding:15px}.cpf-profile-action{margin-right:0}.cpf-actions{align-items:stretch}.cpf-action{flex:0 0 auto}.customer-profile-page .cs-daily-grid{padding-inline:14px}}@media(prefers-reduced-motion:reduce){.cpf-enter{animation:none}.cpf-action,.cpf-profile-action,.cpf-list-row{transition:none}}


/* V6.2 rendering hardening: contain glyphs/icons and prevent stale visual artifacts. */
.sidebar{overflow:hidden}
.nav-list{overflow-y:auto;overflow-x:hidden}
.nav-link{overflow:hidden;min-width:0}
.nav-link>.nav-safe-mark{
    flex:0 0 24px;width:24px;height:24px;min-width:24px;min-height:24px;
    border-radius:7px;background:rgba(255,255,255,.06);display:grid;place-items:center;
    overflow:hidden;contain:paint;line-height:1;font-size:0;
}
.nav-link>.nav-safe-mark::before{
    content:"";width:7px;height:7px;border-radius:2px;background:currentColor;opacity:.9;
    box-shadow:0 0 0 3px rgba(255,255,255,.035);
}
.nav-link.active>.nav-safe-mark::before{background:#46deca;box-shadow:0 0 0 3px rgba(70,222,202,.12)}
.icon-action,.icon-action svg{overflow:hidden;contain:paint}
.icon-action svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;display:block!important;flex:none!important}
.customer-profile-page{overflow:clip}
.customer-profile-page svg{max-width:24px!important;max-height:24px!important;overflow:hidden!important;contain:paint}
.cpf-action{overflow:hidden;contain:paint}
.cpf-profile-action{width:auto;min-width:58px;height:42px;padding:0 13px;font-size:.72rem;overflow:hidden;contain:paint;white-space:nowrap}
.cpf-file-mark{position:relative;overflow:hidden;contain:paint}
.cpf-file-mark::before{content:"";width:8px;height:10px;border:1.5px solid currentColor;border-radius:2px;display:block}
.cpf-file-mark::after{content:"";position:absolute;width:4px;height:4px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);top:7px;left:9px}
.cs-step-number,.cs-done-icon,.cs-task-check{overflow:hidden;contain:paint;line-height:1}
.cs-done-icon{font-size:0;position:relative}
.cs-done-icon::before{content:"";width:13px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);display:block;margin-top:-2px}
.cs-task-check{font-size:0!important;position:relative}
.cs-task-check::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;display:block}
/* Defensive clipping for any unsupported symbol font that may still exist elsewhere. */
.sidebar span,.customer-profile-page [class*="icon"],.customer-profile-page [class*="symbol"]{max-inline-size:100%;overflow:hidden}

/* Sales CRM — pre-contract customer journey */
.sales-crm-page,.sales-lead-profile{--sales-navy:#0b2341;--sales-teal:#0b9fb0;--sales-teal-dark:#067b89;--sales-green:#27b36a;--sales-blue:#2f80ed;--sales-purple:#7c5ce7;--sales-danger:#ff4d4f;--sales-warning:#f59e0b;--sales-bg:#f7fafb;--sales-border:#e5ecee;--sales-text:#08353a;--sales-muted:#66757a;color:var(--sales-text)}
.sales-page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:20px 22px;border:1px solid #e2ecef;border-radius:18px;background:radial-gradient(520px 150px at 100% 0,rgba(11,159,176,.09),transparent 60%),linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 10px 30px rgba(11,35,65,.055)}.sales-page-head.compact{padding-block:17px}.sales-page-head h2{margin:4px 0;font-size:1.5rem}.sales-page-head h2 small{font-size:.85rem;color:var(--sales-muted);font-weight:600}.sales-page-head p{margin:0;color:var(--sales-muted);font-size:.75rem}.sales-eyebrow{font-size:.67rem;color:var(--sales-teal-dark);font-weight:900}.sales-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.sales-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.sales-kpi{position:relative;display:flex;align-items:center;gap:11px;min-height:84px;padding:13px 14px;border:1px solid var(--sales-border);border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(11,35,65,.045);overflow:hidden}.sales-kpi>i{width:38px;height:38px;border-radius:12px;background:#ebf8fb;position:relative;flex:0 0 38px}.sales-kpi>i:before{content:"";position:absolute;inset:11px;border-radius:4px;background:currentColor}.sales-kpi strong{display:block;font-size:1.2rem;line-height:1.1}.sales-kpi span{display:block;margin-top:3px;font-size:.64rem;color:var(--sales-muted)}.sales-kpi:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:currentColor;opacity:.8}.sales-tone-teal{color:var(--sales-teal)}.sales-tone-blue{color:var(--sales-blue)}.sales-tone-green,.sales-tone-success{color:var(--sales-green)}.sales-tone-purple{color:var(--sales-purple)}.sales-tone-danger{color:var(--sales-danger)}
.sales-toolbar{padding:13px;margin-bottom:14px}.sales-filter-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sales-filter-form>.select{min-width:145px;width:auto}.sales-search{display:flex;align-items:center;gap:8px;min-width:260px;flex:1;height:40px;padding:0 12px;border:1px solid var(--sales-border);border-radius:10px;background:#fbfcfd}.sales-search:focus-within{border-color:#7bd1d9;box-shadow:0 0 0 3px rgba(11,159,176,.08);background:#fff}.sales-search>span{width:16px;height:16px;border:2px solid #8ba1aa;border-radius:50%;position:relative;flex:0 0 16px}.sales-search>span:after{content:"";position:absolute;width:6px;height:2px;background:#8ba1aa;left:-4px;bottom:-2px;transform:rotate(45deg);border-radius:4px}.sales-search input{border:0;background:transparent;outline:0;min-width:0;flex:1;font:inherit;font-size:.75rem}.sales-quick-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.sales-filter-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--sales-border);border-radius:999px;background:#f9fbfc;color:#63767e;text-decoration:none;font-size:.65rem;font-weight:750;transition:.16s ease}.sales-filter-chip b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#edf3f5;color:#50646d;font-size:.58rem}.sales-filter-chip:hover,.sales-filter-chip.active{color:var(--sales-teal-dark);border-color:#9ddfe5;background:#eaf8fa;transform:translateY(-1px)}.sales-filter-chip.active b{background:#fff;color:var(--sales-teal-dark)}
.sales-grid-card{padding:0;overflow:hidden}.sales-grid-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;border-bottom:1px solid var(--sales-border);background:linear-gradient(180deg,#fff,#fbfdfe);font-size:.68rem;color:var(--sales-muted)}.sales-bulk-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sales-table-wrap{max-height:none}.sales-leads-table{min-width:1300px;font-size:.68rem}.sales-leads-table thead th{position:sticky;top:0;z-index:3;background:#f6f9fa;color:#5e727a;font-size:.63rem;font-weight:850}.sales-leads-table td,.sales-leads-table th{padding:8px 8px}.sales-leads-table tbody tr{transition:.15s ease}.sales-leads-table tbody tr:hover{background:#f4fbfc}.sales-check-col{width:36px}.sales-company{display:block;color:#102f4f;text-decoration:none;min-width:160px}.sales-company strong{display:block;font-size:.72rem}.sales-company small{display:block;margin-top:2px;color:var(--sales-muted);font-size:.58rem;font-weight:500}.sales-stage,.sales-score,.sales-response,.sales-qualification,.sales-last-activity{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:.6rem;font-weight:850;white-space:nowrap;border:1px solid transparent}.stage-lead{background:#eef2f5;color:#60727f}.stage-contacted{background:#fff1d5;color:#a86b00}.stage-qualified{background:#dff1ff;color:#1670c2}.stage-demo{background:#e8e3ff;color:#6e4bd7}.stage-proposal,.stage-evaluation{background:#f0e7ff;color:#8052cb}.stage-negotiation{background:#daf7e7;color:#178d54}.stage-contract_pending{background:#e6f3ff;color:#3265aa}.stage-won{background:#dff6e8;color:#167b49}.stage-nurturing{background:#f1ebff;color:#7754bd}.stage-lost,.stage-disqualified{background:#ffe4e5;color:#c7464a}.score-hot{background:#fff0ef;color:#b73732;border-color:#ffd6d2}.score-promising{background:#fff7df;color:#9a6400;border-color:#f6e2a9}.score-medium{background:#eaf8fa;color:#246a74;border-color:#c8e9ed}.score-low{background:#f1f4f5;color:#68777c;border-color:#e2e7e9}.sales-response.yes,.q-qualified{background:#dcf7e8;color:#137d49}.sales-response.no{background:#f1f3f5;color:#69777d}.q-evaluating{background:#fff1d5;color:#a86b00}.q-unqualified{background:#ffe4e5;color:#c7464a}.sales-last-activity.fresh{background:#e3f7eb;color:#157b49}.sales-last-activity.warm{background:#fff2d8;color:#a66b00}.sales-last-activity.stale{background:#ffe6e7;color:#c34448}.sales-profile-icon{width:32px;height:32px;border-radius:9px;border:1px solid #dfe9ec;background:#fff;display:grid;place-items:center;margin:auto;transition:.16s ease}.sales-profile-icon>span{width:14px;height:14px;position:relative}.sales-profile-icon>span:before{content:"";position:absolute;top:0;left:4px;width:6px;height:6px;border:1.5px solid #0b7f8e;border-radius:50%}.sales-profile-icon>span:after{content:"";position:absolute;left:1px;bottom:0;width:12px;height:6px;border:1.5px solid #0b7f8e;border-radius:7px 7px 3px 3px;border-bottom-color:#0b7f8e}.sales-profile-icon:hover{background:#eaf8fa;border-color:#a9dfe4;transform:translateY(-1px)}.sales-pager-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;border-top:1px solid var(--sales-border);font-size:.65rem;color:var(--sales-muted)}.sales-page-size{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-inline:2px;border:1px solid var(--sales-border);border-radius:7px;color:inherit;text-decoration:none}.sales-page-size.active{background:var(--sales-teal);border-color:var(--sales-teal);color:#fff}
.sales-lead-form{overflow:hidden}.sales-form-section{padding:18px 20px;border-bottom:1px solid var(--sales-border)}.sales-form-section>h3{margin:0 0 13px;font-size:.88rem}.sales-form-section.is-followup{background:linear-gradient(180deg,#fbfeff,#f6fbfc)}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid .span-2{grid-column:span 2}.form-grid .span-3{grid-column:span 3}
.sales-lead-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;color:#fff;background:radial-gradient(420px 160px at 10% 0,rgba(18,208,220,.32),transparent 65%),linear-gradient(135deg,#0b2341,#0b6077 65%,#0b9fb0);box-shadow:0 16px 34px rgba(11,35,65,.16)}.sales-lead-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:1.25rem;font-weight:900}.sales-lead-title{display:flex;align-items:center;gap:8px}.sales-lead-title h2{margin:0;font-size:1.25rem}.sales-lead-identity p{margin:4px 0 8px;color:rgba(255,255,255,.75);font-size:.72rem}.sales-lead-tags{display:flex;gap:6px;flex-wrap:wrap}.sales-lead-tags span,.sales-favorite{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);font-size:.6rem;color:#fff}.sales-lead-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:7px}.sales-lead-hero-stats>div{padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.sales-lead-hero-stats span{display:block;font-size:.56rem;color:rgba(255,255,255,.68)}.sales-lead-hero-stats strong{display:block;margin-top:2px;font-size:.72rem}.sales-profile-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}.sales-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.sales-profile-main,.sales-profile-side{display:flex;flex-direction:column;gap:16px}.sales-status-card{overflow:hidden}.sales-status-form{padding:16px}.sales-rating-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.sales-rating-guide>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;padding:9px;border:1px solid var(--sales-border);border-radius:10px;font-size:.62rem;font-weight:850;background:#fff}.sales-rating-guide b{width:8px;height:8px;border-radius:50%;grid-row:1/3}.sales-rating-guide small{grid-column:2;color:var(--sales-muted);font-size:.54rem;font-weight:500}.sales-rating-guide .hot b{background:#ff5c63}.sales-rating-guide .promising b{background:#f6a609}.sales-rating-guide .medium b{background:#0b9fb0}.sales-rating-guide .low b{background:#94a3b8}.sales-followup-editor{margin-top:13px;padding:14px;border:1px solid #dbeaed;border-radius:13px;background:linear-gradient(180deg,#fbfeff,#f6fbfc)}.sales-section-mini{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.sales-section-mini span{display:block;font-size:.58rem;color:var(--sales-teal-dark);font-weight:900}.sales-section-mini h3{margin:2px 0 0;font-size:.82rem}.sales-section-mini em{font-style:normal;font-size:.57rem;color:var(--sales-teal-dark);background:#e6f7f8;padding:4px 7px;border-radius:999px}.sales-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 14px}.sales-info-grid>div{padding:9px;background:#f8fafb;border:1px solid #edf1f3;border-radius:9px;min-width:0}.sales-info-grid span{display:block;color:var(--sales-muted);font-size:.57rem}.sales-info-grid strong{display:block;margin-top:2px;font-size:.68rem;overflow-wrap:anywhere}.sales-interest-add{display:flex;gap:6px;padding:0 14px 10px}.sales-interest-add .input{min-width:0}.sales-interest-list{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 14px}.sales-interest-list>span{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#eaf8fa;color:#246a74;font-size:.61rem}.sales-interest-list form{display:inline}.sales-interest-list button{border:0;background:transparent;color:#789399;padding:0 2px;font-size:.8rem}.sales-next-card,.sales-convert-card{padding:16px;border:1px solid var(--sales-border);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(11,35,65,.045)}.sales-next-card{background:linear-gradient(135deg,#f7fcfd,#eefafb);border-color:#cfe8eb}.sales-next-card.is-overdue{background:#fff8f6;border-color:#ffd4cd}.sales-next-card>span,.sales-convert-card>span{font-size:.6rem;font-weight:900;color:var(--sales-teal-dark)}.sales-next-card h3,.sales-convert-card h3{margin:4px 0;font-size:.92rem}.sales-next-meta{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.sales-next-meta b{padding:5px 7px;border-radius:7px;background:#fff;border:1px solid var(--sales-border);font-size:.58rem}.sales-convert-card.ready{background:linear-gradient(135deg,#f2fcf6,#eafaf1);border-color:#bfe7cf}.sales-convert-card.ready>span{color:#178d54}.sales-convert-card.blocked{background:#fafafa}.sales-convert-card.converted{background:linear-gradient(135deg,#eef8ff,#f0f6ff);border-color:#cbdff3}.sales-convert-card p{color:var(--sales-muted);font-size:.64rem;line-height:1.55}.sales-timeline{padding:4px 18px 16px}.sales-timeline-item{position:relative;display:grid;grid-template-columns:12px 1fr;gap:9px;padding:9px 0}.sales-timeline-item:not(:last-child):before{content:"";position:absolute;right:5px;top:23px;bottom:-4px;width:1px;background:#dfeaec}.sales-timeline-item>i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--sales-teal);box-shadow:0 0 0 3px #e1f5f7}.sales-timeline-item strong{font-size:.7rem}.sales-timeline-item p{margin:2px 0;color:#435b63;font-size:.65rem;line-height:1.55}.sales-timeline-item small{color:#87979e;font-size:.56rem}.sales-note-form{display:flex;gap:8px;align-items:flex-end;padding:0 14px 13px}.sales-note-form .textarea{flex:1}.sales-note-list{padding:0 14px 14px;display:flex;flex-direction:column;gap:7px}.sales-note{padding:10px;border:1px solid var(--sales-border);border-radius:10px;background:#fbfcfd}.sales-note p{margin:0 0 5px;font-size:.68rem}.sales-note small{color:var(--sales-muted);font-size:.56rem}.sales-task-create{padding:0 14px 13px}.sales-task-list{display:flex;flex-direction:column;padding:0 14px 14px}.sales-task-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #edf1f3}.sales-task-row.done{opacity:.6}.sales-task-type{padding:5px 7px;border-radius:999px;background:#eef7f8;color:#315f66;font-size:.58rem;font-weight:850;text-align:center}.sales-task-body strong{display:block;font-size:.67rem}.sales-task-body small{display:block;margin-top:2px;color:var(--sales-muted);font-size:.55rem}.sales-task-priority{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.55rem;font-weight:850}.p-high{background:#fff0ef;color:#b73732}.p-medium{background:#fff7df;color:#936000}.p-low{background:#edf5f6;color:#557177}
.sales-task-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.sales-task-kpis>div{padding:14px;border:1px solid var(--sales-border);border-radius:13px;background:#fff}.sales-task-kpis strong{display:block;font-size:1.2rem}.sales-task-kpis span{display:block;margin-top:2px;color:var(--sales-muted);font-size:.62rem}.sales-task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:14px}.sales-view-tabs{display:flex;gap:5px}.sales-view-tabs a{padding:7px 11px;border:1px solid var(--sales-border);border-radius:9px;text-decoration:none;color:var(--sales-muted);font-size:.64rem;font-weight:800}.sales-view-tabs a.active{background:#eaf8fa;color:var(--sales-teal-dark);border-color:#a7dfe4}.sales-task-filters{display:flex;gap:7px;align-items:center}.sales-task-filters .select{width:auto;min-width:125px}.sales-task-filters .input{width:230px}.sales-task-board{padding:0;overflow:hidden}.sales-task-board-row{display:grid;grid-template-columns:34px 75px minmax(220px,1fr) 130px 105px 80px auto;gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid #edf1f3;font-size:.64rem}.sales-task-board-row:hover{background:#f7fbfc}.sales-task-board-row.overdue{background:#fffafa}.sales-task-checkmark{width:23px;height:23px;display:grid;place-items:center;border:1px solid #ccdade;border-radius:6px;color:var(--sales-green);font-weight:900}.sales-task-desc a{text-decoration:none;color:inherit}.sales-task-desc strong{display:block}.sales-task-desc small,.sales-task-date small{display:block;color:var(--sales-muted);font-size:.54rem;margin-top:2px}.sales-task-owner{color:#4e636b}.sales-task-pagination{padding:10px 13px}
@media(max-width:1280px){.sales-kpis{grid-template-columns:repeat(3,1fr)}.sales-profile-grid{grid-template-columns:minmax(0,1fr) 300px}.form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-task-board-row{min-width:950px}.sales-task-board{overflow:auto}}
@media(max-width:900px){.sales-page-head{align-items:flex-start;flex-direction:column}.sales-profile-grid{grid-template-columns:1fr}.sales-lead-hero{grid-template-columns:auto 1fr}.sales-lead-hero-stats{grid-column:1/-1;width:100%}.sales-task-toolbar{align-items:stretch;flex-direction:column}.sales-task-filters{flex-wrap:wrap}.sales-task-filters .input{flex:1;width:auto;min-width:180px}}
@media(max-width:680px){.sales-kpis{grid-template-columns:repeat(2,1fr)}.sales-filter-form>.select,.sales-filter-form>.sales-search{width:100%;min-width:100%}.sales-grid-head{align-items:flex-start;flex-direction:column}.sales-lead-hero{grid-template-columns:1fr;text-align:center}.sales-lead-avatar{margin:auto}.sales-lead-title,.sales-lead-tags{justify-content:center}.sales-lead-hero-stats{grid-template-columns:1fr}.sales-rating-guide{grid-template-columns:1fr 1fr}.form-grid.cols-4,.form-grid.cols-3{grid-template-columns:1fr}.form-grid .span-2,.form-grid .span-3{grid-column:span 1}.sales-info-grid{grid-template-columns:1fr}.sales-note-form{align-items:stretch;flex-direction:column}.sales-task-row{grid-template-columns:68px 1fr}.sales-task-row>*:nth-child(n+3){grid-column:2}.sales-task-kpis{grid-template-columns:repeat(2,1fr)}.sales-view-tabs{overflow:auto}.sales-view-tabs a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.sales-filter-chip,.sales-profile-icon,.sales-leads-table tbody tr{transition:none}}
.sales-home-followups{border-top:3px solid #0b9fb0}.sales-home-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sales-home-note{padding:9px 14px;border-top:1px solid #f0dddd;background:#fff8f7;color:#a13d3d;font-size:.7rem}.customer-sales-origin{background:linear-gradient(135deg,#fbfeff,#f5fbfc);border-color:#d6e9ec}.customer-sales-origin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.customer-sales-origin-grid>div{padding:11px 12px;border:1px solid #e2ecef;border-radius:11px;background:#fff}.customer-sales-origin-grid span{display:block;color:#71868e;font-size:.62rem}.customer-sales-origin-grid strong{display:block;margin-top:3px;font-size:.75rem;color:#123b45}
@media(max-width:800px){.customer-sales-origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-home-head-actions{width:100%}}
@media(max-width:520px){.customer-sales-origin-grid{grid-template-columns:1fr}}
.sales-activity-count{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:8px;background:#edf5ff;color:#356aa0;font-size:.62rem;font-weight:850}
.sales-sort{color:inherit;text-decoration:none;white-space:nowrap}.sales-sort:hover{color:#067b89}
.sales-pipeline{margin-bottom:14px;padding:13px 14px;border:1px solid #e2ecef;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 7px 22px rgba(11,35,65,.04);overflow:hidden}.sales-pipeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.sales-pipeline-head span{display:block;font-size:.62rem;color:#067b89;font-weight:900}.sales-pipeline-head strong{display:block;margin-top:2px;font-size:.7rem;color:#34535d}.sales-pipeline-track{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.sales-pipeline-step{position:relative;flex:0 0 auto;min-width:115px;padding:9px 10px;border:1px solid #e4ecef;border-radius:10px;background:#fff;color:#536a72;text-decoration:none;transition:.16s ease}.sales-pipeline-step:after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;border-radius:0 0 10px 10px;background:currentColor;opacity:.35}.sales-pipeline-step span{display:block;font-size:.58rem;font-weight:800;white-space:nowrap}.sales-pipeline-step strong{display:block;margin-top:3px;font-size:.86rem}.sales-pipeline-step:hover,.sales-pipeline-step.active{transform:translateY(-1px);border-color:#a9dfe4;background:#f4fbfc;color:#067b89}.sales-pipeline-step.active{box-shadow:0 7px 16px rgba(11,159,176,.09)}

/* =========================================================
   Unified Task Center — based on the CRM work-center reference
   ========================================================= */
.task-center-page{--task-navy:#0b2341;--task-teal:#0b9fb0;--task-teal-dark:#067b89;--task-green:#27b36a;--task-danger:#ef5b62;--task-warning:#f59e0b;--task-purple:#7768ff;--task-muted:#6c8189;--task-border:#e3ecef}
.task-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--task-border);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8fcfd 72%,#eef9fb 100%);box-shadow:0 10px 28px rgba(11,35,65,.055)}
.task-center-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e8f7f9;color:var(--task-teal-dark);font-size:.64rem;font-weight:900}.task-center-head h2{margin:6px 0 3px;font-size:1.35rem;color:#103647}.task-center-head p{margin:0;color:var(--task-muted);font-size:.76rem}.task-center-add{min-width:125px}
.task-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.task-focus-card{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--task-border);border-radius:14px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 7px 20px rgba(11,35,65,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.task-focus-card:hover,.task-focus-card.active{transform:translateY(-1px);box-shadow:0 12px 28px rgba(11,35,65,.075);border-color:#b9dfe4}.task-focus-card.active{background:linear-gradient(135deg,#fbfeff,#eef9fb)}.task-focus-icon{flex:0 0 40px;width:40px;height:40px;border-radius:11px;position:relative;display:block}.task-focus-icon:before,.task-focus-icon:after{content:"";position:absolute}.task-focus-icon.is-today{background:#eaf8fa}.task-focus-icon.is-today:before{width:16px;height:16px;border:2px solid var(--task-teal);border-radius:50%;inset:10px}.task-focus-icon.is-today:after{width:4px;height:4px;border-radius:50%;background:var(--task-teal);top:18px;left:18px}.task-focus-icon.is-overdue{background:#fff0ef}.task-focus-icon.is-overdue:before{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:17px solid var(--task-danger);top:10px;left:11px}.task-focus-icon.is-overdue:after{width:2px;height:7px;background:#fff;left:19px;top:15px;box-shadow:0 9px 0 -1px #fff}.task-focus-icon.is-meeting{background:#f0eeff}.task-focus-icon.is-meeting:before{width:18px;height:13px;border:2px solid var(--task-purple);border-radius:4px;top:12px;left:8px}.task-focus-icon.is-meeting:after{width:7px;height:9px;background:var(--task-purple);clip-path:polygon(100% 0,0 50%,100% 100%);top:14px;right:6px}.task-focus-icon.is-done{background:#e9f9f1}.task-focus-icon.is-done:before{width:18px;height:18px;border:2px solid var(--task-green);border-radius:50%;inset:9px}.task-focus-icon.is-done:after{width:8px;height:4px;border-left:2px solid var(--task-green);border-bottom:2px solid var(--task-green);transform:rotate(-45deg);left:16px;top:17px}.task-focus-card small,.task-focus-card em{display:block;font-style:normal}.task-focus-card small{font-size:.63rem;color:var(--task-muted);font-weight:800}.task-focus-card strong{display:block;margin:1px 0;font-size:1.25rem;color:#123847}.task-focus-card em{font-size:.55rem;color:#84969d}
.task-command-card{padding:12px 14px;margin-bottom:14px}.task-view-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}.task-view-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid var(--task-border);border-radius:10px;background:#fff;color:#667b83;text-decoration:none;font-size:.66rem;font-weight:850;transition:.15s ease}.task-view-tabs a:hover{border-color:#abdce1;color:var(--task-teal-dark)}.task-view-tabs a.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#11afbf,#0a8f9e);box-shadow:0 7px 16px rgba(11,159,176,.16)}
.task-filter-grid{display:grid;grid-template-columns:145px 165px 155px 135px minmax(230px,1fr);gap:8px;align-items:end}.task-filter-grid label{margin:0}.task-filter-grid label>span{display:block;margin:0 0 4px;color:#74878e;font-size:.56rem;font-weight:800}.task-filter-grid .select,.task-filter-grid .input{height:38px}.task-search-control>div{display:flex;gap:6px}.task-search-control .input{flex:1;min-width:0}
.task-workspace-card{padding:0;overflow:hidden}.task-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--task-border);background:linear-gradient(180deg,#fff,#fbfdfe)}.task-workspace-head h3{margin:0;font-size:.88rem}.task-workspace-head p{margin:3px 0 0;color:var(--task-muted);font-size:.6rem}.task-workspace-head>span{padding:5px 8px;border:1px solid var(--task-border);border-radius:999px;background:#f7fafb;color:#62777f;font-size:.58rem;font-weight:850}.task-table-wrap{overflow:auto}.task-center-table{width:100%;min-width:1120px;border-collapse:collapse}.task-center-table th{padding:9px 8px;background:#f6f9fa;color:#6b7f87;font-size:.58rem;text-align:right;border-bottom:1px solid var(--task-border);white-space:nowrap}.task-center-table td{padding:9px 8px;border-bottom:1px solid #edf2f3;font-size:.64rem;vertical-align:middle}.task-center-table tbody tr{transition:background .14s ease}.task-center-table tbody tr:hover{background:#f7fcfd}.task-center-table tbody tr.is-overdue{background:#fffafa}.task-center-table tbody tr.is-completed{opacity:.67}.task-check-cell{width:38px}.task-check-btn,.task-check-muted,.task-check-done{width:22px;height:22px;border-radius:6px;display:grid;place-items:center}.task-check-btn{border:1px solid #c8d8dc;background:#fff;cursor:pointer;transition:.15s ease}.task-check-btn:hover{border-color:var(--task-green);box-shadow:inset 0 0 0 4px #e8f8ef}.task-check-muted{border:1px solid #e2e8ea;background:#f7f9fa}.task-check-done{background:#e8f8ef;border:1px solid #bfe5cf;color:#178d54;font-weight:900}.task-type-pill,.task-team-badge,.task-priority-badge,.task-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:.55rem;font-weight:850;white-space:nowrap}.task-type-pill{background:#eef7f8;color:#315f66}.task-type-pill.t-meeting{background:#f0eeff;color:#6654c9}.task-type-pill.t-demo,.task-type-pill.t-quotation{background:#f4edff;color:#7d57bb}.task-type-pill.t-contract{background:#e8f2ff;color:#38689f}.task-type-pill.t-onboarding,.task-type-pill.t-training{background:#e9f7ff;color:#2671a5}.task-type-pill.t-support{background:#fff1df;color:#9a6500}.task-type-pill.t-customer_success{background:#e9f9f1;color:#177a4d}.task-type-pill.t-renewal{background:#eef4ff;color:#4969b2}.task-type-pill.t-collection{background:#fff0ef;color:#a94949}.task-type-pill.t-internal{background:#f1f3f5;color:#64747b}.task-title-cell{min-width:210px}.task-title-cell strong,.task-target strong{display:block;color:#173b48;font-size:.65rem}.task-title-cell small,.task-target small{display:block;margin-top:2px;color:#84949a;font-size:.54rem;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-target{color:inherit;text-decoration:none}.task-target[href]:hover strong{color:var(--task-teal-dark)}.task-team-badge.team-sales{background:#e8f7f9;color:#16727d}.task-team-badge.team-account_management{background:#eef1ff;color:#5e61ac}.task-date-cell strong,.task-date-cell small{display:block}.task-date-cell small{margin-top:2px;color:#82939a;font-size:.54rem}.task-date-cell.overdue strong{color:#c7464a}.task-priority-badge.p-critical{background:#ffe3e4;color:#a92f35}.task-priority-badge.p-high{background:#fff0ef;color:#b73732}.task-priority-badge.p-medium{background:#fff7df;color:#936000}.task-priority-badge.p-low{background:#edf5f6;color:#557177}.task-status-badge.s-open,.task-status-badge.s-in_progress{background:#eaf8fa;color:#147482}.task-status-badge.s-completed{background:#e8f8ef;color:#157b49}.task-status-badge.s-cancelled{background:#f1f3f5;color:#707e83}.task-row-action{width:32px;height:28px;border:1px solid var(--task-border);border-radius:8px;background:#fff;color:#60757d;font-weight:900;letter-spacing:1px;cursor:pointer}.task-row-action:hover{background:#eef8f9;color:var(--task-teal-dark);border-color:#bcdfe3}.task-empty-state{padding:45px;text-align:center;color:var(--task-muted)}.task-empty-state strong,.task-empty-state span{display:block}.task-empty-state strong{color:#2d4d58;font-size:.82rem}.task-empty-state span{margin-top:4px;font-size:.64rem}.task-center-pagination{padding:11px 14px;border-top:1px solid var(--task-border)}
.task-modal{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:20px;background:rgba(7,26,47,.34);backdrop-filter:blur(3px)}.task-modal.show{display:grid}.task-modal-card{width:min(720px,96vw);max-height:92vh;overflow:auto;border-radius:17px;background:#fff;box-shadow:0 25px 70px rgba(5,27,49,.22);animation:taskPop .18s ease-out}.task-modal-head,.task-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--task-border)}.task-modal-head span,.task-detail-head span{display:block;color:var(--task-teal-dark);font-size:.57rem;font-weight:900}.task-modal-head h3,.task-detail-head h3{margin:2px 0 0;font-size:.95rem}.task-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 16px}.task-form-grid.one-col{grid-template-columns:1fr;padding:0}.task-form-field{min-width:0}.task-form-field.span-2{grid-column:1/-1}.task-form-field label{display:block;margin-bottom:5px;color:#60757d;font-size:.61rem;font-weight:800}.task-form-field label small{font-weight:500;color:#93a0a5}.task-form-field .input,.task-form-field .select,.task-form-field .textarea{width:100%}.task-target-tabs{display:flex;gap:5px}.task-target-tabs button{flex:1;padding:8px 10px;border:1px solid var(--task-border);border-radius:9px;background:#fff;color:#667b83;font-size:.62rem;font-weight:850;cursor:pointer}.task-target-tabs button.active{background:#eaf8fa;border-color:#a8dde3;color:var(--task-teal-dark)}.task-target-lookup{position:relative}.task-target-results{position:absolute;right:0;left:0;top:calc(100% + 4px);z-index:5;display:none;max-height:220px;overflow:auto;border:1px solid var(--task-border);border-radius:10px;background:#fff;box-shadow:0 15px 35px rgba(11,35,65,.12)}.task-target-results.show{display:block}.task-target-results button{display:block;width:100%;padding:9px 10px;border:0;border-bottom:1px solid #edf2f3;background:#fff;text-align:right;cursor:pointer}.task-target-results button:hover{background:#f3fafb}.task-target-results strong,.task-target-results small{display:block}.task-target-results strong{font-size:.65rem;color:#153c49}.task-target-results small{margin-top:2px;color:#84969c;font-size:.54rem}.task-lookup-empty{padding:14px;color:#7e9096;font-size:.62rem;text-align:center}.task-form-field>small{display:block;margin-top:4px;color:#85969d;font-size:.54rem}.task-modal-actions{display:flex;justify-content:flex-start;gap:7px;padding:12px 16px;border-top:1px solid var(--task-border);background:#fbfcfd}
.task-detail-backdrop{position:fixed;inset:0;z-index:115;display:none;background:rgba(7,26,47,.22)}.task-detail-backdrop.show{display:block}.task-detail-drawer{position:fixed;z-index:118;top:0;bottom:0;left:-430px;width:430px;max-width:95vw;background:#fff;box-shadow:14px 0 55px rgba(5,27,49,.2);transition:left .24s ease;overflow:hidden;display:flex;flex-direction:column}.task-detail-drawer.show{left:0}.task-detail-head{flex:0 0 auto}.task-detail-body{padding:14px;overflow:auto}.task-detail-target{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 11px;border:1px solid var(--task-border);border-radius:11px;background:#f8fbfc}.task-detail-target span{color:#7d9097;font-size:.58rem}.task-detail-target a{color:var(--task-teal-dark);font-size:.67rem;font-weight:850;text-decoration:none}.task-detail-target a.disabled{pointer-events:none;color:#77898f}.task-protected-note{margin-bottom:10px;padding:9px 10px;border:1px solid #efdca8;border-radius:9px;background:#fff9e8;color:#8a650d;font-size:.59rem;line-height:1.55}.task-detail-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.task-detail-actions form[hidden]{display:none}.task-form-field .is-locked{pointer-events:none;background:#f4f6f7;color:#7d8c91}.task-detail-drawer .full{width:100%}
@keyframes taskPop{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1200px){.task-filter-grid{grid-template-columns:repeat(4,1fr)}.task-search-control{grid-column:1/-1}.task-focus-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.task-center-head{align-items:stretch;flex-direction:column}.task-center-add{width:100%}.task-focus-grid{grid-template-columns:1fr 1fr}.task-filter-grid{grid-template-columns:1fr 1fr}.task-form-grid{grid-template-columns:1fr}.task-form-field.span-2{grid-column:auto}.task-detail-drawer{width:100%;max-width:100%;left:-100%}.task-detail-two{grid-template-columns:1fr}}
@media(max-width:480px){.task-focus-grid{grid-template-columns:1fr}.task-filter-grid{grid-template-columns:1fr}.task-search-control{grid-column:auto}.task-view-tabs{overflow:auto;flex-wrap:nowrap}.task-view-tabs a{white-space:nowrap}.task-detail-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.task-focus-card,.task-detail-drawer{transition:none}.task-modal-card{animation:none}}

/* Raito shared design system. Module-specific layouts above inherit these tokens. */
html:has(.raito-ui){font-size:16px}
.raito-ui{
  --navy:#142f3d;--navy-2:#102631;--teal:#087f81;--teal-dark:#06676a;--teal-soft:#edf8f7;
  --blue:#3867b1;--bg:#f4f6f8;--card:#fff;--surface-soft:#f8fafb;--surface-accent:#edf8f7;
  --text:#203640;--muted:#667982;--line:#e1e7eb;--line-strong:#cbd5db;
  --danger:#bb3d48;--warning:#946116;--success:#197553;--info:#3565a0;
  --radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(20,47,61,.035);
  --control-h:42px;--control-radius:8px;--ring:0 0 0 3px rgba(8,127,129,.13);
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
  --sidebar-width:252px;--ease:cubic-bezier(.2,.7,.2,1);--duration:150ms;
  background:var(--bg);color:var(--text);font:400 14px/1.65 "Segoe UI",Tahoma,Arial,sans-serif;
}
.raito-ui *{scrollbar-color:#b8c6cd transparent;scrollbar-width:thin}
.raito-ui a{color:var(--teal-dark)}
.raito-ui a:hover{color:#054e52}
.raito-ui :focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.raito-ui ::selection{background:#d2eeeb;color:#124641}
.raito-ui svg{flex-shrink:0}
.raito-ui .ui-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.raito-ui .skip-link{position:fixed;inset-block-start:8px;inset-inline-start:12px;z-index:200;padding:10px 16px;background:var(--navy);color:#fff;border-radius:8px;transform:translateY(-150%)}
.raito-ui .skip-link:focus{transform:none}

/* Application shell */
.raito-ui .sidebar{right:auto;left:auto;inset-inline-start:0;inset-block:0;width:var(--sidebar-width);padding:22px 12px 12px;background:var(--navy-2);border:0;border-inline-end:1px solid #1f3a47;box-shadow:none}
.raito-ui .main-area{margin-left:0;margin-right:0;margin-inline-start:var(--sidebar-width);min-width:0}
.raito-ui .brand{gap:12px;padding:0 12px 22px;border-bottom:1px solid #28414c;flex-shrink:0}
.raito-ui .brand-mark{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#159a98;color:#fff;box-shadow:none;font-size:22px}
.raito-ui .brand-copy{min-width:0}
.raito-ui .brand .sidebar-close{margin-inline-start:auto;background:transparent;border-color:#36515e;color:#c3d1d7}
.raito-ui .brand strong{font-size:16px;letter-spacing:-.3px}
.raito-ui .brand small{font-size:11px;color:#a4b8c1;margin-top:2px;white-space:nowrap}
.raito-ui .nav-list{flex:1;min-height:0;padding:14px 0;overscroll-behavior:contain}
.raito-ui .nav-label{margin:22px 12px 8px;font-size:11px;font-weight:600;color:#8fa9b5}
.raito-ui .nav-link{position:relative;min-height:40px;padding:8px 12px;margin:2px 0;gap:12px;border:1px solid transparent;border-radius:8px;color:#c3d1d7;font-size:13px;transition:background var(--duration),color var(--duration)}
.raito-ui .nav-link b{font-weight:500;white-space:nowrap}
.raito-ui .nav-link:hover{background:#1b3846;color:#fff;transform:none}
.raito-ui .nav-link.active{background:#214954;color:#fff;border-color:#315963;box-shadow:none}
.raito-ui .nav-link.active:after{content:"";position:absolute;inset-inline-start:-1px;inset-block:10px;width:3px;background:#65d2c3;border-radius:3px}
.raito-ui .nav-link .ui-icon{color:#89a7b4}
.raito-ui .nav-link.active .ui-icon{color:#7de0cc}
.raito-ui .sidebar-foot{padding:12px 8px 0;border-top:1px solid #28414c;flex-shrink:0}
.raito-ui .sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.raito-ui .sidebar-user-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #355461;border-radius:50%;background:#23424f;color:#e2eeed;font-weight:700}
.raito-ui .sidebar-user strong,.raito-ui .sidebar-user small{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.raito-ui .sidebar-user strong{font-size:13px;color:#eff5f7}
.raito-ui .sidebar-user small{font-size:11px;color:#a4b8c1}
.raito-ui .status-dot{width:6px;height:6px;margin:0;margin-inline-end:4px;background:#73c8ad;box-shadow:none}
.raito-ui .btn.sidebar-logout{width:100%;min-height:32px;background:transparent;border:1px solid #36515e;color:#c3d1d7;font-size:12px}
.raito-ui .btn.sidebar-logout:hover{background:#23424f;color:#fff}
.raito-ui .topbar{height:auto;min-height:88px;padding:18px 28px;gap:20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.raito-ui .topbar-context{display:flex;align-items:center;gap:12px;min-width:0}
.raito-ui .topbar-title h1{font-size:22px;font-weight:700;letter-spacing:-.4px;line-height:1.5}
.raito-ui .topbar-title p{margin-top:3px;font-size:12px;color:var(--muted)}
.raito-ui .top-actions{margin:0;margin-inline-start:auto;gap:10px;align-items:center;flex-shrink:0}
.raito-ui .topbar-user{display:flex;align-items:center;gap:9px;padding-inline-start:16px;border-inline-start:1px solid var(--line)}
.raito-ui .topbar-user>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d0e5e3;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);font-weight:700}
.raito-ui .topbar-user strong,.raito-ui .topbar-user small{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.raito-ui .topbar-user strong{font-size:12px}.raito-ui .topbar-user small{font-size:10px;color:var(--muted)}
.raito-ui .menu-lines{position:relative;display:block;width:17px;height:13px;border-block:2px solid currentColor}
.raito-ui .menu-lines:after{content:"";position:absolute;inset-inline:0;top:4px;border-top:2px solid currentColor}
.raito-ui .quick-actions-menu{position:relative}
.raito-ui .top-actions .quick-actions-menu>summary{display:inline-flex;list-style:none}
.raito-ui .quick-actions-menu>summary::-webkit-details-marker{display:none}
.raito-ui .quick-actions-menu>summary:after{content:"";width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-inline-start:7px;margin-top:-3px}
.raito-ui .quick-actions-list{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-width:200px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #142f3d18;z-index:40}
.raito-ui .quick-actions-list a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:6px;text-decoration:none;font-size:13px;color:var(--text)}
.raito-ui .quick-actions-list a:hover{background:var(--teal-soft);color:var(--teal-dark)}
.raito-ui .content{padding:26px 28px 40px;max-width:1640px;min-width:0}
.raito-ui .content>*{min-width:0}

/* Actions and surfaces */
.raito-ui .btn{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;line-height:1.5;box-shadow:none;transition:background var(--duration),border-color var(--duration),box-shadow var(--duration)}
.raito-ui .btn:hover,.raito-ui .icon-action:hover{transform:none}
.raito-ui .btn-primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 1px 2px #142f3d12}
.raito-ui .btn-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}
.raito-ui .btn-secondary{background:var(--navy);color:#fff}.raito-ui .btn-secondary:hover{background:#234653;color:#fff}
.raito-ui .btn-light{background:#fff;border-color:var(--line-strong);color:#415b68}.raito-ui .btn-light:hover{background:#f5f8fa;color:var(--text)}
.raito-ui .btn-outline{background:var(--teal-soft);border-color:#c4e1dd;color:var(--teal-dark)}
.raito-ui .btn-outline:hover{background:#dff1ee}
.raito-ui .btn-danger{background:#fff5f5;border-color:#edccd0;color:var(--danger)}
.raito-ui .btn-danger:hover{background:#fbe7e9;color:#97303a}
.raito-ui .btn-sm{min-height:30px;padding:5px 9px;font-size:12px;border-radius:6px}
.raito-ui .btn:disabled,.raito-ui .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.raito-ui .btn[aria-busy="true"]{cursor:progress}
.raito-ui .icon-button,.raito-ui .icon-action{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#546f7c;box-shadow:none}
.raito-ui .icon-button:hover,.raito-ui .icon-action:hover{background:var(--teal-soft);color:var(--teal-dark);border-color:#bcd9d5}
.raito-ui .icon-action svg{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important}
.raito-ui .grid{gap:18px;min-width:0}.raito-ui .grid>*{min-width:0}
.raito-ui .card,.raito-ui .stat-card,.raito-ui .form-section{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.raito-ui .card-header{gap:14px;margin-bottom:18px;flex-wrap:wrap}
.raito-ui .card-header h2,.raito-ui .card-header h3,.raito-ui .section-title h2{font-size:16px;line-height:1.5;font-weight:700}
.raito-ui .card-header p{font-size:12px;color:var(--muted);margin-top:4px}
.raito-ui .card-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.raito-ui .section-title{margin:24px 0 12px}
.raito-ui .stat-card{padding:18px 20px;min-height:118px;border-top:1px solid var(--line)}
.raito-ui .stat-card:after{display:none}
.raito-ui .stat-card .label{font-size:13px;font-weight:500;color:var(--muted)}
.raito-ui .stat-card .value{font-size:30px;letter-spacing:-.7px;line-height:1.4;font-weight:700;margin:8px 0}
.raito-ui .stat-card .hint{font-size:11px;line-height:1.6;color:var(--muted)}
.raito-ui .detail-list{gap:12px}
.raito-ui .detail-item{background:var(--surface-soft);padding:14px;border:1px solid var(--line);border-radius:8px}
.raito-ui .detail-item span{font-size:12px}.raito-ui .detail-item strong{font-size:14px;overflow-wrap:anywhere}

/* Forms and filters */
.raito-ui .form-grid{gap:20px 18px}
.raito-ui .form-grid>.col-5{grid-column:span 5}.raito-ui .form-grid>.col-7{grid-column:span 7}
.raito-ui .form-grid>.col-9{grid-column:span 9}.raito-ui .form-grid>.col-10{grid-column:span 10}.raito-ui .form-grid>.col-11{grid-column:span 11}
.raito-ui .form-group{min-width:0}
.raito-ui .form-group label,.raito-ui .task-form-field label{display:block;margin-bottom:7px;color:#405864;font-size:13px;font-weight:600}
.raito-ui .input,.raito-ui .select,.raito-ui .textarea{min-height:var(--control-h);padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--control-radius);color:var(--text);background:#fff;font-family:inherit;font-size:14px;line-height:1.5;box-shadow:none;transition:border-color var(--duration),box-shadow var(--duration)}
.raito-ui .input:focus,.raito-ui .select:focus,.raito-ui .textarea:focus{border-color:var(--teal);box-shadow:var(--ring);outline:none}
.raito-ui .input::placeholder,.raito-ui .textarea::placeholder{color:#788b95}
.raito-ui .input[readonly],.raito-ui .input:disabled,.raito-ui .select:disabled{background:#f3f6f8;color:#667982}
.raito-ui [aria-invalid="true"],.raito-ui .input.is-invalid,.raito-ui .select.is-invalid{border-color:var(--danger)}
.raito-ui input[type="checkbox"],.raito-ui input[type="radio"]{accent-color:var(--teal);width:16px;height:16px;vertical-align:middle}
.raito-ui input[type="file"]{padding:6px 8px;font-size:12px}
.raito-ui input::file-selector-button{border:0;border-radius:5px;padding:6px 10px;margin-inline-end:10px;background:var(--surface-soft);color:var(--text);font:inherit;cursor:pointer}
.raito-ui input[type="email"],.raito-ui input[type="url"],.raito-ui input[type="tel"],.raito-ui input[type="date"],.raito-ui input[type="number"]{direction:ltr;text-align:start}
.raito-ui .textarea{min-height:100px}
.raito-ui .help{font-size:11px;line-height:1.65;color:var(--muted);margin-top:6px}
.raito-ui .form-section{margin-bottom:18px}
.raito-ui .form-section-title{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.raito-ui .form-section-title h3{font-size:15px}
.raito-ui .form-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:14px 0;background:var(--bg);border-top:1px solid var(--line);backdrop-filter:none}
.raito-ui .line-row .input,.raito-ui .line-row .select{font-size:13px;min-height:36px}
.raito-ui .line-row.header{font-size:12px;background:var(--surface-soft)}
.raito-ui .total-line{font-size:13px}.raito-ui .total-line.grand{font-size:17px}
.raito-ui .totals-box{margin-left:0;margin-right:0;margin-inline-start:auto;background:var(--teal-soft);border-color:#cde2df}
.raito-ui .filters{gap:12px;align-items:flex-end;padding:16px;margin:0 0 18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px}
.raito-ui .filters .form-group{min-width:140px;flex:0 1 170px}
.raito-ui .filters .search{min-width:210px;flex:1}
.raito-ui .filters .btn{min-height:42px;margin:0}
.raito-ui .select2-container{max-width:100%}
.raito-ui .select2-container--bootstrap-5 .select2-selection{min-height:var(--control-h);border-color:var(--line-strong);border-radius:var(--control-radius);font-size:14px;background:#fff;box-shadow:none}
.raito-ui .select2-container--bootstrap-5.select2-container--focus .select2-selection,.raito-ui .select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:var(--teal);box-shadow:var(--ring)}
.raito-ui .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{font-size:14px;color:var(--text)}
.raito-ui .select2-container--bootstrap-5 .select2-selection--single{position:relative;background-image:none;padding-inline-end:32px}
.raito-ui .select2-container--bootstrap-5 .select2-selection--single:after{content:"";position:absolute;inset-inline-end:14px;top:16px;width:6px;height:6px;border-right:1.5px solid #667982;border-bottom:1.5px solid #667982;transform:rotate(45deg);pointer-events:none}
.raito-ui .select2-container--bootstrap-5 .select2-dropdown{border-color:var(--line-strong);border-radius:8px;box-shadow:0 8px 24px #142f3d14}
.raito-ui .select2-container--bootstrap-5 .select2-results__option{padding:9px 12px;font-size:13px}
.raito-ui .select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected]{background:var(--teal);color:#fff}
.raito-ui .select2-container--bootstrap-5 .select2-search__field{font:inherit}
[dir="ltr"] .raito-ui .select2-container--bootstrap-5 .select2-selection--single{padding-left:12px;padding-right:36px;background-position:right .75rem center}

/* Data tables and statuses */
.raito-ui .table-wrap{min-width:0;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);border-radius:9px;box-shadow:none;background:#fff}
.raito-ui table{font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0}
.raito-ui th{text-align:start;padding:12px 14px;background:#f3f6f8;color:#526975;font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}
.raito-ui td{padding:12px 14px;font-size:13px;line-height:1.55;color:var(--text);border-bottom:1px solid #edf0f2}
.raito-ui tbody tr{transition:background var(--duration)}
.raito-ui tbody tr:hover{background:#f7fbfb}
.raito-ui tbody tr:focus-within,.raito-ui tbody tr:has(input[type="checkbox"]:checked){background:#edf7f5}
.raito-ui td a{font-weight:600;text-underline-offset:3px}
.raito-ui td .muted{font-size:11px;color:var(--muted)}
.raito-ui .money{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}
.raito-ui td.money,.raito-ui th.money{text-align:end}
.raito-ui .badge{min-height:24px;gap:5px;padding:3px 9px;border:1px solid transparent;border-radius:6px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}
.raito-ui .badge-success{background:#edf8f1;border-color:#d3eadd;color:#216845}
.raito-ui .badge-warning{background:#fff8e8;border-color:#f0e1b9;color:#865b13}
.raito-ui .badge-danger{background:#fff0f1;border-color:#f0d1d5;color:#aa3542}
.raito-ui .badge-info{background:#edf4ff;border-color:#d5e3f7;color:#345f98}
.raito-ui .badge-dark{background:#f0f3f5;border-color:#dfe5e9;color:#506571}
.raito-ui .pagination{gap:6px;margin:20px 0 0;flex-wrap:wrap}
.raito-ui .pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px}
.raito-ui .pagination-summary{font-size:12px;color:var(--muted);margin:0}
.raito-ui .pagination-bar .pagination{margin:0}
.raito-ui .page-link{display:grid;place-items:center;min-width:34px;min-height:34px;padding:5px 10px;border-color:var(--line);border-radius:7px;font-size:13px;color:var(--muted)}
.raito-ui .active>.page-link{background:var(--teal);border-color:var(--teal);color:#fff}
.raito-ui .page-link:hover{background:var(--teal-soft);color:var(--teal-dark)}
.raito-ui .tabs{gap:6px;margin-bottom:20px}
.raito-ui .tab{font-size:13px;padding:10px 15px;color:var(--muted)}
.raito-ui .tab.active{color:var(--teal-dark);border-color:var(--teal)}
.raito-ui .summary-chip{font-size:12px;padding:7px 12px;border-radius:7px}

/* Feedback and overlays */
.raito-ui .alert{padding:14px 16px;border-radius:9px;font-size:13px;box-shadow:none}
.raito-ui .alert-success{background:#edf8f1;color:#216845;border-color:#cce6d7}
.raito-ui .alert-error{background:#fff2f3;color:#aa3542;border-color:#edcfd4}
.raito-ui .alert-info{background:#edf4ff;color:#345f98;border:1px solid #d5e3f7}
.raito-ui .empty-state,.raito-ui .task-empty-state,.raito-ui .cpf-empty{padding:30px 16px;color:var(--muted);font-size:13px;background:var(--surface-soft);text-align:center}
.raito-ui .empty-state:before,.raito-ui .task-empty-state:before{content:none}
.raito-ui .modal,.raito-ui .task-modal{background:#10263166;backdrop-filter:blur(2px)}
.raito-ui .modal-card,.raito-ui .task-modal-card{border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #10263133;max-height:calc(100dvh - 40px)}
.raito-ui .modal-head,.raito-ui .modal-body,.raito-ui .modal-foot{padding:18px 22px}
.raito-ui .modal-head h3{font-size:18px}.raito-ui .modal-head p{font-size:13px;color:var(--muted)}
.raito-ui .modal-foot{background:var(--surface-soft)}
.raito-ui .quick-reassess-popover{border-color:var(--line);border-radius:10px;box-shadow:0 16px 44px #142f3d26}
.raito-ui .quick-reassess-popover label{font-size:13px}
.raito-ui .timeline{padding-right:0;padding-inline-start:20px}
.raito-ui .timeline:before{right:auto;left:auto;inset-inline-start:6px}
.raito-ui .timeline-item{padding:0;padding-inline-start:16px;padding-bottom:16px}
.raito-ui .timeline-item:before{right:auto;left:auto;inset-inline-start:-18px}
.raito-ui .timeline-item h4{font-size:14px}.raito-ui .timeline-item p{font-size:12px}

/* Shared application patterns */
.raito-ui .dashboard-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.raito-ui .dashboard-page>*{grid-column:1/-1;min-width:0}
.raito-ui .dashboard-page>.sales-home-followups,.raito-ui .dashboard-page>.cs-home-followups{grid-column:auto;border:1px solid var(--line);margin-top:0!important}
.raito-ui .dashboard-page>.sales-home-followups:only-of-type{grid-column:1/-1}
.raito-ui .dashboard-section{margin-top:0!important}
.raito-ui .dashboard-page .stat-card{box-shadow:none}
.raito-ui .dashboard-page .stat-card:nth-child(4) .value{color:var(--danger)}
.raito-ui .sales-home-followups .empty-state,.raito-ui .cs-home-followups .empty-state{padding:24px 14px;border-radius:8px}
.raito-ui .sales-home-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.raito-ui .sales-home-note,.raito-ui .cs-home-followup-note{font-size:12px;background:#fff6f6}
.raito-ui .entity-list-card{padding:20px}
.raito-ui .entity-table td:first-child{white-space:nowrap;font-size:11px;color:var(--muted);direction:ltr}
.raito-ui .entity-table th:nth-child(2){min-width:170px}
.raito-ui .customer-followup-reason{font-size:11px;color:var(--muted)}
.raito-ui .customer-followup-reason strong{font-size:12px}
.raito-ui .customer-row-actions{gap:6px}
.raito-ui .enterprise-form{max-width:1440px;margin-inline:auto}
.raito-ui .customer-profile-page{gap:20px;max-width:1500px}
.raito-ui .cpf-hero{background:var(--navy);border:1px solid #284754;border-radius:14px;box-shadow:none}
.raito-ui .cpf-hero:before,.raito-ui .cpf-hero:after{display:none}
.raito-ui .cpf-hero-main{gap:18px;padding:24px}
.raito-ui .cpf-avatar{width:60px;height:60px;border-radius:14px;background:#e3f3ef;color:#196b67;box-shadow:none;font-size:26px}
.raito-ui .cpf-identity h2{font-size:25px;margin:8px 0 5px}.raito-ui .cpf-meta{font-size:13px;color:#c3d5da}
.raito-ui .cpf-pill{font-size:11px;padding:4px 9px}
.raito-ui .cpf-hero-stats>div{min-width:80px;border:1px solid #40606b;border-radius:9px;background:#264653;box-shadow:none}
.raito-ui .cpf-hero-stats span{font-size:12px;color:#c4d6db}.raito-ui .cpf-hero-stats strong{font-size:22px}
.raito-ui .cpf-contact-strip{background:#102b38}
.raito-ui .cpf-contact-strip>div{padding:14px 18px;min-width:0}
.raito-ui .cpf-contact-strip span{font-size:11px;color:#adcad4}.raito-ui .cpf-contact-strip strong{font-size:13px;overflow-wrap:anywhere}
.raito-ui .cpf-actions{gap:8px;padding:10px;border-radius:10px;border-color:var(--line);box-shadow:var(--shadow)}
.raito-ui .cpf-action{min-height:38px;padding:0 14px;border-radius:7px;font-size:13px}
.raito-ui .cpf-action:hover,.raito-ui .cpf-profile-action:hover{transform:none;box-shadow:none}
.raito-ui .cpf-profile-action{width:auto;min-width:48px;height:38px;padding:0 12px;border-radius:7px;font-size:13px;box-shadow:none;background:var(--teal);color:#fff}
.raito-ui .cpf-profile-action:hover{background:var(--teal-dark);color:#fff}
.raito-ui .cpf-section{padding:20px;border-radius:var(--radius);border-color:var(--line);box-shadow:var(--shadow)}
.raito-ui .cpf-section-head h3{font-size:17px}.raito-ui .cpf-section-head>div>span{font-size:11px}.raito-ui .cpf-section-head>a{font-size:12px}
.raito-ui .cpf-info-grid>div{padding:14px;border-radius:8px;background:var(--surface-soft)}
.raito-ui .cpf-info-grid span{font-size:12px}.raito-ui .cpf-info-grid strong{font-size:14px}
.raito-ui .cpf-list-row{padding:12px 4px}
.raito-ui .sales-kpi,.raito-ui .task-focus-card,.raito-ui .sales-pipeline,.raito-ui .sales-grid-card,.raito-ui .task-command-card,.raito-ui .task-workspace-card,.raito-ui .sales-profile-card{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.raito-ui .sales-page-head,.raito-ui .task-center-head{background:transparent;border:0;box-shadow:none}
.raito-ui .sales-kpi,.raito-ui .task-focus-card{background:#fff}
.raito-ui .sales-pipeline-step:hover{transform:none}
.raito-ui .task-view-tabs a.active,.raito-ui .sales-view-tabs a.active{background:var(--teal);border-color:var(--teal);box-shadow:none}

/* Responsive shell and logical directions */
@media(min-width:981px){.raito-ui .sidebar{transform:none}.raito-ui .mobile-only{display:none}}
@media(max-width:1200px){.raito-ui .topbar-user div{display:none}.raito-ui .content{padding:22px}.raito-ui .topbar{padding-inline:22px}.raito-ui .dashboard-page>.sales-home-followups,.raito-ui .dashboard-page>.cs-home-followups{grid-column:1/-1}}
@media(max-width:980px){
  .raito-ui .sidebar{width:min(290px,86vw);transform:translateX(110%);transition:transform .2s var(--ease)}
  [dir="ltr"] .raito-ui .sidebar{transform:translateX(-110%)}
  .raito-ui .sidebar.open{transform:none}
  .raito-ui .main-area{margin:0}
  .raito-ui .mobile-only{display:inline-grid;place-items:center;flex-shrink:0}
  .raito-ui .sidebar-overlay.open{display:block;position:fixed;inset:0;background:#10263166;z-index:25}
  .raito-ui .topbar{min-height:76px;padding:14px 20px}
  .raito-ui .topbar-title h1{font-size:20px}
  .raito-ui .topbar-user{display:none}
  .raito-ui .dashboard-page>.sales-home-followups,.raito-ui .dashboard-page>.cs-home-followups{grid-column:auto}
  .raito-ui .grid-3,.raito-ui .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .raito-ui .content{padding:18px 12px 28px}
  .raito-ui .topbar{padding:12px;gap:8px;min-height:68px}
  .raito-ui .topbar-title h1{font-size:17px}.raito-ui .topbar-title p{display:none}
  .raito-ui .top-actions{gap:6px}.raito-ui .topbar-primary{display:none}
  .raito-ui .quick-actions-menu>summary{font-size:12px;min-height:36px;padding:7px 10px}
  .raito-ui .card,.raito-ui .form-section,.raito-ui .cpf-section{padding:16px}
  .raito-ui .dashboard-page,.raito-ui .grid-2,.raito-ui .grid-3{grid-template-columns:minmax(0,1fr)}
  .raito-ui .dashboard-page>*{grid-column:1/-1!important}
  .raito-ui .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .raito-ui .stat-card{padding:14px 12px;min-height:120px}.raito-ui .stat-card .value{font-size:26px}.raito-ui .stat-card .label{font-size:12px}
  .raito-ui .form-grid>[class*="col-"]{grid-column:1/-1}
  .raito-ui .form-grid{gap:18px}
  .raito-ui .input,.raito-ui .select,.raito-ui .textarea,.raito-ui .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{font-size:16px}
  .raito-ui .filters{padding:12px;gap:10px}
  .raito-ui .filters .form-group,.raito-ui .filters .search{min-width:0;width:100%;flex:1 1 100%}
  .raito-ui .filters .btn{flex:1}
  .raito-ui .card-header-actions,.raito-ui .sales-home-head-actions{gap:6px}
  .raito-ui .detail-list{grid-template-columns:1fr}
  .raito-ui .pagination-number:not(.active){display:none}
  .raito-ui .modal{padding:10px}.raito-ui .modal-card{max-height:calc(100dvh - 20px)}
  .raito-ui .modal-head,.raito-ui .modal-body,.raito-ui .modal-foot{padding:16px}
  .raito-ui .cpf-hero-main{grid-template-columns:auto minmax(0,1fr);padding:18px;gap:14px}
  .raito-ui .cpf-hero-stats{grid-column:1/-1}.raito-ui .cpf-identity h2{font-size:21px}
  .raito-ui .cpf-contact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .raito-ui .cpf-info-grid{grid-template-columns:1fr}.raito-ui .cpf-info-grid>div.is-wide{grid-column:span 1}
}
@media(prefers-reduced-motion:reduce){.raito-ui *,.raito-ui *:before,.raito-ui *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.raito-ui .sidebar,.raito-ui .topbar,.raito-ui .form-actions,.raito-ui .skip-link{display:none}.raito-ui .main-area{margin:0}.raito-ui .content{padding:0}.raito-ui .table-wrap{overflow:visible}}