/* V8.1 work-first layer */
.v24-wb{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:10px;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:13px;position:sticky;top:0;z-index:30}.v24-wbtabs{display:flex;gap:6px;overflow:auto;flex:1}.v24-wbtabs button{display:flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#fff;border-radius:9px;padding:6px 8px;min-width:max-content}.v24-wbtabs button.on{border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px #dbeafe}.v24-wbtabs small{opacity:.6}.v24-wbtabs i{font-style:normal;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.v24-wbtabs i:hover{background:#fee2e2}.v24-wb>#v24QuickBar{border:0;background:var(--primary,#2563eb);color:#fff;border-radius:9px;padding:8px 10px;font-weight:700;white-space:nowrap}.v24-head,.v24-sec{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.v24-head h2,.v24-sec h3{margin:0 0 4px}.v24-head p,.v24-sec p{margin:0;color:#667085}.v24-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.v24-card{background:#fff;border:1px solid #e5e7eb;border-inline-start:4px solid #94a3b8;border-radius:13px;padding:13px;display:flex;flex-direction:column}.v24-card b{font-size:28px}.v24-card.red{border-inline-start-color:#dc2626}.v24-card.orange{border-inline-start-color:#d97706}.v24-card.blue{border-inline-start-color:#0284c7}.v24-card.purple{border-inline-start-color:#7c3aed}.v24-card.green{border-inline-start-color:#059669}.v24-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.7fr);gap:12px}.v24-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin:12px 0}.v24-list,.v24-tasks{display:grid;gap:7px;margin-top:10px}.v24-item{display:grid;grid-template-columns:minmax(180px,1.3fr) 125px 100px 140px 120px minmax(220px,1fr);gap:8px;align-items:center;border:1px solid #e8eaee;border-radius:10px;padding:9px}.v24-item small,.v24-tasks small,.v24-qr small,.v24-contract small,.v24-ccard small,.v24-ccompact small,.v24-cdetails small{display:block;color:#667085}.v24-tag{font-size:12px;font-weight:700;border-radius:999px;padding:4px 7px;background:#f1f5f9}.v24-tag.warn{background:#fef3c7;color:#92400e}.v24-tag.blue{background:#e0f2fe;color:#075985}.v24-tag.purple{background:#ede9fe;color:#5b21b6}.v24-tag.green{background:#dcfce7;color:#166534}.v24-actions{display:flex;gap:4px;flex-wrap:wrap}.v24-mini{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.v24-mini span{background:#f8fafc;border-radius:8px;padding:7px 9px;border:1px solid #eef0f3}.v24-mini b{font-size:18px}.v24-tasks>article{display:grid;grid-template-columns:minmax(170px,1fr) minmax(110px,.7fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid #e8eaee;border-radius:10px}.v24-empty{text-align:center;color:#667085;padding:24px}.v24-qr{display:grid;gap:7px;max-height:55vh;overflow:auto;margin-top:10px}.v24-qr>article{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:9px}.v24-pick{display:grid;gap:7px}.v24-pick button{text-align:right;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.v24-pick small{display:block}.v24-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 170px auto;gap:9px;align-items:center;margin:10px 0}.v24-views{display:flex;border:1px solid #e5e7eb;border-radius:9px;overflow:hidden}.v24-views button{border:0;border-inline-end:1px solid #e5e7eb;background:#fff;padding:8px 10px}.v24-views button.on{background:#111827;color:#fff}.v24-customers.cards,.v24-contracts.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v24-ccard,.v24-contract,.v24-cdetails{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.v24-ccard h3,.v24-contract h3{margin:0}.v24-ccard>div:nth-child(2),.v24-contract>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.v24-contract>div{grid-template-columns:repeat(3,1fr)}.v24-ccard span,.v24-contract span{background:#f8fafc;border-radius:8px;padding:7px}.v24-ccard footer{display:flex;gap:7px}.v24-customers.compact,.v24-contracts.compact{display:grid;gap:6px}.v24-ccompact{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(130px,.7fr) minmax(120px,.7fr) auto;gap:8px;align-items:center;border:1px solid #e5e7eb;background:#fff;border-radius:9px;padding:8px}.v24-customers.details{display:grid;gap:7px}.v24-cdetails{display:grid;grid-template-columns:minmax(210px,1.3fr) repeat(4,minmax(115px,.7fr)) auto;gap:8px;align-items:center}.v24-table{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.v24-table table{width:100%;border-collapse:collapse;min-width:760px}.v24-table th,.v24-table td{text-align:right;padding:9px;border-bottom:1px solid #eef0f3}
@media(min-width:1100px){.main-area{max-width:none}.v18-month-grid{grid-template-columns:repeat(6,minmax(135px,1fr))!important}.financial-review-grid,.contract-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v24-head,.v24-cols,.v24-board{max-width:1600px;margin-inline:auto}.v24-cols{margin-top:0}}
@media(min-width:700px) and (max-width:1099px){.v24-board{grid-template-columns:repeat(2,1fr)}.v24-cols{grid-template-columns:1fr}.v24-item{grid-template-columns:1.4fr 120px 100px 140px}.v24-actions{grid-column:1/-1}.v24-customers.cards,.v24-contracts.cards{grid-template-columns:repeat(2,1fr)}.v24-cdetails{grid-template-columns:repeat(3,1fr)}.v24-cdetails>div:first-child{grid-column:1/-1}.v18-month-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:699px){.v24-wb{margin-inline:-6px;border-radius:0;padding:6px}.v24-wb>b,.v24-wbtabs small{display:none}.v24-wbtabs button{max-width:160px}.v24-board{grid-template-columns:repeat(2,1fr);gap:7px}.v24-card{padding:9px}.v24-card b{font-size:23px}.v24-cols{grid-template-columns:1fr}.v24-panel{padding:9px}.v24-head,.v24-sec{flex-direction:column;align-items:stretch}.v24-item{grid-template-columns:1fr auto}.v24-item>div:nth-child(3),.v24-item>div:nth-child(4),.v24-item>div:nth-child(5){background:#f8fafc;padding:6px;border-radius:7px}.v24-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.v24-actions .btn{min-height:42px}.v24-tasks>article{grid-template-columns:1fr}.v24-mini{display:grid;grid-template-columns:1fr 1fr}.v24-toolbar{grid-template-columns:1fr}.v24-views{overflow:auto}.v24-views button{flex:1;white-space:nowrap}.v24-customers.cards,.v24-contracts.cards{grid-template-columns:1fr}.v24-ccompact,.v24-cdetails{grid-template-columns:1fr}.v24-qr>article{flex-direction:column;align-items:stretch}.v24-contract>div{grid-template-columns:1fr 1fr}.v18-month-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.v18-month-card{min-width:80vw;scroll-snap-align:start}.form-grid{grid-template-columns:1fr!important}.modal-card{max-height:92vh;overflow:auto}}