body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background: radial-gradient(circle at top, #f9fafb 0, #eceff4 40%, #e5e7eb 100%);
        }
        .container {
            max-width: 1120px;
            margin: 32px auto;
            padding: 16px;
        }
        .card {
            background: #ffffff;
            border-radius: 24px;
            padding: 24px;
            box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
        }
        .toolbar {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            margin-bottom:20px;
        }
        .toolbar h1 {
            margin:0;
            font-size:26px;
            font-weight:700;
        }
        .btn {
            appearance:none;
            border-radius:999px;
            padding:8px 20px;
            font-size:14px;
            border:1px solid transparent;
            cursor:pointer;
            font-weight:500;
            line-height:1.2;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            white-space:nowrap;
            text-decoration:none;
        }
        .btn.primary {
            background:#6366f1;
            border-color:#6366f1;
            color:#fff;
        }
        .btn.primary:hover {
            background:#4f46e5;
            border-color:#4f46e5;
        }
        .btn.ghost {
            background:#ffffff;
            border-color:#d1d5db;
            color:#374151;
        }
        .btn.ghost:hover {
            background:#f3f4f6;
        }
        .btn.danger {
            background:#dc2626;
            border-color:#dc2626;
            color:#fff;
        }
        .btn.danger:hover { background:#b91c1c; }

        .notice {
            background:#ecfeff;
            border:1px solid #06b6d4;
            padding:8px 12px;
            border-radius:12px;
            margin-bottom:10px;
            font-size:13px;
        }
        .error {
            background:#fef2f2;
            border:1px solid #f97373;
            padding:8px 12px;
            border-radius:12px;
            margin-bottom:10px;
            font-size:13px;
        }
        .muted {
            color:#6b7280;
            font-size:13px;
        }
        a.link {
            color:#4f46e5;
            text-decoration:none;
            font-size:13px;
        }
        a.link:hover { text-decoration:underline; }

        /* fő csempe */
        .admin-main-grid {
            display:flex;
            flex-direction:column;
            gap:16px;
            margin-top:8px;
        }
        .home-tile {
            display:flex;
            align-items:center;
            gap:16px;
            padding:16px 20px;
            border-radius:20px;
            border:1px solid #e5e7eb;
            background:#f9fafb;
            text-decoration:none;
            box-shadow:0 12px 32px rgba(15,23,42,0.08);
            transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
            color:inherit;
            cursor:pointer;
        }
        .home-tile:hover {
            transform:translateY(-2px);
            background:#ffffff;
            box-shadow:0 20px 45px rgba(15,23,42,0.18);
        }
        .home-tile-icon {
            width:40px;
            height:40px;
            border-radius:14px;
            background:#eef2ff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:22px;
            flex-shrink:0;
        }
        .home-tile-main { flex:1; min-width:0; }
        .home-tile-title {
            font-weight:600;
            font-size:15px;
            margin-bottom:2px;
        }
        .home-tile-desc {
            font-size:13px;
            color:#6b7280;
        }

        .login-card {
            max-width:420px;
            margin:10vh auto;
        }
        .field {
            margin-bottom:10px;
        }
        .field label {
            display:block;
            font-size:13px;
            margin-bottom:4px;
            font-weight:600;
        }
        .field input,
        .field textarea,
        .field select {
            width:100%;
            padding:8px 10px;
            border-radius:8px;
            border:1px solid #d4d4d8;
            font-size:14px;
        }
        .field textarea { min-height:90px; resize:vertical; }

        .table {
            width:100%;
            border-collapse:collapse;
            margin-top:12px;
        }
        .table th,
        .table td {
            padding:8px 10px;
            border-bottom:1px solid #e5e7eb;
            font-size:13px;
            text-align:left;
        }
        .badge {
            display:inline-block;
            padding:2px 8px;
            border-radius:999px;
            font-size:11px;
            background:#e5e7eb;
        }
        .badge.green {
            background:#dcfce7;
        }
        .badge.red {
            background:#fee2e2;
        }

        /* === KÖZÖS MODÁL STÍLUS === */
        .modal-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, 0.35);
            display: none;
            /* Ha magas a tartalom, a modálon belül legyen görgetés (ne a háttér/body) */
            align-items: flex-start;
            justify-content: center;
            padding: 16px;
            overflow-y: auto;
            z-index: 900;
        }
        .modal-backdrop.show {
            display: flex;
        }

        .modal-card,
        .modal-box,
        .modal-box--editor {
            width: 100%;
            max-height: 92vh;
            background: #ffffff;
            border-radius: 20px;
            padding: 20px 22px 18px;
            box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
            overflow-y: auto;
            margin: 0 auto;
            overscroll-behavior: contain;
        }

        html.modal-open,
        body.modal-open{ overflow: hidden; height:100%; }
        /* Minden modal legyen „szép méretes” (almodalok is) */
        .modal-card { max-width: min(1100px, 96vw); }
        .modal-card--narrow { max-width: min(980px, 96vw); }
        .modal-card--wide { max-width: min(1400px, 96vw); }
        .modal-box { max-width: min(1100px, 96vw); }
        .modal-box--editor { max-width: min(980px, 96vw); }

        .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }
        .modal-header h2,
        .modal-header h3 {
            margin: 0;
            font-size: 18px;
            font-weight: 600;
        }
        .modal-close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 999px;
            border: 1px solid #e5e7eb;
            background: #ffffff;
            font-size: 18px;
            line-height: 1;
            text-decoration: none;
            color: #111827;
            cursor: pointer;
        }
        .modal-close:hover {
            background: #f3f4f6;
        }
        .modal-body {
            margin-bottom: 14px;
        }
        .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
        }

        /* ESZLE iframe modal */
        .eszle-modal-card { padding:0; overflow:hidden; }
        .eszle-modal-header { position:sticky; top:0; z-index:2; padding:16px 20px 10px; background: rgba(255,255,255,0.92); backdrop-filter: blur(10px); }
        .eszle-modal-framewrap { width:100%; height: calc(90vh - 62px); }
        .eszle-modal-framewrap iframe { border:0; width:100%; height:100%; display:block; }

        /* Kényszerített weboldal-szerkesztő modál */
        #siteEditorModal{ z-index: 5000; }
        #siteEditorModal.show{ display:flex; }
        #siteEditorModal .modal-card{ width:min(1500px, 98vw); max-height:96vh; padding:0; overflow:hidden; background:#0f172a; border:1px solid rgba(255,255,255,.10); box-shadow:0 30px 80px rgba(0,0,0,.45); }
        #siteEditorModal .modal-header{ position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(15,23,42,.92)); border-bottom:1px solid rgba(255,255,255,.08); }
        #siteEditorModal .modal-header h3{ margin:0; color:#fff; font-size:20px; }
        #siteEditorModal .modal-close{ color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); }
        #siteEditorModal .modal-close:hover{ background:rgba(255,255,255,.14); }
        #siteEditorModal .site-editor-framewrap{ width:100%; height:calc(96vh - 68px); background:#fff; }
        #siteEditorModal .site-editor-framewrap iframe{ width:100%; height:100%; border:0; display:block; background:#fff; }
        @media (max-width: 900px){
            #siteEditorModal{ padding:0; }
            #siteEditorModal .modal-card{ width:100vw; max-height:100vh; border-radius:0; }
            #siteEditorModal .site-editor-framewrap{ height:calc(100vh - 64px); }
        }
        @media (max-width:720px){
            .eszle-modal-framewrap{ height: calc(100vh - 62px); }
            .modal-backdrop{ padding:0; }
            .modal-card.eszle-modal-card{ max-height:100vh; border-radius:0; }
        }

        .grid-perms {
            display:grid;
            grid-template-columns:repeat(auto-fill, minmax(220px,1fr));
            gap:10px;
        }

        /* === Felhasználó szerkesztése – csempék === */
        .user-edit-grid {
            display:flex;
            flex-direction:column;
            gap:10px;
            margin-top:10px;
        }
        .user-edit-tile {
            width:100%;
            border:1px solid #e5e7eb;
            border-radius:14px;
            padding:10px 14px;
            background:#ffffff;
            display:flex;
            align-items:center;
            gap:12px;
            cursor:pointer;
            text-align:left;
            transition:box-shadow .15s ease, transform .12s ease, background .15s ease;
        }
        .user-edit-tile:hover {
            background:#f9fafb;
            box-shadow:0 10px 24px rgba(15,23,42,0.06);
            transform:translateY(-1px);
        }
        .user-edit-icon {
            width:32px;
            height:32px;
            border-radius:999px;
            background:#eef2ff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:18px;
            flex-shrink:0;
        }
        .user-edit-main {
            flex:1;
            min-width:0;
        }
        .user-edit-title {
            font-size:14px;
            font-weight:600;
            color:#111827;
            margin-bottom:2px;
        }
        .user-edit-sub {
            font-size:12px;
            color:#6b7280;
        }
        .user-edit-arrow {
            font-size:18px;
            color:#9ca3af;
            flex-shrink:0;
        }

        @media (max-width:720px) {
            .container { padding:12px; }
            .card { padding:18px; border-radius:18px; }
            .toolbar h1 { font-size:22px; }
            .modal-card,
            .modal-box,
            .modal-box--editor {
                padding:18px 16px 16px;
                border-radius:18px;
            }
            .table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
        }
        @media (max-width:480px) {
            .user-edit-tile {
                padding:9px 10px;
                border-radius:12px;
            }
        }

        /* === Jogosultság csempék (perm-tile) === */
        .perm-section {
          margin-bottom: 18px;
        }
        .perm-section-title {
          font-size: 13px;
          font-weight: 700;
          color: #6b7280;
          letter-spacing: .08em;
          text-transform: uppercase;
          margin-bottom: 4px;
        }
        .perm-section-desc {
          font-size: 12px;
          color: #9ca3af;
          margin-bottom: 10px;
        }
        .perm-grid {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
        }
        .perm-tile {
          position: relative;
          border-radius: 999px;
          padding: 8px 18px;
          background: #ffffff;
          border: 1px solid #e5e7eb;
          font-size: 13px;
          color: #111827;
          cursor: pointer;
          box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-width: 110px;
          text-align: center;
          transition:
            background .15s ease,
            color .15s ease,
            border-color .15s ease,
            box-shadow .15s ease,
            transform .12s ease;
        }
        .perm-tile input[type="checkbox"] {
          position: absolute;
          opacity: 0;
          pointer-events: none;
        }
        .perm-tile--active {
          background: #4f46e5;
          border-color: #4f46e5;
          color: #ffffff;
          box-shadow: 0 12px 30px rgba(79, 70, 229, 0.45);
          transform: translateY(-1px);
        }
        .perm-tile:hover {
          box-shadow: 0 10px 26px rgba(15, 23, 42, 0.14);
        }
        .perm-tile--active:hover {
          box-shadow: 0 14px 34px rgba(79, 70, 229, 0.55);
        }
        @media (max-width: 480px) {
          .perm-grid {
            gap: 8px;
          }
          .perm-tile {
            min-width: 96px;
            padding: 7px 14px;
            font-size: 12px;
          }
        }

        .status-grid {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
        }
        .status-grid [data-status-input] {
          display:none;
        }
        .status-tile {
          border-radius: 999px;
          padding: 8px 18px;
          background: #ffffff;
          border: 1px solid #e5e7eb;
          font-size: 13px;
          color: #111827;
          cursor: pointer;
          box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-width: 96px;
          text-align: center;
          transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .12s ease;
        }
        .status-tile--active {
          background: #4f46e5;
          border-color: #4f46e5;
          color: #ffffff;
          box-shadow: 0 12px 30px rgba(79, 70, 229, 0.45);
          transform: translateY(-1px);
        }
        .status-tile:hover {
          box-shadow: 0 10px 26px rgba(15, 23, 42, 0.14);
        }
        .status-tile--active:hover {
          box-shadow: 0 14px 34px rgba(79, 70, 229, 0.55);
        }

        /* === Bejelentkezések & eszközök – pill stílusok === */
        .session-pill {
          display: flex;
          flex-wrap: wrap;
          gap: 6px;
          margin-top: 4px;
        }
        .session-pill span {
          display: inline-flex;
          align-items: center;
          padding: 4px 10px;
          border-radius: 999px;
          font-size: 12px;
          font-weight: 500;
        }
        .session-pill-ok {
          background: #dcfce7;
          color: #166534;
        }
        .session-pill-warn {
          background: #fef3c7;
          color: #92400e;
        }
        .session-pill-none {
          background: #e5e7eb;
          color: #4b5563;
        }

        /* Aktív / inaktív toggle */
        .btn-toggle-active {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 6px 16px;
          border-radius: 999px;
          border: 1px solid #d1d5db;
          background: #ffffff;
          font-size: 13px;
          font-weight: 500;
          cursor: pointer;
          min-width: 90px;
          color: #111827; /* inaktív állapotban sötét felirat fehér gombon */
        }
        .btn-toggle-active.on {
          background: #6366f1;
          border-color: #6366f1;
          color: #ffffff;   /* aktív állapotban fehér felirat kék gombon */
        }
		
		.chip-row{ display:flex; gap:10px; flex-wrap:wrap; }

.chip{
  appearance:none;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.chip:hover{
  transform: translateY(-1px);
  box-shadow:0 12px 26px rgba(15,23,42,.12);
  border-color:#cbd5e1;
}

.chip.on{
  background:#4f46e5;   /* ugyanaz a „kék” érzet */
  border-color:#4f46e5;
  color:#fff;
  box-shadow:0 18px 40px rgba(79,70,229,.28);
}

    
/* === ESZLE Confirm (egységes megerősítő) === */
.eszle-confirm-backdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center;
  z-index:99999;
}
.eszle-confirm-modal{
  width:min(420px, calc(100vw - 32px));
  background:rgba(10,20,35,.98);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
  padding:18px 18px 14px;
  color:#e9f0ff;
}
.eszle-confirm-modal h3{ margin:0 0 8px; font-size:16px; }
.eszle-confirm-modal p{ margin:0; opacity:.92; line-height:1.35; }
.eszle-confirm-actions{ display:flex; justify-content:flex-end; gap:10px; margin-top:14px; }
.eszle-confirm-actions .btn{ border-radius:999px; padding:8px 14px; }

/* === Mini-CRM / select + toolbar styling (Ricsi-Vill) === */
:root{
  --rv-accent: rgba(245,158,11,1);
}
select{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.92);
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  line-height:1.2;
}
select:focus{
  border-color:rgba(245,158,11,.60);
  box-shadow:0 0 0 3px rgba(245,158,11,.14);
}
select option{
  background:#0b1220;
  color:#fff;
}

/* Mini CRM – force dark selects (some browsers / legacy rules may keep them white) */
.lead-filters select,
.lead-filters select.input,
.lead-actions select,
.lead-actions select.input,
.lead-card select,
.lead-card select.input{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background:linear-gradient(145deg, rgba(27,36,51,.95), rgba(20,28,41,.95)) !important;
  color:rgba(230,237,246,.98) !important;
  border:1px solid rgba(42,53,72,.95) !important;
  border-radius:12px !important;
  padding:10px 36px 10px 12px !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23c8a95b' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:16px !important;
}
.lead-filters select:focus,
.lead-actions select:focus,
.lead-card select:focus{
  outline:none !important;
  border-color:rgba(200,169,91,.85) !important;
  box-shadow:0 0 0 3px rgba(200,169,91,.22) !important;
}
.lead-filters select option,
.lead-actions select option,
.lead-card select option{
  background:#0b1220 !important;
  color:#e6edf6 !important;
}
.select-wrap{ position:relative; }
.select-wrap:after{
  content:"▾";
  position:absolute;
  right:12px;
  bottom:10px;
  color:rgba(255,255,255,.65);
  pointer-events:none;
  font-size:14px;
}
.crm-filters{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr auto;
  gap:12px;
  align-items:end;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.10);
}
@media (max-width: 900px){
  .crm-filters{ grid-template-columns: 1fr; }
}
.crm-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.btn, .btn-like, button, input[type="submit"], input[type="button"]{
  border-radius:12px;
}
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.92);
  cursor:pointer;
  text-decoration:none;
  user-select:none;
}
.btn:hover{ border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.06); }
.btn:active{ transform:translateY(1px); }
.btn-accent{
  border-color:rgba(245,158,11,.45);
  background:rgba(245,158,11,.10);
}
.btn-accent:hover{
  border-color:rgba(245,158,11,.60);
  background:rgba(245,158,11,.14);
}
/* Table polish */
.table-wrap{ overflow:auto; border-radius:16px; background:transparent; border:0 !important; outline:0 !important; box-shadow:none !important; }
table{ width:100%; border-collapse:collapse; }
thead th{
  position:sticky; top:0;
  background:rgba(11,18,32,.92);
  backdrop-filter: blur(6px);
  text-align:left;
  font-size:12px;
  color:rgba(255,255,255,.7);
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
tbody td{
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top;
}
tbody tr:hover{ background:rgba(255,255,255,.03); }
.table-modern{ border-collapse:separate; border-spacing:0 10px; }
.table-modern thead th{ position:static; background:transparent; border-bottom:none; padding:0 12px 10px; color:var(--ad-soft); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.table-modern thead tr{ border:0 !important; }
.table-modern tbody tr{ background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)); transition:transform .14s ease, background .14s ease, box-shadow .14s ease; }
.table-modern tbody tr:hover{ background:linear-gradient(180deg, rgba(96,165,250,.08), rgba(255,255,255,.022)); box-shadow:0 8px 22px rgba(2,6,23,.16); transform:translateY(-1px); }
.table-modern tbody td{ background:transparent; border-top:1px solid rgba(255,255,255,.045); border-bottom:1px solid rgba(255,255,255,.045); padding:13px 12px; }
.table-modern tbody td:first-child{ border-left:0; border-radius:14px 0 0 14px; }
.table-modern tbody td:last-child{ border-right:0; border-radius:0 14px 14px 0; }
.table-modern .cell-main{ display:block; font-weight:700; color:#fff; line-height:1.25; }
.table-modern .cell-sub{ display:block; margin-top:4px; font-size:12px; color:var(--ad-muted); line-height:1.35; }
.table-modern .cell-id{ font-weight:700; font-size:12px; letter-spacing:.03em; color:rgba(191,219,254,.88); }
.table-modern .action-pill{ display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 11px; border-radius:999px; text-decoration:none; color:#fff; border:1px solid rgba(96,165,250,.22); background:linear-gradient(180deg, rgba(59,130,246,.14), rgba(37,99,235,.08)); font-size:12px; font-weight:700; box-shadow:none; transition:background .14s ease, border-color .14s ease, transform .14s ease; }
.table-modern .action-pill:hover{ border-color:rgba(96,165,250,.34); background:linear-gradient(180deg, rgba(59,130,246,.20), rgba(37,99,235,.12)); transform:translateY(-1px); }
.table-modern .badge.role-admin{ background:rgba(168,85,247,.16); border-color:rgba(168,85,247,.30); color:#e9d5ff; }
.table-modern .badge.role-user{ background:rgba(59,130,246,.16); border-color:rgba(59,130,246,.30); color:#dbeafe; }
.table-modern .badge.role-suspended{ background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.28); color:#fde68a; }
.table-modern .badge.status-active{ background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.28); color:#bbf7d0; }
.table-modern .badge.status-inactive,.table-modern .badge.status-expired,.table-modern .badge.status-revoked{ background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.26); color:#fecaca; }
.table-modern .badge.status-used{ background:rgba(96,165,250,.14); border-color:rgba(96,165,250,.26); color:#dbeafe; }
.table-modern .badge.kind-admin{ background:rgba(168,85,247,.16); border-color:rgba(168,85,247,.28); color:#f3e8ff; }
.table-modern .badge.kind-user{ background:rgba(59,130,246,.16); border-color:rgba(59,130,246,.28); color:#dbeafe; }
.section-intro{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
.section-intro .lead{ margin:0; color:var(--ad-muted); max-width:900px; }
.surface-card{ border:none !important; outline:none !important; box-shadow:none !important; border-radius:24px; background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)); padding:18px; }
.surface-card + .surface-card{ margin-top:14px; }
.surface-card .muted{ color:rgba(226,232,240,.9); }

        /* ===== ADMIN DASHBOARD V4 ===== */
        :root{
            --ad-bg:#07111f;
            --ad-panel:rgba(11,23,40,.78);
            --ad-panel-2:rgba(15,28,48,.92);
            --ad-border:rgba(255,255,255,.10);
            --ad-border-strong:rgba(148,163,184,.18);
            --ad-text:rgba(230,237,246,.96);
            --ad-muted:rgba(230,237,246,.68);
            --ad-soft:rgba(230,237,246,.52);
            --ad-accent:rgba(96,165,250,.95);
            --ad-accent-2:rgba(59,130,246,.24);
            --ad-shadow:0 24px 70px rgba(0,0,0,.36);
        }
        body{ background: radial-gradient(circle at top, #0b1830 0, #07111f 42%, #050c16 100%) !important; color:var(--ad-text); }
        .container{ max-width: none; margin:0; padding:18px; }
        .notice,.error{ border-radius:16px; padding:12px 14px; margin-bottom:14px; }
        .admin-shell{ display:grid; grid-template-columns: 88px minmax(0,1fr); gap:18px; min-height:calc(100vh - 36px); }
        .admin-sidebar{ position:sticky; top:18px; z-index:60; align-self:start; height:calc(100vh - 36px); border:1px solid var(--ad-border); border-radius:28px; background:linear-gradient(180deg, rgba(8,16,30,.96), rgba(7,14,26,.94)); box-shadow:var(--ad-shadow); padding:14px 10px; display:flex; flex-direction:column; justify-content:space-between; backdrop-filter: blur(14px); overflow:visible; }
        .admin-main-split{ display:grid; grid-template-columns:minmax(0,1fr); gap:18px; align-items:start; }
        .admin-shell.sidepanel-open .admin-main-split{ grid-template-columns:minmax(0,1fr); }
        .admin-shell.sidepanel-open .admin-dash-wrap,
        .admin-shell.sidepanel-open .admin-toolbar{ display:none; }
        .admin-sidepanel{ display:none; position:sticky; top:18px; min-height:calc(100vh - 36px); max-height:calc(100vh - 36px); overflow:hidden; border:1px solid var(--ad-border); border-radius:28px; background:linear-gradient(180deg, rgba(8,16,30,.98), rgba(7,14,26,.96)); box-shadow:var(--ad-shadow); }
        .admin-shell.sidepanel-open .admin-sidepanel{ display:flex; flex-direction:column; width:100%; }
        .admin-sidepanel-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px 14px; border-bottom:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)); }
        .admin-sidepanel-head h2{ margin:0; font-size:20px; color:#fff; }
        .admin-sidepanel-head p{ margin:4px 0 0; color:var(--ad-muted); font-size:13px; }
        .admin-sidepanel-close{ width:42px; height:42px; border-radius:14px; display:grid; place-items:center; text-decoration:none; color:#fff; font-size:24px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); }
        .admin-sidepanel-close:hover{ background:rgba(255,255,255,.12); }
        /* Sidepanel: kicsit több hasznos terület (iframe + tartalom) */
        /* Sidepanel body: flex konténer, hogy az iframe tényleg az aljáig érjen */
        .admin-sidepanel-body{ flex:1; min-height:0; display:flex; flex-direction:column; overflow:hidden; padding:12px; }
        .admin-sidepanel-body > .modal-card, .admin-sidepanel-body > .modal-box, .admin-sidepanel-body > .modal-box--editor{ max-width:none !important; width:100% !important; max-height:none !important; min-height:auto !important; margin:0 !important; border-radius:0; box-shadow:none; border:0; padding:0; background:transparent; }
        .admin-sidepanel-body .modal-header{ display:none !important; }
        .admin-sidepanel-body .modal-close{ display:none !important; }
        .admin-sidepanel-body .table-wrap,
        .admin-sidepanel-body div[style*="overflow-x:auto"]{ overflow-x:visible !important; }
        .admin-sidepanel-body .table{ width:100%; table-layout:fixed; }
        .admin-sidepanel-body .table th,
        .admin-sidepanel-body .table td{ word-break:break-word; }
        .admin-sidepanel-body .table th:nth-child(1),
        .admin-sidepanel-body .table td:nth-child(1){ width:56px; }
        .admin-sidepanel-body .table th:last-child,
        .admin-sidepanel-body .table td:last-child{ width:140px; }
        .admin-sidepanel-body .card{ border-radius:22px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)); }
.admin-sidepanel-body .surface-card,
.admin-sidepanel-body .table-wrap,
.admin-sidepanel-body .table-modern,
.admin-sidepanel-body .table-modern thead,
.admin-sidepanel-body .table-modern tbody,
.admin-sidepanel-body .table-modern tr{ box-shadow:none !important; outline:0 !important; }
.admin-sidepanel-body .surface-card::before,
.admin-sidepanel-body .surface-card::after{ display:none !important; }

        .admin-sidepanel-body .btn-row{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
        /* Iframe: töltse ki a rendelkezésre álló magasságot a sidepanel head alatt */
        .admin-sidepanel-frame{ width:100%; flex:1; min-height:0; height:auto; border:0; border-radius:18px; background:transparent; box-shadow:none; }
        .sp-section-note{ margin:0 0 14px; color:var(--ad-muted); }
        .sp-actions{ display:flex; justify-content:flex-end; gap:10px; margin-bottom:10px; flex-wrap:wrap; }
        .sp-system-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
        .sp-system-card{ border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:16px; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); }
        .sp-system-card .k{ display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ad-soft); margin-bottom:8px; }
        .sp-system-card .v{ font-size:15px; font-weight:700; color:#fff; word-break:break-word; }
        .sp-system-card .s{ margin-top:6px; color:var(--ad-muted); font-size:12px; }
        body.sidepanel-mode .modal-backdrop.sidepanel-source{ display:none !important; }
        body.sidepanel-mode .modal-backdrop.sidepanel-source.show{ display:none !important; }
        body.sidepanel-mode .sidepanel-source{ visibility:hidden !important; pointer-events:none !important; }
        .admin-brand{ display:flex; flex-direction:column; align-items:center; gap:10px; color:var(--ad-text); margin-bottom:8px; }
        .admin-brand-badge{ width:46px; height:46px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:22px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
        .admin-brand-word{ font-size:12px; font-weight:800; letter-spacing:.16em; writing-mode:vertical-rl; transform:rotate(180deg); opacity:.92; }
        .admin-nav{ display:flex; flex-direction:column; gap:12px; align-items:center; }
        .admin-nav-link{ position:relative; z-index:1; width:48px; height:48px; border-radius:16px; display:flex; align-items:center; justify-content:center; text-decoration:none; color:var(--ad-text); border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); font-size:20px; transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; overflow:visible; }
        .admin-nav-link:hover,.admin-nav-link.is-active{ z-index:80; background:linear-gradient(180deg, rgba(59,130,246,.18), rgba(37,99,235,.12)); border-color:rgba(96,165,250,.40); box-shadow:0 0 0 1px rgba(96,165,250,.14), 0 14px 28px rgba(30,64,175,.18); transform:translateY(-1px); }
        .admin-nav-link::after{ content:attr(title); position:absolute; left:60px; top:50%; z-index:200; transform:translateY(-50%) translateX(-4px); opacity:0; pointer-events:none; white-space:nowrap; padding:7px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.08); background:rgba(9,16,28,.98); color:var(--ad-text); font-size:12px; box-shadow:0 18px 34px rgba(2,6,23,.45); transition:opacity .14s ease, transform .14s ease; }
        .admin-nav-link:hover::after{ opacity:1; transform:translateY(-50%) translateX(0); }
        .admin-main{ min-width:0; }
        .dash-wrap,.admin-dash-wrap{ max-width:none; }
        .admin-toolbar{ display:flex; justify-content:flex-end; margin-bottom:14px; }
        .dash-actions{ margin-left:auto; display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
        .dash-chip,.dash-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 14px; border-radius:999px; text-decoration:none; border:1px solid rgba(255,255,255,.10); color:var(--ad-text); background:rgba(255,255,255,.04); transition:background .16s ease, border-color .16s ease, transform .16s ease; }
        .dash-chip:hover,.dash-btn:hover{ background:rgba(255,255,255,.06); border-color:rgba(96,165,250,.28); transform:translateY(-1px); }
        .dash-btn{ background:linear-gradient(180deg, rgba(59,130,246,.18), rgba(37,99,235,.12)); border-color:rgba(96,165,250,.36); }
        .admin-hero{ position:relative; overflow:hidden; border:1px solid var(--ad-border); background:linear-gradient(135deg, rgba(13,24,43,.94), rgba(10,20,36,.88)); border-radius:30px; padding:20px 22px 18px; box-shadow:var(--ad-shadow); margin-bottom:18px; }
        .admin-hero::before{ content:""; position:absolute; inset:-40% auto auto 58%; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(59,130,246,.14), rgba(59,130,246,0)); pointer-events:none; }
        .admin-hero-top{ position:relative; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
        .admin-eyebrow{ display:inline-flex; align-items:center; gap:8px; color:var(--ad-soft); font-size:11px; text-transform:uppercase; letter-spacing:.16em; }
        .admin-hero h1{ margin:8px 0 8px; font-size:40px; line-height:1; letter-spacing:-.03em; }
        .admin-hero p{ margin:0; max-width:760px; color:var(--ad-muted); font-size:15px; line-height:1.5; }
        .admin-role-pill{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05); color:var(--ad-text); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
        .admin-stats-row{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
        .admin-mini-stat{ position:relative; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)); border-radius:20px; padding:14px 16px 15px 18px; min-height:96px; display:flex; flex-direction:column; justify-content:space-between; box-shadow: inset 0 1px 0 rgba(255,255,255,.03); overflow:hidden; }
        .admin-mini-stat .k{ color:var(--ad-soft); font-size:11px; text-transform:uppercase; letter-spacing:.10em; }
        .admin-mini-stat .v{ font-size:34px; font-weight:900; line-height:1; margin-top:8px; }
        .admin-mini-stat .s{ margin-top:6px; color:var(--ad-muted); font-size:12px; }
        .admin-mini-stat::before{ content:""; position:absolute; inset:12px auto 12px 0; width:3px; border-radius:999px; background:rgba(96,165,250,.85); box-shadow:0 0 0 1px rgba(255,255,255,.04); }
        .admin-mini-stat.accent-blue::before{ background:linear-gradient(180deg, rgba(96,165,250,.98), rgba(59,130,246,.55)); }
        .admin-mini-stat.accent-violet::before{ background:linear-gradient(180deg, rgba(167,139,250,.98), rgba(124,58,237,.55)); }
        .admin-mini-stat.accent-amber::before{ background:linear-gradient(180deg, rgba(251,191,36,.98), rgba(245,158,11,.55)); }
        .admin-mini-stat.accent-green::before{ background:linear-gradient(180deg, rgba(74,222,128,.98), rgba(34,197,94,.55)); }
        .dash-grid{ display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:16px; align-items:stretch; }
        .dash-span-3{ grid-column:span 3; }
        .dash-span-4{ grid-column:span 4; }
        .dash-span-6{ grid-column:span 6; }
        .dash-span-8{ grid-column:span 8; }
        .dash-span-12{ grid-column:1 / -1; }
        .dash-card{ border:1px solid var(--ad-border); background:linear-gradient(180deg, rgba(11,23,40,.82), rgba(8,18,32,.76)); border-radius:24px; padding:16px 18px 18px; box-shadow:var(--ad-shadow); min-width:0; }
        .widget-link{ text-decoration:none; color:inherit; display:block; }
        .widget-link:hover{ transform:translateY(-2px); }
        .dash-card.widget-link{ transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; }
        .dash-card.widget-link:hover{ border-color:rgba(96,165,250,.28); background:linear-gradient(180deg, rgba(15,28,48,.92), rgba(10,20,36,.82)); box-shadow:0 26px 70px rgba(0,0,0,.40); transform:translateY(-3px); }
        .admin-widget-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }
        .admin-widget-icon{ width:44px; height:44px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(96,165,250,.16), rgba(59,130,246,.10)); border:1px solid rgba(96,165,250,.20); font-size:20px; flex:0 0 auto; box-shadow:0 12px 28px rgba(37,99,235,.14); }
        .admin-widget-title{ font-size:18px; font-weight:800; letter-spacing:-.02em; }
        .admin-widget-sub{ font-size:12px; color:var(--ad-muted); margin-top:4px; }
        .admin-kpi{ font-size:56px; font-weight:900; line-height:.96; margin:2px 0 10px; letter-spacing:-.05em; }
        .admin-meta-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
        .admin-meta-box{ border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.03); border-radius:16px; padding:12px; min-width:0; min-height:66px; display:flex; flex-direction:column; justify-content:space-between; }
        .admin-meta-box .label{ display:block; color:var(--ad-soft); font-size:11px; text-transform:uppercase; letter-spacing:.10em; margin-bottom:6px; line-height:1.25; min-height:28px; }
        .admin-meta-box strong{ display:block; margin-top:auto; font-size:20px; line-height:1; }
        .admin-list{ display:grid; gap:10px; }
        .admin-list-item{ display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.025); border-radius:16px; padding:12px 14px; min-width:0; transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; }
        .admin-list-item .meta{ color:var(--ad-muted); font-size:12px; }
        .admin-list-item:hover{ transform:translateY(-2px); border-color:rgba(96,165,250,.20); box-shadow:0 18px 36px rgba(2,6,23,.22); background:rgba(255,255,255,.035); }
        .admin-list-item .meta.meta-strong{ color:rgba(226,232,240,.88); font-size:13px; }
        .lead-list-item{ align-items:flex-start; }
        .lead-meta-line{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:6px; }
        .lead-city{ color:#cbd5e1; }
        .status-badge{ display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.02em; border:1px solid transparent; }
        .status-badge.status-info{ background:rgba(59,130,246,.14); border-color:rgba(59,130,246,.26); color:#dbeafe; }
        .status-badge.status-warn{ background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.26); color:#fde68a; }
        .status-badge.status-ok{ background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.26); color:#bbf7d0; }
        .status-badge.status-bad{ background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.24); color:#fecaca; }
        .status-badge.status-neutral{ background:rgba(148,163,184,.12); border-color:rgba(148,163,184,.22); color:#e2e8f0; }
        .admin-audit-main{ display:flex; align-items:flex-start; gap:10px; min-width:0; }
        .admin-tone-dot{ width:10px; height:10px; border-radius:50%; margin-top:6px; background:#60a5fa; flex:0 0 auto; }
        .admin-tone-dot.ok{ background:#22c55e; }
        .admin-tone-dot.warn{ background:#f59e0b; }
        .admin-tone-dot.bad{ background:#ef4444; }
        .admin-tone-dot.info{ background:#60a5fa; }
        .admin-list-item strong{ display:block; font-size:15px; }
        .admin-kv{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
        .admin-quick-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
        .admin-quick-btn{ display:flex; align-items:center; gap:10px; padding:13px 14px; border-radius:16px; text-decoration:none; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); color:var(--ad-text); transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; }
        .admin-quick-btn:hover{ background:linear-gradient(180deg, rgba(18,33,58,.86), rgba(12,23,40,.74)); border-color:rgba(96,165,250,.34); box-shadow:0 16px 34px rgba(30,64,175,.18); transform:translateY(-2px); }
        .admin-quick-btn .quick-icon{ width:30px; height:30px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(96,165,250,.18), rgba(59,130,246,.08)); border:1px solid rgba(96,165,250,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
        .status-pill{ display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); font-size:12px; }
        .status-dot{ width:8px; height:8px; border-radius:50%; background:#60a5fa; display:inline-block; }
        .status-dot.ok{ background:#22c55e; }
        .status-dot.warn{ background:#f59e0b; }
        .status-dot.bad{ background:#ef4444; }
        .rv-status-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
        .rv-status-box{ border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.03); border-radius:14px; padding:12px; min-height:72px; display:flex; flex-direction:column; justify-content:space-between; }
        .rv-status-box .label{ color:var(--ad-soft); font-size:11px; text-transform:uppercase; letter-spacing:.08em; display:block; margin-bottom:6px; line-height:1.25; min-height:28px; }
        .rv-status-box strong{ display:block; margin-top:auto; font-size:22px; line-height:1; }
        .users-dashboard{ display:grid; gap:16px; }
        .users-dashboard .users-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }

        /* === Meghívók oldal – kompakt választó csempék === */
        .invite-form-layout{ display:grid; gap:14px; }
        .invite-form-grid{ display:grid; grid-template-columns:minmax(180px,.36fr) minmax(320px,1fr) auto; gap:12px; align-items:end; }
        .invite-block{ display:grid; gap:8px; }
        .invite-label{ font-size:11px; text-transform:uppercase; letter-spacing:.10em; color:var(--ad-soft); }
        .invite-pill-grid{ display:flex; flex-wrap:wrap; gap:10px; min-height:44px; align-items:center; }
        .invite-pill-grid .perm-tile{ min-width:auto; padding:10px 16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10); color:var(--ad-text); box-shadow:none; }
        .invite-pill-grid .perm-tile .muted{ color:inherit; opacity:.72; }
        .invite-pill-grid .perm-tile:hover{ border-color:rgba(96,165,250,.24); box-shadow:0 12px 26px rgba(2,6,23,.18); }
        .invite-pill-grid .perm-tile--active{ background:linear-gradient(180deg, rgba(99,102,241,.26), rgba(79,70,229,.18)); border-color:rgba(129,140,248,.72); color:#eef2ff; box-shadow:0 16px 34px rgba(79,70,229,.24); }
        .invite-perm-box{ display:grid; gap:8px; margin-top:2px; }
        @media (max-width: 980px){
          .invite-form-grid{ grid-template-columns:1fr 1fr; }
          .invite-form-grid .users-actions{ grid-column:1 / -1; justify-content:flex-start; }
        }
        @media (max-width: 720px){
          .invite-form-grid{ grid-template-columns:1fr; }
        }

        .users-dashboard .users-toolbar{ display:grid; grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(180px,.35fr)) auto; gap:12px; align-items:end; }
        .users-dashboard .users-filter{ display:grid; gap:7px; }
        .users-dashboard .users-filter label{ font-size:11px; text-transform:uppercase; letter-spacing:.10em; color:var(--ad-soft); }
        .users-dashboard .users-filter input,
        .users-dashboard .users-filter select{ width:100%; min-height:42px; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:var(--ad-text); padding:0 14px; outline:none; }
        .users-dashboard .users-filter input:focus,
        .users-dashboard .users-filter select:focus{ border-color:rgba(96,165,250,.34); box-shadow:0 0 0 3px rgba(59,130,246,.12); }
        .users-dashboard .users-filter select option{ color:#0f172a; }
        .users-dashboard .users-actions{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
        .users-dashboard .users-table-card{ padding:16px 18px 18px; }
        .users-dashboard .users-table-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
        .users-dashboard .users-table-title{ font-size:18px; font-weight:800; letter-spacing:-.02em; margin:0; }
        .users-dashboard .users-table-sub{ margin:4px 0 0; color:var(--ad-muted); font-size:12px; }
        .users-dashboard .users-summary-pill{ display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 12px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); color:var(--ad-text); font-size:12px; white-space:nowrap; }
        .users-dashboard .users-table .cell-user{ display:flex; align-items:center; gap:12px; min-width:0; }
        .users-dashboard .users-table .user-avatar{ width:38px; height:38px; border-radius:14px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; font-size:17px; border:1px solid rgba(96,165,250,.20); background:linear-gradient(180deg, rgba(96,165,250,.16), rgba(59,130,246,.08)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
        .users-dashboard .users-table tr.is-hidden{ display:none; }
        .users-dashboard .users-table tr.is-empty:hover{ transform:none; box-shadow:none; }
        .users-dashboard .users-empty{ display:none; }
        .users-dashboard .users-empty.show{ display:table-row; }
        .users-dashboard .users-empty td{ text-align:center; color:var(--ad-muted); padding:20px 14px; }
        .users-dashboard .user-access-list{ display:flex; flex-wrap:wrap; gap:6px; }
        .users-dashboard .user-access-list .badge{ font-size:11px; padding:5px 8px; }
        .users-dashboard .user-meta-inline{ display:flex; flex-wrap:wrap; gap:8px; margin-top:7px; }
        .users-dashboard .user-meta-inline .badge{ font-size:11px; padding:5px 8px; }
        .users-dashboard .user-created{ color:var(--ad-muted); font-size:12px; }
        .users-dashboard .table-modern .badge.role-root{ background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.28); color:#fde68a; }
        .users-dashboard .table-modern .badge.scope-core{ background:rgba(59,130,246,.14); border-color:rgba(59,130,246,.26); color:#dbeafe; }
        .users-dashboard .table-modern .badge.scope-panel{ background:rgba(168,85,247,.14); border-color:rgba(168,85,247,.26); color:#f3e8ff; }
        .users-dashboard .table-modern .badge.scope-active{ background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.26); color:#bbf7d0; }
        .users-dashboard .table-modern .badge.scope-inactive{ background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.24); color:#fecaca; }
        .entity-dashboard{ display:grid; gap:16px; }
        .entity-dashboard .users-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
        .entity-dashboard .users-toolbar{ display:grid; grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(180px,.35fr)) auto; gap:12px; align-items:end; }
        .entity-dashboard .users-filter{ display:grid; gap:7px; }
        .entity-dashboard .users-filter label{ font-size:11px; text-transform:uppercase; letter-spacing:.10em; color:var(--ad-soft); }
        .entity-dashboard .users-filter input,
        .entity-dashboard .users-filter select{ width:100%; min-height:42px; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:var(--ad-text); padding:0 14px; outline:none; }
        .entity-dashboard .users-filter input:focus,
        .entity-dashboard .users-filter select:focus{ border-color:rgba(96,165,250,.34); box-shadow:0 0 0 3px rgba(59,130,246,.12); }
        .entity-dashboard .users-filter select option{ color:#0f172a; }
        .entity-dashboard .users-actions{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
        .entity-dashboard .users-table-card{ padding:16px 18px 18px; }
        .entity-dashboard .users-table-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
        .entity-dashboard .users-table-title{ font-size:18px; font-weight:800; letter-spacing:-.02em; margin:0; }
        .entity-dashboard .users-table-sub{ margin:4px 0 0; color:var(--ad-muted); font-size:12px; }
        .entity-dashboard .users-summary-pill{ display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 12px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); color:var(--ad-text); font-size:12px; white-space:nowrap; }
        .entity-dashboard .users-table .cell-user{ display:flex; align-items:center; gap:12px; min-width:0; }
        .entity-dashboard .users-table .user-avatar{ width:38px; height:38px; border-radius:14px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; font-size:17px; border:1px solid rgba(96,165,250,.20); background:linear-gradient(180deg, rgba(96,165,250,.16), rgba(59,130,246,.08)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
        .entity-dashboard .users-table tr.is-hidden{ display:none; }
        .entity-dashboard .users-table tr.is-empty:hover{ transform:none; box-shadow:none; }
        .entity-dashboard .users-empty{ display:none; }
        .entity-dashboard .users-empty.show{ display:table-row; }
        .entity-dashboard .users-empty td{ text-align:center; color:var(--ad-muted); padding:20px 14px; }
        .entity-dashboard .user-meta-inline{ display:flex; flex-wrap:wrap; gap:8px; margin-top:7px; }
        .entity-dashboard .user-meta-inline .badge{ font-size:11px; padding:5px 8px; }
        .entity-dashboard .table-modern .badge.role-root{ background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.28); color:#fde68a; }
        .entity-dashboard .table-modern .badge.role-admin{ background:rgba(239,68,68,.14); border-color:rgba(239,68,68,.26); color:#fecaca; }
        .entity-dashboard .table-modern .badge.role-user{ background:rgba(59,130,246,.14); border-color:rgba(59,130,246,.26); color:#dbeafe; }
        .entity-dashboard .table-modern .badge.kind-admin{ background:rgba(168,85,247,.14); border-color:rgba(168,85,247,.26); color:#f3e8ff; }
        .entity-dashboard .table-modern .badge.kind-user{ background:rgba(59,130,246,.14); border-color:rgba(59,130,246,.26); color:#dbeafe; }
        .entity-dashboard .table-modern .badge.status-used{ background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.26); color:#bbf7d0; }
        .entity-dashboard .table-modern .badge.status-expired{ background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.28); color:#fde68a; }
        .entity-dashboard .table-modern .badge.status-revoked{ background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.24); color:#fecaca; }
        @media (max-width: 1100px){
            .users-dashboard .users-stats, .entity-dashboard .users-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
            .users-dashboard .users-toolbar, .entity-dashboard .users-toolbar{ grid-template-columns:1fr 1fr; }
            .users-dashboard .users-actions, .entity-dashboard .users-actions{ grid-column:1 / -1; justify-content:flex-start; }
            .system-top-grid, .system-card-grid, .audit-detail-meta{ grid-template-columns:1fr; }
        }
        @media (max-width: 720px){
            .users-dashboard .users-stats, .entity-dashboard .users-stats,
            .users-dashboard .users-toolbar, .entity-dashboard .users-toolbar{ grid-template-columns:1fr; }
            .users-dashboard .users-table-card, .entity-dashboard .users-table-card{ padding:14px; }
            .users-dashboard .users-table-head, .entity-dashboard .users-table-head{ flex-direction:column; align-items:flex-start; }
        }
        .rv-bars{ display:grid; gap:10px; }
        .rv-bar-row{ display:grid; grid-template-columns:140px 1fr 42px; align-items:center; gap:12px; }
        .rv-bar-track{ width:100%; height:12px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
        .rv-bar-fill{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg, rgba(96,165,250,.92), rgba(59,130,246,.62)); }
        .rv-bar-row.warn .rv-bar-fill{ background:linear-gradient(90deg, rgba(245,158,11,.95), rgba(245,158,11,.55)); }
        .rv-bar-row.ok .rv-bar-fill{ background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(34,197,94,.55)); }
        .rv-bar-row.bad .rv-bar-fill{ background:linear-gradient(90deg, rgba(239,68,68,.95), rgba(239,68,68,.55)); }
        @media (max-width: 1280px){ .dash-span-3{ grid-column:span 6; } }
        @media (max-width: 1180px){ .admin-stats-row{ grid-template-columns:repeat(2,minmax(0,1fr)); } .rv-status-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
        @media (max-width: 980px){ .admin-shell{ grid-template-columns:1fr; } .admin-sidebar{ position:relative; top:0; height:auto; flex-direction:row; padding:12px; } .admin-brand{ flex-direction:row; } .admin-brand-word{ writing-mode:initial; transform:none; } .admin-nav{ flex-direction:row; flex-wrap:wrap; } .admin-nav-link::after{ display:none; } .dash-span-6,.dash-span-8{ grid-column:1 / -1; } .admin-shell.sidepanel-open .admin-main-split{ grid-template-columns:1fr; } .admin-shell.sidepanel-open .admin-dash-wrap{ display:none; } .admin-sidepanel{ position:relative; top:0; min-height:0; max-height:none; } .admin-sidepanel-frame{ height:auto; min-height:0; flex:1; } }
        @media (max-width: 760px){ .container{ padding:10px; } .admin-toolbar{ margin-bottom:12px; } .dash-actions{ gap:8px; } .dash-chip,.dash-btn{ width:100%; } .admin-hero{ padding:18px; } .admin-hero-top{ flex-direction:column; } .admin-hero h1{ font-size:34px; } .admin-stats-row,.admin-quick-grid,.admin-meta-grid,.rv-status-grid,.sp-system-grid{ grid-template-columns:1fr; } .dash-grid{ grid-template-columns:1fr; } .dash-span-3,.dash-span-4,.dash-span-6,.dash-span-8,.dash-span-12{ grid-column:1 / -1; } .rv-bar-row{ grid-template-columns:1fr; gap:6px; } .admin-sidepanel-body{ padding:14px; } .admin-sidepanel-body .table th:last-child,.admin-sidepanel-body .table td:last-child{ width:110px; } }
        /* System modal – biztosan látszódjon a tartalom + mentés gomb */
        #systemModal .modal-card{ max-height: 86vh; }
        #systemModal form{ margin-top: 14px; }
        #systemModal .modal-footer{
            position: sticky;
            bottom: -1px;
            margin-top: 14px;
            padding-top: 12px;
            background: linear-gradient(to top, rgba(13,18,28,.98), rgba(13,18,28,0));
        }


/* 2026-03-15 inline átépítés */
.admin-shell.sidepanel-open .admin-sidepanel{ position:relative; top:0; min-height:calc(100vh - 36px); max-height:none; }
.admin-shell.sidepanel-open .admin-sidepanel-head{ position:sticky; top:0; z-index:5; backdrop-filter:blur(10px); }
.admin-shell.sidepanel-open .admin-sidepanel-close{ display:none !important; }
.admin-shell.sidepanel-open .admin-sidepanel-head p{ max-width:900px; }
.admin-shell.sidepanel-open .admin-sidepanel-body{ padding-top:20px; }
.admin-shell.sidepanel-open .admin-dash-wrap{ display:none !important; }
.admin-shell.sidepanel-open .admin-main-split{ display:block; }
.admin-shell.sidepanel-open .admin-main{ min-width:0; }
.admin-shell.sidepanel-open .admin-sidepanel-body > .modal-card,
.admin-shell.sidepanel-open .admin-sidepanel-body > .modal-box,
.admin-shell.sidepanel-open .admin-sidepanel-body > .modal-box--editor{ border-radius:0 !important; }
.admin-shell.sidepanel-open .admin-sidepanel-body .modal-footer{ padding-bottom:0; }
.admin-shell.sidepanel-open .admin-sidepanel-frame{ height:auto; min-height:0; flex:1; }
@media (max-width:980px){ .admin-shell.sidepanel-open .admin-sidepanel{ min-height:0; } .admin-shell.sidepanel-open .admin-sidepanel-frame{ height:auto; min-height:0; flex:1; } }

        .system-settings-form{ display:block; margin-top:14px; }
        .system-settings-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
        .system-setting-box{ border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); border-radius:18px; padding:14px; }
        .system-setting-box-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
        .system-setting-box-head h4{ margin:0; font-size:15px; }
        .system-setting-fields{ display:grid; gap:12px; }
        .system-setting-fields.cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
        .system-settings-actions{ display:flex; justify-content:flex-end; margin-top:14px; }
        @media (max-width: 980px){ .system-settings-grid, .system-setting-fields.cols-2{ grid-template-columns:1fr; } .system-settings-actions{ justify-content:flex-start; } }