/* Visual Trade: versão seletiva derivada do pacote recebido.
   Apenas apresentação. Nenhum tratamento de clique, requisição ou gravação. */
:root{--tm-blue:#1167b1;--tm-dark:#0b5486;--tm-cyan:#00b1c5;--tm-orange:#f3701f;--tm-line:#dce7ef;--tm-soft:#f3f8fc;--tm-ink:#123454}
.side{box-shadow:4px 0 28px #0a3f6422}
.nav{border-radius:11px;transition:background .18s ease,transform .18s ease}
.nav:hover{transform:translateX(2px)}
.nav.active{box-shadow:inset 3px 0 var(--tm-orange)}
.top{box-shadow:0 6px 24px #123f6008}
.main{background:linear-gradient(180deg,#f1f8fc 0,#f7fafc 260px)}
.card{border-radius:16px;box-shadow:0 6px 22px #123f600a;transition:box-shadow .2s ease}
.card[onclick]:hover,.process-hub-card:hover{box-shadow:0 12px 30px #1167b11a}
.card.kpi,.cards .kpi{background:linear-gradient(155deg,#fff,#f9fcff)}
.kpi b{font-variant-numeric:tabular-nums}
.btn{border-radius:10px;transition:box-shadow .16s ease,transform .12s ease}
.btn:hover:not(:disabled){box-shadow:0 4px 12px #1167b112}
.btn:active:not(:disabled){transform:translateY(1px)}
.input,.select,textarea{border-radius:10px;transition:border-color .16s ease,box-shadow .16s ease}
.input:focus-visible,.select:focus-visible,textarea:focus-visible,.btn:focus-visible{outline:2px solid #1167b1;outline-offset:2px}
table{border-collapse:separate;border-spacing:0}
thead th{background:#f3f8fc}
tbody tr:hover{background:#f7fbfd}
.crm-card,.exp-kcard,.sw-row{transition:box-shadow .2s ease,border-color .2s ease}
.crm-card:hover,.exp-kcard:hover,.sw-row:hover{box-shadow:0 6px 20px #164e7612}
@media(prefers-reduced-motion:reduce){.nav,.card,.btn,.input,.select,textarea,.crm-card,.exp-kcard,.sw-row{transition:none!important}}