/* CardZap Design System — aplicado às telas operacionais do SaaS */
:root{
  --cz-ink:#151310;--cz-muted:#68635d;--cz-brand:#f15922;--cz-brand-dark:#dc4818;
  --cz-soft:#faf8f5;--cz-surface:#fff;--cz-line:#e9e5df;--cz-green:#1e9c5a;
  --brand:#f15922;--text:#151310;--bg-soft:#faf8f5;--surface:#fff;
}
html{scroll-behavior:smooth}
body{color:var(--cz-ink);-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{font:inherit}
button,.btn,.btn-primary,.primary-btn,.pc-cta,.wabtn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
button:hover,.btn:hover,.btn-primary:hover,.primary-btn:hover,.pc-cta:hover,.wabtn:hover{transform:translateY(-1px)}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:var(--cz-brand)!important;box-shadow:0 0 0 3px rgba(241,89,34,.12)!important}
.card,.panel-card,.stat-card,.modal-content,.box{border-color:var(--cz-line)!important;box-shadow:0 12px 35px rgba(33,20,12,.05)!important}
.badge,.tag,.status{font-weight:700}
::selection{background:rgba(241,89,34,.2);color:var(--cz-ink)}
@media(max-width:680px){button,.btn,.btn-primary,.primary-btn{min-height:44px}}