/* Central Support v1.3.0 — layout claro aprovado */
:root{--v130-teal:#009aa6;--v130-teal-dark:#007f8a;--v130-teal-soft:#e8f7f8;--v130-orange:#ff7f2a;--v130-bg:#f7f9fb;--v130-text:#172033;--v130-muted:#758195;--v130-line:#e3e8ee;--v130-card:#fff;--v130-shadow:0 8px 28px rgba(31,45,61,.055)}
body{background:var(--v130-bg);color:var(--v130-text);font-family:Inter,"Segoe UI",Arial,sans-serif}
.app-shell{grid-template-columns:286px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff!important;border-right:1px solid var(--v130-line)!important;padding:18px 20px 20px!important;color:var(--v130-text)!important;display:flex;flex-direction:column}.sidebar .brand{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;height:102px!important;min-height:102px!important;padding:2px 14px 17px!important;margin:0 0 16px!important;background:none!important;border:0!important;border-bottom:0!important;border-radius:0!important}.sidebar .brand img{display:block;width:190px;max-width:100%;height:auto}.sidebar .brand>span{display:block!important;margin-left:58px;color:#9aa4b2;font-size:12px;letter-spacing:0}.sidebar .brand .brand-mark,.sidebar .brand>div{display:none!important}
.nav{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.nav-item,.nav a.nav-item{display:flex;align-items:center;gap:14px;min-height:48px;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:#354052!important;font-size:14px;font-weight:600;text-decoration:none!important;transition:.18s ease}.nav-item>span{display:grid;place-items:center;width:22px;color:#687386;font-size:18px}.nav-item:hover{background:#f4f7f9!important;color:var(--v130-teal-dark)!important}.nav-item.active{background:linear-gradient(90deg,#e6f5f6,#edf9f9)!important;color:#008c98!important;box-shadow:none!important}.nav-item.active:before{display:none!important}.nav-item.active>span{color:#009aa6!important}.nav-item b{margin-left:auto;min-width:29px;height:24px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:#009aa6!important;color:#fff;font-size:12px}.nav-separator{height:1px;background:var(--v130-line);margin:10px 5px}.side-card{display:none!important}.sidebar-footer{margin-top:auto;padding:18px 12px 0!important;border-top:1px solid var(--v130-line);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sidebar-copyright{display:flex;flex-direction:column;gap:5px}.sidebar-copyright strong{font-size:11px;color:#8893a2}.sidebar-copyright span{font-size:10px;color:#a6afba;line-height:1.4}.logout-link{color:#526071!important;font-size:12px;text-decoration:none!important;font-weight:700}.logout-link:hover{color:var(--v130-teal)!important}
.main{background:var(--v130-bg)!important;min-width:0}.topbar{height:78px!important;padding:0 32px!important;background:#fff!important;border-bottom:1px solid var(--v130-line)!important;box-shadow:none!important;position:sticky;top:0;z-index:25}.search-wrap{max-width:520px!important;height:48px!important;border:1px solid #dce3e9!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 8px rgba(32,46,60,.025);padding:0 14px!important}.search-wrap span{font-size:20px;color:#697589}.search-wrap input{font-size:14px;color:#364152}.search-wrap kbd{margin-left:auto;border:1px solid #e6eaee;background:#f8fafb;border-radius:6px;padding:3px 8px;color:#9aa4b1;font:11px/1.2 inherit}.top-actions{gap:10px!important}.top-icon{position:relative;width:38px;height:38px;border:0;background:transparent;border-radius:10px;color:#6a7586;font-weight:800;cursor:pointer}.top-icon:hover{background:#f4f7f9;color:var(--v130-teal)}.notification-icon b{position:absolute;right:-2px;top:-4px;min-width:19px;height:19px;border-radius:999px;background:var(--v130-orange);color:#fff;display:grid;place-items:center;font-size:10px;border:2px solid #fff}.profile{margin-left:5px;padding-left:12px;border-left:1px solid var(--v130-line);gap:10px}.profile .avatar{width:42px;height:42px;background:#e8f4f4!important;color:#007f8a!important;border:1px solid #d1ebed!important}.profile strong{font-size:13px}.profile span{font-size:11px;color:#8994a2}.profile-chevron{font-size:16px!important;color:#667287!important;margin-left:5px}
#content{padding:30px 32px 42px!important;max-width:1660px!important}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.dashboard-head>div{display:flex;align-items:center;gap:13px}.dashboard-icon{font-size:24px;color:#344052}.dashboard-head h1{font-size:28px;line-height:1.1;margin:0;color:#172033;letter-spacing:-.025em}.dashboard-head p{margin:7px 0 0;color:#788496;font-size:14px}.dashboard-new{min-width:162px;height:44px;border-radius:9px!important;background:linear-gradient(135deg,#00a0aa,#008f9b)!important;box-shadow:0 8px 18px rgba(0,154,166,.18)!important}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.dashboard-kpi{background:#fff;border:1px solid var(--v130-line);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;min-height:132px;box-shadow:var(--v130-shadow)}.dashboard-kpi span{display:block;font-size:12px;font-weight:700;color:#4d596a}.dashboard-kpi strong{display:block;margin:10px 0 12px;font-size:29px;line-height:1;color:#121a2b}.dashboard-kpi small{font-size:11px;font-weight:600;color:#008d98}.kpi-soft{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:21px}.kpi-soft.teal{background:#e8f6f7;color:#0099a4}.kpi-soft.orange{background:#fff1e8;color:#ff7f2a}.kpi-soft.blue{background:#eaf2ff;color:#2563eb}.kpi-soft.green{background:#e9f7f2;color:#16a36b}
.dashboard-card{background:#fff;border:1px solid var(--v130-line);border-radius:12px;box-shadow:var(--v130-shadow)}.dashboard-card h2{margin:0;font-size:15px;color:#273142}.recent-card{padding:20px;margin-bottom:20px}.dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dashboard-card-head>div{display:flex;gap:9px}.dashboard-card-head .secondary{height:38px;padding:0 14px;border-color:#e0e6eb!important;color:#596577;background:#fff}.dashboard-table-wrap{overflow:auto}.dashboard-table{width:100%;border-collapse:collapse;min-width:930px}.dashboard-table th{background:#fff!important;color:#8792a2!important;border-bottom:1px solid var(--v130-line)!important;padding:11px 8px!important;font-size:10px!important;text-transform:none!important}.dashboard-table td{padding:12px 8px!important;border-bottom:1px solid #eef1f4!important;font-size:11px;color:#455164;vertical-align:middle}.dashboard-table tbody tr:nth-child(even){background:#fff!important}.dashboard-table tbody tr:hover{background:#fafcfd!important}.dashboard-table .ticket-link{font-size:11px;color:#0096a2!important}.tech-avatar{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e7f2f3;color:#007f8a;font-size:9px;font-weight:800}.row-menu{border:0;background:transparent;color:#7e8998;font-weight:800;cursor:pointer}.dashboard-see-all{margin-top:14px;border:0;background:transparent;color:#0095a0;font-size:11px;font-weight:800;cursor:pointer}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);gap:18px}.status-summary,.priority-summary{padding:22px}.status-track{height:12px;border-radius:999px;background:#eef2f4;display:flex;overflow:hidden;margin:25px 0 22px}.status-track span{min-width:0}.status-track .open{background:#3399f3}.status-track .progress{background:#70b7ff}.status-track .waiting{background:#ffc55f}.status-track .closed{background:#39b77e}.status-track .cancelled{background:#aeb7c2}.status-legend{display:flex;flex-wrap:wrap;gap:14px 22px}.status-legend span{font-size:10px;color:#536072}.status-legend b{display:block;margin-top:4px;color:#273142}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.open{background:#3399f3}.dot.progress{background:#70b7ff}.dot.waiting{background:#ffc55f}.dot.closed{background:#39b77e}.dot.cancelled{background:#aeb7c2}.priority-content{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:22px}.priority-donut{width:112px;height:112px;border-radius:50%;display:grid;place-items:center}.priority-donut span{width:70px;height:70px;border-radius:50%;background:#fff}.priority-legend p{font-size:11px;color:#536072}.priority-legend b{margin-left:20px;color:#273142}.dot.high{background:#ef4444}.dot.medium{background:#f59e0b}.dot.low{background:#22a06b}
.page-head,.route-hero,.wa-head,.backup-head,.report-head{border:0!important;padding-bottom:0!important}.page-head:after,.route-hero:after,.wa-head:after,.report-head:after{display:none!important}.card,.route-card,.wa-card,.backup-card,.report-builder,.report-preview,.report-history{border-color:var(--v130-line)!important;border-radius:12px!important;box-shadow:var(--v130-shadow)!important}.filters{background:#fff!important;border-color:var(--v130-line)!important}.table-card{overflow:hidden}.table-card th,.route-table th{background:#f7f9fb!important;color:#748092!important;border-bottom:1px solid var(--v130-line)!important}.table-card tbody tr:nth-child(even),.route-table tbody tr:nth-child(even){background:#fff!important}.table-card tbody tr:hover,.route-table tbody tr:hover{background:#f9fbfc!important}
.ticket-drawer-backdrop{align-items:stretch!important;justify-content:flex-end!important;background:rgba(30,42,54,.20)!important;backdrop-filter:blur(2px)!important;padding:0!important}.ticket-drawer{width:min(470px,100vw)!important;max-width:none!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important;border:0!important;border-left:1px solid var(--v130-line)!important;box-shadow:-18px 0 46px rgba(37,50,63,.14)!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden}.ticket-drawer .modal-head{padding:24px 26px 20px!important;margin:0!important;border-bottom:1px solid var(--v130-line)!important;display:flex;align-items:flex-start}.ticket-drawer .modal-head>div{display:flex;align-items:center;gap:12px}.drawer-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e8f6f7;color:#0095a0;font-size:18px}.ticket-drawer .modal-head h2{font-size:20px;margin:2px 0 0}.ticket-drawer .modal-head .eyebrow{display:none}.ticket-drawer-form{display:block!important;overflow:auto;padding:22px 26px 100px!important}.ticket-drawer-form>label,.priority-block{display:block;margin-bottom:18px}.ticket-drawer-form label,.field-label{font-size:12px;font-weight:800;color:#2d3748}.ticket-drawer-form input,.ticket-drawer-form select,.ticket-drawer-form textarea{width:100%;margin-top:8px;border:1px solid #dce3e9!important;border-radius:8px!important;background:#fff!important;min-height:43px;padding:10px 12px;font-size:13px}.ticket-drawer-form textarea{min-height:112px;resize:vertical}.ticket-drawer-form .field-help{display:block;margin-top:7px;color:#909baa;font-size:10px;font-weight:500}.requester-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}.requester-picker select{margin-top:0}.requester-add{margin-top:0!important;white-space:nowrap}.priority-segment{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;border:1px solid #dce3e9;border-radius:8px;overflow:hidden}.priority-segment button{height:43px;border:0;border-right:1px solid #dce3e9;background:#fff;color:#647184;font-weight:700;cursor:pointer}.priority-segment button:last-child{border-right:0}.priority-segment button[data-priority="P3"]{color:#17945f}.priority-segment button[data-priority="P2"]{color:#eb7900}.priority-segment button[data-priority="P1"]{color:#e14242}.priority-segment button.active{background:#f1fafb;box-shadow:inset 0 -3px #009aa6}.ticket-more-details{margin:4px 0 20px;border:1px solid var(--v130-line);border-radius:8px;background:#fbfcfd}.ticket-more-details summary{cursor:pointer;padding:12px 14px;font-size:12px;font-weight:800;color:#536072}.ticket-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:2px 14px 16px}.ticket-more-grid label{font-size:11px}.compact-datetime{grid-template-columns:1fr 1fr auto!important}.drawer-actions{position:absolute!important;left:0;right:0;bottom:0;padding:16px 26px!important;margin:0!important;background:#fff;border-top:1px solid var(--v130-line);display:grid!important;grid-template-columns:auto auto 1fr;gap:8px;z-index:2}.drawer-actions button{height:44px}.drawer-actions .primary{justify-self:stretch}.draft-button{color:#008f9a!important;border-color:#a9dfe2!important}
.searchable-select{margin-top:8px}.ticket-drawer-form .searchable-select-input{margin-top:0}.ticket-drawer-form .searchable-select-native{display:none!important}.searchable-select-list{z-index:90!important}.relation-summary{display:block;margin-top:7px;padding:8px 10px;border-radius:7px;background:#f0f9fa;color:#29747a;font-size:10px}.relation-summary.warning{background:#fff7e8;color:#8c5b0e}
@media(max-width:1180px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-bottom-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed!important;width:270px!important;left:-282px!important;z-index:80;box-shadow:14px 0 34px rgba(31,45,61,.12)}.sidebar.open{left:0!important}.topbar{height:66px!important;padding:0 14px!important}.search-wrap{max-width:none!important;flex:1}.search-wrap kbd,.top-icon,.profile>div:not(.avatar),.profile-chevron{display:none!important}.profile{border:0;padding:0}.profile .avatar{width:36px;height:36px}#content{padding:20px 14px 32px!important}.dashboard-head{align-items:flex-start}.dashboard-head h1{font-size:24px}.dashboard-new{min-width:auto;padding:0 14px!important}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:10px}.dashboard-kpi{min-height:112px;padding:15px}.dashboard-kpi strong{font-size:24px}.kpi-soft{width:42px;height:42px}.dashboard-card{border-radius:10px}.ticket-drawer{width:100vw!important}.ticket-more-grid{grid-template-columns:1fr}.drawer-actions{grid-template-columns:1fr 1fr}.drawer-actions .primary{grid-column:1/-1}.priority-content{gap:18px}.status-legend{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:480px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-head{display:block}.dashboard-new{margin-top:16px;width:100%}.dashboard-card-head{align-items:flex-start}.dashboard-card-head>div{display:none}.ticket-drawer-form{padding-left:18px!important;padding-right:18px!important}.ticket-drawer .modal-head{padding-left:18px!important;padding-right:18px!important}.drawer-actions{padding-left:18px!important;padding-right:18px!important}.requester-picker{grid-template-columns:1fr}.status-legend{grid-template-columns:1fr}}