/* Alasta v5.17.T153 — compact sidebar + MES order expand + diagnostics */
.sidebar .nav-group{display:block!important;padding:0 8px 3px!important;margin:0 0 3px!important;overflow:visible!important;min-height:0!important;max-height:none!important;contain:layout style}.sidebar .nav-group[hidden]{display:none!important}.sidebar .nav-group-head{min-height:30px!important;padding:7px 9px 4px!important;margin:0!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:8px!important;transition:background-color .18s ease,color .18s ease,transform .18s ease!important}.sidebar .nav-group-head:hover{background:rgba(60,60,67,.065)!important}.sidebar .nav-group-head::after{content:none!important;display:none!important}.sidebar .nav-group-chevron{margin-left:auto!important;display:inline-flex!important;align-items:center;justify-content:center;width:18px;height:18px;border-radius:99px;color:#8e8e93!important;font-size:12px!important;line-height:1!important;transform:rotate(0deg);transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .18s ease,color .18s ease!important}.sidebar .nav-group-head:hover .nav-group-chevron{background:rgba(0,122,255,.09);color:#007aff!important}.sidebar .nav-group:is(.collapsed,.is-collapsed) .nav-group-chevron{transform:rotate(-90deg)}.sidebar .nav-group-body{display:grid;grid-template-rows:1fr;opacity:1;margin-top:2px;transition:grid-template-rows .31s cubic-bezier(.22,1,.36,1),opacity .20s ease,margin .31s cubic-bezier(.22,1,.36,1)!important}.sidebar .nav-group-body-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}.sidebar .nav-group:is(.collapsed,.is-collapsed){padding-bottom:0!important;margin-bottom:1px!important}.sidebar .nav-group:is(.collapsed,.is-collapsed) .nav-group-body{grid-template-rows:0fr;opacity:0;margin-top:0;pointer-events:none}.sidebar .nav-group:is(.collapsed,.is-collapsed)>button.pill,.sidebar .nav-group:is(.collapsed,.is-collapsed)>.pill{display:none!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important}.sidebar .nav-group-body .pill,.sidebar .nav-group-body button.pill{flex:0 0 auto!important;min-height:36px!important;margin:0!important}.sidebar .nav-group-label{line-height:1.05!important}

.mes-order-row{transition:background-color .18s ease,border-color .18s ease,box-shadow .20s ease,transform .18s ease!important}.mes-order-row:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.07)!important}.mes-order-row.is-expanded{border-color:rgba(0,122,255,.32)!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.70))!important;box-shadow:0 12px 26px rgba(0,122,255,.10),0 2px 8px rgba(15,23,42,.06)!important}.mor-expanded-panel{display:grid;grid-template-rows:0fr;opacity:0;margin:-4px 0 8px;overflow:hidden;transform:translateY(-4px);transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),opacity .22s ease,margin .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.mor-expanded-panel.is-open{grid-template-rows:1fr;opacity:1;margin:0 0 12px;transform:translateY(0)}.mor-expanded-inner{min-height:0;overflow:hidden;border:1px solid rgba(0,122,255,.16);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(242,247,255,.88));box-shadow:0 10px 22px rgba(15,23,42,.055);padding:14px}.mor-expanded-grid{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(220px,.9fr) minmax(220px,.95fr);gap:12px}.mor-expanded-box{border:1px solid rgba(60,60,67,.12);border-radius:14px;background:rgba(255,255,255,.72);padding:12px}.mor-expanded-box strong{display:block;margin-bottom:6px;color:#111827}.mor-expanded-line{display:flex;gap:8px;justify-content:space-between;padding:3px 0;color:#475569;font-size:12px}.mor-expanded-line span:first-child{color:#64748b}.mor-expanded-items{display:grid;gap:5px;max-height:140px;overflow:auto;padding-right:4px}.mor-expanded-item{display:flex;gap:8px;justify-content:space-between;font-size:12px;padding:6px 8px;border-radius:10px;background:rgba(248,250,252,.9)}.mor-expanded-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:flex-end}.mor-expanded-actions .mor-sr-btn-strong{background:#0a7cff!important;color:#fff!important;border-color:#0a7cff!important;box-shadow:0 8px 20px rgba(0,122,255,.24)!important}.mor-expand-hint{font-size:11px;color:#64748b;margin-top:8px;text-align:right}

.integration-diagnostics-t137,.sales-audit-t138,.mail-readiness-t139,.system-backup-t140{border:1px solid rgba(0,122,255,.15)!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.72))!important;box-shadow:0 12px 28px rgba(15,23,42,.065)!important;padding:16px!important;margin:14px 0!important}.integration-diagnostics-t137 .diag-head,.sales-audit-t138 .diag-head,.mail-readiness-t139 .diag-head,.system-backup-t140 .diag-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.integration-diagnostics-t137 h3,.sales-audit-t138 h3,.mail-readiness-t139 h3,.system-backup-t140 h3{margin:0;font-size:16px;letter-spacing:-.02em}.diag-grid-t137{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.diag-card-t137{border:1px solid rgba(60,60,67,.12);border-radius:14px;background:rgba(255,255,255,.74);padding:11px}.diag-card-t137 b{display:block;font-size:12px;color:#111827;margin-bottom:3px}.diag-card-t137 span{display:block;font-size:11px;color:#64748b}.diag-state-ok{color:#047857!important}.diag-state-warn{color:#b45309!important}.diag-state-bad{color:#b91c1c!important}.diag-mini-list{display:grid;gap:6px;margin-top:10px}.diag-mini-row{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:10px;background:rgba(248,250,252,.78);font-size:12px}.sales-audit-t138 .diag-mini-row strong{font-variant-numeric:tabular-nums}
@media(max-width:980px){.mor-expanded-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sidebar .nav-group-body,.mor-expanded-panel{transition:none!important}}

/* Alasta v5.17.T153 — twardy fix zwartego menu bocznego i expand MES */
.sidebar nav.nav-grouped,
aside.sidebar nav.nav-grouped {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 6px 8px !important;
  overflow: visible !important;
}
.sidebar nav.nav-grouped > *,
aside.sidebar nav.nav-grouped > * {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  margin-top: 0 !important;
  margin-bottom: 3px !important;
}
.sidebar nav.nav-grouped > .pill,
.sidebar nav.nav-grouped > button.pill {
  min-height: 36px !important;
  height: auto !important;
  margin: 0 0 5px !important;
}
.sidebar .nav-group,
aside.sidebar .nav-group {
  display: block !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 2px !important;
  padding: 0 6px !important;
  overflow: visible !important;
  contain: none !important;
}
.sidebar .nav-group[hidden],
.sidebar .nav-group[aria-hidden="true"] {
  display: none !important;
}
.sidebar .nav-group-head {
  min-height: 32px !important;
  height: 32px !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}
.sidebar .nav-group-label {
  line-height: 1.05 !important;
  white-space: normal !important;
}
.sidebar .nav-group-body {
  display: block !important;
  height: auto !important;
  max-height: 900px !important;
  opacity: 1 !important;
  overflow: hidden !important;
  margin: 2px 0 4px !important;
  padding: 0 !important;
  transition: max-height .30s cubic-bezier(.22,1,.36,1), opacity .18s ease, margin .30s cubic-bezier(.22,1,.36,1) !important;
}
.sidebar .nav-group-body-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.sidebar .nav-group:is(.collapsed,.is-collapsed) {
  margin-bottom: 2px !important;
  padding-bottom: 0 !important;
}
.sidebar .nav-group:is(.collapsed,.is-collapsed) .nav-group-body {
  display: block !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.sidebar .nav-group:is(.collapsed,.is-collapsed) .nav-group-body-inner,
.sidebar .nav-group:is(.collapsed,.is-collapsed) .nav-group-body .pill,
.sidebar .nav-group:is(.collapsed,.is-collapsed) .nav-group-body button.pill {
  max-height: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}
.sidebar .nav-group-body .pill,
.sidebar .nav-group-body button.pill {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  height: auto !important;
  margin: 1px 0 !important;
}
.sidebar .nav-sep {
  margin: 6px 10px !important;
  flex: 0 0 auto !important;
}
.mes-orders-list > .mor-expanded-panel,
.mes-orders-list-container .mor-expanded-panel,
.mor-expanded-panel {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
  box-sizing: border-box !important;
}
.mor-expanded-panel.is-open {
  max-height: 720px !important;
}
.mor-expanded-inner {
  animation: none !important;
}

/* T153 — bezwzględnie ukryj Moje RCP, gdy JS oznaczy profil jako nie-employee */
html[data-alasta-employee-nav="off"] .sidebar [data-view="employee"],
html[data-alasta-employee-nav="off"] .sidebar .employee-only[data-view="employee"]{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}


/* Alasta v5.17.T153 — global UI seam repair + Mail diagnostics */
:root{
  --alasta-card-border: rgba(148, 163, 184, .28);
  --alasta-card-shadow: 0 12px 30px rgba(15, 23, 42, .065);
  --alasta-card-shadow-soft: 0 6px 16px rgba(15, 23, 42, .045);
  --alasta-surface: rgba(255,255,255,.94);
}
html[data-alasta-ux="t153"] .card,
html[data-alasta-ux="t153"] .view-card,
html[data-alasta-ux="t153"] .table-card,
html[data-alasta-ux="t153"] .settings-card,
html[data-alasta-ux="t153"] .admin-card,
html[data-alasta-ux="t153"] .mes-panel,
html[data-alasta-ux="t153"] .emp-section,
html[data-alasta-ux="t153"] .mail-panel,
html[data-alasta-ux="t153"] .rcp-sum-card{
  background: var(--alasta-surface) !important;
  background-clip: padding-box !important;
  border: 1px solid var(--alasta-card-border) !important;
  box-shadow: var(--alasta-card-shadow-soft) !important;
  outline: 0 !important;
  isolation: isolate !important;
}
html[data-alasta-ux="t153"] .rcp-card-summary{
  display:grid !important;
  grid-template-columns: minmax(280px,1.8fr) repeat(3,minmax(180px,1fr)) !important;
  gap:14px !important;
  margin: 10px 0 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow:none !important;
}
html[data-alasta-ux="t153"] .rcp-sum-card{
  border-radius: 18px !important;
  padding: 16px 18px !important;
  min-height: 104px !important;
  position: relative !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] .rcp-sum-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}
html[data-alasta-ux="t153"] .rcp-sum-good,
html[data-alasta-ux="t153"] .rcp-sum-amber{
  border-color: var(--alasta-card-border) !important;
}
html[data-alasta-ux="t153"] .rcp-card-table{
  display:grid !important;
  gap:6px !important;
  background: transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow: visible !important;
}
html[data-alasta-ux="t153"] .rcp-card-row{
  border:1px solid rgba(148,163,184,.20) !important;
  border-bottom:1px solid rgba(148,163,184,.20) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 5px 14px rgba(15,23,42,.035) !important;
  margin:0 !important;
  overflow:hidden !important;
  background-clip:padding-box !important;
}
html[data-alasta-ux="t153"] .rcp-card-row.rcp-card-head{
  background:linear-gradient(180deg,#fff,#f8fafc) !important;
  box-shadow:0 4px 12px rgba(15,23,42,.035) !important;
}
html[data-alasta-ux="t153"] .rcp-card-row.rcp-day-holiday{background:linear-gradient(90deg,#fff7f7,#fff) !important;}
html[data-alasta-ux="t153"] .rcp-card-row.rcp-day-leave{background:linear-gradient(90deg,#f5fff8,#fff) !important;}
html[data-alasta-ux="t153"] .rcp-card-row.rcp-day-sunday,
html[data-alasta-ux="t153"] .rcp-card-row.rcp-day-saturday{background:#fbfbfc !important;}
html[data-alasta-ux="t153"] .mes-crud-table,
html[data-alasta-ux="t153"] .admin-table,
html[data-alasta-ux="t153"] .report-table,
html[data-alasta-ux="t153"] .mail-list{
  background-clip: padding-box !important;
  border-color: var(--alasta-card-border) !important;
  box-shadow: none !important;
}
html[data-alasta-ux="t153"] .mes-crud-row,
html[data-alasta-ux="t153"] .admin-row,
html[data-alasta-ux="t153"] .mail-message-row{
  border-color: rgba(148,163,184,.16) !important;
}
html[data-alasta-ux="t153"] .input,
html[data-alasta-ux="t153"] input,
html[data-alasta-ux="t153"] select,
html[data-alasta-ux="t153"] textarea{
  background-clip: padding-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.mail-diag-status{
  text-align:left !important;
  white-space:normal !important;
  line-height:1.42 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.mail-diag-card{
  border:1px solid rgba(148,163,184,.28);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 8px 20px rgba(15,23,42,.055);
  padding:12px;
  margin:8px 0;
}
.mail-diag-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.mail-diag-head strong{font-size:13px;color:#0f172a;}
.mail-diag-badge{font-size:11px;font-weight:800;border-radius:99px;padding:4px 8px;background:#e5e7eb;color:#475569;}
.mail-diag-badge.ok{background:#dcfce7;color:#047857;}
.mail-diag-badge.bad{background:#fee2e2;color:#b91c1c;}
.mail-diag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;}
.mail-diag-check{border:1px solid rgba(148,163,184,.20);border-radius:12px;background:rgba(255,255,255,.72);padding:9px;}
.mail-diag-check b{display:block;font-size:12px;margin-bottom:3px;color:#0f172a;}
.mail-diag-check span{display:block;font-size:11px;color:#64748b;}
.mail-diag-check.ok{border-color:rgba(16,185,129,.25);background:#f0fdf4;}
.mail-diag-check.bad{border-color:rgba(239,68,68,.28);background:#fff7f7;}
.mail-diag-hints{margin:8px 0 0;padding-left:18px;color:#475569;font-size:12px;}
.mail-diag-hints li{margin:3px 0;}
.mail-diag-field-error{border-color:#ef4444 !important;box-shadow:0 0 0 3px rgba(239,68,68,.12) !important;}
@media(max-width:1100px){
  html[data-alasta-ux="t153"] .rcp-card-summary{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:720px){
  html[data-alasta-ux="t153"] .rcp-card-summary{grid-template-columns:1fr !important;}
  html[data-alasta-ux="t153"] .rcp-card-row{border-radius:14px !important;}
}


/* ==========================================================================
   Alasta v5.17.T153 — globalna polerka UI: czysty Apple-like UX, brak szwów
   ========================================================================== */
:root{
  --alasta-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable", "Segoe UI", Aptos, sans-serif;
  --alasta-font-mono: "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;
  --alasta-ink: #111827;
  --alasta-ink-soft: #334155;
  --alasta-muted: #64748b;
  --alasta-line: rgba(148, 163, 184, .24);
  --alasta-line-soft: rgba(148, 163, 184, .16);
  --alasta-card: rgba(255,255,255,.96);
  --alasta-card-solid: #fff;
  --alasta-bg: #f5f7fb;
  --alasta-blue: #007aff;
  --alasta-blue-soft: rgba(0,122,255,.10);
  --alasta-radius: 18px;
  --alasta-shadow: 0 12px 30px rgba(15,23,42,.07);
  --alasta-shadow-soft: 0 6px 18px rgba(15,23,42,.045);
}
html[data-alasta-ux="t153"],
html[data-alasta-ux="t153"] body,
html[data-alasta-ux="t153"] button,
html[data-alasta-ux="t153"] input,
html[data-alasta-ux="t153"] select,
html[data-alasta-ux="t153"] textarea,
html[data-alasta-ux="t153"] .mail-shell,
html[data-alasta-ux="t153"] .mail-shell *,
html[data-alasta-ux="t153"] .integration-command-center-t131,
html[data-alasta-ux="t153"] .integration-command-center-t131 *{
  font-family: var(--alasta-font-ui) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
html[data-alasta-ux="t153"] code,
html[data-alasta-ux="t153"] pre,
html[data-alasta-ux="t153"] .mono,
html[data-alasta-ux="t153"] .integ-tech-val.mono{
  font-family: var(--alasta-font-mono) !important;
}

/* Ukrycie technicznych etykiet wersji i niepotrzebnych bannerów informacyjnych */
html[data-alasta-ux="t153"] .admin-command-kicker{display:none !important;}
html[data-alasta-ux="t153"] .mail-readiness-t139{display:none !important;}

/* Jednolity kształt kart — bez podwójnych ramek, szwów i dziwnych kresek */
html[data-alasta-ux="t153"] :where(.card,.view-card,.table-card,.settings-card,.admin-card,.mes-panel,.emp-section,.rcp-panel,.rcp-card,.rcp-range-section,.integration-diagnostics-t137,.sales-audit-t138,.system-backup-t140){
  background: var(--alasta-card) !important;
  background-clip: padding-box !important;
  border: 1px solid var(--alasta-line) !important;
  border-radius: var(--alasta-radius) !important;
  box-shadow: var(--alasta-shadow-soft) !important;
  outline: none !important;
}
html[data-alasta-ux="t153"] :where(.card,.view-card,.table-card,.settings-card,.admin-card,.mes-panel,.emp-section,.rcp-panel,.rcp-card,.rcp-range-section,.rcp-today-card-mini,.rcp-range-card,.rcp-sum-card)::before,
html[data-alasta-ux="t153"] :where(.card,.view-card,.table-card,.settings-card,.admin-card,.mes-panel,.emp-section,.rcp-panel,.rcp-card,.rcp-range-section,.rcp-today-card-mini,.rcp-range-card,.rcp-sum-card)::after{
  box-shadow: none !important;
}

/* RCP: kafelki "kto dziś" i zakresy — pełne, czyste karty zamiast inputopodobnych kresek */
html[data-alasta-ux="t153"] .rcp-today-summary-grid,
html[data-alasta-ux="t153"] .rcp-range-cards{
  gap: 12px !important;
}
html[data-alasta-ux="t153"] button.rcp-today-card-mini,
html[data-alasta-ux="t153"] .rcp-range-card,
html[data-alasta-ux="t153"] .rcp-sum-card{
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  align-items: center !important;
  min-height: 78px !important;
  padding: 15px 18px !important;
  border: 1px solid var(--alasta-line) !important;
  border-left-width: 4px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,#fff,#fbfdff) !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.045) !important;
  outline: none !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
html[data-alasta-ux="t153"] .rcp-range-card{
  display:block !important;
}
html[data-alasta-ux="t153"] .rcp-today-card-mini .rcp-card-icon{
  width: 38px !important;
  height: 38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius: 14px !important;
  background: #f1f5f9 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
html[data-alasta-ux="t153"] .rcp-card-body,
html[data-alasta-ux="t153"] .rcp-card-val,
html[data-alasta-ux="t153"] .rcp-card-lbl,
html[data-alasta-ux="t153"] .rcp-rc-val,
html[data-alasta-ux="t153"] .rcp-rc-lbl,
html[data-alasta-ux="t153"] .rcp-rc-sub{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-alasta-ux="t153"] .rcp-card-val,
html[data-alasta-ux="t153"] .rcp-rc-val{
  color: var(--alasta-ink) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.03em !important;
}
html[data-alasta-ux="t153"] .rcp-card-lbl,
html[data-alasta-ux="t153"] .rcp-rc-lbl{
  color: var(--alasta-ink-soft) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-top: 4px !important;
}
html[data-alasta-ux="t153"] .rcp-rc-sub{color:var(--alasta-muted) !important;}
html[data-alasta-ux="t153"] .rcp-color-green{border-left-color:#34c759 !important;background:linear-gradient(90deg,rgba(52,199,89,.09),#fff 48%) !important;}
html[data-alasta-ux="t153"] .rcp-color-amber{border-left-color:#ff9f0a !important;background:linear-gradient(90deg,rgba(255,159,10,.10),#fff 48%) !important;}
html[data-alasta-ux="t153"] .rcp-color-orange{border-left-color:#ff9500 !important;background:linear-gradient(90deg,rgba(255,149,0,.10),#fff 48%) !important;}
html[data-alasta-ux="t153"] .rcp-color-blue{border-left-color:#007aff !important;background:linear-gradient(90deg,rgba(0,122,255,.09),#fff 48%) !important;}
html[data-alasta-ux="t153"] .rcp-color-gray{border-left-color:#8e8e93 !important;background:linear-gradient(90deg,rgba(142,142,147,.09),#fff 48%) !important;}
html[data-alasta-ux="t153"] .rcp-color-slate{border-left-color:#64748b !important;background:linear-gradient(90deg,rgba(100,116,139,.09),#fff 48%) !important;}
html[data-alasta-ux="t153"] button.rcp-today-card-mini.is-active{
  border-color: rgba(0,122,255,.55) !important;
  box-shadow: 0 0 0 3px rgba(0,122,255,.15), 0 10px 28px rgba(15,23,42,.07) !important;
}
html[data-alasta-ux="t153"] .rcp-card-active-mark{
  top: 9px !important;
  right: 10px !important;
  background: var(--alasta-blue) !important;
}
html[data-alasta-ux="t153"] .rcp-card-table{
  gap: 5px !important;
  overflow: visible !important;
}
html[data-alasta-ux="t153"] .rcp-card-row{
  border: 1px solid var(--alasta-line-soft) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] .rcp-card-row + .rcp-card-row{margin-top:0 !important;}

/* Alasta Mail: domknięte panele, jednolita czcionka, bez dolnego ucięcia */
html[data-alasta-ux="t153"] #view-mail{
  padding: 12px !important;
  overflow: auto !important;
  background: var(--alasta-bg) !important;
}
html[data-alasta-ux="t153"] .mail-shell{
  height: calc(100vh - 112px) !important;
  min-height: 640px !important;
  border: 1px solid var(--alasta-line) !important;
  border-radius: 24px !important;
  background: #eef3f8 !important;
  box-shadow: var(--alasta-shadow) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
html[data-alasta-ux="t153"] .mail-toolbar{
  flex: 0 0 64px !important;
  height: 64px !important;
  border-bottom: 1px solid var(--alasta-line) !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
}
html[data-alasta-ux="t153"] .mail-toolbar-brand strong,
html[data-alasta-ux="t153"] .mail-list-head strong,
html[data-alasta-ux="t153"] .mail-reader-empty h2,
html[data-alasta-ux="t153"] .mail-header-main h1,
html[data-alasta-ux="t153"] .mail-dialog-card > header h2,
html[data-alasta-ux="t153"] .mail-loading-state strong,
html[data-alasta-ux="t153"] .mail-setup-state h2{
  font-family: var(--alasta-font-ui) !important;
  letter-spacing: -.03em !important;
}
html[data-alasta-ux="t153"] .mail-logo,
html[data-alasta-ux="t153"] .mail-empty-glyph,
html[data-alasta-ux="t153"] .mail-loading-mark,
html[data-alasta-ux="t153"] .mail-setup-icon{
  border-radius: 14px !important;
  background: #111827 !important;
  box-shadow: 8px 8px 0 rgba(245, 185, 76, .82) !important;
  font-family: var(--alasta-font-ui) !important;
}
html[data-alasta-ux="t153"] .mail-workspace{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  border-top: 0 !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] .mail-rail,
html[data-alasta-ux="t153"] .mail-list-pane,
html[data-alasta-ux="t153"] .mail-reader{
  min-height: 0 !important;
  height: 100% !important;
  background: rgba(255,255,255,.96) !important;
  border-color: var(--alasta-line) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] .mail-rail{border-right:1px solid var(--alasta-line) !important;}
html[data-alasta-ux="t153"] .mail-list-pane{border-right:1px solid var(--alasta-line) !important;}
html[data-alasta-ux="t153"] .mail-message-list,
html[data-alasta-ux="t153"] .mail-reader-scroll{
  min-height: 0 !important;
  overflow: auto !important;
}
html[data-alasta-ux="t153"] .mail-list-head,
html[data-alasta-ux="t153"] .mail-reader-toolbar,
html[data-alasta-ux="t153"] .mail-message-header{
  border-color: var(--alasta-line-soft) !important;
}
html[data-alasta-ux="t153"] .mail-filter-switch{
  background: #f1f5f9 !important;
  border-color: var(--alasta-line) !important;
  border-radius: 12px !important;
  padding: 3px !important;
}
html[data-alasta-ux="t153"] .mail-filter-switch button{
  border-radius: 9px !important;
  color: #475569 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
}
html[data-alasta-ux="t153"] .mail-filter-switch button.active{
  color: var(--alasta-blue) !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.08) !important;
}
html[data-alasta-ux="t153"] .mail-btn-primary,
html[data-alasta-ux="t153"] .btn.primary{
  background: linear-gradient(180deg,#0a84ff,#007aff) !important;
  border-color: #007aff !important;
  color: #fff !important;
}
html[data-alasta-ux="t153"] .mail-dialog-card > header{
  background: #111827 !important;
  color: #fff !important;
}
html[data-alasta-ux="t153"] .mail-dialog-card > header small,
html[data-alasta-ux="t153"] .mail-dialog-card > header h2,
html[data-alasta-ux="t153"] .mail-dialog-card > header button{color:#fff !important;}
html[data-alasta-ux="t153"] .mail-security-note,
html[data-alasta-ux="t153"] .mail-history-config,
html[data-alasta-ux="t153"] .mail-signature-config{
  border-radius: 14px !important;
}

/* Integracje: kontrast na ciemnym hero i brak czarnych napisów na ciemnym tle */
html[data-alasta-ux="t153"] .integration-command-center-t131{
  border-color: rgba(148,163,184,.18) !important;
  color: #e5eefb !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(94,234,212,.22), transparent 34%),
    linear-gradient(145deg,#0f172a,#163247) !important;
}
html[data-alasta-ux="t153"] .integration-command-copy-t131 h2,
html[data-alasta-ux="t153"] .integration-command-center-t131 h1,
html[data-alasta-ux="t153"] .integration-command-center-t131 h2,
html[data-alasta-ux="t153"] .integration-command-center-t131 h3{
  color: #ffffff !important;
}
html[data-alasta-ux="t153"] .integration-command-copy-t131 p,
html[data-alasta-ux="t153"] .integration-command-center-t131 p{
  color: #d8e3f2 !important;
}
html[data-alasta-ux="t153"] .integration-command-metrics-t131 strong{color:#64ffda !important;}
html[data-alasta-ux="t153"] .integration-command-metrics-t131 span{color:#e2e8f0 !important;}

/* Ogólny kontrast — przyciski i teksty w ciemnych nagłówkach zawsze czytelne */
html[data-alasta-ux="t153"] :where(.modal-title,.dialog-title,.panel-title,h1,h2,h3){letter-spacing:-.025em;}
html[data-alasta-ux="t153"] :where(.modal header,.mail-dialog-card > header,.integration-command-center-t131) :where(h1,h2,h3,strong,span,small,p,button){
  text-shadow: none !important;
}
@media (max-width: 1180px){
  html[data-alasta-ux="t153"] .mail-shell{height:auto !important;min-height:calc(100vh - 90px) !important;}
}


/* Alasta v5.17.T153 — refined MES search + modal motion */
html[data-alasta-ux="t153"] .mes-orders-filter-bar{background:rgba(248,250,252,.78)!important;border-top:1px solid rgba(203,213,225,.64)!important;border-bottom:1px solid rgba(203,213,225,.64)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;}
html[data-alasta-ux="t153"] .mes-orders-filter-bar .filter-row{align-items:end!important;gap:10px!important;}
html[data-alasta-ux="t153"] #flt-search{border-color:rgba(10,132,255,.28)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 1px 0 rgba(255,255,255,.9),0 0 0 0 rgba(10,132,255,0)!important;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;}
html[data-alasta-ux="t153"] #flt-search:focus{border-color:#0a84ff!important;box-shadow:0 0 0 4px rgba(10,132,255,.14),0 8px 22px rgba(15,23,42,.06)!important;}
html[data-alasta-ux="t153"] dialog[open].mes-events-dialog-t153,html[data-alasta-ux="t153"] dialog[open][data-mes-events-t153="1"]{animation:alastaT153DialogIn .24s cubic-bezier(.22,1,.36,1) both!important;transform-origin:50% 28%!important;border-radius:22px!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 30px 80px rgba(15,23,42,.24),0 6px 20px rgba(15,23,42,.12)!important;}
html[data-alasta-ux="t153"] dialog[open].mes-events-dialog-t153::backdrop,html[data-alasta-ux="t153"] dialog[open][data-mes-events-t153="1"]::backdrop{animation:alastaT153BackdropIn .22s ease both!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(7px) saturate(1.2)!important;}
html[data-alasta-ux="t153"] .mes-events-body-t153{animation:alastaT153ContentIn .28s cubic-bezier(.22,1,.36,1) .03s both!important;}
@keyframes alastaT153DialogIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes alastaT153BackdropIn{from{opacity:0}to{opacity:1}}
@keyframes alastaT153ContentIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){html[data-alasta-ux="t153"] dialog[open].mes-events-dialog-t153,html[data-alasta-ux="t153"] dialog[open].mes-events-dialog-t153::backdrop,html[data-alasta-ux="t153"] .mes-events-body-t153{animation:none!important;}}


/* Alasta v5.17.T153 — professional cleanup of KPI cards, integrations and hidden retired modules */
html[data-alasta-ux="t153"] [data-view="picklist"],
html[data-alasta-ux="t153"] #view-picklist,
html[data-alasta-ux="t153"] #picklist-create-modal,
html[data-alasta-ux="t153"] #picklist-aggregated-modal,
html[data-alasta-ux="t153"] #picklist-detail-modal,
html[data-alasta-ux="t153"] [data-action="picklist"],
html[data-alasta-ux="t153"] [data-modal="picklist"]{display:none!important;visibility:hidden!important;}

html[data-alasta-ux="t153"] :where(.employee-only[data-view="employee"], [data-view="employee"]){
  max-height:var(--employee-nav-visible-height,none);
}

/* Usunięcie sztucznych "łączników" i pasków imitujących pola w kartach RCP/WMS */
html[data-alasta-ux="t153"] :where(.rcp-range-cards,.ws-summary,.worker-stats-cards,.stats-cards,.kpi-grid,.diag-grid-t137){
  gap:16px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
html[data-alasta-ux="t153"] :where(.rcp-range-card,.ws-card,.worker-stat-card,.stats-card,.kpi-card){
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(203,213,225,.78)!important;
  border-left:1px solid rgba(203,213,225,.78)!important;
  border-right:1px solid rgba(203,213,225,.78)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
  padding:18px 20px!important;
  min-height:92px!important;
  isolation:isolate!important;
}
html[data-alasta-ux="t153"] :where(.rcp-range-card,.ws-card,.worker-stat-card,.stats-card,.kpi-card)::after{display:none!important;content:none!important;}
html[data-alasta-ux="t153"] :where(.rcp-range-card,.ws-card,.worker-stat-card,.stats-card,.kpi-card)::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:16px!important;
  bottom:16px!important;
  width:4px!important;
  border-radius:0 999px 999px 0!important;
  background:#0a84ff!important;
  box-shadow:none!important;
}
html[data-alasta-ux="t153"] .rcp-range-card.rcp-color-green::before{background:#22c55e!important;}
html[data-alasta-ux="t153"] .rcp-range-card.rcp-color-orange::before{background:#f59e0b!important;}
html[data-alasta-ux="t153"] .rcp-range-card.rcp-color-gray::before{background:#94a3b8!important;}
html[data-alasta-ux="t153"] .rcp-range-card.rcp-color-blue::before{background:#0a84ff!important;}
html[data-alasta-ux="t153"] .ws-card[style*="dc2626"]::before{background:#ef4444!important;}
html[data-alasta-ux="t153"] .ws-card[style*="16a34a"]::before{background:#22c55e!important;}
html[data-alasta-ux="t153"] :where(.rcp-rc-val,.rcp-rc-lbl,.rcp-rc-sub,.ws-card-val,.ws-card-lbl,.ws-card-sub,.worker-stat-value,.worker-stat-label,.worker-stat-sub,.stats-card-value,.stats-card-label,.stats-card-sub,.kpi-value,.kpi-label,.kpi-sub){
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
}
html[data-alasta-ux="t153"] :where(.rcp-rc-val,.ws-card-val,.worker-stat-value,.stats-card-value,.kpi-value){
  font-size:30px!important;
  line-height:1!important;
  margin:0 0 8px!important;
  letter-spacing:-.045em!important;
  color:#0f172a!important;
}
html[data-alasta-ux="t153"] :where(.rcp-rc-lbl,.ws-card-lbl,.worker-stat-label,.stats-card-label,.kpi-label){
  font-size:12px!important;
  line-height:1.25!important;
  color:#475569!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  margin:0 0 5px!important;
  font-weight:800!important;
}
html[data-alasta-ux="t153"] :where(.rcp-rc-sub,.ws-card-sub,.worker-stat-sub,.stats-card-sub,.kpi-sub){
  font-size:12px!important;
  color:#64748b!important;
  line-height:1.35!important;
}

/* Rejestr czasu — karty miesięczne bez nachodzenia tekstu */
html[data-alasta-ux="t153"] :where(.rcp-sum-card,.rcp-card,.rcp-summary-card){
  min-width:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(203,213,225,.78)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
html[data-alasta-ux="t153"] :where(.rcp-sum-lbl,.rcp-sum-sub,.rcp-sum-val,.rcp-card label,.rcp-card small){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  white-space:normal!important;
  overflow:visible!important;
}
html[data-alasta-ux="t153"] .rcp-sum-val{line-height:1.05!important;white-space:nowrap!important;letter-spacing:-.04em!important;}
html[data-alasta-ux="t153"] .rcp-sum-lbl{line-height:1.25!important;letter-spacing:.05em!important;}
html[data-alasta-ux="t153"] .rcp-sum-sub{line-height:1.35!important;color:#64748b!important;}

/* Integracje — wyrównane pastylki, czytelna diagnostyka, brak zlewania tekstu */
html[data-alasta-ux="t153"] :where(.integration-diagnostics-t137,.integration-command-center-t131,.diag-card-t137,.diag-mini-row,.integration-card,.integration-status,.integration-chip,.integration-command-metrics-t131 > *){
  box-sizing:border-box!important;
}
html[data-alasta-ux="t153"] .integration-diagnostics-t137{border-radius:18px!important;overflow:hidden!important;}
html[data-alasta-ux="t153"] .diag-grid-t137{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important;align-items:stretch!important;}
html[data-alasta-ux="t153"] .diag-card-t137{
  border-radius:16px!important;
  padding:14px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  background:#fff!important;
  border:1px solid rgba(203,213,225,.8)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
html[data-alasta-ux="t153"] .diag-card-t137 b{line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html[data-alasta-ux="t153"] .diag-card-t137 span{line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#64748b!important;}
html[data-alasta-ux="t153"] .diag-mini-list{display:grid!important;gap:10px!important;}
html[data-alasta-ux="t153"] .diag-mini-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid rgba(203,213,225,.72)!important;
}
html[data-alasta-ux="t153"] .diag-mini-row span,
html[data-alasta-ux="t153"] .diag-mini-row strong{line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html[data-alasta-ux="t153"] .integration-command-metrics-t131{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
html[data-alasta-ux="t153"] .integration-command-metrics-t131 > *{min-width:0!important;overflow:hidden!important;border-radius:14px!important;}
html[data-alasta-ux="t153"] :where(.integration-status,.integration-chip,.role-badge,.badge,.pill-badge,.tag){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:24px!important;
  line-height:1!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

/* Alasta Mail — dolne krawędzie i nagłówek bez szarych przerw */
html[data-alasta-ux="t153"] .mail-shell{overflow:hidden!important;border-radius:22px!important;}
html[data-alasta-ux="t153"] .mail-workspace{border-radius:18px!important;border:1px solid rgba(203,213,225,.72)!important;background:#fff!important;}
html[data-alasta-ux="t153"] .mail-rail,
html[data-alasta-ux="t153"] .mail-list-pane,
html[data-alasta-ux="t153"] .mail-reader{border-radius:0!important;}

/* Historia akcji MES — produkt w top summary ma naturalny odstęp i nie znika */
html[data-alasta-ux="t153"] .mes-events-product-title-t153{font-weight:800!important;color:#0f172a!important;}
html[data-alasta-ux="t153"] #mes-order-events-summary{line-height:1.55!important;}


/* Alasta v5.17.T153 — MES action-history dialog resilience */
html[data-alasta-ux="t153"] dialog[open].mes-events-dialog-t153,
html[data-alasta-ux="t153"] dialog[open][data-mes-events-t153="1"]{animation:alastaT153DialogIn .22s cubic-bezier(.22,1,.36,1) both!important;transform-origin:50% 24%!important;border-radius:22px!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 30px 80px rgba(15,23,42,.24),0 6px 20px rgba(15,23,42,.12)!important;}
html[data-alasta-ux="t153"] dialog[open].mes-events-dialog-t153::backdrop,
html[data-alasta-ux="t153"] dialog[open][data-mes-events-t153="1"]::backdrop{animation:alastaT153BackdropIn .18s ease both!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(7px) saturate(1.2)!important;}
@keyframes alastaT153DialogIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes alastaT153BackdropIn{from{opacity:0}to{opacity:1}}

/* Alasta v5.17.T153 — Access Matrix */
#user-access-modal-v4 {
  width: min(1040px, calc(100vw - 28px));
  border: 0;
  border-radius: 28px;
  padding: 0;
  background: transparent;
  color: #0f172a;
}
#user-access-modal-v4::backdrop {
  background: rgba(15, 23, 42, .46);
  backdrop-filter: blur(18px) saturate(1.15);
}
#user-access-modal-v4 .uav4-body {
  max-width: none !important;
  width: 100%;
  max-height: min(92vh, 920px);
  overflow: auto;
  padding: 0;
  border-radius: 28px;
  border: 1px solid rgba(148, 163, 184, .38);
  background:
    radial-gradient(circle at 12% 0%, rgba(10, 132, 255, .13), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(245, 158, 11, .13), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.97));
  box-shadow: 0 26px 80px rgba(15, 23, 42, .24), 0 2px 0 rgba(255,255,255,.72) inset;
}
.uav4-head {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 24px 26px 18px;
  background: rgba(255, 255, 255, .84);
  border-bottom: 1px solid rgba(203, 213, 225, .8);
  backdrop-filter: blur(18px) saturate(1.25);
}
.uav4-head h2 {
  margin: 2px 0 4px;
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.04;
  letter-spacing: -.04em;
}
.uav4-head p {
  margin: 0;
  color: #64748b;
  font-size: 13px;
}
.uav4-kicker {
  color: #007aff;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.uav4-note {
  margin: 18px 24px 4px;
  padding: 14px 16px;
  border: 1px solid rgba(10, 132, 255, .18);
  border-radius: 18px;
  background: rgba(239, 246, 255, .74);
  color: #334155;
  font-size: 13px;
}
.uav4-note.is-admin {
  border-color: rgba(245, 158, 11, .24);
  background: rgba(255, 251, 235, .82);
}
.uav4-grid {
  display: grid;
  gap: 14px;
  padding: 18px 24px 22px;
}
.uav4-block,
.uav4-edit {
  border: 1px solid rgba(203, 213, 225, .86);
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .055);
  overflow: hidden;
}
.uav4-master,
.uav4-edit {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 15px 16px;
  cursor: pointer;
}
.uav4-master input,
.uav4-edit input,
.uav4-check input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin-top: 2px;
  accent-color: var(--uav4-accent, #0a84ff);
}
.uav4-master-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 14px;
  background: color-mix(in srgb, var(--uav4-accent, #0a84ff) 12%, white);
  color: color-mix(in srgb, var(--uav4-accent, #0a84ff) 78%, #0f172a);
  font-size: 16px;
  font-weight: 900;
}
.uav4-master-copy,
.uav4-edit span,
.uav4-check span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.uav4-master-copy strong,
.uav4-edit b,
.uav4-check b {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.uav4-master-copy small,
.uav4-edit small,
.uav4-check small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.25;
}
.uav4-master:has(input:checked) {
  background: linear-gradient(90deg, color-mix(in srgb, var(--uav4-accent, #0a84ff) 12%, white), rgba(255,255,255,.64));
  box-shadow: inset 4px 0 0 var(--uav4-accent, #0a84ff);
}
.uav4-subs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 0 16px 16px 67px;
  transition: opacity .18s ease, filter .18s ease;
}
.uav4-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(226, 232, 240, .95);
  border-radius: 16px;
  background: rgba(248,250,252,.9);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.uav4-check:hover {
  transform: translateY(-1px);
  border-color: rgba(10, 132, 255, .34);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
}
.uav4-check:has(input:checked) {
  border-color: rgba(10, 132, 255, .26);
  background: rgba(239,246,255,.8);
}
.uav4-check-advanced:has(input:checked) {
  border-color: rgba(245, 158, 11, .42);
  background: rgba(255, 251, 235, .82);
}
.uav4-check-advanced b::after {
  content: 'zaaw.';
  margin-left: 7px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(245, 158, 11, .14);
  color: #b45309;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.uav4-subs-disabled {
  opacity: .42;
  filter: grayscale(.35);
  pointer-events: none;
}
.uav4-edit {
  margin-top: -8px;
  margin-left: 26px;
  max-width: calc(100% - 26px);
  background: rgba(255, 251, 235, .68);
  border-style: dashed;
  border-color: rgba(245, 158, 11, .34);
}
.uav4-edit:has(input:disabled) {
  opacity: .48;
  pointer-events: none;
}
.uav4-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px 20px;
  border-top: 1px solid rgba(203, 213, 225, .86);
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(18px) saturate(1.2);
}
@media (max-width: 820px) {
  #user-access-modal-v4 { width: min(100vw - 14px, 720px); }
  .uav4-head { padding: 20px 18px 14px; }
  .uav4-note { margin: 14px 16px 2px; }
  .uav4-grid { padding: 16px; }
  .uav4-subs { grid-template-columns: 1fr; padding-left: 16px; }
  .uav4-edit { margin-left: 0; max-width: none; }
}

/* Alasta v5.17.T153 — Integracje: kompaktowy rdzeń systemu i bezpieczne pastylki */
html[data-alasta-ux="t153"] #view-integrations .integration-section-title-t131 {
  margin: 14px 0 10px !important;
  min-height: 0 !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-section-title-t131 h3 {
  margin: 2px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-section-title-t131 > span {
  max-width: 48ch !important;
  line-height: 1.3 !important;
}

html[data-alasta-ux="t153"] #view-integrations .integration-system-grid-t131 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  margin-bottom: 16px !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(203,213,225,.82) !important;
  background: linear-gradient(180deg, #fff, #fbfdff) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.045) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, auto) auto auto !important;
  row-gap: 7px !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-card-head {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) minmax(0, auto) !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-card-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
  font-size: 9px !important;
  line-height: 1 !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-card-title {
  min-width: 0 !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-card-title strong {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-card-title span {
  display: block !important;
  margin-top: 2px !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-state,
html[data-alasta-ux="t153"] #view-integrations .integration-managed-card-t131 .api-state {
  justify-self: end !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 21px !important;
  height: auto !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 9.5px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-card-description {
  min-height: 0 !important;
  max-height: 34px !important;
  margin: 1px 0 0 !important;
  color: #52637a !important;
  font-size: 11px !important;
  line-height: 1.42 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-endpoint-t131 {
  min-width: 0 !important;
  padding: 6px 8px !important;
  gap: 2px !important;
  border-radius: 11px !important;
  background: rgba(248,250,252,.86) !important;
  border: 1px solid rgba(226,232,240,.78) !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-endpoint-t131 span {
  font-size: 8.5px !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-endpoint-t131 code {
  display: block !important;
  max-width: 100% !important;
  color: #334155 !important;
  font-size: 9.5px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-tags-t131 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 1px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-tags-t131 span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 20px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(203,213,225,.92) !important;
  background: rgba(248,250,252,.94) !important;
  color: #475569 !important;
  font: 750 9px/1.05 "JetBrains Mono", ui-monospace, monospace !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

html[data-alasta-ux="t153"] #view-integrations .integration-managed-grid-t131 {
  gap: 14px !important;
  align-items: start !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-managed-card-t131 {
  min-width: 0 !important;
  padding: 16px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-managed-head-t131 {
  grid-template-columns: 42px minmax(0,1fr) auto !important;
  gap: 11px !important;
  align-items: start !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-provider-mark-t131 {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  font-size: 10px !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-managed-title-t131,
html[data-alasta-ux="t153"] #view-integrations .integration-managed-title-t131 * {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-managed-title-t131 h3 {
  font-size: 15px !important;
  line-height: 1.18 !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-facts-grid-t131 {
  margin-top: 12px !important;
  border-radius: 13px !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-facts-grid-t131 > div {
  min-width: 0 !important;
  padding: 8px 9px !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-facts-grid-t131 span {
  font-size: 8.5px !important;
  line-height: 1.1 !important;
}
html[data-alasta-ux="t153"] #view-integrations .integration-facts-grid-t131 strong,
html[data-alasta-ux="t153"] #view-integrations .integration-facts-grid-t131 code {
  display: block !important;
  max-width: 100% !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
}

@media (max-width: 1360px) {
  html[data-alasta-ux="t153"] #view-integrations .integration-system-grid-t131 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html[data-alasta-ux="t153"] #view-integrations .integration-system-grid-t131,
  html[data-alasta-ux="t153"] #view-integrations .integration-managed-grid-t131 {
    grid-template-columns: 1fr !important;
  }
  html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-card-head,
  html[data-alasta-ux="t153"] #view-integrations .integration-managed-head-t131 {
    grid-template-columns: 32px minmax(0,1fr) !important;
  }
  html[data-alasta-ux="t153"] #view-integrations .integration-system-card-t131 .api-state,
  html[data-alasta-ux="t153"] #view-integrations .integration-managed-card-t131 .api-state {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 4px !important;
  }
}