/* ÖBR v11.10 – egységes világos arculat public és admin oldalakhoz.
   Csak megjelenési réteg: üzleti logika, jogosultság, űrlapmezőnév, feltöltés nem módosul. */
:root{
  --obr-bg:#f4f9ff;
  --obr-bg2:#eef7ff;
  --obr-card:#ffffff;
  --obr-text:#102447;
  --obr-muted:#5f7088;
  --obr-line:#dbe8f5;
  --obr-blue:#1769d8;
  --obr-blue-dark:#0e438d;
  --obr-green:#16823a;
  --obr-green-soft:#eaf8ef;
  --obr-gold:#f2a900;
  --obr-red:#b42318;
  --obr-radius:18px;
  --obr-shadow:0 14px 34px rgba(31,68,112,.075);
  --obr-shadow-soft:0 8px 22px rgba(31,68,112,.055);
}

body.obr-theme-v1110{
  background:
    radial-gradient(circle at 12% 0%, rgba(23,105,216,.08), transparent 28%),
    linear-gradient(180deg,#f9fcff 0%,var(--obr-bg) 260px,var(--obr-bg2) 100%) !important;
  color:var(--obr-text) !important;
}
body.obr-theme-v1110 .obr-main,
body.obr-theme-v1110 main{
  max-width:1420px;
  margin:28px auto;
  padding:0 26px;
}

/* felső navigáció – az index.php arculatához igazítva */
body.obr-theme-v1110 .obr-topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.95) !important;
  border-bottom:1px solid rgba(210,224,240,.95) !important;
  box-shadow:0 10px 30px rgba(15,42,85,.08) !important;
  backdrop-filter:blur(10px);
}
body.obr-theme-v1110 .obr-topbar-inner{
  max-width:1480px;
  min-height:84px !important;
  padding:10px 26px !important;
}
body.obr-theme-v1110 .obr-brand,
body.obr-theme-v1110 .obr-brand:visited{
  color:var(--obr-text) !important;
  text-decoration:none !important;
}
body.obr-theme-v1110 .obr-brand-crest-wrap{
  background:#fff !important;
  box-shadow:0 6px 16px rgba(22,130,58,.16) !important;
  border:1px solid #e1edf8 !important;
}
body.obr-theme-v1110 .obr-brand-text strong{color:#061b43 !important;font-size:28px !important;}
body.obr-theme-v1110 .obr-brand-text small{color:#31415d !important;font-size:14px !important;}
body.obr-theme-v1110 .obr-brand-text em{color:var(--obr-green) !important;}
body.obr-theme-v1110 .obr-mainnav{gap:10px !important;}
body.obr-theme-v1110 .obr-mainnav a{
  color:#0c2248 !important;
  border-radius:13px !important;
  padding:10px 13px !important;
  font-weight:850 !important;
  text-decoration:none !important;
  line-height:1.1;
}
body.obr-theme-v1110 .obr-mainnav a:hover,
body.obr-theme-v1110 .obr-mainnav a:focus{
  background:#eff6ff !important;
  color:#0b57b7 !important;
}
body.obr-theme-v1110 .obr-nav-cta{
  background:linear-gradient(180deg,#24964a,#16823a) !important;
  color:#fff !important;
  box-shadow:0 9px 20px rgba(22,130,58,.18) !important;
  padding:12px 20px !important;
}
body.obr-theme-v1110 .obr-nav-toggle{
  background:#eef6ff !important;
  color:#0b3973 !important;
  border:1px solid #dbe8f7 !important;
  box-shadow:none !important;
}

/* általános kártyák, panelek */
body.obr-theme-v1110 .card,
body.obr-theme-v1110 .obr-panel,
body.obr-theme-v1110 .stat,
body.obr-theme-v1110 .access-notice-card,
body.obr-theme-v1110 .login-card,
body.obr-theme-v1110 .receipt-card{
  background:rgba(255,255,255,.98) !important;
  border:1px solid var(--obr-line) !important;
  border-radius:var(--obr-radius) !important;
  box-shadow:var(--obr-shadow) !important;
}
body.obr-theme-v1110 .card h1:first-child,
body.obr-theme-v1110 .card h2:first-child,
body.obr-theme-v1110 .obr-panel h1:first-child,
body.obr-theme-v1110 .obr-panel h2:first-child{
  margin-top:0;
}
body.obr-theme-v1110 h1{color:#082454 !important;letter-spacing:-.015em;}
body.obr-theme-v1110 h2{color:#0d3d7a !important;}
body.obr-theme-v1110 h3{color:#183b66 !important;}
body.obr-theme-v1110 .muted,
body.obr-theme-v1110 small{color:var(--obr-muted);}

/* gombok */
body.obr-theme-v1110 .btn,
body.obr-theme-v1110 button,
body.obr-theme-v1110 input[type="submit"]{
  border-radius:12px !important;
  font-weight:850 !important;
  border:0;
  background:linear-gradient(180deg,#2678ec,#1769d8) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(23,105,216,.16) !important;
}
body.obr-theme-v1110 .btn:hover,
body.obr-theme-v1110 button:hover,
body.obr-theme-v1110 input[type="submit"]:hover{filter:brightness(.97);}
body.obr-theme-v1110 .btn.secondary{background:linear-gradient(180deg,#64748b,#475569) !important;}
body.obr-theme-v1110 .btn.ok,
body.obr-theme-v1110 button.ok{background:linear-gradient(180deg,#24964a,#16823a) !important;}
body.obr-theme-v1110 .btn.warn,
body.obr-theme-v1110 button.warn{background:linear-gradient(180deg,#f4b432,#d89100) !important;color:#1f2937 !important;}
body.obr-theme-v1110 .btn.danger,
body.obr-theme-v1110 button.danger{background:linear-gradient(180deg,#dc2626,#b42318) !important;}
body.obr-theme-v1110 .backbar .backbtn{background:#eef6ff !important;color:#0d3d7a !important;border:1px solid #dbe8f7 !important;box-shadow:none !important;}

/* űrlapok */
body.obr-theme-v1110 input,
body.obr-theme-v1110 textarea,
body.obr-theme-v1110 select{
  border:1px solid #cbd9e8 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#102447 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
body.obr-theme-v1110 input:focus,
body.obr-theme-v1110 textarea:focus,
body.obr-theme-v1110 select:focus{
  border-color:#75acef !important;
  outline:3px solid rgba(23,105,216,.16) !important;
}
body.obr-theme-v1110 label{color:#183b66 !important;font-weight:850 !important;}

/* táblázatok */
body.obr-theme-v1110 table{
  border:1px solid var(--obr-line) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:var(--obr-shadow-soft) !important;
  background:#fff !important;
}
body.obr-theme-v1110 th{
  background:#eef6ff !important;
  color:#0d3d7a !important;
  font-weight:900 !important;
  border-bottom:1px solid var(--obr-line) !important;
}
body.obr-theme-v1110 td{border-bottom:1px solid #e8eff8 !important;}
body.obr-theme-v1110 tr:last-child td{border-bottom:0 !important;}
body.obr-theme-v1110 tr:hover td{background:#fbfdff !important;}

/* jelvények és státuszok */
body.obr-theme-v1110 .badge{border-radius:999px !important;font-weight:900 !important;padding:5px 10px !important;}
body.obr-theme-v1110 .badge.blue{background:#dbeafe !important;color:#1d4ed8 !important;}
body.obr-theme-v1110 .badge.green{background:#dcfce7 !important;color:#166534 !important;}
body.obr-theme-v1110 .badge.gray{background:#e5e7eb !important;color:#374151 !important;}
body.obr-theme-v1110 .badge.amber{background:#fef3c7 !important;color:#92400e !important;}
body.obr-theme-v1110 .badge.red{background:#fee2e2 !important;color:#991b1b !important;}

/* üzenetek */
body.obr-theme-v1110 .alert{
  border-radius:16px !important;
  border:1px solid #bfdbfe !important;
  background:#eff6ff !important;
  color:#0d3d7a !important;
  box-shadow:var(--obr-shadow-soft);
}
body.obr-theme-v1110 .alert.success{background:#ecfdf5 !important;border-color:#bbf7d0 !important;color:#166534 !important;}
body.obr-theme-v1110 .alert.danger{background:#fef2f2 !important;border-color:#fecaca !important;color:#991b1b !important;}
body.obr-theme-v1110 .alert.warn{background:#fffbeb !important;border-color:#fde68a !important;color:#92400e !important;}

/* admin/lista nézetek általános ritmus */
body.obr-theme-v1110 .toolbar,
body.obr-theme-v1110 .actions,
body.obr-theme-v1110 .pillnav{
  gap:10px !important;
}
body.obr-theme-v1110 .pillnav a{
  background:#fff !important;
  border:1px solid var(--obr-line) !important;
  color:#0d3d7a !important;
  box-shadow:var(--obr-shadow-soft);
}
body.obr-theme-v1110 .pillnav a:hover{background:#eff6ff !important;}
body.obr-theme-v1110 .statgrid .stat,
body.obr-theme-v1110 .kpi .card{
  border-radius:18px !important;
}
body.obr-theme-v1110 .stat .num,
body.obr-theme-v1110 .kpi strong{color:var(--obr-blue) !important;}

/* alsó rendszerinformáció: kártya nélkül, az alap háttéren */
body.obr-theme-v1110 .obr-footer,
body.obr-theme-v1110 footer.footer{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#51627b !important;
  text-align:center !important;
  padding:30px 14px 34px !important;
}
body.obr-theme-v1110 .obr-footer div{font-weight:850;color:#27415f;margin-bottom:6px;}
body.obr-theme-v1110 .obr-footer small{color:#6b7d92;}

@media(max-width:980px){
  body.obr-theme-v1110 .obr-mainnav{
    top:78px !important;
    background:#fff !important;
    border:1px solid var(--obr-line) !important;
    box-shadow:0 16px 40px rgba(15,42,85,.16) !important;
  }
  body.obr-theme-v1110 .obr-mainnav a{width:100%;}
  body.obr-theme-v1110 .obr-main, body.obr-theme-v1110 main{padding:0 16px;margin:20px auto;}
}
@media(max-width:640px){
  body.obr-theme-v1110 .obr-topbar-inner{min-height:70px !important;padding:8px 14px !important;}
  body.obr-theme-v1110 .obr-brand-text strong{font-size:22px !important;}
  body.obr-theme-v1110 .obr-brand-text small{font-size:11px !important;}
  body.obr-theme-v1110 .card{padding:16px !important;}
  body.obr-theme-v1110 table{font-size:13px;}
}

@media print{
  body.obr-theme-v1110 .obr-topbar,
  body.obr-theme-v1110 .backbar,
  body.obr-theme-v1110 .obr-footer{display:none !important;}
  body.obr-theme-v1110 .card,
  body.obr-theme-v1110 table{box-shadow:none !important;}
}

/* ÖBR v11.10.1 – barátságosabb gomb- és státuszszínek.
   Csak arculati CSS, működési logikát nem módosít. */
:root{
  --obr-blue:#5b9cf8;
  --obr-blue-dark:#3f7fd7;
  --obr-green:#4caf50;
  --obr-gold:#f7c948;
  --obr-red:#e85d75;
}

body.obr-theme-v1110 .btn,
body.obr-theme-v1110 button,
body.obr-theme-v1110 input[type="submit"]{
  border-radius:12px !important;
  background:linear-gradient(180deg,#6aa8ff,#5b9cf8) !important;
  color:#fff !important;
  border:1px solid rgba(70,130,210,.18) !important;
  box-shadow:0 8px 18px rgba(91,156,248,.18) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
body.obr-theme-v1110 .btn:hover,
body.obr-theme-v1110 button:hover,
body.obr-theme-v1110 input[type="submit"]:hover{
  filter:none !important;
  transform:translateY(-1px);
  box-shadow:0 11px 24px rgba(91,156,248,.23) !important;
}
body.obr-theme-v1110 .btn.secondary,
body.obr-theme-v1110 button.secondary{
  background:linear-gradient(180deg,#94a3b8,#7b8da6) !important;
  border-color:rgba(123,141,166,.22) !important;
  box-shadow:0 8px 18px rgba(123,141,166,.14) !important;
}
body.obr-theme-v1110 .btn.ok,
body.obr-theme-v1110 button.ok,
body.obr-theme-v1110 .obr-nav-cta{
  background:linear-gradient(180deg,#66c56a,#4caf50) !important;
  border-color:rgba(76,175,80,.22) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(76,175,80,.18) !important;
}
body.obr-theme-v1110 .btn.warn,
body.obr-theme-v1110 button.warn{
  background:linear-gradient(180deg,#f9d764,#f7c948) !important;
  border-color:rgba(247,201,72,.32) !important;
  color:#364152 !important;
  box-shadow:0 8px 18px rgba(247,201,72,.18) !important;
}
body.obr-theme-v1110 .btn.danger,
body.obr-theme-v1110 button.danger,
body.obr-theme-v1110 input[type="submit"].danger{
  background:linear-gradient(180deg,#ef7890,#e85d75) !important;
  border-color:rgba(232,93,117,.22) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(232,93,117,.18) !important;
}
body.obr-theme-v1110 .backbar .backbtn,
body.obr-theme-v1110 .pillnav a{
  background:#f5faff !important;
  color:#3f7fd7 !important;
  border:1px solid #dcecff !important;
  box-shadow:0 6px 14px rgba(91,156,248,.08) !important;
}

body.obr-theme-v1110 .badge.blue{background:#e8f2ff !important;color:#356fb7 !important;}
body.obr-theme-v1110 .badge.green{background:#edf9ef !important;color:#2e7d32 !important;}
body.obr-theme-v1110 .badge.amber{background:#fff7d6 !important;color:#806000 !important;}
body.obr-theme-v1110 .badge.red{background:#fdecef !important;color:#b3364f !important;}
body.obr-theme-v1110 .badge.gray{background:#eef2f7 !important;color:#526173 !important;}

body.obr-theme-v1110 .alert.success{background:#f0fbf2 !important;border-color:#cbeed0 !important;color:#2e7d32 !important;}
body.obr-theme-v1110 .alert.danger{background:#fff0f3 !important;border-color:#f7c5cf !important;color:#b3364f !important;}
body.obr-theme-v1110 .alert.warn{background:#fff9df !important;border-color:#f5e28a !important;color:#806000 !important;}

/* ÖBR v11.10.2 – gombok az index.php Gyorselérés kártyáinak stílusában.
   Csak vizuális felülírás: működést, űrlapneveket, jogosultságot nem érint. */
body.obr-theme-v1110 .btn,
body.obr-theme-v1110 a.btn,
body.obr-theme-v1110 button,
body.obr-theme-v1110 input[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px !important;
  border:1px solid var(--obr-line) !important;
  border-radius:16px !important;
  background:linear-gradient(90deg,#ffffff,#fbfdff) !important;
  color:#09255a !important;
  font-weight:850 !important;
  text-decoration:none !important;
  box-shadow:0 6px 16px rgba(31,68,112,.045) !important;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
  line-height:1.15;
}
body.obr-theme-v1110 .btn:hover,
body.obr-theme-v1110 a.btn:hover,
body.obr-theme-v1110 button:hover,
body.obr-theme-v1110 input[type="submit"]:hover,
body.obr-theme-v1110 .btn:focus,
body.obr-theme-v1110 button:focus,
body.obr-theme-v1110 input[type="submit"]:focus{
  border-color:#a7c4e8 !important;
  background:#fbfdff !important;
  color:#0b57b7 !important;
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(31,68,112,.08) !important;
  filter:none !important;
}

/* elsődleges művelet: közérdekű/gyorselérés hangulatú, nem sötét admin-kék */
body.obr-theme-v1110 .btn.primary,
body.obr-theme-v1110 .btn-primary,
body.obr-theme-v1110 button.primary,
body.obr-theme-v1110 button[name="save"],
body.obr-theme-v1110 button[type="submit"],
body.obr-theme-v1110 input[type="submit"]{
  border-color:#cfe8d6 !important;
  background:linear-gradient(90deg,#f0fbf3,#ffffff) !important;
  color:#0f5f2a !important;
}
body.obr-theme-v1110 .btn.primary:hover,
body.obr-theme-v1110 .btn-primary:hover,
body.obr-theme-v1110 button.primary:hover,
body.obr-theme-v1110 button[type="submit"]:hover,
body.obr-theme-v1110 input[type="submit"]:hover{
  border-color:#7dc392 !important;
  background:#f5fff7 !important;
  color:#16823a !important;
}

/* semleges/másodlagos */
body.obr-theme-v1110 .btn.secondary,
body.obr-theme-v1110 .btn-secondary,
body.obr-theme-v1110 button.secondary{
  border-color:#d9e7f7 !important;
  background:linear-gradient(90deg,#eef5ff,#ffffff) !important;
  color:#0d3d7a !important;
}

/* sikeres művelet */
body.obr-theme-v1110 .btn.ok,
body.obr-theme-v1110 .btn.success,
body.obr-theme-v1110 .btn-success,
body.obr-theme-v1110 button.ok,
body.obr-theme-v1110 button.success{
  border-color:#cfe8d6 !important;
  background:linear-gradient(90deg,#f0fbf3,#ffffff) !important;
  color:#16823a !important;
}

/* figyelmeztető művelet */
body.obr-theme-v1110 .btn.warn,
body.obr-theme-v1110 .btn-warning,
body.obr-theme-v1110 button.warn{
  border-color:#f4ddb0 !important;
  background:linear-gradient(90deg,#fff8e9,#ffffff) !important;
  color:#9a6500 !important;
}

/* veszélyes művelet: jelzett, de nem agresszív teli piros */
body.obr-theme-v1110 .btn.danger,
body.obr-theme-v1110 .btn-danger,
body.obr-theme-v1110 button.danger,
body.obr-theme-v1110 .delete,
body.obr-theme-v1110 a.delete{
  border-color:#f4c7cf !important;
  background:linear-gradient(90deg,#fff1f3,#ffffff) !important;
  color:#b42318 !important;
}
body.obr-theme-v1110 .btn.danger:hover,
body.obr-theme-v1110 .btn-danger:hover,
body.obr-theme-v1110 button.danger:hover,
body.obr-theme-v1110 .delete:hover,
body.obr-theme-v1110 a.delete:hover{
  border-color:#e85d75 !important;
  background:#fff6f7 !important;
  color:#9f1d14 !important;
}

/* vissza gomb is maradjon világos, kártyás */
body.obr-theme-v1110 .backbar .backbtn{
  border:1px solid #d9e7f7 !important;
  border-radius:16px !important;
  background:linear-gradient(90deg,#eef5ff,#ffffff) !important;
  color:#0d3d7a !important;
  box-shadow:0 6px 16px rgba(31,68,112,.045) !important;
}

/* v11.10.3 – fejléc mobilmenü javítás
   A háromcsíkos mobilmenü csak mobil/tablet szélességen jelenjen meg.
   Asztali nézetben a normál menü látszik, a hamburger ikon nem. */
@media (min-width: 981px){
  body.obr-theme-v1110 .obr-nav-toggle{
    display:none !important;
  }
  body.obr-theme-v1110 .obr-mainnav{
    display:flex !important;
  }
}
@media (max-width: 980px){
  body.obr-theme-v1110 .obr-nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}
