:root{--bg:#06111f;--panel:#0a1b2e;--panel-2:#0d2239;--line:#173a58;--text:#f4f8fc;--muted:#91a9bf;--cyan:#20d7f2;--green:#39d99c;--amber:#ffbf4a;--red:#ff647c;--sidebar:260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% 0,#0d2842 0,#06111f 38%,#040b14 100%);color:var(--text)}button,a{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 20px;background:rgba(3,12,22,.94);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:block;padding:4px 16px 26px}.brand img{display:block;width:176px;height:auto;margin:auto}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;color:#b9cbda;text-decoration:none;font-weight:650}.nav-item span{width:20px;text-align:center;color:#72a7c5}.nav-item:hover,.nav-item.active{background:#0b3043;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--cyan)}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid var(--line)}.sidebar-footer small{display:block;color:var(--muted);margin-top:3px}.profile-dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#2f6eff)}.main-content{min-width:0;padding:34px 42px 24px}.topbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:26px}.eyebrow{margin:0 0 7px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.15em}.topbar h1{font-size:34px;line-height:1.1;margin:0}.subtitle{color:var(--muted);margin:9px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.last-update{text-align:right;color:var(--muted);font-size:12px;line-height:1.5}.last-update strong{color:#d7e4ee}.icon-button,.user-button,.primary-button{border:1px solid var(--line);color:var(--text);background:rgba(12,31,50,.8);border-radius:12px;padding:11px 14px;cursor:pointer}.icon-button{font-size:19px;line-height:1}.user-button{color:#cfe5f4}.primary-button{background:var(--cyan);color:#03202a;border-color:transparent;font-weight:800}.overall-status{display:flex;align-items:center;gap:14px;border:1px solid #21674f;background:linear-gradient(90deg,rgba(28,117,82,.28),rgba(7,30,28,.55));padding:16px 18px;border-radius:16px;margin-bottom:18px}.overall-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#052318;font-weight:900}.overall-status strong,.overall-status span{display:block}.overall-status span{color:#a8c9bb;font-size:13px;margin-top:3px}.overall-status a{margin-left:auto;color:#b7f3db;text-decoration:none;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card,.panel{background:linear-gradient(145deg,rgba(13,34,57,.94),rgba(7,23,39,.95));border:1px solid var(--line);border-radius:18px}.metric-card{padding:20px}.metric-label{color:#aac0d1;font-size:13px;font-weight:700}.metric-value{display:block;font-size:29px;margin:9px 0 8px}.metric-value small{font-size:13px;color:var(--muted);font-weight:600}.metric-note{font-size:12px;color:var(--muted)}.metric-note.positive{color:#70e4b5}.metric-note.warning{color:#ffd27d}.metric-card.attention{border-color:#5d3d46}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.lower-grid{grid-template-columns:1.35fr .65fr}.panel{padding:22px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.panel-header h2{font-size:19px;margin:0}.panel-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.panel-header a{color:var(--cyan);text-decoration:none;font-weight:700;font-size:13px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.status-pill.ok{background:rgba(57,217,156,.12);color:#6ce6b7}.status-pill.warning{background:rgba(255,191,74,.14);color:#ffd17a}.health-list{display:grid;gap:2px}.health-row{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid rgba(38,74,103,.55)}.health-row:first-child{border-top:0}.health-row strong,.health-row small{display:block}.health-row small{color:var(--muted);margin-top:4px}.health-row>span:last-child{color:#bdebd9;font-size:12px;font-weight:800}.health-dot,.event-dot{width:9px;height:9px;border-radius:50%}.health-dot.ok,.event-dot.ok{background:var(--green);box-shadow:0 0 0 5px rgba(57,217,156,.08)}.event-dot.info{background:var(--cyan);box-shadow:0 0 0 5px rgba(32,215,242,.08)}.timeline{display:grid}.event{display:grid;grid-template-columns:44px 10px 1fr;gap:11px;align-items:start;padding:12px 0;border-top:1px solid rgba(38,74,103,.55)}.event:first-child{border-top:0}.event time{font-size:12px;color:var(--muted)}.event strong,.event small{display:block}.event small{color:var(--muted);margin-top:4px;line-height:1.35}.client-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#7f9ab0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px}td{padding:15px 12px;border-top:1px solid rgba(38,74,103,.55);font-size:13px}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.quick-actions{display:grid;gap:10px}.quick-actions button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(6,22,37,.7);color:var(--text);cursor:pointer}.quick-actions button:hover{border-color:#2f759c;background:#0b2941}.quick-actions button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0c3a50;color:var(--cyan);font-size:18px}.quick-actions strong,.quick-actions small{display:block}.quick-actions small{color:var(--muted);margin-top:3px}.prototype-note{text-align:center;color:#628097;font-size:12px;padding:12px 0 2px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.user-button{display:none}}@media(max-width:760px){:root{--sidebar:76px}.sidebar{padding:20px 10px}.brand{padding:0 0 20px}.brand img{width:56px}.nav-item{justify-content:center;padding:13px}.nav-item:not(.active){font-size:0}.nav-item.active{font-size:0}.nav-item span{font-size:18px}.sidebar-footer>div:not(.profile-dot){display:none}.main-content{padding:24px 16px}.topbar{display:block}.top-actions{margin-top:16px;justify-content:flex-start}.last-update{text-align:left}.metrics-grid{grid-template-columns:1fr}.overall-status a{display:none}}

.product-name{color:#a9c8df;margin:9px 0 0;font-size:20px;font-weight:650;letter-spacing:.01em}.metric-link{display:block;color:inherit;text-decoration:none;transition:.18s ease}.metric-link:hover{transform:translateY(-2px);border-color:#2c7196;box-shadow:0 10px 28px rgba(0,0,0,.18)}.button-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.clickable-row{cursor:pointer}.clickable-row:hover td{background:rgba(19,61,88,.35)}
.clients-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:18px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.clients-summary>div{background:linear-gradient(145deg,rgba(13,34,57,.97),rgba(7,23,39,.98));padding:18px 20px}.clients-summary strong,.clients-summary span{display:block}.clients-summary strong{font-size:25px}.clients-summary span{color:var(--muted);font-size:12px;margin-top:5px}.clients-summary .summary-attention strong,.warning-text{color:#ffd17a}.client-toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.search-box{flex:1;display:flex;align-items:center;gap:10px;background:rgba(10,27,46,.9);border:1px solid var(--line);border-radius:14px;padding:0 15px}.search-box span{color:var(--cyan);font-size:20px}.search-box input{width:100%;padding:14px 0;background:transparent;border:0;outline:0;color:var(--text);font:inherit}.search-box input::placeholder{color:#738da3}.filter-group{display:flex;gap:7px;padding:4px;background:rgba(7,22,37,.9);border:1px solid var(--line);border-radius:14px}.filter-button{border:0;border-radius:10px;padding:9px 13px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}.filter-button.active,.filter-button:hover{background:#0d3a50;color:#fff}.client-cards{display:grid;gap:16px}.client-card{background:linear-gradient(145deg,rgba(13,34,57,.96),rgba(7,23,39,.97));border:1px solid var(--line);border-radius:18px;padding:22px;transition:.18s ease}.client-card:hover{border-color:#2b7298;box-shadow:0 12px 34px rgba(0,0,0,.2)}.client-card.attention-card{border-color:#59444a}.client-card-head,.client-identity,.client-status-line,.client-card-footer{display:flex;align-items:center}.client-card-head{justify-content:space-between;gap:18px}.client-identity{gap:14px}.company-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#16cbe7,#266ce8);font-weight:900;color:white}.warning-avatar{background:linear-gradient(135deg,#e09829,#b95342)}.client-identity h2{margin:0;font-size:20px}.client-identity p{margin:5px 0 0;color:var(--muted);font-size:13px}.health-score{width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;border:6px solid rgba(57,217,156,.18);box-shadow:inset 0 0 0 2px rgba(57,217,156,.6)}.health-score.attention{border-color:rgba(255,191,74,.16);box-shadow:inset 0 0 0 2px rgba(255,191,74,.65)}.health-score strong,.health-score span{display:block}.health-score strong{font-size:17px}.health-score span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.client-status-line{gap:10px;margin:15px 0 16px;color:#aac0d1;font-size:13px}.client-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.client-data-grid>div{padding:14px 15px;border:1px solid rgba(35,75,105,.65);border-radius:13px;background:rgba(6,22,37,.55)}.client-data-grid span,.client-data-grid strong,.client-data-grid small{display:block}.client-data-grid span{color:#7f9ab0;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.client-data-grid strong{font-size:16px;margin-top:7px}.client-data-grid strong small{display:inline;color:#8eabc0;font-size:11px;font-weight:600}.client-data-grid>div>small{color:var(--muted);font-size:11px;margin-top:5px}.usage-bar{height:5px;border-radius:999px;background:#102e47;margin:16px 0 13px;overflow:hidden}.usage-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:inherit}.usage-bar.warning span{background:linear-gradient(90deg,#ffbf4a,#ff7c65)}.client-card-footer{justify-content:space-between;color:var(--muted);font-size:12px}.client-card-footer button{border:0;background:transparent;color:var(--cyan);font-weight:800;cursor:pointer}.empty-state{text-align:center;padding:38px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
@media(max-width:1100px){.clients-summary{grid-template-columns:repeat(3,1fr)}.client-data-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.product-name{font-size:16px}.clients-summary{grid-template-columns:repeat(2,1fr)}.client-toolbar{display:grid}.filter-group{overflow-x:auto}.client-card-head{align-items:flex-start}.health-score{width:64px;height:64px}.client-data-grid{grid-template-columns:1fr}.client-card-footer{align-items:flex-start;gap:10px}.client-topbar .primary-button{display:none}}

/* REV 3.0.2 — identidade mais forte e carteira em cards */
.product-name-large{font-size:28px;font-weight:760;letter-spacing:.015em;color:#c8def0;margin-top:12px}
.new-client-button{display:inline-flex;align-items:center;gap:9px;text-decoration:none;min-width:168px;justify-content:center;white-space:nowrap}
.new-client-button span{font-size:21px;line-height:1}.new-client-button strong{display:block;color:#03202a}
.clients-summary{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;background:transparent;border:0;overflow:visible}
.clients-summary .summary-card{min-width:0;background:linear-gradient(145deg,rgba(13,34,57,.97),rgba(7,23,39,.98));border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.clients-summary .summary-card strong{font-size:26px;line-height:1.05}.clients-summary .summary-card span{font-size:12px;line-height:1.35;margin-top:7px}
.clients-summary .summary-attention{border-color:rgba(255,191,74,.48);background:linear-gradient(145deg,rgba(70,48,24,.62),rgba(31,24,23,.88))}
.client-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.client-card{position:relative;overflow:hidden;padding-top:70px}
.plan-ribbon{position:absolute;inset:0 0 auto 0;height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);font-weight:850;letter-spacing:.02em}
.plan-ribbon small{font-size:11px;opacity:.78;font-weight:700}
.plan-essential .plan-ribbon{background:linear-gradient(90deg,rgba(42,124,185,.78),rgba(16,61,93,.48))}.plan-essential{border-color:rgba(62,142,198,.52)}
.plan-professional .plan-ribbon{background:linear-gradient(90deg,rgba(39,104,213,.84),rgba(38,70,132,.48))}.plan-professional{border-color:rgba(69,117,216,.58)}
.plan-business .plan-ribbon{background:linear-gradient(90deg,rgba(126,76,192,.82),rgba(69,43,103,.5))}.plan-business{border-color:rgba(138,88,205,.58)}
.client-card.attention-card{border-color:rgba(255,139,77,.82);background:linear-gradient(145deg,rgba(66,31,31,.94),rgba(28,21,28,.98));box-shadow:inset 0 0 0 1px rgba(255,180,80,.08)}
.client-card.attention-card .plan-ribbon{background:linear-gradient(90deg,rgba(188,83,49,.9),rgba(105,48,56,.62))}
.essential-avatar{background:linear-gradient(135deg,#3f9ed9,#24507c)}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1200px){.clients-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.client-card-grid{grid-template-columns:1fr}}
@media(max-width:760px){.product-name-large{font-size:21px}.clients-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.new-client-button{min-width:auto}.compact-grid{grid-template-columns:1fr}}


/* REV 3.0.3 — Monitor operacional de computadores */
.computers-summary{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.computers-summary .summary-card{background:linear-gradient(145deg,rgba(13,34,57,.97),rgba(7,23,39,.98));border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-width:0}
.computers-summary .summary-card strong,.computers-summary .summary-card span,.computers-summary .summary-card small{display:block}
.computers-summary .summary-card strong{font-size:26px;line-height:1.05}
.computers-summary .summary-card span{color:var(--muted);font-size:12px;line-height:1.35;margin-top:7px}
.computers-summary .summary-card small{color:#66859c;font-size:10px;margin-top:5px}
.computers-summary .summary-attention{border-color:rgba(255,191,74,.48);background:linear-gradient(145deg,rgba(70,48,24,.62),rgba(31,24,23,.88))}
.computer-toolbar{display:grid;grid-template-columns:minmax(300px,1fr) 220px auto;gap:12px;margin-bottom:18px}
.select-box{display:flex;align-items:center;gap:10px;background:rgba(10,27,46,.9);border:1px solid var(--line);border-radius:14px;padding:0 13px}
.select-box>span{color:#7896ac;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.select-box select{min-width:0;width:100%;padding:13px 0;background:transparent;color:var(--text);border:0;outline:0;font:inherit}
.select-box option{background:#0a1b2e;color:var(--text)}
.computer-filter{border:0;border-radius:10px;padding:9px 13px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}
.computer-filter.active,.computer-filter:hover{background:#0d3a50;color:#fff}
.computer-list{display:grid;gap:16px}
.computer-card{background:linear-gradient(145deg,rgba(13,34,57,.97),rgba(7,23,39,.98));border:1px solid var(--line);border-radius:18px;padding:22px;transition:.18s ease}
.computer-card:hover{border-color:#2b7298;box-shadow:0 12px 34px rgba(0,0,0,.2)}
.computer-card.status-attention{border-color:rgba(255,139,77,.78);background:linear-gradient(145deg,rgba(66,31,31,.92),rgba(28,21,28,.98))}
.computer-main{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center}
.device-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0c506d,#1989b3);border:1px solid rgba(32,215,242,.24);font-size:28px;color:#adf3ff}
.device-icon.server{background:linear-gradient(135deg,#8b4f31,#9e394a);border-color:rgba(255,139,77,.35);color:#ffd2a8}
.device-title h2{margin:0;font-size:21px}
.device-title p{margin:6px 0 0;color:var(--muted);font-size:13px}
.device-heading{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.live-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800}
.live-status i{width:8px;height:8px;border-radius:50%;display:block}
.live-status.online{color:#6ce6b7}.live-status.online i{background:var(--green);box-shadow:0 0 0 5px rgba(57,217,156,.08)}
.live-status.offline{color:#ff9f85}.live-status.offline i{background:#ff7d69;box-shadow:0 0 0 5px rgba(255,125,105,.08)}
.computer-score{width:72px;height:72px}
.computer-score.soft-attention{border-color:rgba(255,191,74,.15);box-shadow:inset 0 0 0 2px rgba(255,191,74,.58)}
.computer-state{display:flex;align-items:center;gap:10px;margin:16px 0;color:#aac0d1;font-size:13px}
.computer-state.attention-line{color:#e6b7a7}
.status-pill.preventive{background:rgba(255,191,74,.12);color:#ffd17a}
.computer-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.computer-data-grid>div{padding:13px 14px;border:1px solid rgba(35,75,105,.62);border-radius:13px;background:rgba(6,22,37,.54)}
.computer-data-grid span,.computer-data-grid strong,.computer-data-grid small{display:block}
.computer-data-grid span{color:#7694aa;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.computer-data-grid strong{font-size:15px;margin-top:7px}
.computer-data-grid small{color:var(--muted);font-size:10px;margin-top:5px}
.computer-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(38,74,103,.58)}
.machine-id{color:#67869e;font-size:11px}
.card-actions{display:flex;gap:8px}
.card-actions button{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:rgba(8,29,47,.75);color:#b9d0df;cursor:pointer;font-weight:750;font-size:12px}
.card-actions button:hover{border-color:#2c7196;color:#fff}
.card-actions .primary-card-action{color:var(--cyan);border-color:rgba(32,215,242,.24)}
.card-actions .danger-card-action{color:#ffb194;border-color:rgba(255,126,95,.35)}
@media(max-width:1200px){
  .computers-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .computer-toolbar{grid-template-columns:1fr 210px}
  .computer-toolbar .filter-group{grid-column:1/-1;justify-self:start}
  .computer-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .computers-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .computer-toolbar{grid-template-columns:1fr}
  .computer-toolbar .filter-group{grid-column:auto;justify-self:stretch;overflow-x:auto}
  .computer-main{grid-template-columns:48px 1fr}
  .device-icon{width:48px;height:48px;border-radius:13px;font-size:23px}
  .computer-score{grid-column:1/-1;justify-self:start;width:64px;height:64px}
  .computer-state{align-items:flex-start;flex-direction:column}
  .computer-data-grid{grid-template-columns:1fr}
  .computer-footer{align-items:flex-start;flex-direction:column}
  .card-actions{width:100%;flex-wrap:wrap}
}


/* REV 3.0.4 — Central operacional de backups */
.backup-health-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 22px;margin-bottom:18px;border:1px solid rgba(57,217,156,.34);border-radius:17px;background:linear-gradient(145deg,rgba(10,55,55,.74),rgba(6,35,46,.88))}
.backup-health-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#032f2a;font-size:25px;font-weight:900}
.backup-health-banner strong,.backup-health-banner span{display:block}
.backup-health-banner>div:nth-child(2)>strong{font-size:18px}
.backup-health-banner>div:nth-child(2)>span{margin-top:5px;color:#a7d9ca;font-size:13px}
.backup-window{text-align:right}
.backup-window small{display:block;color:#7fa79f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.backup-window strong{margin-top:4px;color:#d6fff2}
.backup-summary{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin-bottom:18px}
.backup-summary .summary-card{background:linear-gradient(145deg,rgba(13,34,57,.97),rgba(7,23,39,.98));border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.backup-summary .summary-card strong,.backup-summary .summary-card span,.backup-summary .summary-card small{display:block}
.backup-summary .summary-card strong{font-size:25px}
.backup-summary .summary-card span{margin-top:7px;color:var(--muted);font-size:12px}
.backup-summary .summary-card small{margin-top:5px;color:#66859c;font-size:10px}
.backup-summary .summary-attention{border-color:rgba(255,191,74,.48);background:linear-gradient(145deg,rgba(70,48,24,.62),rgba(31,24,23,.88))}
.backup-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 190px auto;gap:12px;margin-bottom:20px}
.backup-filter{border:0;border-radius:10px;padding:9px 12px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700;white-space:nowrap}
.backup-filter.active,.backup-filter:hover{background:#0d3a50;color:#fff}
.backup-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:18px;align-items:start}
.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px}
.section-title-row h2{margin:3px 0 0;font-size:20px}
.section-title-row.compact{align-items:start}
.section-counter{color:#7593aa;font-size:11px}
.backup-jobs{display:grid;gap:12px}
.backup-job{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,34,57,.97),rgba(7,23,39,.98));transition:.18s ease}
.backup-job:hover{border-color:#2b7298}
.backup-job.attention{border-color:rgba(255,125,99,.6);background:linear-gradient(145deg,rgba(65,30,31,.9),rgba(27,20,28,.98))}
.job-status-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#0c4057;color:#6cecff;font-size:20px;font-weight:900}
.backup-job.success .job-status-icon{background:rgba(57,217,156,.14);color:#65e6b4}
.backup-job.attention .job-status-icon{background:rgba(255,125,99,.14);color:#ff9d83}
.job-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.job-client{color:#7796ad;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.job-heading h3{margin:3px 0 0;font-size:18px}
.job-content>p{margin:8px 0 12px;color:#9ab2c4;font-size:12px}
.job-badge{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}
.job-badge.running{background:rgba(32,215,242,.12);color:#65eaff}
.job-badge.success{background:rgba(57,217,156,.12);color:#65e6b4}
.job-badge.attention{background:rgba(255,125,99,.12);color:#ffad94}
.job-progress-line{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:3px 0 13px}
.job-progress-track{height:8px;border-radius:999px;overflow:hidden;background:#0b2840}
.job-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20d7f2,#39d99c)}
.job-progress-line strong{font-size:12px;color:#d5f7ff}
.job-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.job-stats span{padding:10px 11px;border:1px solid rgba(35,75,105,.55);border-radius:11px;background:rgba(5,21,36,.54)}
.job-stats small,.job-stats strong{display:block}
.job-stats small{color:#708fa6;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.job-stats strong{margin-top:5px;font-size:12px}
.job-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}
.job-actions button{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:rgba(7,27,45,.76);color:#bad0df;font-weight:750;font-size:11px;cursor:pointer;white-space:nowrap}
.job-actions button:hover{border-color:#2b7298;color:#fff}
.job-actions .danger-action{color:#ffad94;border-color:rgba(255,125,99,.36)}
.backup-side-column{display:grid;gap:14px}
.side-panel{padding:17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,34,57,.97),rgba(7,23,39,.98))}
.schedule-list{display:grid;gap:9px}
.schedule-list>div{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(39,74,103,.48)}
.schedule-list>div:first-child{border-top:0}
.schedule-time{font-weight:850;color:#dff7ff}
.schedule-list p{margin:0}
.schedule-list p strong,.schedule-list p small{display:block}
.schedule-list p strong{font-size:12px}
.schedule-list p small{margin-top:3px;color:#7897ad;font-size:10px}
.schedule-status{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}
.schedule-status.ready{background:rgba(57,217,156,.12);color:#64dfb0}
.schedule-status.warning{background:rgba(255,125,99,.12);color:#ff9e83}
.health-breakdown{display:grid;gap:12px}
.health-breakdown>div{position:relative;padding-bottom:12px}
.health-breakdown span,.health-breakdown strong{display:inline-block;font-size:11px}
.health-breakdown strong{float:right}
.health-bar{position:absolute;left:0;bottom:0;height:6px;border-radius:999px;display:block}
.health-bar.success{background:#39d99c}
.health-bar.warning{background:#ffbf4a}
.health-bar.danger{background:#ff7d63}
.health-breakdown>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:999px;background:#0a2941;z-index:-1}
.success-rate{margin-top:18px;padding-top:14px;border-top:1px solid rgba(39,74,103,.48);text-align:center}
.success-rate strong,.success-rate span{display:block}
.success-rate strong{font-size:27px;color:#72e9bd}
.success-rate span{margin-top:3px;color:#7897ad;font-size:10px}
.volume-total{padding:4px 0 13px}
.volume-total strong,.volume-total span{display:block}
.volume-total strong{font-size:25px}
.volume-total span{margin-top:3px;color:#7897ad;font-size:10px}
.volume-list{display:grid;gap:8px}
.volume-list>div{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid rgba(39,74,103,.42);font-size:11px}
.volume-list span{color:#8ca7ba}
@media(max-width:1250px){
  .backup-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .backup-layout{grid-template-columns:1fr}
  .backup-side-column{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .backup-toolbar{grid-template-columns:1fr 180px}
  .backup-toolbar .filter-group{grid-column:1/-1;justify-self:start;overflow-x:auto}
  .job-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .backup-side-column{grid-template-columns:1fr}
}
@media(max-width:700px){
  .backup-health-banner{grid-template-columns:auto 1fr}
  .backup-window{grid-column:1/-1;text-align:left;padding-left:64px}
  .backup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .backup-toolbar{grid-template-columns:1fr}
  .backup-toolbar .filter-group{grid-column:auto;justify-self:stretch;overflow-x:auto}
  .backup-job{grid-template-columns:38px 1fr}
  .job-status-icon{width:38px;height:38px}
  .job-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}
  .job-heading{flex-direction:column}
  .job-stats{grid-template-columns:1fr 1fr}
}


/* REV 3.0.5 — Explorar e Restaurar */
.restore-page{min-width:0}
.global-file-search{margin-bottom:14px;border:1px solid rgba(32,215,242,.28);border-radius:18px;background:linear-gradient(145deg,rgba(9,42,60,.98),rgba(6,26,43,.98));overflow:hidden}
.search-question{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:18px 20px}
.search-question-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0e6584,#1ba8c7);font-size:26px;color:#d8fbff}
.search-question div small{display:block;color:#64dced;font-size:10px;font-weight:850;letter-spacing:.12em}
.search-question input{width:100%;margin-top:4px;padding:4px 0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:20px;font-weight:750}
.search-question input::placeholder{color:#7897aa;font-weight:500}
.search-question>button{border:1px solid var(--line);border-radius:10px;background:#082238;color:#9db6c7;padding:9px 12px;cursor:pointer}
.search-scope{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr)) auto;gap:10px;padding:12px 18px;border-top:1px solid rgba(38,77,105,.58);background:rgba(3,18,31,.38)}
.search-scope label{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(39,82,111,.68);border-radius:11px;background:rgba(7,29,47,.72)}
.search-scope label>span{color:#6d8ca2;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.search-scope select{width:100%;min-width:0;border:0;outline:0;padding:11px 0;background:transparent;color:#d9edf7;font:inherit;font-size:11px}
.search-scope option{background:#081d30}
.scope-summary{display:flex;justify-content:center;flex-direction:column;min-width:145px;padding-left:14px;border-left:1px solid rgba(39,82,111,.58)}
.scope-summary strong,.scope-summary span{display:block}
.scope-summary strong{font-size:15px}.scope-summary span{margin-top:3px;color:#718fa5;font-size:10px}
.restore-context-bar{display:grid;grid-template-columns:34px 34px 34px minmax(260px,1fr) minmax(220px,330px);align-items:center;gap:7px;margin-bottom:12px}
.restore-context-bar>button{height:34px;border:1px solid var(--line);border-radius:9px;background:#081e32;color:#99b5c7;cursor:pointer}
.restore-context-bar>button:hover{color:#fff;border-color:#2c7396}
.restore-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#081e32;overflow:hidden}
.restore-breadcrumb button{border:0;background:transparent;color:#85a7bb;cursor:pointer;white-space:nowrap}
.restore-breadcrumb span{color:#44657b}.restore-breadcrumb strong{color:#e1f3fa;font-size:11px;white-space:nowrap}
.folder-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#081e32}
.folder-search span{color:#668ba2}
.folder-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dceef7;font:inherit;font-size:11px}
.restore-explorer{display:grid;grid-template-columns:minmax(205px,.62fr) minmax(520px,1.75fr) minmax(275px,.83fr);min-height:650px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#06192a}
.folder-tree-panel,.file-list-panel,.version-panel{min-width:0}
.folder-tree-panel{border-right:1px solid var(--line);background:linear-gradient(180deg,#081f34,#061827)}
.version-panel{border-left:1px solid var(--line);background:linear-gradient(180deg,#081f34,#061827)}
.explorer-panel-title{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);color:#6e91a7;font-size:9px;font-weight:850;letter-spacing:.1em}
.explorer-panel-title button,.view-controls button{border:0;background:transparent;color:#7898ad;cursor:pointer;font-size:16px}
.tree-group{padding:12px 9px 4px}
.tree-label{padding:0 8px 7px;color:#55788f;font-size:8px;font-weight:850;letter-spacing:.12em}
.folder-tree-item{width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:9px 8px;border:0;border-radius:9px;background:transparent;color:#aac2d1;text-align:left;cursor:pointer}
.folder-tree-item:hover{background:rgba(18,69,94,.46);color:#fff}
.folder-tree-item.active{background:linear-gradient(90deg,rgba(20,105,137,.72),rgba(12,56,77,.48));color:#fff}
.folder-tree-item.favorite .tree-icon{color:#ffca64}
.folder-tree-item strong,.folder-tree-item small{display:block}
.folder-tree-item strong{font-size:11px}.folder-tree-item small{margin-top:3px;color:#68889e;font-size:8px}
.tree-icon{display:grid;place-items:center;color:#4fc7df;font-size:15px}
.machine-state{width:8px;height:8px;border-radius:50%;justify-self:center}
.machine-state.online{background:#39d99c;box-shadow:0 0 0 4px rgba(57,217,156,.08)}
.machine-state.offline{background:#ff7d63;box-shadow:0 0 0 4px rgba(255,125,99,.08)}
.file-list-panel{display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2238,#071b2d)}
.files-title{flex:0 0 46px}
.view-controls{display:flex;gap:3px}
.view-controls button{width:27px;height:27px;border-radius:7px;font-size:13px}
.view-controls button.active{background:#104259;color:#d8f8ff}
.file-table-header{display:grid;grid-template-columns:minmax(250px,1.8fr) 130px 85px 65px;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(36,73,101,.58);color:#5f8097;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.file-list{flex:1;overflow:auto}
.file-row{width:100%;display:grid;grid-template-columns:minmax(250px,1.8fr) 130px 85px 65px;gap:10px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid rgba(34,69,96,.38);background:transparent;color:#9eb8c9;text-align:left;cursor:pointer;font-size:10px}
.file-row:hover{background:rgba(15,61,83,.42)}
.file-row.selected{background:linear-gradient(90deg,rgba(20,106,139,.62),rgba(9,51,71,.38));box-shadow:inset 3px 0 #20d7f2}
.file-row.deleted-file{background:rgba(92,39,39,.16)}
.file-name{display:flex;align-items:center;gap:10px;min-width:0}
.file-name>span{min-width:0}
.file-name strong,.file-name small{display:block}
.file-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9edf6;font-size:11px}
.file-name small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#63859a;font-size:8px}
.deleted-file .file-name small{color:#e18f7c}
.file-icon{flex:0 0 34px;height:34px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:900}
.file-icon.folder{background:rgba(32,215,242,.12);color:#64e8fa;font-size:16px}
.file-icon.pdf{background:rgba(255,95,95,.14);color:#ff9494}
.file-icon.excel{background:rgba(57,217,156,.14);color:#6ce3b5}
.file-icon.word{background:rgba(73,145,255,.16);color:#8ab5ff}
.file-icon.image{background:rgba(183,109,255,.15);color:#ca9cff}
.file-icon.database{background:rgba(255,154,74,.15);color:#ffb06d}
.file-icon.code{background:rgba(32,215,242,.12);color:#78ebfa}
.version-count{display:inline-grid;place-items:center;width:28px;height:24px;border-radius:999px;background:#0b4057;color:#70e7f7;font-weight:850}
.file-list-footer{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid var(--line);color:#5f8197;font-size:8px}
.selected-file-detail{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding:16px}
.selected-file-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-size:10px;font-weight:900}
.selected-file-icon.pdf{background:rgba(255,95,95,.15);color:#ff9b9b;border:1px solid rgba(255,95,95,.2)}
.selected-file-detail h2{margin:0;font-size:15px;overflow-wrap:anywhere}
.selected-file-detail p{margin:5px 0 0;color:#6f91a7;font-size:9px;overflow-wrap:anywhere}
.file-state-card{display:flex;align-items:center;gap:10px;margin:0 14px 13px;padding:11px;border:1px solid rgba(57,217,156,.25);border-radius:11px;background:rgba(57,217,156,.07)}
.availability-dot{width:9px;height:9px;border-radius:50%;background:#39d99c;box-shadow:0 0 0 5px rgba(57,217,156,.08)}
.file-state-card strong,.file-state-card small{display:block}
.file-state-card strong{font-size:10px;color:#bff5df}.file-state-card small{margin-top:3px;color:#6b9f8b;font-size:8px}
.file-metadata{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0 14px 14px}
.file-metadata div{padding:9px;border:1px solid rgba(34,72,99,.52);border-radius:9px;background:rgba(5,23,38,.54)}
.file-metadata dt{color:#5d8198;font-size:7px;text-transform:uppercase;letter-spacing:.07em}
.file-metadata dd{margin:5px 0 0;color:#cce1ec;font-size:9px;font-weight:750}
.version-heading{display:flex;justify-content:space-between;padding:12px 14px 8px;border-top:1px solid var(--line)}
.version-heading span{color:#6d90a7;font-size:8px;font-weight:850;letter-spacing:.1em}.version-heading small{color:#4f7289;font-size:7px}
.version-timeline{padding:0 10px}
.version-item{position:relative;width:100%;display:grid;grid-template-columns:18px 1fr 16px;align-items:center;gap:8px;padding:9px 7px;border:0;border-radius:9px;background:transparent;color:#a9c0cf;text-align:left;cursor:pointer}
.version-item:hover,.version-item.active{background:rgba(16,66,89,.56)}
.timeline-dot{width:9px;height:9px;border-radius:50%;background:#31556b;justify-self:center}
.version-item.active .timeline-dot{background:#20d7f2;box-shadow:0 0 0 4px rgba(32,215,242,.08)}
.version-item strong,.version-item small{display:block}
.version-item strong{font-size:9px}.version-item small{margin-top:3px;color:#638499;font-size:7px}
.version-item i{font-style:normal;color:#62e7b5}
.restore-actions{display:grid;gap:7px;padding:14px}
.restore-actions button{border-radius:10px;padding:9px 10px;font-weight:800;font-size:9px;cursor:pointer}
.preview-button,.restore-secondary,.download-button{border:1px solid var(--line);background:#082239;color:#a9c4d4}
.restore-primary{border:1px solid rgba(32,215,242,.35);background:linear-gradient(135deg,#0d6e8b,#148da7);color:#fff}
.prototype-warning{margin:0 14px 14px;padding:9px;border:1px solid rgba(255,191,74,.22);border-radius:9px;background:rgba(255,191,74,.06);color:#b99a60;font-size:7px;line-height:1.4}
.card-link-button{display:inline-flex;align-items:center;border:1px solid rgba(32,215,242,.24);border-radius:10px;padding:9px 12px;background:rgba(8,29,47,.75);color:var(--cyan);cursor:pointer;font-weight:750;font-size:12px;text-decoration:none}
.card-link-button:hover{border-color:#2c7196;color:#fff}
@media(max-width:1280px){
  .restore-explorer{grid-template-columns:210px minmax(500px,1fr)}
  .version-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr}
  .version-panel>.explorer-panel-title{grid-column:1/-1}
  .restore-actions{align-self:start}
}
@media(max-width:900px){
  .search-scope{grid-template-columns:1fr 1fr}
  .scope-summary{border-left:0;padding-left:0}
  .restore-context-bar{grid-template-columns:34px 34px 34px 1fr}
  .folder-search{grid-column:1/-1}
  .restore-explorer{grid-template-columns:1fr;overflow:visible}
  .folder-tree-panel{border-right:0;border-bottom:1px solid var(--line)}
  .tree-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .tree-label{grid-column:1/-1}
  .version-panel{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .search-question{grid-template-columns:40px 1fr}
  .search-question-icon{width:40px;height:40px}
  .search-question>button{grid-column:1/-1}
  .search-scope{grid-template-columns:1fr}
  .file-table-header{display:none}
  .file-row{grid-template-columns:1fr auto;padding:12px}
  .file-row>span:nth-child(2),.file-row>span:nth-child(3){display:none}
  .version-panel{grid-template-columns:1fr}
  .tree-group{grid-template-columns:1fr}
}


/* REV 3.0.6 — Gateway */
.gateway-page{min-width:0}
.gateway-status-banner{position:relative;display:grid;grid-template-columns:64px minmax(260px,1fr) auto auto;align-items:center;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid rgba(57,217,156,.3);border-radius:18px;background:linear-gradient(135deg,rgba(8,54,57,.92),rgba(6,28,44,.98));overflow:hidden}
.gateway-status-banner:after{content:"";position:absolute;inset:auto -80px -100px auto;width:300px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(57,217,156,.11),transparent 68%)}
.gateway-status-orb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(57,217,156,.1);border:1px solid rgba(57,217,156,.25)}
.gateway-status-orb span{width:17px;height:17px;border-radius:50%;background:#39d99c;box-shadow:0 0 0 8px rgba(57,217,156,.09),0 0 22px rgba(57,217,156,.46)}
.gateway-status-copy small{color:#72dfb3;font-size:8px;font-weight:900;letter-spacing:.12em}
.gateway-status-copy strong{display:block;margin-top:4px;font-size:18px}
.gateway-status-copy p{margin:5px 0 0;color:#7da5ab;font-size:10px}
.gateway-status-facts{display:flex;gap:24px;padding:0 20px;border-left:1px solid rgba(72,130,125,.34);border-right:1px solid rgba(72,130,125,.34)}
.gateway-status-facts div{min-width:100px}
.gateway-status-facts small,.gateway-status-facts strong{display:block}
.gateway-status-facts small{color:#668e98;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.gateway-status-facts strong{margin-top:5px;color:#d6f2ec;font-size:11px}
.operational-pill{position:relative;z-index:1;padding:8px 11px;border-radius:999px;background:rgba(57,217,156,.12);color:#6de8b7;font-size:9px;font-weight:900}
.gateway-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.gateway-kpi{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#09243a,#071a2b)}
.gateway-kpi.attention{border-color:rgba(255,174,76,.26)}
.gateway-kpi-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(32,215,242,.1);color:#5de2f4;font-size:17px}
.gateway-kpi.attention .gateway-kpi-icon{background:rgba(255,174,76,.1);color:#ffb865}
.gateway-kpi small,.gateway-kpi strong,.gateway-kpi p{display:block}
.gateway-kpi small{color:#5e8097;font-size:7px;font-weight:850;letter-spacing:.08em}
.gateway-kpi strong{margin-top:3px;color:#eefaff;font-size:17px}
.gateway-kpi p{margin:3px 0 0;color:#68899e;font-size:8px}
.gateway-grid{display:grid;gap:12px;margin-bottom:12px}
.gateway-grid-top{grid-template-columns:minmax(540px,1.75fr) minmax(330px,.8fr)}
.gateway-grid-middle{grid-template-columns:minmax(600px,1.55fr) minmax(330px,.75fr)}
.gateway-grid-bottom{grid-template-columns:1fr 1.15fr .8fr}
.gateway-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#092238,#06192a);overflow:hidden}
.gateway-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(35,74,101,.55)}
.gateway-card-header small{color:#5b7f97;font-size:7px;font-weight:900;letter-spacing:.1em}
.gateway-card-header h2{margin:3px 0 0;font-size:14px}
.gateway-period-controls{display:flex;gap:4px}
.gateway-period-controls button,.small-outline-button{border:1px solid rgba(40,82,110,.68);border-radius:8px;background:#071d30;color:#7899ad;padding:6px 9px;font-size:8px;cursor:pointer}
.gateway-period-controls button.active{border-color:rgba(32,215,242,.38);background:#0c4157;color:#70e6f6}
.healthy-label,.channel-total{padding:6px 9px;border-radius:999px;background:rgba(57,217,156,.09);color:#68ddb0;font-size:8px;font-weight:850}
.throughput-legend{display:flex;align-items:center;gap:18px;padding:12px 16px 0;color:#718fa4;font-size:8px}
.throughput-legend span{display:flex;align-items:center;gap:6px}
.throughput-legend i{width:14px;height:3px;border-radius:2px}
.legend-in{background:#22d7ef}.legend-nas{background:#62dfa9}
.throughput-legend strong{margin-left:auto;color:#a9c1d0}
.throughput-chart-wrap{height:250px;padding:8px 14px 0}
.throughput-chart-wrap canvas{width:100%;height:100%;display:block}
.chart-axis-labels{display:flex;justify-content:space-between;padding:0 18px 13px;color:#4d7087;font-size:7px}
.resource-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 13px 14px}
.resource-gauge{text-align:center}
.gauge-ring{width:78px;height:78px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#20d7f2 calc(var(--value)*1%),#12324a 0);position:relative}
.gauge-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#082036}
.gauge-ring strong{position:relative;z-index:1;font-size:15px}
.resource-gauge>span{display:block;color:#c5dce7;font-size:9px;font-weight:800}
.resource-gauge>small{display:block;margin-top:3px;color:#5f8197;font-size:7px}
.host-details,.service-details{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0 14px 14px}
.host-details div,.service-details div{padding:9px;border:1px solid rgba(35,72,98,.5);border-radius:9px;background:rgba(4,20,34,.5)}
.host-details dt,.service-details dt{color:#557a91;font-size:7px;text-transform:uppercase}
.host-details dd,.service-details dd{margin:4px 0 0;color:#b9d1dd;font-size:8px;font-weight:750}
.channel-list{padding:4px 0}
.channel-row{display:grid;grid-template-columns:30px minmax(190px,1.5fr) 110px minmax(90px,.7fr) 64px;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(34,70,96,.38)}
.channel-row:last-child{border-bottom:0}
.channel-row.muted{opacity:.58}
.channel-number{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#0b344a;color:#6ddff0;font-size:8px;font-weight:900}
.channel-main strong,.channel-main small,.channel-rate strong,.channel-rate small{display:block}
.channel-main strong{font-size:10px}.channel-main small{margin-top:3px;color:#607f94;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-rate{text-align:right}.channel-rate strong{font-size:9px}.channel-rate small{margin-top:3px;color:#5d7e94;font-size:7px}
.mini-progress{height:5px;border-radius:999px;background:#102e43;overflow:hidden}
.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168ead,#2ad9e9)}
.channel-state{justify-self:end;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:850}
.channel-state.online{background:rgba(57,217,156,.1);color:#65dfad}
.channel-state.checking{background:rgba(255,188,77,.1);color:#f1b95c}
.channel-state.idle{background:rgba(120,151,171,.1);color:#7897ab}
.nas-hero{display:flex;align-items:center;gap:12px;padding:16px}
.nas-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:rgba(32,215,242,.1);color:#65e5f5;font-size:21px}
.nas-hero strong,.nas-hero span{display:block}
.nas-hero strong{font-size:13px}.nas-hero span{margin-top:4px;color:#618298;font-size:8px}
.nas-capacity{padding:0 16px 15px}
.nas-capacity-heading,.nas-capacity-footer{display:flex;justify-content:space-between;gap:10px}
.nas-capacity-heading{font-size:8px;color:#7998ab}.nas-capacity-heading strong{color:#cce1eb}
.nas-capacity-bar{height:9px;margin:8px 0;border-radius:999px;background:#102f45;overflow:hidden}
.nas-capacity-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#147f9e,#23d4e9)}
.nas-capacity-footer{color:#587b91;font-size:7px}.nas-capacity-footer strong{color:#7ea3b7}
.nas-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 16px 15px}
.nas-metrics div{padding:10px;border:1px solid rgba(34,71,97,.5);border-radius:9px;background:rgba(4,20,34,.5)}
.nas-metrics small,.nas-metrics strong{display:block}
.nas-metrics small{color:#587b91;font-size:7px;text-transform:uppercase}.nas-metrics strong{margin-top:4px;font-size:11px}
.disk-health{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(34,71,97,.48)}
.disk-health div{display:grid;grid-template-columns:1fr 7px auto;align-items:center;gap:7px;padding:9px 13px;border-right:1px solid rgba(34,71,97,.38);border-bottom:1px solid rgba(34,71,97,.38);font-size:7px;color:#6e8da1}
.disk-health strong{color:#77cbaa}.disk-ok{width:6px;height:6px;border-radius:50%;background:#39d99c}
.health-check-list{padding:3px 0}
.health-check{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid rgba(34,70,96,.38)}
.health-check:last-child{border-bottom:0}
.health-check>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:900}
.health-check.ok>span{background:rgba(57,217,156,.1);color:#65dfad}
.health-check.warning>span{background:rgba(255,183,76,.1);color:#f0b760}
.health-check strong,.health-check small{display:block}
.health-check strong{font-size:9px}.health-check small{margin-top:3px;color:#5f8197;font-size:7px}
.health-check time{color:#52748b;font-size:7px}
.gateway-event-list{padding:4px 0}
.gateway-event{display:grid;grid-template-columns:9px 54px 1fr;align-items:start;gap:9px;padding:9px 14px;border-bottom:1px solid rgba(34,70,96,.35)}
.gateway-event:last-child{border-bottom:0}
.event-dot{width:7px;height:7px;margin-top:3px;border-radius:50%}
.event-dot.success{background:#39d99c}.event-dot.info{background:#20d7f2}.event-dot.warning{background:#ffb74c}
.gateway-event time{color:#597c92;font-size:7px}
.gateway-event p{margin:0;color:#7897a9;font-size:8px;line-height:1.35}
.gateway-event p strong{color:#c4d9e4}
.service-identity{display:flex;align-items:center;gap:11px;padding:16px}
.service-symbol{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:rgba(32,215,242,.1);color:#61e1f2;font-size:20px}
.service-identity strong,.service-identity small{display:block}
.service-identity strong{font-size:11px}.service-identity small{margin-top:4px;color:#5f8197;font-size:7px}
.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 12px}
.service-actions button{border:1px solid rgba(39,79,107,.65);border-radius:9px;background:#082137;color:#9db9c9;padding:8px;font-size:8px;font-weight:800;cursor:pointer}
.service-warning{margin:0 14px 14px;padding:8px;border-radius:8px;background:rgba(255,183,76,.06);color:#9a8054;font-size:7px;line-height:1.4}
@media(max-width:1320px){
  .gateway-kpis{grid-template-columns:repeat(3,1fr)}
  .gateway-grid-bottom{grid-template-columns:1fr 1fr}
  .service-card{grid-column:1/-1}
}
@media(max-width:1080px){
  .gateway-status-banner{grid-template-columns:58px 1fr auto}
  .gateway-status-facts{grid-column:1/-1;border:0;border-top:1px solid rgba(72,130,125,.28);padding:14px 0 0}
  .gateway-grid-top,.gateway-grid-middle{grid-template-columns:1fr}
}
@media(max-width:760px){
  .gateway-kpis{grid-template-columns:1fr 1fr}
  .gateway-grid-bottom{grid-template-columns:1fr}
  .service-card{grid-column:auto}
  .channel-row{grid-template-columns:30px 1fr auto}
  .channel-rate,.mini-progress{grid-column:2}
  .channel-state{grid-column:3;grid-row:1}
  .gateway-status-banner{grid-template-columns:50px 1fr}
  .operational-pill{grid-column:1/-1;justify-self:start}
}
@media(max-width:520px){
  .gateway-kpis{grid-template-columns:1fr}
  .gateway-status-facts{display:grid;grid-template-columns:1fr 1fr}
  .gateway-period-controls{display:none}
  .resource-gauges{grid-template-columns:1fr}
  .host-details,.service-details{grid-template-columns:1fr}
}


/* REV 3.0.7 — Centro de Inteligência */
.intelligence-page{min-width:0}
.intelligence-filterbar{display:grid;grid-template-columns:minmax(200px,1fr) 220px 190px auto;gap:10px;align-items:center;margin-bottom:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#092238,#071a2c)}
.intelligence-filter-copy small,.intelligence-filter-copy strong{display:block}
.intelligence-filter-copy small{color:#5f839a;font-size:7px;font-weight:900;letter-spacing:.1em}
.intelligence-filter-copy strong{margin-top:4px;font-size:12px}
.intelligence-filterbar label{display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid rgba(39,80,108,.65);border-radius:9px;background:#071d30}
.intelligence-filterbar label span{color:#5e8197;font-size:7px;text-transform:uppercase}
.intelligence-filterbar select{width:100%;border:0;outline:0;padding:9px 0;background:transparent;color:#d2e6ef;font:inherit;font-size:9px}
.intelligence-filterbar option{background:#071d30}
.intelligence-summary-card{display:grid;grid-template-columns:64px minmax(300px,1fr) 120px;gap:16px;align-items:center;margin-bottom:14px;padding:20px;border:1px solid rgba(112,107,255,.3);border-radius:18px;background:linear-gradient(135deg,rgba(30,36,82,.96),rgba(8,28,48,.98));position:relative;overflow:hidden}
.intelligence-summary-card:after{content:"";position:absolute;right:-80px;bottom:-120px;width:340px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(115,111,255,.15),transparent 68%)}
.ai-badge{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#6468ff,#20d7f2);color:#fff;font-size:17px;font-weight:950;box-shadow:0 0 24px rgba(86,108,255,.22)}
.intelligence-summary-copy small{color:#9aa3ff;font-size:8px;font-weight:900;letter-spacing:.12em}
.intelligence-summary-copy h2{margin:5px 0 7px;font-size:18px}
.intelligence-summary-copy p{margin:0;color:#8fa8b8;font-size:10px;line-height:1.6}
.intelligence-summary-copy p strong{color:#d8edf5}
.summary-risk{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:12px;border-left:1px solid rgba(119,126,197,.25)}
.summary-risk span{color:#747ea5;font-size:7px;font-weight:900;letter-spacing:.1em}
.summary-risk strong{font-size:34px;line-height:1;margin-top:6px;color:#6ee1b5}
.summary-risk small{margin-top:4px;color:#79a993;font-size:8px;text-transform:uppercase}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}
.section-heading small{color:#5c8097;font-size:7px;font-weight:900;letter-spacing:.11em}
.section-heading h2{margin:4px 0 0;font-size:16px}
.attention-count{padding:6px 9px;border-radius:999px;background:rgba(255,174,76,.09);color:#f0b761;font-size:8px;font-weight:850}
.attention-section{margin-bottom:12px}
.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.attention-card{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,#092238,#071a2c)}
.attention-card.critical{border-color:rgba(255,100,91,.28)}
.attention-card.warning{border-color:rgba(255,183,76,.26)}
.attention-card.capacity{border-color:rgba(32,215,242,.24)}
.attention-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:900}
.critical .attention-icon{background:rgba(255,100,91,.1);color:#ff8179}
.warning .attention-icon{background:rgba(255,183,76,.1);color:#f2ba62}
.capacity .attention-icon{background:rgba(32,215,242,.1);color:#64e3f3}
.attention-topline{display:flex;justify-content:space-between;color:#617f94;font-size:7px}
.attention-topline span{font-weight:900;letter-spacing:.08em}
.critical .attention-topline span{color:#ff8c84}.warning .attention-topline span{color:#efbd68}.capacity .attention-topline span{color:#68ddeb}
.attention-card h3{margin:5px 0 5px;font-size:12px}
.attention-card p{margin:0;color:#6f8da1;font-size:8px;line-height:1.45}
.attention-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.attention-meta span{padding:4px 6px;border-radius:6px;background:rgba(10,45,65,.72);color:#7898aa;font-size:7px}
.attention-card>button{grid-column:2;border:1px solid rgba(39,80,108,.65);border-radius:8px;background:#071d30;color:#9bb9ca;padding:7px 9px;justify-self:start;font-size:8px;font-weight:800;cursor:pointer}
.intel-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}
.intel-kpis article{padding:13px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#092238,#071a2c)}
.intel-kpis small,.intel-kpis strong,.intel-kpis p{display:block}
.intel-kpis small{color:#5d8097;font-size:7px;font-weight:850;letter-spacing:.08em}
.intel-kpis strong{margin-top:4px;font-size:17px}
.intel-kpis p{margin:5px 0 0;color:#627f94;font-size:7px}
.trend{display:inline-block;margin-top:4px;padding:3px 5px;border-radius:999px;font-size:7px;font-weight:850}
.trend.up{background:rgba(57,217,156,.09);color:#65dcae}
.trend.down{background:rgba(255,105,91,.08);color:#ef837a}
.trend.neutral{background:rgba(32,215,242,.08);color:#65d9e8}
.intel-grid{display:grid;gap:12px;margin-bottom:12px}
.intel-grid-primary{grid-template-columns:minmax(560px,1.55fr) minmax(340px,.8fr)}
.intel-grid-secondary{grid-template-columns:minmax(560px,1.45fr) minmax(340px,.75fr)}
.intel-grid-tertiary{grid-template-columns:minmax(570px,1.45fr) minmax(330px,.8fr)}
.intel-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#092238,#06192a);overflow:hidden}
.intel-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(35,74,101,.55)}
.intel-card-header small{color:#5b7f97;font-size:7px;font-weight:900;letter-spacing:.1em}
.intel-card-header h2{margin:3px 0 0;font-size:14px}
.forecast-pill{padding:6px 9px;border-radius:999px;background:rgba(255,183,76,.09);color:#efba63;font-size:8px;font-weight:850}
.forecast-layout{display:grid;grid-template-columns:minmax(360px,1.4fr) minmax(220px,.65fr)}
.forecast-chart-wrap{padding:12px 15px 10px}
.forecast-chart-wrap canvas{display:block;width:100%;height:255px}
.forecast-labels{display:flex;justify-content:space-between;color:#52748a;font-size:7px}
.forecast-insight{padding:16px;border-left:1px solid rgba(35,74,101,.5);background:rgba(5,20,34,.35)}
.forecast-insight small{color:#f0b85f;font-size:7px;font-weight:900;letter-spacing:.1em}
.forecast-insight>strong{display:block;margin-top:7px;font-size:13px;line-height:1.35}
.forecast-insight p{color:#708fa2;font-size:8px;line-height:1.5}
.forecast-insight dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 0}
.forecast-insight dl div{padding:8px;border:1px solid rgba(38,76,103,.55);border-radius:8px}
.forecast-insight dt{color:#567990;font-size:7px}.forecast-insight dd{margin:4px 0 0;font-size:10px;font-weight:800}
.risk-client-list{padding:4px 0}
.risk-client{display:grid;grid-template-columns:46px 1.1fr minmax(90px,.8fr) 1fr;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(34,70,96,.38)}
.risk-score{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:14px;font-weight:900}
.risk-score.excellent{background:rgba(57,217,156,.11);color:#66e0b0}
.risk-score.warning{background:rgba(255,183,76,.1);color:#f1bb64}
.risk-copy strong,.risk-copy small{display:block}
.risk-copy strong{font-size:10px}.risk-copy small{margin-top:3px;color:#5e8095;font-size:7px}
.risk-bar{height:6px;border-radius:999px;background:#102f45;overflow:hidden}
.risk-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168eab,#34d9e6)}
.risk-client>span{color:#718fa3;font-size:7px}
.risk-method{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 14px}
.risk-method span{color:#567990;font-size:7px}.risk-method div{padding:4px 6px;border-radius:6px;background:#0a2a40;color:#7898aa;font-size:7px}
.analysis-live{color:#63dba9;font-size:8px}
.anomaly-list{padding:4px 0}
.anomaly-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(34,70,96,.38)}
.anomaly-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900}
.anomaly-item.danger .anomaly-symbol{background:rgba(255,99,91,.1);color:#ff8179}
.anomaly-item.warning .anomaly-symbol{background:rgba(255,183,76,.1);color:#efb962}
.anomaly-item.info .anomaly-symbol{background:rgba(32,215,242,.1);color:#62dfef}
.anomaly-item.success .anomaly-symbol{background:rgba(57,217,156,.1);color:#64dfad}
.anomaly-item strong{font-size:9px}.anomaly-item p{margin:4px 0 0;color:#66869a;font-size:7px;line-height:1.45}
.confidence{padding:5px 7px;border-radius:999px;background:#0a2a40;color:#7898aa;font-size:7px}
.storage-layout{display:grid;grid-template-columns:170px 1fr;align-items:center;padding:18px 14px}
.donut-wrap{display:grid;place-items:center}
.storage-donut{width:135px;height:135px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#36d6e9 0 31%,#6f8cff 31% 55%,#b06bff 55% 76%,#ff9e5f 76% 92%,#5b7489 92% 100%);position:relative}
.storage-donut:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#082036}
.storage-donut>div{position:relative;z-index:1;text-align:center}
.storage-donut strong,.storage-donut span{display:block}
.storage-donut strong{font-size:21px}.storage-donut span{margin-top:2px;color:#65869a;font-size:7px}
.storage-legend{display:grid;gap:9px}
.storage-legend div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:8px}
.storage-legend i{width:8px;height:8px;border-radius:50%}
.storage-legend .doc{background:#36d6e9}.storage-legend .image{background:#6f8cff}.storage-legend .video{background:#b06bff}.storage-legend .database{background:#ff9e5f}.storage-legend .other{background:#5b7489}
.storage-legend span{color:#7896a8}.storage-legend strong{font-size:9px}
.storage-note{margin:0 14px 14px;padding:9px;border-radius:9px;background:rgba(32,215,242,.06);color:#6e97a8;font-size:7px;line-height:1.4}
.ranking-table{padding:4px 0}
.ranking-head,.ranking-row{display:grid;grid-template-columns:1.4fr .75fr .7fr .8fr .4fr;align-items:center;gap:10px;padding:10px 14px}
.ranking-head{color:#567990;font-size:7px;text-transform:uppercase}
.ranking-row{border-top:1px solid rgba(34,70,96,.38);color:#9eb8c8;font-size:8px}
.ranking-row strong,.ranking-row small{display:block}
.ranking-row strong{font-size:9px}.ranking-row small{margin-top:3px;color:#5c7d92;font-size:7px}
.growth-high,.late{color:#f0b45d}
.score{display:inline-grid;place-items:center;width:30px;height:26px;border-radius:8px;font-size:9px}
.score.excellent{background:rgba(57,217,156,.1);color:#65dfad}.score.warning{background:rgba(255,183,76,.1);color:#efb960}
.critical-timeline{padding:8px 14px 12px}
.critical-event{display:grid;grid-template-columns:42px 14px 1fr;gap:8px;align-items:start;position:relative;padding:8px 0}
.critical-event:after{content:"";position:absolute;left:48px;top:20px;bottom:-8px;width:1px;background:#1b4057}
.critical-event:last-child:after{display:none}
.critical-event time{color:#607f94;font-size:7px}
.critical-event>span{width:8px;height:8px;border-radius:50%;margin-top:1px;z-index:1}
.critical-event.success>span{background:#39d99c}.critical-event.warning>span{background:#ffb74c}.critical-event.danger>span{background:#ff645b}.critical-event.info>span{background:#20d7f2}
.critical-event strong{font-size:9px}.critical-event p{margin:3px 0 0;color:#617f94;font-size:7px}
.report-actions-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:17px 18px;margin-bottom:12px}
.report-actions-card small{color:#5b7f97;font-size:7px;font-weight:900;letter-spacing:.1em}
.report-actions-card h2{margin:4px 0 5px;font-size:14px}
.report-actions-card p{margin:0;color:#648298;font-size:8px}
.report-action-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.report-action-buttons button{border:1px solid rgba(38,79,107,.65);border-radius:9px;background:#082137;color:#a0bac9;padding:8px 10px;font-size:8px;font-weight:800;cursor:pointer}
.is-spinning{animation:intelSpin .5s linear}
@keyframes intelSpin{to{transform:rotate(360deg)}}
[hidden]{display:none!important}
@media(max-width:1380px){
  .intel-kpis{grid-template-columns:repeat(3,1fr)}
  .attention-grid{grid-template-columns:1fr 1fr}
  .attention-card.capacity{grid-column:1/-1}
}
@media(max-width:1120px){
  .intel-grid-primary,.intel-grid-secondary,.intel-grid-tertiary{grid-template-columns:1fr}
  .intelligence-summary-card{grid-template-columns:58px 1fr}
  .summary-risk{grid-column:1/-1;border-left:0;border-top:1px solid rgba(119,126,197,.25);flex-direction:row;justify-content:center;gap:8px}
  .forecast-layout{grid-template-columns:1fr}
  .forecast-insight{border-left:0;border-top:1px solid rgba(35,74,101,.5)}
}
@media(max-width:820px){
  .intelligence-filterbar{grid-template-columns:1fr 1fr}
  .intelligence-filter-copy{grid-column:1/-1}
  .attention-grid{grid-template-columns:1fr}
  .attention-card.capacity{grid-column:auto}
  .intel-kpis{grid-template-columns:1fr 1fr}
  .report-actions-card{grid-template-columns:1fr}
  .report-action-buttons{justify-content:flex-start}
}
@media(max-width:600px){
  .intelligence-filterbar{grid-template-columns:1fr}
  .intelligence-summary-card{grid-template-columns:1fr}
  .ai-badge{width:48px;height:48px}
  .summary-risk{grid-column:auto}
  .intel-kpis{grid-template-columns:1fr}
  .risk-client{grid-template-columns:46px 1fr}
  .risk-bar,.risk-client>span{grid-column:2}
  .storage-layout{grid-template-columns:1fr}
  .ranking-head{display:none}
  .ranking-row{grid-template-columns:1fr 1fr}
  .ranking-row>span:first-child{grid-column:1/-1}
}


/* REV 3.0.8 — Sistema */
.system-page{min-width:0}
.system-status-banner{display:grid;grid-template-columns:58px minmax(300px,1fr) auto auto;gap:16px;align-items:center;margin-bottom:12px;padding:17px 18px;border:1px solid rgba(57,217,156,.28);border-radius:17px;background:linear-gradient(135deg,rgba(8,49,53,.95),rgba(6,27,43,.98))}
.system-status-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(57,217,156,.11);color:#68e0b0;font-size:20px;font-weight:900}
.system-status-banner small{color:#66b995;font-size:7px;font-weight:900;letter-spacing:.1em}
.system-status-banner strong{display:block;margin-top:4px;font-size:15px}
.system-status-banner p{margin:5px 0 0;color:#7898a7;font-size:8px}
.system-status-metrics{display:flex;gap:20px;padding:0 20px;border-left:1px solid rgba(74,128,126,.3);border-right:1px solid rgba(74,128,126,.3)}
.system-status-metrics span{min-width:100px}.system-status-metrics small,.system-status-metrics strong{display:block}.system-status-metrics strong{font-size:9px;color:#c9e1e2}
.system-health-pill{padding:6px 9px;border-radius:999px;background:rgba(57,217,156,.1);color:#69dfaf;font-size:8px;font-weight:900}
.system-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}
.system-summary-grid article{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#092238,#071a2c)}
.system-summary-grid article>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(32,215,242,.09);color:#65dfee;font-size:16px}
.system-summary-grid small,.system-summary-grid strong,.system-summary-grid p{display:block}.system-summary-grid small{color:#5b7f96;font-size:7px;font-weight:850}.system-summary-grid strong{margin-top:3px;font-size:16px}.system-summary-grid p{margin:3px 0 0;color:#617f93;font-size:7px}
.system-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;align-items:start}
.system-section-nav{position:sticky;top:12px;display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(160deg,#092238,#06192a)}
.system-section-nav button{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;text-align:left;border:0;border-radius:10px;background:transparent;color:#7594a7;padding:9px;cursor:pointer}
.system-section-nav button>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#0a2a40;color:#6b93a7}
.system-section-nav button strong,.system-section-nav button small{display:block}.system-section-nav button strong{font-size:9px}.system-section-nav button small{margin-top:3px;font-size:7px;color:#55788e}
.system-section-nav button.active{background:#0b354b;color:#e3f2f7}.system-section-nav button.active>span{background:rgba(32,215,242,.12);color:#68e0ef}
.system-content{min-width:0}
.system-panel{display:none}.system-panel.active{display:block}
.system-panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px;padding:2px 2px 0}
.system-panel-heading small{color:#5b7f96;font-size:7px;font-weight:900;letter-spacing:.1em}.system-panel-heading h2{margin:4px 0 5px;font-size:17px}.system-panel-heading p{margin:0;color:#668599;font-size:8px}
.compact-button{padding:8px 10px!important;font-size:8px!important}
.system-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}
.system-card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(160deg,#092238,#06192a);overflow:hidden}
.system-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid rgba(35,74,101,.5)}
.system-card>header small{color:#5b7f96;font-size:7px;font-weight:900;letter-spacing:.09em}.system-card>header h3{margin:3px 0 0;font-size:12px}
.system-card>header button,.config-card header button,.recent-admin-card header button,.recipient-card header button,.rollout-card header button{border:1px solid rgba(38,78,106,.65);border-radius:8px;background:#071d30;color:#8facbd;padding:6px 8px;font-size:7px;cursor:pointer}
.status-ok{padding:5px 7px;border-radius:999px;background:rgba(57,217,156,.09);color:#65dcad;font-size:7px;font-weight:850}
.component-list{padding:3px 0}
.component-list>div{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(34,70,96,.36)}
.component-list>div:last-child{border-bottom:0}
.component-dot{width:7px;height:7px;border-radius:50%}.component-dot.ok{background:#39d99c}.component-dot.warning{background:#ffb74c}
.component-list strong,.component-list small{display:block}.component-list strong{font-size:9px}.component-list small{margin-top:3px;color:#5f8196;font-size:7px}.component-list b{font-size:7px;color:#6f9e91}
.security-score{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;padding:15px}
.security-ring{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#39d99c 0 86%,#123149 86% 100%);position:relative}.security-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#082036}.security-ring strong,.security-ring span{position:relative;z-index:1}.security-ring strong{font-size:20px}.security-ring span{font-size:7px;color:#67889b;margin-left:-22px;margin-top:28px}
.security-score>div:last-child strong{font-size:11px}.security-score p{margin:5px 0 0;color:#68879a;font-size:8px;line-height:1.45}
.security-actions{padding:0 14px 14px;display:grid;gap:7px}.security-actions>div{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid rgba(35,72,98,.48);border-radius:9px}.security-actions>div>span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center}.security-actions .done>span{background:rgba(57,217,156,.1);color:#65dfad}.security-actions .pending>span{background:rgba(255,183,76,.1);color:#f0b861}.security-actions strong,.security-actions small{display:block}.security-actions strong{font-size:8px}.security-actions small{margin-top:3px;color:#5e7f94;font-size:7px}
.config-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:13px}.config-list div{padding:9px;border:1px solid rgba(35,72,98,.48);border-radius:9px}.config-list dt{color:#587b91;font-size:7px}.config-list dd{margin:4px 0 0;font-size:8px;font-weight:800}
.admin-event-list{padding:3px 0}.admin-event-list>div{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(34,70,96,.36)}.admin-event-list>div:last-child{border-bottom:0}.admin-event-list>div>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#0a3046;color:#70dce9;font-size:7px;font-weight:900}.admin-event-list strong,.admin-event-list small{display:block}.admin-event-list strong{font-size:8px}.admin-event-list small{margin-top:3px;color:#5f8196;font-size:7px}
.users-table-head,.users-table-row{display:grid;grid-template-columns:1.5fr 1fr .55fr .8fr .7fr 30px;gap:10px;align-items:center;padding:10px 14px}.users-table-head{color:#56798f;font-size:7px;text-transform:uppercase}.users-table-row{border-top:1px solid rgba(34,70,96,.38);font-size:8px;color:#99b5c5}.users-table-row>span:first-child{display:flex;align-items:center;gap:8px}.users-table-row>span:first-child>b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0b3349;color:#69dceb}.users-table-row strong,.users-table-row small{display:block}.users-table-row small{margin-top:3px;color:#5e7f94;font-size:7px}.users-table-row button{border:0;background:transparent;color:#6f90a3;font-size:12px}.mfa-on,.user-active{color:#67d9aa}.mfa-off,.user-pending{color:#efb861}
.plan-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.plan-config-card{padding:15px;position:relative}.plan-config-card.featured{border-color:rgba(32,215,242,.35);box-shadow:0 0 24px rgba(32,215,242,.06)}.plan-ribbon{display:inline-block;padding:5px 7px;border-radius:999px;background:#0b354b;color:#69deec;font-size:7px;font-weight:900}.plan-config-card>strong{display:block;margin-top:12px;font-size:20px}.plan-config-card>p{color:#658499;font-size:8px}.plan-config-card ul{margin:12px 0;padding-left:15px;color:#7897aa;font-size:8px;line-height:1.9}.plan-config-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid rgba(34,70,96,.38);color:#5e7f94;font-size:7px}.plan-config-card footer button{border:1px solid rgba(38,78,106,.65);border-radius:8px;background:#071d30;color:#90afbf;padding:6px 8px;font-size:7px}
.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.policy-card{padding:0}.policy-card>header{display:grid;grid-template-columns:34px 1fr auto}.policy-card>header>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#0b354b;color:#68ddea}.policy-card>header strong,.policy-card>header small{display:block}.policy-card>header strong{font-size:9px}.policy-card>header small{margin-top:3px;color:#5e7f94;font-size:7px}.policy-card>header b{font-size:7px;color:#65d9aa}.policy-card.inactive{opacity:.65}.policy-card>p{padding:0 14px;color:#6d8b9f;font-size:8px;line-height:1.5}.policy-card footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid rgba(34,70,96,.38);color:#5e7f94;font-size:7px}.policy-card footer button{border:1px solid rgba(38,78,106,.65);border-radius:8px;background:#071d30;color:#91afbf;padding:6px 8px;font-size:7px}
.notification-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:9px}.switch{position:relative;width:36px;height:20px}.switch input{display:none}.switch span{position:absolute;inset:0;border-radius:999px;background:#17344a}.switch span:after{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:#6f899a;transition:.2s}.switch input:checked+span{background:#0f6f75}.switch input:checked+span:after{left:19px;background:#57e1c2}.notification-options{display:grid;gap:8px;padding:13px}.notification-options label{display:flex;gap:8px;align-items:flex-start;color:#7897aa;font-size:8px}.notification-options input{accent-color:#20d7f2}
.recipient-card>div{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(34,70,96,.36)}.recipient-card>div:last-child{border-bottom:0}.recipient-card>div>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#0a3046;color:#69ddea}.recipient-card strong,.recipient-card small{display:block}.recipient-card strong{font-size:8px}.recipient-card small{margin-top:3px;color:#5e7f94;font-size:7px}.recipient-card b{font-size:7px;color:#65d9aa}
.infrastructure-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.infrastructure-card{padding:14px}.infrastructure-card>header{padding:0 0 10px;border-bottom:0}.infrastructure-card>header>span{width:36px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0b354b;color:#69deec;font-size:8px;font-weight:900}.infrastructure-card h3{margin:7px 0 3px;font-size:11px}.infrastructure-card p{margin:0;color:#628296;font-size:7px}.infrastructure-card dl{display:grid;gap:6px;margin:12px 0}.infrastructure-card dl div{display:flex;justify-content:space-between;padding:7px;border:1px solid rgba(35,72,98,.45);border-radius:8px}.infrastructure-card dt{color:#587a90;font-size:7px}.infrastructure-card dd{margin:0;font-size:7px;font-weight:800}.infrastructure-card>button{width:100%;border:1px solid rgba(38,78,106,.65);border-radius:8px;background:#071d30;color:#8fadbE;padding:7px;font-size:7px}
.updates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:9px}.current-version-card{padding:14px}.current-version-card>span{color:#65ddeb;font-size:7px;font-weight:900}.current-version-card>strong{display:block;margin-top:8px;font-size:17px}.current-version-card>p{color:#658499;font-size:8px}.current-version-card>div{display:flex;justify-content:space-between;padding:8px;border:1px solid rgba(35,72,98,.45);border-radius:8px;color:#5e7f94;font-size:7px}.current-version-card>button{margin-top:10px;width:100%;border:1px solid rgba(38,78,106,.65);border-radius:8px;background:#071d30;color:#90afbf;padding:7px;font-size:7px}.current-version-card.attention{border-color:rgba(255,183,76,.28)}
.rollout-card{padding-bottom:4px}.rollout-row{display:grid;grid-template-columns:70px 1fr 120px 80px;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid rgba(34,70,96,.36);font-size:8px}.rollout-row>div{height:6px;border-radius:999px;background:#102f45;overflow:hidden}.rollout-row i{display:block;height:100%;background:linear-gradient(90deg,#168eaa,#31d8e6)}.rollout-row b{color:#65d9aa;font-size:7px}.rollout-row b.warning{color:#efb861}.rollout-row b.danger{color:#ef8178}
.audit-filterbar{display:grid;grid-template-columns:1fr 180px 160px;gap:8px;padding:12px}.audit-filterbar input,.audit-filterbar select{border:1px solid rgba(38,78,106,.65);border-radius:8px;background:#071d30;color:#b4cbd7;padding:8px;font-size:8px}.audit-head,.audit-row{display:grid;grid-template-columns:130px 1fr 1.2fr 1.1fr 1.2fr;gap:10px;padding:10px 14px}.audit-head{color:#56798f;font-size:7px;text-transform:uppercase;border-top:1px solid rgba(34,70,96,.36)}.audit-row{border-top:1px solid rgba(34,70,96,.36);color:#8faabb;font-size:8px}
@media(max-width:1400px){.system-summary-grid{grid-template-columns:1fr 1fr}.plan-config-grid,.infrastructure-grid{grid-template-columns:1fr 1fr}.notification-grid{grid-template-columns:1fr 1fr}.recipient-card{grid-column:1/-1}}
@media(max-width:1100px){.system-status-banner{grid-template-columns:52px 1fr auto}.system-status-metrics{grid-column:1/-1;border:0;border-top:1px solid rgba(74,128,126,.3);padding:12px 0 0}.system-layout{grid-template-columns:1fr}.system-section-nav{position:static;grid-template-columns:repeat(4,1fr)}.system-overview-grid{grid-template-columns:1fr}.notification-grid{grid-template-columns:1fr}.recipient-card{grid-column:auto}}
@media(max-width:760px){.system-section-nav{grid-template-columns:1fr 1fr}.system-summary-grid,.plan-config-grid,.policy-grid,.infrastructure-grid,.updates-grid{grid-template-columns:1fr}.users-table-head{display:none}.users-table-row{grid-template-columns:1fr 1fr}.users-table-row>span:first-child{grid-column:1/-1}.audit-filterbar{grid-template-columns:1fr}.audit-head{display:none}.audit-row{grid-template-columns:1fr 1fr}.system-status-metrics{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.system-status-banner{grid-template-columns:1fr}.system-summary-grid{grid-template-columns:1fr}.system-section-nav{grid-template-columns:1fr}.config-list{grid-template-columns:1fr}.rollout-row{grid-template-columns:55px 1fr}.rollout-row strong,.rollout-row b{grid-column:2}}

/* Sprint 10.0B REV1 */
.icb-config-alert{margin:0 0 18px;padding:14px 18px;border:1px solid rgba(255,190,70,.35);border-radius:14px;background:rgba(255,174,0,.08);color:#ffd88a}.icb-config-alert code{color:#fff}.client-card button[disabled]{opacity:.55;cursor:not-allowed}


/* Sprint 10.0B REV2 — estabilização visual do módulo Clientes */
.client-card-grid{grid-template-columns:1fr;align-items:start}
.client-card{padding:0;overflow:hidden;isolation:isolate}
.client-card>.client-card-head,.client-card>.client-status-line,.client-card>.client-data-grid,.client-card>.client-card-footer{margin-left:22px;margin-right:22px}
.client-card>.client-card-head{margin-top:22px}
.client-card>.client-card-footer{margin-bottom:20px}
.client-plan-banner{min-height:86px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}
.client-plan-copy,.client-plan-meta{min-width:0;display:flex;flex-direction:column;justify-content:center}
.client-plan-copy strong{font-size:18px;line-height:1.15;font-weight:900;letter-spacing:.01em}
.client-plan-copy span{margin-top:8px;font-size:13px;line-height:1.2;color:rgba(255,255,255,.86);font-weight:700}
.client-plan-meta{align-items:flex-end;text-align:right}
.client-plan-meta strong{font-size:14px;line-height:1.2;font-weight:850}
.client-plan-meta small{margin-top:8px;font-size:10px;line-height:1.2;color:rgba(255,255,255,.74);font-weight:750;letter-spacing:.05em}
.plan-essential .client-plan-banner{background:linear-gradient(110deg,rgba(34,121,207,.96),rgba(20,79,139,.82))}
.plan-professional .client-plan-banner{background:linear-gradient(110deg,rgba(20,154,117,.96),rgba(15,96,87,.84))}
.plan-business .client-plan-banner{background:linear-gradient(110deg,rgba(126,76,192,.96),rgba(77,48,128,.84))}
.plan-enterprise .client-plan-banner{background:linear-gradient(110deg,rgba(224,139,48,.98),rgba(170,84,40,.86))}
.client-card.attention-card .client-plan-banner{filter:saturate(.92)}
.client-card.attention-card{background:linear-gradient(145deg,rgba(52,28,32,.96),rgba(24,20,28,.99))}
.client-data-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:auto}
.client-data-grid.compact-grid>div{min-width:0}
.client-data-grid.compact-grid strong{overflow-wrap:anywhere}
@media(max-width:760px){
  .client-plan-banner{min-height:78px;padding:16px 18px;align-items:flex-start}
  .client-plan-copy strong{font-size:16px}.client-plan-copy span{font-size:12px}
  .client-plan-meta strong{font-size:12px}.client-plan-meta small{font-size:9px}
  .client-card>.client-card-head,.client-card>.client-status-line,.client-card>.client-data-grid,.client-card>.client-card-footer{margin-left:16px;margin-right:16px}
  .client-data-grid.compact-grid{grid-template-columns:1fr}
}


/* Sprint 10.0B REV2.1 — correção definitiva do banner de planos */
.client-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
.client-card{display:block!important;position:relative!important;padding:0!important;padding-top:0!important;overflow:hidden!important;border-radius:18px!important}
.client-card.blocked-client-card{border-color:rgba(255,139,77,.82)!important;background:linear-gradient(145deg,rgba(52,28,32,.96),rgba(24,20,28,.99))!important;box-shadow:inset 0 0 0 1px rgba(255,180,80,.08)!important}
.client-plan-banner{box-sizing:border-box!important;width:100%!important;min-height:96px!important;margin:0!important;padding:20px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;border-radius:17px 17px 0 0!important;color:#fff!important}
.client-plan-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important}
.client-plan-copy strong{display:block!important;margin:0!important;font-size:19px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.01em!important;color:#fff!important}
.client-plan-copy span{display:block!important;margin:9px 0 0!important;font-size:13px!important;line-height:1.2!important;font-weight:700!important;color:rgba(255,255,255,.88)!important}
.client-plan-meta{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-end!important;min-width:130px!important;text-align:right!important}
.client-plan-meta strong{display:block!important;margin:0!important;font-size:14px!important;line-height:1.2!important;font-weight:850!important;color:#fff!important}
.client-plan-meta small{display:block!important;margin:9px 0 0!important;font-size:10px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:.06em!important;color:rgba(255,255,255,.75)!important}
.client-plan-usage{display:grid!important;grid-template-columns:minmax(180px,280px)!important;gap:10px!important;justify-items:stretch!important;min-width:min(42%,320px)!important}
.client-usage-copy{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:16px!important;text-align:right!important}
.client-usage-copy strong{font-size:14px!important;line-height:1.2!important;font-weight:900!important;color:#fff!important}
.client-usage-copy small{font-size:11px!important;line-height:1.2!important;font-weight:800!important;color:rgba(255,255,255,.78)!important;white-space:nowrap!important}
.client-usage-bar{display:block!important;width:100%!important;height:9px!important;min-height:9px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(2,14,26,.55)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
.client-usage-bar span{display:block!important;width:0;height:9px!important;min-height:9px!important;border-radius:inherit!important;background:linear-gradient(90deg,#7fffe1,#f4ff9b)!important;transition:width .55s ease!important}
.client-plan-usage.usage-warning .client-usage-bar span{background:linear-gradient(90deg,#ffe271,#ffad42)!important}
.client-plan-usage.usage-critical .client-usage-bar span{background:linear-gradient(90deg,#ffb05b,#ff596f)!important}
.client-plan-usage.usage-error .client-usage-bar span{width:100%!important;background:repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 8px,rgba(255,255,255,.05) 8px 16px)!important}
.plan-essential>.client-plan-banner{background:linear-gradient(105deg,#247ad1 0%,#1b5f9e 52%,#123d69 100%)!important}
.plan-professional>.client-plan-banner{background:linear-gradient(105deg,#159a75 0%,#117464 52%,#0c4b47 100%)!important}
.plan-business>.client-plan-banner{background:linear-gradient(105deg,#8355c7 0%,#65409f 52%,#452c73 100%)!important}
.plan-enterprise>.client-plan-banner{background:linear-gradient(105deg,#e18a30 0%,#bd6530 52%,#864226 100%)!important}
.client-card.blocked-client-card>.client-plan-banner{filter:saturate(.95) brightness(.96)!important}
.client-card>.client-card-head{margin:22px 22px 0!important}
.client-card>.client-status-line{margin:15px 22px 16px!important}
.client-card>.client-data-grid{margin-left:22px!important;margin-right:22px!important}
.client-card>.client-card-footer{margin:0 22px 20px!important}
@media(max-width:760px){
  .client-plan-banner{min-height:86px!important;padding:17px 18px!important;gap:14px!important}
  .client-plan-copy strong{font-size:17px!important}
  .client-plan-copy span{font-size:12px!important}
  .client-plan-meta{min-width:90px!important}
  .client-plan-meta strong{font-size:12px!important}
  .client-plan-meta small{font-size:9px!important}
  .client-plan-banner{align-items:stretch!important;flex-direction:column!important}
  .client-plan-usage{grid-template-columns:1fr!important;min-width:100%!important}
  .client-usage-copy{text-align:left!important}
  .client-card>.client-card-head{margin:18px 16px 0!important}
  .client-card>.client-status-line{margin:14px 16px 15px!important}
  .client-card>.client-data-grid{margin-left:16px!important;margin-right:16px!important}
  .client-card>.client-card-footer{margin:0 16px 18px!important}
}


/* Sprint 10.0B REV3 — CRUD de clientes */
.client-card-actions{display:flex;align-items:center;gap:8px}.client-card-actions button{padding:7px 10px;border-radius:9px}.client-card-actions .js-client-toggle{color:#ffd17a}.new-client-button{border:0;cursor:pointer}.client-modal[hidden]{display:none!important}.client-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px}.client-modal-backdrop{position:absolute;inset:0;background:rgba(0,8,16,.78);backdrop-filter:blur(6px)}.client-modal-panel{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:linear-gradient(145deg,#0d263f,#071827);border:1px solid #285f80;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.55);padding:24px}.client-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.client-modal-header h2{font-size:28px;margin:5px 0 0}.client-modal-close{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#0a1e32;color:#fff;font-size:28px;cursor:pointer}.client-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.client-field{display:grid;gap:7px}.client-field-wide{grid-column:1/-1}.client-field>span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#8eabc0;font-weight:800}.client-field input,.client-field select,.client-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(43,91,124,.85);border-radius:12px;background:#061a2b;color:#fff;padding:13px 14px;font:inherit;outline:none}.client-field input:focus,.client-field select:focus,.client-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,215,239,.1)}.client-field textarea{resize:vertical;min-height:96px}.client-form-message{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(255,95,95,.12);border:1px solid rgba(255,95,95,.35);color:#ffd3d3;font-size:13px}.client-form-message.success{background:rgba(57,217,156,.12);border-color:rgba(57,217,156,.35);color:#a9f4d3}.client-modal-actions{display:flex;align-items:center;gap:10px;margin-top:22px}.client-modal-spacer{flex:1}.secondary-button,.danger-button{border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.secondary-button{border:1px solid var(--line);background:#0a1e32;color:#dbe9f4}.danger-button{border:1px solid rgba(255,105,105,.45);background:rgba(170,42,42,.18);color:#ffb3b3}.client-modal-actions button:disabled{opacity:.55;cursor:wait}body.client-modal-open{overflow:hidden}

/* Portal 10.7E — status no cabeçalho do cliente */
.client-card-head>.client-header-status{margin-left:auto;align-self:flex-start}
.client-card>.client-status-line{padding-left:62px}
@media(max-width:760px){.client-card>.client-status-line{padding-left:0}.client-card-head>.client-header-status{align-self:flex-start}}
@media(max-width:680px){.client-modal{padding:12px}.client-modal-panel{padding:18px;max-height:calc(100vh - 24px)}.client-form-grid{grid-template-columns:1fr}.client-field-wide{grid-column:auto}.client-modal-actions{flex-wrap:wrap}.client-modal-spacer{display:none}.client-modal-actions button{flex:1}.danger-button{flex-basis:100%!important}}


/* Sprint 10.2A — Gateway operacional */
.gateway-status-banner.gateway-offline{border-color:rgba(255,100,124,.45);background:linear-gradient(135deg,rgba(74,24,36,.92),rgba(25,18,32,.98))}
.gateway-status-banner.gateway-offline .gateway-status-orb span{background:var(--red);box-shadow:0 0 0 8px rgba(255,100,124,.09),0 0 22px rgba(255,100,124,.35)}
.gateway-status-banner.gateway-partial{border-color:rgba(255,191,74,.45);background:linear-gradient(135deg,rgba(70,48,24,.75),rgba(25,24,28,.98))}
.gateway-status-banner.gateway-partial .gateway-status-orb span{background:var(--amber);box-shadow:0 0 0 8px rgba(255,191,74,.09),0 0 22px rgba(255,191,74,.35)}
.gateway-data-note{margin-top:0}
#gatewayDiagnosticList .gateway-event p{overflow-wrap:anywhere}


/* Sprint 10.2B — destaque do diagnóstico e monitoramento NAS via /api/health */
.gateway-diagnostic-button{
  border-color:rgba(255,191,74,.68)!important;
  background:linear-gradient(135deg,rgba(154,94,20,.88),rgba(105,67,20,.92))!important;
  color:#fff0c6!important;
  font-weight:900!important;
  box-shadow:0 0 0 3px rgba(255,191,74,.08);
}
.gateway-diagnostic-button:hover{
  border-color:#ffd27a!important;
  background:linear-gradient(135deg,rgba(185,115,25,.96),rgba(130,81,21,.96))!important;
  color:#fff!important;
}


/* Sprint 10.2B REV2 — simetria da tela Gateway */
.gateway-page .gateway-grid-top,
.gateway-page .gateway-grid-middle{
  grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr)!important;
  align-items:stretch;
}

.gateway-page .gateway-grid-top>.gateway-card,
.gateway-page .gateway-grid-middle>.gateway-card{
  min-width:0;
  height:100%;
}

@media(max-width:1080px){
  .gateway-page .gateway-grid-top,
  .gateway-page .gateway-grid-middle{
    grid-template-columns:1fr!important;
  }
}


/* Sprint 10.2B REV3 — alinhamento dos KPIs superiores do Gateway */
.gateway-page .gateway-kpis{
  grid-template-columns:minmax(0,1.55fr) minmax(0,1.55fr) minmax(340px,.85fr)!important;
  align-items:stretch;
}

.gateway-page .gateway-kpis .gateway-kpi{
  min-width:0;
  height:100%;
}

.gateway-page .gateway-kpis .gateway-kpi:nth-child(3){
  grid-column:3;
  grid-row:1 / span 2;
}

.gateway-page .gateway-kpis .gateway-kpi:nth-child(4){
  grid-column:1;
  grid-row:2;
}

.gateway-page .gateway-kpis .gateway-kpi:nth-child(5){
  grid-column:2;
  grid-row:2;
}

.gateway-page .gateway-kpis .gateway-kpi:nth-child(3) strong{
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media(max-width:1080px){
  .gateway-page .gateway-kpis{
    grid-template-columns:1fr 1fr!important;
  }

  .gateway-page .gateway-kpis .gateway-kpi:nth-child(3),
  .gateway-page .gateway-kpis .gateway-kpi:nth-child(4),
  .gateway-page .gateway-kpis .gateway-kpi:nth-child(5){
    grid-column:auto;
    grid-row:auto;
  }
}

@media(max-width:700px){
  .gateway-page .gateway-kpis{
    grid-template-columns:1fr!important;
  }
}


/* Sprint 10.3A — Centro de Inteligência Operacional */
.intelligence-operational-page .prototype-note{display:none!important}
.intelligence-summary-operational{border-color:rgba(32,215,242,.3);background:linear-gradient(135deg,rgba(13,49,72,.96),rgba(8,28,48,.98))}
.intelligence-summary-operational .ai-badge{font-size:12px}
.intel-kpis-operational{grid-template-columns:repeat(6,minmax(0,1fr))}
.intelligence-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)}
.intelligence-loading-row{padding:24px;color:#7897aa;font-size:12px}
.intel-infrastructure-status{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}
.intel-infrastructure-status>div{padding:14px;border:1px solid rgba(35,72,98,.52);border-radius:12px;background:rgba(5,23,38,.54)}
.intel-infrastructure-status span,.intel-infrastructure-status strong,.intel-infrastructure-status small{display:block}
.intel-infrastructure-status span{color:#5d8198;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.intel-infrastructure-status strong{margin-top:7px;font-size:17px}
.intel-infrastructure-status small{margin-top:5px;color:#66869a;font-size:9px;overflow-wrap:anywhere}
.intel-status-bars{display:grid;gap:15px;padding:18px}
.intel-status-bars>div{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.intel-status-bars span{color:#89a5b7;font-size:11px}.intel-status-bars strong{font-size:13px}
.intel-status-bars i{grid-column:1/-1;height:8px;border-radius:999px;background:#0b2a41;overflow:hidden}
.intel-status-bars b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20d7f2,#39d99c)}
.intel-status-bars b.warning{background:linear-gradient(90deg,#ffbf4a,#ff647c)}
.intel-status-bars b.neutral{background:#648398}
.intel-restore-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}
.intel-restore-summary>div{padding:18px;border:1px solid rgba(35,72,98,.52);border-radius:12px;background:rgba(5,23,38,.54);text-align:center}
.intel-restore-summary strong,.intel-restore-summary span{display:block}
.intel-restore-summary strong{font-size:25px}.intel-restore-summary span{margin-top:5px;color:#6f8da1;font-size:10px}
.intelligence-data-note{padding:18px;margin-bottom:12px}
.intelligence-data-note small{color:#5b7f97;font-size:8px;font-weight:900;letter-spacing:.1em}
.intelligence-data-note h2{margin:5px 0;font-size:15px}
.intelligence-data-note p{margin:0;color:#6d8b9f;font-size:10px;line-height:1.5}
.intelligence-attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1250px){
  .intel-kpis-operational{grid-template-columns:repeat(3,1fr)}
  .intelligence-main-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .intel-kpis-operational{grid-template-columns:1fr 1fr}
  .intelligence-attention-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .intel-kpis-operational{grid-template-columns:1fr}
  .intel-infrastructure-status,.intel-restore-summary{grid-template-columns:1fr}
}


/* Sprint 10.3A REV2 — ícone ICB e legibilidade ampliada */
.intelligence-operational-page .intelligence-logo-badge{
  padding:8px;
  overflow:hidden;
  background:linear-gradient(135deg,#3968f2,#20cbe8);
}
.intelligence-operational-page .intelligence-logo-badge img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:10px;
}

/* Barra de filtros */
.intelligence-operational-page .intelligence-filter-copy small,
.intelligence-operational-page .intelligence-filterbar label span{
  font-size:9px;
}
.intelligence-operational-page .intelligence-filter-copy strong{
  font-size:14px;
}
.intelligence-operational-page .intelligence-filterbar select,
.intelligence-operational-page .intelligence-filterbar button{
  font-size:11px;
}

/* Resumo principal */
.intelligence-operational-page .intelligence-summary-copy small{
  font-size:10px;
}
.intelligence-operational-page .intelligence-summary-copy h2{
  font-size:21px;
  line-height:1.35;
}
.intelligence-operational-page .intelligence-summary-copy p{
  font-size:12px;
  line-height:1.65;
}
.intelligence-operational-page .summary-risk span{
  font-size:9px;
}
.intelligence-operational-page .summary-risk strong{
  font-size:38px;
}
.intelligence-operational-page .summary-risk small{
  font-size:9px;
}

/* KPIs */
.intelligence-operational-page .intel-kpis small{
  font-size:9px;
}
.intelligence-operational-page .intel-kpis strong{
  font-size:21px;
}
.intelligence-operational-page .intel-kpis p{
  font-size:10px;
  line-height:1.45;
}

/* Títulos de seções e cards */
.intelligence-operational-page .section-heading small,
.intelligence-operational-page .intel-card-header small,
.intelligence-operational-page .intelligence-data-note small{
  font-size:9px;
}
.intelligence-operational-page .section-heading h2{
  font-size:20px;
}
.intelligence-operational-page .intel-card-header h2{
  font-size:18px;
}
.intelligence-operational-page .attention-count,
.intelligence-operational-page .analysis-live,
.intelligence-operational-page .forecast-pill{
  font-size:10px;
}

/* Alertas */
.intelligence-operational-page .attention-topline{
  font-size:9px;
}
.intelligence-operational-page .attention-card h3{
  font-size:15px;
}
.intelligence-operational-page .attention-card p{
  font-size:11px;
  line-height:1.55;
}
.intelligence-operational-page .attention-meta span{
  font-size:9px;
}

/* Saúde dos clientes */
.intelligence-operational-page .risk-score{
  font-size:17px;
}
.intelligence-operational-page .risk-copy strong{
  font-size:13px;
}
.intelligence-operational-page .risk-copy small,
.intelligence-operational-page .risk-client>span{
  font-size:10px;
  line-height:1.4;
}

/* Infraestrutura */
.intelligence-operational-page .intel-infrastructure-status span{
  font-size:10px;
}
.intelligence-operational-page .intel-infrastructure-status strong{
  font-size:20px;
}
.intelligence-operational-page .intel-infrastructure-status small{
  font-size:11px;
  line-height:1.45;
}

/* Backups e restaurações */
.intelligence-operational-page .intel-status-bars span{
  font-size:13px;
}
.intelligence-operational-page .intel-status-bars strong{
  font-size:15px;
}
.intelligence-operational-page .intel-restore-summary strong{
  font-size:30px;
}
.intelligence-operational-page .intel-restore-summary span{
  font-size:12px;
}

/* Nota final */
.intelligence-operational-page .intelligence-data-note h2{
  font-size:19px;
}
.intelligence-operational-page .intelligence-data-note p{
  font-size:12px;
  line-height:1.6;
}

/* Mais respiro nos blocos */
.intelligence-operational-page .intel-card-header{
  padding:18px 20px;
}
.intelligence-operational-page .risk-client{
  padding:15px 18px;
}
.intelligence-operational-page .attention-card{
  padding:17px;
}


/* Sprint 10.3B — capacidade e histórico do NAS */
.intelligence-capacity-card{
  margin-bottom:12px;
}
.intelligence-capacity-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:16px;
}
.intelligence-capacity-grid article{
  min-width:0;
  padding:16px;
  border:1px solid rgba(35,72,98,.52);
  border-radius:13px;
  background:rgba(5,23,38,.54);
}
.intelligence-capacity-grid span,
.intelligence-capacity-grid strong,
.intelligence-capacity-grid small{
  display:block;
}
.intelligence-capacity-grid span{
  color:#66879b;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.intelligence-capacity-grid strong{
  margin-top:8px;
  color:#eefaff;
  font-size:20px;
  overflow-wrap:anywhere;
}
.intelligence-capacity-grid small{
  margin-top:6px;
  color:#708fa2;
  font-size:10px;
  line-height:1.4;
}
.intelligence-history-note{
  margin:0 16px 16px;
  padding:11px 13px;
  border:1px solid rgba(32,215,242,.18);
  border-radius:10px;
  background:rgba(32,215,242,.05);
  color:#7798aa;
  font-size:10px;
  line-height:1.5;
}
@media(max-width:1250px){
  .intelligence-capacity-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:800px){
  .intelligence-capacity-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:560px){
  .intelligence-capacity-grid{
    grid-template-columns:1fr;
  }
}


/* Sprint 10.4A — Sistema Operacional */
.system-operational-page .prototype-note{display:none!important}
.system-operational-page .system-status-banner{
  margin-bottom:14px;
}
.system-operational-page .system-status-banner.system-status-warning{
  border-color:rgba(255,191,74,.45);
  background:linear-gradient(135deg,rgba(80,55,20,.72),rgba(10,34,51,.96));
}
.system-operational-page .system-status-banner.system-status-error{
  border-color:rgba(255,100,124,.45);
  background:linear-gradient(135deg,rgba(80,28,38,.72),rgba(10,34,51,.96));
}
.system-summary-operational article>span{
  min-width:50px;
  font-size:11px;
  font-weight:900;
}
.system-overview-operational{
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);
}
.system-diagnostic-button,
.system-copy-button{
  border-color:rgba(255,191,74,.68)!important;
  background:linear-gradient(135deg,rgba(154,94,20,.88),rgba(105,67,20,.92))!important;
  color:#fff0c6!important;
  font-weight:900!important;
}
.system-link-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.system-diagnostic-list{
  display:grid;
}
.system-diagnostic-row{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:13px 16px;
  border-top:1px solid rgba(35,72,98,.42);
}
.system-diagnostic-row:first-child{border-top:0}
.system-diagnostic-row>span{
  width:8px;height:8px;border-radius:50%;
  background:#7892a2;
}
.system-diagnostic-row>span.ok{background:#39d99c}
.system-diagnostic-row>span.warning{background:#ffbf4a}
.system-diagnostic-row>span.error{background:#ff647c}
.system-diagnostic-row strong{font-size:12px}
.system-diagnostic-row small{color:#6f8da1;font-size:10px;text-align:right}
.system-environment-table{
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
}
.system-environment-table>div{
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);
  gap:16px;
  padding:16px 18px;
  border-right:1px solid rgba(35,72,98,.42);
  border-bottom:1px solid rgba(35,72,98,.42);
}
.system-environment-table>div:nth-child(2n){border-right:0}
.system-environment-table span{
  color:#66879b;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.system-environment-table strong{
  font-size:12px;
  overflow-wrap:anywhere;
}
.system-maintenance-grid{
  grid-template-columns:1fr 1fr;
}
.system-maintenance-grid .policy-card p{
  font-size:11px;
  line-height:1.55;
}
.system-versions-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.system-operational-page .system-panel-heading p,
.system-operational-page .config-list dt,
.system-operational-page .config-list dd,
.system-operational-page .component-list small,
.system-operational-page .infrastructure-card p,
.system-operational-page .infrastructure-card dt,
.system-operational-page .infrastructure-card dd{
  font-size:11px;
}
.system-operational-page .component-list strong,
.system-operational-page .component-list b{
  font-size:12px;
}
@media(max-width:1200px){
  .system-overview-operational{grid-template-columns:1fr}
  .system-versions-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .system-environment-table{grid-template-columns:1fr}
  .system-environment-table>div{border-right:0}
  .system-maintenance-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .system-versions-grid{grid-template-columns:1fr}
}


/* Sprint 10.2C — Gateway: legibilidade final */
.gateway-page .gateway-status-copy small{
  font-size:9px!important;
}
.gateway-page .gateway-status-copy strong{
  font-size:20px!important;
  line-height:1.25;
}
.gateway-page .gateway-status-copy p{
  font-size:11px!important;
  line-height:1.5;
}

.gateway-page .gateway-status-facts small{
  font-size:8px!important;
}
.gateway-page .gateway-status-facts strong{
  font-size:13px!important;
  line-height:1.35;
}

.gateway-page .gateway-kpi small{
  font-size:8px!important;
}
.gateway-page .gateway-kpi strong{
  font-size:19px!important;
  line-height:1.3;
}
.gateway-page .gateway-kpi p{
  font-size:10px!important;
  line-height:1.45;
}

.gateway-page .gateway-card-header small{
  font-size:8px!important;
}
.gateway-page .gateway-card-header h2{
  font-size:16px!important;
  line-height:1.3;
}

.gateway-page .gateway-card strong,
.gateway-page .gateway-card dd,
.gateway-page .gateway-card .gateway-info-value{
  font-size:12px;
  line-height:1.45;
}

.gateway-page .gateway-card small,
.gateway-page .gateway-card dt,
.gateway-page .gateway-card p,
.gateway-page .gateway-card .gateway-info-label{
  font-size:10px;
  line-height:1.5;
}

.gateway-page .gateway-event time{
  font-size:8px!important;
}
.gateway-page .gateway-event p{
  font-size:10px!important;
  line-height:1.5!important;
}

.gateway-page .small-outline-button,
.gateway-page .gateway-period-controls button{
  font-size:9px!important;
}

.gateway-page .gateway-diagnostic-button{
  font-size:10px!important;
}

.gateway-page .gateway-data-note{
  font-size:10px;
  line-height:1.55;
}

.gateway-page .gateway-card-header,
.gateway-page .gateway-kpi{
  min-height:0;
}

@media(max-width:700px){
  .gateway-page .gateway-status-copy strong{
    font-size:18px!important;
  }

  .gateway-page .gateway-kpi strong{
    font-size:17px!important;
  }

  .gateway-page .gateway-card-header h2{
    font-size:15px!important;
  }
}


/* Sprint 10.1C — modal de detalhes e exclusão do computador */
body.computer-modal-open{overflow:hidden}

/* Rolagem independente do menu lateral em telas com pouca altura. */
.sidebar{
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
.sidebar .brand{
  flex:0 0 auto;
}
.sidebar .nav-list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#285873 transparent;
  padding-right:4px;
}
.sidebar .nav-list::-webkit-scrollbar{width:6px}
.sidebar .nav-list::-webkit-scrollbar-track{background:transparent}
.sidebar .nav-list::-webkit-scrollbar-thumb{
  background:#285873;
  border-radius:999px;
}
.sidebar .nav-list::-webkit-scrollbar-thumb:hover{background:#347395}
.sidebar .sidebar-footer{
  flex:0 0 auto;
  margin-top:8px;
}
.computer-modal[hidden]{display:none!important}
.computer-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px}
.computer-modal-backdrop{position:absolute;inset:0;background:rgba(1,10,18,.82);backdrop-filter:blur(5px)}
.computer-modal-dialog{position:relative;width:min(820px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(38,112,148,.58);border-radius:20px;background:#082238;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.computer-modal-header{display:flex;justify-content:space-between;gap:24px;padding:24px 26px 20px;border-bottom:1px solid rgba(37,80,106,.55)}
.computer-modal-header small{color:#39d9ee;font-size:10px;font-weight:900;letter-spacing:.12em}
.computer-modal-header h2{margin:6px 0 4px;font-size:25px}
.computer-modal-header p{margin:0;color:#83a5b8;font-size:12px}
.computer-modal-close{width:40px;height:40px;border:1px solid rgba(50,111,145,.55);border-radius:11px;background:#061c2e;color:#a9c9d8;font-size:25px;cursor:pointer}
.computer-modal-status{margin:18px 26px 0;padding:12px 14px;border-radius:11px;border:1px solid rgba(38,112,148,.42);background:rgba(4,20,34,.52);color:#9db9c8;font-size:12px}
.computer-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px 26px}
.computer-modal-grid>div{min-width:0;padding:14px 15px;border:1px solid rgba(35,77,104,.62);border-radius:12px;background:rgba(4,20,34,.5)}
.computer-modal-grid span{display:block;color:#64889d;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.computer-modal-grid strong{display:block;margin-top:6px;font-size:13px;overflow-wrap:anywhere}
.computer-modal-full{grid-column:1/-1}
.computer-delete-warning{margin:0 26px 18px;padding:14px 16px;border:1px solid rgba(255,104,98,.38);border-radius:12px;background:rgba(111,32,38,.18)}
.computer-delete-warning strong{color:#ff9a91;font-size:13px}
.computer-delete-warning p{margin:5px 0 0;color:#ad8990;font-size:11px;line-height:1.55}
.computer-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px 24px;border-top:1px solid rgba(37,80,106,.55)}
.computer-delete-button{min-height:38px;padding:0 17px;border:1px solid #c54d42;border-radius:10px;background:linear-gradient(135deg,#a93031,#6f252c);color:#fff;font-weight:850;cursor:pointer}
.computer-delete-button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:640px){.computer-modal{padding:10px}.computer-modal-grid{grid-template-columns:1fr}.computer-modal-full{grid-column:auto}}

/* Sprint 10.6A — edição administrativa e cancelamento seguro */
.computer-edit-panel{margin:0 26px 18px;padding:17px;border:1px solid rgba(44,145,174,.48);border-radius:14px;background:linear-gradient(135deg,rgba(9,49,70,.82),rgba(5,29,47,.72));display:grid;grid-template-columns:minmax(210px,.8fr) minmax(320px,1.2fr);gap:18px;align-items:end}
.computer-edit-panel small{color:#4be3ef;font-size:9px;font-weight:900;letter-spacing:.1em}
.computer-edit-panel h3{margin:5px 0 4px;font-size:17px}
.computer-edit-panel p{margin:0;color:#89a9ba;font-size:11px;line-height:1.55}
.computer-edit-fields{display:grid;grid-template-columns:1.2fr .8fr;gap:11px}
.computer-edit-fields label{display:grid;gap:6px;color:#82a5b7;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.computer-edit-fields input,.computer-edit-fields select{width:100%;min-height:42px;border:1px solid rgba(49,111,145,.62);border-radius:10px;background:#061c2e;color:#f3fbff;padding:0 12px;font:inherit;font-size:13px;outline:none}
.computer-edit-fields input:focus,.computer-edit-fields select:focus{border-color:#2edcec;box-shadow:0 0 0 3px rgba(46,220,236,.1)}
.computer-edit-client{grid-column:1/-1}.computer-edit-client small{color:#7899aa;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.45}
.computer-save-button{min-height:38px;padding:0 17px;border:1px solid #218ea8;border-radius:10px;background:linear-gradient(135deg,#10758f,#075269);color:#fff;font-weight:850;cursor:pointer}
.computer-save-button:disabled{opacity:.42;cursor:not-allowed}
.job-actions .cancel-pending,.job-actions .cancel-unavailable{border:1px solid rgba(230,168,73,.45);border-radius:10px;padding:9px 11px;background:rgba(92,61,20,.35);color:#f2cc8b;font-weight:800;font-size:11px;white-space:normal;line-height:1.25}
.job-actions .cancel-unavailable{border-color:rgba(113,145,164,.38);background:rgba(37,59,72,.42);color:#91aab8}
.job-actions .danger-action{background:rgba(120,37,33,.33);border-color:rgba(255,112,89,.55);color:#ffb0a1}
.job-actions .danger-action:hover{background:rgba(146,43,36,.48);border-color:#ff836f;color:#fff}
.job-actions button:disabled{cursor:not-allowed;opacity:.86}
@media(max-width:760px){.computer-edit-panel{grid-template-columns:1fr}.computer-edit-fields{grid-template-columns:1fr}.computer-modal-actions{flex-wrap:wrap}.computer-modal-actions>button{flex:1 1 180px}}

/* Sprint 10.6B — consolidação operacional e responsividade */
.dashboard-overall-status.attention{
  border-color:rgba(255,191,74,.48);
  background:linear-gradient(90deg,rgba(120,78,19,.28),rgba(44,31,18,.58));
}
.dashboard-overall-status.attention .overall-icon{
  background:var(--amber);
  color:#392300;
}
.dashboard-overall-status.error{
  border-color:rgba(255,100,124,.5);
  background:linear-gradient(90deg,rgba(111,37,52,.32),rgba(42,19,29,.62));
}
.dashboard-overall-status.error .overall-icon{
  background:var(--red);
  color:#340711;
}
.dashboard-loading-row,.dashboard-table-loading{
  color:#7f9daf;
  font-size:12px;
  line-height:1.55;
  padding:18px 4px;
}
.dashboard-table-loading{text-align:center!important}
.dashboard-state-warning{color:#ffd27d!important}
.dashboard-source-note{
  margin-top:4px;
  padding:13px 16px;
  border:1px solid rgba(35,72,98,.48);
  border-radius:13px;
  background:rgba(6,23,38,.55);
  color:#7593a7;
  font-size:11px;
  text-align:center;
}
.dashboard-overall-status .overall-icon{flex:0 0 auto}
.dashboard-overall-status>div:nth-child(2){min-width:0}
.dashboard-overall-status span{overflow-wrap:anywhere}

/* Barra do Centro de Inteligência sem vazamento lateral. */
.intelligence-operational-page .intelligence-filterbar>*{min-width:0}
.intelligence-operational-page #refreshIntelligence{
  width:100%;
  min-width:0;
  white-space:normal;
  line-height:1.25;
}
@media(max-width:1450px){
  .intelligence-operational-page .intelligence-filterbar{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .intelligence-operational-page .intelligence-filter-copy{
    grid-column:1/-1;
  }
}
@media(max-width:700px){
  .intelligence-operational-page .intelligence-filterbar{
    grid-template-columns:1fr!important;
  }
  .intelligence-operational-page .intelligence-filter-copy{
    grid-column:auto;
  }
}

/* Filtros de computadores adaptados à largura útil após a sidebar. */
.computer-toolbar>*{min-width:0}
.computer-toolbar .select-box select{
  min-width:0;
  max-width:100%;
  text-overflow:ellipsis;
}
@media(max-width:1450px){
  .computer-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(190px,.65fr)!important;
  }
  .computer-toolbar .filter-group{
    grid-column:1/-1;
    justify-self:start;
  }
}
@media(max-width:760px){
  .computer-toolbar{
    grid-template-columns:1fr!important;
  }
  .computer-toolbar .filter-group{
    grid-column:auto;
    justify-self:stretch;
  }
}

/* Caminho do volume: quebra somente entre componentes, sem letra gigante. */
.gateway-page #kpiVolume{
  font-size:clamp(14px,1.45vw,21px)!important;
  line-height:1.28;
  overflow-wrap:anywhere;
  word-break:normal!important;
}
.gateway-page .gateway-kpi>div{min-width:0}

/* Fila de restauração: conteúdo limitado à célula e sem sobreposição. */
.restore-queue-page .queue-table-card,
.restore-queue-page .queue-list,
.restore-queue-page .queue-row,
.restore-queue-page .queue-row>*{min-width:0}
.restore-queue-page .queue-job strong,
.restore-queue-page .queue-job small,
.restore-queue-page .queue-destination strong,
.restore-queue-page .queue-destination small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.restore-queue-page .queue-status-cell{overflow:visible}

@media(max-width:1100px){
  .dashboard-overall-status{align-items:flex-start}
  .dashboard-overall-status a{white-space:nowrap}
}
.health-dot.warning,.event-dot.warning{
  background:var(--amber);
  box-shadow:0 0 0 5px rgba(255,191,74,.08);
}


/* Sprint 10.6E — Gateway: diagnóstico compacto, disponibilidade e menu rolável */
/* Fallback robusto: em telas de pouca altura, toda a lateral continua acessível. */
.sidebar{
  max-height:100vh;
  max-height:100dvh;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#285873 transparent;
}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:#285873;border-radius:999px}
.sidebar::-webkit-scrollbar-thumb:hover{background:#347395}
.sidebar .nav-list,
.sidebar nav{
  min-height:max-content;
  overflow:visible!important;
}
.sidebar .sidebar-footer{margin-top:12px}

.gateway-side-stack{display:grid;gap:12px;min-width:0;align-content:start}
.gateway-diagnostic-card .gateway-event-list{padding:3px 0}
.gateway-diagnostic-card .gateway-event{padding:9px 14px}
.gateway-diagnostic-card .gateway-event p{font-size:8px}
.gateway-diagnostic-card .gateway-event time{font-size:7px}
.gateway-availability-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:13px 14px}
.gateway-availability-grid>div{min-width:0;padding:9px;border:1px solid rgba(35,72,98,.5);border-radius:9px;background:rgba(4,20,34,.5)}
.gateway-availability-grid dt{color:#557a91;font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.gateway-availability-grid dd{margin:5px 0 0;color:#c3d9e4;font-size:9px;font-weight:800;overflow-wrap:anywhere}
.gateway-recent-events{padding:0 14px 7px}
.gateway-recent-event{display:grid;grid-template-columns:8px 1fr;gap:9px;align-items:start;padding:9px 0;border-top:1px solid rgba(34,70,96,.35)}
.gateway-recent-event strong,.gateway-recent-event small{display:block}
.gateway-recent-event strong{font-size:8px;color:#c4d9e4}
.gateway-recent-event small{margin-top:3px;color:#67879a;font-size:7px;line-height:1.4}
.gateway-monitor-note{margin:0 14px 14px;padding:8px;border-radius:8px;background:rgba(32,215,242,.05);color:#7394a6;font-size:7px;line-height:1.45}
@media(max-width:1080px){.gateway-side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.gateway-side-stack{grid-template-columns:1fr}.gateway-availability-grid{grid-template-columns:1fr}}

/* Sprint 10.6F — correção definitiva da rolagem lateral e espaçamento do monitor */
/* A lateral fica fixa; somente a área de navegação rola e a barra permanece visível. */
.sidebar{
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.sidebar .brand{
  flex:0 0 auto!important;
}
.sidebar .nav-list,
.sidebar>nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:auto;
  scrollbar-color:#347395 rgba(8,31,49,.72);
  padding-right:8px!important;
}
.sidebar .nav-list::-webkit-scrollbar,
.sidebar>nav::-webkit-scrollbar{width:10px!important}
.sidebar .nav-list::-webkit-scrollbar-track,
.sidebar>nav::-webkit-scrollbar-track{
  background:rgba(8,31,49,.72)!important;
  border-radius:999px!important;
}
.sidebar .nav-list::-webkit-scrollbar-thumb,
.sidebar>nav::-webkit-scrollbar-thumb{
  background:#347395!important;
  border:2px solid rgba(8,31,49,.72)!important;
  border-radius:999px!important;
}
.sidebar .sidebar-footer{
  flex:0 0 auto!important;
  margin-top:8px!important;
}

/* Respiro interno do box Disponibilidade e Eventos. */
.gateway-availability-card{
  overflow:hidden;
}
.gateway-availability-card .gateway-availability-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
  padding:16px 18px 10px!important;
}
.gateway-availability-card .gateway-availability-grid>div{
  min-width:0!important;
  padding:11px 12px!important;
  border:1px solid rgba(35,72,98,.5)!important;
  border-radius:10px!important;
  background:rgba(4,20,34,.5)!important;
}
.gateway-availability-card .gateway-availability-grid dt{
  margin:0!important;
  color:#557a91!important;
  font-size:8px!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.gateway-availability-card .gateway-availability-grid dd{
  margin:6px 0 0!important;
  color:#c3d9e4!important;
  font-size:10px!important;
  line-height:1.4!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
.gateway-availability-card .gateway-recent-events{
  padding:2px 18px 9px!important;
}
.gateway-availability-card .gateway-monitor-note{
  margin:0 18px 16px!important;
  padding:10px 11px!important;
}
@media(max-width:760px){
  .gateway-availability-card .gateway-availability-grid{
    grid-template-columns:1fr!important;
  }
}


/* Sprint 10.6G — Saúde do armazenamento consolidada */
.gateway-storage-layout{
  grid-template-columns:minmax(620px,1.55fr) minmax(330px,.72fr)!important;
  align-items:stretch;
}
.storage-health-card{display:flex;flex-direction:column}
.storage-health-section{
  margin-top:2px;
  border-top:1px solid rgba(35,74,101,.55);
  background:linear-gradient(180deg,rgba(5,24,39,.18),rgba(4,18,31,.45));
}
.storage-health-heading{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 16px 10px;
}
.storage-health-heading small,.storage-health-heading strong{display:block}
.storage-health-heading small{color:#5b7f97;font-size:7px;font-weight:900;letter-spacing:.1em}
.storage-health-heading strong{margin-top:4px;color:#c7dce6;font-size:11px}
.storage-health-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  margin:0;padding:0 16px 14px;
}
.storage-health-grid>div{
  min-width:0;padding:11px 12px;border:1px solid rgba(35,72,98,.5);
  border-radius:10px;background:rgba(4,20,34,.56);
}
.storage-health-grid dt{color:#557a91;font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.storage-health-grid dd{margin:6px 0 0;color:#c8dce6;font-size:10px;line-height:1.35;font-weight:850;overflow-wrap:anywhere}
.storage-health-grid small{display:block;margin-top:4px;color:#5f8197;font-size:7px;line-height:1.35}
.storage-events-heading{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  margin:0 16px;padding:12px 0 7px;border-top:1px solid rgba(34,70,96,.42);
}
.storage-events-heading small{color:#5b7f97;font-size:7px;font-weight:900;letter-spacing:.1em}
.storage-events-heading span{color:#52748b;font-size:7px}
.storage-recent-events{padding:0 16px 5px!important}
.storage-recent-events .gateway-recent-event{padding:9px 0}
.storage-monitor-note{margin:0 16px 15px!important;padding:9px 10px!important}
.gateway-diagnostic-card{align-self:stretch;display:flex;flex-direction:column}
.gateway-diagnostic-card .gateway-diagnostic-list{flex:0 0 auto}
.diagnostic-help{
  margin:auto 14px 14px;padding:12px;border:1px solid rgba(32,215,242,.12);
  border-radius:10px;background:rgba(32,215,242,.045)
}
.diagnostic-help strong{display:block;color:#9fc2d2;font-size:9px}
.diagnostic-help p{margin:5px 0 0;color:#63869a;font-size:8px;line-height:1.5}
@media(max-width:1080px){
  .gateway-storage-layout{grid-template-columns:1fr!important}
  .gateway-diagnostic-card{min-height:auto}
}
@media(max-width:650px){
  .storage-health-grid{grid-template-columns:1fr}
  .storage-events-heading{align-items:flex-start;flex-direction:column}
}


/* Sprint 10.6H — eventos consolidados no diagnóstico */
.gateway-storage-layout{
  grid-template-columns:minmax(620px,1.55fr) minmax(350px,.72fr)!important;
  align-items:start;
}
.storage-health-card{height:auto!important}
.storage-monitor-note{margin-top:0!important}
.gateway-diagnostic-card{height:auto!important;align-self:start!important}
.diagnostic-events-heading{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  margin:0 14px;padding:12px 0 7px;border-top:1px solid rgba(34,70,96,.42);
}
.diagnostic-events-heading small{color:#5b7f97;font-size:7px;font-weight:900;letter-spacing:.1em}
.diagnostic-events-heading span{color:#52748b;font-size:7px}
.diagnostic-recent-events{padding:0 14px 4px!important;max-height:235px;overflow-y:auto}
.diagnostic-recent-events .gateway-recent-event{padding:9px 0}
.gateway-diagnostic-card .diagnostic-help{margin:8px 14px 14px!important}
@media(max-width:1080px){
  .gateway-storage-layout{grid-template-columns:1fr!important}
  .gateway-diagnostic-card{align-self:stretch!important}
}
@media(max-width:650px){
  .diagnostic-events-heading{align-items:flex-start;flex-direction:column}
}


/* Sprint 10.6I — quatro eventos e estabilidade em largura total */
.diagnostic-recent-events .gateway-recent-event:nth-child(n+5){display:none}
.gateway-stability-card{margin-bottom:12px;overflow:hidden}
.stability-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}
.stability-service{min-width:0;padding:13px 14px;border:1px solid rgba(35,72,98,.5);border-radius:11px;background:rgba(4,20,34,.52)}
.stability-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stability-heading strong{font-size:10px;color:#d4e7ef}
.stability-heading span{font-size:13px;font-weight:900;color:#74e4b7}
.stability-track{height:9px;margin:10px 0 8px;border-radius:999px;background:#102f45;overflow:hidden}
.stability-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20d7f2,#39d99c);transition:width .35s ease}
.stability-service>small{display:block;color:#63859a;font-size:7px;line-height:1.4}
.stability-note{margin:0 16px 15px;padding:9px 10px;border-radius:9px;background:rgba(32,215,242,.05);color:#6f91a4;font-size:7px;line-height:1.45}
@media(max-width:900px){.stability-inline-grid{grid-template-columns:1fr}}
\n\n/* REV 10.6J — faixas de estabilidade e uptime por componente */
.stability-service{position:relative;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.stability-service .stability-uptime{display:block;margin-top:7px;padding-top:7px;border-top:1px solid rgba(35,72,98,.42);color:#8fb0c1;font-size:8px;font-weight:800;line-height:1.35}
.stability-service.stability-excellent{border-color:rgba(57,217,156,.42)}
.stability-service.stability-excellent .stability-heading span,.stability-service.stability-excellent .stability-uptime{color:#74e4b7}
.stability-service.stability-excellent .stability-track i{background:linear-gradient(90deg,#20d7f2,#39d99c)}
.stability-service.stability-good{border-color:rgba(177,210,85,.42)}
.stability-service.stability-good .stability-heading span,.stability-service.stability-good .stability-uptime{color:#c4df72}
.stability-service.stability-good .stability-track i{background:linear-gradient(90deg,#53c9b3,#b7d85b)}
.stability-service.stability-attention{border-color:rgba(255,183,76,.48);background:linear-gradient(145deg,rgba(61,45,23,.5),rgba(4,20,34,.58))}
.stability-service.stability-attention .stability-heading span,.stability-service.stability-attention .stability-uptime{color:#f0b85f}
.stability-service.stability-attention .stability-track i{background:linear-gradient(90deg,#ffd064,#ff9d43)}
.stability-service.stability-critical{border-color:rgba(255,100,124,.5);background:linear-gradient(145deg,rgba(65,28,39,.54),rgba(4,20,34,.6))}
.stability-service.stability-critical .stability-heading span,.stability-service.stability-critical .stability-uptime{color:#ff8799}
.stability-service.stability-critical .stability-track i{background:linear-gradient(90deg,#ff9a75,#ff647c)}

/* ICB 10.8 - Retencao de versoes */
.retention-settings{border:1px solid rgba(89,196,255,.22);border-radius:14px;padding:16px;background:rgba(2,23,39,.35)}
.retention-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.retention-settings-head>span{font-weight:800;color:#eefaff}.retention-settings-head small{color:#8faec1;text-align:right;line-height:1.35}
.retention-mode-row{display:flex;flex-wrap:wrap;gap:18px 28px;margin:8px 0 14px}.retention-mode-row label{display:flex;align-items:center;gap:8px;color:#d8edf7;font-size:13px}
.retention-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.retention-note{margin:10px 0 0;color:#7796a9;font-size:12px;line-height:1.45}
.retention-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.retention-actions span{font-size:12px;color:#9fc3d4}
@media(max-width:760px){.retention-custom-grid{grid-template-columns:1fr}.retention-settings-head{display:block}.retention-settings-head small{display:block;text-align:left;margin-top:4px}}

/* ICB 10.8 - resumo de retencao nos cards de clientes */
.client-plan-detail [data-client-retention]{margin-top:7px;color:#8eabc0;font-size:11px;font-weight:650;line-height:1.35;text-transform:none;letter-spacing:0}
.client-plan-detail [data-client-retention].is-custom{color:#75d7ea}
.client-card-footer{justify-content:flex-end}

/* ICB patch 2026-08-21: credenciais de ativacao no cadastro do cliente */
.activation-settings{border:1px solid rgba(34,215,239,.28);border-radius:14px;padding:16px;background:rgba(3,34,55,.48)}
.activation-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.activation-settings-head>div>span{display:block;font-weight:800;color:#eefaff}.activation-settings-head small{display:block;color:#8faec1;line-height:1.35;margin-top:4px;text-transform:none;letter-spacing:0;font-weight:500}
.activation-credentials-grid{display:grid;grid-template-columns:1fr;gap:12px}.activation-copy-row{display:flex;gap:8px;align-items:center}.activation-copy-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.activation-copy-button{flex:0 0 auto;padding:12px 14px}.activation-rotate-button{flex:0 0 auto;padding:9px 12px}.activation-note{margin:12px 0 0;color:#8faec1;font-size:12px;line-height:1.45}
@media(max-width:680px){.activation-settings-head{display:block}.activation-rotate-button{margin-top:12px;width:100%}.activation-copy-row{align-items:stretch}.activation-copy-row input{min-width:0}.activation-copy-button{padding-left:10px;padding-right:10px}}