/* COSPAM_FINANCE_SAPPHIRE_V2: deep smoked sapphire, mobile-first compact admin. */
.cf-shell{--cf-ink:#edf5ff;--cf-night:#081625;color:var(--cf-ink)}
.cf-shell .cf-hero{background:radial-gradient(ellipse at 90% -20%,rgba(32,90,158,.18),transparent 60%),linear-gradient(145deg,#102337,#081523 90%);box-shadow:inset 0 1px 0 rgba(220,243,255,.05),0 16px 46px rgba(0,3,12,.16)}
.cf-shell .cf-panel{background:linear-gradient(158deg,rgba(14,31,48,.99),rgba(7,18,30,.99))}
.cf-shell .cf-receipt-link{display:inline-flex;margin-top:9px;gap:7px;padding:8px 10px;border:1px solid rgba(95,154,215,.3);border-radius:10px;background:rgba(26,74,122,.22);color:#b7dcff;text-decoration:none;font-size:12px;font-weight:800}
.cf-shell .cf-receipt-link:hover{border-color:rgba(132,190,242,.55)}
.cf-admin .cf-layout{grid-template-columns:minmax(260px,350px) minmax(0,1fr)}
.cf-admin .cf-form{gap:11px}
.cf-admin .cf-form label{gap:5px}
.cf-admin .cf-form input,.cf-admin .cf-form select{min-height:42px;padding:10px 12px}
.cf-admin .cf-section-heading{margin-bottom:13px}
.cf-admin .cf-form .cf-help{margin:0}
.cf-admin .cf-form .cf-btn{margin-top:3px}
.cf-shell .cf-invoice{background:linear-gradient(135deg,#102539,#0a1b2c)}
@media (max-width:880px){.cf-admin .cf-layout{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
 .cf-shell{margin-bottom:24px}
 .cf-shell .cf-hero{padding:15px 16px;margin:9px 0 12px;border-radius:16px}
 .cf-shell .cf-hero h1{font-size:24px;margin:5px 0}
 .cf-shell .cf-overview{margin-bottom:10px}
 .cf-admin .cf-panel{padding:13px!important}
 .cf-admin .cf-create .cf-form{gap:10px!important}
 .cf-admin .cf-create .cf-form label{font-size:12px!important;gap:5px!important;margin:0!important}
 .cf-admin .cf-create input,.cf-admin .cf-create select{min-height:40px!important;padding:9px 11px!important}
 .cf-admin .cf-fields{gap:8px}
 .cf-admin .cf-admin-actions{gap:6px}
 .cf-admin .cf-admin-actions details{flex:1 1 90px}
 .cf-admin .cf-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:5px;scrollbar-width:thin}
 .cf-admin .cf-tabs a{white-space:nowrap;flex-shrink:0}
 .cf-customer .cf-invoice{padding:13px}
}