.cc-cost-sources196{border:1px solid var(--border,#d9cdec);border-radius:18px;padding:20px;margin:20px 0;background:var(--panel,#fff)}
.cc-cost-sources196>nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.cc-cost-sandbox196>header{display:flex;gap:16px;align-items:start;justify-content:space-between}.cc-cost-sandbox196 h2{margin:0}.cost-scenario-grid196{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.cost-scenario-grid196 fieldset{border:1px solid #b7a3cc;border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cost-scenario-grid196 legend{font-weight:700}.cc-cost-sources196 label{display:grid;gap:6px;font-size:13px}.cc-cost-sources196 input,.cc-cost-sources196 select,.cc-cost-sources196 textarea{min-width:0;width:100%;box-sizing:border-box;padding:10px;border:1px solid #a99bb9;border-radius:8px;background:var(--panel,#fff);color:inherit}.cc-cost-sources196 input[type=checkbox]{width:auto}.cost-projection-bars196{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.cost-projection-bars196 span{display:block;margin:10px 0 5px}.cost-projection-bars196 i{height:12px;display:block;min-width:2px;border-radius:8px;background:#8548cd}.cost-projection-bars196 i.expense{background:#cf8160}.cc-cost-sources196 .cc-cost-entry{margin:12px 0}.cc-cost-sources196 .cc-cost-table th,.cc-cost-sources196 .cc-cost-table td{white-space:normal}
html[data-crm-nav-preview-theme=dark] .cc-cost-sources196,body[data-crm-nav-preview-theme=dark] .cc-cost-sources196{background:#222226;color:#f1edf7;border-color:#49404f}
html[data-crm-nav-preview-theme=dark] .cc-cost-sources196 input,html[data-crm-nav-preview-theme=dark] .cc-cost-sources196 select,html[data-crm-nav-preview-theme=dark] .cc-cost-sources196 textarea{background:#17171b;color:#f1edf7;border-color:#665b74}
@media(max-width:760px){.cc-cost-sources196{padding:14px}.cost-scenario-grid196,.cost-projection-bars196{grid-template-columns:1fr}.cc-cost-sandbox196>header{display:block}.cost-scenario-grid196 fieldset{grid-template-columns:1fr}.cc-cost-sources196 .cc-cost-entry{display:block}.cc-cost-sources196>nav button{flex:1;min-width:120px}}
.cc-costs{grid-template-columns:minmax(0,1fr)}.cc-costs>*,.cc-cost-sources196>*{min-width:0}.cc-cost-sources196 fieldset{min-width:0}.cc-cost-sources196 .cc-cost-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:760px){.cc-costs>.cc-cost-heading{display:block}.cc-costs>.cc-cost-heading .cc-cost-actions{margin-top:12px;flex-wrap:wrap}.cc-cost-sources196 .cc-cost-editor-grid{grid-template-columns:minmax(0,1fr)}.cc-cost-sources196 .cc-cost-table{min-width:420px}.cc-cost-sources196>nav{gap:6px}.cc-cost-sources196>nav button{min-width:110px}}
/* Paytable: one aligned control grid and consistent spreadsheet input baselines. */
.ccpay .ccpay-period{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"team from through" "paid saved open";align-items:start;gap:18px 16px}.ccpay-period>label:nth-child(1){grid-area:team}.ccpay-period>label:nth-child(2){grid-area:from}.ccpay-period>label:nth-child(3){grid-area:through}.ccpay-period>label:nth-child(4){grid-area:paid}.ccpay-period>button:nth-child(5){grid-area:open;align-self:start;margin-top:24px;height:44px}.ccpay-period>label:nth-child(6){grid-area:saved}.ccpay .ccpay-period label{min-width:0;align-content:start;gap:7px}.ccpay .ccpay-period input,.ccpay .ccpay-period select{height:44px;min-height:44px;min-width:0;width:100%}.ccpay-period .wf-booking-date-input{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:6px;min-width:0}.ccpay-period .wf-booking-date-input>button{height:44px;min-height:44px;padding:8px}.ccpay-period .wf-booking-date-label{min-height:18px;margin-top:6px;font-size:11px;line-height:1.4}.ccpay .ccpay-sheet-name{min-height:20px;margin-bottom:8px}.ccpay .ccpay-sheet small{min-height:20px;margin:0 0 8px}.ccpay .ccpay-sheet-person>td:nth-last-child(2){padding-top:37px}.ccpay .ccpay-sheet-total{padding-top:47px!important}.ccpay .ccpay-sheet .ccpay-count{min-height:36px}.ccpay .ccpay-fields{align-items:start}.ccpay-pay-view196{max-width:440px;margin:12px 0}.ccpay-viewing196{padding:12px;border-left:3px solid #a36be4}
@media(max-width:720px){.ccpay .ccpay-period{grid-template-columns:minmax(0,1fr);grid-template-areas:"team" "saved" "from" "through" "paid" "open"}.ccpay-period>button:nth-child(5){margin-top:0}.ccpay .ccpay-layout{grid-template-columns:minmax(0,1fr)}.ccpay .ccpay-roster,.ccpay .ccpay-main{grid-column:1;min-width:0}.ccpay .ccpay-roster{grid-row:1}.ccpay .ccpay-main{grid-row:2}.ccpay .ccpay-preferences{grid-template-columns:minmax(0,1fr)}}
.ccpay .ccpay-period>label{grid-template-rows:18px auto;line-height:18px}.ccpay .ccpay-period>button:nth-child(5){margin-top:25px}.ccpay .ccpay-sheet input,.ccpay .ccpay-sheet select,.ccpay .ccpay-sheet .ccpay-count{display:block;margin:0!important}.ccpay .ccpay-sheet-name{height:20px;min-height:20px}.ccpay .ccpay-sheet-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccpay .ccpay-sheet-name .ccpay-remove{height:20px;min-height:20px;line-height:20px;padding:0 4px}.ccpay .ccpay-sheet-person>th>select{margin-top:8px!important}
@media(max-width:720px){.ccpay .ccpay-period>button:nth-child(5){margin-top:0}}
.ccpay .ccpay-period input,.ccpay .ccpay-period select{margin:0!important}