:root{
  --bg:#f4f6f8;--panel:#fff;--ink:#17212b;--muted:#667085;--line:#e4e7ec;
  --nav:#15231f;--nav2:#1d332c;--brand:#d7a63c;--brand-dark:#b88720;
  --green:#17785a;--green-soft:#eaf7f1;--red:#b42318;--red-soft:#fff0ee;
  --amber:#a15c00;--amber-soft:#fff6e5;--blue:#175cd3;--blue-soft:#eef4ff;
  --radius:16px;--shadow:0 10px 30px rgba(16,24,40,.06)
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#101a17);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 24px}.brand b{display:block;letter-spacing:.12em;font-size:15px}.brand small{display:block;color:#aebdb7;margin-top:2px}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#f0ca6c,var(--brand));color:#1b2b25;font-size:28px;font-weight:900;box-shadow:0 12px 28px rgba(215,166,60,.25)}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:20px;flex:0 0 auto}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#c9d4d0;padding:11px 13px;border-radius:11px;font-size:14px;font-weight:600}.sidebar nav a span{width:22px;text-align:center;color:#91a49d}.sidebar nav a:hover,.sidebar nav a.active{background:var(--nav2);color:#fff}.sidebar nav a.active span{color:#efc25f}.sidebar-user{margin-top:auto;padding:14px 8px 2px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.sidebar-user .avatar{width:38px;height:38px;border-radius:50%;background:#2a443b;display:grid;place-items:center;font-weight:800}.sidebar-user strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.sidebar-user small{display:block;color:#9fb0aa;font-size:11px;margin-top:2px}.sidebar-user form button{border:0;background:none;color:#b9c5c1;font-size:20px}
.main-column{min-width:0;display:flex;flex-direction:column}.topbar{height:64px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:0 28px;color:var(--muted);font-size:13px;position:sticky;top:0;z-index:10}.topbar a{font-weight:700;color:var(--ink)}.menu-toggle{display:none;border:0;background:transparent;font-size:24px;margin-right:auto}.content{padding:30px;max-width:1560px;width:100%;margin:0 auto;flex:1}footer{text-align:center;color:#98a2b3;padding:16px 30px 28px;font-size:12px}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-title h1{font-size:31px;line-height:1.15;margin:3px 0 6px;letter-spacing:-.03em}.page-title p{margin:0;color:var(--muted)}.eyebrow{font-size:11px!important;font-weight:800!important;color:var(--brand-dark)!important;letter-spacing:.16em!important;text-transform:uppercase}.month-picker label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--muted)}.month-picker input{width:165px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:22px}.panel.compact{padding:16px}.panel h2{font-size:18px;margin:0 0 16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2{margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow);min-height:128px}.kpi span{display:block;color:var(--muted);font-size:12px;font-weight:700}.kpi strong{display:block;font-size:26px;letter-spacing:-.03em;margin:14px 0 8px}.kpi small{color:#98a2b3}.kpi.success{border-color:#a9dfca}.kpi.warning{border-color:#f2d398}.kpi.danger{border-color:#f1b6b0}
.alert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.alert-tile{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd}.alert-tile strong{font-size:27px;display:block}.alert-tile span{display:block;font-weight:800;margin:4px 0}.alert-tile small{color:var(--muted)}.alert-tile.has-alert{background:var(--red-soft);border-color:#f7c4bf}.alert-tile.has-alert strong{color:var(--red)}.alert-tile.ok{background:var(--green-soft);border-color:#b7e4d2}.alert-tile.ok strong{color:var(--green)}
.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th{text-align:left;padding:11px 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px;border-bottom:1px solid #eff1f3;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}.empty-cell{text-align:center;color:var(--muted);padding:36px}.actions{white-space:nowrap;text-align:right}.small-text{font-size:11px;max-width:300px;overflow-wrap:anywhere}code{background:#f2f4f7;padding:2px 6px;border-radius:6px}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap;background:#f2f4f7;color:#475467}.badge.success{background:var(--green-soft);color:var(--green)}.badge.danger{background:var(--red-soft);color:var(--red)}.badge.warning{background:var(--amber-soft);color:var(--amber)}.badge.info{background:var(--blue-soft);color:var(--blue)}.progress{width:90px;height:6px;border-radius:999px;background:#eaecf0;display:inline-block;margin-right:8px;vertical-align:middle;overflow:hidden}.progress span{height:100%;display:block;background:var(--green);border-radius:999px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:10px;padding:9px 14px;border:1px solid transparent;font-weight:800;font-size:13px}.btn.primary{background:var(--nav2);color:#fff}.btn.primary:hover{background:#26473c}.btn.secondary{border-color:#d0d5dd;background:#fff;color:#344054}.btn.danger-outline{border-color:#f1aaa3;background:#fff;color:var(--red)}.btn.link{background:none;color:var(--blue);padding:4px}.btn.full{width:100%;margin-top:10px}.icon-btn{border:1px solid #d0d5dd;background:#fff;border-radius:8px;min-width:32px;height:32px;display:inline-grid;place-items:center;color:#475467}.inline-form{display:inline}.button-row{display:flex;gap:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.segmented{display:flex;background:#e9edef;padding:4px;border-radius:11px;overflow:auto}.segmented a{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap;color:#667085}.segmented a.active{background:#fff;color:#101828;box-shadow:0 2px 7px rgba(16,24,40,.08)}
label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#475467}input,select,textarea{width:100%;border:1px solid #d0d5dd;background:#fff;color:#101828;border-radius:10px;padding:10px 11px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#7f9f93;box-shadow:0 0 0 3px rgba(23,120,90,.10)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-panel>label{margin-top:16px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.form-layout .panel{margin-bottom:20px}.calculator-card{position:sticky;top:84px;background:linear-gradient(160deg,#183129,#0f201b);color:#fff;border-radius:18px;padding:22px;box-shadow:0 18px 40px rgba(16,24,40,.18)}.calculator-card h2{margin:4px 0 18px}.calculator-card dl{margin:0}.calculator-card dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1)}.calculator-card dt{color:#adbbb6;font-size:12px}.calculator-card dd{margin:0;font-weight:800;text-align:right}.calculator-card .btn.secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:#fff}.worker-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.worker-card{display:block;cursor:pointer}.worker-card input{position:absolute;opacity:0;pointer-events:none}.worker-card span{display:flex;flex-direction:column;gap:3px;border:1px solid #d0d5dd;border-radius:11px;padding:12px;background:#fff;font-weight:600;color:#475467}.worker-card span strong{color:#101828;font-size:12px}.worker-card input:checked+span{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px rgba(23,120,90,.08)}.counter{border-radius:999px;background:#f2f4f7;padding:5px 10px;font-size:11px;font-weight:800}.inline-edit{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.narrow-form{max-width:520px;display:grid;gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.small-input{min-width:90px}.text-danger{color:var(--red);font-weight:800}
.alert{border-radius:12px;padding:12px 14px;margin-bottom:18px;font-size:13px;font-weight:700}.alert.success{background:var(--green-soft);color:#116149;border:1px solid #b7e4d2}.alert.error{background:var(--red-soft);color:var(--red);border:1px solid #f4beb8}.alert.warning{background:var(--amber-soft);color:var(--amber);border:1px solid #efd39c}
.auth-body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e6efe9,transparent 35%),radial-gradient(circle at 85% 80%,#f4e8cb,transparent 35%),#eef1f2}.auth-card{width:min(440px,100%);background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 30px 70px rgba(18,38,31,.13);padding:34px}.auth-card .brand-mark{margin-bottom:22px}.auth-card h1{font-size:28px;letter-spacing:-.03em;margin:4px 0 8px}.auth-card form{display:grid;gap:14px;margin-top:24px}.auth-card .inline-form{display:block;text-align:center;margin-top:8px}.security-note{margin-top:18px;border-radius:10px;background:#f5f7f6;color:#667085;padding:12px;font-size:12px;text-align:center}.otp-input{text-align:center;font-size:28px;letter-spacing:.28em;font-weight:800}.text-link{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:14px}.setup-card{width:min(520px,100%)}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.worker-picker{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.2)}.menu-toggle{display:block}.topbar{padding:0 18px}.content{padding:20px}.form-layout{grid-template-columns:1fr}.calculator-card{position:static}.alert-grid{grid-template-columns:repeat(2,1fr)}.inline-edit{grid-template-columns:1fr 1fr}.page-title{align-items:flex-start}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.content{padding:16px}.page-title{display:grid}.page-title h1{font-size:26px}.month-picker label{justify-content:space-between}.form-grid,.worker-picker,.alert-grid,.kpi-grid,.inline-edit{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.button-row{width:100%}.button-row .btn{flex:1}.panel{padding:16px;border-radius:14px}.auth-card{padding:24px}.topbar span{display:none}}


/* =========================================================
   Sandex PlanSzwalni 0.3 beta — spójny layout
   ========================================================= */
:root{
  --nav:#11231e;--nav2:#1b3830;--brand:#d62932;--brand-dark:#b51f27;
  --radius:16px;--shadow:0 10px 30px rgba(16,24,40,.06)
}
html,body{max-width:100%;overflow-x:hidden}
.ui-icon{display:block;width:18px;height:18px}

/* Aplikacja i lewe menu */
.app-shell{grid-template-columns:264px minmax(0,1fr)}
.sidebar{
  position:sticky;top:0;width:auto;height:100vh;overflow:hidden;
  padding:18px 14px;background:linear-gradient(180deg,#12251f 0%,#0c1a16 100%);
  display:flex;flex-direction:column
}
.brand{
  display:block;padding:4px 8px 18px;margin:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,.10)
}
.brand-logo{display:block;width:154px;max-width:154px;height:auto;margin:0}
.brand-product{display:block;width:100%;min-width:0;margin-top:14px}
.brand-product b,.brand-product small,.brand-product em{display:block;width:max-content;max-width:100%}
.brand-product b{margin:0;color:#fff;font-size:19px;line-height:1.2;font-weight:850;letter-spacing:.01em;white-space:nowrap}
.brand-product small{margin:4px 0 0;color:#b8c4c0;font-size:12px;line-height:1.35;white-space:nowrap}
.brand-product em{
  margin-top:8px;padding:5px 8px;border:1px solid rgba(255,125,132,.24);
  border-radius:999px;background:rgba(214,41,50,.17);color:#ffb0b5;
  font-size:8px;line-height:1;font-style:normal;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase;white-space:nowrap
}
.sidebar nav{display:grid;align-content:start;gap:4px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 10px}
.sidebar nav a{
  display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;
  min-height:43px;padding:7px 10px;border:1px solid transparent;border-radius:11px;
  color:#c8d2ce;font-size:13px;font-weight:700;line-height:1.2
}
.sidebar nav a:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.05);color:#fff}
.sidebar nav a.active{background:rgba(38,86,72,.50);border-color:rgba(116,177,156,.14);color:#fff}
.sidebar nav a span{color:inherit}
.sidebar nav a .nav-icon{
  display:grid;width:30px;height:30px;place-items:center;border-radius:8px;
  background:rgba(255,255,255,.055);color:#aebbb6;text-align:center
}
.sidebar nav a .nav-icon .ui-icon{width:16px;height:16px}
.sidebar nav a.active .nav-icon{background:rgba(214,41,50,.20);color:#ff9ea4}
.sidebar nav a .nav-label{
  display:block;width:auto;min-width:0;overflow:hidden;text-align:left;
  text-overflow:ellipsis;white-space:nowrap;color:inherit
}
.sidebar-bottom{margin-top:auto;padding:13px 5px 2px;border-top:1px solid rgba(255,255,255,.10)}
.sidebar-user{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;margin:0;padding:0;border:0}
.sidebar-user .avatar{width:36px;height:36px;background:#29483e;font-size:13px}
.sidebar-user-copy{min-width:0}
.sidebar-user strong{display:block;max-width:100%;overflow:hidden;color:#fff;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user small{display:block;margin-top:2px;color:#91a39d;font-size:10px;line-height:1.25}
.sidebar-user form{grid-column:1/-1;display:block;margin-top:8px}
.logout-btn{
  display:flex;width:100%;min-height:36px;align-items:center;justify-content:center;gap:8px;
  padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;
  background:rgba(255,255,255,.055);color:#dce5e2;font-size:11px;font-weight:800
}
.logout-btn:hover{background:rgba(255,255,255,.10);color:#fff}
.logout-icon{width:15px;height:15px}
.sidebar-meta{margin-top:10px;color:#788c84;font-size:10px;line-height:1.3;text-align:left}
.sidebar-meta a{color:#d2dbd7;font-weight:800}

/* Górny pasek */
.topbar{min-height:64px;height:auto;flex-wrap:wrap;gap:18px;padding:10px 28px}
.topbar-system{margin-right:auto;color:#263b34;font-weight:850}
.topbar-system small{display:inline-flex;margin-left:6px;padding:4px 7px;border-radius:999px;background:#fff0f1;color:#b51f27;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.content{padding:clamp(18px,2.2vw,30px)}

/* Premium KPI — mniejsze i wyśrodkowane ikony */
.kpi-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:22px}
.kpi{
  position:relative;min-height:154px;overflow:hidden;padding:18px 14px 19px;
  border:1px solid #e2e7ea;border-radius:16px;background:linear-gradient(155deg,#fff,#fbfcfd);
  box-shadow:0 10px 26px rgba(16,24,40,.045);text-align:center
}
.kpi-head{display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.kpi .kpi-icon{
  display:grid;width:34px;height:34px;place-items:center;flex:0 0 34px;
  border-radius:10px;background:#eef3f1;color:#203c33
}
.kpi .kpi-icon .ui-icon{width:18px;height:18px}
.kpi .kpi-label{display:block;width:100%;color:#667085;font-size:10px;font-weight:850;line-height:1.25;text-align:center}
.kpi strong{display:block;margin:13px 0 7px;color:#17212b;font-size:25px;line-height:1;letter-spacing:-.035em;text-align:center}
.kpi small{display:block;color:#98a2b3;font-size:10px;line-height:1.35;text-align:center}
.kpi-accent{position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#183129,#d62932)}
.kpi.success{border-color:#a9dfca}.kpi.warning{border-color:#f2d398}.kpi.danger{border-color:#f1b6b0}
.kpi.success .kpi-icon{background:#e8f6ef;color:#17785a}.kpi.success .kpi-accent{background:#17785a}
.kpi.warning .kpi-icon{background:#fff4dc;color:#a15c00}.kpi.warning .kpi-accent{background:#d99a24}
.kpi.danger .kpi-icon{background:#fff0ee;color:#b42318}.kpi.danger .kpi-accent{background:#d62932}

/* Logowanie — bez ikon i bez nakładania elementów */
.auth-body{
  display:flex;min-height:100vh;align-items:center;justify-content:center;padding:28px;
  background:radial-gradient(circle at 8% 8%,rgba(214,41,50,.09),transparent 28%),radial-gradient(circle at 92% 88%,rgba(24,49,41,.11),transparent 32%),#edf1f2
}
.auth-shell{
  display:grid;width:min(980px,100%);min-height:570px;grid-template-columns:minmax(0,42%) minmax(0,58%);
  overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:#fff;
  box-shadow:0 30px 80px rgba(16,24,40,.15)
}
.auth-intro{
  display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:46px 42px;
  background:linear-gradient(145deg,#10241e 0%,#183129 62%,#204038 100%);color:#fff
}
.auth-logo{display:block;width:168px;max-width:100%;height:auto;margin:0}
.auth-brand-copy{display:block;margin:20px 0 44px}
.auth-brand-copy strong,.auth-brand-copy span,.auth-brand-copy em{display:block;width:max-content;max-width:100%}
.auth-brand-copy strong{font-size:24px;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}
.auth-brand-copy span{margin-top:4px;color:#bdc9c5;font-size:13px;white-space:nowrap}
.auth-brand-copy em{margin-top:9px;padding:5px 8px;border:1px solid rgba(255,125,132,.22);border-radius:999px;background:rgba(214,41,50,.20);color:#ffb0b5;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.auth-intro h2{max-width:400px;margin:0 0 15px;font-size:31px;line-height:1.14;letter-spacing:-.035em}
.auth-intro p{max-width:390px;margin:0;color:#bdc9c5;font-size:14px;line-height:1.65}
.auth-credit{margin-top:30px;color:#8fa19a;font-size:11px}
.auth-credit a{color:#e4eae7;font-weight:800}
.auth-card{
  display:flex;width:auto;max-width:none;flex-direction:column;justify-content:center;
  padding:54px 52px;border:0;border-radius:0;background:#fff;box-shadow:none
}
.auth-form-head{margin-bottom:10px}
.auth-kicker{display:inline-flex;margin-bottom:14px;color:#b51f27;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.auth-form-head h1{margin:0 0 10px;color:#17212b;font-size:34px;line-height:1.1;letter-spacing:-.04em}
.auth-form-head p{margin:0;color:#667085;font-size:14px;line-height:1.55}
.auth-card form{display:grid;gap:16px;margin-top:28px}
.auth-card label{gap:8px;color:#344054;font-size:12px}
.auth-card input{min-height:50px;padding:12px 14px;border-color:#d5dbe0;border-radius:12px;background:#fbfcfd}
.auth-card input:focus{border-color:#c43740;background:#fff;box-shadow:0 0 0 4px rgba(214,41,50,.09)}
.auth-submit{min-height:50px;margin-top:4px;border-radius:12px;background:linear-gradient(135deg,#183129,#24473c);box-shadow:0 10px 24px rgba(24,49,41,.18)}
.auth-submit:hover{background:linear-gradient(135deg,#d62932,#b51f27)}
.auth-submit span{font-size:18px;line-height:1}
.security-note{margin-top:18px;border-left:3px solid #d62932;border-radius:10px;background:#f5f7f6;color:#667085;padding:12px 14px;font-size:12px;text-align:left}
.otp-input{text-align:center;font-size:26px;letter-spacing:.22em;font-weight:850}
.auth-secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.auth-secondary-actions .inline-form{margin:0;text-align:left}.auth-secondary-actions .text-link{margin:0}

/* Favicon jest osobnym plikiem assets/planszwalni-favicon.svg */

@media(max-width:1260px){
  .kpi-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}
}
@media(max-width:900px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;left:-290px;width:270px;max-width:86vw;transition:left .2s ease}
  .sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}
  .menu-toggle{display:block}
  .topbar{padding:10px 18px}.topbar-system{margin-right:auto}
  .auth-body{padding:18px}
  .auth-shell{grid-template-columns:1fr;max-width:620px;min-height:0}
  .auth-intro{padding:30px 34px}
  .auth-logo{width:146px}
  .auth-brand-copy{margin:16px 0 24px}
  .auth-intro h2{font-size:27px}.auth-credit{margin-top:22px}
  .auth-card{padding:42px 38px}
}
@media(max-width:600px){
  .content{padding:16px}
  .topbar{gap:10px}.topbar-date{display:none}.topbar-system small{display:none}
  .kpi-grid{grid-template-columns:1fr;gap:12px}.kpi{min-height:142px}
  .auth-body{padding:0;background:#fff}
  .auth-shell{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}
  .auth-intro{padding:24px 22px}
  .auth-logo{width:136px}
  .auth-brand-copy{margin:14px 0 20px}.auth-brand-copy strong{font-size:21px}
  .auth-intro h2{font-size:23px}.auth-intro p{font-size:13px;line-height:1.5}.auth-credit{margin-top:16px}
  .auth-card{padding:34px 22px 42px}.auth-form-head h1{font-size:30px}
  .auth-secondary-actions{align-items:stretch;flex-direction:column;gap:6px}.auth-secondary-actions .inline-form,.auth-secondary-actions .text-link{text-align:center}
}

/* =========================================================
   PlanSzwalni 0.3 beta — uporządkowany layout, rewizja 5
   ========================================================= */

/* Sztywna, czytelna konstrukcja aplikacji */
.app-shell{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  min-height:100vh;
}
.sidebar{
  position:sticky !important;
  top:0;
  display:flex !important;
  width:240px !important;
  height:100vh;
  min-width:240px !important;
  flex-direction:column;
  overflow:hidden;
  padding:22px 14px 16px !important;
  background:linear-gradient(180deg,#10231d 0%,#0d1d18 100%) !important;
}
.brand{
  display:block !important;
  flex:0 0 auto;
  margin:0 0 14px !important;
  padding:3px 10px 20px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.brand-logo{
  display:block !important;
  width:154px !important;
  max-width:154px !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain;
}
.brand-product{display:none !important}
.sidebar nav{
  display:grid !important;
  min-height:0;
  align-content:start;
  gap:5px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:0 0 12px !important;
}
.sidebar nav a{
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  min-height:43px;
  align-items:center;
  gap:9px !important;
  padding:7px 9px !important;
  border-radius:11px !important;
  font-size:12.25px !important;
  font-weight:720 !important;
  line-height:1 !important;
}
.sidebar nav a .nav-icon{
  display:grid !important;
  width:30px !important;
  height:30px !important;
  place-items:center !important;
  flex:0 0 30px;
}
.sidebar nav a .nav-icon svg{
  display:block !important;
  width:16px !important;
  height:16px !important;
}
.sidebar nav a .nav-label{
  display:block !important;
  min-width:0;
  overflow:visible !important;
  color:inherit;
  text-overflow:clip !important;
  white-space:nowrap !important;
  word-break:normal !important;
}
.sidebar-meta{
  flex:0 0 auto;
  margin-top:auto !important;
  padding:14px 9px 2px !important;
  border-top:1px solid rgba(255,255,255,.10);
  color:#82958e !important;
  font-size:10px !important;
  line-height:1.35;
}
.sidebar-meta a{color:#d7e0dc !important;font-weight:800}
.sidebar-bottom,.sidebar-user{display:none !important}

/* Pasek górny: konto + intuicyjne wylogowanie */
.topbar{
  display:flex !important;
  min-height:64px !important;
  height:64px !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 26px !important;
}
.topbar-system{display:none !important}
.topbar-spacer{display:block;flex:1 1 auto}
.topbar-date{color:#667085;font-size:12px;white-space:nowrap}
.account-link{font-size:12px !important;font-weight:800 !important;white-space:nowrap}
.topbar-logout{display:inline-flex !important;margin:0 !important}
.topbar-logout button{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  padding:0;
  border:1px solid #dce2e6;
  border-radius:10px;
  background:#fff;
  color:#344054;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease;
}
.topbar-logout button:hover{
  transform:translateY(-1px);
  border-color:#efb8bc;
  background:#fff3f4;
  color:#b42318;
}
.topbar-logout svg{display:block !important;width:17px !important;height:17px !important}
.app-footer{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:16px 28px 25px !important;
  color:#98a2b3;
  font-size:11px;
}
.app-footer span+span::before{content:"·";margin-right:8px}

/* KPI: ikony mniejsze, zawsze wyśrodkowane */
.kpi{
  min-height:150px !important;
  padding:17px 14px 18px !important;
  text-align:center !important;
}
.kpi-head{
  display:flex !important;
  min-height:54px !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
.kpi .kpi-icon{
  display:grid !important;
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  place-items:center !important;
  border-radius:9px !important;
}
.kpi .kpi-icon svg,.kpi .kpi-icon .ui-icon{
  display:block !important;
  width:16px !important;
  height:16px !important;
  max-width:16px !important;
  max-height:16px !important;
}
.kpi .kpi-label{
  display:block !important;
  width:100%;
  font-size:10px !important;
  line-height:1.25 !important;
  text-align:center !important;
}
.kpi strong{margin:12px 0 7px !important;font-size:24px !important;text-align:center !important}
.kpi small{text-align:center !important}

/* Nowy ekran logowania: bez wielkich ikon, lekki ruch w tle i formularzu */
.auth-body{
  position:relative;
  display:grid !important;
  min-height:100vh;
  place-items:center;
  overflow:hidden;
  padding:28px !important;
  background:
    radial-gradient(circle at 12% 12%,rgba(214,41,50,.10),transparent 27%),
    radial-gradient(circle at 88% 86%,rgba(25,67,54,.12),transparent 31%),
    linear-gradient(135deg,#edf2f1 0%,#f8f9f9 52%,#f2eee4 100%) !important;
}
.login-stage{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.login-stage i{
  position:absolute;
  display:block;
  border-radius:999px;
  filter:blur(1px);
  opacity:.48;
  animation:loginFloat 10s ease-in-out infinite alternate;
}
.login-stage i:nth-child(1){width:190px;height:190px;left:-55px;top:9%;background:rgba(214,41,50,.10)}
.login-stage i:nth-child(2){width:260px;height:260px;right:-90px;bottom:4%;background:rgba(24,49,41,.10);animation-delay:-3s}
.login-stage i:nth-child(3){width:90px;height:90px;right:18%;top:12%;background:rgba(214,41,50,.08);animation-delay:-6s}
@keyframes loginFloat{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(18px,-16px,0) scale(1.08)}
}
.login-card{
  position:relative;
  z-index:2;
  width:min(470px,100%);
  padding:34px 36px 24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.92);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 28px 75px rgba(16,24,40,.16);
  backdrop-filter:blur(16px);
  animation:loginEnter .55s cubic-bezier(.2,.75,.3,1) both;
}
.login-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,#d62932,#f18489,#173b30);
  background-size:180% 100%;
  animation:loginLine 4.5s ease infinite;
}
@keyframes loginEnter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes loginLine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.login-brand{
  display:block;
  margin:0 0 27px;
  padding:0 0 22px;
  border-bottom:1px solid #e9edef;
}
.login-brand img{display:block;width:176px;max-width:100%;height:auto;margin:0}
.login-brand p{
  margin:10px 0 0;
  color:#667085;
  font-size:11px;
  font-weight:750;
  letter-spacing:.01em;
}
.login-heading span{
  display:block;
  margin-bottom:8px;
  color:#b51f27;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.login-heading h1{margin:0 0 8px;font-size:30px;line-height:1.1;letter-spacing:-.035em}
.login-heading p{margin:0;color:#667085;font-size:13px;line-height:1.5}
.login-form{display:grid;gap:15px;margin-top:24px}
.login-form label{gap:7px;color:#344054;font-size:11px}
.login-form input{
  min-height:48px;
  padding:11px 13px;
  border:1px solid #d6dce1;
  border-radius:11px;
  background:#fbfcfd;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.login-form input:focus{
  transform:translateY(-1px);
  border-color:#d05b62;
  background:#fff;
  box-shadow:0 0 0 4px rgba(214,41,50,.09);
}
.login-submit{
  position:relative;
  min-height:49px;
  overflow:hidden;
  border-radius:11px !important;
  background:linear-gradient(135deg,#17362c,#244c3e) !important;
  box-shadow:0 12px 24px rgba(23,54,44,.18);
}
.login-submit::after{
  content:"";
  position:absolute;
  top:-35%;bottom:-35%;left:-35%;
  width:24%;
  transform:skewX(-18deg);
  background:rgba(255,255,255,.18);
  animation:buttonShine 3.7s ease-in-out infinite;
}
@keyframes buttonShine{0%,58%{left:-35%}78%,100%{left:125%}}
.login-submit span,.login-submit b{position:relative;z-index:1}
.login-submit b{font-size:17px;font-weight:500;transition:transform .18s ease}
.login-submit:hover b{transform:translateX(4px)}
.login-security{
  margin-top:17px;
  padding:11px 12px;
  border-left:3px solid #d62932;
  border-radius:9px;
  background:#f5f7f6;
  color:#667085;
  font-size:11px;
  line-height:1.45;
}
.login-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:19px;
  padding-top:15px;
  border-top:1px solid #edf0f2;
  color:#98a2b3;
  font-size:9.5px;
  line-height:1.4;
}
.login-footer span:last-child{text-align:right}
.login-footer a{color:#667085;font-weight:800}
.login-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.login-actions .inline-form,.login-actions .text-link{margin:0}
.otp-input{text-align:center;font-size:25px !important;font-weight:850;letter-spacing:.24em}

@media(max-width:1100px){
  .kpi-grid{grid-template-columns:repeat(3,minmax(160px,1fr)) !important}
}
@media(max-width:900px){
  .app-shell{grid-template-columns:1fr !important}
  .sidebar{
    position:fixed !important;
    left:-255px;
    width:240px !important;
    min-width:240px !important;
    transition:left .2s ease;
  }
  .sidebar.open{left:0}
  .menu-toggle{display:block !important}
  .topbar{padding:0 17px !important}
}
@media(max-width:600px){
  .auth-body{padding:14px !important}
  .login-card{padding:28px 22px 20px;border-radius:19px}
  .login-brand img{width:158px}
  .login-footer{align-items:flex-start;flex-direction:column;gap:5px}
  .login-footer span:last-child{text-align:left}
  .login-actions{align-items:stretch;flex-direction:column;gap:5px}
  .login-actions .inline-form,.login-actions .text-link{text-align:center}
  .topbar-date{display:none !important}
  .account-link{font-size:11px !important}
  .app-footer{flex-direction:column;gap:3px}
  .app-footer span+span::before{content:"";margin:0}
  .kpi-grid{grid-template-columns:1fr !important}
}
@media(prefers-reduced-motion:reduce){
  .login-stage i,.login-card,.login-card::before,.login-submit::after{animation:none !important}
  *{scroll-behavior:auto !important}
}

/* Wersja demonstracyjna i wykresy dashboardu */
.demo-access{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 14px;
  align-items:center;
  margin-top:16px;
  padding:14px;
  border:1px solid #d8e6e0;
  border-radius:12px;
  background:linear-gradient(135deg,#f4faf7,#fbfcfc);
}
.demo-access strong{display:block;color:#17362c;font-size:12px}
.demo-access small{display:block;margin-top:3px;color:#667085;font-size:10px}
.demo-access p{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin:0}
.demo-access p span{padding:5px 8px;border-radius:7px;background:#fff;border:1px solid #e1e6e4;color:#475467;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}
.demo-fill{border:0;border-radius:9px;padding:9px 11px;background:#17362c;color:#fff;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}
.demo-fill:hover{background:#244c3e}
.login-form.demo-filled{animation:demoPulse .65s ease}
@keyframes demoPulse{0%,100%{transform:none}40%{transform:translateY(-2px);filter:drop-shadow(0 10px 12px rgba(23,54,44,.10))}}
.demo-mode-banner{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;padding:11px 14px;border:1px solid #f0d79a;border-radius:11px;background:#fff8e7;color:#79520a;font-size:12px}
.demo-mode-banner strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.demo-mode-banner span{color:#795f28}
.demo-topbar-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:#fff3d8;color:#8a5b00;font-size:9px;font-weight:900;letter-spacing:.09em}

.dashboard-chart-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;margin-bottom:22px}
.chart-panel{margin-bottom:0 !important;min-width:0}
.chart-wrap{position:relative;width:100%;height:270px}
.chart-wrap canvas{display:block;width:100% !important;height:270px !important}
.chart-wrap.donut{height:250px}
.chart-wrap.donut canvas{height:250px !important}
.chart-key{display:flex;justify-content:center;gap:20px;margin-top:4px;color:#667085;font-size:11px;font-weight:700}
.chart-key span{display:inline-flex;align-items:center;gap:7px}
.chart-key i{width:10px;height:10px;border-radius:3px}
.chart-key i.planned{background:#d62932}
.chart-key i.actual{background:#17785a}
.donut-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,.8fr);align-items:center;gap:8px}
.donut-legend{display:grid;gap:10px;padding-right:6px}
.donut-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:#475467;font-size:11px}
.donut-legend i{width:9px;height:9px;border-radius:50%;background:var(--legend)}
.donut-legend strong{color:#182230;font-size:12px}

@media(max-width:1180px){
  .dashboard-chart-grid{grid-template-columns:1fr}
  .donut-layout{grid-template-columns:minmax(220px,.8fr) minmax(210px,1fr)}
}
@media(max-width:600px){
  .demo-access{grid-template-columns:1fr}
  .demo-access p{grid-column:1}
  .demo-fill{width:100%}
  .demo-mode-banner{align-items:flex-start;flex-direction:column;gap:4px}
  .dashboard-chart-grid{gap:14px}
  .chart-wrap,.chart-wrap canvas{height:240px !important}
  .chart-wrap.donut,.chart-wrap.donut canvas{height:230px !important}
  .donut-layout{grid-template-columns:1fr}
  .donut-legend{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
}


/* Plan Szwalni 1.7 beta — branding Sandex i historia wersji */
.brand{display:flex!important;align-items:center!important;justify-content:center!important;min-height:82px!important;padding:10px 8px 18px!important;margin:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
.brand-logo{display:block!important;width:190px!important;max-width:100%!important;height:auto!important;max-height:58px!important;object-fit:contain!important;margin:0 auto!important}
.login-brand img{display:block!important;width:230px!important;max-width:100%!important;height:auto!important;max-height:68px!important;object-fit:contain!important;margin:0!important}
.print-logo{display:block!important;width:210px!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.current-version-badge{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #f2c5c8;background:#fff5f5;color:#a91f27;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}
.version-form{border-top:3px solid var(--brand)}
.version-form-grid{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(320px,1fr);gap:18px;align-items:start;margin-bottom:16px}
.version-form textarea{min-height:112px}
.version-timeline{position:relative;display:grid;gap:0;margin-left:9px}
.version-timeline:before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;background:#e5e7eb}
.version-entry{position:relative;margin-left:30px;padding:0 0 24px}
.version-entry:last-child{padding-bottom:0}
.version-dot{position:absolute;left:-30px;top:4px;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 1px #d0d5dd}
.version-entry.is-current .version-dot{background:var(--brand);box-shadow:0 0 0 4px rgba(214,41,50,.12)}
.version-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.version-entry-head>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.version-entry-head strong{font-size:17px;color:#101828}
.version-entry-head time{color:#98a2b3;font-size:11px;white-space:nowrap}
.version-entry p{margin:0 0 8px;color:#475467;line-height:1.55}
.version-entry small{color:#98a2b3}
@media(max-width:900px){.brand-logo{width:176px!important}.login-brand img{width:205px!important}.version-form-grid{grid-template-columns:1fr}.version-entry-head{display:grid}.current-version-badge{white-space:normal}}
@media(max-width:600px){.brand{min-height:72px!important}.brand-logo{width:160px!important}.login-brand img{width:190px!important}.version-entry{margin-left:26px}.version-dot{left:-26px}}

/* Plan Szwalni 1.7.1 beta — wybór miesiąca */
.month-picker{display:flex;align-items:center;gap:10px;position:relative}
.month-picker-caption{font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}
.month-control{display:flex;align-items:center;gap:7px}
.month-step{width:36px;height:36px;border:1px solid #d7dce3;background:#fff;border-radius:10px;color:#344054;font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 2px 7px rgba(16,24,40,.04)}
.month-step:hover{border-color:#b9c1cc;background:#f9fafb}
.month-dropdown{position:relative}
.month-trigger{min-width:190px;height:40px;border:1px solid #d0d5dd;background:#fff;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#182230;font-size:13px;font-weight:800;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.month-trigger:hover,.month-trigger[aria-expanded="true"]{border-color:var(--brand);box-shadow:0 0 0 3px rgba(214,41,50,.08)}
.month-calendar-icon{width:17px;height:17px;color:var(--brand);flex:0 0 auto}
.month-trigger [data-month-label]{flex:1;text-align:left}
.month-chevron{font-size:16px;color:#98a2b3;transform:translateY(-1px)}
.month-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:310px;background:#fff;border:1px solid #e0e4e9;border-radius:16px;padding:14px;box-shadow:0 20px 48px rgba(16,24,40,.16)}
.month-popover[hidden]{display:none}
.month-year-nav{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:12px}
.month-year-nav strong{text-align:center;font-size:15px;color:#182230}
.month-year-nav button{width:34px;height:32px;border:1px solid #e1e5ea;background:#fff;border-radius:9px;font-size:19px;color:#475467}
.month-year-nav button:hover{background:#f6f7f9}
.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.month-option{border:1px solid transparent;background:#f7f8fa;border-radius:9px;padding:9px 6px;color:#475467;font-size:12px;font-weight:700}
.month-option:hover{background:#fff1f2;color:#a91f27}
.month-option.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.month-current{width:100%;margin-top:10px;border:0;background:transparent;color:var(--brand-dark);font-size:12px;font-weight:800;padding:8px;border-radius:8px}
.month-current:hover{background:#fff1f2}
.version-auto-note{border-left:4px solid var(--brand)}
@media(max-width:700px){.page-title{align-items:stretch}.month-picker{justify-content:space-between;flex-wrap:wrap}.month-picker-caption{width:100%}.month-control{width:100%}.month-dropdown{flex:1}.month-trigger{width:100%;min-width:0}.month-popover{right:auto;left:50%;transform:translateX(-50%);width:min(310px,calc(100vw - 32px))}}

/* Plan Szwalni 1.7.2 beta — raporty i wydajność */
.report-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
.report-ranking{margin-bottom:0!important}
.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ranking-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid #eaecf0;border-radius:11px;background:#fff}
.ranking-list li>div{display:grid;gap:2px;min-width:0}
.ranking-list li strong{color:#182230;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ranking-list li small{color:#98a2b3;font-size:10px}
.ranking-list li>b{color:#17362c;font-size:13px;white-space:nowrap}
.ranking-place,.deviation-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:900}
.ranking-list li:first-child .ranking-place{background:#fff3d6;color:#8a5b00}
.deviation-list li>b{color:#b42318}
.deviation-mark{background:#fff1f0;color:#b42318}
.efficiency-value{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}
.efficiency-value.eff-good{background:#ecfdf3;color:#027a48}
.efficiency-value.eff-warning{background:#fffaeb;color:#b54708}
.efficiency-value.eff-danger{background:#fef3f2;color:#b42318}
.efficiency-value.eff-check{background:#fff4ed;color:#c4320a}
.efficiency-value.eff-none{background:#f2f4f7;color:#667085}
@media(max-width:900px){.report-insights{grid-template-columns:1fr}}

/* Plan Szwalni 1.7.3 beta — profile szwaczek, świeższy layout i zwijane menu */
body{background:linear-gradient(180deg,#f7f8fa 0,#f2f4f7 360px,#f4f6f8 100%)}
.app-shell{transition:grid-template-columns .22s ease}
.sidebar{transition:width .22s ease,left .22s ease,padding .22s ease;overflow-x:hidden}
.sidebar-brand-row{position:relative;display:flex;align-items:center;min-height:82px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:12px}
.sidebar-brand-row .brand{flex:1;min-width:0;border:0!important;margin:0!important;padding:10px 34px 16px 8px!important}
.sidebar-collapse{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.06);color:#d5d9df;font-size:20px;line-height:1;transition:transform .22s ease,background .15s ease}
.sidebar-collapse:hover{background:rgba(255,255,255,.13);color:#fff}
.sidebar nav a{position:relative;min-width:0}
.sidebar nav .nav-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .12s ease,width .22s ease}
.sidebar-meta{white-space:nowrap;overflow:hidden;transition:opacity .12s ease}
body.sidebar-collapsed .app-shell{grid-template-columns:78px minmax(0,1fr)}
body.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}
body.sidebar-collapsed .sidebar-brand-row{justify-content:center}
body.sidebar-collapsed .sidebar-brand-row .brand{padding:12px 0!important;opacity:0;pointer-events:none;width:0;flex:0 0 0}
body.sidebar-collapsed .sidebar-collapse{position:static;transform:rotate(180deg);margin:auto}
body.sidebar-collapsed .sidebar nav a{justify-content:center;padding-left:10px;padding-right:10px}
body.sidebar-collapsed .sidebar nav .nav-icon{margin:0}
body.sidebar-collapsed .sidebar nav .nav-label{width:0;opacity:0;pointer-events:none}
body.sidebar-collapsed .sidebar-meta{opacity:0;height:0;padding:0;margin:0}
body.sidebar-collapsed .sidebar nav a:hover:after{content:attr(title);position:absolute;left:58px;top:50%;transform:translateY(-50%);z-index:80;padding:8px 10px;border-radius:8px;background:#111318;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.22)}

.order-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-areas:"data calc" "workers workers";gap:20px;align-items:start}
.order-form-layout>.form-panel:first-of-type{grid-area:data;margin:0}
.order-form-layout>.calculator-card{grid-area:calc;margin:0;position:sticky;top:84px}
.order-workers-section{grid-area:workers;margin:0}
.worker-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.worker-card>span{display:grid!important;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:68px;padding:10px!important}
.worker-picker-photo{width:44px;height:44px;border-radius:13px;object-fit:cover;background:#eceff2;display:grid;place-items:center;flex:0 0 auto}
.worker-picker-copy{display:grid!important;gap:4px!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
.worker-picker-copy strong{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-picker-copy small{font-size:10px;color:#7b8491;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-card>span>i{width:22px;height:22px;border:1px solid #d5dae0;border-radius:7px;display:grid;place-items:center;color:transparent;font-style:normal;font-size:12px;font-weight:900}
.worker-card input:checked+span>i{background:var(--green);border-color:var(--green);color:#fff}
.worker-card input:checked+span{border-color:#8dcbb7;background:#effaf5}

.worker-editor{border-top:3px solid var(--brand)}
.worker-form{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}
.worker-form-photo{display:grid;gap:12px}
.worker-photo-preview{display:grid;place-items:center;border:1px solid #e1e5ea;border-radius:18px;background:linear-gradient(145deg,#f8f9fb,#eef1f4);padding:14px;min-height:170px}
.worker-photo-large{width:132px;height:132px;border-radius:30px;object-fit:cover;display:grid;place-items:center;font-size:28px;font-weight:850}
.file-field{padding:11px;border:1px dashed #cbd2da;border-radius:11px;background:#fbfcfd;cursor:pointer}
.file-field input{padding:6px 0;border:0;box-shadow:none;background:transparent;font-size:11px}
.file-field small{font-weight:500;color:#8a93a0}
.remove-photo{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:11px}
.remove-photo input{width:auto}
.worker-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.worker-form-fields label:last-child{grid-column:1/-1}
.worker-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
.worker-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.worker-profile-card{position:relative;background:#fff;border:1px solid #e2e6eb;border-radius:17px;padding:17px;box-shadow:0 8px 22px rgba(16,24,40,.045);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.worker-profile-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brand),#ee7d84)}
.worker-profile-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(16,24,40,.08);border-color:#d5dae1}
.worker-profile-card.is-inactive{opacity:.62;filter:grayscale(.3)}
.worker-profile-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:start}
.worker-profile-photo{width:58px;height:58px;border-radius:17px;object-fit:cover;display:grid;place-items:center;font-size:16px;font-weight:850;background:#edf0f3}
.worker-photo-fallback{background:linear-gradient(145deg,#253a34,#182621);color:#fff}
.worker-profile-head h3{margin:2px 0 7px;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-code{display:block;color:#98a2b3;font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.worker-profile-tags{display:grid;gap:10px;margin:15px 0}
.worker-tag-group small{display:block;margin-bottom:6px;color:#98a2b3;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.worker-tag-group>div{display:flex;flex-wrap:wrap;gap:5px}
.worker-tag{display:inline-flex;padding:5px 7px;border-radius:7px;background:#f3f5f7;color:#475467;font-size:9px;font-weight:700}
.worker-tag.is-empty{color:#98a2b3;font-weight:600}
.worker-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:13px;border-top:1px solid #edf0f2}
.worker-profile-stats div{min-width:0}
.worker-profile-stats small{display:block;color:#98a2b3;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.worker-profile-stats strong{display:block;margin-top:3px;color:#243029;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.panel{transition:box-shadow .18s ease,border-color .18s ease}
.panel:hover{border-color:#dde2e7}
.page-title h1{background:linear-gradient(90deg,#17212b,#34443e);-webkit-background-clip:text;background-clip:text;color:transparent}

@media(max-width:1180px){
  .worker-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .worker-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .sidebar-collapse{display:none}
  body.sidebar-collapsed .app-shell{grid-template-columns:1fr}
  body.sidebar-collapsed .sidebar{padding:16px 14px}
  body.sidebar-collapsed .sidebar-brand-row .brand{opacity:1;pointer-events:auto;width:auto;flex:1;padding:10px 8px 18px!important}
  body.sidebar-collapsed .sidebar nav a{justify-content:flex-start;padding:11px 13px}
  body.sidebar-collapsed .sidebar nav .nav-label{width:auto;opacity:1}
  body.sidebar-collapsed .sidebar-meta{opacity:1;height:auto}
  .order-form-layout{grid-template-columns:1fr;grid-template-areas:"data" "calc" "workers"}
  .order-form-layout>.calculator-card{position:static}
  .worker-form{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:680px){
  .worker-profile-grid,.worker-picker{grid-template-columns:1fr}
  .worker-form{grid-template-columns:1fr}
  .worker-form-photo{grid-template-columns:110px minmax(0,1fr);align-items:center}
  .worker-photo-preview{min-height:120px;padding:8px}
  .worker-photo-large{width:96px;height:96px;border-radius:24px}
  .worker-form-fields{grid-template-columns:1fr}
  .worker-form-fields label:last-child{grid-column:auto}
  .worker-form-actions{grid-column:auto}
}

/* Plan Szwalni 1.7.3.1 beta — stabilne, płynne zwijanie menu i mikroodświeżenie */
:root{--sidebar-open:260px;--sidebar-closed:74px}
.app-shell{grid-template-columns:var(--sidebar-open) minmax(0,1fr)!important;transition:grid-template-columns .3s cubic-bezier(.22,.61,.36,1)!important}
.sidebar{width:100%!important;min-width:0!important;padding:18px 14px!important;transition:padding .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease!important}
.sidebar-brand-row{min-height:72px!important;transition:min-height .3s ease,margin .3s ease!important}
.sidebar-brand-row .brand{opacity:1;transform:translateX(0);transition:opacity .18s ease,transform .3s ease,width .3s ease,padding .3s ease!important}
.collapsed-brand{position:absolute;left:50%;top:10px;transform:translate(-50%,-6px) scale(.85);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .18s ease .05s,transform .3s ease;background:rgba(255,255,255,.07)}
.collapsed-brand img{display:block;width:28px;height:28px}
.sidebar-collapse{right:0!important;top:50%!important;transform:translateY(-50%)!important;transition:transform .3s ease,background .15s ease,right .3s ease!important}
.sidebar-collapse span{display:block;transition:transform .3s ease}
.sidebar nav a{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px!important;min-height:42px;transition:padding .3s ease,grid-template-columns .3s ease,background .15s ease!important}
.sidebar nav a .nav-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin:0!important;transition:transform .2s ease,background .15s ease!important}
.sidebar nav a .nav-label{min-width:0!important;max-width:170px;opacity:1;transform:translateX(0);transition:opacity .15s ease,max-width .3s ease,transform .3s ease!important}
.sidebar nav a:hover .nav-icon{transform:scale(1.06)}
body.sidebar-collapsed .app-shell{grid-template-columns:var(--sidebar-closed) minmax(0,1fr)!important}
body.sidebar-collapsed .sidebar{padding-left:9px!important;padding-right:9px!important}
body.sidebar-collapsed .sidebar-brand-row{min-height:62px!important;margin-bottom:10px!important}
body.sidebar-collapsed .sidebar-brand-row .brand{width:0!important;flex:0 0 0!important;padding:0!important;opacity:0!important;transform:translateX(-16px)!important;pointer-events:none!important;overflow:hidden!important}
body.sidebar-collapsed .collapsed-brand{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
body.sidebar-collapsed .sidebar-collapse{right:-5px!important;top:auto!important;bottom:-8px!important;transform:none!important;width:24px!important;height:24px!important;border-radius:8px!important}
body.sidebar-collapsed .sidebar-collapse span{transform:rotate(180deg)}
body.sidebar-collapsed .sidebar nav a{grid-template-columns:34px 0!important;gap:0!important;justify-content:center!important;padding:4px 10px!important}
body.sidebar-collapsed .sidebar nav a .nav-label{max-width:0!important;opacity:0!important;transform:translateX(-8px)!important;pointer-events:none!important;overflow:hidden!important}
body.sidebar-collapsed .sidebar-meta{opacity:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.sidebar-collapsed .sidebar nav a:hover:after{left:54px!important}
.worker-profile-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.worker-profile-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(16,24,40,.10)!important}
.worker-profile-photo,.worker-picker-photo{transition:transform .2s ease,box-shadow .2s ease}
.worker-profile-card:hover .worker-profile-photo{transform:scale(1.035);box-shadow:0 7px 16px rgba(16,24,40,.14)}
.btn,.icon-btn,.month-trigger{transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
.btn:hover,.icon-btn:hover{transform:translateY(-1px)}
@media(max-width:900px){
 .app-shell,body.sidebar-collapsed .app-shell{grid-template-columns:1fr!important}
 .sidebar,body.sidebar-collapsed .sidebar{width:270px!important;padding:16px 14px!important}
 .collapsed-brand{display:none!important}
 body.sidebar-collapsed .sidebar-brand-row .brand{width:auto!important;flex:1!important;padding:10px 8px 18px!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
 body.sidebar-collapsed .sidebar nav a{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;justify-content:start!important;padding:11px 13px!important}
 body.sidebar-collapsed .sidebar nav a .nav-label{max-width:170px!important;opacity:1!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){.app-shell,.sidebar,.sidebar *,.worker-profile-card,.btn,.icon-btn{transition:none!important;animation:none!important}}


/* Plan Szwalni 1.7.3.2 beta — proste zwijanie i pewne zdjęcia pracownic */
.collapsed-brand{display:none!important}
body.sidebar-collapsed .sidebar-brand-row{min-height:52px!important;display:grid!important;place-items:center!important;position:relative!important}
body.sidebar-collapsed .sidebar-collapse{position:absolute!important;left:50%!important;right:auto!important;top:14px!important;bottom:auto!important;transform:translateX(-50%)!important;width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important}
body.sidebar-collapsed .sidebar-collapse:hover{background:rgba(255,255,255,.15)!important}
body.sidebar-collapsed .sidebar-collapse span{transform:rotate(180deg)!important;font-size:22px!important;line-height:1!important}
.worker-picker-photo,.worker-profile-photo{display:block!important;object-fit:cover!important;object-position:center!important;background:#eef1f4!important}
.worker-picker-photo{width:46px!important;height:46px!important;min-width:46px!important;border-radius:12px!important}
.worker-profile-photo{width:72px!important;height:72px!important;min-width:72px!important;border-radius:18px!important}
.worker-card>span{grid-template-columns:46px minmax(0,1fr) 24px!important}
.worker-picker-copy{min-width:0!important}
.worker-picker-copy strong,.worker-picker-copy small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:900px){body.sidebar-collapsed .sidebar-collapse{position:absolute!important;left:auto!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}}

/* Plan Szwalni 1.7.3.3 beta — fioletowa karta wersji i świeższe akcenty */
:root{
  --purple:#6d43d9;
  --purple-dark:#4d2ca8;
  --purple-soft:#f1edff;
  --purple-border:#dcd2ff;
}
.sidebar-version-card{
  display:block;
  position:relative;
  margin:auto 4px 10px;
  padding:16px 15px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:linear-gradient(145deg,#7750df 0%,#5430b6 58%,#43258f 100%);
  color:#fff;
  box-shadow:0 16px 34px rgba(62,32,136,.30);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,max-height .28s ease,padding .28s ease,margin .28s ease;
}
.sidebar-version-card:before{
  content:"";
  position:absolute;
  width:96px;
  height:96px;
  right:-38px;
  top:-44px;
  border-radius:50%;
  background:rgba(255,255,255,.11);
}
.sidebar-version-card:after{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  left:-38px;
  bottom:-46px;
  border-radius:50%;
  background:rgba(255,255,255,.07);
}
a.sidebar-version-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(62,32,136,.38);
}
.sidebar-version-kicker{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:9px;
  color:#efeaff;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sidebar-version-kicker:before{content:"★";color:#ffd85c;font-size:11px}
.sidebar-version-card strong{
  position:relative;
  z-index:1;
  display:block;
  margin:0 0 5px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.sidebar-version-card small{
  position:relative;
  z-index:1;
  display:block;
  color:#e5dcff;
  font-size:11px;
  font-weight:700;
}
.sidebar-version-card em{
  position:relative;
  z-index:1;
  display:inline-flex;
  margin-top:12px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(90,225,139,.22);
  color:#bfffd5;
  font-size:9px;
  line-height:1;
  font-style:normal;
  font-weight:900;
}
.sidebar-version-link{
  position:relative;
  z-index:1;
  display:block;
  margin-top:11px;
  color:#f2efff;
  font-size:9px;
  font-weight:800;
}
.sidebar nav a.active{
  background:linear-gradient(135deg,rgba(109,67,217,.82),rgba(83,47,180,.66))!important;
  border-color:rgba(202,188,255,.25)!important;
  box-shadow:0 8px 18px rgba(65,35,143,.18);
}
.sidebar nav a.active .nav-icon{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
}
.btn.primary{
  background:linear-gradient(135deg,var(--purple),var(--purple-dark))!important;
  box-shadow:0 8px 18px rgba(91,54,192,.18);
}
.btn.primary:hover{background:linear-gradient(135deg,#7a52e5,#5530b7)!important}
input:focus,select:focus,textarea:focus{
  border-color:#9678e7!important;
  box-shadow:0 0 0 3px rgba(109,67,217,.12)!important;
}
.month-trigger:hover,.month-trigger[aria-expanded="true"]{
  border-color:var(--purple)!important;
  box-shadow:0 0 0 3px rgba(109,67,217,.10)!important;
}
.month-calendar-icon,.eyebrow{color:var(--purple-dark)!important}
body.sidebar-collapsed .sidebar-version-card{
  opacity:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border-width:0!important;
  pointer-events:none!important;
}
@media(max-height:760px) and (min-width:901px){
  .sidebar-version-card{padding:12px 13px;margin-bottom:7px}
  .sidebar-version-card strong{font-size:18px}
  .sidebar-version-card em,.sidebar-version-link{margin-top:7px}
}
@media(max-width:900px){
  .sidebar-version-card{margin-top:18px}
}


/* Plan Szwalni 1.7.3.4 beta — stabilne menu i karta tylko informacyjna */
html.sidebar-collapsed .app-shell{grid-template-columns:var(--sidebar-closed) minmax(0,1fr)!important}
html.sidebar-collapsed .sidebar{padding-left:9px!important;padding-right:9px!important}
html.sidebar-collapsed .sidebar-brand-row{min-height:52px!important;display:grid!important;place-items:center!important;position:relative!important;margin-bottom:10px!important}
html.sidebar-collapsed .sidebar-brand-row .brand{width:0!important;flex:0 0 0!important;padding:0!important;opacity:0!important;transform:translateX(-16px)!important;pointer-events:none!important;overflow:hidden!important}
html.sidebar-collapsed .sidebar-collapse{position:absolute!important;left:50%!important;right:auto!important;top:14px!important;bottom:auto!important;transform:translateX(-50%)!important;width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important}
html.sidebar-collapsed .sidebar-collapse span{transform:rotate(180deg)!important;font-size:22px!important;line-height:1!important}
html.sidebar-collapsed .sidebar nav a{grid-template-columns:34px 0!important;gap:0!important;justify-content:center!important;padding:4px 10px!important}
html.sidebar-collapsed .sidebar nav a .nav-label{max-width:0!important;opacity:0!important;transform:translateX(-8px)!important;pointer-events:none!important;overflow:hidden!important}
html.sidebar-collapsed .sidebar-meta,html.sidebar-collapsed .sidebar-version-card{opacity:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important}
.sidebar-version-card{cursor:default!important;pointer-events:none!important}
.sidebar-version-card:after,.sidebar-version-link{display:none!important}
.sidebar-version-card small{margin-top:8px!important}
@media(max-width:900px){html.sidebar-collapsed .app-shell{grid-template-columns:1fr!important}html.sidebar-collapsed .sidebar{width:270px!important;padding:16px 14px!important}html.sidebar-collapsed .sidebar-brand-row .brand{width:auto!important;flex:1!important;padding:10px 8px 18px!important;opacity:1!important;transform:none!important;pointer-events:auto!important}html.sidebar-collapsed .sidebar nav a{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;justify-content:start!important;padding:11px 13px!important}html.sidebar-collapsed .sidebar nav a .nav-label{max-width:170px!important;opacity:1!important;transform:none!important}}

/* Plan Szwalni 1.7.3.5 beta — usuwanie kartotek */
.worker-card-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.danger-icon{color:#b42318!important;border-color:#f0b4ae!important;background:#fff7f6!important}
.danger-icon:hover{background:#fee4e2!important;border-color:#e98b82!important;color:#912018!important}
.danger-icon .ui-icon{width:16px;height:16px}

/* Plan Szwalni 1.7.3.8 beta — role i uprawnienia */
.roles-admin-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:22px;align-items:start}
.role-selector{position:sticky;top:84px;padding:18px}
.role-selector-list{display:grid;gap:8px}
.role-selector-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.role-selector-item:hover{transform:translateY(-1px);border-color:var(--purple-border);box-shadow:0 8px 20px rgba(91,54,192,.08)}
.role-selector-item.active{border-color:var(--purple);background:linear-gradient(135deg,var(--purple-soft),#fff);box-shadow:0 8px 22px rgba(91,54,192,.12)}
.role-selector-item span{min-width:0}.role-selector-item strong,.role-selector-item small{display:block}.role-selector-item strong{font-size:13px;color:#231942}.role-selector-item small{margin-top:4px;color:var(--muted);font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.role-selector-item b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#f2f0fb;color:var(--purple-dark);font-size:11px}
.role-selector-note{margin-top:16px;padding:14px;border-radius:12px;background:#f7f5ff;border:1px solid var(--purple-border)}
.role-selector-note strong{display:block;color:var(--purple-dark);font-size:12px}.role-selector-note p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.role-editor{min-width:0}.role-editor code{color:var(--purple-dark);background:var(--purple-soft)}
.role-security-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;border:1px solid #d9cdfb;border-radius:13px;background:linear-gradient(135deg,#f5f1ff,#fff)}
.role-security-note strong{color:var(--purple-dark);font-size:12px;white-space:nowrap}.role-security-note span{color:var(--muted);font-size:12px;line-height:1.5}
.role-main-fields{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:16px;margin-bottom:22px}
.permission-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line);margin-bottom:14px}
.permission-heading h3{margin:0;color:#231942;font-size:16px}.permission-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}
.permission-counter{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--purple-soft);color:var(--purple-dark);font-size:10px;font-weight:900;white-space:nowrap}
.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.permission-group{min-width:0;margin:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fbfbfd}
.permission-group legend{padding:0 7px;color:var(--purple-dark);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.permission-option{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:flex-start;padding:11px;border-radius:10px;color:#344054;cursor:pointer;transition:background .16s ease}
.permission-option:hover{background:#f4f1ff}.permission-option+.permission-option{border-top:1px solid #eceaf2}
.permission-option>span:last-child strong,.permission-option>span:last-child small{display:block}.permission-option>span:last-child strong{color:#25213b;font-size:12px}.permission-option>span:last-child small{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.45;font-weight:500}
.permission-check{position:relative;width:20px;height:20px;margin-top:1px}.permission-check input{position:absolute;inset:0;opacity:0;cursor:pointer}.permission-check i{display:block;width:20px;height:20px;border:1px solid #c9c4d7;border-radius:6px;background:#fff;transition:.15s ease}
.permission-check input:checked+i{border-color:var(--purple);background:linear-gradient(135deg,var(--purple),var(--purple-dark));box-shadow:0 4px 10px rgba(91,54,192,.2)}
.permission-check input:checked+i:after{content:"";display:block;width:8px;height:4px;margin:5px 0 0 5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.permission-option.is-locked{cursor:not-allowed;opacity:.78}.permission-option.is-locked .permission-check input{cursor:not-allowed}
.role-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:1100px){.roles-admin-layout{grid-template-columns:1fr}.role-selector{position:static}.role-selector-list{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-groups{grid-template-columns:1fr}}
@media(max-width:700px){.role-selector-list{grid-template-columns:1fr}.role-main-fields{grid-template-columns:1fr}.permission-heading{align-items:flex-start;flex-direction:column}.role-security-note{flex-direction:column}.role-form-actions{justify-content:stretch;flex-direction:column}.role-form-actions .btn{width:100%}}

/* ===== 1.7.4 beta: środowiska beta/produkcja i bezpieczne aktualizacje ===== */
.environment-topbar-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#6d4aff,#8b5cf6);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 20px rgba(109,74,255,.2)}
.production-update-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;padding:18px 20px;border:1px solid rgba(109,74,255,.18);border-radius:18px;background:linear-gradient(135deg,rgba(109,74,255,.10),rgba(151,113,255,.05));box-shadow:0 12px 30px rgba(77,53,128,.08)}
.production-update-banner>div{min-width:0}.production-update-banner span{display:block;margin-bottom:4px;color:#7254d8;font-size:11px;font-weight:900;letter-spacing:.08em}.production-update-banner strong{display:block;color:#2c2143;font-size:20px}.production-update-banner p{margin:5px 0 0;color:#696078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}
.release-environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.release-env-card{margin:0!important;position:relative;overflow:hidden}.release-env-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#8b5cf6}.release-env-card.is-production:before{background:#16a36a}.release-env-kicker{display:block;margin-bottom:6px;color:#877a99;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.release-env-card strong{display:block;margin-bottom:8px;color:#2d2440;font-size:22px}.release-env-card p{margin:0;color:#6d647b;line-height:1.55}
.update-config-warning{border-color:#f0d59b;background:#fffdf7}.update-config-warning ul{margin:4px 0 0;padding-left:22px;color:#715a2d}.update-config-warning li+li{margin-top:6px}
.release-action-panel{overflow:hidden}.release-approval-form,.production-update-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px;border:1px solid #e7e0f8;border-radius:16px;background:#fbfaff}.release-approval-copy{display:grid;gap:5px}.release-approval-copy strong,.production-update-card strong{font-size:20px;color:#302347}.release-approval-copy span,.production-update-card p{color:#6d637b}.production-update-card p{margin:6px 0}.production-update-card small{color:#8b8198}.release-ready,.release-empty{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:16px;background:#f7f4ff}.release-ready strong,.release-empty strong{color:#38285b;font-size:18px}.release-ready span,.release-empty span{color:#766b83}
.release-action-panel .btn.primary{white-space:nowrap;background:linear-gradient(135deg,#6644e8,#8b5cf6);border-color:transparent;box-shadow:0 10px 22px rgba(107,73,232,.2)}
@media(max-width:900px){.release-environment-grid{grid-template-columns:1fr}.production-update-banner,.release-approval-form,.production-update-card{align-items:flex-start;flex-direction:column}.production-update-banner p{white-space:normal}.environment-topbar-badge{display:none}}
.auth-environment-badge{margin:-8px auto 18px;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#6848e8,#9567ff);color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;box-shadow:0 8px 22px rgba(104,72,232,.18)}