/* configuracoes-rebuild.css | ArteLix Configurações Premium */
:root{--cfg:#7c3aed;--cfgb:var(--border,#e5e7eb);--cfgc:var(--card,#fff);--cfgt:var(--text-primary,#0f172a);--cfgs:var(--text-secondary,#64748b);--cfgb2:var(--bg,#f8fafc);--cfg-t:.15s cubic-bezier(.4,0,.2,1);}
#cfg-wrap{font-family:inherit;color:var(--cfgt);}
.cfg-wrap *{box-sizing:border-box;}
/* Layout de duas colunas */
.cfg-layout{display:flex;gap:0;min-height:calc(100vh - 140px);border:1px solid var(--cfgb);border-radius:14px;overflow:hidden;background:var(--cfgc);box-shadow:0 2px 10px rgba(0,0,0,.04);}
/* Sidebar interna */
.cfg-aside{width:200px;flex-shrink:0;border-right:1px solid var(--cfgb);padding:16px 0;background:var(--cfgb2);}
.cfg-aside-ttl{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--cfgs);padding:0 14px 10px;display:flex;align-items:center;gap:6px;}
.cfg-aside-ttl::before{content:'';width:3px;height:12px;background:var(--cfg);border-radius:99px;display:inline-block;}
.cfg-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px;}
.cfg-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;border:none;background:none;color:var(--cfgs);font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:all var(--cfg-t);}
.cfg-nav-item:hover{background:rgba(124,58,237,.07);color:var(--cfg);}
.cfg-nav-a{background:rgba(124,58,237,.1)!important;color:var(--cfg)!important;font-weight:600!important;}
.cfg-nav-ico{width:16px;font-size:.8rem;opacity:.7;flex-shrink:0;}
/* Conteúdo principal */
.cfg-main{flex:1;padding:24px 28px;overflow-y:auto;}
.cfg-section{max-width:620px;}
.cfg-sec-ttl{font-size:1.05rem;font-weight:700;color:var(--cfgt);margin:0 0 3px;}
.cfg-sec-sub{font-size:.76rem;color:var(--cfgs);margin:0 0 20px;}
/* Formulários */
.cfg-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;}
.cfg-fgroup{display:flex;flex-direction:column;gap:5px;}
.cfg-full{grid-column:1/-1;}
.cfg-label{font-size:.68rem;font-weight:600;color:var(--cfgt);letter-spacing:.03em;}
.cfg-input{background:var(--cfgc);border:1.5px solid var(--cfgb);border-radius:8px;padding:8px 11px;font-size:.82rem;color:var(--cfgt);outline:none;transition:all var(--cfg-t);width:100%;}
.cfg-input:focus{border-color:var(--cfg);box-shadow:0 0 0 3px rgba(124,58,237,.1);}
.cfg-input::placeholder{color:var(--cfgs);}
.cfg-textarea{background:var(--cfgc);border:1.5px solid var(--cfgb);border-radius:8px;padding:8px 11px;font-size:.82rem;color:var(--cfgt);outline:none;transition:all var(--cfg-t);width:100%;resize:vertical;font-family:inherit;}
.cfg-textarea:focus{border-color:var(--cfg);box-shadow:0 0 0 3px rgba(124,58,237,.1);}
/* Footer de ação */
.cfg-footer{padding-top:16px;border-top:1px solid var(--cfgb);display:flex;gap:8px;}
.cfg-btn-save{padding:8px 18px;background:var(--cfg);color:#fff;border:none;border-radius:8px;font-size:.81rem;font-weight:600;cursor:pointer;transition:all var(--cfg-t);box-shadow:0 2px 8px rgba(124,58,237,.25);}
.cfg-btn-save:hover{opacity:.9;transform:translateY(-1px);}
.cfg-btn-ghost{padding:8px 16px;background:none;color:var(--cfgs);border:1.5px solid var(--cfgb);border-radius:8px;font-size:.81rem;font-weight:600;cursor:pointer;transition:all var(--cfg-t);}
.cfg-btn-ghost:hover{border-color:var(--cfg);color:var(--cfg);}
/* Toggle switch */
.cfg-toggle-row{flex-direction:row!important;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--cfgb);}
.cfg-toggle-lbl{font-size:.82rem;font-weight:500;color:var(--cfgt);}
.cfg-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;}
.cfg-switch input{opacity:0;width:0;height:0;}
.cfg-slider{position:absolute;inset:0;background:var(--cfgb);border-radius:99px;cursor:pointer;transition:all .2s;}
.cfg-slider::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;bottom:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15);}
.cfg-switch input:checked+.cfg-slider{background:var(--cfg);}
.cfg-switch input:checked+.cfg-slider::before{transform:translateX(18px);}
/* Aparência - temas */
.cfg-themes{display:flex;gap:7px;flex-wrap:wrap;}
.cfg-theme-btn{padding:7px 16px;border-radius:8px;border:1.5px solid var(--cfgb);background:var(--cfgc);color:var(--cfgs);cursor:pointer;font-size:.78rem;font-weight:600;transition:all var(--cfg-t);}
.cfg-theme-btn:hover{border-color:var(--cfg);color:var(--cfg);}
.cfg-theme-a{border-color:var(--cfg)!important;color:var(--cfg)!important;background:rgba(124,58,237,.07)!important;}
/* Cores */
.cfg-colors{display:flex;gap:8px;flex-wrap:wrap;}
.cfg-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--cfg-t);}
.cfg-swatch:hover{transform:scale(1.15);}
.cfg-swatch-a{border-color:#fff!important;box-shadow:0 0 0 2px var(--cfg)!important;}
/* Pagamentos */
.cfg-pay-list{display:flex;flex-direction:column;gap:12px;}
.cfg-pay-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--cfgb2);border:1px solid var(--cfgb);border-radius:10px;transition:all var(--cfg-t);}
.cfg-pay-item:hover{border-color:rgba(124,58,237,.2);}
.cfg-pay-ttl{font-size:.83rem;font-weight:600;color:var(--cfgt);margin-bottom:2px;}
.cfg-pay-sub{font-size:.7rem;color:var(--cfgs);}
/* Plano */
.cfg-plan-card{background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(124,58,237,.02));border:1.5px solid rgba(124,58,237,.2);border-radius:12px;padding:20px;}
.cfg-plan-name{font-size:1rem;font-weight:700;color:var(--cfg);margin-bottom:4px;}
.cfg-plan-price{font-size:1.4rem;font-weight:700;color:var(--cfgt);margin-bottom:4px;}
.cfg-plan-sub{font-size:.72rem;color:var(--cfgs);margin-bottom:14px;}
.cfg-plan-feats{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.cfg-plan-feat{font-size:.78rem;color:var(--cfgt);padding-left:14px;position:relative;}
.cfg-plan-feat::before{content:'✓';position:absolute;left:0;color:var(--cfg);font-weight:700;}
.cfg-plan-actions{display:flex;gap:8px;}
/* Ajuda */
.cfg-help-list{display:flex;flex-direction:column;gap:10px;}
.cfg-help-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--cfgb2);border:1px solid var(--cfgb);border-radius:10px;transition:all var(--cfg-t);}
.cfg-help-item:hover{border-color:rgba(124,58,237,.2);}
.cfg-help-ttl{font-size:.83rem;font-weight:600;color:var(--cfgt);margin-bottom:2px;}
.cfg-help-sub{font-size:.7rem;color:var(--cfgs);}
/* Responsive */
@media(max-width:768px){
  .cfg-layout{flex-direction:column;}
  .cfg-aside{width:100%;border-right:none;border-bottom:1px solid var(--cfgb);padding:10px 8px;}
  .cfg-nav{flex-direction:row;overflow-x:auto;gap:4px;}
  .cfg-nav-item{white-space:nowrap;}
  .cfg-main{padding:16px;}
  .cfg-form{grid-template-columns:1fr;}
  .cfg-plan-feats{grid-template-columns:1fr;}
}