/* KATA ügyintéző | APEX 26.1.6, Theme 42, Iris
   Scope: page Body CSS Classes = kata-app
   Target: actual APEX-rendered markup supplied 2026-11-03.
   Consolidated version: replaces the previous CSS; keep only one active stylesheet.
*/
body.kata-app {
  --kata-navy:#043873; --kata-btn:#1F6FD6; --kata-blue:#4F9CF9;
  --kata-yellow:#FFE492; --kata-bg:#F3F7FD;
  --kata-line:#DCE5F2; --kata-text:#212529; --kata-muted:#566378;
  --kata-radius:12px; --kata-shadow:0 1px 2px rgba(4,56,115,.04);
  color:var(--kata-text); font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--kata-bg);
}
/* HEADER: Iris uses the t-Header branding/NavBar wrappers. */
body.kata-app .t-Header,
body.kata-app .t-Header-branding,
body.kata-app .t-Header-navBar,
body.kata-app .t-Header-nav {background:var(--kata-navy); color:#fff;}
body.kata-app .t-Header {border:0;box-shadow:none;min-height:50px;}
body.kata-app .t-Header-logo-link,
body.kata-app .t-Header-logo-link:visited,
body.kata-app .t-Header .t-Button--header,
body.kata-app .t-Header .t-Button--navBar {color:white;}
body.kata-app .t-Header-logo .apex-logo-text {font-weight:750;font-size:17px;letter-spacing:-.015em;}
body.kata-app .t-Header .t-Button--header:hover {background:rgba(255,255,255,.14);}
/* SIDE NAV – APEX 26.1 TreeView (expanded and collapsed states) */
body.kata-app .t-Body-nav,
body.kata-app .t-TreeNav { background:#fff; }
body.kata-app .t-Body-nav { border-right:1px solid var(--kata-line); }
body.kata-app .t-TreeNav { padding:12px 8px; }
body.kata-app .t-TreeNav .a-TreeView-node--topLevel { margin:2px 0; }
body.kata-app .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-row,
body.kata-app .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content {
  border-radius:8px;
}
body.kata-app .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content {
  min-height:36px; font-weight:500;
}
body.kata-app .t-TreeNav .a-TreeView-label { font-size:14px; }
/* Keep label/icon readable in normal, current, hover and keyboard focus states. */
body.kata-app .t-TreeNav .a-TreeView-content,
body.kata-app .t-TreeNav .a-TreeView-content .a-TreeView-label,
body.kata-app .t-TreeNav .a-TreeView-content .fa { color:#243247 !important; }
body.kata-app .t-TreeNav .a-TreeView-node:hover > .a-TreeView-row,
body.kata-app .t-TreeNav .a-TreeView-node:focus-within > .a-TreeView-row { background:#eaf3ff !important; }
body.kata-app .t-TreeNav .a-TreeView-node:hover > .a-TreeView-content,
body.kata-app .t-TreeNav .a-TreeView-node:focus-within > .a-TreeView-content { background-color:#eaf3ff; }
body.kata-app .t-TreeNav .a-TreeView-node:hover > .a-TreeView-content .a-TreeView-label,
body.kata-app .t-TreeNav .a-TreeView-node:focus-within > .a-TreeView-content .a-TreeView-label { color:var(--kata-navy) !important; }
/* Remove the current-page accent stripe; the current label remains bold. */
body.kata-app .t-TreeNav .a-TreeView-row.is-current--top,
body.kata-app .t-TreeNav .a-TreeView-content.is-current--top {
  border-left:0 !important;
  box-shadow:none !important;
}
body.kata-app .t-TreeNav .a-TreeView-row.is-current--top { background:transparent; }
body.kata-app .t-TreeNav .is-current--top::before,
body.kata-app .t-TreeNav .is-current--top::after { display:none !important; }
body.kata-app .t-TreeNav .a-TreeView-label.is-current { font-weight:700; }
/* PAGE / TITLE / CONTENT */
body.kata-app .t-Body,
body.kata-app .t-Body-main,
body.kata-app .t-Body-content,
body.kata-app .t-Body-mainContent {background:var(--kata-bg);}
body.kata-app .t-Body-contentInner {padding:22px 24px 36px;}
body.kata-app .t-Body-title {background:var(--kata-bg);box-shadow:none;border:0;}
body.kata-app .t-HeroRegion {background:transparent;box-shadow:none;border:0;}
body.kata-app .t-HeroRegion-title {color:var(--kata-navy);font-weight:750;font-size:26px;}
/* Hide the built-in Hero only on pages explicitly opting in; preferably remove
   the Hero Region in Page Designer for dashboard pages. */
body.kata-app.kata-no-hero .t-Body-title {display:none;}
body.kata-app .t-Footer {background:transparent;color:var(--kata-muted);}
/* NORMAL REGIONS. Give dashboard regions CSS class kata-card to opt in. */
body.kata-app .t-Region.kata-card {
  background:#fff;border:1px solid var(--kata-line);border-radius:var(--kata-radius);
  box-shadow:var(--kata-shadow);overflow:hidden;
}
body.kata-app .t-Region.kata-card .t-Region-header {background:#fff;border-bottom-color:var(--kata-line);}
body.kata-app .t-Region.kata-card .t-Region-title {color:var(--kata-navy);font-weight:700;}
body.kata-app .t-Region.kata-card .t-Region-body {padding:16px;}
body.kata-app .t-Button--hot {background:var(--kata-btn);border-color:var(--kata-btn);color:#fff;border-radius:8px;}
body.kata-app .t-Button--hot:hover {background:#1A5FB8;border-color:#1A5FB8;}
body.kata-app .t-Button.kata-button-yellow {background:var(--kata-yellow);border-color:var(--kata-yellow);color:var(--kata-navy);font-weight:700;}
body.kata-app .t-Form-inputContainer input,
body.kata-app .t-Form-inputContainer select,
body.kata-app .t-Form-inputContainer textarea {border-radius:8px;}
/* SELF-CONTAINED DEMO DASHBOARD COMPONENTS (Static Content). */
body.kata-app .kata-dashboard {max-width:1240px;margin:0 auto;}
body.kata-app .kata-dashboard * {box-sizing:border-box;}
body.kata-app .kata-dashboard h1,
body.kata-app .kata-dashboard h2 {color:var(--kata-navy);letter-spacing:-.02em;line-height:1.2;}
body.kata-app .kata-dashboard h1 {font-size:25px;margin:0 0 10px;}
body.kata-app .kata-dashboard h2 {font-size:16px;margin:0 0 10px;font-weight:750;}
body.kata-app .kata-dashboard .kata-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;}
body.kata-app .kata-dashboard .kata-span-4 {grid-column:span 4;}
body.kata-app .kata-dashboard .kata-span-6 {grid-column:span 6;}
body.kata-app .kata-dashboard .kata-span-8 {grid-column:span 8;}
body.kata-app .kata-dashboard .kata-span-12 {grid-column:span 12;}
body.kata-app .kata-dashboard .kata-box {padding:18px;background:white;border:1px solid var(--kata-line);border-radius:12px;box-shadow:var(--kata-shadow);min-width:0;}
body.kata-app .kata-dashboard .kata-box--navy {background:var(--kata-navy);color:#fff;border-color:var(--kata-navy);}
body.kata-app .kata-dashboard .kata-box--navy h2 {color:#fff;}
body.kata-app .kata-dashboard .kata-big {font-weight:800;font-size:27px;line-height:1.2;margin:6px 0 10px;}
body.kata-app .kata-dashboard .kata-small {font-size:13px;color:var(--kata-muted);}
body.kata-app .kata-dashboard .kata-box--navy .kata-small {color:#C9D9F0;}
body.kata-app .kata-dashboard .kata-meter {height:9px;background:#E6F0FE;border-radius:99px;overflow:hidden;margin:10px 0;}
body.kata-app .kata-dashboard .kata-meter > span {display:block;height:100%;background:var(--kata-btn);border-radius:inherit;}
body.kata-app .kata-dashboard .kata-alert {padding:10px 12px;border-radius:8px;background:#FDECEA;color:#B42318;}
body.kata-app .kata-dashboard .kata-cta {display:inline-block;background:var(--kata-yellow);color:var(--kata-navy);border-radius:8px;padding:9px 16px;font-weight:750;text-decoration:none;}
body.kata-app .kata-dashboard .kata-cta:focus-visible {outline:3px solid var(--kata-blue);outline-offset:2px;}
body.kata-app .kata-dashboard .kata-task-list {margin:0;padding-left:20px;line-height:1.95;}
body.kata-app .kata-dashboard .kata-mt {margin-top:14px;}
@media (max-width:900px) {
  body.kata-app .kata-dashboard .kata-span-4,
  body.kata-app .kata-dashboard .kata-span-6,
  body.kata-app .kata-dashboard .kata-span-8 {grid-column:span 12;}
}
@media (max-width:640px) {
  body.kata-app .t-Body-contentInner {padding:12px;}
  body.kata-app .kata-dashboard h1 {font-size:22px;}
  body.kata-app .kata-dashboard .kata-box {padding:14px;}
}


/* Évválasztó régió: ne legyen kártya */
.year-header-region {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.year-header-region .t-Region-header {
    display: none !important;
}

.year-header-region .t-Region-body,
.year-header-region .t-Region-bodyWrap {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Kompakt, egysoros évválasztó */
.global-year-picker {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    height: 36px;
    padding: 0 8px;
    white-space: nowrap;
}

.global-year-picker label {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.global-year-picker select {
    width: 90px;
    height: 34px;
    min-height: 34px;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 6px;
    background: #fff;
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}