/* system.css - Booking rendszer-szintu megjelenes */
:root{
--fs-base:12px;
--fs-sm:11px;
--fs-md:13px;
--fs-lg:15px;
--fs-xl:19px;
--fs-label:9.5px;
--sy-text:color-mix(in srgb,var(--text) 84%,#000);
--sy-dim:color-mix(in srgb,var(--text) 66%,transparent);
--sy-faint:color-mix(in srgb,var(--text) 46%,transparent);
--sy-line:color-mix(in srgb,var(--text) 18%,transparent);
--sy-hair:color-mix(in srgb,var(--text) 10%,transparent);
--sy-lt:color-mix(in srgb,var(--primary) 58%,#fff);
--sy-dk:color-mix(in srgb,var(--primary) 74%,#04101f);
--sy-s1:var(--surface);
--sy-s2:color-mix(in srgb,var(--surface) 90%,var(--primary) 10%);
--sy-s3:color-mix(in srgb,var(--surface) 82%,var(--primary) 18%);
--sy-ring:color-mix(in srgb,var(--primary) 20%,transparent);
--sy-sh1:0 1px 2px color-mix(in srgb,var(--text) 9%,transparent);
--sy-sh2:0 1px 3px color-mix(in srgb,var(--text) 8%,transparent),0 14px 28px -16px color-mix(in srgb,var(--primary) 32%,transparent);
--sy-sh3:0 2px 6px color-mix(in srgb,var(--text) 10%,transparent),0 30px 60px -30px color-mix(in srgb,var(--primary) 48%,transparent);
--sy-g-card:linear-gradient(165deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 93%,var(--primary) 7%) 100%);
--sy-g-field:linear-gradient(180deg,var(--sy-s2),var(--sy-s3));
--sy-g-btn:linear-gradient(135deg,var(--sy-lt) 0%,var(--primary) 52%,var(--sy-dk) 100%);
--sy-e:cubic-bezier(.34,1.28,.64,1);
--sy-r1:10px;--sy-r2:14px;--sy-r3:18px;--sy-r4:24px;
}
body{font-size:var(--fs-base);line-height:1.62;color:var(--sy-text);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{letter-spacing:-.022em;line-height:1.2;color:var(--sy-text)}
h1{font-size:calc(var(--fs-base) + 12px);font-weight:800}
h2{font-size:calc(var(--fs-base) + 7px);font-weight:800}
h3{font-size:calc(var(--fs-base) + 3px);font-weight:700}
small,.muted{color:var(--sy-dim)}
a{color:var(--primary)}
strong,b{font-weight:700;color:var(--sy-text)}
/* --- mezok --- */
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--fs-md);color:var(--sy-text)}
input:not([type=checkbox]):not([type=radio]),select{height:38px;padding:0 12px;border-radius:var(--sy-r2)}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--sy-g-field);border:1px solid var(--sy-hair)}
textarea{padding:10px 12px;border-radius:var(--sy-r2);line-height:1.55}
input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){background:linear-gradient(180deg,var(--sy-s3),var(--sy-s3))}
input:focus,select:focus,textarea:focus{background:var(--surface);border-color:var(--primary);outline:none}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px var(--sy-ring)}
input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}
label{font-size:var(--fs-label);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sy-faint);margin-bottom:6px}
::placeholder{color:var(--sy-faint)}
/* --- gombok --- */
button{font-size:var(--fs-md);font-weight:700;border-radius:999px;padding:10px 20px;transition:transform .2s var(--sy-e),box-shadow .2s,background .2s}
.btn-primary{background:var(--sy-g-btn);color:#fff;border:none;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--primary) 85%,transparent)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px color-mix(in srgb,var(--primary) 90%,transparent)}
.btn-primary:active{transform:translateY(0) scale(.985)}
.btn-secondary,.btn-back{background:transparent;border:1px solid var(--sy-line);color:var(--sy-dim)}
.btn-secondary:hover,.btn-back:hover{background:var(--sy-s2);color:var(--sy-text);border-color:var(--sy-dim)}
.btn-sm{font-size:var(--fs-sm);padding:7px 14px}
/* --- kartyak --- */
.card{background:var(--sy-g-card);border:1px solid var(--sy-hair);border-radius:var(--sy-r4);box-shadow:var(--sy-sh2);overflow:hidden}
.card-header{background:transparent;border-bottom:1px solid var(--sy-hair);font-size:var(--fs-md);font-weight:800;letter-spacing:-.015em;color:var(--sy-text)}
/* --- tablak --- */
th{font-size:var(--fs-label);letter-spacing:.13em;font-weight:800;color:var(--sy-faint);background:var(--sy-s2);border-bottom:1px solid var(--sy-line)}
td{font-size:var(--fs-md);color:var(--sy-text);border-bottom:1px solid var(--sy-hair)}
tbody tr{transition:background .15s}
tbody tr:hover{background:var(--sy-s2)}
/* --- fulek --- */
.nav-tab{font-size:var(--fs-md);color:var(--sy-dim);font-weight:700}
.nav-tab:hover{color:var(--sy-text)}
.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}
/* --- fokusz mindenhol lathato --- */
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
/* --- belso terkoz (szukitett) --- */
:root{--sy-pad:16px;--sy-pad-y:10px}
.card-header{padding:13px var(--sy-pad) !important}
.card-body{padding:var(--sy-pad) !important}
.card th,.card td{padding:var(--sy-pad-y) var(--sy-pad) !important}
/* --- kartya belso ter --- */
#tab-stats .card{padding:14px var(--sy-pad) 12px}
#tab-stats .card>div:first-child{margin-bottom:6px}
#invoiceTab .card{padding:14px var(--sy-pad) 12px}
.card:not(:has(.card-header)):not(:has(.card-body)):not(:has(table)){padding:14px var(--sy-pad) 12px}
/* --- terem-kartya --- */
.room-card{padding:0 !important;overflow:hidden;border-radius:var(--sy-r4) !important;border:1px solid var(--sy-hair) !important;background:var(--sy-g-card) !important;box-shadow:var(--sy-sh1);transition:transform .26s var(--sy-e),box-shadow .26s,border-color .2s}
.room-card:hover{transform:translateY(-4px);box-shadow:var(--sy-sh2);border-color:var(--sy-line) !important}
.room-card.rc-off{opacity:.62}
.rc-media{height:104px;background:linear-gradient(140deg,color-mix(in srgb,var(--primary) 16%,var(--surface)),color-mix(in srgb,var(--primary) 30%,var(--surface)));background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}
.rc-media::after{content:"";position:absolute;inset:0;background:radial-gradient(140px 90px at 74% 22%,rgba(255,255,255,.30),transparent 70%)}
.rc-mono{font-size:46px;font-weight:800;letter-spacing:-.05em;color:color-mix(in srgb,var(--primary) 42%,transparent);z-index:1}
.rc-state{position:absolute;top:10px;right:10px;z-index:2;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--sy-text);box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}
.rc-off .rc-state{background:rgba(255,255,255,.82);color:var(--sy-faint)}
.rc-body{padding:14px 16px 16px}
.rc-name{font-size:15px;font-weight:800;letter-spacing:-.022em;color:var(--sy-text);line-height:1.25}
.rc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.rc-chip{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--sy-s2);color:var(--sy-dim);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.rc-chip-dim{background:transparent;border:1px solid var(--sy-hair)}
.rc-prices{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.rc-p{flex:1;min-width:96px;background:var(--sy-s2);border-radius:var(--sy-r2);padding:8px 11px}
.rc-p em{display:block;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sy-faint);margin-bottom:2px}
.rc-p b{font-size:14px;font-weight:800;letter-spacing:-.025em;color:var(--primary);font-variant-numeric:tabular-nums}
.rc-photo{margin-top:11px;font-size:10.5px;color:var(--sy-faint);border-top:1px dashed var(--sy-line);padding-top:9px;line-height:1.45}
.rc-acts{display:flex;gap:8px;margin-top:14px}
.rc-acts .btn-secondary{flex:1}
.rc-del{border:1px solid var(--sy-line);background:transparent;color:var(--sy-faint);border-radius:999px;padding:7px 14px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .2s}
.rc-del:hover{background:var(--danger);border-color:var(--danger);color:#fff}
/* --- tablazatok --- */
table{border-collapse:separate;border-spacing:0;width:100%}
thead th{position:sticky;top:0;z-index:2;background:var(--sy-s2) !important;backdrop-filter:blur(6px)}
th{font-size:var(--fs-label) !important;font-weight:800 !important;letter-spacing:.13em !important;text-transform:uppercase;color:var(--sy-faint) !important;border-bottom:1px solid var(--sy-line) !important;white-space:nowrap}
td{border-bottom:1px solid var(--sy-hair) !important;vertical-align:middle}
tbody tr{transition:background .16s,box-shadow .16s}
tbody tr:hover{background:var(--sy-s2) !important}
tbody tr:last-child td{border-bottom:none !important}
td:first-child,th:first-child{padding-left:var(--sy-pad) !important}
td:last-child,th:last-child{padding-right:var(--sy-pad) !important;text-align:right}
table [class*="fw-700"],table b,table strong{font-variant-numeric:tabular-nums}
/* --- jelvenyek --- */
.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px !important;font-weight:800 !important;letter-spacing:.09em;text-transform:uppercase;padding:4px 10px !important;border-radius:999px !important;line-height:1.5;white-space:nowrap;border:1px solid transparent}
.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 auto}
.badge-confirmed{background:color-mix(in srgb,var(--success) 13%,transparent) !important;color:var(--success) !important;border-color:color-mix(in srgb,var(--success) 26%,transparent)}
.badge-pending{background:color-mix(in srgb,var(--warning) 15%,transparent) !important;color:var(--warning) !important;border-color:color-mix(in srgb,var(--warning) 30%,transparent)}
.badge-cancelled{background:color-mix(in srgb,var(--danger) 12%,transparent) !important;color:var(--danger) !important;border-color:color-mix(in srgb,var(--danger) 26%,transparent)}
.badge-completed{background:var(--sy-s3) !important;color:var(--sy-dim) !important;border-color:var(--sy-line)}
/* --- kartya (globalis) --- */
.card{border-radius:var(--sy-r4) !important;border:1px solid var(--sy-hair) !important;background:var(--sy-g-card) !important;box-shadow:var(--sy-sh1) !important;overflow:hidden}
.card:has(table){padding:0 !important}
.card-header{background:transparent !important;border-bottom:1px solid var(--sy-hair) !important;font-size:var(--fs-md) !important;font-weight:800 !important;letter-spacing:-.018em}
/* jelvenyek mindig pirula alakuak (a sarok-beallitas felett) */
.badge,span.badge,[class*="badge-"]{border-radius:999px !important}
/* --- kihasznaltsag --- */
.ut-h{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:10px;padding:3px 0}
.ut-t{font-size:10px;font-weight:700;color:var(--sy-faint);text-align:right;font-variant-numeric:tabular-nums}
.ut-rail{height:9px;border-radius:999px;background:var(--sy-s3);overflow:hidden}
.ut-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sy-lt),var(--primary));box-shadow:0 1px 6px -1px color-mix(in srgb,var(--primary) 60%,transparent);transition:width .5s cubic-bezier(.16,1,.3,1);min-width:0}
.ut-n{font-size:11.5px;font-weight:800;color:var(--sy-text);text-align:right;font-variant-numeric:tabular-nums}
.ut-n.ut-z{color:var(--sy-faint);font-weight:600}
.ut-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--sy-hair)}
.ut-row:last-child{border-bottom:none}
.ut-a{font-size:12.5px;font-weight:700;color:var(--sy-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ut-b{font-size:10.5px;font-weight:700;color:var(--sy-dim);background:var(--sy-s2);border-radius:999px;padding:3px 9px;white-space:nowrap}
.ut-c{font-size:13px;font-weight:800;color:var(--primary);letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:86px;text-align:right}
/* --- kedvezmeny-kartya --- */
.disc-card{position:relative;padding:18px 20px 16px;border-radius:var(--sy-r4);border:1px solid var(--sy-hair);background:var(--sy-g-card);box-shadow:var(--sy-sh1);transition:transform .26s var(--sy-e),box-shadow .26s,border-color .2s}
.disc-card:hover{transform:translateY(-3px);box-shadow:var(--sy-sh2);border-color:var(--sy-line)}
.disc-card .fw-700{display:block;font-size:12.5px;font-weight:700;color:var(--sy-dim);letter-spacing:-.01em;padding-right:56px}
.disc-card .badge{position:absolute;top:16px;right:18px}
.disc-card>div:nth-child(2){font-size:26px !important;font-weight:800;letter-spacing:-.04em;color:var(--primary) !important;margin:10px 0 8px !important;font-variant-numeric:tabular-nums}
.disc-card .fs-sm,.disc-card .text-muted{font-size:11.5px !important;color:var(--sy-faint) !important;line-height:1.5}
.disc-card button{margin-top:14px !important;border-radius:999px !important;font-size:11px !important;font-weight:700 !important;padding:7px 16px !important;background:transparent !important;border:1px solid var(--sy-line) !important;color:var(--sy-faint) !important;transition:all .2s}
.disc-card button:hover{background:var(--danger) !important;border-color:var(--danger) !important;color:#fff !important}
/* --- tablazat: tordeĢs es gorgetes --- */
.card:has(table),div:has(>table){position:relative}
table{min-width:100%}
td,th{white-space:nowrap}
td:has(>a),td[class*="email"],td:nth-child(4){white-space:normal;word-break:break-word}
/* datum es ido ne torjon harom sorba */
tbody td:nth-child(1),tbody td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
/* muvelet-oszlop: gombok egy sorban, kompakt */
tbody td:last-child{white-space:nowrap;text-align:right}
tbody td:last-child button,tbody td:last-child .btn-sm{padding:6px 12px !important;font-size:11px !important;border-radius:999px !important;margin-left:4px}
/* jelzes, ha oldalra gorgetheto */
div:has(>table){overflow-x:auto;scrollbar-width:thin}
div:has(>table)::-webkit-scrollbar{height:8px}
div:has(>table)::-webkit-scrollbar-thumb{background:var(--sy-line);border-radius:999px}
div:has(>table)::-webkit-scrollbar-track{background:transparent}
/* --- tablazat finomitas --- */
td:has(>a),td[class*="email"],tbody td:nth-child(4){white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;max-width:190px}
/* muvelet-gombok: rovidebb, egy sorban */
tbody td:last-child{padding-left:8px !important}
tbody td:last-child button,tbody td:last-child .btn-sm{padding:5px 10px !important;font-size:10.5px !important;letter-spacing:.02em;margin-left:3px}
/* a tablazat inkabb sruljon ossze, mint kilogjon */
table{table-layout:auto;width:100%}
tbody td:nth-child(5),tbody td:nth-child(6){max-width:180px;overflow:hidden;text-overflow:ellipsis}
/* --- muvelet-valaszto tablazatban --- */
.bk-act-sel{height:32px;min-width:118px;border-radius:999px;border:1px solid var(--sy-line);background:var(--sy-s2);color:var(--sy-dim);font-size:11.5px;font-weight:700;padding:0 30px 0 13px;cursor:pointer;font-family:inherit;transition:all .18s;appearance:none;-webkit-appearance:none}
.bk-act-sel{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 12px center}
.bk-act-sel:hover{border-color:var(--primary);color:var(--primary);background-color:var(--surface)}
.bk-act-sel:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--sy-ring)}
/* --- tablazatos kartya: legyen gorgetheto --- */
.card:has(table){overflow-x:auto !important;overflow-y:visible !important}
.card:has(table)::-webkit-scrollbar{height:8px}
.card:has(table)::-webkit-scrollbar-thumb{background:var(--sy-line);border-radius:999px}
/* oszlopok szukitese, hogy inkabb elferjen */
tbody td{max-width:190px;overflow:hidden;text-overflow:ellipsis}
tbody td:nth-child(2){max-width:150px}
tbody td:nth-child(4){max-width:140px;color:var(--sy-faint)}
tbody td:nth-child(5),tbody td:nth-child(6){max-width:150px}
th{padding-left:12px !important;padding-right:12px !important}
td{padding-left:12px !important;padding-right:12px !important}
/* --- tablazat: a muvelet-oszlop ne logjon ki --- */
#bookingsBody td.text-right,#bookingsHead th:last-child{white-space:nowrap;text-align:right;padding-right:12px !important}
#bookingsBody td.text-right button,#bookingsBody td.text-right .btn-sm{padding:5px 10px !important;font-size:10.5px !important;margin-left:3px;border-radius:999px !important}
#bookingsBody td span{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:middle}
/* a tablazatot tarolo kartya legyen gorgetheto */
.card:has(#bookingsBody),.card:has(table){overflow-x:auto !important}
/* --- naptar racs: vizszintesen gorgetheto --- */
#wrap,#overviewWrap,.cal-wrap{overflow-x:auto}
/* --- olvashatosag: szoveg soha ne olvadjon a hatterbe --- */
/* fejlec-sav feliratai */
.shell,.shell *{color:var(--shell-fg,#fff)}
.shell-logo-sub{color:color-mix(in srgb,var(--shell-fg,#fff) 62%,transparent) !important}
.shell-right,.shell-right *{color:color-mix(in srgb,var(--shell-fg,#fff) 88%,transparent) !important}
.shell-right button,.shell-right a{color:color-mix(in srgb,var(--shell-fg,#fff) 88%,transparent) !important}
/* fulek: az inaktiv se olvadjon a hatterbe */
.tabs .tab{color:var(--sy-dim) !important}
.tabs .tab.active{color:var(--primary) !important}
/* csempek cimei a foglaloi oldalon */
.tiles .tile h3,.tile h3{color:var(--sy-text) !important}
/* 2026-08-19 (B16): a hover-szinvaltas KIVEVE. A cim szine hoverre a futasidoben
szamolt --primary-re valtott, ami a csempe hatterehez kozeli is lehet -> a felirat
eltunt (tesztelo lelete az "Ugyfelportal" csempen). A hover-visszajelzest a
.tile:hover emeles + arnyek + keretszin adja, a cim marad --sy-text. */
/* sotet sav felett mindig vilagos szoveg */
[style*="background:var(--shell-bg)"] *,[style*="background-color:var(--shell-bg)"] *{color:#fff}
/* --- szamlazas: a szuro-gomb ne lapoljon at a tablazattal --- */
#invFilterBtn{position:relative;z-index:1;margin-bottom:10px}
#invFilterWrap,details:has(#invFilterBtn){display:block;margin-bottom:12px;clear:both}
#invoiceTab details{margin-bottom:14px}
#invoiceTab details>div{position:relative;z-index:1}
/* --- CSV export gomb: ne olvadjon a hatterbe --- */
.btn-secondary{color:var(--sy-text) !important;background:var(--surface) !important;border:1px solid var(--sy-line) !important}
.btn-secondary:hover{background:var(--sy-s2) !important;border-color:var(--primary) !important;color:var(--primary) !important}
/* --- szamlazas: a szuro-panel ne lapoljon a tablazatra --- */
#invoiceTab details{display:block;margin-bottom:16px;position:relative;z-index:3}
#invoiceTab details[open]>div{position:relative;background:var(--surface);border-radius:var(--sy-r2);padding:12px;margin-top:8px;box-shadow:var(--sy-sh2)}
#invoiceTab table{position:relative;z-index:1}
/* --- a lebego chat-gomb ne takarja a tablazat gombjait --- */
.bh-chat-widget{z-index:60}
#invTablePending,#invTableDone{padding-bottom:64px}
/* --- tablazatos kartyak belso tere --- */
.card:has(table)>table{margin:0}
.card:has(table) th:first-child,.card:has(table) td:first-child{padding-left:16px !important}
.card:has(table) th:last-child,.card:has(table) td:last-child{padding-right:16px !important}
#invTablePending th:first-child,#invTablePending td:first-child,#invTableDone th:first-child,#invTableDone td:first-child{padding-left:16px !important}
#invTablePending th:last-child,#invTablePending td:last-child,#invTableDone th:last-child,#invTableDone td:last-child{padding-right:16px !important}
/* --- zart : a belso tartalom tenylegesen legyen rejtve --- */
details:not([open])>*:not(summary){display:none !important}
#invoiceTab details:not([open])>div{display:none !important}
/* --- lebego chat-gomb: ne takarjon gombot --- */
.bh-chat-widget{bottom:16px;right:16px}
#invTablePending,#invTableDone,#tab-bookings .card:has(table),#bkListView .card:has(table){padding-bottom:78px !important}
/* --- statisztika-csempek: a szoveg mindig olvashato legyen --- */
.tile{color:#fff}
.tile .tile-label{color:color-mix(in srgb,#fff 78%,transparent) !important;font-weight:700}
.tile .tile-value{color:#fff !important;font-weight:800}
.tile-label,.tile-value{text-shadow:0 1px 2px rgba(0,0,0,.18)}
/* --- statisztika-kartyak feliratai --- */
#stCardTotal>div,#stCardConfirmed>div,#stCardPending>div,#stCardRevenue>div{color:var(--sy-dim) !important}
#stCardTotal,#stCardConfirmed,#stCardPending,#stCardRevenue{color:var(--sy-text)}
/* --- vilagos fejlec-sav eseten sotet szoveg --- */
.shell{color:var(--shell-fg,#fff)}
.shell-btn{background:color-mix(in srgb,#000 16%,transparent) !important;border:1px solid color-mix(in srgb,#fff 26%,transparent) !important;color:#fff !important}
.shell-btn:hover{background:color-mix(in srgb,#000 30%,transparent) !important;color:#fff !important;border-color:color-mix(in srgb,#fff 45%,transparent) !important}
.shell-logo-text,.shell-title{text-shadow:0 1px 3px rgba(0,0,0,.25)}
/* --- szuro-widget gombjai --- */
.ms-widget>button{color:var(--sy-text) !important;border:1px solid var(--sy-line) !important;background:var(--surface) !important}
.ms-widget>button:hover{border-color:var(--primary) !important;color:var(--primary) !important}
/* --- fejlec: vilagos brand-szinnel is olvashato legyen --- */
/* A shell hattereert kevesebb kontraszt jar, ezert sotetitunk rajta. */
/* 2026-08-31 (B141/1): TARTALEK ERTEK. Ha a --shell-bg valtozo nincs beallitva,
a color-mix() ervenytelen, es a bongeszo az EGESZ background deklaraciot
eldobja -> a fejlec atlatszo lesz, a szoveg viszont feher marad. A tartalek
ertek ezt a lancot szakitja meg: a fejlecnek MINDIG van mire irni. */
.shell{background:linear-gradient(104deg,color-mix(in srgb,var(--shell-bg,#1e293b) 72%,#04101f) 0%,color-mix(in srgb,var(--shell-bg,#1e293b) 84%,#04101f) 100%) !important}
.shell-logo-text,.shell-title,.shell *{color:#fff !important}
.shell-logo-sub{color:color-mix(in srgb,#fff 62%,transparent) !important}
.shell-btn{background:color-mix(in srgb,#000 22%,transparent) !important;border:1px solid color-mix(in srgb,#fff 28%,transparent) !important;color:#fff !important}
.shell-btn:hover{background:color-mix(in srgb,#000 38%,transparent) !important;border-color:color-mix(in srgb,#fff 55%,transparent) !important;color:#fff !important}
/* --- foglaloi csempek: a leiras ne olvadjon a brand-hatterbe --- */
.tiles .tile p,.tile p{color:color-mix(in srgb,#fff 82%,transparent) !important}
.tiles .tile h3,.tile h3{color:#fff !important}
.tiles .tile,.tile{color:#fff}
/* --- sotet mod kapcsolo --- */
#bkDarkToggle{color:var(--sy-text) !important;background:var(--sy-s2) !important;border:1px solid var(--sy-line) !important}
#bkDarkToggle:hover{background:var(--sy-s3) !important;border-color:var(--primary) !important}
/* --- torles gomb hovere --- */
.rc-del:hover{background:var(--danger) !important;border-color:var(--danger) !important;color:#fff !important}
/* --- torles gomb hover: eros kontraszt --- */
.rc-del:hover,.rc-del:focus{background:#b91c1c !important;border-color:#b91c1c !important;color:#fff !important}
/* --- felhasznalo-tabla: a muvelet-oszlop ne logjon ki --- */
#userTableBody td.text-right{white-space:nowrap;text-align:right;padding-right:14px !important}
#userTableBody td.text-right button{padding:5px 11px !important;font-size:10.5px !important;margin-left:3px;border-radius:999px !important}
.card:has(#userTableBody){overflow-x:auto !important}
/* --- "Sajat felulet" gomb a foglaloi oldalon --- */
#shellDate a{background:color-mix(in srgb,#000 22%,transparent) !important;border:1px solid color-mix(in srgb,#fff 30%,transparent) !important;color:#fff !important;padding:5px 12px;border-radius:999px;text-decoration:none}
#shellDate a:hover{background:color-mix(in srgb,#000 38%,transparent) !important}
/* --- fejlec: minden felirat a szamitott shell-szoveget kovesse --- */
.shell .shell-logo-text,.shell .shell-title,.shell .shell-logo-sub,.shell #userName,.shell-right a{color:var(--shell-fg,#fff) !important}
.shell-logo-sub{opacity:.72}
.shell-right>a:not(.shell-btn){background:color-mix(in srgb,#000 22%,transparent) !important;border:1px solid color-mix(in srgb,#fff 30%,transparent) !important;color:var(--shell-fg,#fff) !important;padding:5px 12px;border-radius:999px;text-decoration:none}
/* --- hero-szoveg a foglaloi oldalon --- */
#homeView .hero p,#homeView .hero{color:color-mix(in srgb,#fff 88%,transparent) !important}
#homeView .hero h1,#homeView .hero h2{color:#fff !important}
/* --- naptar eszkozsav gombjai --- */
.tb .btn{background:var(--surface) !important;color:var(--sy-text) !important;border:1px solid var(--sy-line) !important}
.tb .btn:hover{border-color:var(--primary) !important;color:var(--primary) !important}
.tb .btn.active,.tb .btn[aria-pressed="true"]{background:var(--primary) !important;color:#fff !important;border-color:var(--primary) !important}
/* --- felhasznalo-tabla muvelet-oszlopa --- */
#userTableBody td:last-child,#userTableBody td.text-right{white-space:nowrap;text-align:right}
#userTableBody td:last-child button,#userTableBody td.text-right button{padding:5px 10px !important;font-size:10.5px !important;margin-left:3px;border-radius:999px !important}
.card:has(#userTableBody),div:has(>#userTableBody){overflow-x:auto !important}
table:has(#userTableBody){min-width:0}