/* Készítő: xFORCE IT SYSTEMS Kft. | Dátum: 2026.09 | @wolfnet */
/*
 * xforce-crm – a saját Bootstrap/Smarty felület arculati frissítése.
 * Az eredeti menük, panelosztályok, űrlapok és Javascript-azonosítók megmaradnak.
 */
:root { --xf-ink:#213547; --xf-muted:#6b7c8f; --xf-line:#e3eaf0; --xf-blue:#2477bd; --xf-blue-dark:#185f98; }
html, body { background:#f1f4f8 !important; color:var(--xf-ink); }
body { -webkit-font-smoothing:antialiased; }
#wrapper { background:#f1f4f8 !important; }
.content, .normalheader { background:transparent !important; }
#header { background:#fff; border-bottom:1px solid var(--xf-line); box-shadow:0 2px 12px rgba(24,49,75,.035); }
#logo, #logo.light-version, .header-link, .navbar-form-custom .form-group { background:#fff !important; }
#logo { height:62px; padding:13px 18px; }
#logo span { display:flex; align-items:center; justify-content:center; height:100%; }
#logo img { display:block; width:auto !important; max-width:100%; max-height:39px; margin:0 !important; object-fit:contain; }
#menu { background:#fff; border-right:1px solid var(--xf-line); }
#menu .profile-picture { padding:20px 16px 16px; }
#side-menu { margin:0 !important; border-radius:0 !important; background:#fff !important; padding:7px 9px 20px; }
#side-menu > li > a { border:0; border-radius:7px; margin:3px 0; padding:13px 14px; background:#fff; color:#435a70; font-weight:600; }
#side-menu > li.active > a, #side-menu > li > a:hover, #side-menu > li > a:focus { background:#edf5fc; color:#176bad; }
#side-menu .nav-second-level { background:#fff; padding:3px 0 5px; }
#side-menu .nav-second-level li a { margin:2px 0 2px 9px; border-radius:5px; color:#607489; }
#side-menu .nav-second-level li a:hover, #side-menu .nav-second-level li.active a { background:#f3f7fb; color:#176bad; }
.hpanel { margin-bottom:22px; }
.hpanel .panel-heading { color:#385068; font-weight:600; padding-bottom:12px; }
.hpanel .panel-body, .panel, .panel-body { border-color:var(--xf-line); background:#fff; border-radius:9px; }
.hpanel .panel-body { box-shadow:0 3px 16px rgba(25,52,78,.035); }
.hpanel > .panel-footer { background:#f9fbfd; border-color:var(--xf-line); }
.normalheader .hpanel .panel-body { border-radius:0; border-left:0; border-right:0; box-shadow:none; }
.form-control { border-color:#d8e2eb; border-radius:6px; box-shadow:none; color:var(--xf-ink); }
.form-control:focus { border-color:#76abd7; box-shadow:0 0 0 3px rgba(36,119,189,.09); }
label, .control-label { color:#4e647a; font-weight:600; }
.btn { border-radius:6px; transition:background-color .12s,border-color .12s; }
.btn-primary { background:var(--xf-blue); border-color:var(--xf-blue); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background:var(--xf-blue-dark); border-color:var(--xf-blue-dark); }
.btn-default { background:#fff; border-color:#d7e2eb; color:#4b6278; }
.btn-default:hover, .btn-default:focus { background:#f3f7fb; border-color:#b7ccdd; }
.table > thead > tr > th { border-bottom:1px solid #dce5ed; background:#f8fafc; color:#60758a; font-weight:600; }
.table > tbody > tr > td { border-color:#edf1f5; }
.table-hover > tbody > tr:hover { background:#f7fafd; }
.modal-content { border:1px solid #dce6ef; border-radius:10px; box-shadow:0 18px 60px rgba(24,49,75,.15); }
.modal-header { background:#fff; border-bottom:1px solid var(--xf-line); }
.modal-footer { background:#fafcfe; border-top:1px solid var(--xf-line); border-radius:0 0 10px 10px; }
.footer, footer { background:#fff; border-color:var(--xf-line); color:#8290a0; }
body.sa-login { background:#fff !important; color:var(--xf-ink); }
.sa-login .sa-login-logo { width:240px; max-height:90px; }
.sa-login .sa-login-card { border:1px solid var(--xf-line); border-radius:14px; box-shadow:0 14px 52px rgba(24,49,75,.07); }
.sa-login .sa-login-eyebrow { color:var(--xf-blue); }
.sa-login .sa-btn { background:var(--xf-blue); border-color:var(--xf-blue); }
.sa-login .sa-btn:hover { background:var(--xf-blue-dark); border-color:var(--xf-blue-dark); }
.sa-login .sa-login-footer { color:#8b99a6; font-size:11px; }
@media(max-width:768px) {
    #wrapper .content { padding:17px 12px; }
    .normalheader { padding:0; }
    .hpanel .panel-body { padding:16px; }
    .table-responsive { border-color:var(--xf-line); border-radius:6px; }
    #logo { padding:13px 10px; }
}
@media(prefers-reduced-motion:reduce) { .btn { transition:none; } }

/* Közös, visszafogott xforce-crm felület minden eredeti Smarty-oldalhoz. */
:root { --xf-canvas:#f1f4f8; --xf-sidebar-width:208px; --xf-header-height:64px; --xf-blue-soft:#eaf2fc; --xf-line:#dbe3ed; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:13px; line-height:1.5; }
a { color:#246baa; }
a:hover { color:#174f82; }
h1,h2,h3,h4 { color:#233b54; }
body #wrapper { margin-left:var(--xf-sidebar-width); min-height:calc(100vh - var(--xf-header-height)); border-left:0; }
body.fixed-navbar { padding-top:var(--xf-header-height); }
body.fixed-navbar #header { top:0; left:0; right:0; }
body.fixed-navbar #wrapper, body.light-skin.fixed-navbar #wrapper { top:0; }
body #wrapper .content { padding:24px; }
.normalheader { padding:24px 24px 0; }
.normalheader .hpanel .panel-body { border:1px solid var(--xf-line); border-radius:10px; padding:20px 22px; box-shadow:0 2px 8px rgba(30,53,81,.035); }
.hpanel .panel-body, .panel { border:1px solid var(--xf-line); border-radius:10px; box-shadow:0 3px 14px rgba(30,53,81,.045); }
.hpanel .panel-heading { padding:12px 16px; color:var(--xf-ink); }
.hpanel > .panel-footer { border-radius:0 0 10px 10px; background:#f8fafc; }
.table { color:#344b62; font-size:13px; }
.table > thead > tr > th { background:#edf2f8; color:#49617a; padding:11px 12px; border-bottom:1px solid #d6e0ec; }
.table > tbody > tr > td { padding:10px 12px; vertical-align:middle; }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color:#f8fafd; --bs-table-bg-type:#f8fafd; }
.table-hover > tbody > tr:hover > * { background-color:#eef4fc; --bs-table-bg-state:#eef4fc; }
.form-control, .form-select { min-height:36px; border:1px solid #ccd8e5; background-color:#fff; color:#2c465e; }
.form-control::placeholder { color:#8796a7; }
.input-group-addon { border-color:#ccd8e5; background:#eef3f9; }
.btn { font-weight:500; }
.btn-primary { --bs-btn-bg:#2477bd; --bs-btn-border-color:#2477bd; --bs-btn-hover-bg:#185f98; --bs-btn-hover-border-color:#185f98; }
.btn-default, .btn-outline { border-color:#ccd8e5; }
.select2-container .select2-choice { border-color:#ccd8e5; background:#fff; color:#2c465e; }
.nav-tabs { border-color:#d6e0ec; }
.nav-tabs > li > a:hover { background:#f3f7fc; border-color:#e0e8f1; }
.nav-tabs > li.active > a, .nav-tabs > li > a.active { color:#1e67a8; border-top:2px solid #2477bd; }

/* A felső navigáció saját flex-sora nem függ a Bootstrap 3 float-szabályaitól. */
body #header, body.light-skin #header { display:flex; align-items:center; height:var(--xf-header-height); min-height:var(--xf-header-height); border-bottom:1px solid var(--xf-line); box-shadow:0 2px 10px rgba(30,53,81,.04); z-index:1035; }
#header > #logo, body.light-skin #header > #logo { flex:0 0 var(--xf-sidebar-width); width:var(--xf-sidebar-width); height:var(--xf-header-height); float:none; padding:12px 20px; display:block; border-right:1px solid var(--xf-line); }
#header #logo img { max-height:38px; }
#header > nav { display:flex; align-items:center; flex:1 1 auto; flex-wrap:nowrap; min-width:0; height:100%; gap:16px; padding-right:18px; }
#header .header-link { display:flex; align-items:center; justify-content:center; flex:0 0 48px; float:none; height:100%; margin:0; padding:0; border:0; color:#48617b; }
#header .header-link i { color:#48617b !important; }
#header > nav > .navbar-form-custom { display:flex; align-items:center; float:none; flex:1 1 300px; min-width:140px; max-width:520px; width:auto; height:100%; margin:0; padding:0; }
#header .navbar-form-custom .form-group { width:100% !important; margin:0 !important; padding:0 !important; position:relative; }
#header .navbar-form-custom .form-control { width:100%; height:38px; min-height:38px; padding:8px 12px; border:1px solid #dce5ef; border-radius:8px; background:#f5f7fa; font-size:13px; text-overflow:ellipsis; }
#header .navbar-form-custom .form-control:focus { border-color:#82acd6; background:#fff; }
#header .navbar-right { display:flex; align-items:center; flex:0 0 auto; float:none; margin:0 0 0 auto; height:100%; }
#header .navbar-right > .navbar-nav { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:3px; margin:0; padding:0; height:100%; }
#header .navbar-right > .navbar-nav > li { display:flex; align-items:center; justify-content:center; flex:0 0 auto; height:100%; padding-top:0 !important; }
#header .navbar-right > .navbar-nav > li > a { position:relative; display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0 !important; color:#647b93; font-size:23px; border:0; border-radius:8px; }
#header .navbar-right > .navbar-nav > li > a:hover { background:var(--xf-blue-soft); color:#236da9; }
#header .navbar-right .dropdown-toggle::after { display:none; }
#header .navbar-right > .navbar-nav > li > a > .label { position:absolute; top:2px; right:0; min-width:16px; padding:2px 4px; border-radius:6px; font-size:9px !important; line-height:1.25; }
#header #arfolyam { margin:0 7px 0 0 !important; padding:0 8px !important; white-space:nowrap; font-size:12px; color:#526b83; }
#header #online_users { padding:0 7px !important; min-width:40px; }
#header .small-logo, #header .mobile-menu { display:none; }
#header #ugyfel_g_v, #header #ugyfel_g_v_m { position:absolute; top:calc(100% + 8px); left:0; max-width:min(600px,calc(100vw - 40px)); margin-left:0 !important; border-radius:8px; z-index:1040; }

/* Az eredeti oldalsáv kompaktabb, a profil és a menü egy közös ritmust kap. */
body #menu, body.light-skin #menu { top:var(--xf-header-height); width:var(--xf-sidebar-width); background:#fff; border-right:1px solid var(--xf-line); }
body #menu .profile-picture { margin:0 !important; padding:18px 14px 10px; border-radius:0 !important; border-bottom:1px solid #e7edf4; }
#menu .profile-picture > img { width:64px !important; height:64px !important; margin:0 0 9px !important; object-fit:cover; }
#menu .stats-label > span { font-size:12px; }
#menu .stats-label > .dropdown { margin-top:2px; }
#menu .stats-label > .dropdown .dropdown-toggle::after { display:none; }
#menu .stats-label .alert { display:flex; justify-content:center; align-items:center; gap:9px; height:auto !important; min-height:42px; margin:12px 0 !important; padding:8px !important; font-size:11px; background:#eff5fc; border:1px solid #dce9f7; color:#40688c; }
#menu .stats-label .alert br { display:none; }
#menu .stats-label .alert > div { float:none !important; margin:0 !important; white-space:nowrap; }
#menu .stats-label .alert .fa-2x { font-size:18px; }
#menu .stats-label > p { margin:0; }
#menu .stats-label > p > a { display:block; }
#menu .stats-label > p > a > .btn { display:block; width:100% !important; margin:4px 0 !important; padding:5px 9px; border-radius:6px; font-size:11px; }
body #side-menu, body.light-skin #side-menu { margin:0 !important; padding:10px 10px 24px !important; background:#fff !important; }
body.light-skin #side-menu > li > a, #side-menu > li > a { margin:3px 0; padding:10px 12px; border-radius:7px; font-weight:600; color:#4b627a; line-height:1.45; }
body.light-skin #side-menu > li.active > a, body.light-skin #side-menu > li > a:hover, #side-menu > li > a:focus { color:#1d659f; background:#eaf2fc; }
body.light-skin #side-menu .nav-second-level li a, #side-menu .nav-second-level li a { padding:8px 9px 8px 14px; margin:1px 0 1px 9px; color:#60738a; font-weight:500; line-height:1.4; }
body.light-skin #side-menu .nav-second-level li a:hover, body.light-skin #side-menu .nav-second-level li.active > a { color:#1d659f; background:#f0f5fc; }
body.hide-sidebar #menu, body.page-small #menu { margin-left:calc(-1 * var(--xf-sidebar-width)); }
body.hide-sidebar #wrapper, body.page-small #wrapper { margin-left:0; }
body.page-small.show-sidebar #menu { margin-left:0; box-shadow:8px 0 24px rgba(30,53,81,.12); z-index:1030; }
body.page-small.show-sidebar #wrapper { margin-left:0; }

/* A meglévő BETA widgetek fehér kártyák a közös, enyhén szürke munkafelületen. */
#wrapper .kb-shell { --kb-green:#2477bd; --kb-soft:#eaf2fc; --kb-subtle:#64788d; padding:24px; background:transparent; min-height:calc(100vh - var(--xf-header-height)); }
#wrapper .kb-heading { border-color:#d6e1ed; border-radius:10px; box-shadow:0 3px 14px rgba(30,53,81,.045); padding:22px 24px; }
#wrapper .kb-nav { border-bottom-color:#d6e0eb; margin-bottom:20px; }
#wrapper .kb-nav-item.is-active { color:#236eac; border-bottom-color:#2477bd; }
#wrapper .kb-shell .grid-stack-item-content { border-color:#d6e1ed; border-radius:10px; box-shadow:0 3px 14px rgba(30,53,81,.045); }
#wrapper .kb-widget-head { background:var(--kb-header-bg,#f7f9fc); border-bottom:1px solid #e2e9f1; }
#wrapper .kb-btn.kb-primary { background:#2477bd; border-color:#2477bd; color:#fff; }
#wrapper .kb-btn.kb-primary:hover { background:#185f98; border-color:#185f98; }
#wrapper .kb-segment button.is-active { background:#e7f0fb; color:#22659d; }
#wrapper .kb-filter-summary { background:#f3f7fc; border-color:#dce6f1; }
#wrapper .kb-shell .fc { --fc-border-color:#dfe7f0; --fc-today-bg-color:#eaf2fc; --fc-button-active-bg-color:#eaf2fc; --fc-button-active-border-color:#8eafd0; }

@media (min-width:992px) and (max-width:1199px) {
    #header > nav { gap:10px; padding-right:12px; }
    #header .navbar-right > .navbar-nav { gap:0; }
    #header .navbar-right > .navbar-nav > li > a { width:37px; }
    #header #arfolyam { font-size:11px; padding:0 4px !important; margin-right:3px !important; }
    #header #online_users { min-width:32px; padding:0 3px !important; }
}
@media (max-width:991px) {
    :root { --xf-header-height:60px; }
    #header > #logo, body.light-skin #header > #logo { flex:0 0 138px; width:138px; padding:12px 14px; }
    #header > nav { gap:8px; padding-right:12px; }
    #header .header-link { flex-basis:40px; }
    #header > nav > .navbar-form-custom, #header .navbar-right { display:none !important; }
    #header .small-logo { display:block; flex:1 1 auto; float:none; min-width:0; height:100% !important; padding:0 !important; }
    #header .small-logo > .navbar-form-custom { display:flex !important; align-items:center; width:100% !important; float:none; height:100%; margin:0 !important; }
    #header .small-logo .navbar-form-custom .form-control { font-size:12px; }
    #header .mobile-menu { display:flex; align-items:center; flex:0 0 40px; height:100%; }
    #header .mobile-menu-toggle { display:flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; margin:0; border-radius:8px; color:#4d6782; }
    #header .mobile-navbar { top:var(--xf-header-height); border-bottom:1px solid var(--xf-line); box-shadow:0 10px 18px rgba(30,53,81,.08); }
    #header .mobile-navbar.show, #header .mobile-navbar.in { display:block !important; }
    #header .mobile-navbar .navbar-nav { display:block; height:auto; }
    #header .mobile-navbar .navbar-nav > li { height:auto; }
}
@media (max-width:767px) {
    #header > #logo, body.light-skin #header > #logo { flex-basis:118px; width:118px; padding:12px; }
    #header > nav { gap:5px; padding-right:8px; }
    #header .header-link { flex-basis:34px; }
    #header .mobile-menu { flex-basis:36px; }
    body #wrapper .content, #wrapper .kb-shell { padding:16px 12px 24px; }
    .normalheader { padding:16px 12px 0; }
    .normalheader .hpanel .panel-body { padding:16px; }
    #wrapper .kb-heading { padding:18px 16px; }
    .table-responsive { overflow-x:auto; }
    #wrapper .kb-task-toolbar .kb-segment { flex-wrap:wrap; }
    #wrapper .kb-task-toolbar .kb-filter-summary { flex-basis:100%; }
}
@media (max-width:380px) {
    #header > #logo, body.light-skin #header > #logo { flex-basis:100px; width:100px; padding:12px 8px; }
    #header > nav { gap:3px; }
    #header .navbar-form-custom .form-control { padding:8px; }
}

#wrapper .kb-beta { background:#e5eefb; color:#25669f; }
/* A meglévő cégnézetváltó csak több hozzáférhető cég esetén jelenik meg. */
#header .xf-company-switch { width:160px; margin:0 8px 0 0; }
#header .xf-company-switch .form-control { width:100%; height:36px; min-height:36px; padding:6px 9px; font-size:12px; }
#header #online_users > .xf-online-rail { display:flex; align-items:center; width:auto; max-height:44px; overflow:hidden; }
@media (min-width:992px) and (max-width:1199px) {
    #header > nav > .navbar-form-custom { min-width:120px; }
    #header .xf-company-switch { width:140px; margin-right:5px; }
}
@media (max-width:991px) {
    #header .xf-company-switch-mobile { width:100%; margin:0 0 12px; text-align:left; }
    #header .xf-company-switch-mobile label { display:block; margin-bottom:5px; font-size:11px; color:#5a7089; }
}

/* Egyetlen, normál dokumentumfolyamban maradó verzió- és licenclábléc. */
#xforce-crm-footer { position:relative; clear:both; align-items:center; min-width:0; min-height:60px; box-sizing:border-box; border-top-color:#dce5ef !important; color:#64778b !important; line-height:1.5; }
body > #xforce-crm-footer { margin-left:var(--xf-sidebar-width); }
#xforce-crm-footer > span:first-child { color:#526c86; white-space:nowrap; }
#xforce-crm-footer > span:first-child strong { margin-left:5px; font-variant-numeric:tabular-nums; color:#2c4e70; }
#xforce-crm-footer > span:nth-child(2) { padding:5px 9px; border:1px solid #dce7f4; border-radius:7px; background:#f2f7fd; color:#4e6d8b; font-size:11px; }
#xforce-crm-footer > a { margin-left:auto; color:#286da6; font-size:11px; font-weight:500; text-decoration:none; }
#xforce-crm-footer > a:hover { text-decoration:underline; }
body.hide-sidebar > #xforce-crm-footer, body.page-small > #xforce-crm-footer { margin-left:0; }
@media (max-width:767px) {
    #xforce-crm-footer { padding:14px 12px !important; margin-top:16px !important; gap:8px 12px !important; }
    #xforce-crm-footer > a { margin-left:0; }
}
.modal-header { padding:18px 22px; }
.modal-body { padding:20px 22px; }
.modal-footer { padding:14px 22px; }
@media (max-width:767px) {
    #wrapper .content .dataTables_wrapper, #wrapper .content .table-responsive { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .modal-dialog { max-width:calc(100vw - 24px); margin:12px auto !important; }
    .modal-header, .modal-body, .modal-footer { padding:16px; }
}

/* Ügyfélkereső: saját betöltött stílusokkal működő, elérhető üzleti szűrő. */
#srs-business-filters[hidden] { display:none !important; }
.srs-detail .srs-filter-toggle { display:inline-flex; align-items:center; gap:8px; min-height:40px; margin:8px 0 18px; padding:9px 13px; color:#365c7d; background:#f7fafd; border:1px solid #ccdbe9; border-radius:7px; font-size:13px; text-align:left; }
.srs-detail .srs-filter-toggle:hover, .srs-detail .srs-filter-toggle[aria-expanded="true"] { background:#eaf2fc; border-color:#9bbbd9; color:#1d609b; }
.srs-detail .srs-filter-toggle:focus-visible { outline:2px solid #2477bd; outline-offset:3px; }
.srs-detail .srs-filter-chevron { margin-left:4px; }
.srs-detail .srs-filter-toggle[aria-expanded="true"] .srs-filter-chevron { transform:rotate(180deg); }
.srs-detail #srs-business-filters > .panel-heading { padding:13px 16px; border:1px solid #dbe3ed; border-bottom:0; border-radius:8px 8px 0 0; background:#f4f7fb; }
.srs-detail #srs-business-filters > .panel-body { border-radius:0 0 8px 8px; }

/* Az eredeti adatlapok gombazonosítói és műveletei megmaradnak. */
#wrapper .xf-task-card > .panel-body > .row { display:grid; grid-template-columns:220px minmax(0,1fr); gap:18px; margin:0; align-items:start; }
#wrapper .xf-task-card > .panel-body > .row > div:first-child { width:auto !important; float:none !important; padding:0; }
#wrapper .xf-task-card > .panel-body > .row > div:nth-child(2) { width:auto !important; min-width:0; float:none !important; padding:0 !important; overflow-wrap:anywhere; }
#wrapper .xf-task-card > .panel-body > .row > .form-group { grid-column:1 / -1; width:100%; padding:0; }
#wrapper .xf-task-card .xf-task-actions { display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; margin:8px 0; }
#wrapper .xf-task-card .xf-task-actions > br { display:none; }
#wrapper .xf-task-card .xf-task-actions > .btn { display:inline-flex !important; align-items:center; justify-content:center; gap:6px; float:none !important; width:auto !important; min-width:0; margin:0 !important; padding:8px 9px; min-height:36px; font-size:12px; line-height:1.4; white-space:nowrap; }
#wrapper .xf-task-card .xf-task-actions > .btn:not([onclick^="feladat_tolas"]) { flex:1 1 100%; white-space:normal; }
#wrapper .xf-task-card .xf-task-actions > .btn[onclick^="feladat_tolas"] { flex:1 1 52px; }
#wrapper .xf-task-card .xf-task-actions > .btn > i { font-size:18px; line-height:1; }
#wrapper .xf-task-card .media.social-profile center img { width:64px !important; height:64px !important; margin:0 0 6px !important; object-fit:cover; }
#wrapper .xf-task-card .panel-footer .input-group { display:flex; align-items:stretch; flex-wrap:nowrap; gap:8px; }
#wrapper .xf-task-card .panel-footer .input-group > .form-control { width:auto; flex:1 1 auto; min-width:0; border-radius:6px !important; }
#wrapper .xf-task-card .panel-footer .input-group > .input-group-btn { display:flex; width:auto; flex:0 0 auto; }
#wrapper .xf-task-card .panel-footer .input-group > .input-group-btn > .btn { border-radius:6px !important; margin:0; }
.crm-mobile-task-actions-row { display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; }
.crm-mobile-task-actions-row .btn { margin:0; min-height:36px; padding:7px 10px; }
@media (max-width:991px) {
    #wrapper .xf-task-card > .panel-body > .row { grid-template-columns:minmax(0,1fr); gap:12px; }
    #wrapper .xf-task-card .xf-task-actions > .btn:not([onclick^="feladat_tolas"]) { flex:1 1 180px; }
    #wrapper .xf-task-card .xf-task-actions > .btn[onclick^="feladat_tolas"] { flex:1 1 70px; }
}

/* A MetisMenu .in állapota különbözik a Bootstrap 5 .show állapotától. */
#side-menu > li { display:block; float:none; width:100%; }
#side-menu > li > a { display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box; }
#side-menu > li > a > .nav-label { flex:1 1 auto; min-width:0; }
#side-menu > li > a > .arrow { flex:0 0 auto; margin-left:auto; float:none; }
#side-menu ul.nav-second-level { float:none; clear:both; width:100%; margin:0; flex-direction:column; }
#side-menu ul.nav-second-level.collapse:not(.in) { display:none !important; }
#side-menu ul.nav-second-level.collapse.in { display:block !important; height:auto; }
#side-menu ul.nav-second-level.collapsing { display:block; overflow:hidden; }
#side-menu ul.nav-second-level > li { display:block; width:100%; }
body #wrapper[data-xf-customer-context] > .content { padding:12px 24px 24px; }
body #wrapper[data-xf-customer-context] > .content > .row { margin-left:0; margin-right:0; }
body #wrapper[data-xf-customer-context] > .content > .row > p { margin-left:0 !important; }
body #wrapper[data-xf-customer-context] .tab-content { min-width:0; }
.xf-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.xf-module-switch { display:flex; align-items:center; gap:10px; padding:13px; border:1px solid #dce5ef; border-radius:7px; margin:0; background:#fafbfd; }
.xf-module-switch input[type="checkbox"] { margin:0; width:17px; height:17px; flex:0 0 auto; }
@media(max-width:1100px){.xf-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.xf-module-grid{grid-template-columns:1fr}body #wrapper[data-xf-customer-context]>.content{padding:16px 12px}}
@media (max-width:575px) {
    .srs-detail .srs-filter-toggle { width:100%; }
    .srs-detail .srs-filter-toggle > span { flex:1; }
    #wrapper .xf-task-card .panel-footer .input-group { flex-wrap:wrap; }
    #wrapper .xf-task-card .panel-footer .input-group > .form-control { flex-basis:100%; }
    #wrapper .xf-task-card .panel-footer .input-group > .input-group-btn { margin-left:auto; }
}

.xf-task-feedback { margin:10px 0 0; padding:9px 11px; border:1px solid #cbdde9; border-radius:6px; color:#365c7d; background:#f0f6fc; font-size:12px; }
.xf-task-feedback.is-success { border-color:#bddbc9; background:#edf7f0; color:#246747; }
.xf-task-feedback.is-danger { border-color:#ecc5c5; background:#fff2f2; color:#9b3c3c; }

/* Az egységes +1 hó gomb alap- és fókuszállapotban is jól olvasható. */
body #wrapper[data-xf-customer-context] .btn.btn-primary[onclick^="feladat_tolas"]{background:#fff;border-color:#b8cfe4;color:#2477bd}
body #wrapper[data-xf-customer-context] .btn.btn-primary[onclick^="feladat_tolas"]:hover,body #wrapper[data-xf-customer-context] .btn.btn-primary[onclick^="feladat_tolas"]:focus,body #wrapper[data-xf-customer-context] .btn.btn-primary[onclick^="feladat_tolas"]:active{background:#2477bd;border-color:#2477bd;color:#fff}
body #wrapper[data-xf-customer-context] .btn.btn-primary[onclick^="feladat_tolas"]:focus-visible{outline:2px solid #185f98;outline-offset:2px}