:root{--bg:#f4f6f9;--panel:#fff;--text:#172033;--muted:#667085;--line:#e4e7ec;--primary:#4f46e5;--primary2:#3730a3;--ok:#027a48;--warn:#b54708;--danger:#b42318;--shadow:0 8px 26px rgba(16,24,40,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}header{height:64px;background:#111827;color:white;display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:30}.brand{font-weight:800;font-size:18px}.brand small{display:block;font-size:11px;color:#c7d2fe;margin-top:2px}.spacer{flex:1}.layout{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 64px)}aside{background:#fff;border-right:1px solid var(--line);padding:14px 10px}aside button{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;color:#344054;cursor:pointer;margin:1px 0}aside button.active,aside button:hover{background:#eef2ff;color:#3730a3;font-weight:700}.navgroup{font-size:10px;color:#98a2b3;font-weight:800;text-transform:uppercase;letter-spacing:.09em;padding:17px 12px 5px}main{padding:22px;overflow:auto}.view{display:none}.view.active{display:block}h1{margin:0;font-size:25px}h2{font-size:17px;margin:0 0 12px}.titleRow{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.titleRow p{margin:4px 0;color:var(--muted);font-size:13px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:var(--shadow)}.cards{display:grid;gap:11px;margin:12px 0}.cards.six{grid-template-columns:repeat(6,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.kpi span,.opCard span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em}.kpi b,.opCard b{display:block;font-size:24px;margin-top:7px}.kpi.warn{border-left:4px solid #f79009}.kpi.info{border-left:4px solid #6172f3}.opCard{border-top:4px solid #4f46e5}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.toolbar{display:flex;gap:8px;margin:12px 0}.toolbar input{flex:1}.tableWrap{border:1px solid var(--line);border-radius:13px;background:white;overflow:auto;max-height:68vh}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{position:sticky;top:0;background:#f9fafb;color:#667085;font-size:10px;text-transform:uppercase;z-index:2}button,.btn{border:1px solid #d0d5dd;background:white;color:#344054;border-radius:8px;padding:8px 11px;font-weight:700;font-size:12px;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.primary:hover{background:var(--primary2)}.ghost{background:#253047;color:white;border-color:#344054}.pill,.tag{display:inline-block;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;background:#eef2ff;color:#3730a3}.tag.green{background:#ecfdf3;color:#027a48}.tag.orange{background:#fffaeb;color:#b54708}.tag.gray{background:#f2f4f7;color:#475467}.small{font-size:11px;color:var(--muted);line-height:1.4}.eventItem{padding:9px 0;border-bottom:1px solid var(--line)}.eventItem b{font-size:12px}.eventItem .time{font-size:10px;color:#4f46e5;font-weight:800}.stack{display:flex;flex-direction:column;gap:8px}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:15px}.kanCol{width:280px;min-width:280px;background:#edf1f5;border:1px solid #dde3ea;border-radius:13px;padding:9px;min-height:600px}.kanHead{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;padding:5px 4px 10px}.kanCard{background:white;border:1px solid #dfe3e8;border-radius:11px;padding:11px;margin-bottom:8px;box-shadow:0 3px 10px rgba(16,24,40,.05);cursor:grab}.kanCard.dragging{opacity:.5}.kanCard b{font-size:13px}.kanCard .line{font-size:11px;color:#667085;margin-top:5px}.timeline{max-width:950px}.timelineDay{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-bottom:15px}.timelineDate{font-weight:800;font-size:13px;padding-top:8px}.timelineEvents{border-left:3px solid #c7d7fe;padding-left:12px}.timelineEvent{background:white;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:7px}.barRow{display:grid;grid-template-columns:145px 1fr 90px;gap:8px;align-items:center;margin:8px 0;font-size:11px}.barTrack{background:#eaecf0;height:10px;border-radius:99px;overflow:hidden}.barFill{height:100%;background:#4f46e5}.modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalBox{background:#fff;border-radius:16px;padding:18px;width:min(800px,96vw);max-height:92vh;overflow:auto}.wide .modalBox{width:min(1050px,96vw)}.formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}label{display:block;font-size:11px;color:#475467;font-weight:700}input,select,textarea{width:100%;margin-top:5px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 9px;background:#fff;font:inherit;font-size:12px}textarea{min-height:85px;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.result{font-size:12px;color:#344054;margin-top:10px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:12px 0}.tabs button{border:0;border-radius:0;border-bottom:2px solid transparent}.tabs button.active{border-bottom-color:#4f46e5;color:#3730a3}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
@media(max-width:1200px){.cards.six{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{display:flex;overflow:auto;border-bottom:1px solid var(--line)}aside .navgroup{display:none}aside button{min-width:140px}.cards.six,.cards.four,.grid2,.formGrid,.detailGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding:13px}.cards.six,.cards.four,.grid2,.formGrid,.detailGrid{grid-template-columns:1fr}.titleRow{align-items:flex-start;flex-direction:column}}

.sectionLabel{margin:21px 0 8px;color:#475467;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.cards.five{grid-template-columns:repeat(5,1fr)}
.productivity{border-top:3px solid #98a2b3}
.productivity.good{border-top-color:#12b76a}
.productivity.bad{border-top-color:#f04438}
.kpi.urgent{border-left:4px solid #d92d20}
.kpi.urgent2{border-left:4px solid #f04438}
.svgChart{width:100%;min-height:250px}
.svgChart svg{display:block;width:100%;height:auto}
.gridLine{stroke:#eaecf0;stroke-width:1}
.axisText{fill:#667085;font-size:10px}
.barWorked{fill:#6172f3}
.barEvolved{fill:#12b76a}
.chartLegend{display:flex;gap:18px;font-size:11px;color:#667085;margin-bottom:7px}
.chartLegend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}
.legendWorked{background:#6172f3}
.legendEvolved{background:#12b76a}
.attentionSummary{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:9px}
.attentionStat{background:#f8fafc;border:1px solid #eaecf0;border-radius:8px;padding:7px}
.attentionStat span{display:block;font-size:9px;color:#667085}
.attentionStat b{font-size:16px}
.tag.red{background:#fef3f2;color:#b42318}
.tag.purple{background:#f4f3ff;color:#5925dc}
.previewCell{max-width:270px;color:#475467}
@media(max-width:1200px){
 .cards.five{grid-template-columns:repeat(3,1fr)}
 .attentionSummary{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
 .cards.five{grid-template-columns:1fr 1fr}
 .attentionSummary{grid-template-columns:1fr 1fr}
}

.actionsInline{display:flex;gap:8px;flex-wrap:wrap}
.excursionGrid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:13px}
.excursionCard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:var(--shadow);cursor:pointer;transition:.15s transform,.15s box-shadow}
.excursionCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,24,40,.11)}
.excCardTop,.excFinance{display:flex;justify-content:space-between;gap:8px;align-items:center}
.excursionCard h3{margin:10px 0 4px;font-size:16px}
.excStats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 8px}
.excStats div{text-align:center;background:#f8fafc;border-radius:9px;padding:8px}.excStats b{display:block;font-size:18px}.excStats span{font-size:9px;color:#667085}
.progressBar{height:8px;background:#eaecf0;border-radius:99px;overflow:hidden;margin-bottom:11px}.progressBar i{display:block;height:100%;background:#6172f3}
.excFinance{font-size:10px;color:#667085}.excFinance b{color:#344054}
.compactCards{margin:8px 0 12px}.kpi.mini b{font-size:18px}.excursionDetailBox{width:min(1200px,97vw)}
.seatLegend{display:flex;gap:18px;margin-bottom:14px;font-size:11px;color:#667085}.seatDot{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px}
.bus{max-width:650px;margin:auto;border:2px solid #98a2b3;border-radius:35px 35px 15px 15px;padding:20px;background:#f8fafc}.busFront{text-align:center;font-size:10px;font-weight:800;color:#667085;margin-bottom:16px}
.seatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.seatGrid .seat:nth-child(4n+2){margin-right:20px}
.seat{min-height:54px;border-radius:9px;font-size:13px;font-weight:800}.seat small{display:block;font-size:8px;font-weight:600;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seat.free,.seatDot.free{background:#ecfdf3;color:#027a48;border-color:#abefc6}.seat.reserved,.seatDot.reserved{background:#fffaeb;color:#b54708;border-color:#fedf89}.seat.occupied,.seatDot.occupied{background:#eef4ff;color:#3538cd;border-color:#c7d7fe}
.closingGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.closingCard span{display:block;color:#667085;font-size:10px;font-weight:800}.closingCard b{display:block;font-size:20px;margin-top:6px}
@media(max-width:1100px){.excursionGrid{grid-template-columns:repeat(2,1fr)}.closingGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.excursionGrid{grid-template-columns:1fr}.closingGrid{grid-template-columns:1fr 1fr}}

.excursionCreateBox{width:min(1120px,97vw)}.rowBetween{display:flex;justify-content:space-between;align-items:center}.initialCostRow{display:grid;grid-template-columns:1fr 1.3fr 1.1fr .8fr auto;gap:8px;margin:7px 0}.studyBox{background:#f8fafc;border:1px solid #d0d5dd;border-radius:12px;padding:13px;margin:14px 0}.studyMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0}.studyMetrics span{background:#fff;border:1px solid #eaecf0;border-radius:8px;padding:8px;font-size:10px;color:#667085}.studyMetrics strong{display:block;color:#172033;font-size:15px;margin-top:3px}.studyFlag{margin-top:10px;background:#f4f3ff;color:#5925dc;border-radius:8px;padding:7px;font-size:10px;font-weight:800}.viabilityLine{display:flex;justify-content:space-between;gap:6px;align-items:center;margin:8px 0}.studyNotice{background:#f4f3ff;border-color:#d9d6fe;color:#42307d}.decisionBanner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;border-radius:12px;padding:13px;margin-bottom:13px;background:#f8fafc;border:1px solid #eaecf0}.decisionBanner>div{display:flex;flex-direction:column}.decisionBanner b{font-size:14px}.decisionBanner span{font-size:10px;color:#667085;margin-top:3px}.decisionBanner.good{background:#ecfdf3;border-color:#abefc6}.decisionBanner.warn{background:#fffaeb;border-color:#fedf89}.decisionBanner.danger{background:#fef3f2;border-color:#fecdca}.bus{max-width:680px}.busRow{display:grid;grid-template-columns:1fr 1fr 34px 1fr 1fr;gap:8px;margin:8px 0}.aisle{border-left:1px dashed #d0d5dd;border-right:1px dashed #d0d5dd}.seatGrid{display:none}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.dangerbtn{background:#fef3f2;color:#b42318;border-color:#fecdca}
@media(max-width:900px){.initialCostRow{grid-template-columns:1fr 1fr}.studyMetrics{grid-template-columns:1fr 1fr}.decisionBanner{grid-template-columns:1fr}}

.headerLogo{width:44px;height:44px;object-fit:cover;border-radius:9px;margin-right:10px;border:1px solid rgba(255,255,255,.18)}
.legalNotice{background:#fff8d8;border-color:#f7d56b;color:#5f4a00}
.exportGrid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}
.exportCard{min-height:150px;display:flex;flex-direction:column}.exportCard .row-actions{margin-top:auto}
@media(max-width:1000px){.exportGrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.exportGrid{grid-template-columns:1fr}}

a.btn.primary[href*="/receipt.pdf"]{white-space:nowrap}

.companyTop{align-items:stretch}
.companyLogoCard{display:flex;flex-direction:column}
.logoPreviewWrap{display:flex;align-items:center;justify-content:center;min-height:230px;background:#071b3d;border-radius:13px;margin:4px 0 12px;padding:14px}
.logoPreviewWrap img{max-width:210px;max-height:210px;border-radius:10px}
.checkLabel{display:flex;align-items:center;gap:8px;padding-top:21px}
.checkLabel input{width:auto;margin:0}

.headerUser{display:flex;align-items:center;gap:8px}
.headerUserName{font-size:11px;font-weight:800;color:#d0d5dd;margin-right:4px}
.authBody{min-height:100vh;background:radial-gradient(circle at 50% 0,#102958 0,#071b3d 38%,#030b1b 100%);display:flex;align-items:center;justify-content:center;padding:24px}
.authShell{width:min(430px,96vw)}
.authBrand{display:flex;align-items:center;gap:12px;color:#fff;margin:0 0 18px 4px}
.authBrand img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.18)}
.authBrand b{display:block;font-size:20px}.authBrand span{display:block;color:#c7d2fe;font-size:12px;margin-top:3px}
.authCard{background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.authCard h1{font-size:25px;margin:10px 0 5px}.authCard>p{font-size:12px;line-height:1.5;color:#667085;margin:0 0 18px}
.authCard label{margin:11px 0}.authCard input{font-size:14px;padding:11px}
.authSubmit{width:100%;padding:12px;margin-top:8px;font-size:13px}
.authError,.authInfo{border-radius:9px;padding:10px 12px;font-size:12px;margin:12px 0}
.authError{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.authInfo{background:#fffaeb;border:1px solid #fedf89;color:#93370d}
.authSecurity{font-size:10px;line-height:1.45;color:#98a2b3;text-align:center;margin-top:15px}
.authPasswordBox{width:min(460px,96vw)}
@media(max-width:700px){.headerUserName{display:none}.headerUser{gap:5px}.headerUser .ghost,.headerUser .btn{padding:7px 8px;font-size:10px}}

.goalTargetLine{stroke:#f79009;stroke-width:2;stroke-dasharray:7 5}.goalLine{fill:none;stroke:#12b76a;stroke-width:3}.goalDot{fill:#12b76a}
.rowBetween{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detailToolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.timelineEvent.done{opacity:.58;text-decoration:none}.checkInline{display:flex;align-items:center;gap:6px;font-size:11px}.checkInline input{width:auto}
.supplierGrid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:13px}.supplierCard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:var(--shadow)}.supplierHead{display:flex;align-items:center;gap:12px;margin-bottom:10px}.supplierHead img,.supplierFallback{width:54px;height:54px;border-radius:11px;object-fit:contain;background:#f8fafc}.supplierFallback{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#344054}.supplierHead h3{margin:0 0 4px}.followSeq{margin:10px 0 18px}.danger{border-color:#fecdca!important;color:#b42318!important}.success{border-color:#abefc6!important;color:#027a48!important}
@media(max-width:1000px){.supplierGrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.supplierGrid{grid-template-columns:1fr}}

.client360{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client360>.card{min-height:150px}
.inputAction{display:flex;gap:6px}.inputAction select{flex:1}.inputAction button{width:38px;padding:6px}
.checkGrid{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 12px}.checkChip{display:flex!important;align-items:center;gap:5px;background:#f8fafc;border:1px solid #d0d5dd;border-radius:999px;padding:6px 10px!important;font-size:11px}.checkChip input{width:auto!important;margin:0}
.passengerRow{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:8px;align-items:center;padding:9px;background:#f8fafc;border:1px solid #eaecf0;border-radius:10px;margin-bottom:7px}.passengerRow b{grid-column:1/-1;font-size:11px;color:#344054}
.timelineEvent.deleted{opacity:.65;border-style:dashed}.employeeGoalCard{padding:13px;border:1px solid #eaecf0;border-radius:12px;margin-bottom:10px;background:#fff}.commissionCalc{font-size:11px;background:#f8fafc;padding:9px;border-radius:8px;margin:8px 0;color:#475467}.metricTable{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metricTable>div{background:#f8fafc;border:1px solid #eaecf0;border-radius:9px;padding:9px}.metricTable span,.metricTable b,.metricTable small{display:block}.metricTable small{color:#667085;margin-top:3px}
@media(max-width:850px){.client360{grid-template-columns:1fr}.passengerRow{grid-template-columns:1fr 1fr}.metricTable{grid-template-columns:1fr}}

.highlightCard{outline:3px solid #6172f3;box-shadow:0 0 0 6px rgba(97,114,243,.12)}

/* Interface de trabalho: leitura clara, controles confortáveis e janelas previsíveis. */
:root{--bg:#f5f7fb;--text:#18243b;--muted:#59677d;--line:#dfe6ef;--primary:#1957b8;--primary2:#12438e;--shadow:0 5px 18px rgba(23,42,74,.045)}
body{font-size:14px;line-height:1.5}
body.modal-active{overflow:hidden}
header{height:70px;background:#10294f;box-shadow:0 3px 16px rgba(10,31,66,.13)}
.brand{font-size:18px;letter-spacing:-.02em}.brand small{font-size:12px;font-weight:500;color:#cfdef3}
.layout{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 70px)}
aside{position:sticky;top:70px;align-self:start;height:calc(100vh - 70px);overflow-y:auto;padding:18px 11px;background:#fff}
aside button{font-size:13px;font-weight:600;padding:11px 13px;margin:2px 0;border-radius:11px}
aside button.active{background:#e9f1fc;color:#174a91;box-shadow:inset 3px 0 #1957b8}
.navgroup{font-size:10px;color:#718098;padding:20px 13px 6px}
main{min-width:0;padding:28px clamp(18px,3vw,42px)}
.view{max-width:1560px;margin:0 auto}
h1{font-size:clamp(24px,2vw,31px);letter-spacing:-.035em;line-height:1.2}
h2{font-size:17px;letter-spacing:-.015em;line-height:1.3}
.titleRow{gap:18px;margin-bottom:19px}.titleRow p{font-size:13px;line-height:1.5;margin-top:6px}
.card,.supplierCard{border-radius:16px;padding:18px}
.cards{gap:13px;margin:16px 0 22px}
.kpi span,.opCard span{font-size:11px;letter-spacing:.025em;line-height:1.35}
.kpi b,.opCard b{font-size:clamp(21px,2vw,28px);line-height:1.2;overflow-wrap:anywhere}
button,.btn{min-height:36px;padding:8px 13px;font-size:13px;border-radius:10px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 3px 9px rgba(21,44,83,.1)}
button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8eb6f1;outline-offset:2px}
.primary{box-shadow:0 2px 7px rgba(25,87,184,.15)}
.tableWrap{max-height:min(68vh,850px);box-shadow:var(--shadow)}
table{font-size:13px}th,td{padding:12px 13px;line-height:1.4}th{font-size:11px;letter-spacing:.025em;background:#f4f7fb}tbody tr:hover{background:#f7faff}
.small{font-size:12px;line-height:1.45}.pill,.tag{font-size:11px}
label{font-size:12px;color:#36445c}
input,select,textarea{min-height:39px;font-size:13px;padding:9px 11px;border-color:#cbd5e2}
textarea{min-height:90px}
.modal{padding:16px;background:rgba(12,27,52,.58);backdrop-filter:blur(2px)}
.modalBox{width:min(800px,100%);max-height:min(92dvh,1000px);border-radius:19px;padding:24px;box-shadow:0 28px 85px rgba(9,27,59,.28)}
.wide .modalBox{width:min(1100px,100%)}
.modalBox>h2,.modalBox>.titleRow{position:sticky;top:-24px;z-index:1;background:#fff;padding:10px 0 15px;margin:-10px 0 17px;border-bottom:1px solid var(--line)}
.modalBox .formGrid{gap:14px}
.modalBox label{line-height:1.35}
.modalBox .actions{position:sticky;bottom:-24px;z-index:1;background:#fff;border-top:1px solid var(--line);padding:14px 0 4px;margin-top:20px}
.detailToolbar{gap:8px;margin-bottom:18px}.client360{gap:14px}.client360>.card{min-height:0}
.listSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 11px;color:var(--muted);font-size:12px;font-weight:600}.pager{display:flex;align-items:center;gap:9px}.pager button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.emptyRow{text-align:center;padding:32px 12px;color:var(--muted)}
#dashboard .dashboardMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}
#dashboard .goalMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}
#dashboard .kpi{min-width:0;min-height:125px;display:flex;flex-direction:column;justify-content:center}
#dashboard .kpi b{font-size:clamp(21px,2.1vw,30px);font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal;white-space:nowrap;letter-spacing:-.035em}
#dashboard .kpi span{font-size:12px;letter-spacing:0;text-transform:none}
#dashboard .goalMetrics .kpi:first-child b{font-size:clamp(19px,1.8vw,26px)}
@media(max-width:1180px){#dashboard .dashboardMetrics,#dashboard .goalMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.layout{display:block}aside{position:static;height:auto;display:flex;overflow-x:auto;padding:9px;border-bottom:1px solid var(--line)}aside button{flex:0 0 auto;min-width:0;white-space:nowrap}main{padding:20px 16px}.modalBox{padding:18px}.modalBox>h2,.modalBox>.titleRow{top:-18px}.modalBox .actions{bottom:-18px}}
@media(max-width:560px){header{padding:0 12px}.brand{font-size:15px}.headerUser{gap:4px}.headerUser .ghost,.headerUser .btn{font-size:11px;padding:6px}.modal{padding:6px}.modalBox{max-height:96dvh;border-radius:14px}.modalBox .formGrid{grid-template-columns:1fr}.modalBox .actions{flex-wrap:wrap}.modalBox .actions button{flex:1}.listSummary{align-items:flex-start;flex-direction:column}#dashboard .dashboardMetrics,#dashboard .goalMetrics{grid-template-columns:1fr}#dashboard .kpi{min-height:96px}}

.commissionModalBox{width:min(1080px,97vw)}
.opAction{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;transition:border-color .15s,transform .15s,box-shadow .15s}.opAction:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,24,40,.12)}.opAction small{color:var(--primary);font-size:11px;margin-top:10px}.dashboardEvent{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboardEvent>div:first-child{min-width:0}.eventQuickActions{display:flex;gap:5px;flex:0 0 auto}.eventQuickActions button{font-size:10px;padding:5px 7px}.targetEvent{border:2px solid var(--primary);background:#f0f5ff;box-shadow:0 0 0 3px rgba(79,70,229,.1)}#opsResultSummary{margin:8px 0 12px;font-weight:700}#opsType{max-width:190px}
@media(max-width:1100px){.dashboardEvent{align-items:flex-start;flex-direction:column}.eventQuickActions{flex-wrap:wrap}}
@media(max-width:700px){#operations .toolbar{flex-wrap:wrap}#operations .toolbar input,#operations .toolbar select{flex:1 1 140px;max-width:none}}
.dashboardLead{align-items:start;margin-bottom:18px}.dashboardLead>.card{min-height:320px}.dashboardLead .titleRow{margin-bottom:13px}.dashboardLead .titleRow p{max-width:28rem}.dashboardLead .attentionSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dashboardLead .attentionStat{text-align:left;min-height:92px;background:#f7f9fc;padding:12px;border-radius:12px}.dashboardLead .attentionStat:hover{border-color:var(--primary);background:#f0f5ff}.dashboardLead .attentionStat span{font-size:11px}.dashboardLead .attentionStat b{font-size:25px;line-height:1.3}.dashboardLead .attentionStat small{display:block;color:var(--primary);font-size:10px}.dashboardLead .eventItem{padding:7px 0}.dashboardLead .eventItem .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboardDetails{margin:15px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 16px 16px}.dashboardDetails summary,.saleMore summary{cursor:pointer;padding:15px 0;font-weight:700;color:var(--primary)}.dashboardDetails summary:hover,.saleMore summary:hover{text-decoration:underline}#dashboard .dashboardMetrics .kpi{min-height:105px}.dashboardUpcoming{margin-bottom:18px}.listMore{border:0;color:var(--primary);padding:12px 0;background:transparent}.saleIntro{margin:-6px 0 16px}.saleContactContext{border:1px solid #cbd5e2;background:#f4f7fb;border-radius:10px;padding:12px;font-weight:700;font-size:13px;align-self:end}.saleMore{margin-top:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.saleMore .formGrid{padding-bottom:16px}
@media(max-width:850px){.dashboardLead{grid-template-columns:1fr}.dashboardLead>.card{min-height:0}}
@media(max-width:560px){.dashboardLead .attentionSummary{grid-template-columns:1fr}.dashboardLead .attentionStat{min-height:70px}}
.commissionSummaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.splitActions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.splitActions>div{display:flex;gap:8px;flex-wrap:wrap}
.employeeGoalCard .tag.blue{background:#eef4ff;color:#3538cd}
@media(max-width:900px){.commissionSummaryGrid{grid-template-columns:repeat(2,1fr)}}

.liveClock{font-size:28px;font-weight:900;color:#071b3d;font-variant-numeric:tabular-nums}.clockHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.clockPunchBtn{min-width:220px;min-height:54px;font-size:14px}.clockStepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0}.clockStep{position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;text-align:center;box-shadow:var(--shadow)}.clockStep span{display:flex;width:30px;height:30px;border-radius:50%;background:#f2f4f7;align-items:center;justify-content:center;margin:0 auto 7px;font-weight:900}.clockStep b{display:block;font-size:11px}.clockStep small{display:block;color:#667085;margin-top:4px}.clockStep.done{border-color:#abefc6;background:#ecfdf3}.clockStep.done span{background:#12b76a;color:white}.clockStep.current{border-color:#c7d7fe;background:#eef4ff}.clockStep.current span{background:#6172f3;color:white}.employeeIdentity{display:flex;align-items:center;gap:10px}.employeeAvatar{width:46px;height:46px;object-fit:cover;border-radius:50%;border:1px solid #d0d5dd}.employeePhotoLarge{width:180px;height:180px;object-fit:cover;border-radius:18px;border:1px solid #d0d5dd}.profilePhotoCard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.workDayChecks{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.workDayChecks label{display:flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid #eaecf0;border-radius:8px;padding:7px 9px}.workDayChecks input{width:auto;margin:0}.tag.blue{background:#eef4ff;color:#3538cd}@media(max-width:760px){.clockStepper{grid-template-columns:1fr 1fr}.clockHero{flex-direction:column;align-items:stretch}.clockPunchBtn{width:100%}.liveClock{font-size:22px}}