/* Gestão de Associações V6.13.0 — Interface Premium */
:root{
  --premium-sidebar:248px;
  --premium-sidebar-compact:72px;
  --premium-radius:14px;
  --premium-radius-sm:10px;
  --premium-shadow:0 1px 2px rgba(30,18,10,.04),0 10px 28px rgba(30,18,10,.06);
}
body.premium-interface{font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0}
body.premium-interface h1,body.premium-interface h2,body.premium-interface h3,body.premium-interface h4{font-family:Inter,"Segoe UI",Arial,sans-serif;text-transform:none;letter-spacing:-.02em}
body.premium-interface h2{font-size:28px;font-weight:780;margin:0 0 5px}
body.premium-interface h3{font-size:18px;font-weight:760}
body.premium-interface h4{font-size:15px;font-weight:740}
body.premium-interface label,body.premium-interface th{text-transform:none}
body.premium-interface .muted{line-height:1.45}
body.premium-interface .card{border-radius:var(--premium-radius);box-shadow:var(--premium-shadow);border-color:color-mix(in srgb,var(--line) 76%,transparent)}
body.premium-interface input,body.premium-interface select,body.premium-interface textarea{border-radius:10px;transition:border-color .16s,box-shadow .16s}
body.premium-interface input:focus,body.premium-interface select:focus,body.premium-interface textarea:focus{outline:0;border-color:color-mix(in srgb,var(--brand) 68%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
body.premium-interface .btn{border-radius:10px;box-shadow:none;font-weight:700;transition:transform .12s,filter .12s,box-shadow .12s}
body.premium-interface .btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(43,23,13,.10)}
body.premium-interface .premiumPrimaryAction{background:var(--brand);color:#fff}

/* Cabeçalho mais discreto */
body.premium-interface header{padding:10px 16px;box-shadow:0 2px 14px rgba(0,0,0,.14)}
body.premium-interface .brand img{width:48px;height:48px}
body.premium-interface .brand h1{font-size:20px;font-weight:780}
body.premium-interface .brand small{font-size:12px;font-weight:600;opacity:.82}
body.premium-interface .headerBtn{font-weight:700}

/* Ícones SVG consistentes */
.premiumIcon{width:20px;height:20px;display:block;flex:0 0 20px}
.premiumNavChevron{width:16px;height:16px;margin-left:auto;transition:transform .18s ease;flex:0 0 16px}
.premiumToggleIcon{width:20px;height:20px;transform:rotate(180deg);transition:transform .18s ease}
#sidebarToggle.isCollapsed .premiumToggleIcon{transform:rotate(0deg)}

/* Navegação premium estável */
@media(min-width:1051px){
  body.premium-interface #menu{width:var(--premium-sidebar)!important;padding:14px 10px 22px;background:color-mix(in srgb,var(--card) 94%,transparent);border-right:1px solid var(--line)}
  body.premium-interface #main{margin-left:var(--premium-sidebar)!important;width:calc(100% - var(--premium-sidebar))!important;padding:18px 24px 52px!important}
  body.premium-interface.sidebar-collapsed #menu{width:var(--premium-sidebar-compact)!important;padding:14px 8px 22px}
  body.premium-interface.sidebar-collapsed #main{margin-left:var(--premium-sidebar-compact)!important;width:calc(100% - var(--premium-sidebar-compact))!important}
}
.premiumSidebar{font-family:Inter,"Segoe UI",Arial,sans-serif}
.premiumNavGroup{margin:4px 0}
.premiumNavItem,.premiumNavGroupButton{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:var(--txt);border-radius:11px;padding:10px 11px;margin:2px 0;cursor:pointer;text-align:left;font-family:inherit;font-size:14px;font-weight:590;line-height:1.15;transition:background .14s,color .14s,transform .14s}
.premiumNavGroupButton{font-weight:690}
.premiumNavItem:hover,.premiumNavGroupButton:hover{background:var(--soft2);transform:none}
.premiumNavItem.active,.premiumNavGroup.active>.premiumNavGroupButton{background:color-mix(in srgb,var(--brand) 12%,var(--card));color:var(--brand)}
.premiumNavItem.active{font-weight:720}
.premiumNavSubmenu{display:none;margin:3px 0 7px 20px;padding:2px 0 2px 11px;border-left:1px solid color-mix(in srgb,var(--brand) 30%,var(--line))}
.premiumNavGroup.open>.premiumNavSubmenu{display:block}
.premiumNavGroup.open>.premiumNavGroupButton .premiumNavChevron{transform:rotate(90deg)}
.premiumNavSubItem{font-size:13.5px;font-weight:520;padding:8px 10px;border-radius:9px;color:color-mix(in srgb,var(--txt) 83%,var(--muted))}
.premiumNavSubItem .premiumIcon{width:17px;height:17px;flex-basis:17px}
.premiumNavLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
body.sidebar-collapsed .premiumNavLabel,body.sidebar-collapsed .premiumNavChevron,body.sidebar-collapsed .premiumNavSubmenu{display:none!important}
body.sidebar-collapsed .premiumNavGroupButton,body.sidebar-collapsed .premiumNavItem{justify-content:center;padding:12px 8px;gap:0;min-height:46px}
body.sidebar-collapsed .premiumNavGroupButton .premiumIcon,body.sidebar-collapsed .premiumNavItem .premiumIcon{width:21px;height:21px;flex-basis:21px}

/* Estrutura e cabeçalhos das páginas */
.premiumBreadcrumb{font-size:11px;font-weight:720;color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin:1px 0 6px}
.premiumPageIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px;padding:2px 0}
.premiumPageIntro h2{margin:2px 0 5px!important}
.premiumPageIntro p{margin:0;color:var(--muted);font-size:14px}
.premiumEyebrow{display:block;font-size:11px;color:var(--brand);font-weight:750;letter-spacing:.09em;text-transform:uppercase}
body.premium-interface .pageHead{margin-bottom:16px}
body.premium-interface .pageHead h2{margin:0 0 4px}
body.premium-interface table{border-radius:12px;border-color:var(--line)}
body.premium-interface th{font-size:12px;font-weight:720;letter-spacing:.01em;background:color-mix(in srgb,var(--soft) 64%,var(--card));color:color-mix(in srgb,var(--txt) 76%,var(--muted))}
body.premium-interface td{font-size:13.5px}

/* Administração por secções */
.premiumSettingsShell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.premiumSectionTabs{position:sticky;top:calc(var(--top) + 16px);display:grid;gap:6px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--premium-shadow)}
.premiumSectionTab{display:flex;align-items:flex-start;gap:11px;width:100%;border:0;background:transparent;color:var(--txt);padding:11px;border-radius:10px;text-align:left;cursor:pointer;font-family:inherit}
.premiumSectionTab:hover{background:var(--soft2)}
.premiumSectionTab.active{background:color-mix(in srgb,var(--brand) 12%,var(--card));color:var(--brand)}
.premiumSectionTab .premiumIcon{margin-top:1px}
.premiumSectionTab span{display:grid;gap:2px;min-width:0}
.premiumSectionTab b{font-size:13.5px;font-weight:720}
.premiumSectionTab small{font-size:11px;line-height:1.25;color:var(--muted)}
.premiumSettingsContent{min-width:0}
.premiumSettingsPanel{display:none;gap:14px}
.premiumSettingsPanel.active{display:grid}
.premiumPanelHeader{display:flex;align-items:center;gap:12px;padding:3px 2px 6px}
.premiumPanelHeader>.premiumIcon{width:25px;height:25px;color:var(--brand);flex-basis:25px}
.premiumPanelHeader h3{margin:0 0 2px}
.premiumPanelHeader p{margin:0;color:var(--muted);font-size:13px}
.premiumSettingsCard{margin:0!important}
.premiumSettingsPanel>.grid2,.premiumSettingsPanel>.grid3{display:contents}
.premiumSettingsActionBar{position:sticky;bottom:12px;z-index:8;margin:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 32px rgba(43,23,13,.14)}
.premiumSettingsActionBar>div{display:grid;gap:1px}
.premiumSettingsActionBar small{color:var(--muted)}

/* Backup e utilizadores */
.premiumHorizontalTabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:8px}
.premiumHorizontalTabs button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:9px;font-family:inherit;font-weight:680;cursor:pointer}
.premiumHorizontalTabs button.active{background:var(--soft);color:var(--brand)}
.premiumHorizontalTabs .premiumIcon{width:18px;height:18px;flex-basis:18px}
.premiumBackupPanel{display:none;gap:14px}
.premiumBackupPanel.active{display:grid}

/* Arquivo */
.premiumHiddenLegacyTabs{display:none!important}
.premiumArchiveEmpty{display:grid;justify-items:center;text-align:center;gap:8px;padding:42px 20px;color:var(--muted)}
.premiumArchiveEmpty .premiumIcon{width:34px;height:34px;color:var(--brand)}
.premiumArchiveEmpty h3,.premiumArchiveEmpty p{margin:0}
.premiumArchivePage .docFormSection{background:color-mix(in srgb,var(--soft2) 70%,var(--card));border-color:var(--line)}
.premiumArchivePage .docKpis{gap:10px}

/* Menos ruído visual */
body.premium-interface .notice{border-left-width:3px;border-radius:10px}
body.premium-interface .dashboardHero{border-radius:18px}
body.premium-interface .dashboardMetricCard,body.premium-interface .dashboardStatusCard{border-radius:13px}
body.premium-interface .toolbar{gap:6px}
body.premium-interface .rowActions .btn,body.premium-interface .docTableActions .btn{font-weight:660}

@media(max-width:1250px){
  .premiumSettingsShell{grid-template-columns:190px minmax(0,1fr)}
  .premiumSectionTab small{display:none}
}
@media(max-width:1050px){
  .premiumNavGroupButton,.premiumNavItem{min-height:44px}
  .premiumSettingsShell{display:block}
  .premiumSectionTabs{position:static;display:flex;overflow-x:auto;margin-bottom:14px;white-space:nowrap}
  .premiumSectionTab{min-width:max-content;align-items:center}
  .premiumSectionTab small{display:none}
  body.sidebar-collapsed .premiumNavLabel{display:inline!important}
  body.sidebar-collapsed .premiumNavChevron{display:block!important}
  body.sidebar-collapsed .premiumNavGroupButton,body.sidebar-collapsed .premiumNavItem{justify-content:flex-start;gap:11px;padding:10px 11px}
}
@media(max-width:700px){
  .premiumPageIntro{display:block}
  .premiumSettingsActionBar{bottom:8px;display:grid}
  .premiumSettingsActionBar .btn{width:100%}
  .premiumHorizontalTabs{overflow-x:auto}
}
