:root{--cpf-border:#e3e3e3;--cpf-muted:#616161;--cpf-bg:#f6f6f7;--cpf-green:#008060;--cpf-red:#c52828;--cpf-amber:#b77900;--cpf-blue:#2463a6}
body{background:var(--cpf-bg)}
.cpf-recovery{background:#fff;border:1px solid var(--cpf-border);border-radius:10px;padding:14px 18px;margin:16px 0}.cpf-recovery summary{cursor:pointer;font-weight:600}.cpf-recovery p,.cpf-recovery-status{color:var(--cpf-muted);font-size:13px;line-height:1.5}.cpf-recovery form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.cpf-recovery label{display:grid;gap:6px}.cpf-recovery input,.cpf-recovery button{border:1px solid #8c9196;background:#fff;border-radius:8px;padding:10px 12px;font:inherit}.cpf-recovery button{font-weight:600;cursor:pointer}.cpf-recovery button:disabled{opacity:.6;cursor:wait}.cpf-recovery-status{padding:12px 16px;border:1px solid #9ed8c5;background:#ecf8f4;border-radius:8px}.cpf-recovery-status[data-error="true"]{background:#fff1f0;border-color:#ffc5c0;color:#8e1f16}
.cpf-metrics{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px;margin:16px 0}
.cpf-metric{background:#fff;border:1px solid var(--cpf-border);border-top:3px solid #7b8495;border-radius:12px;padding:16px;text-align:left;cursor:pointer;min-height:112px}
.cpf-metric:hover{box-shadow:0 2px 7px #00000014}.cpf-metric span,.cpf-metric small{display:block;color:var(--cpf-muted)}.cpf-metric strong{display:block;font-size:28px;margin:5px 0}.cpf-metric--red,.cpf-metric--critical{border-top-color:var(--cpf-red)}.cpf-metric--amber{border-top-color:var(--cpf-amber)}.cpf-metric--blue{border-top-color:var(--cpf-blue)}.cpf-metric--green{border-top-color:var(--cpf-green)}
.cpf-queue{background:#fff;border:1px solid var(--cpf-border);border-radius:12px;overflow:hidden}.queue-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 20px 10px}.queue-heading h2{margin:0;font-size:18px}.queue-heading p{margin:5px 0 0;color:var(--cpf-muted);font-size:13px}.cpf-tabs{display:flex;gap:4px;overflow:auto}.cpf-tabs button{display:flex;align-items:center;gap:7px;background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 11px;color:var(--cpf-muted);white-space:nowrap;cursor:pointer}.cpf-tabs button.active{color:#006e52;border-bottom-color:#006e52;font-weight:700}.cpf-tabs s-badge{pointer-events:none}.cpf-filters{display:grid;grid-template-columns:1fr 220px;gap:10px;padding:12px 20px;border-top:1px solid var(--cpf-border);border-bottom:1px solid var(--cpf-border)}.cpf-filters input,.cpf-filters select,.detail-fields input,.detail-fields textarea,.cpf-correction input{border:1px solid #c9cccf;border-radius:8px;padding:10px 12px;background:#fff;font:inherit}
.cpf-row{display:grid;grid-template-columns:125px 190px minmax(210px,1.1fr) minmax(280px,1.7fr) 140px;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid #ececec;position:relative}.cpf-row:last-child{border-bottom:0}.cpf-row:hover{background:#fafafa}.cpf-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#aaa}.cpf-row[data-severity="critical"]::before,.cpf-row[data-severity="high"]::before{background:var(--cpf-red)}.cpf-row[data-severity="none"]::before{background:var(--cpf-green)}.cpf-row strong,.cpf-row span,.cpf-row small{display:block}.cpf-row small{color:var(--cpf-muted);margin-top:4px}.stage-pill{display:inline-block!important;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#eee;font-weight:700;font-size:12px}.stage-alert{background:#ffebe9;color:#8e1f16}.stage-awaiting_customer{background:#fff1d6;color:#6d4700}.stage-finalized{background:#e5f5ee;color:#006c50}.suggestion{color:#8e1f16!important;font-weight:700}.row-action button{border:1px solid #8c9196;border-radius:8px;background:#fff;padding:9px 13px;font-weight:700;cursor:pointer}.row-action button:hover{background:#f1f2f3}.empty-state{padding:48px;text-align:center;color:var(--cpf-muted)}
.cpf-dialog{border:0;border-radius:16px;padding:0;width:min(820px,calc(100vw - 32px));max-height:92vh;box-shadow:0 18px 60px #0004}.cpf-dialog::backdrop{background:#20222388}.detail-header{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid var(--cpf-border)}.detail-header small{color:#007a5c;font-weight:800}.detail-header h2{margin:4px 0 0}.dialog-close{border:0;border-radius:9px;font-size:26px;width:42px;height:42px;cursor:pointer}.detail-section{padding:20px 22px;border-bottom:1px solid var(--cpf-border)}.detail-section h3{margin-top:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-card{border:1px solid var(--cpf-border);border-radius:9px;padding:12px}.detail-card span{display:block;color:var(--cpf-muted);font-size:12px}.detail-card strong{display:block;margin-top:4px}.alert-box{background:#fff1f0;border:1px solid #ffc5c0;border-radius:10px;padding:14px}.safe-box{background:#ecf8f4;border:1px solid #9ed8c5;border-radius:10px;padding:14px}.alert-box p,.safe-box p,.suggestion-box p{margin-bottom:0}.suggestion-box{background:#fff8e6;border:1px solid #edcf83;border-radius:10px;padding:14px;margin-top:12px}.suggestion-box span,.suggestion-box strong{display:block}.suggestion-box span{font-size:12px;color:var(--cpf-muted)}.suggestion-box strong{font-size:18px;margin-top:4px}.detail-fields{display:grid;grid-template-columns:200px 1fr;gap:10px;margin-top:15px}.detail-fields label{display:flex;flex-direction:column;gap:5px;font-weight:600}.history{padding-left:20px}.history li{margin:10px 0}.case-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.progress-step{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;color:#8c9196;position:relative}.progress-step span{display:grid;place-items:center;width:30px;height:30px;border:2px solid #c9cccf;border-radius:50%;background:#fff;font-weight:800}.progress-step.current{color:#202223}.progress-step.current span{border-color:#008060;color:#008060}.progress-step.done{color:#006c50}.progress-step.done span{border-color:#008060;background:#008060;color:#fff}.detail-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:18px 22px;position:sticky;bottom:0;background:#fff}.detail-actions button,.link-button{border:1px solid #babfc3;border-radius:8px;padding:10px 14px;background:#fff;color:#202223;font-weight:700;text-decoration:none;cursor:pointer}.detail-actions button:disabled{opacity:.55;cursor:wait}.detail-actions .primary{background:#008060;color:#fff;border-color:#008060}.detail-actions .secondary{border-color:#2463a6;color:#174f8a}
@media(max-width:1100px){.cpf-metrics{grid-template-columns:repeat(2,1fr)}.cpf-row{grid-template-columns:120px 150px 1fr}.cpf-row>*:nth-child(4),.cpf-row>*:nth-child(5){grid-column:2/-1}.queue-heading{align-items:flex-start;flex-direction:column}.cpf-tabs{width:100%}}
@media(max-width:650px){.cpf-metrics{grid-template-columns:1fr}.cpf-filters,.detail-fields,.detail-grid,.case-progress,.cpf-correction{grid-template-columns:1fr}.cpf-row{grid-template-columns:1fr}.cpf-row>*{grid-column:1!important}.detail-actions>*{width:100%;text-align:center}}
.detail-actions s-button{align-self:center}
.cpf-correction{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:end}.cpf-correction label{display:flex;flex-direction:column;gap:6px;font-weight:700}.cpf-correction p{margin:0;color:var(--cpf-muted);font-size:13px;line-height:1.45}
.discount-summary{margin-top:12px}.discount-summary ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:7px}.discount-summary li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e3e3e3;border-radius:8px;padding:9px 11px}.discount-summary li span{color:var(--cpf-muted);font-size:12px}.discount-summary li strong{text-align:right}