/* TPI-OPS – az admin kerete (az IkozaCORE szerkezete): rogzitett, teljes szelessegu fejlec es lablec, kozottuk a
   fix oldalsav es a tartalomterulet – mind kulon gorget. Lista-oldalon a tartalomterulet ketteoszlik (lista + tartalom).
   Telefonon (< 768 px) egyszerre egy hasab: oldalsav (☰) -> lista -> tartalom. Csak ami a Tablerben nincs meg. */

html, body.admin { height: 100%; }
:root { --admin-head-bg: color-mix(in srgb, var(--tblr-bg-surface-tertiary) 92%, var(--tblr-body-color)); }
body.admin { display: flex; flex-direction: column; height: 100dvh; overflow: hidden; }

/* fejlec */
.admin-header { flex: 0 0 auto; min-height: 3.5rem; padding: .25rem 0; background: var(--tblr-bg-surface); border-color: var(--tblr-border-color); z-index: 1030; }
.admin-header:has(.dropdown-menu.show), .admin-footer:has(.dropdown-menu.show) { z-index: 1050; }
.admin-header .container-fluid { min-width: 0; }
.admin-brand { display: flex; align-items: center; gap: .5rem; flex: 0 0 auto; }
.admin-brand img { height: 2.5rem; width: auto; display: block; }
.admin-brand-name { font-weight: 700; font-size: 1.15rem; }
/* a fejlec keresoje: a bal es a jobb resz kozott (ket ms-auto: kozepen), legfeljebb 30 rem; halvany mezo a sotet
   fejlecen, a Ctrl + K jelzes jobbra (gepeleskor eltunik) */
.admin-head-search { flex: 0 100 30rem; min-width: 10rem; }
.admin-head-search .form-control { color: #fff; background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); padding-right: 5.5rem; }
.admin-head-search .form-control::placeholder { color: rgba(255, 255, 255, .55); }
.admin-head-search .form-control:focus { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .35); }
.admin-head-search .input-icon-addon { color: rgba(255, 255, 255, .6); }
.admin-head-search .admin-head-search-kbd { left: auto; right: 0; min-width: 5rem; justify-content: flex-end; padding-right: .5rem; }
.admin-head-search kbd { padding: .1rem .4rem; font-size: .6875rem; color: rgba(255, 255, 255, .75); background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); border-radius: var(--tblr-border-radius-sm, 4px); box-shadow: none; }
.admin-head-search .form-control:not(:placeholder-shown) ~ .admin-head-search-kbd { display: none; }
.admin-items-menu { width: 22rem; max-width: calc(100vw - 1rem); }
.admin-lang-code { min-width: 2rem; }

/* kozepso resz: oldalsav + tartalomterulet */
.admin-main { flex: 1 1 auto; display: flex; min-height: 0; }
.admin-sidebar { flex: 0 0 16rem; overflow-y: auto; border-right: var(--tblr-border-width) solid var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); }
.admin-sidebar-inner { padding: .5rem; }
.admin-nav-group { margin-bottom: .5rem; overflow: hidden; --tblr-card-border-color: color-mix(in srgb, var(--tblr-border-color) 90%, var(--tblr-body-color)); }
.admin-nav-head { padding: .45rem .75rem; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--tblr-body-color); background: var(--admin-head-bg); border-bottom: var(--tblr-border-width) solid var(--tblr-card-border-color); }
.admin-nav-head .ti { color: var(--tblr-secondary); }
.admin-nav-group .list-group-item { padding: .45rem .75rem; border-left: 3px solid transparent; }
.admin-nav-group .list-group-item.active { border-left-color: var(--tblr-primary); background: var(--tblr-active-bg); color: var(--tblr-primary); font-weight: 600; z-index: auto; }

.admin-content { flex: 1 1 auto; min-width: 0; overflow-y: auto; position: relative; }
#admin-view { min-height: 100%; }
/* lista-oldal (admin-split): a tartalomterulet nem gorget, a hasabok kulon */
.admin-content:has(> #admin-view > .admin-split) { overflow: hidden; }
.admin-content:has(> #admin-view > .admin-split) #admin-view { height: 100%; }

/* betoltesjelzo: vekony csik a tartalomterulet tetejen (keses utan jelenik meg, hogy ne villogjon) */
.admin-loader { position: absolute; top: 0; left: 0; right: 0; z-index: 10; border-radius: 0; visibility: hidden; }
.admin-content.is-loading .admin-loader { visibility: visible; }
.admin-content.is-loading #admin-view { opacity: .6; transition: opacity .15s; }

/* lista + tartalom */
.admin-split { display: flex; height: 100%; }
.admin-list { flex: 0 0 22rem; display: flex; flex-direction: column; min-height: 0; overflow: hidden; border-right: var(--tblr-border-width) solid var(--tblr-border-color); }
.admin-sheet { flex: 1 1 auto; min-width: 0; overflow-y: auto; }
.admin-col-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: .5rem; min-height: 3rem; padding: .5rem .75rem; background: var(--tblr-bg-surface); border-bottom: var(--tblr-border-width) solid var(--tblr-border-color); }
.admin-col-head h3 { font-size: 1rem; }
.admin-list-filter { padding: .5rem .75rem; border-bottom: var(--tblr-border-width) solid var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); }
.admin-list-note { padding: .375rem .75rem; border-bottom: var(--tblr-border-width) solid var(--tblr-border-color); background: var(--tblr-azure-lt); }
.admin-list-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.admin-list-row { display: flex; align-items: center; gap: .6rem; padding: .5rem .75rem; border-left: 3px solid transparent; text-decoration: none !important; }
.admin-list-row.active { border-left-color: var(--tblr-primary); z-index: auto; }
.admin-list-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.admin-list-name { overflow-wrap: anywhere; }

/* Martex API dokumentacio (view/martex.tpl): modszer-jelveny a listaban, allapotkod, kodblokk, pelda-ertek */
.admin-doc-method { flex: 0 0 3rem; text-align: center; }
.admin-doc-status { flex: 0 0 2.75rem; }
.admin-doc-code { max-height: 32rem; white-space: pre; }
.admin-doc-example { overflow-wrap: anywhere; white-space: normal; }
.admin-doc li + li { margin-top: .25rem; }

/* lablec */
.admin-footer { flex: 0 0 auto; display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .25rem .5rem; background: var(--tblr-bg-surface); border-top: var(--tblr-border-width) solid var(--tblr-border-color); color: var(--tblr-body-color); z-index: 1030; }
.admin-dev { display: flex; flex-direction: column; line-height: 1; font-size: .75rem; padding-right: .25rem; }
.admin-dev small { font-size: .6rem; opacity: .75; }

.admin-toasts { bottom: 3.5rem !important; z-index: 1090; }

/* telefon: egyszerre egy hasab; a fejlec ikonokra szukul, a lablec gombjai lenyiloba kerulnek */
.admin-burger-close { display: none; }
@media (max-width: 767.98px) {
	.admin-sidebar { display: none; flex: 1 1 auto; border-right: 0; }
	body.sidebar-open .admin-sidebar { display: block; }
	body.sidebar-open .admin-content { display: none; }
	body.sidebar-open .admin-burger-open { display: none; }
	body.sidebar-open .admin-burger-close { display: inline-block; }
	.admin-brand img { height: 2.25rem; }
	.admin-list { flex: 1 1 auto; border-right: 0; }
	.admin-split[data-view="sheet"] .admin-list { display: none; }
	.admin-split[data-view="list"] .admin-sheet { display: none; }
}