.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.role-card{background:#fff;border:1px solid var(--line);padding:20px;border-radius:13px}
.role-card h2{font-size:17px;margin:14px 0 8px}.role-card p{font-size:11px;line-height:1.7;color:var(--muted)}
.role-tag{display:inline-block;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:650;background:#f1ece7;color:#735b4e}
.role-ADMIN{background:#eee5f7;color:#654784}.role-OWNER{background:#faedcf;color:#896623}.role-OPERADOR{background:#e5f0e9;color:#356c4a}.role-ENTREGADOR{background:#e5edf7;color:#41678a}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:22px;align-items:start}
.audit-list{max-height:350px;overflow:auto}.audit-list>div{padding:10px 0;border-bottom:1px solid var(--line)}.audit-list strong{font-size:12px}.audit-list p,.audit-list span{font-size:10px;color:var(--muted);line-height:1.6}
.pix-display{display:grid;gap:15px;text-align:center}.pix-display p{font-size:12px;line-height:1.6;color:var(--muted)}
.pix-qr{display:block;width:280px;height:280px;max-width:100%;margin:auto;background:white;object-fit:contain}
.pix-display textarea{font-size:11px;word-break:break-all;min-height:80px}.pix-display .field{text-align:left}
.workspace-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}
@media(max-width:1100px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.user-actions{flex-wrap:wrap}}
@media(max-width:760px){.role-card{padding:15px}.role-card h2{font-size:15px}.role-grid{gap:8px}.user-actions .btn{font-size:10px}.pix-qr{width:250px;height:250px}.driver-container .heading-actions{max-width:none;flex-wrap:wrap}}
@media print{.workspace-tabs{display:none!important}}
.nav-item span{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.mobile-nav{overflow-x:auto;justify-content:flex-start}.mobile-nav button{flex:1 0 72px;min-width:72px;max-width:110px;padding:3px 5px;min-height:52px}.mobile-nav button span{white-space:normal;line-height:1.2;overflow-wrap:anywhere}.workspace-tab{flex-shrink:0}.breadcrumb{min-width:0;flex-wrap:wrap}}
@media(min-width:761px){body[data-density=compacta] .content{padding-top:22px}body[data-density=compacta] .stat{padding:13px}body[data-density=compacta] td{padding-top:10px;padding-bottom:10px}body[data-density=compacta] .panel-head{padding-top:14px;padding-bottom:14px}body[data-density=compacta] .user-row{padding-top:11px;padding-bottom:11px}}
