/* Ajustes do painel por cima do Tabler (base do O4 UI Framework). Cores padrão do Tabler; sem estilo embutido: tudo aqui. */
:root{--cp-blue:var(--tblr-primary)}
.brand-logo{max-height:56px;max-width:100%}
.navbar-brand-image{height:36px;width:auto}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.stat{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:8px 16px;min-width:120px}
.stat b{display:block;font-size:1.4em}
.view[hidden],.card[hidden],[hidden]{display:none!important}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}
pre:empty{display:none}
td,th{overflow-wrap:anywhere}
.secret-once{font-family:var(--tblr-font-monospace);background:var(--tblr-bg-surface-tertiary);padding:8px;border-radius:var(--tblr-border-radius);display:block;overflow-wrap:anywhere}
.hdr-search{width:auto}
.home-search{min-width:300px}
.live-chart{min-height:240px}

/* ---- Início: ícones em seções, como no cPanel ---- */
.tool-tile{padding:10px 12px;border-radius:var(--tblr-border-radius);color:var(--tblr-body-color);border:1px solid transparent}
.tool-tile:hover{background:var(--tblr-bg-surface-secondary);border-color:var(--tblr-border-color);color:var(--tblr-primary)}
.tool-icon{font-size:1.9rem;color:var(--tblr-primary);flex:none}
.tool-name{font-size:.9rem;font-weight:500;line-height:1.2;text-align:left}

/* ---- subpáginas das ferramentas (padrão cPanel sobre o Tabler) ---- */
.cp-head{margin-bottom:1.4rem}
.cp-back{font-size:.85rem;text-decoration:none}
.cp-title{font-weight:400;font-size:1.9rem;margin:.3rem 0 .4rem}
.cp-desc{max-width:900px;color:var(--tblr-secondary-color);margin-bottom:.4rem}
.cp-sections{display:block}
.cp-sec{margin:0 0 2rem;max-width:1000px}
.cp-h{font-size:1.4rem;font-weight:500;margin:0 0 .5rem}
.cp-help{color:var(--tblr-secondary-color);max-width:800px}
.cp-body .form-control,.cp-body .form-select{max-width:520px}
.cp-body textarea.form-control{max-width:700px}
.cp-body .form-label{display:block;font-weight:600;margin-bottom:.2rem}
.cp-site{margin:.4rem 0 1.4rem;max-width:420px}
.cp-site .form-label{font-weight:600;margin-bottom:.2rem}
.cp-bar{display:flex;align-items:center;gap:8px;margin:.4rem 0 .8rem;flex-wrap:wrap}
.cp-search{max-width:320px!important}
.cp-count{margin-left:auto;color:var(--tblr-secondary-color);font-size:.85rem}
.cp-table{margin-bottom:0}
.cp-table thead th{border-bottom:2px solid var(--tblr-border-color);font-weight:600}
.cp-table tbody td{vertical-align:middle}
.cp-table tbody tr:nth-child(odd) td{background:var(--tblr-bg-surface-tertiary)}
.cp-table tbody tr:hover td{background:var(--tblr-primary-lt)}
.cp-table tbody tr[hidden]{display:none}
.cp-table tbody tr.cp-empty td{background:var(--tblr-info-lt);color:var(--tblr-info);border:0}
.cp-act{background:var(--tblr-bg-surface);border:1px solid var(--tblr-primary);color:var(--tblr-primary);border-radius:var(--tblr-border-radius);padding:.15rem .6rem;margin:0 .35rem .2rem 0;font-size:.82rem}
.cp-act:hover{background:var(--tblr-primary);color:var(--tblr-primary-fg)}
.cp-act:disabled{opacity:.5}
.cp-pager{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:.6rem 0;font-size:.82rem;color:var(--tblr-secondary-color)}
.cp-pssel{width:auto}
.cp-pb{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);color:var(--tblr-secondary-color);padding:.15rem .6rem;border-radius:var(--tblr-border-radius)}
.cp-pb:disabled{opacity:.5}
.cp-kv dt{font-weight:600}
.cp-kv{margin:0}
.cp-tabs{border-bottom:1px solid var(--tblr-border-color)}
.cp-log{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);padding:.6rem .8rem;border-radius:var(--tblr-border-radius)}
.cp-info{background:var(--tblr-info-lt);border:1px solid var(--tblr-info-lt);color:var(--tblr-info);border-radius:var(--tblr-border-radius);padding:.6rem 1rem}
.cp-voltar{text-align:center;margin:2rem 0}.cp-voltar a{text-decoration:none}
.cp-bar2{height:14px;border:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface);border-radius:var(--tblr-border-radius);max-width:260px}
.cp-fill{height:100%;background:var(--tblr-primary)}
.cp-fill.w0{width:0%}.cp-fill.w5{width:5%}.cp-fill.w10{width:10%}.cp-fill.w15{width:15%}.cp-fill.w20{width:20%}.cp-fill.w25{width:25%}
.cp-fill.w30{width:30%}.cp-fill.w35{width:35%}.cp-fill.w40{width:40%}.cp-fill.w45{width:45%}.cp-fill.w50{width:50%}.cp-fill.w55{width:55%}
.cp-fill.w60{width:60%}.cp-fill.w65{width:65%}.cp-fill.w70{width:70%}.cp-fill.w75{width:75%}.cp-fill.w80{width:80%}.cp-fill.w85{width:85%}
.cp-fill.w90{width:90%}.cp-fill.w95{width:95%}.cp-fill.w100{width:100%}
.cp-seg{display:inline-flex}
.cp-segb{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);padding:.3rem .9rem;color:var(--tblr-secondary-color);margin-left:-1px}
.cp-segb:first-child{margin-left:0;border-radius:var(--tblr-border-radius) 0 0 var(--tblr-border-radius)}
.cp-segb:last-child{border-radius:0 var(--tblr-border-radius) var(--tblr-border-radius) 0}
.cp-segb.on{background:var(--tblr-primary);border-color:var(--tblr-primary);color:var(--tblr-primary-fg);font-weight:600}
.view.is-tool>.page-header{display:none}
@media(min-width:1200px){.cp-sections.cp-two{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;max-width:1100px}}

/* ---- Menu lateral no esquema do tabler.io: fundo da página, ícones de traço em cinza e item ativo em azul ---- */
.app-menu{border-right:1px solid var(--tblr-border-color)}
.app-menu .navbar-brand{padding:1.1rem 1.25rem .9rem}
.brand-name{font-weight:600;font-size:1.05rem;letter-spacing:.2px}
.app-menu .navbar-nav{padding:.25rem .5rem}
.app-menu .nav-link{border-radius:var(--tblr-border-radius);margin:2px 0;padding:.55rem .75rem;font-weight:500;color:var(--tblr-body-color)}
.app-menu .nav-link .nav-link-icon{color:var(--tblr-secondary);opacity:1}
.app-menu .nav-link:hover{background:var(--tblr-bg-surface-secondary);color:var(--tblr-primary)}
.app-menu .nav-link:hover .nav-link-icon,.app-menu .nav-link.active .nav-link-icon{color:var(--tblr-primary)}
.app-menu .nav-link.active{background:var(--tblr-primary-lt);color:var(--tblr-primary)}

/* ---- Cabeçalho: busca à esquerda, ferramentas à direita, com respiro e divisores ---- */
.app-header{background:var(--tblr-bg-surface);border-bottom:1px solid var(--tblr-border-color);min-height:4.25rem;padding:.6rem 0}
.app-header-row{display:flex;align-items:center;gap:1.5rem}
.app-header-search{flex:1 1 auto;max-width:460px}
.app-header-search kbd{font-size:.75rem;padding:.1rem .4rem}
.app-header-tools{display:flex;align-items:center;gap:1rem;margin-left:auto}
.app-site{display:flex;align-items:center;gap:.6rem}
.app-site-label{display:flex;align-items:center;gap:.35rem;margin:0;color:var(--tblr-secondary);font-size:.85rem;white-space:nowrap}
.app-site .form-select{min-width:180px}
.app-header-sep{width:1px;height:1.75rem;background:var(--tblr-border-color)}
.app-icon-btn{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0!important;border-radius:var(--tblr-border-radius);color:var(--tblr-secondary)}
.app-icon-btn:hover{background:var(--tblr-bg-surface-secondary);color:var(--tblr-primary)}

/* ---- Configurações: formulário da conta de e-mail em duas colunas ---- */
.mail-form{display:grid;grid-template-columns:1fr;gap:0 1.5rem}
@media(min-width:768px){.mail-form{grid-template-columns:1fr 1fr}}
.mail-form>.form-check,.mail-form>button,.mail-form>.small{grid-column:1/-1}

/* ---- Console: ações em botões, formulário por operação ---- */
.cons-group{text-transform:capitalize;font-size:.8rem;letter-spacing:.06em;color:var(--tblr-secondary);margin:1.2rem 0 .5rem}
.cons-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.cons-btn{display:inline-flex;align-items:center}
.cons-panel .form-control,.cons-panel .form-select{max-width:520px}
.cons-panel textarea.form-control{max-width:640px}
.cons-kv dt{font-weight:600}

.slot{display:contents}