/*
 * ARES Start Board UI
 * Strat vizual unic pentru toate ecranele autentificate. Stilurile funcționale
 * istorice rămân în style.css; această foaie definește shell-ul și componentele.
 */

:root {
  --ui-navy-950: #06182b;
  --ui-navy-900: #09243e;
  --ui-navy-800: #0d3555;
  --ui-blue-700: #086aa0;
  --ui-blue-600: #087fb5;
  --ui-cyan-500: #10a8bd;
  --ui-teal-500: #0c9d8c;
  --ui-gold-500: #d3a431;
  --ui-surface: #ffffff;
  --ui-canvas: #f3f6fa;
  --ui-canvas-deep: #eaf0f6;
  --ui-border: #dbe5ee;
  --ui-border-strong: #c8d6e2;
  --ui-text: #12263a;
  --ui-muted: #62778a;
  --ui-radius-sm: 8px;
  --ui-radius: 12px;
  --ui-radius-lg: 18px;
  --ui-shadow-sm: 0 2px 8px rgba(8, 35, 57, .05);
  --ui-shadow: 0 12px 32px rgba(8, 35, 57, .08);
  --ui-shadow-lg: 0 26px 70px rgba(6, 28, 47, .14);
  --sidebar-width: 282px;
  color-scheme: light;
}

.ui-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

body.app-authenticated {
  min-width: 320px;
  background:
    radial-gradient(circle at 92% -10%, rgba(16, 168, 189, .08), transparent 36rem),
    linear-gradient(180deg, #f8fafc 0, var(--ui-canvas) 20rem, var(--ui-canvas) 100%);
  color: var(--ui-text);
  font-family: Inter, Aptos, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

body.app-authenticated a,
body.app-authenticated button,
body.app-authenticated input,
body.app-authenticated select,
body.app-authenticated textarea { transition: border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; }

body.app-authenticated :focus-visible { outline: 3px solid rgba(16, 168, 189, .28); outline-offset: 2px; }

/* Shell și navigație */
.app-sidebar {
  position: fixed;
  z-index: 50;
  inset: 0 auto 0 0;
  width: var(--sidebar-width);
  padding: 0;
  gap: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background:
    radial-gradient(circle at 0 0, rgba(18, 169, 192, .17), transparent 18rem),
    linear-gradient(180deg, #08263f 0%, #061b30 50%, #051626 100%);
  border-right: 1px solid rgba(255,255,255,.08);
  box-shadow: 12px 0 40px rgba(3, 18, 32, .12);
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.2) transparent;
}
.app-sidebar::-webkit-scrollbar { width: 6px; }
.app-sidebar::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(255,255,255,.2); }

.app-brand {
  position: sticky;
  z-index: 2;
  top: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 86px;
  padding: 18px 18px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: rgba(6, 29, 49, .92);
  backdrop-filter: blur(14px);
}
.app-brand-mark {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 12px;
  background: linear-gradient(145deg, #0aa4ca, #0a8d88);
  box-shadow: 0 10px 24px rgba(0, 149, 178, .2);
  color: #fff !important;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
}
.app-brand-copy { min-width: 0; }
.app-brand-copy strong,
.app-brand-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-brand-copy strong { color: #fff; font-size: 16px; font-weight: 850; letter-spacing: -.01em; }
.app-brand-copy span { margin-top: 2px; color: #8fb0c7; font-size: 10px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.app-sidebar-close { display: none; width: 36px; height: 36px; padding: 0; border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.06); }
.app-sidebar-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }

.app-nav { display: grid; gap: 0; padding: 12px 12px 18px; }
.app-nav-section { display: grid; gap: 3px; margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.app-nav-section:last-child { border-bottom: 0; }
.app-authenticated .app-nav-section > h2 {
  margin: 0 10px 6px;
  color: #6f93ac;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.app-nav-item {
  position: relative;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) 4px;
  align-items: center;
  gap: 11px;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 10px !important;
  color: #b9ccda !important;
  padding: 9px 10px !important;
  font-size: 12.5px;
  font-weight: 720;
  line-height: 1.25;
}
.app-nav-item:hover { border-color: rgba(255,255,255,.08); background: rgba(255,255,255,.065) !important; color: #fff !important; transform: translateX(2px); }
.app-nav-item.active {
  border-color: rgba(71, 210, 218, .2);
  background: linear-gradient(90deg, rgba(8, 137, 175, .3), rgba(12, 157, 140, .13)) !important;
  box-shadow: inset 3px 0 0 #3bd1d4;
  color: #fff !important;
}
.app-nav-item > span { min-width: 0; }
.app-nav-item > i { width: 4px; height: 4px; border-radius: 50%; background: #65e1da; box-shadow: 0 0 0 4px rgba(101,225,218,.09); }
.app-nav-badge {
  display: grid;
  min-width: 23px;
  height: 23px;
  place-items: center;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 999px;
  background: #df3028;
  box-shadow: 0 4px 12px rgba(223,48,40,.38);
  color: #fff;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}
.app-nav-icon { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; opacity: .88; }
.app-nav-item.active .app-nav-icon { color: #67e2df; opacity: 1; }
.app-nav-item.is-subitem { width: calc(100% - 20px); min-height: 36px; margin-left: 20px; grid-template-columns: 16px minmax(0, 1fr) 4px; gap: 9px; border-radius: 8px !important; padding-block: 7px !important; font-size: 11.5px; }
.app-nav-item.is-subitem .app-nav-icon { width: 15px; height: 15px; opacity: .7; }

.sidebar-bottom { margin-top: auto; padding: 0 12px 14px; gap: 12px; }
.audit-nav.app-nav { border-top: 1px solid rgba(255,255,255,.09); padding: 13px 0 4px; }
.app-user-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: rgba(255,255,255,.055);
  padding: 10px;
}
.app-user-avatar { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: #eaf8fb; color: #08789f; font-weight: 900; }
.app-user-copy { min-width: 0; }
.app-user-copy strong,
.app-user-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-user-copy strong { color: #f7fbff; font-size: 12px; }
.app-user-copy small { margin-top: 2px; color: #85a6bd; font-size: 9px; letter-spacing: .04em; text-transform: uppercase; }
.app-user-card .logout-button { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; padding: 0; color: #a9c0d1; }
.app-user-card .logout-button:hover { background: rgba(255,255,255,.08); color: #fff; }
.app-user-card .logout-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.app-sidebar-backdrop { display: none; }
.app-frame { min-height: 100vh; margin-left: var(--sidebar-width); }
.app-topbar {
  position: sticky;
  z-index: 30;
  top: 0;
  display: flex;
  align-items: center;
  gap: 18px;
  height: 72px;
  border-bottom: 1px solid rgba(198, 214, 226, .85);
  background: rgba(255,255,255,.86);
  padding: 0 clamp(20px, 3vw, 42px);
  backdrop-filter: blur(18px);
}
.app-menu-toggle { display: none; align-items: center; gap: 8px; min-height: 40px; border-color: var(--ui-border); background: #fff; color: var(--ui-navy-800); padding: 8px 11px; }
.app-menu-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; }
.app-menu-toggle span { font-size: 12px; font-weight: 800; }
.app-topbar-context { min-width: 0; }
.app-topbar-context span,
.app-topbar-context strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-topbar-context span { color: #7890a1; font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.app-topbar-context strong { margin-top: 2px; color: var(--ui-navy-900); font-size: 14px; font-weight: 850; }
.app-topbar-actions { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.app-system-status { display: inline-flex; align-items: center; gap: 7px; color: #476277; font-size: 11px; font-weight: 750; }
.app-system-status i { width: 8px; height: 8px; border-radius: 50%; background: #19a875; box-shadow: 0 0 0 4px rgba(25,168,117,.11); }
.app-topbar-user { border-left: 1px solid var(--ui-border); padding-left: 14px; color: var(--ui-navy-800); font-size: 11px; font-weight: 800; }

.app-authenticated .content {
  margin-left: 0;
  min-width: 0;
  padding: clamp(22px, 3.2vw, 46px);
}
.app-authenticated .content-shell { width: min(1640px, 100%); margin: 0 auto; }
body.app-authenticated:has([data-kanban]) .content { padding: 24px; }

/* Anteturi și ierarhie */
.app-authenticated h1,
.app-authenticated h2,
.app-authenticated h3 { color: var(--ui-navy-900); letter-spacing: -.025em; }
.app-authenticated h1 { font-size: clamp(30px, 3.2vw, 43px); line-height: 1.08; }
.app-authenticated h2 { font-size: 21px; line-height: 1.2; }
.app-authenticated h3 { line-height: 1.25; }
.ui-page-head {
  position: relative;
  align-items: end;
  min-height: 110px;
  margin: 0 0 24px;
  border-bottom: 1px solid var(--ui-border);
  padding: 0 0 21px;
}
.ui-page-head::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 72px; height: 2px; background: linear-gradient(90deg, var(--ui-blue-600), var(--ui-cyan-500)); }
.ui-page-head-copy { min-width: 0; }
.ui-page-head h1,
.page-head h1 { margin: 4px 0 7px; color: var(--ui-navy-950); font-weight: 850; letter-spacing: -.04em; }
.ui-page-head p,
.page-head p { max-width: 820px; color: var(--ui-muted); font-size: 14px; line-height: 1.65; }
.ui-eyebrow,
.app-authenticated .data-eyebrow,
.app-authenticated .login-eyebrow {
  display: block;
  margin-bottom: 6px;
  color: var(--ui-blue-600);
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ui-header-action { flex: 0 0 auto; }
.ui-back-link { display: inline-flex; margin-bottom: 9px; color: var(--ui-blue-700); font-size: 10px; font-weight: 850; letter-spacing: .04em; }
.ui-back-link:hover { color: var(--ui-cyan-500); transform: translateX(-2px); }
.ui-header-meta { flex: 0 0 auto; border: 1px solid var(--ui-border); border-radius: 11px; background: #fff; box-shadow: var(--ui-shadow-sm); color: var(--ui-navy-800); padding: 11px 14px; font-size: 12px; font-weight: 850; }
.ui-section-head { align-items: end; margin: 30px 0 14px; }
.ui-section-head h2 { margin: 2px 0 4px; font-size: 22px; }
.ui-section-head p { max-width: 760px; color: var(--ui-muted); line-height: 1.55; }
.ui-section-meta { border: 1px solid var(--ui-border); border-radius: 999px; background: #fff; color: var(--ui-muted); padding: 6px 10px; font-size: 10px; font-weight: 850; }

/* Mesaje */
.app-authenticated .flash,
.app-authenticated .error,
.ui-alert { display: flex; align-items: center; gap: 10px; min-height: 48px; margin-bottom: 18px; border: 1px solid; border-radius: 12px; padding: 12px 15px; box-shadow: var(--ui-shadow-sm); font-weight: 750; }
.app-authenticated .flash { border-color: #b9e5d1; background: #eefaf4; color: #08714d; }
.app-authenticated .error { border-color: #f1c6c2; background: #fff2f1; color: #9e2d24; }
.ui-alert > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: currentColor; color: #fff; font-size: 12px; }
.ui-alert-warning { border-color: #ecd590; background: #fff9e8; color: #755400; }

/* Registru financiar */
.workspace-card-body form { display: grid; gap: 14px; }
.workspace-card-body form select { width: 100%; min-height: 43px; border: 1px solid var(--ui-border); border-radius: 10px; background: #fff; color: var(--ui-navy-900); padding: 9px 11px; font: inherit; }
.stack-list { display: grid; gap: 12px; }
.list-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--ui-border); border-radius: 13px; background: #fff; padding: 14px; }
.list-card h3 { margin: 2px 0 4px; font-size: 15px; }
.list-card p { margin: 0; color: var(--ui-muted); font-size: 12px; }
.compact-list { display: grid; gap: 7px; margin: 0 0 12px; padding: 0 0 0 18px; color: var(--ui-navy-800); font-size: 12px; }
.compact-list li small, .table-wrap td small { display: block; margin-top: 4px; color: var(--ui-muted); line-height: 1.45; }
.money-positive { color: #08714d; }
.money-negative { color: #aa342a; }
.status { display: inline-flex; align-items: center; border-radius: 999px; padding: 5px 9px; background: #edf3f8; color: #536b7c; font-size: 10px; font-weight: 850; white-space: nowrap; }
.status.done { background: #e5f8f2; color: #08714d; }
.status.blocked { background: #fff2df; color: #8a5900; }
@media (max-width: 720px) { .list-card { align-items: flex-start; flex-direction: column; } }

/* ARES BUDO folosește aceleași primitive ale Start Board, cu accent propriu disciplinat. */
.budo-admin-tabs { border-top: 3px solid #d3a431; }
.budo-summary-grid .network-summary-card { min-height: 142px; }
.budo-check-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 8px; border: 1px solid var(--ui-border); padding: 13px; }
.budo-check-grid legend { color: var(--ui-navy-800); padding: 0 6px; font-size: 11px; font-weight: 850; }
.budo-impact-total { display: block; margin: 8px 0 16px; color: var(--ui-blue-700); font-size: 34px; }
.budo-inline-status { display: grid; grid-template-columns: minmax(120px,1fr) minmax(100px,.8fr) auto; gap: 8px; align-items: center; }
.budo-inline-status select { min-height: 40px; }
@media (max-width: 760px) { .budo-inline-status { grid-template-columns: 1fr; width: 100%; } }

/* Extrase bancare și analiză financiară */
.bank-overview { margin-bottom: 18px; }
.bank-summary-cards { margin: 0; }
.bank-summary-cards .bank-cash-card { border-top: 4px solid #087fa9; background: linear-gradient(145deg,#f2fbfd,#fff); }
.bank-summary-cards .bank-cash-card strong { color: #075f7e; }
.bank-import-grid { margin-top: 18px; }
.bank-file-field { display: grid; gap: 8px; }
.bank-file-field input[type="file"] { height: auto; min-height: 52px; border-style: dashed; background: #f7fbfd; padding: 12px; }
.bank-form-note { margin: -3px 0 0; color: var(--ui-muted); font-size: 11px; line-height: 1.55; }
.bank-upload-status { min-height: 16px; color: var(--ui-blue-700); font-weight: 750; }
.bank-reprocess { margin-top: 18px; border-top: 1px solid var(--ui-border); padding-top: 15px; }
.bank-reprocess > summary { cursor: pointer; color: var(--ui-blue-700); font-size: 11px; font-weight: 850; }
.bank-reprocess form { margin-top: 14px; }
.bank-import-history { max-height: 420px; overflow: auto; scrollbar-width: thin; scrollbar-color: #b9cbd7 transparent; }
.bank-filter-card { margin: 0 0 24px; }
.workspace-card .bank-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.workspace-card .bank-filters .bank-search-field { grid-column: span 2; }
.bank-analysis-grid { margin-top: 0; }
.bank-month-chart { display: grid; gap: 13px; }
.bank-month-row { display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: center; gap: 12px; }
.bank-month-row > strong { color: var(--ui-navy-800); font-size: 10px; text-transform: capitalize; }
.bank-month-bars { display: grid; gap: 6px; }
.bank-month-bars > span { display: grid; min-width: 0; grid-template-columns: minmax(80px, 1fr) 116px; align-items: center; gap: 10px; }
.bank-month-bars progress, .bank-ranking progress { width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 99px; background: #e8f0f4; }
.bank-month-bars progress::-webkit-progress-bar, .bank-ranking progress::-webkit-progress-bar { border-radius: 99px; background: #e8f0f4; }
.bank-month-bars .is-income progress::-webkit-progress-value, .bank-ranking progress::-webkit-progress-value { border-radius: 99px; background: var(--ui-cyan-500); }
.bank-month-bars .is-income progress::-moz-progress-bar, .bank-ranking progress::-moz-progress-bar { border-radius: 99px; background: var(--ui-cyan-500); }
.bank-month-bars .is-expense progress::-webkit-progress-value { border-radius: 99px; background: #d76b5e; }
.bank-month-bars .is-expense progress::-moz-progress-bar { border-radius: 99px; background: #d76b5e; }
.bank-month-bars em { overflow: hidden; color: var(--ui-muted); font-size: 9.5px; font-style: normal; font-weight: 750; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.bank-ranking { display: grid; gap: 15px; }
.bank-ranking article { display: grid; gap: 8px; }
.bank-ranking header { display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.bank-ranking header span, .bank-ranking header strong, .bank-ranking header small { display: block; }
.bank-ranking header strong { color: var(--ui-navy-900); font-size: 12px; }
.bank-ranking header small { margin-top: 2px; color: var(--ui-muted); font-size: 9.5px; }
.bank-ranking header b { color: var(--ui-blue-700); font-size: 11px; white-space: nowrap; }
.bank-counterparty-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.bank-counterparty-grid article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 12px; border: 1px solid var(--ui-border); border-radius: 11px; background: #f9fbfc; padding: 13px; }
.bank-counterparty-grid article .status { width: max-content; grid-column: 1 / -1; }
.bank-counterparty-grid article > strong { overflow: hidden; color: var(--ui-navy-900); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.bank-counterparty-grid article > b { color: var(--ui-blue-700); font-size: 12px; white-space: nowrap; }
.bank-counterparty-grid article > small { grid-column: 1 / -1; color: var(--ui-muted); font-size: 9.5px; }
.bank-register { margin-top: 2px; }
.bank-register .table-wrap table { min-width: 980px; }
.bank-quick-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; border: 1px solid var(--ui-border); border-radius: 0; background: #fff; padding: 12px; }
.bank-quick-filter { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #c8d8e1; border-left: 5px solid #8195a3; border-radius: 0; background: #f8fafb; color: var(--ui-navy-900); padding: 9px 11px; font-size: 9px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.bank-quick-filter b { display: grid; min-width: 23px; height: 23px; place-items: center; background: #e8eff3; color: #405e72; padding: 0 5px; font-size: 9px; }
.bank-quick-filter:hover,.bank-quick-filter.is-active { border-color: #087fa9; background: #eaf8fb; color: #076d8e; }
.bank-quick-filter.category-membership_fee { border-left-color: #7457c8; }
.bank-quick-filter.category-donation { border-left-color: #d59d18; }
.bank-quick-filter.category-funding { border-left-color: #118c72; }
.bank-quick-filter.category-bank_fee { border-left-color: #d0443b; }
.bank-quick-filter.category-other_income { border-left-color: #087fa9; }
.bank-quick-filter.category-other_expense { border-left-color: #b55a83; }
.bank-transaction-list { display: grid; gap: 13px; }
.bank-transaction-card { overflow: hidden; border: 1px solid var(--ui-border); border-radius: 0; background: #fff; box-shadow: 0 8px 24px rgba(8,35,57,.055); }
.bank-transaction-card[open] { border-color: #a9cbd9; box-shadow: 0 16px 36px rgba(8,35,57,.1); }
.bank-transaction-summary { display: grid; grid-template-columns: 6px 52px minmax(0,1fr) auto 82px; align-items: center; gap: 16px; min-height: 116px; padding-right: 18px; list-style: none; cursor: pointer; }
.bank-transaction-summary::-webkit-details-marker { display: none; }
.bank-transaction-accent { align-self: stretch; background: #13a876; }
.bank-transaction-card.is-expense .bank-transaction-accent { background: #d65b50; }
.bank-transaction-card.category-membership_fee .bank-transaction-accent { background: #7457c8; }
.bank-transaction-card.category-donation .bank-transaction-accent { background: #d59d18; }
.bank-transaction-card.category-funding .bank-transaction-accent { background: #118c72; }
.bank-transaction-card.category-bank_fee .bank-transaction-accent { background: #d0443b; }
.bank-transaction-card.category-other_income .bank-transaction-accent { background: #087fa9; }
.bank-transaction-card.category-other_expense .bank-transaction-accent { background: #b55a83; }
.bank-transaction-mark { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 0; background: linear-gradient(145deg,#07866b,#16b98d); color: #fff; font-size: 24px; font-weight: 950; }
.bank-transaction-card.is-expense .bank-transaction-mark { background: linear-gradient(145deg,#b43b33,#e27b6e); }
.bank-transaction-main { min-width: 0; }
.bank-transaction-main > span { display: flex; flex-wrap: wrap; gap: 7px; }
.bank-transaction-main > strong { display: block; overflow: hidden; margin-top: 9px; color: var(--ui-navy-950); font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.bank-transaction-main > small { display: block; margin-top: 5px; color: var(--ui-muted); font-size: 10px; }
.bank-category { border-radius: 999px; background: #edf4f8; color: #456479; padding: 5px 8px; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.bank-transaction-summary > b { font-size: 16px; white-space: nowrap; }
.bank-transaction-toggle { display: grid; justify-items: center; gap: 7px; border-left: 1px solid var(--ui-border); color: var(--ui-blue-700); padding-left: 14px; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.bank-transaction-toggle i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #e9f7fa; font-size: 16px; font-style: normal; transition: transform .18s ease; }
.bank-transaction-card[open] .bank-transaction-toggle i { transform: rotate(180deg); }
.bank-transaction-body { border-top: 1px solid var(--ui-border); background: #f7fafc; padding: 18px; }
.bank-transaction-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.bank-transaction-meta > div { border: 1px solid var(--ui-border); border-radius: 0; background: #fff; padding: 12px; }
.bank-transaction-meta span,.bank-transaction-meta strong,.bank-transaction-meta small { display: block; }
.bank-transaction-meta span { margin-bottom: 5px; color: var(--ui-muted); font-size: 8px; font-weight: 900; text-transform: uppercase; }
.bank-transaction-meta strong { color: var(--ui-navy-900); font-size: 11px; line-height: 1.45; }
.bank-transaction-meta small { margin-top: 4px; color: var(--ui-muted); font-size: 9px; }
.bank-register .pagination { border: 1px solid var(--ui-border); border-top: 0; border-radius: 0 0 var(--ui-radius) var(--ui-radius); background: #fff; }
.bank-report-access { margin: 18px 0 24px; }
.bank-report-access-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 24px; }
.bank-report-access-grid > div { display: grid; align-content: start; justify-items: start; gap: 12px; }
.bank-report-access-grid p { margin: 0; color: var(--ui-muted); font-size: 12px; line-height: 1.65; }
.bank-report-access-grid small { display: block; color: var(--ui-muted); font-size: 9.5px; line-height: 1.5; }
.bank-report-access-grid form { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; border-left: 3px solid var(--ui-cyan-500); background: #f7fbfd; padding: 15px; }
.bank-report-access-grid form label { display: grid; gap: 6px; color: var(--ui-navy-900); font-size: 9.5px; font-weight: 850; }
.bank-report-access-grid form button, .bank-report-access-grid form small { grid-column: 1 / -1; }
.bank-expense-classification { margin-top: 9px; border-top: 1px solid var(--ui-border); padding-top: 8px; }
.bank-expense-classification summary { cursor: pointer; color: var(--ui-blue-700); font-size: 9.5px; font-weight: 850; }
.bank-expense-classification form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; border: 1px solid var(--ui-border); background: #f8fbfc; padding: 10px; }
.bank-expense-classification label { display: grid; gap: 5px; color: var(--ui-muted); font-size: 9px; font-weight: 800; }
.bank-expense-classification label.is-wide { grid-column: 1 / -1; }
.bank-expense-classification input, .bank-expense-classification select, .bank-expense-classification textarea { width: 100%; min-width: 0; border: 1px solid var(--ui-border); background: #fff; padding: 8px; color: var(--ui-navy-900); font: inherit; }
.bank-expense-classification input[type="file"] { border-style: dashed; background: #f5fbfd; padding: 12px; }
.bank-expense-classification label > small { display: block; margin-top: 5px; color: var(--ui-muted); font-size: 9px; line-height: 1.45; }
.bank-invoice-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border: 1px solid #bfe5dc; background: #f0fbf7; padding: 10px; }
.bank-invoice-list > strong { color: #087451; font-size: 10px; text-transform: uppercase; }
.bank-invoice-list > a { border-radius: 7px; background: #fff; color: #087fa9; padding: 7px 9px; font-size: 10px; font-weight: 850; text-decoration: none; }
.bank-expense-classification textarea { resize: vertical; }
.bank-expense-classification button { grid-column: 1 / -1; justify-self: start; }
.bank-manual-reconciliation { margin-top: 12px; border: 1px solid #c7bbed; border-left: 5px solid #7457c8; background: #f8f6ff; padding: 12px; }
.bank-manual-reconciliation > summary { cursor: pointer; color: #4f3b91; font-size: 10px; font-weight: 900; }
.bank-manual-reconciliation form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.bank-manual-reconciliation label { display: grid; gap: 6px; color: var(--ui-navy-900); font-size: 9px; font-weight: 850; }
.bank-manual-reconciliation label.is-wide { grid-column: 1 / -1; }
.bank-manual-reconciliation select { width: 100%; min-width: 0; border: 1px solid #b9acd9; background: #fff; color: var(--ui-navy-900); padding: 10px; font: inherit; }
.bank-manual-reconciliation label > small { color: var(--ui-muted); font-size: 9px; line-height: 1.45; }
.bank-manual-reconciliation .bank-manual-confirm { display: flex; grid-template-columns: none; flex-direction: row; align-items: flex-start; border: 1px solid #d8d0ee; background: #fff; padding: 10px; line-height: 1.45; }
.bank-manual-reconciliation .bank-manual-confirm input { flex: 0 0 auto; width: 16px; height: 16px; margin: 1px 0 0; }
.bank-manual-reconciliation button { grid-column: 1 / -1; justify-self: start; }

@media (max-width: 1050px) {
  .workspace-card .bank-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bank-counterparty-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .workspace-card .bank-filters { grid-template-columns: 1fr; }
  .workspace-card .bank-filters .bank-search-field { grid-column: auto; }
  .bank-counterparty-grid { grid-template-columns: 1fr; }
  .bank-month-row { grid-template-columns: 1fr; gap: 5px; }
  .bank-month-bars > span { grid-template-columns: minmax(70px, 1fr) 105px; }
  .bank-report-access-grid, .bank-report-access-grid form, .bank-expense-classification form, .bank-manual-reconciliation form { grid-template-columns: 1fr; }
  .bank-report-access-grid form button, .bank-report-access-grid form small, .bank-expense-classification label.is-wide, .bank-expense-classification button, .bank-manual-reconciliation label.is-wide, .bank-manual-reconciliation button { grid-column: auto; }
  .bank-transaction-summary { grid-template-columns: 5px 44px minmax(0,1fr); gap: 11px; min-height: 0; padding-right: 12px; }
  .bank-transaction-mark { width: 44px; height: 44px; border-radius: 0; font-size: 20px; }
  .bank-transaction-main { padding: 15px 0; }
  .bank-transaction-summary > b { grid-column: 2/4; padding-bottom: 12px; }
  .bank-transaction-toggle { grid-column: 2/4; grid-template-columns: 1fr auto; justify-items: stretch; align-items: center; border-top: 1px solid var(--ui-border); border-left: 0; padding: 10px 0; }
  .bank-transaction-meta { grid-template-columns: 1fr; }
}

/* Suprafețe */
.app-authenticated .panel,
.app-authenticated .table-wrap,
.app-authenticated .info-card,
.app-authenticated .member-media-card {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius);
  background: rgba(255,255,255,.97);
  box-shadow: var(--ui-shadow-sm);
}
.app-authenticated .panel { padding: 22px; }
.app-authenticated .panel:hover { border-color: var(--ui-border-strong); }
.app-authenticated .panel-head { margin-bottom: 16px; }
.app-authenticated .panel-head h2 { margin-bottom: 4px; }
.app-authenticated .panel-head p { color: var(--ui-muted); line-height: 1.55; }
.app-authenticated .empty-state { border: 1px dashed #b8cbd9; border-radius: var(--ui-radius); background: linear-gradient(145deg, #fff, #f7fafc); color: var(--ui-muted); padding: 26px; text-align: center; }

/* Layout unic pentru paginile de lucru */
.workspace-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  margin: 0 0 24px;
}
.workspace-card {
  min-width: 0;
  overflow: clip;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: rgba(255,255,255,.98);
  box-shadow: var(--ui-shadow-sm);
}
.workspace-grid.is-single-column { grid-template-columns: minmax(0, 1fr); }
.workspace-card.is-wide { grid-column: 1 / -1; }
.workspace-card[open] { box-shadow: var(--ui-shadow); }
.workspace-card-summary {
  display: grid;
  cursor: pointer;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  list-style: none;
  padding: 13px 15px;
  user-select: none;
}
.workspace-card-summary::-webkit-details-marker { display: none; }
.workspace-card-summary:hover { background: #f7fafc; }
.workspace-card-heading { display: grid; min-width: 0; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 12px; }
.workspace-card-heading > span:last-child { min-width: 0; }
.workspace-card-heading strong,
.workspace-card-heading small { display: block; }
.workspace-card-heading strong { overflow: hidden; color: var(--ui-navy-900); font-size: 14px; font-weight: 850; letter-spacing: -.015em; text-overflow: ellipsis; white-space: nowrap; }
.workspace-card-heading small { margin-top: 3px; color: var(--ui-muted); font-size: 10.5px; font-weight: 600; line-height: 1.35; }
.workspace-card-icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #cde2eb; border-radius: 11px; background: linear-gradient(145deg, #edf9fb, #f7fbfd); color: var(--ui-blue-600); }
.workspace-card-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.workspace-card-meta { border: 1px solid var(--ui-border); border-radius: 999px; background: #f8fafc; color: #557084; padding: 5px 9px; font-size: 9px; font-weight: 850; white-space: nowrap; }
.workspace-card-toggle { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--ui-border); border-radius: 8px; background: #fff; color: var(--ui-blue-700); }
.workspace-card-toggle::before { content: "+"; font-size: 18px; font-weight: 500; line-height: 1; }
.workspace-card[open] .workspace-card-toggle::before { content: "−"; }
.workspace-card-body { min-width: 0; border-top: 1px solid var(--ui-border); padding: 18px; }
.workspace-card-body.is-scroll { max-height: min(68vh, 760px); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #b9cbd7 transparent; }
.workspace-card-body.is-compact { padding: 12px 16px 16px; }
.workspace-card-body > :first-child { margin-top: 0; }
.workspace-card-body > :last-child { margin-bottom: 0; }
.workspace-card-body > .panel,
.workspace-card-body > .table-wrap,
.workspace-card-body > .filters { margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; }
.workspace-card-body > .table-wrap { overflow: auto; }
.workspace-card-body > .table-wrap table,
.workspace-card-body > .data-table-wrap table { min-width: 760px; }
.workspace-card .grid-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.workspace-card .grid-form .wide,
.workspace-card .grid-form .form-actions { grid-column: 1 / -1; }
.workspace-card .filters,
.workspace-card .data-filters { margin: 0; border: 0; background: transparent; box-shadow: none; padding: 0; }
.workspace-card .filters,
.workspace-card .data-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.workspace-card .filters > input:first-child { grid-column: 1 / -1; }
.workspace-card .filters .filter-actions,
.workspace-card .data-filters .filter-actions { grid-column: 1 / -1; }
.workspace-card .filters button,
.workspace-card .filters .button { min-width: 0; }
.workspace-card .section-head:first-child,
.workspace-card .panel-head:first-child { margin-top: 0; }
.workspace-card.is-accent { border-top: 3px solid var(--ui-cyan-500); }
.workspace-card.is-warning { border-top: 3px solid var(--ui-gold-500); }

/* Butoane și formulare */
.app-authenticated button,
.app-authenticated .button {
  min-height: 40px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--ui-blue-700), var(--ui-blue-600));
  box-shadow: 0 5px 13px rgba(8, 106, 160, .14);
  color: #fff;
  padding: 9px 14px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}
.app-authenticated button:hover,
.app-authenticated .button:hover { box-shadow: 0 8px 18px rgba(8, 106, 160, .2); transform: translateY(-1px); }
.app-authenticated .secondary { border-color: var(--ui-border-strong); background: #fff; box-shadow: none; color: var(--ui-blue-700); }
.app-authenticated .secondary:hover { border-color: #86b7cf; background: #f4fafc; }
.app-authenticated .primary { background: linear-gradient(135deg, var(--ui-navy-900), var(--ui-blue-700)); }
.app-authenticated .button-danger { background: linear-gradient(135deg, #a82d24, #c84438); box-shadow: 0 5px 13px rgba(180,35,24,.14); }
.app-authenticated .link-danger,
.app-authenticated .link-button,
.app-authenticated .logout-button { min-height: auto; border: 0; border-radius: 6px; background: transparent; box-shadow: none; padding: 4px; }
.app-authenticated .link-danger:hover,
.app-authenticated .link-button:hover,
.app-authenticated .logout-button:hover { box-shadow: none; transform: none; }
.app-authenticated label { gap: 7px; color: #324b60; font-size: 11px; font-weight: 800; }
.app-authenticated input,
.app-authenticated select,
.app-authenticated textarea {
  min-height: 42px;
  border: 1px solid var(--ui-border-strong);
  border-radius: 9px;
  background: #fff;
  color: var(--ui-text);
  padding: 10px 12px;
  font-size: 13px;
  box-shadow: inset 0 1px 2px rgba(8,35,57,.025);
}
.app-authenticated textarea { min-height: 94px; line-height: 1.5; }
.app-authenticated input::placeholder,
.app-authenticated textarea::placeholder { color: #91a3b1; }
.app-authenticated input:hover,
.app-authenticated select:hover,
.app-authenticated textarea:hover { border-color: #9fb7c8; }
.app-authenticated input:focus,
.app-authenticated select:focus,
.app-authenticated textarea:focus { border-color: var(--ui-cyan-500); outline: 0; box-shadow: 0 0 0 3px rgba(16,168,189,.11); }
.app-authenticated .filters,
.app-authenticated .data-filters {
  align-items: end;
  margin-bottom: 20px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius);
  background: rgba(255,255,255,.92);
  padding: 14px;
  box-shadow: var(--ui-shadow-sm);
}
.app-authenticated .grid-form { gap: 16px; }
.app-authenticated .form-actions { margin-top: 4px; border-top: 1px solid var(--ui-border); padding-top: 15px; }

/* Statistici */
.app-authenticated .cards { gap: 14px; }
.app-authenticated .stat-card,
.ui-stat-card {
  position: relative;
  min-height: 122px;
  overflow: hidden;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius);
  background: #fff;
  box-shadow: var(--ui-shadow-sm);
  padding: 18px 19px;
}
.app-authenticated a.stat-card:hover { border-color: #a9c6d7; box-shadow: var(--ui-shadow); transform: translateY(-2px); }
.app-authenticated .stat-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, var(--ui-blue-600), var(--ui-cyan-500)); }
.app-authenticated .stat-card::after { content: ""; position: absolute; right: -32px; bottom: -42px; width: 100px; height: 100px; border-radius: 50%; background: rgba(8,127,181,.035); }
.app-authenticated .stat-card span { position: relative; z-index: 1; margin-bottom: 12px; color: var(--ui-muted); font-size: 10px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.app-authenticated .stat-card strong { position: relative; z-index: 1; color: var(--ui-navy-900); font-size: 32px; font-weight: 850; letter-spacing: -.04em; }
.app-authenticated .stat-card small { position: relative; z-index: 1; display: block; margin-top: 7px; color: var(--ui-muted); font-size: 10px; }
.app-authenticated .stat-card.urgent::before { background: #d64a3c; }
.app-authenticated .stat-card.late::before { background: #d89624; }
.app-authenticated .stat-card.done::before { background: #16a270; }
.app-authenticated .stat-card.urgent strong { color: #ad3027; }
.app-authenticated .stat-card.late strong { color: #a46312; }
.app-authenticated .stat-card.done strong { color: #08784f; }

/* Dashboard */
.app-authenticated .backoffice-primary-panels { gap: 14px; margin-bottom: 28px; }
.app-authenticated .backoffice-primary-panel {
  position: relative;
  min-height: 188px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--ui-radius-lg);
  background: linear-gradient(145deg, #092c4a, #075d7f);
  box-shadow: 0 18px 38px rgba(8, 43, 68, .16);
  padding: 22px;
}
.app-authenticated .backoffice-primary-panel::after { content: ""; position: absolute; right: -46px; bottom: -60px; width: 160px; height: 160px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,255,255,.025), 0 0 0 48px rgba(255,255,255,.018); }
.app-authenticated .backoffice-primary-panel:hover { box-shadow: 0 24px 48px rgba(8, 43, 68, .23); transform: translateY(-3px); }
.app-authenticated .backoffice-primary-panel.is-events { background: linear-gradient(145deg, #083b4e, #087d77); }
.app-authenticated .backoffice-primary-panel.is-membership { background: linear-gradient(145deg, #253761, #5268a2); }
.app-authenticated .backoffice-primary-panel.is-member-media { background: linear-gradient(145deg, #6d4b13, #b67c18); }
.app-authenticated .backoffice-primary-panel span { position: relative; z-index: 1; color: #8ee9ee; font-size: 9px; }
.app-authenticated .backoffice-primary-panel strong { position: relative; z-index: 1; max-width: 13ch; font-size: 22px; font-weight: 850; letter-spacing: -.025em; }
.app-authenticated .backoffice-primary-panel small { position: relative; z-index: 1; max-width: 30ch; font-size: 12px; }
.dashboard-key-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dashboard-more { margin: 16px 0 28px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: #fff; box-shadow: var(--ui-shadow-sm); padding: 0 !important; overflow: hidden; }
.dashboard-more > summary { display: flex; cursor: pointer; list-style: none; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; color: var(--ui-blue-700); }
.dashboard-more > summary span { display: grid; gap: 2px; }
.dashboard-more > summary strong { color: var(--ui-navy-800); font-size: 12px; font-weight: 850; }
.dashboard-more > summary small { color: var(--ui-muted); font-size: 10px; font-weight: 600; }
.dashboard-more > summary b { border: 1px solid var(--ui-border); border-radius: 999px; background: #f8fafc; padding: 5px 9px; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.dashboard-more > summary::-webkit-details-marker { display: none; }
.dashboard-more[open] > summary b::after { content: " mai puțin"; }
.dashboard-more[open] > summary b { font-size: 0; }
.dashboard-more[open] > summary b::after { font-size: 9px; }
.dashboard-more .cards { border-top: 1px solid var(--ui-border); padding: 16px; }
.app-authenticated .compact-task,
.app-authenticated .person-card { border-color: var(--ui-border); border-radius: 10px; background: #f9fbfc; padding: 12px; }
.app-authenticated .compact-task:hover,
.app-authenticated .person-card:hover { border-color: #a9c5d6; background: #fff; box-shadow: var(--ui-shadow-sm); }

/* Tabele, liste și etichete */
.app-authenticated .table-wrap { padding: 0; }
.app-authenticated table { border-collapse: separate; border-spacing: 0; }
.app-authenticated th { border-bottom: 1px solid var(--ui-border); background: #f5f8fb; color: #587083; padding: 13px 14px; font-size: 9.5px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.app-authenticated td { border-bottom-color: #e6edf3; padding: 13px 14px; }
.app-authenticated tbody tr:hover td { background: #f9fcfd; }
.app-authenticated .data-register-panel { overflow: hidden; padding: 0; }
.app-authenticated .data-register-panel > .panel-head { border-color: var(--ui-border); padding: 18px 20px; }
.app-authenticated .data-table th { background: #f5f8fb; color: #587083; }
.app-authenticated .data-table td { font-size: 12.5px; }
.app-authenticated .badge,
.app-authenticated .data-status,
.app-authenticated .live-data-badge,
.app-authenticated .soft-label,
.app-authenticated .method-pill { border: 1px solid rgba(76,112,137,.12); border-radius: 999px; padding: 5px 8px; font-size: 9.5px; font-weight: 850; }
.app-authenticated .live-data-badge { border-color: #bae6d2; background: #ecfaf4; color: #08734f; }
.app-authenticated .info-card { border-radius: 14px; box-shadow: var(--ui-shadow-sm); }
.app-authenticated .info-card::before { width: 4px; }
.app-authenticated .info-card-head { border-color: var(--ui-border); background: linear-gradient(180deg, #fff, #fbfcfd); padding: 18px 18px 15px 22px; }
.app-authenticated .info-title { color: var(--ui-navy-900); font-size: 18px; }
.app-authenticated .info-field { border-color: var(--ui-border); border-radius: 9px; background: #fbfcfd; }
.app-authenticated .info-field span { color: #718798; font-size: 9px; letter-spacing: .07em; }
.app-authenticated .info-card-actions { border-color: var(--ui-border); background: #fafcfd; padding: 13px 18px 13px 22px; }
.app-authenticated .activity-item { border-color: var(--ui-border); border-radius: 11px; box-shadow: var(--ui-shadow-sm); padding: 15px; }
.app-authenticated .registration-card { border-color: var(--ui-border); border-radius: 11px; background: #fbfcfd; }
.app-authenticated .registration-grid > div,
.app-authenticated .membership-request-section { border-color: var(--ui-border); border-radius: 9px; }

/* Zone speciale */
.app-authenticated .project-focus-card,
.app-authenticated .event-focus-card { border-left: 0; border-radius: 14px; padding: 25px; }
.app-authenticated .data-facts div { border-color: var(--ui-border); border-radius: 9px; background: #f8fafc; }
.app-authenticated .event-selector-card { border-color: var(--ui-border); border-radius: 11px; box-shadow: var(--ui-shadow-sm); }
.app-authenticated .event-selector-card:hover { border-color: #9fc2d3; transform: translateY(-1px); }
.app-authenticated .event-selector-card.is-selected { border-color: #50a9bf; box-shadow: inset 4px 0 0 var(--ui-cyan-500), var(--ui-shadow-sm); }
.event-catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.event-catalog-card { position: relative; display: flex; min-height: 300px; overflow: hidden; flex-direction: column; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-lg); background: linear-gradient(155deg, #fff 0 72%, #edf7fa 100%); box-shadow: var(--ui-shadow); color: var(--ui-text); padding: 22px; }
.event-catalog-card::after { content: ""; position: absolute; right: -76px; bottom: -86px; width: 210px; height: 210px; border: 1px solid rgba(8,127,181,.12); border-radius: 50%; box-shadow: 0 0 0 28px rgba(8,127,181,.035), 0 0 0 56px rgba(8,127,181,.025); }
.event-catalog-card:hover { border-color: #8ebdd0; box-shadow: var(--ui-shadow-lg); transform: translateY(-4px); }
.event-catalog-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.event-catalog-status { border-radius: 999px; background: #e9f8f3; color: #087451; padding: 5px 9px; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.event-catalog-category { color: var(--ui-muted); font-size: 9px; font-weight: 850; text-align: right; text-transform: uppercase; }
.event-catalog-date { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 9px; margin-top: 31px; color: var(--ui-blue-700); }
.event-catalog-date strong { font-size: 13px; font-weight: 900; text-transform: capitalize; }
.event-catalog-date span { color: var(--ui-muted); font-size: 11px; }
.event-catalog-card h2 { position: relative; z-index: 1; margin: 12px 0 9px; max-width: 22ch; color: var(--ui-navy-950); font-size: 25px; line-height: 1.1; }
.event-catalog-card > p { position: relative; z-index: 1; margin: 0; color: var(--ui-muted); font-size: 12px; line-height: 1.55; }
.event-catalog-card-footer { position: relative; z-index: 1; display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: auto; border-top: 1px solid var(--ui-border); padding-top: 16px; }
.event-catalog-card-footer > span { color: var(--ui-muted); font-size: 10px; }
.event-catalog-card-footer > span strong { color: var(--ui-navy-900); font-size: 18px; }

.event-catalog-card-footer b { color: var(--ui-blue-700); font-size: 10px; }
.event-catalog-empty { display: grid; min-height: 220px; place-content: center; }
.event-archive-section { margin-top: 28px; }

/* Registrul privat al membrilor */
.member-registry-stats { margin-bottom: 18px; }
.member-registry-tools {
  display: grid;
  grid-template-columns: auto minmax(360px, 1fr);
  align-items: end;
  gap: 18px;
  margin-bottom: 20px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: rgba(255,255,255,.96);
  box-shadow: var(--ui-shadow-sm);
  padding: 16px;
}
.member-type-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
.member-type-tabs a { border: 1px solid var(--ui-border); border-radius: 9px; background: #f8fafc; color: var(--ui-navy-800); padding: 10px 13px; font-size: 10px; font-weight: 850; }
.member-type-tabs a:hover { border-color: #94bfd2; background: #f1f8fb; }
.member-type-tabs a.is-active { border-color: var(--ui-blue-600); background: var(--ui-blue-600); color: #fff; box-shadow: 0 8px 18px rgba(7,113,171,.18); }
.member-registry-search { display: flex; align-items: end; justify-content: end; gap: 8px; }
.member-registry-search label { flex: 1 1 420px; margin: 0; }
.member-registry-search label > span { display: block; margin-bottom: 6px; color: var(--ui-muted); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.member-registry-search input { width: 100%; }
.member-registry-search button,
.member-registry-search .button { min-height: 42px; }
.member-registry-section + .member-registry-section { margin-top: 28px; }
.member-registry-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; }
.member-registry-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 150px;
  overflow: hidden;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: linear-gradient(150deg, #fff 0 82%, #eef8fb 100%);
  box-shadow: var(--ui-shadow-sm);
  color: var(--ui-text);
  padding: 18px 20px;
}
.member-registry-card:hover { border-color: #8ebdd0; box-shadow: var(--ui-shadow); transform: translateY(-2px); }
.member-registry-avatar { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid #b9dce9; border-radius: 15px; background: linear-gradient(145deg, var(--ui-blue-700), var(--ui-cyan-500)); box-shadow: 0 10px 20px rgba(6,91,137,.18); color: #fff; font-size: 22px; font-weight: 900; }
.member-registry-main { display: block; min-width: 0; }
.member-registry-main > strong { display: block; margin-top: 8px; color: var(--ui-navy-950); font-size: 20px; line-height: 1.16; }
.member-registry-main > small { display: block; overflow: hidden; margin-top: 4px; color: var(--ui-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.member-registry-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.member-registry-type,
.member-registry-status { display: inline-flex; width: fit-content; align-items: center; border-radius: 999px; background: #edf4f7; color: #4d687a; padding: 5px 8px; font-size: 8.5px; font-weight: 900; line-height: 1; text-transform: uppercase; }
.member-registry-type { background: #eaf7fb; color: var(--ui-blue-700); }
.member-registry-status.is-active { background: #e8f8f1; color: #087451; }
.member-registry-status.is-warning { background: #fff5dc; color: #8b5b00; }
.member-registry-status.is-inactive { background: #f3eded; color: #8b4646; }
.member-registry-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 14px; }
.member-registry-meta > span { min-width: 0; overflow: hidden; color: #456479; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.member-registry-meta b { display: block; margin-bottom: 3px; color: #7b8f9e; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.member-registry-open { align-self: stretch; display: flex; min-width: 120px; align-items: center; justify-content: end; gap: 7px; border-left: 1px solid var(--ui-border); color: var(--ui-blue-700); padding-left: 18px; font-size: 10px; font-weight: 850; }
.member-registry-open span { font-size: 16px; }
.member-detail-status { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.member-detail-status > div { min-height: 88px; border: 1px solid var(--ui-border); border-radius: 12px; background: #fff; box-shadow: var(--ui-shadow-sm); padding: 15px; }
.member-detail-status span { display: block; margin-bottom: 10px; color: var(--ui-muted); font-size: 8.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.member-detail-status strong { color: var(--ui-navy-900); font-size: 13px; }
.member-detail-status .member-registry-status { font-size: 8.5px; }
.member-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; }
.member-detail-grid > div { min-width: 0; border: 1px solid var(--ui-border); border-radius: 10px; background: #f9fbfc; padding: 13px; }
.member-detail-grid > div.is-wide { grid-column: span 2; }
.member-detail-grid dt { margin-bottom: 6px; color: var(--ui-muted); font-size: 8.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.member-detail-grid dd { overflow-wrap: anywhere; margin: 0; color: var(--ui-navy-900); font-size: 12px; font-weight: 750; line-height: 1.45; }
.member-detail-grid a { color: var(--ui-blue-700); }
.app-authenticated .member-media-intro { border-left-color: var(--ui-cyan-500); border-radius: 14px; }
.app-authenticated .member-media-card { border-radius: 15px; box-shadow: var(--ui-shadow); }
.app-authenticated .member-media-preview { border-color: var(--ui-border); }
.app-authenticated .member-media-body { padding: 22px; }
.app-authenticated .member-media-body h3 { color: var(--ui-navy-900); }
.app-authenticated .member-media-facts div { border-color: var(--ui-border); border-radius: 9px; background: #f8fafc; }
.app-authenticated .member-media-note { border-radius: 0 9px 9px 0; }
.app-authenticated .kanban-col,
.app-authenticated .meeting-day-column,
.app-authenticated .availability-day { border-color: var(--ui-border); border-radius: 12px; background: #f7f9fb; }
.app-authenticated .task-card,
.app-authenticated .meeting-card { border-color: var(--ui-border); border-radius: 9px; box-shadow: var(--ui-shadow-sm); }

/* Trafic intern din logurile Caddy */
.analytics-periods { display: flex; width: fit-content; max-width: 100%; gap: 3px; margin: 0 0 12px; overflow-x: auto; border: 1px solid var(--ui-border); border-radius: 9px; background: #fff; padding: 3px; box-shadow: var(--ui-shadow-sm); }
.analytics-periods a { min-width: max-content; border-radius: 6px; color: var(--ui-muted); padding: 6px 11px; font-size: 10px; font-weight: 850; text-decoration: none; }
.analytics-periods a:hover { background: #f0f7fa; color: var(--ui-blue-700); }
.analytics-periods a.is-active { background: linear-gradient(135deg, var(--ui-navy-900), var(--ui-blue-700)); color: #fff; box-shadow: 0 5px 12px rgba(8, 62, 94, .18); }
.analytics-overview { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 0 0 12px; }
.analytics-metric { position: relative; min-width: 0; min-height: 98px; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 10px; background: #fff; box-shadow: var(--ui-shadow-sm); padding: 12px 13px; }
.analytics-metric::after { content: ""; position: absolute; right: -24px; bottom: -38px; width: 82px; height: 82px; border: 13px solid rgba(8, 127, 181, .035); border-radius: 50%; }
.analytics-metric span, .analytics-metric strong, .analytics-metric small { position: relative; z-index: 1; display: block; }
.analytics-metric span { color: var(--ui-muted); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.analytics-metric strong { margin-top: 9px; color: var(--ui-navy-900); font-size: clamp(23px, 2vw, 31px); font-weight: 900; letter-spacing: -.05em; line-height: .92; }
.analytics-metric small { margin-top: 7px; color: var(--ui-muted); font-size: 8.5px; line-height: 1.3; }
.analytics-metric.is-primary { border-color: #087b9d; background: linear-gradient(145deg, #082b49, #076d8c); }
.analytics-metric.is-primary span, .analytics-metric.is-primary small { color: #a9dfe9; }
.analytics-metric.is-primary strong { color: #fff; }
.analytics-privacy-note { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0 0 12px; border: 1px solid #c6e1e8; border-radius: 10px; background: #eff9fb; padding: 10px 12px; }
.analytics-privacy-note svg { width: 21px; height: 21px; fill: none; stroke: var(--ui-blue-700); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.analytics-privacy-note strong { color: var(--ui-navy-900); font-size: 12px; }
.analytics-privacy-note p { margin: 3px 0 0; color: var(--ui-muted); font-size: 10.5px; line-height: 1.5; }
.analytics-workspace { margin-top: 0; }
.analytics-chart { display: grid; min-height: 0; height: 184px; grid-auto-columns: 44px; grid-auto-flow: column; justify-content: start; gap: 7px; overflow-x: auto; padding: 8px 4px 2px; }
.analytics-chart-column { display: grid; width: 44px; min-width: 44px; grid-template-rows: 18px 132px 20px; gap: 4px; align-items: end; text-align: center; }
.analytics-chart-column .analytics-chart-value { align-self: start; color: var(--ui-muted); font-size: 8.5px; font-weight: 850; }
.analytics-chart-column svg { display: block; width: 44px; height: 132px; overflow: visible; }
.analytics-chart-column rect { fill: url(#none); fill: var(--ui-cyan-500); rx: 1px; vector-effect: non-scaling-stroke; }
.analytics-chart-column:hover rect { fill: var(--ui-gold-500); }
.analytics-chart-column small { overflow: hidden; color: var(--ui-muted); font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.analytics-ranking { display: grid; gap: 2px; }
.analytics-ranking article { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; border-bottom: 1px solid var(--ui-border); padding: 10px 0; }
.analytics-ranking article:last-child { border-bottom: 0; }
.analytics-ranking article > b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; background: #edf6f9; color: var(--ui-blue-700); font-size: 9px; }
.analytics-ranking article > div { min-width: 0; }
.analytics-ranking article strong, .analytics-ranking article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analytics-ranking article strong { color: var(--ui-navy-900); font-size: 11.5px; }
.analytics-ranking article strong a { color: inherit; text-decoration: none; }
.analytics-ranking article strong a:hover { color: var(--ui-blue-700); text-decoration: underline; text-underline-offset: 2px; }
.analytics-ranking article small { margin-top: 2px; color: var(--ui-muted); font-size: 9px; }
.analytics-ranking article > em { color: var(--ui-navy-900); font-size: 13px; font-style: normal; font-weight: 900; text-align: right; }
.analytics-ranking article > em small { color: var(--ui-muted); font-size: 8px; font-weight: 700; }
.analytics-ranking progress, .analytics-dimension-list progress { display: block; width: 100%; height: 4px; margin-top: 7px; overflow: hidden; border: 0; border-radius: 99px; background: #e8f0f4; }
.analytics-ranking progress::-webkit-progress-bar, .analytics-dimension-list progress::-webkit-progress-bar { border-radius: 99px; background: #e8f0f4; }
.analytics-ranking progress::-webkit-progress-value, .analytics-dimension-list progress::-webkit-progress-value { border-radius: 99px; background: linear-gradient(90deg, var(--ui-blue-600), var(--ui-cyan-500)); }
.analytics-ranking progress::-moz-progress-bar, .analytics-dimension-list progress::-moz-progress-bar { border-radius: 99px; background: var(--ui-cyan-500); }
.analytics-dimension-list { display: grid; gap: 11px; }
.analytics-dimension-list > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.analytics-dimension-list > div > span { min-width: 0; }
.analytics-dimension-list strong { display: block; overflow: hidden; color: var(--ui-navy-900); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.analytics-dimension-list em { color: var(--ui-blue-700); font-size: 13px; font-style: normal; font-weight: 900; }
.analytics-empty { border: 1px dashed #b7ceda; border-radius: 12px; background: #f8fbfc; padding: 38px 22px; text-align: center; }
.analytics-empty strong { color: var(--ui-navy-900); font-size: 17px; }
.analytics-empty p { max-width: 560px; margin: 8px auto 0; color: var(--ui-muted); font-size: 11px; line-height: 1.6; }
.analytics-footer-note { margin: -3px 0 28px; color: var(--ui-muted); font-size: 9.5px; line-height: 1.5; text-align: center; }

/* Trafic live */
.live-traffic-overview { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.live-last-time { font-size: clamp(20px, 1.8vw, 27px) !important; letter-spacing: -.02em !important; }
.live-traffic-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; border: 1px solid #bfe2d7; border-radius: 10px; background: #f0faf6; color: #17634e; padding: 9px 12px; }
.live-traffic-toolbar small { color: #55766c; font-size: 9.5px; }
.live-traffic-state { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; }
.live-traffic-state i { width: 8px; height: 8px; border-radius: 50%; background: #0aa276; box-shadow: 0 0 0 0 rgba(10,162,118,.42); animation: live-traffic-pulse 1.8s infinite; }
.live-traffic.is-reconnecting .live-traffic-toolbar { border-color: #f0d59c; background: #fff8e8; color: #815600; }
.live-traffic.is-reconnecting .live-traffic-state i { background: #d08a00; animation: none; }
.live-traffic-card { margin-bottom: 16px; }
.live-traffic-card-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--ui-border); padding: 16px 18px; }
.live-traffic-card-head h2 { margin: 2px 0 4px; }
.live-traffic-card-head p { margin: 0; color: var(--ui-muted); font-size: 10px; }
.live-traffic-count { flex: 0 0 auto; border: 1px solid var(--ui-border); border-radius: 999px; background: #f7fafc; color: var(--ui-muted); padding: 6px 10px; font-size: 9px; white-space: nowrap; }
.live-traffic-count strong { color: var(--ui-navy-900); }
.live-traffic-feed { max-height: min(62vh, 680px); overflow-y: auto; padding: 0 18px; scrollbar-width: thin; scrollbar-color: #b9cbd7 transparent; }
.live-traffic-event { display: grid; grid-template-columns: 70px minmax(220px, 1fr) minmax(260px, auto); gap: 14px; align-items: center; border-bottom: 1px solid var(--ui-border); padding: 11px 0; }
.live-traffic-event:last-child { border-bottom: 0; }
.live-traffic-event > time { color: var(--ui-blue-700); font-size: 11px; font-weight: 900; font-variant-numeric: tabular-nums; }
.live-traffic-event-main { min-width: 0; }
.live-traffic-event-main a, .live-traffic-event-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-traffic-event-main a { color: var(--ui-navy-900); font-size: 12px; font-weight: 850; text-decoration: none; }
.live-traffic-event-main a:hover { color: var(--ui-blue-700); text-decoration: underline; text-underline-offset: 2px; }
.live-traffic-event-main small { margin-top: 3px; color: var(--ui-muted); font-size: 9px; }
.live-traffic-event-meta { display: flex; max-width: 480px; flex-wrap: wrap; justify-content: end; gap: 5px; }
.live-traffic-event-meta span { border: 1px solid #d8e5eb; border-radius: 999px; background: #f7fafc; color: #536f81; padding: 4px 7px; font-size: 8.5px; font-weight: 750; }
@keyframes live-traffic-pulse { 70% { box-shadow: 0 0 0 7px rgba(10,162,118,0); } 100% { box-shadow: 0 0 0 0 rgba(10,162,118,0); } }

/* Responsive */
@media (max-width: 1360px) {
  .app-authenticated .backoffice-primary-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-authenticated .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .app-authenticated .dashboard-key-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .app-authenticated .grid-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1020px) {
  body.sidebar-open { overflow: hidden; }
  .app-sidebar { width: min(320px, calc(100vw - 42px)); transform: translateX(-104%); box-shadow: 22px 0 60px rgba(1,15,27,.35); transition: transform .22s ease; }
  body.sidebar-open .app-sidebar { transform: translateX(0); }
  .app-sidebar-backdrop { position: fixed; z-index: 45; inset: 0; display: block; visibility: hidden; background: rgba(2, 16, 28, .54); opacity: 0; backdrop-filter: blur(2px); transition: opacity .2s ease, visibility .2s ease; }
  body.sidebar-open .app-sidebar-backdrop { visibility: visible; opacity: 1; }
  .app-sidebar-close { display: grid; place-items: center; }
  .app-frame { margin-left: 0; }
  .app-menu-toggle { display: inline-flex; }
  .app-topbar { height: 66px; padding: 0 18px; }
  .app-authenticated .content { padding: 24px 18px 36px; }
  .app-authenticated .content,
  body.app-authenticated:has([data-kanban]) .content { margin-left: 0; padding: 24px 18px 36px; }
  .app-authenticated .sidebar nav { grid-template-columns: 1fr; }
  .workspace-grid { grid-template-columns: 1fr; }
  .workspace-card.is-wide { grid-column: auto; }
  .member-registry-tools { grid-template-columns: 1fr; }
  .member-registry-search { justify-content: start; }
  .member-registry-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .live-traffic-event { grid-template-columns: 60px minmax(0, 1fr); }
  .live-traffic-event-meta { grid-column: 2; justify-content: start; }
}

@media (max-width: 760px) {
  .app-topbar-context span,
  .app-system-status,
  .app-topbar-user { display: none; }
  .app-topbar-context strong { max-width: 48vw; }
  .ui-page-head,
  .app-authenticated .page-head { min-height: 0; align-items: flex-start; flex-direction: column; padding-bottom: 18px; }
  .ui-page-head h1,
  .app-authenticated .page-head h1 { font-size: 31px; }
  .app-authenticated .backoffice-primary-panels,
  .app-authenticated .cards,
  .app-authenticated .dashboard-key-metrics,
  .app-authenticated .member-media-grid,
  .app-authenticated .member-media-stats,
  .app-authenticated .grid-form { grid-template-columns: 1fr; }
  .app-authenticated .backoffice-primary-panel { min-height: 156px; }
  .app-authenticated .filters,
  .app-authenticated .data-filters { grid-template-columns: 1fr; }
  .app-authenticated .form-actions,
  .app-authenticated .filter-actions { align-items: stretch; flex-direction: column; }
  .app-authenticated .form-actions > *,
  .app-authenticated .filter-actions > * { width: 100%; }
  .app-authenticated .stat-card { min-height: 106px; }
  .app-authenticated .dashboard-split { grid-template-columns: 1fr; }
  .app-authenticated .project-focus-card,
  .app-authenticated .event-focus-card { grid-template-columns: 1fr; padding: 19px; }
  .app-authenticated .data-facts,
  .app-authenticated .info-card-grid,
  .app-authenticated .contact-info-grid,
  .app-authenticated .member-media-facts { grid-template-columns: 1fr; }
  .app-authenticated .wide,
  .app-authenticated .wide-field { grid-column: auto; }
  .app-authenticated .member-media-reject-form { grid-template-columns: 1fr; }
  .app-authenticated .member-media-reject-form button { width: 100%; }
  .app-authenticated .registration-card header { align-items: flex-start; flex-direction: column; }
  .app-authenticated .badge-row { justify-content: flex-start; }
  .event-catalog-grid { grid-template-columns: 1fr; }
  .event-catalog-card { min-height: 270px; }
  .workspace-card-summary { grid-template-columns: minmax(0, 1fr) auto; }
  .workspace-card-meta { display: none; }
  .workspace-card .grid-form { grid-template-columns: 1fr; }
  .workspace-card .grid-form .wide,
  .workspace-card .grid-form .form-actions { grid-column: auto; }
  .workspace-card-body { padding: 15px; }
  .member-registry-tools { padding: 13px; }
  .member-type-tabs { display: grid; grid-template-columns: 1fr; }
  .member-type-tabs a { text-align: center; }
  .member-registry-search { align-items: stretch; flex-direction: column; }
  .member-registry-search label { flex-basis: auto; }
  .member-registry-card { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; min-height: 0; padding: 15px; }
  .member-registry-avatar { width: 46px; height: 46px; border-radius: 12px; font-size: 18px; }
  .member-registry-main > strong { font-size: 17px; }
  .member-registry-main > small { white-space: normal; }
  .member-registry-meta { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .member-registry-meta > span { white-space: normal; }
  .member-registry-open { grid-column: 1 / -1; min-width: 0; min-height: 38px; align-self: auto; justify-content: space-between; border-top: 1px solid var(--ui-border); border-left: 0; padding: 11px 0 0; }
  .member-detail-status,
  .member-detail-grid { grid-template-columns: 1fr; }
  .member-detail-grid > div.is-wide { grid-column: auto; }
  .analytics-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-metric { min-height: 94px; padding: 11px 12px; }
  .analytics-chart { height: 170px; grid-auto-columns: 40px; gap: 6px; }
  .analytics-chart-column { width: 40px; min-width: 40px; grid-template-rows: 16px 120px 18px; }
  .analytics-chart-column svg { width: 40px; height: 120px; }
  .live-traffic-card-head, .live-traffic-toolbar { align-items: flex-start; flex-direction: column; }
  .live-traffic-feed { padding-inline: 14px; }
  .live-traffic-event { grid-template-columns: 1fr; gap: 6px; padding: 13px 0; }
  .live-traffic-event-meta { grid-column: auto; justify-content: start; }
}

.seap-trial-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.seap-trial-stats article { border: 1px solid var(--ui-border); border-radius: 13px; background: #fff; padding: 16px 18px; box-shadow: var(--ui-shadow-sm); }
.seap-trial-stats span, .seap-trial-stats small { display: block; }
.seap-trial-stats span { color: var(--ui-blue-600); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.seap-trial-stats strong { display: block; margin: 4px 0; color: var(--ui-navy-900); font-size: 28px; }
.seap-trial-stats small { color: var(--ui-muted); font-size: 10px; }
.seap-trial-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.seap-trial-card { overflow: hidden; border: 1px solid var(--ui-border); border-top: 4px solid #2f83ad; border-radius: 14px; background: #fff; box-shadow: var(--ui-shadow-sm); }
.seap-trial-card.state-active { border-top-color: #169873; }
.seap-trial-card.state-expired, .seap-trial-card.state-suspended { border-top-color: #c45b4f; }
.seap-trial-card > header { display: flex; align-items: start; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--ui-border); padding: 17px 18px 14px; }
.seap-trial-card > header span { color: var(--ui-blue-600); font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.seap-trial-card h2 { margin: 4px 0 2px; color: var(--ui-navy-900); font-size: 18px; }
.seap-trial-card > header p { margin: 0; color: var(--ui-muted); font-size: 10px; }
.seap-trial-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 5px 18px 13px; }
.seap-trial-card dl > div { border-bottom: 1px solid #e8eef2; padding: 10px 5px 9px 0; }
.seap-trial-card dt { color: #7890a1; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.seap-trial-card dd { display: grid; gap: 2px; margin: 4px 0 0; color: #27495f; font-size: 11px; font-weight: 750; }
.seap-trial-card dd a { overflow-wrap: anywhere; }
.seap-trial-notes { margin: 0 18px 14px; border-radius: 9px; background: #f3f7f9; padding: 10px 12px; color: var(--ui-muted); font-size: 10px; }
.seap-trial-card > footer { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--ui-border); padding: 13px 18px; }
.seap-trial-card > footer form { display: flex; align-items: end; gap: 7px; margin: 0; }
.seap-trial-card > footer label { display: grid; gap: 3px; }
.seap-trial-card > footer label span { color: #7890a1; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.seap-trial-card > footer select { min-width: 94px; }
@media (max-width: 900px) { .seap-trial-stats, .seap-trial-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .seap-trial-stats, .seap-trial-list { grid-template-columns: 1fr; } .seap-trial-card dl { grid-template-columns: 1fr; } }

/* Registru membri și cereri — carduri ARES 2026 */
.app-authenticated .member-registry-list,
.app-authenticated .registration-list { gap: 16px; }
.app-authenticated .member-registry-card {
  position: relative;
  grid-template-columns: 6px 68px minmax(0,1fr) 150px;
  gap: 20px;
  min-height: 184px;
  border-color: #d2e0e8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(8,35,57,.07);
  padding: 24px 25px 24px 0;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.app-authenticated .member-registry-card:hover { box-shadow: 0 18px 42px rgba(8,35,57,.13); transform: translateY(-3px); }
.app-authenticated .member-registry-accent { align-self: stretch; width: 6px; border-radius: 0 999px 999px 0; background: #12a8c4; }
.app-authenticated .member-registry-card.is-professional .member-registry-accent { background: #d6a52e; }
.app-authenticated .member-registry-card.is-combined .member-registry-accent { background: linear-gradient(#7457c8,#087fa9); }
.app-authenticated .member-registry-avatar { width: 68px; height: 68px; border: 0; border-radius: 20px; background: linear-gradient(145deg,#087fa9,#13b7c9); box-shadow: 0 13px 27px rgba(8,127,169,.2); font-size: 25px; }
.app-authenticated .member-registry-card.is-professional .member-registry-avatar { background: linear-gradient(145deg,#a87813,#e0b546); box-shadow: 0 13px 27px rgba(168,120,19,.2); }
.app-authenticated .member-registry-card.is-combined .member-registry-avatar { background: linear-gradient(145deg,#674bb6,#087fa9); box-shadow: 0 13px 27px rgba(77,67,155,.2); }
.app-authenticated .member-registry-main { align-self: stretch; display: grid; align-content: center; }
.app-authenticated .member-registry-type { gap: 7px; background: #e9f9fc; color: #087b9d; padding: 7px 10px; }
.app-authenticated .is-professional .member-registry-type { background: #fff6df; color: #8a620b; }
.app-authenticated .is-combined .member-registry-type { background: #f0edfb; color: #59449c; }
.app-authenticated .member-registry-type-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.app-authenticated .member-registry-identity { display: block; margin-top: 11px; }
.app-authenticated .member-registry-identity > strong { display: block; color: var(--ui-navy-950); font-size: clamp(20px,2vw,26px); line-height: 1.1; }
.app-authenticated .member-registry-identity > small { display: block; margin-top: 5px; color: var(--ui-muted); font-size: 11px; }
.app-authenticated .member-registry-meta { grid-template-columns: minmax(150px,.8fr) minmax(120px,.6fr) minmax(220px,1.4fr) minmax(115px,.6fr); gap: 14px; margin-top: 18px; }
.app-authenticated .member-registry-meta > span { border-left: 1px solid #e2ebf0; padding-left: 12px; white-space: normal; line-height: 1.45; }
.app-authenticated .member-registry-meta > span:first-child { border-left: 0; padding-left: 0; }
.app-authenticated .member-registry-meta .is-fee strong { color: #087451; font-size: 11px; }
.app-authenticated .member-registry-open { align-self: stretch; flex-direction: column; justify-content: center; border-left-color: #dbe7ed; color: #087fa9; font-size: 10px; }
.app-authenticated .member-registry-open > span { font-size: 10px; }
.app-authenticated .member-registry-open b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #e9f7fa; font-size: 18px; }

.app-authenticated .membership-request-panel { border: 0; background: transparent; }
.app-authenticated .membership-request-panel > .panel-head { border: 1px solid var(--ui-border); border-radius: 14px; background: #fff; }
.app-authenticated .membership-request-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #d2e0e8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(8,35,57,.07);
  padding: 0;
}
.app-authenticated .membership-request-card[open] { border-color: #a9cbd9; box-shadow: 0 18px 42px rgba(8,35,57,.12); }
.app-authenticated .membership-request-summary { display: grid; grid-template-columns: 6px 64px minmax(0,1fr) 145px; align-items: center; gap: 18px; min-height: 166px; margin: 0; border: 0; padding: 0 22px 0 0; list-style: none; cursor: pointer; }
.app-authenticated .membership-request-summary::-webkit-details-marker { display: none; }
.app-authenticated .membership-request-accent { align-self: stretch; width: 6px; background: #12a8c4; }
.app-authenticated .membership-request-card.is-professional .membership-request-accent { background: #d6a52e; }
.app-authenticated .membership-request-card.is-combined .membership-request-accent { background: linear-gradient(#7457c8,#087fa9); }
.app-authenticated .membership-request-mark { display: grid; width: 64px; height: 64px; place-items: center; border-radius: 19px; background: linear-gradient(145deg,#087fa9,#13b7c9); color: #fff; font-size: 24px; font-weight: 950; }
.app-authenticated .membership-request-card.is-professional .membership-request-mark { background: linear-gradient(145deg,#a87813,#e0b546); }
.app-authenticated .membership-request-card.is-combined .membership-request-mark { background: linear-gradient(145deg,#674bb6,#087fa9); }
.app-authenticated .membership-request-summary-main { display: block; min-width: 0; }
.app-authenticated .membership-request-summary-main > strong { display: block; margin-top: 10px; color: var(--ui-navy-950); font-size: clamp(19px,2vw,25px); line-height: 1.1; }
.app-authenticated .membership-request-summary-main > small { display: block; margin-top: 4px; color: var(--ui-muted); font-size: 11px; }
.app-authenticated .membership-request-summary-badges { display: flex; flex-wrap: wrap; gap: 7px; }
.app-authenticated .membership-request-type,.app-authenticated .membership-request-test { display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; background: #e9f9fc; color: #087b9d; padding: 6px 9px; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.app-authenticated .is-professional .membership-request-type { background: #fff6df; color: #8a620b; }
.app-authenticated .is-combined .membership-request-type { background: #f0edfb; color: #59449c; }
.app-authenticated .membership-request-type i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.app-authenticated .membership-request-test { background: #fff0ed; color: #b42318; }
.app-authenticated .membership-request-quick-meta { display: grid; grid-template-columns: 1fr 1.2fr .8fr .7fr; gap: 12px; margin-top: 16px; }
.app-authenticated .membership-request-quick-meta > span { min-width: 0; overflow: hidden; border-left: 1px solid #e2ebf0; padding-left: 11px; color: #456479; font-size: 9.5px; text-overflow: ellipsis; white-space: nowrap; }
.app-authenticated .membership-request-quick-meta > span:first-child { border-left: 0; padding-left: 0; }
.app-authenticated .membership-request-quick-meta b { display: block; margin-bottom: 3px; color: #8194a2; font-size: 7.5px; text-transform: uppercase; }
.app-authenticated .membership-request-toggle { display: grid; justify-items: center; gap: 9px; border-left: 1px solid #dbe7ed; color: #087fa9; padding-left: 18px; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.app-authenticated .membership-request-toggle b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #e9f7fa; font-size: 18px; transition: transform .18s ease; }
.app-authenticated .membership-request-card[open] .membership-request-toggle b { transform: rotate(180deg); }
.app-authenticated .membership-request-body { border-top: 1px solid #dbe7ed; background: #f7fafc; padding: 8px 22px 22px; }
.app-authenticated .membership-request-body .membership-request-section { border-radius: 13px; box-shadow: 0 5px 16px rgba(8,35,57,.035); }

/* Panouri pe un singur rând și stări cromatice */
.app-authenticated .membership-workspace-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
.app-authenticated .membership-workspace-grid > .workspace-card { width: 100%; border-radius: 12px; }
.app-authenticated .membership-workspace-grid .membership-request-filters { grid-template-columns: minmax(180px,.7fr) minmax(200px,.8fr) minmax(320px,1.5fr) auto; align-items: end; }
.app-authenticated .membership-workspace-grid .data-stat-cards { grid-template-columns: repeat(4,minmax(0,1fr)); }
.app-authenticated .member-registry-card,
.app-authenticated .membership-request-card { border-radius: 12px; }
.app-authenticated .membership-request-summary { min-height: 142px; }

.app-authenticated .member-registry-card.status-active,
.app-authenticated .member-registry-card.status-admitted_active,
.app-authenticated .membership-request-card.status-active,
.app-authenticated .membership-request-card.status-admitted_active { border-top: 4px solid #13926f; }
.app-authenticated .member-registry-card.status-approved_pending_payment,
.app-authenticated .membership-request-card.status-approved_pending_payment { border-top: 4px solid #e0a41c; }
.app-authenticated .member-registry-card.status-under_review,
.app-authenticated .member-registry-card.status-in_review,
.app-authenticated .membership-request-card.status-under_review,
.app-authenticated .membership-request-card.status-in_review { border-top: 4px solid #3978c5; }
.app-authenticated .member-registry-card.status-email_verified,
.app-authenticated .membership-request-card.status-email_verified { border-top: 4px solid #0aa7c4; }
.app-authenticated .member-registry-card.status-rejected,
.app-authenticated .membership-request-card.status-rejected { border-top: 4px solid #d0443b; }
.app-authenticated .member-registry-card.status-withdrawn,
.app-authenticated .membership-request-card.status-withdrawn { border-top: 4px solid #8796a3; }
.app-authenticated .membership-request-card.status-submitted { border-top: 4px solid #8d9daa; }

.app-authenticated .membership-request-card .status-approved_pending_payment { background: #fff2cb; color: #8a5a00; }
.app-authenticated .membership-request-card .status-admitted_active,
.app-authenticated .membership-request-card .status-active { background: #dff7ed; color: #087451; }
.app-authenticated .membership-request-card .status-under_review,
.app-authenticated .membership-request-card .status-in_review { background: #e4efff; color: #285ca4; }
.app-authenticated .membership-request-card .status-email_verified { background: #e0f8fc; color: #087b99; }
.app-authenticated .membership-request-card .status-rejected { background: #fee4e2; color: #b42318; }
.app-authenticated .membership-request-card .status-withdrawn { background: #edf1f4; color: #526174; }

@media (max-width: 980px) {
  .app-authenticated .membership-workspace-grid .membership-request-filters,
  .app-authenticated .membership-workspace-grid .data-stat-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .app-authenticated .member-registry-card { grid-template-columns: 6px 58px minmax(0,1fr); }
  .app-authenticated .member-registry-open { grid-column: 2/-1; min-height: 42px; align-self: auto; flex-direction: row; justify-content: space-between; border-top: 1px solid var(--ui-border); border-left: 0; padding: 12px 0 0; }
  .app-authenticated .member-registry-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .app-authenticated .membership-request-summary { grid-template-columns: 6px 54px minmax(0,1fr); }
  .app-authenticated .membership-request-toggle { grid-column: 2/-1; grid-template-columns: 1fr auto; justify-items: stretch; align-items: center; border-top: 1px solid var(--ui-border); border-left: 0; padding: 11px 0; }
  .app-authenticated .membership-request-quick-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .app-authenticated .membership-workspace-grid .membership-request-filters,
  .app-authenticated .membership-workspace-grid .data-stat-cards { grid-template-columns: 1fr; }
  .app-authenticated .member-registry-card { grid-template-columns: 5px 46px minmax(0,1fr); gap: 12px; padding: 16px 15px 16px 0; }
  .app-authenticated .member-registry-avatar { width: 46px; height: 46px; border-radius: 13px; font-size: 18px; }
  .app-authenticated .member-registry-meta { grid-column: 1/-1; grid-template-columns: 1fr; }
  .app-authenticated .member-registry-meta > span { border-top: 1px solid #e2ebf0; border-left: 0; padding: 9px 0 0; }
  .app-authenticated .member-registry-meta > span:first-child { border-top: 0; }
  .app-authenticated .membership-request-summary { grid-template-columns: 5px 46px minmax(0,1fr); gap: 12px; min-height: 0; padding-right: 14px; }
  .app-authenticated .membership-request-mark { width: 46px; height: 46px; border-radius: 13px; font-size: 18px; }
  .app-authenticated .membership-request-summary-main { padding: 16px 0; }
  .app-authenticated .membership-request-summary-main > strong { font-size: 18px; }
  .app-authenticated .membership-request-quick-meta { grid-template-columns: 1fr; }
  .app-authenticated .membership-request-quick-meta > span { border-top: 1px solid #e2ebf0; border-left: 0; padding: 7px 0 0; white-space: normal; }
  .app-authenticated .membership-request-quick-meta > span:first-child { border-top: 0; }
  .app-authenticated .membership-request-body { padding: 5px 12px 15px; }
}

@media (max-width: 420px) {
  .app-menu-toggle span { display: none; }
  .app-authenticated .content { padding-inline: 13px; }
  .app-authenticated .panel { padding: 17px; }
  .app-authenticated .backoffice-primary-panel { padding: 19px; }
  .app-authenticated .member-media-preview.is-photo,
  .app-authenticated .member-media-preview.is-photo img { min-height: 330px; height: 330px; }
  .workspace-card-heading { grid-template-columns: 36px minmax(0, 1fr); gap: 9px; }
  .workspace-card-icon { width: 36px; height: 36px; border-radius: 9px; }
  .workspace-card-heading small { display: none; }
  .workspace-card-summary { min-height: 62px; padding: 10px 11px; }
  .analytics-overview { grid-template-columns: 1fr; }
  .analytics-metric { min-height: 86px; }
  .analytics-periods { width: 100%; }
  .analytics-ranking article { grid-template-columns: 24px minmax(0, 1fr); }
  .analytics-ranking article > em { grid-column: 2; text-align: left; }
}

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

@media print {
  .app-authenticated .app-sidebar,
  .app-authenticated .app-topbar,
  .app-authenticated .app-sidebar-backdrop { display: none !important; }
  .app-authenticated .app-frame { margin: 0 !important; }
  .app-authenticated .content { padding: 0 !important; }
}

/* Rețeaua Națională ARES */
.network-admin-tabs { display:flex; overflow-x:auto; gap:8px; margin:0 0 22px; padding:7px; border:1px solid var(--ui-border, #d6e2ec); background:#fff; box-shadow:0 12px 32px rgba(4,34,59,.06); }
.network-admin-tabs a { display:flex; min-height:42px; align-items:center; justify-content:center; gap:9px; border:1px solid transparent; padding:9px 15px; color:#36536b; font-size:13px; font-weight:850; text-decoration:none; white-space:nowrap; }
.network-admin-tabs a:hover { border-color:#bad7e8; background:#f2f9fc; color:#075f96; }
.network-admin-tabs a.is-active { border-color:#0b78af; background:#076097; color:#fff; box-shadow:0 8px 18px rgba(7,96,151,.2); }
.network-admin-tabs strong { display:grid; min-width:21px; height:21px; place-items:center; border-radius:50%; background:#d82432; color:#fff; font-size:11px; }
.network-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.network-summary-card { position:relative; overflow:hidden; min-height:142px; border:1px solid #d3e1eb; border-left:5px solid var(--tone,#0b82bd); padding:21px 22px; background:#fff; color:#061c32; text-decoration:none; box-shadow:0 12px 32px rgba(4,34,59,.07); }
.network-summary-card::after { content:""; position:absolute; right:-34px; bottom:-47px; width:120px; height:120px; border:22px solid color-mix(in srgb,var(--tone) 10%,transparent); border-radius:50%; }
.network-summary-card span,.network-summary-card small { display:block; position:relative; z-index:1; }.network-summary-card span { color:#49657a; font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.network-summary-card strong { display:block; position:relative; z-index:1; margin:9px 0 2px; color:var(--tone); font-size:34px; }.network-summary-card small { color:#668093; }
.tone-blue{--tone:#0786c1}.tone-violet{--tone:#6944c5}.tone-green{--tone:#087f54}.tone-gold{--tone:#bb7900}.tone-cyan{--tone:#0a7895}.tone-red{--tone:#be2835}
.network-dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.network-process { display:grid; gap:0; margin:0; padding:0; list-style:none; }.network-process li { display:grid; grid-template-columns:140px 1fr; gap:18px; border-bottom:1px solid #e5edf3; padding:15px 2px; }.network-process li:last-child{border:0}.network-process strong{color:#075f96}.network-process span,.network-control-panel p{color:#536e82;line-height:1.6}.network-control-panel form{margin-top:18px}
.network-filter-card { margin-bottom:20px; }.network-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }.network-register { margin:0 0 24px; border:1px solid #d6e3ec; background:#fff; box-shadow:0 14px 36px rgba(3,30,54,.07); }.network-register>header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d9e5ed; padding:20px 24px; }.network-register>header span{color:#0780b9;font-size:10px;font-weight:950;letter-spacing:.14em}.network-register>header h2{margin:4px 0 2px;color:#061d34}.network-register>header p{margin:0;color:#688095}
.network-card-list { display:grid; gap:12px; padding:14px; }.network-record-card { --record-tone:#0b83bc; overflow:hidden; border:1px solid #cadce8; border-left:6px solid var(--record-tone); background:#fff; box-shadow:0 9px 25px rgba(5,35,58,.07); }.network-record-card.status-applicant,.network-record-card.status-candidate,.network-record-card.status-nominated,.network-record-card.status-requested,.network-record-card.status-submitted{--record-tone:#d12635}.network-record-card.status-under_review,.network-record-card.status-interview,.network-record-card.status-proposed,.network-record-card.status-registration{--record-tone:#c07a00}.network-record-card.status-accepted,.network-record-card.status-approved,.network-record-card.status-active,.network-record-card.status-completed{--record-tone:#0a8657}.network-record-card.status-rejected,.network-record-card.status-suspended,.network-record-card.status-withdrawn,.network-record-card.status-expired{--record-tone:#687988}
.network-record-card>summary,.network-static-summary { display:grid; min-height:112px; grid-template-columns:62px minmax(0,1fr) auto auto; align-items:center; gap:16px; padding:15px 20px; cursor:pointer; list-style:none; }.network-record-card>summary::-webkit-details-marker{display:none}.network-record-card[open]>summary{border-bottom:1px solid #dce7ee;background:#f8fbfd}.network-card-mark{display:grid;width:56px;height:56px;place-items:center;border:1px solid color-mix(in srgb,var(--record-tone) 45%,#fff);background:color-mix(in srgb,var(--record-tone) 12%,#fff);color:var(--record-tone);font-size:22px;font-weight:950;text-transform:uppercase}.network-card-title{display:grid;min-width:0;gap:3px}.network-card-title small{color:var(--record-tone);font-size:10px;font-weight:950;letter-spacing:.1em}.network-card-title strong{overflow:hidden;color:#061c31;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.network-card-title em{overflow:hidden;color:#61788b;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.network-card-toggle{display:flex;align-items:center;gap:8px;color:#0875ab;font-size:11px;font-weight:900;text-transform:uppercase}.network-card-toggle b{font-size:20px;transition:transform .18s}.network-record-card[open] .network-card-toggle b{transform:rotate(180deg)}
.network-record-body { display:grid; gap:18px; padding:22px; }.network-record-body>section,.network-private-panel { border:1px solid #dce7ee; padding:18px; background:#fbfdfe; }.network-record-body h3,.network-split-forms h3{margin:0 0 14px;color:#09253e;font-size:15px}.network-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.network-data-grid>div{border-left:3px solid #c9dce8;padding:4px 11px}.network-data-grid span{display:block;margin-bottom:3px;color:#668095;font-size:10px;font-weight:850;text-transform:uppercase}.network-data-grid strong,.network-data-grid p,.network-data-grid a{color:#122d43;font-size:13px;line-height:1.55}.network-data-grid p{margin:2px 0;white-space:pre-line}.network-data-grid .wide,.network-decision-form .wide,.network-catalog-form .wide,.network-mission-form .wide{grid-column:1/-1}
.network-consents{display:flex;flex-wrap:wrap;gap:8px}.network-consents>span{display:grid;border:1px solid #d4e1e9;padding:8px 11px;background:#fff;color:#6c7b86;font-size:11px;font-weight:850}.network-consents .is-granted{border-color:#a9dfca;background:#effbf6;color:#08734d}.network-consents small{font-size:9px;font-weight:600}.network-document-list{display:flex;flex-wrap:wrap;gap:9px}.network-document-list>span,.network-document-list>a{display:grid;min-width:180px;border:1px solid #d7e2e9;padding:10px;background:#fff;color:#17364e;font-size:11px;text-decoration:none}.network-document-list>a:hover{border-color:#0876ad;background:#f2f9fc}.network-document-list strong{color:#0876ad;text-transform:uppercase}.network-document-list small{color:#708497}
.network-decision-form,.network-mission-form,.network-catalog-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border-top:1px solid #dce7ee;padding-top:18px}.network-decision-form label,.network-mission-form label,.network-catalog-form label,.network-split-forms label{display:grid;align-content:start;gap:5px;color:#27465f;font-size:11px;font-weight:850}.network-decision-form input,.network-decision-form select,.network-decision-form textarea,.network-mission-form input,.network-mission-form select,.network-mission-form textarea,.network-catalog-form input,.network-catalog-form select,.network-catalog-form textarea,.network-split-forms input,.network-split-forms textarea,.network-inline-record input,.network-inline-record select{width:100%;border:1px solid #bed2df;border-radius:7px;padding:10px;background:#fff;color:#0c2a43;font:inherit}.network-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important}.network-check input{width:auto!important}.network-action-row{display:flex;flex-wrap:wrap;gap:9px}.network-action-row .danger,button.danger{border-color:#bb2433;background:#bb2433;color:#fff}.network-split-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.network-split-forms form{display:grid;gap:10px;border:1px solid #d8e4ec;padding:18px;background:#f8fbfd}
.network-section-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;border-left:5px solid #0783bb;padding:6px 0 6px 16px}.network-section-toolbar h2{margin:0;color:#061d34}.network-section-toolbar p{margin:4px 0 0;color:#687f91}.network-static-card{padding:0}.network-inline-record{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(120px,1fr)) auto;align-items:center;gap:10px;border:1px solid #d5e3ec;padding:12px;background:#fff}.network-inline-record div{display:grid}.network-inline-record small{color:#667f92}.network-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.network-catalog-grid>section{border:1px solid #d7e4ec;padding:18px;background:#fff}.network-catalog-grid h2{margin:0 0 12px;color:#09243d;font-size:16px}.network-catalog-item{display:grid;grid-template-columns:1fr auto auto;gap:9px;border-top:1px solid #e3ebf0;padding:9px 2px;font-size:12px}.network-catalog-item code{color:#0877ae}.network-catalog-item span{color:#577184}.network-document-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.network-document-dashboard section{border:1px solid #d5e3ec;border-top:4px solid #087fb7;padding:20px;background:#fff;box-shadow:0 12px 28px rgba(4,34,58,.07)}.network-document-dashboard h3{margin:0;color:#536d80;font-size:12px;text-transform:uppercase}.network-document-dashboard strong{display:block;margin:10px 0;color:#07213a;font-size:31px}.network-document-dashboard p{margin:0;color:#667d8e;font-size:12px;line-height:1.55}.network-compliance-note{margin-top:18px;border-left:5px solid #c38308;padding:18px;background:#fff9e9;color:#4d3a18}.network-compliance-note p{margin:6px 0 0;line-height:1.6}
@media(max-width:1100px){.network-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-decision-form,.network-mission-form,.network-catalog-form{grid-template-columns:repeat(2,minmax(0,1fr))}.network-document-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.network-inline-record{grid-template-columns:1fr 1fr}.network-inline-record div{grid-column:1/-1}.network-inline-record button{width:max-content}}
@media(max-width:720px){.network-summary-grid,.network-dashboard-grid,.network-catalog-grid,.network-document-dashboard,.network-split-forms{grid-template-columns:1fr}.network-summary-card{min-height:118px}.network-record-card>summary,.network-static-summary{grid-template-columns:46px minmax(0,1fr);min-height:104px;padding:13px}.network-card-mark{width:43px;height:43px}.network-record-card>summary>.data-status,.network-static-summary>.data-status{grid-column:2}.network-card-toggle,.network-static-summary>.button{grid-column:2;justify-self:start}.network-data-grid,.network-decision-form,.network-mission-form,.network-catalog-form,.network-filters{grid-template-columns:1fr}.network-data-grid .wide,.network-decision-form .wide,.network-catalog-form .wide,.network-mission-form .wide{grid-column:auto}.network-record-body{padding:13px}.network-process li{grid-template-columns:1fr;gap:3px}.network-inline-record{grid-template-columns:1fr}.network-inline-record div{grid-column:auto}}

/* Registrul electronic GDPR */
.gdpr-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 22px; }
.gdpr-summary-card { position: relative; min-height: 118px; overflow: hidden; border: 1px solid var(--ui-border); border-radius: 14px; background: #fff; box-shadow: var(--ui-shadow-sm); padding: 17px 18px; }
.gdpr-summary-card::after { position: absolute; right: -22px; bottom: -32px; width: 92px; height: 92px; border: 14px solid #edf4f7; border-radius: 50%; content: ""; }
.gdpr-summary-card span, .gdpr-summary-card small, .gdpr-summary-card strong { position: relative; z-index: 1; display: block; }
.gdpr-summary-card span { color: #5f7689; font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.gdpr-summary-card strong { margin-top: 5px; color: var(--ui-navy-900); font-size: 31px; line-height: 1; }
.gdpr-summary-card small { margin-top: 7px; color: #7890a1; font-size: 10px; }
.gdpr-summary-card.is-success { border-top: 3px solid #169873; }
.gdpr-summary-card.is-warning { border-top: 3px solid #d3a431; }
.gdpr-summary-card.is-risk { border-top: 3px solid #c9493f; }
.gdpr-workspace { grid-template-columns: 1fr; }
.gdpr-filters { grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(150px, 1fr)) auto auto !important; }
.gdpr-register-section { overflow: hidden; }
.gdpr-register-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--ui-border); padding: 20px 22px; }
.gdpr-register-toolbar h2 { margin: 3px 0 0; }
.gdpr-kicker { color: var(--ui-blue-600); font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.gdpr-toolbar-actions, .gdpr-detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.gdpr-activity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 18px; }
.gdpr-activity-card { position: relative; display: flex; min-height: 330px; flex-direction: column; overflow: hidden; border: 1px solid var(--ui-border); border-top: 4px solid #4c8aa9; border-radius: 14px; background: #fff; box-shadow: 0 7px 20px rgba(8,35,57,.05); padding: 19px; }
.gdpr-activity-card.risk-low { border-top-color: #169873; }
.gdpr-activity-card.risk-medium { border-top-color: #d3a431; }
.gdpr-activity-card.risk-high { border-top-color: #c9493f; }
.gdpr-activity-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.gdpr-activity-card h3 { margin: 5px 0 0; font-size: 19px; line-height: 1.2; }
.gdpr-activity-card h3 a { color: var(--ui-navy-900); text-decoration: none; }
.gdpr-activity-card > p { flex-grow: 1; margin: 13px 0; color: #557083; font-size: 12px; line-height: 1.65; }
.gdpr-code { color: var(--ui-blue-600); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.gdpr-status { flex: 0 0 auto; border-radius: 999px; background: #eef4f7; color: #496578; padding: 5px 9px; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.gdpr-status.status-active { background: #e5f8f2; color: #08765a; }
.gdpr-status.status-review { background: #fff5d8; color: #865f00; }
.gdpr-status.status-draft { background: #edf3f8; color: #536b7c; }
.gdpr-status.status-archived { background: #f3eeee; color: #765d5d; }
.gdpr-card-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border: 1px solid #e0e9ef; border-radius: 10px; background: #f8fafb; }
.gdpr-card-facts > div { min-width: 0; border-right: 1px solid #e0e9ef; border-bottom: 1px solid #e0e9ef; padding: 8px 10px; }
.gdpr-card-facts > div:nth-child(2n) { border-right: 0; }
.gdpr-card-facts > div:nth-last-child(-n+2) { border-bottom: 0; }
.gdpr-card-facts dt { color: #7890a1; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.gdpr-card-facts dd { overflow: hidden; margin: 2px 0 0; color: var(--ui-navy-800); font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.gdpr-completeness { margin-top: 11px; border-left: 3px solid #169873; background: #effaf7; padding: 8px 10px; color: #176b58; font-size: 9px; }
.gdpr-completeness.is-incomplete { border-left-color: #d3a431; background: #fff9e9; color: #765900; }
.gdpr-completeness strong, .gdpr-completeness span { display: block; }
.gdpr-completeness span { margin-top: 2px; }
.gdpr-activity-card > footer { display: flex; gap: 14px; margin-top: 13px; border-top: 1px solid #e1e9ef; padding-top: 11px; }
.gdpr-activity-card > footer a { color: var(--ui-blue-700); font-size: 10px; font-weight: 850; }
.gdpr-empty { grid-column: 1/-1; display: grid; min-height: 180px; place-items: center; align-content: center; gap: 8px; border: 1px dashed var(--ui-border-strong); border-radius: 13px; color: var(--ui-muted); }
.gdpr-form { display: grid; gap: 15px; }
.gdpr-form > .workspace-card { width: 100%; }

/* Mapă instituțională ARES */
.ares-folder-page { display: grid; width: min(1320px, 100%); margin: 0 auto; gap: 22px; }
.ares-folder-hero {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: 250px;
  align-items: end;
  justify-content: space-between;
  gap: 36px;
  border: 1px solid #164f79;
  border-radius: 20px;
  background: radial-gradient(circle at 87% 12%, rgba(42, 196, 220, .25), transparent 30%), linear-gradient(135deg, #061d38, #084974 68%, #0792aa);
  color: #fff;
  padding: 38px 42px;
  box-shadow: var(--ui-shadow);
}
.ares-folder-hero::after { content: ""; position: absolute; right: -180px; top: -210px; width: 430px; height: 430px; border: 34px solid rgba(255, 255, 255, .08); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255, 255, 255, .025); }
.ares-folder-hero > * { position: relative; z-index: 1; }
.ares-folder-hero h1 { margin: 9px 0 13px; font-size: clamp(42px, 6vw, 74px); line-height: .95; letter-spacing: -.055em; }
.ares-folder-hero p { max-width: 760px; margin: 0; color: #cfe5ef; font-size: 16px; line-height: 1.6; }
.ares-folder-spec { display: grid; min-width: 210px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 14px; background: rgba(3, 27, 52, .28); padding: 20px 23px; gap: 6px; }
.ares-folder-spec strong { font-size: 22px; }
.ares-folder-spec span { color: #9fd8e7; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.ares-folder-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; border-bottom: 1px solid var(--ui-border); padding: 5px 3px 17px; }
.ares-folder-section-heading h2 { margin: 6px 0 0; color: var(--ui-navy-900); font-size: 28px; letter-spacing: -.025em; }
.ares-folder-section-heading > p { max-width: 660px; margin: 0; color: var(--ui-muted); font-size: 12px; line-height: 1.55; }
.ares-folder-sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.ares-folder-side-card { overflow: hidden; border: 1px solid var(--ui-border); border-radius: 18px; background: #fff; box-shadow: var(--ui-shadow); }
.ares-folder-side-card > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--ui-border); padding: 20px 22px; }
.ares-folder-side-card > header span { color: var(--ui-blue-600); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.ares-folder-side-card > header h2 { margin: 5px 0; color: var(--ui-navy-900); font-size: 23px; }
.ares-folder-side-card > header p { margin: 0; color: var(--ui-muted); font-size: 11px; line-height: 1.45; }
.ares-folder-side-card > header > strong { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border: 1px solid #cce3eb; border-radius: 11px; background: #ecf8fb; color: var(--ui-blue-700); font-size: 18px; }
.ares-folder-preview { display: grid; min-height: 540px; place-items: center; background: linear-gradient(145deg, #e9f0f5, #f7fafc); padding: 24px; }
.ares-folder-preview img { display: block; width: auto; max-width: 100%; height: 535px; border: 1px solid #cad9e3; background: #fff; object-fit: contain; box-shadow: 0 22px 45px -28px rgba(0, 27, 51, .7); }
.ares-folder-side-card.is-landscape .ares-folder-preview { min-height: 370px; }
.ares-folder-side-card.is-landscape .ares-folder-preview img { width: 100%; height: auto; aspect-ratio: 420 / 297; }
.ares-folder-preview.is-blank img { background: #fff; }
.ares-folder-side-card > footer { display: flex; justify-content: flex-end; border-top: 1px solid var(--ui-border); padding: 15px 20px; }
.ares-folder-cover-download { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: -8px; border: 1px solid #c9dde7; border-radius: 14px; background: #f7fbfd; padding: 17px 20px; }
.ares-folder-cover-download > div { display: grid; gap: 4px; }
.ares-folder-cover-download strong { color: var(--ui-navy-900); font-size: 15px; }
.ares-folder-cover-download span { color: var(--ui-muted); font-size: 11px; }
.ares-folder-print-panel { display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid #c9dde7; border-left: 5px solid var(--ui-cyan-500); border-radius: 17px; background: #fff; padding: 27px 30px; box-shadow: var(--ui-shadow); }
.ares-folder-print-panel h2 { margin: 7px 0 8px; color: var(--ui-navy-900); font-size: 25px; letter-spacing: -.02em; }
.ares-folder-print-panel p { max-width: 760px; margin: 0; color: var(--ui-muted); font-size: 12px; line-height: 1.55; }
.ares-folder-print-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.ares-folder-print-actions form { margin: 0; }

@media (max-width: 980px) {
  .ares-folder-sides { grid-template-columns: 1fr; }
  .ares-folder-preview img { height: min(72vh, 670px); }
}

@media (max-width: 680px) {
  .ares-folder-page { gap: 15px; }
  .ares-folder-hero { min-height: 0; align-items: stretch; flex-direction: column; border-radius: 15px; padding: 28px 23px; }
  .ares-folder-hero h1 { font-size: 45px; }
  .ares-folder-spec { width: 100%; min-width: 0; }
  .ares-folder-section-heading { align-items: start; flex-direction: column; gap: 10px; padding-right: 2px; padding-left: 2px; }
  .ares-folder-preview { min-height: 0; padding: 13px; }
  .ares-folder-preview img { width: 100%; height: auto; }
  .ares-folder-side-card.is-landscape .ares-folder-preview { min-height: 0; }
  .ares-folder-cover-download { align-items: stretch; flex-direction: column; }
  .ares-folder-cover-download .button { width: 100%; }
  .ares-folder-print-panel { align-items: stretch; flex-direction: column; padding: 23px 20px; }
  .ares-folder-print-actions { align-items: stretch; flex-direction: column; }
  .ares-folder-print-actions .button,
  .ares-folder-print-actions button { width: 100%; }
}
.gdpr-form-grid textarea { min-height: 128px; resize: vertical; }
.gdpr-form-grid label small { display: block; margin-top: 2px; color: #7890a1; font-size: 9px; font-weight: 600; }
.gdpr-check { display: flex !important; align-items: center; align-self: stretch; flex-direction: row !important; gap: 10px !important; min-height: 54px; border: 1px solid var(--ui-border); border-radius: 9px; background: #f8fafb; padding: 11px 13px; }
.gdpr-check input { width: 18px !important; height: 18px; margin: 0; }
.gdpr-check span { font-size: 11px; font-weight: 800; }
.gdpr-form-actions { position: sticky; z-index: 10; bottom: 12px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; border: 1px solid rgba(198,214,226,.9); border-radius: 13px; background: rgba(255,255,255,.92); box-shadow: 0 14px 36px rgba(8,35,57,.12); padding: 12px; backdrop-filter: blur(16px); }
.gdpr-detail-actions { margin: -8px 0 19px; }
.gdpr-detail-actions form { margin: 0; }
.gdpr-detail-hero { display: grid; grid-template-columns: .7fr .7fr 1.5fr 1fr 1fr; overflow: hidden; border: 1px solid var(--ui-border); border-top: 4px solid #4c8aa9; border-radius: 15px; background: #fff; box-shadow: var(--ui-shadow-sm); }
.gdpr-detail-hero.risk-low { border-top-color: #169873; }
.gdpr-detail-hero.risk-medium { border-top-color: #d3a431; }
.gdpr-detail-hero.risk-high { border-top-color: #c9493f; }
.gdpr-detail-hero > div { border-right: 1px solid var(--ui-border); padding: 15px 17px; }
.gdpr-detail-hero > div:last-child { border-right: 0; }
.gdpr-detail-hero span, .gdpr-detail-hero strong { display: block; }
.gdpr-detail-hero span { color: #7890a1; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.gdpr-detail-hero strong { margin-top: 4px; font-size: 12px; }
.gdpr-detail-warning { margin: 14px 0; }
.gdpr-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gdpr-detail-card { overflow: hidden; min-height: 150px; }
.gdpr-detail-card.is-wide { grid-column: 1/-1; }
.gdpr-detail-card-head { border-bottom: 1px solid var(--ui-border); background: #f8fafb; padding: 14px 17px; }
.gdpr-detail-card-head span { color: var(--ui-blue-600); font-size: 8px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.gdpr-detail-card-head h2 { margin: 3px 0 0; font-size: 16px; }
.gdpr-detail-card > p, .gdpr-detail-card > ul, .gdpr-detail-card > dl { margin: 0; padding: 15px 17px; }
.gdpr-inline-heading { margin: 0; border-top: 1px solid var(--ui-border); padding: 14px 17px 0; color: var(--ui-text); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.gdpr-provider-list { display: grid; gap: 10px; padding: 0 17px 17px; }
.gdpr-provider-list article { border: 1px solid var(--ui-border); border-radius: 10px; background: var(--ui-canvas); padding: 12px 14px; }
.gdpr-provider-list article strong, .gdpr-provider-list article span { display: block; }
.gdpr-provider-list article span { margin-top: 3px; color: var(--ui-muted); font-size: 10px; }
.gdpr-provider-list article p { margin: 8px 0 0; line-height: 1.55; }
.gdpr-outstanding-card { border-color: #e1bb55; background: #fffaf0; }
.gdpr-outstanding-card .gdpr-detail-card-head { background: #fff4d8; }
.gdpr-detail-list { display: grid; gap: 7px; list-style: none; }
.gdpr-detail-list li { position: relative; padding-left: 15px; color: #36556b; font-size: 11px; }
.gdpr-detail-list li::before { position: absolute; top: .55em; left: 0; width: 6px; height: 6px; border-radius: 2px; background: var(--ui-cyan-500); content: ""; }
.gdpr-not-recorded { color: #8d6844; font-style: italic; }
.gdpr-definition-list { display: grid; gap: 0; }
.gdpr-definition-list > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; border-bottom: 1px solid #e5ecf1; padding: 8px 0; }
.gdpr-definition-list > div:last-child { border-bottom: 0; }
.gdpr-definition-list dt { color: #7890a1; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.gdpr-definition-list dd { margin: 0; color: #284a62; font-size: 11px; }
.gdpr-revisions { margin-top: 15px; }
.gdpr-revisions ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.gdpr-revisions li { display: grid; grid-template-columns: 190px 240px minmax(0,1fr); gap: 14px; border-bottom: 1px solid var(--ui-border); padding: 11px 0; }
.gdpr-revisions li:last-child { border-bottom: 0; }
.gdpr-revisions li span { color: #71889a; font-size: 10px; }
.gdpr-revisions li p { margin: 0; color: #466276; font-size: 10px; }

@media (max-width: 1180px) {
  .gdpr-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gdpr-filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .gdpr-detail-hero { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gdpr-detail-hero > div { border-bottom: 1px solid var(--ui-border); }
}
@media (max-width: 760px) {
  .gdpr-summary-grid, .gdpr-activity-grid, .gdpr-detail-grid { grid-template-columns: 1fr; }
  .gdpr-summary-card { min-height: 98px; }
  .gdpr-filters { grid-template-columns: 1fr !important; }
  .gdpr-register-toolbar, .gdpr-detail-actions { align-items: stretch; flex-direction: column; }
  .gdpr-toolbar-actions { display: grid; }
  .gdpr-toolbar-actions > *, .gdpr-detail-actions > *, .gdpr-detail-actions form, .gdpr-detail-actions form button { width: 100%; }
  .gdpr-activity-grid { padding: 12px; }
  .gdpr-activity-card { min-height: 0; padding: 15px; }
  .gdpr-detail-hero { grid-template-columns: 1fr; }
  .gdpr-detail-hero > div { border-right: 0; }
  .gdpr-detail-card.is-wide { grid-column: auto; }
  .gdpr-definition-list > div, .gdpr-revisions li { grid-template-columns: 1fr; gap: 4px; }
  .gdpr-form-actions { position: static; align-items: stretch; flex-direction: column; }
  .gdpr-form-actions > * { width: 100%; }
}