/* Central Support v1.3.1 — fidelidade ao layout aprovado */
:root{--v131-bg:#f8fafc;--v131-border:#e4e9ef;--v131-text:#172033;--v131-muted:#7b8798;--v131-teal:#079aa5;--v131-orange:#ff7c25;--v131-card:#fff;--v131-shadow:0 7px 22px rgba(35,49,64,.045)}
html{font-size:16px}body{background:var(--v131-bg)!important}.app-shell{grid-template-columns:286px minmax(0,1fr)!important}.sidebar{padding:20px 20px 18px!important;background:#fff!important}.sidebar .brand{height:106px!important;min-height:106px!important;padding:3px 13px 16px!important;margin-bottom:14px!important}.sidebar .brand img{width:185px!important}.sidebar .brand>span{margin-left:58px!important;font-size:11px!important;color:#9aa5b3!important}.nav{gap:5px!important}.nav-item,.nav a.nav-item{min-height:49px!important;padding:11px 14px!important;border-radius:10px!important;font-size:14px!important;gap:14px!important;color:#344052!important}.nav-item>span{width:22px!important;height:22px!important;color:#657184!important}.nav-item svg,.dashboard-icon svg,.kpi-soft svg,.search-wrap svg,.top-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{background:#e8f6f7!important;color:#008c97!important}.nav-item.active>span{color:#049aa5!important}.nav-item b{min-width:28px!important;height:24px!important;font-size:11px!important}.nav-separator{margin:12px 4px!important;background:#e5eaf0!important}.sidebar-footer{padding:18px 12px 0!important}.main{background:var(--v131-bg)!important}.topbar{height:78px!important;padding:0 32px!important}.search-wrap{width:510px!important;max-width:510px!important;height:48px!important}.search-wrap>span{width:18px;height:18px;display:grid;place-items:center}.search-wrap input{font-size:14px!important}.top-icon{width:40px!important;height:40px!important;padding:10px!important}.profile .avatar{width:42px!important;height:42px!important}.profile strong{font-size:13px!important}.profile span{font-size:11px!important}#content{padding:32px 32px 40px!important;max-width:none!important;transition:margin-right .22s ease}.dashboard-head{margin-bottom:25px!important}.dashboard-icon{width:24px;height:24px;display:grid;place-items:center}.dashboard-head h1{font-size:28px!important}.dashboard-head p{font-size:14px!important}.dashboard-new{height:44px!important;min-width:160px!important;border-radius:9px!important}.dashboard-kpis{gap:16px!important;margin-bottom:24px!important}.dashboard-kpi{min-height:134px!important;padding:21px!important;border-radius:13px!important;box-shadow:var(--v131-shadow)!important}.dashboard-kpi span{font-size:12px!important}.dashboard-kpi strong{font-size:30px!important}.dashboard-kpi small{font-size:11px!important}.kpi-soft{width:52px!important;height:52px!important;padding:14px!important}.dashboard-card{border-color:var(--v131-border)!important;border-radius:13px!important;box-shadow:var(--v131-shadow)!important}.recent-card{padding:20px 20px 18px!important}.dashboard-card h2{font-size:15px!important}.dashboard-card-head{margin-bottom:14px!important}.dashboard-card-head .secondary{height:39px!important;font-size:12px!important;border-radius:8px!important}.dashboard-table{min-width:820px!important}.dashboard-table th{padding:12px 10px!important;font-size:11px!important;letter-spacing:.01em!important}.dashboard-table td{height:52px!important;padding:12px 10px!important;font-size:12px!important}.dashboard-table .ticket-link{font-size:12px!important}.tech-avatar{width:31px!important;height:31px!important;font-size:10px!important}.dashboard-see-all{font-size:12px!important;margin-top:15px!important}.dashboard-bottom-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr)!important;gap:18px!important}.status-summary,.priority-summary{min-height:188px;padding:22px!important}.status-track{height:11px!important;margin:25px 0 20px!important}.status-legend span,.priority-legend p{font-size:11px!important}.priority-donut{width:108px!important;height:108px!important}.priority-donut span{width:68px!important;height:68px!important}
/* Drawer igual ao mockup: cartão lateral dentro da área útil, sem tela escurecida. */
.ticket-drawer-backdrop{background:transparent!important;backdrop-filter:none!important;pointer-events:none!important;display:block!important;padding:0!important}.ticket-drawer-backdrop.hidden{display:none!important}.ticket-drawer{position:fixed!important;top:102px!important;right:24px!important;bottom:24px!important;width:420px!important;height:auto!important;max-height:none!important;border:1px solid var(--v131-border)!important;border-radius:14px!important;box-shadow:0 18px 46px rgba(35,49,64,.13)!important;pointer-events:auto!important;background:#fff!important}.ticket-drawer .modal-head{padding:22px 22px 18px!important}.ticket-drawer-form{padding:20px 22px 98px!important}.ticket-drawer-form>label,.priority-block{margin-bottom:17px!important}.ticket-drawer-form label,.field-label{font-size:12px!important}.ticket-drawer-form input,.ticket-drawer-form select,.ticket-drawer-form textarea{min-height:44px!important;border-radius:8px!important;font-size:13px!important}.drawer-actions{padding:15px 22px!important}.ticket-drawer-open .main #content{margin-right:444px!important}.ticket-drawer-open .dashboard-table{min-width:760px!important}.ticket-drawer-open .dashboard-kpis{gap:12px!important}.ticket-drawer-open .dashboard-kpi{padding:17px!important}.ticket-drawer-open .dashboard-kpi strong{font-size:27px!important}.ticket-drawer-open .dashboard-bottom-grid{grid-template-columns:1fr!important}
@media(max-width:1450px){.app-shell{grid-template-columns:270px minmax(0,1fr)!important}.sidebar{padding-left:16px!important;padding-right:16px!important}.ticket-drawer-open .main #content{margin-right:420px!important}.ticket-drawer{width:400px!important}}
@media(max-width:1120px){.ticket-drawer-open .main #content{margin-right:0!important}.ticket-drawer{top:78px!important;right:0!important;bottom:0!important;width:min(470px,100vw)!important;border-radius:0!important}.ticket-drawer-backdrop{background:rgba(30,42,54,.18)!important;pointer-events:auto!important}.dashboard-kpis{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr!important}.sidebar{width:270px!important}.topbar{padding:0 14px!important}.search-wrap{width:auto!important;max-width:none!important}.ticket-drawer{top:0!important;width:100vw!important}.dashboard-table{min-width:760px!important}}