:root{--bg:#08111f;--panel:#101c2d;--panel2:#0d1828;--line:#25364b;--text:#ecf4ff;--muted:#8da0b7;--blue:#4ea1ff;--green:#34d399;--red:#fb7185;--amber:#fbbf24;--shadow:0 24px 70px rgba(0,0,0,.35);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}
.hidden{display:none!important}
.boot-screen,.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#14335a 0,#08111f 45%,#050b14 100%)}
.boot-card,.login-panel{width:min(540px,calc(100vw - 30px));padding:36px;background:rgba(11,23,40,.92);border:1px solid #2b4059;border-radius:18px;box-shadow:var(--shadow)}
.boot-card{text-align:center}.boot-logo,.login-logo,.console-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#1d7fe0,#62b2ff);box-shadow:0 10px 30px #1d7fe044;font-size:25px}
.boot-logo{margin:0 auto 18px}.boot-title{font-size:15px;font-weight:800;letter-spacing:.2em}.boot-line{margin:14px 0;color:var(--muted);font-size:12px}.boot-progress{height:5px;background:#17283d;border-radius:999px;overflow:hidden}.boot-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#3a96ff,#79c2ff);transition:width .7s}
.login-panel{max-width:510px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand span{font-size:9px;letter-spacing:.18em;color:#8fa4bb}.login-brand b{font-size:11px;letter-spacing:.12em}.login-badge{display:inline-flex;padding:6px 9px;border:1px solid #355676;border-radius:999px;color:#98c9ff;background:#10253b;font-size:9px;font-weight:800}.login-panel h1{margin:18px 0 6px;font-size:31px}.login-subtitle{margin:0 0 24px;color:var(--muted);font-size:12px}.login-panel form{display:grid;gap:14px}.login-panel label{display:grid;gap:7px;color:#bdcbe0;font-size:11px;font-weight:700}.login-panel input{width:100%;min-height:46px;padding:0 13px;border-radius:9px;border:1px solid #30465f;background:#0a1524;color:#fff;outline:none}.login-panel input:focus{border-color:#4ea1ff;box-shadow:0 0 0 3px #4ea1ff22}.primary-btn{min-height:46px;border:0;border-radius:9px;background:linear-gradient(135deg,#1675d3,#4ea1ff);color:#fff;font-weight:800}.login-error{min-height:18px;color:#ff9aab;font-size:11px}.login-footer{display:flex;justify-content:space-between;margin-top:20px;color:#70839b;font-size:9px}
.console{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#eef3f8;color:#17283b}.console-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;background:linear-gradient(180deg,#091727,#0b1727);color:#fff;border-right:1px solid #172c44}.console-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 20px}.console-mark{width:38px;height:38px;border-radius:11px;font-size:17px}.console-brand div:last-child{display:flex;flex-direction:column}.console-brand b{font-size:13px;letter-spacing:.13em}.console-brand span{font-size:8px;letter-spacing:.17em;color:#8ca0b7}.server-status{display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid #20364e;border-radius:10px;background:#0c2035}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #34d39920}.server-status div{display:flex;flex-direction:column}.server-status b{font-size:10px}.server-status small{color:#8fa4bb;font-size:9px;margin-top:2px}.console-nav{display:grid;gap:4px;margin-top:20px}.console-nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:39px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#9db0c5;text-align:left;font-size:11px;font-weight:700}.console-nav button span{width:18px;text-align:center}.console-nav button:hover{background:#142a42;color:#fff}.console-nav button.active{background:#153a5f;color:#fff;box-shadow:inset 3px 0 0 #4ea1ff}.sidebar-bottom{margin-top:auto;display:grid;gap:9px}.session-box{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #20364e;border-radius:9px;background:#0c2035}.session-box small{color:#71859c;font-size:8px}.session-box b{font-size:12px;color:#bdddff}.logout-btn{min-height:37px;border:1px solid #334960;border-radius:8px;background:#111f30;color:#d9e6f6;font-size:10px;font-weight:800}
.console-main{min-width:0}.console-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-bottom:1px solid #d8e1ea;background:rgba(247,250,252,.94);backdrop-filter:blur(12px)}.console-header h2{margin:3px 0 0;font-size:21px}.eyebrow{font-size:8px;letter-spacing:.16em;font-weight:900;color:#74869a}.header-actions{display:flex;align-items:center;gap:8px}.security-chip{padding:7px 9px;border-radius:999px;border:1px solid #b9d7f3;color:#1763a3;background:#eaf5ff;font-size:8px;font-weight:900}.ghost-btn{min-height:34px;padding:7px 11px;border:1px solid #cad6e2;border-radius:8px;background:#fff;color:#3a4c60;font-size:10px;font-weight:700}
.console-view{padding:24px 26px 36px;max-width:1500px}.hero-card{display:flex;justify-content:space-between;gap:25px;padding:24px;border:1px solid #d8e2eb;border-radius:14px;background:linear-gradient(135deg,#fff,#f4f9fd);box-shadow:0 8px 24px rgba(32,52,74,.06)}.hero-card h1{margin:7px 0 8px;font-size:26px;color:#12273d}.hero-card p{margin:0;color:#667a8e;font-size:12px;max-width:720px;line-height:1.6}.hero-terminal{min-width:180px;padding:14px;border-radius:10px;background:#0b1727;color:#fff;display:flex;flex-direction:column;justify-content:center}.hero-terminal span{font-size:8px;letter-spacing:.15em;color:#7f94ab}.hero-terminal b{margin:5px 0;color:#4ade80;font-size:22px}.hero-terminal small{color:#8ca0b7;font-size:8px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.metric-card,.panel-card{border:1px solid #d8e2eb;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(32,52,74,.05)}.metric-card{padding:14px}.metric-card small{display:block;color:#718296;font-size:8px;letter-spacing:.12em;font-weight:900}.metric-card b{display:block;margin:7px 0 3px;font-size:25px;color:#1a3046}.metric-card span{color:#7b8b9c;font-size:9px}.metric-card.danger b{color:#c23a4b}.metric-card.warn b{color:#9a6b00}.grid-two{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel-card{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h3{margin:3px 0;font-size:15px}.list{display:grid;gap:6px}.ip-row,.user-row,.audit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e1e7ed;border-radius:8px;background:#fbfcfe}.ip-main,.user-main,.audit-main{min-width:0;display:flex;flex-direction:column;gap:2px}.ip-main b,.user-main b,.audit-main b{font-size:10px;color:#21364c}.ip-main small,.user-main small,.audit-main small{font-size:8px;color:#718297}.country{color:#375f82!important;font-weight:700}.system-info{display:grid;gap:8px}.system-info div{display:flex;justify-content:space-between;gap:10px;padding:9px;border-bottom:1px solid #edf1f5;font-size:9px}.system-info span{color:#728398}.system-info b{color:#263d53}.section-intro{margin-bottom:15px}.section-intro h1{margin:5px 0;font-size:25px}.section-intro p{margin:0;color:#66798d;font-size:11px}.muted{color:#718397;font-size:9px}.user-list,.audit-list{display:grid;gap:7px}.pill{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800}.pill.green{background:#e7f9f0;color:#13784a}.pill.red{background:#ffecef;color:#b52d46}.pill.gray{background:#eef2f6;color:#627386}
@media(max-width:900px){.console{grid-template-columns:1fr}.console-sidebar{position:relative;height:auto}.console-nav{grid-template-columns:repeat(4,1fr)}.sidebar-bottom{margin-top:15px}.metric-grid,.grid-two{grid-template-columns:1fr 1fr}.hero-card{flex-direction:column}.hero-terminal{min-width:0}}
@media(max-width:600px){.console-nav{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.console-header{padding:14px}.console-view{padding:15px}.grid-two{grid-template-columns:1fr}.header-actions .security-chip{display:none}}

/* User + role management */
.user-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px}
.console-search{flex:1;min-height:38px;border:1px solid #cbd7e3;border-radius:8px;padding:0 12px;background:#fff;color:#1e3145;outline:none;font-size:11px}
.console-search:focus{border-color:#4ea1ff;box-shadow:0 0 0 3px #4ea1ff18}
.primary-small{min-height:36px;padding:8px 12px;border:0;border-radius:8px;background:linear-gradient(135deg,#1675d3,#4ea1ff);color:#fff;font-size:10px;font-weight:800}
.user-admin-layout,.roles-admin-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;align-items:start}
.user-directory-card,.user-editor-card{min-width:0}
.user-list{max-height:650px;overflow:auto}
.user-row-button{width:100%;border:1px solid #e0e7ee;background:#fbfcfe;text-align:left;cursor:pointer}
.user-row-button:hover{background:#f4f8fc;border-color:#c7d7e6}
.user-row-button.selected{background:#eaf5ff;border-color:#93bfe8;box-shadow:inset 3px 0 0 #0f6cbd}
.user-row-button + .user-row-button{margin-top:6px}
.user-editor{display:grid;gap:14px}
.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.user-editor label,.role-editor>label{display:grid;gap:6px;color:#5d7185;font-size:9px;font-weight:800}
.user-editor input,.user-editor select,.role-editor input{min-height:38px;padding:0 10px;border:1px solid #cad6e1;border-radius:8px;background:#fff;color:#203448;font-size:10px;outline:none}
.user-editor input:focus,.user-editor select:focus,.role-editor input:focus{border-color:#5a9cdb;box-shadow:0 0 0 3px #4ea1ff18}
.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #e0e7ee;border-radius:10px;background:#f7f9fb}
.check{display:flex!important;align-items:center;gap:8px!important;padding:8px 9px;border:1px solid #e2e8ee;border-radius:8px;background:#fff;color:#33495e!important;font-size:9px!important;font-weight:700!important}
.check input{min-height:14px;width:14px}
.password-create{padding:10px;border:1px dashed #9ab7d2;border-radius:9px;background:#f3f8fd}
.editor-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid #e1e7ed}
.danger-btn{border-color:#e0b9bf!important;color:#b13b4d!important;background:#fff!important}
.editor-message{min-height:18px;color:#2b6b4e;font-size:9px}
.empty-editor{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;color:#7a8998}.empty-editor>div{font-size:30px;opacity:.45}.empty-editor h3{margin:6px 0;color:#465b70;font-size:15px}.empty-editor p{margin:0;max-width:330px;font-size:10px;line-height:1.5}
.roles-list{display:grid;gap:6px;max-height:650px;overflow:auto}
.role-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid #e0e7ee;border-radius:9px;background:#fbfcfe;text-align:left;cursor:pointer}
.role-row:hover{background:#f5f9fd}.role-row.selected{background:#eaf5ff;border-color:#97c2ea;box-shadow:inset 3px 0 0 #0f6cbd}.role-row>div{display:flex;flex-direction:column;gap:3px}.role-row b{font-size:10px;color:#21364c}.role-row small{font-size:8px;color:#77879a}
.pill.blue{background:#e8f3ff;color:#1763a3}
.role-editor{display:grid;gap:12px}
.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:560px;overflow:auto;padding-right:3px}
.permission-check{display:flex!important;align-items:flex-start;gap:8px!important;padding:9px;border:1px solid #e2e8ef;border-radius:8px;background:#fbfcfe;color:#2d4053!important;font-size:9px!important;font-weight:600!important}
.permission-check input{margin-top:2px}.permission-check span{display:flex;flex-direction:column;gap:2px}.permission-check b{font-size:9px}.permission-check small{font-size:7px;color:#7a8999}
@media(max-width:1100px){.user-admin-layout,.roles-admin-layout{grid-template-columns:1fr}.user-list,.roles-list{max-height:420px}.permission-grid{grid-template-columns:1fr}}
@media(max-width:700px){.form-grid.two,.toggle-grid{grid-template-columns:1fr}.user-toolbar{flex-direction:column;align-items:stretch}.console-search{width:100%}}

.maintenance-secure-card{margin-top:14px}.maintenance-copy{margin:0 0 10px;color:#65798c;font-size:10px;line-height:1.5}.maintenance-controls{display:grid;gap:10px}.maintenance-toggle{max-width:520px}.maintenance-message{width:100%;resize:vertical;min-height:85px;padding:10px;border:1px solid #cad6e1;border-radius:8px;background:#fff;color:#203448;font-size:10px;outline:none}.maintenance-message:focus{border-color:#5a9cdb;box-shadow:0 0 0 3px #4ea1ff18}
.securityHero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:14px 0}.securityHeroMain{min-width:0}.securityHeroMain h2{margin:8px 0 5px;color:#0b2a4a;font-size:22px}.securityStatusBadge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.4px}.securityStatusBadge.good{background:#e8f7ee;color:#18733b}.securityStatusBadge.warn{background:#fff5dc;color:#8a6100}.securityStatusBadge.bad{background:#fde8e7;color:#a3291d}.securityHeroScore{flex:0 0 170px;text-align:center;padding:16px;border:1px solid #dbe7f5;border-radius:15px;background:#f8fbff}.securityHeroScore span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#70809a;font-weight:800}.securityHeroScore b{display:block;font-size:32px;line-height:1.1;margin-top:5px;color:#1769d2}.securityHeroScore small{display:block;color:#70809a;font-size:10px;margin-top:4px}.securityCenterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.securityPanel{min-width:0}.securityCheckList,.securityDataList{display:flex;flex-direction:column}.securityCheckRow{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:12px}.securityCheckRow:last-child,.securityDataRow:last-child,.securityAttackRow:last-child{border-bottom:0}.securityCheckState{font-size:10px;font-weight:800;color:#18733b}.securityDataRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6}.securityDataMain{min-width:0;flex:1}.securityDataMain b{display:block;color:#17345d;font-size:13px;overflow-wrap:anywhere}.securityDataMain small{display:block;margin-top:3px;color:#70809a;font-size:10px;line-height:1.35;overflow-wrap:anywhere}.securityDataActions{flex:0 0 auto}.securityAttackRow{padding:9px 0;border-bottom:1px solid #edf1f6}.securityAttackRow>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.securityAttackRow b{font-size:12px;color:#17345d}.securityAttackRow small{font-size:10px;color:#70809a}.securityBar{height:6px;margin-top:6px;border-radius:999px;background:#edf2f7;overflow:hidden}.securityBar i{display:block;height:100%;border-radius:999px;background:#1769d2}.securityPanel .cardTitle p{margin-top:3px}
@media(max-width:900px){.securityCenterGrid{grid-template-columns:1fr}.securityHero{align-items:stretch;flex-direction:column}.securityHeroScore{flex-basis:auto}}
@media(max-width:700px){.securityDataRow{align-items:flex-start;flex-direction:column}.securityDataActions{width:100%}.securityDataActions button{width:100%}.securityHeroScore{width:100%}}


/* Horizontal card scrollers — keeps information dense without making pages excessively tall. */
.stats.big,
.securityCenterGrid{
  display:flex;
  grid-template-columns:none;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 10px;
  margin-bottom:14px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.stats.big>div{
  flex:0 0 min(260px,28vw);
  scroll-snap-align:start;
  margin:0;
}
.securityCenterGrid>.securityPanel{
  flex:0 0 min(520px,44vw);
  scroll-snap-align:start;
  margin:0;
}
.stats.big::-webkit-scrollbar,
.securityCenterGrid::-webkit-scrollbar{height:7px}
.stats.big::-webkit-scrollbar-thumb,
.securityCenterGrid::-webkit-scrollbar-thumb{background:#c9d8ea;border-radius:99px}
.stats.big::-webkit-scrollbar-track,
.securityCenterGrid::-webkit-scrollbar-track{background:#eef3f9;border-radius:99px}

@media(max-width:900px){
  .stats.big>div{flex-basis:min(280px,72vw)}
  .securityCenterGrid>.securityPanel{flex-basis:min(460px,86vw)}
}
@media(max-width:560px){
  .stats.big,
  .securityCenterGrid{gap:10px;padding-bottom:8px}
  .stats.big>div{flex-basis:84vw}
  .securityCenterGrid>.securityPanel{flex-basis:88vw}
}


/* Service Center clickable cards and quick-action modal */
.serviceCenterStatBtn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1px solid #e0e8f2!important;background:#f6f9fd!important;color:var(--text)!important;border-radius:12px!important;padding:13px!important;cursor:pointer!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.serviceCenterStatBtn:hover{border-color:#1769d2!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,55,95,.08)}
.serviceCenterStatBtn b{display:block;font-size:24px;color:#17345d}.serviceCenterStatBtn span{font-size:12px;color:#6c7d93}
.serviceCenterModalDialog{width:min(820px,100%)}.serviceCenterModalDuty{border:1px solid #dfe8f3;border-radius:14px;padding:15px 16px;margin-bottom:12px;background:#fbfdff}.serviceCenterModalDuty:last-child{margin-bottom:0}
.serviceCenterModalDutyHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.serviceCenterModalDutyHead b{display:block;font-size:15px;color:#17345d}.serviceCenterModalDutyHead small{display:block;margin-top:5px;color:#70809a;font-size:11px;line-height:1.4}
.serviceCenterModalSection{margin-top:13px;padding-top:12px;border-top:1px solid #e6edf5}.serviceCenterModalSection h4{margin:0 0 8px;color:#17345d;font-size:12px}
.serviceCenterPerson{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #e2eaf4;border-radius:10px;background:#fff;margin-top:7px}.serviceCenterPerson.compact{padding:8px 10px}.serviceCenterPerson b{display:block;font-size:12px}.serviceCenterPerson small{display:block;color:#70809a;font-size:10px;margin-top:3px;overflow-wrap:anywhere}.serviceCenterEmpty{text-align:center;padding:24px 10px;color:#70809a}
@media(max-width:560px){.serviceCenterModalDutyHead{flex-direction:column}.serviceCenterPerson{align-items:flex-start;flex-direction:column}.serviceCenterPerson button{width:100%}}


/* Főoldali vezetői jelentés gyorsmenü */
.managementReportsQuick{margin:16px 0;border:1px solid #d6e5f6;background:linear-gradient(135deg,#f7fbff,#ffffff)}
.managementReportsQuick .cardTitle{align-items:flex-start}
.managementReportsQuick .cardTitle h2{margin:0;font-size:18px;color:#17345d}
.managementReportsQuick .cardTitle p{margin:4px 0 0;font-size:12px}
.managementReportsQuickRow{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.quickReportBtn{flex:1 0 220px;min-height:58px;border:1px solid #cbdced!important;border-radius:13px!important;background:#fff!important;color:#17345d!important;box-shadow:0 5px 15px rgba(20,55,95,.05);font-size:13px;font-weight:800;text-align:left;padding:13px 16px!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.quickReportBtn:hover{border-color:#1769d2!important;transform:translateY(-1px);box-shadow:0 8px 22px rgba(20,55,95,.09)}
.quickReportBtn:disabled{opacity:.6;cursor:wait;transform:none}
.motorosQuickReportBtn{background:#f7fcf8!important;border-color:#cce3d2!important}
@media(max-width:700px){
  .managementReportsQuick{padding:14px}
  .managementReportsQuickRow{gap:8px}
  .quickReportBtn{flex-basis:82vw;min-height:52px}
}

/* Főoldal 2.0 – szolgálati központ */
.homeCommandCenter{margin:16px 0;background:linear-gradient(135deg,#092f68,#1458ae);border-radius:18px;padding:18px;color:#fff;box-shadow:0 12px 32px rgba(8,47,104,.16)}
.homeCommandHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.homeCommandEyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:900;color:#b9d6ff;margin-bottom:4px}
.homeCommandHeader h2{margin:0;font-size:22px}
.homeCommandHeader p{margin:4px 0 0!important;color:#d6e5fb!important}
.homeCommandRefresh{background:#ffffff!important;color:#17345d!important;border-color:#ffffff!important}
.homeCommandStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.homeCommandStat{display:flex;align-items:center;gap:11px;text-align:left;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:12px;color:#fff;min-width:0}
.homeCommandStat:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.homeCommandStatIcon{width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.14);border-radius:10px;flex:0 0 36px}
.homeCommandStat b{display:block;font-size:25px;line-height:1}
.homeCommandStat small{display:block;margin-top:4px;font-size:11px;color:#d6e5fb}
.homeCommandGrid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:12px}
.homeCommandPanel{background:#fff;color:#17345d;border-radius:14px;padding:14px;min-width:0}
.homeCommandPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.homeCommandPanelHead h3{margin:0;font-size:16px}
.homeCommandPanelHead p{margin:3px 0 0;font-size:11px}
.homeTodayDuties{display:grid;gap:7px}
.homeTodayDutyRow{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #e1e9f3;border-radius:11px;background:#fbfdff}
.homeTodayDutyTime b{display:block;font-size:14px}
.homeTodayDutyTime small,.homeTodayDutyMain small{display:block;color:#718198;font-size:10px;margin-top:3px}
.homeTodayDutyMain{min-width:0}
.homeTodayDutyMain>b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeTodayDutyMain small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeTodayDutyRight{display:flex;align-items:center;gap:6px}
.homeTodayDutyRight .smallBtn{white-space:nowrap;padding:7px 9px}
.homeNextDuty{min-height:164px}
.homeNextDutyCard{min-height:164px;border:1px solid #e1e9f3;border-radius:12px;background:linear-gradient(135deg,#f7fbff,#fff);padding:15px;display:flex;flex-direction:column;gap:7px}
.homeNextDutyDate{color:#1769d2;font-size:12px;font-weight:800;text-transform:capitalize}
.homeNextDutyCard>strong{font-size:22px;color:#092f68}
.homeNextDutyCard>b{font-size:16px}
.homeNextDutyCard>span{font-size:12px;color:#667995}
.homeNextDutyCard button{margin-top:auto;width:max-content}
.homeQuickActions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.homeQuickAction{background:#f3f7fc;color:#17345d;border:1px solid #d8e3ef;padding:10px 8px;font-size:11px}
.homeQuickAction:hover{background:#e7f0fc;border-color:#b8cde7}
.homeCommandEmpty{padding:22px 10px;text-align:center;color:#70809a;font-size:12px}
.homeCommandCenter .pill{white-space:nowrap}
@media(max-width:950px){
  .homeCommandStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homeCommandGrid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .homeCommandCenter{padding:14px;border-radius:15px}
  .homeCommandHeader{align-items:center}
  .homeCommandHeader h2{font-size:19px}
  .homeCommandStats{gap:7px}
  .homeCommandStat{padding:10px}
  .homeCommandStat b{font-size:21px}
  .homeTodayDutyRow{grid-template-columns:1fr}
  .homeTodayDutyRight{justify-content:space-between}
  .homeQuickActions{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .homeCommandStats{grid-template-columns:1fr 1fr}
  .homeQuickActions{grid-template-columns:1fr}
  .homeCommandRefresh{padding:8px 10px}
}

/* Szolgálatkezelés 2.0 */
.serviceManagementToolbar{margin:0 0 14px;border:1px solid #d7e4f3;background:linear-gradient(135deg,#f8fbff,#fff)}
.serviceManagementToolbarHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:13px}
.serviceManagementToolbarHead h2{margin:2px 0 0;font-size:19px;color:#17345d}
.serviceManagementToolbarHead p{margin:4px 0 0;font-size:12px}
.serviceManagementEyebrow{display:block;font-size:9px;letter-spacing:1.8px;font-weight:900;color:#1769d2}
.serviceManagementStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.serviceManagementStat{background:#fff!important;color:#17345d!important;border:1px solid #dce6f2!important;border-radius:12px!important;padding:12px!important;text-align:left;box-shadow:none!important}
.serviceManagementStat:hover{border-color:#a9c5e8!important;transform:translateY(-1px)}
.serviceManagementStat.active{border-color:#1769d2!important;box-shadow:0 0 0 2px #1769d21a!important}
.serviceManagementStat.warning b{color:#b45309}
.serviceManagementStat b{display:block;font-size:24px;line-height:1.05;color:#0d3f86}
.serviceManagementStat span{display:block;color:#70809a;font-size:11px;margin-top:4px}
.serviceManagementFilterHint{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px;font-size:11px;color:#70809a}
.serviceManagementFilter{background:#f3f7fc!important;color:#36516f!important;border:1px solid #d6e1ed!important;padding:7px 10px!important;border-radius:999px!important;font-size:11px!important}
.serviceManagementFilter.active{background:#e8f2ff!important;color:#1769d2!important;border-color:#a9c8ef!important}
@media(max-width:850px){.serviceManagementStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .serviceManagementToolbar{padding:14px}
  .serviceManagementToolbarHead{align-items:stretch;flex-direction:column}
  .serviceManagementToolbarHead>button{width:100%}
  .serviceManagementStats{grid-template-columns:1fr 1fr}
}

/* Szolgálattervezés összevonása a Szolgálatok menübe */
.serviceManagementActionButtons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.serviceManagementActionButtons .planningActionBtn{white-space:nowrap}
.servicePlanningDialog{width:min(720px,calc(100vw - 28px))!important;max-width:720px!important}
.serviceManagementDialog{width:min(1040px,calc(100vw - 24px))!important;max-width:1040px!important}
.serviceManagementModalBody{display:block!important;padding:18px!important}
.serviceManagementInnerCard{margin:0;padding:14px}
.serviceManagementInnerCard .cardTitle{align-items:flex-start}
.serviceManagementInnerCard #adminDutyList{max-height:65vh;overflow:auto;padding-right:4px}
@media(max-width:700px){
  .serviceManagementActionButtons{display:grid;grid-template-columns:1fr;width:100%}
  .serviceManagementActionButtons .planningActionBtn{width:100%}
  .serviceManagementDialog{width:calc(100vw - 12px)!important}
  .servicePlanningDialog{width:calc(100vw - 18px)!important}
  .serviceManagementModalBody{padding:10px!important}
  .serviceManagementInnerCard{padding:10px}
}

/* CHG-2026-09-30-004 – egymás melletti, egymásra nyitott szolgálatkezelő modalok */
@media(min-width:1001px){
  #servicePlanningManageModal.nestedModalOpen{
    justify-content:flex-start;
    align-items:center;
    padding:20px;
  }
  #servicePlanningManageModal.nestedModalOpen .memberEditOverlay{
    pointer-events:none;
  }
  #servicePlanningManageModal.nestedModalOpen .serviceManagementDialog{
    width:calc(50vw - 34px)!important;
    max-width:none!important;
    margin-right:12px;
  }
  #dutyManagerModal.nestedFromService{
    z-index:1300!important;
    justify-content:flex-end;
    align-items:center;
    padding:20px;
    pointer-events:none;
    background:transparent;
  }
  #dutyManagerModal.nestedFromService .dutyManagerOverlay{
    display:none;
  }
  #dutyManagerModal.nestedFromService .dutyManagerDialog{
    width:calc(50vw - 34px)!important;
    max-width:none!important;
    margin-left:12px;
    pointer-events:auto;
  }
}
@media(max-width:1000px){
  #dutyManagerModal.nestedFromService{
    z-index:1300!important;
  }
}


/* V7.7 – szolgálatok egységes gyorsmenü + Saját szolgálatok / Szolgálati jelentések felugró ablak */
.serviceQuickMenu{display:flex;align-items:stretch;justify-content:center;gap:10px;width:min(100%,1080px);margin:0 auto 18px;padding:10px;border:1px solid #d8e5f3;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f5f9ff);box-shadow:0 12px 30px #17345d1a;overflow-x:auto}
.serviceQuickBtn{position:relative;flex:1 1 0;min-width:150px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid #d5e2f0;border-radius:13px;background:#fff;color:var(--text);box-shadow:0 5px 14px #17345d16;white-space:nowrap;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}
.serviceQuickBtn:hover{transform:translateY(-2px);box-shadow:0 9px 20px #17345d24;border-color:#b9d0e9;background:#fafdff}
.serviceQuickBtn:active{transform:translateY(0)}
.serviceQuickBtn span{font-size:13px;font-weight:800}
.serviceQuickBtnPrimary{background:linear-gradient(135deg,#1769d2,#0d3f86);color:#fff;border-color:#0d3f86;box-shadow:0 8px 18px #0d3f8633}
.serviceQuickBtnPrimary:hover{background:linear-gradient(135deg,#2176df,#11498f);border-color:#0d3f86}
.serviceUtilityModal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;z-index:3000!important;display:none!important}
.serviceUtilityModal.serviceUtilityOpen{display:block!important}
.serviceUtilityOverlay{position:absolute;inset:0;background:#071c38aa;backdrop-filter:blur(4px)}
.serviceUtilityDialog{position:relative;z-index:1;width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:16px auto;background:#f3f7fc;border:1px solid #dbe7f5;border-radius:20px;box-shadow:0 25px 80px #001b3b55;overflow:auto;padding:20px}
.serviceUtilityDialog>.pageHead{margin-top:0;padding-right:48px}
.serviceUtilityClose{position:absolute;right:16px;top:14px;z-index:5;width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#17345d;border:1px solid #d6e3f1;box-shadow:0 6px 16px #17345d18;font-size:26px;line-height:1}
.serviceUtilityClose:hover{background:#eef5ff;transform:translateY(-1px)}
.serviceUtilityDialog .columns{margin-bottom:0}
.serviceUtilityDialog .card{box-shadow:0 8px 24px #17345d0d}
@media(max-width:900px){
  .serviceQuickMenu{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .serviceQuickMenu::-webkit-scrollbar{display:none}
  .serviceQuickBtn{flex:0 0 185px}
}
@media(max-width:700px){
  .serviceQuickMenu{width:100%;margin-bottom:12px;padding:8px;gap:8px;border-radius:15px}
  .serviceQuickBtn{min-width:170px;flex-basis:170px;min-height:50px;padding:10px 12px}
  .serviceQuickBtn span{font-size:12px}
  .serviceUtilityDialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px);margin:7px auto;padding:12px;border-radius:16px}
  .serviceUtilityDialog>.pageHead{padding-right:44px}
}


/* V7.8 – Értesítések menü: Bejelentések + Jelentkezések */
.notificationMenuModal{position:fixed;inset:0;z-index:3200;display:flex;align-items:center;justify-content:center;padding:18px}
.notificationMenuOverlay{position:absolute;inset:0;background:#071c38aa;backdrop-filter:blur(4px)}
.notificationMenuDialog{position:relative;width:min(760px,calc(100vw - 30px));background:#f3f7fc;border:1px solid #dbe7f5;border-radius:22px;box-shadow:0 25px 80px #001b3b55;padding:26px}
.notificationMenuHeader{padding:4px 50px 18px 4px}
.notificationMenuHeader h2{margin:6px 0 6px;font-size:25px;color:var(--text)}
.notificationMenuHeader p{margin:0}
.notificationMenuClose{position:absolute;right:16px;top:14px;width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--text);border:1px solid #d6e3f1;box-shadow:0 6px 16px #17345d18;font-size:26px;line-height:1}
.notificationMenuClose:hover{background:#eef5ff;transform:translateY(-1px)}
.notificationMenuOptions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.notificationMenuOption{position:relative;display:flex;align-items:center;gap:13px;text-align:left;min-height:108px;padding:17px 20px;border:1px solid #d6e3f1;border-radius:17px;background:#fff;color:var(--text);box-shadow:0 8px 24px #17345d12;transition:transform .15s,box-shadow .15s,border-color .15s}
.notificationMenuOption:hover{transform:translateY(-2px);box-shadow:0 13px 30px #17345d20;border-color:#b9d0e9}
.notificationMenuOption>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}
.notificationMenuOption b{font-size:15px}
.notificationMenuOption small{font-size:12px;color:var(--muted);line-height:1.35}
.notificationMenuIcon{width:44px;height:44px;border-radius:12px;background:#eef5ff;display:grid;place-items:center;font-size:21px;flex:0 0 44px}
.notificationMenuBadge{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#d92d20;color:#fff;font-size:12px;display:grid;place-items:center;box-shadow:0 3px 10px #d92d2026}
.newsMenuDialog{width:min(860px,calc(100vw - 30px))}
.newsMenuList{display:grid;gap:10px;max-height:62vh;overflow:auto;padding:2px}
.newsMenuItem{background:#fff;border:1px solid #dce6f2;border-radius:14px;padding:15px 16px;box-shadow:0 6px 18px #17345d0c}
.newsMenuItemHead{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.newsMenuItemHead b{font-size:15px;color:#17345d}
.newsMenuItemHead small{flex:0 0 auto;color:#718198;font-size:11px;font-weight:700}
.newsMenuItemText{margin-top:8px;color:#4d617c;font-size:13px;line-height:1.55;white-space:pre-wrap}
.newsMenuEmpty{text-align:center;padding:35px 15px;color:#70809a}

@media(max-width:700px){
  .notificationMenuModal{padding:8px}
  .notificationMenuDialog{width:calc(100vw - 14px);padding:16px;border-radius:18px}
  .notificationMenuOptions{grid-template-columns:1fr}
  .notificationMenuOption{min-height:88px}
  .notificationMenuHeader h2{font-size:21px}
}


aside nav{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}/* V7.9 – logikus, csoportosított oldalsáv */
.menuGroup{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff18}
.menuGroup:first-child{margin-top:0;padding-top:0;border-top:0}
.menuGroupTitle{padding:0 12px 7px;color:#91acd1;font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;line-height:1}
.menuGroupPrimary .nav:first-of-type{margin-top:0}
.menuGroup .nav{margin-top:2px}
.menuGroupManagement{margin-top:auto;padding-top:14px}
.menuGroupManagement:before{content:"";display:block}
@media(max-width:900px) and (min-width:701px){
  .menuGroupTitle{display:none}
  .menuGroup{margin-top:6px;padding-top:6px}
}
@media(max-width:700px){
  .menuGroup{display:contents}
  .menuGroupTitle{display:none}
  aside nav{align-items:stretch}
}
@media(max-width:420px){
  .menuGroup .nav{min-width:68px}
}

/* IT karbantartási figyelmeztetés */
.maintenanceNotice{margin:16px 0 4px;padding:13px 14px;border-radius:12px;background:#fff4e5;border:1px solid #f1b86a;color:#8a4b00;text-align:left;box-shadow:0 6px 20px rgba(104,64,10,.08)}
.maintenanceNoticeTitle{font-weight:900;font-size:13px;margin-bottom:5px}
#maintenanceNoticeText{font-size:12px;line-height:1.5}
.maintenanceAdminCard{border:1px solid #f0c57a;background:linear-gradient(135deg,#fffaf0,#fff)}
.maintenanceAdminCard .cardTitle{align-items:flex-start}
.maintenanceAdminText{margin:4px 0 14px;padding:11px 12px;border-radius:10px;background:#fff6e8;border:1px solid #f2d29e;color:#7d4a08;font-size:12px;line-height:1.5}
.maintenanceAdminActions{display:flex;justify-content:flex-end}
.maintenanceAdminActions button{min-width:250px}

.richTextToolbar select[data-rich-image-size]{min-width:76px}
.richTextEditor img{display:block;max-width:100%;height:auto;cursor:pointer}
.publicNewsBody img{display:block;max-width:100%;height:auto;margin:12px auto;border-radius:10px;box-shadow:0 5px 18px rgba(23,52,93,.10)}


/* AD-style felhasználó- és jogosultságkezelő */
.adminUserManager,.adminRoleManager{width:100%;margin-top:18px}
.adminUserManagerHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.adminUserManagerHead.compact{border-bottom:0;padding-bottom:0}
.adminUserManagerHead h2,.adminUserManagerHead h3{margin:4px 0 6px}
.adminUserManagerActions{display:flex;gap:8px;flex-wrap:wrap}
.adminUserEyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.adminUserStats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}
.adminUserStat{appearance:none;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px 14px;cursor:pointer;box-shadow:0 8px 22px rgba(28,48,78,.05)}
.adminUserStat:hover,.adminUserStat.active{border-color:#7996bd;transform:translateY(-1px)}
.adminUserStat b{display:block;font-size:22px;line-height:1.1;color:var(--text)}
.adminUserStat span{display:block;margin-top:5px;font-size:12px;color:var(--muted)}
.adminUserToolbar,.adminRoleToolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.adminUserToolbar label,.adminRoleToolbar label{display:flex;flex-direction:column;gap:6px;min-width:230px}
.adminUserToolbar label span,.adminRoleToolbar label span{font-size:12px;color:var(--muted);font-weight:700}
.adminUserToolbar input,.adminUserToolbar select,.adminRoleToolbar select{width:100%}
.adminUserManagerLayout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(460px,1.55fr);gap:14px;align-items:start}
.adminUserListPane{min-width:0;max-height:720px;overflow:auto;padding-right:2px}
.adminUserRow{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;margin-bottom:8px;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--card);cursor:pointer}
.adminUserRow:hover{border-color:#7996bd;box-shadow:0 6px 18px rgba(28,48,78,.08)}
.adminUserRow.selected{border-color:#315f99;box-shadow:0 0 0 2px rgba(49,95,153,.12)}
.adminUserAvatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 40px;background:#eaf1fb;color:#244b7a;font-weight:800}
.adminUserRowMain{display:flex;flex-direction:column;gap:4px;min-width:0}
.adminUserRowMain b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adminUserRowMain small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adminUserRowMain>span{display:flex;gap:5px;flex-wrap:wrap}
.adminUserDetailPane{min-width:0}
.adminUserDetailForm{padding:0}
.adminUserDetailHead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.adminUserDetailHead h3{margin:4px 0}
.adminUserFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adminUserFormGrid label{display:flex;flex-direction:column;gap:6px}
.adminUserFormGrid label.wide{grid-column:1/-1}
.adminUserFlagGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.adminUserFlagGrid label{display:flex;align-items:center;gap:8px;font-size:13px}
.adminUserFlagGrid input{width:auto}
.adminUserInfoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.adminUserInfoGrid>div{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.adminUserInfoGrid small,.adminUserInfoGrid b{display:block}
.adminUserInfoGrid small{font-size:11px;color:var(--muted);margin-bottom:4px}
.adminPasswordBox{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f6f9fc)}
.adminPasswordBox h4{margin:0 0 4px}
.adminPasswordActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.adminPasswordActions input{min-width:180px}
.adminAuditBox{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.adminAuditBox .cardTitle{display:flex;justify-content:space-between;align-items:center}
.adminUserAuditList{max-height:250px;overflow:auto;display:grid;gap:6px}
.adminAuditItem{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.adminAuditItem b,.adminAuditItem small,.adminAuditItem span{display:block}
.adminAuditItem small{color:var(--muted);font-size:11px;margin-top:2px}
.adminAuditItem span{font-size:12px;margin-top:4px}
.adminUserEmpty{padding:30px 18px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
.adminRoleButtons{display:flex;gap:8px;flex-wrap:wrap}
.adminRoleInfo{margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.adminPermissionChecks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.adminPermissionChecks .permissionItem{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12px}
.adminPermissionChecks input{width:auto}
@media (max-width:1100px){
  .adminUserStats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .adminUserManagerLayout{grid-template-columns:1fr}
  .adminUserListPane{max-height:420px}
  .adminPermissionChecks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .adminUserManagerHead{flex-direction:column}
  .adminUserStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adminUserFormGrid,.adminUserFlagGrid,.adminUserInfoGrid,.adminPermissionChecks{grid-template-columns:1fr}
  .adminUserFormGrid label.wide{grid-column:auto}
  .adminPasswordBox{flex-direction:column;align-items:stretch}
  .adminPasswordActions{justify-content:stretch}
  .adminPasswordActions input,.adminPasswordActions button{width:100%}
  .adminRoleToolbar label{min-width:100%}
}


/* ============================================================
   ADMIN AD CENTER – kizárólag a #admin felületre
   Modern Active Directory / Entra ihlette admin konzol
   ============================================================ */

#admin.adminAdPage{
  --ad-blue:#0f6cbd;
  --ad-blue-dark:#004578;
  --ad-blue-soft:#e8f2fb;
  --ad-blue-selected:#dbeeff;
  --ad-border:#d6dbe1;
  --ad-border-strong:#c3c9d1;
  --ad-bg:#f3f4f6;
  --ad-panel:#ffffff;
  --ad-panel-soft:#f8f9fb;
  --ad-text:#252a31;
  --ad-muted:#68727d;
  --ad-green:#107c10;
  --ad-red:#c42b1c;
  --ad-amber:#9a6700;
  background:var(--ad-bg);
  color:var(--ad-text);
  margin:-18px -18px 0;
  padding:18px;
  min-height:calc(100vh - 70px);
}

#admin.adminAdPage .adminAdPanel{
  border:1px solid var(--ad-border);
  background:var(--ad-panel);
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

#admin.adminAdPage .adminAdPageHead{
  align-items:flex-end;
  margin:0 0 12px;
  padding:10px 2px 12px;
  border-bottom:1px solid var(--ad-border-strong);
}

#admin.adminAdPage .adminAdPageHead h1{
  margin:2px 0 2px;
  color:#1f2328;
  font-size:24px;
  font-weight:600;
  letter-spacing:-.25px;
}

#admin.adminAdPage .adminAdPageHead p{
  margin:0;
  color:var(--ad-muted);
  font-size:12px;
}

#admin.adminAdPage .adminAdBreadcrumb{
  display:block;
  color:#5c6570;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#admin.adminAdPage .adminAdPageHead>div:last-child{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

#admin.adminAdPage .adminOverview{
  margin:0 0 12px;
  border-radius:4px;
  box-shadow:none;
  background:#fff;
}

#admin.adminAdPage .adminOverview .cardTitle{
  min-height:40px;
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom:1px solid var(--ad-border);
}

#admin.adminAdPage .adminOverview .cardTitle h2{
  margin:0;
  font-size:14px;
  font-weight:600;
  color:#252a31;
}

#admin.adminAdPage .adminOverview .cardTitle button{
  min-height:30px;
  padding:5px 10px;
  border:1px solid var(--ad-border-strong);
  border-radius:3px;
  background:#fff;
  color:#32373d;
  box-shadow:none;
}

#admin.adminAdPage .adminOverviewGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid var(--ad-border);
  background:#fff;
}

#admin.adminAdPage .adminOverviewGrid>div{
  min-height:64px;
  padding:10px 13px;
  border-right:1px solid var(--ad-border);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

#admin.adminAdPage .adminOverviewGrid>div:last-child{border-right:0}

#admin.adminAdPage .adminOverviewGrid b{
  display:block;
  color:#22262b;
  font-size:21px;
  font-weight:600;
}

#admin.adminAdPage .adminOverviewGrid span{
  display:block;
  margin-top:2px;
  color:var(--ad-muted);
  font-size:11px;
}

#admin.adminAdPage .adminAdPanel{
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}

#admin.adminAdPage .adminUserManagerHead{
  min-height:58px;
  align-items:center;
  gap:16px;
  padding:12px 14px;
  border-bottom:1px solid var(--ad-border);
  background:linear-gradient(#fff,#fafbfc);
}

#admin.adminAdPage .adminUserManagerHead h2{
  margin:2px 0 3px;
  color:#20252b;
  font-size:16px;
  font-weight:600;
}

#admin.adminAdPage .adminUserManagerHead p{
  margin:0;
  font-size:11px;
}

#admin.adminAdPage .adminUserEyebrow{
  color:#5d6874;
  font-size:9px;
  letter-spacing:.11em;
}

#admin.adminAdPage .adminUserManagerActions{
  margin-left:auto;
}

#admin.adminAdPage .adminUserManagerActions .smallBtn,
#admin.adminAdPage .adminRoleButtons .smallBtn{
  min-height:31px;
  border-radius:3px;
  box-shadow:none;
  font-size:12px;
  font-weight:600;
}

#admin.adminAdPage .adminUserStats{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  margin:0;
  border-bottom:1px solid var(--ad-border);
  background:#f8f9fa;
}

#admin.adminAdPage .adminUserStat{
  min-height:58px;
  border:0;
  border-right:1px solid var(--ad-border);
  border-radius:0;
  background:transparent;
  padding:9px 12px;
  box-shadow:none;
  transform:none;
  color:#252a31;
}

#admin.adminAdPage .adminUserStat:last-child{border-right:0}

#admin.adminAdPage .adminUserStat:hover{
  background:#f0f3f6;
  border-color:var(--ad-border);
  transform:none;
}

#admin.adminAdPage .adminUserStat.active{
  background:var(--ad-blue-soft);
  border-color:var(--ad-border);
  box-shadow:inset 0 -2px 0 var(--ad-blue);
}

#admin.adminAdPage .adminUserStat b{
  font-size:20px;
  font-weight:600;
  color:#24282e;
}

#admin.adminAdPage .adminUserStat.active b{color:var(--ad-blue-dark)}

#admin.adminAdPage .adminUserStat span{
  margin-top:3px;
  font-size:10px;
  color:#69737f;
}

#admin.adminAdPage .adminUserToolbar{
  align-items:center;
  gap:8px;
  margin:0;
  padding:9px 12px;
  border-bottom:1px solid var(--ad-border);
  background:#fff;
}

#admin.adminAdPage .adminUserToolbar label{
  min-width:0;
  flex:0 1 380px;
  gap:4px;
}

#admin.adminAdPage .adminUserToolbar label:nth-child(2){
  flex:0 0 245px;
}

#admin.adminAdPage .adminUserToolbar label>span{
  font-size:10px;
  color:#65707b;
  font-weight:600;
}

#admin.adminAdPage .adminAdPageHeadActions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#admin.adminAdPage .adminAdBackBtn{
  min-height:32px;
  padding:6px 11px;
  border:1px solid #aeb8c3;
  border-radius:3px;
  background:#fff;
  color:#37414b;
  box-shadow:none;
  font-size:11px;
  font-weight:600;
}
#admin.adminAdPage .adminAdBackBtn:hover{
  background:#f1f4f7;
  border-color:#8f9aa6;
}
#admin.adminAdPage .adminUserToolbar input,
#admin.adminAdPage .adminUserToolbar select{
  height:36px;
  min-height:36px;
  padding:5px 30px 5px 9px;
  border:1px solid var(--ad-border-strong);
  border-radius:3px;
  background:#fff;
  color:#252a31;
  box-shadow:none;
  font-size:12px;
  line-height:1.25;
  vertical-align:middle;
}
#admin.adminAdPage .adminUserToolbar select{
  appearance:auto;
  -webkit-appearance:auto;
}
#admin.adminAdPage .adminRoleToolbar select,
#admin.adminAdPage #adminEditRole{
  min-height:36px;
  height:36px;
  padding:5px 30px 5px 9px;
  border:1px solid var(--ad-border-strong);
  border-radius:3px;
  background:#fff;
  color:#252a31;
  box-shadow:none;
  font-size:12px;
  line-height:1.25;
  vertical-align:middle;
}
#admin.adminAdPage option{
  padding:5px 8px;
  line-height:1.25;
}

#admin.adminAdPage .adminUserManagerLayout{
  display:grid;
  grid-template-columns:210px minmax(420px,1fr);
  gap:0;
  min-height:620px;
  align-items:stretch;
  background:#fff;
}

#admin.adminAdPage .adminDirectoryTree{
  min-width:0;
  margin:0;
  padding:10px 0;
  border-right:1px solid var(--ad-border);
  background:#f7f8fa;
}

#admin.adminAdPage .adminDirectoryTreeTitle{
  padding:0 12px 8px;
  color:#6c7580;
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
}

#admin.adminAdPage .adminDirectoryTreeGroup{
  margin:0 0 9px;
}

#admin.adminAdPage .adminDirectoryTreeGroupTitle{
  display:block;
  padding:4px 12px;
  color:#3d4650;
  font-size:11px;
  font-weight:600;
}

#admin.adminAdPage .adminDirectoryItem{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:31px;
  margin:0;
  padding:5px 10px 5px 16px;
  border:0;
  border-left:3px solid transparent;
  border-radius:0;
  background:transparent;
  color:#3b444e;
  font-size:11px;
  text-align:left;
  box-shadow:none;
  transform:none;
}

#admin.adminAdPage .adminDirectoryItem>span:first-child{
  width:16px;
  flex:0 0 16px;
  color:#707984;
  text-align:center;
}

#admin.adminAdPage .adminDirectoryItem:hover{
  background:#eef1f4;
  border-left-color:#b8c6d5;
  transform:none;
}

#admin.adminAdPage .adminDirectoryItem.active{
  background:var(--ad-blue-selected);
  border-left-color:var(--ad-blue);
  color:#003e6f;
  font-weight:600;
  box-shadow:none;
}

#admin.adminAdPage .adminDirectoryItem.active>span:first-child{color:var(--ad-blue)}

#admin.adminAdPage .adminDirectoryTreeDivider{
  margin:4px 10px 7px;
  border-top:1px solid var(--ad-border);
}

#admin.adminAdPage .adminDirectorySpecial{
  display:flex;
  align-items:flex-start;
  gap:8px;
  width:calc(100% - 16px);
  margin:0 8px;
  padding:8px 9px;
  border:1px solid var(--ad-border);
  border-radius:3px;
  background:#fff;
  color:#39434d;
  font-size:10px;
  line-height:1.3;
  text-align:left;
  box-shadow:none;
}

#admin.adminAdPage .adminDirectorySpecial:hover{
  background:#f3f6f8;
  border-color:#b8c2cc;
}

#admin.adminAdPage .adminUserListPane{
  max-height:none;
  overflow:auto;
  padding:0;
  border-right:1px solid var(--ad-border);
  background:#fff;
}

#admin.adminAdPage .adminDirectoryListHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:8px;
  min-height:55px;
  padding:9px 11px;
  border-bottom:1px solid var(--ad-border);
  background:#fbfcfd;
}

#admin.adminAdPage .adminDirectoryListHead h3{
  margin:2px 0 0;
  color:#23282d;
  font-size:13px;
  font-weight:600;
}

#admin.adminAdPage .adminDirectoryPaneKicker{
  display:block;
  color:#77818c;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
}

#admin.adminAdPage .adminDirectoryHint{
  max-width:150px;
  color:#7a838d;
  font-size:9px;
  line-height:1.25;
  text-align:right;
}

#admin.adminAdPage .adminUserRow{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  width:100%;
  min-height:58px;
  margin:0;
  padding:9px 10px;
  border:0;
  border-bottom:1px solid #eceef1;
  border-radius:0;
  background:#fff;
  text-align:left;
  box-shadow:none;
  transform:none;
}

#admin.adminAdPage .adminUserRow:hover{
  background:#f4f8fc;
  border-color:#eceef1;
  box-shadow:none;
}

#admin.adminAdPage .adminUserRow.selected{
  background:var(--ad-blue-selected);
  border-left:3px solid var(--ad-blue);
  border-color:#c4d9eb;
  box-shadow:none;
}

#admin.adminAdPage .adminUserAvatar{
  width:32px;
  height:32px;
  border-radius:2px;
  background:#edf1f5;
  border:1px solid #d3dae2;
  color:#43505d;
  font-size:11px;
}

#admin.adminAdPage .adminUserRowMain{
  gap:2px;
}

#admin.adminAdPage .adminUserRowMain b{
  color:#252a31;
  font-size:11px;
  font-weight:600;
}

#admin.adminAdPage .adminUserRowMain small{
  color:#727c86;
  font-size:9px;
}

#admin.adminAdPage .adminUserRowMain>span{
  gap:3px;
  margin-top:2px;
}

#admin.adminAdPage .adminUserRow .pill{
  padding:2px 5px;
  border-radius:2px;
  font-size:8px;
  line-height:1.2;
}

#admin.adminAdPage .adminUserDetailPane{
  display:none!important;
}

#admin.adminAdPage .adminUserDetailForm{
  max-width:100%;
}

#admin.adminAdPage .adminUserDetailHead{
  align-items:flex-start;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--ad-border);
}

#admin.adminAdPage .adminUserDetailHead h3{
  margin:3px 0;
  color:#20252b;
  font-size:18px;
  font-weight:600;
}

#admin.adminAdPage .adminUserDetailHead p{
  margin:0;
  font-size:10px;
}

#admin.adminAdPage .adminUserFormGrid{
  gap:8px;
}

#admin.adminAdPage .adminUserFormGrid label{
  gap:4px;
  color:#515a64;
  font-size:10px;
  font-weight:600;
}

#admin.adminAdPage .adminUserFormGrid input,
#admin.adminAdPage .adminUserFormGrid select{
  min-height:32px;
  height:32px;
  border:1px solid var(--ad-border-strong);
  border-radius:2px;
  background:#fff;
  color:#252a31;
  box-shadow:none;
  font-size:12px;
}

#admin.adminAdPage .adminUserFlagGrid{
  gap:0;
  margin-top:10px;
  padding:0;
  border:1px solid var(--ad-border);
  border-radius:3px;
  background:#fafbfc;
}

#admin.adminAdPage .adminUserFlagGrid label{
  min-height:34px;
  padding:7px 9px;
  border-bottom:1px solid #eceef1;
  color:#3f4851;
  font-size:10px;
  background:#fff;
}

#admin.adminAdPage .adminUserFlagGrid label:last-child{
  border-bottom:0;
}

#admin.adminAdPage .adminUserFlagGrid input{
  accent-color:var(--ad-blue);
}

#admin.adminAdPage .adminUserInfoGrid{
  gap:6px;
  margin-top:10px;
}

#admin.adminAdPage .adminUserInfoGrid>div{
  padding:8px 9px;
  border:1px solid var(--ad-border);
  border-radius:2px;
  background:#f8f9fa;
  box-shadow:none;
}

#admin.adminAdPage .adminUserInfoGrid small{
  margin-bottom:2px;
  color:#737d87;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

#admin.adminAdPage .adminUserInfoGrid b{
  font-size:10px;
  font-weight:600;
}

#admin.adminAdPage .adminPasswordBox{
  align-items:center;
  gap:10px;
  margin-top:10px;
  padding:10px;
  border:1px solid var(--ad-border);
  border-radius:3px;
  background:#f8f9fa;
  box-shadow:none;
}

#admin.adminAdPage .adminPasswordBox h4{
  margin:0 0 2px;
  font-size:11px;
  font-weight:600;
}

#admin.adminAdPage .adminPasswordBox p{
  margin:0;
  font-size:9px;
}

#admin.adminAdPage .adminPasswordActions{
  gap:6px;
}

#admin.adminAdPage .adminPasswordActions input{
  min-width:150px;
  min-height:31px;
  height:31px;
  border:1px solid var(--ad-border-strong);
  border-radius:2px;
  box-shadow:none;
  font-size:11px;
}

#admin.adminAdPage .adminPasswordActions .smallBtn{
  min-height:31px;
  border-radius:2px;
  box-shadow:none;
  font-size:10px;
}

#admin.adminAdPage .adminUserDetailForm .memberEditFooter{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--ad-border);
}

#admin.adminAdPage .adminUserDetailForm .memberEditFooter button{
  min-height:32px;
  border-radius:2px;
  box-shadow:none;
  font-size:11px;
}

#admin.adminAdPage .adminAuditBox{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--ad-border);
}

#admin.adminAdPage .adminAuditBox .cardTitle h4{
  margin:0;
  font-size:12px;
  font-weight:600;
}

#admin.adminAdPage .adminUserAuditList{
  max-height:190px;
  gap:4px;
}

#admin.adminAdPage .adminAuditItem{
  padding:7px 8px;
  border:1px solid var(--ad-border);
  border-radius:2px;
  background:#fafbfc;
}

#admin.adminAdPage .adminAuditItem b{
  font-size:10px;
  font-weight:600;
}

#admin.adminAdPage .adminAuditItem small{
  font-size:8px;
}

#admin.adminAdPage .adminAuditItem span{
  margin-top:2px;
  font-size:9px;
}

#admin.adminAdPage .adminUserEmpty{
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  border:1px dashed #cbd1d8;
  border-radius:3px;
  background:#fafbfc;
  color:#7b858f;
  font-size:11px;
}

#admin.adminAdPage .adminRoleManager{
  margin-top:12px;
}

#admin.adminAdPage .adminRoleManager .adminUserManagerHead{
  background:#fafbfc;
}

#admin.adminAdPage .adminRoleToolbar{
  align-items:center;
  padding:10px 12px;
  margin:0;
  border-bottom:1px solid var(--ad-border);
  background:#fff;
}

#admin.adminAdPage .adminRoleToolbar label{
  min-width:240px;
  max-width:300px;
}

#admin.adminAdPage .adminRoleToolbar label span{
  font-size:10px;
  font-weight:600;
}

#admin.adminAdPage .adminRoleToolbar select{
  height:32px;
  min-height:32px;
  border:1px solid var(--ad-border-strong);
  border-radius:2px;
  box-shadow:none;
  font-size:11px;
}

#admin.adminAdPage .adminRoleButtons{
  gap:5px;
}

#admin.adminAdPage .adminRoleInfo{
  margin:0;
  padding:8px 12px;
  border:0;
  border-bottom:1px solid var(--ad-border);
  border-radius:0;
  background:#f8f9fa;
  font-size:10px;
}

#admin.adminAdPage .adminPermissionChecks{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:10px;
  background:#f6f7f8;
}

#admin.adminAdPage .adminPermissionChecks .permissionItem{
  min-height:38px;
  padding:7px 8px;
  border:1px solid var(--ad-border);
  border-radius:2px;
  background:#fff;
  font-size:10px;
}

#admin.adminAdPage .adminPermissionChecks .permissionItem:hover{
  background:#f1f6fb;
}

#admin.adminAdPage .adminPermissionChecks input{
  accent-color:var(--ad-blue);
}

#admin.adminAdPage #adminRoleMsg{
  display:block;
  margin:0;
  padding:8px 12px;
  border-top:1px solid var(--ad-border);
  background:#fff;
  font-size:10px;
}

#admin.adminAdPage #maintenanceAdminCard,
#admin.adminAdPage #galleryAdminCard{
  margin-top:12px;
  border-radius:4px;
  box-shadow:none;
}

#admin.adminAdPage #maintenanceAdminCard{
  border-color:#e0c78e;
  background:#fffdf7;
}

#admin.adminAdPage #maintenanceAdminCard .cardTitle,
#admin.adminAdPage #galleryAdminCard .cardTitle{
  min-height:42px;
}

#admin.adminAdPage #maintenanceAdminCard h3,
#admin.adminAdPage #galleryAdminCard h3{
  margin:0;
  font-size:13px;
  font-weight:600;
  color:#2a2f35;
}

#admin.adminAdPage #maintenanceAdminCard p,
#admin.adminAdPage #galleryAdminCard p{
  font-size:10px;
}

#admin.adminAdPage #galleryAdminCard{
  background:#fff;
}

#admin.adminAdPage #galleryAdminCard input[type="file"]{
  border:1px solid var(--ad-border-strong);
  border-radius:2px;
  background:#fff;
  font-size:11px;
}

/* AD-szerű fókuszállapotok – csak az admin oldalon */
#admin.adminAdPage input:focus,
#admin.adminAdPage select:focus,
#admin.adminAdPage button:focus-visible{
  outline:2px solid rgba(15,108,189,.28);
  outline-offset:1px;
}

/* Admin: sűrű, információs felület */
#admin.adminAdPage .pill{
  border-radius:2px;
}

@media(max-width:1180px){
  #admin.adminAdPage .adminUserManagerLayout{
    grid-template-columns:185px minmax(360px,1fr);
  }
  #admin.adminAdPage .adminPermissionChecks{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  #admin.adminAdPage{
    margin:-12px -12px 0;
    padding:12px;
  }
  #admin.adminAdPage .adminUserManagerLayout{
    grid-template-columns:180px 1fr;
  }
  #admin.adminAdPage .adminUserListPane{
    border-right:0;
  }
}

@media(max-width:700px){
  #admin.adminAdPage{
    margin:-8px -8px 0;
    padding:8px;
  }
  #admin.adminAdPage .adminAdPageHead{
    align-items:flex-start;
    flex-direction:column;
  }
  #admin.adminAdPage .adminAdPageHead>div:last-child{
    justify-content:flex-start;
    width:100%;
  }
  #admin.adminAdPage .adminAdPageHeadActions{
    justify-content:flex-start;
    width:100%;
  }
  #admin.adminAdPage .adminAdBackBtn{
    order:-1;
  }
  #admin.adminAdPage .adminOverviewGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #admin.adminAdPage .adminOverviewGrid>div:nth-child(2){
    border-right:0;
  }
  #admin.adminAdPage .adminOverviewGrid>div:nth-child(-n+2){
    border-bottom:1px solid var(--ad-border);
  }
  #admin.adminAdPage .adminUserStats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #admin.adminAdPage .adminUserStat{
    border-bottom:1px solid var(--ad-border);
  }
  #admin.adminAdPage .adminUserToolbar{
    align-items:stretch;
    flex-direction:column;
  }
  #admin.adminAdPage .adminUserToolbar label,
  #admin.adminAdPage .adminUserToolbar label:nth-child(2){
    flex:1 1 auto;
    max-width:none;
    width:100%;
  }
  #admin.adminAdPage .adminUserManagerLayout{
    grid-template-columns:1fr;
  }
  #admin.adminAdPage .adminDirectoryTree{
    border-right:0;
    border-bottom:1px solid var(--ad-border);
  }
  #admin.adminAdPage .adminDirectoryTreeGroup{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  #admin.adminAdPage .adminDirectoryTreeGroupTitle{
    grid-column:1/-1;
  }
  #admin.adminAdPage .adminDirectorySpecial{
    width:calc(100% - 20px);
  }
  #admin.adminAdPage .adminUserListPane{
    max-height:360px;
    border-right:0;
  }
  #admin.adminAdPage .adminUserDetailPane{
    min-height:0;
    overflow:visible;
  }
  #admin.adminAdPage .adminUserFormGrid{
    grid-template-columns:1fr;
  }
  #admin.adminAdPage .adminUserFormGrid label.wide{
    grid-column:auto;
  }
  #admin.adminAdPage .adminUserInfoGrid{
    grid-template-columns:1fr 1fr;
  }
  #admin.adminAdPage .adminPasswordBox{
    flex-direction:column;
    align-items:stretch;
  }
  #admin.adminAdPage .adminPasswordActions{
    justify-content:stretch;
  }
  #admin.adminAdPage .adminPasswordActions input,
  #admin.adminAdPage .adminPasswordActions button{
    width:100%;
    min-width:0;
  }
  #admin.adminAdPage .adminPermissionChecks{
    grid-template-columns:1fr;
  }
}

@media(max-width:460px){
  #admin.adminAdPage .adminUserStats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #admin.adminAdPage .adminDirectoryTreeGroup{
    grid-template-columns:1fr;
  }
  #admin.adminAdPage .adminDirectoryListHead{
    align-items:flex-start;
    flex-direction:column;
  }
  #admin.adminAdPage .adminDirectoryHint{
    max-width:none;
    text-align:left;
  }
  #admin.adminAdPage .adminUserInfoGrid{
    grid-template-columns:1fr;
  }
}


/* Admin felhasználói adatlap – felugró ablak */
#admin.adminAdPage .adminUserDetailModal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
#admin.adminAdPage .adminUserDetailModalOverlay{
  position:absolute;
  inset:0;
  background:rgba(20,28,38,.48);
  backdrop-filter:blur(2px);
}
#admin.adminAdPage .adminUserDetailModalDialog{
  position:relative;
  z-index:1;
  width:min(1080px,100%);
  max-height:min(90vh,920px);
  overflow:auto;
  padding:18px;
  border:1px solid #bac2cc;
  border-radius:5px;
  background:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.24);
}
#admin.adminAdPage .adminUserDetailModalClose{
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid #b9c2cc;
  border-radius:3px;
  background:#fff;
  color:#4b5661;
  font-size:22px;
  line-height:28px;
  cursor:pointer;
  box-shadow:none;
}
#admin.adminAdPage .adminUserDetailModalClose:hover{
  background:#f1f4f7;
  color:#222a31;
}
#admin.adminAdPage .adminUserDetailModal .adminUserDetailHead{
  padding-right:45px;
}
@media(max-width:700px){
  #admin.adminAdPage .adminUserDetailModal{
    align-items:flex-start;
    padding:10px;
  }
  #admin.adminAdPage .adminUserDetailModalDialog{
    width:100%;
    max-height:calc(100vh - 20px);
    padding:14px;
  }
  #admin.adminAdPage .adminUserDetailModal .adminUserFormGrid{
    grid-template-columns:1fr;
  }
  #admin.adminAdPage .adminUserDetailModal .adminUserFormGrid label.wide{
    grid-column:auto;
  }
}


/* WEB7 – Admin felhasználói fiókok: kártyás, többoszlopos elrendezés */
#admin.adminAdPage #adminUserRows{
  display:grid;
  grid-template-columns:repeat(3,minmax(210px,1fr));
  gap:10px;
  padding:12px;
  align-content:start;
  background:#f4f6f8;
}

#admin.adminAdPage #adminUserRows .adminUserRow{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  width:100%;
  min-height:96px;
  margin:0;
  padding:12px;
  border:1px solid #d7dde4;
  border-radius:6px;
  background:#fff;
  box-shadow:0 1px 2px rgba(28,48,78,.05);
  text-align:left;
  align-items:start;
}

#admin.adminAdPage #adminUserRows .adminUserRow:hover{
  background:#f8fbfe;
  border-color:#a9bfd6;
  box-shadow:0 4px 12px rgba(28,48,78,.08);
}

#admin.adminAdPage #adminUserRows .adminUserRow.selected{
  background:#eef6ff;
  border-color:#6f9fcb;
  box-shadow:0 0 0 2px rgba(49,95,153,.10);
}

#admin.adminAdPage #adminUserRows .adminUserAvatar{
  width:42px;
  height:42px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#edf1f5;
  border:1px solid #cfd7e0;
  color:#2f4051;
  font-size:12px;
  font-weight:700;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain{
  min-width:0;
  gap:4px;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#252a31;
  font-size:11px;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#727c86;
  font-size:9px;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain>span{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:3px;
}

/* Az admin címtár bal oldali menüje: a navigáció marad felül, a műveletek alul */
#admin.adminAdPage .adminDirectoryTree{
  display:flex;
  flex-direction:column;
  min-height:620px;
}

#admin.adminAdPage .adminDirectoryFooter{
  margin-top:auto;
  padding-top:4px;
}

#admin.adminAdPage .adminDirectoryFooter .adminDirectoryTreeDivider{
  margin-top:0;
}

#admin.adminAdPage .adminDirectoryBackBtn{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  width:calc(100% - 16px);
  min-height:34px;
  margin:9px 8px 0;
  padding:7px 9px;
  border:1px solid #aeb8c3;
  border-radius:3px;
  background:#fff;
  color:#37414b;
  box-shadow:none;
  font-size:10px;
  font-weight:600;
}

#admin.adminAdPage .adminDirectoryBackBtn:hover{
  background:#f1f4f7;
  border-color:#8f9aa6;
}

@media(max-width:1180px){
  #admin.adminAdPage #adminUserRows{
    grid-template-columns:repeat(2,minmax(210px,1fr));
  }
}

@media(max-width:700px){
  #admin.adminAdPage .adminDirectoryTree{
    min-height:0;
  }
  #admin.adminAdPage #adminUserRows{
    grid-template-columns:1fr;
    padding:10px;
  }
  #admin.adminAdPage .adminDirectoryBackBtn{
    order:0;
  }
}


/* WEB7 FINAL – kulturált admin címtár elrendezés */
#admin.adminAdPage .adminUserManagerLayout{
  grid-template-columns:210px minmax(0,1fr) !important;
  width:100%;
  min-width:0;
}

#admin.adminAdPage .adminUserListPane{
  min-width:0 !important;
  width:100%;
  overflow:auto;
  border-right:0;
}

#admin.adminAdPage .adminUserDetailPane{
  display:none !important;
  width:0 !important;
  min-width:0 !important;
}

#admin.adminAdPage #adminUserRows{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:14px !important;
  background:#f5f7fa;
  align-items:stretch;
  overflow:visible;
}

#admin.adminAdPage #adminUserRows .adminUserRow{
  box-sizing:border-box;
  min-width:0;
  min-height:92px;
  height:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:12px;
  margin:0;
  border:1px solid #d8dee6;
  border-radius:7px;
  background:#fff;
  box-shadow:0 1px 2px rgba(35,48,64,.04);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;
}

#admin.adminAdPage #adminUserRows .adminUserRow:hover{
  background:#fbfdff;
  border-color:#aebfd1;
  box-shadow:0 5px 14px rgba(35,48,64,.07);
  transform:translateY(-1px);
}

#admin.adminAdPage #adminUserRows .adminUserRow.selected{
  background:#edf5fd;
  border-color:#5f8fbe;
  box-shadow:0 0 0 2px rgba(49,95,153,.10);
}

#admin.adminAdPage #adminUserRows .adminUserAvatar{
  width:42px;
  height:42px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:#eef2f6;
  border:1px solid #d2dae3;
  color:#34485b;
  font-size:12px;
  font-weight:700;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain b{
  display:block;
  min-width:0;
  color:#252a31;
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain small{
  display:block;
  min-width:0;
  color:#77818c;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#admin.adminAdPage #adminUserRows .adminUserRowMain>span{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  min-height:18px;
  margin-top:2px;
}

#admin.adminAdPage #adminUserRows .adminUserRow .pill{
  padding:2px 6px;
  border-radius:3px;
  font-size:8px;
  line-height:1.25;
}

#admin.adminAdPage .adminDirectoryListHead{
  min-width:0;
}

#admin.adminAdPage .adminDirectoryHint{
  max-width:240px;
}

@media(max-width:1180px){
  #admin.adminAdPage #adminUserRows{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  #admin.adminAdPage .adminUserManagerLayout{
    grid-template-columns:1fr !important;
  }

  #admin.adminAdPage .adminDirectoryTree{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--ad-border);
  }

  #admin.adminAdPage #adminUserRows{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  #admin.adminAdPage #adminUserRows{
    grid-template-columns:1fr !important;
    gap:9px !important;
    padding:10px !important;
  }
}


/* WEB7 – egyszerű, teljes szélességű felhasználóválasztó */
#admin.adminAdPage .adminUserManager{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box;
}

#admin.adminAdPage .adminUserManagerLayout{
  display:grid !important;
  grid-template-columns:210px minmax(0,1fr) !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}

#admin.adminAdPage .adminUserListPane{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
  border-right:0 !important;
}

#admin.adminAdPage #adminUserRows{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  padding:18px !important;
  background:#f5f7fa !important;
  box-sizing:border-box !important;
}

#admin.adminAdPage .adminUserSelect{
  display:block;
  width:100%;
  max-width:none;
  min-height:48px;
  height:48px;
  box-sizing:border-box;
  padding:0 42px 0 14px;
  border:1px solid #c8d0da;
  border-radius:6px;
  background:#fff;
  color:#26313b;
  font-size:13px;
  font-weight:600;
  box-shadow:0 1px 2px rgba(30,45,60,.04);
  cursor:pointer;
}

#admin.adminAdPage .adminUserSelect:hover{
  border-color:#8ca5bd;
}

#admin.adminAdPage .adminUserSelect:focus{
  outline:2px solid rgba(15,108,189,.22);
  outline-offset:1px;
  border-color:#6f95b8;
}

#admin.adminAdPage .adminDirectoryListHead{
  width:100%;
  box-sizing:border-box;
}

#admin.adminAdPage .adminDirectoryListHead h3{
  font-size:15px;
}

#admin.adminAdPage .adminDirectoryHint{
  max-width:none;
}

#admin.adminAdPage .adminUserDetailPane{
  display:none !important;
}

@media(max-width:820px){
  #admin.adminAdPage .adminUserManagerLayout{
    grid-template-columns:1fr !important;
  }
  #admin.adminAdPage .adminDirectoryTree{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--ad-border);
  }
}

@media(max-width:560px){
  #admin.adminAdPage #adminUserRows{
    padding:12px !important;
  }
  #admin.adminAdPage .adminUserSelect{
    min-height:46px;
    height:46px;
    font-size:12px;
  }
}


/* WEB7 FIX – compact címtár, teljes szélességű választó */
#admin.adminAdPage .adminUserManagerLayout{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  gap:0 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  align-items:stretch !important;
}

#admin.adminAdPage .adminDirectoryTree{
  grid-column:1 !important;
  grid-row:1 !important;
  min-height:0 !important;
  height:auto !important;
  align-self:stretch !important;
}

#admin.adminAdPage .adminUserListPane{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  align-self:stretch !important;
}

#admin.adminAdPage #adminUserRows{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  padding:18px 20px !important;
  box-sizing:border-box !important;
  background:#f5f7fa !important;
}

#admin.adminAdPage .adminUserSelect{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:52px !important;
  min-height:52px !important;
  box-sizing:border-box !important;
  padding:0 48px 0 16px !important;
  border:1px solid #bfc8d2 !important;
  border-radius:6px !important;
  background:#fff !important;
  color:#26313b !important;
  font-size:13px !important;
  font-weight:600 !important;
}

#admin.adminAdPage .adminDirectoryFooter{
  margin-top:20px !important;
}

@media(max-width:900px){
  #admin.adminAdPage .adminUserManagerLayout{
    grid-template-columns:230px minmax(0,1fr) !important;
  }
}

@media(max-width:700px){
  #admin.adminAdPage .adminUserManagerLayout{
    grid-template-columns:1fr !important;
  }

  #admin.adminAdPage .adminDirectoryTree{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  #admin.adminAdPage .adminUserListPane{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  #admin.adminAdPage #adminUserRows{
    padding:14px !important;
  }
}


/* WEB7 – Üzenetek: Outlook-szerű postafiók */
#notificationsMenuModal.notificationMenuModal{
  padding:0 !important;
  align-items:stretch !important;
  justify-content:stretch !important;
}

#notificationsMenuModal .notificationMenuOverlay{
  background:rgba(15,32,52,.58);
  backdrop-filter:blur(3px);
}

#notificationsMenuModal .notificationMailDialog{
  position:relative;
  z-index:1;
  width:calc(100vw - 56px);
  height:calc(100vh - 56px);
  max-width:none;
  max-height:none;
  margin:auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #cfd8e3;
  border-radius:8px;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}

#notificationsMenuModal .notificationMailTopbar{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 14px;
  border-bottom:1px solid #d9e0e8;
  background:#fff;
}

#notificationsMenuModal .notificationMailBrand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}

#notificationsMenuModal .notificationMailBrand>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

#notificationsMenuModal .notificationMailBrand b{
  color:#24364b;
  font-size:17px;
  font-weight:700;
}

#notificationsMenuModal .notificationMailBrand small{
  color:#6f7d8d;
  font-size:10px;
}

#notificationsMenuModal .notificationMailLogo{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:#0f6cbd;
  color:#fff;
  font-size:18px;
}

#notificationsMenuModal .notificationMailTopActions{
  display:flex;
  align-items:center;
  gap:8px;
}

#notificationsMenuModal .notificationMailTopActions .notificationMenuClose{
  position:static;
  width:34px;
  height:34px;
  border-radius:4px;
  box-shadow:none;
  font-size:20px;
}

#notificationsMenuModal .notificationMailLayout{
  display:grid;
  grid-template-columns:220px minmax(320px,430px) minmax(0,1fr);
  min-height:0;
  flex:1;
}

#notificationsMenuModal .notificationMailSidebar{
  min-width:0;
  padding:15px 10px;
  border-right:1px solid #d9e0e8;
  background:#f6f8fb;
}

#notificationsMenuModal .notificationMailSidebarTitle{
  padding:2px 10px 9px;
  color:#6f7b89;
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
}

#notificationsMenuModal .notificationMailFolder{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  margin:2px 0;
  padding:7px 10px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#374758;
  text-align:left;
  box-shadow:none;
}

#notificationsMenuModal .notificationMailFolder>span:nth-child(2){
  flex:1;
  font-size:11px;
  font-weight:600;
}

#notificationsMenuModal .notificationMailFolder>span:first-child{
  width:20px;
  text-align:center;
}

#notificationsMenuModal .notificationMailFolder:hover{
  background:#e9eef4;
  box-shadow:none;
  transform:none;
}

#notificationsMenuModal .notificationMailFolder.active{
  background:#dbeeff;
  color:#004578;
  box-shadow:inset 3px 0 0 #0f6cbd;
}

#notificationsMenuModal .notificationMailSidebarHint{
  margin:18px 8px 0;
  padding-top:14px;
  border-top:1px solid #d8dfe7;
  color:#7b8794;
  font-size:9px;
  line-height:1.5;
}

#notificationsMenuModal .notificationMailListPane{
  min-width:0;
  display:flex;
  flex-direction:column;
  border-right:1px solid #d9e0e8;
  background:#fff;
}

#notificationsMenuModal .notificationMailListHead{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  border-bottom:1px solid #d9e0e8;
  background:#fff;
}

#notificationsMenuModal .notificationMailListHead>div{
  display:flex;
  align-items:baseline;
  gap:5px;
}

#notificationsMenuModal #notificationMailListTitle{
  color:#24364b;
  font-size:13px;
}

#notificationsMenuModal #notificationMailListCount{
  color:#778391;
  font-size:10px;
}

#notificationsMenuModal .notificationMailList{
  min-height:0;
  overflow:auto;
}

#notificationsMenuModal .notificationMailItem{
  width:100%;
  min-height:84px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 65px;
  gap:9px;
  align-items:start;
  padding:11px 12px;
  border:0;
  border-bottom:1px solid #e8ecf1;
  border-radius:0;
  background:#fff;
  color:#2f3d4d;
  text-align:left;
  box-shadow:none;
  transform:none;
}

#notificationsMenuModal .notificationMailItem:hover{
  background:#f5f9fd;
  box-shadow:none;
  transform:none;
}

#notificationsMenuModal .notificationMailItem.selected{
  background:#e7f2fc;
  box-shadow:inset 3px 0 0 #0f6cbd;
}

#notificationsMenuModal .notificationMailItem.unread{
  font-weight:600;
  background:#fbfdff;
}

#notificationsMenuModal .notificationMailAvatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:4px;
  background:#edf2f7;
  border:1px solid #d3dbe4;
  color:#43586d;
  font-size:10px;
  font-weight:700;
}

#notificationsMenuModal .notificationMailAvatar.large{
  width:42px;
  height:42px;
  border-radius:5px;
  font-size:11px;
}

#notificationsMenuModal .notificationMailItemMain{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

#notificationsMenuModal .notificationMailItemMain b{
  color:#273747;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#notificationsMenuModal .notificationMailItemMain small{
  color:#687786;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#notificationsMenuModal .notificationMailItemMain strong{
  color:#34495e;
  font-size:10px;
  margin-top:2px;
}

#notificationsMenuModal .notificationMailItemMain>span:last-child{
  color:#7a8794;
  font-size:9px;
  font-weight:400;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#notificationsMenuModal .notificationMailItem time{
  color:#7c8794;
  font-size:8px;
  text-align:right;
  white-space:nowrap;
}

#notificationsMenuModal .notificationMailReaderPane{
  min-width:0;
  overflow:auto;
  background:#fff;
}

#notificationsMenuModal .notificationMailReader{
  padding:22px 26px 28px;
}

#notificationsMenuModal .notificationMailReaderHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid #e1e6ec;
}

#notificationsMenuModal .notificationMailReaderHead h2{
  margin:0 0 5px;
  color:#233548;
  font-size:20px;
  font-weight:600;
}

#notificationsMenuModal .notificationMailReaderHead p{
  margin:0;
  color:#7b8794;
  font-size:10px;
}

#notificationsMenuModal .notificationMailSender{
  display:flex;
  align-items:center;
  gap:12px;
  margin:18px 0;
}

#notificationsMenuModal .notificationMailSender>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

#notificationsMenuModal .notificationMailSender b{
  color:#263747;
  font-size:13px;
}

#notificationsMenuModal .notificationMailSender span{
  color:#6d7c8b;
  font-size:10px;
}

#notificationsMenuModal .notificationMailMeta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

#notificationsMenuModal .notificationMailMeta>div{
  min-width:150px;
  padding:9px 11px;
  border:1px solid #e0e6ed;
  border-radius:4px;
  background:#f8fafc;
}

#notificationsMenuModal .notificationMailMeta small,
#notificationsMenuModal .notificationMailMeta b{
  display:block;
}

#notificationsMenuModal .notificationMailMeta small{
  margin-bottom:3px;
  color:#7b8794;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#notificationsMenuModal .notificationMailMeta b{
  color:#37495c;
  font-size:10px;
}

#notificationsMenuModal .notificationMailBody{
  max-width:850px;
  min-height:180px;
  padding:18px 2px 25px;
  color:#364656;
  font-size:13px;
  line-height:1.7;
  white-space:normal;
  word-break:break-word;
}

#notificationsMenuModal .notificationMailActions{
  display:flex;
  gap:8px;
  padding-top:14px;
  border-top:1px solid #e1e6ec;
}

#notificationsMenuModal .notificationMailReaderEmpty,
#notificationsMenuModal .notificationMailLoading,
#notificationsMenuModal .notificationMailListEmpty{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:30px;
  color:#7d8996;
  text-align:center;
}

#notificationsMenuModal .notificationMailReaderEmpty>div{
  font-size:34px;
  opacity:.55;
}

#notificationsMenuModal .notificationMailReaderEmpty h3{
  margin:0;
  color:#506174;
  font-size:14px;
}

#notificationsMenuModal .notificationMailReaderEmpty p{
  margin:0;
  font-size:10px;
}

@media(max-width:1000px){
  #notificationsMenuModal .notificationMailLayout{
    grid-template-columns:190px minmax(280px,1fr);
  }
  #notificationsMenuModal .notificationMailReaderPane{
    grid-column:1/-1;
    min-height:320px;
    border-top:1px solid #d9e0e8;
  }
}

@media(max-width:700px){
  #notificationsMenuModal .notificationMailDialog{
    width:calc(100vw - 12px);
    height:calc(100vh - 12px);
    border-radius:6px;
  }
  #notificationsMenuModal .notificationMailLayout{
    grid-template-columns:1fr;
    grid-template-rows:auto 280px minmax(280px,1fr);
  }
  #notificationsMenuModal .notificationMailSidebar{
    border-right:0;
    border-bottom:1px solid #d9e0e8;
    padding:8px;
  }
  #notificationsMenuModal .notificationMailSidebarHint{
    display:none;
  }
  #notificationsMenuModal .notificationMailFolder{
    display:inline-flex;
    width:calc(50% - 4px);
  }
  #notificationsMenuModal .notificationMailReaderPane{
    grid-column:auto;
    border-top:0;
  }
  #notificationsMenuModal .notificationMailReader{
    padding:16px;
  }
}


/* WEB7 – Üzenetek modern mail workspace */
#notificationsMenuModal .notificationMailDialog{
  width:calc(100vw - 32px);
  height:calc(100vh - 32px);
  border:1px solid #d9e2ec;
  border-radius:16px;
  background:#f7f9fc;
  box-shadow:0 30px 90px rgba(17,35,58,.24);
}

#notificationsMenuModal .notificationMailTopbar{
  min-height:72px;
  padding:10px 16px;
  border-bottom:1px solid #e0e7ef;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
}

#notificationsMenuModal .notificationMailBrand{
  gap:12px;
}

#notificationsMenuModal .notificationMailLogo{
  width:40px;
  height:40px;
  border-radius:11px;
  background:linear-gradient(135deg,#0f6cbd,#4f9ee8);
  box-shadow:0 7px 16px rgba(15,108,189,.20);
  font-size:17px;
}

#notificationsMenuModal .notificationMailBrand b{
  color:#18283a;
  font-size:18px;
  letter-spacing:-.2px;
}

#notificationsMenuModal .notificationMailBrand small{
  color:#758397;
  font-size:10px;
}

#notificationsMenuModal .notificationMailTopActions{
  gap:8px;
}

#notificationsMenuModal .notificationMailTopActions .smallBtn{
  min-height:36px;
  border-radius:9px;
  padding:7px 12px;
  font-size:11px;
  background:#f4f7fa;
  border:1px solid #dce4ec;
}

#notificationsMenuModal .notificationMailTopActions .notificationMenuClose{
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid #dce4ec;
  background:#fff;
  color:#506175;
}

#notificationsMenuModal .notificationMailLayout{
  grid-template-columns:220px minmax(360px,420px) minmax(0,1fr);
  background:#eef2f7;
}

#notificationsMenuModal .notificationMailSidebar{
  padding:18px 12px;
  border-right:1px solid #dbe3ec;
  background:linear-gradient(180deg,#f8fafc,#f1f5f9);
}

#notificationsMenuModal .notificationMailSidebarTitle{
  padding:2px 10px 10px;
  color:#7b8797;
  font-size:9px;
  letter-spacing:.13em;
}

#notificationsMenuModal .notificationMailFolder{
  min-height:42px;
  margin:3px 0;
  padding:8px 11px;
  border-radius:10px;
  color:#46566a;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}

#notificationsMenuModal .notificationMailFolder:hover{
  background:#e8eef5;
}

#notificationsMenuModal .notificationMailFolder.active{
  background:linear-gradient(90deg,#e0effd,#edf6ff);
  color:#0b5a98;
  box-shadow:inset 3px 0 0 #0f6cbd;
}

#notificationsMenuModal .notificationMailFolder>span:first-child{
  font-size:15px;
}

#notificationsMenuModal .notificationMailSidebarHint{
  margin:20px 8px 0;
  padding:14px 10px 0;
  color:#8793a2;
  font-size:9px;
}

#notificationsMenuModal .notificationMailListPane{
  background:#fff;
  border-right:1px solid #dbe3ec;
}

#notificationsMenuModal .notificationMailListHead{
  min-height:62px;
  padding:0 16px;
  background:#fff;
  border-bottom:1px solid #e5eaf0;
}

#notificationsMenuModal #notificationMailListTitle{
  color:#223449;
  font-size:14px;
  font-weight:700;
}

#notificationsMenuModal #notificationMailListCount{
  color:#8290a0;
  font-size:10px;
}

#notificationsMenuModal .notificationMailList{
  padding:8px;
  background:#f8fafc;
}

#notificationsMenuModal .notificationMailItem{
  min-height:88px;
  grid-template-columns:38px minmax(0,1fr) 62px;
  gap:10px;
  margin-bottom:6px;
  padding:12px;
  border:1px solid transparent;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(18,39,64,.03);
}

#notificationsMenuModal .notificationMailItem:hover{
  background:#fbfdff;
  border-color:#d9e6f2;
  box-shadow:0 4px 14px rgba(18,39,64,.06);
}

#notificationsMenuModal .notificationMailItem.selected{
  background:#eef6ff;
  border-color:#b9d5ee;
  box-shadow:inset 3px 0 0 #0f6cbd,0 4px 14px rgba(18,39,64,.05);
}

#notificationsMenuModal .notificationMailItem.unread{
  background:#ffffff;
}

#notificationsMenuModal .notificationMailAvatar{
  width:38px;
  height:38px;
  border-radius:10px;
  background:linear-gradient(180deg,#eff4f8,#e4ebf2);
  border:1px solid #d5dfe8;
  color:#3f556b;
  font-size:10px;
}

#notificationsMenuModal .notificationMailItemMain{
  gap:3px;
}

#notificationsMenuModal .notificationMailItemMain b{
  color:#223447;
  font-size:11px;
}

#notificationsMenuModal .notificationMailItemMain small{
  color:#718095;
  font-size:9px;
}

#notificationsMenuModal .notificationMailItemMain strong{
  color:#3c536b;
  font-size:10px;
  font-weight:700;
  margin-top:3px;
}

#notificationsMenuModal .notificationMailItemMain>span:last-child{
  color:#8490a0;
  font-size:9px;
}

#notificationsMenuModal .notificationMailItem time{
  color:#8a96a4;
  font-size:8px;
}

#notificationsMenuModal .notificationMailReaderPane{
  background:#fff;
}

#notificationsMenuModal .notificationMailReader{
  max-width:980px;
  margin:0 auto;
  padding:30px 34px 36px;
}

#notificationsMenuModal .notificationMailReaderHead{
  padding-bottom:18px;
}

#notificationsMenuModal .notificationMailReaderHead h2{
  color:#1d3044;
  font-size:23px;
  letter-spacing:-.25px;
}

#notificationsMenuModal .notificationMailReaderHead p{
  color:#8390a0;
  font-size:10px;
}

#notificationsMenuModal .notificationMailSender{
  margin:20px 0;
  padding:12px 14px;
  border:1px solid #e1e7ee;
  border-radius:12px;
  background:#f8fafc;
}

#notificationsMenuModal .notificationMailSender b{
  color:#24374b;
  font-size:13px;
}

#notificationsMenuModal .notificationMailSender span{
  color:#728095;
  font-size:10px;
}

#notificationsMenuModal .notificationMailMeta>div{
  border-radius:9px;
  background:#f7f9fb;
}

#notificationsMenuModal .notificationMailBody{
  min-height:220px;
  padding:10px 2px 30px;
  color:#34485d;
  font-size:13px;
  line-height:1.75;
}

#notificationsMenuModal .notificationMailActions{
  padding-top:16px;
}

#notificationsMenuModal .notificationMailActions .smallBtn{
  min-height:36px;
  border-radius:9px;
}

#notificationsMenuModal .notificationMailReaderEmpty{
  min-height:100%;
  padding:40px;
  background:
    radial-gradient(circle at 50% 42%,rgba(15,108,189,.07),transparent 24%),
    #fff;
}

#notificationsMenuModal .notificationMailReaderEmpty>div{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#eef5fc;
  color:#6b92b8;
  font-size:24px;
}

#notificationsMenuModal .notificationMailReaderEmpty h3{
  color:#42566c;
  font-size:15px;
}

#notificationsMenuModal .notificationMailReaderEmpty p{
  color:#8a97a6;
  font-size:10px;
}

#notificationsMenuModal .notificationMailLoading,
#notificationsMenuModal .notificationMailListEmpty{
  min-height:180px;
  color:#8190a0;
  font-size:10px;
}

@media(max-width:1050px){
  #notificationsMenuModal .notificationMailLayout{
    grid-template-columns:200px minmax(310px,1fr);
  }
  #notificationsMenuModal .notificationMailReaderPane{
    grid-column:1/-1;
    min-height:360px;
    border-top:1px solid #dbe3ec;
    border-right:0;
  }
}

@media(max-width:700px){
  #notificationsMenuModal .notificationMailDialog{
    width:calc(100vw - 10px);
    height:calc(100vh - 10px);
    border-radius:12px;
  }
  #notificationsMenuModal .notificationMailLayout{
    grid-template-columns:1fr;
    grid-template-rows:auto 310px minmax(300px,1fr);
  }
  #notificationsMenuModal .notificationMailSidebar{
    padding:8px;
  }
  #notificationsMenuModal .notificationMailReader{
    padding:20px 16px 28px;
  }
}


/* WEB7 FIX – Üzenetek hárompaneles desktop elrendezés */
@media(min-width:901px){
  #notificationsMenuModal .notificationMailLayout{
    display:grid !important;
    grid-template-columns:230px minmax(360px,430px) minmax(0,1fr) !important;
    grid-template-rows:minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    align-items:stretch !important;
  }

  #notificationsMenuModal .notificationMailSidebar{
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }

  #notificationsMenuModal .notificationMailListPane{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  #notificationsMenuModal .notificationMailReaderPane{
    grid-column:3 !important;
    grid-row:1 !important;
    min-width:0 !important;
    min-height:0 !important;
    width:auto !important;
    height:auto !important;
    overflow:auto !important;
    display:block !important;
    background:#fff !important;
    border-left:0 !important;
  }

  #notificationsMenuModal .notificationMailReader{
    width:auto !important;
    max-width:none !important;
    min-height:100% !important;
    margin:0 !important;
    padding:30px 36px 40px !important;
    box-sizing:border-box !important;
  }

  #notificationsMenuModal .notificationMailList{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
  }
}

/* A lista legyen valóban lista: ne hasonlítson a levél olvasópaneljére. */
#notificationsMenuModal .notificationMailItem{
  min-height:78px !important;
  grid-template-columns:38px minmax(0,1fr) 58px !important;
  padding:11px 12px !important;
  margin-bottom:5px !important;
}

#notificationsMenuModal .notificationMailItemMain strong{
  font-size:10px !important;
}

#notificationsMenuModal .notificationMailItemMain>span:last-child{
  max-height:25px !important;
}

#notificationsMenuModal .notificationMailReaderPane{
  border-left:1px solid #e0e6ed !important;
}

#notificationsMenuModal .notificationMailReaderHead h2{
  font-size:24px !important;
}

@media(max-width:900px) and (min-width:701px){
  #notificationsMenuModal .notificationMailLayout{
    grid-template-columns:210px minmax(0,1fr) !important;
    grid-template-rows:minmax(300px,1fr) minmax(340px,auto) !important;
  }
  #notificationsMenuModal .notificationMailSidebar{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  #notificationsMenuModal .notificationMailListPane{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  #notificationsMenuModal .notificationMailReaderPane{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
}


/* WEB7 FINAL – olvasópanel legyen valódi levélolvasó, ne középre igazított kártya */
@media(min-width:901px){
  #notificationsMenuModal .notificationMailReaderPane{
    display:block !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:#fff !important;
  }

  #notificationsMenuModal .notificationMailReader{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:28px 34px 36px !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  #notificationsMenuModal .notificationMailReaderHead{
    width:100% !important;
    min-height:58px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    margin:0 !important;
    padding:0 0 18px !important;
    border-bottom:1px solid #e4e9ef !important;
  }

  #notificationsMenuModal .notificationMailReaderHead h2{
    margin:0 0 5px !important;
    font-size:22px !important;
    line-height:1.2 !important;
    color:#1b2d40 !important;
  }

  #notificationsMenuModal .notificationMailReaderHead p{
    margin:0 !important;
    font-size:10px !important;
    color:#7d8a99 !important;
  }

  #notificationsMenuModal .notificationMailSender{
    width:100% !important;
    box-sizing:border-box !important;
    margin:18px 0 14px !important;
    padding:12px 14px !important;
    border:1px solid #e1e7ee !important;
    border-radius:10px !important;
    background:#f7f9fc !important;
  }

  #notificationsMenuModal .notificationMailMeta{
    width:100% !important;
    display:flex !important;
    gap:8px !important;
    margin:0 0 18px !important;
  }

  #notificationsMenuModal .notificationMailMeta>div{
    flex:0 1 auto !important;
    min-width:150px !important;
  }

  #notificationsMenuModal .notificationMailBody{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-height:140px !important;
    box-sizing:border-box !important;
    padding:12px 2px 26px !important;
    color:#2f4052 !important;
    font-size:14px !important;
    line-height:1.75 !important;
    text-align:left !important;
    white-space:normal !important;
    word-break:break-word !important;
  }

  #notificationsMenuModal .notificationMailActions{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding-top:14px !important;
    border-top:1px solid #e4e9ef !important;
  }

  #notificationsMenuModal .notificationMailActions .smallBtn{
    min-height:38px !important;
    padding:8px 13px !important;
    border-radius:8px !important;
  }
}

/* A középső lista legyen klasszikus levelezési lista */
@media(min-width:901px){
  #notificationsMenuModal .notificationMailListPane{
    border-right:1px solid #dce3ea !important;
    background:#f8fafc !important;
  }

  #notificationsMenuModal .notificationMailListHead{
    position:sticky !important;
    top:0 !important;
    z-index:2 !important;
  }

  #notificationsMenuModal .notificationMailList{
    padding:8px !important;
    background:#f8fafc !important;
  }

  #notificationsMenuModal .notificationMailItem{
    min-height:82px !important;
    margin:0 0 5px !important;
    padding:11px !important;
    border:1px solid transparent !important;
    border-radius:9px !important;
  }

  #notificationsMenuModal .notificationMailItem.selected{
    border-color:#b8d5ee !important;
    box-shadow:inset 3px 0 0 #0f6cbd,0 2px 8px rgba(15,108,189,.06) !important;
  }
}


/* WEB7 – Üzenetek: végső kontraszt és panelmagasság javítás */
@media(min-width:901px){
  #notificationsMenuModal .notificationMailLayout{
    height:100% !important;
    min-height:0 !important;
    grid-template-columns:230px minmax(360px,430px) minmax(0,1fr) !important;
    background:#eef2f6 !important;
  }

  #notificationsMenuModal .notificationMailSidebar,
  #notificationsMenuModal .notificationMailListPane,
  #notificationsMenuModal .notificationMailReaderPane{
    height:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
  }

  #notificationsMenuModal .notificationMailSidebar{
    background:#f4f7fa !important;
    border-right:1px solid #d4dde6 !important;
  }

  #notificationsMenuModal .notificationMailSidebarTitle{
    color:#667587 !important;
    font-size:10px !important;
    font-weight:800 !important;
  }

  #notificationsMenuModal .notificationMailSidebarHint{
    color:#647386 !important;
    line-height:1.55 !important;
  }

  #notificationsMenuModal .notificationMailListPane{
    background:#f7f9fb !important;
    border-right:1px solid #d0dae4 !important;
  }

  #notificationsMenuModal .notificationMailListHead{
    background:#ffffff !important;
    border-bottom:1px solid #d6dfe8 !important;
  }

  #notificationsMenuModal #notificationMailListTitle{
    color:#1e3043 !important;
    font-size:15px !important;
    font-weight:750 !important;
  }

  #notificationsMenuModal #notificationMailListStatus,
  #notificationsMenuModal #notificationMailListCount{
    color:#66778a !important;
  }

  #notificationsMenuModal .notificationMailItemMain b{
    color:#1b2d3f !important;
    font-size:12px !important;
    font-weight:750 !important;
  }

  #notificationsMenuModal .notificationMailItemMain small{
    color:#506274 !important;
    font-size:9px !important;
  }

  #notificationsMenuModal .notificationMailItemMain strong{
    color:#263c52 !important;
    font-size:10px !important;
    font-weight:750 !important;
  }

  #notificationsMenuModal .notificationMailItemMain>span:last-child{
    color:#5e7083 !important;
    font-size:9px !important;
  }

  #notificationsMenuModal .notificationMailItem time{
    color:#66778a !important;
  }

  /* A jobb oldali olvasó tiszta, világos és kontrasztos legyen. */
  #notificationsMenuModal .notificationMailReaderPane{
    background:#ffffff !important;
    opacity:1 !important;
    color:#203448 !important;
  }

  #notificationsMenuModal .notificationMailReader{
    background:#ffffff !important;
    opacity:1 !important;
    color:#203448 !important;
    padding:28px 34px 36px !important;
  }

  #notificationsMenuModal .notificationMailReaderHead{
    opacity:1 !important;
    border-bottom:1px solid #d9e1e8 !important;
    background:#fff !important;
  }

  #notificationsMenuModal .notificationMailReaderHead h2{
    color:#15283b !important;
    opacity:1 !important;
    font-size:25px !important;
    font-weight:750 !important;
  }

  #notificationsMenuModal .notificationMailReaderHead p{
    color:#647589 !important;
    opacity:1 !important;
    font-size:10px !important;
  }

  #notificationsMenuModal .notificationMailSender{
    background:#f7f9fb !important;
    border:1px solid #d7e0e8 !important;
    opacity:1 !important;
  }

  #notificationsMenuModal .notificationMailSender b{
    color:#1a2d40 !important;
    opacity:1 !important;
    font-size:14px !important;
    font-weight:750 !important;
  }

  #notificationsMenuModal .notificationMailSender span{
    color:#53677b !important;
    opacity:1 !important;
    font-size:10px !important;
  }

  #notificationsMenuModal .notificationMailAvatar.large{
    background:#e8eef4 !important;
    border-color:#cbd6e0 !important;
    color:#2f475e !important;
    opacity:1 !important;
  }

  #notificationsMenuModal .notificationMailMeta>div{
    background:#f7f9fb !important;
    border-color:#d7e0e8 !important;
    opacity:1 !important;
  }

  #notificationsMenuModal .notificationMailMeta small{
    color:#65768a !important;
    opacity:1 !important;
  }

  #notificationsMenuModal .notificationMailMeta b{
    color:#263c52 !important;
    opacity:1 !important;
  }

  #notificationsMenuModal .notificationMailBody{
    background:#fff !important;
    color:#263b50 !important;
    opacity:1 !important;
    font-size:15px !important;
    line-height:1.8 !important;
    font-weight:450 !important;
    padding:14px 2px 30px !important;
  }

  #notificationsMenuModal .notificationMailActions{
    border-top:1px solid #d9e1e8 !important;
    opacity:1 !important;
  }

  #notificationsMenuModal .notificationMailActions .smallBtn{
    opacity:1 !important;
  }

  /* Ne legyen a jobb oldali levél tartalma halvány, kékes kártyába zárva. */
  #notificationsMenuModal .notificationMailReader .pill{
    opacity:1 !important;
    font-weight:750 !important;
  }
}

@media(max-width:900px){
  #notificationsMenuModal .notificationMailSidebar{
    height:100% !important;
  }
}
/* Secure Admin compatibility for the migrated security console */
.secure-security-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.secure-security-head h1{margin:6px 0;font-size:22px;color:#21364c}.secure-security-head p{margin:0;color:#718195;font-size:10px;line-height:1.45}
.securityHeaderActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.stats.big{display:flex;gap:10px;overflow:auto;padding:2px 2px 10px;margin-bottom:14px}
.stats.big>div{flex:1 0 150px;min-width:150px;padding:16px;border:1px solid #dbe6f1;border-radius:14px;background:#fff;box-shadow:0 5px 16px #17345d0a}
.stats.big>div b{display:block;font-size:25px;color:#17345d}.stats.big>div span{display:block;margin-top:4px;color:#718195;font-size:9px}
.securityTopGrid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}
.securityLegend{margin:14px 0;color:#40536d;line-height:1.7}
.securityEvent{padding:9px 0;border-bottom:1px solid #e3eaf3}.securityEvent:last-child{border-bottom:0}.securityEvent.warning{background:#fff9e8}.securityEvent.critical{background:#fff0f0}.securityEvent small{color:#687992}.securityEvent span{white-space:pre-wrap;overflow-wrap:anywhere}.securityEvent b{color:#17345d}
.securityEventCompact{padding:14px!important;border:1px solid #e1e8f1!important;border-radius:14px!important;margin:8px 0!important;background:#fff!important;border-bottom:1px solid #e1e8f1!important;cursor:pointer;box-shadow:0 5px 16px #17345d0b}
.securityEventCompact.warning{background:#fffdf7!important;border-color:#f0dfab!important}.securityEventCompact.critical{background:#fff8f8!important;border-color:#f1caca!important}
.securityEventTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.securityEventTop small{display:block;margin-top:5px;color:#687992;font-size:11px;line-height:1.4}
.securityEventPreview{margin-top:10px;color:#263f63;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:5.9em;overflow-wrap:anywhere}
.securityEventActions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}
.securityWeeklyCard{margin-top:16px}.securityWeeklyRow{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid #edf1f6;cursor:pointer}.securityWeeklyRow:last-child{border-bottom:0}.securityWeeklyRow:hover{background:#f8fbff}.securityWeeklyIcon{flex:0 0 24px;font-size:16px;text-align:center}.securityWeeklyInfo{flex:1;min-width:0}.securityWeeklyInfo b{display:block;font-size:13px;white-space:normal;overflow-wrap:anywhere}.securityWeeklyInfo small{display:block;margin-top:3px;color:#70809a;font-size:10px;line-height:1.35;overflow-wrap:anywhere}.securityWeeklyStatus{font-size:10px;font-weight:800;color:#70809a;white-space:nowrap}.securityWeeklyRow.reviewed .securityWeeklyStatus{color:#18733b}.securityWeeklyRow.archived .securityWeeklyStatus{color:#596b82}
@media(max-width:900px){.secure-security-head{flex-direction:column}.securityTopGrid{grid-template-columns:1fr}.securityCenterGrid{grid-template-columns:1fr}.securityHero{align-items:stretch;flex-direction:column}.securityHeroScore{flex-basis:auto}}
@media(max-width:700px){.securityEventActions{justify-content:stretch}.securityEventActions button{flex:1}.securityWeeklyRow{align-items:flex-start}.securityWeeklyStatus{white-space:normal;text-align:right}.stats.big>div{flex-basis:72vw}.securityDataRow{align-items:flex-start;flex-direction:column}.securityDataActions{width:100%}.securityDataActions button{width:100%}}