/* COSPAM_FINANCE_SAPPHIRE_V1 - scoped to new finance routes. Deep sapphire smoked glass, not pure black. */
.cf-shell{--cf-bg:#071321;--cf-panel:#0b1b2b;--cf-border:rgba(112,172,231,.18);--cf-muted:#9db2c9;--cf-bright:#b9e1ff;--cf-white:#eff7ff;max-width:1240px;margin:0 auto 50px;color:var(--cf-white);font-size:14px}
.cf-shell *, .cf-pix-modal *{box-sizing:border-box}
.cf-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:14px 0 20px;padding:22px 24px;border:1px solid rgba(125,173,232,.17);border-radius:21px;background:radial-gradient(ellipse at 89% 0,rgba(56,113,185,.22),transparent 56%),linear-gradient(128deg,#102740,#081625 70%,#091523);box-shadow:0 18px 55px rgba(1,8,21,.15),inset 0 1px 0 rgba(255,255,255,.045)}
.cf-eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8ec7fa;font-weight:800}
.cf-hero h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.045em;margin:7px 0 5px;color:#f4faff}.cf-hero p,.cf-section-heading p{margin:0;color:var(--cf-muted);line-height:1.5}
.cf-text-link,.cf-modal-back{color:#a5d8ff;font-weight:700;text-decoration:none;white-space:nowrap}.cf-text-link:hover,.cf-modal-back:hover{text-decoration:underline}
.cf-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}.cf-overview article{padding:16px 19px;border:1px solid var(--cf-border);border-radius:17px;background:linear-gradient(145deg,#11273b,#0a1929)}.cf-overview small{display:block;color:var(--cf-muted);margin-bottom:7px;font-size:11px}.cf-overview strong{font-size:23px;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cf-layout{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:16px;align-items:start}.cf-panel{border:1px solid var(--cf-border);border-radius:21px;background:linear-gradient(158deg,rgba(17,37,57,.97),rgba(8,20,34,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 15px 32px rgba(0,7,16,.12);padding:20px;min-width:0}.cf-section-heading{margin-bottom:16px}.cf-section-heading h2{font-size:19px;letter-spacing:-.025em;margin:5px 0;color:var(--cf-white)}
.cf-form,.cf-mini-form{display:grid;gap:11px}.cf-form label,.cf-mini-form label{display:grid;gap:6px;color:#bfd3e7;font-size:12px;font-weight:650;min-width:0}.cf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.cf-form input,.cf-form select,.cf-mini-form input,.cf-mini-form select,.cf-pix-modal textarea{color:#eaf5ff;background:#081726!important;border:1px solid rgba(118,166,217,.24)!important;border-radius:11px;padding:11px 12px;width:100%;min-width:0;min-height:40px;outline:none;font:inherit}.cf-form input:focus,.cf-form select:focus,.cf-mini-form input:focus{border-color:#82c2fa!important;box-shadow:0 0 0 3px rgba(52,134,220,.15)}.cf-form select option,.cf-mini-form select option{background:#0a1b2c;color:white}
.cf-btn{border:1px solid rgba(151,198,252,.39)!important;border-radius:11px!important;padding:11px 16px!important;min-height:42px;color:#f8fcff!important;background:linear-gradient(135deg,#215890,#153861)!important;display:inline-flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-weight:700;font-size:13px;line-height:1.3;font-family:inherit;text-decoration:none}.cf-btn:hover{filter:brightness(1.12)}.cf-btn:disabled{opacity:.55;cursor:not-allowed}.cf-btn-muted{background:#122b43!important}.cf-help,.cf-footnote{color:var(--cf-muted);font-size:11px;line-height:1.5;margin:7px 0 0}.cf-footnote{margin-top:18px}.cf-alert{padding:12px 15px;border:1px solid #895e42;border-radius:12px;background:#34231b;color:#f4dbc8;margin-bottom:13px}
.cf-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.cf-tabs a{color:#9fb4cd;font-size:11px;font-weight:800;text-decoration:none;padding:8px 10px;border:1px solid var(--cf-border);border-radius:9px}.cf-tabs a.is-active{color:#ecfaff;background:rgba(43,100,160,.35);border-color:rgba(122,187,249,.38)}.cf-invoice-list{display:grid;gap:9px}.cf-invoice{padding:15px;border-radius:14px;border:1px solid rgba(120,169,224,.14);background:linear-gradient(125deg,#10273d,#0b1b2b)}.cf-invoice-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.cf-number{font-weight:800;color:#92b6d8;font-size:11px;font-variant-numeric:tabular-nums}.cf-invoice h3{font-size:14px;letter-spacing:-.01em;margin:4px 0 3px;color:#eff8ff;overflow-wrap:anywhere}.cf-invoice-top small{color:#a6bbd1;font-size:11px}.cf-pill{font-size:10px;white-space:nowrap;padding:5px 8px;border-radius:999px;border:1px solid #41658a;color:#add6ff;background:#153a5c;font-weight:800}.cf-pill.is-paid{border-color:#2d7e6a;color:#a7eed3;background:#12362e}.cf-pill.is-waived,.cf-pill.is-cancelled{border-color:#445368;color:#b5becb;background:#1c2735}.cf-invoice-data{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0 0;color:#a9bed4;font-size:11px;font-variant-numeric:tabular-nums}.cf-invoice-data strong{font-size:20px;color:#eef8ff;letter-spacing:-.035em}.cf-admin-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.cf-admin-actions details{flex:1 1 95px;min-width:90px}.cf-admin-actions summary{cursor:pointer;list-style:none;text-align:center;font-size:11px;font-weight:800;border:1px solid rgba(114,158,214,.3);border-radius:9px;padding:9px;color:#afd6ff;background:#112c46}.cf-admin-actions summary::-webkit-details-marker{display:none}.cf-admin-actions details[open]{flex-basis:100%}.cf-admin-actions details[open] summary{margin-bottom:12px;text-align:left}.cf-mini-form{padding:10px 5px 7px}.cf-empty{text-align:center;padding:36px 18px;border:1px dashed rgba(117,178,234,.22);border-radius:15px;color:#afc5da}.cf-empty p{margin:4px 0;color:#88a8c7}
.cf-customer{max-width:940px}.cf-customer-panel{max-width:940px}.cf-customer .cf-invoice{display:grid;gap:7px}.cf-customer .cf-pay{margin-top:10px}
.cf-modal-backdrop{position:fixed;inset:0;z-index:5000;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,9,19,.85);backdrop-filter:blur(14px)}.cf-pix-modal{position:relative;background:radial-gradient(ellipse at top right,rgba(38,115,183,.27),transparent 60%),linear-gradient(155deg,#10263c,#071524);color:#edf7ff;border:1px solid rgba(151,205,253,.24);border-radius:22px;box-shadow:0 32px 90px rgba(0,0,0,.55);padding:22px;width:min(100%,460px);max-height:95vh;overflow:auto;text-align:center}.cf-pix-head{display:flex;justify-content:space-between;align-items:center}.cf-close{font-size:24px;color:#bddcf6;text-decoration:none;width:32px;height:32px}.cf-pix-modal h2{font-size:19px;overflow-wrap:anywhere;margin:12px 0 6px}.cf-pix-price{display:block;font-size:29px;letter-spacing:-.04em;margin-bottom:15px}.cf-pix-qr{background:white;border-radius:14px;margin:0 auto 15px;padding:12px;width:max-content;max-width:100%}.cf-pix-qr img{display:block;width:190px;height:190px;max-width:100%;object-fit:contain}.cf-copy-label{font-size:12px;color:#a9c5dd;display:block;text-align:left;margin-bottom:6px}.cf-pix-modal textarea{resize:none;overflow-wrap:anywhere;font-size:12px;line-height:1.4;margin:0 0 12px}.cf-pix-modal .cf-btn{width:100%}.cf-pix-wait{font-size:12px;color:#a5c3e0;margin:15px 0}.cf-modal-back{font-size:12px;display:inline-block;margin-top:8px}.cf-paid-note{color:#90e2bc}
@media(max-width:880px){.cf-layout{grid-template-columns:minmax(0,1fr)}.cf-create{max-width:none}}@media(max-width:550px){.cf-hero{padding:17px;display:block}.cf-text-link{display:inline-block;margin-top:11px}.cf-overview{gap:7px}.cf-overview article{padding:12px 10px}.cf-overview small{font-size:10px}.cf-overview strong{font-size:16px}.cf-panel{padding:14px;border-radius:16px}.cf-invoice{padding:12px}.cf-invoice-data{gap:5px 10px}.cf-invoice-data strong{flex:0 0 100%}.cf-fields{gap:8px}.cf-pix-modal{padding:18px}.cf-invoice h3{font-size:13px}}