/* Central Support v1.2.0 - identidade visual RNetworks */
:root{
  --navy:#071d31;
  --navy2:#0b2b45;
  --teal:#008f95;
  --teal-strong:#007f86;
  --teal-soft:#eaf7f7;
  --orange:#f28a16;
  --orange-soft:#fff4e8;
  --bg:#f6f8f9;
  --card:#ffffff;
  --text:#202c35;
  --muted:#667581;
  --line:#d7e1e5;
  --line-dark:#bfd0d5;
  --shadow:0 10px 28px rgba(7,29,49,.055);
  --radius:13px;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.005em}
.app-shell{grid-template-columns:228px minmax(0,1fr)}
.sidebar{background:var(--navy);padding:18px 12px;border-right:1px solid rgba(255,255,255,.06)}
.brand{padding:0 9px 20px;gap:10px;min-height:58px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.brand-mark{width:38px;height:38px;border:0;border-radius:0;box-shadow:none;background:transparent url('rnetworks-mark.png') center/contain no-repeat;font-size:0;flex:0 0 38px}
.brand strong{font-size:16px;letter-spacing:.01em;color:#fff}.brand span{font-size:9px;letter-spacing:.17em;color:#69d0d1;margin-top:3px}
.nav{gap:3px}.nav-item,.nav a.nav-item{min-height:42px;border-radius:8px;padding:10px 11px;color:#d9e6ed;font-size:13px;text-decoration:none!important;position:relative}
.nav-item span{font-size:16px;width:20px;color:#9fb9c7}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:var(--teal);color:#fff;box-shadow:none}.nav-item.active span{color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:var(--orange)}
.nav-item b{background:rgba(255,255,255,.13)}
.side-card{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:11px;padding:14px}.side-card .eyebrow{color:#6fd2d3}.side-card p{color:#abc0cc}.sidebar-footer{padding:16px 8px 0}.sidebar-footer a{color:#afc2cc!important;text-decoration:none!important}
.main{background:var(--bg)}
.topbar{height:66px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.search-wrap{height:40px;border-radius:8px;background:#f9fbfb;border-color:var(--line);max-width:650px}.search-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,143,149,.09)}
.avatar{background:var(--teal);border:2px solid #dff1f1}.profile strong{color:var(--text)}
.primary,.secondary{border-radius:8px;padding:10px 14px;box-shadow:none}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-strong)}.secondary{border-color:var(--line);background:#fff}.secondary:hover{background:#f7fafb;border-color:var(--line-dark)}
.icon-btn{border-radius:8px;border-color:var(--line)}
#content,.route-page,.wa-page,.backup-page,.report-content{padding:26px;max-width:1600px;margin:0 auto;width:100%}
.page-head,.route-hero,.wa-head,.backup-head{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.page-head h1,.route-hero h1,.wa-head h1,.backup-head h1,.report-head h1{font-size:27px;line-height:1.15;color:var(--text);letter-spacing:-.025em}.page-head p,.route-hero p,.wa-head p,.backup-head p,.report-head p{color:var(--muted)}
.eyebrow{color:var(--teal);font-size:9px;letter-spacing:.14em}.page-head:before,.route-hero:before,.wa-head:before,.report-head:before{content:"";position:absolute}.page-head,.route-hero,.wa-head,.report-head{position:relative}.page-head:after,.route-hero:after,.wa-head:after,.report-head:after{content:"";position:absolute;left:0;bottom:-1px;width:58px;height:2px;background:var(--orange)}
.card,.route-card,.wa-card,.backup-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.panel,.ticket-header,.timeline,.kpi{padding:18px}.panel h2,.route-card h2,.wa-card h2,.backup-card h2{color:var(--text)}
.kpis{gap:13px}.kpi{border-left:3px solid transparent}.kpi:hover{border-left-color:var(--teal)}.kpi h3{font-size:23px}.kpi-icon{border-radius:10px}
.quick{background:#fff;border-color:var(--line);border-radius:10px}.progress span{background:var(--teal)}
.filters{padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.filters input,.filters select{border-radius:8px;background:#fff}
.table-card{border-radius:var(--radius)}table{background:#fff}th{background:var(--teal);color:#fff;font-size:10px;border-bottom-color:var(--teal-strong)}td{color:#33434d}tbody tr:nth-child(even){background:#fafcfc}tbody tr:hover{background:#eef8f8}.ticket-link{color:var(--teal-strong)}
.badge,.status-badge,.report-badge{border-radius:999px}.p1{background:#fff0ee;color:#b43a2b}.p2{background:#fff4e8;color:#9a5700}.p3,.p4{background:#eaf7f7;color:#006f75}
.detail-grid{gap:15px}.ticket-header{border-top:3px solid var(--teal)}.timeline-dot{background:var(--teal-soft);color:var(--teal)}.timeline-content p{color:#3c4d57}.info-line{padding-bottom:8px;border-bottom:1px dashed #e2e9ec}.info-line:last-child{border:0}.ai-card{background:#fff;color:var(--text);border-top:3px solid var(--orange)}.ai-card p{color:var(--muted)}
.form-grid{gap:13px}.form-grid label,.field-block label,.route-form label,.wa-form label{color:#263740}.form-grid input,.form-grid select,.form-grid textarea,.field-block input,.field-block select,.route-form input,.route-form select,.route-form textarea,.wa-form input,.wa-form textarea{border-color:var(--line);border-radius:8px;background:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field-block input:focus,.field-block select:focus,.route-form input:focus,.route-form select:focus,.route-form textarea:focus,.wa-form input:focus,.wa-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,143,149,.09);outline:0}
.modal-backdrop{background:rgba(7,29,49,.52);backdrop-filter:blur(3px)}.modal{border-radius:14px;box-shadow:0 22px 70px rgba(7,29,49,.22);border:1px solid rgba(255,255,255,.6)}.modal-head{border-bottom:1px solid var(--line);padding-bottom:14px}.modal-head h2{color:var(--text)}
.toast{background:var(--navy);border-left:4px solid var(--orange)}
.route-tabs{border-bottom:1px solid var(--line);padding-bottom:0;gap:3px}.route-tabs button{border:0;border-radius:0;background:transparent;padding:11px 15px;color:var(--muted)}.route-tabs button.active{background:transparent;color:var(--teal);border-bottom:3px solid var(--teal)}.route-card{padding:18px}.route-table th{background:var(--teal);color:#fff}.relationship-strip span{background:var(--teal-soft);border-color:#c8e7e7;color:#146d71}
.wa-card,.backup-card{padding:18px}.wa-code{background:var(--navy);border-radius:8px}.secret-note,.preview-note{background:var(--orange-soft)!important;border-color:#f2c98f!important;color:#6f4d13!important}
.report-content{padding:26px}.report-grid{gap:17px}.report-builder,.report-preview,.report-history{padding:19px;border-radius:var(--radius);box-shadow:var(--shadow)}.report-step{border-radius:8px}.preview-client{background:var(--navy);border-left:4px solid var(--orange);border-radius:8px}.report-kpis{gap:8px}.report-kpis>div{border-radius:9px;padding:12px;background:#fbfcfc}.report-kpis>div.accent,.report-kpis>div.balance{background:var(--teal-soft);border-color:#bfe3e3}.report-kpis .balance strong{color:var(--teal-strong)}.report-type{border-radius:9px}.report-open{background:var(--teal);border-radius:7px}.report-open:hover{background:var(--teal-strong)}
.searchable-select-list{border-radius:9px;box-shadow:0 16px 36px rgba(7,29,49,.14)}.searchable-select-option{border-radius:6px}.searchable-select-option:hover,.searchable-select-option.active{background:var(--teal-soft);color:var(--teal-strong)}
/* Login clean inspirado na proposta institucional */
body>.box{border-radius:14px!important;box-shadow:0 18px 50px rgba(7,29,49,.16)!important;border-top:4px solid var(--teal);position:relative}body>.box:before{content:"";display:block;width:58px;height:58px;margin-bottom:12px;background:url('rnetworks-mark.png') center/contain no-repeat}.ms{border-radius:8px!important}.note{color:var(--muted)!important}
@media(max-width:1050px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.report-grid{grid-template-columns:1fr}.report-preview{order:-1}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{width:228px;left:-240px}.topbar{height:60px}.page-head h1,.route-hero h1,.wa-head h1,.backup-head h1,.report-head h1{font-size:23px}#content,.route-page,.wa-page,.backup-page,.report-content{padding:16px}.card,.route-card,.wa-card,.backup-card{border-radius:11px}.report-kpis{grid-template-columns:1fr 1fr}.modal{border-radius:12px;padding:18px}}
@media print{.sidebar,.topbar,.form-actions,.filters{display:none!important}.app-shell{display:block}.main{background:#fff}body{background:#fff}.card{box-shadow:none}}
body>.box>.brand{display:block;padding:0;min-height:0;border:0;margin:0 0 6px;font-size:28px;font-weight:800;color:var(--navy)}
body>.box>.brand span{display:inline;color:var(--teal);font-size:inherit;text-transform:none;letter-spacing:0;margin:0}