/* Etapa 22.4 | Refino criterioso: navegação lateral e painéis Jarvis.
   Mantemos a paleta cósmica existente; sem modificar a lógica dos demais módulos. */
#page-configuracoes>.workspace-heading{max-width:1380px;margin:0 auto 23px;}
#page-configuracoes>.workspace-heading .eyebrow{font-size:11px;letter-spacing:.24em;color:#55e3f3;}
#page-configuracoes>.workspace-heading h1{font-size:clamp(31px,3.9vw,50px);font-weight:840;line-height:1.13;letter-spacing:-.055em;margin:8px 0 8px;}
#page-configuracoes>.workspace-heading h1 span{background:linear-gradient(96deg,#4ce8f4,#8ea4ff 56%,#ce71f4);-webkit-background-clip:text;background-clip:text;color:transparent;}
#page-configuracoes>.workspace-heading p{color:#bfd0ec;font-size:14px;line-height:1.45;max-width:690px;}
#page-configuracoes .settings-layout{display:grid!important;grid-template-columns:minmax(205px,248px) minmax(0,1fr)!important;gap:21px;align-items:start;max-width:1380px;width:100%;margin:0 auto;}
#page-configuracoes .td165-settings-oldnav{display:flex!important;position:sticky;top:20px;flex-direction:column;gap:5px;padding:13px;border:1px solid rgba(129,169,245,.44);border-radius:23px;background:linear-gradient(158deg,rgba(21,53,105,.94),rgba(8,22,64,.96) 49%,rgba(43,23,91,.94));box-shadow:inset 0 1px rgba(220,241,255,.13),0 10px 35px rgba(2,9,34,.14);backdrop-filter:blur(12px);}
#page-configuracoes .settings-nav button{width:100%;display:flex;align-items:center;min-height:43px;text-align:left;gap:9px;border-radius:14px;border:1px solid transparent;background:transparent;padding:11px 13px;font-size:12.5px;font-weight:620;white-space:normal;line-height:1.3;color:#c2d1ee;transition:background .18s,border-color .18s,color .18s;cursor:pointer;transform:none!important;filter:none!important;}
#page-configuracoes .settings-nav button:hover{background:rgba(85,124,215,.18);color:#fff;border-color:rgba(149,177,255,.23);box-shadow:none;}
#page-configuracoes .settings-nav button.active,#page-configuracoes .settings-nav button.active:hover{color:white;background:linear-gradient(108deg,rgba(16,122,219,.77),rgba(105,46,195,.82));border:1px solid rgba(139,173,255,.71);box-shadow:0 6px 16px rgba(73,43,172,.16),inset 0 1px rgba(225,241,255,.24);}
#page-configuracoes .settings-nav button:focus-visible,#page-configuracoes [data-settings-go]:focus-visible{outline:2px solid #72dff6;outline-offset:2px;}
#page-configuracoes .settings-main{width:100%;min-width:0;}
#page-configuracoes .td-settings-board{display:grid;gap:0;padding:24px 28px 28px;min-width:0;border-radius:24px;border:1px solid rgba(127,164,235,.49);background:radial-gradient(ellipse at 11% 12%,rgba(18,95,184,.25),transparent 46%),radial-gradient(ellipse at 95% 95%,rgba(111,47,179,.27),transparent 48%),linear-gradient(130deg,rgba(9,28,73,.98),rgba(7,21,59,.98) 55%,rgba(30,20,79,.98));box-shadow:inset 0 1px rgba(213,238,255,.12),0 13px 40px rgba(0,4,25,.12);}
#page-configuracoes .td24-panel-head{margin:0;padding:1px 0 19px;border:0;border-bottom:1px solid rgba(140,180,243,.18);background:transparent;}
#page-configuracoes .td24-panel-head small{color:#82d9ff;letter-spacing:.18em;font-size:10px;font-weight:800;}
#page-configuracoes .td24-panel-head h2{font-size:clamp(24px,2.5vw,30px);font-weight:780;letter-spacing:-.035em;line-height:1.18;color:#f4f7ff;margin:8px 0 5px;}
#page-configuracoes .td24-panel-head p{font-size:13px;color:#bdd0ec;line-height:1.45;margin:0;}
#page-configuracoes .td24-preferences{display:block!important;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
#page-configuracoes .td24-preferences .td24-setting-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid rgba(133,163,221,.16);min-height:90px;padding:17px 0;}
#page-configuracoes .td24-preferences .td24-setting-row>div{display:grid;gap:6px;min-width:0;max-width:70%;}
#page-configuracoes .td24-preferences .td24-setting-row strong{color:#eef5ff;font-size:14px;line-height:1.3;font-weight:720;}
#page-configuracoes .td24-preferences .td24-setting-row small{color:#9db7dc;font-size:12px;line-height:1.35;}
#page-configuracoes .td24-preferences .td24-setting-row select{flex:0 1 210px;width:min(100%,210px);border:1px solid rgba(127,169,238,.39);border-radius:12px;padding:11px 36px 11px 13px;min-height:42px;background:rgba(15,36,87,.93);color:#eaf5ff;color-scheme:dark;font-size:12px;font-weight:650;cursor:pointer;}
#page-configuracoes .td24-preferences .td24-setting-row select:focus-visible{outline:2px solid #6ee4f3;outline-offset:2px;}
#page-configuracoes .td24-preferences .td24-switch{position:relative;display:inline-flex;flex:0 0 52px;width:52px;height:29px;cursor:pointer;}
#page-configuracoes .td24-preferences .td24-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
#page-configuracoes .td24-preferences .td24-switch span{position:absolute;inset:0;border-radius:99px;border:1px solid rgba(130,154,210,.48);background:#253454;transition:.18s;pointer-events:none;}
#page-configuracoes .td24-preferences .td24-switch span:before{content:'';position:absolute;left:4px;top:3.5px;width:20px;height:20px;border-radius:50%;background:#e7f1ff;box-shadow:0 1px 4px #0005;transition:transform .18s;}
#page-configuracoes .td24-preferences .td24-switch input:checked+span{border-color:#9ac8ff;background:linear-gradient(102deg,#147ac8,#9551df);}
#page-configuracoes .td24-preferences .td24-switch input:checked+span:before{transform:translateX(23px);}
#page-configuracoes .td24-preferences .td24-switch input:focus-visible+span{outline:2px solid #7fe5f4;outline-offset:3px;}
#page-configuracoes .td24-settings-save{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding-top:18px;}
#page-configuracoes .td24-settings-save button{min-width:176px;}
#page-configuracoes .td24-settings-save .td-save-feedback{color:#78e5d1;font-size:12px;}
#page-configuracoes .td24-account-title{padding:23px 0 12px;margin-top:19px;border-top:1px solid rgba(137,170,237,.24);}
#page-configuracoes .td24-account-title small{font-size:10px;letter-spacing:.18em;font-weight:790;color:#86d8ff;}
#page-configuracoes .td24-account-title h3{font-size:19px;font-weight:750;letter-spacing:-.03em;margin:5px 0 0;}
#page-configuracoes .td24-account{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid rgba(128,170,236,.29);border-radius:17px;background:linear-gradient(102deg,rgba(28,68,127,.43),rgba(48,29,99,.47));}
#page-configuracoes .td24-account-picture{flex:0 0 52px;width:52px;height:52px;border:1px solid rgba(172,201,254,.6);border-radius:50%;background:linear-gradient(120deg,#19b6e1,#743dd7);display:grid;place-items:center;font-size:21px;font-weight:800;color:#fff;overflow:hidden;}
#page-configuracoes .td24-account-picture img{width:100%;height:100%;object-fit:cover;display:block;}
#page-configuracoes .td24-account-details{display:grid;gap:3px;min-width:0;flex:1;}
#page-configuracoes .td24-account-details strong{font-size:15px;color:#f4f7ff;}
#page-configuracoes .td24-account-details small{color:#c0d5f5;font-size:12px;overflow-wrap:anywhere;}
#page-configuracoes .td24-account-details span{color:#80cef7;font-size:11px;}
#page-configuracoes .td24-account .fresh-secondary{font-size:12px;min-height:39px;}
#page-configuracoes .td24-organization{display:flex;flex-wrap:wrap;align-items:flex-end;gap:11px;margin-top:17px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
#page-configuracoes .td24-organization label{display:grid;gap:7px;flex:1 1 260px;font-size:12px;font-weight:650;color:#c5d7f6;}
#page-configuracoes .td24-organization input{background:rgba(12,29,70,.95);border:1px solid rgba(119,154,223,.36);color:#f0f6ff;min-height:42px;border-radius:12px;padding:10px 13px;}
#page-configuracoes .td24-organization button{min-height:42px;}
#page-configuracoes .td24-organization [role=status]{font-size:12px;color:#79e8d5;flex-basis:100%;}
#page-configuracoes .td24-settings-secondary{padding-top:17px;display:flex;justify-content:flex-start;}
#page-configuracoes .td24-settings-secondary button{font-size:12px;}
#page-configuracoes .td-settings-board:not(.td24-settings-board){gap:16px;}
#page-configuracoes .td-settings-board:not(.td24-settings-board) .td-settings-section:not(.td24-panel-head){padding:18px 0;border-bottom:1px solid rgba(128,170,236,.15);border-radius:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:20px;}
#page-configuracoes .td-settings-board:not(.td24-settings-board) .td-settings-section h2{font-size:18px;margin:0 0 7px;}
#page-configuracoes .td-settings-board:not(.td24-settings-board) .td-settings-section p{font-size:12px;color:#b5c9eb;line-height:1.5;margin:0;}
#page-configuracoes .td22-billing-board{max-width:none;margin:0;}
/* Analytics: a informação sobre a origem dos dados não é decoração. */
#page-desempenho .td24-analytics-sync{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(117,161,232,.32);border-radius:17px;background:linear-gradient(105deg,rgba(17,48,98,.85),rgba(24,23,75,.89));padding:12px 17px;margin:-3px 0 18px;min-height:70px;}
#page-desempenho .td24-sync-copy{display:flex;align-items:center;gap:12px;min-width:0;}
#page-desempenho .td24-sync-gem{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:12px;background:linear-gradient(130deg,#1678b9,#7731c2);color:#e2faff;font-size:18px;box-shadow:inset 0 1px rgba(255,255,255,.25);}
#page-desempenho .td24-sync-copy div{display:grid;gap:3px;min-width:0;}
#page-desempenho .td24-sync-copy strong{font-size:12px;line-height:1.4;color:#dfebff;font-weight:720;}
#page-desempenho .td24-sync-copy small{font-size:11px;line-height:1.4;color:#9db6da;overflow-wrap:anywhere;}
#page-desempenho .td24-analytics-sync button{flex:none;border-radius:12px;min-height:38px;font-size:12px;padding:9px 14px;}
#page-desempenho .td24-analytics-sync button:disabled{opacity:.58;cursor:wait;}
#page-desempenho .td24-table-channel{display:inline-flex;align-items:center;gap:9px;min-width:0;}
#page-desempenho .td24-table-channel .fresh-avatar{width:34px;height:34px;flex:none;}
#page-desempenho .td24-table-channel strong{font-size:12px;color:#edf3ff;overflow-wrap:anywhere;}
#page-desempenho .td24-coverage-label{display:inline-block;font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid rgba(116,193,239,.28);color:#aeeaf4;background:rgba(12,78,121,.22);white-space:nowrap;}
#page-desempenho .analytics-real-kpi{min-width:0;}
#page-desempenho .analytics-real-kpi em{line-height:1.4;}
#page-desempenho .td24-chart-empty{padding-top:20px;padding-bottom:20px;}
#page-desempenho .td24-chart-empty button{margin-top:5px;min-height:39px;}
#page-desempenho .channel-hero-avatar{overflow:hidden;}
#page-desempenho .channel-hero-avatar .fresh-avatar.td-avatar-photo{width:100%;height:100%;}
#page-desempenho .channel-hero-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
/* Accessibility: do not shift the page when hovering over buttons. */
#page-configuracoes .settings-nav button:hover,#page-configuracoes .td24-settings-board button:hover{transform:none!important;}
@media(max-width:1030px){#page-configuracoes .settings-layout{grid-template-columns:210px minmax(0,1fr)!important;gap:14px;}#page-configuracoes .td-settings-board{padding:20px!important;}#page-configuracoes .settings-nav button{font-size:11.7px;}}
@media(max-width:800px){#page-configuracoes .settings-layout{grid-template-columns:minmax(0,1fr)!important;}#page-configuracoes .td165-settings-oldnav{position:relative;top:0;display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:10px;scrollbar-width:thin;border-radius:16px;}#page-configuracoes .settings-nav button{flex:0 0 auto;width:auto;white-space:nowrap;min-height:39px;padding:9px 12px;}#page-configuracoes .td24-preferences .td24-setting-row{gap:12px;}}
@media(max-width:560px){#page-configuracoes .td24-preferences .td24-setting-row{align-items:flex-start;flex-direction:column;min-height:auto;gap:13px;}#page-configuracoes .td24-preferences .td24-setting-row>div{max-width:none;}#page-configuracoes .td24-preferences .td24-setting-row select{flex:none;width:100%;max-width:none;}#page-configuracoes .td24-account{flex-wrap:wrap;}#page-configuracoes .td24-account .fresh-secondary{width:100%;}#page-desempenho .td24-analytics-sync{align-items:stretch;flex-direction:column;}#page-desempenho .td24-analytics-sync button{width:100%;}}
