@import url(jquery-ui.css);
@import url(chosen.css);
@import url(font-awesome.css);

/* ══════════════════════════════════════════════════
   RATUNKU24 PANEL — REDESIGN 2027 — HF65 WOW EDITION
   Na podstawie ratunku24_panel_v2_wow.html
   ══════════════════════════════════════════════════ */
:root{
  --red:#E8392A;--red-hover:#C82D20;--red-light:rgba(232,57,42,.07);--red-mid:rgba(232,57,42,.22);--red-glow:rgba(232,57,42,.18);--red-dark:#9C201A;
  --bg:#F4F4F6;--white:#FFF;--text:#0E1117;--text2:#4A5568;--text3:#9AA3B2;
  --border:rgba(14,17,23,.05);--border-md:rgba(14,17,23,.10);
  --shadow-xs:0 1px 3px rgba(14,17,23,.04);--shadow-sm:0 2px 10px -2px rgba(14,17,23,.06);--shadow-md:0 8px 24px -4px rgba(14,17,23,.08),0 2px 8px -2px rgba(14,17,23,.04);--shadow-lg:0 20px 48px -8px rgba(14,17,23,.12);--shadow-red:0 6px 20px rgba(232,57,42,.28);
  --radius:16px;--radius-sm:10px;--radius-xs:6px;--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.4,.64,1);--t:all .2s var(--ease);
  --header-h:60px;--sidebar-w:244px;--mobile-nav:60px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)
}
*,*::before,*::after{box-sizing:border-box}html{min-width:320px;height:100%}body{min-height:100vh;height:100dvh;overflow:hidden;margin:0!important;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important;font-size:13px;color:var(--text);background:var(--bg)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}a:hover,a:focus,a:active{text-decoration:none;color:inherit}.left,.right{float:none!important}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
#strona{width:100%!important;height:100vh;height:100dvh;margin:0!important;display:flex;flex-direction:column;position:relative;padding-top:var(--safe-top)}.r24-body{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}.r24-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.r24-main::-webkit-scrollbar{width:4px}.r24-main::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:4px}
/* HEADER */
.r24-header{height:var(--header-h);background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;z-index:100;animation:fadeIn .3s var(--ease)}.logo{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.5px;text-decoration:none;flex-shrink:0;transition:var(--t)}.logo:hover{opacity:.75}.logo-icon{width:30px;height:30px;border-radius:9px;background:var(--red);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px var(--red-glow);transition:var(--t);flex-shrink:0}.logo-icon:hover{transform:scale(1.06) rotate(-3deg)}.logo-icon i{color:#fff;font-size:16px}.logo-text em{color:var(--red);font-style:normal}
.search-wrap{flex:1;max-width:360px;position:relative;margin-left:8px}.search-wrap form{display:block;position:relative}.search-wrap input{width:100%!important;height:36px!important;line-height:36px!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-sm)!important;background:var(--bg)!important;padding:0 12px 0 36px!important;font-size:13px!important;color:var(--text)!important;outline:none!important;font-family:inherit!important;transition:var(--t);box-shadow:none!important}.search-wrap input::placeholder{color:var(--text3)}.search-wrap input:focus{border-color:var(--red-mid)!important;background:#fff!important;box-shadow:0 0 0 3px var(--red-light)!important}.search-wrap .si{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:15px;pointer-events:none}.search-submit{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;background:transparent;color:var(--text3);border-radius:8px;display:none}.hspacer{flex:1}.hstats{display:flex;align-items:stretch;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;animation:fadeUp .4s var(--ease) .1s both}.hstat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 14px;border-right:1px solid var(--border);transition:background .15s}.hstat:last-child{border-right:0}.hstat:hover{background:#fff}.hstat-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}.hstat-val{font-size:16px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.hstat-val.red{color:var(--red)}.huser{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid var(--border);animation:fadeUp .4s var(--ease) .15s both}.avatar{width:34px;height:34px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer;transition:var(--t);flex-shrink:0;box-shadow:var(--shadow-xs)}.avatar:hover{transform:scale(1.08);box-shadow:var(--shadow-sm)}.uname{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.3}.urole{font-size:10.5px;color:var(--text3)}.hbtn{width:34px;height:34px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);font-size:17px;transition:var(--t);border:1px solid var(--border);background:#fff;position:relative;overflow:hidden}.hbtn:hover{background:var(--bg);color:var(--text);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.unlog-link{font-size:12px;font-weight:500;color:var(--text3);text-decoration:none;padding:6px 10px;border-radius:var(--radius-xs);transition:var(--t);white-space:nowrap}.unlog-link:hover{color:var(--red);background:var(--red-light)}.timer-badge,#unlogtime{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:16px;background:var(--bg);border-radius:4px;font-size:10px;font-weight:700;color:var(--text2);font-variant-numeric:tabular-nums;margin-left:2px}.hamburger{display:none}
/* SIDEBAR */
.r24-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 8px;overflow-y:auto;animation:slideIn .3s var(--ease);transition:transform .28s var(--ease);-webkit-overflow-scrolling:touch}.r24-sidebar::-webkit-scrollbar{width:3px}.r24-sidebar::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:4px}.sec-lbl{padding:10px 14px 5px;font-size:9.5px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;user-select:none}.nitem{display:flex;align-items:center;gap:11px;padding:9px 14px;cursor:pointer;color:var(--text2);font-size:13px;font-weight:500;transition:var(--t);border-radius:var(--radius-sm);border:0;background:transparent;width:100%;text-align:left;margin-bottom:1px;position:relative;overflow:hidden}.nitem:hover{background:var(--bg);color:var(--text);padding-left:18px}.nitem.on{color:var(--red);background:var(--red-light);font-weight:600}.nitem.on::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--red);border-radius:2px 0 0 2px}.nitem .ni{font-size:17px;flex-shrink:0;opacity:.75}.nitem.on .ni{opacity:1}.nbadge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;min-width:20px;text-align:center;animation:badgePop .4s var(--spring)}.nav-footer{margin-top:auto;padding:10px 8px 0;border-top:1px solid var(--border)}.unlog-nav{display:flex;align-items:center;gap:9px;color:var(--text3);font-size:12.5px;font-weight:500;padding:9px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--t)}.unlog-nav:hover{color:var(--red);background:var(--red-light)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:199;animation:fadeIn .2s}
/* MOBILE NAV */
.mobile-nav{display:none;position:fixed;bottom:calc(8px + var(--safe-bottom));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));height:var(--mobile-nav);background:rgba(255,255,255,.94);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(14,17,23,.07);border-radius:18px;box-shadow:0 8px 32px rgba(14,17,23,.10),0 2px 8px rgba(14,17,23,.06);z-index:150;justify-content:space-around;align-items:center;padding:0 4px;-webkit-tap-highlight-color:transparent}.mn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3);font-size:9.5px;font-weight:600;gap:2px;flex:1;height:100%;border:0;background:transparent;cursor:pointer;transition:var(--t);border-radius:14px;padding:4px 0;position:relative;min-width:44px}.mn-item i{font-size:21px;transition:var(--t)}.mn-item.on{color:var(--red)}.mn-icon-wrap{width:40px;height:40px;background:var(--red);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-red);transition:var(--t);margin-bottom:2px}.mn-item.add-btn i{color:#fff;font-size:20px}.mn-item.add-btn span:last-child{color:var(--text2)}
/* CARDS, FILTERS, FORMS */
.card,.filtry,#addproblem,.main>form,.statbox,.msbox,#firmaedit,#useredit,.edycja,.editzad,.loginbox,#loginform,.box{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s var(--ease),border-color .2s;animation:fadeUp .35s var(--ease) both}.card:hover,.filtry:hover,#addproblem:hover,.main>form:hover{box-shadow:var(--shadow-md);border-color:var(--border-md)}#main.main,.main{width:100%!important;margin:0!important;display:flex;flex-direction:column;gap:16px}.filtry{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px}.filtry form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.filter{display:flex;align-items:center;gap:8px;color:var(--text2);font-size:12.5px;font-weight:600}.filter .double-line{line-height:1.2}select,input,textarea{font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif!important}input,select,textarea,.chzn-container-single .chzn-single{border:1px solid var(--border-md)!important;border-radius:var(--radius-xs)!important;background:var(--bg)!important;box-shadow:none!important;color:var(--text)!important;outline:0!important}input:focus,select:focus,textarea:focus{border-color:var(--red-mid)!important;background:#fff!important;box-shadow:0 0 0 3px var(--red-light)!important}.divbutton,.buttony,.btn,input[type=submit],button[type=submit]{min-height:34px;padding:0 14px;border-radius:var(--radius-xs)!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;gap:5px;font-family:inherit!important;transition:var(--t);background:var(--text)!important;color:#fff!important;border:0!important;box-shadow:none!important;text-decoration:none!important}.divbutton:hover,.buttony:hover,.btn:hover,input[type=submit]:hover,button[type=submit]:hover{background:#000!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)!important;color:#fff!important}#dodajproblem,.btn-red,.add_problem_submit{background:var(--red)!important;box-shadow:var(--shadow-red)!important}#dodajproblem:hover,.btn-red:hover,.add_problem_submit:hover{background:var(--red-hover)!important}.msbox{padding:14px 18px;color:var(--text);background:#fff;border-left:4px solid var(--red)}
/* Shared card hover elevation: dashboard, forms, lists and reports. */
#r24-all-tickets,
.form-card.r24-add-card,
#firms.r24-management-page .scrolldiv,
#users.r24-management-page .scrolldiv,
#statistics.r24-statistics-page .statistics_content,
#statistics_users.r24-statistics-users-page .statistics_user,
#charts.r24-charts-page .statistics_content.chart_div,
.r24-cron-page #cron_logi,
#settings.r24-settings-page .form-card.r24-settings-card,
.r24-profile-page .form_large.r24-add-management-form,
.r24-logs-page #logi{transition:box-shadow .2s var(--ease),border-color .2s}
#r24-all-tickets:hover,
.form-card.r24-add-card:hover,
#firms.r24-management-page .scrolldiv:hover,
#users.r24-management-page .scrolldiv:hover,
#statistics.r24-statistics-page .statistics_content:hover,
#statistics_users.r24-statistics-users-page .statistics_user:hover,
#charts.r24-charts-page .statistics_content.chart_div:hover,
.r24-cron-page #cron_logi:hover,
#settings.r24-settings-page .form-card.r24-settings-card:hover,
.r24-profile-page .form_large.r24-add-management-form:hover,
.r24-logs-page #logi:hover{box-shadow:var(--shadow-md);border-color:var(--border-md)}
/* ADD / START STRIP */
#addproblem{display:flex;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#FFF 0%,#FAF9F9 100%);order:3}#addproblem::before{content:'';font-family:'tabler-icons';width:40px;height:40px;border-radius:10px;background:var(--red-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:var(--red)}#addproblem #dodajproblem{margin-left:auto}#startproblemform{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.startproblemradio{display:inline-flex;align-items:center;gap:5px;color:var(--text2);font-size:12px;font-weight:600}#startproblem{background:transparent!important;color:var(--text)!important;border:1px solid var(--border-md)!important;box-shadow:none!important}#startproblem.start{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;box-shadow:var(--shadow-red)!important}#startid_chzn,.chzn-container{max-width:520px!important}.chzn-container-single .chzn-single{height:34px!important;line-height:32px!important;padding-left:10px!important}.chzn-container .chzn-results li{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important}.chzn-container .chzn-results .highlighted{background:var(--red)!important;color:#fff!important}
/* TABLE CARD */
.r24-table-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin:0!important}.tabela{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--white);border-bottom:1px solid var(--border);cursor:pointer}.tabela .strong{font-size:13.5px;font-weight:800;color:var(--text);letter-spacing:-.1px}.tabcount{color:var(--red);font-weight:800}.tabsep{display:none}.tabelatab{display:block!important;background:#fff}.tbl-head,.tbl-row{display:grid;grid-template-columns:70px 2fr 1.1fr 1.1fr 1.4fr 1.1fr;gap:12px;padding:11px 20px}.tbl-head{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.tbl-head form{display:contents}.th,.sortspan{font-size:10.5px!important;font-weight:700!important;color:var(--text3)!important;text-transform:uppercase;letter-spacing:.5px;display:flex!important;align-items:center;gap:4px;cursor:pointer;user-select:none;transition:color .15s}.th:hover,.sortspan:hover{color:var(--text)!important}.sortspan.active{color:var(--red)!important}.tbl-body{background:#fff}.tbl-row{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s var(--ease);animation:fadeUp .3s var(--ease) both;color:inherit;text-decoration:none}.tbl-row:last-child{border-bottom:0}.tbl-row:hover{background:#F9F9FB;color:inherit}.tbl-row.zadanie_crit{background:rgba(232,57,42,.018)}.tid{font-size:12px;font-weight:700;color:var(--red);font-variant-numeric:tabular-nums}.ttitle{min-width:0}.tmain{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsub{font-size:11px;color:var(--text2);margin-top:2px;font-weight:500}.tdate{font-size:12px;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.tdate small{color:var(--text3);font-size:10.5px;display:block;margin-top:1px;font-weight:400}.tperson{display:flex;align-items:center;gap:8px;min-width:0}.mav{width:26px;height:26px;border-radius:50%;background:#F1F5F9;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--text2);flex-shrink:0;border:1px solid var(--border);transition:var(--t)}.tbl-row:hover .mav{border-color:var(--red-mid);background:var(--red-light);color:var(--red)}.mname{font-size:12px;font-weight:600;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}.pill-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.p-new{background:#FEF3C7;color:#D97706}.p-active{background:#D1FAE5;color:#059669}.p-wait{background:#EEF2FF;color:#4F46E5}.p-closed{background:#F1F5F9;color:#64748B}.p-rejected{background:#FEE2E2;color:#DC2626}.sort_reset{padding:12px 20px;background:#fff;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.sort_reset .divbutton{background:transparent!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important}.r24-empty{padding:26px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text3);font-weight:600}.r24-empty i{font-size:18px}.zakodrz{width:max-content;margin-right:8px}.r24-footer{display:none}.toast{position:fixed;bottom:90px;right:20px;background:var(--text);color:#fff;padding:12px 16px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg);z-index:500;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s var(--spring);pointer-events:none;max-width:280px}.toast.show{opacity:1;transform:translateY(0)}.toast i{font-size:16px;color:var(--red);flex-shrink:0}
/* Legacy content cleanup */
.title,.head{background:transparent!important;color:var(--text)!important;font-weight:800;letter-spacing:-.3px}.txtzad,.txtzad_usr,.txtzad_adm,.comzad,.editzad{border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px;background:#fff;color:var(--text);border:1px solid var(--border)}.txtzad_adm{border-left:4px solid var(--red)}.show_status,.show_firma{color:var(--red)}table{max-width:100%;background:#fff;border-radius:var(--radius-sm);overflow:hidden}td,th{border-color:var(--border)!important}.tabzad{list-style:none;padding:0;margin:0}.tabzad li{list-style:none}.tabzad li>a:not(.tbl-row){display:block;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}.tabzad li>a:not(.tbl-row):hover{background:#F9F9FB}.admin_panel_menu a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text2)}.admin_panel_menu a:hover{background:var(--bg);color:var(--red)}
/* Generic admin/list pages */
.r24-main>div:not(.filtry):not(#addproblem):not(.maintab):not(.card):not(#cookies_banner),.r24-main>section,.r24-main>ul,.r24-main>table{max-width:100%}.r24-main h1,.r24-main h2,.r24-main h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;color:var(--text);letter-spacing:-.4px}.r24-main p{color:var(--text2);line-height:1.6}.r24-main form:not(#searchform):not(#startproblemform):not(.sort_reset):not(#sort):not(#filterform_main){background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.r24-main table{width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.r24-main table th{background:#fff;color:var(--text3);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;padding:12px!important}.r24-main table td{padding:10px 12px!important;color:var(--text2);background:#fff}.r24-main table tr:hover td{background:#F9F9FB}
/* Login page fallback */
#loginform{max-width:420px;margin:10vh auto;padding:28px!important}
/* RESPONSIVE */
@media (max-width:1024px){.hstats{display:none}.urole{display:none}.search-wrap{max-width:240px}:root{--sidebar-w:200px}.tbl-head,.tbl-row{grid-template-columns:65px 2fr 1fr 1fr 1.2fr 1fr}}
@media (max-width:768px){:root{--header-h:52px}.r24-header{padding:0 14px;gap:10px;padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right))}.search-wrap,.huser .uname,.huser .urole,.unlog-link,.hbtn:not(.hamburger){display:none}.hamburger{display:flex}.logo-text{display:none}.huser{padding-left:0;border-left:0;gap:8px}.r24-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;z-index:200;transform:translateX(-100%);box-shadow:var(--shadow-lg);width:min(280px,85vw);padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom));padding-left:calc(8px + var(--safe-left))}.r24-sidebar.open{transform:translateX(0);display:flex}.sidebar-overlay.visible{display:block}.mobile-nav{display:flex}.r24-main{padding:12px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));padding-bottom:calc(var(--mobile-nav) + 8px + var(--safe-bottom) + 16px);gap:10px;overflow-y:auto;overflow-x:hidden;transform:translateZ(0)}.filtry{flex-wrap:nowrap;overflow-x:auto;padding:10px 12px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filtry form{flex-wrap:nowrap}.filtry::-webkit-scrollbar{display:none}.filter{white-space:nowrap}.filter span{display:none}.filter select{min-width:128px}.divbutton,.buttony,.btn{min-height:36px}.tabela{padding:12px 14px}.r24-table-status{display:none}.tbl-head{display:none!important}.tbl-row{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:'id status' 'title title' 'date person';gap:5px 10px;padding:13px 14px}.tid{grid-area:id;align-self:center;font-size:11.5px;font-weight:800;color:var(--red)}.ttitle{grid-area:title}.ttitle .tmain{white-space:normal;font-size:13.5px;line-height:1.4}.tsub{font-size:11px}.tdate{grid-area:date;font-size:11px;color:var(--text2)}.tdate small{display:inline;margin-left:3px;color:var(--text3)}.tdate+.tdate{display:none}.tperson{grid-area:person;justify-content:flex-end}.tbl-row>div:has(.pill){grid-area:status;display:flex;justify-content:flex-end;align-self:center}.pill{font-size:10.5px;padding:3px 8px}.sort_reset{padding:10px 12px}#addproblem{flex-direction:column;align-items:stretch;gap:10px;text-align:center;padding:14px}#addproblem::before{display:none}#startproblemform{width:100%;justify-content:center;flex-wrap:wrap}#dodajproblem,#startproblem{width:100%}.chzn-container{width:100%!important;max-width:none!important}.toast{bottom:calc(var(--mobile-nav) + 8px + var(--safe-bottom) + 12px);right:calc(12px + var(--safe-right));left:calc(12px + var(--safe-left));max-width:unset}.r24-main form:not(#searchform):not(#startproblemform):not(.sort_reset):not(#sort):not(#filterform_main){padding:14px}.r24-main table{display:block;overflow-x:auto;white-space:nowrap}}

/* ══════════════════════════════════════════════════
   HF66 — Panel v2 WOW: search fix + active ticket tabs
   ══════════════════════════════════════════════════ */
.search-wrap input#searchwhat{
  padding-left:44px!important;
  padding-right:14px!important;
}
.search-wrap .si{
  left:15px!important;
  top:18px!important;
  width:16px;
  height:16px;
  line-height:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.search-submit{display:none!important;}
.r24-status-tabs{
  display:flex;
  padding:6px;
  gap:3px;
  background:var(--bg);
  border-bottom:1px solid var(--border);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.r24-status-tabs::-webkit-scrollbar{display:none;}
.r24-status-tabs .tab{
  flex:1;
  min-width:94px;
  padding:10px 10px;
  text-align:center;
  cursor:pointer;
  border:0;
  border-radius:calc(var(--radius) - 6px);
  transition:var(--t);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  position:relative;
  background:transparent;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  color:inherit;
}
.r24-status-tabs .tab:hover{background:rgba(255,255,255,.72);}
.r24-status-tabs .tab.on{background:#fff;box-shadow:var(--shadow-sm);}
.r24-status-tabs .tname{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:800;color:var(--text3);transition:color .15s;white-space:nowrap;}
.r24-status-tabs .tab.on .tname{color:var(--text2);}
.r24-status-tabs .tcnt{font-size:19px;font-weight:900;color:var(--text2);line-height:1.1;transition:color .15s;font-variant-numeric:tabular-nums;}
.r24-status-tabs .tab.on .tcnt{color:var(--red);}
.r24-all-tickets .tbl-head .ti-arrow-up{font-size:11px;}
.r24-all-tickets .pag{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-top:1px solid var(--border);}
.r24-all-tickets .pag-info{font-size:12px;color:var(--text3);font-weight:600;}
.r24-all-tickets .pag-btns{display:flex;gap:5px;}
.r24-all-tickets .pbtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-md);border-radius:var(--radius-xs);cursor:pointer;font-size:12.5px;font-weight:700;color:#fff;background:var(--text);transition:var(--t);}
@media (max-width:768px){
  .r24-status-tabs{padding:4px;gap:2px;}
  .r24-status-tabs .tab{min-width:82px;flex:0 0 auto;padding:8px 6px;}
  .r24-status-tabs .tcnt{font-size:15px;}
  .r24-status-tabs .tname{font-size:9px;}
  .r24-all-tickets .pag{padding:12px;justify-content:center;text-align:center;}
}

/* ══════════════════════════════════════════════════
   HF67 — Panel v2 WOW: Chosen filters/select dropdown fix
   Problem: legacy Chosen 0.x generates .chzn-* nodes; HF66 styled only .chosen-*.
   Result before: fuser_chzn_o_* / filter results were visible as plain list.
   ══════════════════════════════════════════════════ */
.filtry,
.filtry form,
.filter{
  overflow:visible!important;
}
.filtry{position:relative;z-index:30;}
.filter{position:relative;}

/* Legacy Chosen container used by view/scripts/chosen.jquery.js */
.chzn-container{
  position:relative!important;
  display:inline-block!important;
  vertical-align:middle!important;
  min-width:190px!important;
  max-width:280px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif!important;
  font-size:12.5px!important;
  font-weight:500!important;
  color:var(--text)!important;
  overflow:visible!important;
  z-index:20;
}
.filter .chzn-container{min-width:210px!important;}
#fuser_chzn{min-width:240px!important;}
#fplace_chzn{min-width:230px!important;}

.chzn-container .chzn-drop{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:-9999px!important;
  width:100%!important;
  min-width:100%!important;
  z-index:9999!important;
  background:#fff!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:var(--shadow-lg)!important;
  overflow:hidden!important;
  color:var(--text)!important;
}
.chzn-container.chzn-with-drop{z-index:10000!important;}
.chzn-container.chzn-with-drop .chzn-drop{left:0!important;}

.chzn-container-single .chzn-single{
  position:relative!important;
  display:block!important;
  height:34px!important;
  line-height:32px!important;
  padding:0 36px 0 12px!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-xs)!important;
  background:var(--bg)!important;
  box-shadow:none!important;
  color:var(--text)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  transition:var(--t)!important;
}
.chzn-container-single .chzn-single:hover,
.chzn-container-active .chzn-single,
.chzn-container.chzn-with-drop .chzn-single{
  border-color:var(--red-mid)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px var(--red-light)!important;
}
.chzn-container-single .chzn-single span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin-right:0!important;
  color:var(--text)!important;
}
.chzn-container-single .chzn-default span,
.chzn-container-single .chzn-default{color:var(--text3)!important;}
.chzn-container-single .chzn-single div{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:34px!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
}
.chzn-container-single .chzn-single div b{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:none!important;
  border:0!important;
  position:relative!important;
}
.chzn-container-single .chzn-single div b:after{
  content:'⌄';
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--text3);
  font-size:17px;
  font-weight:700;
  line-height:1;
}
.chzn-container.chzn-with-drop .chzn-single div b:after{content:'⌃';color:var(--red);}

.chzn-container-single .chzn-search{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:8px!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
}
.chzn-container-single-nosearch .chzn-search{display:none!important;}
.chzn-container-single .chzn-search input{
  width:100%!important;
  height:32px!important;
  margin:0!important;
  padding:0 10px 0 32px!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-xs)!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif!important;
  font-size:12.5px!important;
  outline:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.chzn-container-single .chzn-search:after{
  content:'⌕';
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:var(--text3);
  font-size:15px;
  line-height:1;
  pointer-events:none;
}
.chzn-container .chzn-results{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-height:260px!important;
  margin:0!important;
  padding:4px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#fff!important;
  border:0!important;
  list-style:none!important;
  -webkit-overflow-scrolling:touch;
}
.chzn-container .chzn-results li{
  display:none!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  list-style:none!important;
  line-height:1.3!important;
  color:var(--text2)!important;
  font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif!important;
  font-size:12.5px!important;
  cursor:pointer!important;
  transition:var(--t)!important;
}
.chzn-container .chzn-results li.active-result{display:list-item!important;}
.chzn-container .chzn-results li.highlighted,
.chzn-container .chzn-results li.active-result:hover{
  background:var(--red)!important;
  color:#fff!important;
}
.chzn-container .chzn-results li.result-selected{
  background:var(--red-light)!important;
  color:var(--red)!important;
  font-weight:700!important;
}
.chzn-container .chzn-results li.no-results{
  display:list-item!important;
  color:var(--text3)!important;
  background:var(--bg)!important;
}
.chzn-disabled{opacity:.55!important;pointer-events:none!important;}

/* Keep the real select hidden only when Chosen generated its UI. */
select.chzn-done{display:none!important;}

@media (max-width:768px){
  .filtry{overflow:visible!important;}
  .filtry form{overflow:visible!important;}
  .filter .chzn-container,
  #fuser_chzn,
  #fplace_chzn{
    min-width:170px!important;
    width:170px!important;
    max-width:72vw!important;
  }
  .chzn-container .chzn-drop{
    position:absolute!important;
    top:calc(100% + 6px)!important;
  }
}


/* ══════════════════════════════════════════════════
   HF68 — Panel v2 WOW: final polish from reference
   ══════════════════════════════════════════════════ */
.search-wrap form{position:relative!important;}
.search-submit,#searchbutton{display:none!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;}
.search-wrap input#searchwhat{padding-left:42px!important;padding-right:14px!important;}
.search-wrap .si{left:14px!important;top:50%!important;transform:translateY(-50%)!important;}

.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.kpi{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-xs);transition:var(--t);cursor:default;animation:fadeUp .4s var(--ease) both;}
.kpi:nth-child(1){animation-delay:.05s}.kpi:nth-child(2){animation-delay:.10s}.kpi:nth-child(3){animation-delay:.15s}.kpi:nth-child(4){animation-delay:.20s}
.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.kpi-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:8px;}
.kpi-val{font-size:26px;font-weight:900;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.6px;}
.kpi-val.red{color:var(--red)}
.kpi-sub{font-size:11px;color:var(--text3);margin-top:4px;font-weight:600;}
.kpi-bar{height:2px;background:var(--bg);border-radius:2px;margin-top:10px;overflow:hidden;}
.kpi-fill{height:100%;border-radius:2px;background:var(--red);transition:width 1s var(--ease) .15s;}
.kpi-fill-blue{background:#6366F1!important}.kpi-fill-green{background:#059669!important}.kpi-fill-gray{background:#94A3B8!important}

.filtry .r24-new-ticket-btn{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;box-shadow:var(--shadow-red)!important;}
.filtry .r24-new-ticket-btn:hover{background:var(--red-hover)!important;border-color:var(--red-hover)!important;color:#fff!important;}
.filtry .divbutton i{font-size:15px;line-height:1;}

/* Exact select arrow from panel_v2_wow.html. Applies to native selects and legacy Chosen. */
.filter select,.filtry select,select.fsel{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%239AA3B2' d='m7 10 5 5 5-5H7Z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 8px center!important;
  padding-right:26px!important;
}
.chzn-container-single .chzn-single div b{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%239AA3B2' d='m7 10 5 5 5-5H7Z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:12px 12px!important;
}
.chzn-container-single .chzn-single div b:after{content:''!important;display:none!important;}
.chzn-container.chzn-with-drop .chzn-single div b{
  transform:rotate(180deg);
}

@media (max-width:1024px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){
  .kpi-strip{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:visible;padding:2px;margin:-2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .kpi-strip::-webkit-scrollbar{display:none}
  .kpi{flex:0 0 auto;min-width:120px;width:120px;padding:12px;border-radius:12px;}
  .kpi-label{font-size:9px}.kpi-val{font-size:19px}.kpi-sub{font-size:10px}
}


/* ══════════════════════════════════════════════════
   HF69 — CTA nad filtrami, kolejność akcji i awatar
   ══════════════════════════════════════════════════ */
.avatar.avatar-img{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important;overflow:hidden;}
.avatar.avatar-img .avatar-fallback{display:none!important;}

.r24-action-card{padding:0!important;overflow:visible!important;}
.add-strip{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:var(--radius);}
.as-icon{width:44px;height:44px;border-radius:14px;background:var(--red-light);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:21px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(232,57,42,.08);}
.as-text{flex:1;min-width:180px;}
.as-main{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.2px;line-height:1.25;}
.as-sub{font-size:12px;color:var(--text3);font-weight:600;margin-top:3px;}
.btn-large{min-height:40px;padding:0 16px;border-radius:12px!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;white-space:nowrap;border:1px solid transparent!important;cursor:pointer;transition:var(--t);font-family:inherit!important;}
.btn-large i{font-size:17px;line-height:1;}
.btn-ghost{background:#fff!important;color:var(--text)!important;border-color:var(--border-md)!important;box-shadow:var(--shadow-xs)!important;}
.btn-ghost:hover{background:var(--bg)!important;color:var(--text)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)!important;}
.btn-red{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;box-shadow:var(--shadow-red)!important;}
.btn-red:hover{background:var(--red-hover)!important;border-color:var(--red-hover)!important;color:#fff!important;transform:translateY(-1px);}
.r24-inline-start-form{display:contents!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
.filtry .r24-filter-submit-btn{margin-left:auto!important;background:var(--text)!important;color:#fff!important;}
.filtry .r24-new-ticket-btn{margin-left:0!important;background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;box-shadow:var(--shadow-red)!important;}
.filtry .r24-new-ticket-btn:hover{background:var(--red-hover)!important;border-color:var(--red-hover)!important;color:#fff!important;}

@media (max-width:768px){
  .add-strip{align-items:stretch;flex-wrap:wrap;padding:14px;gap:10px;}
  .as-icon{width:38px;height:38px;border-radius:12px;font-size:18px;}
  .as-text{flex:1 1 calc(100% - 54px);}
  .btn-large{flex:1 1 auto;min-width:140px;}
  .r24-inline-start-form{display:flex!important;flex:1 1 140px!important;}
  .r24-inline-start-form .btn-large{width:100%;}
  .filtry .r24-filter-submit-btn{margin-left:0!important;}
}

/* ══════════════════════════════════════════════════
   HF71 — Nowy widok edycji zlecenia: info, chat, formularz, mobile save
   ══════════════════════════════════════════════════ */
.r24-edit-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1480px;margin:0 auto;padding-bottom:8px;}
.r24-edit-mobile-head{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px;animation:fadeUp .35s var(--ease) both;}
.r24-edit-mobile-head h1{font-size:18px;line-height:1.18;margin:2px 0 0!important;letter-spacing:-.5px;}
.r24-back{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg);color:var(--text2);border:1px solid var(--border);transition:var(--t);flex:0 0 auto;}
.r24-back:hover{color:var(--red);background:var(--red-light);transform:translateX(-2px);}
.r24-info-toggle{margin-left:auto;min-height:36px;padding:0 12px;border-radius:12px;border:1px solid var(--border-md);background:#fff;color:var(--text2);font-weight:800;font-size:12px;display:none;align-items:center;gap:6px;transition:var(--t);}
.r24-info-toggle:hover{background:var(--red-light);color:var(--red);border-color:var(--red-mid);}
.r24-edit-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:16px;align-items:start;}
.r24-ticket-info{position:sticky;top:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:14px;animation:fadeUp .35s var(--ease) .03s both;}
.r24-ticket-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.r24-ticket-info-head h2{font-size:26px;margin:2px 0 0!important;line-height:1;color:var(--text);font-variant-numeric:tabular-nums;}
.r24-eyebrow{display:block;font-size:9.5px;font-weight:900;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;line-height:1.2;}
.r24-ticket-type{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--bg);border:1px solid var(--border);}
.r24-ticket-type>i{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--red);font-size:20px;box-shadow:var(--shadow-xs);}
.r24-ticket-type span{display:block;font-size:10px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;}
.r24-ticket-type strong{display:block;margin-top:3px;font-size:13.5px;color:var(--text);line-height:1.25;}
.r24-info-people{display:flex;flex-direction:column;gap:10px;}
.r24-info-person{padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff;}
.r24-info-label{display:flex;align-items:center;gap:6px;color:var(--text3);font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.55px;margin-bottom:7px;}
.r24-info-label i{font-size:14px;color:var(--red);}
.r24-person-name{font-size:13.5px;font-weight:800;color:var(--text);line-height:1.3;}
.r24-person-meta{display:flex;flex-direction:column;gap:3px;margin-top:5px;color:var(--text3);font-size:11.5px;font-weight:600;}
.r24-person-meta span{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.r24-person-meta i{font-size:13px;color:var(--text3);flex:0 0 auto;}
.r24-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.r24-kpi{padding:12px;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#FAFAFB 100%);border:1px solid var(--border);box-shadow:var(--shadow-xs);min-width:0;}
.r24-kpi span{display:block;color:var(--text3);font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;}
.r24-kpi strong{display:block;margin-top:4px;color:var(--text);font-size:17px;line-height:1.1;font-weight:900;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r24-kpi small{display:block;margin-top:4px;color:var(--text3);font-size:10.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r24-date-grid{display:grid;grid-template-columns:1fr;gap:8px;padding-top:10px;border-top:1px solid var(--border);}
.r24-date-grid div{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.r24-date-grid span{color:var(--text3);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;}
.r24-date-grid strong{font-size:12px;color:var(--text2);font-weight:800;text-align:right;}
.r24-ticket-workspace{display:flex;flex-direction:column;gap:16px;min-width:0;}
.r24-original-card,.r24-history-card,.r24-form-card{padding:0!important;overflow:hidden!important;}
.r24-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:#fff;}
.r24-section-head h2{font-size:18px;margin:3px 0 0!important;letter-spacing:-.5px;line-height:1.15;}
.r24-soft-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:11px;font-weight:800;color:var(--text3);white-space:nowrap;}
.r24-soft-chip i{font-size:14px;color:var(--red);}
.r24-original-content{padding:18px;color:var(--text2);font-size:13.5px;line-height:1.7;overflow-wrap:anywhere;}
.r24-original-content :where(p,div){max-width:100%;}
.r24-original-content img,.r24-chat-thread img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border);}
.r24-chat-thread{padding:18px;background:linear-gradient(180deg,#fff 0%,#FAFAFB 100%);display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible;}
.r24-chat-thread>.it_com,.r24-chat-thread>.user_com{position:relative;display:flex;flex-direction:column;gap:8px;width:min(78%,760px);padding:13px 14px;border-radius:18px;box-shadow:var(--shadow-xs);line-height:1.55;overflow-wrap:anywhere;animation:fadeUp .28s var(--ease) both;}
.r24-chat-thread>.it_com{align-self:flex-start;background:#EEF6FF;border:1px solid rgba(46,131,255,.16);border-bottom-left-radius:6px;color:#17324D;}
.r24-chat-thread>.user_com{align-self:flex-end;background:#ECFDF3;border:1px solid rgba(5,150,105,.16);border-bottom-right-radius:6px;color:#123D2E;}
.r24-chat-thread>.it_com::before,.r24-chat-thread>.user_com::before{font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;opacity:.72;margin-bottom:1px;}
.r24-chat-thread>.it_com::before{content:'IT';color:#2563EB;}
.r24-chat-thread>.user_com::before{content:'Klient';color:#059669;text-align:right;}
.r24-chat-thread .com_details{font-size:10.5px;font-weight:800;opacity:.62;}
.r24-chat-thread .com_com{font-size:13.5px;color:inherit;}
.r24-chat-thread .com_com>span{display:block;}
.r24-chat-thread .com_status,.r24-chat-thread .com_cp,.r24-chat-thread .com_newtype{align-self:center;width:auto;max-width:100%;padding:8px 10px;border-radius:12px;background:#F8FAFC;border:1px dashed var(--border-md);color:var(--text2);font-size:11.5px;font-weight:800;line-height:1.35;text-align:center;}
.r24-chat-thread .com_newstatus{align-self:center;width:auto;max-width:100%;padding:7px 10px;border-radius:999px;background:var(--red);border:1px solid var(--red);color:#fff;font-size:11.5px;font-weight:900;line-height:1.35;text-align:center;box-shadow:var(--shadow-red);}
.r24-chat-thread .com_attach{display:flex;flex-direction:column;gap:7px;margin-top:4px;}
.r24-chat-thread .com_attach>span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:900;opacity:.7;}
.r24-chat-thread .com_attach ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0!important;padding:0!important;}
.r24-chat-thread .com_attach li{list-style:none!important;margin:0!important;padding:0!important;}
.r24-chat-thread .com_attach a{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--border-md);color:var(--text2)!important;font-size:11px;font-weight:800;box-shadow:var(--shadow-xs);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r24-chat-thread .com_attach a::before{content:'\eb03';font-family:'tabler-icons';font-size:13px;color:var(--red);}
.r24-empty-history{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed var(--border-md);border-radius:14px;color:var(--text3);font-weight:800;background:#fff;}
.r24-empty-history i{font-size:18px;color:var(--red);}
.r24-edit-form-shell{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.r24-edit-form-shell form{border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:#fff!important;}
.r24-edit-form-list{display:grid;grid-template-columns:1fr 1fr;gap:0;list-style:none;margin:0!important;padding:0!important;}
.r24-edit-form-list>li,.r24-edit-form-list>input[type=hidden]{grid-column:1 / -1;}
.r24-form-row{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:14px;align-items:start;padding:15px 18px;border-bottom:1px solid var(--border);margin:0!important;list-style:none!important;}
.r24-form-row-half{grid-column:auto!important;grid-template-columns:1fr;gap:8px;border-right:1px solid var(--border);}
.r24-form-row-half + .r24-form-row-half{border-right:0;}
.r24-form-row .form_left{float:none!important;width:auto!important;display:flex!important;align-items:center;gap:7px;color:var(--text2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;line-height:1.3;}
.r24-form-row .form_left>i{color:var(--red);font-size:16px;flex:0 0 auto;}
.r24-form-row .form_right{float:none!important;width:auto!important;display:flex!important;flex-direction:column;gap:8px;min-width:0;}
.r24-form-row select,.r24-form-row input[type=text],.r24-form-row textarea{width:100%;min-height:38px;padding:9px 11px!important;font-size:13px!important;}
.r24-form-row textarea{min-height:180px;resize:vertical;}
.r24-editor-hint{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px;}
.r24-editor-hint span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text2);font-size:10.5px;font-weight:900;}
.r24-editor-hint i{font-size:13px;color:var(--red);}
.r24-inline-inputs{flex-direction:row!important;align-items:center!important;}
.r24-inline-inputs input{max-width:160px;}
.r24-checkline{display:inline-flex!important;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--text);margin:0!important;}
.r24-checkline input{width:auto!important;min-height:0!important;}
.r24-conditional{background:rgba(232,57,42,.025);}
.r24-attachments-field{gap:12px!important;}
.r24-file-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:70px;padding:14px;border-radius:14px;border:1px dashed var(--border-md);background:var(--bg);cursor:pointer;transition:var(--t);}
.r24-file-picker:hover{border-color:var(--red-mid);background:var(--red-light);}
.r24-file-picker input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.r24-file-picker span{display:inline-flex;align-items:center;gap:7px;font-weight:900;color:var(--text);}
.r24-file-picker span i{font-size:18px;color:var(--red);}
.r24-file-picker small{color:var(--text3);font-weight:700;}
#avatar_drop.close{display:none!important;}
#avatar_drop.open{display:block!important;}
#avatar_drop .container{width:100%!important;max-width:none!important;padding:0!important;}
.upload_form_cont{width:100%;}
#dropArea{min-height:112px;border:1px dashed var(--border-md);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text3);font-weight:900;transition:var(--t);}
#dropArea i{font-size:24px;color:var(--red);}
#dropArea.hover,#dropArea.uploading{border-color:var(--red-mid);background:var(--red-light);color:var(--red);}
#dropArea small{font-size:11px;font-weight:700;}
.r24-file-preview{display:flex;flex-wrap:wrap;gap:6px;min-height:0;}
.r24-file-preview .r24-file-chip{display:inline-flex;align-items:center;gap:6px;max-width:240px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--border-md);box-shadow:var(--shadow-xs);font-size:11px;font-weight:800;color:var(--text2);}
.r24-file-preview .r24-file-chip i{color:var(--red);font-size:14px;}
.r24-file-preview .r24-file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.postep{width:100%;max-width:500px;border-radius:8px;overflow:hidden;background:var(--bg);}
.r24-form-actions{background:#fff;padding:16px 18px!important;}
.r24-form-actions .form_buttons{float:none!important;width:100%!important;display:flex!important;justify-content:flex-end;gap:8px;}
.r24-form-actions .secondary,.r24-locked-card+.secondary{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important;}
.r24-locked-card{display:flex;align-items:center;gap:12px;padding:16px!important;color:var(--text2);}
.r24-locked-card>i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--red-light);color:var(--red);font-size:20px;}
.r24-locked-card strong{display:block;color:var(--text);font-size:14px;}
.r24-locked-card span{display:block;color:var(--text3);font-weight:600;margin-top:2px;}
.r24-edit-bottom-nav{display:none;}
.r24-edit-mode .mobile-nav{display:none!important;}
body.r24-edit-mode{--mobile-nav:72px;}

/* CKEditor dopasowany wizualnie do kart */
.r24-form-row-editor .cke{border:1px solid var(--border-md)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:var(--shadow-xs)!important;background:#fff!important;}
.r24-form-row-editor .cke_top{background:#fff!important;border-bottom:1px solid var(--border)!important;padding:8px!important;}
.r24-form-row-editor .cke_bottom{background:var(--bg)!important;border-top:1px solid var(--border)!important;}
.r24-form-row-editor .cke_button{border-radius:8px!important;}
.r24-form-row-editor .cke_button_on,.r24-form-row-editor .cke_button:hover{background:var(--red-light)!important;}

@media (max-width:1100px){
  .r24-edit-layout{grid-template-columns:1fr;}
  .r24-ticket-info{position:relative;top:auto;}
  .r24-kpi-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:768px){
  body.r24-edit-mode .r24-main{padding-bottom:calc(92px + var(--safe-bottom));}
  .r24-edit-page{gap:10px;max-width:none;padding-bottom:0;}
  .r24-edit-mobile-head{position:sticky;top:0;z-index:30;padding:12px;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);}
  .r24-edit-mobile-head h1{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .r24-info-toggle{display:inline-flex;}
  .r24-edit-layout{display:flex;flex-direction:column;gap:10px;}
  .r24-ticket-info{display:none;border-radius:14px;padding:14px;}
  .r24-ticket-info.open{display:flex;animation:fadeUp .22s var(--ease) both;}
  .r24-ticket-info-head h2{font-size:22px;}
  .r24-info-people{gap:8px;}
  .r24-info-person{padding:10px;}
  .r24-kpi-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .r24-kpi-grid::-webkit-scrollbar{display:none;}
  .r24-kpi{flex:0 0 132px;}
  .r24-kpi strong{font-size:15px;}
  .r24-section-head{padding:13px 14px;align-items:flex-start;}
  .r24-section-head h2{font-size:16px;}
  .r24-soft-chip{display:none;}
  .r24-original-content{padding:14px;font-size:13px;line-height:1.6;max-height:42vh;overflow:auto;-webkit-overflow-scrolling:touch;}
  .r24-chat-thread{padding:14px;max-height:58vh;overflow:auto;-webkit-overflow-scrolling:touch;}
  .r24-chat-thread>.it_com,.r24-chat-thread>.user_com{width:92%;padding:12px;font-size:13px;}
  .r24-edit-form-list{display:block;}
  .r24-form-row,.r24-form-row-half{display:flex!important;flex-direction:column;gap:8px;padding:13px 14px;border-right:0!important;}
  .r24-form-row .form_left{font-size:11px;}
  .r24-form-row .form_right{width:100%!important;}
  .r24-editor-hint{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;}
  .r24-editor-hint::-webkit-scrollbar{display:none;}
  .r24-inline-inputs{flex-direction:row!important;}
  .r24-inline-inputs input{max-width:none;}
  .r24-file-picker{min-height:62px;align-items:flex-start;flex-direction:column;}
  .r24-form-actions{display:none!important;}
  .r24-edit-bottom-nav{position:fixed;left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));height:70px;display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;gap:8px;padding:8px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(14,17,23,.07);border-radius:22px;box-shadow:0 12px 36px rgba(14,17,23,.14);z-index:220;}
  .r24-edit-bottom-nav a,.r24-edit-bottom-nav button{height:52px;border:0;background:transparent;border-radius:16px;color:var(--text3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:800;transition:var(--t);}
  .r24-edit-bottom-nav i{font-size:22px;}
  .r24-edit-bottom-nav .r24-bottom-save{width:78px;height:58px;justify-self:center;transform:translateY(-13px);background:var(--red);color:#fff;border-radius:20px;box-shadow:var(--shadow-red);}
  .r24-edit-bottom-nav .r24-bottom-save i{font-size:25px;}
  .r24-edit-bottom-nav a:active,.r24-edit-bottom-nav button:active{transform:scale(.96);}
  .r24-edit-bottom-nav .r24-bottom-save:active{transform:translateY(-13px) scale(.96);}
}
@media (max-width:420px){
  .r24-back{width:34px;height:34px;border-radius:10px;}
  .r24-info-toggle{min-height:34px;padding:0 9px;font-size:11px;}
  .r24-chat-thread>.it_com,.r24-chat-thread>.user_com{width:96%;}
}

/* ══════════════════════════════════════════════════
   HF72 — Edit v2: czystszy content, right info drawer, mobile bottom nav
   Na podstawie ratunku24_edit_v2.html
   ══════════════════════════════════════════════════ */
body.r24-edit-mode .r24-main{padding:18px 20px;background:var(--bg);} 
.r24-edit-page{--r24-info-w:272px;gap:14px;max-width:1500px;padding-bottom:10px;}
.r24-edit-mobile-head{min-height:58px;border-radius:14px;padding:13px 16px;background:rgba(255,255,255,.92);border-color:var(--border);box-shadow:var(--shadow-xs);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);} 
.r24-edit-title{min-width:0;display:flex;flex-direction:column;gap:2px;}
.r24-edit-breadcrumb{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--text3);line-height:1.2;}
.r24-edit-breadcrumb a{color:var(--text3);transition:color .15s;}
.r24-edit-breadcrumb a:hover{color:var(--red);} 
.r24-edit-breadcrumb i{font-size:12px;color:var(--border-md);} 
.r24-edit-breadcrumb span{color:var(--red);font-weight:900;}
.r24-edit-mobile-head h1{font-size:17px!important;font-weight:800;letter-spacing:-.45px;color:var(--text);margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.r24-back{width:34px;height:34px;border-radius:10px;background:var(--bg);box-shadow:none;color:var(--text3);}
.r24-back i{font-size:18px;}
.r24-info-toggle{display:inline-flex;min-height:32px;border-radius:8px;padding:0 10px;background:#fff;box-shadow:none;color:var(--text2);font-size:12px;}
.r24-info-toggle i{font-size:15px;color:var(--text3);}
.r24-info-toggle:hover i{color:var(--red);} 
.r24-edit-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(238px,var(--r24-info-w));gap:14px;align-items:start;}
.r24-ticket-workspace{grid-column:1;grid-row:1;gap:14px;order:1;min-width:0;}
.r24-ticket-info{grid-column:2;grid-row:1;order:2;position:sticky;top:0;width:auto;padding:0;border-radius:14px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xs);gap:0;overflow:hidden;}
.r24-info-overlay{display:none;position:fixed;inset:0;background:rgba(14,17,23,.30);z-index:205;opacity:0;transition:opacity .2s var(--ease);}
.r24-info-overlay.visible{display:block;opacity:1;animation:fadeIn .18s var(--ease);}
.r24-ticket-info-head{padding:16px 14px 12px;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;}
.r24-ticket-info-head h2{font-size:20px!important;letter-spacing:-.4px;}
.r24-ticket-info-head .pill{margin-left:auto;}
.r24-info-close{display:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text3);align-items:center;justify-content:center;cursor:pointer;transition:var(--t);}
.r24-info-close:hover{background:var(--red-light);color:var(--red);border-color:var(--red-mid);} 
.r24-ticket-type{margin:14px 14px 0;padding:10px;border-radius:10px;background:#fff;border-color:var(--border);box-shadow:var(--shadow-xs);} 
.r24-ticket-type>i{width:30px;height:30px;border-radius:8px;background:var(--bg);color:var(--text3);font-size:17px;box-shadow:none;}
.r24-ticket-type span{font-size:9.5px;color:var(--text3);} 
.r24-ticket-type strong{font-size:12.5px;font-weight:800;}
.r24-info-people{padding:14px;border-bottom:1px solid var(--border);gap:9px;}
.r24-info-person{padding:0;border:0;border-radius:0;background:transparent;}
.r24-info-label{font-size:9.5px;margin-bottom:5px;color:var(--text3);}
.r24-info-label i{font-size:13px;color:var(--text3);} 
.r24-person-name{font-size:12.5px;font-weight:800;}
.r24-person-meta{gap:2px;font-size:10.5px;margin-top:3px;}
.r24-kpi-grid{padding:14px;grid-template-columns:1fr 1fr;gap:7px;border-bottom:1px solid var(--border);}
.r24-kpi{padding:9px 10px;border-radius:8px;background:var(--bg);box-shadow:none;}
.r24-kpi span{font-size:8.8px;letter-spacing:.5px;}
.r24-kpi strong{font-size:14.5px;margin-top:3px;}
.r24-kpi small{font-size:9.5px;margin-top:2px;}
.r24-date-grid{padding:14px;border-top:0;gap:7px;}
.r24-date-grid div{gap:8px;}
.r24-date-grid span{font-size:10px;text-transform:none;letter-spacing:0;font-weight:600;}
.r24-date-grid strong{font-size:11.5px;font-weight:700;color:var(--text2);} 
.r24-section-head{padding:13px 18px;background:#fff;}
.r24-section-head h2{font-size:16px!important;font-weight:800;margin-top:2px!important;}
.r24-soft-chip{border-radius:6px;padding:4px 8px;background:var(--bg);font-size:10.5px;}
.r24-soft-chip i{color:var(--text3);font-size:13px;}
.r24-original-card,.r24-history-card,.r24-form-card{border-radius:14px!important;box-shadow:var(--shadow-xs)!important;}
.r24-original-content{padding:16px 18px;font-size:13.3px;line-height:1.68;color:var(--text2);} 
.r24-chat-thread{padding:16px 18px;background:#fff;gap:10px;}
.r24-chat-thread>.it_com,.r24-chat-thread>.user_com{width:min(82%,760px);padding:11px 14px;border-radius:14px;box-shadow:var(--shadow-xs);font-size:13px;line-height:1.6;}
.r24-chat-thread>.it_com{background:#EEF6FF;border-color:rgba(37,99,235,.12);border-top-left-radius:2px;color:#17324D;}
.r24-chat-thread>.user_com{background:#ECFDF3;border-color:rgba(5,150,105,.14);border-top-right-radius:2px;color:#123D2E;}
.r24-chat-thread>.it_com::before,.r24-chat-thread>.user_com::before{font-size:9px;font-weight:900;letter-spacing:.6px;opacity:.72;}
.r24-chat-thread>.it_com::before{content:'IT';color:#2563EB;}
.r24-chat-thread>.user_com::before{content:'Klient';color:#059669;text-align:right;}
.r24-chat-thread .com_details{font-size:10px;opacity:.58;}
.r24-chat-thread .com_com{font-size:13px;}
.r24-chat-thread .com_status,.r24-chat-thread .com_cp,.r24-chat-thread .com_newtype{align-self:center;width:auto;max-width:min(100%,760px);background:#F8FAFC;border:1px dashed var(--border-md);border-radius:12px;color:var(--text3);font-size:11.5px;font-weight:800;padding:8px 10px;text-align:center;}
.r24-chat-thread .com_newstatus{align-self:center;width:auto;max-width:min(100%,760px);background:var(--red-light);border:1px solid var(--red-mid);color:var(--red);box-shadow:none;border-radius:7px;font-size:11.5px;font-weight:900;padding:6px 9px;}
.r24-chat-thread .com_newstatus::before{content:'\eb10';font-family:'tabler-icons';font-weight:400;margin-right:5px;vertical-align:-1px;}
.r24-chat-thread .com_attach a{border-radius:6px;background:var(--bg);box-shadow:none;padding:5px 9px;color:var(--text2)!important;}
.r24-chat-thread .com_attach a:hover{background:#fff;color:var(--text)!important;border-color:var(--border-md);} 
.r24-form-card .r24-section-head{background:var(--bg);}
.r24-edit-form-shell form{background:#fff!important;}
.r24-edit-form-list{grid-template-columns:1fr 1fr;}
.r24-form-row{grid-template-columns:minmax(170px,220px) minmax(0,1fr);padding:13px 18px;gap:12px;}
.r24-form-row .form_left{font-size:11px;letter-spacing:.2px;text-transform:none;font-weight:800;color:var(--text2);}
.r24-form-row .form_left>i{width:18px;text-align:center;color:var(--text3);font-size:15px;}
.tip_trigger{position:relative;width:15px;height:15px;border-radius:50%;background:var(--bg);border:1px solid var(--border-md);display:inline-flex!important;align-items:center;justify-content:center;font-size:9px!important;font-weight:900!important;color:var(--text3)!important;line-height:1;cursor:help;margin-left:2px;}
.tip_trigger .tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);min-width:190px;max-width:260px;padding:9px 10px;border-radius:10px;background:var(--text);color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:1.35;text-transform:none;letter-spacing:0;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;z-index:500;transition:opacity .16s var(--ease),transform .16s var(--ease);}
.tip_trigger .tip::after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--text);} 
.tip_trigger:hover,.tip_trigger:focus-within{color:var(--red)!important;border-color:var(--red-mid);background:var(--red-light);} 
.tip_trigger:hover .tip,.tip_trigger:focus-within .tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);} 
.r24-form-row select,.r24-form-row input[type=text],.r24-form-row textarea{border:1px solid var(--border-md)!important;border-radius:8px!important;background:var(--bg)!important;box-shadow:none!important;color:var(--text)!important;min-height:36px!important;font-size:13px!important;transition:var(--t)!important;}
.r24-form-row select:focus,.r24-form-row input[type=text]:focus,.r24-form-row textarea:focus{border-color:var(--red-mid)!important;background:#fff!important;box-shadow:0 0 0 3px var(--red-light)!important;outline:none!important;}
.r24-editor-hint{gap:2px;padding:5px 8px;margin:0;border:1px solid var(--border-md);border-bottom:0;border-radius:10px 10px 0 0;background:var(--bg);} 
.r24-editor-hint span{height:28px;padding:0 7px;border:0;border-radius:5px;background:transparent;font-size:10.5px;color:var(--text2);}
.r24-editor-hint span:hover{background:#fff;color:var(--text);} 
.r24-editor-hint i{color:var(--text3);font-size:13px;}
.r24-form-row-editor .cke{border-radius:0 0 10px 10px!important;box-shadow:none!important;}
.r24-checkline{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:12.5px!important;}
.r24-checkline:hover{background:#fff;border-color:var(--border-md);} 
.r24-checkline input{accent-color:var(--red);} 
.r24-file-picker{min-height:82px;justify-content:center;flex-direction:column;text-align:center;border-radius:10px;background:var(--bg);}
.r24-file-picker span{font-size:12.5px;}
.r24-file-picker span i{color:var(--text3);font-size:22px;}
.r24-file-picker:hover span i{color:var(--red);} 
#dropArea{border-radius:10px;background:var(--bg);}
.r24-file-preview .r24-file-chip{border-radius:6px;background:#fff;box-shadow:none;}
.r24-form-actions{background:var(--bg)!important;}
.r24-form-actions .form_buttons{align-items:center;}
.r24-form-actions .btn-red{border-radius:8px!important;min-height:38px!important;}
.r24-form-actions .secondary{border-radius:8px!important;min-height:38px!important;}

@media (max-width:1280px){.r24-edit-page{--r24-info-w:252px}.r24-edit-layout{grid-template-columns:minmax(0,1fr) minmax(230px,var(--r24-info-w));}}
@media (max-width:1100px){.r24-edit-layout{grid-template-columns:minmax(0,1fr) minmax(220px,var(--r24-info-w))!important}.r24-ticket-info{position:sticky;top:0}.r24-kpi-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:860px){
  .r24-edit-layout{grid-template-columns:1fr!important;}
  .r24-ticket-workspace{grid-column:1;}
  .r24-info-toggle{display:inline-flex;}
  .r24-ticket-info{position:fixed;top:var(--header-h);right:0;bottom:0;z-index:210;width:min(292px,88vw);display:flex;transform:translateX(112%);transition:transform .26s var(--ease);border-radius:14px 0 0 14px;border-right:0;box-shadow:var(--shadow-lg);overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .r24-ticket-info.open{transform:translateX(0);animation:none;}
  .r24-info-close{display:flex;}
  .r24-ticket-info-head{position:sticky;top:0;z-index:2;}
}
@media (max-width:768px){
  body.r24-edit-mode .r24-main{padding:12px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));padding-bottom:calc(82px + var(--safe-bottom));}
  .r24-edit-page{gap:10px;}
  .r24-edit-mobile-head{top:0;min-height:52px;padding:10px 12px;border-radius:14px;}
  .r24-edit-breadcrumb{font-size:10.5px;}
  .r24-edit-mobile-head h1{font-size:14.5px!important;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .r24-edit-mobile-head .r24-info-toggle{display:none;}
  .r24-section-head{padding:12px 14px;}
  .r24-original-content{padding:14px;max-height:42vh;overflow:auto;-webkit-overflow-scrolling:touch;}
  .r24-chat-thread{padding:14px;max-height:58vh;overflow:auto;-webkit-overflow-scrolling:touch;}
  .r24-chat-thread>.it_com,.r24-chat-thread>.user_com{width:92%;padding:11px 12px;}
  .r24-edit-form-list{display:block;}
  .r24-form-row,.r24-form-row-half{display:flex!important;flex-direction:column;gap:7px;padding:12px 14px;border-right:0!important;}
  .r24-editor-hint{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;}
  .r24-editor-hint::-webkit-scrollbar{display:none;}
  .tip_trigger .tip{left:auto;right:0;transform:translateY(4px);}
  .tip_trigger .tip::after{left:auto;right:7px;transform:none;}
  .tip_trigger:hover .tip,.tip_trigger:focus-within .tip{transform:translateY(0);} 
  .r24-form-actions{display:none!important;}
  .r24-edit-bottom-nav{position:fixed;left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));height:58px;display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;gap:2px;padding:0 4px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(14,17,23,.07);border-radius:18px;box-shadow:0 8px 32px rgba(14,17,23,.10);z-index:220;}
  .r24-edit-bottom-nav a,.r24-edit-bottom-nav button{height:54px;border:0;background:transparent;border-radius:14px;color:var(--text3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px;font-weight:700;transition:var(--t);padding:4px 0;}
  .r24-edit-bottom-nav i{font-size:20px;}
  .r24-edit-bottom-nav .on{color:var(--red);} 
  .r24-edit-bottom-nav .r24-bottom-save{width:70px;height:64px;justify-self:center;align-self:end;transform:translateY(-8px);color:var(--text2);font-size:9.5px;}
  .r24-bottom-save-icon{width:42px;height:42px;border-radius:13px;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-red);}
  .r24-bottom-save-icon i{font-size:20px;color:#fff;}
  .r24-edit-bottom-nav a:active,.r24-edit-bottom-nav button:active{transform:scale(.96);}
  .r24-edit-bottom-nav .r24-bottom-save:active{transform:translateY(-8px) scale(.96);}
  .r24-ticket-info{top:0;padding-top:var(--safe-top);width:min(292px,90vw);border-radius:0;}
  .r24-info-overlay.visible{display:block;}
}
@media (max-width:420px){.r24-chat-thread>.it_com,.r24-chat-thread>.user_com{width:96%;}.r24-edit-bottom-nav{left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));grid-template-columns:1fr 1fr 68px 1fr 1fr}.r24-edit-bottom-nav span{font-size:9px}.r24-bottom-save-icon{width:40px;height:40px}}
/* HF72 micro-corrections */
.r24-info-toggle{display:none;}
@media (max-width:860px){.r24-info-toggle{display:inline-flex;}}
@media (max-width:768px){.r24-edit-mobile-head .r24-info-toggle{display:none!important}.r24-edit-bottom-nav .r24-bottom-save{background:transparent!important;box-shadow:none!important;border-radius:14px!important;}}
@media (min-width:769px) and (max-width:860px){.r24-info-overlay{top:var(--header-h);left:var(--sidebar-w);}}

/* ══════════════════════════════════════════════════
   HF73 — wierny import UX z ratunku24_edit_v2.html dla contentu edit.php
   ══════════════════════════════════════════════════ */
body.r24-edit-mode .r24-main{padding:20px;background:var(--bg);overflow-y:auto;overflow-x:hidden;}
.r24-edit-page{--info-w:272px;display:flex;flex-direction:column;gap:14px;width:100%;max-width:1500px;margin:0 auto;padding-bottom:10px;}
.r24-edit-page .edit-head{min-height:58px;display:flex;align-items:center;gap:14px;padding:13px 16px;background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-xs);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);animation:fadeUp .25s var(--ease) both;}
.r24-edit-page .edit-title{min-width:0;display:flex;flex-direction:column;gap:2px;}
.r24-edit-page .edit-breadcrumb{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--text3);line-height:1.2;}
.r24-edit-page .edit-breadcrumb a{color:var(--text3);transition:color .15s;}
.r24-edit-page .edit-breadcrumb a:hover{color:var(--red);}
.r24-edit-page .edit-breadcrumb i{font-size:12px;color:var(--border-md);}
.r24-edit-page .edit-breadcrumb span{color:var(--red);font-weight:900;}
.r24-edit-page .edit-head h1{font-size:17px!important;font-weight:800;letter-spacing:-.45px;color:var(--text);margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;}
.r24-edit-page .r24-back{width:34px;height:34px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text3);display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:var(--t);}
.r24-edit-page .r24-back:hover{background:#fff;color:var(--red);transform:translateX(-1px);}
.r24-edit-page .info-toggle{display:none;align-items:center;gap:5px;margin-left:auto;height:32px;padding:0 10px;border:1px solid var(--border-md);border-radius:var(--radius-xs);background:#fff!important;color:var(--text2)!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;cursor:pointer;transition:var(--t);white-space:nowrap;}
.r24-edit-page .info-toggle:hover,.r24-edit-page .info-toggle.on{background:var(--red-light)!important;color:var(--red)!important;border-color:var(--red-mid)!important;transform:none;}
.r24-edit-page .content.r24-edit-content{display:flex;flex:1;min-width:0;overflow:hidden;gap:0;align-items:stretch;}
.r24-edit-page .main-col{flex:1;min-width:0;overflow-y:auto;padding:0 14px 4px 0;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.r24-edit-page .main-col::-webkit-scrollbar,.r24-edit-page .info-col::-webkit-scrollbar{width:4px;}
.r24-edit-page .main-col::-webkit-scrollbar-thumb,.r24-edit-page .info-col::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:4px;}
.r24-edit-page .sec-hd{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text3);}
.r24-edit-page .sec-hd::after{content:'';flex:1;height:1px;background:var(--border);}
.r24-edit-page .sec-hd .cnt{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:11px;font-weight:800;color:var(--text);letter-spacing:0;text-transform:none;margin-left:auto;}

/* Info panel — right column exactly like the supplied UX */
.r24-edit-page .info-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.30);z-index:170;animation:fadeIn .2s;}
.r24-edit-page .info-overlay.visible{display:block;}
.r24-edit-page .info-col{width:var(--info-w);flex:0 0 var(--info-w);background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-xs);overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;order:1;align-self:flex-start;max-height:calc(100dvh - var(--header-h) - 96px);}
.r24-edit-page .info-top{padding:18px 16px 14px;border-bottom:1px solid var(--border);background:var(--bg);border-radius:14px 14px 0 0;}
.r24-edit-page .ticket-status-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.r24-edit-page .status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;line-height:1;}
.r24-edit-page .chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.r24-edit-page .chip-new{background:#FEF3C7;color:#D97706;}
.r24-edit-page .chip-active{background:#D1FAE5;color:#059669;}
.r24-edit-page .chip-wait{background:#EEF2FF;color:#4F46E5;}
.r24-edit-page .chip-closed{background:#F1F5F9;color:#64748B;}
.r24-edit-page .chip-rejected{background:var(--red-light);color:var(--red);}
.r24-edit-page .ticket-id{font-size:12px;font-weight:800;color:var(--text3);margin-left:auto;}
.r24-edit-page .info-close{display:none;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#fff!important;color:var(--text3)!important;box-shadow:none!important;padding:0!important;min-height:0!important;}
.r24-edit-page .ticket-title-info{font-size:14px;font-weight:800;color:var(--text);line-height:1.35;margin-bottom:8px;}
.r24-edit-page .meta-tag{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--text2);margin-right:4px;margin-bottom:4px;max-width:100%;}
.r24-edit-page .meta-tag i{font-size:12px;color:var(--text3);}
.r24-edit-page .info-section{padding:14px 16px;border-bottom:1px solid var(--border);}
.r24-edit-page .info-section:last-child{border-bottom:none;}
.r24-edit-page .info-sec-lbl{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--text3);margin-bottom:10px;}
.r24-edit-page .info-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px;}
.r24-edit-page .info-row:last-child{margin-bottom:0;}
.r24-edit-page .info-av{width:30px;height:30px;border-radius:50%;background:#F1F5F9;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:var(--text2);border:1px solid var(--border);flex-shrink:0;}
.r24-edit-page .info-av.red{background:var(--red-light);color:var(--red);border-color:var(--red-mid);}
.r24-edit-page .info-av.icon-av{border-radius:8px;background:var(--bg);}
.r24-edit-page .info-av.icon-av i{font-size:14px;color:var(--text3);}
.r24-edit-page .info-row-text{flex:1;min-width:0;}
.r24-edit-page .info-row-lbl{font-size:10px;color:var(--text3);font-weight:500;}
.r24-edit-page .info-row-val{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.3;}
.r24-edit-page .info-row-sub{font-size:10.5px;color:var(--text2);margin-top:1px;word-break:break-all;}
.r24-edit-page .kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.r24-edit-page .kpi-cell{background:var(--bg);border-radius:var(--radius-xs);padding:9px 10px;border:1px solid var(--border);}
.r24-edit-page .kpi-cell-lbl{font-size:9px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;}
.r24-edit-page .kpi-cell-val{font-size:15px;font-weight:900;color:var(--text);margin-top:2px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r24-edit-page .kpi-cell-val.red{color:var(--red);}
.r24-edit-page .kpi-cell-sub{font-size:9.5px;color:var(--text3);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r24-edit-page .idate-list{display:flex;flex-direction:column;gap:7px;}
.r24-edit-page .idate-row{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.r24-edit-page .idate-lbl{font-size:11px;color:var(--text3);}
.r24-edit-page .idate-val{font-size:11.5px;font-weight:700;color:var(--text2);text-align:right;}

/* Original content */
.r24-edit-page .ticket-desc{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-xs);animation:fadeUp .3s var(--ease) .05s both;}
.r24-edit-page .desc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.r24-edit-page .desc-av{width:34px;height:34px;border-radius:50%;background:#FEF3C7;border:1.5px solid #FCD34D;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#92400E;flex-shrink:0;}
.r24-edit-page .desc-name{font-size:13px;font-weight:800;color:var(--text);}
.r24-edit-page .desc-time{font-size:11px;color:var(--text3);margin-top:1px;}
.r24-edit-page .original-badge{margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700;color:var(--text3);}
.r24-edit-page .desc-body{font-size:13.5px;line-height:1.7;color:var(--text2);padding-left:44px;}
.r24-edit-page .desc-body p{margin:0 0 .75em;}
.r24-edit-page .desc-body p:last-child{margin-bottom:0;}

/* Timeline — maps legacy it_com/user_com into the cleaner bubble UX */
.r24-edit-page .timeline{display:flex;flex-direction:column;gap:10px;}
.r24-edit-page .r24-empty-history{background:#fff;border:1px dashed var(--border-md);border-radius:14px;padding:18px;color:var(--text3);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;}
.r24-edit-page .r24-chat-thread>.it_com,.r24-edit-page .r24-chat-thread>.user_com{position:relative;display:block;max-width:calc(100% - 42px);width:min(78%,760px);background:#fff;border:1px solid var(--border);border-radius:2px 14px 14px 14px;padding:11px 14px 11px 56px;box-shadow:var(--shadow-xs);font-size:13px;line-height:1.65;color:var(--text2);animation:fadeUp .3s var(--ease) both;overflow-wrap:anywhere;}
.r24-edit-page .r24-chat-thread>.it_com{align-self:flex-start;background:#fff;border-color:var(--border);}
.r24-edit-page .r24-chat-thread>.user_com{align-self:flex-end;background:#FAFBFF;border-color:rgba(99,102,241,.12);border-radius:14px 2px 14px 14px;padding-left:14px;padding-right:56px;}
.r24-edit-page .r24-chat-thread>.it_com::before,.r24-edit-page .r24-chat-thread>.user_com::before{position:absolute;top:13px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;border:1.5px solid;}
.r24-edit-page .r24-chat-thread>.it_com::before{content:'IT';left:12px;background:#EEF2FF;color:#4F46E5;border-color:#C7D2FE;}
.r24-edit-page .r24-chat-thread>.user_com::before{content:'Kl';right:12px;background:#D1FAE5;color:#059669;border-color:#6EE7B7;}
.r24-edit-page .r24-chat-thread>.it_com::after,.r24-edit-page .r24-chat-thread>.user_com::after{display:inline-flex;margin-bottom:7px;padding:2px 6px;border-radius:5px;font-size:10.5px;font-weight:700;line-height:1;}
.r24-edit-page .r24-chat-thread>.it_com::after{content:'IT';background:#EEF2FF;color:#4F46E5;}
.r24-edit-page .r24-chat-thread>.user_com::after{content:'Klient';background:#D1FAE5;color:#059669;}
.r24-edit-page .r24-chat-thread .com_com{display:block;margin-top:3px;}
.r24-edit-page .r24-chat-thread .com_com>span:first-child{display:block;font-size:11px;color:var(--text3);font-weight:700;margin-bottom:4px;}
.r24-edit-page .r24-chat-thread .com_status,.r24-edit-page .r24-chat-thread .com_cp,.r24-edit-page .r24-chat-thread .com_newtype{display:block;width:auto;max-width:min(100%,760px);margin:6px auto;padding:8px 10px;border-radius:12px;background:var(--bg);border:1px dashed var(--border-md);color:var(--text3);font-size:11.5px;font-weight:800;line-height:1.35;text-align:center;}
.r24-edit-page .r24-chat-thread .com_newstatus{display:inline-flex;align-items:center;gap:5px;width:auto;max-width:min(100%,760px);margin:7px auto 0;padding:4px 9px;border-radius:6px;background:var(--red-light);border:1px solid var(--red-mid);color:var(--red);font-size:11.5px;font-weight:900;line-height:1.35;text-align:center;box-shadow:none;}
.r24-edit-page .r24-chat-thread .com_newstatus::before{content:'\eb10';font-family:'tabler-icons';font-weight:400;font-size:12px;}
.r24-edit-page .r24-chat-thread .com_attach{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap;align-items:center;}
.r24-edit-page .r24-chat-thread .com_attach>span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:800;color:var(--text3);}
.r24-edit-page .r24-chat-thread .com_attach ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0!important;padding:0!important;}
.r24-edit-page .r24-chat-thread .com_attach li{list-style:none!important;margin:0!important;padding:0!important;}
.r24-edit-page .r24-chat-thread .com_attach a{display:inline-flex;align-items:center;gap:5px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:700;color:var(--text2)!important;cursor:pointer;transition:var(--t);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r24-edit-page .r24-chat-thread .com_attach a:hover{border-color:var(--border-md);color:var(--text)!important;background:#fff;}
.r24-edit-page .r24-chat-thread .com_attach a::before{content:'\eb03';font-family:'tabler-icons';font-size:13px;color:var(--text3);font-weight:400;}

/* Form card */
.r24-edit-page .form-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden;animation:fadeUp .35s var(--ease) .3s both;}
.r24-edit-page .form-card form#editzlec{padding:0!important;margin:0!important;background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
.r24-edit-page .form-card-hd{padding:13px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;background:var(--bg);}
.r24-edit-page .form-card-hd i{font-size:16px;color:var(--text3);}
.r24-edit-page .form-card-hd-title{font-size:13px;font-weight:800;color:var(--text);}
.r24-edit-page .form-card-body{padding:18px;display:flex;flex-direction:column;gap:16px;}
.r24-edit-page .editor-wrap{border:1px solid var(--border-md);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .15s,box-shadow .15s;background:#fff;}
.r24-edit-page .editor-wrap:focus-within{border-color:var(--red-mid);box-shadow:0 0 0 3px var(--red-light);}
.r24-edit-page .editor-tb{background:var(--bg);border-bottom:1px solid var(--border);padding:5px 8px;display:flex;gap:2px;flex-wrap:wrap;align-items:center;}
.r24-edit-page .tb-btn{width:28px!important;height:28px!important;min-height:28px!important;border-radius:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;font-size:13px!important;color:var(--text2)!important;font-weight:800!important;transition:var(--t);flex-shrink:0;padding:0!important;}
.r24-edit-page .tb-btn:hover{background:#fff!important;color:var(--text)!important;transform:none!important;}
.r24-edit-page .tb-sep{width:1px;height:18px;background:var(--border-md);margin:0 2px;}
.r24-edit-page textarea.editor-area{min-height:110px!important;width:100%!important;padding:13px 14px!important;font-size:13px!important;line-height:1.65!important;color:var(--text2)!important;outline:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-family:inherit!important;}
.r24-edit-page .cke{border:0!important;box-shadow:none!important;border-radius:0!important;}
.r24-edit-page .cke_top{border-color:var(--border)!important;background:var(--bg)!important;}
.r24-edit-page .cke_bottom{display:none!important;}
.r24-edit-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0!important;padding:0!important;}
.r24-edit-page .field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0!important;padding:0!important;list-style:none!important;}
.r24-edit-page .field.full{grid-column:1 / -1;}
.r24-edit-page .field-label{font-size:11.5px;font-weight:700;color:var(--text2);display:flex;align-items:center;gap:5px;}
.r24-edit-page .field-label>i{font-size:13px;color:var(--text3);}
.r24-edit-page .ftip{position:relative;width:15px;height:15px;border-radius:50%;background:var(--bg);border:1px solid var(--border-md);display:inline-flex!important;align-items:center;justify-content:center;font-size:9px!important;font-weight:900!important;color:var(--text3)!important;line-height:1;cursor:help;flex:0 0 auto;}
.r24-edit-page .ftip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);width:max-content;max-width:240px;padding:8px 10px;background:var(--text);color:#fff;border-radius:8px;box-shadow:var(--shadow-lg);font-size:11px;font-weight:600;line-height:1.35;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s var(--ease),transform .16s var(--ease);z-index:400;text-transform:none;letter-spacing:0;}
.r24-edit-page .ftip::before{content:'';position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--text);opacity:0;visibility:hidden;transition:opacity .16s var(--ease);z-index:401;}
.r24-edit-page .ftip:hover::after,.r24-edit-page .ftip:focus::after,.r24-edit-page .ftip:hover::before,.r24-edit-page .ftip:focus::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.r24-edit-page select.fsel,.r24-edit-page input.finp,.r24-edit-page .chzn-container-single .chzn-single{height:36px!important;width:100%!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-xs)!important;background-color:var(--bg)!important;padding:0 10px!important;font-size:13px!important;font-family:inherit!important;color:var(--text)!important;outline:0!important;transition:var(--t);box-shadow:none!important;}
.r24-edit-page select.fsel{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%239AA3B2' d='m7 10 5 5 5-5H7Z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;padding-right:28px!important;}
.r24-edit-page select.fsel:focus,.r24-edit-page input.finp:focus{border-color:var(--red-mid)!important;background-color:#fff!important;box-shadow:0 0 0 3px var(--red-light)!important;}
.r24-edit-page .time-wrap{position:relative;}
.r24-edit-page .time-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text3);pointer-events:none;}
.r24-edit-page .time-wrap input{padding-left:34px!important;}
.r24-edit-page .inline-fields{display:grid;grid-template-columns:1fr 110px;gap:8px;}
.r24-edit-page .check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-xs);background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:var(--t);}
.r24-edit-page .check-row:hover{border-color:var(--border-md);background:#fff;}
.r24-edit-page .check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--red);flex-shrink:0;}
.r24-edit-page .check-row-text{font-size:13px;font-weight:700;color:var(--text);}
.r24-edit-page .check-row-sub{font-size:11px;color:var(--text3);margin-top:1px;}
.r24-edit-page .drop-zone{border:1.5px dashed var(--border-md);border-radius:var(--radius-sm);padding:18px;text-align:center;cursor:pointer;transition:var(--t);background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:5px;}
.r24-edit-page .drop-zone:hover,.r24-edit-page .drop-zone.drag-over{border-color:var(--red-mid);background:var(--red-light);}
.r24-edit-page .drop-zone i{font-size:26px;color:var(--text3);transition:color .15s;}
.r24-edit-page .drop-zone.drag-over i{color:var(--red);}
.r24-edit-page .drop-lbl{font-size:12.5px;font-weight:700;color:var(--text2);}
.r24-edit-page .drop-sub{font-size:11px;color:var(--text3);}
.r24-edit-page .drop-link{color:var(--red);font-weight:800;cursor:pointer;}
.r24-edit-page .att-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.r24-edit-page .att-item,.r24-edit-page .r24-file-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-xs);padding:5px 10px;font-size:11.5px;font-weight:700;color:var(--text2);}
.r24-edit-page .att-rm{width:14px!important;height:14px!important;min-height:14px!important;border-radius:50%!important;background:var(--bg)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;font-size:10px!important;color:var(--text3)!important;transition:var(--t);border:0!important;box-shadow:none!important;padding:0!important;}
.r24-edit-page .att-rm:hover{background:var(--red-light)!important;color:var(--red)!important;transform:none!important;}
.r24-edit-page #avatar_drop{margin-top:8px;}
.r24-edit-page .alt-upload{width:max-content;margin-top:8px;}
.r24-edit-page .form-actions{display:flex;align-items:center;gap:10px;padding:13px 18px;border-top:1px solid var(--border);background:var(--bg);}
.r24-edit-page .btn{height:38px!important;min-height:38px!important;padding:0 18px!important;border-radius:var(--radius-xs)!important;font-size:13px!important;font-weight:700!important;font-family:inherit!important;cursor:pointer;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:var(--t);text-decoration:none!important;}
.r24-edit-page .btn-red{background:var(--red)!important;color:#fff!important;box-shadow:var(--shadow-red)!important;border:0!important;}
.r24-edit-page .btn-red:hover{background:var(--red-hover)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 20px var(--red-glow)!important;}
.r24-edit-page .btn-outline{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important;}
.r24-edit-page .btn-outline:hover{background:var(--bg)!important;color:var(--text)!important;transform:translateY(-1px);}
.r24-edit-page .form-spacer{flex:1;}
.r24-edit-page .save-hint{font-size:11px;color:var(--text3);display:inline-flex;align-items:center;gap:4px;}
.r24-edit-page .locked-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-xs);}
.r24-edit-page .locked-card i{font-size:24px;color:var(--red);}
.r24-edit-page .locked-card strong{display:block;font-size:14px;color:var(--text);}
.r24-edit-page .locked-card span{display:block;font-size:12px;color:var(--text3);margin-top:2px;}

/* Drawer behavior */
@media (max-width:1280px){.r24-edit-page{--info-w:252px;}.r24-edit-page .main-col{padding-right:12px;}}
@media (max-width:1024px){.r24-edit-page{--info-w:240px;}}
@media (max-width:860px){
  .r24-edit-page .info-toggle{display:inline-flex!important;}
  .r24-edit-page .r24-edit-content{display:block!important;overflow:visible!important;}
  .r24-edit-page .main-col{padding-right:0;overflow:visible;}
  .r24-edit-page .info-col{display:none;position:fixed;top:var(--header-h);right:0;bottom:0;z-index:180;width:min(var(--info-w),88vw);max-height:none;border-radius:0;border-top:0;border-right:0;border-bottom:0;box-shadow:var(--shadow-lg);}
  .r24-edit-page .info-col.open{display:flex;animation:slideR .28s var(--ease);}
  .r24-edit-page .info-close{display:flex!important;}
  .r24-edit-page .info-overlay{top:var(--header-h);left:var(--sidebar-w);}
}
@media (max-width:768px){
  body.r24-edit-mode .r24-main{padding:12px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));padding-bottom:calc(76px + var(--safe-bottom));}
  .r24-edit-page{gap:10px;max-width:none;padding-bottom:0;}
  .r24-edit-page .edit-head{position:sticky;top:0;z-index:30;min-height:52px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.94);}
  .r24-edit-page .edit-breadcrumb{font-size:10.5px;}
  .r24-edit-page .edit-head h1{font-size:14.5px!important;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .r24-edit-page .edit-head .info-toggle{display:none!important;}
  .r24-edit-page .desc-body{padding-left:0;}
  .r24-edit-page .original-badge{margin-left:0;}
  .r24-edit-page .r24-chat-thread>.it_com,.r24-edit-page .r24-chat-thread>.user_com{width:96%;max-width:96%;padding-top:11px;padding-bottom:12px;}
  .r24-edit-page .r24-chat-thread>.it_com{padding-left:52px;}
  .r24-edit-page .r24-chat-thread>.user_com{padding-right:52px;}
  .r24-edit-page .form-grid{grid-template-columns:1fr;}
  .r24-edit-page .field.full{grid-column:1;}
  .r24-edit-page .form-card-body{padding:14px;gap:14px;}
  .r24-edit-page .form-actions{flex-direction:column;gap:8px;}
  .r24-edit-page .form-actions .btn{width:100%;}
  .r24-edit-page .form-spacer,.r24-edit-page .save-hint{display:none;}
  .r24-edit-page .drop-zone{padding:14px;}
  .r24-edit-page .inline-fields{grid-template-columns:1fr 92px;}
  .r24-edit-page .info-col{top:var(--header-h);width:min(292px,90vw);padding-top:0;}
  .r24-edit-page .info-overlay{inset:0;left:0;top:var(--header-h);}
  .r24-edit-bottom-nav{position:fixed;left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));height:58px;display:grid!important;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;gap:2px;padding:0 4px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(14,17,23,.07);border-radius:18px;box-shadow:0 8px 32px rgba(14,17,23,.10);z-index:220;}
  .r24-edit-bottom-nav a,.r24-edit-bottom-nav button{height:54px!important;border:0!important;background:transparent!important;border-radius:14px!important;color:var(--text3)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px!important;font-weight:700!important;transition:var(--t);padding:4px 0!important;box-shadow:none!important;min-height:0!important;}
  .r24-edit-bottom-nav i{font-size:20px;}
  .r24-edit-bottom-nav .on{color:var(--red)!important;}
  .r24-edit-bottom-nav .r24-bottom-save{width:70px!important;height:64px!important;justify-self:center;align-self:end;transform:translateY(-8px);color:var(--text2)!important;font-size:9.5px!important;background:transparent!important;box-shadow:none!important;border-radius:14px!important;}
  .r24-bottom-save-icon{width:42px;height:42px;border-radius:13px;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-red);}
  .r24-bottom-save-icon i{font-size:20px;color:#fff;}
  .r24-edit-bottom-nav a:active,.r24-edit-bottom-nav button:active{transform:scale(.96);}
  .r24-edit-bottom-nav .r24-bottom-save:active{transform:translateY(-8px) scale(.96);}
}
@media (max-width:420px){.r24-edit-bottom-nav{left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));grid-template-columns:1fr 1fr 68px 1fr 1fr}.r24-edit-bottom-nav span{font-size:9px}.r24-bottom-save-icon{width:40px;height:40px}}
@keyframes slideR{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}


/* ══════════════════════════════════════════════════
   HF74 — poprawka importu UX: realne komentarze + CKEditor bez zdublowanego toolbara
   ══════════════════════════════════════════════════ */
.r24-edit-page .r24-chat-thread{display:flex;flex-direction:column;gap:10px;}
.r24-edit-page .r24-chat-thread>.it_com,
.r24-edit-page .r24-chat-thread>.user_com{display:none!important;}
.r24-edit-page .comment{display:flex;gap:10px;align-items:flex-start;max-width:100%;animation:fadeUp .3s var(--ease) both;}
.r24-edit-page .comment.own{flex-direction:row-reverse;}
.r24-edit-page .comment.sys{align-items:center;}
.r24-edit-page .com-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex:0 0 32px;margin-top:2px;border:1.5px solid transparent;line-height:1;}
.r24-edit-page .av-it{background:#EEF2FF;color:#4F46E5;border-color:#C7D2FE;}
.r24-edit-page .av-user{background:#D1FAE5;color:#059669;border-color:#6EE7B7;}
.r24-edit-page .av-sys{background:var(--bg);color:var(--text3);border-color:var(--border-md);}
.r24-edit-page .av-sys i{font-size:14px;}
.r24-edit-page .com-bubble{flex:0 1 min(760px,calc(100% - 42px));background:#fff;border:1px solid var(--border);border-radius:2px 14px 14px 14px;padding:11px 14px;box-shadow:var(--shadow-xs);max-width:calc(100% - 42px);overflow-wrap:anywhere;}
.r24-edit-page .comment.own .com-bubble{border-radius:14px 2px 14px 14px;background:#FAFBFF;border-color:rgba(99,102,241,.12);}
.r24-edit-page .comment.sys .com-bubble{background:var(--bg);border-style:dashed;border-radius:14px;max-width:min(100%,760px);flex-basis:auto;}
.r24-edit-page .com-meta{display:flex;align-items:center;gap:7px;margin-bottom:7px;flex-wrap:wrap;}
.r24-edit-page .com-name{font-size:12.5px;font-weight:800;color:var(--text);}
.r24-edit-page .com-role{font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:5px;line-height:1.2;}
.r24-edit-page .role-it{background:#EEF2FF;color:#4F46E5;}
.r24-edit-page .role-user{background:#D1FAE5;color:#059669;}
.r24-edit-page .com-time{font-size:11px;color:var(--text3);margin-left:auto;}
.r24-edit-page .com-body{font-size:13px;line-height:1.65;color:var(--text2);}
.r24-edit-page .com-body.sys{font-size:12px;color:var(--text3);font-style:italic;}
.r24-edit-page .status-change{display:inline-flex;align-items:center;gap:5px;background:var(--red-light);border:1px solid var(--red-mid);border-radius:6px;padding:4px 9px;margin-top:7px;font-size:11px;font-weight:900;color:var(--red);line-height:1.35;}
.r24-edit-page .status-change i{font-size:11px;}
.r24-edit-page .com-att{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap;}
.r24-edit-page .att-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:700;color:var(--text2)!important;cursor:pointer;transition:var(--t);text-decoration:none!important;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r24-edit-page .att-chip:hover{border-color:var(--border-md);color:var(--text)!important;background:#fff;}
.r24-edit-page .att-chip i{font-size:13px;color:var(--text3);}
.r24-edit-page .editor-wrap-cke{overflow:hidden;background:#fff;}
.r24-edit-page .editor-wrap-cke .editor-tb,
.r24-edit-page .editor-tb{display:none!important;}
.r24-edit-page .editor-wrap-cke .cke_top{border-bottom:1px solid var(--border)!important;background:var(--bg)!important;padding:5px 8px!important;}
.r24-edit-page .editor-wrap-cke .cke_toolgroup{border:0!important;background:transparent!important;box-shadow:none!important;margin:0 2px 0 0!important;}
.r24-edit-page .editor-wrap-cke .cke_button{border-radius:5px!important;transition:var(--t);}
.r24-edit-page .editor-wrap-cke .cke_button:hover{background:#fff!important;box-shadow:none!important;}
@media (max-width:768px){
  .r24-edit-page .comment,.r24-edit-page .comment.own{gap:8px;}
  .r24-edit-page .com-bubble{flex-basis:calc(100% - 40px);max-width:calc(100% - 40px);padding:11px 12px;}
  .r24-edit-page .com-meta{gap:4px;}
  .r24-edit-page .com-time{margin-left:0;width:100%;order:3;font-size:10px;}
}

/* ══════════════════════════════════════════════════
   HF75 — doprecyzowanie UX timeline, avatary zdjęciowe, równa siatka formularza
   ══════════════════════════════════════════════════ */
.r24-edit-page .timeline.r24-chat-thread{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  gap:10px!important;
  max-height:none!important;
  overflow:visible!important;
}
.r24-edit-page .timeline.r24-chat-thread .comment{
  width:100%;
  align-self:stretch;
}
.r24-edit-page .timeline.r24-chat-thread .comment:not(.own):not(.sys){
  justify-content:flex-start;
}
.r24-edit-page .timeline.r24-chat-thread .comment.own{
  justify-content:flex-start;
}
.r24-edit-page .timeline.r24-chat-thread .comment.sys{
  justify-content:center;
}
.r24-edit-page .timeline.r24-chat-thread .com-av{
  margin-left:0!important;
  margin-right:0!important;
}
.r24-edit-page .timeline.r24-chat-thread .com-bubble{
  flex:0 1 min(760px, calc(100% - 42px));
}
.r24-edit-page .timeline.r24-chat-thread .comment.sys .com-bubble{
  flex:0 1 min(760px, 100%);
}
.r24-edit-page .com-av.has-photo,
.r24-edit-page .desc-av.has-photo,
.r24-edit-page .info-av.has-photo{
  padding:0!important;
  overflow:hidden!important;
  background:#F1F5F9;
  background-image:none!important;
}
.r24-edit-page .com-av.has-photo img,
.r24-edit-page .desc-av.has-photo img,
.r24-edit-page .info-av.has-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:inherit!important;
  box-shadow:none!important;
}
.r24-edit-page .com-av.has-photo img + span,
.r24-edit-page .desc-av.has-photo img + span,
.r24-edit-page .info-av.has-photo img + span{
  display:none!important;
}
.r24-edit-page .com-av.has-photo span,
.r24-edit-page .desc-av.has-photo span,
.r24-edit-page .info-av.has-photo span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.r24-edit-page .form-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:start;
}
.r24-edit-page .form-grid>.field{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.r24-edit-page .form-grid>.field:not(.full){
  grid-column:auto!important;
}
.r24-edit-page .form-grid>.field.full,
.r24-edit-page .form-grid>.check-field,
.r24-edit-page .form-grid>.conditional-field{
  grid-column:1 / -1!important;
}
.r24-edit-page .form-grid .field-label,
.r24-edit-page .form-grid .time-wrap,
.r24-edit-page .form-grid #robothspan,
.r24-edit-page .form-grid .chosen-container,
.r24-edit-page .form-grid select,
.r24-edit-page .form-grid input[type=text],
.r24-edit-page .form-grid input[type=number],
.r24-edit-page .form-grid input[type=datetime-local],
.r24-edit-page .form-grid .finp,
.r24-edit-page .form-grid .fsel{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media (max-width:768px){
  .r24-edit-page .timeline.r24-chat-thread{
    padding:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .r24-edit-page .timeline.r24-chat-thread .comment,
  .r24-edit-page .timeline.r24-chat-thread .comment.own{
    width:100%;
  }
  .r24-edit-page .form-grid{
    grid-template-columns:1fr!important;
  }
}

/* HF75.1 — systemowe komunikaty też startują od lewej, zgodnie z wzorcem timeline */
.r24-edit-page .timeline.r24-chat-thread .comment.sys{
  justify-content:flex-start!important;
}
.r24-edit-page .timeline.r24-chat-thread .comment.sys .com-bubble{
  flex:1 1 auto!important;
  max-width:calc(100% - 42px)!important;
}

/* ══════════════════════════════════════════════════
   HF76 — edit: IP w metadanych, równe selecty, lekki ekran potwierdzenia
   ══════════════════════════════════════════════════ */
.r24-edit-page .desc-time{
  display:flex!important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:11px!important;
  color:var(--text3)!important;
  margin-top:2px!important;
}
.r24-edit-page .desc-time span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.r24-edit-page .desc-time i{font-size:12px;color:var(--text3);}
.r24-edit-page .desc-ip{
  padding:2px 7px;
  border-radius:6px;
  background:var(--bg);
  border:1px solid var(--border);
  color:var(--text2)!important;
  font-weight:700;
}
.r24-edit-page .ticket-desc .user_com,
.r24-edit-page .desc-body>.user_com{
  display:none!important;
}
.r24-edit-page .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  width:100%!important;
  align-items:start!important;
}
.r24-edit-page .form-grid>.field:not(.full):not(.check-field):not(.conditional-field){
  grid-column:span 1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.r24-edit-page .form-grid>.field.full,
.r24-edit-page .form-grid>.check-field,
.r24-edit-page .form-grid>.conditional-field{
  grid-column:1 / -1!important;
}
.r24-edit-page .form-grid select,
.r24-edit-page .form-grid .fsel,
.r24-edit-page .form-grid input.finp,
.r24-edit-page .form-grid input[type=text],
.r24-edit-page .form-grid input[type=number],
.r24-edit-page .form-grid input[type=datetime-local],
.r24-edit-page .form-grid .time-wrap,
.r24-edit-page .form-grid #robothspan,
.r24-edit-page .form-grid .chzn-container,
.r24-edit-page .form-grid .chosen-container{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.r24-edit-page .form-grid .chzn-container-single .chzn-single,
.r24-edit-page .form-grid .chosen-container-single .chosen-single{
  width:100%!important;
  box-sizing:border-box!important;
}
.r24-edit-page .form-grid .chzn-drop,
.r24-edit-page .form-grid .chosen-drop{
  width:100%!important;
  min-width:100%!important;
  box-sizing:border-box!important;
}
@media (max-width:768px){
  .r24-edit-page .form-grid{grid-template-columns:1fr!important;}
}

.r24-sub-page{
  min-height:calc(100dvh - var(--header-h) - 24px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:20px;
  padding-left:calc(20px + var(--safe-left));
  padding-right:calc(20px + var(--safe-right));
  padding-bottom:calc(20px + var(--safe-bottom));
}
.r24-sub-shell{
  width:min(920px,100%);
  display:flex;
  flex-direction:column;
  gap:14px;
}
.r24-sub-card,
.r24-sub-preview{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  animation:fadeUp .32s var(--ease) both;
}
.r24-sub-hero{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px 20px;
  background:linear-gradient(180deg,#fff 0%,#fbfbfc 100%);
  border-bottom:1px solid var(--border);
}
.r24-sub-icon{
  width:44px;
  height:44px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  background:var(--red-light);
  color:var(--red);
  border:1px solid var(--red-mid);
}
.r24-sub-icon i{font-size:22px;}
.r24-sub-kicker{
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
  color:var(--text3);
  margin-bottom:4px;
}
.r24-sub-title{
  margin:0;
  font-size:20px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:-.5px;
  color:var(--text);
}
.r24-sub-lead{
  margin-top:6px;
  font-size:13px;
  line-height:1.55;
  color:var(--text2);
}
.r24-sub-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:14px 20px 18px;
}
.r24-sub-cell{
  border:1px solid var(--border);
  background:var(--bg);
  border-radius:10px;
  padding:10px 11px;
  min-width:0;
}
.r24-sub-cell-lbl{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.55px;
  color:var(--text3);
  font-weight:900;
}
.r24-sub-cell-lbl i{font-size:12px;}
.r24-sub-cell-val{
  margin-top:4px;
  font-size:13px;
  font-weight:800;
  color:var(--text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.r24-sub-actions{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 20px;
  border-top:1px solid var(--border);
  background:var(--bg);
}
.r24-sub-actions .btn{height:38px;}
.r24-sub-actions .btn-outline{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important;}
.r24-sub-actions .btn-outline:hover{color:var(--text)!important;background:#fff!important;}
.r24-sub-preview-hd{
  display:flex;
  align-items:center;
  gap:8px;
  padding:13px 18px;
  border-bottom:1px solid var(--border);
  background:var(--bg);
  color:var(--text2);
  font-size:12.5px;
  font-weight:800;
}
.r24-sub-preview-hd i{font-size:16px;color:var(--text3);}
.r24-sub-preview-body{
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.r24-sub-preview-body>.it_com,
.r24-sub-preview-body>.user_com{
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
  box-shadow:var(--shadow-xs);
}
.r24-sub-preview-body>.user_com{background:#FAFBFF;border-color:rgba(99,102,241,.12);}
.r24-sub-preview-body .com_details{
  font-size:11px;
  color:var(--text3);
  margin-bottom:8px;
}
.r24-sub-preview-body .com_com{
  font-size:13px;
  line-height:1.65;
  color:var(--text2);
}
.r24-sub-preview-body .com_status,
.r24-sub-preview-body .com_cp,
.r24-sub-preview-body .com_newtype{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-radius:9px;
  background:var(--bg);
  border:1px dashed var(--border-md);
  color:var(--text2);
  font-size:12px;
  line-height:1.45;
}
.r24-sub-preview-body .com_newstatus{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  padding:5px 9px;
  border-radius:7px;
  background:var(--red-light);
  border:1px solid var(--red-mid);
  color:var(--red);
  font-size:11.5px;
  line-height:1.4;
  font-weight:900;
}
.r24-sub-preview-body .com_attach{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.r24-sub-preview-body .com_attach span{
  font-size:10px;
  font-weight:900;
  color:var(--text3);
  text-transform:uppercase;
  letter-spacing:.6px;
}
.r24-sub-preview-body .com_attach ul{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  list-style:none;
  margin:0!important;
  padding:0!important;
}
.r24-sub-preview-body .com_attach li{margin:0!important;padding:0!important;}
.r24-sub-preview-body .com_attach a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 9px;
  border-radius:6px;
  background:var(--bg);
  border:1px solid var(--border);
  color:var(--text2)!important;
  text-decoration:none!important;
  font-size:11.5px;
  font-weight:700;
}
.r24-sub-conflict .r24-sub-icon{background:#FEF3C7;border-color:#FCD34D;color:#D97706;}
@media (max-width:860px){
  .r24-sub-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
  .r24-sub-page{padding:12px;padding-bottom:calc(12px + var(--safe-bottom));}
  .r24-sub-hero{padding:16px;}
  .r24-sub-grid{grid-template-columns:1fr;padding:12px 16px 16px;}
  .r24-sub-actions{flex-direction:column;padding:12px 16px;}
  .r24-sub-actions .btn{width:100%;justify-content:center;}
  .r24-sub-preview-body{padding:14px;}
}
.r24-sub-mini-note{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border-radius:7px;
  background:var(--bg);
  border:1px solid var(--border);
  color:var(--text2);
  font-size:11.5px;
  font-weight:800;
}
.r24-sub-mini-note i{font-size:13px;color:var(--text3);}

/* ══════════════════════════════════════════════════
   HF77 — korekty timeline own, natywne selecty edit, tytuł w nagłówku
   ══════════════════════════════════════════════════ */
.r24-edit-page .timeline.r24-chat-thread .comment.own{
  width:100%!important;
  align-self:stretch!important;
  justify-content:flex-start!important;
  align-items:center!important;
}
.r24-edit-page .timeline.r24-chat-thread .comment.own .com-bubble{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 42px)!important;
}
.r24-edit-page .timeline.r24-chat-thread .comment.own .com-av,
.r24-edit-page .timeline.r24-chat-thread .comment.sys .com-av{
  align-self:center!important;
  margin-top:0!important;
}
.r24-edit-page .timeline.r24-chat-thread .comment.sys{
  align-items:center!important;
}
.r24-edit-page .form-grid select.r24-native-select,
.r24-edit-page .form-grid select.fsel.r24-native-select,
.r24-edit-page .form-grid select.fsel.r24-native-select.chzn-done{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:36px!important;
  box-sizing:border-box!important;
}
.r24-edit-page .form-grid select.r24-native-select + .chzn-container,
.r24-edit-page .form-grid select.r24-native-select + .chosen-container,
.r24-edit-page .form-grid .r24-native-select-chosen-ghost{
  display:none!important;
}
.r24-edit-page .form-grid .field{
  min-width:0!important;
}
.r24-edit-page .form-grid .field > select.r24-native-select,
.r24-edit-page .form-grid .field > .time-wrap,
.r24-edit-page .form-grid .field > #robothspan,
.r24-edit-page .form-grid .field > input.finp{
  width:100%!important;
}
.r24-edit-page .info-top .ticket-title-info{
  display:none!important;
}

/* HOTFIX78/HOTFIX79 — timeEntry spinner inside Roboczogodziny field */
.r24-edit-page .time-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.r24-edit-page .time-wrap #addrh{
  width:100%!important;
  padding-left:34px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.r24-edit-page .time-wrap #addrh + .timeEntry-control,
.r24-edit-page .time-wrap .timeEntry-control{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url('../images/spinnerDefault.png')!important;
  background-repeat:no-repeat!important;
  background-position:0 0;
  background-size:auto 20px!important;
  box-shadow:none!important;
  cursor:pointer!important;
  opacity:.70;
  z-index:3;
}
.r24-edit-page .time-wrap:hover .timeEntry-control,
.r24-edit-page .time-wrap #addrh:focus + .timeEntry-control{
  opacity:1;
}
.r24-edit-page .time-wrap #addrh:disabled + .timeEntry-control{
  opacity:.35;
  pointer-events:none;
}


/* ══════════════════════════════════════════════════
   HF80 — timeEntry pełne sterowanie + stabilny scroll widoku edycji
   ══════════════════════════════════════════════════ */
body.r24-edit-mode .r24-main{
  overflow:hidden!important;
  min-height:0!important;
}
body.r24-edit-mode #main,
body.r24-edit-mode .main{
  min-height:0!important;
}
.r24-edit-page{
  height:100%!important;
  min-height:0!important;
}
.r24-edit-page .edit-head{
  flex:0 0 auto!important;
}
.r24-edit-page .content.r24-edit-content{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
.r24-edit-page .main-col{
  min-height:0!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  padding-right:12px!important;
  overscroll-behavior:contain!important;
}
.r24-edit-page .main-col::-webkit-scrollbar{
  width:8px!important;
}
.r24-edit-page .main-col::-webkit-scrollbar-track{
  background:rgba(14,17,23,.035)!important;
  border-radius:10px!important;
}
.r24-edit-page .main-col::-webkit-scrollbar-thumb{
  background:rgba(14,17,23,.18)!important;
  border-radius:10px!important;
  border:2px solid rgba(255,255,255,.72)!important;
}
.r24-edit-page .main-col::-webkit-scrollbar-thumb:hover{
  background:rgba(14,17,23,.28)!important;
}
.r24-edit-page .main-col{
  scrollbar-width:thin;
  scrollbar-color:rgba(14,17,23,.22) rgba(14,17,23,.04);
}
.r24-edit-page .time-wrap .timeEntry-control{
  pointer-events:auto!important;
  touch-action:none!important;
}
.r24-edit-page .time-wrap .timeEntry-control[title]{
  cursor:pointer!important;
}
@media (max-width:860px){
  body.r24-edit-mode .r24-main{overflow-y:auto!important;}
  .r24-edit-page{height:auto!important;min-height:100%!important;}
  .r24-edit-page .content.r24-edit-content{overflow:visible!important;}
  .r24-edit-page .main-col{overflow:visible!important;padding-right:0!important;scrollbar-gutter:auto!important;}
}
@media (max-width:768px){
  .r24-edit-page .main-col{padding-bottom:calc(76px + var(--safe-bottom))!important;}
}


/* ══════════════════════════════════════════════════
   HF81 — własny picker roboczogodzin zamiast timeEntry sprite
   ══════════════════════════════════════════════════ */
.r24-edit-page .time-wrap.r24-time-wheel-wrap{
  position:relative!important;
  z-index:20;
}
.r24-edit-page .time-wrap.r24-time-wheel-wrap #addrh{
  padding-right:42px!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.02em;
}
.r24-edit-page .time-wrap.r24-time-wheel-wrap > .timeEntry-control{
  display:none!important;
}
.r24-edit-page .r24-time-wheel-toggle{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:26px!important;
  height:26px!important;
  border:1px solid var(--border)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:var(--text3)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  transition:var(--t)!important;
  z-index:4;
}
.r24-edit-page .r24-time-wheel-toggle:hover,
.r24-edit-page .time-open .r24-time-wheel-toggle{
  color:var(--red)!important;
  border-color:var(--red-mid)!important;
  background:var(--red-light)!important;
}
.r24-edit-page .r24-time-wheel-toggle i,
.r24-edit-page .r24-time-wheel i{
  position:static!important;
  transform:none!important;
  left:auto!important;
  top:auto!important;
  font-size:15px!important;
  color:currentColor!important;
  pointer-events:auto!important;
}
.r24-edit-page .r24-time-wheel{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  background:#fff;
  border:1px solid var(--border-md);
  border-radius:14px;
  box-shadow:0 18px 44px -12px rgba(14,17,23,.18);
  padding:12px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px) scale(.98);
  transform-origin:top center;
  transition:opacity .16s var(--ease), transform .16s var(--ease), visibility .16s;
  z-index:60;
}
.r24-edit-page .time-open .r24-time-wheel{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.r24-edit-page .r24-time-wheel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
  font-size:11.5px;
  font-weight:700;
  color:var(--text2);
}
.r24-edit-page .r24-time-wheel-close{
  width:22px;
  height:22px;
  border:0;
  border-radius:7px;
  background:var(--bg);
  color:var(--text3);
  cursor:pointer;
  font-size:16px;
  line-height:1;
  transition:var(--t);
}
.r24-edit-page .r24-time-wheel-close:hover{
  color:var(--red);
  background:var(--red-light);
}
.r24-edit-page .r24-time-wheel-cols{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
}
.r24-edit-page .r24-time-col{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:0;
}
.r24-edit-page .r24-time-step{
  width:100%;
  height:28px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--bg);
  color:var(--text3);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:var(--t);
}
.r24-edit-page .r24-time-step:hover{
  background:var(--red-light);
  border-color:var(--red-mid);
  color:var(--red);
}
.r24-edit-page .r24-time-value{
  width:100%;
  min-height:42px;
  border:1px solid var(--border-md);
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FAFBFC;
  color:var(--text);
  font-size:20px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  cursor:ns-resize;
  outline:none;
  user-select:none;
}
.r24-edit-page .r24-time-value:focus{
  border-color:var(--red-mid);
  box-shadow:0 0 0 3px var(--red-light);
  background:#fff;
}
.r24-edit-page .r24-time-col small{
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.55px;
  color:var(--text3);
}
.r24-edit-page .r24-time-sep{
  align-self:center;
  margin-top:-14px;
  color:var(--text3);
  font-size:18px;
  font-weight:800;
}
.r24-edit-page .r24-time-wheel-actions{
  display:flex;
  gap:6px;
  align-items:center;
  margin-top:11px;
}
.r24-edit-page .r24-time-mini,
.r24-edit-page .r24-time-apply{
  height:28px;
  border-radius:8px;
  border:1px solid var(--border);
  background:var(--bg);
  color:var(--text2);
  padding:0 8px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:var(--t);
}
.r24-edit-page .r24-time-mini:hover{
  background:#fff;
  color:var(--text);
  border-color:var(--border-md);
}
.r24-edit-page .r24-time-apply{
  margin-left:auto;
  border-color:var(--red-mid);
  background:var(--red);
  color:#fff;
}
.r24-edit-page .r24-time-apply:hover{
  background:var(--red-h);
}
@media (max-width:768px){
  .r24-edit-page .r24-time-wheel{
    position:fixed;
    left:14px;
    right:14px;
    top:auto;
    bottom:calc(86px + var(--safe-bottom));
    z-index:240;
  }
}


/* ══════════════════════════════════════════════════
   HF82 — uproszczenie pickera czasu: tylko OK zamyka panel
   ══════════════════════════════════════════════════ */
.r24-edit-page .r24-time-wheel-head{
  justify-content:center!important;
  text-align:center!important;
  margin-bottom:12px!important;
}
.r24-edit-page .r24-time-wheel-close{
  display:none!important;
}
.r24-edit-page .r24-time-apply{
  min-width:58px!important;
  padding:0 14px!important;
}
.r24-edit-page .r24-time-apply:active{
  transform:translateY(1px)!important;
}

/* ══════════════════════════════════════════════════
   HF83 — poprawny model scrollowania strony edycji
   Scrollerem jest r24-edit-page, nie main-col.
   ══════════════════════════════════════════════════ */
body.r24-edit-mode .r24-main{
  overflow:hidden!important;
  min-height:0!important;
  height:auto!important;
}
body.r24-edit-mode .r24-main::-webkit-scrollbar{
  display:none!important;
}
body.r24-edit-mode .r24-main > #main.main,
body.r24-edit-mode .r24-main > .main{
  min-height:0!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page{
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  scrollbar-width:thin;
  scrollbar-color:var(--border-md) transparent;
  padding-right:8px;
  scrollbar-gutter:stable;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar{
  width:8px;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-track{
  background:transparent;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb{
  background:rgba(14,17,23,.16);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:content-box;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb:hover{
  background:rgba(14,17,23,.26);
  border:2px solid transparent;
  background-clip:content-box;
}
body.r24-edit-mode #r24EditPage .content.r24-edit-content{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body.r24-edit-mode #r24EditPage .main-col{
  overflow:visible!important;
  max-height:none!important;
  min-height:0!important;
  padding-right:14px!important;
}
body.r24-edit-mode #r24EditPage .main-col::-webkit-scrollbar{
  display:none!important;
}
body.r24-edit-mode #r24EditPage .info-col{
  position:sticky;
  top:0;
  max-height:calc(100dvh - var(--header-h) - 40px)!important;
}
@media (max-width:860px){
  body.r24-edit-mode #r24EditPage.r24-edit-page{
    padding-right:4px;
  }
  body.r24-edit-mode #r24EditPage .content.r24-edit-content{
    display:block!important;
    overflow:visible!important;
  }
  body.r24-edit-mode #r24EditPage .main-col{
    padding-right:0!important;
  }
  body.r24-edit-mode #r24EditPage .info-col{
    position:fixed!important;
    max-height:none!important;
  }
}
@media (max-width:768px){
  body.r24-edit-mode .r24-main{
    padding-bottom:0!important;
  }
  body.r24-edit-mode #r24EditPage.r24-edit-page{
    height:100%!important;
    max-height:100%!important;
    padding-right:0!important;
    padding-bottom:calc(86px + var(--safe-bottom))!important;
  }
  body.r24-edit-mode #r24EditPage .edit-head{
    top:0!important;
  }
}
body.r24-edit-mode .r24-main > #main.main,
body.r24-edit-mode .r24-main > .main{
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}

/* ══════════════════════════════════════════════════
   HF84 — dopracowanie scrolla, metadanych oryginału i załączników
   ══════════════════════════════════════════════════ */
body.r24-edit-mode #r24EditPage.r24-edit-page{
  /* taki sam, dyskretny scrollbar jak w głównym panel.php */
  scrollbar-width:thin!important;
  scrollbar-color:var(--border-md) transparent!important;
  padding-right:4px!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar{
  width:4px!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-track{
  background:transparent!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb{
  background:var(--border-md)!important;
  border:0!important;
  border-radius:4px!important;
  background-clip:border-box!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb:hover{
  background:rgba(14,17,23,.20)!important;
  border:0!important;
}
.r24-edit-page .edit-breadcrumb .crumb-label{
  color:var(--text3);
  cursor:default;
  pointer-events:none;
}
.r24-edit-page .desc-head{
  align-items:center!important;
  flex-wrap:nowrap!important;
}
.r24-edit-page .desc-main{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.r24-edit-page .desc-meta-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.r24-edit-page .desc-meta-row .desc-time{
  margin-top:0!important;
  flex:0 1 auto;
  min-width:0;
}
.r24-edit-page .desc-meta-row .original-badge{
  margin-left:auto!important;
  flex:0 0 auto;
  align-self:center;
  line-height:1.25;
}
.r24-edit-page .desc-body .tytul,
.r24-edit-page .desc-body span.tytul{
  display:none!important;
}
.r24-edit-page .att-chip em,
.r24-sub-preview-body .com_attach a::after{
  margin-left:2px;
  padding-left:6px;
  border-left:1px solid var(--border-md);
  font-style:normal;
  font-size:10px;
  font-weight:800;
  color:var(--text3);
  text-transform:uppercase;
  letter-spacing:.25px;
}
.r24-edit-page .att-chip em{display:inline-flex;align-items:center;}
.r24-sub-preview-body .com_attach a::before{
  content:'\eb03';
  font-family:'tabler-icons';
  font-size:13px;
  color:var(--text3);
  font-weight:400;
}
.r24-sub-preview-body .com_attach a::after{
  content:'Pobierz';
}
@media (max-width:768px){
  body.r24-edit-mode #r24EditPage.r24-edit-page{
    padding-right:0!important;
  }
  .r24-edit-page .desc-head{
    align-items:flex-start!important;
  }
  .r24-edit-page .desc-meta-row{
    flex-wrap:wrap;
  }
  .r24-edit-page .desc-meta-row .original-badge{
    margin-left:0!important;
  }
}


/* ══════════════════════════════════════════════════
   HF85 — scrollbar 1:1 jak panel.php + załączniki jako link-chip
   ══════════════════════════════════════════════════ */
body.r24-edit-mode #r24EditPage.r24-edit-page{
  padding-right:0!important;
  scrollbar-gutter:auto!important;
  scrollbar-width:auto!important;
  scrollbar-color:auto!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar{
  width:4px!important;
  height:4px!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-track{
  background:transparent!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb{
  background:var(--border-md)!important;
  border-radius:4px!important;
  border:0!important;
  background-clip:border-box!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb:hover{
  background:var(--border-md)!important;
}
.r24-edit-page .att-chip em,
.r24-sub-preview-body .com_attach a::after{
  display:none!important;
  content:none!important;
}
.r24-edit-page .att-chip,
.r24-sub-preview-body .com_attach a{
  text-decoration:none!important;
}
.r24-edit-page .att-chip span,
.r24-sub-preview-body .com_attach a{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.r24-edit-page .r24-attach-only .com-bubble{
  background:#fff;
}

/* =========================================================
   HF86 — scrollbar dokładnie jak panel.php + upload bez duplikatów
   ========================================================= */
body.r24-edit-mode #r24EditPage.r24-edit-page{
  padding-right:0!important;
  scrollbar-gutter:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--border-md) transparent!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar{
  width:4px!important;
  height:4px!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-track{
  background:transparent!important;
  border:0!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb{
  background:var(--border-md)!important;
  border-radius:4px!important;
  border:0!important;
  box-shadow:none!important;
}
body.r24-edit-mode #r24EditPage.r24-edit-page::-webkit-scrollbar-thumb:hover{
  background:var(--border-md)!important;
}
.r24-edit-page .att-item .att-rm{
  cursor:pointer;
}
.r24-edit-page .com-att .att-chip,
.r24-sub-preview-body .com_attach a{
  cursor:pointer;
}

/* =========================================================
   HF87 — unified UX for secondary panel pages
   user / logs / cron_logs / charts / statistics / add_problem
   ========================================================= */
.r24-unified-page{
  width:100%;
  max-width:1360px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.r24-page-hero{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
  padding:20px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
  position:relative;
}
.r24-page-hero::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--red);
  border-radius:18px 0 0 18px;
}
.r24-page-hero h1{
  margin:2px 0 6px!important;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.7px;
  color:var(--text);
}
.r24-page-hero p{
  margin:0!important;
  max-width:720px;
  color:var(--text3)!important;
  font-size:13px;
  line-height:1.55;
}
.r24-kicker{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 9px;
  border-radius:999px;
  background:var(--red-light);
  color:var(--red);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.65px;
}
.r24-hero-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  background:var(--bg);
  border:1px solid var(--border);
  color:var(--red);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:24px;
}
.r24-page-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

/* legacy title cards aligned with the new page hero */
.r24-profile-page .form_large > .title,
.r24-add-problem-page .form_large > .title{
  display:none!important;
}
.r24-unified-page .form_large,
.r24-unified-page .statistics_user,
.r24-charts-page .chart_div,
.r24-logs-page #logi,
.r24-cron-page #cron_logi{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  width:100%!important;
  margin:0!important;
}
.r24-unified-page .form_large{
  padding:0!important;
}
.r24-unified-page .form_large form,
.r24-unified-page form#filterform{
  margin:0!important;
}
.r24-unified-page .form_large .form{
  list-style:none!important;
  margin:0!important;
  padding:18px!important;
  display:grid;
  gap:12px;
}
.r24-unified-page .form_large .form > li{
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  align-items:start;
  gap:14px;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:14px;
}
.r24-unified-page .form_left,
.r24-unified-page .form_right{
  display:block!important;
  width:auto!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}
.r24-unified-page .form_left{
  font-size:12px;
  font-weight:800;
  color:var(--text2);
  line-height:1.35;
  padding-top:9px!important;
}
.r24-unified-page .form_right{
  min-width:0;
}
.r24-unified-page input[type="text"],
.r24-unified-page input[type="password"],
.r24-unified-page input[type="email"],
.r24-unified-page input[type="tel"],
.r24-unified-page input[type="number"],
.r24-unified-page input[type="file"],
.r24-unified-page select,
.r24-unified-page textarea,
.r24-unified-page .chzn-container-single .chzn-single,
.r24-unified-page .chosen-container-single .chosen-single{
  width:100%!important;
  min-height:40px;
  border-radius:12px!important;
  background:#fff!important;
  border-color:var(--border-md)!important;
}
.r24-unified-page textarea{
  min-height:150px;
  resize:vertical;
  padding:12px!important;
}
.r24-unified-page .cke{
  border-radius:14px!important;
  overflow:hidden;
  border:1px solid var(--border-md)!important;
  box-shadow:none!important;
}
.r24-unified-page .edit_avatar{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid var(--border-md);
  box-shadow:var(--shadow-xs);
  display:inline-block!important;
  vertical-align:middle;
  margin:0 8px!important;
}
.r24-unified-page .logo_span .container,
.r24-unified-page .upload_form_cont{
  width:100%!important;
  max-width:none!important;
}
.r24-unified-page #dropArea{
  border:1px dashed var(--border-md)!important;
  border-radius:16px!important;
  background:#fff!important;
  min-height:86px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  color:var(--text3)!important;
  font-weight:700;
}
.r24-unified-page .li_messall{
  background:#fff!important;
}
.r24-unified-page .li_messall .form_right,
.r24-unified-page .form_buttons{
  grid-column:1 / -1;
}
.r24-unified-page .form_buttons_li{
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.r24-unified-page .form_buttons{
  display:flex!important;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.r24-unified-page .tip_trigger{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border-md);
  color:var(--text3)!important;
  font-size:11px!important;
  font-weight:800;
  margin-left:4px;
}

/* Unified filter bars */
body.r24-page-charts .r24-main > #filterform,
#statistics_users > #filterform,
#statistics > .filtry{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow-sm)!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0!important;
}
.r24-charts-page #filterform span,
#statistics_users #filterform > span,
#statistics .filter{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  color:var(--text2);
}
.r24-charts-page #filterform input,
.r24-charts-page #filterform select,
#statistics_users #filterform select,
#statistics .filter select{
  min-width:150px!important;
  max-width:260px;
  height:38px;
  background:var(--bg)!important;
}
.r24-charts-page #filterform a.divbutton,
#statistics_users #filterform a.divbutton,
#statistics #filtrujstat{
  margin-left:auto;
}
#statistics #filter_active{
  width:100%;
  justify-content:flex-start;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px 12px;
}
#statistics #filter_active .title{
  font-size:11px!important;
  color:var(--text3)!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin-right:4px;
}

/* Logs and CRON list tables */
.r24-logs-page #logi .tabela,
.r24-cron-page #cron_logi .tabela{
  padding:16px 18px;
  border-bottom:1px solid var(--border);
  background:#fff;
}
.r24-logs-page #logi .tabela .strong,
.r24-cron-page #cron_logi .tabela .strong{
  font-size:13px;
  font-weight:800;
  color:var(--text);
  text-transform:none;
  letter-spacing:-.1px;
}
.r24-logs-page .tabelatab,
.r24-cron-page .tabelatab{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.r24-logs-page .tabzad,
.r24-cron-page .tabzad{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  min-width:900px;
}
.r24-logs-page .tabzad > li,
.r24-cron-page .tabzad > li{
  display:grid!important;
  align-items:center;
  gap:0;
  border-bottom:1px solid var(--border);
  background:#fff;
}
.r24-logs-page .tabzad > li{grid-template-columns:76px minmax(260px,1.35fr) 160px 140px 150px 170px;transition:background .15s var(--ease);}
.r24-logs-page #logi .tabzad > li > span:first-child,
.r24-logs-page #logi .tabzad > li:first-child .sortspan:first-of-type{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.r24-cron-page .tabzad > li{grid-template-columns:76px 170px 150px minmax(360px,1fr);}
.r24-logs-page .tabzad > li:first-child,
.r24-cron-page .tabzad > li:first-child{
  background:var(--bg);
}
.r24-logs-page .tabzad > li:first-child form,
.r24-cron-page .tabzad > li:first-child form{
  display:contents!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.r24-logs-page .tabzad span,
.r24-cron-page .tabzad span{
  padding:11px 12px!important;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text2);
  font-size:12px;
  border-right:1px solid var(--border);
}
.r24-logs-page .tabzad .sortspan,
.r24-cron-page .tabzad .sortspan{
  color:var(--text3);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.55px;
}
.r24-logs-page #logi .tabzad > li:not(:first-child):hover{
  background:#F9F9FB!important;
}
.r24-cron-page .tabzad > li:hover{
  background:#fafafa;
}
.r24-logs-page .sort_reset,
.r24-cron-page .sort_reset{
  padding:12px 14px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  display:flex;
  justify-content:flex-end;
}
.paginate{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow-sm);
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  align-self:flex-start;
  color:var(--text2);
  font-size:12px;
  font-weight:700;
}
.paginate select{height:34px;min-width:86px!important;background:var(--bg)!important;}

/* Statistics and charts cards */
.r24-unified-page .statistics_firm,
.r24-unified-page .statistics_user{
  display:grid;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr);
  gap:0;
}
.r24-unified-page .firm_info,
.r24-unified-page .user_info{
  padding:18px!important;
  min-width:0;
}
.r24-unified-page .firm_logo_name,
.r24-unified-page .user_name,
.r24-unified-page .firm_name{
  font-weight:800!important;
  color:var(--text)!important;
  letter-spacing:-.25px;
}
.r24-unified-page .firm_logo{
  width:58px;
  height:58px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-bottom:12px;
}
.r24-unified-page .firm_logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.r24-unified-page .firm_info table,
.r24-unified-page .user_info table{
  margin-top:14px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.r24-unified-page .firm_info table td,
.r24-unified-page .user_info table td{
  background:transparent!important;
  padding:6px 0!important;
  border:0!important;
  font-size:12px;
}
.r24-unified-page .firm_info table td:first-child,
.r24-unified-page .user_info table td:first-child{
  color:var(--text3);
  font-weight:800;
  padding-right:12px!important;
}
.r24-unified-page .statistics_content{
  min-width:0;
  padding:18px!important;
  background:#fff;
  overflow:auto;
}
.r24-unified-page .firm_month{
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  margin:0 0 12px!important;
  background:#fff;
}
.r24-unified-page .firm_month_overview{
  background:var(--bg);
  padding:12px 14px;
  border-bottom:1px solid var(--border);
}
.r24-unified-page .month_name{
  font-weight:900;
  color:var(--text);
}
.r24-unified-page .statistics_firms_comms{
  border:0!important;
  box-shadow:none!important;
  margin:0!important;
}
.r24-unified-page .statistics_firms_comms th,
.r24-unified-page .statistics_firms_comms td{
  font-size:12px;
  vertical-align:middle;
}
.r24-charts-page .statistics_firm,
.r24-charts-page .chart_div{
  padding:18px;
}
.r24-charts-page canvas{
  max-width:100%!important;
  height:auto!important;
}
.r24-charts-page .chart_title{
  display:block;
  margin-bottom:12px;
  font-weight:900;
  color:var(--text);
}
.r24-charts-page #pie_label ul{
  list-style:none;
  padding:0;
  margin:12px 0 0;
  display:grid;
  gap:8px;
}
.r24-charts-page #pie_label li{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--text2);
}
.r24-charts-page .pie_label_color{
  width:12px;
  height:12px;
  border-radius:4px;
  flex:0 0 auto;
}
.nodata{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:110px;
  color:var(--text3);
  font-weight:800;
  background:var(--bg);
  border:1px dashed var(--border-md);
  border-radius:14px;
}

/* modern scrollbar for secondary pages — same discreet model as panel */
.r24-unified-page .tabelatab::-webkit-scrollbar,
.r24-unified-page .statistics_content::-webkit-scrollbar,
.r24-unified-page .scrolldiv::-webkit-scrollbar{
  width:4px;
  height:4px;
}
.r24-unified-page .tabelatab::-webkit-scrollbar-track,
.r24-unified-page .statistics_content::-webkit-scrollbar-track,
.r24-unified-page .scrolldiv::-webkit-scrollbar-track{
  background:transparent;
}
.r24-unified-page .tabelatab::-webkit-scrollbar-thumb,
.r24-unified-page .statistics_content::-webkit-scrollbar-thumb,
.r24-unified-page .scrolldiv::-webkit-scrollbar-thumb{
  background:var(--border-md);
  border-radius:4px;
}

@media (max-width:1024px){
  .r24-unified-page .statistics_firm,
  .r24-unified-page .statistics_user{
    grid-template-columns:1fr;
  }
  .r24-unified-page .firm_info,
  .r24-unified-page .user_info{
    border-right:0;
    border-bottom:1px solid var(--border);
  }
}
@media (max-width:768px){
  .r24-unified-page{gap:12px;}
  .r24-page-hero{
    padding:16px;
    border-radius:16px;
    align-items:flex-start;
  }
  .r24-page-hero h1{font-size:20px;white-space:normal!important;}
  .r24-page-hero p{font-size:12px;}
  .r24-hero-icon{width:42px;height:42px;border-radius:14px;font-size:22px;}
  .r24-unified-page .form_large .form{padding:12px!important;gap:10px;}
  .r24-unified-page .form_large .form > li{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px!important;
  }
  .r24-unified-page .form_left{padding-top:0!important;}
  body.r24-page-charts .r24-main > #filterform,
  #statistics_users > #filterform,
  #statistics > .filtry{
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding:10px 12px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.r24-page-charts .r24-main > #filterform::-webkit-scrollbar,
  #statistics_users > #filterform::-webkit-scrollbar,
  #statistics > .filtry::-webkit-scrollbar{display:none;}
  .r24-charts-page #filterform a.divbutton,
  #statistics_users #filterform a.divbutton,
  #statistics #filtrujstat{margin-left:0;flex:0 0 auto;}
  .r24-unified-page .statistics_content{padding:12px!important;}
  /* Przyciski powrotu zachowują kompaktowy wzorzec z CRON także na telefonie. */
  .r24-page-actions{justify-content:flex-end;}
  .r24-page-actions .divbutton{width:auto;}
}

/* HF87 polish — charts filter lives inside #charts wrapper */
.r24-charts-page > #filterform{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow-sm)!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0!important;
}
@media (max-width:768px){
  .r24-charts-page > #filterform{
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding:10px 12px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .r24-charts-page > #filterform::-webkit-scrollbar{display:none;}
}

/* HF87 form reset inside modern cards */
.r24-unified-page .form_large > form,
.r24-unified-page .form_large form.users_form,
.r24-unified-page .form_large form#add_new,
.r24-unified-page .form_large form#edit_user{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}

/* ══════════════════════════════════════════════════
   HF88 — secondary pages rebuilt on edit.php UX language
   Applies the same compact edit-head, cards, chips, fields and table rhythm.
   ══════════════════════════════════════════════════ */
.r24-secondary-edit-page.r24-unified-page{
  --info-w:272px;
  width:100%;
  max-width:1500px!important;
  margin:0 auto!important;
  padding-bottom:10px!important;
  gap:14px!important;
  min-width:0;
}
.r24-secondary-edit-page .r24-page-hero{display:none!important;}
.r24-secondary-edit-page .edit-head.r24-secondary-head{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:13px 16px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-xs)!important;
  backdrop-filter:blur(16px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(180%)!important;
}
.r24-secondary-edit-page .edit-head .edit-title{min-width:0;display:flex;flex-direction:column;gap:2px;}
.r24-secondary-edit-page .edit-head .edit-breadcrumb{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--text3);line-height:1.2;}
.r24-secondary-edit-page .edit-head .edit-breadcrumb .crumb-label{color:var(--text3)!important;font-weight:700!important;}
.r24-secondary-edit-page .edit-head .edit-breadcrumb span:last-child{color:var(--red)!important;font-weight:900!important;}
.r24-secondary-edit-page .edit-head .edit-breadcrumb i{font-size:12px;color:var(--border-md);}
.r24-secondary-edit-page .edit-head h1{font-size:17px!important;font-weight:800!important;letter-spacing:-.45px!important;color:var(--text)!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25!important;}
.r24-secondary-edit-page .r24-secondary-head-icon{
  margin-left:auto;
  width:34px;
  height:34px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:var(--bg);
  border:1px solid var(--border);
  color:var(--text3);
  font-size:17px;
}

/* edit.php card language for every secondary page */
.r24-secondary-edit-page > .form_large,
.r24-secondary-edit-page > #logi,
.r24-secondary-edit-page > #cron_logi,
.r24-secondary-edit-page > .statistics_user,
.r24-secondary-edit-page > .chart_div,
.r24-secondary-edit-page > #filterform,
.r24-secondary-edit-page > .filtry,
.r24-secondary-edit-page .statistics_user,
.r24-secondary-edit-page .chart_div{
  overflow:hidden!important;
  width:100%!important;
  margin:0!important;
}
.r24-secondary-edit-page > #filterform,
.r24-secondary-edit-page > .filtry,
.r24-secondary-edit-page #statistics_users > #filterform,
#statistics.r24-secondary-edit-page > .filtry,
body.r24-page-charts .r24-secondary-edit-page > #filterform{
  padding:13px 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:#fff!important;
}
.r24-secondary-edit-page > .filtry form,
.r24-secondary-edit-page > #filterform{
  margin:0!important;
}
.r24-secondary-edit-page .filter,
.r24-secondary-edit-page #filterform > span,
.r24-secondary-edit-page .filtry span{
  font-size:11.5px!important;
  font-weight:700!important;
  color:var(--text2)!important;
}
.r24-secondary-edit-page input[type="text"],
.r24-secondary-edit-page input[type="password"],
.r24-secondary-edit-page input[type="email"],
.r24-secondary-edit-page input[type="tel"],
.r24-secondary-edit-page input[type="number"],
.r24-secondary-edit-page input[type="file"],
.r24-secondary-edit-page select,
.r24-secondary-edit-page textarea,
.r24-secondary-edit-page .chzn-container-single .chzn-single,
.r24-secondary-edit-page .chosen-container-single .chosen-single{
  min-height:38px!important;
  border-radius:var(--radius-xs)!important;
  background:#fff!important;
  border:1px solid var(--border-md)!important;
  box-shadow:none!important;
  color:var(--text)!important;
  font-size:12.5px!important;
}
.r24-secondary-edit-page input:focus,
.r24-secondary-edit-page select:focus,
.r24-secondary-edit-page textarea:focus{
  border-color:var(--red-mid)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px var(--red-light)!important;
}

/* Form cards: user + add_problem in the same rhythm as edit form-card */
.r24-secondary-edit-page .form_large{
  padding:0!important;
}
.r24-profile-page .form_large > .title,
.r24-add-problem-page .form_large > .title,
.r24-secondary-edit-page .form_large > .title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:13px 18px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:-.1px!important;
  border-radius:0!important;
  margin:0!important;
}
.r24-secondary-edit-page .form_large > .title::before{
  content:'\ea98';
  font-family:'tabler-icons';
  font-size:16px;
  color:var(--text3);
  font-weight:400;
}
.r24-secondary-edit-page .form_large form{
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.r24-secondary-edit-page .form_large .form{
  list-style:none!important;
  margin:0!important;
  padding:18px!important;
  display:grid!important;
  gap:12px!important;
  background:#fff!important;
}
.r24-secondary-edit-page .form_large .form > li{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(170px,240px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  min-width:0!important;
}
.r24-secondary-edit-page .form_large .form > li.form_buttons_li,
.r24-secondary-edit-page .form_large .form > li.li_messall,
.r24-secondary-edit-page .form_large .form > li:has(.cketxt),
.r24-secondary-edit-page .form_large .form > li:has(#avatar_multiple),
.r24-secondary-edit-page .form_large .form > li:has(#avatar_drop){
  grid-template-columns:1fr!important;
}
.r24-secondary-edit-page .form_left,
.r24-secondary-edit-page .form_right{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  min-width:0!important;
}
.r24-secondary-edit-page .form_left{
  font-size:11.5px!important;
  font-weight:700!important;
  color:var(--text2)!important;
  line-height:1.35!important;
  padding-top:9px!important;
}
.r24-secondary-edit-page .form_right{
  min-width:0!important;
}
.r24-secondary-edit-page textarea{
  width:100%!important;
  min-height:132px!important;
  padding:13px 14px!important;
  font-size:13px!important;
  line-height:1.65!important;
  color:var(--text2)!important;
  background:#fff!important;
}
.r24-secondary-edit-page .cke{
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-sm)!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.r24-secondary-edit-page .cke_top{background:var(--bg)!important;border-color:var(--border)!important;}
.r24-secondary-edit-page .cke_bottom{display:none!important;}
.r24-secondary-edit-page .form_buttons{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding-top:2px!important;
}
.r24-secondary-edit-page .divbutton.secondary,
.r24-secondary-edit-page .divbutton.right.secondary,
.r24-secondary-edit-page .r24-page-actions .secondary{
  background:#fff!important;
  color:var(--text2)!important;
  border:1px solid var(--border-md)!important;
  box-shadow:none!important;
}
.r24-secondary-edit-page .divbutton.secondary:hover,
.r24-secondary-edit-page .divbutton.right.secondary:hover,
.r24-secondary-edit-page .r24-page-actions .secondary:hover{
  color:var(--text)!important;
  border-color:var(--border-md)!important;
  background:#fff!important;
  transform:translateY(-1px)!important;
}

/* Upload areas use the same soft dropzone feel as edit.php */
.r24-secondary-edit-page .logo_span,
.r24-secondary-edit-page #dropArea,
.r24-secondary-edit-page #avatar_multiple{
  border-radius:12px!important;
  border:1px dashed var(--border-md)!important;
  background:var(--bg)!important;
  color:var(--text3)!important;
}
.r24-secondary-edit-page #dropArea{
  min-height:86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:800!important;
}

/* Tables: same light card headers and compact rows as edit timeline/cards */
.r24-secondary-edit-page #logi .tabela,
.r24-secondary-edit-page #cron_logi .tabela,
.r24-secondary-edit-page .chart_title,
.r24-secondary-edit-page .firm_month_overview{
  padding:13px 18px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:-.1px!important;
}
.r24-secondary-edit-page #logi .tabelatab,
.r24-secondary-edit-page #cron_logi .tabelatab,
.r24-secondary-edit-page .statistics_content,
.r24-secondary-edit-page .scrolldiv{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.r24-secondary-edit-page .tabzad{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.r24-secondary-edit-page .tabzad > li{
  background:#fff!important;
  border-bottom:1px solid var(--border)!important;
}
.r24-secondary-edit-page .tabzad > li:first-child{
  background:var(--bg)!important;
}
.r24-secondary-edit-page .tabzad span,
.r24-secondary-edit-page table td,
.r24-secondary-edit-page table th{
  font-size:12px!important;
  color:var(--text2);
}
.r24-secondary-edit-page .tabzad .sortspan,
.r24-secondary-edit-page table th{
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.55px!important;
  color:var(--text3)!important;
}
.r24-secondary-edit-page .sort_reset{
  padding:12px 14px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  display:flex!important;
  justify-content:flex-end!important;
}
.r24-secondary-edit-page .paginate{
  border-radius:14px!important;
  box-shadow:var(--shadow-xs)!important;
  border:1px solid var(--border)!important;
  background:#fff!important;
}

/* Statistics/cards use edit info-section / kpi visual language */
.r24-secondary-edit-page .statistics_user{
  display:grid!important;
  grid-template-columns:minmax(250px,330px) minmax(0,1fr)!important;
  gap:0!important;
}
.r24-secondary-edit-page .firm_info,
.r24-secondary-edit-page .user_info{
  padding:16px!important;
  min-width:0!important;
}
.r24-secondary-edit-page .firm_logo,
.r24-secondary-edit-page .user_avatar,
.r24-secondary-edit-page .edit_avatar{
  border-radius:14px!important;
  border:1px solid var(--border)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.r24-secondary-edit-page .firm_name,
.r24-secondary-edit-page .user_name,
.r24-secondary-edit-page .firm_logo_name{
  font-size:14px!important;
  font-weight:800!important;
  color:var(--text)!important;
  letter-spacing:-.25px!important;
}
.r24-secondary-edit-page .statistics_content{
  padding:16px!important;
  background:#fff!important;
  min-width:0!important;
}
.r24-secondary-edit-page .firm_month{
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:var(--shadow-xs)!important;
  overflow:hidden!important;
  margin:0 0 12px!important;
}
.r24-secondary-edit-page .statistics_firms_comms,
.r24-secondary-edit-page table{
  border-collapse:separate!important;
  border-spacing:0!important;
  width:100%!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.r24-secondary-edit-page .statistics_firms_comms th,
.r24-secondary-edit-page .statistics_firms_comms td,
.r24-secondary-edit-page table th,
.r24-secondary-edit-page table td{
  padding:10px 12px!important;
  border-bottom:1px solid var(--border)!important;
  border-right:0!important;
}
.r24-secondary-edit-page .statistics_firms_comms tr:last-child td,
.r24-secondary-edit-page table tr:last-child td{border-bottom:0!important;}

/* Charts */
.r24-secondary-edit-page .chart_div{
  padding:0!important;
}
.r24-secondary-edit-page .chart_div canvas{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  padding:16px!important;
  box-sizing:border-box!important;
}
.r24-secondary-edit-page #pie_label{padding:0 16px 16px!important;}
.r24-secondary-edit-page #pie_label ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:8px!important;}
.r24-secondary-edit-page #pie_label li{font-size:12px!important;color:var(--text2)!important;display:flex!important;align-items:center!important;gap:8px!important;}
.r24-secondary-edit-page .nodata{
  min-height:120px!important;
  margin:16px!important;
  border-radius:14px!important;
  background:var(--bg)!important;
  border:1px dashed var(--border-md)!important;
  color:var(--text3)!important;
  font-weight:800!important;
}

/* Scrollbars exactly like edit.php/panel: discreet and calm */
.r24-secondary-edit-page::-webkit-scrollbar,
.r24-secondary-edit-page .tabelatab::-webkit-scrollbar,
.r24-secondary-edit-page .statistics_content::-webkit-scrollbar,
.r24-secondary-edit-page .scrolldiv::-webkit-scrollbar{
  width:4px!important;
  height:4px!important;
}
.r24-secondary-edit-page::-webkit-scrollbar-track,
.r24-secondary-edit-page .tabelatab::-webkit-scrollbar-track,
.r24-secondary-edit-page .statistics_content::-webkit-scrollbar-track,
.r24-secondary-edit-page .scrolldiv::-webkit-scrollbar-track{
  background:transparent!important;
}
.r24-secondary-edit-page::-webkit-scrollbar-thumb,
.r24-secondary-edit-page .tabelatab::-webkit-scrollbar-thumb,
.r24-secondary-edit-page .statistics_content::-webkit-scrollbar-thumb,
.r24-secondary-edit-page .scrolldiv::-webkit-scrollbar-thumb{
  background:var(--border-md)!important;
  border-radius:4px!important;
  border:0!important;
}
.r24-secondary-edit-page{scrollbar-width:thin;scrollbar-color:var(--border-md) transparent;}

@media (max-width:1024px){
  .r24-secondary-edit-page .statistics_firm,
  .r24-secondary-edit-page .statistics_user{grid-template-columns:1fr!important;}
  .r24-secondary-edit-page .firm_info,
  .r24-secondary-edit-page .user_info{border-right:0!important;border-bottom:1px solid var(--border)!important;}
}
@media (max-width:768px){
  .r24-secondary-edit-page.r24-unified-page{gap:10px!important;padding-bottom:calc(92px + var(--safe-bottom))!important;}
  .r24-secondary-edit-page .edit-head.r24-secondary-head{padding:12px!important;gap:10px!important;}
  .r24-secondary-edit-page .edit-head h1{font-size:16px!important;white-space:normal!important;}
  .r24-secondary-edit-page .r24-secondary-head-icon{display:none!important;}
  .r24-secondary-edit-page .form_large .form{padding:14px!important;}
  .r24-secondary-edit-page .form_large .form > li{grid-template-columns:1fr!important;gap:6px!important;}
  .r24-secondary-edit-page .form_left{padding-top:0!important;}
  .r24-secondary-edit-page > #filterform,
  .r24-secondary-edit-page > .filtry,
  .r24-secondary-edit-page #statistics_users > #filterform,
  #statistics.r24-secondary-edit-page > .filtry{overflow-x:auto!important;flex-wrap:nowrap!important;padding:12px!important;}
}

/* HF89 — lista zleceń: paginacja po 40 rekordów */
.r24-all-tickets .pbtn.disabled,
.r24-all-tickets .pbtn:disabled{
  opacity:.38;
  cursor:default;
  pointer-events:none;
}
.r24-all-tickets .pag-info{white-space:nowrap;}
@media (max-width:720px){
  .r24-all-tickets .pag{align-items:flex-start;gap:10px;}
  .r24-all-tickets .pag-btns{flex-wrap:wrap;justify-content:flex-start;}
}

/* HF90 — paginacja listy zleceń: aktywna strona na czerwono, bez cienia */
.r24-all-tickets .pag-btns .pbtn{
  box-shadow:none!important;
  text-shadow:none!important;
}
.r24-all-tickets .pag-btns .pbtn.on,
.r24-all-tickets .pag-btns .pbtn[aria-current="page"]{
  background:var(--red)!important;
  border-color:var(--red)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.r24-all-tickets .pag-btns .pbtn.on:hover,
.r24-all-tickets .pag-btns .pbtn[aria-current="page"]:hover{
  background:var(--red-hover)!important;
  border-color:var(--red-hover)!important;
  transform:none!important;
  box-shadow:none!important;
}
.r24-all-tickets .pag-btns .pbtn:not(.on):not(.disabled):not(:disabled):hover{
  box-shadow:none!important;
}

/* ══════════════════════════════════════════════════
   HF91 — add_problem w UX strony edit + paginacja bez cienia
   ══════════════════════════════════════════════════ */
.r24-all-tickets .pbtn,
.r24-all-tickets .pag-btns .pbtn,
.r24-all-tickets .pag-btns .pbtn *{
  font-weight:500!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
.r24-all-tickets .pag-btns .pbtn,
.r24-all-tickets .pag-btns .pbtn:hover,
.r24-all-tickets .pag-btns .pbtn:focus,
.r24-all-tickets .pag-btns .pbtn:focus-visible,
.r24-all-tickets .pag-btns .pbtn:active,
.r24-all-tickets .pag-btns .pbtn.on,
.r24-all-tickets .pag-btns .pbtn.on:hover,
.r24-all-tickets .pag-btns .pbtn[aria-current="page"],
.r24-all-tickets .pag-btns .pbtn[aria-current="page"]:hover{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  outline:none!important;
  transform:none!important;
}
.r24-all-tickets .pag-btns .pbtn::before,
.r24-all-tickets .pag-btns .pbtn::after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
}
.r24-all-tickets .pag-btns .pbtn.on,
.r24-all-tickets .pag-btns .pbtn[aria-current="page"]{
  background:var(--red)!important;
  border-color:var(--red)!important;
  color:#fff!important;
}

.r24-add-problem-page{
  --info-w:272px;
}
.r24-add-problem-page .main-col{
  gap:14px!important;
}
.r24-add-problem-page .form-card form#add_new{
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.r24-add-problem-page .r24-add-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.r24-add-problem-page .r24-add-grid .field.full{
  grid-column:1 / -1!important;
}
.r24-add-problem-page .field input.finp,
.r24-add-problem-page .field select.fsel,
.r24-add-problem-page .field #robothspan input{
  width:100%!important;
  max-width:none!important;
}
.r24-add-problem-page .field select.r24-native-select{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
}
.r24-add-problem-page .field .chzn-container,
.r24-add-problem-page .field .chosen-container{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.r24-add-problem-page #add_new select.r24-add-chosen.chzn-done{
  display:none!important;
}
.r24-add-problem-page .r24-add-description{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.r24-add-problem-page .editor-wrap-cke{
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-sm)!important;
  overflow:hidden!important;
  background:#fff!important;
  transition:border-color .15s,box-shadow .15s!important;
}
.r24-add-problem-page .editor-wrap-cke:focus-within{
  border-color:var(--red-mid)!important;
  box-shadow:0 0 0 3px var(--red-light)!important;
}
.r24-add-problem-page .editor-wrap-cke .cke{
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.r24-add-problem-page .editor-wrap-cke .cke_top{
  background:var(--bg)!important;
  border-bottom:1px solid var(--border)!important;
}
.r24-add-problem-page .editor-wrap-cke .cke_bottom{
  display:none!important;
}
.r24-add-problem-page #avatar_multiple.open{
  display:flex!important;
}
.r24-add-problem-page #avatar_multiple.close{
  display:none!important;
}
.r24-add-problem-page #avatar_multiple.logo_span{
  width:100%!important;
  margin:0!important;
}
.r24-add-problem-page #avatar_drop.open{
  display:block!important;
}
.r24-add-problem-page #avatar_drop.close{
  display:none!important;
}
.r24-add-problem-page .alt-upload{
  width:max-content!important;
  margin-top:8px!important;
}
.r24-add-problem-page .save-hint{
  white-space:nowrap;
}
.r24-add-problem-page .info-toggle{
  display:none!important;
}
.r24-add-problem-page .info-col{
  align-self:flex-start;
}
.r24-add-problem-page .status-chip.chip-new{
  background:var(--red-light);
  color:var(--red);
}
.r24-add-problem-page .r24-time-wheel{
  min-width:250px;
}
.r24-add-problem-page #addrh:disabled,
.r24-add-problem-page #roboth:disabled{
  opacity:.64;
  cursor:not-allowed;
}
@media (max-width:860px){
  .r24-add-problem-page .info-toggle{display:inline-flex!important;}
}
@media (max-width:768px){
  .r24-add-problem-page .r24-add-grid{grid-template-columns:1fr!important;}
  .r24-add-problem-page .form-actions{flex-direction:column!important;align-items:stretch!important;}
  .r24-add-problem-page .form-actions .btn{width:100%!important;}
  .r24-add-problem-page .save-hint{display:none!important;}
  .r24-add-problem-page .alt-upload{width:100%!important;}
  .r24-add-problem-page .time-wrap.r24-time-wheel-wrap{position:relative!important;z-index:260!important;}
  .r24-add-problem-page .r24-time-wheel{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;bottom:auto!important;left:0!important;width:auto!important;min-width:0!important;z-index:270!important;}
}

/* ══════════════════════════════════════════════════
   HOTFIX92 — add_problem bez prawej kolumny informacyjnej
   ══════════════════════════════════════════════════ */
.r24-add-problem-page .content.r24-edit-content{
  display:block!important;
  overflow:visible!important;
}
.r24-add-problem-page .main-col{
  width:100%!important;
  max-width:none!important;
  flex:1 1 auto!important;
  padding-right:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
}
.r24-add-problem-page .info-col,
.r24-add-problem-page .info-toggle,
.r24-add-problem-page .info-overlay,
.r24-add-problem-page .save-hint,
.r24-add-problem-page .form-spacer{
  display:none!important;
}
.r24-add-problem-page .form-actions{
  justify-content:flex-start!important;
}
@media (max-width:860px){
  .r24-add-problem-page .info-toggle{display:none!important;}
}

/* HF94 — godziny abonamentowe tylko dla zwykłego użytkownika klienta */
.hstat-sublbl{font-size:8px;font-weight:600;color:var(--text3);line-height:1;margin-top:1px;text-transform:lowercase;letter-spacing:.1px;white-space:nowrap}
.hstat-hours{min-width:118px}
.hstat-hours .hstat-lbl{white-space:nowrap}
@media (max-width:1240px){.hstat-hours{min-width:104px}.hstat-sublbl{display:none}}

/* =========================================================
   HF95 — statistics page: readable, non-overlapping layout
   ========================================================= */
body.r24-page-statistics .r24-main{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:var(--bg)!important;
}
#statistics.r24-statistics-page{
  width:100%!important;
  max-width:1360px!important;
  margin:0 auto!important;
  padding-bottom:32px!important;
  gap:14px!important;
  min-width:0!important;
}
#statistics.r24-statistics-page *{
  box-sizing:border-box!important;
}
#statistics.r24-statistics-page > .edit-head{
  flex:0 0 auto!important;
}

/* Filters: one calm card, no floating/overlap */
#statistics.r24-statistics-page > .filtry{
  width:100%!important;
  padding:14px!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page > .filtry > form{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(160px,1fr)) auto!important;
  align-items:end!important;
  gap:12px!important;
  margin:0!important;
}
#statistics.r24-statistics-page .filter{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  color:var(--text2)!important;
  font-size:11.5px!important;
  font-weight:800!important;
}
#statistics.r24-statistics-page .filter > span:first-child,
#statistics.r24-statistics-page #filter_active .title{
  color:var(--text3)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.55px!important;
}
#statistics.r24-statistics-page .filter select{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:38px!important;
  background:var(--bg)!important;
}
#statistics.r24-statistics-page #filter_active{
  grid-column:1 / -1!important;
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid var(--border)!important;
  background:var(--bg)!important;
}
#statistics.r24-statistics-page #filter_active span:not(.title){
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  white-space:nowrap!important;
}
#statistics.r24-statistics-page #filtrujstat{
  width:auto!important;
  min-width:96px!important;
  height:38px!important;
  margin:0!important;
  align-self:end!important;
  justify-self:end!important;
}

/* Firm card: company summary above, months below */
#statistics.r24-statistics-page .statistics_firm{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .statistics_firm + .statistics_firm{
  margin-top:0!important;
}
#statistics.r24-statistics-page .firm_info{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(240px,340px) minmax(0,1fr)!important;
  padding:0!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .firm_info.small_info{
  border-bottom:0!important;
}
#statistics.r24-statistics-page .firm_logo_name{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  width:100%!important;
  padding:16px!important;
  background:var(--bg)!important;
}
#statistics.r24-statistics-page .firm_logo{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .firm_logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:6px!important;
}
#statistics.r24-statistics-page .firm_name{
  min-width:0!important;
  color:var(--text)!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:850!important;
  letter-spacing:-.25px!important;
  overflow-wrap:anywhere!important;
}

/* Convert legacy info table into responsive metric chips */
#statistics.r24-statistics-page .firm_info > table{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .firm_info > table > tbody{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(120px,1fr))!important;
  width:100%!important;
}
#statistics.r24-statistics-page .firm_info > table tr{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:86px!important;
  padding:14px 16px!important;
  border-bottom:0!important;
  background:#fff!important;
}
#statistics.r24-statistics-page .firm_info > table tr:last-child{
  border-right:0!important;
}
#statistics.r24-statistics-page .firm_info > table td{
  display:block!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--text)!important;
  white-space:normal!important;
}
#statistics.r24-statistics-page .firm_info > table td:first-child{
  color:var(--text3)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.55px!important;
}
#statistics.r24-statistics-page .firm_info > table td:last-child{
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.25!important;
}

/* Month cards and tables */
#statistics.r24-statistics-page .statistics_content{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  background:#fff!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .statistics_content > .scrolldiv{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:16px!important;
  overflow:visible!important;
  background:#fff!important;
}
#statistics.r24-statistics-page .firm_month{
  width:100%!important;
  min-width:0!important;
  margin:0 0 14px!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .firm_month:last-child{
  margin-bottom:0!important;
}
#statistics.r24-statistics-page .firm_month_overview{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
#statistics.r24-statistics-page .month_name{
  position:sticky!important;
  left:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:12px 16px!important;
  background:var(--bg)!important;
  border-bottom:1px solid var(--border)!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:-.15px!important;
}
#statistics.r24-statistics-page .month_name::before{
  content:'\ea61';
  font-family:'tabler-icons';
  color:var(--text3);
  font-size:16px;
  font-weight:400;
  margin-right:8px;
}
#statistics.r24-statistics-page .statistics_firms_comms{
  width:100%!important;
  min-width:980px!important;
  table-layout:fixed!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
}
#statistics.r24-statistics-page .statistics_firms_comms th,
#statistics.r24-statistics-page .statistics_firms_comms td{
  padding:10px 12px!important;
  border-right:0!important;
  border-bottom:1px solid var(--border)!important;
  background:#fff!important;
  color:var(--text2)!important;
  font-size:12px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
  overflow-wrap:anywhere!important;
}
#statistics.r24-statistics-page .statistics_firms_comms th{
  background:#fff!important;
  color:var(--text3)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.55px!important;
  white-space:nowrap!important;
}
#statistics.r24-statistics-page .statistics_firms_comms td:nth-child(1),
#statistics.r24-statistics-page .statistics_firms_comms th:nth-child(1){width:74px!important;}
#statistics.r24-statistics-page .statistics_firms_comms td:nth-child(2),
#statistics.r24-statistics-page .statistics_firms_comms th:nth-child(2){width:34%!important;}
#statistics.r24-statistics-page .statistics_firms_comms td:nth-child(4),
#statistics.r24-statistics-page .statistics_firms_comms th:nth-child(4){width:150px!important;}
#statistics.r24-statistics-page .statistics_firms_comms td:nth-child(5),
#statistics.r24-statistics-page .statistics_firms_comms th:nth-child(5){width:140px!important;}
#statistics.r24-statistics-page .statistics_firms_comms td:nth-child(7),
#statistics.r24-statistics-page .statistics_firms_comms th:nth-child(7){width:92px!important;}
#statistics.r24-statistics-page .statistics_firms_comms tr:hover td{
  background:#fafafa!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tr:last-child td,
#statistics.r24-statistics-page .statistics_firms_comms tr:nth-last-child(2) td{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-weight:850!important;
}
#statistics.r24-statistics-page .statistics_firms_comms a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--border-md)!important;
  color:var(--text2)!important;
  font-size:11px!important;
  font-weight:850!important;
}
#statistics.r24-statistics-page .statistics_firms_comms a:hover{
  border-color:var(--red-mid)!important;
  color:var(--red)!important;
}
#statistics.r24-statistics-page .tr_projekt td{
  background:#fffaf2!important;
}
#statistics.r24-statistics-page .tr_weryf td{
  background:#f8fbff!important;
}
#statistics.r24-statistics-page hr{
  border:0!important;
  height:1px!important;
  background:var(--border)!important;
  margin:14px 0!important;
}

/* Discreet scrollbars, matching the panel language */
#statistics.r24-statistics-page .firm_month_overview::-webkit-scrollbar,
#statistics.r24-statistics-page .statistics_content::-webkit-scrollbar,
#statistics.r24-statistics-page .scrolldiv::-webkit-scrollbar{
  width:4px!important;
  height:4px!important;
}
#statistics.r24-statistics-page .firm_month_overview::-webkit-scrollbar-track,
#statistics.r24-statistics-page .statistics_content::-webkit-scrollbar-track,
#statistics.r24-statistics-page .scrolldiv::-webkit-scrollbar-track{
  background:transparent!important;
}
#statistics.r24-statistics-page .firm_month_overview::-webkit-scrollbar-thumb,
#statistics.r24-statistics-page .statistics_content::-webkit-scrollbar-thumb,
#statistics.r24-statistics-page .scrolldiv::-webkit-scrollbar-thumb{
  background:var(--border-md)!important;
  border-radius:4px!important;
}
#statistics.r24-statistics-page .firm_month_overview,
#statistics.r24-statistics-page .statistics_content,
#statistics.r24-statistics-page .scrolldiv{
  scrollbar-width:thin!important;
  scrollbar-color:var(--border-md) transparent!important;
}

@media (max-width:1180px){
  #statistics.r24-statistics-page .firm_info{
    grid-template-columns:1fr!important;
  }
  #statistics.r24-statistics-page .firm_logo_name{
    border-right:0!important;
    border-bottom:1px solid var(--border)!important;
  }
  #statistics.r24-statistics-page .firm_info > table > tbody{
    grid-template-columns:repeat(3,minmax(130px,1fr))!important;
  }
  #statistics.r24-statistics-page .firm_info > table tr:nth-child(3n){
    border-right:0!important;
  }
}
/* HF182 — shared glass radio controls for management filters */
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input{
  appearance:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option .tzCheckBox,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option .tzCheckBox{
  display:none!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option{
  display:inline-flex!important;
  width:auto!important;
  margin:0!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option label,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option label{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  margin:0!important;
  padding:4px 10px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-mark,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-mark{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  border:1.5px solid var(--border-md)!important;
  border-radius:50%!important;
  background:#fff!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-mark::after,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-mark::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:transparent;
  transition:background .18s ease;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label{
  border-color:rgba(239,57,44,.25)!important;
  background:rgba(239,57,44,.08)!important;
  box-shadow:0 3px 9px rgba(239,57,44,.10)!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label .r24-radio-mark,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label .r24-radio-mark{
  border-color:var(--red)!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label .r24-radio-mark::after,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label .r24-radio-mark::after{
  background:var(--red)!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option label > span:last-child,
#firms.r24-management-page .r24-management-toolbar #filter_active .r24-radio-option label > span:last-child{
  color:var(--text2)!important;
}

@media (max-width:760px){
  #statistics.r24-statistics-page{
    gap:10px!important;
    padding-bottom:calc(92px + var(--safe-bottom))!important;
  }
  #statistics.r24-statistics-page > .filtry > form{
    grid-template-columns:1fr!important;
  }
  #statistics.r24-statistics-page #filter_active{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  #statistics.r24-statistics-page #filter_active span:not(.title){
    width:100%!important;
  }
  #statistics.r24-statistics-page #filtrujstat{
    width:100%!important;
    justify-self:stretch!important;
  }
  #statistics.r24-statistics-page .firm_info > table > tbody{
    grid-template-columns:1fr!important;
  }
  #statistics.r24-statistics-page .firm_info > table tr{
    min-height:auto!important;
    border-right:0!important;
    border-bottom:1px solid var(--border)!important;
    padding:12px 14px!important;
  }
  #statistics.r24-statistics-page .firm_info > table tr:last-child{
    border-bottom:0!important;
  }
  #statistics.r24-statistics-page .statistics_content > .scrolldiv{
    padding:12px!important;
  }
  #statistics.r24-statistics-page .statistics_firms_comms{
    min-width:860px!important;
  }
}


/* =========================================================
   HF96 — statistics page: hard reset of legacy floats/overflow
   Fix: company card and monthly rows must never overlap.
   ========================================================= */
#statistics.r24-statistics-page .statistics_firm{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  isolation:isolate!important;
  contain:layout!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .statistics_firm::before,
#statistics.r24-statistics-page .statistics_firm::after{
  content:""!important;
  display:table!important;
  clear:both!important;
}
#statistics.r24-statistics-page .statistics_firm > .firm_info,
#statistics.r24-statistics-page .statistics_firm > .statistics_content{
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:auto!important;
}

/* Company header: logo/name first, metrics below. No side-by-side legacy block. */
#statistics.r24-statistics-page .firm_info{
  display:block!important;
  padding:0!important;
  margin:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  cursor:default!important;
}
#statistics.r24-statistics-page .firm_info.small_info{
  border-bottom:0!important;
}
#statistics.r24-statistics-page .firm_logo_name{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px!important;
  background:var(--bg)!important;
  border-right:0!important;
  border-bottom:1px solid var(--border)!important;
  clear:both!important;
  float:none!important;
}
#statistics.r24-statistics-page .firm_info.small_info .firm_logo_name{
  border-bottom:0!important;
}
#statistics.r24-statistics-page .firm_info > table{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  clear:both!important;
  float:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .firm_info > table > tbody{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  clear:both!important;
  float:none!important;
}
#statistics.r24-statistics-page .firm_info > table tr{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  min-height:78px!important;
  margin:0!important;
  padding:13px 15px!important;
  clear:none!important;
  float:none!important;
  border-bottom:1px solid var(--border)!important;
  background:#fff!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .firm_info > table td{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  float:none!important;
  border:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Monthly content: one independent layer below company header. */
#statistics.r24-statistics-page .statistics_content{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  z-index:1!important;
  background:#fff!important;
  overflow:hidden!important;
}
#statistics.r24-statistics-page .statistics_content > .scrolldiv{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:16px!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  overflow:visible!important;
  background:#fff!important;
}
#statistics.r24-statistics-page .firm_month{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  z-index:1!important;
  margin:0 0 14px!important;
  overflow:hidden!important;
  contain:layout!important;
}
#statistics.r24-statistics-page .firm_month_overview{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  z-index:1!important;
  background:#fff!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
#statistics.r24-statistics-page .month_name{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  clear:both!important;
  float:none!important;
}
#statistics.r24-statistics-page .statistics_firms_comms{
  display:table!important;
  width:100%!important;
  min-width:980px!important;
  max-width:none!important;
  table-layout:fixed!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tbody{
  display:table-row-group!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tr{
  display:table-row!important;
  float:none!important;
  clear:none!important;
  position:relative!important;
}
#statistics.r24-statistics-page .statistics_firms_comms th,
#statistics.r24-statistics-page .statistics_firms_comms td{
  display:table-cell!important;
  float:none!important;
  clear:none!important;
  position:relative!important;
  min-width:0!important;
  white-space:normal!important;
}

@media (max-width:760px){
  #statistics.r24-statistics-page .firm_logo_name{
    align-items:flex-start!important;
  }
  #statistics.r24-statistics-page .firm_info > table > tbody{
    grid-template-columns:1fr!important;
  }
  #statistics.r24-statistics-page .firm_info > table tr{
    min-height:auto!important;
    border-right:0!important;
  }
  #statistics.r24-statistics-page .statistics_content > .scrolldiv{
    padding:12px!important;
  }
  #statistics.r24-statistics-page .statistics_firms_comms{
    min-width:880px!important;
  }
}

/* =========================================================
   HF97 — statistics page: natural card flow, no forced clipping
   Fixes overlapping company entries by undoing aggressive HF96 sizing.
   ========================================================= */
body.r24-page-statistics .r24-main{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#statistics.r24-statistics-page .statistics_firm{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  width:auto!important;
  max-width:none!important;
  min-width:initial!important;
  height:auto!important;
  min-height:initial!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  isolation:auto!important;
  contain:none!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .statistics_firm::before,
#statistics.r24-statistics-page .statistics_firm::after{
  content:none!important;
  display:none!important;
}
#statistics.r24-statistics-page .statistics_firm > .firm_info,
#statistics.r24-statistics-page .statistics_firm > .statistics_content,
#statistics.r24-statistics-page .firm_info,
#statistics.r24-statistics-page .statistics_content,
#statistics.r24-statistics-page .statistics_content > .scrolldiv,
#statistics.r24-statistics-page .firm_month,
#statistics.r24-statistics-page .firm_month_overview{
  max-width:none!important;
  min-width:initial!important;
  height:auto!important;
  min-height:initial!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  contain:none!important;
}
#statistics.r24-statistics-page .firm_info{
  display:block!important;
  width:auto!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .firm_info > table,
#statistics.r24-statistics-page .firm_info > table > tbody,
#statistics.r24-statistics-page .firm_info > table tr,
#statistics.r24-statistics-page .firm_info > table td{
  max-width:none!important;
  min-width:initial!important;
  height:auto!important;
  min-height:initial!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .statistics_content{
  display:block!important;
  width:auto!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .statistics_content > .scrolldiv{
  display:block!important;
  width:auto!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .firm_month{
  display:block!important;
  width:auto!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .firm_month_overview{
  display:block!important;
  width:auto!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}
#statistics.r24-statistics-page .statistics_firms_comms{
  display:table!important;
  width:100%!important;
  min-width:980px!important;
  max-width:none!important;
  overflow:visible!important;
}
@media (max-width:760px){
  #statistics.r24-statistics-page .statistics_firm,
  #statistics.r24-statistics-page .firm_info,
  #statistics.r24-statistics-page .statistics_content,
  #statistics.r24-statistics-page .statistics_content > .scrolldiv,
  #statistics.r24-statistics-page .firm_month,
  #statistics.r24-statistics-page .firm_month_overview{
    width:auto!important;
    max-width:none!important;
    min-width:initial!important;
    overflow:visible!important;
    contain:none!important;
  }
  #statistics.r24-statistics-page .firm_month_overview{
    overflow-x:auto!important;
    overflow-y:visible!important;
  }
  #statistics.r24-statistics-page .statistics_firms_comms{
    min-width:880px!important;
  }
}

/* =========================================================
   HF98 — statistics page polish: company header, filter baseline,
   full-width summary rows and clean card edges
   ========================================================= */
#statistics.r24-statistics-page #filter_active{
  align-items:center!important;
  gap:12px!important;
}
#statistics.r24-statistics-page #filter_active .title,
#statistics.r24-statistics-page #filter_active span:not(.title),
#statistics.r24-statistics-page #filter_active label{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  margin:0!important;
}
#statistics.r24-statistics-page #filter_active input[type="radio"]{
  margin:0 5px 0 0!important;
  vertical-align:middle!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tr.r24-stats-summary td{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-weight:850!important;
  border-bottom:1px solid var(--border)!important;
  white-space:nowrap!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tr.r24-stats-summary td:first-child{
  text-align:left!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tr.r24-stats-summary td:last-child{
  text-align:right!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tr.r24-stats-billing td{
  background:#fff!important;
}
#statistics.r24-statistics-page .statistics_firms_comms tr.r24-stats-billing td:first-child{
  color:var(--red)!important;
}

@media (max-width:760px){
  #statistics.r24-statistics-page #filter_active{
    align-items:flex-start!important;
  }
  #statistics.r24-statistics-page #filter_active .title{
    width:100%!important;
  }
  #statistics.r24-statistics-page .statistics_firms_comms tr.r24-stats-summary td{
    white-space:normal!important;
  }
}

/* =========================================================
   HF99 — statistics polish + modern login/postlogin
   ========================================================= */
/* Global neutral form reset requested for panel content forms. */
.r24-main form:not(#searchform):not(#startproblemform):not(.sort_reset):not(#sort):not(#filterform_main){
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}

/* Statistics filters should use the same grey field background as the main panel filters. */
.r24-secondary-edit-page input[type="text"],
.r24-secondary-edit-page input[type="password"],
.r24-secondary-edit-page input[type="email"],
.r24-secondary-edit-page input[type="tel"],
.r24-secondary-edit-page input[type="number"],
.r24-secondary-edit-page input[type="file"],
.r24-secondary-edit-page select,
.r24-secondary-edit-page textarea,
.r24-secondary-edit-page .chzn-container-single .chzn-single,
.r24-secondary-edit-page .chosen-container-single .chosen-single{
  background-color:var(--bg)!important;
}
#statistics.r24-statistics-page .firm_month_overview{
  border-radius:12px!important;
}
#statistics.r24-statistics-page .filtry form#filterform{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
#statistics.r24-statistics-page .filter,
#statistics.r24-statistics-page #filter_active,
#statistics.r24-statistics-page .filter span,
#statistics.r24-statistics-page .filter label{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  vertical-align:middle!important;
}
#statistics.r24-statistics-page .filter{
  min-height:36px!important;
  gap:8px!important;
}
#statistics.r24-statistics-page .filter input[type="checkbox"],
#statistics.r24-statistics-page .filter input[type="radio"]{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin:0 6px 0 0!important;
  vertical-align:middle!important;
  position:relative!important;
  top:0!important;
  transform:none!important;
}
#statistics.r24-statistics-page .filter label{
  margin:0!important;
  padding:0!important;
  min-height:16px!important;
}
#statistics.r24-statistics-page #filter_active{
  flex-wrap:wrap!important;
  row-gap:8px!important;
  min-height:36px!important;
}
#statistics.r24-statistics-page #filter_active .title{
  font-weight:800!important;
  color:var(--text)!important;
  margin-right:2px!important;
}
#statistics.r24-statistics-page #filtrujstat{
  margin-left:auto!important;
  min-height:36px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  background:var(--text)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-weight:800!important;
}
#statistics.r24-statistics-page #filtrujstat i{
  font-size:15px!important;
  line-height:1!important;
}
#statistics.r24-statistics-page #filtrujstat:hover{
  background:#000!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:var(--shadow-sm)!important;
}
#statistics.r24-statistics-page .statistics_firms_comms a.r24-stats-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-height:26px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--border-md)!important;
  color:var(--text2)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-transform:none!important;
  box-shadow:none!important;
}
#statistics.r24-statistics-page .statistics_firms_comms a.r24-stats-link .r24-status-dot{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:var(--red)!important;
  display:inline-block!important;
  flex:0 0 6px!important;
}
#statistics.r24-statistics-page .statistics_firms_comms a.r24-stats-link:hover{
  border-color:var(--red-mid)!important;
  color:var(--red)!important;
  background:var(--red-light)!important;
}

/* Modern unauthenticated login screen. */
.r24-login-shell{
  min-height:100vh;
  min-height:100dvh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(18px,4vw,44px);
}
.r24-login-card{
  width:min(100%,460px);
  background:rgba(255,255,255,.94);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow-lg);
  padding:28px;
  overflow:hidden;
  animation:fadeUp .35s var(--ease) both;
}
.r24-login-brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.r24-login-logo{
  width:44px;
  height:44px;
  border-radius:14px;
  background:var(--red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(232,57,42,.22);
  flex:0 0 44px;
}
.r24-login-logo i{font-size:24px;line-height:1;}
.r24-login-kicker{
  font-size:10.5px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.9px;
  color:var(--red);
  margin-bottom:3px;
}
.r24-login-card h1{
  margin:0;
  color:var(--text);
  font-size:clamp(22px,3vw,28px);
  line-height:1.12;
  letter-spacing:-.7px;
  font-weight:900;
}
.r24-login-lead{
  margin:0 0 22px;
  color:var(--text2);
  font-size:13px;
  line-height:1.6;
}
.r24-login-form{
  display:flex!important;
  flex-direction:column;
  gap:14px;
  width:100%;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
.r24-login-field{display:flex;flex-direction:column;gap:6px;}
.r24-login-field label{
  margin:0;
  color:var(--text);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.55px;
}
.r24-login-input{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:9px;
  background:var(--bg);
  border:1px solid var(--border-md);
  border-radius:14px;
  padding:0 12px;
  transition:var(--t);
}
.r24-login-input:focus-within{
  background:#fff;
  border-color:var(--red-mid);
  box-shadow:0 0 0 4px var(--red-light);
}
.r24-login-input > i{
  color:var(--text3);
  font-size:18px;
  flex:0 0 auto;
}
.r24-login-input input{
  width:100%!important;
  height:44px!important;
  line-height:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:600!important;
  outline:0!important;
}
.r24-login-input input::placeholder{color:var(--text3);font-weight:500;}
.r24-show-pass{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid var(--border)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--text2)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  cursor:pointer;
  flex:0 0 34px;
}
.r24-show-pass:hover{background:var(--red-light)!important;color:var(--red)!important;border-color:var(--red-mid)!important;transform:none!important;}
.r24-show-pass i{font-size:17px;line-height:1;}
.r24-login-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
}
.r24-login-submit,
.r24-login-recovery{
  height:40px!important;
  border-radius:12px!important;
  font-weight:900!important;
  gap:7px!important;
}
.r24-login-submit{
  flex:1 1 160px;
  background:var(--red)!important;
  color:#fff!important;
}
.r24-login-submit:hover{background:var(--red-hover)!important;box-shadow:none!important;}
.r24-login-recovery{
  flex:0 0 auto;
  background:#fff!important;
  color:var(--text2)!important;
  border:1px solid var(--border-md)!important;
}
.r24-login-recovery:hover{background:var(--bg)!important;color:var(--text)!important;box-shadow:none!important;}
.r24-postlogin-card{text-align:center;}
.r24-postlogin-card .r24-login-logo{margin:0 auto 14px;}
.r24-postlogin-success .r24-login-logo{background:#16A34A;box-shadow:0 8px 24px rgba(22,163,74,.18);}
.r24-postlogin-error .r24-login-logo{background:var(--red);}
.r24-postlogin-actions{justify-content:center;margin-top:18px;}
.msbox_login{
  width:min(100%,460px)!important;
  margin:12vh auto!important;
  padding:22px!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-lg)!important;
  color:var(--text)!important;
  text-align:center!important;
}
@media(max-width:760px){
  .r24-login-shell{align-items:flex-start;padding:20px 14px;}
  .r24-login-card{padding:22px;border-radius:20px;}
  .r24-login-actions{flex-direction:column;align-items:stretch;}
  .r24-login-submit,.r24-login-recovery{width:100%!important;flex:1 1 auto;}
  #statistics.r24-statistics-page #filtrujstat{margin-left:0!important;width:100%!important;}
}

/* =========================================================
   HF100 — statistics filters back to compact two-line layout
   Firma / Rok / Miesiąc / Pokaż bieżące in one row,
   Pokaż firmy + Filtruj in the next row.
   ========================================================= */
#statistics.r24-statistics-page .filtry form#filterform{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px 12px!important;
  width:100%!important;
}
#statistics.r24-statistics-page .filter,
#statistics.r24-statistics-page .filter span,
#statistics.r24-statistics-page .filter label{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:1!important;
  vertical-align:middle!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
#statistics.r24-statistics-page .filter{
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
#statistics.r24-statistics-page .r24-filter-firm{
  flex:1 1 360px!important;
  min-width:300px!important;
}
#statistics.r24-statistics-page .r24-filter-year,
#statistics.r24-statistics-page .r24-filter-month{
  flex:0 0 auto!important;
}
#statistics.r24-statistics-page .r24-filter-current{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding:0 2px!important;
}
#statistics.r24-statistics-page .filter > span:first-child,
#statistics.r24-statistics-page #filter_active .title{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  line-height:1!important;
  color:var(--text3)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.55px!important;
}
#statistics.r24-statistics-page .filter select,
#statistics.r24-statistics-page .filter .chzn-container-single .chzn-single,
#statistics.r24-statistics-page .filter .chosen-container-single .chosen-single{
  height:38px!important;
  min-height:38px!important;
  line-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  vertical-align:middle!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  background-color:var(--bg)!important;
}
#statistics.r24-statistics-page .filter select{
  width:auto!important;
  min-width:132px!important;
  max-width:100%!important;
  padding-left:12px!important;
  padding-right:34px!important;
}
#statistics.r24-statistics-page .r24-filter-firm select{
  width:100%!important;
  min-width:220px!important;
}
#statistics.r24-statistics-page .r24-filter-year select,
#statistics.r24-statistics-page .r24-filter-month select{
  min-width:138px!important;
}
#statistics.r24-statistics-page .filter input[type="checkbox"],
#statistics.r24-statistics-page .filter input[type="radio"]{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0 6px 0 0!important;
  padding:0!important;
  line-height:16px!important;
  vertical-align:middle!important;
  position:relative!important;
  top:auto!important;
  transform:none!important;
}
#statistics.r24-statistics-page .r24-filter-current label,
#statistics.r24-statistics-page #filter_active label{
  line-height:16px!important;
  min-height:16px!important;
  height:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}
#statistics.r24-statistics-page #filter_active{
  flex:1 1 calc(100% - 128px)!important;
  width:auto!important;
  min-width:520px!important;
  max-width:none!important;
  height:auto!important;
  min-height:38px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px 12px!important;
  padding:8px 12px!important;
  margin:0!important;
  border-radius:12px!important;
  border:1px solid var(--border)!important;
  background:var(--bg)!important;
}
#statistics.r24-statistics-page #filter_active span:not(.title){
  width:auto!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
}
#statistics.r24-statistics-page #filtrujstat{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:108px!important;
  height:38px!important;
  min-height:38px!important;
  margin-left:auto!important;
  align-self:center!important;
  justify-self:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 15px!important;
}
@media (max-width:980px){
  #statistics.r24-statistics-page .r24-filter-firm,
  #statistics.r24-statistics-page #filter_active{
    flex:1 1 100%!important;
    min-width:0!important;
  }
  #statistics.r24-statistics-page #filtrujstat{
    margin-left:0!important;
  }
}
@media (max-width:760px){
  #statistics.r24-statistics-page .filter,
  #statistics.r24-statistics-page .r24-filter-year,
  #statistics.r24-statistics-page .r24-filter-month,
  #statistics.r24-statistics-page .r24-filter-current,
  #statistics.r24-statistics-page #filtrujstat{
    flex:1 1 100%!important;
    width:100%!important;
  }
  #statistics.r24-statistics-page .filter select,
  #statistics.r24-statistics-page .r24-filter-firm select,
  #statistics.r24-statistics-page .r24-filter-year select,
  #statistics.r24-statistics-page .r24-filter-month select{
    width:100%!important;
  }
  #statistics.r24-statistics-page #filter_active{
    min-width:0!important;
  }
}

/* =========================================================
   HF101 — recovery login-style UI + statistics old selects
   ========================================================= */
body.r24-page-recovery{
  background:var(--bg)!important;
}
.r24-recovery-shell{
  background:transparent!important;
}
.r24-recovery-card{
  width:min(100%,460px);
}
.r24-recovery-form .r24-login-actions{
  margin-top:8px;
}
.r24-recovery-actions .r24-login-submit,
.r24-recovery-actions .r24-login-recovery{
  min-height:40px!important;
}
.r24-recovery-alert{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:16px;
  border:1px solid var(--border);
  background:var(--bg);
  color:var(--text);
}
.r24-recovery-alert-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:var(--red);
  border:1px solid var(--border-md);
  flex:0 0 36px;
}
.r24-recovery-success .r24-recovery-alert-icon{color:#16A34A;}
.r24-recovery-error .r24-recovery-alert-icon{color:var(--red);}
.r24-recovery-alert-icon i{font-size:19px;line-height:1;}
.r24-recovery-alert-text{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.r24-recovery-alert-text strong{
  font-size:14px;
  font-weight:900;
  color:var(--text);
  letter-spacing:-.2px;
}
.r24-recovery-alert-text span{
  font-size:13px;
  line-height:1.55;
  color:var(--text2);
}

/* Statistics: HF100 made native selects visible together with legacy Chosen.
   Keep the old Chosen controls, hide native selects after Chosen initialization. */
#statistics.r24-statistics-page .filter select.chzn-done,
#statistics.r24-statistics-page .filter select.chosen-done{
  display:none!important;
}
#statistics.r24-statistics-page .filter .chzn-container,
#statistics.r24-statistics-page .filter .chosen-container{
  display:inline-block!important;
  vertical-align:middle!important;
  margin:0!important;
  max-width:none!important;
}
#statistics.r24-statistics-page .filter .chzn-container-single .chzn-single,
#statistics.r24-statistics-page .filter .chosen-container-single .chosen-single{
  height:38px!important;
  min-height:38px!important;
  line-height:36px!important;
  display:block!important;
  background-color:var(--bg)!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-xs)!important;
  box-shadow:none!important;
  color:var(--text)!important;
  padding:0 34px 0 12px!important;
}
#statistics.r24-statistics-page .filter .chzn-container-single .chzn-single span,
#statistics.r24-statistics-page .filter .chosen-container-single .chosen-single span{
  line-height:36px!important;
  display:block!important;
  margin:0!important;
  color:var(--text)!important;
  font-weight:600!important;
}
#statistics.r24-statistics-page .r24-filter-firm .chzn-container,
#statistics.r24-statistics-page .r24-filter-firm .chosen-container{
  width:100%!important;
  min-width:220px!important;
  flex:1 1 auto!important;
}
#statistics.r24-statistics-page .r24-filter-year .chzn-container,
#statistics.r24-statistics-page .r24-filter-month .chzn-container,
#statistics.r24-statistics-page .r24-filter-year .chosen-container,
#statistics.r24-statistics-page .r24-filter-month .chosen-container{
  width:138px!important;
  min-width:138px!important;
}
@media(max-width:760px){
  #statistics.r24-statistics-page .r24-filter-firm .chzn-container,
  #statistics.r24-statistics-page .r24-filter-year .chzn-container,
  #statistics.r24-statistics-page .r24-filter-month .chzn-container,
  #statistics.r24-statistics-page .r24-filter-firm .chosen-container,
  #statistics.r24-statistics-page .r24-filter-year .chosen-container,
  #statistics.r24-statistics-page .r24-filter-month .chosen-container{
    width:100%!important;
    min-width:0!important;
  }
}

/* =========================================================
   HF102 — remove unauth gradient + statistics filter labels
   ========================================================= */
body.r24-page-recovery,
body.r24-page-login{
  background:var(--bg)!important;
}
#statistics.r24-statistics-page.r24-secondary-edit-page .filter,
#statistics.r24-statistics-page.r24-secondary-edit-page #filterform > span,
#statistics.r24-statistics-page.r24-secondary-edit-page .filtry span{
  color:#fff!important;
}
#statistics.r24-statistics-page .filter > span:first-child,
#statistics.r24-statistics-page #filter_active .title{
  text-transform:none!important;
  letter-spacing:0!important;
}

/* =========================================================
   HF103 — login icon continuity + statistics firm metrics as divs
   ========================================================= */
.r24-login-logo .ti-shield-check::before{
  content:"\eb22"!important;
}
#statistics.r24-statistics-page .firm_logo_name{
  background:var(--bg)!important;
}
#statistics.r24-statistics-page .firm_metrics{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  clear:both!important;
  float:none!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .firm_metric{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  min-height:78px!important;
  margin:0!important;
  padding:13px 15px!important;
  border-bottom:1px solid var(--border)!important;
  background:#fff!important;
  color:var(--text)!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .firm_metric_label{
  display:block!important;
  color:var(--text3)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.55px!important;
  overflow-wrap:anywhere!important;
}
#statistics.r24-statistics-page .firm_metric_value{
  display:block!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
#statistics.r24-statistics-page .firm_info.small_info .firm_metrics{
  display:none!important;
}
@media (max-width:760px){
  #statistics.r24-statistics-page .firm_metrics{
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  }
  #statistics.r24-statistics-page .firm_metric{
    min-height:70px!important;
    padding:12px!important;
  }
}

/* =========================================================
   HF104 — statistics firm logo card polish
   ========================================================= */
#statistics.r24-statistics-page .firm_logo{
  background:var(--white)!important;
}
#statistics.r24-statistics-page .firm_logo_name{
  border-right:0!important;
}

/* =========================================================
   HF105 — statistics monthly entries as DIV grid
   ========================================================= */
#statistics.r24-statistics-page .statistics_firms_comms.r24-stats-div-table{
  --r24-stats-grid:74px minmax(260px,2fr) minmax(140px,1fr) 160px 140px minmax(155px,1fr) 92px;
  display:block!important;
  width:100%!important;
  min-width:1120px!important;
  max-width:none!important;
  table-layout:auto!important;
  border:0!important;
  border-collapse:initial!important;
  border-spacing:0!important;
  background:#fff!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-row{
  display:grid!important;
  grid-template-columns:var(--r24-stats-grid)!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  position:relative!important;
  float:none!important;
  clear:both!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-row:not(.r24-stats-head):hover .r24-stats-cell{
  background:#fafafa!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-cell{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border-right:0!important;
  border-bottom:1px solid var(--border)!important;
  background:#fff!important;
  color:var(--text2)!important;
  font-size:12px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-head .r24-stats-cell{
  min-height:38px!important;
  background:#fff!important;
  color:var(--text3)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.55px!important;
  white-space:nowrap!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-summary{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  background:var(--bg)!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-summary .r24-stats-cell{
  min-height:42px!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-summary .r24-stats-cell:last-child{
  justify-content:flex-end!important;
  text-align:right!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-billing .r24-stats-cell{
  background:#fff!important;
}
#statistics.r24-statistics-page .r24-stats-div-table .r24-stats-billing .r24-stats-cell:first-child{
  color:var(--red)!important;
}
#statistics.r24-statistics-page .r24-stats-div-table a.r24-stats-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--border-md)!important;
  color:var(--text2)!important;
  font-size:11px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
#statistics.r24-statistics-page .r24-stats-div-table a.r24-stats-link:hover{
  border-color:var(--red-mid)!important;
  color:var(--red)!important;
}
#statistics.r24-statistics-page .r24-stats-div-table a.r24-stats-link .r24-status-dot{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:var(--red)!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  #statistics.r24-statistics-page .statistics_firms_comms.r24-stats-div-table{
    min-width:980px!important;
  }
  #statistics.r24-statistics-page .r24-stats-div-table .r24-stats-summary .r24-stats-cell{
    white-space:normal!important;
  }
}

/* =========================================================
   HF106 — login labels + statistics header/select cleanup
   ========================================================= */
.r24-login-field label{
  font-weight:600!important;
  color:var(--text2)!important;
}
#statistics.r24-statistics-page #filtrujstat{
  border-radius:var(--radius-xs)!important;
}
#statistics.r24-statistics-page .edit-head .edit-breadcrumb{
  gap:0!important;
}
#statistics.r24-statistics-page .edit-head .edit-breadcrumb .crumb-label{
  color:var(--text3)!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#statistics.r24-statistics-page .edit-head .edit-breadcrumb i,
#statistics.r24-statistics-page .edit-head .edit-breadcrumb span:not(.crumb-label){
  display:none!important;
}
#statistics.r24-statistics-page .edit-head h1{
  font-size:17px!important;
  line-height:1.25!important;
}
#statistics.r24-statistics-page .filter select.chzn-done,
#statistics.r24-statistics-page .filter select.chosen-done,
#statistics.r24-statistics-page .filter select[style*="display: none"],
#statistics.r24-statistics-page .filter select[style*="display:none"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  position:absolute!important;
  left:-9999px!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  pointer-events:none!important;
}
#statistics.r24-statistics-page .filter .chzn-container,
#statistics.r24-statistics-page .filter .chosen-container{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
}
#statistics.r24-statistics-page .filter select.chzn-done + .chzn-container,
#statistics.r24-statistics-page .filter select.chosen-done + .chosen-container{
  display:inline-block!important;
}

/* =========================================================
   HF107 — statistics metrics tabs + content background
   ========================================================= */
#statistics.r24-statistics-page .firm_metrics{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:3px!important;
  width:100%!important;
  margin:0!important;
  padding:6px!important;
  overflow:visible!important;
}
#statistics.r24-statistics-page .firm_metric{
  min-width:0!important;
  min-height:62px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:calc(var(--radius) - 6px)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--text)!important;
  cursor:default!important;
  transition:var(--t)!important;
}
#statistics.r24-statistics-page .firm_metric:hover,
#statistics.r24-statistics-page .firm_metric.active,
#statistics.r24-statistics-page .firm_metric.is-active,
#statistics.r24-statistics-page .firm_metric.on{
  background:var(--white)!important;
  box-shadow:var(--shadow-sm)!important;
}
#statistics.r24-statistics-page .firm_metric:hover .firm_metric_label,
#statistics.r24-statistics-page .firm_metric.active .firm_metric_label,
#statistics.r24-statistics-page .firm_metric.is-active .firm_metric_label,
#statistics.r24-statistics-page .firm_metric.on .firm_metric_label{
  color:var(--text2)!important;
}
#statistics.r24-statistics-page .firm_metric:hover .firm_metric_value,
#statistics.r24-statistics-page .firm_metric.active .firm_metric_value,
#statistics.r24-statistics-page .firm_metric.is-active .firm_metric_value,
#statistics.r24-statistics-page .firm_metric.on .firm_metric_value{
  color:var(--red)!important;
}
#statistics.r24-statistics-page .statistics_content{
  background:var(--bg)!important;
  border-top:1px solid var(--border)!important;
}
#statistics.r24-statistics-page .statistics_content > .scrolldiv{
  background:transparent!important;
}
@media (max-width:760px){
  #statistics.r24-statistics-page .firm_metrics{
    grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;
    padding:5px!important;
  }
  #statistics.r24-statistics-page .firm_metric{
    min-height:58px!important;
    padding:9px 10px!important;
  }
}
/* =========================================================
   HF108 — statistics firm card cleanup
   Remove legacy card chrome from statistics_firm and keep logo clean.
   ========================================================= */
#statistics.r24-statistics-page .statistics_firm{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#statistics.r24-statistics-page .firm_logo_name{
  border-right:0!important;
}
#statistics.r24-statistics-page .firm_logo{
  background:var(--white)!important;
}

/* HF109 — reliable password preview on login/recovery */
.r24-login-password{
  position:relative!important;
}
.r24-login-password input[type="password"],
.r24-login-password input[type="text"]{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
}
.r24-login-password .r24-show-pass{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.r24-login-password .r24-show-pass.is-visible{
  background:var(--red-light)!important;
  color:var(--red)!important;
  border-color:var(--red-mid)!important;
}
.r24-login-password .r24-show-pass:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 4px var(--red-light)!important;
}

/* =========================================================
   HF110 — statistics info/metrics chrome cleanup
   ========================================================= */
#statistics.r24-statistics-page .firm_info,
#statistics.r24-statistics-page .firm_info.small_info,
.r24-secondary-edit-page .firm_info,
.r24-secondary-edit-page .user_info,
.r24-unified-page .firm_info,
.r24-unified-page .user_info{
  background:transparent!important;
  border:0!important;
  border-right:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
#statistics.r24-statistics-page .firm_metrics{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}


/* ══════════════════════════════════════════════════
   HF111 — CRON logs: fixed 30-row page and real 4-column grid
   ══════════════════════════════════════════════════ */
.r24-cron-page{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.r24-cron-page > #cron_logi{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.r24-cron-page #cron_logi .tabelatab{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.r24-cron-page #cron_logi .tabzad{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.r24-cron-page #cron_logi .tabzad > li,
.r24-cron-page #cron_logi .tabzad > li:first-child{
  grid-template-columns:76px 190px 170px minmax(320px,1fr)!important;
  width:auto!important;
  min-width:820px!important;
}
.r24-cron-page #cron_logi .tabzad > li:first-child form{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:76px 190px 170px minmax(320px,1fr)!important;
  width:100%!important;
}
.r24-cron-page #cron_logi .tabzad > li > span:nth-child(1),
.r24-cron-page #cron_logi .tabzad > li:first-child .sortspan:first-of-type,
.r24-cron-page #cron_logi .r24-cron-id{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.r24-cron-page #cron_logi .tabzad > li > span:last-child{
  border-right:0!important;
}

/* HF112 — CRON ticket links and column alignment */
.r24-cron-page #cron_logi .tabzad > li > span:nth-child(3),
.r24-cron-page #cron_logi .tabzad > li:first-child .sortspan:nth-of-type(3),
.r24-cron-page #cron_logi .r24-cron-count{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.r24-cron-page #cron_logi .r24-cron-tickets{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
}
.r24-cron-page #cron_logi .r24-cron-ticket-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--red)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  padding:3px 5px!important;
  border-radius:6px!important;
  transition:color .16s var(--ease),background .16s var(--ease)!important;
}
.r24-cron-page #cron_logi .r24-cron-ticket-link:hover,
.r24-cron-page #cron_logi .r24-cron-ticket-link:focus-visible{
  color:var(--red-dark, #b5001b)!important;
  background:var(--red-light)!important;
  outline:none!important;
}

/* HF116 — charts company logo rendered once as an image */
#charts.r24-charts-page .statistics_firm .r24-chart-firm-name{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  background-image:none!important;
}
#charts.r24-charts-page .statistics_firm .r24-chart-firm-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 72px!important;
  width:72px!important;
  height:72px!important;
  padding:7px!important;
  overflow:hidden!important;
  background:var(--white)!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
}
#charts.r24-charts-page .statistics_firm .r24-chart-firm-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
#charts.r24-charts-page .statistics_firm .r24-chart-firm-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  min-width:0!important;
}
#charts.r24-charts-page .statistics_firm .r24-chart-firm-title{
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
#charts.r24-charts-page .statistics_firm .r24-chart-firm-id{
  color:var(--text3)!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.2!important;
}
@media (max-width:799px){
  #charts.r24-charts-page .statistics_firm .r24-chart-firm-logo{
    flex-basis:64px!important;
    width:64px!important;
    height:64px!important;
  }
}

/* =========================================================
   HF118 — statistics users: natural full-height content
   ========================================================= */
#statistics_users.r24-statistics-users-page{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#statistics_users.r24-statistics-users-page .statistics_user{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-items:start!important;
}
#statistics_users.r24-statistics-users-page .statistics_content{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#statistics_users.r24-statistics-users-page .firm_month_overview{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
#statistics_users.r24-statistics-users-page .statistics_firms_comms{
  min-width:880px!important;
}
@media (max-width:799px){
  #statistics_users.r24-statistics-users-page .statistics_content{
    padding:12px!important;
  }
  #statistics_users.r24-statistics-users-page .statistics_firms_comms{
    min-width:820px!important;
  }
}

/* =========================================================
   HF119 — statistics users: consistent table columns
   ========================================================= */
#statistics_users.r24-statistics-users-page .month_name{
  display:block!important;
  margin:0 0 10px!important;
  font-weight:400!important;
  line-height:1.35!important;
}
#statistics_users.r24-statistics-users-page .statistics_firms_comms{
  width:100%!important;
  min-width:880px!important;
  table-layout:fixed!important;
}
#statistics_users.r24-statistics-users-page .statistics_firms_comms col.r24-stat-user-col-id{width:7%!important;}
#statistics_users.r24-statistics-users-page .statistics_firms_comms col.r24-stat-user-col-title{width:31%!important;}
#statistics_users.r24-statistics-users-page .statistics_firms_comms col.r24-stat-user-col-company{width:14%!important;}
#statistics_users.r24-statistics-users-page .statistics_firms_comms col.r24-stat-user-col-type{width:13%!important;}
#statistics_users.r24-statistics-users-page .statistics_firms_comms col.r24-stat-user-col-date{width:17%!important;}
#statistics_users.r24-statistics-users-page .statistics_firms_comms col.r24-stat-user-col-time{width:10%!important;}
#statistics_users.r24-statistics-users-page .statistics_firms_comms col.r24-stat-user-col-link{width:8%!important;}
#statistics_users.r24-statistics-users-page .statistics_firms_comms th,
#statistics_users.r24-statistics-users-page .statistics_firms_comms td{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto;
}
#statistics_users.r24-statistics-users-page .statistics_firms_comms th:nth-child(1),
#statistics_users.r24-statistics-users-page .statistics_firms_comms td:nth-child(1),
#statistics_users.r24-statistics-users-page .statistics_firms_comms th:nth-child(6),
#statistics_users.r24-statistics-users-page .statistics_firms_comms td:nth-child(6),
#statistics_users.r24-statistics-users-page .statistics_firms_comms th:nth-child(7),
#statistics_users.r24-statistics-users-page .statistics_firms_comms td:nth-child(7){
  text-align:center!important;
}
@media (max-width:799px){
  #statistics_users.r24-statistics-users-page .statistics_firms_comms{
    min-width:820px!important;
  }
}


/* =========================================================
   HF121 — settings page aligned with add_problem
   ========================================================= */
body.r24-page-settings .r24-main{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  background:var(--bg)!important;
}
#settings.r24-settings-page{
  width:100%!important;
  max-width:1360px!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:28px!important;
}
#settings.r24-settings-page .edit-head{
  flex:0 0 auto!important;
}
#settings.r24-settings-page .r24-settings-content{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#settings.r24-settings-page .r24-settings-main{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  gap:14px!important;
}
#settings.r24-settings-page .r24-settings-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#settings.r24-settings-page .r24-settings-card .form-card-hd{
  border-radius:14px 14px 0 0!important;
}
#settings.r24-settings-page form#r24SettingsForm{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:none!important;
}
#settings.r24-settings-page .r24-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:16px 18px!important;
  padding:18px!important;
  overflow:visible!important;
}
#settings.r24-settings-page .r24-settings-field{
  grid-column:auto!important;
  min-width:0!important;
  list-style:none!important;
}
#settings.r24-settings-page .r24-settings-field.full{
  grid-column:auto!important;
}
#settings.r24-settings-page .field-label{
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
  color:var(--text2)!important;
}
#settings.r24-settings-page input.finp{
  width:100%!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-xs)!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:36px!important;
  box-shadow:none!important;
  outline:0!important;
}
#settings.r24-settings-page input.finp:focus{
  border-color:var(--red-mid)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px var(--red-light)!important;
}
#settings.r24-settings-page .r24-settings-toggle-field{
  min-height:0!important;
}
#settings.r24-settings-page .r24-settings-check{
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:11px 12px!important;
  background:var(--bg)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-xs)!important;
  box-shadow:none!important;
}
#settings.r24-settings-page .r24-settings-check:hover{
  background:#fff!important;
  border-color:var(--border-md)!important;
}
#settings.r24-settings-page .r24-settings-check input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  accent-color:var(--red)!important;
  box-shadow:none!important;
}
#settings.r24-settings-page .r24-settings-check-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
}
#settings.r24-settings-page .check-row-text{
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.4!important;
  color:var(--text)!important;
}
#settings.r24-settings-page .check-row-sub{
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.4!important;
  color:var(--text3)!important;
}
#settings.r24-settings-page .r24-settings-actions{
  justify-content:flex-start!important;
  border-radius:0 0 14px 14px!important;
}
#settings.r24-settings-page .r24-settings-message{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
#settings.r24-settings-page .r24-settings-message i{
  color:var(--red)!important;
  font-size:17px!important;
}
@media (max-width:860px){
  #settings.r24-settings-page .r24-settings-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:768px){
  #settings.r24-settings-page{
    padding-bottom:calc(78px + var(--safe-bottom))!important;
  }
  #settings.r24-settings-page .r24-settings-grid{
    padding:14px!important;
    gap:14px!important;
  }
  #settings.r24-settings-page .r24-settings-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #settings.r24-settings-page .r24-settings-actions .btn{
    width:100%!important;
  }
}
#settings.r24-settings-page .sec-hd,
#settings.r24-settings-page .form-card-hd-title{
  font-weight:600!important;
}

/* =========================================================
   HF122 — settings file-size limits displayed in MB
   ========================================================= */
#settings.r24-settings-page .r24-settings-unit-input{
  position:relative!important;
  width:100%!important;
}
#settings.r24-settings-page .r24-settings-unit-input input.finp{
  padding-right:48px!important;
}
#settings.r24-settings-page .r24-settings-unit{
  position:absolute!important;
  top:50%!important;
  right:11px!important;
  transform:translateY(-50%)!important;
  color:var(--text3)!important;
  font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1!important;
  pointer-events:none!important;
}

/* =========================================================
   HF123 — users and firms aligned with add_problem / panel
   ========================================================= */
body.r24-page-users .r24-main,
body.r24-page-firms .r24-main{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  background:var(--bg)!important;
}
#users.r24-management-page,
#firms.r24-management-page{
  width:100%!important;
  max-width:1500px!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:28px!important;
}
#users.r24-management-page > *,
#firms.r24-management-page > *{
  flex:0 0 auto!important;
}
#users.r24-management-page .edit-head,
#firms.r24-management-page .edit-head{
  margin-bottom:0!important;
}

/* No legacy bullets or heavy typography */
#users.r24-management-page ul,
#users.r24-management-page ol,
#firms.r24-management-page ul,
#firms.r24-management-page ol{
  list-style:none!important;
}
#users.r24-management-page .form_left,
#firms.r24-management-page .form_left,
#users.r24-management-page label,
#firms.r24-management-page label,
#users.r24-management-page .form_large > .title,
#firms.r24-management-page .form_large > .title{
  font-weight:500!important;
}
#users.r24-management-page .form_large > .title,
#firms.r24-management-page .form_large > .title{
  font-size:13px!important;
  letter-spacing:0!important;
}

/* Forms use the same input language as add_problem */
#users.r24-management-page .users_form input[type="text"],
#users.r24-management-page .users_form input[type="password"],
#users.r24-management-page .users_form input[type="email"],
#users.r24-management-page .users_form input[type="tel"],
#users.r24-management-page .users_form input[type="number"],
#users.r24-management-page .users_form input[type="file"],
#users.r24-management-page .users_form select,
#firms.r24-management-page .users_form input[type="text"],
#firms.r24-management-page .users_form input[type="password"],
#firms.r24-management-page .users_form input[type="email"],
#firms.r24-management-page .users_form input[type="tel"],
#firms.r24-management-page .users_form input[type="number"],
#firms.r24-management-page .users_form input[type="file"],
#firms.r24-management-page .users_form select{
  width:100%!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-xs)!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:34px!important;
  box-shadow:none!important;
  outline:0!important;
}
#users.r24-management-page .users_form input:focus,
#users.r24-management-page .users_form select:focus,
#firms.r24-management-page .users_form input:focus,
#firms.r24-management-page .users_form select:focus{
  border-color:var(--red-mid)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px var(--red-light)!important;
}
#users.r24-management-page .users_form input:disabled,
#firms.r24-management-page .users_form input:disabled{
  opacity:.65!important;
  cursor:not-allowed!important;
}
#users.r24-management-page .form_large,
#firms.r24-management-page .form_large{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin-top:14px!important;
}
#users.r24-management-page .form_large .form,
#firms.r24-management-page .form_large .form{
  list-style:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#users.r24-management-page .form_large .form > li,
#firms.r24-management-page .form_large .form > li{
  min-height:0!important;
}
#users.r24-management-page .oldzialy,
#firms.r24-management-page .oldzialy{
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:8px!important;
}
#users.r24-management-page .oldzialy > li,
#firms.r24-management-page .oldzialy > li{
  margin:0!important;
  padding:0!important;
}

/* Filter cards */
#users.r24-management-page #filter_active,
#firms.r24-management-page #filter_active{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 14px!important;
  width:100%!important;
  margin:0!important;
  padding:13px 16px!important;
  background:#fff!important;
  border-bottom:1px solid var(--border)!important;
}
#users.r24-management-page #filter_active .title,
#firms.r24-management-page #filter_active .title{
  margin:0 4px 0 0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:500!important;
  text-transform:none!important;
}
#users.r24-management-page #filter_active > span,
#firms.r24-management-page #filter_active > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:400!important;
}

/* Full-height management tables; only horizontal overflow remains */
#users.r24-management-page #uzytkownicy,
#firms.r24-management-page #firmy{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:14px!important;
  overflow:visible!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-xs)!important;
}
#users.r24-management-page #uzytkownicy .scrolldiv,
#firms.r24-management-page #firmy .scrolldiv{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}
#users.r24-management-page #edit_users,
#firms.r24-management-page #edit_firms{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
#users.r24-management-page #edit_users > ul.form,
#firms.r24-management-page #edit_firms > ul.form{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
#users.r24-management-page #edit_users > ul.form{
  min-width:1290px!important;
}
#firms.r24-management-page #edit_firms > ul.form{
  min-width:1370px!important;
}
#users.r24-management-page #edit_users > ul.form > li,
#firms.r24-management-page #edit_firms > ul.form > li{
  display:grid!important;
  align-items:center!important;
  gap:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  transition:background .15s var(--ease)!important;
}
#users.r24-management-page #edit_users > ul.form > li{
  grid-template-columns:64px 110px 180px 70px 190px 120px 150px 80px 80px 80px 80px 96px!important;
}
#firms.r24-management-page #edit_firms > ul.form > li{
  grid-template-columns:64px 180px 100px 80px 80px 120px 74px 80px 80px 105px 80px 80px 80px 105px!important;
}
#users.r24-management-page #edit_users > ul.form > li:first-child,
#firms.r24-management-page #edit_firms > ul.form > li:first-child{
  min-height:42px!important;
  background:var(--bg)!important;
}
#users.r24-management-page #edit_users > ul.form > li:not(:first-child):hover,
#firms.r24-management-page #edit_firms > ul.form > li:not(:first-child):hover{
  background:#F9F9FB!important;
}
#users.r24-management-page #edit_users > ul.form > li > span,
#firms.r24-management-page #edit_firms > ul.form > li > span{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  height:100%!important;
  padding:8px 10px!important;
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  border-right:1px solid var(--border)!important;
}
#users.r24-management-page #edit_users > ul.form > li > span:last-child,
#firms.r24-management-page #edit_firms > ul.form > li > span:last-child{
  border-right:0!important;
}
#users.r24-management-page #edit_users > ul.form > li:first-child > span,
#firms.r24-management-page #edit_firms > ul.form > li:first-child > span{
  color:var(--text3)!important;
  font-size:10.5px!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:.2px!important;
}
#users.r24-management-page #edit_users > ul.form > li > span:first-child,
#users.r24-management-page #edit_users > ul.form > li > span:nth-last-child(-n+5),
#firms.r24-management-page #edit_firms > ul.form > li > span:first-child,
#firms.r24-management-page #edit_firms > ul.form > li > span:nth-child(n+4){
  justify-content:center!important;
  text-align:center!important;
}
#users.r24-management-page .user_avatar,
#firms.r24-management-page .ul_logo{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:auto!important;
  padding:0!important;
  border-radius:9px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  border:1px solid var(--border)!important;
}
#users.r24-management-page #edit_users > .divbutton,
#firms.r24-management-page #edit_firms > .divbutton{
  margin:12px 14px!important;
}

@media (max-width:768px){
  #users.r24-management-page,
  #firms.r24-management-page{
    padding-bottom:90px!important;
  }
  #users.r24-management-page .form_large .form > li,
  #firms.r24-management-page .form_large .form > li{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  #users.r24-management-page .form_left,
  #firms.r24-management-page .form_left{
    padding-top:0!important;
  }
  #users.r24-management-page #filter_active,
  #firms.r24-management-page #filter_active{
    align-items:flex-start!important;
  }
}

/* =========================================================
   HF124 — users/firms filters, media, columns and add pages
   ========================================================= */
#users.r24-management-page .r24-management-toolbar,
#firms.r24-management-page .r24-management-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-xs)!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active,
#firms.r24-management-page .r24-management-toolbar #filter_active{
  flex:1 1 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px 12px!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 12px!important;
  background:var(--bg)!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active .title,
#firms.r24-management-page .r24-management-toolbar #filter_active .title{
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:16px!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active > span:not(.title),
#firms.r24-management-page .r24-management-toolbar #filter_active > span:not(.title){
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  width:auto!important;
  white-space:nowrap!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active input[type="radio"],
#firms.r24-management-page .r24-management-toolbar #filter_active input[type="radio"]{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0 6px 0 0!important;
  padding:0!important;
  position:relative!important;
  top:auto!important;
  transform:none!important;
}
#users.r24-management-page .r24-management-toolbar #filter_active label,
#firms.r24-management-page .r24-management-toolbar #filter_active label{
  display:inline-flex!important;
  align-items:center!important;
  min-height:16px!important;
  margin:0!important;
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:16px!important;
  white-space:nowrap!important;
}
#users.r24-management-page .r24-management-add-btn,
#firms.r24-management-page .r24-management-add-btn{
  flex:0 0 auto!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 15px!important;
  background:var(--red)!important;
  color:#fff!important;
  box-shadow:var(--shadow-red)!important;
}
#users.r24-management-page .r24-management-add-btn:hover,
#firms.r24-management-page .r24-management-add-btn:hover{
  background:var(--red-hover)!important;
}
#users.r24-management-page:not(.r24-management-add-page) .r24-add-management-form,
#firms.r24-management-page:not(.r24-management-add-page) .r24-add-management-form{
  display:none!important;
}
#users.r24-management-page.r24-management-add-page .r24-add-management-form,
#firms.r24-management-page.r24-management-add-page .r24-add-management-form{
  display:block!important;
  width:100%!important;
  margin-top:14px!important;
}

/* Main-table header typography */
#users.r24-management-page #edit_users > ul.form > li:first-child > span,
#firms.r24-management-page #edit_firms > ul.form > li:first-child > span{
  color:var(--text3)!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.5px!important;
}

/* Wider Login column and stable table geometry */
#users.r24-management-page #edit_users > ul.form{
  min-width:1324px!important;
}
#users.r24-management-page #edit_users > ul.form > li{
  grid-template-columns:64px 150px minmax(190px,1fr) 76px 190px 120px 150px 80px 80px 80px 80px 64px!important;
}

#firms.r24-management-page #edit_firms > ul.form{
  min-width:1267px!important;
}
#firms.r24-management-page #edit_firms > ul.form > li{
  grid-template-columns:64px minmax(180px,1fr) 100px 80px 80px 120px 74px 80px 80px 105px 80px 80px 80px 64px!important;
}
#users.r24-management-page #edit_users > ul.form > li > span:last-child,
#firms.r24-management-page #edit_firms > ul.form > li > span:last-child{
  padding-left:6px!important;
  padding-right:6px!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Login, user name and company name match ticket-title emphasis */
#users.r24-management-page .r24-management-edit-pill,
#firms.r24-management-page .r24-management-edit-pill{
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 9px!important;
  border-radius:7px!important;
  background:#D1FAE5!important;
  color:#059669!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:filter .15s var(--ease),transform .15s var(--ease)!important;
}
#users.r24-management-page .r24-management-edit-pill:hover,
#firms.r24-management-page .r24-management-edit-pill:hover{
  filter:brightness(.94)!important;
  transform:translateY(-1px);
}
#users.r24-management-page #edit_users > ul.form > li:not(:first-child) > .r24-management-primary,
#firms.r24-management-page #edit_firms > ul.form > li:not(:first-child) > .r24-management-primary{
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* HF131 — add_company: compact two-column form matching add_problem */
#firms.r24-management-page.r24-management-add-page .r24-add-management-form{
  max-width:980px!important;
  margin:14px 0 28px!important;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form{
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:var(--shadow-sm)!important;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form>li{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form>li:nth-child(n+9){
  grid-column:1 / -1;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form .form_left{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:var(--text2)!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form .form_left::before{
  content:'•';
  color:var(--red)!important;
  font-size:17px;
  line-height:10px;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form .form_right{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form input[type="text"],
#firms.r24-management-page.r24-management-add-page .r24-add-management-form select{
  width:100%!important;
  max-width:none!important;
  height:38px!important;
  margin:0!important;
  padding:0 11px!important;
  background:#fff!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-sm)!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:400!important;
  box-shadow:none!important;
}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form input[type="text"]:focus,
#firms.r24-management-page.r24-management-add-page .r24-add-management-form select:focus{
  border-color:var(--red-mid)!important;
  box-shadow:0 0 0 3px var(--red-light)!important;
  outline:0!important;
}
#firms.r24-management-page.r24-management-add-page .tip_trigger{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  border:1px solid var(--border-md)!important;
  border-radius:50%!important;
  background:var(--bg)!important;
  color:var(--text3)!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:help!important;
}
#firms.r24-management-page.r24-management-add-page .tip_trigger .tip{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  left:50%!important;
  bottom:calc(100% + 8px)!important;
  display:block!important;
  z-index:500!important;
  width:max-content!important;
  max-width:240px!important;
  margin:0!important;
  padding:8px 10px!important;
  transform:translateX(-50%) translateY(4px)!important;
  background:var(--text)!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:var(--shadow-lg)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.35!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .16s var(--ease),transform .16s var(--ease)!important;
}
#firms.r24-management-page.r24-management-add-page .form_left,
#firms.r24-management-page.r24-management-add-page .tip_trigger,
#firms.r24-management-page.r24-management-add-page form.users_form>ul.form>li{
  overflow:visible!important;
}
#firms.r24-management-page.r24-management-add-page .tip_trigger .tip::after{
  content:'';
  position:absolute;
  left:50%;
  top:100%;
  transform:translateX(-50%);
  border:6px solid transparent;
  border-top-color:var(--text);
}
#firms.r24-management-page.r24-management-add-page .tip_trigger:hover .tip{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%) translateY(0)!important;
}
#firms.r24-management-page.r24-management-add-page #avatar_drop.logo_span.open{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#firms.r24-management-page.r24-management-add-page #avatar_drop #dropArea{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:120px!important;
  padding:18px!important;
  border:1px dashed var(--border-md)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--bg)!important;
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:600!important;
}
#firms.r24-management-page.r24-management-add-page #avatar_drop #dropArea::before{
  content:'↑';
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  margin-bottom:7px;
  border-radius:50%;
  background:var(--red-light);
  color:var(--red);
  font-size:20px;
  font-weight:500;
}
#firms.r24-management-page.r24-management-add-page #avatar_alternative{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:38px!important;
  margin-top:8px!important;
  padding:0 14px!important;
  border:1px solid var(--border-md)!important;
  border-radius:var(--radius-xs)!important;
  background:#fff!important;
  color:var(--text2)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
}
@media (max-width:768px){
  #firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form{
    grid-template-columns:1fr!important;
  }
  #firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form>li{
    grid-column:1!important;
  }
}

/* HF132 — exact add_problem controls for the company form */
#firms.r24-management-page.r24-management-add-page .r24-add-management-form{max-width:none!important;width:100%!important}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form{padding:0!important}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form{padding:18px!important}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form .form_left::before{display:none!important}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form .form_left>i{font-size:13px;color:var(--text3);flex:0 0 auto}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form input.finp,#firms.r24-management-page.r24-management-add-page .r24-add-management-form select.fsel{height:36px!important;background-color:var(--bg)!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-xs)!important;padding:0 10px!important;font-family:inherit!important;font-size:13px!important;color:var(--text)!important}
#firms.r24-management-page.r24-management-add-page .r24-add-management-form input.finp:focus,#firms.r24-management-page.r24-management-add-page .r24-add-management-form select.fsel:focus{background:#fff!important}
#firms.r24-management-page.r24-management-add-page #avatar_drop #dropArea{min-height:0!important;padding:18px!important;border:1.5px dashed var(--border-md)!important;border-radius:var(--radius-sm)!important;background:var(--bg)!important;gap:5px!important}
#firms.r24-management-page.r24-management-add-page #avatar_drop #dropArea::before{display:none!important}
#firms.r24-management-page.r24-management-add-page #avatar_drop #dropArea>i{font-size:26px;color:var(--text3)}
#firms.r24-management-page.r24-management-add-page #avatar_alternative{order:4;width:max-content!important;gap:6px!important;margin:8px 0 0!important;padding:0 18px!important;height:38px!important;font-size:13px!important}
#firms.r24-management-page.r24-management-add-page #avatar_alternative>i{font-size:15px}
#firms.r24-management-page.r24-management-add-page .form-actions{grid-column:1/-1;margin-top:18px!important}
#firms.r24-management-page.r24-management-add-page .form-actions>a{height:38px!important;min-height:38px!important;padding:0 18px!important;border-radius:var(--radius-xs)!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important}
#firms.r24-management-page.r24-management-add-page .form-actions>#dodajdzial{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important}
#firms.r24-management-page.r24-management-add-page .form-actions>.users_add_submit{background:var(--red)!important;color:#fff!important;border:0!important;box-shadow:var(--shadow-red)!important}
#firms.r24-management-page.r24-management-add-page .form-actions>a.right.secondary{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important}

/* HF134 — final alignment for company creation */
#ui-datepicker-div{z-index:1200!important}
#firms.r24-management-page.r24-management-add-page input[name="name"]{text-transform:uppercase!important}
#firms.r24-management-page.r24-management-add-page #avatar_drop .info>div:first-child{padding-left:10px!important}
#firms.r24-management-page.r24-management-add-page .form-actions>#dodajdzial{background:var(--red)!important;color:#fff!important;border:0!important;box-shadow:var(--shadow-red)!important}

/* The add-user page now follows the same card, spacing, field and action language. */
#users.r24-management-page.r24-management-add-page .r24-add-management-form{width:100%!important;max-width:none!important;margin:14px 0 28px!important}
#users.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form{margin:0!important;padding:0!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:var(--shadow-sm)!important;overflow:hidden!important}
#users.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin:0!important;padding:18px!important;background:transparent!important}
#users.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form>li{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
#users.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form>li:nth-child(n+9){grid-column:1/-1}
#users.r24-management-page.r24-management-add-page .r24-add-management-form .form_left{display:flex!important;align-items:center!important;gap:5px!important;width:auto!important;margin:0!important;padding:0!important;color:var(--text2)!important;font-size:11.5px!important;font-weight:700!important;line-height:1.35!important}
#users.r24-management-page.r24-management-add-page .r24-add-management-form .form_right{display:block!important;width:100%!important;margin:0!important;padding:0!important}
#users.r24-management-page.r24-management-add-page .r24-add-management-form input[type="text"],#users.r24-management-page.r24-management-add-page .r24-add-management-form input[type="password"],#users.r24-management-page.r24-management-add-page .r24-add-management-form input[type="email"],#users.r24-management-page.r24-management-add-page .r24-add-management-form select{width:100%!important;max-width:none!important;height:36px!important;margin:0!important;padding:0 10px!important;background:var(--bg)!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-xs)!important;color:var(--text)!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;box-shadow:none!important}
#users.r24-management-page.r24-management-add-page .r24-add-management-form input:focus,#users.r24-management-page.r24-management-add-page .r24-add-management-form select:focus{background:#fff!important;border-color:var(--red-mid)!important;box-shadow:0 0 0 3px var(--red-light)!important;outline:0!important}
@media (max-width:768px){#users.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form{grid-template-columns:1fr!important}#users.r24-management-page.r24-management-add-page .r24-add-management-form form.users_form>ul.form>li{grid-column:1!important}}

/* HF135 — user creation actions, sliders and tooltips match add_company. */
#users.r24-management-page.r24-management-add-page .form-actions{grid-column:1/-1;margin-top:18px!important}
#users.r24-management-page.r24-management-add-page .form-actions>a{height:38px!important;min-height:38px!important;padding:0 18px!important;border-radius:var(--radius-xs)!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important}
#users.r24-management-page.r24-management-add-page .form-actions>.users_add_submit{background:var(--red)!important;color:#fff!important;border:0!important;box-shadow:var(--shadow-red)!important}
#users.r24-management-page.r24-management-add-page .form-actions>a.right.secondary{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important}
#users.r24-management-page.r24-management-add-page .form-actions{justify-content:flex-end!important;background:var(--bg)!important}

/* HF140 — action bar fallback for add_users (works without JavaScript). */
#users.r24-management-page.r24-management-add-page form#add_new.users_form{display:grid!important;grid-template-columns:1fr auto auto!important;padding:0!important;overflow:hidden!important}
#users.r24-management-page.r24-management-add-page form#add_new.users_form>ul.form{grid-column:1/-1!important;grid-row:1!important}
#users.r24-management-page.r24-management-add-page form#add_new.users_form::before{content:'';grid-column:1/-1!important;grid-row:2!important;background:var(--bg)!important;border-top:1px solid var(--border)!important;min-height:64px!important}
#users.r24-management-page.r24-management-add-page form#add_new.users_form>.users_add_submit,#users.r24-management-page.r24-management-add-page form#add_new.users_form>a.right.secondary{grid-row:2!important;z-index:1!important;align-self:center!important;margin:0 10px 0 0!important}
#users.r24-management-page.r24-management-add-page form#add_new.users_form>.users_add_submit{grid-column:2!important}
#users.r24-management-page.r24-management-add-page form#add_new.users_form>a.right.secondary{grid-column:3!important;margin-right:18px!important}

/* HF141 — action bar padding: keep actions on the left, like the other forms. */
#users.r24-management-page.r24-management-add-page form#add_new.users_form{grid-template-columns:auto auto 1fr!important}
#users.r24-management-page.r24-management-add-page form#add_new.users_form>.users_add_submit{grid-column:1!important;margin-left:18px!important}
#users.r24-management-page.r24-management-add-page form#add_new.users_form>a.right.secondary{grid-column:2!important;margin-right:0!important}
#users.r24-management-page.r24-management-add-page .users_add_submit::before{content:'+';font-size:18px;font-weight:500;line-height:1}
@media (max-width:768px){#users.r24-management-page.r24-management-add-page form#add_new.users_form{grid-template-columns:1fr!important}#users.r24-management-page.r24-management-add-page form#add_new.users_form::before{grid-row:2/5!important;min-height:0!important}#users.r24-management-page.r24-management-add-page form#add_new.users_form>.users_add_submit,#users.r24-management-page.r24-management-add-page form#add_new.users_form>a.right.secondary{grid-column:1!important;width:calc(100% - 28px)!important;margin:10px 14px 0!important}#users.r24-management-page.r24-management-add-page form#add_new.users_form>.users_add_submit{grid-row:2!important}#users.r24-management-page.r24-management-add-page form#add_new.users_form>a.right.secondary{grid-row:3!important;margin-bottom:14px!important}}
#users.r24-management-page.r24-management-add-page .tip_trigger{position:relative!important;overflow:visible!important}
#users.r24-management-page.r24-management-add-page .tip_trigger .tip{position:absolute!important;top:auto!important;right:auto!important;left:50%!important;bottom:calc(100% + 8px)!important;display:block!important;z-index:1200!important;width:max-content!important;max-width:240px!important;margin:0!important;padding:8px 10px!important;transform:translateX(-50%) translateY(4px)!important;background:var(--text)!important;border:0!important;border-radius:8px!important;color:#fff!important;font-size:11px!important;font-weight:500!important;line-height:1.35!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;overflow:visible!important}
#users.r24-management-page.r24-management-add-page .form_left,#users.r24-management-page.r24-management-add-page form.users_form>ul.form>li{overflow:visible!important}
#users.r24-management-page.r24-management-add-page .tip_trigger .tip::after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--text)}
#users.r24-management-page.r24-management-add-page .tip_trigger:hover .tip{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}
#users.r24-management-page.r24-management-add-page #avatar_drop .info>div:first-child{padding-left:10px!important}
#users.r24-management-page.r24-management-add-page #avatar_alternative{width:max-content!important;height:38px!important;margin:8px 0 0!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-xs)!important;font-size:13px!important;font-weight:700!important}

/* HF138 — fixed sliders, user action fallback and ticket avatars. */
#users.r24-management-page.r24-management-add-page .users_add_submit,#users.r24-management-page.r24-management-add-page a.right.secondary{height:38px!important;min-height:38px!important;padding:0 18px!important;border-radius:var(--radius-xs)!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important}
#users.r24-management-page.r24-management-add-page .users_add_submit{background:var(--red)!important;color:#fff!important;border:0!important;box-shadow:var(--shadow-red)!important}
#users.r24-management-page.r24-management-add-page a.right.secondary{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border-md)!important;box-shadow:none!important}

/* Profile — password disclosure and consistent toggle switches */
#firms.r24-profile-page .r24-add-management-form form.users_form>ul.form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin:0!important;padding:18px!important;background:transparent!important}
#firms.r24-profile-page .r24-add-management-form form.users_form>ul.form>li{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
#firms.r24-profile-page .r24-add-management-form .form_left{display:flex!important;align-items:center!important;gap:5px!important;width:auto!important;margin:0!important;padding:0!important;color:var(--text2)!important;font-size:11.5px!important;font-weight:700!important;line-height:1.35!important}
#firms.r24-profile-page .r24-add-management-form .form_right{display:block!important;width:100%!important;margin:0!important;padding:0!important}
#firms.r24-profile-page .r24-add-management-form input[type="text"],#firms.r24-profile-page .r24-add-management-form input[type="password"]{width:100%!important;max-width:none!important;height:36px!important;margin:0!important;padding:0 10px!important;background:var(--bg)!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-xs)!important;color:var(--text)!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;box-shadow:none!important}
#firms.r24-profile-page .r24-password-action{grid-column:1!important;grid-row:1!important}
#firms.r24-profile-page .r24-password-action .form_right{display:flex!important}
#firms.r24-profile-page #change_pass{display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;height:38px!important;padding:0 16px!important;background:#fff!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-xs)!important;color:var(--text2)!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important}
#firms.r24-profile-page #change_pass.change{border-color:var(--red-mid)!important;color:var(--red)!important;background:var(--red-light)!important}
#firms.r24-profile-page .r24-password-field{display:none!important;grid-column:1!important}
#firms.r24-profile-page .r24-password-field.is-open{display:flex!important}
#firms.r24-profile-page .r24-password-field:nth-of-type(2){grid-row:2!important}
#firms.r24-profile-page .r24-password-field:nth-of-type(3){grid-row:3!important}
#firms.r24-profile-page .r24-password-field:nth-of-type(4){grid-row:4!important}
#firms.r24-profile-page .r24-profile-phone{grid-column:2!important;grid-row:1!important}
#firms.r24-profile-page .r24-profile-email{grid-column:2!important;grid-row:2!important}
#firms.r24-profile-page .r24-profile-avatar{grid-column:1/-1!important;grid-row:5!important;margin-top:4px!important;padding-top:18px!important;border-top:1px solid var(--border)!important}
#firms.r24-profile-page .r24-profile-avatar #avatar_drop,#firms.r24-profile-page .r24-profile-avatar #avatar_drop .container,#firms.r24-profile-page .r24-profile-avatar #avatar_drop .upload_form_cont{width:100%!important;max-width:none!important}
#firms.r24-profile-page .r24-profile-avatar #dropArea{width:100%!important;min-height:138px!important}
/* Profile toggle follows the Accessible Custom Toggle Switch pattern, with Ratunku24 red active state. */
#firms.r24-profile-page input.cssed[type="checkbox"]{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#firms.r24-profile-page input.cssed[type="checkbox"]+label.r24-profile-toggle{display:inline-flex!important;align-items:center!important;min-height:24px!important;color:var(--text2)!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;cursor:pointer!important}
#firms.r24-profile-page .r24-profile-toggle-track{position:relative!important;display:flex!important;align-items:center!important;width:40px!important;height:16px!important;flex:0 0 40px!important;margin-right:9px!important;padding:0!important;border:1px solid var(--border-md)!important;border-radius:999px!important;background:rgba(148,163,184,.15)!important;box-sizing:border-box!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
#firms.r24-profile-page .r24-profile-toggle-indicator{position:absolute!important;left:-1px!important;top:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:var(--text3)!important;box-shadow:0 2px 5px rgba(15,23,42,.18)!important;transform:translate(0,-50%)!important;transition:transform .18s ease,background .18s ease!important}
#firms.r24-profile-page .r24-profile-toggle-check{display:block!important;width:9px!important;height:5px!important;margin-top:-2px!important;border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;opacity:0!important;transform:rotate(-45deg)!important;transition:opacity .14s ease!important}
#firms.r24-profile-page .r24-profile-toggle-copy{display:inline!important}
#firms.r24-profile-page input.cssed[type="checkbox"]:checked+label.r24-profile-toggle .r24-profile-toggle-track{border-color:var(--red)!important;background:var(--red-light)!important;box-shadow:0 4px 10px rgba(239,57,44,.16)!important}
#firms.r24-profile-page input.cssed[type="checkbox"]:checked+label.r24-profile-toggle .r24-profile-toggle-indicator{background:var(--red)!important;transform:translate(20px,-50%)!important}
#firms.r24-profile-page input.cssed[type="checkbox"]:checked+label.r24-profile-toggle .r24-profile-toggle-check{opacity:1!important}
#firms.r24-profile-page input.cssed[type="checkbox"]:focus-visible+label.r24-profile-toggle .r24-profile-toggle-track{box-shadow:0 0 0 3px var(--red-light)!important}
#statistics.r24-statistics-page .r24-toggle-filter > input.cssed[type="checkbox"],
#settings.r24-settings-page .r24-compact-toggle > input.cssed[type="checkbox"],
:is(#firms.r24-management-page,#users.r24-management-page) form#add_new input.cssed[type="checkbox"]{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#statistics.r24-statistics-page .r24-toggle-filter label.r24-compact-toggle,
#settings.r24-settings-page label.r24-compact-toggle,
:is(#firms.r24-management-page,#users.r24-management-page) label.r24-compact-toggle{display:inline-flex!important;align-items:center!important;min-height:24px!important;margin:0!important;padding:0!important;color:var(--text2)!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;cursor:pointer!important}
#settings.r24-settings-page label.r24-compact-toggle{width:100%!important}
.r24-compact-toggle-track{position:relative!important;display:flex!important;align-items:center!important;width:40px!important;height:16px!important;flex:0 0 40px!important;margin-right:9px!important;padding:0!important;border:1px solid var(--border-md)!important;border-radius:999px!important;background:rgba(148,163,184,.15)!important;box-sizing:border-box!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.r24-compact-toggle-indicator{position:absolute!important;left:-1px!important;top:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:var(--text3)!important;box-shadow:0 2px 5px rgba(15,23,42,.18)!important;transform:translate(0,-50%)!important;transition:transform .18s ease,background .18s ease!important}
.r24-compact-toggle-check{display:block!important;width:9px!important;height:5px!important;margin-top:-2px!important;border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;opacity:0!important;transform:rotate(-45deg)!important;transition:opacity .14s ease!important}
.r24-compact-toggle .sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.r24-compact-toggle > input.cssed[type="checkbox"]:checked ~ .r24-compact-toggle-track,
#statistics.r24-statistics-page .r24-toggle-filter > input.cssed[type="checkbox"]:checked + label.r24-compact-toggle .r24-compact-toggle-track,
:is(#firms.r24-management-page,#users.r24-management-page) input.cssed[type="checkbox"]:checked + label.r24-compact-toggle .r24-compact-toggle-track{border-color:var(--red)!important;background:var(--red-light)!important;box-shadow:0 4px 10px rgba(239,57,44,.16)!important}
.r24-compact-toggle > input.cssed[type="checkbox"]:checked ~ .r24-compact-toggle-track .r24-compact-toggle-indicator,
#statistics.r24-statistics-page .r24-toggle-filter > input.cssed[type="checkbox"]:checked + label.r24-compact-toggle .r24-compact-toggle-indicator,
:is(#firms.r24-management-page,#users.r24-management-page) input.cssed[type="checkbox"]:checked + label.r24-compact-toggle .r24-compact-toggle-indicator{background:var(--red)!important;transform:translate(20px,-50%)!important}
.r24-compact-toggle > input.cssed[type="checkbox"]:checked ~ .r24-compact-toggle-track .r24-compact-toggle-check,
#statistics.r24-statistics-page .r24-toggle-filter > input.cssed[type="checkbox"]:checked + label.r24-compact-toggle .r24-compact-toggle-check,
:is(#firms.r24-management-page,#users.r24-management-page) input.cssed[type="checkbox"]:checked + label.r24-compact-toggle .r24-compact-toggle-check{opacity:1!important}
.r24-compact-toggle > input.cssed[type="checkbox"]:focus-visible ~ .r24-compact-toggle-track,
#statistics.r24-statistics-page .r24-toggle-filter > input.cssed[type="checkbox"]:focus-visible + label.r24-compact-toggle .r24-compact-toggle-track,
:is(#firms.r24-management-page,#users.r24-management-page) input.cssed[type="checkbox"]:focus-visible + label.r24-compact-toggle .r24-compact-toggle-track{box-shadow:0 0 0 3px var(--red-light)!important}
#settings.r24-settings-page .r24-settings-field.r24-settings-toggle-field{grid-column:1!important}
#settings.r24-settings-page .r24-settings-check{min-height:24px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#settings.r24-settings-page .r24-settings-check:hover{background:transparent!important;border-color:transparent!important}
#firms.r24-profile-page .li_messall{grid-column:1/-1!important;min-height:36px!important;justify-content:center!important;padding:8px 0!important}
#firms.r24-profile-page .li_messall:nth-of-type(8){grid-row:6!important}
#firms.r24-profile-page .li_messall:nth-of-type(9){grid-row:7!important}
#firms.r24-profile-page .li_messall:nth-of-type(10){grid-row:8!important}
#firms.r24-profile-page .li_messall:nth-of-type(11){grid-row:9!important}
#firms.r24-profile-page .li_messall:nth-of-type(12){grid-row:10!important}

@media (max-width:768px){
  #firms.r24-profile-page .r24-add-management-form form.users_form>ul.form{grid-template-columns:1fr!important}
  #firms.r24-profile-page .r24-password-action,#firms.r24-profile-page .r24-password-field,#firms.r24-profile-page .r24-profile-phone,#firms.r24-profile-page .r24-profile-email,#firms.r24-profile-page .r24-profile-avatar,#firms.r24-profile-page .li_messall{grid-column:1!important;grid-row:auto!important}
}
.mav{overflow:hidden!important;padding:0!important}
.mav img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* Real images instead of a background painted on the table cell */
#users.r24-management-page #edit_users .r24-management-media-cell,
#firms.r24-management-page #edit_firms .r24-management-media-cell{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 8px!important;
}
#users.r24-management-page #edit_users img.user_avatar{
  display:block!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border:1px solid var(--border)!important;
  border-radius:50%!important;
  background:var(--bg)!important;
}
#firms.r24-management-page #edit_firms img.ul_logo{
  display:block!important;
  width:46px!important;
  height:34px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:46px!important;
  max-height:34px!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#users.r24-management-page .r24-management-media-empty,
#firms.r24-management-page .r24-management-media-empty{
  color:var(--text3)!important;
  font-size:12px!important;
  font-weight:400!important;
}

@media (max-width:768px){
  #users.r24-management-page .r24-management-toolbar,
  #firms.r24-management-page .r24-management-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  #users.r24-management-page .r24-management-toolbar #filter_active,
  #firms.r24-management-page .r24-management-toolbar #filter_active{
    width:100%!important;
  }
  #users.r24-management-page .r24-management-add-btn,
  #firms.r24-management-page .r24-management-add-btn{
    width:100%!important;
  }
}
/* =========================================================
   HF173 — statistics filter controls
   ========================================================= */
#statistics.r24-statistics-page .r24-toggle-filter{
  position:relative!important;
}
#statistics.r24-statistics-page .r24-toggle-filter input{
  appearance:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#statistics.r24-statistics-page #filter_active .r24-radio-option input{
  appearance:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#statistics.r24-statistics-page .r24-toggle-filter label,
#statistics.r24-statistics-page #filter_active .r24-radio-option label{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  cursor:pointer;
}
#statistics.r24-statistics-page .r24-switch-track{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:22px!important;
  border:1px solid var(--border-md)!important;
  border-radius:999px!important;
  background:rgba(148,163,184,.20)!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08)!important;
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease!important;
}
#statistics.r24-statistics-page .r24-switch-track::after{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.22);
  transition:transform .18s ease;
}
#statistics.r24-statistics-page .r24-toggle-filter .tzCheckBox{
  display:none!important;
}
#statistics.r24-statistics-page .r24-toggle-filter input:checked ~ label .r24-switch-track{
  border-color:var(--red)!important;
  background:var(--red)!important;
  box-shadow:0 4px 10px rgba(239,57,44,.20)!important;
}
#statistics.r24-statistics-page .r24-toggle-filter input:checked ~ label .r24-switch-track::after{
  transform:translateX(16px);
}
#statistics.r24-statistics-page .r24-toggle-filter input:focus-visible ~ label .r24-switch-track,
#statistics.r24-statistics-page #filter_active .r24-radio-option input:focus-visible + label{
  outline:2px solid rgba(239,57,44,.42)!important;
  outline-offset:2px!important;
}
#statistics.r24-statistics-page #filter_active .title,
#statistics.r24-statistics-page #filter_active .r24-radio-option label{
  color:var(--text2)!important;
  font-size:12px!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#statistics.r24-statistics-page .r24-filter-firm > span:first-child,
#statistics.r24-statistics-page .r24-filter-year > span:first-child,
#statistics.r24-statistics-page .r24-filter-month > span:first-child,
#statistics.r24-statistics-page .r24-toggle-filter label,
#statistics.r24-statistics-page #filter_active .title,
#statistics.r24-statistics-page #filter_active .r24-radio-option label{
  color:var(--text2)!important;
}
#statistics.r24-statistics-page #filter_active .r24-radio-option{
  display:inline-flex!important;
  width:auto!important;
  margin:0!important;
}
#statistics.r24-statistics-page #filter_active .r24-radio-option label{
  min-height:30px!important;
  padding:4px 10px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
  transition:background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease!important;
}
#statistics.r24-statistics-page #filter_active .r24-radio-mark{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  border:1.5px solid var(--border-md)!important;
  border-radius:50%!important;
  background:#fff!important;
}
#statistics.r24-statistics-page #filter_active .r24-radio-mark::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:transparent;
  transition:background .18s ease;
}
#statistics.r24-statistics-page #filter_active .r24-radio-option input:checked + label{
  border-color:rgba(239,57,44,.25)!important;
  background:rgba(239,57,44,.08)!important;
  color:var(--red)!important;
  box-shadow:0 3px 9px rgba(239,57,44,.10)!important;
}
#statistics.r24-statistics-page #filter_active .r24-radio-option input:checked + label .r24-radio-mark{
  border-color:var(--red)!important;
}
#statistics.r24-statistics-page #filter_active .r24-radio-option input:checked + label .r24-radio-mark::after{
  background:var(--red)!important;
}
#statistics.r24-statistics-page .r24-toggle-filter label > span:last-child,
#statistics.r24-statistics-page #filter_active .r24-radio-option label > span:last-child{
  color:var(--text2)!important;
}
@media (max-width:760px){
  #statistics.r24-statistics-page #filter_active .r24-radio-option{
    width:auto!important;
  }
}

/* Management filters use the same radio component as statistics. */
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option input{
  appearance:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  border:0!important;
}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option .tzCheckBox{display:none!important;}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option{display:inline-flex!important;width:auto!important;margin:0!important;}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option label{
  display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:30px!important;margin:0!important;padding:4px 10px!important;border:1px solid transparent!important;border-radius:999px!important;background:rgba(255,255,255,.70)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;color:var(--text2)!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-mark{position:relative!important;display:inline-block!important;flex:0 0 15px!important;width:15px!important;height:15px!important;border:1.5px solid var(--border-md)!important;border-radius:50%!important;background:#fff!important;}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-mark::after{content:"";position:absolute;inset:3px;border-radius:50%;background:transparent;transition:background .18s ease;}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label{border-color:rgba(239,57,44,.25)!important;background:rgba(239,57,44,.08)!important;box-shadow:0 3px 9px rgba(239,57,44,.10)!important;}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label .r24-radio-mark{border-color:var(--red)!important;}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option input:checked ~ label .r24-radio-mark::after{background:var(--red)!important;}
:is(#users.r24-management-page,#firms.r24-management-page) .r24-management-toolbar #filter_active .r24-radio-option label > span:last-child{color:var(--text2)!important;}

#logs.r24-logs-page .sortspan i{
	font-size:13px;
	opacity:.55;
	pointer-events:none;
}
#logs.r24-logs-page .sortspan.active i{
	color:var(--red);
	opacity:1;
}

/* HF147 — mobile dashboard filters: controls and actions stay fully tappable. */
/* Widoki zleceń mają ten sam limit szerokości co widok Firmy. */
@media (min-width:769px){
  body.r24-page-main .r24-main > #main.main,
  body.r24-page-add_problem .r24-main > #r24EditPage{
    width:min(100%,1500px)!important;
    max-width:1500px!important;
    align-self:center!important;
    margin:0 auto!important;
  }
  body.r24-page-show_closed .r24-main > .r24-tickets-list-page,
  body.r24-page-show_rejected .r24-main > .r24-tickets-list-page{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    width:min(100%,1500px)!important;
    max-width:1500px!important;
    align-self:center!important;
    margin:0 auto!important;
  }
}
@media (max-width:768px){
  .r24-main > #main.main > .filtry{
    display:block!important;
    overflow:visible!important;
    padding:12px!important;
  }
  .r24-main > #main.main > .filtry form#filterform_main{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:end!important;
    gap:10px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .r24-main > #main.main > .filtry form#filterform_main .filter{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    min-width:0!important;
    white-space:normal!important;
  }
  .r24-main > #main.main > .filtry form#filterform_main .filter span{
    display:block!important;
    min-height:15px;
    font-size:10.5px;
    line-height:1.25;
    color:var(--text3);
    white-space:nowrap;
  }
  .r24-main > #main.main > .filtry form#filterform_main .filter select,
  .r24-main > #main.main > .filtry form#filterform_main .filter .chzn-container,
  .r24-main > #main.main > .filtry form#filterform_main .filter #fuser_chzn,
  .r24-main > #main.main > .filtry form#filterform_main .filter #fplace_chzn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .r24-main > #main.main > .filtry .r24-filter-submit-btn,
  .r24-main > #main.main > .filtry .r24-new-ticket-btn{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 10px!important;
    white-space:nowrap;
  }
}