/*
 * Trovão Digital — camada visual global.
 * Apenas apresentação: não altera estrutura, eventos, formulários ou fluxos.
 */
:root{
  --td-bg:#050816;
  --td-bg-soft:#080D1E;
  --td-surface:#0B1224;
  --td-surface-high:#10182D;
  --td-sidebar:#070B18;
  --td-panel:rgba(9,16,36,.88);
  --td-panel-solid:rgba(7,14,32,.96);
  --td-blue:#168BFF;
  --td-cyan:#00D9FF;
  --td-purple:#7C3AED;
  --td-purple-light:#A855F7;
  --td-magenta:#E843C4;
  --td-success:#22C55E;
  --td-danger:#EF4444;
  --td-warning:#F59E0B;
  --td-text:#F1F5F9;
  --td-text-secondary:#A8B3CF;
  --td-text-dim:#71809F;
  --td-border:rgba(130,150,220,.18);
  --td-border-strong:rgba(78,136,235,.32);
  --td-radius:14px;
  --td-shadow:0 18px 44px rgba(0,3,14,.28);
  --ink-950:var(--td-bg);
  --ink-925:var(--td-bg-soft);
  --ink-900:var(--td-surface);
  --ink-875:var(--td-surface-high);
  --ink-850:#111B33;
  --ink-800:#14213C;
  --line:var(--td-border-strong);
  --line-soft:var(--td-border);
  --line-bright:rgba(79,155,255,.48);
  --text:var(--td-text);
  --muted:var(--td-text-secondary);
  --dim:var(--td-text-dim);
  --violet:var(--td-purple);
  --violet-2:var(--td-purple-light);
  --blue:var(--td-blue);
  --cyan:var(--td-cyan);
  --green:var(--td-success);
  --red:var(--td-danger);
  --orange:var(--td-warning);
  --r:var(--td-radius);
  --shadow:var(--td-shadow);
  --font:"Inter","Manrope","Segoe UI",system-ui,Arial,sans-serif;
}

html{background:var(--td-bg);color-scheme:dark;scrollbar-color:#1C5EAA #050A18}
body{background:var(--td-bg);color:var(--td-text);font-family:var(--font);letter-spacing:-.005em}
body:after{display:none!important;animation:none!important}
.corvo-feather-layer,.corvo-thunder-layer{display:none!important}
.app-shell:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,18,.3),rgba(3,8,22,.76)),url('../branding/trovao-digital-bg.png') center top/cover fixed no-repeat}
.app-shell:after{background:radial-gradient(circle at 78% 4%,rgba(22,139,255,.1),transparent 27rem),linear-gradient(180deg,transparent 0%,rgba(4,8,20,.34) 68%,rgba(4,7,17,.8) 100%)!important;opacity:1!important;filter:none!important}
.main{background:linear-gradient(180deg,rgba(5,8,22,.34),rgba(5,8,22,.72))!important;background-image:linear-gradient(180deg,rgba(5,8,22,.34),rgba(5,8,22,.72))!important}

/* Sidebar e identidade */
.sidebar{background:linear-gradient(180deg,rgba(5,10,24,.98),rgba(5,9,21,.96))!important;border-color:rgba(56,106,184,.28);box-shadow:18px 0 55px rgba(0,4,18,.34)}
.sidebar:before{display:block!important;opacity:.22!important;background:linear-gradient(180deg,rgba(5,10,24,.82),rgba(5,9,21,.96)),url('../branding/trovao-digital-bg.png') 8% center/auto 100% no-repeat!important;background-blend-mode:normal!important}
.brand{height:126px;border-bottom-color:rgba(70,120,200,.18);gap:1px}
.brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,217,255,.36))}
.brand strong{margin-top:-1px;font-size:16px;font-weight:850;letter-spacing:.8px;background:linear-gradient(90deg,#FFF,#AEEBFF 60%,#8FA9FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand span{margin-top:4px;color:#65DFFF;font-size:7px;font-weight:750;letter-spacing:1.8px}
.brand-motto{padding:9px 4px;color:#7187A9;font-size:7px;letter-spacing:1.35px}
.sidebar nav{gap:4px}
.sidebar nav a{height:42px;border-radius:10px;color:#B9C6DC;font-size:12px}
.sidebar nav a .ui-icon{color:#A9BBDA}
.sidebar nav a:hover{border-color:rgba(22,139,255,.2);background:linear-gradient(90deg,rgba(22,139,255,.13),rgba(124,58,237,.08));color:#FFF}
.sidebar nav a.active{border-color:rgba(168,85,247,.5);background:linear-gradient(90deg,rgba(124,58,237,.35),rgba(22,139,255,.18));box-shadow:inset 0 0 24px rgba(83,91,255,.09),0 0 16px rgba(22,139,255,.07)}
.sidebar nav a.active .ui-icon{color:#7DDCFF;filter:drop-shadow(0 0 7px rgba(0,217,255,.38))}
.nav-title{color:#587093}
.sidebar-story{display:none!important}
.sidebar-account-actions{margin-top:auto}
.sidebar-footer{height:47px;flex:0 0 47px;margin-top:7px;border-top:1px solid rgba(73,112,174,.16);background:rgba(4,8,19,.42)}
.sidebar-footer strong{font-size:9px;letter-spacing:2.6px}.sidebar-footer span{color:#587394;font-size:6px;letter-spacing:1.7px}
.sidebar-logout{border-color:rgba(239,68,68,.28)!important;background:rgba(117,21,42,.1)!important}

/* Header */
.topbar{background:rgba(5,10,24,.72)!important;border-bottom:1px solid rgba(69,113,184,.25)!important;backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;box-shadow:0 10px 26px rgba(0,4,18,.16)}
.topbar:after{height:1px;background:linear-gradient(90deg,transparent,rgba(22,139,255,.68) 32%,rgba(0,217,255,.54) 53%,rgba(124,58,237,.68) 72%,transparent);animation:none!important;opacity:.72}
.global-search{height:40px;border-color:rgba(81,130,204,.36);border-radius:11px;background:rgba(7,15,34,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.global-search:focus-within{border-color:rgba(0,217,255,.62);box-shadow:0 0 0 3px rgba(0,217,255,.08),0 0 24px rgba(22,139,255,.08)}
.global-search .ui-icon{color:#9EB8DD}.global-search input{color:#EAF4FF}.global-search input::placeholder{color:#7384A2}
.top-motto{color:#7185A8;letter-spacing:1.65px}
.admin-box{border-left-color:rgba(91,126,185,.22)}
.admin-avatar{border-color:rgba(0,217,255,.72)!important;background:linear-gradient(145deg,#0D3566,#10172D)!important;box-shadow:0 0 15px rgba(0,217,255,.13);color:#E9F8FF!important}
.logout-link{display:none!important}
.mobile-brand img{object-fit:contain;filter:drop-shadow(0 0 9px rgba(0,217,255,.28))}
.mobile-brand small{color:#6FDFFF!important;letter-spacing:1px}

/* Conteúdo e hierarquia */
.page-head h1{color:#F7FAFF;font-weight:800;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,7,24,.38)}
.page-head p{color:var(--td-text-secondary)}
.eyebrow{color:#60DFFF;letter-spacing:1.55px}
.page-motto{color:#7185A8}
.card{border-color:var(--td-border);border-radius:var(--td-radius);background:linear-gradient(145deg,rgba(9,18,40,.92),rgba(5,12,29,.94));box-shadow:var(--td-shadow),inset 0 1px 0 rgba(196,224,255,.025);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.card:hover{border-color:rgba(89,138,219,.28)}
.card-head{padding-bottom:2px}.card-head h2,.card-head h3{color:#EDF5FF}.card-head small{color:#8192AF}.card-head>a{color:#73CBFF}

/* Indicadores do dashboard: cor com contenção. */
.stat-card{min-height:78px;border-color:rgba(103,139,202,.28);border-radius:13px;background:linear-gradient(145deg,rgba(11,23,48,.94),rgba(7,14,31,.96));box-shadow:0 13px 31px rgba(0,4,17,.22),inset 0 1px 0 rgba(210,230,255,.025)}
.stat-card:after{opacity:.045}.stat-card>span{border:1px solid currentColor;border-radius:11px;background:rgba(3,10,27,.38);filter:drop-shadow(0 0 8px currentColor)}
.stat-card strong{font-weight:800}.stat-card small{color:#B9C6DA}
.stat-card.purple{color:#B672FF;border-color:rgba(168,85,247,.46);background:linear-gradient(145deg,rgba(54,20,98,.45),rgba(8,15,34,.96))}
.stat-card.grey{color:#8FB5E9}.stat-card.red{color:#FF6580;border-color:rgba(239,68,68,.42);background:linear-gradient(145deg,rgba(91,20,44,.36),rgba(8,15,33,.96))}
.stat-card.blue{color:#55A7FF;border-color:rgba(22,139,255,.48);background:linear-gradient(145deg,rgba(14,55,112,.4),rgba(8,15,34,.96))}
.stat-card.cyan{color:#35E7FF;border-color:rgba(0,217,255,.42);background:linear-gradient(145deg,rgba(6,72,89,.36),rgba(8,15,34,.96))}

/* Controlos */
.btn{border-color:rgba(91,126,185,.42);border-radius:10px;background:linear-gradient(180deg,rgba(18,34,65,.94),rgba(11,24,49,.96));color:#E9F2FF;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,filter 180ms ease}
.btn:hover{border-color:rgba(0,217,255,.48);box-shadow:0 8px 22px rgba(0,80,155,.12);transform:translateY(-1px)}
.btn.primary,.btn.purple{border-color:rgba(86,154,255,.62);background:linear-gradient(135deg,#7C3AED,#2563EB);box-shadow:0 8px 24px rgba(51,72,220,.2),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.danger{border-color:rgba(239,68,68,.48);background:rgba(127,27,48,.18);color:#FF91A2}
.icon-btn{border-color:rgba(86,124,185,.38);border-radius:9px;background:rgba(11,25,52,.88);color:#BFD0EA;transition:color 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.icon-btn:hover{border-color:rgba(0,217,255,.54);background:rgba(10,54,91,.62);color:#7BEAFF;box-shadow:0 0 15px rgba(0,217,255,.1);transform:translateY(-1px)}
input,select,textarea,.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.delete-dialog input{border-color:rgba(82,121,184,.42);border-radius:10px;background:rgba(5,14,32,.9);color:#EDF5FF}
input:focus,select:focus,textarea:focus,.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:rgba(0,217,255,.62);box-shadow:0 0 0 3px rgba(0,217,255,.08),0 0 20px rgba(22,139,255,.07)}

/* Badges */
.badge{border-color:rgba(109,137,188,.28);background:rgba(37,53,82,.34);color:#BFCBE0}
.badge.success{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.15);color:#4ADE80}
.badge.danger{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.14);color:#FF7A8B}
.badge.warning{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.14);color:#FBC453}
.badge.cyan{border-color:rgba(0,217,255,.32);background:rgba(0,217,255,.12);color:#5BEAFF}
.badge.purple{border-color:rgba(168,85,247,.34);background:rgba(124,58,237,.17);color:#D2A6FF}

/* Tabelas, listas e cards de entidades */
thead{background:rgba(20,38,72,.48)}
th{color:#9FB1CF;border-bottom-color:rgba(89,128,193,.24);text-transform:uppercase;letter-spacing:.55px}
td{color:#BECBE0;border-bottom-color:rgba(74,105,157,.2)}
tbody tr:hover{background:rgba(79,70,229,.08)}
.member-cell strong,.activity-row strong,.team-mini-list strong{color:#F0F6FF}
.activity-row,.team-mini-list>a{border-bottom-color:rgba(76,107,158,.19)}
.activity-row:hover,.team-mini-list>a:hover{background:linear-gradient(90deg,rgba(22,139,255,.055),transparent)}
.team-card,.team-featured,.team-showcase-card,.account-card,.report-card{border-color:rgba(92,131,196,.24);background:linear-gradient(145deg,rgba(9,19,40,.94),rgba(5,13,30,.96))}
.team-card:hover,.team-featured:hover,.team-showcase-card:hover{border-color:rgba(0,217,255,.34);box-shadow:0 17px 38px rgba(0,5,20,.29),0 0 22px rgba(22,139,255,.07)}
.team-card-banner:after,.team-showcase-banner:after{background:linear-gradient(180deg,rgba(5,10,22,.04),rgba(6,14,30,.95))}
.info-box,.account-meta>div,.history-card,.audit-content pre,.live-detail-block{border-color:rgba(81,119,182,.25);background:rgba(6,16,35,.72)}
.smart-back{border-color:rgba(77,119,187,.35);background:rgba(7,17,38,.68);color:#BFD0EA}

/* Login Trovão Digital */
.login-body{background-color:var(--td-bg);background-image:linear-gradient(90deg,rgba(3,7,18,.18),rgba(3,8,21,.7)),var(--login-art);background-position:center;background-size:cover}
.login-body:before{background:linear-gradient(90deg,rgba(2,6,17,.15),rgba(3,8,21,.72)),radial-gradient(circle at 24% 46%,rgba(0,217,255,.08),transparent 28rem),radial-gradient(circle at 78% 18%,rgba(124,58,237,.1),transparent 24rem)}
.login-wrap{border-color:rgba(75,137,229,.38);border-radius:20px;background:rgba(4,10,24,.68);box-shadow:0 38px 110px rgba(0,2,12,.72),0 0 55px rgba(22,139,255,.06);backdrop-filter:blur(15px)}
.login-visual{border-right-color:rgba(79,127,202,.22);background:linear-gradient(180deg,rgba(4,11,26,.16),rgba(4,10,24,.58))}
.login-brand{transform:none}.login-brand img{width:340px;height:340px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(0,217,255,.2))}
.login-brand h1,.login-brand p,.login-brand small{display:none}
.login-quote{color:#7C9BC5;font-size:8px;letter-spacing:2.5px}
.login-card{background:linear-gradient(155deg,rgba(8,17,37,.94),rgba(4,11,26,.96))}
.login-card h2{color:#F4F8FF}.login-card>p{color:#91A3BE}
.login-field{border-color:rgba(82,126,194,.4);border-radius:11px;background:rgba(6,16,35,.84)}
.login-field:focus-within{border-color:rgba(0,217,255,.62);box-shadow:0 0 0 3px rgba(0,217,255,.08),0 0 22px rgba(22,139,255,.08)}
.login-mobile-brand img{object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,217,255,.2))}.login-mobile-brand h1,.login-mobile-brand span,.login-mobile-brand small{display:none}
.login-card-quote{color:#6E8EB7}

/* Diálogos e mensagens */
.toast,.delete-dialog{border-color:rgba(88,134,205,.42);background:linear-gradient(145deg,rgba(10,20,43,.98),rgba(5,12,28,.99));box-shadow:0 22px 55px rgba(0,2,12,.5)}
.alert{border-color:rgba(100,135,194,.3);background:rgba(16,32,61,.72)}

@media(max-width:900px){
  .app-shell:before{background-attachment:scroll;background-position:center top}
  .sidebar:before{opacity:.16!important}
  .topbar{background:rgba(5,10,24,.9)!important}
  .mobile-bottom-nav{background:rgba(4,9,22,.96);border-top-color:rgba(69,113,184,.34)}
  .mobile-bottom-nav a.active{color:#5DCAFF;background:linear-gradient(180deg,rgba(22,139,255,.15),transparent 86%)}
  .mobile-bottom-nav a.active:before{background:linear-gradient(90deg,#168BFF,#00D9FF,#7C3AED)}
}

@media(max-width:700px){
  .login-body{background-position:center top}
  .login-body:before{background:linear-gradient(180deg,rgba(3,8,21,.08),rgba(3,8,21,.55) 42%,rgba(3,8,21,.94))}
  .login-card{background:linear-gradient(180deg,transparent 0%,rgba(4,10,25,.24) 24%,rgba(5,12,29,.94) 47%,#050A18 100%)}
  .login-mobile-brand img{width:min(58vw,210px)!important;max-height:210px!important;aspect-ratio:1/1!important}
  .card{backdrop-filter:none;-webkit-backdrop-filter:none}
  .responsive-table-auto tbody tr,.mobile-member-list>a,.mobile-admin-card{border-color:rgba(80,123,190,.28)!important;background:linear-gradient(145deg,rgba(9,20,43,.96),rgba(5,13,30,.98))!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* Identidade dos utilizadores — selo energético Trovão Digital.
 * Reutiliza os estilos já guardados; nenhum dado ou comportamento é alterado. */
.member-name{
  position:relative;
  z-index:0;
  display:inline-block;
  max-width:100%;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.005em;
  text-decoration:none;
  text-wrap:pretty;
  filter:none;
  transform:translateZ(0);
}
.name-style-normal{color:#F1F5FF!important;text-shadow:0 1px 10px rgba(79,155,255,.08)}
.name-style-rainbow{
  background:linear-gradient(92deg,#FF73E1 0%,#9C7CFF 18%,#42BFFF 37%,#43F0E5 55%,#F7E56C 73%,#FF8B8B 89%,#FF73E1 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;
  text-shadow:none;
  animation:td-name-rainbow 5.8s linear infinite;
}
.name-style-lightning{
  color:#E9FAFF!important;
  text-shadow:0 0 4px rgba(225,250,255,.9),0 0 11px rgba(0,217,255,.68),0 0 22px rgba(22,139,255,.34);
  animation:td-name-lightning 4.8s steps(1,end) infinite;
}
.name-style-flames{
  background:linear-gradient(180deg,#FFF4C4 3%,#FFB02E 43%,#FF5D3D 72%,#FF2C84 100%);
  background-size:100% 180%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;
  filter:drop-shadow(0 0 5px rgba(255,90,39,.48));
  animation:td-name-flames 2.7s ease-in-out infinite;
}
.name-style-water{
  background:linear-gradient(94deg,#D8FBFF,#54DCFF 26%,#238BFF 52%,#66F5E7 76%,#D8FBFF);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;
  filter:drop-shadow(0 2px 5px rgba(0,174,255,.34));
  animation:td-name-water 5s ease-in-out infinite;
}
.name-style-ice{
  background:linear-gradient(110deg,#FFF 0%,#CFF8FF 22%,#75C8FF 48%,#E8F8FF 66%,#8F9FFF 88%,#FFF 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;
  filter:drop-shadow(0 0 6px rgba(115,207,255,.46));
  animation:td-name-ice 6.4s ease-in-out infinite;
}
.name-style-neon{
  color:#F3C8FF!important;
  text-shadow:0 0 3px #FFF,0 0 8px rgba(232,67,196,.9),0 0 18px rgba(124,58,237,.72),0 0 30px rgba(22,139,255,.24);
  animation:td-name-neon 3.6s ease-in-out infinite;
}
@keyframes td-name-rainbow{to{background-position:240% 0}}
@keyframes td-name-lightning{0%,6%,9%,100%{filter:brightness(1)}7%{filter:brightness(1.8)}8%{filter:brightness(1.12)}55%{filter:brightness(1)}56%{filter:brightness(1.48)}57%{filter:brightness(1)}}
@keyframes td-name-flames{0%,100%{background-position:50% 18%;filter:drop-shadow(0 0 4px rgba(255,90,39,.4))}50%{background-position:50% 82%;filter:drop-shadow(0 0 8px rgba(255,65,33,.65))}}
@keyframes td-name-water{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes td-name-ice{0%,100%{background-position:0 50%;filter:drop-shadow(0 0 5px rgba(115,207,255,.38))}50%{background-position:100% 50%;filter:drop-shadow(0 0 9px rgba(158,226,255,.62))}}
@keyframes td-name-neon{0%,100%{opacity:.94;text-shadow:0 0 3px #FFF,0 0 8px rgba(232,67,196,.82),0 0 18px rgba(124,58,237,.6)}50%{opacity:1;text-shadow:0 0 4px #FFF,0 0 11px rgba(232,67,196,1),0 0 25px rgba(124,58,237,.82),0 0 36px rgba(22,139,255,.3)}}

.member-avatar{
  --frame-accent:#53627F;
  --frame-accent-2:#8EA3C7;
  --frame-glow:rgba(83,98,127,.2);
  position:relative!important;
  isolation:isolate;
  flex-shrink:0;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--frame-accent) 78%,white)!important;
  background:linear-gradient(145deg,rgba(15,27,52,.98),rgba(4,10,24,.98))!important;
  box-shadow:0 0 0 2px rgba(3,8,20,.96),0 0 0 3px color-mix(in srgb,var(--frame-accent) 50%,transparent),0 8px 24px rgba(0,3,14,.34),0 0 19px var(--frame-glow)!important;
  animation:none!important;
  transition:transform 180ms ease,box-shadow 180ms ease,filter 180ms ease!important;
}
.member-avatar>img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.member-avatar::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  padding:2px;
  border-radius:inherit;
  background:conic-gradient(from 20deg,transparent 0 12%,var(--frame-accent) 21%,var(--frame-accent-2) 31%,transparent 42% 60%,var(--frame-accent-2) 70%,var(--frame-accent) 78%,transparent 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.86;
  pointer-events:none;
}
.member-avatar::after{
  content:"";
  position:absolute;
  inset:3px;
  z-index:2;
  border:1px solid color-mix(in srgb,var(--frame-accent-2) 62%,transparent);
  border-radius:inherit;
  box-shadow:inset 0 0 10px var(--frame-glow);
  opacity:.76;
  pointer-events:none;
}
.member-avatar.frame-style-none{--frame-accent:#465571;--frame-accent-2:#7183A3;--frame-glow:rgba(70,85,113,.12)}
.member-avatar.frame-style-none::before{display:none}
.member-avatar.frame-style-violet{--frame-accent:#8B5CFF;--frame-accent-2:#E061FF;--frame-glow:rgba(139,92,246,.44)}
.member-avatar.frame-style-blue{--frame-accent:#168BFF;--frame-accent-2:#73D4FF;--frame-glow:rgba(22,139,255,.42)}
.member-avatar.frame-style-gold{--frame-accent:#F3B82C;--frame-accent-2:#FFF0A2;--frame-glow:rgba(245,181,45,.4)}
.member-avatar.frame-style-cyan{--frame-accent:#00D9FF;--frame-accent-2:#57FFD9;--frame-glow:rgba(0,217,255,.4)}
.member-avatar.frame-style-ember{--frame-accent:#FF4B32;--frame-accent-2:#FFB02E;--frame-glow:rgba(255,75,50,.42)}
@keyframes td-frame-orbit{to{transform:rotate(360deg)}}
@keyframes td-frame-energy{0%,100%{opacity:.68;filter:brightness(.94)}50%{opacity:1;filter:brightness(1.22)}}
@media(hover:hover) and (pointer:fine){
  .member-name{animation:none}
  .member-hero .name-style-rainbow,.account-hero .name-style-rainbow,.admin-box .name-style-rainbow,a:hover .name-style-rainbow{animation:td-name-rainbow 5.8s linear infinite}
  .member-hero .name-style-lightning,.account-hero .name-style-lightning,.admin-box .name-style-lightning,a:hover .name-style-lightning{animation:td-name-lightning 4.8s steps(1,end) infinite}
  .member-hero .name-style-flames,.account-hero .name-style-flames,.admin-box .name-style-flames,a:hover .name-style-flames{animation:td-name-flames 2.7s ease-in-out infinite}
  .member-hero .name-style-water,.account-hero .name-style-water,.admin-box .name-style-water,a:hover .name-style-water{animation:td-name-water 5s ease-in-out infinite}
  .member-hero .name-style-ice,.account-hero .name-style-ice,.admin-box .name-style-ice,a:hover .name-style-ice{animation:td-name-ice 6.4s ease-in-out infinite}
  .member-hero .name-style-neon,.account-hero .name-style-neon,.admin-box .name-style-neon,a:hover .name-style-neon{animation:td-name-neon 3.6s ease-in-out infinite}
  .member-hero .member-avatar:not(.frame-style-none)::before,
  .account-hero .member-avatar:not(.frame-style-none)::before,
  .admin-box .member-avatar:not(.frame-style-none)::before,
  a:hover .member-avatar:not(.frame-style-none)::before{animation:td-frame-orbit 8s linear infinite,td-frame-energy 3.4s ease-in-out infinite}
  a:hover .member-avatar,.member-cell:hover .member-avatar,.activity-row:hover .member-avatar{transform:translateY(-2px) scale(1.035);filter:saturate(1.12);box-shadow:0 0 0 2px rgba(3,8,20,.96),0 0 0 4px color-mix(in srgb,var(--frame-accent) 55%,transparent),0 12px 28px rgba(0,3,14,.4),0 0 28px var(--frame-glow)!important}
}

/* Em touch, manter a cor e o brilho sem animações contínuas. */
@media(max-width:700px){
  .member-name{overflow-wrap:anywhere}
  .name-style-rainbow,.name-style-lightning,.name-style-flames,.name-style-water,.name-style-ice,.name-style-neon{animation:none!important}
  .member-avatar::before{animation:none!important;opacity:.92}
}
@media(prefers-reduced-motion:reduce){
  .member-name,.member-avatar,.member-avatar::before,.member-avatar::after{animation:none!important;transition:none!important}
}

/* Menu "Mais" — navegação tátil dedicada, sem herdar a disposição dos cards genéricos. */
.v8-more-page{max-width:980px}
.v8-more-page .page-head{margin-bottom:16px}
.v8-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v8-more-grid .v8-more-item{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 22px;
  align-items:center;
  gap:13px;
  min-width:0;
  min-height:76px;
  margin:0;
  padding:13px 14px;
  overflow:hidden;
  border-color:rgba(82,126,197,.3);
  background:linear-gradient(145deg,rgba(10,22,45,.96),rgba(5,14,31,.98));
  box-shadow:0 12px 30px rgba(0,3,14,.2),inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.v8-more-grid .v8-more-item:before{
  content:"";
  position:absolute;
  inset:10px auto 10px 0;
  width:2px;
  border-radius:3px;
  background:linear-gradient(180deg,transparent,var(--td-cyan),var(--td-purple),transparent);
  opacity:.62;
}
.v8-more-item>.ui-icon{
  width:46px;
  height:46px;
  padding:11px;
  border:1px solid rgba(45,155,255,.38);
  border-radius:13px;
  color:#74D8FF;
  background:linear-gradient(145deg,rgba(22,139,255,.16),rgba(124,58,237,.12));
  box-shadow:inset 0 0 18px rgba(22,139,255,.07),0 0 16px rgba(0,217,255,.05);
}
.v8-more-item>div{min-width:0}
.v8-more-item strong{display:block;color:#F4F8FF;font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.v8-more-item small{display:block;margin-top:4px;color:#8FA2C1;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.v8-more-item>b{justify-self:end;color:#6F87AC;font-size:22px;font-weight:400;line-height:1;transition:transform .16s ease,color .16s ease}
.v8-more-item.danger-link{grid-column:1/-1;border-color:rgba(239,68,68,.3);background:linear-gradient(145deg,rgba(37,13,29,.94),rgba(18,12,27,.97))}
.v8-more-item.danger-link:before{background:linear-gradient(180deg,transparent,#EF4444,#A855F7,transparent)}
.v8-more-item.danger-link>.ui-icon{color:#FF788A;border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1)}
.v8-more-item.danger-link strong{color:#FF9BAA}
@media(hover:hover) and (pointer:fine){
  .v8-more-item:hover{transform:translateY(-2px);border-color:rgba(0,217,255,.46);background:linear-gradient(145deg,rgba(11,27,54,.98),rgba(7,16,36,.98));box-shadow:0 16px 34px rgba(0,3,14,.28),0 0 22px rgba(22,139,255,.07)}
  .v8-more-item:hover>b{color:#8EE7FF;transform:translateX(2px)}
  .v8-more-item.danger-link:hover{border-color:rgba(239,68,68,.55)}
}

/* Login — mesma marca do painel, composição única e responsiva. */
.login-body{
  min-height:100dvh;
  padding:clamp(16px,3vw,34px);
  overflow-x:hidden;
  overflow-y:auto;
}
.login-body .login-wrap{
  width:min(1040px,100%);
  min-height:min(650px,calc(100dvh - clamp(32px,6vw,68px)));
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
  border:1px solid rgba(69,137,236,.4);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(5,13,31,.7),rgba(3,9,23,.82));
  box-shadow:0 38px 110px rgba(0,2,12,.72),0 0 60px rgba(22,139,255,.07);
}
.login-body .login-visual{position:relative;padding:34px;overflow:hidden;background:linear-gradient(150deg,rgba(5,15,35,.2),rgba(4,10,25,.7));isolation:isolate}
.login-body .login-visual:before{content:"";position:absolute;inset:8% 2% auto 8%;height:1px;background:linear-gradient(90deg,transparent,var(--td-cyan),var(--td-purple),transparent);box-shadow:0 0 20px rgba(0,217,255,.38);opacity:.7}
.login-body .login-visual:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,255,.09),rgba(124,58,237,.035) 42%,transparent 68%);filter:blur(4px);z-index:-1}
.login-body .login-brand{position:relative;display:flex;flex-direction:column;align-items:center;transform:none}
.login-body .login-brand img{position:relative;z-index:2;width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(0,217,255,.23)) drop-shadow(0 0 46px rgba(124,58,237,.16))}
.login-logo-orbit{position:absolute;z-index:1;top:12px;width:186px;height:186px;border:1px solid rgba(0,217,255,.2);border-radius:50%;box-shadow:0 0 35px rgba(22,139,255,.08),inset 0 0 30px rgba(124,58,237,.06)}
.login-logo-orbit:before,.login-logo-orbit:after{content:"";position:absolute;border-radius:50%;background:#71E7FF;box-shadow:0 0 12px #00D9FF}
.login-logo-orbit:before{top:13px;right:25px;width:5px;height:5px}
.login-logo-orbit:after{left:12px;bottom:39px;width:3px;height:3px;background:#B06BFF;box-shadow:0 0 11px #7C3AED}
.login-body .login-brand h1{display:block;margin:4px 0 5px;color:#F4F8FF;font-size:29px;line-height:1;letter-spacing:-.8px}
.login-body .login-brand p{display:block;margin:0;color:#5DCAFF;font-size:10px;font-weight:750;letter-spacing:2.8px}
.login-body .login-brand small{display:block;margin-top:11px;color:#91A3BE;font-size:10px}
.login-body .login-quote{bottom:27px;color:#7089AF;font-size:8px;letter-spacing:2.7px}
.login-body .login-card{align-self:stretch;min-width:0;padding:clamp(38px,5vw,64px);justify-content:center;background:linear-gradient(155deg,rgba(9,20,43,.95),rgba(4,11,27,.98));border-left:1px solid rgba(76,123,196,.2)}
.login-body .login-card>.eyebrow{color:#61D9FF}
.login-body .login-card h2{margin-top:7px;font-size:30px;letter-spacing:-.6px}
.login-body .login-card>p{max-width:340px;font-size:11px;line-height:1.55}
.login-body .login-field{height:48px;border-color:rgba(82,126,194,.43);background:rgba(5,15,34,.88)}
.login-body .login-submit{height:47px;background:linear-gradient(100deg,#1668F2,#6D35E8 58%,#9A3BF2);box-shadow:0 10px 27px rgba(70,55,225,.25),0 0 22px rgba(0,217,255,.06)}
.login-body .login-card-quote{margin-top:23px;color:#6684AD}

@media(max-width:700px){
  .v8-more-page{padding-top:18px;padding-bottom:24px}
  .v8-more-page .page-head{margin-bottom:12px}
  .v8-more-grid{grid-template-columns:1fr;gap:8px}
  .v8-more-grid .v8-more-item{grid-template-columns:44px minmax(0,1fr) 18px;gap:11px;min-height:70px;margin:0!important;padding:11px 12px;border-radius:13px;touch-action:manipulation}
  .v8-more-item>.ui-icon{width:44px;height:44px;padding:11px;border-radius:12px}
  .v8-more-item strong{font-size:12px}.v8-more-item small{font-size:9px}
  .v8-more-item.danger-link{grid-column:auto;margin-top:4px!important}

  .login-body{display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));background-position:center top}
  .login-body:before{background:linear-gradient(180deg,rgba(3,8,21,.17),rgba(3,8,21,.58)),radial-gradient(circle at 50% 15%,rgba(0,217,255,.1),transparent 18rem)}
  .login-body .login-wrap{display:block;width:min(100%,440px);min-height:0;margin:auto;border:1px solid rgba(73,133,224,.4);border-radius:20px;background:rgba(4,12,29,.82);box-shadow:0 24px 70px rgba(0,2,12,.66),0 0 38px rgba(22,139,255,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .login-body .login-visual{display:none}
  .login-body .login-card{min-height:0;margin:0;padding:20px clamp(17px,5vw,24px) 19px;justify-content:flex-start;border:0;background:linear-gradient(160deg,rgba(8,20,43,.94),rgba(4,11,27,.97))}
  .login-body .login-mobile-brand{display:flex;margin:0 0 15px}
  .login-body .login-mobile-brand img{width:112px!important;height:112px!important;max-height:none!important;aspect-ratio:1/1!important;filter:drop-shadow(0 0 22px rgba(0,217,255,.2))}
  .login-body .login-mobile-brand h1{display:block;margin:-2px 0 3px;color:#F4F8FF;font-size:23px;line-height:1;letter-spacing:-.5px}
  .login-body .login-mobile-brand span{display:block;color:#62D9FF;font-size:8px;font-weight:750;letter-spacing:2px}
  .login-body .login-mobile-brand small{display:block;margin-top:6px;color:#8297B7;font-size:8px}
  .login-body .login-card>.eyebrow{display:block;font-size:8px}
  .login-body .login-card>h2{display:block;margin:5px 0 3px;font-size:24px}
  .login-body .login-card>p{display:block;margin:0 0 13px;font-size:10px}
  .login-body .login-card>label:not(.remember-check){margin-top:8px;font-size:9px}
  .login-body .login-field{height:46px;min-height:46px}
  .login-body .login-field input{min-height:44px;padding:0;font-size:16px!important}
  .login-body .remember-check{min-height:30px;margin-top:7px}
  .login-body .login-submit{min-height:46px;margin-top:11px}
  .login-body .login-card-quote{margin-top:15px;font-size:7px;letter-spacing:1.7px}
}

@media(max-width:370px){
  .v8-more-grid .v8-more-item{grid-template-columns:40px minmax(0,1fr) 16px;padding:10px;gap:9px}.v8-more-item>.ui-icon{width:40px;height:40px;padding:10px}
  .login-body .login-card{padding:15px}.login-body .login-mobile-brand{margin-bottom:10px}.login-body .login-mobile-brand img{width:92px!important;height:92px!important}.login-body .login-card>p{margin-bottom:9px}.login-body .login-card-quote{display:none}
}

@media(min-width:701px) and (max-height:720px){
  .login-body{padding:12px}.login-body .login-wrap{min-height:calc(100dvh - 24px)}.login-body .login-brand img{width:160px;height:160px}.login-logo-orbit{top:4px;width:148px;height:148px}.login-body .login-card{padding:30px 46px}.login-body .login-quote{display:none}
}

@media(prefers-reduced-motion:reduce){
  .v8-more-item,.v8-more-item>b,.login-logo-orbit{transition:none!important;animation:none!important}
}