/* Showsete v4 · estado, cores semânticas e profundidade baseada no Figma */
:root{--blue:#68a6ff;--violet:#a798fa;--teal:#6ddfd2;--orange:#ff791e;--accent:#ff791e}
.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#272127 0%,#261a16 48%,#1a1b23 100%);border:1px solid #ff9c663c;border-radius:16px;padding:17px 20px;margin:0 0 20px;box-shadow:inset 0 1px #ffffff0b}
.subscription-banner strong{font-size:15px;display:block}.subscription-banner small{color:var(--muted);display:block;margin-top:3px}.subscription-banner.plan-active{background:linear-gradient(105deg,#152826,#151b24,#241b20);border-color:#6ddfd233}.subscription-banner.plan-free{background:linear-gradient(105deg,#322321,#1e1b24);border-color:#ffb45450}
.attention{margin:22px 0}.attention h2{font-size:21px}.attention .grid{margin-top:12px}.attention-card{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid #ffffff1c;padding:18px 19px;border-radius:18px;box-shadow:inset 0 1px #fff1,0 14px 35px #0002;transition:transform .18s ease,box-shadow .18s ease}.attention-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0005}.attention-card b{font-size:10px;letter-spacing:.1em}.attention-card strong{font-size:17px;line-height:1.3}.attention-card small{opacity:.8}.attention-event{background:linear-gradient(145deg,#1c3443,#172333 53%,#161820);border-color:#68a6ff44}.attention-event b{color:#8ecaff}.attention-danger{background:linear-gradient(145deg,#4a1c33,#27151b 67%,#1b1820);border-color:#ff66754c}.attention-danger b{color:#ff8da0}.attention-warning{background:linear-gradient(145deg,#412b1b,#251d18 67%,#1c1920);border-color:#ffb4544c}.attention-warning b{color:#ffca83}
.invoice{background:linear-gradient(145deg,#1e1e24,#161619);border:1px solid #34343b;padding:22px;border-radius:17px;margin:15px 0;overflow-wrap:anywhere}.invoice .row{gap:12px}.invoice .codebox{font-size:12px;line-height:1.8;user-select:all;max-height:120px;overflow:auto}.invoice form{margin-top:12px}.invoice .review-note{min-width:220px;flex:1}
.status.urgente,.status.rejeitado{background:#ff667526!important;color:#ff9ba6!important;border-color:#ff667544!important}.status.alta,.status.em_analise{background:#ffb45421!important;color:#ffd199!important;border-color:#ffb45443!important}.status.aprovado,.status.pago{background:#59d8a12a!important;color:#a1f1c6!important;border-color:#59d8a13f!important}.status.aguardando{background:#68a6ff20!important;color:#accdff!important;border-color:#68a6ff3a!important}.status.normal{background:#a798fa22!important;color:#cec2ff!important}
.workspace>.grid>.stat:nth-child(2){border-color:#68a6ff33;background:linear-gradient(145deg,#1b222e,#181a22)}.workspace>.grid>.stat:nth-child(3){border-color:#a798fa33;background:linear-gradient(145deg,#252034,#1b1921)}.workspace>.grid>.stat:nth-child(4){border-color:#6ddfd233;background:linear-gradient(145deg,#1b2a2a,#171a1e)}
.btn,.navitem,.panel,.stat{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffc58f!important;outline-offset:3px}.notify-icon{position:relative}.notify-icon.is-new:after{content:'';position:absolute;width:8px;height:8px;background:#ff791e;border:2px solid #17171a;border-radius:50%;top:2px;right:3px}.toast-stack{position:fixed;right:20px;bottom:25px;max-width:400px;z-index:99;display:grid;gap:10px}.toast-app{background:#22222b;border:1px solid #ff791e88;border-left:4px solid #ff791e;color:#fff;padding:16px 20px;border-radius:15px;box-shadow:0 22px 70px #0009}.toast-app strong{display:block}.toast-app p{margin:4px 0 6px;font-size:13px}.toast-app a{color:#ffb77d;text-decoration:underline}
.helpstep h2{font-size:20px!important;line-height:1.25}.helpstep p{font-size:16px!important;line-height:1.6}.helpguide>h1{font-size:clamp(32px,5vw,55px)}.panel h2{line-height:1.3}
@media(max-width:680px){.subscription-banner{flex-direction:column;align-items:flex-start}.attention .grid{grid-template-columns:1fr}.invoice{padding:15px}.toast-stack{bottom:90px;left:14px;right:14px}.helpstep h2{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.attention-card,.btn{transition:none!important;transform:none!important}}