/* AppSystem 3.66.0-A-v25 — generated file; edit source styles, then rebuild. */

/* AppSystem bundle source: styles.css */

/* AppSystem bundle source: styles/00-base.css */
:root {
  /* AppSystem theme tokens. Legacy variables below remain aliases for older components. */
  --app-canvas: #f2f6fa;
  --app-surface: #ffffff;
  --app-surface-raised: #ffffff;
  --app-surface-soft: #f7fafc;
  --app-text: #17283a;
  --app-muted: #66788a;
  --app-border: #dbe5ee;
  --app-border-strong: #b9c8d5;
  --app-primary: #004381;
  --app-primary-hover: #003260;
  --app-on-primary: #ffffff;
  --app-link: #00559f;
  --app-link-hover: #003f78;
  --app-sidebar-bg: #022f59;
  --app-sidebar-text: #ffffff;
  --app-sidebar-muted: #c2d2df;
  --app-sidebar-active: #064f8e;
  --app-input-bg: #ffffff;
  --app-hover-bg: #eef4f8;
  --app-selected-bg: #e1eff8;
  --app-focus: #0878bd;
  --app-overlay: rgba(15, 23, 42, .48);
  --app-shadow: 0 18px 45px rgba(33, 42, 74, .08);
  --app-success: #16745b;
  --app-success-text: #156b47;
  --app-success-soft: #e3f7ee;
  --app-warning: #a96711;
  --app-warning-text: #7a4a08;
  --app-warning-soft: #fff1cf;
  --app-danger: #bd3548;
  --app-danger-text: #9c2f3d;
  --app-danger-soft: #ffe7eb;
  --app-info: #075f91;
  --app-info-soft: #e6f4ff;
  --app-neutral-text: #596175;
  --app-neutral-soft: #edf0f5;
  --app-messenger-chat: #f2f6f9;
  --app-messenger-mine: #dff3ff;
  --app-messenger-mine-accent: #0878bd;
  --app-messenger-theirs: #ffffff;
  --app-messenger-text: #1e3c4e;

  --bg: var(--app-canvas);
  --surface: var(--app-surface);
  --surface-2: var(--app-surface-soft);
  --text: var(--app-text);
  --muted: var(--app-muted);
  --line: var(--app-border);
  --primary: var(--app-primary);
  --primary-dark: var(--app-primary-hover);
  --success: var(--app-success);
  --warning: var(--app-warning);
  --danger: var(--app-danger);
  --shadow: var(--app-shadow);
  --radius: 18px;
  --sidebar: 248px;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.eyebrow { margin: 0; font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--primary); }
.stack-lg { display: grid; gap: 18px; }

.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at top left, rgba(0,67,129,.20), transparent 34%),
    radial-gradient(circle at bottom right, rgba(27,112,151,.16), transparent 32%),
    #f6f7fb;
}
.login-card {
  width: min(440px, 100%);
  padding: 42px;
  border-radius: 28px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 30px 80px rgba(38, 46, 90, .16);
  border: 1px solid rgba(255,255,255,.9);
}
.login-card h1 { font-size: 2.35rem; margin: 8px 0 4px; }
.brand-mark {
  width: 58px; height: 58px; border-radius: 18px;
  display: grid; place-items: center;
  background: linear-gradient(135deg, var(--primary), #176fa8);
  color: #fff; font-weight: 900; font-size: 1.8rem;
  box-shadow: 0 12px 30px rgba(0,67,129,.28);
  margin-bottom: 24px;
}
.brand-mark.small { width: 42px; height: 42px; border-radius: 13px; font-size: 1.25rem; margin: 0; }
label { display: grid; gap: 8px; font-size: .9rem; font-weight: 700; color: #3a4254; }
input, select, textarea {
  width: 100%; border: 1px solid var(--line); border-radius: 12px;
  padding: 12px 13px; color: var(--text); background: var(--app-input-bg); outline: none;
}
input:focus, select:focus, textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0,67,129,.13); }
textarea { min-height: 100px; resize: vertical; }
.demo-note { margin-top: 22px; padding: 14px 16px; border-radius: 14px; background: #e7f0f8; color: #164d78; display: grid; gap: 3px; font-size: .84rem; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) 1fr; }
.sidebar {
  position: sticky; top: 0; height: 100vh;
  background: var(--app-sidebar-bg); color: var(--app-sidebar-text); padding: 20px 14px;
  display: flex; flex-direction: column; z-index: 20;
}
.sidebar-brand { display: flex; align-items: center; gap: 12px; padding: 4px 8px 20px; }
.sidebar-brand div:last-child { display: grid; gap: 2px; }
.sidebar-brand span { color: #a9bfd2; font-size: .78rem; }
.nav-list { display: grid; gap: 5px; }
.nav-item {
  border: 0; color: var(--app-sidebar-muted); background: transparent;
  border-radius: 12px; padding: 11px 12px; text-align: left;
  display: flex; align-items: center; gap: 12px; font-weight: 700;
}
.nav-item span { width: 24px; text-align: center; font-size: 1.05rem; }
.nav-item:hover, .nav-item.active { background: var(--app-sidebar-active); color: var(--app-sidebar-text); }

.nav-item b, .nav-group-toggle b { font: inherit; min-width: 0; }
.nav-group { display: grid; gap: 4px; }
.nav-group-toggle {
  width: 100%; border: 0; color: #d7e3ec; background: rgba(255,255,255,.035);
  border-radius: 12px; padding: 11px 12px; text-align: left;
  display: grid; grid-template-columns: 24px minmax(0,1fr) 18px; align-items: center; gap: 12px;
  font-weight: 800; cursor: pointer;
}
.nav-group-toggle:hover, .nav-group.has-active > .nav-group-toggle { background: rgba(255,255,255,.09); color: #fff; }
.nav-group-icon { width: 24px; text-align: center; font-size: 1.05rem; }
.nav-group-toggle i { font-style: normal; text-align: center; transition: transform .18s ease; }
.nav-group.is-collapsed .nav-group-toggle i { transform: rotate(-90deg); }
.nav-submenu { display: grid; gap: 3px; padding: 0 0 3px 13px; }
.nav-group.is-collapsed .nav-submenu { display: none; }
.nav-item.nav-subitem { padding: 9px 10px 9px 13px; border-radius: 10px; font-size: .88rem; gap: 9px; }
.nav-item.nav-subitem span { width: 20px; font-size: .94rem; opacity: .9; }
.nav-item.nav-subitem::before { content: ""; width: 1px; align-self: stretch; background: rgba(194,210,223,.22); margin-left: -7px; }
.nav-item.nav-subitem.active::before { background: rgba(255,255,255,.7); }
.sidebar-footer { margin-top: auto; padding: 16px 6px 2px; }
.main-area { min-width: 0; }
.topbar {
  position: sticky; top: 0; z-index: 15;
  min-height: 72px; display: flex; align-items: center; gap: 18px;
  justify-content: space-between; padding: 12px 26px;
  background: color-mix(in srgb, var(--app-surface) 91%, transparent); backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.search-wrap { flex: 1; max-width: 620px; display: flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.search-wrap input { border: 0; box-shadow: none !important; background: transparent; padding-left: 0; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.profile-btn { border: 0; background: transparent; display: flex; align-items: center; gap: 9px; padding: 5px 7px; border-radius: 12px; }
.profile-btn:hover { background: var(--surface-2); }
.avatar { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #dcebf6; color: var(--primary); font-size: .8rem; font-weight: 900; }
.profile-copy { display: grid; text-align: left; }
.profile-copy small { color: var(--muted); }
.icon-btn { min-width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: var(--app-surface); color: var(--app-text); position: relative; }
.icon-btn:hover { background: var(--surface-2); }
.badge { position: absolute; top: -5px; right: -5px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 99px; display: grid; place-items: center; background: var(--danger); color: #fff; font-size: .67rem; font-weight: 900; }

.content { padding: 28px; max-width: 1680px; margin: 0 auto; }
.page-header { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 22px; }
.page-header h1 { margin: 0 0 5px; font-size: clamp(1.7rem, 3vw, 2.4rem); }
.page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; }
.tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tile {
  min-height: 170px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--surface); box-shadow: var(--shadow); text-align: left;
  display: flex; flex-direction: column; gap: 12px; transition: transform .18s ease, box-shadow .18s ease;
}
.tile:hover { transform: translateY(-3px); box-shadow: 0 22px 55px rgba(33,42,74,.13); }
.tile-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; font-size: 1.25rem; background: var(--tile-soft, #eeecff); color: var(--tile, var(--primary)); }
.tile h3 { margin: 0; font-size: 1.05rem; }
.tile-value { font-size: 1.9rem; font-weight: 900; line-height: 1; }
.tile-meta { margin-top: auto; color: var(--muted); font-size: .84rem; display: flex; justify-content: space-between; gap: 8px; }
.side-panel, .panel {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow);
}
.side-panel { padding: 20px; }
.panel { padding: 20px; }
.panel + .panel { margin-top: 18px; }
.panel-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.panel-title h2, .panel-title h3 { margin: 0; }
.timeline { display: grid; gap: 13px; }
.timeline-item { display: grid; grid-template-columns: 54px 1fr; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.timeline-item:last-child { border-bottom: 0; }
.timeline-time { font-weight: 900; color: var(--primary); }
.timeline-copy strong { display: block; }
.timeline-copy span { color: var(--muted); font-size: .82rem; }
.alert-list { display: grid; gap: 10px; margin-top: 18px; }
.alert { padding: 12px; border-radius: 12px; border-left: 4px solid; background: var(--app-surface-soft); color: var(--app-text); font-size: .86rem; }
.alert.warning { border-color: var(--warning); }
.alert.danger { border-color: var(--danger); }
.alert.success { border-color: var(--success); }

.btn { border: 1px solid transparent; border-radius: 12px; padding: 10px 14px; font-weight: 800; }
.btn-primary { background: var(--primary); color: #fff; }
.btn-primary:hover { background: var(--primary-dark); }
.btn-secondary { background: var(--app-selected-bg); color: var(--app-primary); }
.btn-danger { background: var(--app-danger-soft); color: var(--app-danger-text); }
.btn-ghost { background: transparent; color: inherit; border-color: rgba(255,255,255,.15); }
.btn-block { width: 100%; }
.btn-sm { padding: 7px 10px; border-radius: 10px; font-size: .8rem; }

.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.filter-btn { border: 1px solid var(--line); background: var(--app-surface); color: var(--app-muted); border-radius: 999px; padding: 8px 12px; font-weight: 800; }
.filter-btn.active, .filter-btn:hover { color: var(--primary); border-color: #c8c2ff; background: #f2f0ff; }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.item-card { background: var(--app-surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 19px; box-shadow: var(--shadow); display: grid; gap: 14px; }
.item-card h3 { margin: 0; }
.item-card p { margin: 0; color: var(--muted); }
.card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.status { display: inline-flex; width: fit-content; align-items: center; border-radius: 999px; padding: 6px 9px; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.status.green { color: #156b47; background: #e3f7ee; }
.status.yellow { color: #8a570b; background: #fff1cf; }
.status.red { color: #9c2f3d; background: #ffe7eb; }
.status.gray { color: #596175; background: #edf0f5; }
.progress { height: 9px; border-radius: 99px; overflow: hidden; background: #edf0f5; }
.progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), #8c67f5); }
.meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.meta-box { background: var(--surface-2); border-radius: 12px; padding: 10px; }
.meta-box small { display: block; color: var(--muted); margin-bottom: 3px; }
.card-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 13px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
tr:last-child td { border-bottom: 0; }

.kanban { display: grid; grid-template-columns: repeat(4, minmax(240px, 1fr)); gap: 14px; overflow-x: auto; padding-bottom: 8px; }
.kanban-column { min-width: 240px; background: #edf0f5; border-radius: 16px; padding: 12px; }
.kanban-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.kanban-head h3 { margin: 0; font-size: .95rem; }
.task-card { background: #fff; border: 1px solid var(--line); border-radius: 13px; padding: 13px; margin-bottom: 10px; box-shadow: 0 8px 20px rgba(33,42,74,.06); }
.task-card h4 { margin: 0 0 7px; }
.task-card p { margin: 0; color: var(--muted); font-size: .82rem; }
.task-footer { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: .78rem; color: var(--muted); }
.priority { width: 9px; height: 9px; border-radius: 50%; display: inline-block; margin-right: 5px; }
.priority.low { background: #7b879e; }.priority.normal { background: var(--primary); }.priority.high { background: var(--warning); }.priority.urgent { background: var(--danger); }

.calendar-shell { display: grid; gap: 12px; }
.calendar-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.calendar-controls h2 { margin: 0; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(120px, 1fr)); border: 1px solid var(--line); border-radius: 16px; overflow: auto; min-width: 840px; }
.calendar-day-name { padding: 11px; background: #f0f2f7; font-weight: 900; color: var(--muted); font-size: .78rem; }
.calendar-cell { min-height: 118px; padding: 9px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); background: #fff; }
.calendar-cell:nth-child(7n) { border-right: 0; }
.calendar-cell.other { background: #fafbfc; color: #adb3c1; }
.calendar-cell.today { box-shadow: inset 0 0 0 2px var(--primary); }
.calendar-number { font-weight: 900; margin-bottom: 7px; }
.calendar-event { padding: 5px 7px; border-radius: 7px; margin-bottom: 5px; background: #eceafd; color: #493bd1; font-size: .72rem; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calendar-event.event { background: #e4eff7; color: #7440a5; }
.calendar-event.deadline { background: #ffe9ed; color: #a83244; }

.empty-state { padding: 44px 24px; text-align: center; color: var(--muted); background: #fff; border: 1px dashed #cfd5e0; border-radius: 18px; }
.empty-state strong { display: block; color: var(--text); margin-bottom: 7px; }

.modal-backdrop { position: fixed; inset: 0; z-index: 50; background: rgba(17,20,32,.55); display: grid; place-items: center; padding: 20px; }
.modal { width: min(680px, 100%); max-height: 90vh; overflow: auto; background: #fff; border-radius: 22px; box-shadow: 0 35px 90px rgba(10,14,35,.34); }
.modal-header { position: sticky; top: 0; background: #fff; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.modal-header h2 { margin: 0; }
.modal-body { padding: 20px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid .full { grid-column: 1 / -1; }
.form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.quick-add-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.quick-add-option { border: 1px solid var(--line); border-radius: 14px; padding: 16px; background: var(--surface-2); text-align: left; font-weight: 900; }
.quick-add-option:hover { border-color: #c8c2ff; background: #f2f0ff; color: var(--primary); }

.toast { position: fixed; z-index: 80; right: 24px; bottom: 24px; background: var(--app-sidebar-bg); color: var(--app-sidebar-text); padding: 13px 16px; border-radius: 12px; box-shadow: var(--shadow); }
.mobile-only { display: none; }

@media (max-width: 1180px) {
  .dashboard-grid { grid-template-columns: 1fr; }
  .tiles, .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .side-panel { order: -1; }
}
@media (max-width: 900px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: -270px; transition: left .2s ease; width: 248px; }
  .sidebar.open { left: 0; box-shadow: 20px 0 50px rgba(0,0,0,.25); }
  .mobile-only { display: inline-grid; place-items: center; }
  .profile-copy { display: none; }
  .topbar { padding: 10px 14px; }
  .content { padding: 20px 14px; }
}
@media (max-width: 650px) {
  .tiles, .card-grid { grid-template-columns: 1fr; }
  .topbar-actions .btn-primary { display: none; }
  .search-wrap { max-width: none; }
  .login-card { padding: 30px 22px; }
  .page-header { display: grid; }
  .form-grid, .quick-add-grid { grid-template-columns: 1fr; }
  .meta-grid { grid-template-columns: 1fr; }
}




/* AppSystem bundle source: styles/10-projects-team-equipment.css */
/* Rozszerzenia wersji 2: projekty, budżety, zespół i ewidencja sprzętu */
.project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.project-card { min-height: 420px; }
.card-description { min-height: 48px; line-height: 1.55; }
.budget-progress > span { background: linear-gradient(90deg, #208a5d, #53b78c); }

.project-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 28px;
  align-items: center;
  margin-bottom: 18px;
  background: linear-gradient(135deg, #fff 0%, #f5f3ff 100%);
}
.hero-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.project-lead { margin: 0; font-size: 1.04rem; line-height: 1.7; color: #3f475a; }
.project-progress-box { padding: 20px; border-radius: 16px; background: rgba(255,255,255,.78); border: 1px solid var(--line); }
.project-progress-box > strong { display: block; font-size: 2.5rem; line-height: 1; color: var(--primary); }
.project-progress-box > span { display: block; margin: 6px 0 14px; color: var(--muted); }

.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.stat-card { padding: 18px; border-radius: 16px; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; gap: 5px; }
.stat-card small { color: var(--muted); font-weight: 700; }
.stat-card strong { font-size: 1.45rem; }
.stat-card .stat-date { font-size: .98rem; line-height: 1.4; }
.stat-card span { color: var(--muted); font-size: .8rem; }
.text-danger { color: var(--danger) !important; }

.detail-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .85fr); gap: 18px; margin-bottom: 18px; }
.info-sections { display: grid; gap: 18px; }
.info-sections > div { padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.info-sections > div:last-child { border-bottom: 0; padding-bottom: 0; }
.info-sections h3 { margin: 0 0 7px; font-size: .95rem; }
.info-sections p { margin: 0; color: #4e5669; line-height: 1.65; }
.info-list { display: grid; gap: 14px; }
.info-list > div { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.info-list > div:last-child { border-bottom: 0; }
.info-list small { display: block; color: var(--muted); margin-bottom: 4px; }

.chip { display: inline-flex; align-items: center; border: 1px solid #d9d5ff; background: #f3f1ff; color: #5144d5; border-radius: 999px; padding: 7px 10px; font-size: .77rem; font-weight: 900; }
.people-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.person-chip { border: 1px solid var(--line); background: #fff; border-radius: 12px; padding: 9px 10px; text-align: left; display: grid; gap: 2px; }
.person-chip:hover { border-color: #c8c2ff; background: #f7f5ff; }
.person-chip small { color: var(--muted); font-size: .7rem; }

.table-note { display: block; color: var(--muted); margin-top: 4px; font-size: .75rem; font-weight: 500; }
.row-actions { display: flex; flex-wrap: wrap; gap: 6px; min-width: 230px; }
.mini-progress { width: 100px; height: 7px; background: #e9edf3; border-radius: 99px; overflow: hidden; margin-bottom: 4px; }
.mini-progress span { display: block; height: 100%; background: var(--primary); }
.unassigned-row { background: #fff9e8; }

.compact-list { display: grid; gap: 9px; }
.compact-item { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 12px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 13px; }
.compact-item > div:first-child { display: grid; gap: 3px; }
.compact-item > div:last-child { display: flex; align-items: center; gap: 7px; }
.compact-item span:not(.status) { color: var(--muted); font-size: .8rem; }

.assignee-row { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: .8rem; }
.mini-avatar, .team-avatar { display: grid; place-items: center; border-radius: 50%; background: #dcebf6; color: var(--primary); font-weight: 900; }
.mini-avatar { width: 28px; height: 28px; font-size: .68rem; }
.team-avatar { width: 52px; height: 52px; flex: 0 0 52px; }
.team-avatar.large { width: 72px; height: 72px; font-size: 1.2rem; }
.team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.team-head { display: flex; align-items: center; gap: 12px; }
.team-head > div { flex: 1; }
.team-head h3, .team-head p { margin: 0; }
.contact-lines { display: flex; flex-wrap: wrap; gap: 10px 16px; color: var(--muted); font-size: .82rem; }
.section-label { display: block; margin-bottom: 5px; color: var(--muted); font-weight: 800; }
.team-profile { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.team-profile h3, .team-profile p { margin: 0; }
.team-profile p { margin-top: 5px; color: var(--muted); }

.equipment-stats { margin-bottom: 18px; }
.equipment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.equipment-card { padding-top: 0; overflow: hidden; }
.equipment-photo { height: 190px; margin: 0 -19px; background: #eef1f6; border-bottom: 1px solid var(--line); overflow: hidden; }
.equipment-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.photo-placeholder { height: 100%; display: grid; place-content: center; gap: 7px; text-align: center; color: #8c94a5; }
.photo-placeholder span { font-size: 2.2rem; }

.modal-wide { width: min(1020px, 100%); }
.form-section { padding: 0 0 22px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
.form-section:last-of-type { margin-bottom: 0; }
.form-section > h3 { margin: 0 0 15px; }
.form-help { color: var(--muted); font-size: .78rem; font-weight: 500; margin: 4px 0 0; }
.textarea-lg { min-height: 150px; }
.checkbox-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.check-card { display: flex; grid-template-columns: none; flex-direction: row; align-items: flex-start; gap: 10px; border: 1px solid var(--line); border-radius: 13px; padding: 11px; background: #fff; }
.check-card:hover { border-color: #c8c2ff; background: #faf9ff; }
.check-card input { width: auto; margin-top: 3px; }
.check-card span { display: grid; gap: 2px; }
.check-card small { color: var(--muted); font-size: .73rem; font-weight: 500; }
.image-preview { display: grid; gap: 10px; }
.image-preview img { width: min(360px, 100%); height: 220px; object-fit: cover; border-radius: 14px; border: 1px solid var(--line); }
.inline-check { display: flex; grid-template-columns: none; flex-direction: row; align-items: center; gap: 8px; }
.inline-check input { width: auto; }
button:disabled { opacity: .6; cursor: wait; }

@media (max-width: 1180px) {
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .project-hero, .detail-grid { grid-template-columns: 1fr; }
  .project-progress-box { width: 100%; }
  .team-grid, .project-grid { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .stats-grid, .equipment-grid, .checkbox-grid { grid-template-columns: 1fr; }
  .compact-item { align-items: flex-start; flex-direction: column; }
  .compact-item > div:last-child { flex-wrap: wrap; }
  .project-hero { padding: 16px; }
  .row-actions { min-width: 180px; }
}




/* AppSystem bundle source: styles/20-access-volunteer-library.css */
/* Wersja 3: brama dostępu, wolontariat i biblioteka */
.demo-accounts { gap: 9px; }
.demo-account {
  width: 100%; border: 1px solid #d9d5ff; background: rgba(255,255,255,.72); color: #3b356d;
  border-radius: 11px; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left;
}
.demo-account:hover { background: #fff; border-color: var(--primary); }
.demo-account span { font-weight: 900; }
.demo-account small { color: #756d9f; }

.access-shell {
  min-height: 100vh; padding: 40px 24px; display: grid; place-items: center;
  background:
    radial-gradient(circle at 5% 5%, rgba(91,77,245,.20), transparent 32%),
    radial-gradient(circle at 95% 95%, rgba(32,138,93,.16), transparent 30%),
    #f5f6fb;
}
.access-panel { width: min(1180px, 100%); }
.access-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin-bottom: 26px; }
.access-head h1 { margin: 6px 0 6px; font-size: clamp(2rem, 4vw, 3.1rem); }
.access-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.access-tile {
  min-height: 300px; border: 1px solid var(--line); border-radius: 24px; background: #fff; padding: 26px;
  box-shadow: var(--shadow); text-align: left; display: flex; flex-direction: column; gap: 15px;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.access-tile:not(.locked):hover { transform: translateY(-5px); box-shadow: 0 26px 70px rgba(33,42,74,.15); }
.access-tile.locked { opacity: .48; cursor: not-allowed; filter: grayscale(.65); }
.access-icon { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 18px; background: var(--area-soft); color: var(--area); font-size: 1.65rem; font-weight: 900; }
.access-tile h2 { margin: 4px 0 0; font-size: 1.45rem; }
.access-tile p { margin: 0; color: var(--muted); line-height: 1.65; }
.access-state { margin-top: auto; color: var(--area); font-weight: 900; }
.access-help { margin-top: 20px; }
.access-help p { margin: 6px 0 0; color: var(--muted); line-height: 1.6; }

.readonly-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 8px 12px; background: #eef0f4; color: #596175; font-size: .8rem; font-weight: 900; }
.calendar-event.volunteer-event { background: #fff1d9; color: #8f5714; }

.volunteer-card { min-height: 390px; }
.volunteer-profile-hero { margin-bottom: 18px; background: linear-gradient(135deg, #fff 0%, #fff8ec 100%); }
.volunteer-profile-hero h2 { margin: 3px 0; }
.volunteer-task-grid { grid-template-columns: 1fr; }
.volunteer-task-card { box-shadow: none; }
.announcement-list { display: grid; gap: 12px; }
.announcement-card { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); }
.announcement-card h3 { margin: 4px 0 5px; font-size: 1rem; }
.announcement-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.announcement-card small { color: var(--primary); font-weight: 900; }

.library-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.book-card { overflow: hidden; padding-top: 0; }
.book-cover { height: 145px; margin: 0 -19px; display: grid; place-content: center; gap: 8px; text-align: center; background: linear-gradient(135deg, #eadfce, #f8f1e8); color: #7c5a32; border-bottom: 1px solid #dfd2c3; }
.book-cover span { font-size: 2.4rem; }
.book-cover small { font-weight: 900; }
.loan-callout { display: grid; gap: 4px; padding: 11px 12px; border-radius: 12px; background: #fff5da; color: #765019; }
.loan-callout span { font-size: .8rem; }
.overdue-row { background: #fff4f5; }

@media (max-width: 980px) {
  .access-tiles { grid-template-columns: 1fr; }
  .access-tile { min-height: 210px; }
  .library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .access-shell { padding: 24px 14px; align-items: start; }
  .access-head { display: grid; }
  .access-head .btn { width: 100%; }
  .library-grid { grid-template-columns: 1fr; }
  #changeAreaBtn { display: none; }
  .announcement-card { flex-direction: column; }
}




/* AppSystem bundle source: styles/30-volunteer-coordinator.css */
/* Wersja 4: osobny kokpit koordynatora wolontariatu */
.coordinator-demo { border-color: #9eddd7; background: #effbf9; color: #155e59; }
.coordinator-demo small { color: #43817c; }
.coordinator-workspace {
  --primary: #087a73;
  --primary-dark: #08635e;
  --bg: #f1f7f6;
}
.coordinator-workspace .sidebar { background: linear-gradient(180deg, #123f3d, #102d31 70%, #14242d); }
.coordinator-workspace .nav-item:hover,
.coordinator-workspace .nav-item.active { background: rgba(96, 220, 204, .16); color: #fff; }
.coordinator-workspace .avatar { background: #d9f6f1; color: #087a73; }
.coordinator-workspace .topbar { border-bottom-color: #d7e9e7; }
.coordinator-workspace .content { max-width: 1840px; }
.coordinator-workspace .brand-mark { background: linear-gradient(135deg, #087a73, #32a699); box-shadow: 0 12px 30px rgba(8,122,115,.22); }

.coordinator-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 28px;
  margin-bottom: 18px; padding: 26px 30px; border-radius: 24px; color: #fff;
  background:
    radial-gradient(circle at 85% 15%, rgba(255,255,255,.19), transparent 28%),
    linear-gradient(135deg, #086f69, #159589 62%, #39aa91);
  box-shadow: 0 24px 55px rgba(8, 100, 95, .19);
}
.coordinator-hero h2 { margin: 5px 0 8px; font-size: clamp(1.65rem, 3vw, 2.45rem); }
.coordinator-hero p { max-width: 760px; margin: 0; line-height: 1.65; color: rgba(255,255,255,.84); }
.coordinator-hero .eyebrow { color: #c5fff5; }
.coordinator-hero-actions { display: flex; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
.btn-light { background: rgba(255,255,255,.95); color: #08655f; border: 1px solid rgba(255,255,255,.75); }
.btn-light:hover { background: #fff; }

.week-toolbar {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  margin-bottom: 18px; padding: 14px 17px; border: 1px solid #d8e9e7; border-radius: 16px; background: rgba(255,255,255,.84);
}
.week-toolbar > div:first-child { display: grid; gap: 3px; }
.week-toolbar small { color: var(--muted); font-weight: 800; }
.week-toolbar strong { font-size: 1.05rem; }
.coordinator-stats .stat-card { border-color: #d5eae7; }
.coordinator-matrix { margin-top: 18px; }
.availability-table { min-width: 1380px; }
.availability-table th small { display: block; margin-top: 3px; color: #8a92a1; font-size: .65rem; }
.availability-table td { min-width: 118px; vertical-align: top; }
.availability-table td:first-child { min-width: 210px; }
.availability-slot { display: grid; gap: 2px; margin-bottom: 5px; padding: 7px 8px; border-radius: 9px; font-size: .73rem; }
.availability-slot strong { font-size: .77rem; }
.availability-slot span { opacity: .8; }
.availability-slot.onsite, .slot-chip.onsite { background: #e2f6ee; color: #176b50; }
.availability-slot.online, .slot-chip.online { background: #e7edff; color: #3659a8; }
.availability-slot.hybrid, .slot-chip.hybrid { background: #f2e8ff; color: #7650a7; }
.missing-plan-row { background: #fff8f1; }
.missing-plan-row td { border-bottom-color: #f0dfcd; }
.coordinator-bottom-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 18px; margin: 18px 0; }
.attention-list, .coordinator-list { display: grid; gap: 10px; }
.attention-person { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 11px; border: 1px solid #f0dfcd; border-radius: 13px; background: #fff9f2; }
.attention-person div { display: grid; gap: 3px; }
.attention-person small { color: var(--muted); }
.coordinator-list-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.coordinator-list-item:last-child { border-bottom: 0; }
.coordinator-list-item h3, .coordinator-list-item p { margin: 0; }
.coordinator-list-item p { margin-top: 4px; color: var(--muted); font-size: .82rem; }
.date-tile { width: 48px; height: 52px; display: grid; place-content: center; text-align: center; border-radius: 12px; background: #e1f6f2; color: #086e67; }
.date-tile strong { font-size: 1.25rem; line-height: 1; }
.date-tile span { font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.meeting-count { display: grid; text-align: right; }
.meeting-count strong { font-size: 1.1rem; }
.meeting-count span { color: var(--muted); font-size: .7rem; }

.reminder-info { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 18px; background: linear-gradient(135deg, #effaf8, #fff); border-color: #cae8e4; }
.reminder-info h2, .reminder-info p { margin: 0; }
.reminder-info p { max-width: 920px; margin-top: 6px; color: var(--muted); line-height: 1.6; }
.slot-list { display: flex; flex-wrap: wrap; gap: 6px; }
.slot-chip { display: inline-flex; padding: 6px 8px; border-radius: 9px; font-size: .72rem; font-weight: 800; }
.meeting-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.meeting-card { min-height: 360px; }
.meeting-response-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.meeting-response-grid div { display: grid; gap: 2px; padding: 10px; border-radius: 11px; background: var(--surface-2); text-align: center; }
.meeting-response-grid strong { font-size: 1.25rem; }
.meeting-response-grid span { color: var(--muted); font-size: .7rem; }
.manager-announcements { max-width: 1050px; }
.calendar-event.meeting-event { background: #e2f6f2; color: #086b64; }

.personal-notifications {
  display: flex; justify-content: space-between; gap: 18px; align-items: center;
  margin-bottom: 18px; padding: 17px 20px; border-radius: 16px; background: #8f5b16; color: #fff;
  box-shadow: 0 12px 30px rgba(143,91,22,.18);
}
.personal-notifications p { margin: 5px 0 0; color: rgba(255,255,255,.86); font-size: .86rem; }
.weekly-plan-self {
  display: flex; justify-content: space-between; align-items: center; gap: 22px; margin-bottom: 18px; padding: 23px 25px;
  border-radius: 20px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow);
}
.weekly-plan-self.missing { border-color: #efd5b5; background: linear-gradient(135deg, #fff7eb, #fff); }
.weekly-plan-self.submitted { border-color: #bfe2d5; background: linear-gradient(135deg, #edf9f4, #fff); }
.weekly-plan-self h2 { margin: 5px 0; }
.weekly-plan-self p { margin: 0 0 10px; color: var(--muted); line-height: 1.6; }
.meeting-self-list { display: grid; gap: 12px; }
.meeting-self-card { padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); }
.meeting-self-card h3 { margin: 4px 0; }
.meeting-self-card p { color: var(--muted); line-height: 1.55; }

.weekly-plan-form-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; padding: 18px; border-radius: 16px; background: #eff9f7; }
.weekly-plan-form-head h3 { margin: 5px 0; }
.weekly-plan-form-head p { margin: 0; color: var(--muted); }
.weekly-days-editor { display: grid; gap: 9px; }
.weekly-day-row { display: grid; grid-template-columns: minmax(180px, 1.2fr) 1fr 1fr 1.35fr; gap: 10px; align-items: end; padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfd; }
.day-active { display: flex; flex-direction: row; align-items: center; gap: 10px; min-height: 45px; }
.day-active input { width: auto; }
.day-active span { display: grid; gap: 2px; }
.day-active small { color: var(--muted); font-weight: 600; }
.volunteer-profile-modal .team-profile h3 { margin: 4px 0; }
.profile-section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 18px 0; }
.profile-section-grid section { padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); }
.profile-section-grid h3 { margin: 0 0 6px; }
.profile-section-grid h3:not(:first-child) { margin-top: 16px; }
.profile-section-grid p { margin: 0; color: var(--muted); line-height: 1.55; }
.plan-detail { display: grid; gap: 10px; }

.sidebar { overflow-y: auto; }
.text-green { color: var(--success); }
.text-yellow { color: var(--warning); }
.text-red { color: var(--danger); }
.text-gray { color: var(--muted); }

@media (max-width: 1180px) {
  .coordinator-bottom-grid { grid-template-columns: 1fr; }
  .meeting-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .coordinator-hero, .week-toolbar, .reminder-info, .weekly-plan-self, .personal-notifications { align-items: stretch; flex-direction: column; }
  .coordinator-hero-actions { justify-content: flex-start; }
  .weekly-day-row { grid-template-columns: 1fr 1fr; }
  .day-active { grid-column: 1 / -1; }
  .profile-section-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .weekly-day-row { grid-template-columns: 1fr; }
  .day-active { grid-column: auto; }
  .meeting-response-grid { grid-template-columns: 1fr; }
  .attention-person, .coordinator-list-item { grid-template-columns: auto 1fr; }
  .attention-person .btn, .meeting-count { grid-column: 1 / -1; width: 100%; text-align: left; }
}




/* AppSystem bundle source: styles/40-volunteer-profiles-groups.css */
/* Wersja 5: profile wolontariuszy i grupy robocze */
.volunteer-photo-avatar { overflow: hidden; background: #eceff4; }
.volunteer-photo-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.team-avatar.small-avatar { width: 36px; height: 36px; flex-basis: 36px; font-size: .7rem; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(35,42,55,.12); }
.team-avatar.tiny-avatar { width: 30px; height: 30px; flex-basis: 30px; font-size: .64rem; }
.team-avatar.profile-avatar { width: 64px; height: 64px; flex-basis: 64px; }
.team-avatar.self-profile-photo { width: 112px; height: 112px; flex-basis: 112px; font-size: 1.8rem; border: 4px solid #fff; box-shadow: 0 12px 28px rgba(99,68,24,.18); }
.team-avatar.profile-modal-photo { width: 104px; height: 104px; flex-basis: 104px; font-size: 1.7rem; border: 4px solid #fff; box-shadow: 0 12px 30px rgba(43,54,75,.14); }

.self-profile-expanded { display: grid; gap: 20px; padding: 24px; }
.self-profile-main { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; align-items: center; }
.self-profile-copy h2 { margin: 3px 0 8px; font-size: clamp(1.55rem, 3vw, 2.2rem); }
.self-bio { max-width: 900px; margin: 0; color: var(--muted); line-height: 1.7; }
.profile-completion { display: grid; gap: 6px; max-width: 430px; margin-top: 13px; color: var(--muted); font-size: .78rem; }
.profile-completion > div { height: 7px; overflow: hidden; border-radius: 999px; background: #eadfce; }
.profile-completion i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #c5791a, #e7a23a); }
.profile-info-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.profile-info-grid > div { padding: 14px; border: 1px solid #eddfcb; border-radius: 14px; background: rgba(255,255,255,.78); }
.profile-info-grid p { margin: 5px 0 0; line-height: 1.55; color: #465064; }
.self-profile-editor-head { display: flex; gap: 17px; align-items: center; margin-bottom: 20px; padding: 17px; border-radius: 16px; background: #fff8ec; }
.self-profile-editor-head h3 { margin: 0 0 5px; }
.self-profile-editor-head p { margin: 0; color: var(--muted); line-height: 1.55; }
.profile-image-preview img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; }
.public-volunteer-profile-head { display: flex; gap: 22px; align-items: center; margin-bottom: 20px; padding: 20px; border-radius: 18px; background: linear-gradient(135deg, #fff8ec, #fff); }
.public-volunteer-profile-head h2 { margin: 4px 0 8px; }
.public-volunteer-profile-head p { margin: 0; color: var(--muted); line-height: 1.65; }
.public-profile-sections { margin-top: 16px; }

.my-groups-section { margin-bottom: 18px; }
.my-groups-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.my-group-card { display: grid; gap: 12px; min-height: 230px; padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); }
.my-group-card h3 { margin: 4px 0 6px; }
.my-group-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.my-group-card .btn { align-self: end; }
.my-group-meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: .75rem; }
.my-group-meta span { padding: 5px 8px; border-radius: 999px; background: #fff; border: 1px solid var(--line); }

.volunteer-groups-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.volunteer-group-card { min-height: 445px; }
.group-owner-line { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 13px; background: var(--surface-2); }
.group-owner-line div { display: grid; gap: 3px; }
.group-owner-line small { color: var(--muted); }
.group-members-stack { display: flex; align-items: center; min-height: 40px; padding-left: 5px; }
.group-members-stack .team-avatar { margin-left: -7px; }
.group-members-stack .team-avatar:first-child { margin-left: 0; }
.member-more { display: grid; place-items: center; width: 36px; height: 36px; margin-left: -7px; border: 2px solid #fff; border-radius: 50%; background: #eef0f5; color: #5a6475; font-size: .72rem; font-weight: 900; }
.group-channel { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.collaborators-panel { margin-top: 20px; }
.collaborator-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.collaborator-card { display: grid; grid-template-columns: auto 1fr auto; gap: 13px; align-items: center; padding: 13px; border: 1px solid var(--line); border-radius: 15px; background: #fbfcfd; }
.collaborator-card h3 { margin: 0 0 4px; }
.collaborator-card p { margin: 0 0 8px; color: var(--muted); line-height: 1.45; }
.collaborator-card small { color: var(--muted); }
.skill-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 7px; }

.check-card > span:has(.tiny-avatar) { display: grid; grid-template-columns: auto 1fr; column-gap: 9px; align-items: center; }
.check-card > span:has(.tiny-avatar) small { grid-column: 2; }

.group-workspace { display: grid; gap: 18px; }
.group-workspace-hero { display: flex; justify-content: space-between; gap: 24px; padding: 23px; border-radius: 20px; background: linear-gradient(135deg, #f0f8f7, #fff8ec); }
.group-workspace-hero h2 { max-width: 850px; margin: 5px 0 8px; font-size: clamp(1.45rem, 3vw, 2.05rem); }
.group-workspace-hero p { max-width: 900px; margin: 0; color: var(--muted); line-height: 1.65; }
.group-workspace-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.group-workspace-actions { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.group-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 16px; }
.inner-panel { box-shadow: none; background: #fbfcfd; }
.group-task-list, .group-post-list, .group-members-list { display: grid; gap: 10px; }
.group-task-row { display: grid; grid-template-columns: 1fr auto; gap: 15px; align-items: center; padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.group-task-row > div:first-child { display: grid; gap: 4px; }
.group-task-row > div:last-child { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.group-task-row span, .group-task-row p { margin: 0; color: var(--muted); font-size: .78rem; }
.group-post { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.group-post > div { display: flex; align-items: center; gap: 9px; }
.group-post > div > div { display: grid; gap: 2px; }
.group-post small { color: var(--muted); }
.group-post p { margin: 10px 0 0; line-height: 1.6; }
.group-member-row { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.group-member-row:last-child { border-bottom: 0; }
.group-member-row div { display: grid; gap: 3px; }
.group-member-row small { color: var(--muted); }

@media (max-width: 1180px) {
  .volunteer-groups-grid, .my-groups-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .group-workspace-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .self-profile-main { grid-template-columns: auto 1fr; }
  .self-profile-main > .btn { grid-column: 1 / -1; width: 100%; }
  .collaborator-grid { grid-template-columns: 1fr; }
  .group-workspace-hero, .public-volunteer-profile-head { flex-direction: column; align-items: flex-start; }
  .group-workspace-actions { width: 100%; }
}
@media (max-width: 620px) {
  .volunteer-groups-grid, .my-groups-grid, .profile-info-grid { grid-template-columns: 1fr; }
  .self-profile-main { grid-template-columns: 1fr; text-align: left; }
  .team-avatar.self-profile-photo, .team-avatar.profile-modal-photo { width: 94px; height: 94px; flex-basis: 94px; }
  .collaborator-card { grid-template-columns: auto 1fr; }
  .collaborator-card .btn { grid-column: 1 / -1; width: 100%; }
  .group-task-row, .group-member-row { grid-template-columns: 1fr; }
  .group-task-row > div:last-child { justify-content: flex-start; }
}
.volunteer-card-bio { margin: 0; padding: 10px 12px; border-radius: 12px; background: #fff8ec; color: #626a78; line-height: 1.55; font-size: .82rem; }




/* AppSystem bundle source: styles/50-volunteer-development.css */
/* Wersja 6: system rozwoju, ścieżki, odznaki i wyzwania */
.development-summary-card {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; align-items: center;
  margin-bottom: 20px; padding: 24px; overflow: hidden; position: relative;
  border-radius: 22px; color: #fff; background: linear-gradient(135deg, #4c3dd5 0%, #6c52dc 48%, #b36b2b 130%);
  box-shadow: 0 20px 48px rgba(66, 51, 174, .24);
}
.development-summary-card::after { content: "✦"; position: absolute; right: 17%; top: -48px; font-size: 10rem; opacity: .06; transform: rotate(16deg); }
.development-level-orb { width: 126px; height: 126px; flex-basis: 126px; display: grid; place-content: center; justify-items: center; border: 1px solid rgba(255,255,255,.34); border-radius: 50%; background: rgba(255,255,255,.12); box-shadow: inset 0 0 0 8px rgba(255,255,255,.06); }
.development-level-orb > span { font-size: 2rem; }
.development-level-orb small { margin-top: 3px; opacity: .75; text-transform: uppercase; letter-spacing: .1em; font-size: .62rem; }
.development-level-orb strong { margin-top: 2px; font-size: 1rem; }
.development-summary-copy { position: relative; z-index: 1; }
.development-summary-copy .eyebrow { color: #e5e0ff; }
.development-summary-copy h2 { margin: 5px 0 7px; font-size: clamp(1.45rem, 3vw, 2.25rem); }
.development-summary-copy > p { max-width: 780px; margin: 0; color: rgba(255,255,255,.82); }
.development-progress { display: grid; gap: 6px; margin-top: 14px; max-width: 650px; }
.development-progress > div { height: 9px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.19); }
.development-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #fff, #ffd68f); box-shadow: 0 0 18px rgba(255,255,255,.5); }
.development-progress > span { color: rgba(255,255,255,.78); font-size: .75rem; }
.development-summary-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.development-summary-meta span { padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.13); font-size: .76rem; }
.development-summary-card > .btn { position: relative; z-index: 1; color: #4b3ed0; }

.development-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: 18px; margin-bottom: 18px; }
.development-path-panel { margin: 0 !important; }
.path-progress-head { display: grid; gap: 7px; margin-bottom: 15px; }
.path-progress-head > div { height: 9px; overflow: hidden; border-radius: 999px; background: #eef0f5; }
.path-progress-head i { display: block; height: 100%; border-radius: inherit; }
.path-milestone-list { display: grid; gap: 10px; }
.path-milestone { display: grid; grid-template-columns: auto 1fr auto; gap: 13px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: #fbfcfe; }
.path-milestone.completed { border-color: #b9e0d0; background: #f1fbf7; }
.path-milestone.requested { border-color: #f0d19d; background: #fff9ed; }
.milestone-number { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #eceafd; color: var(--primary); font-weight: 900; }
.path-milestone.completed .milestone-number { background: #d8f3e7; color: #16714d; }
.path-milestone > div { display: grid; gap: 3px; }
.path-milestone p { margin: 0; color: var(--muted); line-height: 1.45; }
.path-milestone small { color: #8b6a2c; }
.path-choice-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.path-choice-preview article { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); }
.path-choice-preview span { font-size: 1.7rem; }
.path-choice-preview strong { display: block; margin: 7px 0 4px; }
.path-choice-preview p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }

.ranking-list { display: grid; gap: 8px; }
.ranking-row { display: grid; grid-template-columns: 38px auto 1fr auto; gap: 10px; align-items: center; padding: 10px 11px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfd; }
.ranking-row.me { border-color: #cfc9ff; background: #f3f1ff; }
.ranking-row > div { display: grid; gap: 2px; }
.ranking-row small { color: var(--muted); }
.ranking-row b { color: var(--primary); }
.rank-position { text-align: center; font-weight: 900; }
.ranking-my-position { padding: 7px 10px; border-radius: 999px; background: #e7f0f8; color: var(--primary); font-size: .8rem; }

.challenge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.challenge-card { display: grid; gap: 15px; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, #fff, #fbf9ff); }
.challenge-card.completed { border-color: #b8e2cd; background: linear-gradient(145deg, #f2fff8, #fff); }
.challenge-top { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: start; }
.challenge-top > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: #fff1d9; font-size: 1.25rem; }
.challenge-top h3 { margin: 0 0 5px; }
.challenge-top p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.challenge-top > strong { color: #a86a12; white-space: nowrap; }
.challenge-progress { display: grid; gap: 6px; }
.challenge-progress > div, .mini-progress { height: 7px; overflow: hidden; border-radius: 999px; background: #ebeef3; }
.challenge-progress i, .mini-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6a55d8, #d18a2f); }
.challenge-progress span { color: var(--muted); font-size: .75rem; }
.challenge-card footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--muted); font-size: .78rem; }

.badge-showcase { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.development-badge { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: #fbfcfd; }
.development-badge.earned { border-color: #e9c77d; background: linear-gradient(145deg, #fff9e8, #fff); box-shadow: 0 8px 22px rgba(166,110,23,.08); }
.development-badge.locked { filter: grayscale(.7); opacity: .63; }
.badge-symbol { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #fff; border: 2px solid #f2d99e; font-size: 1.45rem; }
.development-badge > div { display: grid; align-content: start; gap: 2px; }
.development-badge small { color: var(--muted); text-transform: uppercase; letter-spacing: .07em; font-size: .62rem; }
.development-badge p { margin: 5px 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.badge-earned-date { color: #8a681d; font-size: .7rem; }
.badge-points { color: var(--primary); font-size: .72rem; font-weight: 900; }
.locked-badges { margin-top: 15px; }
.locked-badges summary { cursor: pointer; color: var(--primary); font-weight: 800; }
.locked-badges .badge-showcase { margin-top: 13px; }

.points-history { display: grid; gap: 8px; }
.points-history article { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.points-history article:last-child { border-bottom: 0; }
.points-history article > div { display: grid; gap: 3px; }
.points-history small { color: var(--muted); }
.points-pill { min-width: 48px; padding: 7px 8px; text-align: center; border-radius: 999px; font-weight: 900; }
.points-pill.positive { background: #e6f7ef; color: #16704d; }
.points-pill.negative { background: #fff0f2; color: var(--danger); }

.development-manager-hero { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 24px; align-items: center; margin-bottom: 18px; padding: 26px; border-radius: 22px; color: #fff; background: linear-gradient(135deg, #173c52, #3a5375 58%, #71519a); box-shadow: 0 18px 42px rgba(26,56,80,.2); }
.development-manager-hero h2 { margin: 5px 0 8px; font-size: clamp(1.6rem, 3vw, 2.35rem); }
.development-manager-hero p { color: rgba(255,255,255,.78); line-height: 1.65; }
.development-manager-hero .eyebrow { color: #d6e9f3; }
.podium-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; }
.podium-card { display: grid; justify-items: center; gap: 4px; padding: 15px 9px; border: 1px solid rgba(255,255,255,.22); border-radius: 18px; background: rgba(255,255,255,.1); text-align: center; backdrop-filter: blur(10px); }
.podium-card.place-1 { min-height: 205px; background: rgba(255,215,112,.18); }
.podium-medal { font-size: 1.35rem; }
.team-avatar.development-avatar { width: 58px; height: 58px; flex-basis: 58px; border: 3px solid rgba(255,255,255,.75); }
.podium-card h3 { margin: 4px 0 0; font-size: .95rem; }
.podium-card p, .podium-card small { margin: 0; color: rgba(255,255,255,.75); font-size: .72rem; }
.podium-card > strong { font-size: 1.15rem; }
.milestone-request-card { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 13px; border-bottom: 1px solid var(--line); }
.milestone-request-card:last-child { border-bottom: 0; }
.milestone-request-card > div:nth-child(2) { display: grid; gap: 3px; }
.milestone-request-card span, .milestone-request-card p { margin: 0; color: var(--muted); font-size: .79rem; }
.milestone-request-card > div:last-child { display: flex; gap: 7px; }
.level-chip { display: inline-flex; align-items: center; gap: 4px; padding: 6px 9px; border-radius: 999px; background: #f0efff; color: var(--primary); font-size: .76rem; font-weight: 800; }
.rank-number { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #eef1f5; font-weight: 900; }
.table-actions { display: flex; gap: 5px; flex-wrap: wrap; }
.manager-challenge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.manager-challenge-card { display: grid; gap: 13px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #fbfcfd; }
.manager-challenge-card h3 { margin: 8px 0 4px; }
.manager-challenge-card p { margin: 0; color: var(--muted); line-height: 1.45; }
.challenge-manager-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.challenge-manager-stats span { display: grid; padding: 9px; border-radius: 11px; background: #fff; border: 1px solid var(--line); font-size: .68rem; color: var(--muted); }
.challenge-manager-stats strong { color: var(--text); font-size: 1rem; }
.manager-challenge-card footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: .75rem; color: var(--muted); }
.path-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.path-catalog article { padding: 17px; border-top: 4px solid var(--path-color); border-radius: 16px; background: var(--surface-2); }
.path-catalog article > span { font-size: 1.7rem; }
.path-catalog h3 { margin: 8px 0 5px; }
.path-catalog p { color: var(--muted); line-height: 1.45; }
.path-catalog ol { padding-left: 20px; color: #4d576b; font-size: .8rem; line-height: 1.75; }
.path-select-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-bottom: 18px; }
.path-select-card { grid-template-columns: auto auto 1fr; align-items: center; gap: 11px; padding: 14px; border: 1px solid var(--line); border-left: 4px solid var(--path-color); border-radius: 15px; background: #fbfcfd; cursor: pointer; }
.path-select-card:has(input:checked) { border-color: var(--path-color); background: color-mix(in srgb, var(--path-color) 7%, white); }
.path-select-card input { width: auto; }
.path-select-card > span:last-child { display: grid; gap: 3px; }
.path-select-card small { color: var(--muted); line-height: 1.4; }
.path-select-icon { font-size: 1.55rem; }
.milestone-admin-list { display: grid; gap: 8px; }
.recognition-intro { display: flex; gap: 13px; align-items: center; margin-bottom: 16px; padding: 14px; border-radius: 15px; background: #fff8e9; }
.recognition-intro > span { font-size: 1.8rem; }
.recognition-intro p { margin: 3px 0 0; color: var(--muted); line-height: 1.45; }
.challenge-detail { display: grid; gap: 17px; }
.challenge-detail > p { margin: 0; line-height: 1.65; }
.challenge-participant-list { display: grid; gap: 8px; }
.challenge-participant-row { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfd; }
.challenge-participant-row > div { display: grid; gap: 5px; }
.challenge-participant-row small { color: var(--muted); }

.profile-development-strip { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 9px; margin-bottom: 14px; }
.profile-development-strip > div { display: grid; gap: 3px; padding: 12px; border: 1px solid #dedbff; border-radius: 14px; background: #f6f4ff; }
.profile-development-strip small { color: var(--muted); }
.profile-level { grid-template-columns: auto 1fr !important; align-items: center; }
.profile-level > span { font-size: 1.6rem; }
.profile-level > div { display: grid; gap: 2px; }
.profile-badge-row { display: flex; flex-wrap: wrap; gap: 7px; margin: -2px 0 14px; }
.profile-badge-row span { padding: 6px 9px; border: 1px solid #ead49d; border-radius: 999px; background: #fff9e8; color: #7d6020; font-size: .72rem; }

@media (max-width: 1180px) {
  .challenge-grid, .manager-challenge-grid, .path-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .badge-showcase { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .development-manager-hero { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .development-summary-card { grid-template-columns: auto 1fr; }
  .development-summary-card > .btn { grid-column: 1 / -1; width: 100%; }
  .development-layout { grid-template-columns: 1fr; }
  .profile-development-strip { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .development-summary-card { grid-template-columns: 1fr; }
  .development-level-orb { width: 100px; height: 100px; }
  .challenge-grid, .manager-challenge-grid, .path-catalog, .badge-showcase, .path-select-grid, .path-choice-preview { grid-template-columns: 1fr; }
  .podium-grid { grid-template-columns: 1fr; }
  .podium-card.place-1 { min-height: auto; }
  .path-milestone, .milestone-request-card, .challenge-participant-row { grid-template-columns: 1fr; }
  .path-milestone > .btn, .milestone-request-card > div:last-child { width: 100%; }
  .profile-development-strip { grid-template-columns: 1fr; }
}

/* AppSystem v7 — własne ścieżki i odznaki */
.status.purple { color: #5a3db8; background: #eee9ff; }
.textarea-xl { min-height: 230px; }
.managed-catalog { align-items: stretch; }
.catalog-manage-item { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.catalog-manage-item .development-badge { flex: 1; }
.catalog-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding-top: 10px; margin-top: 12px; border-top: 1px solid var(--border); }
.managed-path-catalog article { display: flex; flex-direction: column; }
.managed-path-catalog article ol { flex: 1; }
.managed-path-catalog li { margin-bottom: 5px; }
.managed-path-catalog li small { display: block; margin-top: 1px; color: var(--muted); line-height: 1.35; }
@media (max-width: 620px) {
  .catalog-actions .btn { flex: 1; }
}




/* AppSystem bundle source: styles/60-collaboration.css */
/* Kanał komunikacji wolontariatu */
.communication-layout { display: grid; grid-template-columns: 285px minmax(0, 1fr); gap: 18px; align-items: start; }
.communication-sidebar { position: sticky; top: 84px; padding: 18px; }
.communication-main { min-width: 0; }
.communication-channel-list { display: grid; gap: 7px; }
.communication-channel { width: 100%; border: 1px solid transparent; background: transparent; border-radius: 13px; padding: 11px 12px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; text-align: left; color: var(--text); cursor: pointer; }
.communication-channel > span:first-child { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--surface-soft); font-size: 1.08rem; }
.communication-channel strong, .communication-channel small { display: block; }
.communication-channel strong { font-size: .9rem; line-height: 1.2; }
.communication-channel small { margin-top: 3px; color: var(--muted); font-size: .75rem; }
.communication-channel:hover { background: var(--surface-soft); }
.communication-channel.active { border-color: rgba(197,121,26,.24); background: #fff6e8; }
.communication-rules { margin-top: 18px; padding: 14px; border-radius: 14px; background: linear-gradient(145deg, #fff8ec, #f6faf9); }
.communication-rules strong { font-size: .86rem; }
.communication-rules p { margin: 6px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.communication-topic-list { display: grid; gap: 10px; }
.communication-topic-card { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr) 24px; gap: 13px; align-items: start; padding: 16px; border: 1px solid var(--border); border-radius: 16px; background: #fff; cursor: pointer; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.communication-topic-card:hover { transform: translateY(-1px); border-color: rgba(197,121,26,.35); box-shadow: 0 10px 28px rgba(31,42,55,.07); }
.communication-topic-card.unread { border-left: 4px solid #c5791a; background: linear-gradient(90deg, #fff9ee, #fff 22%); }
.communication-topic-state { position: relative; }
.communication-topic-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--surface-soft); font-size: 1.2rem; flex: 0 0 auto; }
.unread-dot { position: absolute; top: -3px; right: -3px; width: 10px; height: 10px; border-radius: 50%; background: #d66a3a; border: 2px solid #fff; }
.communication-topic-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.communication-topic-title h3 { margin: 0; font-size: 1rem; }
.communication-topic-title > div { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.communication-topic-content > p { margin: 7px 0 10px; color: var(--muted); font-size: .86rem; line-height: 1.55; }
.communication-topic-meta { display: flex; flex-wrap: wrap; gap: 5px 13px; color: var(--muted); font-size: .74rem; }
.communication-open-arrow { align-self: center; color: var(--muted); font-size: 1.5rem; }
.communication-thread { display: grid; gap: 16px; }
.communication-thread-hero { display: flex; justify-content: space-between; gap: 18px; padding: 18px; border-radius: 17px; background: linear-gradient(135deg, #fff6e8, #eef8f5); }
.communication-thread-hero h2 { margin: 4px 0 8px; font-size: 1.45rem; }
.communication-manager-actions { display: flex; flex-wrap: wrap; gap: 7px; align-content: flex-start; justify-content: flex-end; }
.communication-post-list { display: grid; gap: 12px; }
.communication-post { padding: 16px; border: 1px solid var(--border); border-radius: 16px; background: #fff; }
.communication-post.opening { border-color: rgba(197,121,26,.28); background: linear-gradient(135deg, #fffaf2, #fff); }
.communication-post-head { display: flex; align-items: center; gap: 10px; }
.communication-post-head > div:nth-child(2) { min-width: 0; flex: 1; }
.communication-post-head strong, .communication-post-head small { display: block; }
.communication-post-head small { margin-top: 2px; color: var(--muted); font-size: .75rem; }
.communication-post-actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.communication-post-body { margin-top: 13px; font-size: .92rem; line-height: 1.65; overflow-wrap: anywhere; }
.communication-attachments { display: grid; grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 9px; margin-top: 14px; }
.communication-image { position: relative; display: block; min-height: 130px; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: #f3f5f7; color: var(--text); }
.communication-image img { display: block; width: 100%; height: 170px; object-fit: cover; }
.communication-image span { position: absolute; left: 7px; right: 7px; bottom: 7px; padding: 6px 8px; border-radius: 8px; background: rgba(20,26,34,.76); color: #fff; font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.communication-file { display: grid; grid-template-columns: 34px minmax(0, 1fr) 20px; gap: 9px; align-items: center; padding: 11px; border: 1px solid var(--border); border-radius: 12px; color: var(--text); background: var(--surface-soft); text-decoration: none; }
.communication-file:hover { border-color: rgba(197,121,26,.4); background: #fff8ec; }
.communication-file strong, .communication-file small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.communication-file strong { font-size: .82rem; }
.communication-file small { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.communication-file-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: #fff; }
.communication-reply-form { padding: 17px; border-radius: 16px; background: var(--surface-soft); }
.communication-reply-form textarea { min-height: 105px; }
.communication-channel-manager { display: grid; gap: 14px; }
.communication-channel-admin-list { display: grid; gap: 9px; }
.communication-channel-admin-list article { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 13px; border: 1px solid var(--border); border-radius: 14px; }
.communication-channel-admin-list article p { margin: 4px 0; color: var(--muted); font-size: .79rem; }
.communication-channel-admin-list article small { color: var(--muted); font-size: .71rem; }
.communication-channel-admin-list article > div:last-child { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }

@media (max-width: 980px) {
  .communication-layout { grid-template-columns: 1fr; }
  .communication-sidebar { position: static; }
  .communication-channel-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .communication-channel-list { grid-template-columns: 1fr; }
  .communication-topic-card { grid-template-columns: 38px minmax(0, 1fr); }
  .communication-open-arrow { display: none; }
  .communication-topic-title, .communication-thread-hero { flex-direction: column; }
  .communication-manager-actions { justify-content: flex-start; }
  .communication-attachments { grid-template-columns: 1fr; }
  .communication-channel-admin-list article { grid-template-columns: 40px minmax(0, 1fr); }
  .communication-channel-admin-list article > div:last-child { grid-column: 1 / -1; justify-content: flex-start; }
}




/* AppSystem bundle source: styles/70-calendar-events.css */
/* AppSystem v9 — czytelny kalendarz i szczegółowy plan dnia */
.calendar-shell { gap: 14px; }
.calendar-controls { align-items: flex-start; }
.calendar-controls > h2 { padding-top: 5px; }
.calendar-help { margin: -2px 0 2px; color: var(--muted); font-size: .82rem; }
.calendar-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; max-width: 410px; }
.calendar-legend span { padding: 5px 8px; border-radius: 999px; font-size: .69rem; font-weight: 850; }
.calendar-legend .event { background: #e4eff7; color: #7440a5; }
.calendar-legend .deadline { background: #ffe9ed; color: #a83244; }
.calendar-legend .volunteer-event { background: #fff1d9; color: #8f5714; }
.calendar-legend .meeting-event { background: #e2f6f2; color: #086b64; }
.calendar-grid { grid-template-columns: repeat(7, minmax(150px, 1fr)); min-width: 1050px; align-items: stretch; }
.calendar-cell { min-height: 190px; padding: 10px; cursor: pointer; transition: background .15s ease, box-shadow .15s ease, transform .15s ease; outline: none; }
.calendar-cell:hover { background: #fbfcff; box-shadow: inset 0 0 0 2px rgba(91, 75, 210, .16); }
.calendar-cell:focus-visible { box-shadow: inset 0 0 0 3px rgba(91, 75, 210, .45); }
.calendar-cell.selected { background: #f8f7ff; box-shadow: inset 0 0 0 3px rgba(91, 75, 210, .34); }
.calendar-cell.other.selected { background: #f4f3fa; }
.calendar-number-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.calendar-number { margin: 0; }
.calendar-count { min-width: 23px; height: 23px; padding: 0 6px; display: inline-grid; place-items: center; border-radius: 999px; background: #edf0f7; color: var(--muted); font-size: .7rem; font-weight: 900; }
.calendar-cell-events { display: grid; gap: 5px; }
.calendar-event { margin: 0; padding: 6px 7px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; align-items: start; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.28; text-align: left; }
.calendar-event-time { font-size: .65rem; font-weight: 950; opacity: .8; white-space: nowrap; padding-top: 1px; }
.calendar-event-title { min-width: 0; overflow-wrap: anywhere; word-break: normal; }
.calendar-more { padding: 6px 7px; border: 1px dashed #ccd2df; border-radius: 8px; color: var(--muted); background: #fafbfc; font-size: .7rem; font-weight: 800; text-align: center; }
.calendar-agenda { scroll-margin-top: 84px; }
.calendar-agenda-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.calendar-agenda-head h2 { margin: 3px 0 4px; }
.calendar-agenda-head p { margin: 0; }
.calendar-agenda-list { display: grid; gap: 10px; }
.calendar-agenda-item { display: grid; grid-template-columns: 126px minmax(0, 1fr); gap: 15px; padding: 15px; border: 1px solid var(--line); border-left: 5px solid #8171dc; border-radius: 15px; background: #fff; }
.calendar-agenda-item.event { border-left-color: #004381; }
.calendar-agenda-item.deadline { border-left-color: #c24155; }
.calendar-agenda-item.volunteer-event { border-left-color: #c77b20; }
.calendar-agenda-item.meeting-event { border-left-color: #13867c; }
.calendar-agenda-time { padding: 7px 10px; align-self: start; border-radius: 11px; background: var(--surface-2); text-align: center; }
.calendar-agenda-time strong, .calendar-agenda-time small { display: block; }
.calendar-agenda-time strong { font-size: 1rem; }
.calendar-agenda-time small { margin-top: 3px; color: var(--muted); font-size: .68rem; line-height: 1.25; }
.calendar-agenda-content { min-width: 0; }
.calendar-agenda-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.calendar-agenda-title > div { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.calendar-agenda-title h3 { margin: 1px 0 0; font-size: 1rem; line-height: 1.35; overflow-wrap: anywhere; }
.calendar-agenda-icon { flex: 0 0 auto; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: var(--surface-2); }
.calendar-agenda-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; color: var(--muted); font-size: .78rem; }
.calendar-agenda-meta span { position: relative; }
.calendar-agenda-meta span:not(:last-child)::after { content: "·"; position: absolute; right: -9px; }
.calendar-agenda-description { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--line); font-size: .85rem; line-height: 1.55; }

@media (max-width: 980px) {
  .calendar-controls { align-items: stretch; }
  .calendar-legend { width: 100%; max-width: none; justify-content: flex-start; }
  .calendar-agenda-head { flex-direction: column; }
}
@media (max-width: 640px) {
  .calendar-grid { grid-template-columns: repeat(7, minmax(138px, 1fr)); min-width: 966px; }
  .calendar-cell { min-height: 180px; }
  .calendar-agenda-item { grid-template-columns: 1fr; gap: 9px; }
  .calendar-agenda-time { width: fit-content; min-width: 104px; text-align: left; }
  .calendar-agenda-title { flex-direction: column; }
  .calendar-agenda-head .page-actions { width: 100%; }
  .calendar-agenda-head .page-actions .btn { flex: 1; }
}

/* AppSystem v10 — edycja i własne kolory wydarzeń */
.calendar-event.event {
  background: var(--event-bg, #e4eff7);
  color: var(--event-text, #7440a5);
  border-left: 4px solid var(--event-color, #004381);
  width: 100%;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  cursor: default;
}
button.calendar-event.event { cursor: pointer; border-top: 0; border-right: 0; border-bottom: 0; }
button.calendar-event.event:hover { filter: brightness(.97); box-shadow: 0 3px 10px rgba(25,31,54,.09); }
.calendar-agenda-item.event { border-left-color: var(--event-color, #004381); background: linear-gradient(90deg, var(--event-bg, #edf5fa), #fff 24%); }
.calendar-agenda-item.event .calendar-agenda-icon { color: var(--event-color, #004381); background: var(--event-bg, #e4eff7); }
.calendar-agenda-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 7px; }
.event-card-custom { position: relative; overflow: hidden; }
.event-card-color-bar { position: absolute; inset: 0 auto 0 0; width: 6px; background: var(--event-color, #004381); }
.event-card-heading { display: flex; align-items: center; gap: 8px; }
.event-card-heading h3 { min-width: 0; }
.event-color-dot { display: inline-block; flex: 0 0 auto; width: 11px; height: 11px; border-radius: 50%; background: var(--event-color, #004381); box-shadow: 0 0 0 4px var(--event-bg, #e4eff7); }
.event-color-sample { display: inline-block; width: 13px; height: 13px; margin-right: 7px; vertical-align: -2px; border-radius: 4px; background: var(--event-color, #004381); }
.event-card-description { padding: 10px 12px; border-radius: 11px; background: var(--event-bg, #edf5fa); color: var(--text) !important; line-height: 1.5; }
.event-compact-item { border-left: 4px solid var(--event-color, #004381); }
.event-compact-item strong { display: flex; align-items: center; gap: 8px; }
.event-color-picker { min-height: 45px; display: flex; align-items: center; gap: 10px; }
.event-color-picker input[type="color"] { width: 58px; height: 42px; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.event-color-picker output { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; color: var(--muted); text-transform: uppercase; }
.event-palette { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: -4px; }
.event-palette > span { color: var(--muted); font-size: .78rem; font-weight: 800; }
.event-palette-button { width: 28px; height: 28px; padding: 0; border: 3px solid #fff; border-radius: 50%; background: var(--palette-color); box-shadow: 0 0 0 1px #cbd1de; }
.event-palette-button:hover, .event-palette-button:focus-visible { transform: scale(1.12); box-shadow: 0 0 0 3px rgba(91,75,210,.2); }
.event-color-preview { display: flex; align-items: center; gap: 12px; margin-top: 15px; padding: 14px; border-left: 5px solid var(--event-color); border-radius: 12px; background: var(--event-bg); color: var(--event-text); }
.event-color-preview strong, .event-color-preview small { display: block; }
.event-color-preview small { margin-top: 3px; opacity: .75; }
@media (max-width: 700px) {
  .calendar-agenda-actions { justify-content: flex-start; }
}


/* AppSystem v11 — dostęp pracowników do projektów */
.project-access-section { border: 1px solid #d9d5ff; background: #f8f7ff; border-radius: 16px; padding: 18px; }
.access-readonly-note { border-left: 4px solid #2b6f9e; background: #eef7fc; border-radius: 12px; padding: 16px; }
.access-readonly-note p { margin: 6px 0 0; color: #536075; }




/* AppSystem bundle source: styles/80-team-profiles.css */
/* Wersja 14: profile pracowników, koordynatora i Organów Fundacji */
.avatar.has-photo,
.employee-photo-avatar {
  overflow: hidden;
  padding: 0;
  background: #eef1f6;
}
.avatar.has-photo img,
.employee-photo-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.staff-profile-hero {
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 8%, rgba(92, 77, 214, .12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7f6ff 100%);
}
.staff-profile-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
}
.team-avatar.staff-profile-photo {
  width: 124px;
  height: 124px;
  flex-basis: 124px;
  font-size: 2rem;
  border: 5px solid #fff;
  box-shadow: 0 14px 34px rgba(44, 45, 85, .16);
}
.staff-profile-copy h2 {
  margin: 3px 0 5px;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}
.staff-profile-copy > p:last-of-type {
  max-width: 780px;
  margin-bottom: 0;
  color: #465064;
  line-height: 1.65;
}
.staff-profile-role {
  margin: 0 0 10px !important;
  color: var(--primary) !important;
  font-weight: 800;
}
.staff-profile-info {
  margin-top: 22px;
}
.staff-profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(310px, .8fr);
  gap: 18px;
  margin: 18px 0;
}
.staff-profile-sections {
  margin: 0;
}
.staff-profile-work h3 {
  margin: 20px 0 8px;
}
.staff-profile-work h3:first-of-type {
  margin-top: 18px;
}
.staff-public-profile-head {
  background: linear-gradient(135deg, #f5f3ff, #fff);
}
.staff-profile-modal .profile-group-chips {
  margin-top: 10px;
}
.internal-profile-notes {
  border: 1px dashed #d9c47b;
  border-radius: 14px;
  padding: 14px;
  background: #fffbed;
}
.profile-quick-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(135deg, #f5f3ff, #fff);
}
.profile-quick-card h2,
.profile-quick-card p {
  margin: 0;
}
.profile-quick-card p {
  margin: 4px 0 8px;
  color: var(--muted);
}
.profile-quick-card span {
  font-size: .78rem;
  color: var(--primary);
  font-weight: 800;
}

@media (max-width: 980px) {
  .staff-profile-layout { grid-template-columns: 1fr; }
  .staff-profile-main { grid-template-columns: auto 1fr; }
  .staff-profile-main > .btn { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 620px) {
  .staff-profile-main { grid-template-columns: 1fr; }
  .team-avatar.staff-profile-photo { width: 100px; height: 100px; flex-basis: 100px; }
  .profile-quick-card { align-items: flex-start; flex-direction: column; }
}

/* AppSystem / identyfikacja Fundacji ArtSystem */
.login-brand-logo {
  display: block;
  width: min(250px, 76%);
  max-height: 185px;
  object-fit: contain;
  object-position: left center;
  margin: 0 0 18px;
}
.sidebar-app-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  flex: 0 0 44px;
  box-shadow: 0 9px 22px rgba(0, 24, 48, .28);
}
.login-card {
  border-top: 5px solid var(--primary);
}
.sidebar::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.045), transparent 24%, rgba(0,0,0,.08));
}
.sidebar > * { position: relative; z-index: 1; }
.btn-primary { box-shadow: 0 7px 18px rgba(0,67,129,.18); }
.tile:hover { box-shadow: 0 20px 45px rgba(0,67,129,.12); }




/* AppSystem bundle source: styles/90-contacts.css */
/* Baza kontaktów */
.contacts-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 18px;
}
.contact-filter {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--muted);
  border-radius: 999px;
  padding: 9px 14px;
  font-weight: 800;
}
.contact-filter.active,
.contact-filter:hover {
  color: #fff;
  border-color: var(--primary);
  background: var(--primary);
}
.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
.contact-card {
  position: relative;
  overflow: hidden;
}
.contact-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--contact-color, var(--primary));
}
.contact-card-head {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  gap: 12px;
  align-items: start;
}
.contact-type-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: var(--contact-color, var(--primary));
  background: color-mix(in srgb, var(--contact-color, var(--primary)) 12%, white);
  font-size: 1.35rem;
}
.contact-card h3 { margin: 0 0 4px; }
.contact-card-head p { margin: 0; color: var(--muted); }
.contact-details {
  display: grid;
  gap: 7px;
  margin: 17px 0;
  color: #44566a;
  font-size: .91rem;
}
.contact-details a { color: var(--primary); text-decoration: none; overflow-wrap: anywhere; }
.contact-details a:hover { text-decoration: underline; }
.contact-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.contact-tag {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  background: #edf4f9;
  color: #315d7e;
  font-size: .75rem;
  font-weight: 800;
}
.contact-detail-hero {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, #e8f2f9, #f7fbfe);
  border: 1px solid #d4e5f1;
}
.contact-detail-hero .contact-type-icon { width: 68px; height: 68px; border-radius: 20px; font-size: 1.8rem; }
.contact-detail-hero h2 { margin: 0 0 6px; }
.contact-detail-hero p { margin: 0; color: var(--muted); }
.contact-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.contact-data-box {
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}
.contact-data-box small { color: var(--muted); }
.contact-data-box strong, .contact-data-box a { color: var(--text); overflow-wrap: anywhere; }
.contact-notes {
  margin-top: 18px;
  padding: 16px;
  border-radius: 15px;
  background: #f4f8fb;
  border-left: 4px solid var(--primary);
}
@media (max-width: 720px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-data-grid { grid-template-columns: 1fr; }
  .login-brand-logo { width: 210px; }
}

/* AppSystem v16 — grupy kontaktów i eksport */
.contact-filter-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
  padding: 16px;
}
.contact-filter-panel .contacts-toolbar { margin: 7px 0 0; }
.contact-group-filter {
  position: relative;
  padding-left: 27px;
}
.contact-group-filter::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--group-color, var(--primary));
  transform: translateY(-50%);
}
.contact-group-filter.active::before,
.contact-group-filter:hover::before { background: #fff; }
.contact-results-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: baseline;
  color: var(--muted);
  font-size: .88rem;
}
.contact-results-summary strong { color: var(--text); font-size: 1rem; }
.contact-group-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}
.contact-group-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  color: color-mix(in srgb, var(--group-color, var(--primary)) 80%, #12263a);
  background: color-mix(in srgb, var(--group-color, var(--primary)) 12%, white);
  border: 1px solid color-mix(in srgb, var(--group-color, var(--primary)) 28%, white);
  font-size: .76rem;
  font-weight: 850;
}
.contact-group-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--group-color, var(--primary));
}
.contact-group-chip button {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.contact-group-check {
  border-left: 4px solid var(--group-color, var(--primary));
}
.contact-group-manager-list {
  display: grid;
  gap: 10px;
  margin: 16px 0;
}
.contact-group-manager-row {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--surface-2);
}
.contact-group-manager-row > div:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.contact-group-manager-row span,
.contact-group-manager-row small { color: var(--muted); }
.contact-group-color {
  width: 12px;
  height: 42px;
  border-radius: 999px;
  background: var(--group-color, var(--primary));
}
.contact-export-preview {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9px;
  margin: 14px 0;
  padding: 14px 16px;
  border-radius: 15px;
  background: #edf5fb;
  border: 1px solid #d7e8f4;
}
.contact-export-preview strong { color: var(--primary); font-size: 1.1rem; }
.contact-export-preview span { color: var(--muted); }
.contact-export-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
@media (max-width: 760px) {
  .contact-group-manager-row {
    grid-template-columns: 12px minmax(0, 1fr);
  }
  .contact-group-manager-row > .status,
  .contact-group-manager-row > .card-actions {
    grid-column: 2;
  }
}


/* AppSystem v17 – uproszczony ekran logowania */
.login-app-brand {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 4px;
}
.login-app-icon {
  width: 68px;
  height: 68px;
  border-radius: 20px;
  box-shadow: 0 14px 32px rgba(0, 67, 129, .24);
  flex: 0 0 68px;
}
.login-app-brand h1 {
  margin: 0;
  color: var(--primary);
  font-size: clamp(2.35rem, 8vw, 3.25rem);
  line-height: 1;
  letter-spacing: -.045em;
}
.login-tagline {
  margin: 10px 0 30px;
  color: var(--primary-dark);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: .01em;
}
@media (max-width: 480px) {
  .login-app-icon { width: 58px; height: 58px; flex-basis: 58px; border-radius: 17px; }
  .login-app-brand { gap: 13px; }
  .login-tagline { margin-bottom: 25px; }
}





/* AppSystem bundle source: styles/100-payments.css */
/* AppSystem v18 — strefa płatności */
.payment-demo { border-color: rgba(20,111,122,.34); background: #f0fbfb; }
body.payment-workspace { --primary: #146f7a; --primary-dark: #0c5360; --primary-soft: #e4f5f5; }
body.payment-workspace .sidebar { background: linear-gradient(180deg, #073b4c 0%, #0b5361 52%, #146f7a 100%); }
body.payment-workspace .topbar { border-bottom-color: rgba(20,111,122,.18); }
.payment-hero { display:flex; justify-content:space-between; gap:28px; align-items:center; padding:30px; border-radius:26px; color:#fff; background:linear-gradient(135deg,#073b4c,#146f7a); box-shadow:0 18px 44px rgba(7,59,76,.22); margin-bottom:24px; }
.payment-hero h2 { font-size:clamp(1.5rem,2.5vw,2.35rem); margin:4px 0 10px; }
.payment-hero p { margin:0; max-width:680px; color:rgba(255,255,255,.82); }
.payment-hero .eyebrow { color:#bfe9e7; }
.payment-hero-total { min-width:250px; padding:20px 24px; border:1px solid rgba(255,255,255,.22); border-radius:20px; background:rgba(255,255,255,.1); }
.payment-hero-total small,.payment-hero-total strong { display:block; }
.payment-hero-total small { color:rgba(255,255,255,.76); margin-bottom:8px; }
.payment-hero-total strong { font-size:1.75rem; }
.payment-document-list { display:grid; gap:12px; }
.payment-document-card { position:relative; display:flex; align-items:center; justify-content:space-between; gap:22px; border:1px solid #dce6eb; border-left:5px solid #7aa6b1; border-radius:18px; background:#fff; padding:18px; cursor:pointer; transition:.18s ease; box-shadow:0 8px 24px rgba(18,47,64,.05); }
.payment-document-card:hover { transform:translateY(-2px); border-color:#9abcc4; box-shadow:0 12px 30px rgba(18,47,64,.1); }
.payment-document-card.overdue { border-left-color:#c2414b; background:linear-gradient(90deg,#fff6f6,#fff 22%); }
.payment-document-card.due-soon { border-left-color:#d68a1e; background:linear-gradient(90deg,#fff9ef,#fff 22%); }
.payment-document-main { display:flex; align-items:center; gap:16px; min-width:0; }
.payment-document-main>div:last-child { min-width:0; }
.payment-document-icon { display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; border-radius:16px; background:#e4f5f5; color:#0c6570; font-weight:900; font-size:.9rem; }
.payment-document-icon.large { width:70px; height:70px; flex-basis:70px; font-size:1.1rem; border-radius:21px; }
.payment-document-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.payment-document-title h3 { margin:0; font-size:1rem; }
.payment-document-main p { margin:5px 0 8px; color:#64727e; }
.payment-document-meta { display:flex; flex-wrap:wrap; gap:7px 14px; color:#7b8790; font-size:.78rem; }
.payment-document-meta span { display:inline-flex; align-items:center; }
.payment-document-amount { display:flex; flex-direction:column; align-items:flex-end; gap:5px; flex:0 0 auto; }
.payment-document-amount strong { color:#073b4c; font-size:1.12rem; }
.payment-document-amount>span { color:#73808a; font-size:.78rem; }
.payment-filter-bar { margin-bottom:18px; }
.payment-form-intro { display:flex; gap:15px; align-items:flex-start; padding:18px; border-radius:18px; background:#edf8f8; margin-bottom:18px; }
.payment-form-intro>span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#146f7a; color:#fff; font-size:1.25rem; flex:0 0 auto; }
.payment-form-intro p { margin:5px 0 0; color:#65757d; }
.payment-existing-files { display:grid; gap:10px; margin-bottom:14px; }
.payment-existing-file { padding:10px; border:1px solid #dfe8ec; border-radius:14px; background:#fafcfd; }
.payment-existing-file .inline-check { margin-top:8px; }
.payment-detail-head { display:flex; align-items:center; gap:16px; padding:6px 0 20px; }
.payment-detail-head>div:nth-child(2) { min-width:0; flex:1; }
.payment-detail-head h2 { margin:3px 0; }
.payment-detail-head p { margin:0; color:#65727b; }
.payment-detail-total { display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.payment-detail-total strong { font-size:1.55rem; color:#073b4c; }
.payment-bank-data { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.payment-bank-data>div { padding:14px; border-radius:14px; background:#f5f8fa; }
.payment-bank-data small,.payment-bank-data strong { display:block; overflow-wrap:anywhere; }
.payment-bank-data small { color:#7c8991; margin-bottom:5px; }
.payment-action-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:16px; border-radius:18px; background:#f2f7f8; margin-top:18px; }
.payment-confirmation { display:flex; align-items:center; gap:14px; padding:18px; border-radius:18px; color:#155c47; background:#e7f8ef; margin:16px 0; }
.payment-confirmation>span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#2c9b73; color:#fff; font-size:1.35rem; font-weight:900; }
.payment-confirmation p { margin:4px 0 0; }
.payment-history { display:grid; gap:14px; margin-top:12px; }
.payment-history article { display:grid; grid-template-columns:14px 1fr; gap:10px; position:relative; }
.payment-history article>span { width:10px; height:10px; border-radius:50%; background:#2b8390; margin-top:5px; box-shadow:0 0 0 4px #e4f5f5; }
.payment-history article:not(:last-child)::after { content:""; position:absolute; left:4px; top:18px; bottom:-14px; width:2px; background:#d8e7e9; }
.payment-history strong,.payment-history small { display:block; }
.payment-history small { margin-top:3px; color:#7a8790; }
@media (max-width:900px) {
  .payment-hero,.payment-document-card,.payment-detail-head { align-items:flex-start; flex-direction:column; }
  .payment-hero-total { width:100%; min-width:0; }
  .payment-document-amount,.payment-detail-total { align-items:flex-start; width:100%; }
  .payment-bank-data { grid-template-columns:1fr; }
  .payment-action-grid { grid-template-columns:1fr; }
}




/* AppSystem bundle source: styles/110-hr-work.css */
/* AppSystem v19 — kadry i organizacja pracy */
.employee-hr-panel{margin-top:24px;overflow:hidden}
.employee-hr-panel>.panel-title{padding-bottom:18px;border-bottom:1px solid var(--border,#dde6ef);align-items:flex-start}
.hr-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.hr-summary-grid article{position:relative;padding:18px;border:1px solid #d8e4ef;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#eef6fc);min-height:140px;display:flex;flex-direction:column;gap:5px}
.hr-summary-grid article span{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#56708a}
.hr-summary-grid article strong{font-size:1.65rem;color:#004381;line-height:1.15}
.hr-summary-grid article small{line-height:1.45;color:#66788a}
.hr-summary-grid article .btn{margin-top:auto;align-self:flex-start}
.hr-two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.hr-subpanel{padding:18px;border:1px solid #dce6ef;border-radius:18px;background:#fff}
.hr-subpanel>.panel-title{margin-bottom:12px;align-items:flex-start}
.hr-subpanel h3{margin:0 0 4px;color:#18344d}
.hr-list{display:flex;flex-direction:column;gap:10px}
.hr-list-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e2eaf1;border-radius:14px;background:#fbfdff}
.hr-list-row>div:first-child{min-width:0}
.hr-list-row>div:last-child{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:46%}
.hr-list-row strong,.hr-document-card strong{display:block;color:#1d354b;margin-bottom:3px}
.hr-list-row span,.hr-document-card span{display:block;color:#607589;font-size:.85rem}
.hr-list-row p,.hr-document-card p{margin:6px 0 0;color:#455d72;font-size:.88rem}
.hr-list-row small{display:block;margin-top:7px;color:#8b5e10}
.hr-schedule-panel{margin-top:16px}
.hr-schedule-table{min-width:920px}
.hr-schedule-table td{vertical-align:top}
.hr-schedule-table td small{display:block;color:#718397;margin-top:3px}
.hr-schedule-table td:last-child{display:flex;gap:6px;flex-wrap:wrap}
.hr-documents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hr-document-card{padding:15px;border:1px solid #dfe8f0;border-radius:15px;background:#fbfdff}
.hr-document-card .communication-attachments{margin-top:10px}
.weekday-fieldset{border:1px solid #d7e2ec;border-radius:14px;padding:12px 14px;display:flex;gap:10px;flex-wrap:wrap}
.weekday-fieldset legend{font-weight:800;color:#34536d;padding:0 5px}
.employee-hr-panel.compact{border:0;box-shadow:none;margin:0;padding:0}
.employee-hr-panel.compact>.panel-title{padding-top:0}

@media (max-width:1100px){
  .hr-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hr-two-column{grid-template-columns:1fr}
}
@media (max-width:700px){
  .hr-summary-grid{grid-template-columns:1fr}
  .hr-summary-grid article{min-height:auto}
  .hr-list-row{flex-direction:column}
  .hr-list-row>div:last-child{max-width:none;justify-content:flex-start}
  .hr-documents-grid{grid-template-columns:1fr}
  .employee-hr-panel>.panel-title,.hr-subpanel>.panel-title{flex-direction:column;gap:12px}
  .employee-hr-panel .page-actions{width:100%;display:flex;overflow-x:auto;padding-bottom:4px}
}

/* AppSystem v20 — grafik ustalany dzień po dniu */
.status.blue{color:#075f91;background:#e6f4ff}
.schedule-guidance{margin:12px 0 16px}
.schedule-row-weekend{background:#f7f9fb}
.schedule-row-weekend td:first-child strong{color:#6a7783}
.schedule-row-actions{display:flex;gap:6px;flex-wrap:wrap}
.monthly-schedule-form{display:flex;flex-direction:column;gap:16px}
.monthly-schedule-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.monthly-schedule-header h3{margin:2px 0 5px;font-size:1.35rem;color:#18344d}
.monthly-schedule-header label{min-width:180px}
.schedule-bulk-tools{border:1px solid #cfe0ee;border-radius:18px;background:linear-gradient(145deg,#f4f9fd,#edf6fc);padding:16px}
.schedule-bulk-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.schedule-bulk-title strong{color:#173d5d}
.schedule-bulk-title span{font-size:.82rem;color:#6b7f91}
.schedule-bulk-fields{display:grid;grid-template-columns:1.25fr repeat(4,minmax(100px,.7fr)) 1.4fr;gap:10px}
.schedule-bulk-fields label{font-size:.75rem}
.schedule-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.monthly-schedule-table-wrap{max-height:58vh;overflow:auto;border:1px solid #dce6ef;border-radius:16px}
.monthly-schedule-table{min-width:1320px;margin:0}
.monthly-schedule-table thead{position:sticky;top:0;z-index:3;background:#edf4fa}
.monthly-schedule-table th{white-space:nowrap}
.monthly-schedule-table td{padding:8px;vertical-align:middle}
.monthly-schedule-table input,.monthly-schedule-table select{min-width:92px;padding:8px 9px;font-size:.82rem}
.monthly-schedule-table [data-schedule-field="location"]{min-width:160px}
.monthly-schedule-table [data-schedule-field="notes"]{min-width:160px}
.monthly-schedule-table [data-schedule-field="status"]{min-width:180px}
.monthly-schedule-table input:disabled,.monthly-schedule-table select:disabled{background:#edf1f4;color:#89939b;opacity:.72}
.schedule-day-select{display:flex;align-items:center;gap:8px;min-width:140px;cursor:pointer}
.schedule-day-select input{min-width:auto}
.schedule-day-select strong,.schedule-day-select small{display:block}
.schedule-day-select small{margin-top:2px;color:#718397;text-transform:capitalize}
@media(max-width:900px){
  .monthly-schedule-header{flex-direction:column}
  .monthly-schedule-header label{width:100%}
  .schedule-bulk-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schedule-bulk-title{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .schedule-bulk-fields{grid-template-columns:1fr}
}


/* AppSystem v21 — aktywność kont, czaty, czas pracy i wzory dokumentów */



/* AppSystem bundle source: styles/120-platform-pwa.css */
.account-avatar,.mini-account-avatar,.chat-avatar{position:relative;display:inline-grid;place-items:center;border-radius:50%;background:#dceaf4;color:#004381;font-weight:800;flex:0 0 auto;overflow:visible}
.account-avatar{width:44px;height:44px}.mini-account-avatar{width:30px;height:30px;font-size:.72rem}.chat-avatar{width:34px;height:34px;font-size:.72rem;margin-top:2px}
.account-avatar img,.mini-account-avatar img,.chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.account-avatar i,.mini-account-avatar i,.chat-avatar i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#9aa6b2;border:2px solid #fff}
.account-avatar.online i,.mini-account-avatar.online i,.chat-avatar.online i{background:#28a26a}
.account-person{display:flex;align-items:center;gap:10px}.account-person>div{display:flex;flex-direction:column}.account-person small,table td>small{display:block;color:var(--muted);margin-top:3px}
.presence{display:inline-flex;align-items:center;gap:7px;font-weight:700}.presence i{width:9px;height:9px;border-radius:50%;background:#9aa6b2}.presence.online i{background:#28a26a}.presence.online{color:#16734c}.presence.offline{color:#6c7887}
.segmented-control{display:inline-flex;padding:4px;border:1px solid var(--border);border-radius:14px;background:#fff;margin:0 0 18px}.segmented-control button{border:0;background:transparent;padding:9px 18px;border-radius:10px;font-weight:750;color:var(--muted);cursor:pointer}.segmented-control button.active{background:#004381;color:#fff}
.group-chat-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:18px}.chat-room-list{align-self:start;position:sticky;top:84px}.chat-room-button{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;padding:14px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.chat-room-button:hover,.chat-room-button.active{background:#eaf3f9;border-radius:12px}.chat-room-button div{min-width:0;display:flex;flex-direction:column}.chat-room-button strong{font-size:.96rem}.chat-room-button small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-room-button>span{min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dceaf4;color:#004381;font-size:.75rem;font-weight:800}
.chat-workspace{min-height:620px;display:flex;flex-direction:column}.chat-header{padding-bottom:12px;border-bottom:1px solid var(--border)}.chat-members{display:flex;gap:7px;flex-wrap:wrap;padding:12px 0}.chat-member-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 5px;background:#f2f6f9;border-radius:999px;font-size:.78rem}.chat-message-list{display:flex;flex-direction:column;gap:13px;padding:12px 4px;min-height:330px;max-height:540px;overflow:auto}.chat-message{display:flex;gap:9px;max-width:82%}.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}.chat-bubble{background:#f2f6f9;border-radius:4px 16px 16px 16px;padding:10px 13px;min-width:160px}.chat-message.mine .chat-bubble{background:#dfeef7;border-radius:16px 4px 16px 16px}.chat-bubble header{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:5px}.chat-bubble header time{font-size:.68rem;color:var(--muted)}.chat-bubble p{margin:0;white-space:normal;overflow-wrap:anywhere}.chat-compose{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:9px;border-top:1px solid var(--border);padding-top:14px;margin-top:auto}.chat-compose label:first-child span{display:block;font-size:.76rem;font-weight:750;margin-bottom:4px}.chat-compose textarea{min-height:52px;max-height:120px}.chat-attachment-input{width:45px;height:45px;border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;cursor:pointer;font-size:1.1rem}.chat-attachment-input input{display:none}
.member-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.member-check{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid var(--border);padding:9px;border-radius:12px}.member-check span{display:flex;flex-direction:column}.member-check small{color:var(--muted)}
.template-category-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.template-card{position:relative;border-top:4px solid var(--template-color)}.template-icon{width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--template-color) 12%,white);color:var(--template-color);display:grid;place-items:center;font-size:1.3rem;margin-bottom:10px}.category-manager-list{display:flex;flex-direction:column;gap:8px}.category-manager-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px}.category-manager-row>div{display:flex;flex-direction:column}.category-manager-row small{color:var(--muted)}.category-color{width:14px;height:42px;border-radius:8px}
.hr-schedule-table .status{margin-top:5px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}
@media(max-width:900px){.group-chat-layout{grid-template-columns:1fr}.chat-room-list{position:static}.chat-message{max-width:94%}.member-checkbox-grid{grid-template-columns:1fr}.chat-compose{grid-template-columns:1fr auto}.chat-compose .btn{grid-column:1/-1}.category-manager-row{grid-template-columns:auto 1fr}.category-manager-row .btn{grid-column:auto}}


/* Pakiet diagnostyczny v22 / serwer 2.1 */
.build-badge{margin:14px auto 0;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#e2f0fa;color:#004381;border:1px solid #b9d8eb;font-size:.72rem;font-weight:800;letter-spacing:.02em}
.sidebar-build{padding:8px 10px;color:rgba(255,255,255,.72);font-size:.7rem;text-align:center}

/* AppSystem 2.2: zarządzanie kontami i strefami */
.account-area-badges { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.account-area-option.disabled { opacity:.46; filter:grayscale(.25); cursor:not-allowed; }
.account-area-option.disabled input { pointer-events:none; }


.account-status-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .4rem;
}

/* AppSystem PWA 2.3 — instalacja, aktualizacje i dopracowanie urządzeń mobilnych */
:root { --border: var(--line); }
html { min-height: 100%; background: var(--bg); -webkit-text-size-adjust: 100%; }
body { min-height: 100%; overscroll-behavior-y: none; }
button, .btn, input, select, textarea { touch-action: manipulation; }
.pwa-install-login { margin-top: 12px; }
.pwa-install-top { white-space: nowrap; }

.pwa-dialog-backdrop {
  position: fixed; inset: 0; z-index: 120; display: grid; place-items: center;
  padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
  background: rgba(7, 25, 43, .62); backdrop-filter: blur(8px);
}
.pwa-dialog { position: relative; width: min(500px, 100%); padding: 30px; border-radius: 26px; background: #fff; box-shadow: 0 30px 90px rgba(0, 25, 52, .28); }
.pwa-dialog-close { position: absolute; top: 12px; right: 12px; width: 42px; height: 42px; border: 0; border-radius: 12px; background: #eef4f8; color: var(--text); font-size: 1.5rem; }
.pwa-dialog-icon { width: 72px; height: 72px; border-radius: 21px; margin-bottom: 17px; box-shadow: 0 14px 32px rgba(0, 67, 129, .22); }
.pwa-dialog h2 { margin: 5px 0 14px; color: var(--primary); }
.pwa-dialog-copy { color: var(--text); line-height: 1.6; }
.pwa-dialog-copy ol { margin: 0 0 18px; padding-left: 22px; }
.pwa-dialog-copy li + li { margin-top: 9px; }
.pwa-dialog-copy p { color: var(--muted); }

.pwa-update-banner {
  position: fixed; z-index: 115; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom));
  width: min(620px, calc(100% - 28px)); transform: translate(-50%, 140%);
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 14px 16px; border: 1px solid #bcd4e5; border-radius: 17px;
  background: #fff; box-shadow: 0 20px 55px rgba(0, 47, 89, .22); transition: transform .22s ease;
}
.pwa-update-banner.visible { transform: translate(-50%, 0); }
.pwa-update-banner div { min-width: 0; display: grid; gap: 2px; }
.pwa-update-banner span { color: var(--muted); font-size: .82rem; }
.pwa-network-banner {
  position: fixed; z-index: 118; top: env(safe-area-inset-top); left: 50%; transform: translateX(-50%);
  width: min(720px, calc(100% - 24px)); padding: 10px 15px; border-radius: 0 0 14px 14px;
  text-align: center; font-size: .84rem; font-weight: 800; box-shadow: 0 10px 30px rgba(0,0,0,.12);
}
.pwa-network-banner.offline { background: #fff0d9; color: #7c4a07; }
.pwa-network-banner.online { background: #e3f7ee; color: #156b47; }

@media (display-mode: standalone) {
  .pwa-install-login, .pwa-install-top { display: none !important; }
  .login-shell { padding-top: max(24px, env(safe-area-inset-top)); padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .sidebar { padding-bottom: max(20px, env(safe-area-inset-bottom)); }
  .topbar { padding-top: max(10px, env(safe-area-inset-top)); }
}

@media (max-width: 900px) {
  .sidebar { padding-top: max(20px, env(safe-area-inset-top)); padding-left: max(14px, env(safe-area-inset-left)); }
  .main-area { width: 100%; overflow-x: hidden; }
  .content { padding-bottom: calc(30px + env(safe-area-inset-bottom)); }
  .table-wrap { margin-inline: -2px; border-radius: 12px; }
  .table-wrap table { min-width: 720px; }
  .modal-backdrop { align-items: end; padding: 0; }
  .modal { width: 100%; max-height: calc(94dvh - env(safe-area-inset-top)); border-radius: 22px 22px 0 0; padding-bottom: env(safe-area-inset-bottom); }
}

@media (max-width: 700px) {
  input, select, textarea { font-size: 16px; }
  .topbar { min-height: auto; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 9px; padding-top: max(9px, env(safe-area-inset-top)); }
  .search-wrap { grid-column: 1 / -1; grid-row: 2; min-height: 44px; }
  .topbar-actions { min-width: 0; gap: 6px; }
  .topbar-actions .btn { padding-inline: 10px; }
  .pwa-install-top { width: 42px; min-width: 42px; overflow: hidden; color: transparent; position: relative; padding: 0; }
  .pwa-install-top::after { content: "⬇"; color: var(--primary); position: absolute; inset: 0; display: grid; place-items: center; }
  .profile-btn { padding-inline: 3px; }
  .content { padding-inline: 12px; }
  .panel, .side-panel, .item-card { border-radius: 15px; padding: 15px; }
  .page-actions, .card-actions, .form-actions { width: 100%; }
  .page-actions .btn, .form-actions .btn { flex: 1 1 140px; }
  .access-panel { padding: 22px 14px; }
  .access-head { display: grid; }
  .access-head > .btn { width: 100%; }
  .login-card { padding: 28px 20px calc(24px + env(safe-area-inset-bottom)); }
  .login-app-brand h1 { font-size: 2.35rem; }
  .pwa-dialog { padding: 26px 20px calc(22px + env(safe-area-inset-bottom)); }
  .pwa-update-banner { align-items: stretch; flex-direction: column; gap: 10px; }
  .pwa-update-banner .btn { width: 100%; }
}

@media (max-width: 420px) {
  .topbar-actions #changeAreaBtn { display: none; }
  .content { padding-inline: 9px; }
  .tile { min-height: 150px; padding: 16px; }
  .modal-body { padding: 16px 13px; }
}





/* AppSystem bundle source: styles/130-messenger-compat.css */
/* AppSystem 2.3.6 — Messenger przyjazny jak współczesny komunikator */@keyframes typing-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}



/* AppSystem 2.3.7 — pływający Messenger i organizacja rozmów */


/* AppSystem 2.3.8-v25 — czaty grupowe i wideorozmowy */

/* AppSystem 2.4.0-v25 — zaproszenia, usuwanie lokalne, głosowe i responsywność Messengera */

/* ==========================================================
   APPSYSTEM 2.5.0 — MESSENGER E2EE / VISUAL REFRESH
   ========================================================== */

/* refreshed full Messenger shell */




/* AppSystem bundle source: styles/140-system-diagnostics.css */
.diagnostics-loading{display:grid;place-items:center;min-height:320px;text-align:center}.diagnostics-loading .spinner{width:42px;height:42px;border:4px solid #dceaf3;border-top-color:#176fa8;border-radius:50%;animation:diagnostics-spin .8s linear infinite}@keyframes diagnostics-spin{to{transform:rotate(360deg)}}.diagnostics-summary,.diagnostics-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}.diagnostics-stat{display:grid;gap:5px;padding:18px;border:1px solid rgba(0,67,129,.1);border-radius:17px;background:linear-gradient(145deg,#fff,#f5f9fc);box-shadow:0 8px 24px rgba(0,49,88,.05)}.diagnostics-stat small{color:#647b8a}.diagnostics-stat strong{font-size:1.45rem;color:#123f5f}.diagnostics-stat span{font-size:.83rem;color:#66808f}.diagnostics-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.diagnostics-status.ok{background:#def6e9;color:#176a49}.diagnostics-status.bad{background:#fde5e5;color:#9c3434}.diagnostics-health{margin-bottom:18px}.diagnostics-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.diagnostics-service-grid>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e2ebf1;border-radius:13px;background:#fafcfd}.diagnostics-service-grid span{color:#526d7c}.diagnostics-service-grid b{text-align:right;color:#193f57}.diagnostics-two-column{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}.diagnostics-backups{display:grid;gap:9px}.diagnostics-backup{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid #e4edf2;border-radius:13px}.diagnostics-backup div{display:grid;gap:3px}.diagnostics-backup div:last-child{text-align:right}.diagnostics-backup span,.diagnostics-backup small{font-size:.8rem;color:#6a7f8d}.diagnostics-log-tabs{display:grid;gap:10px}.diagnostics-log-tabs h3{margin:12px 0 2px}.diagnostics-log{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;padding:10px 12px;border:1px solid #e3eaf0;border-radius:11px;background:#fafcfd}.diagnostics-log time,.diagnostics-log span{font-size:.78rem;color:#6c7e89}.diagnostics-log strong{overflow-wrap:anywhere}.diagnostics-stat+.diagnostics-stat{}table td small{display:block;margin-top:3px;color:#718491}@media(max-width:1050px){.diagnostics-two-column{grid-template-columns:1fr}}@media(max-width:650px){.diagnostics-summary,.diagnostics-counts{grid-template-columns:1fr 1fr}.diagnostics-service-grid{grid-template-columns:1fr}.diagnostics-log{grid-template-columns:1fr}.diagnostics-backup{display:grid}.diagnostics-backup div:last-child{text-align:left}}@media(max-width:400px){.diagnostics-summary,.diagnostics-counts{grid-template-columns:1fr}}




/* AppSystem bundle source: styles/150-dashboard-accessibility.css */
:root{--a11y-font-size:100%;--a11y-contrast:1;--a11y-grayscale:0}html{font-size:var(--a11y-font-size);filter:contrast(var(--a11y-contrast)) grayscale(var(--a11y-grayscale))}.app-clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;min-width:108px}.app-clock strong{font-size:.95rem}.app-clock span{font-size:.68rem;color:var(--muted,#64748b);text-transform:capitalize}.dashboard-personal .tiles{align-content:start}.dashboard-tile{position:relative;padding:0;overflow:hidden}.dashboard-tile-main{appearance:none;border:0;background:transparent;text-align:left;width:100%;height:100%;padding:20px;color:inherit;cursor:pointer}.dashboard-unpin{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#64748b;font-size:20px;cursor:pointer}.dashboard-unpin:hover,.dashboard-unpin:focus-visible{background:#fee2e2;color:#991b1b}.dashboard-empty{min-height:150px;border:2px dashed #b8c7d6;border-radius:18px;background:#fff;color:#004381;font-weight:800;cursor:pointer}.dashboard-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-picker-group{border:1px solid #dce5ec;border-radius:14px;padding:12px}.dashboard-picker-group legend{font-weight:800;padding:0 6px}.dashboard-picker-row{display:grid;grid-template-columns:auto 28px 1fr;align-items:center;gap:8px;padding:9px;border-radius:10px}.dashboard-picker-row:hover{background:#f2f7fb}.equipment-category-bar{display:flex;gap:8px;overflow:auto;padding:12px;margin-bottom:16px}.equipment-category-label{color:var(--equipment-category);font-weight:700}.accessibility-global-btn{position:fixed;left:18px;bottom:18px;z-index:1750;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border:2px solid #004381;border-radius:999px;background:#fff;color:#004381;font-weight:800;box-shadow:0 10px 30px rgba(15,35,55,.2);cursor:pointer}.accessibility-global-btn:hover,.accessibility-global-btn:focus-visible{background:#004381;color:#fff}.accessibility-panel{position:fixed;z-index:1800;left:18px;bottom:76px;width:min(360px,calc(100vw - 24px));background:#fff;border:1px solid #d7e1e8;border-radius:18px;box-shadow:0 22px 60px rgba(15,35,55,.25);padding:16px}.accessibility-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.accessibility-head h2{margin:0;font-size:1.1rem}.accessibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.accessibility-grid button{min-height:46px;border:1px solid #cbd8e2;border-radius:12px;background:#fff;font-weight:700;cursor:pointer}.accessibility-grid button.active{background:#004381;color:#fff;border-color:#004381}.accessibility-scale-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.accessibility-scale-row button{width:44px;height:44px;border-radius:12px;border:1px solid #cbd8e2;background:#fff;font-weight:900;cursor:pointer}.skip-link{position:fixed;left:12px;top:-60px;z-index:3000;background:#fff;color:#004381;padding:12px 18px;border:3px solid #004381;border-radius:8px;font-weight:800}.skip-link:focus{top:12px}.a11y-contrast{--a11y-contrast:1}.a11y-contrast body{background:#fff;color:#000}.a11y-grayscale{--a11y-grayscale:1}.a11y-spacing body{letter-spacing:.06em;word-spacing:.12em;line-height:1.75}.a11y-underline a,.a11y-underline button{text-decoration:underline!important;text-underline-offset:3px}.a11y-cursor,.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M2 2l20 17-9 1 5 9-5 3-5-10-6 6z' fill='black' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 2 2,auto!important}.a11y-reduceMotion *,.a11y-reduceMotion *::before,.a11y-reduceMotion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(max-width:900px){.app-clock{min-width:auto}.app-clock span{display:none}.dashboard-picker{grid-template-columns:1fr}.accessibility-panel{left:12px;bottom:68px}.accessibility-global-btn{left:12px;bottom:12px}.accessibility-global-btn span{display:none}}


/* AppSystem bundle source: styles/151-accessibility-2.css */
/* AppSystem 3.3.1 — Panel Dostępności 2.0 */
:root {
  --a11y-reading-y: 50vh;
  --a11y-focus-color: #ffbf47;
}

.accessibility-panel {
  width: min(520px, calc(100vw - 24px));
  max-height: min(82vh, 760px);
  overflow: auto;
  overscroll-behavior: contain;
}
.accessibility-head {
  position: sticky;
  top: -16px;
  z-index: 2;
  margin: -16px -16px 12px;
  padding: 14px 16px 10px;
  background: inherit;
  border-bottom: 1px solid #d7e1e8;
}
.accessibility-head-copy { min-width: 0; }
.accessibility-head-copy h2 { margin: 0; }
.accessibility-head-copy small { display: block; margin-top: 3px; color: #526474; font-weight: 700; }
.accessibility-section { margin-top: 14px; }
.accessibility-section h3 { margin: 0 0 8px; font-size: .88rem; color: #324b5f; }
.accessibility-profile-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.accessibility-profile-grid button,
.accessibility-grid button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 10px 12px;
  text-align: left;
}
.accessibility-profile-grid button { min-height: 58px; }
.accessibility-profile-grid button span:first-child { font-size: 1.15rem; }
.accessibility-profile-grid button strong { display: block; line-height: 1.15; }
.accessibility-profile-grid button small { display: block; margin-top: 2px; color: #607283; font-size: .68rem; font-weight: 600; }
.accessibility-profile-grid button.active small,
.accessibility-profile-grid button.active { color: #fff; }
.accessibility-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.accessibility-grid button::before {
  content: "";
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  border-radius: 4px;
}
.accessibility-grid button.active::before { background: currentColor; box-shadow: inset 0 0 0 2px #004381; }
.accessibility-shortcuts {
  margin-top: 14px;
  border: 1px solid #d7e1e8;
  border-radius: 12px;
  padding: 10px 12px;
}
.accessibility-shortcuts summary { cursor: pointer; font-weight: 800; }
.accessibility-shortcuts dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 12px; margin: 10px 0 0; }
.accessibility-shortcuts dt { font-weight: 900; }
.accessibility-shortcuts dd { margin: 0; color: #526474; }
.accessibility-actions { position: sticky; bottom: -16px; margin: 14px -16px -16px; padding: 12px 16px 16px; background: inherit; border-top: 1px solid #d7e1e8; }

.a11y-reading-guide,
.a11y-screen-mask {
  position: fixed;
  z-index: 2500;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.a11y-reading-guide {
  top: calc(var(--a11y-reading-y) - 28px);
  height: 56px;
  border-top: 3px solid rgba(0, 67, 129, .88);
  border-bottom: 3px solid rgba(0, 67, 129, .88);
  background: rgba(255, 232, 95, .22);
  transition: top .05s linear;
}
.a11y-screen-mask {
  top: calc(var(--a11y-reading-y) - 58px);
  height: 116px;
  box-shadow: 0 -100vh 0 100vh rgba(10, 18, 28, .64), 0 100vh 0 100vh rgba(10, 18, 28, .64);
  border-top: 1px solid rgba(255,255,255,.5);
  border-bottom: 1px solid rgba(255,255,255,.5);
  transition: top .05s linear;
}
.a11y-readingGuide .a11y-reading-guide,
.a11y-screenMask .a11y-screen-mask { opacity: 1; visibility: visible; }

/* Motyw ciemny jest definiowany przez tokeny w 159-accessibility-4-stage-c.css. */

.a11y-readableFont body,
.a11y-readableFont button,
.a11y-readableFont input,
.a11y-readableFont select,
.a11y-readableFont textarea {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-variant-ligatures: none;
}
.a11y-boldText body { font-weight: 600; }
.a11y-boldText p,
.a11y-boldText li,
.a11y-boldText label,
.a11y-boldText td,
.a11y-boldText input,
.a11y-boldText textarea { font-weight: 600; }
.a11y-narrowContent .content > * { max-width: 1080px; margin-left: auto; margin-right: auto; }
.a11y-narrowContent .modal-body > * { max-width: 820px; margin-left: auto; margin-right: auto; }
.a11y-strongFocus *:focus-visible {
  outline: 4px solid var(--a11y-focus-color) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px #111 !important;
}
.a11y-largeTargets button,
.a11y-largeTargets .btn,
.a11y-largeTargets .nav-item,
.a11y-largeTargets input,
.a11y-largeTargets select,
.a11y-largeTargets textarea,
.a11y-largeTargets [role="button"] { min-height: 48px !important; }
.a11y-largeTargets .icon-btn,
.a11y-largeTargets .dashboard-unpin { min-width: 48px !important; min-height: 48px !important; }
.a11y-largeTargets .nav-item { padding-top: 12px !important; padding-bottom: 12px !important; }
.a11y-hideDecorative .tile-icon,
.a11y-hideDecorative .access-icon,
.a11y-hideDecorative .eyebrow,
.a11y-hideDecorative [data-decorative="true"],
.a11y-hideDecorative img[alt=""] { display: none !important; }
.a11y-focusMode .side-panel,
.a11y-focusMode .compact-side-panel,
.a11y-focusMode .dashboard-unpin,
.a11y-focusMode .tile-meta,
.a11y-focusMode .eyebrow,
.a11y-focusMode .messenger-float-btn { display: none !important; }
.a11y-focusMode .dashboard-grid,
.a11y-focusMode .content-grid { grid-template-columns: 1fr !important; }
.a11y-focusMode .content { max-width: 1180px; margin: 0 auto; }
.a11y-visualAlerts .toast {
  border: 4px solid #ffbf47 !important;
  box-shadow: 0 0 0 3px #111, 0 18px 50px rgba(0,0,0,.35) !important;
}

@media (max-width: 780px) {
  .accessibility-profile-grid,
  .accessibility-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .accessibility-panel { max-height: 78vh; }
}
@media (max-width: 430px) {
  .accessibility-profile-grid,
  .accessibility-grid { grid-template-columns: 1fr; }
  .accessibility-shortcuts dl { grid-template-columns: 1fr; }
  .accessibility-shortcuts dd { margin-bottom: 4px; }
}



/* AppSystem bundle source: styles/152-keyboard-screenreader.css */
/* AppSystem 3.4.0-A — obsługa klawiaturą i czytnikami ekranu */
.sr-only {
  position: fixed !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:where(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid #ffbf47 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px #102a43 !important;
}

#appsystemViewHeading:focus,
[role="dialog"][tabindex="-1"]:focus {
  outline: none;
  box-shadow: none;
}

#appsystemViewHeading { scroll-margin-top: 6rem; }
.nav-item[aria-current="page"] { font-weight: 800; }
[role="button"] { cursor: pointer; }
[aria-disabled="true"] { cursor: not-allowed; }

@media (forced-colors: active) {
  :where(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 3px solid CanvasText !important;
    box-shadow: none !important;
  }
}



/* AppSystem bundle source: styles/153-accessible-forms-tables.css */
/* AppSystem 3.4.0-B — formularze, tabele, zakładki i regiony dynamiczne. */
.a11y-field-error {
  display: block;
  margin: 6px 0 0;
  color: #9b1c1c;
  font-size: .86rem;
  font-weight: 750;
  line-height: 1.35;
}

input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"] {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, .15) !important;
}

.a11y-form-error-summary {
  display: grid;
  gap: 3px;
  margin: 0 0 14px;
}

.a11y-form-error-summary:focus-visible {
  outline: 3px solid var(--focus, #005fcc);
  outline-offset: 3px;
}

form[aria-busy="true"] {
  cursor: progress;
}

form[aria-busy="true"] button[type="submit"],
form[aria-busy="true"] button:not([type]) {
  cursor: progress;
}

[role="tablist"] {
  isolation: isolate;
}

[role="tab"][aria-selected="true"] {
  position: relative;
}

[role="tab"][aria-selected="true"]::after {
  content: "";
  position: absolute;
  right: 25%;
  bottom: 2px;
  left: 25%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

[data-a11y-scrollable="true"] {
  scrollbar-gutter: stable;
}

[data-a11y-scrollable="true"]:focus-visible {
  outline: 3px solid var(--focus, #005fcc);
  outline-offset: 3px;
}

@media (forced-colors: active) {
  .a11y-field-error { color: CanvasText; }
  input[aria-invalid="true"],
  select[aria-invalid="true"],
  textarea[aria-invalid="true"] { outline: 2px solid Mark; }
  [role="tab"][aria-selected="true"] { outline: 2px solid Highlight; }
}



/* AppSystem bundle source: styles/154-accessibility-sidebar-placement.css */
/* AppSystem 3.4.1 — bezkolizyjne umieszczenie przycisku dostępności */
body.app-shell-active > .accessibility-global-btn {
  display: none;
}

.sidebar-footer {
  position: sticky;
  bottom: 0;
  z-index: 4;
  margin-top: auto;
  padding: 22px 6px max(4px, env(safe-area-inset-bottom));
  background: linear-gradient(180deg, rgba(2, 47, 89, 0), rgba(2, 34, 65, .96) 42%);
}

.accessibility-sidebar-btn {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 12px;
  background: rgba(255, 255, 255, .11);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(0, 19, 38, .18);
  backdrop-filter: blur(10px);
}

.accessibility-sidebar-btn:hover,
.accessibility-sidebar-btn:focus-visible,
.accessibility-sidebar-btn[aria-expanded="true"] {
  background: #fff;
  color: #004381;
  border-color: #fff;
}

.accessibility-sidebar-btn > span[aria-hidden="true"] {
  font-size: 1.05rem;
  line-height: 1;
}

@media (max-width: 900px) {
  .sidebar-footer {
    padding-bottom: max(8px, env(safe-area-inset-bottom));
  }
}




/* AppSystem bundle source: styles/155-accessibility-center.css */
/* AppSystem 3.5.0 — Centrum Ułatwień Korzystania */
:root {
  --a11y-panel-accent: #00559f;
  --a11y-panel-accent-soft: #eaf4fd;
  --a11y-panel-border: #d7e2ec;
  --a11y-panel-text: #172c3d;
  --a11y-panel-muted: #5c6f7f;
  --a11y-panel-surface: #ffffff;
  --a11y-panel-soft: #f5f8fb;
  --a11y-panel-success: #087a55;
}

body.a11y-panel-open { overflow: hidden; }

.accessibility-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1790;
  background: rgba(10, 24, 38, .46);
  backdrop-filter: blur(2px);
}

.accessibility-panel {
  position: fixed;
  z-index: 1800;
  inset: 0 0 0 auto;
  left: auto;
  bottom: 0;
  width: min(580px, 100vw);
  max-height: none;
  height: 100dvh;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  border: 0;
  border-left: 1px solid var(--a11y-panel-border);
  border-radius: 0;
  background: var(--a11y-panel-surface);
  color: var(--a11y-panel-text);
  box-shadow: -24px 0 70px rgba(13, 32, 48, .26);
}

.accessibility-panel.hidden { display: none !important; }

.accessibility-head {
  position: static;
  z-index: 2;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
  padding: 24px 26px 20px;
  background: linear-gradient(145deg, #eff7ff, #fff 65%);
  border-bottom: 1px solid var(--a11y-panel-border);
}

.accessibility-head-copy { min-width: 0; }
.accessibility-eyebrow,
.accessibility-kicker {
  margin: 0 0 5px;
  color: var(--a11y-panel-accent);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.accessibility-head-copy h2 {
  margin: 0;
  color: var(--a11y-panel-text);
  font-size: clamp(1.35rem, 2.6vw, 1.8rem);
  line-height: 1.12;
}
.accessibility-head-copy > p:not(.accessibility-eyebrow) {
  max-width: 46ch;
  margin: 8px 0 0;
  color: var(--a11y-panel-muted);
  font-size: .9rem;
  line-height: 1.45;
}
.accessibility-head-copy small {
  display: block;
  margin-top: 9px;
  color: var(--a11y-panel-success);
  font-size: .74rem;
  font-weight: 800;
}
.accessibility-close-btn {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  min-height: 42px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 12px;
  background: #fff;
  color: var(--a11y-panel-text);
  font-size: 1.35rem;
}
.accessibility-close-btn:hover { background: #eef5fb; }

.accessibility-panel-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  padding: 22px 26px 34px;
  scrollbar-gutter: stable;
}

.accessibility-summary-card {
  padding: 16px;
  border: 1px solid #b9d8cc;
  border-radius: 16px;
  background: #f1faf6;
}
.accessibility-summary-card > div:first-child {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.accessibility-summary-icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--a11y-panel-success);
  color: #fff;
  font-weight: 900;
}
.accessibility-summary-card h3 {
  margin: 0;
  font-size: .94rem;
  color: #14513d;
}
.accessibility-summary-card p {
  margin: 4px 0 0;
  color: #48695d;
  font-size: .79rem;
}
.accessibility-active-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.accessibility-active-list:empty { display: none; }
.accessibility-active-list span {
  padding: 5px 8px;
  border: 1px solid #bfddd2;
  border-radius: 999px;
  background: #fff;
  color: #275d4a;
  font-size: .69rem;
  font-weight: 800;
}

.accessibility-section {
  margin-top: 26px;
}
.accessibility-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr);
  align-items: end;
  gap: 18px;
  margin-bottom: 12px;
}
.accessibility-section-heading.compact {
  grid-template-columns: 1fr auto;
  align-items: center;
}
.accessibility-section-heading h3 {
  margin: 0;
  color: var(--a11y-panel-text);
  font-size: 1.02rem;
}
.accessibility-section-heading > p {
  margin: 0;
  color: var(--a11y-panel-muted);
  font-size: .78rem;
  line-height: 1.4;
}

.accessibility-profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.accessibility-profile-grid button {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 13px 14px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 15px;
  background: #fff;
  color: var(--a11y-panel-text);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.accessibility-profile-grid button:hover {
  border-color: #87b6dc;
  background: #f7fbff;
  transform: translateY(-1px);
}
.accessibility-profile-grid button.active {
  border: 2px solid var(--a11y-panel-accent);
  padding: 12px 13px;
  background: var(--a11y-panel-accent-soft);
  color: var(--a11y-panel-text);
}
.accessibility-profile-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #eef4f8;
  color: #164f80;
  font-size: 1rem;
  font-weight: 900;
}
.accessibility-profile-grid button.active .accessibility-profile-icon {
  background: var(--a11y-panel-accent);
  color: #fff;
}
.accessibility-profile-copy strong,
.accessibility-profile-copy small {
  display: block;
}
.accessibility-profile-copy strong {
  font-size: .88rem;
  line-height: 1.25;
}
.accessibility-profile-copy small {
  margin-top: 4px;
  color: var(--a11y-panel-muted);
  font-size: .73rem;
  font-weight: 600;
  line-height: 1.35;
}
.accessibility-profile-grid button.active small { color: #3e5f78; }
.accessibility-profile-action {
  padding: 6px 9px;
  border-radius: 999px;
  background: #edf3f7;
  color: #3a5870;
  font-size: .67rem;
  font-weight: 900;
  white-space: nowrap;
}
.accessibility-profile-grid button.active .accessibility-profile-action {
  background: var(--a11y-panel-accent);
  color: #fff;
}

.accessibility-text-size {
  padding: 18px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 16px;
  background: var(--a11y-panel-soft);
}
.accessibility-text-size .accessibility-section-heading { margin-bottom: 10px; }
.accessibility-scale-value {
  padding: 5px 9px;
  border-radius: 9px;
  background: #fff;
  color: var(--a11y-panel-accent);
  font-size: .86rem;
}
.accessibility-scale-range {
  width: 100%;
  min-height: 30px;
  accent-color: var(--a11y-panel-accent);
  cursor: pointer;
}
.accessibility-scale-labels {
  display: flex;
  justify-content: space-between;
  margin-top: -1px;
  color: var(--a11y-panel-muted);
  font-size: .65rem;
}
.accessibility-scale-presets {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-top: 13px;
}
.accessibility-scale-presets button {
  min-height: 40px;
  padding: 7px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 10px;
  background: #fff;
  color: #334f64;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
}
.accessibility-scale-presets button.active {
  border-color: var(--a11y-panel-accent);
  background: var(--a11y-panel-accent);
  color: #fff;
}
.accessibility-preview-text {
  margin: 14px 0 0;
  padding: 12px;
  border-left: 4px solid #9ec7e7;
  border-radius: 0 10px 10px 0;
  background: #fff;
  color: #344e62;
  font-size: .82rem;
}

.accessibility-category-list {
  display: grid;
  gap: 10px;
}
.accessibility-category {
  border: 1px solid var(--a11y-panel-border);
  border-radius: 15px;
  background: #fff;
  overflow: clip;
}
.accessibility-category > summary {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 68px;
  padding: 11px 14px;
  list-style: none;
  cursor: pointer;
}
.accessibility-category > summary::-webkit-details-marker { display: none; }
.accessibility-category > summary:hover { background: #f7fafc; }
.accessibility-category > summary strong,
.accessibility-category > summary small { display: block; }
.accessibility-category > summary strong { font-size: .84rem; }
.accessibility-category > summary small {
  margin-top: 3px;
  color: var(--a11y-panel-muted);
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.3;
}
.accessibility-category-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #edf4f9;
  color: #245d89;
  font-weight: 900;
}
.accessibility-chevron {
  color: #60788b;
  font-size: 1rem;
  transition: transform .15s ease;
}
.accessibility-category[open] .accessibility-chevron { transform: rotate(180deg); }
.accessibility-category-body {
  display: grid;
  gap: 8px;
  padding: 0 12px 12px;
  border-top: 1px solid #edf1f4;
}

.accessibility-setting-row {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  min-height: 68px;
  padding: 12px 4px;
  border: 0;
  border-bottom: 1px solid #edf1f4;
  background: transparent;
  color: var(--a11y-panel-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.accessibility-setting-row:last-child { border-bottom: 0; }
.accessibility-setting-row:hover { background: #f8fbfd; }
.accessibility-setting-row > span:first-child strong,
.accessibility-setting-row > span:first-child small { display: block; }
.accessibility-setting-row > span:first-child strong { font-size: .82rem; }
.accessibility-setting-row > span:first-child small {
  margin-top: 4px;
  color: var(--a11y-panel-muted);
  font-size: .69rem;
  font-weight: 600;
  line-height: 1.35;
}
.accessibility-switch {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 3px;
  color: #718392;
  font-size: .62rem;
  font-weight: 900;
  white-space: nowrap;
}
.accessibility-switch i {
  position: relative;
  width: 42px;
  height: 24px;
  border-radius: 999px;
  background: #c9d4dc;
  box-shadow: inset 0 0 0 1px rgba(17, 40, 57, .08);
}
.accessibility-switch i::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .24);
  transition: transform .16s ease;
}
.accessibility-setting-row.active .accessibility-switch { color: var(--a11y-panel-accent); }
.accessibility-setting-row.active .accessibility-switch i,
.accessibility-setting-row.system-active .accessibility-switch i { background: var(--a11y-panel-accent); }
.accessibility-setting-row.active .accessibility-switch i::after,
.accessibility-setting-row.system-active .accessibility-switch i::after { transform: translateX(18px); }
.accessibility-setting-row.system-active .accessibility-switch { color: #6b4f00; }
.accessibility-setting-row.system-active .accessibility-switch i { background: #d79b00; }

.accessibility-theme-fieldset {
  margin: 12px 0 4px;
  padding: 0;
  border: 0;
}
.accessibility-theme-fieldset legend {
  margin-bottom: 8px;
  color: #3f5668;
  font-size: .73rem;
  font-weight: 900;
}
.accessibility-theme-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.accessibility-theme-options button {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 12px;
  background: #fff;
  color: var(--a11y-panel-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.accessibility-theme-options button.active {
  border: 2px solid var(--a11y-panel-accent);
  padding: 8px;
  background: var(--a11y-panel-accent-soft);
}
.accessibility-theme-options strong,
.accessibility-theme-options small { display: block; }
.accessibility-theme-options strong { margin-top: 7px; font-size: .69rem; line-height: 1.25; }
.accessibility-theme-options small { margin-top: 3px; color: var(--a11y-panel-muted); font-size: .59rem; line-height: 1.3; }
.accessibility-theme-preview {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 4px;
  height: 30px;
  padding: 5px;
  border: 1px solid #b9c7d1;
  border-radius: 7px;
}
.accessibility-theme-preview i { display: block; border-radius: 3px; }
.accessibility-theme-preview.standard { background: #f2f6f9; }
.accessibility-theme-preview.standard i:first-child { background: #0b4e87; }
.accessibility-theme-preview.standard i:last-child { background: #fff; }
.accessibility-theme-preview.light { background: #fff; border-color: #000; }
.accessibility-theme-preview.light i:first-child { background: #000; }
.accessibility-theme-preview.light i:last-child { background: #fff; border: 1px solid #000; }
.accessibility-theme-preview.dark { background: #000; border-color: #000; }
.accessibility-theme-preview.dark i:first-child { background: #fff; }
.accessibility-theme-preview.dark i:last-child { background: #202020; border: 1px solid #fff; }

.accessibility-always-on {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid #b9d8cc;
  border-radius: 12px;
  background: #f1faf6;
  color: #245b48;
}
.accessibility-always-on > span {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--a11y-panel-success);
  color: #fff;
  font-weight: 900;
}
.accessibility-always-on strong,
.accessibility-always-on small { display: block; }
.accessibility-always-on strong { font-size: .78rem; }
.accessibility-always-on small { margin-top: 3px; font-size: .66rem; color: #507265; }

.accessibility-shortcuts {
  margin-top: 6px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 12px;
  padding: 10px 12px;
  background: #f8fafc;
}
.accessibility-shortcuts summary { cursor: pointer; color: #334f64; font-size: .76rem; font-weight: 900; }
.accessibility-shortcuts dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 12px; margin: 10px 0 0; }
.accessibility-shortcuts dt { font-size: .68rem; font-weight: 900; }
.accessibility-shortcuts dd { margin: 0; color: var(--a11y-panel-muted); font-size: .68rem; }

.accessibility-actions {
  position: static;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  margin: 0;
  padding: 14px 18px max(14px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--a11y-panel-border);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 -12px 30px rgba(20, 39, 54, .08);
}
.accessibility-actions .btn {
  min-height: 44px;
  padding-inline: 13px;
  font-size: .74rem;
}
.accessibility-actions .btn-ghost {
  border-color: transparent;
  color: #6a3f45;
}
.accessibility-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.accessibility-sidebar-btn {
  text-align: center;
  line-height: 1.2;
}

@media (max-width: 620px) {
  .accessibility-panel { width: 100vw; }
  .accessibility-head { padding: 18px 18px 15px; }
  .accessibility-panel-body { padding: 17px 16px 28px; }
  .accessibility-section-heading { grid-template-columns: 1fr; gap: 6px; }
  .accessibility-section-heading.compact { grid-template-columns: 1fr auto; }
  .accessibility-theme-options { grid-template-columns: 1fr; }
  .accessibility-theme-options button {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    column-gap: 9px;
    align-items: center;
  }
  .accessibility-theme-options button strong,
  .accessibility-theme-options button small { grid-column: 2; }
  .accessibility-theme-options button strong { grid-row: 1; margin: 0; }
  .accessibility-theme-options button small { grid-row: 2; }
  .accessibility-theme-preview { grid-row: 1 / span 2; }
  .accessibility-actions {
    grid-template-columns: 1fr 1fr;
  }
  .accessibility-actions .accessibility-reset-btn {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

@media (max-width: 390px) {
  .accessibility-profile-grid button {
    grid-template-columns: 40px minmax(0, 1fr);
  }
  .accessibility-profile-action {
    grid-column: 2;
    justify-self: start;
  }
  .accessibility-scale-presets { grid-template-columns: 1fr; }
  .accessibility-setting-row { grid-template-columns: 1fr; gap: 8px; }
  .accessibility-switch { flex-direction: row; align-items: center; justify-self: start; }
  .accessibility-actions { grid-template-columns: 1fr; }
  .accessibility-actions .accessibility-reset-btn { grid-column: auto; grid-row: auto; }
}

@media (forced-colors: active) {
  .accessibility-profile-grid button.active,
  .accessibility-theme-options button.active,
  .accessibility-scale-presets button.active { outline: 3px solid Highlight; }
  .accessibility-switch i { border: 1px solid ButtonText; }
}

/* Kolory Centrum są dziedziczone z motywu tokenowego etapu C. */




/* AppSystem bundle source: styles/156-accessibility-effects.css */
/* AppSystem 3.6.0-C — pozostałe efekty ułatwień.
   Motywy kolorystyczne zostały przeniesione do 159-accessibility-4-stage-c.css. */

/* Wyraźnie zauważalne działanie opcji tekstowych. */
.a11y-readableFont body,
.a11y-readableFont button,
.a11y-readableFont input,
.a11y-readableFont select,
.a11y-readableFont textarea {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-variant-ligatures: none !important;
}
.a11y-readableFont :where(p, li, label, td, th, small) { line-height: 1.55; }

.a11y-boldText :where(p, li, label, td, th, input, select, textarea, small, .muted, .tile-meta) {
  font-weight: 700 !important;
}

.a11y-spacing body {
  letter-spacing: .075em !important;
  word-spacing: .16em !important;
  line-height: 1.8 !important;
}
.a11y-spacing :where(button, input, select, textarea) { letter-spacing: .045em !important; }

.a11y-narrowContent .content {
  max-width: 1040px !important;
}
.a11y-narrowContent .content > :where(.panel, .page-header, .dashboard-grid, .card-grid, .tiles, .calendar-shell, .stack-lg) {
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.a11y-narrowContent .modal-body > * { max-width: 760px !important; }

.a11y-underline a,
.a11y-underline .nav-item,
.a11y-underline .nav-group-toggle {
  text-decoration: underline !important;
  text-decoration-thickness: .12em !important;
  text-underline-offset: .2em !important;
}
.a11y-underline button:not(.nav-item):not(.nav-group-toggle) { text-decoration: none !important; }

/* Fokus podstawowy jest zawsze obecny; opcja mocnego fokusu ma wyraźnie silniejszy efekt. */
.a11y-strongFocus :where(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 6px solid #00d9ff !important;
  outline-offset: 5px !important;
  box-shadow: 0 0 0 3px #000000, 0 0 0 9px #ffffff !important;
}
.a11y-darkContrast.a11y-strongFocus :where(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline-color: #ffff00 !important;
  box-shadow: 0 0 0 3px #000000, 0 0 0 9px #ffffff !important;
}

.a11y-largeTargets button,
.a11y-largeTargets .btn,
.a11y-largeTargets .nav-item,
.a11y-largeTargets .nav-group-toggle,
.a11y-largeTargets input,
.a11y-largeTargets select,
.a11y-largeTargets textarea,
.a11y-largeTargets [role="button"] {
  min-height: 50px !important;
}
.a11y-largeTargets :where(.icon-btn, .dashboard-unpin, .messenger-top-btn, .messenger-composer-icon) {
  min-width: 50px !important;
  min-height: 50px !important;
}

.a11y-cursor,
.a11y-cursor * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M4 3l31 27-14 2 8 13-8 4-8-14-9 10z' fill='%23000' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E") 4 3, auto !important;
}
.a11y-cursor :where(a, button, [role="button"], input[type="button"], input[type="submit"]) {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M4 3l31 27-14 2 8 13-8 4-8-14-9 10z' fill='%23004381' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E") 4 3, pointer !important;
}

/* Pomoc w czytaniu jest widoczna w aplikacji, ale nie przykrywa panelu ustawień. */
.a11y-reading-guide,
.a11y-screen-mask { z-index: 1795; }
body.a11y-panel-open .a11y-reading-guide,
body.a11y-panel-open .a11y-screen-mask { right: min(580px, 100vw); }

/* Prowadnica i maska są trybami alternatywnymi. */
.a11y-readingGuide.a11y-screenMask .a11y-screen-mask { opacity: 0 !important; visibility: hidden !important; }

/* Nie ukrywaj ikon będących częścią przycisków lub linków. */
.a11y-hideDecorative :where(button, a) img[alt=""] { display: inline-block !important; }

.a11y-visualAlerts .toast,
.a11y-visualAlerts [role="alert"],
.a11y-visualAlerts [role="status"]:not(.sr-only) {
  border: 4px solid #ffbf47 !important;
  box-shadow: 0 0 0 3px #111111, 0 18px 50px rgba(0, 0, 0, .35) !important;
}

/* Ustawienie przejęte z urządzenia jest widoczne również w wyborze motywu. */
.accessibility-theme-options button.system-active {
  border-style: dashed !important;
  box-shadow: inset 0 0 0 2px #d79b00 !important;
}
.accessibility-theme-options button.system-active::after {
  content: "Z urządzenia";
  display: block;
  margin-top: 5px;
  color: #6b4f00;
  font-size: .58rem;
  font-weight: 900;
}

@media (max-width: 620px) {
  body.a11y-panel-open .a11y-reading-guide,
  body.a11y-panel-open .a11y-screen-mask { opacity: 0 !important; visibility: hidden !important; }
}

@media (forced-colors: active) {
  .a11y-contrast,
  .a11y-darkContrast { forced-color-adjust: auto; }
  .a11y-strongFocus :where(a[href], button, input, select, textarea, summary, [role="button"]):focus-visible {
    outline: 5px solid Highlight !important;
    box-shadow: none !important;
  }
}




/* AppSystem bundle source: styles/157-accessibility-4-stage-a.css */
/* AppSystem 3.6.0-A — Ułatwienia Korzystania 4.0, etap A */
.accessibility-panel {
  width: min(520px, 100vw);
}

.accessibility-head {
  padding: 24px 24px 20px;
}
.accessibility-eyebrow,
.accessibility-kicker {
  font-size: .78rem;
}
.accessibility-head-copy h2 {
  font-size: clamp(1.55rem, 3vw, 1.95rem);
}
.accessibility-head-copy > p:not(.accessibility-eyebrow) {
  max-width: 50ch;
  font-size: 1rem;
  line-height: 1.55;
}
.accessibility-head-copy small {
  font-size: .875rem;
  line-height: 1.4;
}
.accessibility-close-btn {
  width: 48px;
  height: 48px;
  min-height: 48px;
}

.accessibility-v4-body {
  padding: 22px 24px 36px;
}

.accessibility-foundation-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid #b9d8cc;
  border-radius: 14px;
  background: #f2faf7;
  color: #1f5544;
}
.accessibility-foundation-card > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #087a55;
  color: #fff;
  font-weight: 900;
}
.accessibility-foundation-card h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
}
.accessibility-foundation-card p {
  margin: 5px 0 0;
  color: #456b5d;
  font-size: .9rem;
  line-height: 1.5;
}

.accessibility-change-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #9ac3e4;
  border-radius: 12px;
  background: #eff7ff;
  color: #173f60;
  font-size: .9rem;
  font-weight: 750;
}
.accessibility-change-notice[hidden] { display: none !important; }
.accessibility-change-notice button {
  min-width: 78px;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid #00559f;
  border-radius: 10px;
  background: #fff;
  color: #00559f;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.accessibility-v4-section {
  margin-top: 28px;
}
.accessibility-v4-section + .accessibility-v4-section {
  padding-top: 25px;
  border-top: 1px solid var(--a11y-panel-border);
}
.accessibility-v4-section .accessibility-section-heading {
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  margin-bottom: 14px;
}
.accessibility-v4-section .accessibility-section-heading.compact {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}
.accessibility-v4-section .accessibility-section-heading h3 {
  font-size: 1.18rem;
  line-height: 1.35;
}
.accessibility-v4-section .accessibility-section-heading h4 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
}
.accessibility-v4-section .accessibility-section-heading p,
.accessibility-field-help {
  margin: 3px 0 0;
  color: var(--a11y-panel-muted);
  font-size: .9rem;
  line-height: 1.5;
}

.accessibility-v4-setting-block {
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 14px;
  background: #f8fafc;
}
.accessibility-v4-setting-block + .accessibility-v4-setting-block {
  margin-top: 14px;
}
.accessibility-scale-value {
  padding: 6px 10px;
  font-size: 1rem;
}
.accessibility-scale-range {
  min-height: 40px;
}
.accessibility-scale-labels {
  margin-top: 0;
  font-size: .8rem;
}
.accessibility-scale-presets button {
  min-height: 46px;
  font-size: .9rem;
}

.accessibility-theme-fieldset legend {
  margin-bottom: 0;
  color: var(--a11y-panel-text);
  font-size: 1rem;
}
.accessibility-theme-options {
  margin-top: 12px;
  gap: 10px;
}
.accessibility-theme-options button {
  min-height: 118px;
  padding: 11px;
}
.accessibility-theme-options button.active {
  padding: 10px;
}
.accessibility-theme-options strong {
  margin-top: 8px;
  font-size: .9rem;
}
.accessibility-theme-options small {
  margin-top: 4px;
  font-size: .78rem;
  line-height: 1.4;
}

.accessibility-v4-primary-settings {
  overflow: hidden;
  margin-top: 14px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 14px;
  background: #fff;
}
.accessibility-v4-primary-settings .accessibility-setting-row {
  padding: 14px 16px;
}
.accessibility-setting-row {
  min-height: 78px;
}
.accessibility-setting-row > span:first-child strong {
  font-size: 1rem;
  line-height: 1.35;
}
.accessibility-setting-row > span:first-child small {
  margin-top: 5px;
  font-size: .875rem;
  line-height: 1.5;
}
.accessibility-switch {
  font-size: .78rem;
}
.accessibility-switch i {
  width: 46px;
  height: 26px;
}
.accessibility-switch i::after {
  width: 20px;
  height: 20px;
}
.accessibility-setting-row.active .accessibility-switch i::after,
.accessibility-setting-row.system-active .accessibility-switch i::after {
  transform: translateX(20px);
}

.accessibility-more-settings {
  margin-top: 28px;
}
.accessibility-more-settings > summary {
  min-height: 78px;
  padding: 14px 16px;
}
.accessibility-more-settings > summary strong {
  font-size: 1rem;
}
.accessibility-more-settings > summary small {
  font-size: .85rem;
  line-height: 1.45;
}
.accessibility-v4-advanced {
  gap: 0;
  padding: 4px 16px 18px;
}
.accessibility-v4-advanced > h4 {
  margin: 20px 0 4px;
  color: #345065;
  font-size: .9rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.accessibility-v4-advanced .accessibility-setting-row {
  padding-inline: 0;
}
.accessibility-shortcuts summary {
  min-height: 44px;
  font-size: .95rem;
}
.accessibility-shortcuts dt,
.accessibility-shortcuts dd {
  font-size: .85rem;
  line-height: 1.45;
}

.accessibility-v4-actions {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px 18px max(14px, env(safe-area-inset-bottom));
}
.accessibility-v4-actions .btn {
  min-height: 48px;
  font-size: .9rem;
}
.accessibility-v4-actions .accessibility-reset-btn {
  justify-self: start;
}

/* Podstawowy fokus i informacja o obsłudze są zawsze aktywne.
   Dodatkowy tryb 50 px pozostaje opcją zaawansowaną. */
.accessibility-panel :where(button, summary, input[type="range"]):focus-visible {
  outline-width: 3px !important;
  outline-offset: 3px !important;
}

@media (max-width: 620px) {
  .accessibility-head { padding: 19px 18px 16px; }
  .accessibility-v4-body { padding: 18px 16px 30px; }
  .accessibility-theme-options button {
    min-height: 82px;
  }
  .accessibility-v4-actions {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 390px) {
  .accessibility-change-notice {
    align-items: stretch;
    flex-direction: column;
  }
  .accessibility-theme-options {
    grid-template-columns: 1fr;
  }
  .accessibility-setting-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .accessibility-switch {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .accessibility-v4-actions {
    grid-template-columns: 1fr;
  }
  .accessibility-v4-actions .accessibility-reset-btn {
    justify-self: stretch;
  }
}

body.a11y-panel-open .a11y-reading-guide,
body.a11y-panel-open .a11y-screen-mask {
  right: min(520px, 100vw);
}




/* AppSystem bundle source: styles/158-accessibility-4-stage-b.css */
/* AppSystem 3.6.0-B — Ułatwienia Korzystania 4.0, etap B */
.accessibility-panel-view[hidden] {
  display: none !important;
}

.accessibility-panel[data-active-view]:not([data-active-view="main"]) .accessibility-panel-body {
  scroll-behavior: auto;
}

.accessibility-more-navigation {
  padding-bottom: 4px;
}

.accessibility-subview-links {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.accessibility-subview-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 13px;
  width: 100%;
  min-height: 88px;
  padding: 14px 15px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 14px;
  background: #fff;
  color: var(--a11y-panel-text);
  text-align: left;
  cursor: pointer;
}

.accessibility-subview-card:hover {
  border-color: #78a7cd;
  background: #f5faff;
}

.accessibility-subview-card-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #eaf4fc;
  color: #075a91;
  font-size: 1rem;
  font-weight: 900;
}

.accessibility-subview-card > span:nth-child(2) {
  min-width: 0;
}

.accessibility-subview-card strong,
.accessibility-reading-tool strong {
  display: block;
  color: inherit;
  font-size: 1rem;
  line-height: 1.35;
}

.accessibility-subview-card small,
.accessibility-reading-tool small {
  display: block;
  margin-top: 5px;
  color: var(--a11y-panel-muted);
  font-size: .875rem;
  line-height: 1.45;
}

.accessibility-subview-card-arrow {
  color: #47718e;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

.accessibility-subview {
  min-height: 100%;
  padding-bottom: 18px;
}

.accessibility-subview-head {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--a11y-panel-border);
}

.accessibility-subview-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid #9db5c7;
  border-radius: 11px;
  background: #fff;
  color: #174966;
  font: inherit;
  font-size: .92rem;
  font-weight: 850;
  cursor: pointer;
}

.accessibility-subview-back:hover {
  background: #f2f7fb;
}

.accessibility-subview-back > span:first-child {
  font-size: 1.2rem;
  line-height: 1;
}

.accessibility-subview-head h3 {
  margin: 4px 0 0;
  color: var(--a11y-panel-text);
  font-size: 1.35rem;
  line-height: 1.3;
}

.accessibility-subview-head > p:last-child {
  margin: 8px 0 0;
  max-width: 52ch;
  color: var(--a11y-panel-muted);
  font-size: .95rem;
  line-height: 1.55;
}

.accessibility-subview-group {
  margin-top: 24px;
}

.accessibility-subview-group > h4 {
  margin: 0 0 9px;
  color: #345065;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.accessibility-subview-group .accessibility-v4-primary-settings {
  margin-top: 0;
}

.accessibility-reading-note,
.accessibility-shortcut-tip {
  display: grid;
  gap: 4px;
  margin-top: 18px;
  padding: 13px 15px;
  border: 1px solid #b9d8cc;
  border-radius: 13px;
  background: #f2faf7;
  color: #245c49;
}

.accessibility-reading-note strong,
.accessibility-shortcut-tip strong {
  font-size: .92rem;
}

.accessibility-reading-note span,
.accessibility-shortcut-tip span,
.accessibility-subview-help {
  font-size: .875rem;
  line-height: 1.5;
}

.accessibility-reading-tools-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.accessibility-reading-tool {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 112px;
  padding: 14px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 14px;
  background: #fff;
  color: var(--a11y-panel-text);
  text-align: left;
  cursor: pointer;
}

.accessibility-reading-tool:hover {
  border-color: #78a7cd;
  background: #f8fbfe;
}

.accessibility-reading-tool.active {
  border: 2px solid #0068ad;
  padding: 13px;
  background: #f0f8ff;
}

.accessibility-reading-preview {
  position: relative;
  display: block;
  overflow: hidden;
  width: 86px;
  height: 70px;
  border: 1px solid #9eb3c2;
  border-radius: 10px;
  background:
    linear-gradient(#bac8d2 0 0) 12px 14px / 60px 4px no-repeat,
    linear-gradient(#cbd5dc 0 0) 12px 25px / 50px 4px no-repeat,
    linear-gradient(#bac8d2 0 0) 12px 38px / 58px 4px no-repeat,
    linear-gradient(#cbd5dc 0 0) 12px 51px / 45px 4px no-repeat,
    #fff;
}

.accessibility-reading-preview.guide i {
  position: absolute;
  inset: 31px 5px auto;
  height: 13px;
  border: 2px solid #0877bd;
  border-radius: 5px;
  background: rgb(255 232 98 / 55%);
}

.accessibility-reading-preview.mask::before,
.accessibility-reading-preview.mask::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 25px;
  background: rgb(15 28 38 / 67%);
}

.accessibility-reading-preview.mask::before { top: 0; }
.accessibility-reading-preview.mask::after { bottom: 0; }
.accessibility-reading-preview.mask i {
  position: absolute;
  inset: 26px 0 auto;
  height: 18px;
  border-block: 2px solid #ffdf44;
}

.accessibility-reading-tool-copy {
  min-width: 0;
}

.accessibility-subview-help {
  margin: 16px 2px 0;
  color: var(--a11y-panel-muted);
}

.accessibility-shortcut-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  margin: 20px 0 0;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 14px;
  background: #fff;
}

.accessibility-shortcut-list > div {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(0, 1.7fr);
  align-items: center;
  gap: 16px;
  min-height: 68px;
  padding: 12px 15px;
  border-bottom: 1px solid var(--a11y-panel-border);
}

.accessibility-shortcut-list > div:last-child {
  border-bottom: 0;
}

.accessibility-shortcut-list dt,
.accessibility-shortcut-list dd {
  margin: 0;
}

.accessibility-shortcut-list dt {
  color: #183f57;
  font-size: .9rem;
  font-weight: 900;
}

.accessibility-shortcut-list dd {
  color: var(--a11y-panel-muted);
  font-size: .875rem;
  line-height: 1.45;
}

.accessibility-shortcut-list kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 31px;
  min-height: 29px;
  padding: 3px 7px;
  border: 1px solid #9bafbd;
  border-bottom-width: 3px;
  border-radius: 7px;
  background: #f8fafb;
  color: #173f57;
  font: inherit;
  font-size: .82rem;
  font-weight: 850;
}

@media (max-width: 620px) {
  .accessibility-subview-card {
    grid-template-columns: 44px minmax(0, 1fr) 20px;
    gap: 11px;
    padding-inline: 13px;
  }
  .accessibility-subview-card-icon {
    width: 42px;
    height: 42px;
  }
  .accessibility-reading-tool {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .accessibility-reading-preview {
    width: 70px;
    height: 62px;
  }
  .accessibility-reading-tool > .accessibility-switch {
    grid-column: 2;
    justify-self: start;
  }
  .accessibility-shortcut-list > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }
}

@media (max-width: 390px) {
  .accessibility-subview-card {
    grid-template-columns: 40px minmax(0, 1fr);
  }
  .accessibility-subview-card-arrow {
    display: none;
  }
  .accessibility-reading-tool {
    grid-template-columns: 1fr;
  }
  .accessibility-reading-preview {
    width: 100%;
    height: 76px;
  }
  .accessibility-reading-tool > .accessibility-switch {
    grid-column: 1;
  }
}




/* AppSystem bundle source: styles/159-accessibility-4-stage-c.css */
/* AppSystem 3.6.0-C — Ułatwienia Korzystania 4.0, etap C
   Spójne motywy kontrastowe oparte na semantycznych tokenach. */

html.a11y-contrast {
  --app-canvas: #ffffff;
  --app-surface: #ffffff;
  --app-surface-raised: #ffffff;
  --app-surface-soft: #f2f3f5;
  --app-text: #111111;
  --app-muted: #303030;
  --app-border: #5a5a5a;
  --app-border-strong: #111111;
  --app-primary: #003b70;
  --app-primary-hover: #00294f;
  --app-on-primary: #ffffff;
  --app-link: #004b87;
  --app-link-hover: #00345e;
  --app-sidebar-bg: #111827;
  --app-sidebar-text: #ffffff;
  --app-sidebar-muted: #e2e8f0;
  --app-sidebar-active: #005ea8;
  --app-input-bg: #ffffff;
  --app-hover-bg: #e8f1f7;
  --app-selected-bg: #d9ecf8;
  --app-focus: #b45309;
  --app-overlay: rgba(0, 0, 0, .62);
  --app-shadow: none;
  --app-success: #005c3b;
  --app-success-text: #005c3b;
  --app-success-soft: #e7f7ef;
  --app-warning: #6a3c00;
  --app-warning-text: #6a3c00;
  --app-warning-soft: #fff3d4;
  --app-danger: #8a1426;
  --app-danger-text: #8a1426;
  --app-danger-soft: #ffe9ed;
  --app-info: #004b87;
  --app-info-soft: #e3f1fb;
  --app-neutral-text: #303030;
  --app-neutral-soft: #ededed;
  --app-messenger-chat: #eef3f6;
  --app-messenger-mine: #d9ecf8;
  --app-messenger-mine-accent: #003b70;
  --app-messenger-theirs: #ffffff;
  --app-messenger-text: #111111;
  color-scheme: light;
}

html.a11y-darkContrast {
  --app-canvas: #090909;
  --app-surface: #121212;
  --app-surface-raised: #181818;
  --app-surface-soft: #202020;
  --app-text: #ffffff;
  --app-muted: #d8d8d8;
  --app-border: #8f8f8f;
  --app-border-strong: #f5f5f5;
  --app-primary: #75d6ff;
  --app-primary-hover: #a7e6ff;
  --app-on-primary: #00151f;
  --app-link: #8bdcff;
  --app-link-hover: #c2eeff;
  --app-sidebar-bg: #000000;
  --app-sidebar-text: #ffffff;
  --app-sidebar-muted: #d2d2d2;
  --app-sidebar-active: #174b63;
  --app-input-bg: #090909;
  --app-hover-bg: #242424;
  --app-selected-bg: #17394a;
  --app-focus: #ffd84d;
  --app-overlay: rgba(0, 0, 0, .82);
  --app-shadow: none;
  --app-success: #92f0bd;
  --app-success-text: #92f0bd;
  --app-success-soft: #123627;
  --app-warning: #ffd36a;
  --app-warning-text: #ffd36a;
  --app-warning-soft: #3b2a00;
  --app-danger: #ff9eaa;
  --app-danger-text: #ff9eaa;
  --app-danger-soft: #45141a;
  --app-info: #8bdcff;
  --app-info-soft: #153344;
  --app-neutral-text: #e2e2e2;
  --app-neutral-soft: #282828;
  --app-messenger-chat: #0d171d;
  --app-messenger-mine: #17394a;
  --app-messenger-mine-accent: #75d6ff;
  --app-messenger-theirs: #1b1b1b;
  --app-messenger-text: #ffffff;
  color-scheme: dark;
}

:is(html.a11y-contrast, html.a11y-darkContrast) {
  --a11y-contrast: 1;
  filter: none !important;
  accent-color: var(--app-primary);
}

:is(.a11y-contrast, .a11y-darkContrast) body,
:is(.a11y-contrast, .a11y-darkContrast) .login-shell,
:is(.a11y-contrast, .a11y-darkContrast) .access-shell,
:is(.a11y-contrast, .a11y-darkContrast) .main-area,
:is(.a11y-contrast, .a11y-darkContrast) .content {
  background: var(--app-canvas) !important;
  color: var(--app-text) !important;
}

/* Powierzchnie aplikacji korzystają z jednego systemu kolorystycznego. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .login-card, .access-panel, .topbar, .search-wrap, .panel, .side-panel, .tile, .item-card,
  .task-card, .kanban-column, .calendar-shell, .calendar-cell, .calendar-day-name,
  .modal, .modal-header, .modal-body, .meta-box, .empty-state, .quick-add-option,
  .payment-document-card, .payment-hero, .employee-hr-panel, .profile-quick-card,
  .volunteer-card, .volunteer-group-card, .contact-card, .contact-group-manager-row,
  .diagnostics-stat, .diagnostics-service-grid > div, .diagnostics-backup, .diagnostics-log,
  .accessibility-panel, .accessibility-foundation-card, .accessibility-change-notice,
  .accessibility-v4-setting-block, .accessibility-v4-primary-settings,
  .accessibility-subview-card, .accessibility-reading-note, .accessibility-shortcut-tip,
  .accessibility-reading-tool, .accessibility-shortcut-list
) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: var(--app-shadow) !important;
}

:is(.a11y-contrast, .a11y-darkContrast) :where(
  .calendar-day-name, .meta-box, .empty-state, .quick-add-option,
  .diagnostics-service-grid > div, .accessibility-v4-setting-block,
  .accessibility-reading-note, .accessibility-shortcut-tip
) {
  background: var(--app-surface-soft) !important;
}

:is(.a11y-contrast, .a11y-darkContrast) :where(
  p, li, dd, dt, label, th, td, h1, h2, h3, h4, h5, h6, strong, b,
  .page-header, .panel-title, .card-top, .timeline-copy, .profile-copy,
  .accessibility-head-copy, .accessibility-section-heading
) {
  color: inherit;
}

:is(.a11y-contrast, .a11y-darkContrast) :where(
  .muted, small, .tile-meta, .task-footer, .timeline-copy span, .profile-copy small,
  .accessibility-head-copy p, .accessibility-head-copy small,
  .accessibility-section-heading p, .accessibility-field-help,
  .accessibility-setting-row small, .accessibility-subview-card small,
  .accessibility-subview-help, .accessibility-shortcut-list dd,
  .diagnostics-stat small, .diagnostics-stat span, .diagnostics-log time, .diagnostics-log span
) {
  color: var(--app-muted) !important;
}

:is(.a11y-contrast, .a11y-darkContrast) :where(input, select, textarea) {
  background: var(--app-input-bg) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border-strong) !important;
  box-shadow: none;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(input, select, textarea)::placeholder {
  color: var(--app-muted) !important;
  opacity: 1;
}

:is(.a11y-contrast, .a11y-darkContrast) :where(a[href]) {
  color: var(--app-link);
}
:is(.a11y-contrast, .a11y-darkContrast) :where(a[href]):hover {
  color: var(--app-link-hover);
}

:is(.a11y-contrast, .a11y-darkContrast) :where(.btn-primary, .messenger-new-btn, .messenger-send-btn) {
  background: var(--app-primary) !important;
  color: var(--app-on-primary) !important;
  border-color: var(--app-primary) !important;
  box-shadow: none !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.btn-primary, .messenger-new-btn, .messenger-send-btn):hover {
  background: var(--app-primary-hover) !important;
  color: var(--app-on-primary) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .btn-secondary, .filter-btn, .icon-btn, .accessibility-subview-back,
  button[data-a11y-theme], .accessibility-scale-presets button
) {
  background: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .btn-secondary, .filter-btn, .icon-btn, .accessibility-subview-back,
  button[data-a11y-theme], .accessibility-scale-presets button
):hover {
  background: var(--app-hover-bg) !important;
  border-color: var(--app-border-strong) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .btn-danger {
  background: var(--app-danger-soft) !important;
  color: var(--app-danger-text) !important;
  border-color: var(--app-danger) !important;
}

/* Nawigacja pozostaje wyraźnie oddzielona od treści. */
:is(.a11y-contrast, .a11y-darkContrast) .sidebar {
  background: var(--app-sidebar-bg) !important;
  color: var(--app-sidebar-text) !important;
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.sidebar-brand, .sidebar-brand strong) {
  color: var(--app-sidebar-text) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.sidebar-brand span, .nav-item, .nav-group-toggle) {
  color: var(--app-sidebar-muted) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .nav-item:hover, .nav-item.active, .nav-group-toggle:hover,
  .nav-group.has-active > .nav-group-toggle
) {
  background: var(--app-sidebar-active) !important;
  color: var(--app-sidebar-text) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .nav-item.nav-subitem::before {
  background: var(--app-sidebar-muted) !important;
}

/* Tabele nie tracą siatki ani naprzemiennego rozróżnienia wierszy. */
:is(.a11y-contrast, .a11y-darkContrast) :where(table, .table-wrap) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(th, td) {
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) thead :where(th, td) {
  background: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) tbody tr:hover :where(th, td) {
  background: var(--app-hover-bg) !important;
}

/* Statusy zachowują znaczenie semantyczne zamiast stawać się czarno-białe. */
:is(.a11y-contrast, .a11y-darkContrast) :where(.status.green, .diagnostics-status.ok) {
  background: var(--app-success-soft) !important;
  color: var(--app-success-text) !important;
  border: 1px solid var(--app-success) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.status.yellow) {
  background: var(--app-warning-soft) !important;
  color: var(--app-warning-text) !important;
  border: 1px solid var(--app-warning) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.status.red, .diagnostics-status.bad) {
  background: var(--app-danger-soft) !important;
  color: var(--app-danger-text) !important;
  border: 1px solid var(--app-danger) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.status.blue) {
  background: var(--app-info-soft) !important;
  color: var(--app-info) !important;
  border: 1px solid var(--app-info) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.status.gray) {
  background: var(--app-neutral-soft) !important;
  color: var(--app-neutral-text) !important;
  border: 1px solid var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .alert {
  background: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .alert.success { border-color: var(--app-success) !important; }
:is(.a11y-contrast, .a11y-darkContrast) .alert.warning { border-color: var(--app-warning) !important; }
:is(.a11y-contrast, .a11y-darkContrast) .alert.danger { border-color: var(--app-danger) !important; }
:is(.a11y-contrast, .a11y-darkContrast) .badge {
  background: var(--app-danger) !important;
  color: var(--app-surface) !important;
  border: 1px solid currentColor;
}

/* Kalendarz zachowuje osobne typy zdarzeń i ich tekstowe obramowanie. */
:is(.a11y-contrast, .a11y-darkContrast) .calendar-event {
  background: var(--app-info-soft) !important;
  color: var(--app-info) !important;
  border: 1px solid var(--app-info) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .calendar-event.deadline {
  background: var(--app-danger-soft) !important;
  color: var(--app-danger-text) !important;
  border-color: var(--app-danger) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.calendar-event.volunteer-event, .calendar-event.meeting-event) {
  background: var(--app-warning-soft) !important;
  color: var(--app-warning-text) !important;
  border-color: var(--app-warning) !important;
}

/* Centrum Ułatwień korzysta z tego samego motywu co reszta aplikacji. */
:is(.a11y-contrast, .a11y-darkContrast) .accessibility-backdrop {
  background: var(--app-overlay) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .accessibility-panel, .accessibility-head, .accessibility-panel-body,
  .accessibility-v4-actions
) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .accessibility-setting-row, .accessibility-reading-tool,
  .accessibility-shortcut-list > div
) {
  background: transparent !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .accessibility-setting-row:hover, .accessibility-subview-card:hover
) {
  background: var(--app-hover-bg) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .accessibility-setting-row.active, button[data-a11y-theme].active,
  .accessibility-scale-presets button.active
) {
  background: var(--app-selected-bg) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border-strong) !important;
  outline: 3px solid var(--app-focus) !important;
  outline-offset: 2px;
}
:is(.a11y-contrast, .a11y-darkContrast) .accessibility-switch i {
  background: var(--app-neutral-soft) !important;
  border-color: var(--app-border-strong) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.accessibility-setting-row.active, .accessibility-setting-row.system-active) .accessibility-switch i {
  background: var(--app-primary) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .accessibility-switch i::after {
  background: var(--app-surface) !important;
  border: 1px solid var(--app-border-strong);
}
:is(.a11y-contrast, .a11y-darkContrast) .accessibility-shortcut-list kbd {
  background: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border-strong) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .accessibility-theme-options button.system-active::after {
  color: var(--app-warning-text) !important;
}

/* Fokus pozostaje czytelny bez wymuszania koloru wszystkich komponentów. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  a[href], button, input, select, textarea, summary,
  [role="button"], [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline-color: var(--app-focus) !important;
}

@media (forced-colors: active) {
  :is(html.a11y-contrast, html.a11y-darkContrast) {
    forced-color-adjust: auto;
  }
}




/* AppSystem bundle source: styles/160-accessibility-4-stage-d-final-audit.css */
/* AppSystem 3.6.0 / 3.6.0 — Ułatwienia Korzystania 4.0, etap D
   Końcowe ujednolicenie modułów, czytelny fokus i bezpieczny układ mobilny. */

:root {
  --app-focus: #ffbf47;
  --app-focus-shadow: #102a43;
  --app-scrollbar-track: #edf1f5;
  --app-scrollbar-thumb: #657586;
}

html.a11y-contrast {
  --app-focus-shadow: #ffffff;
  --app-scrollbar-track: #e4e4e4;
  --app-scrollbar-thumb: #303030;
}

html.a11y-darkContrast {
  --app-focus-shadow: #000000;
  --app-scrollbar-track: #171717;
  --app-scrollbar-thumb: #d6d6d6;
}

/* Fokus musi być czytelny w każdym module, niezależnie od wybranego motywu. */
:where(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline-color: var(--app-focus) !important;
  box-shadow: 0 0 0 2px var(--app-focus-shadow) !important;
}

/* Długie nazwy, adresy, numery dokumentów i treści wiadomości nie rozpychają widoku. */
:where(
  .content, .panel, .tile, .item-card, .task-card, .modal, .modal-body,
  .payment-document-main, .payment-document-meta, .hr-list-row,
  .communication-post, .communication-topic-card, .contact-card,
  .volunteer-card, .volunteer-group-card, .messenger-message-body,
  .profile-copy, .page-header, .card-top
) {
  min-width: 0;
}

:where(
  .payment-document-main, .payment-document-meta, .hr-list-row,
  .communication-post, .communication-topic-card, .contact-details,
  .contact-notes, .messenger-message-body, .diagnostics-log,
  .event-card-description, .profile-copy, .card-top
) {
  overflow-wrap: anywhere;
}

/* Wszystkie przewijane obszary mają widoczny, stabilny pasek przewijania. */
:where(.table-wrap, .calendar-shell, .kanban, .accessibility-panel-body, .messenger-conversation-list, .messenger-chat-messages) {
  scrollbar-color: var(--app-scrollbar-thumb) var(--app-scrollbar-track);
  scrollbar-gutter: stable;
}

/* Cele dotykowe i klawiaturowe nie mogą być mniejsze od 44 px. */
:where(
  .btn, .icon-btn, .filter-btn, .nav-item, .nav-group-toggle,
  .accessibility-setting-row, .accessibility-subview-card,
  .contact-filter, .contact-group-filter, .event-palette-button,
  .messenger-new-btn, .messenger-send-btn, .messenger-action-btn
) {
  min-height: 44px;
}

:is(.a11y-contrast, .a11y-darkContrast) {
  /* Dodatkowe tokeny potrzebne przez specjalistyczne moduły. */
  --app-accent-soft: var(--app-selected-bg);
  --app-accent-text: var(--app-primary);
}

/* Bohaterowie i karty nagłówkowe nie zachowują starych gradientów w kontrastach. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .project-hero, .staff-profile-hero, .staff-public-profile-head,
  .profile-quick-card, .contact-detail-hero, .coordinator-hero,
  .development-summary, .development-manager-hero, .payment-hero,
  .communication-thread-hero, .communication-rules,
  .volunteer-self-hero, .group-workspace-hero
) {
  background: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  border: 2px solid var(--app-border-strong) !important;
  box-shadow: none !important;
}

:is(.a11y-contrast, .a11y-darkContrast) :where(
  .project-hero p, .project-lead, .staff-profile-copy > p,
  .coordinator-hero p, .development-summary p, .development-manager-hero p,
  .payment-hero p, .payment-hero .eyebrow, .development-manager-hero .eyebrow,
  .communication-thread-hero p, .group-workspace-hero p
) {
  color: var(--app-muted) !important;
}

/* Karty i wiersze występujące tylko w poszczególnych modułach. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .stat-card, .person-chip, .check-card, .compact-item,
  .payment-document-card, .payment-form-intro, .payment-existing-file,
  .payment-bank-data > div, .payment-action-grid,
  .hr-summary-grid article, .hr-subpanel, .hr-list-row, .hr-document-card,
  .weekly-day-row, .volunteer-summary-card, .volunteer-availability-card,
  .volunteer-meeting-card, .volunteer-hours-card, .volunteer-announcement-card,
  .development-card, .challenge-card, .badge-card, .manager-challenge-card,
  .challenge-participant-row, .path-select-card, .profile-development-strip > div,
  .communication-topic-card, .communication-post, .communication-file,
  .calendar-agenda-item, .event-card, .event-compact-item,
  .internal-profile-notes, .contact-notes, .contact-export-preview,
  .contact-group-manager-row, .template-card, .library-card, .equipment-card
) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}

:is(.a11y-contrast, .a11y-darkContrast) :where(
  .payment-form-intro, .payment-bank-data > div, .payment-action-grid,
  .weekly-day-row, .manager-challenge-card, .challenge-participant-row,
  .path-select-card, .contact-notes, .contact-export-preview,
  .communication-rules
) {
  background: var(--app-surface-soft) !important;
}

/* Stany dokumentów i nieprzeczytanych treści zachowują znaczenie bez gradientów. */
:is(.a11y-contrast, .a11y-darkContrast) .payment-document-card.overdue {
  background: var(--app-danger-soft) !important;
  border-left: 5px solid var(--app-danger) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .payment-document-card.due-soon {
  background: var(--app-warning-soft) !important;
  border-left: 5px solid var(--app-warning) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .communication-topic-card.unread {
  background: var(--app-warning-soft) !important;
  border-left: 5px solid var(--app-warning) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .unread-dot {
  background: var(--app-warning) !important;
  border-color: var(--app-surface) !important;
}

/* Potwierdzenia, komunikaty i pola błędów. */
:is(.a11y-contrast, .a11y-darkContrast) :where(.payment-confirmation, .points-pill.positive) {
  background: var(--app-success-soft) !important;
  color: var(--app-success-text) !important;
  border: 1px solid var(--app-success) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.points-pill.negative, .a11y-field-error) {
  background: var(--app-danger-soft) !important;
  color: var(--app-danger-text) !important;
  border-color: var(--app-danger) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(input, select, textarea)[aria-invalid="true"] {
  border-color: var(--app-danger) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--app-danger) 28%, transparent) !important;
}

/* Teksty pomocnicze w modułach nie zachowują szarych kolorów z jasnego motywu. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .project-lead, .info-sections p, .payment-document-main p,
  .payment-document-meta, .payment-document-amount > span,
  .payment-form-intro p, .payment-detail-head p, .payment-bank-data small,
  .payment-history small, .hr-summary-grid article span,
  .hr-summary-grid article small, .hr-list-row small, .schedule-day-select small,
  .path-catalog ol, .challenge-manager-stats span, .contact-details,
  .staff-profile-copy > p:last-of-type, .access-readonly-note p
) {
  color: var(--app-muted) !important;
}

/* Znaczniki, etykiety i miniaturowe elementy informacyjne. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .chip, .level-chip, .contact-tag, .contact-group-chip,
  .profile-badge-row span, .status.purple, .calendar-count, .calendar-more
) {
  background: var(--app-accent-soft) !important;
  color: var(--app-accent-text) !important;
  border: 1px solid var(--app-border-strong) !important;
}

/* Ikony i wyróżniki pozostają czytelne w obu motywach. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .avatar, .mini-avatar, .team-avatar, .payment-document-icon,
  .communication-file-icon, .rank-number, .badge-symbol,
  .calendar-agenda-icon, .profile-avatar
) {
  background: var(--app-surface-soft) !important;
  color: var(--app-primary) !important;
  border-color: var(--app-border) !important;
}

/* Paski postępu i linie czasu nie znikają na tle powierzchni. */
:is(.a11y-contrast, .a11y-darkContrast) :where(.progress, .mini-progress, .development-progress-track) {
  background: var(--app-neutral-soft) !important;
  border: 1px solid var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.progress > span, .mini-progress > span, .development-progress-track > span) {
  background: var(--app-primary) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .payment-history article > span {
  background: var(--app-primary) !important;
  box-shadow: 0 0 0 4px var(--app-surface-soft) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .payment-history article:not(:last-child)::after {
  background: var(--app-border) !important;
}

/* Zdjęcia i podglądy nie otrzymują filtrów ani nieczytelnych podpisów. */
:is(.a11y-contrast, .a11y-darkContrast) :where(.equipment-photo, .photo-placeholder, .communication-image) {
  background: var(--app-surface-soft) !important;
  color: var(--app-muted) !important;
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .communication-image span {
  background: var(--app-sidebar-bg) !important;
  color: var(--app-sidebar-text) !important;
}

/* Wysoki kontrast w szerokich tabelach i formularzach czasu pracy. */
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .monthly-schedule-table input:disabled, .monthly-schedule-table select:disabled,
  input:disabled, select:disabled, textarea:disabled
) {
  background: var(--app-neutral-soft) !important;
  color: var(--app-muted) !important;
  opacity: 1 !important;
}

/* Wymuszony tryb kolorów systemu ma pierwszeństwo przed własnym motywem. */
@media (forced-colors: active) {
  :is(.a11y-contrast, .a11y-darkContrast) :where(
    .project-hero, .staff-profile-hero, .coordinator-hero,
    .development-summary, .development-manager-hero, .payment-hero
  ) {
    border: 2px solid CanvasText !important;
  }
}

/* Końcowa korekta widoku tabletowego i mobilnego. */
@media (max-width: 900px) {
  .topbar {
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .search-wrap {
    min-width: min(230px, 100%);
  }
  .topbar-actions {
    min-width: 0;
    margin-left: auto;
  }
  :where(.page-header, .card-top, .panel-header, .payment-detail-head, .monthly-schedule-header) {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  :where(.page-actions, .card-actions, .row-actions, .form-actions) {
    flex-wrap: wrap;
  }
  .diagnostics-two-column,
  .staff-profile-layout,
  .development-layout,
  .communication-layout,
  .group-chat-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 700px) {
  .content {
    padding: 16px 12px;
  }
  .modal-backdrop {
    padding: 8px;
  }
  .modal {
    width: 100%;
    max-height: calc(100dvh - 16px);
    border-radius: 16px;
  }
  .modal-header,
  .modal-body {
    padding: 16px;
  }
  :where(.form-actions, .page-actions, .card-actions, .row-actions) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }
  :where(.form-actions, .page-actions, .card-actions, .row-actions) > :where(button, .btn, a) {
    width: 100%;
  }
  .hr-summary-grid,
  .profile-info-grid,
  .my-groups-grid,
  .volunteer-groups-grid,
  .challenge-grid,
  .badge-showcase,
  .manager-challenge-grid,
  .path-catalog,
  .profile-development-strip,
  .meeting-response-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .weekly-day-row,
  .calendar-agenda-item,
  .communication-topic-card,
  .challenge-participant-row,
  .path-select-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .calendar-agenda-item {
    gap: 8px;
  }
  .payment-document-card,
  .payment-detail-head,
  .payment-confirmation,
  .communication-thread-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .table-wrap,
  .calendar-shell,
  .kanban {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
  .toast {
    right: 10px;
    bottom: 10px;
    left: 10px;
  }
}

@media (max-width: 430px) {
  .topbar-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .search-wrap {
    order: 3;
    width: 100%;
  }
  .accessibility-panel {
    max-width: 100%;
  }
  .accessibility-theme-options,
  .accessibility-scale-presets {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 700px) {
  .form-actions > :is(button, .btn, a),
  .page-actions > :is(button, .btn, a),
  .card-actions > :is(button, .btn, a),
  .row-actions > :is(button, .btn, a) {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 700px) {
  .form-actions,
  .page-actions,
  .card-actions,
  .row-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
  }
}





/* AppSystem bundle source: styles/161-app-stability-370a.css */
/* AppSystem 3.11.0-v25 — stabilność interakcji */

/* Komunikaty nie mogą chować się pod pływającym Messengerem. */
.toast {
  z-index: 220;
  right: 24px;
  bottom: calc(92px + env(safe-area-inset-bottom));
  max-width: min(420px, calc(100vw - 32px));
}

.notification-read-note {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: .88rem;
  text-align: center;
}

/* Zdjęcia profilowe: kwadrat z miękko zaokrąglonymi rogami. */
:is(.avatar, .team-avatar, .mini-avatar, .messenger-avatar, .profile-avatar, .mini-account-avatar, .account-avatar, .profile-photo, .profile-modal-photo, .staff-profile-photo, .self-profile-photo, .profile-image-preview img, #profileAvatar) {
  border-radius: 12px !important;
  overflow: hidden;
}

:is(.avatar, .team-avatar, .mini-avatar, .messenger-avatar, .profile-avatar, .mini-account-avatar, .account-avatar, .profile-photo, .profile-modal-photo, .staff-profile-photo, .self-profile-photo, #profileAvatar) > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

@media (max-width: 640px) {
  .toast {
    right: 12px;
    bottom: calc(86px + env(safe-area-inset-bottom));
    max-width: calc(100vw - 24px);
  }
}



/* AppSystem bundle source: styles/162-calendar-events-370c.css */
/* AppSystem 3.7.0-C — tworzenie wydarzeń z kalendarza i zakres godzin */
.calendar-number-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.calendar-day-add {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--primary) 34%, var(--line));
  border-radius: 9px;
  background: var(--surface, #fff);
  color: var(--primary);
  font: inherit;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  opacity: .72;
  transition: opacity .15s ease, transform .15s ease, background .15s ease;
}
.calendar-cell:hover .calendar-day-add,
.calendar-cell:focus-within .calendar-day-add,
.calendar-day-add:focus-visible {
  opacity: 1;
}
.calendar-day-add:hover {
  background: color-mix(in srgb, var(--primary) 10%, var(--surface, #fff));
  transform: translateY(-1px);
}
.calendar-day-add:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary) 42%, transparent);
  outline-offset: 2px;
}
.event-all-day-toggle {
  margin: 2px 0 0;
}
.event-time-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface-soft, #f8f9fc);
  transition: opacity .15s ease;
}
.event-time-fields.is-disabled {
  opacity: .52;
}
.event-time-fields.is-disabled input {
  cursor: not-allowed;
}
.calendar-agenda-head .page-actions {
  align-items: center;
}
@media (max-width: 700px) {
  .event-time-fields {
    grid-template-columns: 1fr;
  }
  .calendar-day-add {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    opacity: 1;
  }
}




/* AppSystem bundle source: styles/163-project-results-370d.css */
/* AppSystem 3.11.0-v25 — projekty, rezultaty i automatyczny postęp */
.project-progress-source {
  display: block;
  margin-top: 6px;
  color: var(--muted, #64748b);
  font-size: .78rem;
}

.project-results-form-section .panel-title {
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.project-results-form-section [data-project-results-list],
.project-results-list {
  display: grid;
  gap: 12px;
}

.project-result-form-row,
.project-result-item,
.project-results-empty {
  border: 1px solid var(--border, #d9e2ec);
  border-radius: 14px;
  background: var(--surface, #fff);
}

.project-result-form-row {
  padding: 14px;
}

.project-result-row-head,
.project-result-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.project-result-row-head {
  margin-bottom: 12px;
}

.project-result-fields {
  align-items: end;
}

.project-result-done {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--border, #d9e2ec);
  border-radius: 10px;
  background: var(--surface-muted, #f8fafc);
}

.project-results-empty {
  display: grid;
  gap: 4px;
  padding: 18px;
  color: var(--muted, #64748b);
}

.project-results-empty strong {
  color: var(--text, #172033);
}

.project-results-panel .panel-title {
  align-items: flex-start;
}

.project-result-item {
  padding: 14px;
}

.project-result-summary > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.project-result-summary strong,
.project-result-summary span {
  overflow-wrap: anywhere;
}

.project-result-summary span {
  color: var(--muted, #64748b);
  font-size: .88rem;
}

.project-result-summary b {
  font-size: 1.05rem;
  white-space: nowrap;
}

.project-result-progress {
  margin: 10px 0 12px;
}

.project-result-stepper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.project-result-stepper label {
  width: 110px;
}

.project-result-stepper input {
  width: 100%;
  min-height: 42px;
  text-align: center;
}

.project-result-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  cursor: pointer;
}

.project-result-toggle input {
  width: 22px;
  height: 22px;
}

[data-project-form-stable] input[readonly] {
  background: var(--surface-muted, #f3f6f9);
  cursor: default;
}

@media (max-width: 700px) {
  .project-results-form-section .panel-title,
  .project-results-panel .panel-title,
  .project-result-row-head,
  .project-result-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .project-results-form-section .panel-title .btn,
  .project-results-panel .panel-title .btn {
    width: 100%;
  }

  .project-result-stepper {
    width: 100%;
  }

  .project-result-stepper label {
    flex: 1;
  }
}




/* AppSystem bundle source: styles/164-library-cards-email-370e.css */
/* AppSystem 3.7.0-E — karty biblioteczne i przypomnienia e-mail */
.library-stats { margin-bottom: 18px; }
.library-card-list { display: grid; gap: 10px; margin-top: 14px; }
.library-card-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: 10px; padding: 13px; border: 1px solid var(--line, #dce4ea); border-radius: 14px; background: var(--surface, #fff); }
.library-card-row div { min-width: 0; }
.library-card-row strong, .library-card-row small { display: block; overflow-wrap: anywhere; }
.library-card-row small { margin-top: 4px; color: var(--muted, #667784); }
.library-card-profile { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 16px; border-radius: 16px; background: var(--surface-muted, #f5f7fa); margin-bottom: 16px; }
.library-card-profile h3 { margin: 2px 0 6px; }
.library-card-profile p { margin: 0; }
.library-history-panel { margin-top: 16px; }
.library-card-link, .table-link { appearance: none; border: 0; background: transparent; padding: 0; color: var(--primary, #0878bd); font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; text-align: left; }
.loan-callout .library-card-link { width: max-content; margin-top: 3px; }
.table-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
[data-card-field][hidden], [data-manual-field][hidden] { display: none !important; }
@media (max-width: 720px) {
  .library-card-row { grid-template-columns: minmax(0, 1fr) auto; }
  .library-card-row .btn { width: 100%; }
  .library-card-profile { flex-direction: column; }
  .table-actions { justify-content: flex-start; }
}




/* AppSystem bundle source: styles/165-volunteer-demands-language-370f.css */
/* AppSystem 3.7.0-F — zapotrzebowania na wolontariuszy, uproszczone kontakty */
.volunteer-demand-choice{margin-bottom:16px}.choice-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border,var(--line));border-radius:14px;background:var(--surface,#fff);cursor:pointer}.choice-card input{margin-top:3px}.choice-card span{display:grid;gap:4px}.choice-card small{color:var(--muted)}.volunteer-demand-panel{margin-bottom:18px}.volunteer-demand-list{display:grid;gap:12px}.volunteer-demand-card{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px;border:1px solid var(--border,var(--line));border-radius:14px;background:var(--surface,#fff)}.volunteer-demand-card>div:first-child{display:grid;gap:6px;min-width:0}.volunteer-demand-card h3,.volunteer-demand-card p{margin:0}.volunteer-demand-card small{display:block;color:var(--muted)}.volunteer-demand-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:.88rem}.contact-privacy-note{margin-top:16px}@media(max-width:700px){.choice-card-grid{grid-template-columns:1fr}.volunteer-demand-card{flex-direction:column}.volunteer-demand-card .card-actions{width:100%}.volunteer-demand-card .card-actions .btn{width:100%}}




/* AppSystem bundle source: styles/166-volunteer-experience-380a.css */
/* AppSystem 3.8.0-A: wolontariat, statusy profili i katalog nagród */
.profile-presence {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem .65rem;
  margin: .65rem 0;
  padding: .65rem .75rem;
  border: 1px solid var(--ui-border, #dce3ec);
  border-radius: 12px;
  background: var(--ui-surface-subtle, #f7f9fc);
}
.profile-presence strong { font-size: .92rem; font-weight: 650; }
.profile-presence small { color: var(--ui-text-muted, #677386); }

.missing-plans-center { border-left: 5px solid #b7791f; }
.missing-plans-center.is-complete { border-left-color: #168465; }
.missing-plans-center .attention-list { display: grid; gap: .65rem; }

.reward-grid,
.reward-manager-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.reward-card,
.reward-manager-card,
.reward-claim-card {
  display: grid;
  gap: .8rem;
  border: 1px solid var(--ui-border, #dce3ec);
  border-radius: 16px;
  padding: 1rem;
  background: var(--ui-surface, #fff);
  box-shadow: var(--ui-shadow-sm, 0 2px 10px rgba(24, 38, 58, .06));
}
.reward-card { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.reward-card footer { grid-column: 1 / -1; }
.reward-manager-card { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
.reward-claim-card { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
.reward-icon { font-size: 2rem; line-height: 1; width: 2.75rem; height: 2.75rem; display: grid; place-items: center; border-radius: 12px; background: var(--ui-surface-subtle, #f3f6fa); }
.reward-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.reward-card h3,.reward-manager-card h3 { margin: 0; }
.reward-card p,.reward-manager-card p { margin: .35rem 0; color: var(--ui-text-muted, #677386); }
.reward-ready { display: grid; gap: .35rem; padding: .75rem; border-radius: 12px; background: rgba(22,132,101,.10); border: 1px solid rgba(22,132,101,.28); }
.reward-ready strong { color: #0c6a50; }
.reward-pending { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.reward-balance { min-width: 112px; padding: .65rem .85rem; border-radius: 12px; text-align: center; background: var(--ui-surface-subtle, #f3f6fa); }
.reward-balance small,.reward-balance strong { display: block; }
.reward-balance strong { font-size: 1.35rem; }
.reward-claim-list { display: grid; gap: .75rem; }

@media (max-width: 720px) {
  .reward-card,.reward-manager-card,.reward-claim-card { grid-template-columns: 1fr; }
  .reward-card footer { grid-column: auto; }
  .reward-manager-card .row-actions,.reward-claim-card .row-actions { width: 100%; }
  .reward-manager-card .row-actions .btn,.reward-claim-card .row-actions .btn { flex: 1 1 100%; }
}



/* AppSystem bundle source: styles/167-volunteer-documents-380b.css */
/* AppSystem 3.8.0-B — dokumenty wolontariatu */
.volunteer-documents-lead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding:18px;border:1px solid var(--border,var(--line));border-radius:18px;background:var(--surface-muted,#f5f7fa)}
.volunteer-documents-lead h2{margin:2px 0 6px}.volunteer-documents-lead p{margin:0;color:var(--muted)}
.volunteer-document-list{display:grid;gap:14px}.volunteer-document-card{border:1px solid var(--border,var(--line));border-left:5px solid #5b6b7a;border-radius:17px;padding:16px;background:var(--surface,#fff);box-shadow:0 5px 16px rgba(28,44,58,.06)}
.volunteer-document-card.agreement{border-left-color:#16745b}.volunteer-document-card.minigrant{border-left-color:#6b55d9}.volunteer-document-card.consent{border-left-color:#176fa8}.volunteer-document-card.training{border-left-color:#b36b13}
.volunteer-document-card>header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.volunteer-document-card h3{margin:2px 0 0;font-size:1.02rem}.volunteer-document-card header small{color:var(--muted)}
.volunteer-document-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--surface-muted,#eef3f7);font-size:1.25rem}
.volunteer-document-card>p{margin:12px 0 8px}.volunteer-document-validity{font-size:.88rem;color:var(--muted);font-weight:650}
.volunteer-document-files{display:grid;gap:8px;margin-top:12px}.volunteer-document-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border,var(--line));border-radius:12px;background:var(--surface-muted,#f7f9fb);color:var(--text);text-decoration:none;min-height:48px}.volunteer-document-file:hover{border-color:var(--primary);transform:translateY(-1px)}.volunteer-document-file>span:first-child{font-size:1.2rem}.volunteer-document-file strong,.volunteer-document-file small{display:block}.volunteer-document-file small{color:var(--muted);font-weight:500}.volunteer-document-file b{color:var(--primary);font-size:.84rem}
.volunteer-document-manager-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:.82rem;color:var(--muted)}.volunteer-document-card>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border,var(--line))}
.volunteer-existing-files{display:grid;gap:10px}.volunteer-existing-file{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.volunteer-existing-file>span{min-width:0}.volunteer-existing-file .volunteer-document-file{width:100%}
.volunteer-self-documents .volunteer-document-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.volunteer-profile-documents{margin-top:18px}
@media(max-width:700px){.volunteer-documents-lead{display:grid}.volunteer-documents-lead .btn{width:100%}.volunteer-document-card>header{grid-template-columns:auto 1fr}.volunteer-document-card>header>.status{grid-column:2}.volunteer-document-file{grid-template-columns:auto 1fr}.volunteer-document-file b{grid-column:2}.volunteer-document-card>footer{flex-direction:column}.volunteer-document-card>footer .btn{width:100%}}




/* AppSystem bundle source: styles/168-form-drafts-navigation-380c.css */
/* AppSystem 3.8.0-C — bezpieczne szkice formularzy i przywracanie widoku. */
.form-draft-restored,
.form-draft-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--border, #d8e4e8);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 16px;
  background: var(--surface-soft, #f3f8f9);
  color: var(--text, #17363d);
}
.form-draft-restored { border-color: #83b8c2; background: #eaf7f8; }
.form-draft-restored > div { display: grid; gap: 3px; min-width: 0; }
.form-draft-restored strong { font-size: .96rem; }
.form-draft-restored span,
.form-draft-restored small,
.form-draft-status span { font-size: .86rem; line-height: 1.4; color: var(--muted, #536d73); overflow-wrap: anywhere; }
.form-draft-status { margin-top: 12px; margin-bottom: 12px; padding-block: 9px; }
.form-draft-status.hidden { display: none !important; }
.form-draft-discard { border: 0; background: transparent; color: var(--primary, #116c78); font: inherit; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.form-draft-discard:hover { text-decoration-thickness: 2px; }
.form-draft-discard:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; border-radius: 4px; }
:is(.a11y-contrast, .a11y-darkContrast) .form-draft-restored,
:is(.a11y-contrast, .a11y-darkContrast) .form-draft-status { background: var(--surface-soft) !important; border-color: var(--border-strong) !important; color: var(--text) !important; }
@media (max-width: 640px) {
  .form-draft-restored,
  .form-draft-status { align-items: stretch; flex-direction: column; }
  .form-draft-restored .btn,
  .form-draft-discard { width: 100%; min-height: 44px; }
}




/* AppSystem bundle source: styles/169-dark-mode-380d.css */
/* AppSystem 3.8.0-D — zwykły tryb ciemny.
   Jest łagodniejszy od trybu wysokiego kontrastu i nie zmienia znaczenia kolorów statusów. */

html.app-dark {
  --app-canvas: #0f1720;
  --app-surface: #18232d;
  --app-surface-raised: #1e2b36;
  --app-surface-soft: #22313d;
  --app-text: #eaf1f7;
  --app-muted: #afbfcc;
  --app-border: #334654;
  --app-border-strong: #526878;
  --app-primary: #58b5f5;
  --app-primary-hover: #83caff;
  --app-on-primary: #07131c;
  --app-link: #7cc8ff;
  --app-link-hover: #a8dbff;
  --app-sidebar-bg: #071c2e;
  --app-sidebar-text: #f5f9fc;
  --app-sidebar-muted: #a9bfd0;
  --app-sidebar-active: #124b70;
  --app-input-bg: #111c25;
  --app-hover-bg: #243644;
  --app-selected-bg: #173f5c;
  --app-focus: #ffbf47;
  --app-focus-shadow: #07131c;
  --app-overlay: rgba(0, 0, 0, .68);
  --app-shadow: 0 18px 46px rgba(0, 0, 0, .28);
  --app-success: #52d0a3;
  --app-success-text: #9be8ce;
  --app-success-soft: #17382f;
  --app-warning: #f2c367;
  --app-warning-text: #ffdc96;
  --app-warning-soft: #3b2f18;
  --app-danger: #ff8596;
  --app-danger-text: #ffb6c0;
  --app-danger-soft: #432029;
  --app-info: #6dc9ff;
  --app-info-soft: #17384b;
  --app-neutral-text: #c3d0da;
  --app-neutral-soft: #2a3742;
  --app-messenger-chat: #101b23;
  --app-messenger-mine: #17445f;
  --app-messenger-mine-accent: #58b5f5;
  --app-messenger-theirs: #22313d;
  --app-messenger-text: #eef6fb;
  --app-scrollbar-track: #13202a;
  --app-scrollbar-thumb: #5d7180;
  color-scheme: dark;
}

html.app-dark,
html.app-dark body,
html.app-dark .main-area,
html.app-dark .content,
html.app-dark .access-shell {
  background: var(--app-canvas);
  color: var(--app-text);
}

html.app-dark .login-shell {
  color: var(--app-text);
  background:
    radial-gradient(circle at top left, rgba(88,181,245,.16), transparent 35%),
    radial-gradient(circle at bottom right, rgba(73,127,166,.12), transparent 34%),
    var(--app-canvas);
}

html.app-dark :where(
  .login-card, .access-panel, .topbar, .search-wrap, .panel, .side-panel, .tile, .item-card,
  .task-card, .calendar-cell, .modal, .modal-header, .modal-body, .meta-box, .empty-state,
  .quick-add-option, .payment-document-card, .employee-hr-panel, .profile-quick-card,
  .volunteer-card, .volunteer-group-card, .contact-card, .contact-group-manager-row,
  .diagnostics-stat, .diagnostics-service-grid > div, .diagnostics-backup, .diagnostics-log,
  .accessibility-panel, .accessibility-foundation-card, .accessibility-change-notice,
  .accessibility-v4-setting-block, .accessibility-v4-primary-settings,
  .accessibility-subview-card, .accessibility-reading-note, .accessibility-shortcut-tip,
  .accessibility-reading-tool, .accessibility-shortcut-list, .stat-card, .person-chip,
  .check-card, .compact-item, .payment-form-intro, .payment-existing-file,
  .payment-bank-data > div, .payment-action-grid, .hr-summary-grid article, .hr-subpanel,
  .hr-list-row, .hr-document-card, .weekly-day-row, .volunteer-summary-card,
  .volunteer-availability-card, .volunteer-meeting-card, .volunteer-hours-card,
  .volunteer-announcement-card, .development-card, .challenge-card, .badge-card,
  .manager-challenge-card, .challenge-participant-row, .path-select-card,
  .profile-development-strip > div, .communication-topic-card, .communication-post,
  .communication-file, .calendar-agenda-item, .event-card, .event-compact-item,
  .internal-profile-notes, .contact-notes, .contact-export-preview,
  .template-card, .library-card, .equipment-card, .library-member-card,
  .volunteer-document-card, .form-draft-restored, .form-draft-status
) {
  background: var(--app-surface);
  color: var(--app-text);
  border-color: var(--app-border);
}

html.app-dark :where(
  .calendar-day-name, .meta-box, .empty-state, .quick-add-option,
  .diagnostics-service-grid > div, .accessibility-v4-setting-block,
  .accessibility-reading-note, .accessibility-shortcut-tip, .payment-form-intro,
  .payment-bank-data > div, .weekly-day-row, .manager-challenge-card,
  .challenge-participant-row, .path-select-card, .contact-notes,
  .contact-export-preview, .communication-rules
) { background: var(--app-surface-soft); }

html.app-dark :where(
  .project-hero, .staff-profile-hero, .staff-public-profile-head,
  .profile-quick-card, .contact-detail-hero, .coordinator-hero,
  .development-summary, .development-manager-hero, .payment-hero,
  .communication-thread-hero, .volunteer-self-hero, .group-workspace-hero
) {
  background: linear-gradient(135deg, var(--app-surface-raised), var(--app-surface));
  color: var(--app-text);
  border-color: var(--app-border);
  box-shadow: var(--app-shadow);
}

html.app-dark :where(
  .muted, small, th, .tile-meta, .task-footer, .timeline-copy span, .profile-copy small,
  .accessibility-head-copy p, .accessibility-head-copy small,
  .accessibility-section-heading p, .accessibility-field-help,
  .accessibility-setting-row small, .accessibility-subview-card small,
  .accessibility-subview-help, .accessibility-shortcut-list dd,
  .project-lead, .payment-document-meta, .contact-details, .contact-notes,
  .hr-list-row small, .communication-post time, .volunteer-document-meta
) { color: var(--app-muted) !important; }

html.app-dark :where(input, select, textarea) {
  background: var(--app-input-bg);
  color: var(--app-text);
  border-color: var(--app-border);
}
html.app-dark :where(input, select, textarea)::placeholder { color: #8497a6; }
html.app-dark :where(input, select, textarea):disabled {
  background: var(--app-neutral-soft);
  color: var(--app-muted);
  opacity: 1;
}

html.app-dark :where(.icon-btn, .filter-btn, .btn-secondary, .accessibility-subview-back) {
  background: var(--app-surface-soft);
  color: var(--app-text);
  border-color: var(--app-border);
}
html.app-dark :where(.icon-btn, .filter-btn, .btn-secondary, .accessibility-subview-back):hover {
  background: var(--app-hover-bg);
}
html.app-dark .btn-primary { background: var(--app-primary); color: var(--app-on-primary); }
html.app-dark .btn-primary:hover { background: var(--app-primary-hover); color: var(--app-on-primary); }
html.app-dark .btn-danger { background: var(--app-danger-soft); color: var(--app-danger-text); border-color: var(--app-danger); }
html.app-dark .btn-ghost { color: var(--app-text); border-color: var(--app-border); }
html.app-dark :where(.filter-btn.active, .filter-btn:hover) {
  background: var(--app-selected-bg);
  color: var(--app-link);
  border-color: var(--app-primary);
}

html.app-dark .kanban-column,
html.app-dark .calendar-day-name { background: var(--app-surface-soft); }
html.app-dark .calendar-cell { background: var(--app-surface); }
html.app-dark .calendar-cell.other { background: #131e27; color: #748694; }
html.app-dark .task-card { background: var(--app-surface-raised); box-shadow: 0 8px 22px rgba(0,0,0,.18); }
html.app-dark .progress { background: var(--app-neutral-soft); }
html.app-dark .progress > span { background: linear-gradient(90deg, var(--app-primary), #9b8cff); }
html.app-dark :where(th, td) { border-color: var(--app-border); }
html.app-dark th { color: var(--app-muted); }

html.app-dark .status.green { color: var(--app-success-text); background: var(--app-success-soft); }
html.app-dark .status.yellow { color: var(--app-warning-text); background: var(--app-warning-soft); }
html.app-dark .status.red { color: var(--app-danger-text); background: var(--app-danger-soft); }
html.app-dark .status.gray { color: var(--app-neutral-text); background: var(--app-neutral-soft); }
html.app-dark :where(.alert.success, .payment-confirmation, .points-pill.positive) { background: var(--app-success-soft); color: var(--app-success-text); }
html.app-dark :where(.alert.warning, .payment-document-card.due-soon) { background: var(--app-warning-soft); color: var(--app-warning-text); }
html.app-dark :where(.alert.danger, .payment-document-card.overdue, .a11y-field-error) { background: var(--app-danger-soft); color: var(--app-danger-text); }

html.app-dark :where(.chip, .level-chip, .contact-tag, .contact-group-chip, .profile-badge-row span, .status.purple, .calendar-count, .calendar-more) {
  background: var(--app-selected-bg);
  color: var(--app-link);
  border-color: var(--app-border-strong);
}
html.app-dark :where(.avatar, .mini-avatar, .team-avatar, .payment-document-icon, .communication-file-icon, .rank-number, .badge-symbol, .calendar-agenda-icon, .profile-avatar) {
  background: var(--app-surface-soft);
  color: var(--app-primary);
  border-color: var(--app-border);
}

html.app-dark .modal-backdrop,
html.app-dark .accessibility-backdrop,
html.app-dark .messenger-dock-backdrop { background: var(--app-overlay); }
html.app-dark .toast { background: #233746; color: var(--app-text); border-color: var(--app-border-strong); }
html.app-dark a { color: var(--app-link); }
html.app-dark a:hover { color: var(--app-link-hover); }

html.app-dark .theme-mode-btn {
  background: var(--app-selected-bg);
  border-color: var(--app-primary);
  color: var(--app-link);
}
.theme-mode-btn [data-theme-mode-icon] { display: inline-grid; place-items: center; line-height: 1; }

/* Podglądy wyboru trybu kolorów. */
.accessibility-theme-preview.app-light { background: #edf4f8; }
.accessibility-theme-preview.app-light i:first-child { background: #004381; }
.accessibility-theme-preview.app-light i:last-child { background: #ffffff; }
.accessibility-theme-preview.app-dark-preview { background: #0f1720; border-color: #526878; }
.accessibility-theme-preview.app-dark-preview i:first-child { background: #58b5f5; }
.accessibility-theme-preview.app-dark-preview i:last-child { background: #22313d; border: 1px solid #526878; }
.accessibility-theme-preview.app-system { background: linear-gradient(90deg, #eef4f8 0 50%, #0f1720 50%); border-color: #526878; }
.accessibility-theme-preview.app-system i:first-child { background: linear-gradient(90deg, #004381 0 50%, #58b5f5 50%); }
.accessibility-theme-preview.app-system i:last-child { background: linear-gradient(90deg, #ffffff 0 50%, #22313d 50%); border: 1px solid #718393; }

@media (max-width: 760px) {
  .theme-mode-btn { display: inline-grid; }
  .accessibility-color-mode-options { grid-template-columns: 1fr; }
}

/* Korekty starszych komponentów z kolorami zapisanymi bezpośrednio w CSS. */
html.app-dark label { color: var(--app-text); }
html.app-dark :where(.demo-note, .coordinator-demo, .loan-callout, .pwa-network-banner.offline, .missing-plan-row, .attention-person) {
  background: var(--app-warning-soft);
  color: var(--app-warning-text);
  border-color: var(--app-warning);
}
html.app-dark :where(.pwa-network-banner.online, .availability-slot.onsite, .slot-chip.onsite) {
  background: var(--app-success-soft);
  color: var(--app-success-text);
}
html.app-dark :where(.availability-slot.online, .slot-chip.online) { background: var(--app-info-soft); color: var(--app-info); }
html.app-dark :where(.segmented-control, .pwa-dialog, .pwa-install-card, .dashboard-empty, .dashboard-picker-group, .volunteer-layout-main, .coordinator-panel, .accessibility-global-btn, .accessibility-sidebar-btn) {
  background: var(--app-surface);
  color: var(--app-text);
  border-color: var(--app-border);
}
html.app-dark .segmented-control button { color: var(--app-muted); }
html.app-dark .segmented-control button.active { background: var(--app-primary); color: var(--app-on-primary); }
html.app-dark .dashboard-picker-row:hover { background: var(--app-hover-bg); }
html.app-dark .dashboard-empty { color: var(--app-link); border-color: var(--app-border-strong); }
html.app-dark .accessibility-global-btn:hover,
html.app-dark .accessibility-global-btn:focus-visible { background: var(--app-primary); color: var(--app-on-primary); }
html.app-dark .overdue-row { background: var(--app-danger-soft); }
html.app-dark :where(.hr-subpanel h3, .hr-list-row strong, .hr-document-card strong, .monthly-schedule-header h3, .schedule-bulk-title strong, .weekday-fieldset legend, .accessibility-section h3) { color: var(--app-text); }
html.app-dark .calendar-event {
  background: var(--app-info-soft);
  color: var(--app-info);
  border-color: color-mix(in srgb, var(--app-info) 45%, transparent);
}
html.app-dark .calendar-event.deadline {
  background: var(--app-danger-soft);
  color: var(--app-danger-text);
  border-color: color-mix(in srgb, var(--app-danger) 52%, transparent);
}
html.app-dark .calendar-event.volunteer-event {
  background: var(--app-warning-soft);
  color: var(--app-warning-text);
  border-color: color-mix(in srgb, var(--app-warning) 52%, transparent);
}




/* AppSystem bundle source: styles/170-workflow-quality-390.css */
/* AppSystem 3.11.0-v25 — usprawnienia przepływów pracy */
.modal-parent-snapshot{position:absolute;z-index:0;transform:translateY(12px) scale(.985);filter:brightness(.82);pointer-events:none;opacity:.72}.modal-backdrop>.modal:not(.modal-parent-snapshot){position:relative;z-index:1}.notification-action{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;border:1px solid currentColor;cursor:pointer;font:inherit}.notification-action strong{white-space:nowrap;font-size:.82rem}.notification-action:hover{transform:translateY(-1px)}
.messenger-dock,.messenger-dock-shell{min-height:0}.messenger-dock-shell.messenger-dock-chat{display:flex!important;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.messenger-dock-chat>.messenger-chat{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.messenger-dock-chat .messenger-messages-wrap{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.messenger-dock-chat .messenger-message-list{flex:1 1 auto;height:auto!important;max-height:none!important;min-height:0;overflow-y:auto!important;overscroll-behavior:contain}.messenger-dock-chat .messenger-composer{position:relative;z-index:4;flex:0 0 auto}.messenger-dock-body{min-height:0;overflow:hidden}
.profile-photo-crop{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft,#f4f7f9)}.profile-photo-crop.hidden{display:none}.profile-photo-crop-preview{width:min(220px,100%);aspect-ratio:1;overflow:hidden;border-radius:22px;background:#dfe8ee;box-shadow:inset 0 0 0 1px var(--line)}.profile-photo-crop-preview img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .08s linear}.profile-photo-crop-controls{display:grid;gap:10px}.profile-photo-crop-controls label{display:grid;grid-template-columns:minmax(130px,auto) minmax(120px,1fr);align-items:center;gap:12px}.profile-photo-crop-controls input{width:100%}
.volunteer-accordion-list{display:grid;gap:10px}.volunteer-accordion{border:1px solid var(--line);border-radius:17px;background:var(--surface-raised,#fff);box-shadow:0 8px 24px rgba(12,45,70,.06);overflow:hidden}.volunteer-accordion>summary{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;list-style:none}.volunteer-accordion>summary::-webkit-details-marker{display:none}.volunteer-accordion>summary:after{content:"⌄";font-weight:900;color:var(--muted)}.volunteer-accordion[open]>summary:after{transform:rotate(180deg)}.volunteer-accordion-name strong,.volunteer-accordion-name small{display:block}.volunteer-accordion-name small{margin-top:3px;color:var(--muted)}.volunteer-accordion-summary-meta{color:var(--muted);font-size:.85rem}.volunteer-accordion-body{padding:0 16px 16px;border-top:1px solid var(--line)}
.equipment-circulation{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft,#f4f7f9)}.equipment-circulation strong,.equipment-circulation span{display:block}.equipment-history-list{display:grid;gap:8px}.equipment-history-list article{padding:10px;border:1px solid var(--line);border-radius:12px}.volunteer-linked-task{border-style:dashed}.volunteer-linked-task .task-source-badge{display:inline-flex;margin-bottom:7px}.work-interruption-box{grid-column:1/-1;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft,#f4f7f9)}
@media(max-width:720px){.profile-photo-crop{grid-template-columns:1fr}.volunteer-accordion>summary{grid-template-columns:auto minmax(0,1fr) auto}.volunteer-accordion-summary-meta{grid-column:2/-1}.notification-action{align-items:flex-start;flex-direction:column}.profile-photo-crop-controls label{grid-template-columns:1fr}}




/* AppSystem bundle source: styles/171-rewards-games-e2ee-dark-3100.css */
/* AppSystem 3.10.0 — nagrody wolontariatu, Gry, 20-osobowe rozmowy i audyt trybu ciemnego. */

/* Katalog nagród wolontariusza */
.reward-pickup-zone { display: grid; gap: 14px; margin-bottom: 18px; }
.reward-pickup-alert { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 17px 18px; border: 1px solid #9ed8bf; border-radius: 18px; background: #eefbf5; }
.reward-pickup-alert > span { font-size: 1.8rem; }
.reward-pickup-alert strong, .reward-pickup-alert small { display: block; }
.reward-pickup-alert small { margin-top: 4px; color: var(--muted); }
.reward-balance { display: flex; align-items: center; gap: 12px; padding: 12px 15px; border-radius: 16px; background: var(--surface-soft); }
.reward-balance small, .reward-balance strong { display: block; }
.reward-balance strong { margin-top: 2px; font-size: 1.35rem; }
.reward-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.reward-card { display: flex; min-height: 230px; flex-direction: column; gap: 11px; padding: 18px; border: 1px solid var(--border); border-radius: 18px; background: #fff; }
.reward-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.reward-card h3 { margin: 0; }
.reward-card p { margin: 0; line-height: 1.55; color: var(--muted); }
.reward-card .btn { margin-top: auto; }
.reward-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: var(--surface-soft); font-size: 1.5rem; }
.reward-missing-points { display: block; color: #9a5b17; font-size: .78rem; font-weight: 800; }
.reward-pending, .reward-ready { padding: 10px 12px; border-radius: 12px; font-size: .82rem; font-weight: 800; }
.reward-pending { background: #fff6dc; color: #78531a; }
.reward-ready { background: #e6f8ef; color: #176749; }

/* Strefa gier */
.volunteer-games-intro > div:first-child { display: flex; align-items: center; gap: 18px; }
.volunteer-games-intro { display: flex; align-items: center; justify-content: space-between; gap: 22px; overflow: hidden; position: relative; background: radial-gradient(circle at 12% 18%,rgba(34,211,238,.18),transparent 30%),radial-gradient(circle at 90% 12%,rgba(139,92,246,.16),transparent 26%),linear-gradient(135deg,#eefcff,#f8f4ff); }
.volunteer-games-intro::after { content:""; position:absolute; right:-70px; bottom:-95px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(52,211,153,.18),transparent 66%); pointer-events:none; }
.volunteer-games-intro h2,.volunteer-games-intro p { margin:3px 0; }
.games-hero-icon { display:grid; width:76px; height:76px; place-items:center; flex:0 0 auto; border-radius:24px; background:linear-gradient(145deg,#0f172a,#164e63); box-shadow:0 18px 45px rgba(15,23,42,.22),inset 0 0 0 1px rgba(255,255,255,.16); font-size:2.3rem; }
.snake-hero-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.snake-hero-tags span { padding:6px 9px; border:1px solid rgba(7,95,145,.12); border-radius:999px; background:rgba(255,255,255,.7); color:var(--muted); font-size:.72rem; font-weight:800; }
.game-best { position:relative; z-index:1; min-width:138px; padding:15px 18px; border:1px solid rgba(7,95,145,.12); border-radius:19px; background:rgba(255,255,255,.82); box-shadow:0 16px 38px rgba(15,23,42,.1); text-align:center; backdrop-filter:blur(10px); }
.game-best small,.game-best strong,.game-best span { display:block; }
.game-best strong { margin-top:3px; font-size:1.9rem; line-height:1; }
.game-best span { margin-top:5px; color:var(--muted); font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.snake-game-panel { max-width:860px; margin-inline:auto; padding:20px; background:linear-gradient(180deg,var(--surface),var(--surface-soft)); }
.snake-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.snake-stats { display:grid; grid-template-columns:repeat(3,minmax(88px,1fr)); gap:9px; }
.snake-stats > div { min-width:88px; padding:10px 13px; border:1px solid var(--border); border-radius:15px; background:var(--surface); box-shadow:0 7px 18px rgba(15,23,42,.05); }
.snake-stats small,.snake-stats strong { display:block; }
.snake-stats small { color:var(--muted); font-size:.68rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.snake-stats strong { margin-top:2px; font-size:1.35rem; line-height:1.1; }
.snake-toolbar .btn span { margin-right:5px; }
.snake-board-shell { overflow:hidden; border:1px solid rgba(34,211,238,.22); border-radius:24px; background:#071922; box-shadow:0 24px 60px rgba(7,25,34,.22); }
.snake-board-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 15px; color:#dffaff; background:linear-gradient(90deg,#081b25,#101a2e); border-bottom:1px solid rgba(103,232,249,.12); }
.snake-board-topline > span { display:flex; align-items:center; gap:8px; font-size:.76rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.snake-board-topline i { width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 14px #34d399; }
.snake-board-topline small { color:#92b8c8; font-weight:750; }
.snake-board-wrap { position:relative; width:min(100%,660px); margin:0 auto; overflow:hidden; background:#071922; aspect-ratio:1; }
#volunteerSnakeCanvas { display:block; width:100%; height:100%; touch-action:none; }
.snake-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(4,18,28,.62); color:#fff; text-align:center; backdrop-filter:blur(8px); transition:opacity .2s ease; }
.snake-overlay.hidden { display:none; }
.snake-overlay-card { display:flex; width:min(360px,92%); flex-direction:column; align-items:center; gap:8px; padding:24px 22px; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:linear-gradient(145deg,rgba(15,35,48,.9),rgba(20,24,45,.9)); box-shadow:0 24px 60px rgba(0,0,0,.3); }
.snake-overlay-icon { font-size:2.4rem; filter:drop-shadow(0 0 16px rgba(52,211,153,.45)); }
.snake-overlay strong { font-size:1.75rem; }
.snake-overlay span:not(.snake-overlay-icon) { color:#d5edf5; line-height:1.5; }
.snake-overlay small { color:#8fc7d8; font-weight:750; }
.snake-flash { position:absolute; inset:0; pointer-events:none; opacity:0; background:radial-gradient(circle at center,rgba(255,218,104,.34),transparent 55%); }
.snake-flash.active { animation:snakeFlash .42s ease-out; }
@keyframes snakeFlash { 0%{opacity:0} 35%{opacity:1} 100%{opacity:0} }
.snake-controls { display:none; width:226px; margin:17px auto 0; text-align:center; }
.snake-controls > div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:8px; }
.snake-controls button { width:64px; height:52px; border:1px solid var(--border); border-radius:15px; background:linear-gradient(180deg,var(--surface),var(--surface-soft)); color:var(--text); box-shadow:0 7px 16px rgba(15,23,42,.08); font-size:1.3rem; font-weight:900; cursor:pointer; transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease; }
.snake-controls button:hover { transform:translateY(-2px); border-color:var(--primary); box-shadow:0 10px 20px rgba(15,23,42,.12); }
.snake-controls button:active { transform:scale(.95); }
.snake-controls > button { margin:0 auto; }
.game-help { margin:15px 0 0; text-align:center; }
.game-help span { font-weight:850; color:var(--text); }
.game-placeholder-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.game-placeholder-grid article { display:grid; gap:5px; place-items:center; padding:22px 14px; border:1px dashed var(--border-strong,var(--border)); border-radius:16px; background:var(--surface-soft); text-align:center; transition:transform .18s ease,border-color .18s ease; }
.game-placeholder-grid article:hover { transform:translateY(-2px); border-color:var(--primary); }
.game-placeholder-grid article > span { font-size:1.65rem; }
.game-placeholder-grid small { color:var(--muted); }
html.app-dark .snake-hero-tags span { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.08); color:var(--app-muted); }
html.app-dark .snake-game-panel { background:linear-gradient(180deg,var(--app-surface),var(--app-surface-soft)); }
html.app-dark .snake-stats > div { background:var(--app-surface-raised); border-color:var(--app-border); box-shadow:none; }
@media (prefers-reduced-motion:reduce){ .snake-flash.active{animation:none}.snake-controls button,.game-placeholder-grid article{transition:none} }

/* Zaufane urządzenie dla E2EE */
.messenger-trusted-device { align-items: flex-start; padding: 12px 13px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); line-height: 1.45; }
.messenger-trusted-device input { margin-top: 3px; }

/* Wideorozmowy 7–20 osób: gęstsza, adaptacyjna siatka. */
.messenger-call-grid.medium-call { grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: minmax(155px,1fr); }
.messenger-call-grid.large-call { grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows: minmax(130px,1fr); }
.messenger-call-grid.count-10,
.messenger-call-grid.count-11,
.messenger-call-grid.count-12,
.messenger-call-grid.count-13,
.messenger-call-grid.count-14,
.messenger-call-grid.count-15,
.messenger-call-grid.count-16 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.messenger-call-grid.count-17,
.messenger-call-grid.count-18,
.messenger-call-grid.count-19,
.messenger-call-grid.count-20 { grid-template-columns: repeat(5,minmax(0,1fr)); }
.messenger-call-grid.large-call .messenger-call-tile,
.messenger-call-grid.large-call .messenger-call-tile video { min-height: 125px; }
.messenger-call-grid.large-call .messenger-call-placeholder .messenger-call-avatar { width: 54px; height: 54px; font-size: 17px; }
.messenger-call-grid.large-call .messenger-call-tile > div:not(.messenger-call-placeholder),
.messenger-call-grid.large-call .messenger-call-tile > footer { left: 7px; bottom: 7px; padding: 5px 7px; }

/* Audyt zwykłego trybu ciemnego — aktywne i wcześniej twardo zakodowane jasne powierzchnie. */
html.app-dark .access-tile { background: var(--app-surface); color: var(--app-text); border-color: var(--app-border); }
html.app-dark .access-tile h2,
html.app-dark .access-head h1,
html.app-dark .access-head strong { color: var(--app-text); }
html.app-dark .access-tile p,
html.app-dark .access-help p { color: var(--app-muted); }
html.app-dark .access-state { color: var(--app-link); }
html.app-dark .access-icon { background: var(--app-selected-bg); color: var(--app-link); }
html.app-dark .access-tile:not(.locked):hover { border-color: var(--app-border-strong); box-shadow: var(--app-shadow); }
html.app-dark .access-tile.locked { opacity: .62; }

html.app-dark .communication-channel { color: var(--app-text); }
html.app-dark .communication-channel > span:first-child { background: var(--app-surface-soft); color: var(--app-text); }
html.app-dark .communication-channel small { color: var(--app-muted); }
html.app-dark .communication-channel:hover { background: var(--app-hover-bg); }
html.app-dark .communication-channel.active { border-color: var(--app-primary); background: var(--app-selected-bg); color: #fff; box-shadow: inset 3px 0 0 var(--app-primary); }
html.app-dark .communication-channel.active strong,
html.app-dark .communication-channel.active small,
html.app-dark .communication-channel.active > span:first-child { color: #fff; }
html.app-dark .communication-channel.active > span:first-child { background: rgba(255,255,255,.12); }
html.app-dark .communication-rules { background: var(--app-surface-soft); color: var(--app-text); border: 1px solid var(--app-border); }
html.app-dark .communication-rules p { color: var(--app-muted); }
html.app-dark .communication-topic-card,
html.app-dark .communication-post,
html.app-dark .communication-file,
html.app-dark .communication-reply-form,
html.app-dark .communication-channel-admin-list article { background: var(--app-surface); color: var(--app-text); border-color: var(--app-border); }
html.app-dark .communication-topic-card.unread { background: linear-gradient(145deg,var(--app-selected-bg),var(--app-surface)); }
html.app-dark .communication-file-icon { background: var(--app-surface-soft); color: var(--app-text); }

html.app-dark :where(
  .segmented-control, .filter-tabs, .tabs, .view-tabs, .dashboard-picker-row,
  .reward-card, .reward-pickup-alert, .game-best, .game-placeholder-grid article,
  .volunteer-games-intro, .snake-game-panel, .games-coming-soon,
  .messenger-trusted-device
) { background: var(--app-surface); color: var(--app-text); border-color: var(--app-border); }
html.app-dark :where(
  .segmented-control button.active, .segmented-control button[aria-selected="true"],
  .filter-tabs button.active, .tabs button.active, .view-tabs button.active,
  [role="tab"][aria-selected="true"], .dashboard-picker-row.active,
  .path-select-card:has(input:checked), .check-card:has(input:checked),
  .accessibility-option.active
) { background: var(--app-selected-bg); color: #fff; border-color: var(--app-primary); }
html.app-dark :where(
  .segmented-control button.active, .segmented-control button[aria-selected="true"],
  .filter-tabs button.active, .tabs button.active, .view-tabs button.active,
  [role="tab"][aria-selected="true"], .dashboard-picker-row.active
) :where(small,span,strong) { color: inherit; }
html.app-dark :where(.reward-card p,.game-placeholder-grid small,.reward-pickup-alert small,.game-help) { color: var(--app-muted); }
html.app-dark .reward-pickup-alert { background: var(--app-success-soft); border-color: var(--app-success); }
html.app-dark .reward-ready { background: var(--app-success-soft); color: var(--app-success-text); }
html.app-dark .reward-pending { background: var(--app-warning-soft); color: var(--app-warning-text); }
html.app-dark .reward-missing-points { color: var(--app-warning-text); }
html.app-dark .games-hero-icon,
html.app-dark .game-best { background: var(--app-surface-raised); color: var(--app-text); }
html.app-dark .volunteer-games-intro { background: linear-gradient(135deg,var(--app-selected-bg),var(--app-surface)); }
html.app-dark .snake-controls button { background: var(--app-surface-soft); color: var(--app-text); border-color: var(--app-border); }

html.app-dark input::placeholder,
html.app-dark textarea::placeholder { color: #8296a5; opacity: 1; }
html.app-dark :disabled { opacity: .68; }
html.app-dark :where(.table-note,.section-label,.form-help,.field-help,.subtle,.helper-text) { color: var(--app-muted); }
html.app-dark :where(.calendar-cell.selected,.calendar-cell.today.selected,.calendar-agenda-item.selected) { background: var(--app-selected-bg); color: var(--app-text); border-color: var(--app-primary); }
html.app-dark :where(.dropdown-menu,.context-menu,.popover,.menu-popover) { background: var(--app-surface-raised); color: var(--app-text); border-color: var(--app-border); box-shadow: var(--app-shadow); }
html.app-dark :where(.dropdown-menu,.context-menu,.popover,.menu-popover) button:hover { background: var(--app-hover-bg); color: var(--app-text); }

@media (max-width: 1100px) {
  .reward-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .messenger-call-grid.large-call,
  .messenger-call-grid.count-17,
  .messenger-call-grid.count-18,
  .messenger-call-grid.count-19,
  .messenger-call-grid.count-20 { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 800px) {
  .snake-controls { display: block; }
  .reward-grid, .game-placeholder-grid { grid-template-columns: 1fr; }
  .reward-pickup-alert, .volunteer-games-intro { align-items: stretch; grid-template-columns: 1fr; flex-direction: column; }
  .messenger-call-grid.medium-call,
  .messenger-call-grid.large-call,
  .messenger-call-grid.count-7,
  .messenger-call-grid.count-8,
  .messenger-call-grid.count-9,
  .messenger-call-grid.count-10,
  .messenger-call-grid.count-11,
  .messenger-call-grid.count-12,
  .messenger-call-grid.count-13,
  .messenger-call-grid.count-14,
  .messenger-call-grid.count-15,
  .messenger-call-grid.count-16,
  .messenger-call-grid.count-17,
  .messenger-call-grid.count-18,
  .messenger-call-grid.count-19,
  .messenger-call-grid.count-20 { grid-template-columns: 1fr; grid-auto-rows: minmax(245px,70vh); }
}
@media (max-width: 560px) {
  .reward-pickup-alert { display: flex; flex-direction: column; align-items: flex-start; }
  .snake-toolbar { align-items: stretch; flex-direction: column; }
  .snake-toolbar .page-actions { display: grid; grid-template-columns: 1fr 1fr; }
}

.volunteer-rewards-teaser { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid #d4c4f0; border-radius: 18px; background: #f7f1ff; }
.volunteer-rewards-teaser.ready { border-color: #8fd2b5; background: #eaf9f2; }
.volunteer-rewards-teaser > span { font-size: 1.75rem; }
.volunteer-rewards-teaser strong, .volunteer-rewards-teaser p { display: block; margin: 0; }
.volunteer-rewards-teaser p { margin-top: 4px; color: var(--muted); }
html.app-dark .volunteer-rewards-teaser { background: var(--app-selected-bg); color: var(--app-text); border-color: var(--app-primary); }
html.app-dark .volunteer-rewards-teaser.ready { background: var(--app-success-soft); border-color: var(--app-success); }
html.app-dark .volunteer-rewards-teaser p { color: var(--app-muted); }
@media (max-width: 650px) { .volunteer-rewards-teaser { grid-template-columns: auto minmax(0,1fr); } .volunteer-rewards-teaser .btn { grid-column: 1 / -1; width: 100%; } }




/* AppSystem bundle source: styles/172-contract-generator-3110.css */
/* AppSystem 3.11.0 - generator umów i dane projektowe */
.contract-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.contract-type-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-soft)}.contract-type-card .btn{grid-column:1/-1;justify-self:start}.contract-type-card.disabled{opacity:.68}.contract-type-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--primary-soft);font-size:24px}.contract-help-panel{margin-top:18px}.contract-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contract-step-grid>div{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface-muted)}.contract-step-grid b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff}.contract-step-grid span{line-height:1.45}.contract-project-status{display:grid;gap:5px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-muted)}.contract-project-status.ready{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:color-mix(in srgb,var(--success) 10%,var(--panel))}.contract-project-status.partial{border-color:color-mix(in srgb,var(--warning) 50%,var(--line));background:color-mix(in srgb,var(--warning) 10%,var(--panel))}.contract-project-status img{display:block;max-width:100%;max-height:86px;object-fit:contain;background:#fff;border-radius:8px;padding:5px;margin-top:8px}.contract-logo-upload-preview{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--surface-muted)}.contract-logo-upload-preview img{width:min(260px,45%);height:64px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.contract-logo-upload-preview div{display:grid;gap:4px}.project-contract-data-panel{display:grid;gap:16px}.project-contract-data-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:18px}.project-contract-data-grid>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-muted)}.project-contract-data-grid small{display:block;margin-bottom:7px;font-weight:700;color:var(--text-muted)}.project-contract-data-grid p{margin:0;line-height:1.55}.project-contract-data-grid img{display:block;max-width:100%;max-height:100px;object-fit:contain;background:#fff;border-radius:9px;padding:6px;margin-bottom:8px}.project-contract-assets input[type=file]{padding:10px;background:var(--panel)}
html[data-theme="dark"] .contract-type-card,html[data-theme="dark"] .contract-step-grid>div,html[data-theme="dark"] .contract-project-status,html[data-theme="dark"] .contract-logo-upload-preview,html[data-theme="dark"] .project-contract-data-grid>div{color:var(--text);border-color:var(--line)}
@media(max-width:850px){.contract-type-grid,.contract-step-grid,.project-contract-data-grid{grid-template-columns:1fr}.contract-logo-upload-preview{align-items:flex-start;flex-direction:column}.contract-logo-upload-preview img{width:100%;max-width:100%}}





/* AppSystem bundle source: styles/173-contract-workspace-3130.css */
/* AppSystem 3.13.0 - rejestr umów, zatwierdzanie zmian i zakładka rachunków */
.contract-workspace-tabs{display:flex;gap:10px;overflow-x:auto;padding:5px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.contract-workspace-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 15px;border:1px solid transparent;border-radius:14px 14px 0 0;background:transparent;color:var(--text-muted);font:inherit;font-weight:750;cursor:pointer}
.contract-workspace-tab:hover{background:var(--surface-muted);color:var(--text)}
.contract-workspace-tab.active{border-color:var(--line);border-bottom-color:var(--panel);background:var(--panel);color:var(--primary);box-shadow:0 -4px 18px rgba(20,40,70,.05)}
.contract-workspace-tab small{padding:2px 6px;border-radius:999px;background:var(--surface-muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.contract-tab-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px}
.contract-workspace-section{display:grid;gap:18px}.contract-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.contract-section-heading h2{margin:0 0 5px}.contract-section-heading p{margin:0;max-width:850px;color:var(--text-muted);line-height:1.5}
.contract-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.contract-stats>div{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.contract-stats span{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.035em}.contract-stats strong{font-size:22px}
.contract-archive-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(145px,.75fr)) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface-muted)}.contract-archive-filters label{display:grid;gap:5px;font-size:12px;font-weight:750}.contract-archive-filters input,.contract-archive-filters select{min-width:0}.contract-filter-actions{display:flex;gap:7px;align-items:center;padding-bottom:1px}
.managed-contract-list{display:grid;gap:12px}.managed-contract-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.managed-contract-card.has-request{border-color:color-mix(in srgb,var(--warning) 58%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 10%,transparent)}
.managed-contract-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:18px}.managed-contract-icon.large{width:56px;height:56px;font-size:22px}.managed-contract-main{min-width:0}.managed-contract-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.managed-contract-title small{display:block;color:var(--text-muted);font-weight:700}.managed-contract-title h3{margin:3px 0 0;overflow-wrap:anywhere}.managed-contract-meta{display:flex;gap:7px 18px;flex-wrap:wrap;margin-top:9px;color:var(--text-muted);font-size:13px}.managed-contract-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.contract-status{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.contract-status.generated{background:var(--primary-soft);color:var(--primary)}.contract-status.signed{background:color-mix(in srgb,var(--success) 14%,var(--panel));color:var(--success)}.contract-status.completed{background:color-mix(in srgb,#6b55d9 14%,var(--panel));color:#5b45c7}.contract-status.cancelled{background:color-mix(in srgb,var(--danger) 12%,var(--panel));color:var(--danger)}
.contract-request-badge{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--warning) 15%,var(--panel));color:color-mix(in srgb,var(--warning) 75%,#4b3500);font-size:12px;font-weight:800}
.contract-detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:18px}.contract-detail-head h2{margin:0}.contract-detail-head p{margin:2px 0}.contract-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}.contract-duty-list{margin:8px 0 0;padding-left:22px}.contract-duty-list li{margin:5px 0;line-height:1.45}.contract-status-editor{display:flex;align-items:end;gap:10px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-muted)}.contract-status-editor label{display:grid;gap:5px;min-width:220px}
.contract-approval-panel{display:grid;gap:13px;padding:16px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--warning) 55%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--warning) 8%,var(--panel))}.contract-approval-panel.delete{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--panel))}.contract-approval-panel h3{margin:0}.contract-approval-panel p{margin:4px 0}.contract-change-comparison{display:grid;gap:7px}.contract-change-comparison>div{display:grid;grid-template-columns:130px minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:11px;background:var(--panel)}.contract-change-comparison .old{text-decoration:line-through;color:var(--text-muted)}.contract-change-comparison .new{font-weight:750}.contract-change-comparison .arrow{color:var(--text-muted)}
.contract-bill-coming{justify-items:center;text-align:center;max-width:850px;margin:15px auto;padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow-soft)}.contract-bill-coming>p{max-width:720px;line-height:1.55}.contract-coming-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--primary-soft);font-size:34px}.contract-bill-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.contract-bill-roadmap>div{display:flex;align-items:center;gap:10px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface-muted)}.contract-bill-roadmap b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff}.contract-bill-coming .info-note{width:100%;text-align:left}
html[data-theme="dark"] .contract-workspace-tab.active,html[data-theme="dark"] .managed-contract-card,html[data-theme="dark"] .contract-stats>div,html[data-theme="dark"] .contract-bill-coming,html[data-theme="dark"] .contract-change-comparison>div{color:var(--text);border-color:var(--line)}
@media(max-width:1100px){.contract-archive-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-search{grid-column:span 2}.contract-filter-actions{align-self:end}.contract-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.contract-section-heading{display:grid}.contract-section-heading .btn{width:100%}.managed-contract-card{grid-template-columns:auto 1fr}.managed-contract-actions{grid-column:1/-1;justify-content:stretch}.managed-contract-actions .btn{flex:1}.managed-contract-title{display:grid}.contract-archive-filters{grid-template-columns:1fr}.contract-search{grid-column:auto}.contract-filter-actions .btn{flex:1}.contract-stats{grid-template-columns:1fr 1fr}.contract-bill-roadmap{grid-template-columns:1fr}.contract-detail-head{grid-template-columns:auto 1fr}.contract-detail-head>.contract-status{grid-column:2}.contract-change-comparison>div{grid-template-columns:1fr}.contract-change-comparison .arrow{transform:rotate(90deg);justify-self:center}.contract-status-editor{display:grid}.contract-status-editor label{min-width:0}}
@media(max-width:460px){.contract-stats{grid-template-columns:1fr}.contract-workspace-tab{padding:10px 11px}.contract-detail-actions .btn{width:100%}}




/* AppSystem bundle source: styles/174-contract-receipts-3140.css */
/* AppSystem 3.14.0-v25 — szczegółowe rachunki do umów */
.receipt-start-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.1rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(0,67,129,.07),rgba(255,255,255,.72));margin-bottom:1rem}.receipt-start-panel>div{flex:1}.receipt-start-panel label{display:grid;gap:.45rem;font-weight:700}.receipt-start-panel select{width:100%;min-height:44px}.receipt-legal-note{padding:.9rem 1rem;border-left:4px solid #b36b00;border-radius:10px;background:rgba(255,185,72,.13);margin:0 0 1rem;line-height:1.5}.receipt-contract-summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-subtle,#f7f9fc);margin-bottom:1rem}.receipt-contract-summary h3{margin:.1rem 0}.receipt-contract-summary>div:last-child{display:grid;grid-template-columns:auto auto;gap:.2rem .7rem;align-content:start;text-align:right}.receipt-hours-editor{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:14px;background:rgba(0,67,129,.025)}.contract-section-heading.compact{align-items:center;margin-bottom:.7rem}.contract-section-heading.compact h3,.contract-section-heading.compact h4{margin:0}.receipt-hour-row{display:grid;grid-template-columns:minmax(135px,.7fr) minmax(220px,2fr) minmax(95px,.5fr) auto;gap:.65rem;align-items:end;margin:.55rem 0}.receipt-hour-row label{margin:0}.receipt-hour-row .grow{min-width:0}.receipt-contribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.receipt-contribution-grid fieldset{border:1px solid var(--border);border-radius:13px;padding:.85rem}.receipt-contribution-grid legend{padding:0 .35rem;font-weight:800}.receipt-contribution-grid label{display:flex;align-items:center;gap:.5rem;margin:.55rem 0}.receipt-contribution-grid.is-disabled{opacity:.64}.receipt-contribution-grid.is-disabled:after{content:"Pola ustawia automatycznie wybrany profil. Wybierz „Ustawienia indywidualne”, aby je zmieniać.";grid-column:1/-1;font-size:.86rem;color:var(--muted)}.receipt-calculation-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.8rem 0}.receipt-calculation-preview>div{display:flex;justify-content:space-between;gap:.8rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:11px;background:var(--surface,#fff)}.receipt-calculation-preview span{color:var(--muted);font-size:.9rem}.receipt-calculation-preview strong{text-align:right}.receipt-calculation-preview .receipt-net{border-color:rgba(20,130,79,.4);background:rgba(20,130,79,.09)}.receipt-calculation-preview .receipt-net strong{font-size:1.1rem;color:#0d7040}.receipt-calculation-preview .receipt-cost{border-color:rgba(0,67,129,.35);background:rgba(0,67,129,.08)}.receipt-warning-list{display:grid;gap:.35rem;margin:.6rem 0}.receipt-warning-list p{margin:0;padding:.6rem .75rem;border-radius:9px;background:rgba(255,185,72,.14);font-size:.9rem}.checkbox-row.important{padding:.8rem;border:1px solid rgba(179,107,0,.4);border-radius:11px;background:rgba(255,185,72,.1);font-weight:700}.managed-contract-icon.receipt{background:linear-gradient(145deg,#0b7b59,#38a47e);color:#fff}.receipt-card .managed-contract-title h3{color:var(--text)}.contract-receipts-panel{border-color:rgba(11,123,89,.25)}.contract-receipt-mini-list{display:grid;gap:.45rem}.contract-receipt-mini-list>button{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;text-align:left;padding:.7rem .8rem;border:1px solid var(--border);border-radius:11px;background:var(--surface,#fff);cursor:pointer}.contract-receipt-mini-list>button:hover{border-color:rgba(0,67,129,.5);box-shadow:0 4px 14px rgba(0,45,90,.08)}.contract-receipt-mini-list span{display:grid;gap:.18rem}.contract-receipt-mini-list small{color:var(--muted)}.contract-receipt-mini-list i{font-style:normal;white-space:nowrap}.contract-status.status-approved{background:rgba(92,67,170,.12);color:#59409e;border-color:rgba(92,67,170,.25)}.receipt-generator-form .form-section{scroll-margin-top:1rem}.receipt-generator-form [hidden]{display:none!important}.receipt-generator-form .span-2{grid-column:span 2}.receipt-generator-form textarea{min-height:86px}.receipt-generator-form .alert.info{line-height:1.5}.receipt-generator-form input:disabled{cursor:not-allowed}.receipt-cost-note{font-size:.86rem;color:var(--muted)}
@media(max-width:850px){.receipt-start-panel,.receipt-contract-summary{align-items:stretch;flex-direction:column}.receipt-start-panel .btn{width:100%}.receipt-contribution-grid,.receipt-calculation-preview{grid-template-columns:1fr}.receipt-hour-row{grid-template-columns:1fr 1fr}.receipt-hour-row .grow{grid-column:1/-1}.receipt-hour-row button{justify-self:end}.receipt-generator-form .span-2{grid-column:1/-1}}
@media(max-width:540px){.receipt-hour-row{grid-template-columns:1fr}.receipt-hour-row .grow{grid-column:auto}.receipt-contract-summary>div:last-child{grid-template-columns:1fr 1fr;text-align:left}.contract-receipt-mini-list>button{align-items:flex-start;flex-direction:column}.receipt-calculation-preview>div{align-items:flex-start;flex-direction:column}}





/* AppSystem bundle source: styles/175-contracts-payroll-3150.css */
/* AppSystem 3.15.0-v25 — poprawki zapisu, kalkulator i kontrola rozliczeń */
.receipt-rate-check{display:grid;gap:.3rem;padding:1rem 1.1rem;margin:.75rem 0;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.receipt-rate-check strong{font-size:1.15rem}.receipt-rate-check small{color:var(--muted)}
.receipt-rate-check.valid{border-color:#75b995;background:color-mix(in srgb,#e8f7ef 75%,var(--surface))}
.receipt-rate-check.invalid{border-color:#d77b7b;background:color-mix(in srgb,#fff0f0 75%,var(--surface))}
.receipt-fp-settings{margin-top:1rem;padding:1rem;border:1px dashed var(--border);border-radius:14px;background:var(--surface-soft)}
.payroll-calculator-form{display:grid;gap:1.2rem}.payroll-calculator-form [hidden]{display:none!important}
.calculator-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}
.calculator-detail-grid>div{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}
.calculator-detail-grid span{font-size:.82rem;color:var(--muted)}
.payroll-rates-manager{margin-top:1.25rem}.payroll-rates-manager table{width:100%;border-collapse:collapse}.payroll-rates-manager th,.payroll-rates-manager td{padding:.65rem;border-bottom:1px solid var(--border);text-align:left}
.contract-status-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;align-items:end;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.contract-settlement-meter{height:10px;overflow:hidden;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);margin:.65rem 0 1rem}.contract-settlement-meter span{display:block;height:100%;background:var(--primary);border-radius:inherit}
@media(max-width:850px){.calculator-detail-grid,.contract-status-editor{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.calculator-detail-grid,.contract-status-editor{grid-template-columns:1fr}}



/* AppSystem 3.16.0: ewidencje godzin i aneksy */

/* AppSystem bundle source: styles/176-contract-timesheets-annexes-3160.css */
/* AppSystem 3.16.0-v25 — ewidencje godzin, aneksy i rachunki powiązane */
.contract-time-entry{display:grid;grid-template-columns:minmax(145px,.7fr) minmax(260px,2.2fr) minmax(110px,.55fr) auto;gap:.65rem;align-items:end;padding:.8rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.contract-time-entry+.contract-time-entry{margin-top:.65rem}.contract-time-entry .grow{min-width:0}.contract-time-entry .btn{min-height:42px}
.time-sheet-selector{display:grid;gap:.65rem;margin:.85rem 0 1rem}.time-sheet-select-row{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.time-sheet-select-row:hover{border-color:var(--primary)}.time-sheet-select-row:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}.time-sheet-select-row input{margin-top:.2rem}.time-sheet-select-row span{display:grid;gap:.2rem}.time-sheet-select-row small{color:var(--muted);line-height:1.45}
.contract-effective-terms{padding:.9rem 1rem;margin-top:.8rem;border-left:4px solid var(--primary);border-radius:10px;background:var(--surface-soft);line-height:1.55}
.receipt-auto-values{margin-top:1rem}.receipt-auto-values input[readonly]{font-weight:700;background:var(--surface-soft);color:var(--text)}
.receipt-informational-preview{margin-top:.75rem;padding:.75rem .9rem;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:.9rem;line-height:1.5;background:var(--surface-soft)}
.managed-contract-card.is-orphan{border-color:#d98989;background:color-mix(in srgb,#fff2f2 70%,var(--surface))}.contract-request-badge.orphan{background:#8f2929;color:#fff}.managed-contract-card.is-orphan .managed-contract-icon{background:#8f2929;color:#fff}
.contract-time-sheet-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:.8rem 0}.contract-time-sheet-summary>div{display:grid;gap:.25rem;padding:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.contract-time-sheet-summary small{color:var(--muted)}
.annex-change-list{display:grid;gap:.45rem;margin:.65rem 0;padding-left:1.2rem}.annex-change-list li{line-height:1.45}
@media(max-width:900px){.contract-time-entry{grid-template-columns:1fr 1fr}.contract-time-entry .grow{grid-column:1/-1}.contract-time-sheet-summary{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.contract-time-entry{grid-template-columns:1fr}.contract-time-entry .grow{grid-column:auto}.contract-time-entry .btn{width:100%}.contract-time-sheet-summary{grid-template-columns:1fr}.time-sheet-select-row{padding:.75rem}}



/* AppSystem 3.18.0: aneksy i rachunki */

/* AppSystem bundle source: styles/177-contract-annex-receipts-3170.css */
/* AppSystem 3.17.0 - aneksy, usuwanie i walidacja rachunków */
.annex-terms-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.annex-terms-comparison>div{display:grid;gap:4px;padding:14px;border:1px solid var(--border,#d8dee8);border-radius:14px;background:var(--surface-soft,#f7f9fc)}.annex-terms-comparison small{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.annex-terms-comparison strong{font-size:1.05rem}.managed-contract-card .approval-request-box{margin-top:10px}@media(max-width:720px){.annex-terms-comparison{grid-template-columns:1fr}}



/* AppSystem 3.18.0: dokumenty umów, aneksy, ewidencje i rachunki */

/* AppSystem bundle source: styles/178-contract-documents-3180.css */
/* AppSystem 3.18.0 — dokumenty umów, aneksy, ewidencje i rachunki */
.annex-clause-editor {
  border: 1px solid color-mix(in srgb, var(--primary, #315c8a) 28%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface, #fff) 92%, var(--primary, #315c8a));
}
.annex-clause-editor textarea { min-height: 8rem; }
.receipt-generator-form textarea[name="serviceDescription"] { min-height: 7rem; }
.receipt-generator-form input[readonly],
.receipt-generator-form select:disabled {
  background: color-mix(in srgb, var(--surface-muted, #f1f4f8) 88%, transparent);
  cursor: not-allowed;
}
.contract-time-entry { align-items: end; }
.time-sheet-select-row small { display: block; margin-top: .25rem; }
@media (max-width: 760px) {
  .annex-clause-editor .form-grid { grid-template-columns: 1fr; }
  .annex-clause-editor .span-2 { grid-column: auto; }
}




/* AppSystem bundle source: styles/179-stability-3190.css */
/* AppSystem 3.19.0-v25 — poprawki stabilności i czytelności */
.profile-photo-crop-preview canvas{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.profile-photo-crop-preview img{display:none!important}

.volunteer-group-card .card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}
.volunteer-group-card .card-top>div{min-width:0;max-width:100%}
.volunteer-group-card .card-top p,.volunteer-group-card .card-top h3{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.volunteer-group-card .card-top>.status{justify-self:end;align-self:start;white-space:nowrap;flex:0 0 auto}

.notification-action{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;cursor:pointer}
.notification-action span{min-width:0;overflow-wrap:anywhere}
.notification-action strong{flex:0 0 auto;white-space:nowrap}
.notification-action:hover{filter:brightness(.98);transform:translateY(-1px)}

.reward-manager-card,.reward-claim-card{min-width:0}
.reward-manager-card>div,.reward-claim-card>div{min-width:0}
.reward-manager-card p,.reward-claim-card span,.reward-claim-card small{overflow-wrap:anywhere}

html.app-dark{--app-muted:#ced9e2;--app-sidebar-muted:#c7d5df;--app-neutral-text:#d8e2e9;--app-border:#455b6b;--app-border-strong:#698093}
html.app-dark :where(.page-header p,.panel-title p,.form-help,.table-note,.card-top p,.notification-read-note,.reward-manager-card p,.reward-manager-card small,.reward-claim-card small){color:#ced9e2!important}
html.app-dark :where(input,select,textarea)::placeholder{color:#afc0cd}
html.app-dark .notification-action strong{color:#dcecff}
html.app-dark .profile-photo-crop{background:var(--app-surface-soft);border-color:var(--app-border)}
html.app-dark .profile-photo-crop-preview{background:#0b141c;border-color:var(--app-border-strong)}

@media(max-width:640px){
  .volunteer-group-card .card-top{grid-template-columns:1fr}
  .volunteer-group-card .card-top>.status{justify-self:start}
  .notification-action{display:grid;gap:8px}
  .notification-action strong{white-space:normal}
}




/* AppSystem bundle source: styles/180-fundraising-3200a.css */
/* AppSystem 3.27.0-A-v25 — strefa Fundraising */
body.fundraising-workspace {
  --fundraising: #8b3f68;
  --fundraising-dark: #6d2e50;
  --fundraising-soft: #f7eaf1;
  --fundraising-accent: #d99c35;
}
body.fundraising-workspace .sidebar { background: #4c1d38; }
body.fundraising-workspace .nav-item:hover,
body.fundraising-workspace .nav-item.active { background: #7a315b; }
body.fundraising-workspace .brand-mark { background: linear-gradient(135deg, #8b3f68, #c5791a); }
body.fundraising-workspace .btn-primary { background: var(--fundraising); }
body.fundraising-workspace .btn-primary:hover { background: var(--fundraising-dark); }
body.fundraising-workspace .eyebrow { color: var(--fundraising); }

html.app-dark body.fundraising-workspace,
html[data-theme="dark"] body.fundraising-workspace {
  --fundraising: #b95f8a;
  --fundraising-dark: #934469;
  --fundraising-soft: #3b2633;
  --fundraising-accent: #d5a24c;
}
html.app-dark body.fundraising-workspace .sidebar,
html[data-theme="dark"] body.fundraising-workspace .sidebar { background: #27131f; }
html.app-dark body.fundraising-workspace .nav-item:hover,
html.app-dark body.fundraising-workspace .nav-item.active,
html[data-theme="dark"] body.fundraising-workspace .nav-item:hover,
html[data-theme="dark"] body.fundraising-workspace .nav-item.active { background: #65304d; }

.fundraising-page-header .muted { max-width: 820px; }
.fundraising-hero {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.fundraising-hero > div {
  min-width: 0;
  padding: 20px;
  border-radius: 20px;
  background: var(--app-surface);
  background: linear-gradient(145deg, var(--app-surface), color-mix(in srgb, var(--fundraising-soft, #f7eaf1) 70%, var(--app-surface)));
  border: 1px solid var(--app-border);
  box-shadow: var(--app-shadow);
  display: grid;
  gap: 8px;
}
.fundraising-hero > div:first-child { grid-column: span 1; }
.fundraising-hero span, .fundraising-hero small { color: var(--app-muted); }
.fundraising-hero strong { font-size: clamp(1.45rem, 3vw, 2rem); overflow-wrap: anywhere; }
.fundraising-hero.compact strong { font-size: 1.55rem; }
.fundraising-progress { height: 9px; background: var(--app-neutral-soft); border-radius: 999px; overflow: hidden; }
.fundraising-progress i { display: block; height: 100%; background: linear-gradient(90deg, var(--fundraising, #8b3f68), var(--fundraising-accent, #d99c35)); border-radius: inherit; }
.fundraising-dashboard-grid, .fundraising-report-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 18px; margin-bottom: 18px; }
.fundraising-empty { gap: 12px; min-height: 150px; }
.fundraising-empty .btn { justify-self: center; }

.fundraising-task-list { display: grid; gap: 10px; }
.fundraising-task-row {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--app-border);
  border-radius: 14px;
  background: var(--app-surface);
}
.fundraising-task-row.is-overdue { border-left: 5px solid var(--app-danger); }
.fundraising-task-row.is-soon { border-left: 5px solid var(--app-warning); }
.fundraising-task-row > div { min-width: 0; display: grid; gap: 2px; }
.fundraising-task-row strong, .fundraising-task-row span, .fundraising-task-row small { overflow-wrap: anywhere; }
.fundraising-task-row > div span, .fundraising-task-row > div small { color: var(--app-muted); }
.fundraising-task-check {
  width: 32px; height: 32px; border: 2px solid var(--app-border-strong); border-radius: 10px;
  background: var(--app-surface); color: var(--app-on-primary); font-weight: 900;
}
.fundraising-task-check.is-done { background: var(--app-success); border-color: var(--app-success); }
.fundraising-compact-list { display: grid; gap: 8px; }
.fundraising-compact-list > button {
  width: 100%; border: 1px solid var(--app-border); border-radius: 13px; background: var(--app-surface-soft);
  color: var(--app-text); padding: 12px; display: grid; gap: 3px; text-align: left;
}
.fundraising-compact-list > button:hover { border-color: var(--fundraising, var(--app-primary)); background: var(--app-selected-bg); }
.fundraising-compact-list span, .fundraising-compact-list small { color: var(--app-muted); }

.fundraising-timeline { display: grid; gap: 0; }
.fundraising-timeline article { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--app-border); }
.fundraising-timeline article:last-child { border-bottom: 0; }
.fundraising-timeline article > span { color: var(--fundraising, var(--app-primary)); font-weight: 900; }
.fundraising-timeline article div { min-width: 0; }
.fundraising-timeline p { margin: 3px 0; color: var(--app-text); overflow-wrap: anywhere; }
.fundraising-timeline small { color: var(--app-muted); }

.fundraising-goal-grid, .fundraising-relations-grid, .fundraising-portfolio-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fundraising-goal-value, .fundraising-portfolio-value, .fundraising-opportunity-value { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; }
.fundraising-goal-value strong, .fundraising-portfolio-value strong, .fundraising-opportunity-value strong { font-size: 1.65rem; }
.fundraising-goal-value span, .fundraising-portfolio-value span, .fundraising-opportunity-value span { color: var(--app-muted); }
.fundraising-contact-title { display: flex; align-items: center; gap: 12px; min-width: 0; }
.fundraising-contact-title > div { min-width: 0; }
.fundraising-contact-title h3, .fundraising-contact-title p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fundraising-contact-avatar {
  flex: 0 0 auto; width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center;
  background: var(--fundraising-soft, #f7eaf1); color: var(--fundraising, #8b3f68); font-weight: 900;
}
.fundraising-contact-avatar.large { width: 72px; height: 72px; border-radius: 22px; font-size: 1.25rem; }
.fundraising-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.fundraising-tags > span:not(.status) { padding: 5px 9px; border-radius: 999px; background: var(--app-neutral-soft); color: var(--app-neutral-text); font-size: .78rem; font-weight: 800; }
.fundraising-profile-filters { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 5px; }
.fundraising-profile-filters .filter-btn { white-space: nowrap; }

.fundraising-pipeline-summary { display: flex; flex-wrap: wrap; gap: 10px; margin: -5px 0 18px; }
.fundraising-pipeline-summary > span { padding: 10px 13px; border: 1px solid var(--app-border); background: var(--app-surface); border-radius: 12px; color: var(--app-muted); }
.fundraising-pipeline-summary b { color: var(--app-text); }
.fundraising-kanban {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(270px, 305px); gap: 13px;
  overflow-x: auto; align-items: start; padding: 4px 3px 18px; scroll-snap-type: x proximity;
}
.fundraising-kanban-column { border: 1px solid var(--app-border); border-radius: 17px; background: var(--app-surface-soft); overflow: hidden; scroll-snap-align: start; }
.fundraising-kanban-column > header { padding: 13px; border-bottom: 1px solid var(--app-border); background: var(--app-surface); display: grid; gap: 4px; }
.fundraising-kanban-column > header > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fundraising-kanban-column > header span { min-width: 25px; height: 25px; display: grid; place-items: center; border-radius: 999px; background: var(--fundraising-soft, #f7eaf1); color: var(--fundraising, #8b3f68); font-size: .75rem; font-weight: 900; }
.fundraising-kanban-column > header small { color: var(--app-muted); }
.fundraising-kanban-column > div { padding: 10px; display: grid; gap: 9px; max-height: calc(100vh - 310px); overflow-y: auto; }
.fundraising-opportunity-card {
  border: 1px solid var(--app-border); border-radius: 14px; background: var(--app-surface); padding: 12px; display: grid; gap: 10px;
  box-shadow: 0 7px 18px rgba(33,42,74,.05); cursor: pointer;
}
.fundraising-opportunity-card:hover, .fundraising-opportunity-card:focus-visible { border-color: var(--fundraising, var(--app-primary)); transform: translateY(-1px); outline: none; }
.fundraising-opportunity-card.is-overdue { border-left: 5px solid var(--app-danger); }
.fundraising-opportunity-card.is-soon { border-left: 5px solid var(--app-warning); }
.fundraising-opportunity-card > div:first-child { display: grid; gap: 3px; min-width: 0; }
.fundraising-opportunity-card small, .fundraising-opportunity-card span { color: var(--app-muted); overflow-wrap: anywhere; }
.fundraising-opportunity-card > b { font-size: 1.1rem; }
.fundraising-opportunity-meta { display: flex; justify-content: space-between; gap: 8px; font-size: .75rem; }
.fundraising-kanban-empty { color: var(--app-muted); text-align: center; padding: 25px 8px; margin: 0; }

.fundraising-bars { display: grid; gap: 15px; }
.fundraising-bars > div { display: grid; gap: 7px; }
.fundraising-bars header { display: flex; justify-content: space-between; gap: 12px; }
.fundraising-bars header span { color: var(--app-muted); font-size: .83rem; text-align: right; }
.fundraising-bars > div > i { height: 10px; background: var(--app-neutral-soft); border-radius: 99px; overflow: hidden; }
.fundraising-bars > div > i b { display: block; height: 100%; background: linear-gradient(90deg, var(--fundraising, #8b3f68), var(--fundraising-accent, #d99c35)); }
.fundraising-stage-report { display: grid; gap: 9px; }
.fundraising-stage-report > div { display: grid; grid-template-columns: minmax(0,1fr) 45px 105px; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--app-border); }
.fundraising-stage-report > div:last-child { border-bottom: 0; }
.fundraising-stage-report strong, .fundraising-stage-report small { text-align: right; }
.fundraising-stage-report small { color: var(--app-muted); }

.fundraising-profile-modal, .fundraising-opportunity-modal { display: grid; gap: 20px; }
.fundraising-profile-summary { display: flex; gap: 14px; align-items: center; }
.fundraising-profile-summary h2, .fundraising-opportunity-modal h2 { margin: 2px 0; }
.fundraising-profile-summary p { margin: 0; color: var(--app-muted); overflow-wrap: anywhere; }
.fundraising-modal-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.fundraising-profile-modal section, .fundraising-opportunity-modal section { border-top: 1px solid var(--app-border); padding-top: 17px; }

@media (max-width: 1180px) {
  .fundraising-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fundraising-dashboard-grid, .fundraising-report-grid { grid-template-columns: 1fr; }
  .fundraising-goal-grid, .fundraising-relations-grid, .fundraising-portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .fundraising-hero { grid-template-columns: 1fr 1fr; }
  .fundraising-hero > div { padding: 15px; }
  .fundraising-goal-grid, .fundraising-relations-grid, .fundraising-portfolio-grid { grid-template-columns: 1fr; }
  .fundraising-task-row { grid-template-columns: 34px minmax(0,1fr) auto; }
  .fundraising-task-row > .btn { grid-column: 2 / -1; justify-self: start; }
  .fundraising-timeline article { grid-template-columns: 1fr; gap: 4px; }
  .fundraising-profile-summary { align-items: flex-start; }
  .fundraising-stage-report > div { grid-template-columns: minmax(0,1fr) 35px 90px; }
}
@media (max-width: 430px) {
  .fundraising-hero { grid-template-columns: 1fr; }
  .fundraising-kanban { grid-auto-columns: minmax(250px, 88vw); }
  .fundraising-profile-summary { display: grid; }
  .fundraising-contact-avatar.large { width: 58px; height: 58px; }
}



/* AppSystem bundle source: styles/181-fundraising-finance-3200b.css */
/* AppSystem 3.20.0-B — finansowanie, wpływy i opieka po darowiźnie */
.fundraising-finance-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.fundraising-finance-summary > div {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--app-border);
  border-radius: 18px;
  background: var(--app-surface);
  box-shadow: var(--app-shadow-sm);
}
.fundraising-finance-summary span { color: var(--app-muted); font-weight: 700; }
.fundraising-finance-summary strong { font-size: clamp(1.3rem, 2.6vw, 1.85rem); overflow-wrap: anywhere; }

.fundraising-commitment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fundraising-commitment-card,
.fundraising-transaction-card,
.fundraising-batch-card { min-width: 0; }
.fundraising-transaction-list,
.fundraising-batch-list,
.fundraising-ack-list { display: grid; gap: 12px; }
.fundraising-transaction-card { display: grid; gap: 14px; }
.fundraising-transaction-amount { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.fundraising-transaction-amount strong { font-size: 1.65rem; }
.fundraising-transaction-amount span { color: var(--app-muted); overflow-wrap: anywhere; }

.fundraising-installment-list { display: grid; gap: 8px; }
.fundraising-installment-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, auto) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--app-border);
  border-radius: 14px;
  background: var(--app-surface-soft);
}
.fundraising-installment-list article > div { display: grid; gap: 3px; min-width: 0; }
.fundraising-installment-list span,
.fundraising-installment-list small { color: var(--app-muted); }

.fundraising-allocation-row,
.fundraising-credit-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  margin-top: 10px;
  border: 1px solid var(--app-border);
  border-radius: 14px;
  background: var(--app-surface-soft);
}
.fundraising-allocation-row .span-2 { grid-column: span 2; }
.fundraising-credit-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.fundraising-allocation-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.fundraising-allocation-summary > div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--app-border);
  border-radius: 14px;
  background: var(--app-surface-soft);
}
.fundraising-allocation-summary span,
.fundraising-allocation-summary small { color: var(--app-muted); overflow-wrap: anywhere; }

.fundraising-import-table {
  display: grid;
  min-width: 880px;
  border: 1px solid var(--app-border);
  border-radius: 16px;
  overflow: hidden;
}
.fundraising-import-head,
.fundraising-import-row {
  display: grid;
  grid-template-columns: 110px 120px minmax(220px, 1fr) minmax(220px, .8fr) 150px;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
}
.fundraising-import-head { background: var(--app-neutral-soft); font-weight: 900; }
.fundraising-import-row { border-top: 1px solid var(--app-border); background: var(--app-surface); }
.fundraising-import-row > span { min-width: 0; overflow-wrap: anywhere; }
.fundraising-import-row > span:nth-child(3) { display: grid; gap: 3px; }
.fundraising-import-row small { color: var(--app-muted); }
.fundraising-finance-modal .fundraising-import-table { max-width: 100%; }
.modal-body:has(.fundraising-import-table) { overflow-x: auto; }

.fundraising-ack-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--app-border);
  border-radius: 16px;
  background: var(--app-surface);
}
.fundraising-ack-row.is-overdue { border-left: 5px solid var(--app-danger); }
.fundraising-ack-row > div:first-child { display: grid; gap: 3px; min-width: 0; }
.fundraising-ack-row span,
.fundraising-ack-row small { color: var(--app-muted); overflow-wrap: anywhere; }

.fundraising-finance-modal { display: grid; gap: 18px; }
.fundraising-finance-modal section { display: grid; gap: 10px; }

html.app-dark .fundraising-finance-summary > div,
html.app-dark .fundraising-transaction-card,
html.app-dark .fundraising-batch-card,
html.app-dark .fundraising-ack-row,
html[data-theme="dark"] .fundraising-finance-summary > div,
html[data-theme="dark"] .fundraising-transaction-card,
html[data-theme="dark"] .fundraising-batch-card,
html[data-theme="dark"] .fundraising-ack-row { background: var(--app-surface); color: var(--app-text); }

@media (max-width: 1120px) {
  .fundraising-finance-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fundraising-commitment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fundraising-allocation-row,
  .fundraising-credit-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .fundraising-finance-summary,
  .fundraising-commitment-grid,
  .fundraising-allocation-summary { grid-template-columns: 1fr; }
  .fundraising-allocation-row,
  .fundraising-credit-row { grid-template-columns: 1fr; }
  .fundraising-allocation-row .span-2 { grid-column: auto; }
  .fundraising-installment-list article,
  .fundraising-ack-row { grid-template-columns: 1fr; align-items: stretch; }
  .fundraising-ack-row .card-actions { justify-content: flex-start; }
}



/* AppSystem bundle source: styles/182-fundraising-campaigns-3200c.css */
/* AppSystem 3.20.0-C — kampanie, sponsoring, ambasadorzy i zbiórki publiczne */
.fundraising-campaign-grid,.fundraising-collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.fundraising-campaign-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.fundraising-campaign-cover{min-height:126px;padding:16px;display:flex;align-items:flex-start;background:linear-gradient(135deg,#8b3f68,#004381);background-size:cover;background-position:center}.fundraising-campaign-cover span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#372134;font-size:.78rem;font-weight:800}.fundraising-campaign-body{display:grid;gap:14px;padding:18px}.fundraising-campaign-body .card-top h3{margin:0 0 6px}.fundraising-campaign-body .card-top p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fundraising-campaign-numbers{display:flex;align-items:baseline;gap:8px}.fundraising-campaign-numbers strong{font-size:1.7rem}.fundraising-campaign-numbers span{color:var(--muted)}.fundraising-campaign-card .fundraising-progress{margin-bottom:-8px}.fundraising-sponsor-layout,.fundraising-ambassador-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:18px;align-items:start}.fundraising-record-list,.fundraising-package-list,.fundraising-link-list,.fundraising-update-list,.fundraising-submission-list,.fundraising-deliverable-list,.fundraising-box-list{display:grid;gap:12px}.fundraising-record-list>article,.fundraising-package-list>article,.fundraising-update-list>article{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.fundraising-package-list>article{display:grid;gap:9px}.fundraising-package-list>article>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.fundraising-package-list p{margin:0;color:var(--muted)}.fundraising-leaderboard{display:grid;gap:9px}.fundraising-leaderboard>article{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px}.fundraising-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:900}.fundraising-leaderboard>article>div:nth-child(2){display:grid;gap:4px}.fundraising-leaderboard .fundraising-progress{margin-top:4px}.fundraising-link-list>article,.fundraising-submission-list>article,.fundraising-deliverable-list>article,.fundraising-box-list>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.fundraising-link-list>article>div:first-child,.fundraising-submission-list>article>div:first-child,.fundraising-deliverable-list>article>div:first-child,.fundraising-box-list>article>div:first-child{display:grid;gap:3px;min-width:0}.fundraising-link-list code,.fundraising-public-link code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fundraising-collection-grid .panel{display:grid;gap:15px}.fundraising-deadline-strip{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:var(--surface-soft)}.fundraising-deadline-strip.is-soon{background:var(--warning-soft);color:var(--warning-text)}.fundraising-deadline-strip.is-overdue{background:var(--danger-soft);color:var(--danger-text)}.fundraising-legal-note{margin-bottom:18px}.fundraising-campaign-modal,.fundraising-agreement-modal,.fundraising-ambassador-modal,.fundraising-collection-modal{display:grid;gap:20px}.fundraising-modal-actions{display:flex;flex-wrap:wrap;gap:9px}.fundraising-update-list article{position:relative}.fundraising-update-list article>div{display:grid;gap:3px}.fundraising-update-list article p{margin:10px 0}.fundraising-submission-list .card-actions{margin-left:auto}.fundraising-deliverable-list>article.is-overdue{border-color:var(--danger);background:var(--danger-soft)}.fundraising-deliverable-list>article.is-soon{border-color:var(--warning);background:var(--warning-soft)}.fundraising-public-link{padding:12px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-soft)}.fundraising-qr-modal{display:grid;justify-items:center;gap:16px;text-align:center}.fundraising-qr-image{width:min(100%,360px);padding:18px;border-radius:18px;background:#fff}.fundraising-qr-image svg{display:block;width:100%;height:auto}.fundraising-qr-modal code{max-width:100%;overflow-wrap:anywhere}.fundraising-box-list>article>strong{white-space:nowrap}.fundraising-collection-modal section,.fundraising-campaign-modal section,.fundraising-agreement-modal section{display:grid;gap:10px}.fundraising-campaign-modal section h3,.fundraising-agreement-modal section h3,.fundraising-collection-modal section h3{margin:0}.fundraising-campaign-grid .card-actions,.fundraising-record-list .card-actions{display:flex;flex-wrap:wrap;gap:8px}
html.app-dark .fundraising-campaign-card,html.app-dark .fundraising-record-list>article,html.app-dark .fundraising-package-list>article,html.app-dark .fundraising-link-list>article,html.app-dark .fundraising-submission-list>article,html.app-dark .fundraising-deliverable-list>article,html.app-dark .fundraising-box-list>article,html.app-dark .fundraising-update-list>article{border-color:var(--border);background:var(--surface)}html.app-dark .fundraising-campaign-cover span{background:rgba(20,25,34,.94);color:#f5edf2}
@media(max-width:1050px){.fundraising-sponsor-layout,.fundraising-ambassador-layout{grid-template-columns:1fr}}
@media(max-width:720px){.fundraising-campaign-grid,.fundraising-collection-grid{grid-template-columns:1fr}.fundraising-leaderboard>article{grid-template-columns:36px minmax(0,1fr) auto}.fundraising-leaderboard>article>.btn{grid-column:2/-1;width:100%}.fundraising-link-list>article,.fundraising-submission-list>article,.fundraising-deliverable-list>article,.fundraising-box-list>article{align-items:flex-start;flex-direction:column}.fundraising-link-list .card-actions,.fundraising-submission-list .card-actions{width:100%;margin-left:0}.fundraising-link-list .btn,.fundraising-submission-list .btn{flex:1}.fundraising-deadline-strip{flex-direction:column}.fundraising-campaign-cover{min-height:104px}.fundraising-campaign-body{padding:15px}}




/* AppSystem bundle source: styles/183-fundraising-stewardship-3200d.css */
.stewardship-scenario-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stewardship-scenario-card p,.retention-card p,.survey-card p{margin:.75rem 0;color:var(--text-muted);line-height:1.55}.stewardship-enrollment-list,.stewardship-step-list,.survey-response-list{display:grid;gap:.75rem}.stewardship-enrollment-row,.stewardship-step-row,.survey-response-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.stewardship-enrollment-row>div:first-child,.survey-response-row>div{display:grid;gap:.25rem}.stewardship-enrollment-row span,.stewardship-enrollment-row small,.survey-response-row span,.survey-response-row small{color:var(--text-muted)}.stewardship-step-progress{display:grid;text-align:center}.stewardship-step-progress b{font-size:1.15rem}.stewardship-step-progress span{font-size:.78rem}.scenario-step-editor,.survey-question-editor{display:grid;grid-template-columns:120px minmax(180px,1.5fr) 150px 140px auto;gap:.65rem;align-items:end;padding:1rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.scenario-step-description{grid-column:1/-2}.survey-question-editor{grid-template-columns:minmax(220px,2fr) 160px minmax(180px,1fr) 130px auto}.retention-kpis strong{font-variant-numeric:tabular-nums}.retention-status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem;margin:1rem 0}.retention-status-strip>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.retention-status-strip span{font-size:.8rem;color:var(--text-muted)}.retention-status-strip strong{font-size:1.15rem}.retention-table-wrap{overflow:auto}.retention-table td:first-child strong,.retention-table td:first-child small{display:block}.health-score{position:relative;min-width:120px;height:28px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.health-score i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--danger),var(--warning),var(--success));opacity:.75}.health-score b{position:relative;z-index:1;display:grid;place-items:center;height:100%;font-size:.78rem}.health-score.large{width:100%;margin:.8rem 0}.retention-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.retention-card{padding:1rem;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.retention-card header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.retention-card header div{display:grid;gap:.2rem}.retention-card header small{color:var(--text-muted)}.survey-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.survey-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem}.survey-summary-grid article{display:grid;gap:.3rem;padding:1rem;border-radius:16px;background:var(--surface-soft);border:1px solid var(--border)}.survey-summary-grid span{font-size:1.5rem;font-weight:800}.survey-summary-grid small{color:var(--text-muted)}.survey-answer-list{display:grid;gap:.75rem}.survey-answer-list article{padding:1rem;border:1px solid var(--border);border-radius:14px}.survey-answer-list p{white-space:pre-wrap;margin:.45rem 0 0}.stewardship-step-row{grid-template-columns:auto minmax(0,1fr) auto}.stewardship-step-row>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-soft);font-weight:800}.stewardship-step-row.is-done{opacity:.7}.stewardship-step-row.is-done strong{text-decoration:line-through}.stewardship-step-row div{display:grid;gap:.25rem}.stewardship-step-row small{color:var(--text-muted)}
@media(max-width:900px){.scenario-step-editor,.survey-question-editor{grid-template-columns:1fr 1fr}.scenario-step-description,.survey-question-editor label:first-child,.survey-question-editor label:nth-child(3){grid-column:1/-1}.scenario-step-editor button,.survey-question-editor button{justify-self:start}.stewardship-enrollment-row,.survey-response-row{grid-template-columns:1fr auto}.stewardship-enrollment-row>button,.survey-response-row>button{grid-column:1/-1}.retention-table{min-width:950px}}
@media(max-width:600px){.scenario-step-editor,.survey-question-editor{grid-template-columns:1fr}.scenario-step-description,.survey-question-editor label:first-child,.survey-question-editor label:nth-child(3){grid-column:auto}.retention-status-strip{grid-template-columns:1fr 1fr}.stewardship-enrollment-row,.survey-response-row{grid-template-columns:1fr}.stewardship-step-progress{text-align:left}.stewardship-step-row{grid-template-columns:auto 1fr}.stewardship-step-row>.status{grid-column:2}}



/* AppSystem bundle source: styles/184-fundraising-ui-3202.css */
/* AppSystem 3.27.0-A-v25 — porządek układu i interakcji w strefie Fundraising */
body.fundraising-workspace {
  /* Wspólne aliasy dla komponentów utworzonych w etapach A–D. */
  --border: var(--app-border);
  --border-strong: var(--app-border-strong);
  --surface-soft: var(--app-surface-soft);
  --text-muted: var(--app-muted);
  --warning-soft: var(--app-warning-soft);
  --warning-text: var(--app-warning-text);
  --danger-soft: var(--app-danger-soft);
  --danger-text: var(--app-danger-text);
  --app-shadow-sm: 0 8px 24px rgba(33, 42, 74, .07);
  --shadow-sm: var(--app-shadow-sm);
}

/* Nagłówki: tekst i działania nie nachodzą na siebie. */
body.fundraising-workspace .fundraising-page-header {
  width: 100%;
  align-items: flex-start;
  gap: 18px;
}
body.fundraising-workspace .fundraising-page-header > div:first-child {
  flex: 1 1 520px;
  min-width: 0;
}
body.fundraising-workspace .fundraising-page-header h1,
body.fundraising-workspace .fundraising-page-header p,
body.fundraising-workspace .panel-title h2,
body.fundraising-workspace .panel-title h3,
body.fundraising-workspace .panel-title p,
body.fundraising-workspace .card-top h3,
body.fundraising-workspace .card-top p {
  overflow-wrap: anywhere;
}
body.fundraising-workspace .fundraising-page-header .page-actions {
  flex: 0 1 auto;
  max-width: min(100%, 520px);
  justify-content: flex-end;
  align-items: center;
}

/* Każdy przycisk ma stabilny obszar kliknięcia i pozostaje nad zawartością karty. */
body.fundraising-workspace .page-actions .btn,
body.fundraising-workspace .card-actions .btn,
body.fundraising-workspace .fundraising-modal-actions .btn,
body.fundraising-workspace .fundraising-task-row .btn,
body.fundraising-workspace .fundraising-link-list .btn,
body.fundraising-workspace .fundraising-submission-list .btn,
body.fundraising-workspace .fundraising-deliverable-list .btn,
body.fundraising-workspace .fundraising-box-list .btn,
body.fundraising-workspace .fundraising-leaderboard .btn,
body.fundraising-workspace .stewardship-enrollment-row .btn,
body.fundraising-workspace .survey-response-row .btn,
body.fundraising-workspace .retention-card .btn,
body.fundraising-workspace .survey-card .btn,
body.fundraising-workspace .stewardship-scenario-card .btn {
  position: relative;
  z-index: 2;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  pointer-events: auto;
}
body.fundraising-workspace .btn:disabled {
  cursor: not-allowed;
  opacity: .58;
}
body.fundraising-workspace .btn:focus-visible,
body.fundraising-workspace [tabindex="0"]:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--app-focus) 70%, transparent);
  outline-offset: 3px;
}

/* Karty i ich sekcje zachowują prawidłową szerokość przy długich nazwach. */
body.fundraising-workspace .card-top,
body.fundraising-workspace .panel-title,
body.fundraising-workspace .fundraising-package-list > article > div,
body.fundraising-workspace .retention-card header {
  min-width: 0;
}
body.fundraising-workspace .card-top > div:first-child,
body.fundraising-workspace .panel-title > div:first-child,
body.fundraising-workspace .fundraising-package-list > article > div > :first-child,
body.fundraising-workspace .retention-card header > div:first-child {
  min-width: 0;
}
body.fundraising-workspace .card-actions,
body.fundraising-workspace .fundraising-modal-actions {
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
body.fundraising-workspace .card-actions .btn {
  flex: 0 1 auto;
}
body.fundraising-workspace .panel-title p {
  margin: 5px 0 0;
  color: var(--app-muted);
}
body.fundraising-workspace .fundraising-record-list > article,
body.fundraising-workspace .fundraising-package-list > article,
body.fundraising-workspace .fundraising-update-list > article,
body.fundraising-workspace .fundraising-link-list > article,
body.fundraising-workspace .fundraising-submission-list > article,
body.fundraising-workspace .fundraising-deliverable-list > article,
body.fundraising-workspace .fundraising-box-list > article,
body.fundraising-workspace .stewardship-enrollment-row,
body.fundraising-workspace .survey-response-row,
body.fundraising-workspace .retention-card,
body.fundraising-workspace .survey-card,
body.fundraising-workspace .stewardship-scenario-card {
  min-width: 0;
  isolation: isolate;
}
body.fundraising-workspace .fundraising-link-list code,
body.fundraising-workspace .fundraising-public-link code,
body.fundraising-workspace .fundraising-box-list span,
body.fundraising-workspace .fundraising-deliverable-list span,
body.fundraising-workspace .survey-response-row span,
body.fundraising-workspace .stewardship-enrollment-row span {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Listy z akcjami: tekst nie wypycha przycisków poza kartę. */
body.fundraising-workspace .fundraising-link-list > article,
body.fundraising-workspace .fundraising-submission-list > article,
body.fundraising-workspace .fundraising-deliverable-list > article,
body.fundraising-workspace .fundraising-box-list > article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
body.fundraising-workspace .fundraising-link-list .card-actions,
body.fundraising-workspace .fundraising-submission-list .card-actions,
body.fundraising-workspace .fundraising-deliverable-list .card-actions,
body.fundraising-workspace .fundraising-box-list .card-actions {
  justify-content: flex-end;
  margin-left: 0;
}
body.fundraising-workspace .fundraising-leaderboard > article {
  min-width: 0;
}
body.fundraising-workspace .fundraising-leaderboard > article > div:nth-child(2),
body.fundraising-workspace .fundraising-leaderboard > article > div:nth-child(3) {
  min-width: 0;
}

/* Formularze rozbudowane nie ściskają opisów ani przycisków usuwania. */
body.fundraising-workspace .scenario-step-editor,
body.fundraising-workspace .survey-question-editor,
body.fundraising-workspace .fundraising-allocation-row,
body.fundraising-workspace .fundraising-credit-row {
  min-width: 0;
}
body.fundraising-workspace .scenario-step-editor > *,
body.fundraising-workspace .survey-question-editor > *,
body.fundraising-workspace .fundraising-allocation-row > *,
body.fundraising-workspace .fundraising-credit-row > * {
  min-width: 0;
}

/* Pasek statusów i wyniki retencji zachowują czytelną kolejność. */
body.fundraising-workspace .retention-status-strip > div {
  min-width: 0;
}
body.fundraising-workspace .retention-status-strip span,
body.fundraising-workspace .retention-status-strip strong {
  overflow-wrap: anywhere;
}
body.fundraising-workspace .health-score {
  flex: 0 0 auto;
}

/* Układ tabletowy. */
@media (max-width: 900px) {
  body.fundraising-workspace .fundraising-page-header {
    display: grid;
  }
  body.fundraising-workspace .fundraising-page-header .page-actions {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }
  body.fundraising-workspace .fundraising-page-header .page-actions .btn {
    flex: 1 1 190px;
  }
  body.fundraising-workspace .panel-title {
    align-items: flex-start;
    gap: 12px;
  }
  body.fundraising-workspace .stewardship-enrollment-row,
  body.fundraising-workspace .survey-response-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

/* Telefon: akcje zawsze pod treścią, na całą dostępną szerokość. */
@media (max-width: 640px) {
  body.fundraising-workspace .fundraising-page-header .page-actions,
  body.fundraising-workspace .card-actions,
  body.fundraising-workspace .fundraising-modal-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  body.fundraising-workspace .fundraising-page-header .page-actions .btn,
  body.fundraising-workspace .card-actions .btn,
  body.fundraising-workspace .fundraising-modal-actions .btn {
    width: 100%;
  }
  body.fundraising-workspace .card-top,
  body.fundraising-workspace .panel-title,
  body.fundraising-workspace .retention-card header,
  body.fundraising-workspace .fundraising-package-list > article > div {
    display: grid;
    grid-template-columns: 1fr;
  }
  body.fundraising-workspace .card-top > .status,
  body.fundraising-workspace .retention-card header > .status {
    justify-self: start;
  }
  body.fundraising-workspace .fundraising-link-list > article,
  body.fundraising-workspace .fundraising-submission-list > article,
  body.fundraising-workspace .fundraising-deliverable-list > article,
  body.fundraising-workspace .fundraising-box-list > article,
  body.fundraising-workspace .stewardship-enrollment-row,
  body.fundraising-workspace .survey-response-row,
  body.fundraising-workspace .fundraising-leaderboard > article {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  body.fundraising-workspace .fundraising-leaderboard .fundraising-rank {
    justify-self: start;
  }
  body.fundraising-workspace .fundraising-link-list .card-actions,
  body.fundraising-workspace .fundraising-submission-list .card-actions,
  body.fundraising-workspace .fundraising-deliverable-list .card-actions,
  body.fundraising-workspace .fundraising-box-list .card-actions {
    justify-content: stretch;
    width: 100%;
  }
  body.fundraising-workspace .fundraising-link-list .card-actions .btn,
  body.fundraising-workspace .fundraising-submission-list .card-actions .btn,
  body.fundraising-workspace .fundraising-deliverable-list .card-actions .btn,
  body.fundraising-workspace .fundraising-box-list .card-actions .btn,
  body.fundraising-workspace .fundraising-leaderboard .btn,
  body.fundraising-workspace .stewardship-enrollment-row .btn,
  body.fundraising-workspace .survey-response-row .btn,
  body.fundraising-workspace .retention-card .btn,
  body.fundraising-workspace .survey-card .btn,
  body.fundraising-workspace .stewardship-scenario-card .btn {
    width: 100%;
  }
  body.fundraising-workspace .retention-status-strip {
    grid-template-columns: 1fr;
  }
}



/* AppSystem bundle source: styles/185-archive-3210a.css */
.archive-page{display:grid;gap:1.25rem}
.archive-search{display:grid;grid-template-columns:minmax(15rem,1fr) auto auto;gap:.65rem;padding:1rem;background:var(--surface,#fff);border:1px solid var(--line,#d9e1e8);border-radius:16px;box-shadow:0 8px 24px rgba(0,45,75,.06)}
.archive-search input{min-width:0}
.archive-breadcrumb{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}
.archive-breadcrumb button{border:0;background:transparent;color:var(--primary,#004381);font:inherit;font-weight:700;padding:.35rem .45rem;border-radius:8px;cursor:pointer}
.archive-breadcrumb button:hover,.archive-breadcrumb button:focus-visible{background:#e8f2f9;outline:2px solid transparent}
.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.archive-toolbar h2{margin:0}
.archive-toolbar-actions,.archive-hero-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.archive-list{display:grid;gap:.8rem}
.archive-card{display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;background:var(--surface,#fff);border:1px solid var(--line,#d9e1e8);border-radius:16px;box-shadow:0 6px 20px rgba(0,45,75,.045)}
.archive-card-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:14px;background:#e5f1f8;color:#004381;font-size:1.5rem;font-weight:800}
.archive-card-body h3{margin:.1rem 0 .35rem;overflow-wrap:anywhere}
.archive-card-body p{margin:.15rem 0}
.archive-card-actions{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap;max-width:30rem}
.archive-file-meta{display:flex;gap:.65rem 1rem;flex-wrap:wrap;margin-top:.55rem;color:var(--muted,#5d6c77);font-size:.86rem}
.archive-document-hero{display:flex;justify-content:space-between;gap:1.25rem;padding:1.3rem;margin-bottom:1rem;border-radius:18px;background:linear-gradient(135deg,#e6f2f9,#f7fbfd);border:1px solid #c8dde9}
.archive-document-hero h2{margin:.2rem 0 .6rem}
.archive-loading{padding:2.5rem;text-align:center;color:var(--muted,#5d6c77)}
.archive-preview-frame{display:block;width:100%;height:min(72vh,850px);border:1px solid var(--line,#d9e1e8);border-radius:12px;background:#fff}
.archive-preview-image{display:block;max-width:100%;max-height:72vh;margin:0 auto;border-radius:12px;object-fit:contain}
.archive-page .full-width{grid-column:1/-1}
body.archive-workspace .content{max-width:1600px}
html[data-theme="dark"] .archive-card,html[data-theme="dark"] .archive-search{background:var(--surface,#17232c)}
html[data-theme="dark"] .archive-card-icon{background:#173e55;color:#9ed8f7}
html[data-theme="dark"] .archive-document-hero{background:linear-gradient(135deg,#153243,#1b2932);border-color:#315064}
@media(max-width:900px){.archive-card{grid-template-columns:2.8rem minmax(0,1fr)}.archive-card-icon{width:2.8rem;height:2.8rem}.archive-card-actions{grid-column:1/-1;justify-content:flex-start}.archive-document-hero{display:grid}.archive-search{grid-template-columns:1fr 1fr}.archive-search input{grid-column:1/-1}.archive-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.archive-search{grid-template-columns:1fr}.archive-search input{grid-column:auto}.archive-card{padding:.85rem;gap:.75rem}.archive-card-actions .btn,.archive-card-actions a{flex:1 1 calc(50% - .5rem);text-align:center}.archive-toolbar-actions{width:100%}.archive-toolbar-actions .btn{flex:1}}



/* AppSystem bundle source: styles/186-archive-3210b.css */
/* AppSystem 3.27.0-A-v25 — Archiwum: powiązania, wersje i kompletność */
.archive-completeness-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.archive-completeness-board>div{display:grid;gap:.2rem;padding:1rem 1.1rem;background:var(--surface,#fff);border:1px solid var(--line,#d9e1e8);border-radius:15px;box-shadow:0 5px 18px rgba(0,45,75,.045)}
.archive-completeness-board span{color:var(--muted,#5d6c77);font-size:.86rem}
.archive-completeness-board strong{font-size:1.55rem;color:var(--primary,#004381)}
.archive-completeness-board .is-complete strong{color:#18794e}
.archive-completeness-board .needs-attention strong{color:#a94700}
.archive-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.archive-card-heading h2,.archive-card-heading h3{margin-top:.1rem}
.archive-status{display:inline-flex;align-items:center;flex:0 0 auto;padding:.28rem .55rem;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}
.archive-status-complete{background:#e3f5eb;border-color:#a8d9bd;color:#11663f}
.archive-status-partial{background:#fff0d9;border-color:#efc786;color:#8c4800}
.archive-status-incomplete{background:#fde8e8;border-color:#efb0b0;color:#9d2424}
.archive-card-related{margin-left:1rem;border-left:4px solid #79aeca}
.archive-completeness-strip{display:grid;grid-template-columns:minmax(12rem,auto) minmax(12rem,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1rem;margin:0 0 1rem;background:var(--surface,#fff);border:1px solid var(--line,#d9e1e8);border-radius:14px}
.archive-completeness-strip>div:first-child{display:grid;gap:.12rem}
.archive-completeness-strip span{color:var(--muted,#5d6c77);font-size:.86rem}
.archive-progress{height:.65rem;overflow:hidden;background:#dce7ed;border-radius:999px}
.archive-progress>span{display:block;height:100%;background:linear-gradient(90deg,#0078b8,#25a36f);border-radius:inherit;transition:width .2s ease}
.archive-version-list{display:grid;gap:.7rem;margin-bottom:1.2rem}
.archive-version-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--line,#d9e1e8);border-radius:13px;background:var(--surface,#fff)}
.archive-version-row.is-current{border-color:#68a9ca;background:#edf8fd}
.archive-version-row>div:first-child{display:grid;gap:.2rem}
.archive-version-row span{color:var(--muted,#5d6c77);font-size:.85rem}
.archive-version-row p{margin:.25rem 0 0}
.archive-version-actions{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
.archive-version-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding-top:1rem;border-top:1px solid var(--line,#d9e1e8)}
.archive-version-form h3,.archive-version-form .form-actions{grid-column:1/-1}
.archive-history-list{display:grid;gap:0}
.archive-history-list article{display:grid;grid-template-columns:1rem 1fr;gap:.65rem;position:relative;padding:0 0 1.05rem}
.archive-history-list article:not(:last-child)::before{content:"";position:absolute;left:.38rem;top:.65rem;bottom:-.1rem;width:2px;background:#c7dbe6}
.archive-history-marker{position:relative;z-index:1;width:.8rem;height:.8rem;margin-top:.24rem;border-radius:50%;background:#0078b8;box-shadow:0 0 0 3px #e0f0f8}
.archive-history-list article>div:last-child{display:grid;gap:.15rem}
.archive-history-list span{color:var(--muted,#5d6c77);font-size:.83rem}
.archive-history-list p{margin:.2rem 0 0}
.archive-check-summary{display:grid;grid-template-columns:auto minmax(10rem,1fr);align-items:center;gap:1rem;padding:.9rem 1rem;margin-bottom:1rem;border-radius:13px;background:#edf3f6}
.archive-check-summary>div:first-child{display:grid;gap:.15rem}
.archive-check-summary span{font-size:.85rem}
.archive-template-bar{display:flex;align-items:end;gap:.7rem;padding:.8rem;margin-bottom:1rem;background:#eef6fa;border:1px solid #c9e0eb;border-radius:13px}
.archive-template-bar label{flex:1;margin:0}
.archive-checklist-rows{display:grid;gap:.75rem;margin-bottom:.8rem}
.archive-check-row{display:grid;grid-template-columns:minmax(12rem,1.4fr) minmax(12rem,1.2fr) auto auto;align-items:end;gap:.65rem;padding:.85rem;border:1px solid var(--line,#d9e1e8);border-radius:13px;background:var(--surface,#fff)}
.archive-check-row label{margin:0}
.archive-check-row .archive-check-toggle{display:flex;align-items:center;gap:.4rem;min-height:2.65rem;white-space:nowrap}
.archive-check-row .archive-check-toggle input{width:auto;margin:0}
.archive-check-note{grid-column:1/4}
.archive-check-row>[data-check-remove]{grid-column:4;align-self:end}
html[data-theme="dark"] .archive-completeness-board>div,html[data-theme="dark"] .archive-completeness-strip,html[data-theme="dark"] .archive-version-row,html[data-theme="dark"] .archive-check-row{background:var(--surface,#17232c)}
html[data-theme="dark"] .archive-version-row.is-current{background:#173243;border-color:#35667f}
html[data-theme="dark"] .archive-template-bar{background:#18313e;border-color:#31566a}
html[data-theme="dark"] .archive-check-summary{background:#1b303b}
html[data-theme="dark"] .archive-status-complete{background:#153d2d;border-color:#286e4e;color:#a4e2c1}
html[data-theme="dark"] .archive-status-partial{background:#49331b;border-color:#76552a;color:#ffd095}
html[data-theme="dark"] .archive-status-incomplete{background:#482526;border-color:#794143;color:#ffb3b3}
@media(max-width:1100px){.archive-completeness-board{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-check-row{grid-template-columns:1fr 1fr}.archive-check-note{grid-column:1/-1}.archive-check-row>[data-check-remove]{grid-column:auto}.archive-check-row .archive-check-toggle{min-height:auto}}
@media(max-width:760px){.archive-completeness-strip{grid-template-columns:1fr}.archive-version-row{align-items:flex-start;flex-direction:column}.archive-version-actions{justify-content:flex-start}.archive-version-form{grid-template-columns:1fr}.archive-version-form h3,.archive-version-form .form-actions{grid-column:auto}.archive-template-bar{align-items:stretch;flex-direction:column}.archive-check-row{grid-template-columns:1fr}.archive-check-note,.archive-check-row>[data-check-remove]{grid-column:auto}.archive-card-heading{align-items:flex-start;flex-direction:column}.archive-card-related{margin-left:.35rem}}
@media(max-width:480px){.archive-completeness-board{grid-template-columns:1fr 1fr}.archive-completeness-board>div{padding:.8rem}.archive-status{white-space:normal}.archive-version-actions .btn,.archive-version-actions a{flex:1 1 100%;text-align:center}}



/* AppSystem bundle source: styles/187-archive-3210c.css */
/* AppSystem 3.27.0-A-v25 — automatyzacje Archiwum */
.archive-page .page-header{align-items:flex-start}
.archive-page .page-actions{max-width:62rem;justify-content:flex-end}
.archive-select{align-self:flex-start;display:grid;place-items:center;min-width:2.35rem;min-height:2.35rem;margin:.1rem 0 0 .1rem;border-radius:10px;background:var(--surface,#fff);border:1px solid var(--line,#d9e1e8)}
.archive-select input{width:1.15rem;height:1.15rem;margin:0}
.archive-card.is-selected{border-color:#1683b6;box-shadow:0 0 0 2px rgba(22,131,182,.14)}
.archive-bulk-bar{position:sticky;top:.5rem;z-index:4;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.7rem .8rem;margin-bottom:.8rem;border:1px solid #9dc9df;border-radius:13px;background:#eff9fd;box-shadow:0 8px 25px rgba(0,67,129,.1)}
.archive-bulk-bar strong{margin-right:auto;color:#004381}
.archive-bulk-bar .disabled{pointer-events:none;opacity:.48}
.archive-source-note,.archive-suggestions{display:grid;gap:.35rem;padding:.8rem 1rem;margin-bottom:1rem;border:1px solid #c4dce7;border-radius:13px;background:#f0f8fb}
.archive-source-note span,.archive-suggestions>span{color:var(--muted,#5d6c77);font-size:.88rem}
.archive-suggestion{display:grid;gap:.15rem;width:100%;padding:.65rem .75rem;text-align:left;border:1px solid var(--line,#d9e1e8);border-radius:10px;background:var(--surface,#fff);color:inherit;cursor:pointer}
.archive-suggestion:hover,.archive-suggestion:focus-visible,.archive-suggestion.is-selected{border-color:#1683b6;background:#e9f6fc}
.archive-suggestion.is-best::before{content:"Najlepsze dopasowanie";font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0a688f}
.archive-suggestion small{color:var(--muted,#5d6c77)}
.archive-projects-head,.archive-project-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.archive-projects-head{margin-bottom:1rem}
.archive-project-list{display:grid;gap:.7rem}
.archive-project-list article{padding:.9rem 1rem;border:1px solid var(--line,#d9e1e8);border-radius:13px;background:var(--surface,#fff)}
.archive-project-list article>div{display:grid;gap:.2rem}
.archive-project-list article>div:last-child{display:flex;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}
.archive-project-list span{color:var(--muted,#5d6c77);font-size:.86rem}
.archive-project-list p{margin:.15rem 0 0}
.archive-duplicate-summary{display:flex;align-items:baseline;gap:.65rem;padding:.8rem 1rem;margin-bottom:1rem;border-radius:12px;background:#eef6fa}
.archive-duplicate-summary strong{font-size:1.25rem;color:#004381}
.archive-duplicate-list{display:grid;gap:.8rem}
.archive-duplicate-list section{display:grid;gap:.45rem;padding:.85rem;border:1px solid var(--line,#d9e1e8);border-radius:13px}
.archive-duplicate-list h3{margin:0}
.archive-duplicate-list code{overflow-wrap:anywhere;font-size:.75rem;color:var(--muted,#5d6c77)}
.archive-duplicate-list button{display:grid;gap:.1rem;padding:.55rem .65rem;text-align:left;border:1px solid var(--line,#d9e1e8);border-radius:9px;background:var(--surface,#fff);color:inherit;cursor:pointer}
.archive-duplicate-list button:hover{border-color:#1683b6}
.archive-duplicate-list button span{color:var(--muted,#5d6c77);font-size:.82rem}
html[data-theme="dark"] .archive-bulk-bar,html[data-theme="dark"] .archive-source-note,html[data-theme="dark"] .archive-suggestions,html[data-theme="dark"] .archive-duplicate-summary{background:#17313e;border-color:#31566a}
html[data-theme="dark"] .archive-suggestion:hover,html[data-theme="dark"] .archive-suggestion:focus-visible,html[data-theme="dark"] .archive-suggestion.is-selected{background:#183b4c}
@media(max-width:900px){.archive-page .page-actions{justify-content:flex-start}.archive-projects-head,.archive-project-list article{align-items:flex-start;flex-direction:column}.archive-project-list article>div:last-child{justify-content:flex-start}}
@media(max-width:620px){.archive-bulk-bar{align-items:stretch;flex-direction:column}.archive-bulk-bar .btn{width:100%;text-align:center}.archive-select{position:absolute;right:.45rem;top:.45rem}.archive-card{position:relative}.archive-page .page-actions .btn,.archive-page .page-actions a{flex:1 1 100%;text-align:center}}



/* AppSystem bundle source: styles/188-archive-3210d.css */
/* AppSystem 3.27.0-A-v25 — wyszukiwanie treści, OCR, raporty i retencja */
.archive-search-advanced{position:relative;display:grid;gap:.55rem;padding:.75rem;border:1px solid var(--line,#d9e1e8);border-radius:15px;background:var(--surface,#fff)}
.archive-search-main{display:grid;grid-template-columns:minmax(14rem,1fr) auto auto;gap:.55rem}
.archive-search-main input{min-width:0}
.archive-search-advanced details{border-top:1px solid var(--line,#d9e1e8);padding-top:.5rem}
.archive-search-advanced summary{width:max-content;cursor:pointer;color:#075f8a;font-weight:750}
.archive-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem;margin-top:.7rem;min-width:0}
.archive-filter-grid>*{min-width:0}
.archive-filter-grid label{display:grid;gap:.3rem;font-size:.82rem;font-weight:750;color:var(--muted,#52636f)}
.archive-live-suggestions{position:absolute;z-index:12;top:4rem;left:.75rem;right:13rem;display:grid;max-height:18rem;overflow:auto;border-radius:12px;background:var(--surface,#fff);box-shadow:0 14px 36px rgba(0,34,64,.2)}
.archive-live-suggestions:empty{display:none}
.archive-live-suggestions button{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .8rem;border:0;border-bottom:1px solid var(--line,#d9e1e8);background:transparent;color:inherit;text-align:left;cursor:pointer}
.archive-live-suggestions button:hover,.archive-live-suggestions button:focus-visible{background:#eaf7fc}
.archive-live-suggestions small{color:var(--muted,#52636f)}
.archive-index-badge,.archive-retention-badge{display:inline-flex;align-items:center;width:max-content;padding:.18rem .48rem;border-radius:999px;font-size:.72rem;font-weight:800;background:#edf1f4;color:#42515b}
.archive-index-badge.is-ready{background:#ddf5e8;color:#17633e}.archive-index-badge.is-pending,.archive-index-badge.is-processing{background:#e8f2ff;color:#155a91}.archive-index-badge.is-error{background:#ffe4e4;color:#9e2525}.archive-index-badge.is-outdated{background:#fff0d8;color:#7b4e00}
.archive-retention-badge.is-active{background:#e5f5ec;color:#1d6340}.archive-retention-badge.is-warning{background:#fff1d5;color:#805500}.archive-retention-badge.is-due{background:#ffe0e0;color:#9b2323}.archive-retention-badge.is-hold{background:#eee4ff;color:#60349a}
.archive-search-snippet{margin:.55rem 0 0;padding:.55rem .65rem;border-left:3px solid #1683b6;background:#eef8fc;font-size:.85rem;line-height:1.45}
.archive-report-totals,.archive-index-stats{display:grid;grid-template-columns:repeat(4,minmax(7rem,1fr));gap:.65rem;margin-bottom:1rem}
.archive-report-totals>div,.archive-index-stats>div{display:grid;gap:.2rem;padding:.75rem;border:1px solid var(--line,#d9e1e8);border-radius:12px;background:var(--surface-soft,#f5f8fa)}
.archive-report-totals span,.archive-index-stats span{font-size:.78rem;color:var(--muted,#52636f)}
.archive-report-totals strong,.archive-index-stats strong{font-size:1.35rem;color:#075f8a}
.archive-report-grid{display:grid;grid-template-columns:repeat(2,minmax(14rem,1fr));gap:.8rem}
.archive-report-group{padding:.8rem;border:1px solid var(--line,#d9e1e8);border-radius:13px}.archive-report-group h3{margin:0 0 .5rem}.archive-report-group div{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0;border-bottom:1px dashed var(--line,#d9e1e8)}
.archive-report-strip{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem;padding:.7rem .8rem;border-radius:11px;background:#eef8fc}
.archive-retention-head,.archive-rule-list article,.archive-retention-documents article{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.archive-retention-head{margin-bottom:.8rem}.archive-retention-head>div,.archive-rule-list article>div:first-child,.archive-retention-documents article>div{display:grid;gap:.18rem}.archive-retention-head span,.archive-rule-list span,.archive-retention-documents span{font-size:.82rem;color:var(--muted,#52636f)}
.archive-rule-list,.archive-retention-documents{display:grid;gap:.6rem;margin-bottom:1rem}.archive-rule-list article,.archive-retention-documents article{padding:.75rem .85rem;border:1px solid var(--line,#d9e1e8);border-radius:12px}.archive-rule-list article>div:last-child{display:flex;gap:.4rem}.archive-rule-list p{margin:.1rem 0 0}
.archive-hold-toggle{display:flex!important;align-items:center;gap:.5rem}.archive-hold-toggle input{width:1.1rem;height:1.1rem;margin:0}
#archiveRetentionScope{display:contents}
html[data-theme="dark"] .archive-live-suggestions button:hover,html[data-theme="dark"] .archive-live-suggestions button:focus-visible,html[data-theme="dark"] .archive-search-snippet,html[data-theme="dark"] .archive-report-strip{background:#173846}
@media(max-width:980px){.archive-report-totals,.archive-index-stats{grid-template-columns:repeat(3,minmax(7rem,1fr))}}
@media(max-width:680px){.archive-search-main{grid-template-columns:1fr}.archive-search-main .btn{width:100%}.archive-live-suggestions{top:3.8rem;left:.75rem;right:.75rem}.archive-filter-grid,.archive-report-grid,.archive-report-totals,.archive-index-stats{grid-template-columns:1fr}.archive-retention-head,.archive-rule-list article,.archive-retention-documents article,.archive-report-strip{align-items:flex-start;flex-direction:column}}



/* AppSystem bundle source: styles/189-archive-tile-ui-rev3.css */
/* AppSystem 3.27.0-A-v25 — Archiwum UI REV3: kafelkowa szafa dokumentów */
.archive-page{gap:1.1rem;--archive-ink:#15334a;--archive-blue:#075f8a;--archive-line:#d7e2ea;--archive-soft:#f4f8fb;--archive-shadow:0 12px 32px rgba(13,55,82,.08)}
.archive-page #archiveWorkspace{display:grid;gap:1rem;min-width:0}
.archive-page-hero{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:1.4rem 1.5rem;border:1px solid #c6ddea;border-radius:22px;background:linear-gradient(135deg,#f7fbfe 0%,#e8f4fa 58%,#f7fbfd 100%);box-shadow:var(--archive-shadow)}
.archive-title-block{display:flex;align-items:center;gap:1rem;min-width:0}
.archive-title-block h1{margin:.08rem 0 .28rem;color:#123d59;font-size:clamp(1.65rem,2.5vw,2.35rem);letter-spacing:-.025em}
.archive-title-block p{margin:0;color:#516875}
.archive-title-block .eyebrow{color:#14729b}
.archive-title-icon{display:grid;place-items:center;flex:0 0 auto;width:4.25rem;height:4.25rem;border-radius:18px;background:#075f8a;color:#fff;box-shadow:0 10px 24px rgba(7,95,138,.22)}
.archive-title-icon svg,.archive-card-icon svg,.archive-document-icon svg,.archive-shortcut-icon svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.archive-page-actions{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}
.archive-tools-menu{position:relative;z-index:30}
.archive-tools-menu>summary,.archive-card-menu>summary,.archive-document-menu>summary{list-style:none;cursor:pointer}
.archive-tools-menu>summary::-webkit-details-marker,.archive-card-menu>summary::-webkit-details-marker,.archive-document-menu>summary::-webkit-details-marker{display:none}
.archive-tools-menu>div{position:absolute;right:0;top:calc(100% + .5rem);display:grid;gap:.35rem;width:min(19rem,82vw);padding:.6rem;border:1px solid var(--archive-line);border-radius:15px;background:var(--surface,#fff);box-shadow:0 18px 48px rgba(0,36,62,.2)}
.archive-tools-menu>div .btn{width:100%;justify-content:flex-start;text-align:left}

.archive-search-advanced{padding:.7rem .8rem;border:1px solid var(--archive-line);border-radius:18px;box-shadow:0 8px 25px rgba(16,63,91,.06)}
.archive-search-main{grid-template-columns:auto minmax(14rem,1fr) auto auto;align-items:center}
.archive-search-icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:12px;background:#e8f3f8;color:#075f8a;font-size:1.8rem;line-height:1}
.archive-search-main input{height:2.8rem;border-color:transparent;background:transparent;font-size:1rem}
.archive-search-main input:focus{border-color:#5aa4c5;background:var(--surface,#fff)}
.archive-filters{padding:.55rem .25rem 0!important}
.archive-filters>summary{padding:.2rem .35rem}
.archive-live-suggestions{top:4.45rem;left:3.9rem;right:12.8rem}

.archive-breadcrumb{margin:.1rem 0 .75rem;padding:.45rem .6rem;border:1px solid var(--archive-line);border-radius:12px;background:var(--surface,#fff);width:max-content;max-width:100%}
.archive-breadcrumb button{font-size:.88rem}
.archive-breadcrumb button:first-child::before{content:"⌂";margin-right:.35rem}

.archive-home-section,.archive-browser{padding:1.2rem;border:1px solid var(--archive-line);border-radius:20px;background:var(--surface,#fff);box-shadow:0 7px 24px rgba(14,55,80,.05)}
.archive-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.archive-section-heading h2{margin:.05rem 0 0;color:var(--archive-ink);font-size:1.3rem}
.archive-section-heading>span{color:var(--muted,#5d6c77);font-size:.86rem}
.archive-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.archive-shortcut{display:grid;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:5.5rem;padding:.85rem;border:1px solid var(--archive-line);border-radius:16px;background:var(--archive-soft);color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.archive-shortcut:hover,.archive-shortcut:focus-visible{transform:translateY(-2px);border-color:#77b3cf;box-shadow:0 10px 24px rgba(7,95,138,.12);outline:3px solid rgba(22,131,182,.18);outline-offset:1px}
.archive-shortcut>span:nth-child(2){display:grid;gap:.16rem;min-width:0}
.archive-shortcut strong{color:#183e55;font-size:.95rem;line-height:1.2}
.archive-shortcut small{color:var(--muted,#5d6c77);font-size:.76rem;line-height:1.25}
.archive-shortcut-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:12px;color:#075f8a;background:#dceef6}
.archive-shortcut-arrow{color:#477286;font-size:1.15rem}
.archive-shortcut-organize .archive-shortcut-icon{color:#9a5700;background:#fff0d7}
.archive-shortcut-recent .archive-shortcut-icon{color:#16689a;background:#e1f1fb}
.archive-shortcut-favorites .archive-shortcut-icon{color:#8d6400;background:#fff4c9}
.archive-shortcut-trash .archive-shortcut-icon{color:#8d3d45;background:#fbe6e8}

.archive-completeness-board{margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.archive-completeness-board>div{box-shadow:none;border-radius:14px;background:var(--surface,#fff)}
.archive-browser{position:relative}
.archive-toolbar{align-items:flex-end;margin:0 0 1rem;padding-bottom:.9rem;border-bottom:1px solid var(--archive-line)}
.archive-toolbar .eyebrow{margin-bottom:.15rem}
.archive-toolbar h2{color:var(--archive-ink);font-size:clamp(1.3rem,2vw,1.65rem)}
.archive-toolbar p{margin:.2rem 0 0}
.archive-toolbar-actions{align-items:center}
.archive-refresh-button{min-width:2.6rem;padding-inline:.7rem;font-size:1.15rem}

.archive-list.archive-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));align-items:stretch;gap:.85rem}
.archive-card{position:relative;display:block;min-width:0;padding:0;overflow:visible;border:1px solid var(--archive-line);border-radius:18px;background:var(--surface,#fff);box-shadow:0 7px 20px rgba(16,57,82,.065);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.archive-card:hover{transform:translateY(-2px);border-color:#87b9cf;box-shadow:0 13px 28px rgba(11,62,91,.12)}
.archive-card-main{display:grid;grid-template-rows:auto 1fr;width:100%;min-height:16.5rem;padding:1rem;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.archive-card-main:focus-visible{outline:3px solid #1683b6;outline-offset:3px}
.archive-card-icon{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:15px;background:#e3f1f7;color:#075f8a;font-size:0}
.archive-card-icon svg{width:2rem;height:2rem}
.archive-card-body{display:flex;flex-direction:column;min-width:0;padding-top:.9rem}
.archive-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}
.archive-card-heading>span:first-child{display:grid;gap:.16rem;min-width:0}
.archive-card-kicker{color:#56717f;font-size:.7rem;font-weight:850;letter-spacing:.085em;text-transform:uppercase}
.archive-card-title{display:block;color:#173b51;font-size:1.08rem;line-height:1.28;overflow-wrap:anywhere}
.archive-card-description{display:-webkit-box;min-height:2.55rem;margin:.55rem 0 0;overflow:hidden;color:#415b69;font-size:.86rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.archive-card-description.is-placeholder{color:#728690}
.archive-card .archive-file-meta{display:flex;align-content:flex-start;gap:.32rem .55rem;margin:.65rem 0 0;color:#617784;font-size:.74rem}
.archive-card .archive-file-meta>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-card-enter{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.85rem;color:#075f8a;font-size:.84rem;font-weight:800}
.archive-card-enter>span{font-size:1rem}
.archive-card-utilities{position:absolute;z-index:5;top:.7rem;right:.7rem;display:flex;align-items:center;gap:.3rem}
.archive-favorite,.archive-card-menu>summary{display:grid;place-items:center;width:2.15rem;height:2.15rem;padding:0;border:1px solid #cddce4;border-radius:10px;background:rgba(255,255,255,.94);color:#58707d;cursor:pointer;box-shadow:0 4px 12px rgba(18,60,84,.07)}
.archive-favorite{font-size:1.05rem}
.archive-favorite:hover,.archive-favorite:focus-visible,.archive-favorite.is-favorite{border-color:#d4a51a;background:#fff6d8;color:#9b6f00;outline:none}
.archive-card-menu{position:relative}
.archive-card-menu[open]{z-index:25}
.archive-card-menu>summary{font-size:.92rem;font-weight:900;letter-spacing:.05em}
.archive-card-menu .archive-card-actions{position:absolute;right:0;top:calc(100% + .38rem);display:grid;gap:.3rem;width:13.5rem;max-width:78vw;padding:.5rem;border:1px solid var(--archive-line);border-radius:13px;background:var(--surface,#fff);box-shadow:0 16px 38px rgba(0,35,60,.22)}
.archive-card-menu .archive-card-actions .btn{display:flex;width:100%;justify-content:flex-start;text-align:left}
.archive-card-menu .archive-card-actions .btn-danger{margin-top:.15rem}
.archive-select{z-index:8;left:.7rem;right:auto;top:.7rem;margin:0}
.archive-card.is-selected{border-color:#1683b6;box-shadow:0 0 0 3px rgba(22,131,182,.16)}

.archive-card-year{border-color:#bcd8e6;background:linear-gradient(145deg,#ffffff,#edf7fb)}
.archive-card-year .archive-card-main{min-height:17.5rem}
.archive-card-year .archive-card-icon{width:4.1rem;height:4.1rem;background:#075f8a;color:#fff;box-shadow:0 10px 20px rgba(7,95,138,.18)}
.archive-card-year .archive-card-title{font-size:2rem;letter-spacing:-.035em;color:#0e4f70}
.archive-card-department .archive-card-icon{background:#dff1f8;color:#075f8a}
.archive-card-folder .archive-card-icon{background:#fff0cd;color:#9b6200}
.archive-card-section .archive-card-icon{background:#e9ebfb;color:#5059a9}
.archive-card-main .archive-card-icon{transition:transform .16s ease}
.archive-card:hover .archive-card-icon{transform:scale(1.04)}
.archive-card-main .archive-index-badge,.archive-card-main .archive-retention-badge{white-space:normal}
.archive-card-main .archive-search-snippet{display:-webkit-box;margin:.55rem 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.archive-card-related{margin-left:0;border-left:4px solid #7d81c3}

.archive-document-hero{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.2rem;background:linear-gradient(135deg,#f5fbfe,#eaf5fa);border-radius:20px}
.archive-document-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:15px;background:#075f8a;color:#fff}
.archive-document-icon svg{width:2.2rem;height:2.2rem}
.archive-document-copy{min-width:0}
.archive-document-copy>p{margin:.4rem 0}
.archive-hero-actions{align-items:flex-start;justify-content:flex-end;max-width:24rem}
.archive-favorite-hero{width:2.65rem;height:2.65rem;background:var(--surface,#fff)}
.archive-document-menu{position:relative;z-index:20}
.archive-document-menu>div{position:absolute;right:0;top:calc(100% + .45rem);display:grid;gap:.35rem;width:14.5rem;padding:.5rem;border:1px solid var(--archive-line);border-radius:13px;background:var(--surface,#fff);box-shadow:0 16px 38px rgba(0,35,60,.22)}
.archive-document-menu>div .btn{width:100%;justify-content:flex-start;text-align:left}

.archive-project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}
.archive-project-list article{display:grid;grid-template-rows:1fr auto;align-items:stretch;min-height:11.5rem;padding:1rem;border-radius:16px;background:linear-gradient(145deg,var(--surface,#fff),var(--archive-soft))}
.archive-project-list article>div:first-child{align-content:start}
.archive-project-list article>div:last-child{align-self:end;justify-content:flex-start;padding-top:.8rem}

.archive-trash-card{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.8rem;min-height:13rem;padding:1rem}
.archive-trash-card .archive-card-body{padding:0;gap:.25rem}
.archive-trash-actions{display:flex;align-items:flex-end;gap:.4rem;grid-column:1/-1;margin-top:auto}
.archive-empty{display:grid;justify-items:start;gap:.65rem;padding:2rem;border:1px dashed #b8cad5;border-radius:15px;background:var(--archive-soft)}

html[data-theme="dark"] .archive-page{--archive-ink:#d8edf8;--archive-line:#344d5c;--archive-soft:#172832}
html[data-theme="dark"] .archive-page-hero{background:linear-gradient(135deg,#172b36,#183745 58%,#1c2d36);border-color:#365566}
html[data-theme="dark"] .archive-title-block h1,html[data-theme="dark"] .archive-shortcut strong,html[data-theme="dark"] .archive-card-title{color:#d8edf8}
html[data-theme="dark"] .archive-title-block p,html[data-theme="dark"] .archive-card-description{color:#b0c5d0}
html[data-theme="dark"] .archive-search-icon{background:#173d50;color:#9ed8f7}
html[data-theme="dark"] .archive-home-section,html[data-theme="dark"] .archive-browser,html[data-theme="dark"] .archive-breadcrumb,html[data-theme="dark"] .archive-card,html[data-theme="dark"] .archive-tools-menu>div,html[data-theme="dark"] .archive-card-menu .archive-card-actions,html[data-theme="dark"] .archive-document-menu>div{background:var(--surface,#17232c)}
html[data-theme="dark"] .archive-card-year{background:linear-gradient(145deg,#17232c,#18313d)}
html[data-theme="dark"] .archive-card-utilities :is(.archive-favorite,.archive-card-menu>summary){background:#1c303a;border-color:#426071;color:#c3d7e1}
html[data-theme="dark"] .archive-shortcut{background:#192b35;border-color:#38515f}
html[data-theme="dark"] .archive-document-hero{background:linear-gradient(135deg,#17313d,#193845);border-color:#365566}
html[data-theme="dark"] .archive-favorite-hero{background:#1c303a}

:is(.a11y-contrast,.a11y-darkContrast) :where(.archive-page-hero,.archive-home-section,.archive-browser,.archive-shortcut,.archive-card,.archive-search-advanced,.archive-breadcrumb){border-width:2px;box-shadow:none}
:is(.a11y-contrast,.a11y-darkContrast) .archive-card-main:focus-visible{outline-width:4px}

@media(max-width:1180px){.archive-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-page-hero{align-items:flex-start}.archive-page-actions{flex-direction:column;align-items:stretch}.archive-page-actions>.btn,.archive-tools-menu>summary{width:100%;text-align:center}.archive-document-hero{grid-template-columns:3.5rem minmax(0,1fr)}.archive-hero-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}}
@media(max-width:760px){.archive-page-hero{display:grid;padding:1rem}.archive-title-block{align-items:flex-start}.archive-title-icon{width:3.35rem;height:3.35rem;border-radius:14px}.archive-page-actions{display:grid;grid-template-columns:1fr 1fr}.archive-search-main{grid-template-columns:2.4rem minmax(0,1fr)}.archive-search-main .btn{width:100%}.archive-search-main .btn:first-of-type{grid-column:1/-1}.archive-search-main .btn:last-of-type{grid-column:1/-1}.archive-live-suggestions{top:4rem;left:.75rem;right:.75rem}.archive-home-section,.archive-browser{padding:.9rem}.archive-section-heading{align-items:flex-start;flex-direction:column}.archive-list.archive-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-card-main{min-height:15rem;padding:.85rem}.archive-card-utilities{top:.55rem;right:.55rem}.archive-toolbar{align-items:flex-start}.archive-toolbar-actions{width:100%}.archive-toolbar-actions .btn{flex:1 1 auto}.archive-document-hero{grid-template-columns:3.2rem minmax(0,1fr);padding:.9rem}.archive-document-icon{width:3.2rem;height:3.2rem}.archive-completeness-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.archive-shortcut-grid,.archive-list.archive-tile-grid{grid-template-columns:1fr}.archive-shortcut{min-height:5rem}.archive-page-actions{grid-template-columns:1fr}.archive-card-main{min-height:14.5rem}.archive-card-year .archive-card-main{min-height:15rem}.archive-card-year .archive-card-title{font-size:1.7rem}.archive-toolbar-actions{display:grid;grid-template-columns:1fr}.archive-toolbar-actions .btn{width:100%}.archive-document-hero{grid-template-columns:1fr}.archive-document-icon{width:3.2rem;height:3.2rem}.archive-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.archive-hero-actions>.btn,.archive-hero-actions>a{width:100%;text-align:center}.archive-document-menu{position:static}.archive-document-menu>div{position:absolute;left:.9rem;right:.9rem;width:auto}.archive-trash-actions{flex-direction:column;align-items:stretch}.archive-trash-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.archive-shortcut,.archive-card,.archive-card-main .archive-card-icon{transition:none}.archive-shortcut:hover,.archive-card:hover{transform:none}}



/* AppSystem bundle source: styles/193-research.css */
.research-workspace {
  --research: #4f46a5;
  --research-dark: #373080;
  --research-soft: #eeedfb;
  --research-mint: #dcf7ef;
  --research-ink: #252064;
}
.research-workspace .eyebrow { color: var(--research); }
.research-workspace .btn-primary { background: var(--research); border-color: var(--research); }
.research-workspace .btn-primary:hover { background: var(--research-dark); border-color: var(--research-dark); }
.research-page-header { align-items: end; }
.research-page-header > div:first-child { max-width: 850px; }
.research-page-header .eyebrow { margin-bottom: 7px; }
.research-page-header h1 { letter-spacing: -.035em; }
.research-page-header .muted { margin: 0; font-size: 1rem; line-height: 1.55; }
.research-panel {
  min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 20px;
  background: var(--surface); box-shadow: 0 12px 36px rgba(50, 46, 118, .06);
}
.research-panel > header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px;
}
.research-panel > header h2 { margin: 3px 0 0; font-size: 1.25rem; letter-spacing: -.02em; }
.research-panel > header p:not(.eyebrow) { margin: 5px 0 0; color: var(--muted); line-height: 1.5; }
.research-panel > header > strong { font-size: 1.4rem; color: var(--research); }
.research-hero {
  overflow: hidden; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: 28px; min-height: 240px; padding: 36px; margin-bottom: 18px;
  border-radius: 26px; color: #fff; background:
    radial-gradient(circle at 86% 18%, rgba(255,255,255,.21), transparent 22%),
    radial-gradient(circle at 72% 120%, rgba(105, 230, 201, .24), transparent 34%),
    linear-gradient(135deg, #282264 0%, #5148aa 58%, #267a89 118%);
  box-shadow: 0 24px 56px rgba(46, 39, 126, .2);
}
.research-hero::after {
  content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -95px;
  border: 36px solid rgba(255,255,255,.08); border-radius: 50%;
}
.research-hero .eyebrow { color: #d9d7ff; }
.research-hero h2 { max-width: 700px; margin: 8px 0 12px; font-size: clamp(1.65rem, 3vw, 2.55rem); line-height: 1.08; letter-spacing: -.045em; }
.research-hero p { max-width: 720px; margin: 0; color: #e5e7ff; font-size: 1.04rem; line-height: 1.65; }
.research-hero-score {
  z-index: 1; width: 150px; height: 150px; padding: 20px; border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%; display: grid; place-content: center; text-align: center; background: rgba(255,255,255,.12);
  backdrop-filter: blur(9px);
}
.research-hero-score strong { font-size: 2.25rem; letter-spacing: -.05em; }
.research-hero-score span { max-width: 95px; color: #e7e7ff; font-size: .78rem; line-height: 1.3; }
.research-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.research-kpi-grid article {
  display: grid; grid-template-columns: 42px 1fr; column-gap: 12px; align-items: center; padding: 17px;
  border: 1px solid var(--line); border-radius: 18px; background: var(--surface);
}
.research-kpi-grid article > span {
  grid-row: 1 / 4; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center;
  background: var(--research-soft); color: var(--research); font-size: 1.25rem; font-weight: 900;
}
.research-kpi-grid small { color: var(--muted); font-weight: 750; }
.research-kpi-grid strong { font-size: 1.55rem; letter-spacing: -.04em; }
.research-kpi-grid p { margin: 0; color: var(--muted); font-size: .78rem; }
.research-context-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0;
  padding: 11px 14px; border: 1px solid #d8d5f2; border-radius: 15px; background: color-mix(in srgb, var(--research-soft) 70%, var(--surface));
}
.research-context-bar label { display: flex; align-items: center; gap: 10px; color: var(--research-ink); }
.research-context-bar label span { white-space: nowrap; font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.research-context-bar select { min-width: min(420px, 50vw); padding: 8px 34px 8px 10px; border-color: #c9c5eb; }
.research-context-bar > div { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .86rem; }
.research-dashboard-grid, .research-design-grid, .research-analysis-grid, .research-field-grid {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 16px; margin-bottom: 16px;
}
.research-pipeline > p { min-height: 48px; color: var(--muted); line-height: 1.6; }
.research-progress { overflow: hidden; height: 9px; border-radius: 999px; background: #e7e9f0; }
.research-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--research), #0c8b83); }
.research-stage-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; margin-top: 7px; color: var(--muted); font-size: .68rem; text-align: center; }
.research-stage-row span.is-done { color: var(--research); font-weight: 800; }
.research-panel-actions { display: flex; gap: 8px; margin-top: 20px; }
.research-checklist { display: grid; gap: 8px; }
.research-checklist > div {
  display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: center;
  padding: 9px 10px; border-radius: 11px; color: var(--muted); background: var(--surface-2);
}
.research-checklist > div > span:first-child {
  width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #e2e5eb; font-weight: 900;
}
.research-checklist > div b { font-size: .72rem; }
.research-checklist > div.is-done { color: #0a624a; background: var(--research-mint); }
.research-checklist > div.is-done > span:first-child { color: #fff; background: #14765b; }
.research-action-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.research-action-grid button {
  min-height: 126px; padding: 15px; border: 1px solid var(--line); border-radius: 15px; text-align: left;
  display: grid; align-content: start; gap: 7px; color: var(--text); background: var(--surface-2);
}
.research-action-grid button:hover { border-color: var(--research); background: var(--research-soft); transform: translateY(-2px); }
.research-action-grid button > span {
  width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--research);
  font-size: .77rem; font-weight: 900;
}
.research-action-grid button small { color: var(--muted); line-height: 1.35; }
.research-empty {
  min-height: 240px; padding: 34px; border: 1px dashed var(--app-border-strong); border-radius: 20px;
  display: grid; place-items: center; align-content: center; gap: 9px; text-align: center; background: var(--surface);
}
.research-empty > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; background: var(--research-soft); color: var(--research); font-size: 1.7rem; }
.research-empty > strong { font-size: 1.16rem; }
.research-empty p { max-width: 550px; margin: 0 0 7px; color: var(--muted); line-height: 1.55; }
.research-filter-summary, .research-reference-toolbar {
  display: flex; gap: 20px; align-items: center; justify-content: flex-start; margin: 0 0 16px; color: var(--muted);
}
.research-filter-summary b, .research-reference-toolbar b { color: var(--research); font-size: 1.2rem; }
.research-reference-toolbar { justify-content: space-between; }
.research-project-grid, .research-instrument-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
}
.research-project-card, .research-instrument-card {
  padding: 21px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface);
  box-shadow: 0 10px 30px rgba(45, 38, 114, .055);
}
.research-project-card.is-active { border-color: #9e98df; box-shadow: 0 0 0 3px rgba(79,70,165,.08), 0 15px 38px rgba(45,38,114,.1); }
.research-project-card > header, .research-instrument-card > header {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: start;
}
.research-method-mark, .research-instrument-card > header > span:first-child {
  width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: #fff;
  background: linear-gradient(145deg, var(--research), #267d87); font-size: .76rem; font-weight: 900;
}
.research-project-card header p, .research-instrument-card header p { margin: 0 0 3px; color: var(--research); font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.research-project-card h2, .research-instrument-card h2 { margin: 0; font-size: 1.12rem; line-height: 1.3; }
.research-question { min-height: 53px; margin: 17px 0; color: var(--muted); line-height: 1.55; }
.research-project-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 16px; color: var(--muted); font-size: .79rem; }
.research-mini-kpis { display: flex; gap: 10px; margin-top: 14px; }
.research-mini-kpis span { flex: 1; padding: 9px; border-radius: 10px; color: var(--muted); background: var(--surface-2); font-size: .72rem; text-align: center; }
.research-mini-kpis b { display: block; color: var(--text); font-size: 1rem; }
.research-project-card > footer, .research-instrument-card > footer {
  display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; padding-top: 15px; border-top: 1px solid var(--line);
}
.research-instrument-card > p { min-height: 44px; color: var(--muted); line-height: 1.5; }
.research-protocol-card { grid-row: span 2; }
.research-definition-list { display: grid; gap: 4px; margin: 0; }
.research-definition-list > div { padding: 13px 0; border-bottom: 1px solid var(--line); }
.research-definition-list > div:last-child { border: 0; }
.research-definition-list dt { margin-bottom: 4px; color: var(--research); font-size: .74rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.research-definition-list dd { margin: 0; line-height: 1.58; white-space: pre-line; }
.research-definition-list.compact dd { font-size: .9rem; }
.research-score { min-width: 54px; padding: 8px 9px; border-radius: 12px; color: #fff; background: var(--research); font-weight: 900; text-align: center; }
.research-privacy-list { display: grid; gap: 9px; }
.research-privacy-list > div { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: start; padding: 10px; border-radius: 12px; background: var(--surface-2); }
.research-privacy-list > div > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #0d624c; background: var(--research-mint); font-weight: 900; }
.research-privacy-list p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.5; }
.research-privacy-list strong { display: block; color: var(--text); }
.research-readiness-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.research-readiness-grid > div { padding: 13px; border: 1px solid var(--line); border-radius: 13px; display: grid; grid-template-columns: 25px 1fr; gap: 3px 8px; color: var(--muted); }
.research-readiness-grid > div > span { grid-row: span 2; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: var(--surface-2); font-weight: 900; }
.research-readiness-grid small { font-size: .72rem; }
.research-readiness-grid > div.is-done { border-color: #b4dfd1; color: #0b654d; background: #f0fbf7; }
.research-readiness-grid > div.is-done > span { color: #fff; background: #14765b; }
.research-sample-calculator { margin-top: 16px; }
.research-calculator-grid { display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)) auto; gap: 10px; align-items: end; }
.research-calculator-grid output { grid-column: 1 / -1; padding: 15px; border-radius: 13px; color: var(--research-ink); background: var(--research-soft); font-size: 1.05rem; font-weight: 850; }
.research-form { display: grid; gap: 16px; }
.research-form > section { padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); }
.research-form > section h3 { margin: 0 0 14px; color: var(--research-ink); }
.research-instrument-detail > header { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.research-instrument-detail > header p { margin: 0 0 5px; color: var(--muted); }
.research-question-list { display: grid; gap: 12px; margin-top: 14px; }
.research-question-card { padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); }
.research-question-card > header { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; }
.research-question-card > header > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--research); font-weight: 900; }
.research-question-card h3 { margin: 2px 0 0; font-size: 1rem; }
.research-question-card small { color: var(--muted); }
.research-question-card textarea, .research-question-card input { margin: 12px 0; background: var(--surface-2); }
.research-question-card footer { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.research-question-card footer code { margin-right: auto; padding: 4px 7px; border-radius: 7px; color: var(--research-ink); background: var(--research-soft); }
.research-option-preview { display: grid; gap: 7px; margin: 12px 0; }
.research-option-preview span { display: flex; gap: 8px; color: var(--muted); }
.research-scale-preview { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; margin: 14px 0; color: var(--muted); }
.research-scale-preview i { height: 5px; border-radius: 99px; background: linear-gradient(90deg, var(--research), #18a17f); }
.research-response-form { display: grid; gap: 13px; }
.research-response-head { display: grid; grid-template-columns: 1fr 180px; gap: 10px; }
.research-response-form fieldset { padding: 17px; border: 1px solid var(--line); border-radius: 15px; }
.research-response-form legend { max-width: 90%; padding: 0 7px; font-weight: 800; }
.research-response-form legend span { display: inline-grid; width: 27px; height: 27px; margin-right: 8px; place-items: center; border-radius: 8px; color: #fff; background: var(--research); }
.research-response-form fieldset > p { color: var(--muted); }
.research-response-options { display: grid; gap: 8px; }
.research-response-options label { display: flex; grid-template-columns: none; flex-direction: row; align-items: center; font-weight: 550; }
.research-response-options input { width: auto; }
.research-scale-input { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.research-scale-input > span { color: var(--muted); font-size: .78rem; }
.research-scale-input label { display: block; }
.research-scale-input input { position: absolute; opacity: 0; width: 1px; }
.research-scale-input label span { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.research-scale-input input:checked + span { border-color: var(--research); color: #fff; background: var(--research); }
.research-privacy-banner {
  display: grid; grid-template-columns: 44px 1fr; gap: 13px; align-items: start; margin-bottom: 16px; padding: 16px 18px;
  border: 1px solid #a9daca; border-radius: 16px; color: #0d5946; background: #effbf7;
}
.research-privacy-banner > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: #14765b; font-size: 1.2rem; }
.research-privacy-banner p { margin: 4px 0 0; line-height: 1.5; }
.research-participant-list, .research-session-list { display: grid; gap: 8px; }
.research-participant-list article, .research-session-list article {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 11px; align-items: center;
  padding: 11px; border: 1px solid var(--line); border-radius: 13px;
}
.research-participant-code { min-width: 58px; padding: 9px; border-radius: 10px; color: var(--research-ink); background: var(--research-soft); font-weight: 900; text-align: center; }
.research-participant-list article > div:nth-child(2), .research-session-list article > div:nth-child(2) { display: grid; gap: 3px; }
.research-participant-list span, .research-participant-list small, .research-session-list p, .research-session-list small { color: var(--muted); font-size: .78rem; }
.research-session-list article { grid-template-columns: 82px minmax(0, 1fr) auto auto; }
.research-session-list h3, .research-session-list p { margin: 0; }
.research-session-date { padding-right: 10px; border-right: 1px solid var(--line); text-align: center; }
.research-session-date span { display: block; color: var(--muted); }
.research-transcript-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 14px; align-items: start; }
.research-transcript-sidebar, .research-transcript-editor {
  border: 1px solid var(--line); border-radius: 19px; background: var(--surface); box-shadow: 0 12px 34px rgba(46,39,126,.055);
}
.research-transcript-sidebar { overflow: hidden; position: sticky; top: 92px; }
.research-transcript-sidebar > header { display: flex; justify-content: space-between; padding: 15px; border-bottom: 1px solid var(--line); }
.research-transcript-sidebar h2 { margin: 0; font-size: 1rem; }
.research-transcript-sidebar > button {
  width: 100%; padding: 13px; border: 0; border-bottom: 1px solid var(--line); display: grid;
  grid-template-columns: 28px 1fr; gap: 7px; color: var(--text); background: transparent; text-align: left;
}
.research-transcript-sidebar > button:hover, .research-transcript-sidebar > button.is-active { background: var(--research-soft); }
.research-transcript-sidebar button span:last-child { display: grid; gap: 3px; }
.research-transcript-sidebar small { color: var(--muted); }
.research-transcript-editor { padding: 20px; }
.research-transcript-editor > header { display: flex; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.research-transcript-editor > header h2 { margin: 4px 0; }
.research-transcript-editor > header p { margin: 0; color: var(--muted); }
.research-transcript-actions { display: flex; gap: 7px; flex-wrap: wrap; align-content: start; justify-content: end; }
.research-progress-wrap { display: grid; grid-template-columns: auto 1fr 45px; gap: 10px; align-items: center; padding: 10px; border-radius: 12px; background: var(--surface-2); font-size: .78rem; }
.research-segment-list { display: grid; gap: 8px; margin-top: 13px; }
.research-segment-list > article {
  display: grid; grid-template-columns: 62px minmax(0, 1fr) auto; gap: 12px; align-items: start;
  padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface);
}
.research-segment-list > article.is-verified { border-color: #b7ddcf; background: #f7fcfa; }
.research-timecode { padding: 7px; border: 1px solid #cbc8eb; border-radius: 9px; color: var(--research); background: var(--research-soft); font-size: .75rem; font-weight: 850; }
.research-segment-list article > div:nth-child(2) header { display: flex; justify-content: space-between; gap: 10px; }
.research-segment-list article > div:nth-child(2) header span { color: var(--muted); font-size: .7rem; }
.research-segment-list p { margin: 7px 0 0; line-height: 1.65; white-space: pre-line; }
.research-segment-actions { display: grid; gap: 6px; }
.research-analysis-grid { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); }
.research-codebook { display: grid; gap: 8px; }
.research-codebook article { display: grid; grid-template-columns: 7px minmax(0, 1fr) auto auto; gap: 11px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 13px; }
.research-codebook article > i { width: 7px; align-self: stretch; border-radius: 7px; background: var(--code-color); }
.research-codebook h3, .research-codebook p { margin: 0 0 3px; }
.research-codebook p, .research-codebook small { color: var(--muted); line-height: 1.4; }
.research-codebook article > b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--research); background: var(--research-soft); }
.research-code-bars { display: grid; gap: 12px; }
.research-code-bars header { display: flex; justify-content: space-between; margin-bottom: 5px; font-size: .82rem; }
.research-code-bars > div > i { overflow: hidden; display: block; height: 8px; border-radius: 99px; background: var(--surface-2); }
.research-code-bars b { display: block; height: 100%; border-radius: inherit; }
.research-quote-grid, .research-memo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.research-quote-grid blockquote { margin: 0; padding: 17px; border: 1px solid var(--line); border-left: 4px solid var(--research); border-radius: 13px; background: var(--surface-2); }
.research-quote-grid blockquote > p { margin: 0 0 12px; line-height: 1.65; }
.research-quote-grid footer { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: .74rem; }
.research-quote-grid footer div { display: flex; gap: 4px; flex-wrap: wrap; }
.research-quote-grid footer b { padding: 3px 6px; border-left: 3px solid var(--code-color); border-radius: 5px; background: var(--surface); }
.research-quote-grid blockquote > small { display: block; margin-top: 9px; color: var(--muted); }
.research-memo-grid article { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-2); }
.research-memo-grid article > span { color: var(--research); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.research-memo-grid h3 { margin: 5px 0; }
.research-memo-grid p { color: var(--muted); line-height: 1.55; white-space: pre-line; }
.research-memo-grid small { display: block; margin-bottom: 10px; color: var(--muted); }
.research-coding-source { padding: 16px; margin: 0 0 15px; border-left: 4px solid var(--research); border-radius: 10px; background: var(--research-soft); line-height: 1.6; }
.research-coding-source footer { margin-top: 7px; color: var(--muted); font-size: .78rem; }
.research-code-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.research-code-picker label { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; padding: 11px; border: 1px solid var(--line); border-left: 5px solid var(--code-color); border-radius: 12px; }
.research-code-picker input { width: auto; grid-row: span 2; }
.research-code-picker small { color: var(--muted); }
.research-dataset-tabs { display: flex; gap: 8px; overflow-x: auto; margin: 0 0 14px; padding: 2px; }
.research-dataset-tabs button { min-width: 190px; padding: 11px; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 3px; color: var(--text); background: var(--surface); text-align: left; }
.research-dataset-tabs button.is-active { border-color: var(--research); background: var(--research-soft); }
.research-dataset-tabs small { color: var(--muted); }
.research-data-quality { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 14px; }
.research-data-quality span { padding: 12px; border-radius: 12px; background: var(--surface-2); }
.research-data-quality small, .research-data-quality strong { display: block; }
.research-data-quality small { color: var(--muted); }
.research-data-quality strong { margin-top: 4px; font-size: 1.05rem; }
.research-data-preview { max-height: 440px; }
.research-data-preview table { font-size: .78rem; }
.research-data-preview th small { display: block; color: var(--muted); font-weight: 500; }
.research-result-list { display: grid; gap: 12px; }
.research-result-list > article { padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); }
.research-result-list > article > header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.research-result-list h3 { margin: 3px 0; }
.research-result-list header span, .research-result-list header small { color: var(--muted); }
.research-result-metrics { display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px; }
.research-result-metrics span { padding: 9px; border-radius: 10px; background: var(--surface); text-align: center; }
.research-result-metrics small, .research-result-metrics strong { display: block; }
.research-result-metrics small { min-height: 28px; color: var(--muted); font-size: .67rem; }
.research-interpretation { margin: 12px 0 0; padding: 11px; border-radius: 10px; background: var(--surface); line-height: 1.5; }
.research-correlation-result { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.research-correlation-result strong { font-size: 1.5rem; color: var(--research); }
.research-correlation-result p { flex-basis: 100%; margin: 0; color: var(--muted); }
.research-mixed-intro {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; margin-bottom: 16px; padding: 24px;
  border-radius: 20px; color: #fff; background: linear-gradient(120deg, #39317d, #176f75);
}
.research-mixed-intro > div { display: grid; grid-template-columns: 50px 1fr; gap: 13px; }
.research-mixed-intro > div > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.14); font-size: 1.3rem; }
.research-mixed-intro .eyebrow { color: #d8d5ff; }
.research-mixed-intro h2 { margin: 4px 0 7px; }
.research-mixed-intro p { margin: 0; color: #e4e7f6; line-height: 1.55; }
.research-mixed-intro ul { margin: 0; padding-left: 20px; color: #e5f4f1; line-height: 1.8; }
.research-joint-display { margin-bottom: 14px; }
.research-joint-display td, .research-joint-display th { vertical-align: top; line-height: 1.5; min-width: 150px; }
.research-joint-display td:last-child { min-width: 125px; }
.research-joint-display td .btn { margin-top: 7px; }
.research-reference-list { display: grid; gap: 9px; }
.research-reference-list article { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.research-reference-type { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 13px; color: var(--research); background: var(--research-soft); font-size: .72rem; font-weight: 900; }
.research-reference-list h2 { margin: 0 0 4px; font-size: 1rem; }
.research-reference-list p, .research-reference-list small { color: var(--muted); }
.research-reference-list p { margin: 0 0 3px; }
.research-reference-list code { display: inline-block; margin-top: 5px; padding: 3px 6px; border-radius: 6px; color: var(--research-ink); background: var(--research-soft); }
.research-publication-list { display: grid; gap: 13px; }
.research-publication-list > article { padding: 20px; border: 1px solid var(--line); border-radius: 19px; background: var(--surface); }
.research-publication-list article > header { display: flex; justify-content: space-between; gap: 16px; }
.research-publication-list header p { margin: 0 0 4px; color: var(--research); font-size: .75rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.research-publication-list h2 { margin: 0 0 4px; font-size: 1.25rem; }
.research-publication-list header span { color: var(--muted); }
.research-publication-score { min-width: 95px; padding: 10px; border-radius: 13px; color: var(--research-ink); background: var(--research-soft); text-align: center; }
.research-publication-score strong, .research-publication-score small { display: block; }
.research-publication-score strong { font-size: 1.35rem; }
.research-publication-sections { display: flex; flex-wrap: wrap; gap: 6px; margin: 17px 0; }
.research-publication-sections button { padding: 7px 9px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: var(--surface-2); font-size: .76rem; }
.research-publication-sections button.is-filled { border-color: #abd9ca; color: #0d624c; background: var(--research-mint); }
.research-publication-list article > footer { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 14px; border-top: 1px solid var(--line); }
.research-writing-help { padding: 13px; margin-bottom: 13px; border-radius: 12px; color: var(--research-ink); background: var(--research-soft); }
.research-writing-help p { margin: 5px 0 0; line-height: 1.5; }
.research-publication-preview-toolbar { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-bottom: 10px; padding: 12px; border-radius: 12px; background: var(--surface-2); }
.research-publication-preview-toolbar span { display: block; color: var(--muted); }
.research-reporting-checks { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.research-reporting-checks span { padding: 6px 8px; border-radius: 8px; color: var(--muted); background: var(--surface-2); font-size: .74rem; }
.research-reporting-checks span.is-done { color: #0d624c; background: var(--research-mint); }
.research-manuscript { max-width: 820px; margin: 0 auto; padding: clamp(24px, 5vw, 58px); border: 1px solid var(--line); background: #fff; color: #1d2733; box-shadow: 0 16px 45px rgba(20,31,49,.09); font-family: Georgia, "Times New Roman", serif; }
.research-manuscript > header { padding-bottom: 24px; border-bottom: 1px solid #ccd4dd; }
.research-manuscript > header > p:first-child { color: #545d6a; font-family: Inter, sans-serif; font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; }
.research-manuscript h1 { margin: 10px 0; font-size: 2.25rem; line-height: 1.15; }
.research-manuscript header h2 { color: #545d6a; font-size: 1.2rem; font-weight: 400; }
.research-manuscript section { margin-top: 28px; }
.research-manuscript section h2 { font-size: 1.45rem; }
.research-manuscript section p, .research-manuscript .research-abstract { line-height: 1.75; text-align: left; }
.research-manuscript .research-citation { color: #373080; }
.research-manuscript mark { color: #8f2634; background: #ffe4e8; }
.research-manuscript li { margin-bottom: 9px; line-height: 1.5; }
.research-transcription-center {
  margin-bottom: 16px; padding: 20px; border: 1px solid color-mix(in srgb, var(--research) 28%, var(--line));
  border-radius: 20px; background: linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--research-soft) 72%, var(--surface)));
  box-shadow: 0 12px 32px rgba(48, 43, 110, .08);
}
.research-transcription-center > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.research-transcription-center > header h2 { margin: 4px 0 6px; font-size: 1.2rem; }
.research-transcription-center > header p:last-child { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.5; }
.research-transcription-engine {
  display: flex; align-items: center; gap: 11px; margin-top: 15px; padding: 11px 13px;
  border: 1px solid #b8dfd3; border-radius: 13px; color: #105f4f; background: color-mix(in srgb, var(--research-mint) 80%, var(--surface));
}
.research-transcription-engine.is-error { border-color: #f2c4c9; color: #922c39; background: color-mix(in srgb, #ffe8eb 78%, var(--surface)); }
.research-transcription-engine > span {
  width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; border-radius: 10px;
  color: #fff; background: #14725f; font-weight: 900;
}
.research-transcription-engine.is-error > span { background: #a93643; }
.research-transcription-engine strong, .research-transcription-engine small { display: block; }
.research-transcription-engine small { margin-top: 2px; color: inherit; opacity: .78; }
.research-transcription-jobs { display: grid; gap: 9px; margin-top: 13px; }
.research-transcription-job {
  display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center;
  padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface);
}
.research-transcription-job-icon {
  width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px;
  color: var(--research); background: var(--research-soft); font-size: 1.05rem; font-weight: 900;
}
.research-transcription-job.is-completed .research-transcription-job-icon { color: #10644f; background: var(--research-mint); }
.research-transcription-job.is-failed .research-transcription-job-icon { color: #9a2c39; background: #ffe7ea; }
.research-transcription-job-main > header { display: flex; justify-content: space-between; gap: 10px; }
.research-transcription-job h3 { margin: 0 0 3px; font-size: .95rem; }
.research-transcription-job p { margin: 0; color: var(--muted); font-size: .78rem; }
.research-transcription-progress { position: relative; height: 18px; margin-top: 9px; border-radius: 999px; overflow: hidden; background: var(--surface-2); }
.research-transcription-progress i { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: linear-gradient(90deg, #4f46a5, #147d75); transition: width .35s ease; }
.research-transcription-progress span { position: absolute; inset: 0; display: grid; place-items: center; color: var(--text); font-size: .66rem; font-weight: 850; mix-blend-mode: normal; }
.research-transcription-result { margin-top: 7px !important; color: #126451 !important; font-weight: 750; }
.research-transcription-error { margin-top: 7px !important; color: #a12c3b !important; line-height: 1.4; }
.research-transcription-job-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.research-transcription-empty { margin: 13px 0 0; padding: 12px; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); text-align: center; }
.research-local-ai-note {
  display: flex; gap: 13px; margin-bottom: 16px; padding: 16px; border-radius: 15px;
  color: #fff; background: linear-gradient(125deg, #3c3485, #14766f);
}
.research-local-ai-note > span { width: 42px; height: 42px; display: grid; flex: 0 0 42px; place-items: center; border-radius: 12px; background: rgba(255,255,255,.14); }
.research-local-ai-note p { margin: 5px 0 0; color: #e9ebff; line-height: 1.5; }
.research-upload-progress { margin: 15px 0; padding: 14px; border-radius: 13px; background: var(--surface-2); }
.research-upload-progress > div { display: flex; justify-content: space-between; gap: 10px; }
.research-upload-progress > i { height: 9px; display: block; margin: 9px 0; overflow: hidden; border-radius: 99px; background: var(--line); }
.research-upload-progress > i > b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #4f46a5, #147d75); transition: width .2s ease; }
.research-upload-progress small { color: var(--muted); line-height: 1.4; }

@media (max-width: 1180px) {
  .research-kpi-grid, .research-readiness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .research-action-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .research-result-metrics { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 860px) {
  .research-hero { grid-template-columns: 1fr; padding: 26px; }
  .research-hero-score { width: 115px; height: 115px; border-radius: 28px; }
  .research-dashboard-grid, .research-design-grid, .research-analysis-grid, .research-field-grid,
  .research-project-grid, .research-instrument-grid, .research-mixed-intro { grid-template-columns: 1fr; }
  .research-transcript-layout { grid-template-columns: 1fr; }
  .research-transcript-sidebar { position: static; display: flex; overflow-x: auto; }
  .research-transcript-sidebar > header { min-width: 130px; }
  .research-transcript-sidebar > button { min-width: 210px; border-right: 1px solid var(--line); border-bottom: 0; }
  .research-quote-grid, .research-memo-grid { grid-template-columns: 1fr; }
  .research-code-picker { grid-template-columns: 1fr; }
  .research-context-bar { align-items: stretch; flex-direction: column; }
  .research-context-bar label { align-items: stretch; flex-direction: column; }
  .research-context-bar select { min-width: 0; }
}
@media (max-width: 620px) {
  .research-kpi-grid, .research-readiness-grid, .research-action-grid, .research-data-quality { grid-template-columns: 1fr; }
  .research-calculator-grid { grid-template-columns: 1fr; }
  .research-project-card > header, .research-instrument-card > header { grid-template-columns: auto 1fr; }
  .research-project-card > header .status, .research-instrument-card > header .status { grid-column: 1 / -1; justify-self: start; }
  .research-mini-kpis { flex-direction: column; }
  .research-segment-list > article { grid-template-columns: 1fr; }
  .research-segment-actions { display: flex; }
  .research-transcript-editor > header, .research-panel > header, .research-publication-list article > header { flex-direction: column; }
  .research-transcript-actions { justify-content: flex-start; }
  .research-transcription-center > header, .research-transcription-job-main > header { flex-direction: column; }
  .research-transcription-job { grid-template-columns: 40px minmax(0, 1fr); align-items: start; }
  .research-transcription-job-actions { grid-column: 1 / -1; justify-content: stretch; }
  .research-transcription-job-actions .btn { flex: 1; }
  .research-participant-list article, .research-session-list article, .research-reference-list article { grid-template-columns: 1fr; }
  .research-reference-type { width: 42px; height: 42px; }
  .research-result-metrics { grid-template-columns: repeat(2, 1fr); }
  .research-response-head { grid-template-columns: 1fr; }
}
@media print {
  body * { visibility: hidden !important; }
  .research-manuscript, .research-manuscript * { visibility: visible !important; }
  .research-manuscript { position: absolute; inset: 0; max-width: none; padding: 18mm; border: 0; box-shadow: none; }
}



/* AppSystem bundle source: styles/194-studio.css */
.studio-workspace {
  --studio: #6d3ee8;
  --studio-dark: #4a24b8;
  --studio-blue: #2666ea;
  --studio-coral: #f2615d;
  --studio-lime: #b9f35c;
  --studio-ink: #1f1641;
  --studio-soft: #f1edff;
  --studio-panel: color-mix(in srgb, var(--surface) 96%, #f4f0ff);
}
.studio-workspace .eyebrow { color: var(--studio); }
.studio-workspace .btn-primary { background: var(--studio); border-color: var(--studio); }
.studio-workspace .btn-primary:hover { background: var(--studio-dark); border-color: var(--studio-dark); }
.studio-page-header { align-items: end; }
.studio-page-header > div:first-child { max-width: 850px; }
.studio-page-header h1 { letter-spacing: -.045em; }
.studio-page-header .muted { margin: 4px 0 0; max-width: 760px; line-height: 1.55; }
.studio-hero {
  position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center;
  margin-bottom: 18px; padding: clamp(24px, 4vw, 44px); border-radius: 25px; color: #fff;
  background:
    radial-gradient(circle at 85% 20%, rgba(185,243,92,.32), transparent 30%),
    radial-gradient(circle at 60% 115%, rgba(242,97,93,.42), transparent 35%),
    linear-gradient(125deg, #291260 0%, #6338d9 48%, #3569dd 100%);
  box-shadow: 0 20px 60px rgba(54,32,121,.2);
}
.studio-hero::after {
  content: ""; position: absolute; width: 220px; height: 220px; right: -100px; bottom: -130px;
  border: 34px solid rgba(255,255,255,.08); border-radius: 50%;
}
.studio-hero .eyebrow { color: #dcd2ff; }
.studio-hero h2 { max-width: 780px; margin: 8px 0 12px; font-size: clamp(1.75rem, 3.3vw, 2.75rem); line-height: 1.04; letter-spacing: -.055em; }
.studio-hero p:last-child { max-width: 720px; margin: 0; color: #ece8ff; font-size: 1.04rem; line-height: 1.6; }
.studio-hero-badge {
  position: relative; z-index: 1; width: 132px; height: 132px; display: grid; align-content: center; justify-items: center;
  border: 1px solid rgba(255,255,255,.26); border-radius: 34px; background: rgba(255,255,255,.12); backdrop-filter: blur(8px);
}
.studio-hero-badge strong { font-size: 2.55rem; letter-spacing: -.08em; }
.studio-hero-badge span { max-width: 90px; color: #eeeaff; font-size: .78rem; line-height: 1.25; text-align: center; }
.studio-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-bottom: 18px; }
.studio-kpi-grid article {
  display: grid; grid-template-columns: 43px 1fr; gap: 2px 12px; align-items: center; padding: 17px;
  border: 1px solid var(--line); border-radius: 17px; background: var(--surface);
}
.studio-kpi-grid article > span { grid-row: span 3; width: 43px; height: 43px; display: grid; place-items: center; border-radius: 13px; color: var(--studio); background: var(--studio-soft); font-size: 1.15rem; font-weight: 900; }
.studio-kpi-grid small { color: var(--muted); font-weight: 750; }
.studio-kpi-grid strong { font-size: 1.48rem; letter-spacing: -.04em; }
.studio-kpi-grid p { margin: 0; color: var(--muted); font-size: .74rem; }
.studio-panel { margin-bottom: 18px; padding: 20px; border: 1px solid var(--line); border-radius: 19px; background: var(--surface); }
.studio-panel > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.studio-panel > header h2 { margin: 3px 0; font-size: 1.2rem; letter-spacing: -.025em; }
.studio-panel > header p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .86rem; }
.studio-template-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.studio-template-grid button {
  min-height: 130px; display: grid; align-content: center; justify-items: start; gap: 7px; padding: 15px;
  border: 1px solid var(--line); border-radius: 16px; color: var(--text); background: var(--surface-2); text-align: left;
  transition: .18s ease;
}
.studio-template-grid button:hover { border-color: var(--studio); background: var(--studio-soft); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(74,36,184,.1); }
.studio-template-grid button > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, var(--studio), var(--studio-blue)); font-size: 1.15rem; }
.studio-template-grid strong { line-height: 1.2; }
.studio-template-grid small { color: var(--muted); line-height: 1.35; }
.studio-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.studio-project-card { overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: var(--surface); box-shadow: 0 10px 30px rgba(25,18,56,.05); }
.studio-project-cover {
  position: relative; width: 100%; height: 178px; display: grid; place-items: center; overflow: hidden;
  border: 0; color: #fff; background: radial-gradient(circle at 35% 30%, #7c54ec, #211443 72%); font-size: 2rem;
}
.studio-project-cover img { width: 100%; height: 100%; object-fit: cover; }
.studio-project-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 55%, rgba(16,10,35,.55)); }
.studio-project-cover i { position: absolute; z-index: 1; right: 10px; bottom: 10px; padding: 4px 7px; border-radius: 8px; color: #fff; background: rgba(15,11,30,.65); font-size: .7rem; font-style: normal; font-weight: 850; }
.studio-project-copy { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 16px; }
.studio-project-copy p { margin: 0 0 3px; color: var(--studio); font-size: .7rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.studio-project-copy h2 { margin: 0; font-size: 1.08rem; line-height: 1.3; }
.studio-project-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px 13px; color: var(--muted); font-size: .76rem; }
.studio-project-progress { grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 99px; background: var(--surface-2); }
.studio-project-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--studio), var(--studio-coral)); }
.studio-project-copy > small { grid-column: 1 / -1; margin-top: -7px; color: var(--muted); font-size: .68rem; }
.studio-project-copy footer { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; }
.studio-filter-summary { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--muted); }
.studio-filter-summary b { color: var(--studio); font-size: 1.25rem; }
.studio-empty { min-height: 210px; display: grid; align-content: center; justify-items: center; gap: 9px; padding: 25px; color: var(--muted); text-align: center; }
.studio-empty > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; color: var(--studio); background: var(--studio-soft); font-size: 1.35rem; }
.studio-empty strong { color: var(--text); font-size: 1.12rem; }
.studio-empty p { max-width: 560px; margin: 0 0 5px; line-height: 1.5; }
.studio-context-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; padding: 10px 13px;
  border: 1px solid #d9d0f5; border-radius: 14px; background: color-mix(in srgb, var(--studio-soft) 75%, var(--surface));
}
.studio-context-bar label { display: flex; align-items: center; gap: 9px; }
.studio-context-bar label > span { color: var(--studio-ink); font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.studio-context-bar select { min-width: min(410px, 48vw); padding: 7px 32px 7px 9px; border-color: #cfc2f4; background-color: var(--surface); }
.studio-context-bar > div { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .8rem; }

/* Editor */
.content:has(.studio-editor-page) { max-width: none; padding: 17px; }
.studio-editor-page { min-width: 0; }
.studio-editor-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 12px; }
.studio-editor-top > div, .studio-editor-actions { display: flex; align-items: center; gap: 10px; }
.studio-editor-top p { margin: 0; color: var(--studio); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.studio-editor-top h1 { margin: 0; max-width: 420px; overflow: hidden; font-size: 1.2rem; text-overflow: ellipsis; white-space: nowrap; }
.studio-editor-workspace { display: grid; grid-template-columns: 76px minmax(380px, 1fr) 290px; min-height: 610px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px 20px 0 0; background: #17131f; }
.studio-tools { display: grid; align-content: start; gap: 4px; padding: 10px 7px; border-right: 1px solid #322b3d; background: #211b2a; }
.studio-tools button { min-height: 65px; display: grid; place-items: center; gap: 3px; padding: 7px 3px; border: 0; border-radius: 10px; color: #cfc6dd; background: transparent; font-size: .68rem; font-weight: 750; }
.studio-tools button > span { font-size: 1.1rem; font-weight: 900; }
.studio-tools button:hover { color: #fff; background: #372d46; }
.studio-stage { min-width: 0; display: grid; align-content: center; justify-items: center; gap: 12px; padding: 22px; background: radial-gradient(circle at 50% 40%, #302b3c, #17131f 70%); }
.studio-preview-shell { display: grid; justify-items: center; gap: 7px; min-width: 0; }
.studio-preview-canvas {
  --studio-bg: #111827; position: relative; overflow: hidden; display: grid; place-items: center; max-width: min(100%, 420px); max-height: 475px;
  border-radius: 11px; background: var(--studio-bg); box-shadow: 0 25px 70px rgba(0,0,0,.4);
}
.studio-preview-canvas.ratio-9-16 { width: 267px; aspect-ratio: 9 / 16; }
.studio-preview-canvas.ratio-4-5 { width: 380px; aspect-ratio: 4 / 5; }
.studio-preview-canvas.ratio-1-1 { width: 420px; aspect-ratio: 1; }
.studio-preview-canvas.ratio-16-9 { width: 420px; aspect-ratio: 16 / 9; }
.studio-preview-canvas video, .studio-preview-canvas > img { width: 100%; height: 100%; object-fit: cover; background: var(--studio-bg); }
.studio-preview-placeholder { display: grid; place-items: center; gap: 7px; padding: 20px; color: #9f98aa; text-align: center; }
.studio-preview-placeholder span { width: 55px; height: 55px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #3a3048; }
.studio-safe-zone { position: absolute; inset: 7% 7% 14%; border: 1px dashed rgba(255,255,255,.6); border-radius: 4px; pointer-events: none; }
.studio-safe-zone::after { content: ""; position: absolute; right: -7%; top: 13%; bottom: 5%; width: 7%; border-left: 1px dashed rgba(255,199,92,.55); background: rgba(255,199,92,.07); }
.studio-safe-zone span { position: absolute; top: 3px; left: 5px; color: rgba(255,255,255,.75); font-size: .55rem; text-transform: uppercase; letter-spacing: .08em; }
.studio-preview-title { position: absolute; z-index: 3; max-width: 88%; padding: 4px 8px; color: #fff; font-size: clamp(.72rem, 2.1vw, 1.3rem); font-weight: 900; line-height: 1.1; text-align: center; text-shadow: 0 2px 6px #000; transform: translate(-50%, -50%); }
.studio-preview-caption { position: absolute; z-index: 4; left: 7%; right: 7%; color: var(--caption-color); font-size: clamp(.68rem, 2vw, 1.15rem); font-weight: 900; line-height: 1.15; text-align: center; text-shadow: 0 2px 2px #000, 0 0 6px #000; }
.studio-preview-caption.pos-bottom { bottom: 15%; }
.studio-preview-caption.pos-middle { top: 50%; transform: translateY(-50%); }
.studio-preview-caption.pos-top { top: 9%; }
.studio-preview-caption.is-boxed { padding: 5px 7px; border-radius: 5px; background: rgba(0,0,0,.72); text-shadow: none; }
.studio-preview-caption.is-minimal { font-weight: 700; text-shadow: 0 1px 3px #000; }
.studio-preview-caption.is-bold::first-letter { color: var(--caption-accent); }
.studio-preview-meta { display: flex; gap: 5px; }
.studio-preview-meta span { padding: 4px 7px; border-radius: 7px; color: #bfb7ca; background: #2b2435; font-size: .62rem; }
.studio-playbar { display: flex; align-items: center; gap: 9px; color: #bfb7ca; font-size: .72rem; }
.studio-play-button { width: 42px; height: 42px; border: 0; border-radius: 50%; color: #fff; background: var(--studio); }
.studio-readiness { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; max-width: 610px; }
.studio-readiness span { display: flex; align-items: center; gap: 4px; padding: 4px 7px; border-radius: 8px; color: #a9a1b4; background: #282132; font-size: .62rem; }
.studio-readiness span.is-done { color: #dfffb4; background: #293820; }
.studio-readiness i { font-style: normal; }
.studio-inspector { overflow: auto; max-height: 610px; padding: 15px; color: var(--text); background: var(--surface); }
.studio-inspector > header { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.studio-inspector h2 { margin: 2px 0 0; font-size: 1rem; }
.studio-inspector-tabs { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 12px; padding: 3px; border-radius: 9px; background: var(--surface-2); }
.studio-inspector-tabs span { padding: 6px; font-size: .68rem; font-weight: 800; text-align: center; }
.studio-inspector-tabs span:first-child { border-radius: 7px; color: var(--studio); background: var(--surface); box-shadow: 0 2px 7px rgba(0,0,0,.06); }
.studio-clip-order { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 12px; }
.studio-control-grid { display: grid; gap: 10px; }
.studio-control-grid label { display: grid; grid-template-columns: 1fr auto; gap: 5px; color: var(--text); font-size: .74rem; font-weight: 750; }
.studio-control-grid label select, .studio-control-grid label input:not([type="checkbox"]) { grid-column: 1 / -1; min-width: 0; }
.studio-control-grid output { color: var(--studio); }
.studio-control-grid input[type="range"] { padding: 0; }
.studio-trim-box { margin-top: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.studio-trim-box strong { font-size: .77rem; }
.studio-trim-box > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
.studio-trim-box label { color: var(--muted); font-size: .67rem; }
.studio-trim-box input { margin-top: 3px; padding: 7px; }
.studio-timeline { padding: 13px; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 20px 20px; background: #25202c; color: #fff; }
.studio-timeline > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.studio-timeline > header > div { display: flex; align-items: center; gap: 8px; }
.studio-timeline header span { color: #aaa2b4; font-size: .7rem; }
.studio-track { min-height: 53px; display: grid; grid-template-columns: 55px minmax(0, 1fr); border-top: 1px solid #3d3547; }
.studio-track-label { display: grid; align-content: center; padding: 6px; color: #c8c0d1; border-right: 1px solid #3d3547; }
.studio-track-label span { font-size: .69rem; font-weight: 900; }
.studio-track-label small { color: #8e8599; font-size: .58rem; }
.studio-clips { overflow-x: auto; display: flex; align-items: center; gap: 3px; padding: 5px; }
.studio-clip { --clip-width: 130px; position: relative; width: var(--clip-width); min-width: var(--clip-width); height: 55px; display: grid; grid-template-columns: 42px 1fr; grid-template-rows: 1fr auto; gap: 0 6px; align-items: center; overflow: hidden; padding: 4px; border: 2px solid transparent; border-radius: 8px; color: #fff; background: #41364f; text-align: left; }
.studio-clip.is-selected { border-color: #a887ff; background: #543b80; box-shadow: 0 0 0 2px rgba(168,135,255,.2); }
.studio-clip img, .studio-clip > span { grid-row: span 2; width: 42px; height: 44px; object-fit: cover; border-radius: 5px; background: #2d2536; }
.studio-clip > span { display: grid; place-items: center; }
.studio-clip strong { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.studio-clip small { color: #c4b8d2; font-size: .58rem; }
.studio-clip > i { position: absolute; right: 3px; bottom: 2px; color: rgba(255,255,255,.42); font-size: .54rem; font-style: normal; }
.studio-timeline-empty { min-width: 190px; height: 44px; border: 1px dashed #655874; border-radius: 8px; color: #c6b9d3; background: transparent; }
.studio-overlay-strip, .studio-caption-strip, .studio-audio-strip { min-width: 0; display: flex; align-items: center; gap: 7px; overflow-x: auto; padding: 6px; color: #b9afc3; font-size: .65rem; }
.studio-overlay-strip button { min-width: calc(var(--overlay-width) * 15px); margin-left: calc(var(--overlay-start) * 2px); padding: 7px 9px; overflow: hidden; border: 1px solid #7358a7; border-radius: 6px; color: #eee6ff; background: #48336e; text-overflow: ellipsis; white-space: nowrap; }
.studio-caption-strip button, .studio-audio-strip button { padding: 5px 8px; border: 1px solid #5e506c; border-radius: 6px; color: #d8cde3; background: #372e41; }
.studio-audio-strip label { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.studio-audio-strip input[type="range"] { width: 90px; padding: 0; accent-color: #a887ff; }
.studio-audio-strip input[type="number"] { width: 58px; padding: 4px 5px; border-color: #5e506c; color: #fff; background: #372e41; }
.studio-audio-strip output { min-width: 30px; color: #fff; }
.studio-shortcuts { margin: 8px 0 0; color: var(--muted); font-size: .68rem; text-align: center; }
.studio-shortcuts kbd { padding: 2px 5px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); box-shadow: 0 1px 0 var(--line); }

/* Media, captions, brand and exports */
.studio-local-note { display: grid; grid-template-columns: 40px 1fr; gap: 11px; align-items: start; margin-bottom: 14px; padding: 13px; border: 1px solid #c7dfd4; border-radius: 14px; color: #0d5b48; background: #edf9f4; }
.studio-local-note > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: #14765b; }
.studio-local-note strong { display: block; }
.studio-local-note p { margin: 3px 0 0; color: #3f6d61; font-size: .8rem; line-height: 1.45; }
.studio-media-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.studio-media-card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.studio-media-thumb { position: relative; height: 160px; display: grid; place-items: center; overflow: hidden; color: #fff; background: linear-gradient(145deg, #342559, #1c1825); font-size: 1.6rem; }
.studio-media-thumb img { width: 100%; height: 100%; object-fit: cover; }
.studio-media-thumb i { position: absolute; left: 8px; bottom: 8px; padding: 4px 6px; border-radius: 6px; color: #fff; background: rgba(0,0,0,.65); font-size: .62rem; font-style: normal; font-weight: 800; }
.studio-media-card > div:last-child { padding: 13px; }
.studio-media-card h3 { margin: 0; overflow: hidden; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
.studio-media-card p { margin: 4px 0 11px; color: var(--muted); font-size: .7rem; }
.studio-media-card footer { display: flex; flex-wrap: wrap; gap: 5px; }
.studio-upload-drop { position: relative; min-height: 230px; display: grid; align-content: center; justify-items: center; gap: 8px; padding: 25px; border: 2px dashed #b9a8e8; border-radius: 17px; background: var(--studio-soft); text-align: center; }
.studio-upload-drop > span { width: 55px; height: 55px; display: grid; place-items: center; border-radius: 17px; color: #fff; background: var(--studio); font-size: 1.35rem; }
.studio-upload-drop p { max-width: 500px; margin: 0; color: var(--muted); }
.studio-upload-drop input { width: min(520px, 100%); margin-top: 9px; background: var(--surface); }
.studio-upload-progress { position: relative; overflow: hidden; display: grid; gap: 3px; padding: 12px; border-radius: 11px; background: var(--surface-2); }
.studio-upload-progress span { color: var(--muted); font-size: .72rem; }
.studio-upload-progress i { height: 7px; margin-top: 5px; border-radius: 99px; background: linear-gradient(90deg, var(--studio), var(--studio-blue)); }
.studio-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.studio-picker button { min-width: 0; display: grid; gap: 5px; padding: 9px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: var(--surface-2); text-align: left; }
.studio-picker img, .studio-picker button > span { width: 100%; height: 105px; object-fit: cover; border-radius: 8px; background: #251c37; }
.studio-picker button > span { display: grid; place-items: center; color: #fff; font-size: 1.4rem; }
.studio-picker strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.studio-picker small { color: var(--muted); }
.studio-caption-layout { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 14px; align-items: start; }
.studio-caption-settings, .studio-transcript-editor { padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.studio-caption-settings h2, .studio-transcript-editor h2 { margin: 3px 0 14px; font-size: 1.12rem; }
.studio-caption-presets { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 15px; }
.studio-caption-presets button { display: grid; grid-template-columns: 38px 1fr; gap: 7px; align-items: center; padding: 7px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: var(--surface-2); font-size: .68rem; text-align: left; }
.studio-caption-presets button.is-active { border-color: var(--studio); color: var(--studio); background: var(--studio-soft); }
.caption-sample { width: 38px; height: 34px; display: grid; place-items: center; border-radius: 6px; color: #fff; background: #211b2a; font-weight: 900; }
.caption-sample.is-boxed { background: #000; box-shadow: inset 0 -7px #6d3ee8; }
.caption-sample.is-minimal { color: #222; background: #fff; font-weight: 500; }
.caption-sample.is-classic { font-family: Georgia, serif; }
.studio-check { display: flex !important; grid-template-columns: none !important; flex-direction: row; align-items: center; gap: 7px !important; }
.studio-check input { width: auto !important; margin: 0; }
.studio-transcript-editor > header { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.studio-transcript-editor > header > div:last-child { display: flex; gap: 6px; }
.studio-caption-jobs { display: grid; gap: 7px; margin-bottom: 12px; }
.studio-caption-job { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; padding: 10px; border: 1px solid #d8d0ed; border-radius: 11px; background: var(--studio-soft); }
.studio-caption-job > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--studio); }
.studio-caption-job header { display: flex; justify-content: space-between; gap: 8px; }
.studio-caption-job small { color: var(--muted); }
.studio-job-progress { position: relative; height: 9px; overflow: hidden; margin-top: 7px; border-radius: 99px; background: #ddd9e8; }
.studio-job-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--studio), var(--studio-blue)); }
.studio-job-progress span { position: absolute; top: 11px; right: 0; color: var(--muted); font-size: .65rem; }
.studio-error { margin: 5px 0 0; color: #a42128 !important; font-size: .75rem; }
.studio-caption-segments { display: grid; gap: 7px; max-height: 650px; overflow: auto; padding-right: 3px; }
.studio-caption-segments article { display: grid; grid-template-columns: 28px 145px 1fr 34px; gap: 8px; align-items: center; padding: 9px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-2); }
.studio-caption-segments article > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: var(--studio); background: var(--studio-soft); font-size: .7rem; font-weight: 900; }
.studio-caption-time { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 3px; }
.studio-caption-time input { min-width: 0; padding: 7px 4px; font-size: .7rem; }
.studio-caption-time i { color: var(--muted); font-style: normal; }
.studio-caption-segments textarea { min-height: 54px; padding: 8px; resize: vertical; }
.studio-brand-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-bottom: 16px; }
.studio-brand-card { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.studio-brand-preview { --brand-primary: #004381; --brand-secondary: #ffd84d; height: 130px; display: grid; place-items: center; color: #fff; background: var(--brand-primary); }
.studio-brand-preview span { padding: 7px 12px; border-radius: 8px; color: var(--brand-primary); background: var(--brand-secondary); font-size: 1.65rem; font-weight: 950; }
.studio-brand-card > div:last-child { padding: 14px; }
.studio-brand-card h2 { margin: 2px 0; font-size: 1.05rem; }
.studio-brand-card p:not(.eyebrow) { color: var(--muted); font-size: .75rem; }
.studio-brand-card footer { display: flex; gap: 6px; }
.studio-brand-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; }
.studio-brand-controls label:not(.studio-check) { min-width: 180px; }
.studio-brand-controls input[type="color"] { height: 44px; }
.studio-export-guide { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; padding: 21px; border-radius: 18px; color: #fff; background: linear-gradient(125deg, #251253, var(--studio), var(--studio-blue)); }
.studio-export-guide h2 { margin: 4px 0; }
.studio-export-guide p:last-child { margin: 0; color: #e7e0ff; }
.studio-export-guide > strong { width: 76px; height: 76px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.3); border-radius: 23px; background: rgba(255,255,255,.14); font-size: 1.45rem; }
.studio-export-list { display: grid; gap: 10px; }
.studio-export-list article { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); }
.studio-export-icon { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: var(--studio); font-size: 1.2rem; }
.studio-export-list header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.studio-export-list h2 { margin: 0; font-size: .98rem; }
.studio-export-list p { margin: 4px 0; color: var(--muted); font-size: .75rem; }
.studio-export-list footer { display: flex; gap: 6px; }
.studio-export-summary { display: flex; align-items: center; gap: 11px; padding: 13px; border-radius: 13px; background: var(--studio-soft); }
.studio-export-summary > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: var(--studio); }
.studio-export-summary p { margin: 4px 0 0; color: var(--muted); }
.studio-story-steps { display: grid; gap: 10px; }
.studio-story-steps section { display: grid; grid-template-columns: 35px 1fr; gap: 10px; align-items: start; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.studio-story-steps section > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--studio); font-weight: 900; }
.studio-form { display: grid; gap: 15px; }

/* Intelligent editing */
.studio-smart-hero p:not(.eyebrow) { max-width: 760px; margin: 0; color: #ece8ff; font-size: 1rem; line-height: 1.6; }
.studio-hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.studio-hero-actions .btn-primary { color: var(--studio-ink); background: var(--studio-lime); border-color: var(--studio-lime); }
.studio-hero-actions .btn-secondary { color: #fff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.36); }
.studio-upload-benefits { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: -6px; }
.studio-upload-benefits span { padding: 6px 9px; border-radius: 99px; color: var(--studio-dark); background: var(--studio-soft); font-size: .72rem; font-weight: 800; }
.studio-media-description { display: -webkit-box; min-height: 32px; overflow: hidden; color: #7b5b14 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.45; }
.studio-media-description > span { margin-right: 5px; font-weight: 900; }
.studio-media-description.is-ready { color: #176447 !important; }
.studio-smart-intro {
  display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 18px; margin-bottom: 18px; padding: clamp(22px, 4vw, 38px);
  overflow: hidden; border-radius: 24px; color: #fff; background:
    radial-gradient(circle at 93% 8%, rgba(185,243,92,.35), transparent 24%),
    linear-gradient(125deg, #24104f, #5d32cf 58%, #245dd2);
}
.studio-smart-intro h2 { max-width: 720px; margin: 4px 0 20px; font-size: clamp(1.45rem, 2.6vw, 2.2rem); letter-spacing: -.04em; }
.studio-smart-intro .eyebrow { color: #d8ceff; }
.studio-smart-intro ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 0; padding: 0; list-style: none; }
.studio-smart-intro li { display: grid; grid-template-columns: 28px 1fr; gap: 2px 8px; padding: 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.08); }
.studio-smart-intro li > span { grid-row: span 2; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: var(--studio-ink); background: var(--studio-lime); font-size: .72rem; font-weight: 900; }
.studio-smart-intro li b { font-size: .78rem; }
.studio-smart-intro li small { color: #d9d2e9; font-size: .66rem; line-height: 1.3; }
.studio-smart-score { display: grid; align-content: center; justify-items: center; gap: 5px; padding: 22px; border: 1px solid rgba(255,255,255,.25); border-radius: 22px; background: rgba(255,255,255,.11); text-align: center; backdrop-filter: blur(8px); }
.studio-smart-score > span { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 15px; color: var(--studio-ink); background: var(--studio-lime); font-size: 1.15rem; }
.studio-smart-score strong { margin-top: 6px; font-size: 2.5rem; line-height: 1; letter-spacing: -.08em; }
.studio-smart-score small { max-width: 140px; margin-bottom: 10px; color: #e6dff4; line-height: 1.3; }
.studio-smart-style-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.studio-smart-style-grid article { display: grid; align-content: start; gap: 7px; min-height: 190px; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); }
.studio-smart-style-grid article > span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, var(--studio), var(--studio-blue)); font-weight: 900; }
.studio-smart-style-grid h3 { margin: 2px 0 0; font-size: .95rem; }
.studio-smart-style-grid p { margin: 0 0 5px; color: var(--muted); font-size: .73rem; line-height: 1.45; }
.studio-smart-style-grid .btn { align-self: end; margin-top: auto; }
.studio-smart-jobs { display: grid; gap: 9px; }
.studio-smart-job { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); }
.studio-smart-job.is-active { border-color: #c8b9ee; background: color-mix(in srgb, var(--studio-soft) 58%, var(--surface)); }
.studio-smart-job.is-ready { border-color: #b7ddca; }
.studio-smart-job-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--studio), var(--studio-blue)); font-size: 1.1rem; font-weight: 900; }
.studio-smart-job > div > header { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.studio-smart-job h3 { margin: 2px 0; font-size: .98rem; }
.studio-smart-job p:not(.eyebrow) { margin: 3px 0; color: var(--muted); font-size: .76rem; }
.studio-smart-job footer { display: flex; gap: 6px; }
.studio-smart-facts { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.studio-smart-facts span { padding: 4px 7px; border-radius: 8px; color: var(--studio-dark); background: var(--studio-soft); font-size: .67rem; font-weight: 750; }
.studio-smart-form-intro { display: grid; grid-template-columns: 42px 1fr; gap: 11px; padding: 13px; border-radius: 14px; color: #fff; background: linear-gradient(130deg, #35186f, var(--studio)); }
.studio-smart-form-intro > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: var(--studio-ink); background: var(--studio-lime); font-weight: 900; }
.studio-smart-form-intro p { margin: 3px 0 0; color: #e3dcf5; font-size: .76rem; line-height: 1.45; }
.studio-smart-form fieldset { min-width: 0; }
.studio-smart-media-choice { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.studio-smart-media-choice label { position: relative; min-width: 0; }
.studio-smart-media-choice input { position: absolute; top: 8px; left: 8px; z-index: 2; width: 19px; height: 19px; accent-color: var(--studio); }
.studio-smart-media-choice label > span { display: grid; grid-template-columns: 1fr auto; gap: 5px; overflow: hidden; padding: 7px; border: 2px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.studio-smart-media-choice input:checked + span { border-color: var(--studio); background: var(--studio-soft); }
.studio-smart-media-choice img, .studio-smart-media-choice label i { grid-column: 1 / -1; width: 100%; height: 95px; object-fit: cover; border-radius: 8px; background: #261b3d; }
.studio-smart-media-choice label i { display: grid; place-items: center; color: #fff; font-style: normal; }
.studio-smart-media-choice b { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.studio-smart-media-choice small { color: var(--muted); font-size: .66rem; }
.studio-smart-style-choice, .studio-smart-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.studio-smart-options { grid-template-columns: repeat(3, 1fr); }
.studio-smart-style-choice label, .studio-smart-options label { position: relative; min-width: 0; }
.studio-smart-style-choice input, .studio-smart-options input { position: absolute; top: 11px; left: 10px; z-index: 1; width: 18px; height: 18px; accent-color: var(--studio); }
.studio-smart-style-choice span, .studio-smart-options span { min-height: 88px; display: grid; align-content: start; gap: 4px; padding: 10px 9px 10px 36px; border: 2px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.studio-smart-options span { min-height: 76px; }
.studio-smart-style-choice input:checked + span, .studio-smart-options input:checked + span { border-color: var(--studio); background: var(--studio-soft); }
.studio-smart-style-choice strong, .studio-smart-options strong { font-size: .76rem; }
.studio-smart-style-choice small, .studio-smart-options small { color: var(--muted); font-size: .67rem; line-height: 1.35; }
.studio-description-layout { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(420px, 1.3fr); gap: 14px; }
.studio-social-copy, .studio-audio-description { padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-2); }
.studio-social-copy { align-self: start; }
.studio-social-copy label { display: grid; gap: 8px; font-size: .82rem; }
.studio-social-copy textarea { min-height: 230px; resize: vertical; }
.studio-social-copy .btn { margin-top: 9px; }
.studio-description-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.studio-description-heading p { margin: 3px 0 0; color: var(--muted); font-size: .72rem; }
.studio-switch { display: grid; grid-template-columns: 36px auto; gap: 1px 7px; align-items: center; cursor: pointer; }
.studio-switch input { position: absolute; opacity: 0; }
.studio-switch span { position: relative; grid-row: span 2; width: 36px; height: 22px; border-radius: 99px; background: #bbb4c7; }
.studio-switch span::after { content: ""; position: absolute; width: 16px; height: 16px; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: .16s; }
.studio-switch input:checked + span { background: var(--studio); }
.studio-switch input:checked + span::after { transform: translateX(14px); }
.studio-switch input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--studio) 35%, transparent); outline-offset: 2px; }
.studio-switch input:disabled + span { opacity: .45; cursor: not-allowed; }
.studio-switch b { font-size: .72rem; }
.studio-review-warning { display: grid; grid-template-columns: 33px 1fr; gap: 9px; padding: 10px; border: 1px solid #eed48e; border-radius: 11px; color: #694d04; background: #fff7d7; }
.studio-review-warning > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: #9b7000; font-weight: 900; }
.studio-review-warning p { margin: 0; font-size: .72rem; line-height: 1.45; }
.studio-description-cues { display: grid; gap: 7px; max-height: 560px; overflow: auto; margin-top: 10px; padding-right: 3px; }
.studio-description-cues article { display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: 8px; padding: 9px; border: 1px solid #ecd48f; border-radius: 11px; background: #fffaf0; }
.studio-description-cues article.is-reviewed { border-color: #b6ddc9; background: #f0faf5; }
.studio-description-cues article > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--studio); background: var(--studio-soft); font-size: .7rem; font-weight: 900; }
.studio-description-cues article > div { display: grid; gap: 6px; }
.studio-description-cues textarea { min-height: 56px; resize: vertical; }
.studio-description-cues label { display: flex; align-items: center; gap: 6px; font-size: .7rem; font-weight: 750; }
.studio-description-cues label input { width: auto; }

html[data-theme="dark"] .studio-local-note, body.dark-mode .studio-local-note { border-color: #315e50; color: #bdebdc; background: #173a30; }
html[data-theme="dark"] .studio-local-note p, body.dark-mode .studio-local-note p { color: #9ac8b9; }
html[data-theme="dark"] .studio-context-bar, body.dark-mode .studio-context-bar { border-color: #4c3e6c; }
html[data-theme="dark"] .studio-review-warning, body.dark-mode .studio-review-warning { border-color: #735d1e; color: #f2dea2; background: #413617; }
html[data-theme="dark"] .studio-description-cues article, body.dark-mode .studio-description-cues article { border-color: #6f5d2a; background: #322c1d; }
html[data-theme="dark"] .studio-description-cues article.is-reviewed, body.dark-mode .studio-description-cues article.is-reviewed { border-color: #315e50; background: #173a30; }

@media (max-width: 1220px) {
  .studio-template-grid { grid-template-columns: repeat(3, 1fr); }
  .studio-project-grid, .studio-media-grid { grid-template-columns: repeat(2, 1fr); }
  .studio-editor-workspace { grid-template-columns: 68px minmax(360px, 1fr) 260px; }
  .studio-smart-style-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px) {
  .studio-kpi-grid { grid-template-columns: 1fr 1fr; }
  .studio-editor-workspace { grid-template-columns: 65px 1fr; }
  .studio-inspector { grid-column: 1 / -1; max-height: none; border-top: 1px solid var(--line); }
  .studio-caption-layout { grid-template-columns: 1fr; }
  .studio-brand-grid { grid-template-columns: 1fr 1fr; }
  .studio-smart-intro { grid-template-columns: 1fr; }
  .studio-smart-score { grid-template-columns: auto auto 1fr auto; justify-items: start; text-align: left; }
  .studio-smart-score > span { grid-row: span 2; }
  .studio-smart-score strong { margin: 0; }
  .studio-smart-score small { margin: 0; }
  .studio-description-layout { grid-template-columns: 1fr; }
  .studio-smart-media-choice { grid-template-columns: repeat(3, 1fr); }
  .studio-smart-style-choice { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
  .studio-hero { grid-template-columns: 1fr; }
  .studio-hero-badge { width: 100%; height: auto; grid-template-columns: auto 1fr; justify-items: start; gap: 10px; padding: 14px; }
  .studio-template-grid, .studio-project-grid, .studio-media-grid, .studio-brand-grid { grid-template-columns: 1fr; }
  .studio-editor-top { align-items: flex-start; flex-direction: column; }
  .studio-editor-actions { width: 100%; overflow-x: auto; }
  .studio-context-bar { align-items: stretch; flex-direction: column; }
  .studio-context-bar label { align-items: stretch; flex-direction: column; }
  .studio-context-bar select { min-width: 0; width: 100%; }
  .studio-editor-workspace { display: flex; flex-direction: column; }
  .studio-tools { grid-template-columns: repeat(6, minmax(62px, 1fr)); overflow-x: auto; border-right: 0; border-bottom: 1px solid #322b3d; }
  .studio-tools button { min-height: 55px; }
  .studio-stage { min-height: 550px; padding: 14px; }
  .studio-preview-canvas.ratio-9-16 { width: min(245px, 75vw); }
  .studio-preview-canvas.ratio-4-5, .studio-preview-canvas.ratio-1-1, .studio-preview-canvas.ratio-16-9 { width: min(390px, 88vw); }
  .studio-timeline > header { align-items: flex-start; flex-direction: column; }
  .studio-caption-segments article { grid-template-columns: 28px 1fr 34px; }
  .studio-caption-time { grid-column: 2 / 3; }
  .studio-caption-segments textarea { grid-column: 2 / 3; }
  .studio-caption-segments .icon-btn { grid-column: 3; grid-row: 1 / span 2; }
  .studio-export-list article { grid-template-columns: 45px 1fr; }
  .studio-export-list footer { grid-column: 1 / -1; }
  .studio-smart-intro ol, .studio-smart-style-grid { grid-template-columns: 1fr 1fr; }
  .studio-smart-job { grid-template-columns: 42px 1fr; }
  .studio-smart-job footer { grid-column: 1 / -1; }
  .studio-smart-media-choice, .studio-smart-style-choice { grid-template-columns: 1fr 1fr; }
  .studio-smart-options { grid-template-columns: 1fr; }
  .studio-description-heading { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 460px) {
  .studio-kpi-grid { grid-template-columns: 1fr; }
  .studio-template-grid { grid-template-columns: 1fr 1fr; }
  .studio-template-grid button { min-height: 118px; }
  .studio-caption-presets { grid-template-columns: 1fr; }
  .studio-picker { grid-template-columns: 1fr 1fr; }
  .studio-smart-intro ol, .studio-smart-style-grid, .studio-smart-media-choice, .studio-smart-style-choice { grid-template-columns: 1fr; }
  .studio-smart-score { grid-template-columns: auto 1fr; }
  .studio-smart-score .btn { grid-column: 1 / -1; width: 100%; }
}

body.a11y-reduce-motion .studio-template-grid button,
body.a11y-reduce-motion .studio-project-card { transition: none !important; }
body.a11y-high-contrast .studio-workspace .studio-project-card,
body.a11y-high-contrast .studio-workspace .studio-panel,
body.a11y-high-contrast .studio-workspace .studio-media-card,
body.a11y-high-contrast .studio-workspace .studio-smart-job,
body.a11y-high-contrast .studio-workspace .studio-smart-style-grid article { border-width: 2px; }




/* AppSystem bundle source: styles/197-snake-reborn-3290.css */
/* AppSystem 3.29.0-A-v25 — Snake Reborn
   Nowa, niezależna od identyfikacji Fundacji odsłona gry Snake. */

.snake-reborn-hero,
.snake-reborn-panel {
  --snake-accent:#34d399;
  --snake-accent-2:#84cc16;
  --snake-ink:#08111f;
  --snake-board:#07151b;
  --snake-panel:#ffffff;
  --snake-soft:#f4f8fa;
  --snake-border:rgba(15,23,42,.12);
}

.volunteer-games-intro.snake-reborn-hero {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  overflow:hidden;
  padding:28px;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  background:
    radial-gradient(circle at 12% 10%,rgba(52,211,153,.30),transparent 30%),
    radial-gradient(circle at 92% 16%,rgba(96,165,250,.22),transparent 27%),
    linear-gradient(132deg,#071a20 0%,#0b2430 52%,#111827 100%);
  box-shadow:0 26px 64px rgba(7,21,27,.22);
}
.volunteer-games-intro.snake-reborn-hero::before {
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:-225px;
  bottom:-300px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018);
  pointer-events:none;
}
.volunteer-games-intro.snake-reborn-hero::after {
  content:"";
  position:absolute;
  inset:auto 25% -92px -80px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(52,211,153,.18),transparent 70%);
  pointer-events:none;
}
.snake-hero-main {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
}
.snake-hero-copy { min-width:0; }
.snake-arcade-mark {
  position:relative;
  display:grid;
  width:92px;
  height:92px;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.20);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  box-shadow:0 20px 48px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
}
.snake-arcade-mark::before {
  content:"";
  position:absolute;
  inset:12px;
  border-radius:21px;
  background:linear-gradient(145deg,#6ee7b7,#22c55e 60%,#84cc16);
  box-shadow:0 0 30px rgba(52,211,153,.45);
}
.snake-arcade-mark span {
  position:relative;
  z-index:1;
  font-size:2.25rem;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.28));
}
.snake-edition-line {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.snake-reborn-hero .eyebrow {
  margin:0;
  color:#a7f3d0;
  font-weight:950;
  letter-spacing:.15em;
}
.snake-edition-badge {
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#fff;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.08em;
  backdrop-filter:blur(8px);
}
.snake-reborn-hero h2 {
  margin:5px 0 7px;
  color:#fff;
  font-size:clamp(1.8rem,3.3vw,2.55rem);
  line-height:1;
}
.snake-reborn-hero p:not(.eyebrow) {
  max-width:660px;
  margin:0;
  color:#d6e7eb;
  line-height:1.55;
}
.snake-hero-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:15px;
}
.snake-hero-tags span {
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.075);
  color:#f3faf8;
  font-size:.73rem;
  font-weight:850;
  backdrop-filter:blur(8px);
}
.snake-reborn-hero .game-best {
  position:relative;
  z-index:1;
  min-width:172px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
  color:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.23);
  text-align:center;
  backdrop-filter:blur(12px);
}
.snake-reborn-hero .game-best small,
.snake-reborn-hero .game-best strong,
.snake-reborn-hero .game-best span { display:block; }
.snake-reborn-hero .game-best small { color:#cde6df; font-weight:850; }
.snake-reborn-hero .game-best strong {
  margin-top:5px;
  color:#fff;
  font-size:2.38rem;
  line-height:1;
  text-shadow:0 0 24px rgba(52,211,153,.44);
}
.snake-reborn-hero .game-best span {
  margin-top:6px;
  color:#a9c7c0;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.snake-game-panel.snake-reborn-panel {
  max-width:1040px;
  margin-inline:auto;
  padding:22px;
  border:1px solid var(--snake-border);
  background:linear-gradient(180deg,var(--surface,#fff),var(--surface-soft,#f4f7f9));
  box-shadow:0 22px 58px rgba(15,23,42,.09);
}
.snake-lobby-toolbar {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(210px,.65fr);
  gap:14px;
  margin-bottom:15px;
}
.snake-picker-group {
  min-width:0;
  padding:13px;
  border:1px solid var(--border,#dce4ea);
  border-radius:18px;
  background:var(--surface,#fff);
}
.snake-picker-label {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.snake-picker-label span {
  color:var(--text,#17212b);
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.snake-picker-label small {
  overflow:hidden;
  color:var(--muted,#64748b);
  font-size:.69rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.snake-mode-picker {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.snake-mode-card {
  display:grid;
  min-height:64px;
  align-content:center;
  gap:3px;
  padding:9px 11px;
  border:1px solid var(--border,#dce4ea);
  border-radius:14px;
  background:var(--surface-soft,#f5f8fa);
  color:var(--text,#17212b);
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.snake-mode-card span { font-size:.83rem; font-weight:950; }
.snake-mode-card small { color:var(--muted,#64748b); font-size:.64rem; line-height:1.25; }
.snake-mode-card:hover:not(:disabled) {
  transform:translateY(-1px);
  border-color:rgba(52,211,153,.65);
  box-shadow:0 9px 18px rgba(15,23,42,.07);
}
.snake-mode-card.is-active {
  border-color:#34d399;
  background:linear-gradient(145deg,#ecfdf5,#f0fdf4);
  box-shadow:0 0 0 3px rgba(52,211,153,.13);
}
.snake-mode-card.is-active span { color:#047857; }
.snake-mode-card:disabled { cursor:not-allowed; opacity:.62; }
.snake-skin-group { min-width:220px; }
.snake-skin-picker {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.snake-skin-button {
  position:relative;
  display:grid;
  min-width:0;
  height:64px;
  place-items:center;
  border:1px solid var(--border,#dce4ea);
  border-radius:15px;
  background:var(--surface-soft,#f5f8fa);
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.snake-skin-button > span {
  width:34px;
  height:34px;
  border-radius:50%;
  box-shadow:inset -7px -7px 12px rgba(0,0,0,.18),0 8px 18px rgba(15,23,42,.14);
}
.snake-skin-button.skin-mint > span { background:linear-gradient(145deg,#6ee7b7,#22c55e 58%,#84cc16); }
.snake-skin-button.skin-ocean > span { background:linear-gradient(145deg,#7dd3fc,#38bdf8 52%,#6366f1); }
.snake-skin-button.skin-sunset > span { background:linear-gradient(145deg,#fdba74,#fb7185 52%,#a855f7); }
.snake-skin-button.skin-mono > span { background:linear-gradient(145deg,#fff,#cbd5e1 54%,#475569); }
.snake-skin-button:hover { transform:translateY(-2px); }
.snake-skin-button.is-active {
  border-color:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.13);
}
.snake-skin-button.is-active::after {
  content:"✓";
  position:absolute;
  right:5px;
  top:5px;
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  border-radius:50%;
  background:#16a34a;
  color:#fff;
  font-size:.67rem;
  font-weight:950;
}

.snake-stats.snake-reborn-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-bottom:14px;
}
.snake-reborn-stats article {
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:11px 14px;
  border:1px solid var(--border,#dce4ea);
  border-radius:16px;
  background:var(--surface,#fff);
  box-shadow:0 7px 20px rgba(15,23,42,.045);
}
.snake-reborn-stats article::after {
  content:"";
  position:absolute;
  width:44px;
  height:44px;
  right:-18px;
  bottom:-21px;
  border-radius:50%;
  background:rgba(52,211,153,.12);
}
.snake-reborn-stats small,
.snake-reborn-stats strong { display:block; }
.snake-reborn-stats small {
  color:var(--muted,#64748b);
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.snake-reborn-stats strong {
  margin-top:2px;
  color:var(--text,#17212b);
  font-size:1.48rem;
  line-height:1;
}

.snake-board-shell.snake-reborn-board {
  overflow:hidden;
  border:1px solid rgba(52,211,153,.31);
  border-radius:26px;
  background:#07151b;
  box-shadow:0 30px 72px rgba(2,12,18,.28),0 0 0 5px rgba(52,211,153,.045);
}
.snake-reborn-board .snake-board-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(90deg,#08171d,#10242c 55%,#0b1822);
  color:#eafff8;
}
.snake-board-brand {
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.snake-board-brand > i {
  display:grid;
  width:31px;
  height:31px;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  background:linear-gradient(145deg,#6ee7b7,#22c55e);
  color:#064e3b;
  font-style:normal;
  font-size:.75rem;
  box-shadow:0 0 22px rgba(52,211,153,.35);
}
.snake-board-brand > span b,
.snake-board-brand > span small { display:block; }
.snake-board-brand > span b {
  color:#fff;
  font-size:.77rem;
  font-weight:950;
  letter-spacing:.16em;
}
.snake-board-brand > span small {
  margin-top:1px;
  color:#9cc8bd;
  font-size:.61rem;
  font-weight:800;
}
.snake-board-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
.snake-board-actions > small {
  max-width:230px;
  overflow:hidden;
  color:#b9d7d0;
  font-size:.69rem;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.snake-board-control {
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.065);
  color:#fff;
  font:850 .68rem/1 system-ui,sans-serif;
  cursor:pointer;
  touch-action:none;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.snake-board-control:hover:not(:disabled) {
  transform:translateY(-1px);
  border-color:rgba(110,231,183,.55);
  background:rgba(52,211,153,.13);
}
.snake-board-control:disabled { cursor:not-allowed; opacity:.38; }
.snake-board-control.is-active {
  border-color:#facc15;
  background:rgba(250,204,21,.18);
  box-shadow:0 0 20px rgba(250,204,21,.18);
}
.snake-sound-control { width:35px; padding-inline:6px; }
.snake-sound-control.is-muted { opacity:.72; }
.snake-board-wrap {
  position:relative;
  width:min(100%,720px);
  margin:0 auto;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#07151b;
  aspect-ratio:1;
  box-shadow:none;
}
#volunteerSnakeCanvas {
  display:block;
  width:100%;
  height:100%;
  touch-action:none;
  user-select:none;
}
.snake-overlay {
  position:absolute;
  inset:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:linear-gradient(135deg,rgba(3,13,18,.74),rgba(10,26,34,.69));
  color:#fff;
  text-align:center;
  backdrop-filter:blur(9px);
}
.snake-overlay.hidden { display:none; }
.snake-overlay-card.snake-reborn-overlay-card {
  display:flex;
  width:min(440px,96%);
  max-height:calc(100% - 8px);
  flex-direction:column;
  align-items:center;
  gap:9px;
  overflow:auto;
  padding:25px 25px 26px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:linear-gradient(150deg,rgba(9,26,34,.96),rgba(12,23,36,.94));
  box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.035);
}
.snake-overlay-mode {
  display:inline-flex;
  min-height:24px;
  align-items:center;
  padding:4px 9px;
  border:1px solid rgba(110,231,183,.25);
  border-radius:999px;
  background:rgba(52,211,153,.09);
  color:#a7f3d0;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.12em;
}
.snake-overlay-icon {
  display:grid;
  width:61px;
  height:61px;
  place-items:center;
  margin-top:2px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(110,231,183,.22),rgba(255,255,255,.055));
  font-size:2rem;
  filter:drop-shadow(0 0 18px rgba(52,211,153,.34));
}
.snake-overlay strong {
  color:#fff;
  font-size:clamp(1.65rem,4vw,2rem);
  line-height:1.05;
}
.snake-overlay span[data-snake-overlay-copy] {
  max-width:370px;
  color:#d4e8e3;
  font-size:.89rem;
  line-height:1.48;
}
.snake-overlay small {
  color:#9fc5bc;
  font-weight:800;
}
.snake-key-guide {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  margin:4px 0 2px;
}
.snake-key-guide kbd {
  min-height:28px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.16);
  border-bottom-width:3px;
  border-radius:8px;
  background:rgba(255,255,255,.075);
  color:#f4fffc;
  font:850 .63rem/1 system-ui,sans-serif;
  letter-spacing:.035em;
}
.snake-overlay-start {
  min-width:220px;
  min-height:46px;
  margin-top:5px;
  border-color:#34d399;
  background:linear-gradient(135deg,#16a34a,#22c55e 55%,#65a30d);
  color:#fff;
  box-shadow:0 14px 30px rgba(34,197,94,.24);
  font-weight:950;
}
.snake-overlay-start:hover { transform:translateY(-2px); filter:brightness(1.06); }
.snake-overlay.is-countdown .snake-reborn-overlay-card {
  width:min(270px,82%);
  padding-block:29px;
}
.snake-overlay.is-countdown .snake-overlay-mode { display:none; }
.snake-overlay.is-countdown strong {
  font-size:clamp(4rem,13vw,6.2rem);
  line-height:.86;
  text-shadow:0 0 30px rgba(52,211,153,.48);
}
.snake-flash {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at center,rgba(110,231,183,.38),transparent 56%);
}
.snake-flash.active { animation:snakeRebornFlash .42s ease-out; }
@keyframes snakeRebornFlash { 0%{opacity:0} 28%{opacity:1} 100%{opacity:0} }
.snake-score-pop {
  position:absolute;
  z-index:3;
  left:50%;
  top:47%;
  pointer-events:none;
  opacity:0;
  color:#a7f3d0;
  font-size:2rem;
  font-weight:950;
  text-shadow:0 4px 14px rgba(0,0,0,.45),0 0 20px rgba(52,211,153,.45);
  transform:translate(-50%,-50%) scale(.76);
}
.snake-score-pop.is-golden {
  color:#fde047;
  text-shadow:0 4px 14px rgba(0,0,0,.45),0 0 24px rgba(250,204,21,.62);
}
.snake-score-pop.active { animation:snakeScorePop .72s ease-out; }
@keyframes snakeScorePop {
  0%{opacity:0;transform:translate(-50%,-35%) scale(.72)}
  24%{opacity:1;transform:translate(-50%,-52%) scale(1.12)}
  100%{opacity:0;transform:translate(-50%,-100%) scale(.92)}
}
.snake-board-footer {
  display:grid;
  grid-template-columns:auto minmax(220px,1fr);
  align-items:center;
  gap:18px;
  padding:11px 14px;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,#08171d,#0f222b);
  color:#eafff8;
}
.snake-next-food {
  display:flex;
  align-items:center;
  gap:9px;
}
.snake-next-food > span {
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:11px;
  background:rgba(251,113,133,.14);
  color:#fb7185;
  font-size:1.15rem;
  font-weight:950;
  box-shadow:inset 0 0 0 1px rgba(251,113,133,.15);
}
.snake-next-food.is-golden > span {
  background:rgba(250,204,21,.13);
  color:#fde047;
  box-shadow:0 0 18px rgba(250,204,21,.12),inset 0 0 0 1px rgba(250,204,21,.18);
}
.snake-next-food small,
.snake-next-food strong,
.snake-round-goal small,
.snake-round-goal strong { display:block; }
.snake-next-food small,
.snake-round-goal small {
  color:#88aea5;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.snake-next-food strong,
.snake-round-goal strong {
  margin-top:2px;
  color:#eafff8;
  font-size:.75rem;
}
.snake-round-goal {
  display:grid;
  grid-template-columns:auto minmax(120px,1fr);
  align-items:center;
  gap:12px;
}
.snake-round-goal.is-complete strong { color:#86efac; }
.snake-goal-track {
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.09);
}
.snake-goal-track span {
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#34d399,#84cc16);
  box-shadow:0 0 16px rgba(52,211,153,.35);
  transition:width .24s ease;
}

.snake-mobile-controls {
  display:none;
  align-items:center;
  justify-content:center;
  gap:24px;
  margin:17px auto 0;
}
.snake-mobile-controls .snake-controls {
  display:grid;
  width:218px;
  margin:0;
  place-items:center;
}
.snake-mobile-controls .snake-controls > div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:8px;
}
.snake-mobile-controls .snake-controls button,
.snake-mobile-turbo {
  width:62px;
  height:52px;
  border:1px solid var(--border,#dce4ea);
  border-radius:15px;
  background:linear-gradient(180deg,var(--surface,#fff),var(--surface-soft,#f3f7f9));
  color:var(--text,#17212b);
  font-size:1.3rem;
  font-weight:950;
  cursor:pointer;
  touch-action:none;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
  transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease;
}
.snake-mobile-controls .snake-controls button:active,
.snake-mobile-turbo:active,
.snake-mobile-turbo.is-active { transform:scale(.93); }
.snake-mobile-controls .snake-controls button:hover { border-color:#34d399; }
.snake-mobile-turbo {
  display:grid;
  width:84px;
  height:84px;
  place-items:center;
  align-content:center;
  gap:3px;
  border-radius:50%;
  color:#a16207;
}
.snake-mobile-turbo span { font-size:1.45rem; }
.snake-mobile-turbo small { font-size:.64rem; font-weight:950; text-transform:uppercase; }
.snake-mobile-turbo.is-active {
  border-color:#facc15;
  background:linear-gradient(145deg,#fef9c3,#fde047);
  box-shadow:0 0 0 5px rgba(250,204,21,.13),0 12px 26px rgba(161,98,7,.16);
}
.snake-mobile-turbo:disabled { cursor:not-allowed; opacity:.42; }
.snake-reborn-panel .game-help { margin:14px 0 0; text-align:center; }
.snake-reborn-panel .game-help span { color:var(--text,#17212b); font-weight:900; }

html.app-dark .snake-game-panel.snake-reborn-panel {
  border-color:var(--app-border);
  background:linear-gradient(180deg,var(--app-surface),var(--app-surface-soft));
  box-shadow:none;
}
html.app-dark .snake-picker-group,
html.app-dark .snake-reborn-stats article {
  border-color:var(--app-border);
  background:var(--app-surface-raised);
  box-shadow:none;
}
html.app-dark .snake-picker-label span,
html.app-dark .snake-reborn-stats strong { color:var(--app-text); }
html.app-dark .snake-picker-label small,
html.app-dark .snake-reborn-stats small { color:var(--app-muted); }
html.app-dark .snake-mode-card {
  border-color:var(--app-border);
  background:var(--app-surface-soft);
  color:var(--app-text);
}
html.app-dark .snake-mode-card small { color:var(--app-muted); }
html.app-dark .snake-mode-card.is-active {
  border-color:#34d399;
  background:linear-gradient(145deg,#11372d,#173d2f);
}
html.app-dark .snake-mode-card.is-active span { color:#a7f3d0; }
html.app-dark .snake-skin-button {
  border-color:var(--app-border);
  background:var(--app-surface-soft);
}
html.app-dark .snake-mobile-controls .snake-controls button,
html.app-dark .snake-mobile-turbo {
  border-color:var(--app-border);
  background:linear-gradient(180deg,var(--app-surface-raised),var(--app-surface-soft));
  color:var(--app-text);
  box-shadow:none;
}
html.app-dark .snake-mobile-turbo { color:#fde68a; }
html.app-dark .snake-mobile-turbo.is-active { background:linear-gradient(145deg,#4a3a0c,#6b4f0c); }
html.app-dark .snake-reborn-panel .game-help span { color:var(--app-text); }

@media (hover:none), (max-width:900px) {
  .snake-mobile-controls { display:flex; }
  .snake-turbo-control { display:none; }
}
@media (max-width:820px) {
  .volunteer-games-intro.snake-reborn-hero {
    align-items:stretch;
    flex-direction:column;
    padding:21px;
  }
  .snake-reborn-hero .game-best {
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:8px;
    min-width:0;
    padding:13px 16px;
    text-align:left;
  }
  .snake-reborn-hero .game-best strong { margin:0; font-size:1.7rem; }
  .snake-reborn-hero .game-best span { margin:0; }
  .snake-lobby-toolbar { grid-template-columns:1fr; }
  .snake-skin-group { min-width:0; }
  .snake-skin-button { height:54px; }
  .snake-board-actions > small { max-width:150px; }
}
@media (max-width:650px) {
  .snake-game-panel.snake-reborn-panel { padding:13px; }
  .snake-hero-main { align-items:flex-start; gap:13px; }
  .snake-arcade-mark { width:64px; height:64px; border-radius:20px; }
  .snake-arcade-mark::before { inset:8px; border-radius:15px; }
  .snake-arcade-mark span { font-size:1.65rem; }
  .snake-hero-tags { display:none; }
  .snake-mode-picker { grid-template-columns:1fr; }
  .snake-mode-card { min-height:51px; }
  .snake-stats.snake-reborn-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .snake-reborn-board .snake-board-topline { align-items:flex-start; }
  .snake-board-actions { flex-wrap:wrap; }
  .snake-board-actions > small {
    width:100%;
    max-width:none;
    order:-1;
    text-align:right;
  }
  .snake-board-control > span:last-child:not([data-snake-pause-label]) { display:none; }
  .snake-board-control { width:35px; padding-inline:6px; }
  .snake-board-footer { grid-template-columns:1fr; gap:9px; }
  .snake-round-goal { grid-template-columns:110px minmax(100px,1fr); }
  .snake-overlay { padding:13px; }
  .snake-overlay-card.snake-reborn-overlay-card { padding:19px 16px 20px; }
  .snake-overlay span[data-snake-overlay-copy] { font-size:.82rem; }
  .snake-overlay-start { width:100%; min-width:0; }
  .snake-mobile-controls { gap:15px; }
}
@media (max-width:430px) {
  .snake-edition-badge { font-size:.57rem; }
  .snake-reborn-hero h2 { font-size:1.62rem; }
  .snake-picker-label { align-items:flex-start; flex-direction:column; gap:2px; }
  .snake-picker-label small { white-space:normal; }
  .snake-skin-picker { gap:6px; }
  .snake-skin-button { height:48px; }
  .snake-skin-button > span { width:29px; height:29px; }
  .snake-board-brand > span small { display:none; }
  .snake-board-actions > small { font-size:.61rem; }
  .snake-mobile-controls .snake-controls { width:196px; }
  .snake-mobile-controls .snake-controls button { width:56px; height:48px; }
  .snake-mobile-turbo { width:76px; height:76px; }
  .snake-key-guide kbd { padding-inline:7px; font-size:.57rem; }
}
@media (max-height:720px) and (max-width:650px) {
  .snake-overlay-card.snake-reborn-overlay-card { gap:6px; padding-block:15px; }
  .snake-overlay-icon { width:48px; height:48px; font-size:1.55rem; }
  .snake-key-guide { margin:1px 0; }
}
@media (prefers-reduced-motion:reduce) {
  .snake-flash.active,
  .snake-score-pop.active { animation:none; }
  .snake-mode-card,
  .snake-skin-button,
  .snake-board-control,
  .snake-mobile-controls button,
  .snake-goal-track span,
  .snake-overlay-start { transition:none; }
}
@media (prefers-contrast:more) {
  .snake-board-shell.snake-reborn-board,
  .snake-overlay-card.snake-reborn-overlay-card,
  .snake-mode-card,
  .snake-skin-button,
  .snake-reborn-stats article { border-width:2px; }
  .snake-overlay span[data-snake-overlay-copy],
  .snake-board-actions > small,
  .snake-next-food small,
  .snake-round-goal small { color:#fff; }
}



/* AppSystem bundle source: styles/198-foundation-board-3310.css */
:root{--foundation-board-ink:#172033;--foundation-board-blue:#1f6feb;--foundation-board-teal:#0f766e;--foundation-board-gold:#b7791f;--foundation-board-soft:#eef7ff;--foundation-board-border:rgba(31,111,235,.16)}
.foundation-board-actions,.foundation-board-doc-tools{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.foundation-board-statute-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin:-.25rem 0 1.15rem}.foundation-board-statute-strip span{border:1px solid var(--foundation-board-border);background:linear-gradient(135deg,#fff,#f3f8ff);border-radius:999px;padding:.45rem .75rem;font-size:.86rem;color:#2b4564}.foundation-board-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:1.2rem;align-items:stretch;margin:1rem 0 1.25rem;padding:1.2rem;border:1px solid var(--foundation-board-border);border-radius:26px;background:radial-gradient(circle at 0 0,rgba(31,111,235,.18),transparent 38%),linear-gradient(135deg,#ffffff,#f7fbff)}.foundation-board-hero h2{font-size:1.7rem;margin:.15rem 0 .45rem;color:var(--foundation-board-ink)}.foundation-board-hero p{max-width:760px}.foundation-board-deadline{border-radius:22px;padding:1rem;background:#10213a;color:white;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 44px rgba(16,33,58,.2)}.foundation-board-deadline small{text-transform:uppercase;letter-spacing:.09em;opacity:.78}.foundation-board-deadline strong{font-size:2.1rem}.foundation-board-deadline.is-urgent{background:linear-gradient(135deg,#991b1b,#b7791f)}.foundation-board-stats .stat-card strong{color:var(--foundation-board-blue)}.foundation-board-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.foundation-board-panel{padding:1rem;border:1px solid var(--foundation-board-border);border-radius:22px;background:#fff}.foundation-board-panel header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem}.foundation-board-panel h3{margin:.15rem 0}.foundation-board-meeting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.foundation-board-meeting-summary div,.foundation-board-mini-row,.foundation-board-file{border:1px solid rgba(20,80,130,.12);border-radius:16px;background:#f8fbff;padding:.75rem}.foundation-board-meeting-summary small,.foundation-board-file small{display:block;color:#5b6c80}.foundation-board-meeting-summary strong{display:block}.foundation-board-mini-list{display:grid;gap:.55rem}.foundation-board-mini-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.foundation-board-roadmap{margin-top:1.2rem}.foundation-board-roadmap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.foundation-board-roadmap-grid div{border:1px solid var(--foundation-board-border);border-radius:18px;background:#fff;padding:.9rem}.foundation-board-roadmap-grid strong{display:block;color:var(--foundation-board-ink)}.foundation-board-roadmap-grid span{display:block;color:#5b6c80;margin-top:.25rem;font-size:.9rem}.foundation-board-list{display:grid;gap:1rem}.foundation-board-member-card,.foundation-board-meeting-card,.foundation-board-resolution-card,.foundation-board-document-card,.foundation-board-matter-card{border-color:var(--foundation-board-border);position:relative;overflow:hidden}.foundation-board-member-card:before,.foundation-board-meeting-card:before,.foundation-board-resolution-card:before,.foundation-board-document-card:before,.foundation-board-matter-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--foundation-board-blue),var(--foundation-board-teal));opacity:.75}.foundation-board-members{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.foundation-board-checks,.foundation-board-votes,.foundation-board-links{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0}.foundation-board-checks span,.foundation-board-votes span,.foundation-board-links span{border:1px solid rgba(20,80,130,.12);background:#f8fbff;border-radius:999px;padding:.35rem .6rem;font-size:.88rem}.foundation-board-checks .ok,.foundation-board-votes .ok{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.foundation-board-checks .warn,.foundation-board-votes .warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.foundation-board-agenda{border-left:3px solid var(--foundation-board-blue);padding-left:.85rem;margin:.8rem 0;display:grid;gap:.25rem}.foundation-board-agenda strong{margin-bottom:.2rem}.foundation-board-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.foundation-board-fieldset{border:1px solid var(--foundation-board-border);border-radius:18px;padding:.9rem;margin:.85rem 0;background:#f8fbff}.foundation-board-fieldset legend{font-weight:700;padding:0 .35rem}.foundation-board-checkbox{display:flex;gap:.4rem;align-items:center;margin:.35rem 0}.foundation-board-checkbox small{color:#64748b}.foundation-board-doc-tools{margin:0 0 1rem}.foundation-board-doc-preview{background:white;border:1px solid var(--foundation-board-border);border-radius:18px;padding:1.2rem;max-height:65vh;overflow:auto}.foundation-board-doc-preview .foundation-document{max-width:760px;margin:auto;color:#111}.foundation-board-doc-preview h1{text-align:center;font-size:1.35rem;text-transform:uppercase}.document-table{width:100%;border-collapse:collapse}.document-table th,.document-table td{border:1px solid #94a3b8;padding:.55rem;text-align:left}.document-signatures{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.5rem}.document-signatures div{min-width:190px;text-align:center}.document-signatures span{display:block;border-top:1px solid currentColor;height:.8rem}.signature-cell{height:34px}.foundation-board-picker{display:grid;gap:.65rem}.foundation-board-picker-row{text-align:left;border:1px solid var(--foundation-board-border);background:#fff;border-radius:16px;padding:.85rem;cursor:pointer}.foundation-board-picker-row:hover{background:#f0f7ff}.foundation-board-empty{border:1px dashed var(--foundation-board-border);background:#fbfdff}.foundation-board-file-input input{margin-top:.45rem}@media(max-width:900px){.foundation-board-hero,.foundation-board-grid.two{grid-template-columns:1fr}.foundation-board-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-board-meeting-summary{grid-template-columns:1fr}}@media(max-width:560px){.foundation-board-roadmap-grid{grid-template-columns:1fr}.foundation-board-actions .btn,.foundation-board-doc-tools .btn{width:100%}.foundation-board-hero{padding:1rem}.foundation-board-deadline strong{font-size:1.6rem}}.dark-mode .foundation-board-hero,.dark-mode .foundation-board-panel,.dark-mode .foundation-board-roadmap-grid div,.dark-mode .foundation-board-picker-row{background:#101827;border-color:rgba(148,163,184,.24)}.dark-mode .foundation-board-statute-strip span,.dark-mode .foundation-board-meeting-summary div,.dark-mode .foundation-board-mini-row,.dark-mode .foundation-board-checks span,.dark-mode .foundation-board-votes span,.dark-mode .foundation-board-links span,.dark-mode .foundation-board-file{background:#0f172a;border-color:rgba(148,163,184,.2);color:#dbeafe}.dark-mode .foundation-board-hero h2,.dark-mode .foundation-board-roadmap-grid strong{color:#eff6ff}.dark-mode .foundation-board-doc-preview{background:#111827;color:#f8fafc}



/* AppSystem bundle source: styles/199-foundation-board-documents-3311.css */
/* AppSystem 3.31.1 — dokumenty Zarządu: filtry, wersje, DOCX i responsywna typografia */
.foundation-board-hero,
.foundation-board-panel,
.foundation-board-roadmap,
.foundation-board-list,
.foundation-board-form,
.foundation-board-picker,
.foundation-board-filter-tabs,
.foundation-board-doc-preview,
.foundation-board-existing-document,
.foundation-board-version-list {
  font-family: inherit;
}

.foundation-board-hero p,
.foundation-board-panel p,
.foundation-board-list p,
.foundation-board-roadmap span,
.foundation-board-form label,
.foundation-board-documents-note,
.foundation-board-existing-document p,
.foundation-board-version-row span,
.foundation-board-version-row small {
  line-height: 1.62;
  word-spacing: .035em;
}

.foundation-board-list {
  gap: 1.2rem;
}

.foundation-board-document-card {
  display: grid;
  gap: .9rem;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.foundation-board-document-card .card-top {
  margin: 0;
}

.foundation-board-document-heading {
  min-width: 0;
}

.foundation-board-document-heading h3 {
  margin: .2rem 0 .45rem;
  font-size: clamp(1.02rem, 1.7vw, 1.18rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.foundation-board-document-heading > span,
.foundation-board-version-row span {
  color: #5b6c80;
  font-size: .93rem;
}

.foundation-board-document-summary {
  margin: 0;
  color: #425466;
  font-size: .98rem;
}

.foundation-board-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: .15rem 0 1rem;
  padding: .55rem;
  border: 1px solid var(--foundation-board-border);
  border-radius: 18px;
  background: rgba(248, 251, 255, .84);
}

.foundation-board-filter-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 42px;
  padding: .62rem .85rem;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: #40536a;
  font: inherit;
  font-size: .93rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.foundation-board-filter-tab small {
  display: inline-grid;
  place-items: center;
  min-width: 1.65rem;
  min-height: 1.65rem;
  padding: 0 .35rem;
  border-radius: 999px;
  background: rgba(31, 111, 235, .1);
  color: #315f96;
  font-size: .76rem;
  line-height: 1;
}

.foundation-board-filter-tab:hover {
  border-color: rgba(31, 111, 235, .18);
  background: #fff;
  transform: translateY(-1px);
}

.foundation-board-filter-tab.is-active {
  border-color: rgba(31, 111, 235, .28);
  background: #fff;
  color: #164f91;
  box-shadow: 0 8px 22px rgba(31, 111, 235, .11);
}

.foundation-board-filter-tab.is-active small {
  background: var(--foundation-board-blue);
  color: #fff;
}

.foundation-board-filter-tab:focus-visible {
  outline: 3px solid rgba(31, 111, 235, .25);
  outline-offset: 2px;
}

.foundation-board-documents-note {
  display: grid;
  gap: .3rem;
  margin: 0 0 1.2rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(236, 253, 245, .9), rgba(239, 246, 255, .9));
  color: #315163;
  font-size: .94rem;
}

.foundation-board-documents-note strong {
  color: #155e59;
  font-size: .98rem;
}

.foundation-board-revision-meta {
  display: grid;
  gap: .22rem;
  padding: .8rem .9rem;
  border: 1px solid rgba(31, 111, 235, .14);
  border-radius: 14px;
  background: #f6faff;
  color: #3c5269;
}

.foundation-board-revision-meta strong {
  color: #1d4f86;
  font-size: .94rem;
}

.foundation-board-revision-meta span {
  font-size: .86rem;
  line-height: 1.4;
}

.foundation-board-revision-meta.is-compact {
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  align-items: center;
  gap: .45rem 1rem;
  padding: .65rem .8rem;
}

.foundation-board-document-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .1rem;
}

.foundation-board-version-note {
  margin: .9rem 0;
}

.foundation-board-existing-document {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.foundation-board-existing-document h3 {
  margin: .15rem 0 .7rem;
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  line-height: 1.35;
}

.foundation-board-existing-document p {
  margin: 0 0 .85rem;
}

.foundation-board-existing-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: #dcfce7;
  color: #166534;
  font-size: 1.35rem;
  font-weight: 900;
}

.foundation-board-existing-actions {
  flex-wrap: wrap;
}

.foundation-board-version-list {
  display: grid;
  gap: .75rem;
}

.foundation-board-version-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--foundation-board-border);
  border-radius: 16px;
  background: #fff;
}

.foundation-board-version-row.is-current {
  border-color: rgba(15, 118, 110, .28);
  background: linear-gradient(135deg, #f0fdf9, #f8fbff);
}

.foundation-board-version-row h3 {
  margin: .15rem 0 .35rem;
  font-size: 1rem;
  line-height: 1.35;
}

.foundation-board-version-row small {
  display: block;
  margin-top: .35rem;
  color: #68798c;
}

.foundation-board-version-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-end;
}

.foundation-board-doc-preview {
  padding: clamp(1rem, 3vw, 2rem);
  max-height: min(72vh, 900px);
  overflow: auto;
}

.foundation-board-doc-preview .foundation-board-revision-stamp {
  display: grid;
  gap: .2rem;
  margin: 0 auto 1.4rem;
  padding: .75rem .9rem;
  max-width: 760px;
  border: 1px solid #d6e1ed;
  border-radius: 12px;
  background: #f5f8fc;
  color: #3f5062;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .82rem;
  line-height: 1.45;
  text-align: right;
}

.foundation-board-doc-preview .foundation-board-revision-stamp strong {
  color: #213e60;
  font-size: .9rem;
}

.foundation-board-doc-preview .foundation-board-revision-stamp small {
  color: #637486;
}

.foundation-board-doc-preview .foundation-document {
  width: min(100%, 760px);
  margin: 0 auto;
  color: #111827;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(.96rem, 1.8vw, 1.04rem);
  line-height: 1.7;
  letter-spacing: .004em;
  word-spacing: .055em;
  overflow-wrap: anywhere;
}

.foundation-board-doc-preview .foundation-document header {
  margin: 0 0 1.8rem;
  text-align: center;
}

.foundation-board-doc-preview .foundation-document header p {
  margin-bottom: .55rem;
  font-size: .94em;
}

.foundation-board-doc-preview .foundation-document h1 {
  margin: 0;
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  line-height: 1.35;
  letter-spacing: .035em;
}

.foundation-board-doc-preview .foundation-document h2 {
  margin: 1.7rem 0 .7rem;
  font-size: clamp(1.05rem, 2vw, 1.18rem);
  line-height: 1.4;
}

.foundation-board-doc-preview .foundation-document p {
  margin: 0 0 1.05rem;
}

.foundation-board-doc-preview .foundation-document ol,
.foundation-board-doc-preview .foundation-document ul {
  margin: .25rem 0 1.15rem;
  padding-left: 1.55rem;
}

.foundation-board-doc-preview .foundation-document li {
  margin: 0 0 .55rem;
  padding-left: .2rem;
  line-height: 1.65;
}

.foundation-board-doc-preview .document-meta {
  margin: 0 0 1.4rem !important;
  padding: .9rem 1rem;
  border-left: 3px solid #6695c9;
  background: #f7f9fc;
}

.foundation-board-doc-preview .document-table {
  min-width: 640px;
  margin: 1.2rem 0 1.5rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .92rem;
  line-height: 1.45;
}

.foundation-board-doc-preview .document-table th,
.foundation-board-doc-preview .document-table td {
  padding: .7rem .65rem;
  vertical-align: top;
}

.foundation-board-doc-preview .document-signatures {
  gap: 2.5rem;
  margin-top: 3.5rem;
}

.foundation-board-doc-preview .document-footnote {
  margin-top: 1.8rem !important;
  font-size: .82rem;
  line-height: 1.55;
}

.dark-mode .foundation-board-filter-tabs,
.dark-mode .foundation-board-revision-meta,
.dark-mode .foundation-board-version-row,
.dark-mode .foundation-board-documents-note {
  border-color: rgba(148, 163, 184, .22);
  background: #101827;
  color: #d6e2f1;
}

.dark-mode .foundation-board-filter-tab {
  color: #d5e1ef;
}

.dark-mode .foundation-board-filter-tab:hover,
.dark-mode .foundation-board-filter-tab.is-active {
  background: #17243a;
  border-color: rgba(96, 165, 250, .35);
  color: #eff6ff;
}

.dark-mode .foundation-board-document-heading > span,
.dark-mode .foundation-board-version-row span,
.dark-mode .foundation-board-version-row small,
.dark-mode .foundation-board-document-summary {
  color: #b7c5d7;
}

.dark-mode .foundation-board-revision-meta strong,
.dark-mode .foundation-board-documents-note strong {
  color: #9ddbd4;
}

.dark-mode .foundation-board-version-row.is-current {
  background: #102a2a;
}

.dark-mode .foundation-board-doc-preview .foundation-board-revision-stamp {
  background: #1c293b;
  border-color: #35455b;
  color: #d8e3ef;
}

.dark-mode .foundation-board-doc-preview .foundation-board-revision-stamp strong {
  color: #eff6ff;
}

.dark-mode .foundation-board-doc-preview .foundation-document {
  color: #f8fafc;
}

.dark-mode .foundation-board-doc-preview .document-meta {
  background: #182335;
  border-left-color: #78aee8;
}

@media (max-width: 760px) {
  .foundation-board-filter-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .foundation-board-filter-tab {
    width: 100%;
  }

  .foundation-board-revision-meta.is-compact,
  .foundation-board-version-row {
    grid-template-columns: 1fr;
  }

  .foundation-board-version-actions {
    justify-content: flex-start;
  }

  .foundation-board-document-actions .btn {
    flex: 1 1 calc(50% - .55rem);
  }

  .foundation-board-doc-preview {
    padding: .8rem;
  }
}

@media (max-width: 520px) {
  .foundation-board-filter-tabs {
    grid-template-columns: 1fr;
  }

  .foundation-board-existing-document {
    grid-template-columns: 1fr;
  }

  .foundation-board-existing-actions .btn,
  .foundation-board-document-actions .btn,
  .foundation-board-version-actions .btn {
    width: 100%;
    flex-basis: 100%;
  }

  .foundation-board-doc-preview .foundation-document {
    font-size: .95rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .foundation-board-filter-tab {
    transition: none;
  }
}


/* AppSystem 3.31.3 — spójny interfejs rejestru dokumentów Zarządu */
.foundation-board-documents-page {
  display: block;
  min-width: 0;
}

.foundation-board-documents-page > .page-header {
  align-items: flex-end;
  margin-bottom: 1.15rem;
}

.foundation-board-documents-page > .page-header > div:first-child {
  min-width: 0;
  max-width: 860px;
}

.foundation-board-documents-page > .page-header h1 {
  letter-spacing: -.035em;
}

.foundation-board-documents-page > .page-header .muted {
  margin: .3rem 0 0;
  max-width: 820px;
  font-size: .98rem;
  line-height: 1.58;
}

.foundation-board-documents-page > .page-header .page-actions {
  justify-content: flex-end;
  align-items: center;
  max-width: 640px;
}

.foundation-board-documents-page > .page-header .page-actions .btn {
  min-height: 42px;
  white-space: nowrap;
}

.foundation-board-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin: 0 0 .75rem;
  padding: .5rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 10px 30px rgba(33, 42, 74, .055);
}

.foundation-board-filter-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 42px;
  padding: .58rem .72rem;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: .9rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.foundation-board-filter-tab:hover {
  border-color: var(--line);
  background: var(--surface-2);
  color: var(--text);
  transform: translateY(-1px);
}

.foundation-board-filter-tab.is-active {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
  background: var(--app-selected-bg);
  color: var(--primary);
  box-shadow: 0 7px 18px rgba(0, 67, 129, .09);
}

.foundation-board-filter-tab small {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 1.65rem;
  height: 1.65rem;
  padding: 0 .38rem;
  border-radius: 999px;
  background: var(--app-neutral-soft);
  color: var(--app-neutral-text);
  font-size: .76rem;
  font-weight: 850;
  line-height: 1;
}

.foundation-board-filter-tab.is-active small {
  background: var(--primary);
  color: var(--app-on-primary);
}

.foundation-board-filter-tab:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--app-focus) 30%, transparent);
  outline-offset: 2px;
}

.foundation-board-documents-note {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.15rem;
  padding: .78rem .9rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface-2);
  color: var(--muted);
  font-size: .91rem;
  line-height: 1.45;
}

.foundation-board-documents-note > strong {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: .3rem .62rem;
  border-radius: 999px;
  background: var(--app-info-soft);
  color: var(--app-info);
  font-size: .84rem;
  line-height: 1;
  white-space: nowrap;
}

.foundation-board-documents-note > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .22rem;
  min-width: 0;
}

.foundation-board-documents-note b {
  color: var(--text);
  font-size: 1rem;
}

.foundation-board-documents-note small {
  flex-basis: 100%;
  color: var(--muted);
  font-size: .82rem;
}

.foundation-board-document-list {
  gap: .9rem;
}

.foundation-board-document-card {
  padding: clamp(1rem, 1.7vw, 1.25rem);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 10px 30px rgba(33, 42, 74, .055);
}

.foundation-board-document-card::before {
  width: 4px;
  background: var(--primary);
  opacity: .78;
}

.foundation-board-document-card .card-top {
  align-items: flex-start;
  gap: 1rem;
}

.foundation-board-document-heading {
  min-width: 0;
}

.foundation-board-document-heading .eyebrow {
  margin-bottom: .3rem;
}

.foundation-board-document-heading h3 {
  margin: 0 0 .38rem;
  font-size: clamp(1.05rem, 1.6vw, 1.18rem);
  line-height: 1.34;
  overflow-wrap: anywhere;
}

.foundation-board-document-heading > span {
  display: block;
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.45;
}

.foundation-board-document-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
}

.foundation-board-document-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .8rem;
  align-items: center;
  padding: .72rem .8rem;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface-2);
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.45;
}

.foundation-board-duplicate-warning {
  color: var(--app-warning-text);
  font-weight: 700;
}

.foundation-board-document-summary {
  margin: 0;
  font-size: .95rem;
  line-height: 1.6;
}

.foundation-board-document-actions {
  gap: .5rem;
  padding-top: .05rem;
}

.foundation-board-document-actions .btn {
  min-height: 38px;
}

.dark-mode .foundation-board-filter-tabs,
html.app-dark .foundation-board-filter-tabs,
.dark-mode .foundation-board-document-card,
html.app-dark .foundation-board-document-card {
  background: var(--surface);
  border-color: var(--line);
}

.dark-mode .foundation-board-filter-tab,
html.app-dark .foundation-board-filter-tab {
  color: var(--muted);
}

.dark-mode .foundation-board-filter-tab:hover,
html.app-dark .foundation-board-filter-tab:hover {
  background: var(--surface-2);
  color: var(--text);
}

.dark-mode .foundation-board-filter-tab.is-active,
html.app-dark .foundation-board-filter-tab.is-active {
  background: color-mix(in srgb, var(--primary) 22%, var(--surface));
  color: #d8ebff;
}

.dark-mode .foundation-board-documents-note,
html.app-dark .foundation-board-documents-note,
.dark-mode .foundation-board-document-meta,
html.app-dark .foundation-board-document-meta {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--muted);
}

@media (max-width: 900px) {
  .foundation-board-documents-page > .page-header {
    align-items: stretch;
  }
  .foundation-board-documents-page > .page-header .page-actions {
    justify-content: flex-start;
    max-width: none;
  }
}

@media (max-width: 720px) {
  .foundation-board-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
    padding-bottom: .6rem;
  }
  .foundation-board-filter-tab {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .foundation-board-documents-note {
    align-items: flex-start;
  }
  .foundation-board-document-card .card-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .foundation-board-document-actions .btn {
    flex: 1 1 calc(50% - .5rem);
  }
}

@media (max-width: 520px) {
  .foundation-board-documents-page > .page-header .page-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .foundation-board-documents-page > .page-header .page-actions .btn {
    width: 100%;
  }
  .foundation-board-documents-note {
    display: grid;
    gap: .55rem;
  }
  .foundation-board-documents-note > strong {
    justify-self: start;
  }
  .foundation-board-document-card .card-top {
    grid-template-columns: 1fr;
  }
  .foundation-board-document-badges {
    justify-content: flex-start;
  }
  .foundation-board-document-actions .btn {
    flex-basis: 100%;
    width: 100%;
  }
}




/* AppSystem bundle source: styles/201-audit-committee-3320.css */
/* AppSystem 3.32.0 — Komisja Rewizyjna: spójny interfejs, dokumenty, wersje i DOCX */
:root{--audit-committee-ink:#2b1d2a;--audit-committee-blue:#744768;--audit-committee-teal:#8d5f7e;--audit-committee-gold:#9b6b35;--audit-committee-soft:#f7eef5;--audit-committee-border:rgba(116,71,104,.18)}
.audit-committee-page .page-header{margin-bottom:1.15rem}.audit-committee-page .page-header h1{letter-spacing:-.025em}.audit-committee-page .page-actions{display:flex;flex-wrap:wrap;gap:.65rem}.audit-committee-page .btn-primary{background:linear-gradient(135deg,#744768,#5a354f);border-color:#744768}.audit-committee-page .btn-primary:hover{filter:brightness(.96)}
.audit-committee-actions,.audit-committee-doc-tools{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.audit-committee-statute-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin:-.25rem 0 1.15rem}.audit-committee-statute-strip span{border:1px solid var(--audit-committee-border);background:linear-gradient(135deg,#fff,#faf5f8);border-radius:999px;padding:.45rem .75rem;font-size:.86rem;color:#593d53}.audit-committee-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:1.2rem;align-items:stretch;margin:1rem 0 1.25rem;padding:1.2rem;border:1px solid var(--audit-committee-border);border-radius:26px;background:radial-gradient(circle at 0 0,rgba(116,71,104,.18),transparent 38%),linear-gradient(135deg,#ffffff,#fcf8fb)}.audit-committee-hero h2{font-size:1.7rem;margin:.15rem 0 .45rem;color:var(--audit-committee-ink)}.audit-committee-hero p{max-width:760px}.audit-committee-deadline{border-radius:22px;padding:1rem;background:#4a2f43;color:white;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 44px rgba(74,47,67,.2)}.audit-committee-deadline small{text-transform:uppercase;letter-spacing:.09em;opacity:.78}.audit-committee-deadline strong{font-size:2.1rem}.audit-committee-deadline.is-urgent{background:linear-gradient(135deg,#7f1d45,#9b6b35)}.audit-committee-stats .stat-card strong{color:var(--audit-committee-blue)}.audit-committee-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.audit-committee-panel{padding:1rem;border:1px solid var(--audit-committee-border);border-radius:22px;background:#fff}.audit-committee-panel header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem}.audit-committee-panel h3{margin:.15rem 0}.audit-committee-meeting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.audit-committee-meeting-summary div,.audit-committee-mini-row,.audit-committee-file{border:1px solid rgba(116,71,104,.14);border-radius:16px;background:#fcf8fb;padding:.75rem}.audit-committee-meeting-summary small,.audit-committee-file small{display:block;color:#705c6c}.audit-committee-meeting-summary strong{display:block}.audit-committee-mini-list{display:grid;gap:.55rem}.audit-committee-mini-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.audit-committee-roadmap{margin-top:1.2rem}.audit-committee-roadmap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.audit-committee-roadmap-grid div{border:1px solid var(--audit-committee-border);border-radius:18px;background:#fff;padding:.9rem}.audit-committee-roadmap-grid strong{display:block;color:var(--audit-committee-ink)}.audit-committee-roadmap-grid span{display:block;color:#705c6c;margin-top:.25rem;font-size:.9rem}.audit-committee-list{display:grid;gap:1rem}.audit-committee-member-card,.audit-committee-meeting-card,.audit-committee-resolution-card,.audit-committee-document-card,.audit-committee-matter-card{border-color:var(--audit-committee-border);position:relative;overflow:hidden}.audit-committee-member-card:before,.audit-committee-meeting-card:before,.audit-committee-resolution-card:before,.audit-committee-document-card:before,.audit-committee-matter-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--audit-committee-blue),var(--audit-committee-teal));opacity:.75}.audit-committee-members{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.audit-committee-checks,.audit-committee-votes,.audit-committee-links{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0}.audit-committee-checks span,.audit-committee-votes span,.audit-committee-links span{border:1px solid rgba(116,71,104,.14);background:#fcf8fb;border-radius:999px;padding:.35rem .6rem;font-size:.88rem}.audit-committee-checks .ok,.audit-committee-votes .ok{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.audit-committee-checks .warn,.audit-committee-votes .warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.audit-committee-agenda{border-left:3px solid var(--audit-committee-blue);padding-left:.85rem;margin:.8rem 0;display:grid;gap:.25rem}.audit-committee-agenda strong{margin-bottom:.2rem}.audit-committee-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.audit-committee-fieldset{border:1px solid var(--audit-committee-border);border-radius:18px;padding:.9rem;margin:.85rem 0;background:#fcf8fb}.audit-committee-fieldset legend{font-weight:700;padding:0 .35rem}.audit-committee-checkbox{display:flex;gap:.4rem;align-items:center;margin:.35rem 0}.audit-committee-checkbox small{color:#64748b}.audit-committee-doc-tools{margin:0 0 1rem}.audit-committee-doc-preview{background:white;border:1px solid var(--audit-committee-border);border-radius:18px;padding:1.2rem;max-height:65vh;overflow:auto}.audit-committee-doc-preview .foundation-document{max-width:760px;margin:auto;color:#111}.audit-committee-doc-preview h1{text-align:center;font-size:1.35rem;text-transform:uppercase}.document-table{width:100%;border-collapse:collapse}.document-table th,.document-table td{border:1px solid #94a3b8;padding:.55rem;text-align:left}.document-signatures{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.5rem}.document-signatures div{min-width:190px;text-align:center}.document-signatures span{display:block;border-top:1px solid currentColor;height:.8rem}.signature-cell{height:34px}.audit-committee-picker{display:grid;gap:.65rem}.audit-committee-picker-row{text-align:left;border:1px solid var(--audit-committee-border);background:#fff;border-radius:16px;padding:.85rem;cursor:pointer}.audit-committee-picker-row:hover{background:#f7edf4}.audit-committee-empty{border:1px dashed var(--audit-committee-border);background:#fbfdff}.audit-committee-file-input input{margin-top:.45rem}@media(max-width:900px){.audit-committee-hero,.audit-committee-grid.two{grid-template-columns:1fr}.audit-committee-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-committee-meeting-summary{grid-template-columns:1fr}}@media(max-width:560px){.audit-committee-roadmap-grid{grid-template-columns:1fr}.audit-committee-actions .btn,.audit-committee-doc-tools .btn{width:100%}.audit-committee-hero{padding:1rem}.audit-committee-deadline strong{font-size:1.6rem}}.dark-mode .audit-committee-hero,.dark-mode .audit-committee-panel,.dark-mode .audit-committee-roadmap-grid div,.dark-mode .audit-committee-picker-row{background:#101827;border-color:rgba(148,163,184,.24)}.dark-mode .audit-committee-statute-strip span,.dark-mode .audit-committee-meeting-summary div,.dark-mode .audit-committee-mini-row,.dark-mode .audit-committee-checks span,.dark-mode .audit-committee-votes span,.dark-mode .audit-committee-links span,.dark-mode .audit-committee-file{background:#0f172a;border-color:rgba(148,163,184,.2);color:#dbeafe}.dark-mode .audit-committee-hero h2,.dark-mode .audit-committee-roadmap-grid strong{color:#eff6ff}.dark-mode .audit-committee-doc-preview{background:#111827;color:#f8fafc}


/* AppSystem 3.31.1 — dokumenty Zarządu: filtry, wersje, DOCX i responsywna typografia */
.audit-committee-hero,
.audit-committee-panel,
.audit-committee-roadmap,
.audit-committee-list,
.audit-committee-form,
.audit-committee-picker,
.audit-committee-filter-tabs,
.audit-committee-doc-preview,
.audit-committee-existing-document,
.audit-committee-version-list {
  font-family: inherit;
}

.audit-committee-hero p,
.audit-committee-panel p,
.audit-committee-list p,
.audit-committee-roadmap span,
.audit-committee-form label,
.audit-committee-documents-note,
.audit-committee-existing-document p,
.audit-committee-version-row span,
.audit-committee-version-row small {
  line-height: 1.62;
  word-spacing: .035em;
}

.audit-committee-list {
  gap: 1.2rem;
}

.audit-committee-document-card {
  display: grid;
  gap: .9rem;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.audit-committee-document-card .card-top {
  margin: 0;
}

.audit-committee-document-heading {
  min-width: 0;
}

.audit-committee-document-heading h3 {
  margin: .2rem 0 .45rem;
  font-size: clamp(1.02rem, 1.7vw, 1.18rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.audit-committee-document-heading > span,
.audit-committee-version-row span {
  color: #705c6c;
  font-size: .93rem;
}

.audit-committee-document-summary {
  margin: 0;
  color: #425466;
  font-size: .98rem;
}

.audit-committee-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: .15rem 0 1rem;
  padding: .55rem;
  border: 1px solid var(--audit-committee-border);
  border-radius: 18px;
  background: rgba(248, 251, 255, .84);
}

.audit-committee-filter-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 42px;
  padding: .62rem .85rem;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: #40536a;
  font: inherit;
  font-size: .93rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.audit-committee-filter-tab small {
  display: inline-grid;
  place-items: center;
  min-width: 1.65rem;
  min-height: 1.65rem;
  padding: 0 .35rem;
  border-radius: 999px;
  background: rgba(31, 111, 235, .1);
  color: #315f96;
  font-size: .76rem;
  line-height: 1;
}

.audit-committee-filter-tab:hover {
  border-color: rgba(31, 111, 235, .18);
  background: #fff;
  transform: translateY(-1px);
}

.audit-committee-filter-tab.is-active {
  border-color: rgba(31, 111, 235, .28);
  background: #fff;
  color: #164f91;
  box-shadow: 0 8px 22px rgba(31, 111, 235, .11);
}

.audit-committee-filter-tab.is-active small {
  background: var(--audit-committee-blue);
  color: #fff;
}

.audit-committee-filter-tab:focus-visible {
  outline: 3px solid rgba(31, 111, 235, .25);
  outline-offset: 2px;
}

.audit-committee-documents-note {
  display: grid;
  gap: .3rem;
  margin: 0 0 1.2rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(236, 253, 245, .9), rgba(239, 246, 255, .9));
  color: #315163;
  font-size: .94rem;
}

.audit-committee-documents-note strong {
  color: #155e59;
  font-size: .98rem;
}

.audit-committee-revision-meta {
  display: grid;
  gap: .22rem;
  padding: .8rem .9rem;
  border: 1px solid rgba(31, 111, 235, .14);
  border-radius: 14px;
  background: #f6faff;
  color: #3c5269;
}

.audit-committee-revision-meta strong {
  color: #1d4f86;
  font-size: .94rem;
}

.audit-committee-revision-meta span {
  font-size: .86rem;
  line-height: 1.4;
}

.audit-committee-revision-meta.is-compact {
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  align-items: center;
  gap: .45rem 1rem;
  padding: .65rem .8rem;
}

.audit-committee-document-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .1rem;
}

.audit-committee-version-note {
  margin: .9rem 0;
}

.audit-committee-existing-document {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.audit-committee-existing-document h3 {
  margin: .15rem 0 .7rem;
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  line-height: 1.35;
}

.audit-committee-existing-document p {
  margin: 0 0 .85rem;
}

.audit-committee-existing-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: #dcfce7;
  color: #166534;
  font-size: 1.35rem;
  font-weight: 900;
}

.audit-committee-existing-actions {
  flex-wrap: wrap;
}

.audit-committee-version-list {
  display: grid;
  gap: .75rem;
}

.audit-committee-version-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--audit-committee-border);
  border-radius: 16px;
  background: #fff;
}

.audit-committee-version-row.is-current {
  border-color: rgba(15, 118, 110, .28);
  background: linear-gradient(135deg, #f0fdf9, #fcf8fb);
}

.audit-committee-version-row h3 {
  margin: .15rem 0 .35rem;
  font-size: 1rem;
  line-height: 1.35;
}

.audit-committee-version-row small {
  display: block;
  margin-top: .35rem;
  color: #68798c;
}

.audit-committee-version-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-end;
}

.audit-committee-doc-preview {
  padding: clamp(1rem, 3vw, 2rem);
  max-height: min(72vh, 900px);
  overflow: auto;
}

.audit-committee-doc-preview .audit-committee-revision-stamp {
  display: grid;
  gap: .2rem;
  margin: 0 auto 1.4rem;
  padding: .75rem .9rem;
  max-width: 760px;
  border: 1px solid #d6e1ed;
  border-radius: 12px;
  background: #f5f8fc;
  color: #3f5062;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .82rem;
  line-height: 1.45;
  text-align: right;
}

.audit-committee-doc-preview .audit-committee-revision-stamp strong {
  color: #213e60;
  font-size: .9rem;
}

.audit-committee-doc-preview .audit-committee-revision-stamp small {
  color: #637486;
}

.audit-committee-doc-preview .foundation-document {
  width: min(100%, 760px);
  margin: 0 auto;
  color: #111827;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(.96rem, 1.8vw, 1.04rem);
  line-height: 1.7;
  letter-spacing: .004em;
  word-spacing: .055em;
  overflow-wrap: anywhere;
}

.audit-committee-doc-preview .foundation-document header {
  margin: 0 0 1.8rem;
  text-align: center;
}

.audit-committee-doc-preview .foundation-document header p {
  margin-bottom: .55rem;
  font-size: .94em;
}

.audit-committee-doc-preview .foundation-document h1 {
  margin: 0;
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  line-height: 1.35;
  letter-spacing: .035em;
}

.audit-committee-doc-preview .foundation-document h2 {
  margin: 1.7rem 0 .7rem;
  font-size: clamp(1.05rem, 2vw, 1.18rem);
  line-height: 1.4;
}

.audit-committee-doc-preview .foundation-document p {
  margin: 0 0 1.05rem;
}

.audit-committee-doc-preview .foundation-document ol,
.audit-committee-doc-preview .foundation-document ul {
  margin: .25rem 0 1.15rem;
  padding-left: 1.55rem;
}

.audit-committee-doc-preview .foundation-document li {
  margin: 0 0 .55rem;
  padding-left: .2rem;
  line-height: 1.65;
}

.audit-committee-doc-preview .document-meta {
  margin: 0 0 1.4rem !important;
  padding: .9rem 1rem;
  border-left: 3px solid #6695c9;
  background: #f7f9fc;
}

.audit-committee-doc-preview .document-table {
  min-width: 640px;
  margin: 1.2rem 0 1.5rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .92rem;
  line-height: 1.45;
}

.audit-committee-doc-preview .document-table th,
.audit-committee-doc-preview .document-table td {
  padding: .7rem .65rem;
  vertical-align: top;
}

.audit-committee-doc-preview .document-signatures {
  gap: 2.5rem;
  margin-top: 3.5rem;
}

.audit-committee-doc-preview .document-footnote {
  margin-top: 1.8rem !important;
  font-size: .82rem;
  line-height: 1.55;
}

.dark-mode .audit-committee-filter-tabs,
.dark-mode .audit-committee-revision-meta,
.dark-mode .audit-committee-version-row,
.dark-mode .audit-committee-documents-note {
  border-color: rgba(148, 163, 184, .22);
  background: #101827;
  color: #d6e2f1;
}

.dark-mode .audit-committee-filter-tab {
  color: #d5e1ef;
}

.dark-mode .audit-committee-filter-tab:hover,
.dark-mode .audit-committee-filter-tab.is-active {
  background: #17243a;
  border-color: rgba(96, 165, 250, .35);
  color: #eff6ff;
}

.dark-mode .audit-committee-document-heading > span,
.dark-mode .audit-committee-version-row span,
.dark-mode .audit-committee-version-row small,
.dark-mode .audit-committee-document-summary {
  color: #b7c5d7;
}

.dark-mode .audit-committee-revision-meta strong,
.dark-mode .audit-committee-documents-note strong {
  color: #9ddbd4;
}

.dark-mode .audit-committee-version-row.is-current {
  background: #102a2a;
}

.dark-mode .audit-committee-doc-preview .audit-committee-revision-stamp {
  background: #1c293b;
  border-color: #35455b;
  color: #d8e3ef;
}

.dark-mode .audit-committee-doc-preview .audit-committee-revision-stamp strong {
  color: #eff6ff;
}

.dark-mode .audit-committee-doc-preview .foundation-document {
  color: #f8fafc;
}

.dark-mode .audit-committee-doc-preview .document-meta {
  background: #182335;
  border-left-color: #78aee8;
}

@media (max-width: 760px) {
  .audit-committee-filter-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-committee-filter-tab {
    width: 100%;
  }

  .audit-committee-revision-meta.is-compact,
  .audit-committee-version-row {
    grid-template-columns: 1fr;
  }

  .audit-committee-version-actions {
    justify-content: flex-start;
  }

  .audit-committee-document-actions .btn {
    flex: 1 1 calc(50% - .55rem);
  }

  .audit-committee-doc-preview {
    padding: .8rem;
  }
}

@media (max-width: 520px) {
  .audit-committee-filter-tabs {
    grid-template-columns: 1fr;
  }

  .audit-committee-existing-document {
    grid-template-columns: 1fr;
  }

  .audit-committee-existing-actions .btn,
  .audit-committee-document-actions .btn,
  .audit-committee-version-actions .btn {
    width: 100%;
    flex-basis: 100%;
  }

  .audit-committee-doc-preview .foundation-document {
    font-size: .95rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .audit-committee-filter-tab {
    transition: none;
  }
}


/* AppSystem 3.31.3 — spójny interfejs rejestru dokumentów Zarządu */
.audit-committee-documents-page {
  display: block;
  min-width: 0;
}

.audit-committee-documents-page > .page-header {
  align-items: flex-end;
  margin-bottom: 1.15rem;
}

.audit-committee-documents-page > .page-header > div:first-child {
  min-width: 0;
  max-width: 860px;
}

.audit-committee-documents-page > .page-header h1 {
  letter-spacing: -.035em;
}

.audit-committee-documents-page > .page-header .muted {
  margin: .3rem 0 0;
  max-width: 820px;
  font-size: .98rem;
  line-height: 1.58;
}

.audit-committee-documents-page > .page-header .page-actions {
  justify-content: flex-end;
  align-items: center;
  max-width: 640px;
}

.audit-committee-documents-page > .page-header .page-actions .btn {
  min-height: 42px;
  white-space: nowrap;
}

.audit-committee-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin: 0 0 .75rem;
  padding: .5rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 10px 30px rgba(33, 42, 74, .055);
}

.audit-committee-filter-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 42px;
  padding: .58rem .72rem;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: .9rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.audit-committee-filter-tab:hover {
  border-color: var(--line);
  background: var(--surface-2);
  color: var(--text);
  transform: translateY(-1px);
}

.audit-committee-filter-tab.is-active {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
  background: var(--app-selected-bg);
  color: var(--primary);
  box-shadow: 0 7px 18px rgba(0, 67, 129, .09);
}

.audit-committee-filter-tab small {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 1.65rem;
  height: 1.65rem;
  padding: 0 .38rem;
  border-radius: 999px;
  background: var(--app-neutral-soft);
  color: var(--app-neutral-text);
  font-size: .76rem;
  font-weight: 850;
  line-height: 1;
}

.audit-committee-filter-tab.is-active small {
  background: var(--primary);
  color: var(--app-on-primary);
}

.audit-committee-filter-tab:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--app-focus) 30%, transparent);
  outline-offset: 2px;
}

.audit-committee-documents-note {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.15rem;
  padding: .78rem .9rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface-2);
  color: var(--muted);
  font-size: .91rem;
  line-height: 1.45;
}

.audit-committee-documents-note > strong {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: .3rem .62rem;
  border-radius: 999px;
  background: var(--app-info-soft);
  color: var(--app-info);
  font-size: .84rem;
  line-height: 1;
  white-space: nowrap;
}

.audit-committee-documents-note > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .22rem;
  min-width: 0;
}

.audit-committee-documents-note b {
  color: var(--text);
  font-size: 1rem;
}

.audit-committee-documents-note small {
  flex-basis: 100%;
  color: var(--muted);
  font-size: .82rem;
}

.audit-committee-document-list {
  gap: .9rem;
}

.audit-committee-document-card {
  padding: clamp(1rem, 1.7vw, 1.25rem);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 10px 30px rgba(33, 42, 74, .055);
}

.audit-committee-document-card::before {
  width: 4px;
  background: var(--primary);
  opacity: .78;
}

.audit-committee-document-card .card-top {
  align-items: flex-start;
  gap: 1rem;
}

.audit-committee-document-heading {
  min-width: 0;
}

.audit-committee-document-heading .eyebrow {
  margin-bottom: .3rem;
}

.audit-committee-document-heading h3 {
  margin: 0 0 .38rem;
  font-size: clamp(1.05rem, 1.6vw, 1.18rem);
  line-height: 1.34;
  overflow-wrap: anywhere;
}

.audit-committee-document-heading > span {
  display: block;
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.45;
}

.audit-committee-document-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
}

.audit-committee-document-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .8rem;
  align-items: center;
  padding: .72rem .8rem;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface-2);
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.45;
}

.audit-committee-duplicate-warning {
  color: var(--app-warning-text);
  font-weight: 700;
}

.audit-committee-document-summary {
  margin: 0;
  font-size: .95rem;
  line-height: 1.6;
}

.audit-committee-document-actions {
  gap: .5rem;
  padding-top: .05rem;
}

.audit-committee-document-actions .btn {
  min-height: 38px;
}

.dark-mode .audit-committee-filter-tabs,
html.app-dark .audit-committee-filter-tabs,
.dark-mode .audit-committee-document-card,
html.app-dark .audit-committee-document-card {
  background: var(--surface);
  border-color: var(--line);
}

.dark-mode .audit-committee-filter-tab,
html.app-dark .audit-committee-filter-tab {
  color: var(--muted);
}

.dark-mode .audit-committee-filter-tab:hover,
html.app-dark .audit-committee-filter-tab:hover {
  background: var(--surface-2);
  color: var(--text);
}

.dark-mode .audit-committee-filter-tab.is-active,
html.app-dark .audit-committee-filter-tab.is-active {
  background: color-mix(in srgb, var(--primary) 22%, var(--surface));
  color: #d8ebff;
}

.dark-mode .audit-committee-documents-note,
html.app-dark .audit-committee-documents-note,
.dark-mode .audit-committee-document-meta,
html.app-dark .audit-committee-document-meta {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--muted);
}

@media (max-width: 900px) {
  .audit-committee-documents-page > .page-header {
    align-items: stretch;
  }
  .audit-committee-documents-page > .page-header .page-actions {
    justify-content: flex-start;
    max-width: none;
  }
}

@media (max-width: 720px) {
  .audit-committee-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
    padding-bottom: .6rem;
  }
  .audit-committee-filter-tab {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .audit-committee-documents-note {
    align-items: flex-start;
  }
  .audit-committee-document-card .card-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .audit-committee-document-actions .btn {
    flex: 1 1 calc(50% - .5rem);
  }
}

@media (max-width: 520px) {
  .audit-committee-documents-page > .page-header .page-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .audit-committee-documents-page > .page-header .page-actions .btn {
    width: 100%;
  }
  .audit-committee-documents-note {
    display: grid;
    gap: .55rem;
  }
  .audit-committee-documents-note > strong {
    justify-self: start;
  }
  .audit-committee-document-card .card-top {
    grid-template-columns: 1fr;
  }
  .audit-committee-document-badges {
    justify-content: flex-start;
  }
  .audit-committee-document-actions .btn {
    flex-basis: 100%;
    width: 100%;
  }
}


/* AppSystem 3.31.2 — niezawodne pobieranie dokumentów Zarządu */
.audit-committee-download-ready{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:1rem;
  align-items:center;
  padding:1rem;
  border:1px solid rgba(116,71,104,.18);
  border-radius:20px;
  background:linear-gradient(135deg,#fcf8fb,#f4e9f1);
}
.audit-committee-download-ready-icon{
  width:74px;
  height:74px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.06em;
  color:#fff;
  background:linear-gradient(145deg,#744768,#57334f);
  box-shadow:0 14px 34px rgba(116,71,104,.24);
}
.audit-committee-download-ready h3{
  margin:.15rem 0 .45rem;
  overflow-wrap:anywhere;
}
.audit-committee-download-ready p{
  margin:.25rem 0;
  line-height:1.65;
}
.audit-committee-download-ready small{
  display:block;
  margin-top:.55rem;
  color:#5b6775;
  overflow-wrap:anywhere;
}
.audit-committee-download-ready-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-top:1rem;
}
.audit-committee-download-ready-actions .btn{
  text-decoration:none;
}
@media(max-width:620px){
  .audit-committee-download-ready{
    grid-template-columns:1fr;
    text-align:center;
  }
  .audit-committee-download-ready-icon{
    margin-inline:auto;
  }
  .audit-committee-download-ready-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .audit-committee-download-ready-actions .btn{
    width:100%;
    justify-content:center;
  }
}
.dark-mode .audit-committee-download-ready{
  border-color:rgba(148,163,184,.24);
  background:linear-gradient(135deg,#101827,#0f172a);
}
.dark-mode .audit-committee-download-ready small{
  color:#a9b8c9;
}

.audit-committee-template-action{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:.2rem 0 .85rem;padding:.75rem;border:1px solid var(--audit-committee-border);border-radius:16px;background:var(--audit-committee-soft)}
.audit-committee-template-action span{font-size:.9rem;color:#705c6c;line-height:1.5}
.dark-mode .audit-committee-template-action{background:#0f172a;border-color:rgba(148,163,184,.22)}
.dark-mode .audit-committee-template-action span{color:#cbd5e1}




/* AppSystem bundle source: styles/203-account-email-3330.css */
.account-management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:16px 18px;border:1px solid #d7e5ef;border-radius:16px;background:linear-gradient(135deg,#f8fbfd,#eef6fb)}.account-management-toolbar div{display:grid;gap:3px}.account-management-toolbar strong{color:#173349;font-size:1rem}.account-management-toolbar span{color:#667987;font-size:.88rem}.account-card{position:relative;overflow:hidden}.account-card-pending:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#d69b25}.account-status-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.account-invitation-note{display:grid;gap:4px;margin:14px 0 0;padding:13px 15px;border-radius:12px;font-size:.88rem}.account-invitation-note.waiting{background:#fff7df;border:1px solid #f0d790;color:#66501f}.account-invitation-note.error{background:#fceaea;border:1px solid #edc1c1;color:#842f2f}.account-invitation-note span{line-height:1.45}.account-invitation-result{text-align:center;display:grid;justify-items:center;gap:13px;padding:10px}.account-invitation-result h3,.account-invitation-result p{margin:0}.activation-result-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;font-weight:900;font-size:1.7rem}.activation-result-icon.success{background:#e2f4ed;color:#176f5b}.activation-result-icon.warning{background:#fff0d2;color:#9a6710}.fallback-link{width:100%;display:grid;gap:8px;text-align:left;padding:14px;border:1px solid #d9e4ec;border-radius:12px;background:#f6f9fb}.fallback-link code{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;padding:10px;border-radius:8px;background:#eaf1f5;color:#173349;font-size:.78rem}.status.yellow{background:#fff0c8;color:#72510b;border-color:#efd486}.account-card .card-actions{align-items:center}@media(max-width:720px){.account-management-toolbar{align-items:stretch;flex-direction:column}.account-management-toolbar .btn{width:100%}.account-status-stack{justify-content:flex-start}.account-card .card-top{align-items:flex-start;flex-direction:column}.account-card .card-actions .btn{flex:1 1 100%}}html[data-theme="dark"] .account-management-toolbar{background:linear-gradient(135deg,#142531,#182d3b);border-color:#29465a}html[data-theme="dark"] .account-management-toolbar strong{color:#e9f3f9}html[data-theme="dark"] .account-management-toolbar span{color:#aebdca}html[data-theme="dark"] .account-invitation-note.waiting{background:#40361e;border-color:#675627;color:#f6df9f}html[data-theme="dark"] .account-invitation-note.error{background:#422626;border-color:#663737;color:#f3b8b8}html[data-theme="dark"] .fallback-link{background:#152833;border-color:#2c4859}html[data-theme="dark"] .fallback-link code{background:#0f1f29;color:#dbeaf3}

.login-activation-note{margin:14px 0 0;text-align:center;color:#667987;font-size:.84rem;line-height:1.45}




/* AppSystem bundle source: styles/204-background-sync-3340.css */
/* AppSystem 3.34.0 — nieprzerywająca synchronizacja wielu użytkowników */
.background-sync-refresh {
  position: relative;
  overflow: hidden;
  min-height: 42px;
  border-color: color-mix(in srgb, var(--app-primary) 25%, var(--line));
  background: color-mix(in srgb, var(--app-selected-bg) 84%, var(--app-surface));
  color: var(--app-primary);
  box-shadow: 0 8px 22px rgba(0, 67, 129, .08);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.background-sync-refresh::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.42) 48%, transparent 76%);
  transform: translateX(-125%);
  animation: background-sync-sheen 3.8s ease-in-out infinite;
}

.background-sync-refresh:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--app-primary) 45%, var(--line));
  box-shadow: 0 11px 26px rgba(0, 67, 129, .13);
}

.background-sync-refresh[data-sync-state="deferred"] {
  border-color: color-mix(in srgb, #b7791f 42%, var(--line));
  background: color-mix(in srgb, #fff3d7 88%, var(--app-surface));
  color: #8a570b;
}

.background-sync-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 1rem;
  line-height: 1;
  animation: background-sync-rotate 2.4s linear infinite;
}

.background-sync-refresh[data-sync-state="deferred"] .background-sync-icon {
  animation-duration: 4.5s;
}

html.app-dark .background-sync-refresh {
  border-color: rgba(108, 184, 236, .35);
  background: rgba(41, 91, 126, .28);
  color: #b7ddf7;
  box-shadow: none;
}

html.app-dark .background-sync-refresh[data-sync-state="deferred"] {
  border-color: rgba(241, 188, 86, .38);
  background: rgba(114, 78, 19, .35);
  color: #f4d18c;
}

@keyframes background-sync-rotate {
  to { transform: rotate(360deg); }
}

@keyframes background-sync-sheen {
  0%, 52% { transform: translateX(-125%); }
  78%, 100% { transform: translateX(125%); }
}

@media (max-width: 980px) {
  .background-sync-refresh {
    min-width: 42px;
    width: 42px;
    padding-inline: 0;
  }
  .background-sync-refresh [data-background-sync-label] { display: none; }
}

@media (max-width: 420px) {
  .background-sync-refresh { display: inline-flex; }
}

@media (prefers-reduced-motion: reduce) {
  .background-sync-refresh::after,
  .background-sync-icon { animation: none; }
}




/* AppSystem bundle source: styles/205-messenger-group-members-3350.css */
/* AppSystem 3.35.0 — zarządzanie członkami istniejących czatów grupowych */
.messenger-members-manager{display:grid;gap:16px;min-width:0}
.messenger-members-manager__summary{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary,#0878bd) 18%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary,#0878bd) 8%,#fff),#fff);box-shadow:0 10px 28px rgba(0,49,88,.07)}
.messenger-members-manager__summary>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--primary,#0878bd) 13%,#fff);font-size:22px}
.messenger-members-manager__summary strong,.messenger-members-manager__summary small{display:block}
.messenger-members-manager__summary strong{font-size:15px;color:var(--text,#172633)}
.messenger-members-manager__summary small{margin-top:4px;color:var(--muted,#657682);line-height:1.45}
.messenger-members-manager__list{max-height:min(52vh,460px);overflow:auto;padding-right:4px;scrollbar-width:thin}
.messenger-members-manager__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid var(--line,#dce6ed)}
.messenger-members-manager__footer p{max-width:430px;margin:0;color:var(--muted,#657682);font-size:12px;line-height:1.55}
.messenger-members-manager__footer .btn{flex:0 0 auto;min-width:190px;justify-content:center}
.messenger-group-participants>div.pending{background:color-mix(in srgb,#f0a500 8%,transparent)}
.messenger-group-participants>div.pending small{color:#986700}
@media(max-width:620px){.messenger-members-manager__summary{grid-template-columns:42px minmax(0,1fr);padding:12px}.messenger-members-manager__summary>span{width:40px;height:40px;border-radius:13px;font-size:19px}.messenger-members-manager__list{max-height:46vh}.messenger-members-manager__footer{align-items:stretch;flex-direction:column}.messenger-members-manager__footer .btn{width:100%;min-width:0}.messenger-members-manager__footer p{text-align:center}}
@media(prefers-reduced-motion:reduce){.messenger-members-manager *{scroll-behavior:auto!important;transition:none!important}}
[data-theme="dark"] .messenger-members-manager__summary,.dark .messenger-members-manager__summary{background:linear-gradient(135deg,rgba(8,120,189,.16),rgba(18,30,42,.97));border-color:rgba(107,184,230,.24);box-shadow:none}
[data-theme="dark"] .messenger-members-manager__summary>span,.dark .messenger-members-manager__summary>span{background:rgba(71,163,219,.18)}
[data-theme="dark"] .messenger-group-participants>div.pending,.dark .messenger-group-participants>div.pending{background:rgba(240,165,0,.08)}
[data-theme="dark"] .messenger-group-participants>div.pending small,.dark .messenger-group-participants>div.pending small{color:#f1c66a}




/* AppSystem bundle source: styles/206-coworking-groups-3360.css */
/* AppSystem 3.36.0 — centrum grup roboczych */
.coworking-workspace{display:grid;gap:18px;min-width:0}
.coworking-hero{display:flex;justify-content:space-between;gap:24px;padding:24px;border:1px solid rgba(0,67,129,.1);border-radius:22px;background:linear-gradient(135deg,#eef7fb 0%,#fff 52%,#f5f9f7 100%);box-shadow:0 12px 32px rgba(0,45,82,.07)}
.coworking-hero-main{min-width:0}.coworking-hero h2{margin:5px 0 8px;font-size:clamp(1.55rem,3vw,2.2rem);overflow-wrap:anywhere}.coworking-hero p{max-width:900px;margin:0;color:var(--muted);line-height:1.65}.coworking-hero-tags,.coworking-hero-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.coworking-hero-tags{margin-top:15px}.coworking-tabs{display:flex;gap:7px;padding:6px;border:1px solid var(--line);border-radius:17px;background:#f4f7f9;overflow-x:auto;scrollbar-width:thin}.coworking-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:0;border-radius:12px;background:transparent;color:#536674;font:inherit;white-space:nowrap;cursor:pointer}.coworking-tab strong{font-size:.83rem}.coworking-tab>span{font-size:1rem}.coworking-tab i{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#dfe8ee;color:#334b5c;font-size:.69rem;font-style:normal;font-weight:850}.coworking-tab.active{background:#fff;color:#004381;box-shadow:0 5px 18px rgba(0,45,82,.12)}.coworking-tab.active i{background:#e1f1fb;color:#005c97}.coworking-tab-content{min-width:0}.coworking-dashboard{display:grid;gap:16px}.coworking-focus-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border:1px solid #cbe5ef;border-radius:20px;background:linear-gradient(125deg,#eaf8fb,#f7fbfd)}.coworking-focus-card h3{margin:4px 0 7px;font-size:1.25rem}.coworking-focus-card p{margin:0;color:var(--muted);line-height:1.55}.coworking-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.coworking-stats article{display:grid;gap:5px;min-width:0;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}.coworking-stats span,.coworking-stats small{color:var(--muted);font-size:.76rem}.coworking-stats strong{font-size:1.55rem;color:#11384f;overflow-wrap:anywhere}.coworking-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:15px}.coworking-dashboard-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.coworking-deadlines{display:grid;gap:8px}.coworking-deadline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fff}.coworking-deadline.overdue{border-color:#efc3c3;background:#fff8f8}.coworking-deadline div{min-width:0}.coworking-deadline strong,.coworking-deadline small{display:block;overflow-wrap:anywhere}.coworking-deadline small{margin-top:3px;color:var(--muted)}.coworking-section-link{width:100%;margin-top:10px;padding:10px;border:0;border-radius:11px;background:#f2f7fa;color:#075c9c;font:inherit;font-weight:800;cursor:pointer}.group-post-list.compact .group-post{padding:11px 0}.coworking-workspace-preview>p{margin:0;color:var(--muted);line-height:1.65}.coworking-linked-chat{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #cce5d7;border-radius:15px;background:#f3fbf6}.coworking-linked-chat>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ddf4e5;color:#197044;font-size:1.25rem}.coworking-linked-chat strong,.coworking-linked-chat small{display:block}.coworking-linked-chat small{margin-top:3px;color:var(--muted)}.coworking-unlinked-chat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px dashed #b8cbd7;border-radius:15px;background:#fafcfd}.coworking-unlinked-chat p{margin:0;color:var(--muted)}
.coworking-board-head,.coworking-members-head,.coworking-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px;padding:2px 2px 0}.coworking-board-head h3,.coworking-members-head h3,.coworking-workspace-head h3{margin:0 0 5px;font-size:1.35rem}.coworking-board-head p,.coworking-members-head p,.coworking-workspace-head p{margin:0;color:var(--muted)}.coworking-workspace-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.coworking-kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity}.coworking-kanban-column{min-width:220px;min-height:360px;border:1px solid var(--line);border-radius:17px;background:#f5f8fa;scroll-snap-align:start}.coworking-kanban-column>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border-bottom:1px solid var(--line);color:#23485f;font-weight:850}.coworking-kanban-column>header strong{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#e1eaf0;font-size:.72rem}.coworking-kanban-column>div{display:grid;align-content:start;gap:10px;padding:10px}.coworking-column-empty{margin:8px 4px;color:var(--muted);font-size:.78rem;text-align:center}.coworking-task-card{display:grid;gap:10px;padding:13px;border:1px solid #dce6eb;border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(0,45,82,.05)}.coworking-task-card.needs-help{border-color:#efc0c0;box-shadow:inset 3px 0 #c83d3d,0 5px 14px rgba(0,45,82,.05)}.coworking-task-top,.coworking-task-actions,.coworking-task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.coworking-task-card h4{margin:0;font-size:.95rem;overflow-wrap:anywhere}.coworking-task-card p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.5}.coworking-task-meta{display:grid;gap:5px}.coworking-task-meta>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.73rem}.coworking-task-actions{justify-content:flex-end;padding-top:2px}
.coworking-workspace-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:15px}.coworking-document{min-height:390px}.coworking-document-body{font-size:.94rem;line-height:1.75;color:#253c4b;overflow-wrap:anywhere}.coworking-document-body p{margin:0 0 1em}.coworking-checklist{display:grid;gap:7px}.coworking-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.coworking-check input{margin-top:3px}.coworking-check span{line-height:1.45}.coworking-check.done span{text-decoration:line-through;color:var(--muted)}.coworking-history{display:grid;gap:10px}.coworking-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.coworking-history article>div,.coworking-history strong,.coworking-history span,.coworking-history small{display:block}.coworking-history article p{grid-column:1/-1;margin:0;color:var(--muted)}.coworking-history small{margin-top:3px;color:var(--muted)}
.coworking-role-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.coworking-role-guide article{display:grid;gap:8px;align-content:start;padding:13px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}.coworking-role-guide p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45}.coworking-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.coworking-member-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.coworking-member-card strong,.coworking-member-card small{display:block}.coworking-member-card small{margin:3px 0 7px;color:var(--muted);line-height:1.4}.coworking-role-editor{display:grid;gap:8px}.coworking-role-editor article{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(150px,auto);align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.coworking-role-editor strong,.coworking-role-editor small{display:block}.coworking-role-editor small{margin-top:3px;color:var(--muted)}
.coworking-messenger-page{display:grid;gap:14px}.coworking-messenger-hero{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:15px;padding:20px;border:1px solid #cbdfea;border-radius:19px;background:linear-gradient(135deg,#eef8fd,#fff)}.coworking-messenger-hero>span{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#dceff9;color:#075c9c;font-size:1.8rem}.coworking-messenger-hero h3{margin:4px 0 6px;font-size:1.35rem}.coworking-messenger-hero p{margin:0;color:var(--muted);line-height:1.55}.coworking-linked-messenger{display:flex;justify-content:space-between;align-items:center;gap:18px}.coworking-linked-messenger>div:first-child{display:grid;gap:4px}.coworking-linked-messenger>div:last-child,.coworking-messenger-empty>div{display:flex;gap:8px;flex-wrap:wrap}.coworking-linked-messenger span,.coworking-linked-messenger small{color:var(--muted)}.coworking-messenger-empty{text-align:center;padding:30px}.coworking-messenger-empty h3{margin:0 0 7px}.coworking-messenger-empty p{max-width:660px;margin:0 auto 16px;color:var(--muted)}.coworking-messenger-empty>div{justify-content:center}.coworking-chat-picker{display:grid;gap:8px;max-height:430px;overflow:auto;padding:3px}.coworking-chat-picker .check-card{grid-template-columns:auto minmax(0,1fr)}
.textarea-xl{min-height:300px}
@media(max-width:1120px){.coworking-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.coworking-role-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.coworking-kanban{grid-template-columns:repeat(5,minmax(250px,1fr))}}
@media(max-width:820px){.coworking-hero,.coworking-focus-card,.coworking-linked-messenger{flex-direction:column;align-items:stretch}.coworking-hero-actions{width:100%}.coworking-dashboard-grid,.coworking-dashboard-grid.compact,.coworking-workspace-layout,.coworking-member-grid{grid-template-columns:1fr}.coworking-tabs{margin-inline:-4px}.coworking-tab{min-width:max-content}.coworking-role-guide{grid-template-columns:1fr 1fr}.coworking-linked-chat{grid-template-columns:42px minmax(0,1fr)}.coworking-linked-chat .btn{grid-column:1/-1}.coworking-board-head,.coworking-members-head,.coworking-workspace-head{flex-direction:column;align-items:stretch}.coworking-board-head>.btn,.coworking-members-head>.btn{width:100%}.coworking-workspace-head>div:last-child>.btn{flex:1}}
@media(max-width:560px){.coworking-hero{padding:18px}.coworking-stats,.coworking-role-guide{grid-template-columns:1fr}.coworking-focus-card{padding:17px}.coworking-focus-card .btn{width:100%}.coworking-deadline{grid-template-columns:1fr}.coworking-member-card,.coworking-role-editor article{grid-template-columns:auto minmax(0,1fr)}.coworking-member-card>.btn,.coworking-role-editor article>select,.coworking-role-editor article>.status{grid-column:1/-1;width:100%}.coworking-messenger-hero{grid-template-columns:1fr;text-align:center}.coworking-messenger-hero>span{margin:auto}.coworking-history article{grid-template-columns:1fr}.coworking-history article>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){.coworking-tab,.coworking-task-card,.coworking-section-link{scroll-behavior:auto;transition:none!important}}
html[data-theme="dark"] .coworking-hero,body.dark-mode .coworking-hero{background:linear-gradient(135deg,#132b39,#15222b 55%,#142c28);border-color:#294452}
html[data-theme="dark"] .coworking-tabs,body.dark-mode .coworking-tabs{background:#162630}
html[data-theme="dark"] .coworking-tab.active,body.dark-mode .coworking-tab.active{background:#233844;color:#9cd7ff}
html[data-theme="dark"] .coworking-focus-card,body.dark-mode .coworking-focus-card{background:linear-gradient(125deg,#15333c,#172a32);border-color:#2b4b55}
html[data-theme="dark"] .coworking-stats article,html[data-theme="dark"] .coworking-task-card,html[data-theme="dark"] .coworking-check,html[data-theme="dark"] .coworking-member-card,html[data-theme="dark"] .coworking-role-editor article,html[data-theme="dark"] .coworking-history article,body.dark-mode .coworking-stats article,body.dark-mode .coworking-task-card,body.dark-mode .coworking-check,body.dark-mode .coworking-member-card,body.dark-mode .coworking-role-editor article,body.dark-mode .coworking-history article{background:#172832;border-color:#2a414e}
html[data-theme="dark"] .coworking-kanban-column,body.dark-mode .coworking-kanban-column{background:#13232c;border-color:#2a414e}
html[data-theme="dark"] .coworking-document-body,body.dark-mode .coworking-document-body{color:#d6e5ed}
html[data-theme="dark"] .coworking-linked-chat,body.dark-mode .coworking-linked-chat{background:#173128;border-color:#2a5a45}
html[data-theme="dark"] .coworking-messenger-hero,body.dark-mode .coworking-messenger-hero{background:linear-gradient(135deg,#142d3a,#17252f);border-color:#2a4758}




/* AppSystem bundle source: styles/207-coworking-tools-3370.css */
/* AppSystem 3.37.0 — coworking Etap B */
.coworking-tools-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.coworking-tools-head h3{margin:4px 0 8px;font-size:clamp(1.35rem,2.2vw,1.9rem)}.coworking-tools-head p{margin:0;max-width:760px}.coworking-section-block{margin-top:26px}.coworking-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.coworking-section-title h4{margin:0}.coworking-section-title span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:var(--surface-2,#edf3f7);font-weight:800}.coworking-meeting-list{display:grid;gap:14px}.coworking-meeting-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px;border:1px solid var(--border,#dbe5eb);border-radius:20px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(17,43,62,.06)}.coworking-meeting-card.is-muted{opacity:.72}.coworking-meeting-date{width:62px;height:68px;border-radius:16px;background:linear-gradient(145deg,#004381,#0f6fb2);color:#fff;display:grid;place-content:center;text-align:center}.coworking-meeting-date strong{font-size:1.5rem;line-height:1}.coworking-meeting-date span{font-size:.78rem;margin-top:5px}.coworking-card-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.coworking-card-title-row h4{margin:0 0 5px;font-size:1.05rem}.coworking-card-title-row p,.coworking-card-excerpt{margin:0;color:var(--muted,#627481)}.coworking-card-excerpt{margin-top:12px;line-height:1.6}.coworking-inline-stats{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:.84rem;color:var(--muted,#627481)}.coworking-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.coworking-card-actions .is-selected{outline:2px solid #0f6fb2;background:#e7f3fb}.coworking-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.coworking-detail-meta span{padding:14px;border-radius:14px;background:var(--surface-2,#f3f7f9)}.coworking-detail-meta strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.coworking-meeting-detail section{margin-top:22px}.coworking-rich-note{padding:18px;border:1px solid var(--border,#dbe5eb);border-radius:16px;line-height:1.7;background:var(--surface,#fff)}.coworking-action-list{display:grid;gap:10px}.coworking-action-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border,#dbe5eb);border-radius:14px}.coworking-action-list article.done span{text-decoration:line-through;opacity:.65}.coworking-action-list label{display:flex;gap:10px;align-items:center}.coworking-attendance-list,.coworking-member-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.coworking-attendance-list article{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--surface-2,#f3f7f9)}.coworking-attendance-list small{display:block;color:var(--muted,#627481)}
.coworking-decision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.coworking-decision-grid.compact{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.coworking-decision-card{padding:20px;border:1px solid var(--border,#dbe5eb);border-radius:20px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(17,43,62,.05)}.coworking-decision-card.is-open{border-top:4px solid #0f6fb2}.coworking-vote-results{display:grid;gap:10px;margin-top:16px}.coworking-result>div{display:flex;justify-content:space-between;gap:12px;font-size:.86rem}.coworking-result i{display:block;height:8px;margin-top:6px;border-radius:999px;background:var(--surface-2,#edf3f7);overflow:hidden}.coworking-result i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#004381,#31a7c8)}.coworking-vote-question{margin-bottom:18px}.coworking-vote-options{display:grid;gap:10px}
.coworking-filter-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 12px;margin-bottom:12px}.coworking-filter-tab{white-space:nowrap;border:1px solid var(--border,#dbe5eb);border-radius:999px;padding:9px 14px;background:var(--surface,#fff);color:inherit;font-weight:700;cursor:pointer}.coworking-filter-tab.active{background:#004381;color:#fff;border-color:#004381}.coworking-file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.coworking-file-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--border,#dbe5eb);border-radius:18px;background:var(--surface,#fff)}.coworking-file-card.is-deleted{opacity:.7;border-style:dashed}.coworking-file-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#e7f3fb,#dff6f2);color:#004381;font-size:1.45rem}.coworking-file-main small{color:var(--muted,#627481)}
.coworking-activity-list{position:relative;display:grid;gap:0}.coworking-activity-list:before{content:"";position:absolute;left:21px;top:18px;bottom:18px;width:2px;background:var(--border,#dbe5eb)}.coworking-activity-list article{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:13px 0}.coworking-activity-icon{z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#004381;color:#fff;font-weight:900}.coworking-activity-list strong{display:block;margin-top:2px}.coworking-activity-list p{margin:5px 0;color:var(--muted,#627481)}.coworking-activity-list small{color:var(--muted,#627481)}
.app-dark .coworking-meeting-card,.app-dark .coworking-decision-card,.app-dark .coworking-file-card,.app-dark .coworking-rich-note,.app-dark .coworking-filter-tab{background:var(--surface,#18232b)}.app-dark .coworking-card-actions .is-selected{background:#16384d}.app-dark .coworking-file-icon{background:#16384d;color:#8dd6ed}
@media(max-width:760px){.coworking-tools-head{flex-direction:column}.coworking-tools-head .btn{width:100%}.coworking-meeting-card{grid-template-columns:1fr}.coworking-meeting-date{width:100%;height:auto;min-height:52px;display:flex;gap:8px;align-items:center;justify-content:center}.coworking-card-title-row{flex-direction:column}.coworking-detail-meta{grid-template-columns:1fr}.coworking-decision-grid,.coworking-file-grid{grid-template-columns:1fr}.coworking-action-list article{align-items:flex-start;flex-direction:column}.coworking-card-actions .btn{flex:1 1 auto}.coworking-member-picker{grid-template-columns:1fr}}



/* AppSystem bundle source: styles/208-coworking-specialized-3380.css */
/* AppSystem 3.38.0 — coworking Etap C */
.coworking-specialized-page{display:grid;gap:20px}.coworking-specialized-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px}.coworking-specialized-intro>div:first-child{max-width:760px}.coworking-specialized-intro h3{margin:4px 0 8px;font-size:clamp(1.25rem,2vw,1.65rem)}.coworking-specialized-intro p{margin:0;line-height:1.65}.coworking-specialized-intro .page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.coworking-dashboard-reminder{width:100%;display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #f0cf75;border-radius:16px;background:linear-gradient(135deg,#fff9e7,#fff);color:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(107,78,0,.08)}.coworking-dashboard-reminder>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffe9a9;color:#785600;font-size:20px}.coworking-dashboard-reminder>div{flex:1;min-width:0}.coworking-dashboard-reminder strong,.coworking-dashboard-reminder small{display:block}.coworking-dashboard-reminder small{margin-top:3px;color:var(--muted)}.coworking-dashboard-reminder>b{font-size:20px}.coworking-load-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.coworking-load-card{padding:17px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.coworking-load-card.success{border-color:#b8dfca}.coworking-load-card.warning{border-color:#ecd081}.coworking-load-card.danger{border-color:#efb7bb}.coworking-load-card header{display:flex;align-items:center;gap:10px}.coworking-load-card header>div{flex:1;min-width:0}.coworking-load-card header strong,.coworking-load-card header small{display:block}.coworking-load-card header small{margin-top:2px;color:var(--muted)}.coworking-load-card header>span{font-size:1.25rem;font-weight:800}.coworking-load-meter{height:8px;margin:14px 0;border-radius:99px;background:var(--surface-muted);overflow:hidden}.coworking-load-meter i{display:block;height:100%;border-radius:inherit;background:#42a877}.coworking-load-card.warning .coworking-load-meter i{background:#d6a722}.coworking-load-card.danger .coworking-load-meter i{background:#d5535c}.coworking-load-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.coworking-load-card dl>div{padding:10px;border-radius:12px;background:var(--surface-muted)}.coworking-load-card dt{font-size:.72rem;color:var(--muted)}.coworking-load-card dd{margin:4px 0 0;font-weight:800}.coworking-review-list,.coworking-simple-list{display:grid;gap:10px}.coworking-review-list article,.coworking-simple-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.coworking-review-list article>div:first-child,.coworking-simple-list article>div:first-child{min-width:0}.coworking-review-list strong,.coworking-review-list small,.coworking-simple-list strong,.coworking-simple-list small{display:block}.coworking-review-list small,.coworking-simple-list small{margin-top:4px;color:var(--muted)}.coworking-review-list p,.coworking-simple-list p{margin:5px 0 0}.coworking-simple-list article.unread{border-color:#91c9ea;background:#f2faff}.coworking-simple-list article.read{opacity:.82}.coworking-availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:12px}.coworking-availability-grid article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.coworking-availability-grid article.ready{border-color:#b6dec8}.coworking-availability-grid article.missing{border-color:#efbcc0;background:#fff8f8}.coworking-availability-grid article>div{flex:1;min-width:0}.coworking-availability-grid strong,.coworking-availability-grid small{display:block}.coworking-availability-grid p{margin:5px 0 0;font-size:.82rem;color:var(--muted);line-height:1.45}.coworking-signup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px}.coworking-signup-grid article{display:flex;flex-direction:column;gap:12px;padding:17px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.coworking-signup-grid h4{margin:8px 0 5px}.coworking-signup-grid p{margin:0;line-height:1.5}.coworking-signup-grid small{display:block;margin-top:8px;color:var(--muted)}.coworking-signup-people{display:flex;min-height:30px}.coworking-signup-people .team-avatar{margin-right:-7px;border:2px solid var(--panel)}.coworking-volunteer-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.coworking-summary-live{display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,1.6fr);gap:22px;align-items:center;padding:22px}.coworking-summary-live h3{margin:4px 0 8px}.coworking-summary-live p{margin:0;line-height:1.6}.coworking-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.coworking-summary-stats span{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:13px;background:var(--surface-muted);font-size:.74rem;color:var(--muted)}.coworking-summary-stats strong{font-size:1.15rem;color:var(--text)}.coworking-reminder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px}.coworking-reminder-grid article{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--panel)}.coworking-reminder-grid article>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;font-weight:900}.coworking-reminder-grid article.info>span{background:#dff2ff;color:#14678e}.coworking-reminder-grid article.warning>span{background:#fff0be;color:#7c5a00}.coworking-reminder-grid article.danger>span{background:#ffe0e2;color:#a52f39}.coworking-reminder-grid strong{display:block}.coworking-reminder-grid p{margin:4px 0 0;color:var(--muted);line-height:1.45}.coworking-summary-history{display:grid;gap:12px}.coworking-summary-history article{padding:17px;border:1px solid var(--border);border-radius:17px;background:var(--panel)}.coworking-summary-history header,.coworking-summary-history footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.coworking-summary-history header strong,.coworking-summary-history header small{display:block}.coworking-summary-history header small{margin-top:3px;color:var(--muted)}.coworking-summary-history p{margin:13px 0;line-height:1.6}.coworking-summary-history footer{justify-content:flex-start;flex-wrap:wrap;color:var(--muted);font-size:.78rem}.coworking-summary-history footer span{padding:6px 9px;border-radius:9px;background:var(--surface-muted)}.coworking-capacity-form{display:grid;gap:10px;margin-top:16px}.coworking-capacity-form label{display:grid;grid-template-columns:minmax(180px,1fr) 110px auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:13px}.coworking-capacity-form label>span{display:flex;align-items:center;gap:9px}.coworking-capacity-form input{width:100%}.coworking-task-card .coworking-task-special-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.coworking-task-card .coworking-task-special-meta span{font-size:.72rem;padding:5px 7px;border-radius:8px;background:var(--surface-muted);color:var(--muted)}.table-note{display:block;margin-top:4px;max-width:260px;color:var(--muted)}
.app-dark .coworking-dashboard-reminder{background:linear-gradient(135deg,rgba(116,84,0,.35),rgba(22,34,43,.94));border-color:#765f23}.app-dark .coworking-availability-grid article.missing{background:rgba(101,34,40,.18)}.app-dark .coworking-simple-list article.unread{background:rgba(28,83,116,.25);border-color:#477d9e}
@media(max-width:980px){.coworking-specialized-intro{flex-direction:column}.coworking-specialized-intro .page-actions{justify-content:flex-start}.coworking-volunteer-columns,.coworking-summary-live{grid-template-columns:1fr}.coworking-summary-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.coworking-specialized-page{gap:14px}.coworking-specialized-intro{padding:17px}.coworking-specialized-intro .page-actions{width:100%;display:grid;grid-template-columns:1fr}.coworking-load-grid,.coworking-availability-grid,.coworking-signup-grid,.coworking-reminder-grid{grid-template-columns:1fr}.coworking-load-card dl{grid-template-columns:1fr 1fr}.coworking-summary-stats{grid-template-columns:1fr 1fr}.coworking-review-list article,.coworking-simple-list article{align-items:flex-start;flex-direction:column}.coworking-capacity-form label{grid-template-columns:1fr 92px auto}.coworking-capacity-form label>span{grid-column:1/-1}.coworking-specialized-page .table-wrap{overflow-x:auto}.coworking-specialized-page table{min-width:760px}}
@media(prefers-reduced-motion:reduce){.coworking-dashboard-reminder,.coworking-load-card{transition:none!important}}



/* AppSystem bundle source: styles/209-coworking-live-documents-3390.css */
/* AppSystem 3.39.0 — dokumenty współdzielone, głosowania i szczegóły zadań */
.coworking-shared-docs{display:grid;gap:18px;min-width:0}.coworking-shared-doc-actions{display:flex;gap:9px;flex-wrap:wrap}.coworking-shared-doc-notice{margin:0}.coworking-doc-loading{display:grid;place-items:center;gap:10px;min-height:190px;color:var(--muted,#627481)}.coworking-doc-loading .spinner{width:28px;height:28px;border:3px solid #dce7ed;border-top-color:#0f6fb2;border-radius:50%;animation:coworkingDocSpin .8s linear infinite}.coworking-shared-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px}.coworking-shared-doc-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;padding:18px;border:1px solid var(--border,var(--line,#dbe5eb));border-radius:19px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(17,43,62,.06)}.coworking-shared-doc-card:hover{border-color:#b8d5e6;box-shadow:0 12px 30px rgba(17,43,62,.09)}.coworking-shared-doc-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;font-size:1.55rem;font-weight:900}.coworking-shared-doc-icon.text{background:linear-gradient(145deg,#e7f3fb,#dbeefa);color:#075c9c}.coworking-shared-doc-icon.sheet{background:linear-gradient(145deg,#e1f5e9,#d8f0e3);color:#147045}.coworking-shared-doc-main{min-width:0}.coworking-shared-doc-main h4{overflow-wrap:anywhere}.coworking-shared-doc-main>p{margin:8px 0 0;color:var(--muted,#627481);font-size:.84rem;line-height:1.55}.coworking-doc-empty{min-height:230px}.coworking-shared-doc-card .coworking-card-actions{align-items:center}
.shared-editor{display:grid;gap:16px;min-width:0}.shared-editor-header{position:sticky;top:-1px;z-index:7;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid var(--border,var(--line,#dbe5eb));border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);box-shadow:0 8px 24px rgba(17,43,62,.07);backdrop-filter:blur(12px)}.shared-editor-title{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;min-width:0}.shared-editor-title h2{margin:2px 0 5px;font-size:clamp(1.25rem,2vw,1.75rem);overflow-wrap:anywhere}.shared-editor-title p{margin:0;color:var(--muted,#627481);font-size:.82rem}.shared-editor-doc-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-size:1.45rem;font-weight:900}.shared-editor-doc-icon.text{background:#e4f2fb;color:#075c9c}.shared-editor-doc-icon.sheet{background:#def3e6;color:#147045}.shared-editor-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.shared-editor-presence{display:flex;align-items:center;min-height:36px;padding:3px 9px 3px 5px;border:1px solid var(--border,var(--line,#dbe5eb));border-radius:999px;background:var(--surface-2,#f3f7f9)}.shared-editor-presence small{margin-left:6px;color:var(--muted,#627481);white-space:nowrap}.shared-presence-avatar{display:grid;place-items:center;width:28px;height:28px;margin-left:-5px;border:2px solid var(--surface,#fff);border-radius:50%;background:linear-gradient(145deg,#004381,#31a7c8);color:#fff;font-size:.72rem;font-weight:900}.shared-presence-avatar:first-child{margin-left:0}.shared-editor-status[data-state="saving"]{color:#8a6200}.shared-editor-status[data-state="pending"]{color:#8a6200}.shared-editor-status[data-state="remote"]{color:#075c9c}.shared-editor-status[data-state="error"]{color:#b42626}.shared-editor-body{min-width:0;padding:4px}
.shared-text-editor{display:grid;gap:12px;max-width:980px;margin:0 auto}.shared-text-block{position:relative;border:1px solid transparent;border-radius:15px;background:var(--surface,#fff);transition:border-color .16s,box-shadow .16s}.shared-text-block:focus-within{border-color:#acd2e7;box-shadow:0 0 0 3px rgba(15,111,178,.08)}.shared-text-block.has-remote-change{border-color:#e4b74d}.shared-text-block-toolbar{display:flex;align-items:center;gap:8px;min-height:39px;padding:6px 8px;border-bottom:1px solid var(--border,var(--line,#e2eaef));background:var(--surface-2,#f7fafb);border-radius:14px 14px 0 0}.shared-text-block-toolbar select{width:auto;min-width:130px;height:32px;padding:4px 30px 4px 9px;font-size:.78rem}.shared-text-block-toolbar>span{margin-right:auto;color:var(--muted,#627481);font-size:.74rem}.shared-block-check{display:flex;align-items:center;gap:6px;font-size:.78rem}.shared-text-input{display:block;width:100%;min-height:72px;padding:15px 16px;border:0!important;border-radius:0 0 14px 14px;background:transparent!important;color:inherit;font:inherit;line-height:1.75;resize:none;box-shadow:none!important}.shared-text-input.type-heading1{font-size:1.65rem;font-weight:850;line-height:1.3}.shared-text-input.type-heading2{font-size:1.25rem;font-weight:800;line-height:1.4}.shared-text-input.type-bullet{padding-left:36px;background-image:radial-gradient(circle,#526b7b 2px,transparent 3px)!important;background-repeat:no-repeat!important;background-position:19px 27px!important}.shared-text-input.type-check{text-decoration:none}.shared-remote-warning{padding:8px 12px;border-top:1px solid #efd8a0;border-radius:0 0 14px 14px;background:#fff8e4;color:#785700;font-size:.78rem}.shared-add-block{width:100%;min-height:48px;border:1px dashed #b7cad5;border-radius:14px;background:transparent;color:#075c9c;font:inherit;font-weight:800;cursor:pointer}.shared-add-block:hover{background:#f1f8fc;border-color:#7db9da}
.shared-sheet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;padding:12px 14px;border:1px solid var(--border,var(--line,#dbe5eb));border-radius:14px;background:var(--surface-2,#f5f8fa);color:var(--muted,#627481);font-size:.84rem}.shared-sheet-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.shared-sheet-toolbar code{padding:2px 6px;border-radius:6px;background:var(--surface,#fff);color:#075c9c}.shared-sheet-wrap{max-width:100%;max-height:min(64vh,720px);overflow:auto;border:1px solid var(--border,var(--line,#cfdce4));border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(17,43,62,.05)}.shared-sheet{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%;font-size:.82rem}.shared-sheet th,.shared-sheet td{min-width:112px;height:38px;border-right:1px solid #dce4e9;border-bottom:1px solid #dce4e9;padding:0}.shared-sheet th{position:sticky;z-index:3;background:#eef4f7;color:#456071;text-align:center;font-weight:850}.shared-sheet thead th{top:0}.shared-sheet tbody th{left:0;min-width:48px;width:48px;z-index:2}.shared-sheet .shared-sheet-corner{left:0;z-index:5;min-width:48px;width:48px}.shared-sheet td input{display:block;width:100%;height:100%;min-height:38px;padding:7px 9px;border:0!important;border-radius:0;background:#fff;color:#203744;font:inherit;box-shadow:none!important}.shared-sheet td input:focus{position:relative;z-index:2;outline:2px solid #0f6fb2!important;outline-offset:-2px;background:#f7fcff}.shared-sheet td input.has-remote-change{background:#fff4ce;box-shadow:inset 0 0 0 2px #d8a52a!important}
.coworking-task-detail{display:grid;gap:20px}.coworking-task-detail>section{display:grid;gap:10px}.coworking-task-detail>section>h4{margin:0}.coworking-task-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.coworking-task-detail-grid>span{display:grid;gap:6px;padding:13px 14px;border:1px solid var(--border,var(--line,#dbe5eb));border-radius:13px;background:var(--surface-2,#f5f8fa);overflow-wrap:anywhere}.coworking-task-detail-grid strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.045em;color:var(--muted,#627481)}.task-detail-checklist{max-width:860px}.coworking-deadline{grid-template-columns:minmax(0,1fr) auto auto auto}
@keyframes coworkingDocSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.shared-editor-header{position:static;flex-direction:column}.shared-editor-header-actions{width:100%;justify-content:flex-start}.shared-sheet-wrap{max-height:58vh}.coworking-deadline{grid-template-columns:minmax(0,1fr) auto}.coworking-deadline .btn{grid-column:1/-1;width:100%}}
@media(max-width:640px){.coworking-shared-doc-grid{grid-template-columns:1fr}.coworking-shared-doc-card{grid-template-columns:46px minmax(0,1fr);padding:14px}.coworking-shared-doc-icon{width:44px;height:44px;border-radius:13px}.coworking-shared-doc-actions,.shared-editor-header-actions,.shared-sheet-toolbar{align-items:stretch;flex-direction:column}.coworking-shared-doc-actions .btn,.shared-editor-header-actions .btn,.shared-editor-header-actions a,.shared-sheet-toolbar .btn{width:100%}.shared-editor-title{grid-template-columns:44px minmax(0,1fr)}.shared-editor-doc-icon{width:42px;height:42px}.shared-text-block-toolbar{flex-wrap:wrap}.shared-text-block-toolbar>span{width:100%;order:3}.shared-text-block-toolbar select{flex:1}.shared-sheet th,.shared-sheet td{min-width:96px}.coworking-task-detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.coworking-doc-loading .spinner{animation:none}.coworking-shared-doc-card,.shared-text-block{transition:none}}
html[data-theme="dark"] .coworking-shared-doc-card,html[data-theme="dark"] .shared-editor-header,html[data-theme="dark"] .shared-text-block,body.dark-mode .coworking-shared-doc-card,body.dark-mode .shared-editor-header,body.dark-mode .shared-text-block,.app-dark .coworking-shared-doc-card,.app-dark .shared-editor-header,.app-dark .shared-text-block{background:#172832;border-color:#2a414e}.app-dark .coworking-shared-doc-icon.text,html[data-theme="dark"] .coworking-shared-doc-icon.text{background:#183a4d;color:#91d5fb}.app-dark .coworking-shared-doc-icon.sheet,html[data-theme="dark"] .coworking-shared-doc-icon.sheet{background:#193d31;color:#8ee0b7}.app-dark .shared-text-block-toolbar,html[data-theme="dark"] .shared-text-block-toolbar,.app-dark .shared-sheet-toolbar,html[data-theme="dark"] .shared-sheet-toolbar{background:#13232c;border-color:#2a414e}.app-dark .shared-text-input,html[data-theme="dark"] .shared-text-input{color:#e1edf3}.app-dark .shared-sheet-wrap,html[data-theme="dark"] .shared-sheet-wrap{background:#14242d;border-color:#2a414e}.app-dark .shared-sheet th,html[data-theme="dark"] .shared-sheet th{background:#1e3440;color:#d4e4ed}.app-dark .shared-sheet th,.app-dark .shared-sheet td,html[data-theme="dark"] .shared-sheet th,html[data-theme="dark"] .shared-sheet td{border-color:#2a414e}.app-dark .shared-sheet td input,html[data-theme="dark"] .shared-sheet td input{background:#172832;color:#e1edf3}.app-dark .shared-sheet td input:focus,html[data-theme="dark"] .shared-sheet td input:focus{background:#1b3544}.app-dark .shared-remote-warning,html[data-theme="dark"] .shared-remote-warning{background:#413718;color:#ffe387;border-color:#665525}.app-dark .shared-add-block,html[data-theme="dark"] .shared-add-block{border-color:#3b5969;color:#8dd6ed}.app-dark .coworking-task-detail-grid>span,html[data-theme="dark"] .coworking-task-detail-grid>span{background:#172832;border-color:#2a414e}






/* AppSystem bundle source: styles/212-collaboration-engine-3410.css */
/* AppSystem 3.52.2 — Collaboration Engine: pisanie i kursory na żywo */
.collaboration-engine-active [data-office-block-content],
.collaboration-engine-active [data-office-block]{position:relative;caret-color:#0b57d0}
.collaboration-engine-active [data-office-block][data-collab-rendered="1"]{overflow-wrap:anywhere}
.collaboration-engine-active [data-collab-placeholder]{display:inline}
.collaboration-engine-active [data-collab-char-id]{white-space:pre-wrap;position:relative}
.collab-engine-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .62rem;border-radius:999px;background:#e6f4ea;color:#137333;font-size:.76rem;font-weight:700;white-space:nowrap}
.collab-engine-badge::before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:#1e8e3e;box-shadow:0 0 0 3px rgba(30,142,62,.12)}
.collab-comment-button{white-space:nowrap}
.collab-remote-selection{background:color-mix(in srgb,var(--collab-user-color) 22%,transparent)!important;border-radius:2px;box-shadow:inset 0 -2px 0 var(--collab-user-color)}
.collab-remote-caret{display:inline-block;position:relative;width:0;height:1.35em;vertical-align:text-bottom;border-left:2px solid var(--collab-user-color);pointer-events:none;z-index:8}
.collab-remote-caret>span{position:absolute;left:-2px;bottom:100%;padding:.15rem .38rem;border-radius:.35rem .35rem .35rem 0;background:var(--collab-user-color);color:#fff;font:700 .68rem/1.25 Arial,sans-serif;white-space:nowrap;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.collab-comment-anchor{background:linear-gradient(transparent 58%,rgba(251,188,4,.36) 58%);border-bottom:2px solid #f9ab00}
.collaboration-engine-active [data-office-status][data-state="pending"]{color:#b06000}
.collaboration-engine-active [data-office-status][data-state="error"]{color:#b3261e}
@media(max-width:760px){.collab-engine-badge{display:none}.collab-comment-button{font-size:0;padding:.45rem}.collab-comment-button::first-letter{font-size:1rem}}
[data-theme="dark"] .collab-engine-badge{background:rgba(30,142,62,.2);color:#81c995}
[data-theme="dark"] .collab-comment-anchor{background:linear-gradient(transparent 55%,rgba(251,188,4,.28) 55%)}
@media(prefers-reduced-motion:reduce){.collab-remote-caret,.collab-engine-badge::before{animation:none!important}}



/* AppSystem bundle source: styles/217-coworking-smooth-sync-3451.css */
/* AppSystem 3.52.2 — płynna synchronizacja znak po znaku */
.office-suite[data-office-editor] [data-office-status]{
  display:inline-block;
  min-width:76px;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:bottom;
  font-variant-numeric:tabular-nums;
}
.office-suite[data-office-editor] [data-office-status][data-state="saving"],
.office-suite[data-office-editor] [data-office-status][data-state="pending"]{
  color:inherit;
}
.office-suite[data-office-editor] [data-office-status][data-state="saving"]::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:50%;
  background:#1a73e8;
  vertical-align:middle;
  opacity:.7;
}
.office-workspace{
  scrollbar-gutter:stable;
  overflow-anchor:none;
}
.office-page{
  position:relative;
}
.office-page-content,
[data-office-text-canvas]{
  overflow-anchor:none;
}
.collab-presence-layer{
  position:absolute;
  inset:0;
  z-index:25;
  pointer-events:none;
  overflow:visible;
}
.collab-remote-caret.collab-remote-caret-overlay{
  position:absolute;
  display:block;
  width:0;
  margin:0;
  border-left:2px solid var(--collab-user-color);
  pointer-events:none;
  transform:translateZ(0);
  contain:paint;
}
.collab-remote-caret.collab-remote-caret-overlay>span{
  position:absolute;
  left:-2px;
  bottom:100%;
}
.collaboration-engine-active [data-office-block-content],
.collaboration-engine-active [data-office-block][data-collab-rendered="1"]{
  contain:style;
}
.collaboration-engine-active [data-office-block]{
  overflow-anchor:none;
}
.collaboration-engine-active .office-presence{
  min-width:88px;
}
.collaboration-engine-active .office-save-line{
  min-height:18px;
}
@media(max-width:760px){
  .office-suite[data-office-editor] [data-office-status]{min-width:62px;max-width:110px}
  .collaboration-engine-active .office-presence{min-width:58px}
}
@media(prefers-reduced-motion:reduce){
  .office-suite[data-office-editor] [data-office-status][data-state="saving"]::before{animation:none}
}



/* AppSystem bundle source: styles/224-coworking-review-core-3490.css */
/* AppSystem 3.49.0 — Review & Collaboration Core
   Komentarze, sugestie, obieg, współpraca i wersje podłączone do jednego rdzenia 3.48.0. */

.office-core-reset .review-core-controls{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  flex:0 0 auto;
}
.office-core-reset .review-core-status,
.office-core-reset .review-core-mode select{
  min-height:34px;
  border:1px solid var(--office-border,#d9dee6);
  background:#fff;
  color:var(--office-ink,#20242a);
  font:600 .76rem/1 Arial,sans-serif;
}
.office-core-reset .review-core-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:170px;
  padding:0 11px;
  border-radius:18px;
  cursor:pointer;
  white-space:nowrap;
}
.office-core-reset .review-core-status strong{overflow:hidden;text-overflow:ellipsis}
.office-core-reset .review-core-status[data-color="green"]{background:#e6f4ea;border-color:#a8d5b5;color:#137333}
.office-core-reset .review-core-status[data-color="amber"]{background:#fef7e0;border-color:#eed48b;color:#7a4f00}
.office-core-reset .review-core-status[data-color="blue"]{background:#e8f0fe;border-color:#b6cbef;color:#174ea6}
.office-core-reset .review-core-status[data-color="gray"]{background:#f1f3f4;border-color:#d4d9df;color:#5f6368}
.office-core-reset .review-core-mode{display:flex;align-items:center;margin:0}
.office-core-reset .review-core-mode select{height:34px;max-width:128px;padding:0 26px 0 10px;border-radius:18px;cursor:pointer}
.office-core-reset .review-core-lock-banner{
  position:relative;
  z-index:23;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:7px 16px;
  border-bottom:1px solid #ead69b;
  background:#fff8e1;
  color:#6d4c00;
}
.office-core-reset .review-core-lock-banner>div{display:grid;gap:1px;min-width:0;flex:1}
.office-core-reset .review-core-lock-banner small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-core-reset .review-core-lock-banner button{border:0;border-radius:7px;background:#fff;color:inherit;padding:7px 11px;font-weight:700;cursor:pointer}

/* Panel wspólny */
.office-core-reset .office-side-panel[data-review-panel="1"]{width:min(430px,42vw);min-width:330px}
.office-core-reset .review-core-panel{display:grid;gap:14px;color:var(--office-ink,#20242a)}
.office-core-reset .review-core-panel button,
.office-core-reset .review-core-panel input,
.office-core-reset .review-core-panel select,
.office-core-reset .review-core-panel textarea{font:inherit}
.office-core-reset .review-core-panel textarea{resize:vertical;min-height:78px}
.office-core-reset .review-core-panel input,
.office-core-reset .review-core-panel select,
.office-core-reset .review-core-panel textarea{
  box-sizing:border-box;
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #cfd6df;
  border-radius:8px;
  background:#fff;
  color:#20242a;
}
.office-core-reset .review-core-panel h4{margin:0;font-size:.95rem}
.office-core-reset .review-core-filters{display:flex;gap:5px;padding:3px;border-radius:10px;background:#eef2f6;overflow-x:auto}
.office-core-reset .review-core-filters button{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;min-width:max-content;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#52606d;font-weight:700;cursor:pointer}
.office-core-reset .review-core-filters button.active{background:#fff;color:#0b57d0;box-shadow:0 1px 4px rgba(25,45,65,.13)}
.office-core-reset .review-core-filters span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e8f0fe;color:#0b57d0;font-size:.68rem}
.office-core-reset .review-core-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--presence-color,#0b57d0);color:#fff;font-size:.7rem;font-weight:800}
.office-core-reset .review-core-panel .danger{color:#b3261e}
.office-core-reset .review-core-panel .approve{color:#137333}

/* Komentarze */
.office-core-reset .review-core-comment-compose{display:grid;gap:9px;padding:12px;border:1px solid #dce2e8;border-radius:12px;background:#f8fafc}
.office-core-reset .review-core-comment-compose blockquote{margin:0;padding:8px 10px;border-left:3px solid #7aa7e8;border-radius:0 6px 6px 0;background:#edf4ff;color:#395b84;font-size:.78rem}
.office-core-reset .review-core-comment-compose>div{display:grid;grid-template-columns:1fr 132px;gap:8px}
.office-core-reset .review-core-comment-compose label{display:grid;gap:4px;color:#66717f;font-size:.72rem;font-weight:700}
.office-core-reset .review-core-comment-list{display:grid;gap:11px}
.office-core-reset .review-core-comment{display:grid;gap:9px;padding:12px;border:1px solid #dce2e8;border-radius:12px;background:#fff;box-shadow:0 2px 7px rgba(35,50,65,.04)}
.office-core-reset .review-core-comment.is-resolved{opacity:.72;background:#f7f8fa}
.office-core-reset .review-core-comment>header{display:flex;align-items:center;gap:8px}
.office-core-reset .review-core-comment>header>div:nth-child(2){display:grid;gap:1px;min-width:0;flex:1}
.office-core-reset .review-core-comment>header small{color:#717c87;font-size:.68rem}
.office-core-reset .review-core-comment>p{margin:0;line-height:1.48;white-space:pre-wrap}
.office-core-reset .review-core-quote{display:block;width:100%;padding:7px 9px;border:0;border-left:3px solid #8ab4f8;border-radius:0 6px 6px 0;background:#f1f6ff;color:#496b91;text-align:left;font-size:.76rem;cursor:pointer}
.office-core-reset .review-core-reactions{display:flex;gap:4px;flex-wrap:wrap}
.office-core-reset .review-core-reactions button{display:flex;gap:3px;align-items:center;min-height:27px;padding:2px 7px;border:1px solid #d9e0e7;border-radius:14px;background:#fff;cursor:pointer}
.office-core-reset .review-core-reactions button.is-active{border-color:#8ab4f8;background:#e8f0fe}
.office-core-reset .review-core-replies{display:grid;gap:6px}
.office-core-reset .review-core-replies>div{display:grid;gap:2px;padding:7px 9px;border-left:3px solid #c6d5e8;border-radius:0 7px 7px 0;background:#f6f8fb}
.office-core-reset .review-core-replies p{margin:0;line-height:1.4}
.office-core-reset .review-core-replies small{color:#73808c;font-size:.66rem}
.office-core-reset .review-core-reply-form{display:grid;grid-template-columns:1fr auto;gap:6px}
.office-core-reset .review-core-reply-form button,
.office-core-reset .review-core-assign button{min-height:36px;padding:0 10px;border:0;border-radius:7px;background:#e8f0fe;color:#0b57d0;font-weight:700;cursor:pointer}
.office-core-reset .review-core-assign{border-top:1px solid #eceff3;padding-top:7px}
.office-core-reset .review-core-assign summary{color:#52606d;font-size:.75rem;font-weight:700;cursor:pointer}
.office-core-reset .review-core-assign form{display:grid;grid-template-columns:1fr 132px;gap:7px;margin-top:8px}
.office-core-reset .review-core-assign label{display:grid;gap:3px;font-size:.68rem;color:#66717f}
.office-core-reset .review-core-assign button{grid-column:1/-1}
.office-core-reset .review-core-task-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:7px;background:#fff7e0;color:#6c4d00;font-size:.75rem}
.office-core-reset .review-core-comment>footer{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eceff3;padding-top:8px}
.office-core-reset .review-core-comment>footer button{padding:3px 0;border:0;background:transparent;color:#0b57d0;font-weight:700;font-size:.73rem;cursor:pointer}
.office-core-reset .review-core-comment-block{box-shadow:inset 3px 0 0 rgba(11,87,208,.25)}
.office-core-reset .review-core-located{animation:reviewCoreLocate 1.8s ease}
@keyframes reviewCoreLocate{0%,100%{background-color:transparent}30%{background-color:#fff3bf}}
::highlight(appsystem-comments){background:rgba(255,213,79,.38);text-decoration:underline dotted #b57a00 1px}

/* Sugestie */
.office-core-reset .review-core-mode-info{display:grid;gap:7px;padding:12px;border:1px solid #c8d9f1;border-radius:12px;background:#f0f6ff}
.office-core-reset .review-core-mode-info p{margin:0;color:#52606d;font-size:.78rem;line-height:1.45}
.office-core-reset .review-core-mode-info button{justify-self:start;padding:7px 10px;border:0;border-radius:7px;background:#0b57d0;color:#fff;font-weight:700;cursor:pointer}
.office-core-reset .review-core-bulk{display:flex;gap:8px}
.office-core-reset .review-core-bulk button{flex:1;padding:8px;border:1px solid #ccd8e6;border-radius:8px;background:#fff;color:#34506f;font-weight:700;cursor:pointer}
.office-core-reset .review-core-suggestion-list{display:grid;gap:11px}
.office-core-reset .review-core-suggestion{display:grid;gap:9px;padding:12px;border:1px solid #dce2e8;border-radius:12px;background:#fff}
.office-core-reset .review-core-suggestion.is-resolved{opacity:.72;background:#f7f8fa}
.office-core-reset .review-core-suggestion>header{display:flex;align-items:center;gap:8px}
.office-core-reset .review-core-suggestion>header>div:nth-child(2){display:grid;gap:1px;min-width:0;flex:1}
.office-core-reset .review-core-suggestion>header small{color:#73808c;font-size:.68rem}
.office-core-reset .review-core-suggestion-diff{display:grid;gap:6px;padding:9px;border-radius:8px;background:#f6f8fa;line-height:1.45}
.office-core-reset .review-core-suggestion-diff del{padding:2px 4px;border-radius:3px;background:#fce8e6;color:#a50e0e;text-decoration-thickness:2px}
.office-core-reset .review-core-suggestion-diff ins{padding:2px 4px;border-radius:3px;background:#e6f4ea;color:#137333;text-decoration:none}
.office-core-reset .review-core-change-type{justify-self:start;padding:3px 7px;border-radius:999px;font-size:.65rem;font-weight:800}
.office-core-reset .review-core-change-type.insert{background:#e6f4ea;color:#137333}
.office-core-reset .review-core-change-type.delete{background:#fce8e6;color:#a50e0e}
.office-core-reset .review-core-change-type.replace{background:#e8f0fe;color:#174ea6}
.office-core-reset .review-core-change-type.format{background:#f3e8fd;color:#7e22a8}
.office-core-reset .review-core-suggestion form{display:grid;grid-template-columns:1fr auto;gap:6px}
.office-core-reset .review-core-suggestion form button{padding:0 10px;border:0;border-radius:7px;background:#e8f0fe;color:#0b57d0;font-weight:700}
.office-core-reset .review-core-suggestion>footer{display:flex;gap:10px;flex-wrap:wrap}
.office-core-reset .review-core-suggestion>footer button{padding:4px 0;border:0;background:transparent;color:#0b57d0;font-weight:700;cursor:pointer}

/* Obieg */
.office-core-reset .review-core-workflow-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.office-core-reset .review-core-large-status{display:inline-flex;gap:7px;align-items:center;padding:7px 11px;border-radius:999px;font-weight:800}
.office-core-reset .review-core-large-status[data-color="green"]{background:#e6f4ea;color:#137333}
.office-core-reset .review-core-large-status[data-color="amber"]{background:#fff7e0;color:#7a4f00}
.office-core-reset .review-core-large-status[data-color="blue"]{background:#e8f0fe;color:#174ea6}
.office-core-reset .review-core-large-status[data-color="gray"]{background:#f1f3f4;color:#5f6368}
.office-core-reset .review-core-progress{display:grid;grid-template-columns:repeat(7,minmax(58px,1fr));gap:5px;overflow-x:auto;padding:6px 2px}
.office-core-reset .review-core-progress>div{display:grid;justify-items:center;gap:4px;color:#77838f;text-align:center}
.office-core-reset .review-core-progress span{width:11px;height:11px;border:2px solid #bdc6d0;border-radius:50%;background:#fff}
.office-core-reset .review-core-progress .passed span{background:#34a853;border-color:#34a853}
.office-core-reset .review-core-progress .active span{background:#0b57d0;border-color:#0b57d0;transform:scale(1.25)}
.office-core-reset .review-core-progress .active small{color:#0b57d0;font-weight:800}
.office-core-reset .review-core-progress small{font-size:.62rem;line-height:1.15}
.office-core-reset .review-core-workflow-settings{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;border:1px solid #dce2e8;border-radius:12px;background:#fff}
.office-core-reset .review-core-workflow-settings h4,.office-core-reset .review-core-workflow-settings button{grid-column:1/-1}
.office-core-reset .review-core-workflow-settings label{display:grid;gap:4px;color:#5f6b76;font-size:.72rem;font-weight:700}
.office-core-reset .review-core-workflow-settings select[multiple]{min-height:105px}
.office-core-reset .review-core-assignment{display:grid;grid-template-columns:120px 1fr;gap:7px 10px;margin:0;padding:12px;border:1px solid #dce2e8;border-radius:12px;background:#fff}
.office-core-reset .review-core-assignment dt{color:#6f7b86}
.office-core-reset .review-core-assignment dd{margin:0;font-weight:700}
.office-core-reset .review-core-actions{display:grid;gap:8px;padding:12px;border:1px solid #dce2e8;border-radius:12px;background:#fff}
.office-core-reset .review-core-actions>div{display:flex;gap:7px;flex-wrap:wrap}
.office-core-reset .review-core-actions button{padding:8px 10px;border:1px solid #cbd6e2;border-radius:8px;background:#fff;color:#24425f;font-weight:700;cursor:pointer}
.office-core-reset .review-core-actions button.approve{border-color:#acd4b9;background:#e6f4ea;color:#137333}
.office-core-reset .review-core-actions button.danger{border-color:#efbbb7;background:#fce8e6;color:#a50e0e}
.office-core-reset .review-core-log{display:grid;gap:8px}
.office-core-reset .review-core-log article{position:relative;display:grid;grid-template-columns:14px 1fr;gap:8px;padding:5px 0}
.office-core-reset .review-core-log article>span{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#0b57d0}
.office-core-reset .review-core-log article:not(:last-child)::before{content:"";position:absolute;left:4px;top:17px;bottom:-8px;width:2px;background:#dce2e8}
.office-core-reset .review-core-log p{margin:2px 0;line-height:1.4}
.office-core-reset .review-core-log small{color:#73808c}

/* Historia */
.office-core-reset .review-core-version-form{display:grid;grid-template-columns:1fr auto;gap:7px}
.office-core-reset .review-core-history{display:grid;gap:9px}
.office-core-reset .review-core-history article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border:1px solid #dce2e8;border-radius:10px;background:#fff}
.office-core-reset .review-core-history article>div:first-child{display:grid;gap:3px}
.office-core-reset .review-core-history small{color:#73808c;font-size:.68rem}
.office-core-reset .review-core-history article>div:nth-child(2){display:flex;gap:6px}
.office-core-reset .review-core-history button{height:31px;padding:0 8px;border:1px solid #d1dbe5;border-radius:6px;background:#fff;color:#0b57d0;font-weight:700;cursor:pointer}
.office-core-reset .review-core-history [data-version-diff]{grid-column:1/-1}
.office-core-reset .review-core-version-diff{padding:9px;border-radius:8px;background:#f6f8fa;max-height:220px;overflow:auto;line-height:1.6}
.office-core-reset .review-core-version-diff p{white-space:pre-wrap}
.office-core-reset .review-core-version-diff del{background:#fce8e6;color:#a50e0e}
.office-core-reset .review-core-version-diff ins{background:#e6f4ea;color:#137333;text-decoration:none}

/* Współpraca */
.office-core-reset .review-core-collaboration-summary{display:grid;gap:4px;padding:11px;border-radius:10px;background:#edf4ff}
.office-core-reset .review-core-collaboration-summary p{margin:0;color:#52606d;line-height:1.45}
.office-core-reset .review-core-presence-list{display:grid;gap:7px}
.office-core-reset .review-core-presence-list article{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #dce2e8;border-radius:10px;background:#fff}
.office-core-reset .review-core-presence-list article>div:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}
.office-core-reset .review-core-presence-list small{color:#73808c}
.office-core-reset .review-core-presence-list button{padding:6px 8px;border:0;border-radius:6px;background:#e8f0fe;color:#0b57d0;font-weight:700;cursor:pointer}
.office-core-reset .office-page{position:relative}
.office-core-reset .review-core-presence-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible}
.office-core-reset .review-core-presence-marker{position:absolute;right:-10px;display:block;max-width:160px;padding:3px 7px;border-radius:8px 8px 8px 0;background:var(--presence-color,#0b57d0);color:#fff;font-size:.62rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px rgba(20,35,55,.18)}
.office-core-reset .review-core-presence-marker::before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:var(--presence-color,#0b57d0)}

/* Tryby pracy */
.office-core-reset[data-document-mode="suggest"] .office-page{box-shadow:0 0 0 2px #f6c453,0 2px 10px rgba(35,50,65,.16)}
.office-core-reset[data-document-mode="suggest"] .office-save-line::after{content:"Tryb sugerowania";margin-left:5px;color:#8a5a00;font-weight:700}
.office-core-reset[data-document-mode="view"] .office-toolbar{opacity:.76}
.office-core-reset[data-document-mode="view"] .office-page-content{cursor:default}

@media(max-width:1100px){
  .office-core-reset .review-core-status strong{display:none}
  .office-core-reset .review-core-status{padding-inline:9px}
  .office-core-reset .review-core-controls>[data-review-collaboration]{display:none}
  .office-core-reset .office-side-panel[data-review-panel="1"]{width:min(390px,45vw);min-width:300px}
}
@media(max-width:760px){
  .office-core-reset .review-core-controls{gap:4px}
  .office-core-reset .review-core-mode select{max-width:102px;padding-left:7px}
  .office-core-reset .review-core-controls>[data-review-suggestions]{font-size:0;padding-inline:8px}
  .office-core-reset .review-core-controls>[data-review-suggestions]::before{content:"✎";font-size:.9rem}
  .office-core-reset .office-side-panel[data-review-panel="1"]{position:absolute;inset:0 0 0 auto;width:min(100%,420px);min-width:0;z-index:60}
  .office-core-reset .review-core-workflow-settings{grid-template-columns:1fr}
  .office-core-reset .review-core-workflow-settings h4,.office-core-reset .review-core-workflow-settings button{grid-column:auto}
  .office-core-reset .review-core-comment-compose>div,.office-core-reset .review-core-assign form{grid-template-columns:1fr}
  .office-core-reset .review-core-assign button{grid-column:auto}
  .office-core-reset .review-core-progress{grid-template-columns:repeat(7,68px)}
}

html[data-theme="dark"] .office-core-reset .review-core-panel,
body.dark-mode .office-core-reset .review-core-panel{color:#edf3f8}
html[data-theme="dark"] .office-core-reset .review-core-comment,
html[data-theme="dark"] .office-core-reset .review-core-suggestion,
html[data-theme="dark"] .office-core-reset .review-core-workflow-settings,
html[data-theme="dark"] .office-core-reset .review-core-assignment,
html[data-theme="dark"] .office-core-reset .review-core-actions,
html[data-theme="dark"] .office-core-reset .review-core-history article,
html[data-theme="dark"] .office-core-reset .review-core-presence-list article,
body.dark-mode .office-core-reset .review-core-comment,
body.dark-mode .office-core-reset .review-core-suggestion,
body.dark-mode .office-core-reset .review-core-workflow-settings,
body.dark-mode .office-core-reset .review-core-assignment,
body.dark-mode .office-core-reset .review-core-actions,
body.dark-mode .office-core-reset .review-core-history article,
body.dark-mode .office-core-reset .review-core-presence-list article{background:#17232e;border-color:#344655;color:#edf3f8}
html[data-theme="dark"] .office-core-reset .review-core-panel input,
html[data-theme="dark"] .office-core-reset .review-core-panel select,
html[data-theme="dark"] .office-core-reset .review-core-panel textarea,
body.dark-mode .office-core-reset .review-core-panel input,
body.dark-mode .office-core-reset .review-core-panel select,
body.dark-mode .office-core-reset .review-core-panel textarea{background:#101a22;border-color:#405361;color:#edf3f8}





/* AppSystem bundle source: styles/225-coworking-excel-core-3500.css */
/* AppSystem 3.50.0 — Excel Core */

/* Biblioteka szablonów pozostaje częścią Dokumentów online. */
.coworking-template-library{display:grid;gap:20px;min-width:0}.coworking-template-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:4px 2px 16px;border-bottom:1px solid var(--border,#dbe5eb)}.coworking-template-library-head h3{margin:3px 0 6px;font-size:1.35rem}.coworking-template-library-head p{margin:0;color:var(--muted,#627481);line-height:1.55}.coworking-template-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.coworking-template-filters select{min-width:170px}.coworking-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.coworking-template-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--border,#dbe5eb);border-radius:18px;background:var(--surface,#fff);box-shadow:0 7px 22px rgba(23,47,65,.055);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.coworking-template-card:hover{transform:translateY(-2px);border-color:#b3cfe0;box-shadow:0 12px 28px rgba(23,47,65,.09)}.coworking-template-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;font-size:1.55rem;font-weight:900}.coworking-template-icon.text{background:#e8f0fe;color:#0b57d0}.coworking-template-icon.sheet{background:#e6f4ea;color:#188038}.coworking-template-card h4{margin:7px 0 5px;font-size:1rem}.coworking-template-card p{margin:0;color:var(--muted,#627481);font-size:.82rem;line-height:1.5}.coworking-template-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.coworking-template-meta span{padding:3px 7px;border-radius:999px;background:#f1f5f8;color:#526672;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.coworking-template-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}

.office-core-reset[data-document-type="sheet"]{--excel-green:#107c41;--excel-green-soft:#e6f4ea;--excel-border:#d5d9df;--excel-header:#f3f5f7;--excel-selection:#217346;--excel-selection-soft:rgba(33,115,70,.09);--excel-ink:#202124;--excel-muted:#5f6368}
.office-core-reset[data-document-type="sheet"] .office-main{grid-template-columns:minmax(0,1fr);min-height:0}
.office-core-reset[data-document-type="sheet"] .office-workspace{overflow:hidden;background:#fff}
.office-core-reset[data-document-type="sheet"] .office-sheet-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;background:#fff}
.office-core-reset[data-document-type="sheet"] .office-sheet-toolbar{position:relative;z-index:30;display:block;min-height:47px;padding:0;border-bottom:1px solid var(--excel-border);background:#f8fafb;overflow:hidden}
.excel-toolbar-scroll{display:flex;align-items:center;gap:3px;width:100%;min-height:47px;padding:5px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.excel-toolbar-group{display:flex;align-items:center;gap:2px;flex:0 0 auto;padding-right:7px;margin-right:4px;border-right:1px solid #d9dee4}
.excel-toolbar-group:last-child{border-right:0;margin-right:0;padding-right:0}
.excel-toolbar-group button,.excel-toolbar-group select,.excel-color-control{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:34px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#24323a;font:600 .74rem/1 Arial,sans-serif;cursor:pointer;white-space:nowrap}
.excel-toolbar-group button:hover:not(:disabled),.excel-toolbar-group button:focus-visible,.excel-toolbar-group select:hover{background:#e8edf1;border-color:#cbd4db;outline:0}
.excel-toolbar-group button.is-active{background:#d9eadf;border-color:#9bc5aa;color:#0b5d32}
.excel-toolbar-group button:disabled,.excel-toolbar-group select:disabled{opacity:.45;cursor:not-allowed}
.excel-toolbar-group select{min-width:76px;background:#fff;border-color:#cbd4db}.excel-toolbar-group [data-excel-font-family]{min-width:118px}.excel-toolbar-group [data-excel-font-size]{min-width:60px}.excel-toolbar-group [data-excel-format]{min-width:112px}
.excel-color-control{position:relative;padding:0 9px}.excel-color-control input{position:absolute;inset:auto 3px 2px;width:26px;height:5px;padding:0;border:0;background:transparent;opacity:.9;cursor:pointer}

.office-core-reset[data-document-type="sheet"] .office-formula-bar{position:relative;z-index:22;display:grid;grid-template-columns:86px 42px minmax(0,1fr);align-items:center;min-height:40px;border-bottom:1px solid var(--excel-border);background:#fff}
.office-core-reset[data-document-type="sheet"] .office-name-box{display:flex;align-items:center;justify-content:center;height:100%;border-right:1px solid var(--excel-border);color:#394952;font:600 .76rem Arial,sans-serif;background:#fafbfc}
.office-core-reset[data-document-type="sheet"] .office-fx{display:flex;align-items:center;justify-content:center;height:100%;border-right:1px solid var(--excel-border);color:#5b6870;font:italic 700 .86rem Georgia,serif}
.office-core-reset[data-document-type="sheet"] .office-formula-bar input{width:100%;height:39px;padding:0 11px;border:0;border-radius:0;background:#fff;color:var(--excel-ink);font:400 .83rem Arial,sans-serif;outline:none;box-shadow:none}
.office-core-reset[data-document-type="sheet"] .office-formula-bar input:focus{box-shadow:inset 0 0 0 2px rgba(16,124,65,.18)}
.office-core-reset[data-document-type="sheet"] .office-sheet-scroll{position:relative;min-height:0;overflow:auto;background:#fff;scrollbar-gutter:stable both-edges;overscroll-behavior:contain}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid{min-width:max-content;width:100%;border-collapse:separate;border-spacing:0;color:var(--excel-ink);font:400 12px Arial,sans-serif;table-layout:fixed}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid th,.office-core-reset[data-document-type="sheet"] .office-sheet-grid td{position:relative;box-sizing:border-box;height:34px;padding:0;border:0;border-right:1px solid var(--excel-border);border-bottom:1px solid var(--excel-border);background:#fff;vertical-align:middle}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid thead th{position:sticky;top:0;z-index:12;height:30px;background:var(--excel-header);color:#58656d;text-align:center;font-weight:600;user-select:none}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid tbody th{position:sticky;left:0;z-index:11;width:48px;min-width:48px;background:var(--excel-header);color:#65727a;text-align:center;font-weight:500;user-select:none}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid .office-sheet-corner{position:sticky;left:0;top:0;z-index:15;width:48px;min-width:48px;background:#e9edf0}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid td{min-width:84px;overflow:visible}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid td input{position:relative;z-index:2;display:block;width:100%;height:100%;min-height:33px;padding:5px 7px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;outline:none;box-shadow:none;text-overflow:clip}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid td.excel-selected{background:var(--excel-selection-soft)}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid td.excel-selected::before{content:"";position:absolute;inset:-1px;z-index:5;pointer-events:none;border-top:1px solid var(--excel-selection);border-bottom:1px solid var(--excel-selection)}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid td.excel-anchor{z-index:8;box-shadow:inset 0 0 0 2px var(--excel-selection)}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid td.excel-editing{z-index:14;box-shadow:inset 0 0 0 2px #0f9d58;background:#fff}
.office-core-reset[data-document-type="sheet"] .office-sheet-grid td.excel-editing .excel-cell-display{display:none}
.excel-cell-display{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding:5px 7px;overflow:hidden;background:inherit;color:inherit;pointer-events:none;white-space:nowrap;text-overflow:ellipsis}
.excel-fill-handle{position:absolute;right:-4px;bottom:-4px;z-index:18;width:8px;height:8px;border:1px solid #fff;background:var(--excel-selection);cursor:crosshair}
.office-core-reset[data-document-type="sheet"] td.excel-protected::after{content:"🔒";position:absolute;right:3px;top:2px;z-index:8;font-size:.55rem;opacity:.68;pointer-events:none}
.office-core-reset[data-document-type="sheet"] td.excel-commented::after{content:"";position:absolute;right:0;top:0;z-index:9;border-top:9px solid #f9ab00;border-left:9px solid transparent;pointer-events:none}
.office-core-reset[data-document-type="sheet"] td.excel-conditional{background:var(--excel-conditional-fill,#fce8e6)!important;color:var(--excel-conditional-color,#b3261e)!important}
.office-core-reset[data-document-type="sheet"] td.excel-has-validation::before{content:"▾";position:absolute;right:4px;top:50%;z-index:7;transform:translateY(-50%);color:#58656d;font-size:.65rem;pointer-events:none}
.office-core-reset[data-document-type="sheet"] td[data-excel-merge-anchor]{background:inherit}.office-core-reset[data-document-type="sheet"] td[data-excel-merge-hidden="1"]{visibility:hidden}
.office-core-reset[data-document-type="sheet"].excel-freeze-row .office-sheet-grid tbody tr:first-child td,.office-core-reset[data-document-type="sheet"].excel-freeze-row .office-sheet-grid tbody tr:first-child th{position:sticky;top:30px;z-index:9;background:inherit}
.office-core-reset[data-document-type="sheet"].excel-freeze-col .office-sheet-grid tbody td:first-of-type{position:sticky;left:48px;z-index:9;background:inherit}

.excel-col-resizer{position:absolute;right:-3px;top:0;bottom:0;width:7px;z-index:22;cursor:col-resize}.excel-row-resizer{position:absolute;left:0;right:0;bottom:-3px;height:7px;z-index:22;cursor:row-resize}.excel-col-resizer:hover,.excel-row-resizer:hover{background:rgba(16,124,65,.28)}
.office-core-reset[data-document-type="sheet"] .office-sheet-tabs{display:flex;align-items:center;gap:2px;min-height:39px;padding:4px 10px;border-top:1px solid var(--excel-border);background:#f6f8fa;overflow-x:auto;scrollbar-width:thin}
.office-core-reset[data-document-type="sheet"] .office-sheet-tabs button{flex:0 0 auto;height:30px;padding:0 13px;border:0;border-radius:4px;background:transparent;color:#4b5661;font:500 .76rem Arial,sans-serif;cursor:pointer;white-space:nowrap}
.office-core-reset[data-document-type="sheet"] .office-sheet-tabs button:hover{background:#e7ecef}.office-core-reset[data-document-type="sheet"] .office-sheet-tab.active{background:#fff;color:#0b6b37;box-shadow:inset 0 -3px 0 #107c41,0 0 0 1px #cfd7dc}
.office-core-reset[data-document-type="sheet"] .office-sheet-add,.office-core-reset[data-document-type="sheet"] .office-sheet-menu{min-width:31px;padding:0;font-size:1.05rem}
.excel-sheet-menu{position:fixed;z-index:10030;display:grid;min-width:190px;padding:6px;border:1px solid #cfd8de;border-radius:10px;background:#fff;box-shadow:0 14px 42px rgba(18,35,48,.22)}.excel-sheet-menu button{padding:9px 11px;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.excel-sheet-menu button:hover{background:#edf2f5}.excel-sheet-menu button.danger{color:#b3261e}

.excel-dialog-backdrop{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:20px;background:rgba(17,31,42,.5);backdrop-filter:blur(3px)}.excel-dialog{width:min(620px,96vw);max-height:min(84vh,760px);overflow:auto;border:1px solid #d4dce2;border-radius:18px;background:#fff;box-shadow:0 24px 74px rgba(0,0,0,.25)}.excel-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 19px;border-bottom:1px solid #e1e7eb}.excel-dialog>header h3{margin:0;font-size:1.05rem}.excel-dialog>header button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;font-size:1.35rem;cursor:pointer}.excel-dialog>header button:hover{background:#edf2f5}.excel-dialog form{display:grid;gap:13px;padding:19px}.excel-dialog form>label{display:grid;gap:6px}.excel-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.excel-checkbox{display:flex!important;align-items:center;gap:8px}.excel-checkbox input{width:auto}.excel-dialog footer{position:sticky;bottom:-19px;display:flex;justify-content:flex-end;gap:8px;margin:5px -19px -19px;padding:13px 19px;border-top:1px solid #e1e7eb;background:#fff}.excel-history{display:grid;gap:9px}.excel-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px;border:1px solid #dce4e9;border-radius:11px}.excel-history article.current{border-color:#9cc7ac;background:#eef8f1}.excel-history article strong,.excel-history article span,.excel-history article small{grid-column:1}.excel-history article button{grid-column:2;grid-row:1/4;align-self:center}.excel-history small{color:#64757e}
.excel-chart-panel{position:absolute;right:14px;top:14px;z-index:26;display:grid;gap:12px;width:min(420px,calc(100% - 28px));max-height:calc(100% - 28px);padding:14px;border:1px solid #cfd9df;border-radius:15px;background:#fff;box-shadow:0 18px 50px rgba(24,45,61,.2);overflow:auto}.excel-chart-panel>header,.excel-chart-panel article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.excel-chart-panel header button,.excel-chart-panel article button{border:0;border-radius:7px;background:#eef2f4;padding:5px 8px;cursor:pointer}.excel-chart-panel article{padding:11px;border:1px solid #e0e7eb;border-radius:12px}.excel-chart-panel article h4{margin:0 0 7px}.excel-chart-panel svg{width:100%;height:auto;min-height:180px}

@media(max-width:900px){.excel-toolbar-scroll{padding-inline:6px}.excel-toolbar-group [data-excel-font-family]{min-width:105px}.excel-toolbar-group [data-excel-format]{min-width:98px}.office-core-reset[data-document-type="sheet"] .office-formula-bar{grid-template-columns:70px 34px minmax(0,1fr)}}
@media(max-width:620px){.coworking-template-library-head{display:grid}.coworking-template-filters{justify-content:stretch}.coworking-template-grid{grid-template-columns:1fr}.office-core-reset[data-document-type="sheet"] .office-appbar-actions .btn-secondary{display:none}.excel-dialog-backdrop{padding:7px}.excel-dialog{border-radius:13px}.excel-dialog-grid{grid-template-columns:1fr}.excel-chart-panel{position:fixed;inset:auto 7px 7px;width:auto;max-height:70vh}.office-core-reset[data-document-type="sheet"] .office-formula-bar{grid-template-columns:62px 30px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.coworking-template-card{transition:none}}
html[data-theme="dark"] .office-core-reset[data-document-type="sheet"],.app-dark .office-core-reset[data-document-type="sheet"]{--excel-border:#334650;--excel-header:#1e303a;--excel-ink:#edf3f6;--excel-muted:#b2bec5;background:#111a22;color:#edf3f6}html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-workspace,html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-sheet-stage,html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-formula-bar,html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-formula-bar input,html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-sheet-grid td,.app-dark .office-core-reset[data-document-type="sheet"] .office-workspace,.app-dark .office-core-reset[data-document-type="sheet"] .office-sheet-stage,.app-dark .office-core-reset[data-document-type="sheet"] .office-formula-bar,.app-dark .office-core-reset[data-document-type="sheet"] .office-formula-bar input,.app-dark .office-core-reset[data-document-type="sheet"] .office-sheet-grid td{background:#17232d;color:#edf3f6}html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-sheet-toolbar,.app-dark .office-core-reset[data-document-type="sheet"] .office-sheet-toolbar{background:#1a2a34}html[data-theme="dark"] .excel-toolbar-group button,html[data-theme="dark"] .excel-toolbar-group select,.app-dark .excel-toolbar-group button,.app-dark .excel-toolbar-group select{background:#17232d;color:#edf3f6;border-color:#3b515e}html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-sheet-grid thead th,html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-sheet-grid tbody th,.app-dark .office-core-reset[data-document-type="sheet"] .office-sheet-grid thead th,.app-dark .office-core-reset[data-document-type="sheet"] .office-sheet-grid tbody th{background:#1e303a;color:#c5d1d8}html[data-theme="dark"] .office-core-reset[data-document-type="sheet"] .office-sheet-tabs,.app-dark .office-core-reset[data-document-type="sheet"] .office-sheet-tabs{background:#17252e}html[data-theme="dark"] .excel-dialog,html[data-theme="dark"] .excel-sheet-menu,html[data-theme="dark"] .excel-chart-panel,.app-dark .excel-dialog,.app-dark .excel-sheet-menu,.app-dark .excel-chart-panel{background:#172832;color:#e6eef3;border-color:#354c58}html[data-theme="dark"] .excel-dialog footer,.app-dark .excel-dialog footer{background:#172832;border-color:#354c58}html[data-theme="dark"] .coworking-template-card,.app-dark .coworking-template-card{background:#172832;color:#e6eef3;border-color:#314650}







/* AppSystem bundle source: styles/223-coworking-word-core-3480.css */
/* AppSystem 3.48.0 — Word Core — stabilny rdzeń Dokumentów online
   Jeden układ, jedna powierzchnia edycji, bez warstw 3.40–3.46. */

body.coworking-office-open{overflow:hidden!important}
body.coworking-office-open .modal-backdrop{padding:0!important;background:#eef2f6!important;place-items:stretch!important}
body.coworking-office-open .modal.modal-office-suite{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;background:#f5f7fa!important}
body.coworking-office-open .modal.modal-office-suite>.modal-header{display:none!important}
body.coworking-office-open .modal.modal-office-suite>.modal-body{width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;overflow:hidden!important}

.office-suite.office-core-reset{
  --office-blue:#0b57d0;
  --office-blue-soft:#e8f0fe;
  --office-green:#137333;
  --office-border:#d9dee6;
  --office-border-strong:#c6ccd5;
  --office-muted:#66717f;
  --office-ink:#20242a;
  --office-bg:#eef2f6;
  --office-panel:#fff;
  --office-toolbar:#edf3fb;
  --office-page-width:794px;
  --office-page-min-height:1123px;
  --editor-zoom:1;
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  width:100%;
  height:100dvh;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:var(--office-bg);
  color:var(--office-ink);
  font-family:Arial,Helvetica,sans-serif;
  isolation:isolate;
}

/* Nagłówek */
.office-core-reset .office-appbar{
  position:relative;
  z-index:30;
  display:grid;
  grid-template-columns:38px 42px minmax(180px,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:8px 14px;
  border-bottom:1px solid #e6e9ee;
  background:#fff;
}
.office-core-reset .office-icon-button{
  display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#3d4650;font-size:1.35rem;cursor:pointer
}
.office-core-reset .office-icon-button:hover{background:#f0f3f7}
.office-core-reset .office-file-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;font-size:1.25rem;font-weight:900}
.office-core-reset .office-file-icon.text{background:#e8f0fe;color:#0b57d0}
.office-core-reset .office-file-icon.sheet{background:#e6f4ea;color:#137333}
.office-core-reset .office-file-meta{display:grid;gap:3px;min-width:0}
.office-core-reset .office-title-input{
  width:min(560px,100%);height:30px;min-width:0;padding:2px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--office-ink);font:500 1.02rem/1.2 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:none
}
.office-core-reset .office-title-input:hover,.office-core-reset .office-title-input:focus{border-color:var(--office-border);background:#fff;outline:none}
.office-core-reset .office-save-line{display:flex;align-items:center;gap:5px;min-width:0;padding-left:6px;color:var(--office-muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.office-core-reset .office-save-line [data-office-status][data-state="saving"]{color:#9a6400}
.office-core-reset .office-save-line [data-office-status][data-state="offline"],.office-core-reset .office-save-line [data-office-status][data-state="error"]{color:#b3261e;font-weight:700}
.office-core-reset .office-appbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;flex-wrap:nowrap}
.office-core-reset .office-appbar-actions>.btn,.office-core-reset .office-appbar-actions>a{flex:0 0 auto;min-height:34px;border-radius:18px;white-space:nowrap}
.office-core-reset .office-presence{display:flex;align-items:center;min-height:34px;max-width:180px;padding:2px 7px;overflow:hidden;white-space:nowrap}
.office-core-reset .shared-presence-avatar,.office-core-reset .office-avatar{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;margin-left:-5px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:.68rem;font-weight:800}
.office-core-reset .shared-presence-avatar:first-child,.office-core-reset .office-avatar:first-child{margin-left:0}
.office-core-reset .office-presence small{margin-left:5px;color:var(--office-muted);font-size:.7rem}
.office-core-reset .office-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:var(--office-blue-soft);color:var(--office-blue);font-size:.67rem;font-weight:800}

/* Menu i pasek narzędzi */
.office-core-reset .office-menubar{
  position:relative;z-index:25;display:flex;align-items:center;gap:2px;min-height:34px;padding:1px 64px;border-bottom:1px solid #eceff3;background:#fff;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin
}
.office-core-reset .office-menubar button{flex:0 0 auto;height:29px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#3d4650;font:400 .82rem/1 Arial,sans-serif;white-space:nowrap;cursor:pointer}
.office-core-reset .office-menubar button:hover,.office-core-reset .office-menubar button:focus-visible{background:#f0f3f6;outline:none}
.office-core-reset .office-menubar>.status{margin-left:auto;flex:0 0 auto}
.office-core-reset .office-toolbar{
  position:relative;z-index:24;display:flex;align-items:center;gap:3px;min-height:46px;padding:6px 12px;border-bottom:1px solid #d9e1ec;background:var(--office-toolbar);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin
}
.office-core-reset .office-toolbar-group{display:flex;align-items:center;gap:2px;flex:0 0 auto;padding-right:5px;margin-right:3px;border-right:1px solid #cbd4df}
.office-core-reset .office-toolbar-group:last-child{border-right:0;margin-right:0;padding-right:0}
.office-core-reset .office-toolbar button,.office-core-reset .office-toolbar select,.office-core-reset .office-color-control{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:31px;height:31px;padding:0 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#38434e;font:400 .77rem/1 Arial,sans-serif;cursor:pointer;white-space:nowrap
}
.office-core-reset .office-toolbar button:hover:not(:disabled),.office-core-reset .office-toolbar button:focus-visible,.office-core-reset .office-toolbar select:hover{background:#dfe8f4;outline:none}
.office-core-reset .office-toolbar button:disabled,.office-core-reset .office-toolbar select:disabled{opacity:.45;cursor:not-allowed}
.office-core-reset .office-toolbar select{min-width:68px;max-width:170px;padding-right:22px;border-color:#ccd5df;background:#fff}
.office-core-reset .office-toolbar [data-block-style]{min-width:130px}
.office-core-reset .office-toolbar [data-font-name]{min-width:115px}
.office-core-reset .office-toolbar [data-font-size]{min-width:62px}
.office-core-reset .office-color-control{position:relative;font-weight:800}
.office-core-reset .office-color-control input{position:absolute;left:4px;right:4px;bottom:1px;width:23px;height:5px;padding:0;border:0;background:transparent}

/* Główna strefa */
.office-core-reset .office-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden}
.office-core-reset .office-workspace{position:relative;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--office-bg);scrollbar-gutter:stable}
.office-core-reset .office-side-panel{position:relative;z-index:20;width:min(360px,38vw);min-width:280px;height:100%;overflow:auto;border-left:1px solid var(--office-border);background:#fff;box-shadow:-6px 0 18px rgba(40,55,70,.09)}
.office-core-reset .office-side-panel[hidden]{display:none}
.office-core-reset .office-side-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e7eaee;background:#fff}
.office-core-reset .office-side-panel h3{margin:0;font-size:1rem}
.office-core-reset .office-side-panel>header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;font-size:1.25rem;cursor:pointer}
.office-core-reset .office-side-panel>header button:hover{background:#f0f3f6}
.office-core-reset .office-side-panel>[data-side-content]{padding:14px}
.office-core-reset .office-menu-popover{position:fixed;z-index:10000;display:grid;min-width:190px;padding:6px;border:1px solid var(--office-border);border-radius:9px;background:#fff;box-shadow:0 12px 34px rgba(33,45,58,.23)}
.office-core-reset .office-menu-popover[hidden]{display:none}
.office-core-reset .office-menu-popover button{padding:9px 11px;border:0;border-radius:5px;background:transparent;color:#2f3943;text-align:left;font:inherit;font-size:.82rem;cursor:pointer}
.office-core-reset .office-menu-popover button:hover{background:#f0f3f6}

/* Dokument tekstowy — jedna naturalna powierzchnia */
.office-core-reset .office-text-stage{box-sizing:border-box;min-height:100%;padding:18px 24px 72px}
.office-core-reset .office-ruler{position:sticky;top:0;z-index:5;width:min(var(--office-page-width),calc(100% - 16px));height:21px;margin:0 auto 5px;border:1px solid #cfd5dc;border-radius:4px;background:repeating-linear-gradient(90deg,#fff 0,#fff 9px,#d8dce1 10px,#fff 11px,#fff 49px,#8e969f 50px,#fff 51px);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.office-core-reset .office-page{box-sizing:border-box;width:var(--office-page-width);min-height:var(--office-page-min-height);margin:0 auto;background:#fff;box-shadow:0 1px 4px rgba(45,55,65,.24),0 3px 12px rgba(45,55,65,.12);transform:scale(var(--editor-zoom));transform-origin:top center}
.office-core-reset .office-page-content{box-sizing:border-box;min-height:1025px;padding:86px 88px 72px;color:#202124;background:#fff;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:11pt;line-height:1.5;caret-color:#0b57d0}
.office-core-reset .office-continuous-editor:focus{outline:none}
.office-core-reset .office-continuous-editor>[data-office-block]{
  --office-list-gutter:0px;
  position:relative;display:block;box-sizing:border-box;min-height:1.15em;
  margin-top:var(--office-space-before,0px);margin-bottom:var(--office-space-after,8px);
  padding:0 0 0 calc(var(--office-indent,0px) + var(--office-list-gutter));
  border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;outline:none;
  font-family:inherit;font-size:inherit;line-height:var(--office-line-height,1.15);
  white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal
}
.office-core-reset .office-continuous-editor>[data-office-block]:focus{outline:none}
.office-core-reset .office-continuous-editor>[data-office-block].has-remote-change{background:linear-gradient(90deg,rgba(249,171,0,.12),transparent 34%);box-shadow:inset 3px 0 0 #f9ab00}
.office-core-reset .office-continuous-editor>.type-title{font-size:26pt;font-weight:600;line-height:1.12;letter-spacing:-.02em}
.office-core-reset .office-continuous-editor>.type-subtitle{color:#5f6368;font-size:15pt;font-weight:400;line-height:1.25}
.office-core-reset .office-continuous-editor>.type-heading1{font-size:20pt;font-weight:600;line-height:1.2}
.office-core-reset .office-continuous-editor>.type-heading2{font-size:16pt;font-weight:600;line-height:1.25}
.office-core-reset .office-continuous-editor>.type-heading3{font-size:13pt;font-weight:600;line-height:1.3}
.office-core-reset .office-continuous-editor>.type-quote{padding-left:calc(var(--office-indent,0px) + 18px);border-left:4px solid #c6ccd5;color:#59636e;font-style:italic}
.office-core-reset .office-continuous-editor>[data-block-type="bullet"],.office-core-reset .office-continuous-editor>[data-block-type="numbered"],.office-core-reset .office-continuous-editor>[data-block-type="check"]{--office-list-gutter:30px}
.office-core-reset .office-continuous-editor>[data-list-marker]::before{content:attr(data-list-marker);position:absolute;left:var(--office-indent,0px);top:0;width:24px;color:#4f5964;text-align:right;font:inherit;font-weight:500;line-height:inherit;user-select:none}
.office-core-reset .office-continuous-editor>[data-block-type="check"][data-list-marker]::before{color:#0b57d0;cursor:pointer;font-size:1.05em}
.office-core-reset .office-continuous-editor>[data-block-type="check"][data-checked="true"]{color:#5f6368;text-decoration-color:#9aa0a6}
.office-core-reset .office-continuous-editor>[data-block-type="check"][data-checked="true"]>*{text-decoration:line-through}

.office-core-reset .office-continuous-editor table{width:100%;margin:.75em 0;border-collapse:collapse;table-layout:auto}
.office-core-reset .office-continuous-editor th,.office-core-reset .office-continuous-editor td{min-width:70px;padding:7px 8px;border:1px solid #8f969e;vertical-align:top}
.office-core-reset .office-continuous-editor img{display:block;max-width:100%;height:auto;margin:.75em auto}
.office-core-reset .office-page-footer{display:flex;justify-content:space-between;gap:16px;padding:13px 36px;border-top:1px solid #f0f1f3;color:#9299a1;font-size:.68rem}

/* Arkusz */
.office-core-reset .office-sheet-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;background:#fff}
.office-core-reset .office-formula-bar{display:grid;grid-template-columns:76px 38px minmax(0,1fr);align-items:center;min-height:37px;border-bottom:1px solid var(--office-border);background:#fff}
.office-core-reset .office-name-box{display:grid;place-items:center;height:100%;border-right:1px solid var(--office-border);color:#37414b;font-size:.78rem;font-weight:700}
.office-core-reset .office-fx{display:grid;place-items:center;height:100%;border-right:1px solid var(--office-border);color:#66717f;font-style:italic}
.office-core-reset .office-formula-bar input{width:100%;height:100%;padding:0 10px;border:0;border-radius:0;background:#fff;box-shadow:none;outline:none;font:400 .82rem Arial,sans-serif}
.office-core-reset .office-sheet-scroll{min-height:0;overflow:auto;background:#fff;scrollbar-gutter:stable}
.office-core-reset .office-sheet-grid{min-width:max-content;width:100%;border-collapse:separate;border-spacing:0;color:#202124;font:400 12px Arial,sans-serif}
.office-core-reset .office-sheet-grid th,.office-core-reset .office-sheet-grid td{position:relative;height:34px;padding:0;border-right:1px solid #d9dee4;border-bottom:1px solid #d9dee4;background:#fff}
.office-core-reset .office-sheet-grid thead th{position:sticky;top:0;z-index:6;background:#f4f6f8;color:#505a65;text-align:center;font-weight:600}
.office-core-reset .office-sheet-grid tbody th{position:sticky;left:0;z-index:5;width:48px;min-width:48px;background:#f4f6f8;color:#66717f;text-align:center;font-weight:500}
.office-core-reset .office-sheet-grid .office-sheet-corner{left:0;z-index:8;width:48px;min-width:48px}
.office-core-reset .office-sheet-grid td input{display:block;width:100%;height:100%;min-height:34px;padding:5px 7px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;outline:none;box-shadow:none}
.office-core-reset .office-sheet-grid td:focus-within{z-index:4;box-shadow:inset 0 0 0 2px #188038}
.office-core-reset .office-sheet-grid td.has-remote-change{background:#fff4cf}
.office-core-reset .office-sheet-tabs{display:flex;align-items:center;gap:2px;min-height:38px;padding:4px 10px;border-top:1px solid var(--office-border);background:#f6f8fa;overflow-x:auto}
.office-core-reset .office-sheet-tabs button{flex:0 0 auto;height:29px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:#4b5661;font:500 .76rem Arial,sans-serif;cursor:pointer}
.office-core-reset .office-sheet-tab.active{background:#fff;color:#137333;box-shadow:0 0 0 1px #c9d1d9}
.office-core-reset .office-sheet-add,.office-core-reset .office-sheet-menu{min-width:31px!important;padding:0!important;font-size:1.05rem!important}

/* Panele komentarzy i historii */
.office-core-reset .office-comment-compose{display:grid;gap:8px;margin-bottom:13px;padding:12px;border:1px solid #dde2e8;border-radius:10px;background:#f7f9fc}
.office-core-reset .office-comment-compose label{display:grid;gap:6px;font-size:.78rem;font-weight:700}
.office-core-reset .office-comment-compose textarea{min-height:82px;resize:vertical}
.office-core-reset .office-comments-list,.office-core-reset .office-history-list{display:grid;gap:10px}
.office-core-reset .office-comment{padding:12px;border:1px solid #dce1e7;border-radius:10px;background:#fff}
.office-core-reset .office-comment.resolved{opacity:.62}
.office-core-reset .office-comment header{display:flex;justify-content:space-between;gap:8px}
.office-core-reset .office-comment header small,.office-core-reset .office-comment-replies small{color:#7a848e;font-size:.66rem}
.office-core-reset .office-comment p{margin:8px 0;font-size:.83rem;line-height:1.45}
.office-core-reset .office-comment blockquote{margin:8px 0;padding:7px 9px;border-left:3px solid #8ab4f8;background:#f3f7ff;color:#5e6873;font-size:.75rem}
.office-core-reset .office-comment-replies{display:grid;gap:6px}
.office-core-reset .office-comment-replies>div{display:grid;gap:2px;padding:7px 9px;border-radius:7px;background:#f0f2f5;font-size:.75rem}
.office-core-reset .office-comment-actions{display:flex;gap:10px;margin-top:9px}
.office-core-reset .office-comment-actions button{padding:0;border:0;background:transparent;color:var(--office-blue);font:600 .75rem Arial,sans-serif;cursor:pointer}
.office-core-reset .office-version-create{display:grid;gap:8px;margin-bottom:12px;padding:12px;border:1px solid #dde2e8;border-radius:10px;background:#f7f9fc}
.office-core-reset .office-version-create p{margin:0;color:var(--office-muted);font-size:.78rem;line-height:1.45}
.office-core-reset .office-history-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;border:1px solid #dce1e7;border-radius:9px;background:#fff}
.office-core-reset .office-history-list article>div{display:grid;gap:3px;min-width:0}
.office-core-reset .office-history-list small{color:var(--office-muted);font-size:.68rem}

/* Pasek stanu */
.office-core-reset .office-core-statusbar{position:relative;z-index:22;display:flex;align-items:center;gap:16px;min-height:28px;padding:2px 14px;border-top:1px solid #d9dee6;background:#fff;color:#66717f;font-size:.7rem}
.office-core-reset .office-core-statusbar [data-core-selection-info]{margin-left:auto}
.office-core-reset .office-core-statusbar label{display:flex;align-items:center;gap:7px;white-space:nowrap}
.office-core-reset .office-core-statusbar input[type="range"]{width:110px}

/* Obieg — bez osobnej duplikacji layoutu */
.office-core-reset .review-status-chip{flex:0 0 auto}
.office-core-reset .review-workflow-button{flex:0 0 auto}
.office-core-reset .review-lock-banner{z-index:23}
.office-core-reset .review-workflow-drawer{z-index:10050}

/* Responsywność */
@media(max-width:1100px){
  .office-core-reset .office-appbar{grid-template-columns:36px 40px minmax(150px,1fr) auto}
  .office-core-reset .office-appbar-actions .btn-secondary[data-office-history]{display:none}
  .office-core-reset .office-presence small{display:none}
  .office-core-reset .office-menubar{padding-left:14px;padding-right:14px}
  .office-core-reset .office-text-stage{padding-left:16px;padding-right:16px}
}
@media(max-width:860px){
  .office-core-reset .office-appbar{grid-template-columns:36px 38px minmax(0,1fr);grid-template-areas:"back icon meta" "actions actions actions";gap:6px 8px;padding:7px 10px}
  .office-core-reset .office-icon-button{grid-area:back}.office-core-reset .office-file-icon{grid-area:icon}.office-core-reset .office-file-meta{grid-area:meta}.office-core-reset .office-appbar-actions{grid-area:actions;justify-content:flex-start;overflow-x:auto;padding-top:2px}
  .office-core-reset .office-title-input{width:100%}
  .office-core-reset .office-main{grid-template-columns:minmax(0,1fr)}
  .office-core-reset .office-side-panel{position:absolute;inset:0 0 0 auto;width:min(360px,88vw);min-width:0}
  .office-core-reset .office-page{width:min(var(--office-page-width),calc(100vw - 34px))}
  .office-core-reset .office-page-content{padding:64px clamp(28px,8vw,72px) 60px}
}
@media(max-width:560px){
  .office-suite.office-core-reset{grid-template-rows:auto auto auto minmax(0,1fr) auto}
  .office-core-reset .office-appbar-actions{gap:5px}
  .office-core-reset .office-appbar-actions>.btn,.office-core-reset .office-appbar-actions>a{min-height:32px;padding-inline:10px;font-size:.72rem}
  .office-core-reset .office-menubar{padding:1px 8px}
  .office-core-reset .office-toolbar{padding:5px 7px}
  .office-core-reset .office-toolbar [data-block-style]{min-width:112px}
  .office-core-reset .office-toolbar [data-font-name]{min-width:105px}
  .office-core-reset .office-text-stage{padding:10px 6px 58px}
  .office-core-reset .office-ruler{display:none}
  .office-core-reset .office-page{width:100%;min-height:calc(100dvh - 235px);box-shadow:none}
  .office-core-reset .office-page-content{min-height:calc(100dvh - 310px);padding:34px 22px 44px;font-size:11pt}
  .office-core-reset .office-page-footer{padding:10px 20px}
  .office-core-reset .office-core-statusbar{gap:8px;padding-inline:8px}
  .office-core-reset .office-core-statusbar [data-core-selection-info]{display:none}
  .office-core-reset .office-core-statusbar label{margin-left:auto;font-size:0}
  .office-core-reset .office-core-statusbar input[type="range"]{width:84px}
}

/* Druk */
@media print{
  body.coworking-office-open .modal-backdrop{position:static!important;background:#fff!important}
  .office-core-reset .office-appbar,.office-core-reset .office-menubar,.office-core-reset .office-toolbar,.office-core-reset .office-side-panel,.office-core-reset .office-core-statusbar,.office-core-reset .office-ruler{display:none!important}
  .office-suite.office-core-reset,.office-core-reset .office-main,.office-core-reset .office-workspace,.office-core-reset .office-text-stage{display:block!important;height:auto!important;overflow:visible!important;padding:0!important;background:#fff!important}
  .office-core-reset .office-page{width:auto!important;min-height:0!important;margin:0!important;box-shadow:none!important;transform:none!important}
}

/* Ciemny motyw — kartka pozostaje jasna, otoczenie i chrome ciemne */
html[data-theme="dark"] .office-suite.office-core-reset,.app-dark .office-suite.office-core-reset{--office-bg:#111a22;--office-panel:#17232d;--office-toolbar:#1b2b37;--office-border:#334653;--office-border-strong:#435966;--office-muted:#aebbc4;--office-ink:#edf3f6;background:var(--office-bg);color:var(--office-ink)}
html[data-theme="dark"] .office-core-reset .office-appbar,html[data-theme="dark"] .office-core-reset .office-menubar,html[data-theme="dark"] .office-core-reset .office-side-panel,html[data-theme="dark"] .office-core-reset .office-core-statusbar,.app-dark .office-core-reset .office-appbar,.app-dark .office-core-reset .office-menubar,.app-dark .office-core-reset .office-side-panel,.app-dark .office-core-reset .office-core-statusbar{background:#17232d;border-color:#31434f;color:#edf3f6}
html[data-theme="dark"] .office-core-reset .office-toolbar,.app-dark .office-core-reset .office-toolbar{background:#1b2b37;border-color:#31434f}
html[data-theme="dark"] .office-core-reset .office-title-input,html[data-theme="dark"] .office-core-reset .office-menubar button,html[data-theme="dark"] .office-core-reset .office-toolbar button,.app-dark .office-core-reset .office-title-input,.app-dark .office-core-reset .office-menubar button,.app-dark .office-core-reset .office-toolbar button{color:#edf3f6}
html[data-theme="dark"] .office-core-reset .office-toolbar select,.app-dark .office-core-reset .office-toolbar select{background:#17232d;border-color:#405563;color:#edf3f6}
html[data-theme="dark"] .office-core-reset .office-workspace,.app-dark .office-core-reset .office-workspace{background:#111a22}
html[data-theme="dark"] .office-core-reset .office-side-panel>header,.app-dark .office-core-reset .office-side-panel>header{background:#17232d;border-color:#31434f}
html[data-theme="dark"] .office-core-reset .office-comment,html[data-theme="dark"] .office-core-reset .office-history-list article,html[data-theme="dark"] .office-core-reset .office-comment-compose,html[data-theme="dark"] .office-core-reset .office-version-create,.app-dark .office-core-reset .office-comment,.app-dark .office-core-reset .office-history-list article,.app-dark .office-core-reset .office-comment-compose,.app-dark .office-core-reset .office-version-create{background:#101a22;border-color:#31434f;color:#edf3f6}

@media(prefers-reduced-motion:reduce){.office-core-reset *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Nawigacja dokumentu — pojedyncza, stabilna warstwa */
.office-core-reset .office-main:has(.office-doc-navigation){grid-template-columns:238px minmax(0,1fr) auto}
.office-core-reset .office-doc-navigation{min-width:0;height:100%;overflow:auto;border-right:1px solid var(--office-border);background:#fff}
.office-core-reset .office-doc-navigation>header,.office-core-reset .office-outline>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 10px;border-bottom:1px solid #e8ebef;color:#3c4650;font-size:.78rem}
.office-core-reset .office-doc-navigation>header button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#4c5661;font-size:1rem;cursor:pointer}
.office-core-reset .office-doc-navigation>header button:hover{background:#eef2f6}
.office-core-reset [data-office-doc-tabs]{display:grid;gap:2px;padding:7px}
.office-core-reset .office-doc-tab-row{display:grid;grid-template-columns:minmax(0,1fr) 26px 26px;align-items:center;gap:1px;border-radius:6px}
.office-core-reset .office-doc-tab-row.active{background:#e8f0fe;color:#0b57d0}
.office-core-reset .office-doc-tab-row>[data-core-tab-select]{display:flex;align-items:center;gap:8px;min-width:0;height:34px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.office-core-reset .office-doc-tab-row>[data-core-tab-select] strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
.office-core-reset .office-doc-tab-row>[data-core-tab-rename],.office-core-reset .office-doc-tab-row>[data-core-tab-delete]{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:50%;background:transparent;color:#6b7580;font-size:.72rem;cursor:pointer;opacity:0}
.office-core-reset .office-doc-tab-row:hover>[data-core-tab-rename],.office-core-reset .office-doc-tab-row:hover>[data-core-tab-delete],.office-core-reset .office-doc-tab-row:focus-within>[data-core-tab-rename],.office-core-reset .office-doc-tab-row:focus-within>[data-core-tab-delete]{opacity:1}
.office-core-reset .office-doc-tab-row>[data-core-tab-rename]:hover,.office-core-reset .office-doc-tab-row>[data-core-tab-delete]:hover{background:#dce5f4}
.office-core-reset .office-outline{margin-top:5px;border-top:1px solid #e8ebef}
.office-core-reset [data-office-outline]{display:grid;gap:1px;padding:7px}
.office-core-reset [data-office-outline] button{min-height:30px;padding:4px 8px;border:0;border-radius:5px;background:transparent;color:#56616c;text-align:left;font:400 .73rem/1.25 Arial,sans-serif;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-core-reset [data-office-outline] button:hover{background:#f0f3f6;color:#20242a}
.office-core-reset [data-office-outline] .heading2{padding-left:18px}.office-core-reset [data-office-outline] .heading3{padding-left:30px}
.office-core-reset [data-office-outline] small{display:block;padding:8px;color:#8a929b;font-size:.7rem;line-height:1.4}
html[data-theme="dark"] .office-core-reset .office-doc-navigation,.app-dark .office-core-reset .office-doc-navigation{background:#17232d;border-color:#31434f}
html[data-theme="dark"] .office-core-reset .office-doc-navigation>header,html[data-theme="dark"] .office-core-reset .office-outline>header,.app-dark .office-core-reset .office-doc-navigation>header,.app-dark .office-core-reset .office-outline>header{border-color:#31434f;color:#dce6ec}
html[data-theme="dark"] .office-core-reset .office-doc-tab-row.active,.app-dark .office-core-reset .office-doc-tab-row.active{background:#17375b;color:#8ab4f8}
html[data-theme="dark"] .office-core-reset [data-office-outline] button,.app-dark .office-core-reset [data-office-outline] button{color:#bdc9d1}
@media(max-width:980px){.office-core-reset .office-main:has(.office-doc-navigation){grid-template-columns:200px minmax(0,1fr) auto}}
@media(max-width:720px){.office-core-reset .office-main:has(.office-doc-navigation){grid-template-columns:minmax(0,1fr)}.office-core-reset .office-doc-navigation{display:none}.office-core-reset .office-side-panel{position:absolute;inset:0 0 0 auto}}


/* Word Core 3.48 — aktywne narzędzia, dialogi i stabilne formatowanie */
.office-core-reset .office-toolbar button.is-active{background:#c9daf8!important;color:#0842a0!important;box-shadow:inset 0 0 0 1px #9bbcf1}
.office-core-reset .office-toolbar [data-line-spacing]{min-width:70px}
.office-core-reset .office-toolbar [data-paragraph-preset]{min-width:142px}
.office-core-reset .word-inline-dialog{display:grid;gap:10px;width:270px;padding:8px}
.office-core-reset .word-inline-dialog label{display:grid;gap:4px;color:#46515c;font-size:.74rem;font-weight:700}
.office-core-reset .word-inline-dialog input{width:100%;height:34px;padding:0 9px;border:1px solid #cbd3dc;border-radius:6px;background:#fff;color:#202124;font:400 .8rem Arial,sans-serif;outline:none}
.office-core-reset .word-inline-dialog input:focus{border-color:#0b57d0;box-shadow:0 0 0 2px rgba(11,87,208,.14)}
.office-core-reset .word-inline-dialog>div{display:flex;justify-content:flex-end;gap:7px}
.office-core-reset .word-inline-dialog button{min-height:32px;padding:0 12px;border-radius:6px;font-weight:600}
.office-core-reset .office-continuous-editor::selection,.office-core-reset .office-continuous-editor *::selection{background:#c2dbff;color:#172b4d}
.office-core-reset .office-continuous-editor a{color:#0b57d0;text-decoration:underline;text-underline-offset:2px}
.office-core-reset .office-continuous-editor code{padding:.08em .28em;border-radius:3px;background:#f1f3f4;font-family:Consolas,"Courier New",monospace}
@media(max-width:760px){.office-core-reset .office-toolbar [data-paragraph-preset]{min-width:130px}.office-core-reset .office-toolbar [data-font-name]{min-width:130px}}




/* AppSystem bundle source: styles/226-coworking-office-final-3510.css */
/* AppSystem 3.51.0 — eksport, druk i dostępność Dokumentów online */

.office-suite :focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary, #0b57d0) 72%, white);
  outline-offset: 2px;
  border-radius: 6px;
}

.office-suite .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.office-suite [aria-selected="true"] {
  box-shadow: inset 0 0 0 2px var(--primary, #0b57d0);
}

.office-accessibility-summary {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border, #d7dde5);
  border-radius: 14px;
  background: var(--surface, #fff);
}

.office-accessibility-score {
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-width: 82px;
  padding: 10px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--primary, #0b57d0) 10%, transparent);
}

.office-accessibility-score strong { font-size: 2rem; line-height: 1; }
.office-accessibility-score span { font-size: .82rem; opacity: .72; }
.office-accessibility-summary h4,
.office-accessibility-summary p { margin: 0; }
.office-accessibility-summary p { margin-top: 5px; color: var(--muted, #5f6368); }

.office-accessibility-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.office-accessibility-list article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 11px;
  border: 1px solid var(--border, #d7dde5);
  border-radius: 12px;
  background: var(--surface, #fff);
}

.office-accessibility-list article > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-weight: 800;
}

.office-accessibility-list article.error > span { background: #fee2e2; color: #991b1b; }
.office-accessibility-list article.warning > span { background: #fef3c7; color: #92400e; }
.office-accessibility-list article strong,
.office-accessibility-list article p { margin: 0; }
.office-accessibility-list article p { margin-top: 3px; color: var(--muted, #5f6368); }
.office-accessibility-list article button {
  border: 0;
  background: transparent;
  color: var(--primary, #0b57d0);
  font-weight: 700;
  cursor: pointer;
}

.office-suite.is-print-preview .office-page {
  box-shadow: 0 0 0 1px #b8bec7, 0 18px 45px rgba(0,0,0,.16);
}

@media (max-width: 900px) {
  .office-appbar-actions [data-office-accessibility],
  .office-appbar-actions [data-office-print-preview] {
    display: none;
  }
  .office-accessibility-summary { grid-template-columns: 1fr; }
  .office-accessibility-score { justify-self: start; }
}

@media print {
  @page { margin: 12mm; }

  body.appsystem-office-printing {
    background: #fff !important;
  }

  body.appsystem-office-printing > * {
    display: none !important;
  }

  body.appsystem-office-printing #modalBackdrop,
  body.appsystem-office-printing #modal,
  body.appsystem-office-printing #modalBody,
  body.appsystem-office-printing .modal,
  body.appsystem-office-printing .modal-root,
  body.appsystem-office-printing [data-modal-root],
  body.appsystem-office-printing .modal-dialog,
  body.appsystem-office-printing .modal-content,
  body.appsystem-office-printing .modal-body,
  body.appsystem-office-printing .office-suite,
  body.appsystem-office-printing .office-main,
  body.appsystem-office-printing .office-workspace,
  body.appsystem-office-printing .office-text-stage,
  body.appsystem-office-printing .office-page,
  body.appsystem-office-printing .office-page-content,
  body.appsystem-office-printing .office-sheet-stage,
  body.appsystem-office-printing .office-sheet-scroll {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    transform: none !important;
    background: #fff !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.appsystem-office-printing #modalBackdrop {
    position: static !important;
    inset: auto !important;
    background: #fff !important;
    opacity: 1 !important;
  }

  body.appsystem-office-printing #modal {
    position: static !important;
    inset: auto !important;
    padding: 0 !important;
  }

  body.appsystem-office-printing #modal > .modal-header,
  body.appsystem-office-printing .office-appbar,
  body.appsystem-office-printing .office-menubar,
  body.appsystem-office-printing .office-toolbar,
  body.appsystem-office-printing .office-doc-navigation,
  body.appsystem-office-printing .office-side-panel,
  body.appsystem-office-printing .office-menu-popover,
  body.appsystem-office-printing .office-ruler,
  body.appsystem-office-printing .office-core-statusbar,
  body.appsystem-office-printing .office-page-footer,
  body.appsystem-office-printing .office-formula-bar,
  body.appsystem-office-printing .office-sheet-tabs,
  body.appsystem-office-printing .excel-chart-panel,
  body.appsystem-office-printing .excel-fill-handle,
  body.appsystem-office-printing .excel-col-resizer,
  body.appsystem-office-printing .excel-row-resizer {
    display: none !important;
  }

  body.appsystem-office-printing .office-page {
    break-after: page;
  }

  body.appsystem-office-printing [data-block-type="pagebreak"],
  body.appsystem-office-printing .appsystem-page-break {
    break-before: page;
  }

  body.appsystem-office-printing .office-continuous-editor {
    color: #000 !important;
    caret-color: transparent !important;
  }

  body.appsystem-office-printing .office-sheet-grid {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 9pt !important;
  }

  body.appsystem-office-printing .office-sheet-grid th,
  body.appsystem-office-printing .office-sheet-grid td {
    border: 1px solid #777 !important;
    background: #fff !important;
    color: #000 !important;
    break-inside: avoid;
  }

  body.appsystem-office-printing .office-sheet-grid input {
    color: #000 !important;
    background: transparent !important;
    border: 0 !important;
  }
}

.office-suite .office-appbar-actions {
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.office-suite .office-appbar-actions .btn {
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .office-appbar-actions [data-office-accessibility],
  .office-appbar-actions [data-office-print-preview] {
    display: none;
  }
}



/* AppSystem bundle source: styles/227-coworking-word-ui-3520.css */
/* AppSystem 3.52.1 — profesjonalny interfejs Dokumentów tekstowych.
   Warstwa działa wyłącznie na rdzeniu tekstowym 3.51 i nie zmienia arkuszy. */

/* Bezpieczny układ przejściowy, zanim moduł wstążki zakończy inicjalizację. */
.office-core-reset[data-document-type="text"]:not([data-word-ui-enhanced="1"]) .office-appbar-actions {
  flex-wrap: nowrap;
  max-width: min(72vw, 1480px);
  padding-bottom: 2px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.office-core-reset[data-document-type="text"]:not([data-word-ui-enhanced="1"]) .review-core-controls,
.office-core-reset[data-document-type="text"]:not([data-word-ui-enhanced="1"]) .office-appbar-actions > * { flex: 0 0 auto; }
.office-core-reset[data-document-type="text"]:not([data-word-ui-enhanced="1"]) .office-toolbar { scroll-padding-inline: 12px; }
.office-core-reset[data-document-type="text"]:not([data-word-ui-enhanced="1"]) .office-toolbar [data-paragraph-preset] { min-width: 160px; max-width: none; }

.office-suite[data-word-ui-enhanced="1"] {
  --word-blue: #185abd;
  --word-blue-dark: #0f4c9d;
  --word-blue-soft: #e9f2ff;
  --word-chrome: #f7f9fc;
  --word-ribbon-height: 108px;
  --word-page-width: 794px;
  --word-page-height: 1123px;
  --word-margin-top: 94px;
  --word-margin-right: 94px;
  --word-margin-bottom: 94px;
  --word-margin-left: 94px;
  --word-header-distance: 45px;
  --word-footer-distance: 45px;
  --word-page-color: #fff;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  background: #e6e9ee;
}

/* Pasek tytułu i szybki dostęp */
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar {
  grid-template-columns: 36px 40px minmax(150px, 1fr) minmax(0, auto);
  gap: 8px;
  min-height: 58px;
  padding-block: 6px;
  border-bottom-color: #dfe4ea;
}

.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions {
  flex-wrap: nowrap;
  gap: 5px;
  max-width: min(720px, 62vw);
  overflow: visible;
}

.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .review-core-controls { flex-wrap: nowrap; gap: 5px; }
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .review-core-status {
  min-height: 32px;
  max-width: 132px;
  padding-inline: 9px;
}

.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .review-core-mode select {
  height: 32px;
  min-height: 32px;
  max-width: 116px;
}

.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .office-presence,
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .btn,
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions > a {
  min-height: 32px;
  border-radius: 16px;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-file-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-file-head .office-title-input {
  flex: 1 1 auto;
  width: min(520px, 100%);
}

.office-core-reset[data-word-ui-enhanced="1"] .word-quick-access {
  display: flex;
  align-items: center;
  gap: 1px;
  flex: 0 0 auto;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-quick-access .word-ribbon-icon-command {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border: 0;
  background: transparent;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-quick-access .word-icon { width: 16px; height: 16px; }
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-history],
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-accessibility],
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-print-preview],
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-review-suggestions],
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-review-collaboration],
.office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-save-as-template] { display: none; }

/* Karty wstążki */
.office-core-reset[data-word-ui-enhanced="1"] .office-menubar.word-ribbon-tabs {
  z-index: 28;
  gap: 0;
  min-height: 36px;
  padding: 0 14px 0 62px;
  border-bottom: 1px solid #d6dce4;
  background: #fff;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs > button[role="tab"] {
  position: relative;
  height: 35px;
  padding: 0 13px;
  border-radius: 0;
  color: #343a42;
  font-size: .78rem;
  box-shadow: none;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs > button[role="tab"]::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -1px;
  left: 10px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs > button[role="tab"][aria-selected="true"] {
  color: var(--word-blue);
  font-weight: 700;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs > button[role="tab"][aria-selected="true"]::after { background: var(--word-blue); }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs > button[data-word-ribbon-tab="file"] { color: var(--word-blue); font-weight: 700; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-collapse { margin-left: auto; font-size: 1rem; }

/* Panele wstążki i ukryte kontrolki zgodności */
.office-core-reset[data-word-ui-enhanced="1"] .office-toolbar.word-ribbon-panels {
  z-index: 27;
  display: block;
  min-height: var(--word-ribbon-height);
  height: var(--word-ribbon-height);
  padding: 0;
  border-bottom: 1px solid #cbd3de;
  background: #fff;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 8px;
  scrollbar-width: thin;
  box-shadow: 0 2px 5px rgba(38, 51, 67, .08);
}

.office-core-reset[data-word-ui-enhanced="1"] .word-proxy-controls { display: none !important; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-panel-host { min-width: max-content; height: 100%; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-panel {
  display: flex;
  align-items: stretch;
  height: 100%;
  min-width: max-content;
  padding: 5px 8px 3px;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-panel[hidden] { display: none !important; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group {
  position: relative;
  display: flex;
  min-width: max-content;
  padding: 0 8px 15px;
  border-right: 1px solid #d8dde5;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group:last-child { border-right: 0; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group.is-fill { flex: 1 1 auto; min-width: 230px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group-content { display: flex; align-items: center; gap: 4px; min-height: 76px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group-content > * { flex-shrink: 0; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group-label {
  position: absolute;
  right: 7px;
  bottom: 1px;
  left: 7px;
  color: #69727e;
  font-size: .62rem;
  line-height: 13px;
  text-align: center;
  white-space: nowrap;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-icon {
  display: inline-block;
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command,
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command,
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #27313c;
  font-family: "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command:hover:not(:disabled),
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command:hover:not(:disabled),
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button:hover:not(:disabled) { background: #e9edf3; border-color: #d4dbe4; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command:active:not(:disabled),
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command:active:not(:disabled) { background: #d8e8fb; border-color: #a8c7ed; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-active,
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command.is-active,
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button.is-active { background: #d9e9fb; border-color: #9fc0e8; color: #0f4f99; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command:disabled,
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command:disabled,
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button:disabled { opacity: .4; cursor: not-allowed; }

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 36px;
  height: 29px;
  padding: 0 7px;
  font-size: .69rem;
  white-space: nowrap;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-large {
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  width: auto;
  min-width: 58px;
  height: 68px;
  padding: 4px 7px;
  line-height: 1.08;
  text-align: center;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-large .word-icon { width: 27px; height: 27px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-compact { justify-content: flex-start; height: 24px; padding-inline: 5px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-compact .word-icon { width: 15px; height: 15px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-command-stack { display: grid; gap: 1px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-icon-row { display: flex; align-items: center; gap: 1px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command {
  display: grid;
  place-items: center;
  min-width: 28px;
  width: 28px;
  height: 27px;
  padding: 0 4px;
  font-size: .77rem;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-font-row { display: flex; gap: 3px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group:has(.word-font-row) .word-ribbon-group-content { display: grid; align-content: center; gap: 3px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-font-row select,
.office-core-reset[data-word-ui-enhanced="1"] .word-spacing-select,
.office-core-reset[data-word-ui-enhanced="1"] .word-review-mode select {
  box-sizing: border-box;
  flex: 0 0 auto;
  height: 28px;
  padding: 0 24px 0 7px;
  border: 1px solid #bec7d2;
  border-radius: 3px;
  background: #fff;
  color: #27313c;
  font: 400 .72rem "Segoe UI", Arial, sans-serif;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-font-row [data-word-control="font"] { width: 144px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-font-row [data-word-control="size"] { width: 62px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-spacing-select { width: 57px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-color-command {
  position: relative;
  display: grid;
  place-items: center;
  width: 29px;
  height: 27px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #27313c;
  cursor: pointer;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-color-command:hover { background: #e9edf3; }
.office-core-reset[data-word-ui-enhanced="1"] .word-color-command span { font-size: .78rem; font-weight: 700; }
.office-core-reset[data-word-ui-enhanced="1"] .word-color-command.highlight span { padding: 1px 3px; background: #fff59d; font-size: .62rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-color-command input {
  position: absolute;
  right: 3px;
  bottom: 1px;
  left: 3px;
  width: 23px;
  height: 4px;
  padding: 0;
  border: 0;
  opacity: 1;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery { display: flex; gap: 3px; max-width: 340px; overflow: hidden; }
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button { display: grid; align-content: center; width: 78px; height: 62px; padding: 4px 6px; text-align: left; }
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button span { overflow: hidden; color: #244f84; font-family: Cambria, Georgia, serif; font-size: .82rem; white-space: nowrap; }
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button:nth-child(2) span { font-size: 1.08rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button:nth-child(3) span { font-size: .93rem; font-weight: 700; }
.office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button small { margin-top: 5px; color: #5e6874; font-size: .59rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-color-large {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 62px;
  height: 68px;
  padding: 4px 7px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: .69rem;
  cursor: pointer;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-color-large:hover { background: #e9edf3; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-color-large .word-icon { width: 27px; height: 27px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-color-large input { position: absolute; right: 8px; bottom: 22px; width: 42px; height: 5px; padding: 0; border: 0; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-color-large.is-disabled { opacity: .4; cursor: not-allowed; }
.office-core-reset[data-word-ui-enhanced="1"] .word-file-info,
.office-core-reset[data-word-ui-enhanced="1"] .word-layout-summary,
.office-core-reset[data-word-ui-enhanced="1"] .word-reference-help { display: grid; align-content: center; gap: 5px; min-width: 250px; padding: 6px 12px; color: #606b77; font-size: .68rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-file-info strong,
.office-core-reset[data-word-ui-enhanced="1"] .word-layout-summary strong,
.office-core-reset[data-word-ui-enhanced="1"] .word-reference-help strong { color: #27313c; font-size: .78rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-review-mode { display: grid; align-content: center; gap: 6px; min-width: 128px; padding: 4px 6px; color: #5f6974; font-size: .62rem; }

.office-core-reset[data-word-ui-enhanced="1"].word-ribbon-collapsed { grid-template-rows: auto auto minmax(0, 1fr) auto; }
.office-core-reset[data-word-ui-enhanced="1"].word-ribbon-collapsed .word-ribbon-panels { display: none; }
.office-core-reset[data-word-ui-enhanced="1"].word-ribbon-collapsed .word-ribbon-collapse { transform: rotate(180deg); }

/* Nawigacja: konspekt, karty oraz wyszukiwanie */
.office-core-reset[data-word-ui-enhanced="1"] .office-main:has(.word-navigation-pane) { grid-template-columns: 252px minmax(0, 1fr) auto; }
.office-core-reset[data-word-ui-enhanced="1"].word-nav-hidden .office-main:has(.word-navigation-pane) { grid-template-columns: minmax(0, 1fr) auto; }
.office-core-reset[data-word-ui-enhanced="1"].word-nav-hidden .word-navigation-pane { display: none; }
.office-core-reset[data-word-ui-enhanced="1"] .word-navigation-pane { background: #f7f8fa; }
.office-core-reset[data-word-ui-enhanced="1"] .word-navigation-pane > header { min-height: 42px; padding-inline: 12px; background: #fff; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-panel { padding: 9px 9px 7px; border-bottom: 1px solid #dfe4ea; background: #fff; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-panel form { display: grid; grid-template-columns: minmax(0, 1fr) 27px 27px; gap: 3px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-panel form label { position: relative; display: block; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-panel form label .word-icon { position: absolute; top: 8px; left: 8px; width: 15px; height: 15px; color: #65717e; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-panel input {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 8px 0 29px;
  border: 1px solid #bfc8d3;
  border-radius: 4px;
  background: #fff;
  color: #27313c;
  font: 400 .74rem "Segoe UI", Arial, sans-serif;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-find-panel button { border: 1px solid transparent; border-radius: 4px; background: transparent; color: #3f4a56; cursor: pointer; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-panel button:hover { border-color: #d5dbe3; background: #e9edf3; }
.office-core-reset[data-word-ui-enhanced="1"] .word-replace-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 4px; margin-top: 6px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-replace-row[hidden] { display: none; }
.office-core-reset[data-word-ui-enhanced="1"] .word-replace-row input { padding-left: 8px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-replace-row button { padding: 0 6px; border-color: #ccd3dd; font-size: .62rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-summary { padding: 8px 2px 3px; color: #6a7480; font-size: .67rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-results { display: grid; gap: 3px; max-height: 220px; margin-top: 3px; overflow: auto; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-results button { display: grid; gap: 2px; padding: 7px; text-align: left; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-results button.is-active { border-color: #9fbde4; background: #e7f0fc; color: #174f92; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-results strong { overflow: hidden; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.office-core-reset[data-word-ui-enhanced="1"] .word-find-results span { color: #747e89; font-size: .59rem; }

/* Kartka, nagłówek, stopka i prawdziwe marginesy */
.office-core-reset[data-word-ui-enhanced="1"] .office-workspace { background: #e5e8ed; }
.office-core-reset[data-word-ui-enhanced="1"] .office-text-stage { padding: 14px 26px 84px; }
.office-core-reset[data-word-ui-enhanced="1"] .office-ruler {
  width: min(var(--word-page-width), calc(100% - 16px));
  height: 25px;
  margin-bottom: 8px;
  border-color: #b9c1cb;
  border-radius: 2px;
  background: #fff;
  overflow: visible;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-ruler-scale { position: absolute; inset: 0; overflow: hidden; background: repeating-linear-gradient(90deg, transparent 0, transparent 9px, #cbd1d8 10px, transparent 11px, transparent 49px, #747d87 50px, transparent 51px); }
.office-core-reset[data-word-ui-enhanced="1"] .word-ruler-handle { position: absolute; top: -4px; z-index: 2; width: 12px; height: 32px; padding: 0; border: 0; background: transparent; cursor: ew-resize; transform: translateX(-50%); }
.office-core-reset[data-word-ui-enhanced="1"] .word-ruler-handle.right { transform: translateX(50%); }
.office-core-reset[data-word-ui-enhanced="1"] .word-ruler-handle::before { content: ""; position: absolute; top: 4px; left: 3px; border-right: 3px solid transparent; border-bottom: 6px solid #3e566e; border-left: 3px solid transparent; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ruler-handle::after { content: ""; position: absolute; top: 11px; bottom: 3px; left: 5px; width: 1px; background: #57708a; }
.office-core-reset[data-word-ui-enhanced="1"] .word-ruler-label { position: absolute; right: 5px; bottom: 1px; padding: 1px 4px; border-radius: 2px; background: rgba(255, 255, 255, .88); color: #737c86; font-size: .52rem; pointer-events: none; }
.office-core-reset[data-word-ui-enhanced="1"].word-ruler-hidden .office-ruler { display: none; }

.office-core-reset[data-word-ui-enhanced="1"] .office-page {
  position: relative;
  display: grid;
  grid-template-rows: var(--word-margin-top) minmax(calc(var(--word-page-height) - var(--word-margin-top) - var(--word-margin-bottom)), auto) var(--word-margin-bottom);
  width: var(--word-page-width);
  min-height: var(--word-page-height);
  background: var(--word-page-color);
  color: #202124;
  box-shadow: 0 0 0 1px rgba(77, 87, 99, .15), 0 4px 14px rgba(42, 50, 61, .2);
}

.office-core-reset[data-word-ui-enhanced="1"] .word-page-header {
  display: flex;
  align-items: flex-end;
  min-height: var(--word-margin-top);
  padding: 0 var(--word-margin-right) 7px var(--word-margin-left);
  color: #6f7780;
  font-size: 9pt;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-page-header > div,
.office-core-reset[data-word-ui-enhanced="1"] .word-page-footer > div { width: 100%; min-height: 15px; outline: none; }
.office-core-reset[data-word-ui-enhanced="1"] [data-word-header-text]:empty::before,
.office-core-reset[data-word-ui-enhanced="1"] [data-word-footer-text]:empty::before { content: attr(data-placeholder); opacity: 0; pointer-events: none; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-header:hover [data-word-header-text]:empty::before,
.office-core-reset[data-word-ui-enhanced="1"] .word-page-footer:hover [data-word-footer-text]:empty::before,
.office-core-reset[data-word-ui-enhanced="1"] [data-word-header-text]:focus:empty::before,
.office-core-reset[data-word-ui-enhanced="1"] [data-word-footer-text]:focus:empty::before { opacity: .55; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-header:hover,
.office-core-reset[data-word-ui-enhanced="1"] .word-page-footer:hover { box-shadow: inset 0 0 0 1px rgba(24, 90, 189, .15); }

.office-core-reset[data-word-ui-enhanced="1"] .office-page-content {
  box-sizing: border-box;
  min-height: calc(var(--word-page-height) - var(--word-margin-top) - var(--word-margin-bottom));
  padding: 10px var(--word-margin-right) 14px var(--word-margin-left);
  background: transparent;
}

.office-core-reset[data-word-ui-enhanced="1"] .office-page-footer.word-page-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  min-height: var(--word-margin-bottom);
  padding: 7px var(--word-margin-right) 0 var(--word-margin-left);
  border-top: 0;
  background: transparent;
  color: #6f7780;
  font-size: 9pt;
}

.office-core-reset[data-word-ui-enhanced="1"] .word-page-footer [data-page-count] { white-space: nowrap; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-pagebreak,
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-sectionbreak,
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 15px 0;
  padding: 0;
  border-top: 1px dashed #8d98a5;
  color: #66717c;
  font: 400 8pt "Segoe UI", Arial, sans-serif;
  user-select: none;
}

.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-pagebreak::before,
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-sectionbreak::before { position: absolute; top: -9px; padding: 0 8px; background: var(--word-page-color); }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-pagebreak::before { content: "Podział strony"; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-sectionbreak::before { content: "Podział sekcji"; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-pagebreak > *,
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-sectionbreak > * { visibility: hidden; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-footnote { margin-top: 18px; padding-top: 7px; border-top: 1px solid #9aa3ad; color: #4e5965; font-size: 9pt; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-caption { margin-top: 5px; color: #4d5965; font-size: 9pt; font-style: italic; text-align: center; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-toc { margin: 16px 0 24px; padding: 16px 20px; border: 1px solid #ccd5df; border-radius: 4px; background: rgba(247, 249, 252, .7); }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-toc > strong { display: block; margin-bottom: 10px; color: #1e4f88; font-family: Cambria, Georgia, serif; font-size: 16pt; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-toc ol { margin: 0; padding-left: 24px; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-toc li { margin: 4px 0; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-toc li[data-toc-level="2"] { margin-left: 18px; }
.office-core-reset[data-word-ui-enhanced="1"] .office-continuous-editor > .type-toc li[data-toc-level="3"] { margin-left: 36px; }

.office-core-reset[data-word-ui-enhanced="1"].word-pageless .office-ruler,
.office-core-reset[data-word-ui-enhanced="1"].word-pageless .word-page-header,
.office-core-reset[data-word-ui-enhanced="1"].word-pageless .word-page-footer { display: none; }
.office-core-reset[data-word-ui-enhanced="1"].word-pageless .office-text-stage { padding: 22px max(24px, 5vw) 80px; }
.office-core-reset[data-word-ui-enhanced="1"].word-pageless .office-page { display: block; width: min(1120px, 100%); min-height: calc(100dvh - 255px); border-radius: 5px; background: var(--word-page-color); box-shadow: 0 0 0 1px rgba(77, 87, 99, .12); }
.office-core-reset[data-word-ui-enhanced="1"].word-pageless .office-page-content { min-height: calc(100dvh - 290px); padding: 55px clamp(36px, 8vw, 120px) 85px; }

/* Pasek stanu */
.office-core-reset[data-word-ui-enhanced="1"] .word-statusbar { gap: 4px; min-height: 30px; padding: 1px 9px; background: #f7f8fa; color: #525d69; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-item { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 0 8px; border: 0; border-radius: 3px; background: transparent; color: inherit; font: inherit; white-space: nowrap; }
.office-core-reset[data-word-ui-enhanced="1"] button.word-status-item { cursor: pointer; }
.office-core-reset[data-word-ui-enhanced="1"] button.word-status-item:hover { background: #e3e8ee; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-item .word-icon { width: 14px; height: 14px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-statusbar [data-core-selection-info] { margin-left: auto; padding-inline: 7px; white-space: nowrap; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-views { display: flex; align-items: center; gap: 1px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-views button,
.office-core-reset[data-word-ui-enhanced="1"] .word-status-zoom button { display: grid; place-items: center; width: 25px; height: 24px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: #525d69; cursor: pointer; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-views button:hover,
.office-core-reset[data-word-ui-enhanced="1"] .word-status-zoom button:hover { background: #e3e8ee; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-views .word-icon { width: 14px; height: 14px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-zoom { display: flex; align-items: center; gap: 4px; font-size: 0; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-zoom input[type="range"] { width: 96px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-status-zoom output { min-width: 34px; color: #525d69; font-size: .65rem; text-align: right; }

/* Ustawienia strony */
.office-core-reset[data-word-ui-enhanced="1"] .word-dialog-backdrop { position: absolute; inset: 0; z-index: 10100; display: grid; place-items: center; padding: 24px; background: rgba(25, 31, 39, .48); backdrop-filter: blur(2px); }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog { width: min(790px, 96vw); max-height: min(780px, 92dvh); overflow: auto; border: 1px solid #cdd4de; border-radius: 8px; background: #fff; color: #252d36; box-shadow: 0 22px 68px rgba(18, 26, 36, .34); }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog > header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 19px; border-bottom: 1px solid #dfe4ea; background: #fff; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog h2 { margin: 2px 0 0; font-size: 1.18rem; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog header small { color: var(--word-blue); font-size: .61rem; font-weight: 800; letter-spacing: .08em; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog header button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #46515d; cursor: pointer; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog header button:hover { background: #edf0f4; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog form { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 22px; padding: 20px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-preview { display: grid; place-items: start center; padding: 18px; border-radius: 6px; background: #e7eaee; }
.office-core-reset[data-word-ui-enhanced="1"] [data-word-mini-page] { display: grid; grid-template-rows: 23px 1fr 23px; width: 128px; height: 181px; padding: 14px 17px; background: #fff; box-shadow: 0 3px 10px rgba(30, 38, 48, .25); }
.office-core-reset[data-word-ui-enhanced="1"] [data-word-mini-page][data-orientation="landscape"] { width: 181px; height: 128px; }
.office-core-reset[data-word-ui-enhanced="1"] [data-word-mini-page] span:nth-child(1) { border-bottom: 1px solid #bdc5cf; }
.office-core-reset[data-word-ui-enhanced="1"] [data-word-mini-page] span:nth-child(2) { margin-top: 10px; background: repeating-linear-gradient(#c9cfd7 0, #c9cfd7 2px, transparent 2px, transparent 8px); }
.office-core-reset[data-word-ui-enhanced="1"] [data-word-mini-page] span:nth-child(3) { border-top: 1px solid #bdc5cf; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields label { display: grid; gap: 5px; color: #47525f; font-size: .7rem; font-weight: 700; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields input,
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields select { box-sizing: border-box; width: 100%; height: 36px; padding: 0 9px; border: 1px solid #bdc6d1; border-radius: 4px; background: #fff; color: #27313c; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields .full { grid-column: 1 / -1; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields fieldset { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 11px; border: 1px solid #d6dce4; border-radius: 5px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields legend { padding: 0 5px; color: #47525f; font-size: .7rem; font-weight: 700; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields label.word-check { display: flex; align-items: center; gap: 8px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-fields label.word-check input { width: 17px; height: 17px; }
.office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog form > footer { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; padding-top: 14px; border-top: 1px solid #dfe4ea; }

/* Skupienie */
.office-core-reset[data-word-ui-enhanced="1"].word-focus-mode { grid-template-rows: minmax(0, 1fr); }
.office-core-reset[data-word-ui-enhanced="1"].word-focus-mode > .office-appbar,
.office-core-reset[data-word-ui-enhanced="1"].word-focus-mode > .word-ribbon-tabs,
.office-core-reset[data-word-ui-enhanced="1"].word-focus-mode > .word-ribbon-panels,
.office-core-reset[data-word-ui-enhanced="1"].word-focus-mode > .word-statusbar,
.office-core-reset[data-word-ui-enhanced="1"].word-focus-mode .word-navigation-pane { display: none; }
.office-core-reset[data-word-ui-enhanced="1"].word-focus-mode > .office-main { grid-row: 1; grid-template-columns: minmax(0, 1fr) auto; }
.office-core-reset[data-word-ui-enhanced="1"] .word-focus-exit { position: fixed; top: 12px; right: 16px; z-index: 10050; display: flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border: 1px solid #c5ccd5; border-radius: 18px; background: rgba(255, 255, 255, .94); color: #35404b; font: 600 .7rem "Segoe UI", Arial, sans-serif; box-shadow: 0 4px 14px rgba(30, 38, 48, .16); cursor: pointer; }
.office-core-reset[data-word-ui-enhanced="1"] .word-focus-exit[hidden] { display: none; }
.office-core-reset[data-word-ui-enhanced="1"] .word-focus-exit .word-icon { width: 15px; height: 15px; }

/* Ciemny motyw */
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"],
.app-dark .office-core-reset[data-word-ui-enhanced="1"] { --word-chrome: #17232d; background: #111a22; }
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs,
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-panels,
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-navigation-pane,
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-find-panel,
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-statusbar,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-panels,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-navigation-pane,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-find-panel,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-statusbar { border-color: #354651; background: #17232d; color: #e6edf1; }
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs button,
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command,
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command,
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs button,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button { color: #e6edf1; }
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command:hover:not(:disabled),
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command:hover:not(:disabled),
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command:hover:not(:disabled),
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-icon-command:hover:not(:disabled) { background: #263946; border-color: #405663; }
html[data-theme="dark"] .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group,
.app-dark .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group { border-color: #3a4d59; }

/* Responsywność */
@media (max-width: 1500px) {
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions { max-width: min(620px, 60vw); }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .office-presence:has(.status) { display: none; }
}

@media (max-width: 1180px) {
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions { max-width: min(500px, 56vw); }
  .office-core-reset[data-word-ui-enhanced="1"] .word-quick-access [data-word-action="print"] { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery { max-width: 168px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery button:nth-child(n+3) { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group.is-fill { min-width: 180px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-status-language { display: none; }
}

@media (max-width: 980px) {
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar {
    grid-template-columns: 34px 38px minmax(120px, 1fr) minmax(0, auto);
    gap: 6px;
    padding-inline: 8px;
  }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions { max-width: min(360px, 50vw); }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .review-core-status {
    justify-content: center;
    width: 32px;
    min-width: 32px;
    padding: 0;
  }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .review-core-status strong { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .office-presence { display: none; }
}

@media (max-width: 900px) {
  .office-core-reset[data-word-ui-enhanced="1"] { --word-ribbon-height: 98px; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-menubar.word-ribbon-tabs { padding-left: 8px; overflow-x: auto; overflow-y: hidden; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-collapse { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group { padding-inline: 5px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group-content { min-height: 66px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-large { height: 59px; min-width: 52px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-large .word-icon { width: 23px; height: 23px; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-main:has(.word-navigation-pane) { grid-template-columns: 220px minmax(0, 1fr) auto; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-statusbar [data-core-selection-info],
  .office-core-reset[data-word-ui-enhanced="1"] .word-statusbar [data-word-action="accessibility"] { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog form { grid-template-columns: 1fr; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-preview { display: none; }
}

@media (max-width: 760px) {
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions { max-width: min(245px, 44vw); }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .review-core-mode { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-comments],
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-download] { padding-inline: 9px; }
}

@media (max-width: 720px) {
  .office-core-reset[data-word-ui-enhanced="1"] .word-file-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-quick-access { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs > button[role="tab"] { padding-inline: 10px; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-main:has(.word-navigation-pane) { grid-template-columns: minmax(0, 1fr); }
  .office-core-reset[data-word-ui-enhanced="1"] .word-navigation-pane { position: absolute; inset: 0 auto 0 0; z-index: 36; display: block; width: min(300px, 86vw); box-shadow: 7px 0 24px rgba(30, 38, 48, .24); }
  .office-core-reset[data-word-ui-enhanced="1"].word-nav-hidden .word-navigation-pane { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-text-stage { padding-inline: 7px; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-page { width: min(var(--word-page-width), 100%); }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-header { padding-right: clamp(22px, 8vw, var(--word-margin-right)); padding-left: clamp(22px, 8vw, var(--word-margin-left)); }
  .office-core-reset[data-word-ui-enhanced="1"] .office-page-content { padding-right: clamp(24px, 9vw, var(--word-margin-right)); padding-left: clamp(24px, 9vw, var(--word-margin-left)); }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-footer { padding-right: clamp(22px, 8vw, var(--word-margin-right)); padding-left: clamp(22px, 8vw, var(--word-margin-left)); }
  .office-core-reset[data-word-ui-enhanced="1"] .word-status-words,
  .office-core-reset[data-word-ui-enhanced="1"] .word-status-language,
  .office-core-reset[data-word-ui-enhanced="1"] .word-status-views { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-status-zoom input[type="range"] { width: 72px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-fields { grid-template-columns: 1fr; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-fields .full,
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-fields fieldset { grid-column: 1; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-fields fieldset { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-height: 54px;
  }
  .office-core-reset[data-word-ui-enhanced="1"] .office-file-icon,
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions .review-core-status { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions { max-width: 92px; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-comments] {
    width: 48px;
    min-width: 48px;
    padding: 0 4px;
    font-size: 0;
  }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-comments]::before {
    content: "💬";
    font-size: .9rem;
  }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-comments] .office-count { font-size: .62rem; }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-download] {
    width: 36px;
    min-width: 36px;
    padding: 0;
    font-size: 0;
  }
  .office-core-reset[data-word-ui-enhanced="1"] .office-appbar-actions [data-office-download]::before {
    content: "⇩";
    font-size: 1.15rem;
    font-weight: 800;
  }
}

@media (max-width: 520px) {
  .office-core-reset[data-word-ui-enhanced="1"] { --word-ribbon-height: 88px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group-label { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group { padding-bottom: 1px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command span { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-command.is-large { min-width: 39px; height: 54px; padding-inline: 5px; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-style-gallery { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-group:has(.word-style-gallery) { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-statusbar [data-core-status-left] { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-status-zoom output { display: none; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-dialog-backdrop { padding: 0; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-dialog { width: 100vw; max-height: 100dvh; border: 0; border-radius: 0; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-page-fields fieldset { grid-template-columns: 1fr; }
}

@media print {
  @page { size: auto; margin: 0; }
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-tabs,
  .office-core-reset[data-word-ui-enhanced="1"] .word-ribbon-panels,
  .office-core-reset[data-word-ui-enhanced="1"] .word-navigation-pane,
  .office-core-reset[data-word-ui-enhanced="1"] .word-focus-exit { display: none !important; }
  body.appsystem-office-printing .office-core-reset[data-word-ui-enhanced="1"] .office-page {
    display: grid !important;
    grid-template-rows: var(--word-margin-top) minmax(calc(var(--word-page-height) - var(--word-margin-top) - var(--word-margin-bottom)), auto) var(--word-margin-bottom) !important;
    width: var(--word-page-width) !important;
    min-height: var(--word-page-height) !important;
    background: var(--word-page-color) !important;
  }
  body.appsystem-office-printing .office-core-reset[data-word-ui-enhanced="1"] .word-page-header {
    display: flex !important;
    padding: 0 var(--word-margin-right) 7px var(--word-margin-left) !important;
  }
  body.appsystem-office-printing .office-core-reset[data-word-ui-enhanced="1"] .office-page-content {
    display: block !important;
    min-height: calc(var(--word-page-height) - var(--word-margin-top) - var(--word-margin-bottom)) !important;
    padding: 10px var(--word-margin-right) 14px var(--word-margin-left) !important;
    background: transparent !important;
  }
  body.appsystem-office-printing .office-core-reset[data-word-ui-enhanced="1"] .word-page-footer {
    display: grid !important;
    padding: 7px var(--word-margin-right) 0 var(--word-margin-left) !important;
  }
  .office-core-reset[data-word-ui-enhanced="1"] .type-pagebreak,
  .office-core-reset[data-word-ui-enhanced="1"] .type-sectionbreak { break-after: page; }
}

@media (prefers-reduced-motion: reduce) {
  .office-core-reset[data-word-ui-enhanced="1"] * { scroll-behavior: auto !important; }
}



/* AppSystem bundle source: styles/228-library-catalog-3523.css */
/* AppSystem 3.52.3 — kategorie i wyszukiwanie Biblioteki */
.library-category-bar {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px;
  margin-bottom: 14px;
  scrollbar-width: thin;
}
.library-category-bar .contact-filter {
  flex: 0 0 auto;
  white-space: nowrap;
  border-left: 4px solid var(--filter-color, var(--primary));
}
.library-category-bar .contact-filter.active {
  border-color: var(--filter-color, var(--primary));
  background: var(--filter-color, var(--primary));
}
.library-category-bar .contact-filter span {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  min-height: 22px;
  margin-left: 5px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .08);
  font-size: .75rem;
}
.library-category-bar .contact-filter.active span { background: rgba(255, 255, 255, .2); }

.library-catalog-toolbar,
.library-card-search-panel {
  display: grid;
  grid-template-columns: minmax(290px, 1fr) minmax(170px, .34fr) minmax(180px, .38fr) auto auto;
  align-items: end;
  gap: 12px;
  margin-bottom: 18px;
  padding: 14px;
}
.library-card-search-panel {
  grid-template-columns: minmax(280px, 1fr) repeat(3, minmax(150px, .42fr));
  margin: 14px 0 0;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--surface-2);
}
.library-catalog-toolbar > label,
.library-card-search-panel > label { min-width: 0; }
.library-search-field {
  position: relative;
  display: block;
  color: var(--text);
}
.library-search-field input {
  min-height: 46px;
  padding: 10px 42px 10px 43px;
  background: var(--surface);
}
.library-search-field input::-webkit-search-cancel-button { display: none; }
.library-search-icon {
  position: absolute;
  z-index: 1;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  font-size: 1.3rem;
  pointer-events: none;
}
.library-search-clear {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 8px;
  width: 32px;
  height: 32px;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--muted);
  font-size: 1.35rem;
  line-height: 1;
}
.library-search-clear:hover,
.library-search-clear:focus-visible { background: var(--app-hover-bg, #eef4f8); color: var(--text); }
.library-toolbar-summary {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-height: 44px;
  padding: 9px 11px;
  border-radius: 12px;
  background: var(--surface-2);
  white-space: nowrap;
}
.library-toolbar-summary strong { color: var(--primary); font-size: 1.15rem; }
.library-toolbar-summary span,
.library-result-summary { color: var(--muted); font-size: .84rem; font-weight: 700; }
.library-result-summary { margin: 11px 2px 2px; }

.book-card {
  position: relative;
  border-top: 4px solid var(--book-category, #7c5a32);
}
.book-card.book-overdue { box-shadow: 0 0 0 2px color-mix(in srgb, var(--danger) 26%, transparent), var(--shadow); }
.book-card .book-cover {
  color: var(--book-category, #7c5a32);
  border-color: color-mix(in srgb, var(--book-category, #7c5a32) 28%, var(--line));
  background: linear-gradient(135deg, color-mix(in srgb, var(--book-category, #7c5a32) 18%, var(--surface)), color-mix(in srgb, var(--book-category, #7c5a32) 6%, var(--surface)));
}
.book-category-label {
  margin: 7px 0 0;
  color: var(--book-category, #7c5a32);
  font-size: .82rem;
  font-weight: 800;
}
.book-keywords { display: flex; flex-wrap: wrap; gap: 6px; }
.book-keywords span {
  padding: 5px 8px;
  border: 1px solid color-mix(in srgb, var(--book-category, #7c5a32) 24%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--book-category, #7c5a32) 7%, var(--surface));
  color: var(--book-category, #7c5a32);
  font-size: .73rem;
  font-weight: 800;
}
.loan-callout.overdue { border: 1px solid color-mix(in srgb, var(--danger) 38%, var(--line)); background: var(--app-danger-soft, #ffe7eb); color: var(--app-danger-text, #9c2f3d); }
.library-loans-panel { margin-top: 20px; }
.panel-count {
  display: inline-grid;
  place-items: center;
  min-width: 27px;
  min-height: 27px;
  margin-left: 5px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--app-selected-bg, #e1eff8);
  color: var(--primary);
  font-size: .78rem;
  vertical-align: middle;
}

.library-card-manager-title { align-items: flex-start; }
.library-card-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(230px, auto);
  border-left: 4px solid transparent;
}
.library-card-row.has-overdue { border-left-color: var(--danger); background: var(--app-danger-soft, #fff4f5); }
.library-card-person { min-width: 0; }
.library-card-row-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.library-card-alert { color: var(--app-danger-text, #9c2f3d); font-weight: 900; }

@media (max-width: 1180px) {
  .library-catalog-toolbar { grid-template-columns: minmax(280px, 1fr) repeat(2, minmax(170px, .45fr)); }
  .library-catalog-toolbar .library-toolbar-summary,
  .library-catalog-toolbar > .btn { justify-self: start; }
  .library-card-search-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .library-card-search-panel .library-search-field { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .library-category-bar { margin-inline: -2px; padding: 10px; }
  .library-catalog-toolbar,
  .library-card-search-panel { grid-template-columns: 1fr; padding: 12px; }
  .library-card-search-panel .library-search-field { grid-column: auto; }
  .library-catalog-toolbar .library-toolbar-summary,
  .library-catalog-toolbar > .btn { width: 100%; justify-content: center; }
  .library-card-manager-title { display: grid; }
  .library-card-manager-title .btn { width: 100%; }
  .library-card-row { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
  .library-card-row-actions { grid-column: 1 / -1; justify-content: stretch; }
  .library-card-row-actions .btn { flex: 1 1 110px; width: auto; }
  .library-loans-panel { padding-inline: 12px; }
}

@media (max-width: 470px) {
  .library-search-field input { font-size: 16px; }
  .library-card-row { grid-template-columns: 1fr; }
  .library-card-row > .status { justify-self: start; }
  .library-card-row-actions { grid-column: auto; display: grid; grid-template-columns: 1fr; width: 100%; }
  .library-card-row-actions .btn { width: 100%; }
}



/* AppSystem bundle source: styles/229-equipment-loans-3530.css */
/* AppSystem 3.53.4 — ewidencja wypożyczeń sprzętu, umowy i protokoły A/B */
.equipment-workspace-tabs{display:flex;gap:8px;margin:0 0 18px;padding:6px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(19,50,74,.05);overflow-x:auto}.equipment-workspace-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:0;border-radius:13px;background:transparent;color:var(--muted);font:inherit;font-weight:800;white-space:nowrap;cursor:pointer}.equipment-workspace-tabs button span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--surface-2);color:var(--primary,#004381)}.equipment-workspace-tabs button strong{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:var(--surface-2);font-size:.76rem}.equipment-workspace-tabs button.active{background:#004381;color:#fff;box-shadow:0 8px 18px rgba(0,67,129,.2)}.equipment-workspace-tabs button.active span,.equipment-workspace-tabs button.active strong{background:rgba(255,255,255,.18);color:#fff}
.equipment-loan-toolbar{display:grid;grid-template-columns:minmax(300px,1.6fr) minmax(190px,.55fr) auto;gap:14px;align-items:end;margin-bottom:16px;padding:14px 16px}.equipment-loan-registry-toolbar{grid-template-columns:minmax(300px,1.5fr) minmax(180px,.55fr) minmax(180px,.55fr) auto}.equipment-loan-toolbar>label:not(.equipment-search){display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:800}.equipment-loan-toolbar select{min-height:44px}.equipment-search{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--muted)}.equipment-search:focus-within{border-color:#176fa8;box-shadow:0 0 0 3px rgba(23,111,168,.13)}.equipment-search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:9px 0!important;color:inherit}.equipment-search button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.15rem;cursor:pointer}.equipment-search button:hover{background:var(--surface)}.equipment-filter-summary{display:flex;align-items:baseline;gap:7px;min-height:44px;padding:9px 12px;border-radius:12px;background:var(--surface-2);white-space:nowrap}.equipment-filter-summary strong{font-size:1.25rem;color:#004381}.equipment-filter-summary span{font-size:.78rem;color:var(--muted)}
.equipment-v2-card{position:relative}.equipment-current-loan{display:grid;gap:3px;width:100%;margin:12px 0 2px;padding:11px 12px;border:1px solid color-mix(in srgb,#176fa8 28%,var(--line));border-radius:13px;background:color-mix(in srgb,#e7f3fb 72%,var(--surface));color:inherit;text-align:left;cursor:pointer}.equipment-current-loan span{font-size:.82rem;color:var(--muted)}.equipment-current-loan strong{color:#004381}.equipment-current-loan small{font-size:.75rem}.equipment-loan-items-note{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-loan-registry table{min-width:980px}.equipment-loan-registry tbody tr{cursor:default}.equipment-loan-registry tbody tr:hover{background:color-mix(in srgb,#e7f3fb 45%,transparent)}
.equipment-calendar-panel{padding:0;overflow:hidden}.equipment-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 21px;border-bottom:1px solid var(--line)}.equipment-calendar-head h2{margin:3px 0 0;text-transform:capitalize}.equipment-calendar-weekdays,.equipment-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.equipment-calendar-weekdays{padding:9px 13px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.05em}.equipment-calendar-grid{border-top:1px solid var(--line);border-left:1px solid var(--line)}.equipment-calendar-day{position:relative;min-height:128px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.equipment-calendar-day.outside{background:var(--surface-2);opacity:.52}.equipment-calendar-day.today{box-shadow:inset 0 0 0 2px #176fa8;background:color-mix(in srgb,#e7f3fb 35%,var(--surface))}.equipment-calendar-date{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;font-weight:900}.equipment-calendar-day.today .equipment-calendar-date{background:#004381;color:#fff}.equipment-calendar-events{display:grid;gap:4px;margin-top:5px}.calendar-loan{display:grid;gap:1px;width:100%;padding:5px 7px;border:0;border-left:3px solid #176fa8;border-radius:6px;background:#e8f3fa;color:#12354e;text-align:left;overflow:hidden;cursor:pointer}.calendar-loan.red{border-left-color:#a53838;background:#fbe8e8;color:#762626}.calendar-loan.yellow{border-left-color:#ad7813;background:#fff4d7;color:#664707}.calendar-loan.green{border-left-color:#17705a;background:#e4f4ef;color:#115242}.calendar-loan strong,.calendar-loan span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-loan strong{font-size:.7rem}.calendar-loan span{font-size:.65rem}.calendar-more{font-size:.68rem;color:var(--muted)}.equipment-upcoming{margin-top:16px}.equipment-upcoming-row{display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:12px 5px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}.equipment-upcoming-row:hover{background:var(--surface-2)}.equipment-upcoming-date{font-weight:900;color:#004381}.equipment-upcoming-row strong,.equipment-upcoming-row small{display:block}.equipment-upcoming-row small{margin-top:3px;color:var(--muted)}
.equipment-wizard{display:grid;gap:18px}.equipment-wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}.equipment-wizard-progress li{position:relative;display:grid;justify-items:center;gap:6px;color:var(--muted);text-align:center}.equipment-wizard-progress li:not(:first-child):before{content:"";position:absolute;top:16px;right:50%;width:100%;height:2px;background:var(--line);z-index:0}.equipment-wizard-progress li.done:not(:first-child):before,.equipment-wizard-progress li.active:not(:first-child):before{background:#176fa8}.equipment-wizard-progress li span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--line);border-radius:50%;background:var(--surface);font-weight:900}.equipment-wizard-progress li.active span{border-color:#004381;background:#004381;color:#fff}.equipment-wizard-progress li.done span{border-color:#17705a;background:#17705a;color:#fff}.equipment-wizard-progress li.active small,.equipment-wizard-progress li.done small{color:var(--text);font-weight:800}.equipment-wizard-body{min-height:390px}.equipment-wizard-actions{position:sticky;bottom:-20px;z-index:4;margin:0 -20px -20px;padding:14px 20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px)}.wizard-action-spacer{flex:1}.equipment-choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.equipment-choice{position:relative;display:grid;gap:5px;padding:17px 18px;border:2px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer}.equipment-choice input{position:absolute;top:14px;right:14px;width:auto}.equipment-choice strong{font-size:1.02rem}.equipment-choice span{max-width:90%;color:var(--muted);font-size:.84rem;line-height:1.45}.equipment-choice.selected{border-color:#176fa8;background:color-mix(in srgb,#e7f3fb 60%,var(--surface));box-shadow:0 0 0 3px rgba(23,111,168,.08)}.equipment-wizard-form{align-items:start}
.equipment-picker{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;min-height:440px}.equipment-picker-catalog,.equipment-picker-selection{min-width:0}.equipment-picker-list{display:grid;gap:7px;max-height:390px;margin-top:12px;padding-right:5px;overflow:auto}.equipment-picker-row{display:grid;grid-template-columns:auto 44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer}.equipment-picker-row:hover{border-color:#8eb6d1;background:var(--surface-2)}.equipment-picker-row.unavailable{opacity:.64;cursor:not-allowed}.equipment-picker-row input{width:auto}.equipment-picker-row strong,.equipment-picker-row small,.equipment-picker-row em{display:block}.equipment-picker-row small{margin-top:2px;color:var(--muted);font-size:.76rem}.equipment-picker-row em{margin-top:3px;color:#a53838;font-size:.72rem}.equipment-picker-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--surface-2);color:#004381;font-size:1.2rem;overflow:hidden}.equipment-picker-icon img{width:100%;height:100%;object-fit:cover}.equipment-picker-selection{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.equipment-picker-selection h3{display:flex;justify-content:space-between;margin:0 0 12px}.equipment-picker-selection h3 span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:99px;background:#004381;color:#fff;font-size:.78rem}.equipment-selected-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.equipment-selected-item>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 8px;min-width:0}.equipment-selected-number{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface);font-weight:900}.equipment-selected-item strong,.equipment-selected-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-selected-item small{color:var(--muted);font-size:.75rem}.equipment-picker-selection>.btn{width:100%;margin-top:14px}
.equipment-paid-fields{padding:17px;border:1px solid #c8b7e7;border-radius:17px;background:color-mix(in srgb,#f1eafa 66%,var(--surface))}.equipment-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.equipment-section-heading h3{margin:0 0 4px}.equipment-section-heading p{margin:0;color:var(--muted);font-size:.85rem}.equipment-summary-hero,.equipment-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#004381,#176fa8);color:#fff;box-shadow:0 13px 30px rgba(0,67,129,.18)}.equipment-summary-hero h3,.equipment-detail-hero h2{margin:8px 0 3px;color:#fff}.equipment-summary-hero p,.equipment-detail-hero p{margin:0;color:rgba(255,255,255,.82)}.equipment-summary-hero>div:last-child,.equipment-detail-value{display:grid;justify-items:end;gap:4px;text-align:right}.equipment-summary-hero>div:last-child strong,.equipment-detail-value strong{font-size:1.2rem}.equipment-condition-card,.equipment-return-card,.equipment-loan-detail-item{margin-top:13px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.equipment-condition-title{display:flex;align-items:center;gap:11px;margin-bottom:13px}.equipment-condition-title>span:first-child{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#e7f3fb;color:#004381;font-weight:900}.equipment-condition-title>div{min-width:0;flex:1}.equipment-condition-title strong,.equipment-condition-title small{display:block}.equipment-condition-title small{margin-top:2px;color:var(--muted);font-size:.76rem}.equipment-issue-confirmation,.equipment-return-signatures{margin-top:15px;background:var(--surface-2)}.equipment-procedure-note{display:grid;gap:4px;margin-top:14px;padding:14px 16px;border-left:4px solid #ad7813;border-radius:9px;background:#fff5d9;color:#5f430c}.equipment-procedure-note p{margin:0;line-height:1.5;font-size:.84rem}.equipment-return-intro{display:flex;align-items:center;gap:13px;margin-bottom:13px;padding:14px;border-radius:14px;background:var(--surface-2)}.equipment-return-intro strong,.equipment-return-intro small{display:block}.equipment-return-intro small{margin-top:3px;color:var(--muted)}
.equipment-loan-detail{display:grid;gap:20px}.equipment-detail-badges{display:flex;flex-wrap:wrap;gap:7px}.equipment-detail-value span{font-size:.78rem;color:rgba(255,255,255,.8)}.equipment-alert{display:grid;gap:3px;padding:13px 15px;border-radius:13px}.equipment-alert.danger{border:1px solid #efb6b6;background:#fbe7e7;color:#812c2c}.equipment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.equipment-detail-grid>section,.equipment-detail-section,.equipment-documents{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.equipment-detail-grid h3{margin:0 0 12px}.equipment-detail-list{display:grid;gap:9px;margin:0}.equipment-detail-list>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.equipment-detail-list dt{color:var(--muted);font-size:.76rem;font-weight:800}.equipment-detail-list dd{margin:0;font-weight:650}.equipment-detail-items{display:grid;gap:11px}.equipment-loan-detail-item{margin:0}.equipment-loan-detail-item dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.equipment-loan-detail-item dl div{padding:9px;border-radius:10px;background:var(--surface-2)}.equipment-loan-detail-item dt{font-size:.7rem;color:var(--muted)}.equipment-loan-detail-item dd{margin:3px 0 0;font-weight:800}.equipment-return-photos{display:flex;gap:7px;margin-top:10px}.equipment-return-photos img{width:76px;height:58px;border-radius:9px;object-fit:cover;border:1px solid var(--line)}.equipment-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.equipment-document-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.equipment-document-grid article>span{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#004381;color:#fff;font-weight:900}.equipment-document-grid strong,.equipment-document-grid small{display:block}.equipment-document-grid small{margin-top:3px;color:var(--muted)}.equipment-document-grid .btn{align-self:end}.equipment-attachments{display:grid;gap:8px}.equipment-attachment-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.equipment-attachment-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--surface-2);color:#004381}.equipment-attachment-row strong,.equipment-attachment-row small{display:block}.equipment-attachment-row small{margin-top:3px;color:var(--muted);font-size:.74rem}.equipment-history{display:grid;gap:0;margin:0;padding:0;list-style:none}.equipment-history li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;position:relative;padding:0 0 15px}.equipment-history li:not(:last-child):before{content:"";position:absolute;left:7px;top:13px;bottom:0;width:2px;background:var(--line)}.equipment-history li>span{position:relative;z-index:1;width:16px;height:16px;border:4px solid #dcebf5;border-radius:50%;background:#176fa8}.equipment-history strong,.equipment-history small{display:block}.equipment-history small{margin-top:3px;color:var(--muted);font-size:.75rem}
.equipment-alert.warning{border:1px solid #e9cf8f;background:#fff5d9;color:#67480d}.equipment-settlement-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 18px;border:1px solid #9fd2bd;border-radius:15px;background:#eaf7f1;color:#174f3e}.equipment-settlement-summary>div{display:grid;gap:4px}.equipment-settlement-summary>div:last-child{text-align:right}.equipment-settlement-summary small,.equipment-settlement-summary span{font-size:.78rem}.equipment-settlement-summary strong{font-size:1rem}
.app-dark .equipment-workspace-tabs button.active,.app-dark .equipment-summary-hero,.app-dark .equipment-detail-hero{background:linear-gradient(135deg,#0b568d,#197db7)}.app-dark .equipment-current-loan{background:#16384d}.app-dark .calendar-loan{background:#16384d;color:#d8f1ff}.app-dark .calendar-loan.red{background:#49262a;color:#ffd8d8}.app-dark .calendar-loan.yellow,.app-dark .equipment-procedure-note,.app-dark .equipment-alert.warning{background:#443713;color:#ffe9a8}.app-dark .equipment-settlement-summary{border-color:#34765f;background:#173f33;color:#d8f7e9}.app-dark .equipment-choice.selected{background:#16384d}.app-dark .equipment-paid-fields{background:#302843}.app-dark .equipment-filter-summary strong,.app-dark .equipment-upcoming-date{color:#85caef}
@media(max-width:1100px){.equipment-loan-toolbar,.equipment-loan-registry-toolbar{grid-template-columns:minmax(260px,1fr) 1fr}.equipment-filter-summary{justify-content:center}.equipment-document-grid{grid-template-columns:1fr}.equipment-calendar-day{min-height:105px}.equipment-picker{grid-template-columns:1fr}.equipment-picker-list{max-height:300px}.equipment-picker-selection{min-height:auto}}
@media(max-width:760px){.equipment-workspace-tabs{margin-inline:-4px}.equipment-workspace-tabs button{padding:8px 12px}.equipment-loan-toolbar,.equipment-loan-registry-toolbar{grid-template-columns:1fr}.equipment-filter-summary{justify-content:flex-start}.equipment-calendar-panel{overflow-x:auto}.equipment-calendar-weekdays,.equipment-calendar-grid{min-width:760px}.equipment-calendar-day{min-height:100px}.equipment-upcoming-row{grid-template-columns:100px minmax(0,1fr)}.equipment-upcoming-row .status{grid-column:2}.equipment-choice-cards,.equipment-detail-grid{grid-template-columns:1fr}.equipment-summary-hero,.equipment-detail-hero{display:grid}.equipment-summary-hero>div:last-child,.equipment-detail-value{justify-items:start;text-align:left}.equipment-settlement-summary{grid-template-columns:1fr}.equipment-settlement-summary>div:last-child{text-align:left}.equipment-wizard-progress small{font-size:.66rem}.equipment-wizard-actions{position:static;margin:0;padding:14px 0 0;flex-wrap:wrap}.equipment-wizard-actions .wizard-action-spacer{display:none}.equipment-wizard-actions .btn{flex:1 1 160px}.equipment-loan-detail-item dl{grid-template-columns:1fr 1fr}.equipment-document-grid article{grid-template-columns:42px minmax(0,1fr) auto}.equipment-document-grid article>span{grid-row:span 1}.equipment-document-grid article .btn{grid-column:auto}.equipment-attachment-row{grid-template-columns:34px minmax(0,1fr)}.equipment-attachment-row .btn{grid-column:auto}.equipment-detail-list>div{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:480px){.equipment-workspace-tabs button span{display:none}.equipment-calendar-head{align-items:flex-start;flex-direction:column}.equipment-wizard-progress small{display:none}.equipment-choice-cards{grid-template-columns:1fr}.equipment-picker-row{grid-template-columns:auto 36px minmax(0,1fr)}.equipment-picker-row>.status{grid-column:3}.equipment-condition-title{align-items:flex-start;flex-wrap:wrap}.equipment-condition-title>.status{margin-left:45px}.equipment-document-grid article{grid-template-columns:36px minmax(0,1fr)}.equipment-document-grid article>span{width:36px;height:36px}.equipment-document-grid article .btn{grid-column:span 1}.equipment-loan-detail-item dl{grid-template-columns:1fr}.equipment-attachment-row .btn{grid-column:2}.equipment-detail-list>div{grid-template-columns:1fr;gap:3px}}



/* AppSystem bundle source: styles/230-inventory-reports-3533.css */
.inventory-report-form {
  display: grid;
  gap: 18px;
}

.inventory-report-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.inventory-report-format,
.inventory-report-photos {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

.inventory-report-format {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inventory-report-photos {
  grid-template-columns: 1fr;
}

.inventory-report-format legend,
.inventory-report-photos legend {
  grid-column: 1 / -1;
  margin-bottom: 2px;
  font-weight: 800;
  color: var(--text);
}

.inventory-report-format .check-card,
.inventory-report-photos .check-card {
  min-height: 84px;
  align-items: flex-start;
}

.inventory-report-format .check-card:has(input:checked),
.inventory-report-photos .check-card:has(input:checked) {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 8%, white);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 12%, transparent);
}

.inventory-report-preview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}

.inventory-report-preview-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 13px 15px;
  border: 1px solid var(--line, var(--border));
  border-radius: 14px;
  background: var(--surface-muted, #f5f8fb);
}

.inventory-report-preview-card span {
  color: var(--muted);
  font-size: .82rem;
}

.inventory-report-preview-card strong {
  overflow-wrap: anywhere;
  color: var(--primary);
  font-size: 1.12rem;
}

.inventory-report-privacy {
  margin: -4px 0 0;
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.5;
}

@media (max-width: 720px) {
  .inventory-report-options,
  .inventory-report-format {
    grid-template-columns: 1fr;
  }

  .inventory-report-preview {
    grid-template-columns: 1fr;
  }
}





/* AppSystem bundle source: modules/messenger/messenger.css */

/* AppSystem bundle source: modules/messenger/styles/00-layout.css */
.messenger-top-btn{position:relative}.messenger-loading{padding:48px;text-align:center;color:var(--muted)}.messenger-layout{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:16px;height:calc(100vh - 194px);min-height:600px}.messenger-sidebar,.messenger-chat{padding:0;overflow:hidden;min-height:0;border-radius:22px}.messenger-sidebar{display:flex;flex-direction:column;background:#fff}.messenger-chat{display:flex;flex-direction:column;background:#f2f6f9;position:relative}.messenger-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 11px}.messenger-sidebar-head h2{margin:0;font-size:1.7rem}.messenger-sidebar-head .eyebrow{margin:0 0 1px}.messenger-new-btn{width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:#fff;font-size:1.15rem;cursor:pointer;box-shadow:0 8px 20px rgba(0,67,129,.23)}.messenger-search,.messenger-modal-search{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:0 13px;border:1px solid #e4e9ed;border-radius:999px;background:#f2f5f7;color:var(--muted)}.messenger-search input,.messenger-modal-search input{width:100%;border:0;background:transparent;padding:11px 0;outline:0;font:inherit}.messenger-modal-search{margin:0 0 14px}.messenger-list-tabs{display:flex;gap:7px;padding:0 14px 10px}.messenger-list-tabs button{border:0;border-radius:999px;padding:8px 13px;background:#f1f4f6;color:#526170;font-weight:800;cursor:pointer}.messenger-list-tabs button.active{background:#dcecf7;color:#00538f}.messenger-list-tabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:3px;border-radius:50%;background:#176fa8;color:#fff;font-size:11px}.messenger-conversation-list{overflow:auto;padding:0 8px 12px;min-height:0}.messenger-conversation{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;border:0;background:transparent;border-radius:17px;padding:10px;text-align:left;cursor:pointer;color:var(--text);transition:.16s ease}.messenger-conversation:hover{background:#f1f6fa}.messenger-conversation.active{background:#e1eff8}.messenger-conversation.unread .messenger-conversation-copy strong,.messenger-conversation.unread .messenger-conversation-copy small{font-weight:850;color:var(--text)}.messenger-conversation-copy{min-width:0}.messenger-conversation-copy>span{display:flex;justify-content:space-between;align-items:center;gap:8px}.messenger-conversation-copy strong,.messenger-conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-conversation-copy small{margin-top:4px;color:var(--muted)}.messenger-conversation-copy time{font-size:11px;color:var(--muted);white-space:nowrap}.messenger-unread-badge{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#176fa8;color:#fff;font-size:12px}.messenger-avatar{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#d9eaf5,#f3f8fb);color:#004381;font-weight:850;overflow:visible;flex:0 0 auto}.messenger-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.messenger-avatar i{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#aebbc5;border:2px solid #fff}.messenger-avatar.online i{background:#20b66a}.messenger-avatar-lg{width:46px;height:46px}.messenger-avatar-sm{width:30px;height:30px;font-size:.7rem}.messenger-receipt-avatar{display:inline-grid;width:16px;height:16px;font-size:0;vertical-align:middle}.messenger-receipt-avatar i{display:none}.messenger-chat-header{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);z-index:4}.messenger-chat-person{min-width:0;flex:1;border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.messenger-chat-person strong,.messenger-chat-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-chat-person strong{font-size:1rem}.messenger-chat-person small{color:var(--muted);margin-top:3px}.messenger-chat-actions{display:flex;gap:5px}.messenger-chat-actions .icon-btn{border-radius:50%;background:#eef4f8;color:#075c9c}.messenger-mobile-back{display:none}.messenger-message-search{display:flex;align-items:center;gap:9px;padding:8px 15px;background:#fff;border-bottom:1px solid var(--line)}.messenger-message-search input{flex:1;border:0;border-radius:999px;padding:9px 13px;background:#f2f5f7;outline:0}.messenger-message-search button{border:0;background:transparent;font-size:1.25rem;cursor:pointer;color:var(--muted)}.messenger-messages-wrap{position:relative;flex:1;min-height:0}.messenger-message-list{height:100%;overflow:auto;padding:20px 22px 15px;scroll-behavior:smooth}.messenger-day-separator{text-align:center;margin:19px 0 12px}.messenger-day-separator span{display:inline-block;padding:5px 11px;border-radius:999px;background:rgba(226,233,238,.93);color:#657481;font-size:11px;font-weight:800}.messenger-message-row{display:flex;align-items:flex-end;gap:7px;margin:2px 0;position:relative}.messenger-message-row.mine{justify-content:flex-end}.messenger-message-row.theirs{justify-content:flex-start}.messenger-row-avatar{width:30px;flex:0 0 30px;min-height:1px}.messenger-message-stack{position:relative;max-width:min(72%,690px)}.messenger-bubble{padding:10px 13px 7px;border-radius:19px;background:#fff;border:1px solid #e3e8ec;box-shadow:0 1px 5px rgba(0,30,60,.035);overflow:hidden}.messenger-message-row.mine .messenger-bubble{background:#0878bd;color:#fff;border-color:#0878bd}.messenger-message-row.mine .messenger-bubble a{color:#fff}.messenger-message-row.mine:not(.grouped-after) .messenger-bubble{border-bottom-right-radius:5px}.messenger-message-row.theirs:not(.grouped-after) .messenger-bubble{border-bottom-left-radius:5px}.messenger-message-row.grouped-before .messenger-bubble{border-top-left-radius:10px;border-top-right-radius:10px}.messenger-message-row.grouped-after .messenger-bubble{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.messenger-bubble.deleted{background:#eef1f3!important;color:var(--muted)!important;border-color:#e1e5e8!important;box-shadow:none;font-size:.86rem}.messenger-message-body{line-height:1.44;overflow-wrap:anywhere;white-space:normal}.messenger-message-body a{text-decoration:underline}.messenger-message-meta{display:flex;justify-content:flex-end;margin-top:5px;font-size:10px;opacity:.7}.messenger-read-receipt{text-align:right;margin:3px 5px 4px;color:var(--muted);font-size:10px;min-height:16px}.messenger-message-row.highlight .messenger-bubble{animation:messenger-highlight 1.7s ease}@keyframes messenger-highlight{0%,100%{box-shadow:0 1px 5px rgba(0,30,60,.035)}35%{box-shadow:0 0 0 5px rgba(255,193,7,.36)}}.messenger-reply-quote{display:block;width:100%;margin:0 0 7px;padding:7px 9px;border:0;border-left:3px solid currentColor;border-radius:8px;background:rgba(0,0,0,.07);color:inherit;text-align:left;cursor:pointer;opacity:.9}.messenger-message-row.theirs .messenger-reply-quote{background:#f0f4f6;color:#4d5c69}.messenger-reply-quote span,.messenger-reply-quote small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-reply-quote span{font-weight:850;font-size:.74rem}.messenger-reply-quote small{margin-top:2px;font-size:.73rem}.messenger-image-grid{display:grid;gap:3px;margin:-7px -10px 7px}.messenger-image-grid.count-1{grid-template-columns:1fr}.messenger-image-grid.count-2,.messenger-image-grid.count-4{grid-template-columns:repeat(2,1fr)}.messenger-image-grid.count-3{grid-template-columns:repeat(2,1fr)}.messenger-image-grid.count-3 a:first-child{grid-row:span 2}.messenger-image-attachment{display:block;min-width:120px;overflow:hidden;background:#d7e1e8}.messenger-image-attachment img{display:block;width:100%;height:170px;object-fit:cover}.messenger-image-grid.count-1 img{height:min(370px,45vh)}.messenger-file-list{display:grid;gap:6px;margin-top:5px}.messenger-file-attachment{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-radius:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);color:inherit!important;text-decoration:none!important}.messenger-message-row.theirs .messenger-file-attachment{background:#f3f6f8;border-color:#e1e7eb}.messenger-file-attachment>span:first-child{font-size:1.35rem}.messenger-file-attachment strong,.messenger-file-attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-file-attachment small{opacity:.72;margin-top:2px}.messenger-message-tools{position:absolute;z-index:5;top:50%;display:none;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#fff;border:1px solid #dfe5e9;box-shadow:0 6px 20px rgba(0,30,60,.14);transform:translateY(-50%)}.messenger-message-row.mine .messenger-message-tools{right:calc(100% + 8px)}.messenger-message-row.theirs .messenger-message-tools{left:calc(100% + 8px)}.messenger-message-row:hover .messenger-message-tools,.messenger-message-tools.open{display:flex}.messenger-message-tools button{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:50%;background:transparent;cursor:pointer}.messenger-message-tools button:hover{background:#eef3f6}.messenger-quick-reactions{display:flex}



/* AppSystem bundle source: modules/messenger/styles/10-messages.css */
.messenger-message-more{display:none;position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#687783;box-shadow:0 2px 8px rgba(0,30,60,.12)}.messenger-message-row.mine .messenger-message-more{right:calc(100% + 5px)}.messenger-message-row.theirs .messenger-message-more{left:calc(100% + 5px)}.messenger-reactions{display:flex;flex-wrap:wrap;gap:3px;margin-top:-5px;position:relative;z-index:2}.messenger-message-row.mine .messenger-reactions{justify-content:flex-end}.messenger-reaction-chip{display:flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid #dce3e7;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,30,60,.08);font-size:.78rem;cursor:pointer}.messenger-reaction-chip.mine{border-color:#78b9df;background:#eaf5fb}.messenger-reaction-chip b{font-size:.66rem;color:#5f6e79}.messenger-typing-indicator{display:flex;align-items:flex-end;gap:7px;margin:8px 0 3px}.messenger-typing-indicator>span:last-child{display:flex;gap:4px;padding:11px 13px;border-radius:18px 18px 18px 5px;background:#fff;border:1px solid #e2e7ea}.messenger-typing-indicator>span:last-child i{width:6px;height:6px;border-radius:50%;background:#8a98a3;animation:typing-dot 1.2s infinite ease-in-out}.messenger-typing-indicator>span:last-child i:nth-child(2){animation-delay:.15s}.messenger-typing-indicator>span:last-child i:nth-child(3){animation-delay:.3s}.messenger-scroll-bottom{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:9px 13px;background:#fff;color:#075c9c;font-weight:850;box-shadow:0 8px 24px rgba(0,30,60,.18);cursor:pointer;z-index:4}.messenger-composer{padding:8px 12px 10px;background:#fff;border-top:1px solid var(--line)}.messenger-composer-row{display:flex;align-items:flex-end;gap:6px}.messenger-composer-icon,.messenger-like-btn,.messenger-send-btn{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:transparent;color:#0878bd;font-size:1.25rem;cursor:pointer}.messenger-composer-icon:hover,.messenger-like-btn:hover{background:#edf5fa}.messenger-composer-icon input{display:none}.messenger-send-btn{background:#0878bd;color:#fff;font-size:1rem}.messenger-like-btn{font-size:1.3rem}.messenger-textbox{position:relative;flex:1;min-width:0}.messenger-textbox textarea{display:block;width:100%;resize:none;min-height:40px;max-height:132px;padding:10px 14px;border:0;border-radius:20px;background:#f1f4f6;font:inherit;outline:0;overflow:auto}.messenger-composer-hint{display:block;padding:5px 50px 0;color:var(--muted);font-size:10px}.messenger-emoji-picker{position:absolute;left:0;bottom:calc(100% + 8px);z-index:12;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;width:250px;padding:8px;border-radius:16px;background:#fff;border:1px solid #dfe5e9;box-shadow:0 12px 32px rgba(0,30,60,.17)}.messenger-emoji-picker button{width:36px;height:36px;border:0;border-radius:9px;background:transparent;font-size:1.15rem;cursor:pointer}.messenger-emoji-picker button:hover{background:#edf3f7}.messenger-composer-context{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:8px;margin:0 42px 7px;padding:8px 10px;border-left:3px solid #0878bd;border-radius:9px;background:#edf5fa}.messenger-composer-context strong,.messenger-composer-context small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-composer-context small{color:var(--muted);margin-top:2px}.messenger-composer-context button{border:0;background:transparent;font-size:1.25rem;color:var(--muted);cursor:pointer}.messenger-draft-attachments{display:flex;gap:8px;overflow:auto;padding:4px 42px 8px}.messenger-draft-file{position:relative;display:grid;grid-template-columns:42px minmax(80px,150px);grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:210px;padding:7px 30px 7px 7px;border:1px solid #dfe5e9;border-radius:13px;background:#fff}.messenger-draft-file>img,.messenger-draft-file>span{grid-row:1/3;width:42px;height:42px;border-radius:9px;object-fit:cover;display:grid;place-items:center;background:#edf3f6}.messenger-draft-file strong,.messenger-draft-file small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-draft-file small{color:var(--muted)}.messenger-draft-file button{position:absolute;right:5px;top:5px;width:22px;height:22px;border:0;border-radius:50%;background:#edf1f4;cursor:pointer}.messenger-empty-chat{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--muted)}.messenger-empty-chat>span{font-size:48px}.messenger-empty-chat strong{font-size:20px;color:var(--text);margin:9px 0}.messenger-empty-chat p{max-width:440px}.messenger-empty-logo{display:grid!important;place-items:center;width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,#e3f2fb,#f8fbfd);box-shadow:0 15px 35px rgba(0,67,129,.12)}.messenger-user-list{display:grid;gap:7px;margin-top:8px;max-height:57vh;overflow:auto}.messenger-user-option{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;border:0;border-radius:15px;background:#fff;padding:10px;text-align:left;cursor:pointer}.messenger-user-option:hover{background:#f1f6fa}.messenger-user-option span strong,.messenger-user-option span small{display:block}.messenger-user-option span small{color:var(--muted);margin-top:3px}.messenger-user-option>i{font-size:24px;color:var(--muted)}.messenger-privacy-note{margin:16px 0 0;padding:12px;border-radius:12px;background:#f1f6fa}.messenger-info-card{text-align:center;padding:10px}.messenger-info-avatar{width:86px;height:86px;margin:0 auto 12px;font-size:1.4rem}.messenger-info-card h2{margin:0}.messenger-info-card p{margin:4px 0 10px;color:var(--muted)}.messenger-info-actions{display:grid;gap:8px;margin:10px 0 16px}.messenger-info-actions .btn{justify-content:center}@media(max-width:1000px){.messenger-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.messenger-message-stack{max-width:78%}.messenger-quick-reactions button:nth-child(4),.messenger-quick-reactions button:nth-child(5){display:none}}@media(max-width:780px){.messenger-layout{display:block;height:calc(100dvh - 142px);min-height:510px;margin:0 -4px}.messenger-sidebar,.messenger-chat{height:100%;border-radius:16px}.messenger-layout.has-selection .messenger-sidebar{display:none}.messenger-layout:not(.has-selection) .messenger-chat{display:none}.messenger-mobile-back{display:inline-grid}.messenger-chat-header{min-height:62px;padding:8px}.messenger-chat-actions{gap:1px}.messenger-chat-actions .icon-btn{width:34px;height:34px}.messenger-chat-actions .icon-btn:first-child{display:none}.messenger-message-list{padding:14px 8px 10px}.messenger-message-stack{max-width:82%}.messenger-bubble{padding:9px 11px 6px}.messenger-message-tools{display:none!important;position:fixed;left:50%!important;right:auto!important;top:auto;bottom:82px;transform:translateX(-50%);max-width:94vw}.messenger-message-tools.open{display:flex!important}.messenger-message-more{display:block}.messenger-quick-reactions{display:flex}.messenger-composer{padding:7px 6px calc(8px + env(safe-area-inset-bottom))}.messenger-composer-hint{display:none}.messenger-composer-context{margin:0 36px 6px}.messenger-draft-attachments{padding-left:36px;padding-right:36px}.messenger-composer-icon{width:34px;height:38px;flex-basis:34px}.messenger-emoji-picker{left:-39px;width:244px}.messenger-image-attachment img{height:150px}.messenger-image-grid.count-1 img{height:min(330px,42vh)}.messenger-scroll-bottom span{display:none}.messenger-sidebar-head{padding-top:15px}.messenger-search{margin-bottom:8px}}@media(max-width:430px){.messenger-chat-actions .icon-btn:nth-child(2){display:none}.messenger-avatar-lg{width:40px;height:40px}.messenger-message-stack{max-width:86%}.messenger-row-avatar{width:26px;flex-basis:26px}.messenger-avatar-sm{width:26px;height:26px}.messenger-composer-context{margin-left:5px;margin-right:5px}.messenger-draft-attachments{padding-left:5px;padding-right:5px}.messenger-draft-file{min-width:190px}}.messenger-float-btn{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:1150;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(145deg,#0585d1,#004381);color:#fff;box-shadow:0 14px 34px rgba(0,50,95,.34);cursor:pointer;display:grid;place-items:center;transition:transform .18s ease,box-shadow .18s ease}.messenger-float-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 42px rgba(0,50,95,.42)}.messenger-float-btn.has-unread{animation:messenger-float-pulse 2.4s infinite}.messenger-float-btn.dnd:after{content:"☾";position:absolute;left:-2px;bottom:-2px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#172b3c;border:2px solid #fff;font-size:12px}.messenger-float-icon{font-size:28px;line-height:1}.messenger-float-count{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:#e6384f;color:#fff;border:3px solid #fff;font-size:11px;font-weight:900}@keyframes messenger-float-pulse{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.08)}90%{transform:scale(.98)}}.messenger-dock-backdrop{position:fixed;inset:0;z-index:1130;background:rgba(10,25,38,.16);backdrop-filter:blur(1px)}



/* AppSystem bundle source: modules/messenger/styles/20-composer.css */
.messenger-dock{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:96px;z-index:1140;width:min(430px,calc(100vw - 28px));height:min(690px,calc(100dvh - 125px));border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(0,35,68,.32);overflow:hidden;border:1px solid rgba(0,67,129,.12)}.messenger-dock-body,.messenger-dock-shell{height:100%;min-height:0}.messenger-dock-shell{display:flex;flex-direction:column;background:#fff}.messenger-dock-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:#fff}.messenger-dock-top>div{display:flex;align-items:center;gap:4px}.messenger-dock-top>div:first-child{display:block}.messenger-dock-top small,.messenger-dock-top strong{display:block}.messenger-dock-top small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.messenger-dock-top strong{font-size:1.1rem}.messenger-dock-loading{display:grid;place-items:center;height:100%;color:var(--muted)}.messenger-dock-search{margin-top:12px}.messenger-dock .messenger-list-tabs{overflow:auto}.messenger-dock .messenger-conversation-list{flex:1}.messenger-dock-full{border:0;border-top:1px solid var(--line);background:#fff;color:#075c9c;font-weight:850;padding:13px;cursor:pointer}.messenger-dock-chat .messenger-chat-header{border-top:0}.messenger-dock-chat .messenger-message-list{padding:14px 10px 10px}.messenger-dock-chat .messenger-message-stack{max-width:83%}.messenger-dock-chat .messenger-composer.compact{padding-bottom:10px}.messenger-dock-chat .messenger-message-tools{display:none!important}.messenger-dock-chat .messenger-message-more{display:block}.messenger-dock-chat .messenger-mobile-back{display:none}.messenger-dock-chat .messenger-composer-icon{width:34px;flex-basis:34px}.messenger-dock-chat .messenger-chat-actions .icon-btn{width:34px;height:34px}.messenger-conversation-wrap{position:relative}.messenger-conversation-wrap .messenger-conversation{padding-right:38px}.messenger-conversation-menu-btn{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#75838e;cursor:pointer}.messenger-conversation-menu-btn:hover{background:#e8eff4}.messenger-conversation-wrap.pinned:before{content:"";position:absolute;left:3px;top:12px;bottom:12px;width:3px;border-radius:99px;background:#0878bd}.messenger-action-sheet{display:grid;gap:7px}.messenger-action-sheet>button{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;font:inherit;font-weight:750;cursor:pointer}.messenger-action-sheet>button:hover{background:#f1f6fa}.messenger-action-sheet>p{margin:0 0 4px}.messenger-shared-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-top:7px;padding:10px;border:1px solid rgba(255,255,255,.32);border-radius:13px;background:rgba(255,255,255,.17);color:inherit;text-align:left;cursor:pointer}.messenger-message-row.theirs .messenger-shared-card{background:#f1f6fa;border-color:#dce6ec;color:var(--text)}.messenger-shared-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.24);font-size:1.25rem}.messenger-message-row.theirs .messenger-shared-card>span{background:#dcecf7}.messenger-shared-card small,.messenger-shared-card strong,.messenger-shared-card p{display:block;margin:0;overflow:hidden;text-overflow:ellipsis}.messenger-shared-card small{text-transform:uppercase;letter-spacing:.06em;font-size:9px;opacity:.75}.messenger-shared-card strong{margin-top:2px}.messenger-shared-card p{margin-top:2px;font-size:11px;white-space:nowrap;opacity:.8}.messenger-shared-card>b{white-space:nowrap;font-size:11px}.messenger-media-tabs,.messenger-share-tabs{display:flex;gap:6px;margin-bottom:12px;overflow:auto}.messenger-media-tabs button,.messenger-share-tabs button{border:0;border-radius:999px;padding:9px 13px;background:#eef2f5;color:#53616d;font-weight:800;cursor:pointer;white-space:nowrap}.messenger-media-tabs button.active,.messenger-share-tabs button.active{background:#dcecf7;color:#00538f}.messenger-media-tabs b{margin-left:4px}.messenger-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.messenger-media-grid a{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#e6edf1}.messenger-media-grid img{width:100%;height:100%;object-fit:cover}.messenger-media-grid small{position:absolute;left:5px;bottom:5px;padding:3px 6px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:9px}.messenger-media-files,.messenger-media-links,.messenger-share-list{display:grid;gap:7px}.messenger-media-files a,.messenger-media-links a,.messenger-share-list button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);text-decoration:none;text-align:left}.messenger-media-links a{grid-template-columns:1fr}.messenger-media-files span,.messenger-share-list>button>span{font-size:1.35rem}.messenger-media-files strong,.messenger-media-files small,.messenger-media-links strong,.messenger-media-links small,.messenger-share-list strong,.messenger-share-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-media-files small,.messenger-media-links small,.messenger-share-list small{color:var(--muted);margin-top:3px}.messenger-share-list button{cursor:pointer}.messenger-share-list button:hover{background:#f1f6fa}.messenger-share-list button>b{color:#075c9c}@media(max-width:780px){.messenger-float-btn{width:56px;height:56px;right:14px;bottom:max(15px,env(safe-area-inset-bottom))}.messenger-dock-backdrop{background:#fff;backdrop-filter:none}.messenger-dock{inset:0;width:100%;height:100dvh;border-radius:0;border:0}.messenger-dock .messenger-dock-top{padding-top:calc(10px + env(safe-area-inset-top))}.messenger-dock-chat .messenger-composer{padding-bottom:calc(9px + env(safe-area-inset-bottom))}.messenger-dock-chat .messenger-message-stack{max-width:86%}.messenger-media-grid{grid-template-columns:repeat(2,1fr)}}.messenger-create-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:14px;border-radius:14px;background:#eef3f7}.messenger-create-tabs button{border:0;border-radius:11px;padding:10px 12px;background:transparent;color:#61717e;font:inherit;font-weight:800;cursor:pointer}.messenger-create-tabs button.active{background:#fff;color:#075c9c;box-shadow:0 3px 12px rgba(0,45,82,.1)}.messenger-new-conversation>.field{margin-bottom:12px}.messenger-new-conversation>#messengerCreateGroup{width:100%;justify-content:center;margin-top:12px}.messenger-user-option.selectable{position:relative;border:1px solid transparent}.messenger-user-option.selectable input{position:absolute;opacity:0;pointer-events:none}.messenger-user-option.selectable.selected{border-color:#75b9e2;background:#eaf6fd}.messenger-user-option.selectable.selected>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0878bd;color:#fff;font-style:normal}.messenger-user-option.selectable:not(.selected)>i{font-style:normal}.messenger-group-participants{margin:4px 0 18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8fafc;text-align:left}.messenger-group-participants h3{margin:0 0 10px}.messenger-group-participants>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:8px 0;border-top:1px solid #e5edf3}.messenger-group-participants>div:first-of-type{border-top:0}.messenger-group-participants strong,.messenger-group-participants small{display:block}.messenger-group-participants small{margin-top:2px;color:var(--muted)}.messenger-group-sender{display:block;margin:0 1px 4px;font-size:10px;font-weight:850;color:#075c9c}.messenger-typing-indicator>small{align-self:center;margin-left:1px;color:var(--muted);font-size:11px}.messenger-chat-actions .active-call{position:relative;background:#e7f7ee;color:#137241}.messenger-chat-actions .active-call i{position:absolute;right:3px;top:3px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#1eb765;animation:messenger-call-pulse 1.5s infinite}.messenger-active-call-banner{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 16px;border:0;border-bottom:1px solid #bde7cf;background:#eaf9f0;color:#154f31;text-align:left;cursor:pointer}.messenger-active-call-banner>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d1f1de}.messenger-active-call-banner strong,.messenger-active-call-banner small{display:block}.messenger-active-call-banner small{margin-top:2px;color:#44745a}.messenger-active-call-banner b{color:#087144}@keyframes messenger-call-pulse{0%,100%{box-shadow:0 0 0 0 rgba(30,183,101,.35)}50%{box-shadow:0 0 0 5px rgba(30,183,101,0)}}.messenger-call-invite{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));z-index:1680;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(520px,calc(100vw - 30px));padding:14px 16px;border:1px solid rgba(0,67,129,.16);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 22px 65px rgba(0,38,72,.28);backdrop-filter:blur(18px)}



/* AppSystem bundle source: modules/messenger/styles/30-dock-calls.css */
.messenger-call-invite>div{display:flex;align-items:center;gap:10px}.messenger-call-invite>div:first-child>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#dff4ea;font-size:21px;animation:messenger-invite-ring 1.25s infinite}.messenger-call-invite strong,.messenger-call-invite small{display:block}.messenger-call-invite small{margin-top:3px;color:var(--muted)}.messenger-call-invite .btn{white-space:nowrap}@keyframes messenger-invite-ring{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.messenger-call-overlay{position:fixed;inset:0;z-index:1700;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(2,13,24,.94);color:#fff;transition:.2s ease}.messenger-call-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-width:1500px;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#0d1e2d;box-shadow:0 30px 100px rgba(0,0,0,.45)}.messenger-call-shell>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,25,39,.9)}.messenger-call-shell>header>div{display:flex;align-items:center;gap:11px}.messenger-call-shell>header>div>span{font-size:22px}.messenger-call-shell>header strong,.messenger-call-shell>header small{display:block}.messenger-call-shell>header small{margin-top:3px;color:#a9bac7}.messenger-call-shell>header .icon-btn{background:rgba(255,255,255,.09);color:#fff}.messenger-call-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,1fr);gap:10px;min-height:0;padding:10px;overflow:auto;background:#071520}.messenger-call-grid.count-1{grid-template-columns:1fr}.messenger-call-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.messenger-call-grid.count-3,.messenger-call-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.messenger-call-grid.count-5,.messenger-call-grid.count-6{grid-template-columns:repeat(3,minmax(0,1fr))}.messenger-call-tile{position:relative;min-height:210px;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#173247,#0a1c2b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.messenger-call-tile video{width:100%;height:100%;min-height:210px;object-fit:cover;background:#07131d}.messenger-call-tile.local video{transform:scaleX(-1)}.messenger-call-tile>div:not(.messenger-call-placeholder),.messenger-call-tile>footer{position:absolute;left:12px;bottom:11px;z-index:2;padding:7px 10px;border-radius:11px;background:rgba(0,0,0,.48);backdrop-filter:blur(7px)}.messenger-call-tile>div:not(.messenger-call-placeholder) strong,.messenger-call-tile>div:not(.messenger-call-placeholder) small{display:block}.messenger-call-tile>div:not(.messenger-call-placeholder) small{margin-top:2px;color:#d2dce4;font-size:10px}.messenger-call-tile>footer strong{font-size:12px}.messenger-call-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at center,#173b55,#0b1d2c);color:#c8d7e1}.messenger-call-placeholder .messenger-call-avatar{width:78px;height:78px;font-size:22px}.messenger-call-placeholder>span{font-size:12px}.messenger-call-tile.has-video .messenger-call-placeholder{display:none}.messenger-call-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;background:#0b1b28;border-top:1px solid rgba(255,255,255,.09)}.messenger-call-controls button{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background:#eaf1f5;color:#172a39;font-size:21px;cursor:pointer}.messenger-call-controls button.off{background:#455563;color:#fff}.messenger-call-controls button.hangup{background:#e64045;color:#fff;transform:rotate(135deg)}.messenger-call-overlay.minimized{inset:auto max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) auto;width:min(370px,calc(100vw - 30px));height:230px;padding:0;border-radius:22px;background:transparent;box-shadow:0 20px 65px rgba(0,0,0,.42);cursor:pointer}.messenger-call-overlay.minimized .messenger-call-shell{border-radius:22px}.messenger-call-overlay.minimized .messenger-call-shell>header{padding:8px 10px}.messenger-call-overlay.minimized .messenger-call-shell>header small,.messenger-call-overlay.minimized .messenger-call-grid>*:not(:first-child),.messenger-call-overlay.minimized .messenger-call-controls{display:none}.messenger-call-overlay.minimized .messenger-call-grid{display:block;padding:0}.messenger-call-overlay.minimized .messenger-call-tile{height:100%;min-height:0;border-radius:0}.messenger-call-overlay.minimized .messenger-call-tile video{min-height:0}.messenger-call-overlay.minimized .messenger-call-shell{grid-template-rows:auto minmax(0,1fr)}@media(max-width:800px){.messenger-call-invite{left:10px;right:10px;top:calc(8px + env(safe-area-inset-top));width:auto;align-items:stretch;flex-direction:column;gap:10px}.messenger-call-invite>div:last-child{display:grid;grid-template-columns:1fr 1fr}.messenger-call-overlay{padding:0}.messenger-call-shell{border:0;border-radius:0}.messenger-call-grid,.messenger-call-grid.count-2,.messenger-call-grid.count-3,.messenger-call-grid.count-4,.messenger-call-grid.count-5,.messenger-call-grid.count-6{grid-template-columns:1fr}.messenger-call-grid{grid-auto-rows:minmax(250px,70vh)}.messenger-call-shell>header{padding-top:calc(12px + env(safe-area-inset-top))}.messenger-call-controls{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.messenger-call-overlay.minimized{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 20px));height:205px;border-radius:18px}.messenger-call-overlay.minimized .messenger-call-shell{border-radius:18px}.messenger-active-call-banner{padding:9px 10px}}@media(max-width:480px){.messenger-create-tabs{grid-template-columns:1fr}.messenger-call-invite>div:last-child{grid-template-columns:1fr 1fr}.messenger-call-shell>header small{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-call-controls button{width:48px;height:48px}.messenger-group-participants{padding:10px}}.messenger-layout,.messenger-sidebar,.messenger-chat,.messenger-conversation-list,.messenger-messages-wrap,.messenger-message-list,.messenger-textbox{min-width:0;min-height:0}.messenger-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);height:clamp(590px,calc(100dvh - 190px),920px)}.messenger-list-tabs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;flex:0 0 auto}.messenger-list-tabs::-webkit-scrollbar{display:none}.messenger-list-tabs button{white-space:nowrap;flex:0 0 auto}.messenger-conversation-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.messenger-conversation-menu-btn{width:32px;height:32px;margin-right:4px;border:0;border-radius:50%;background:transparent;color:#687885;font-weight:900;cursor:pointer}.messenger-conversation-menu-btn:hover{background:#e8f0f5}.messenger-conversation-wrap.invitation{margin:4px 3px;border:1px solid #abd6ef;border-radius:18px;background:#f0f9ff}.messenger-conversation-wrap.invitation .messenger-conversation{border-radius:17px}.messenger-invite-badge{padding:5px 7px;border-radius:999px;background:#0878bd;color:#fff;font-size:10px;white-space:nowrap}.messenger-invitation-view{display:flex;flex:1;min-height:0;overflow:auto;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px clamp(18px,5vw,70px)}.messenger-invitation-view h2{margin:3px 0 8px;font-size:clamp(1.5rem,3vw,2.2rem)}.messenger-invitation-view>p{max-width:570px}.messenger-invitation-view .alert{max-width:650px;text-align:left}.messenger-invitation-icon{display:grid;place-items:center;width:82px;height:82px;margin-bottom:12px;border-radius:50%;background:#dff2fe;font-size:36px;box-shadow:0 15px 38px rgba(0,91,150,.15)}.messenger-invitation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.messenger-readonly-banner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #d9e3ea;background:#eef3f7;color:#435767}.messenger-readonly-banner>span{font-size:22px}.messenger-readonly-banner strong,.messenger-readonly-banner small{display:block}.messenger-readonly-banner small{margin-top:2px;color:#667985}.messenger-readonly-composer{display:flex;align-items:center;gap:11px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.messenger-readonly-composer>span{font-size:23px}.messenger-readonly-composer>div{flex:1;min-width:0}.messenger-readonly-composer strong,.messenger-readonly-composer small{display:block}.messenger-readonly-composer small{margin-top:2px;color:var(--muted)}.messenger-readers-button{display:block;border:0;background:transparent;padding:2px 0;color:#5f7381;font:inherit;font-size:10px;cursor:pointer;text-align:right;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-readers-button:hover{text-decoration:underline}.messenger-group-participants>div{grid-template-columns:34px minmax(0,1fr) auto}



/* AppSystem bundle source: modules/messenger/styles/40-e2ee.css */
.messenger-group-participants>div.pending{opacity:.72}.messenger-audio-list,.messenger-media-audio{display:grid;gap:7px}.messenger-voice-message{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:min(300px,70vw);max-width:100%;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.66);border:1px solid rgba(0,70,120,.12)}.mine .messenger-voice-message{background:rgba(255,255,255,.82)}.messenger-voice-message>span{font-size:22px}.messenger-voice-message>div{min-width:0}.messenger-voice-message strong,.messenger-voice-message small{display:block}.messenger-voice-message strong{font-size:11px}.messenger-voice-message small{margin-top:3px;color:#627583;font-size:9px}.messenger-voice-message audio{display:block;width:100%;min-width:180px;height:34px;margin-top:4px}.messenger-voice-message>a{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;text-decoration:none;background:#e5f1f8;color:#075c9c;font-weight:900}.messenger-voice-recording{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;min-height:46px;padding:5px 7px}.messenger-recording-dot{width:11px;height:11px;border-radius:50%;background:#e23d45;animation:messenger-recording-pulse 1s infinite}.messenger-voice-recording strong{font-variant-numeric:tabular-nums;color:#b8202a}.messenger-voice-recording small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.messenger-voice-recording button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#edf1f4;color:#5a6974;font-size:18px;cursor:pointer}.messenger-voice-recording button.stop{background:#e23d45;color:#fff}.messenger-mic-btn{font-size:1.05rem}.messenger-draft-file.voice{grid-template-columns:auto minmax(120px,1fr) auto auto auto}.messenger-draft-file.voice audio{width:100%;height:30px}@keyframes messenger-recording-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(226,61,69,.34)}50%{opacity:.55;box-shadow:0 0 0 7px rgba(226,61,69,0)}}.messenger-emoji-picker{grid-template-columns:repeat(8,1fr);width:min(360px,calc(100vw - 28px));max-height:240px;overflow:auto;padding:9px}.messenger-emoji-picker button{width:38px;height:38px}.messenger-leave-options{display:grid;gap:11px}.messenger-leave-options>p{margin-top:0;color:var(--muted)}.messenger-leave-option{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;width:100%;padding:13px;border:1px solid #dfe7ec;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.messenger-leave-option:hover{border-color:#75b9e2;background:#f2f9fd}.messenger-leave-option.danger:hover{border-color:#ef9ba1;background:#fff5f5}.messenger-leave-option>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf4f8;font-size:20px}.messenger-leave-option strong,.messenger-leave-option small{display:block}.messenger-leave-option small{margin-top:3px;color:var(--muted)}.messenger-composer-row{min-width:0}.messenger-message-stack{min-width:0}.messenger-bubble{overflow-wrap:anywhere}.messenger-chat-person{min-width:0}.messenger-chat-person strong,.messenger-chat-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-chat-actions{flex:0 0 auto}.messenger-image-grid,.messenger-file-list{max-width:100%}@media(max-width:1000px){.messenger-layout{grid-template-columns:minmax(255px,315px) minmax(0,1fr)}.messenger-message-stack{max-width:82%}.messenger-quick-reactions{max-width:190px;overflow-x:auto}.messenger-quick-reactions button:nth-child(n){display:inline-grid}}@media(max-width:780px){
  .messenger-layout{height:calc(100dvh - 132px);min-height:420px;margin:0 -3px;overflow:hidden}.messenger-sidebar,.messenger-chat{border-radius:14px;height:100%;max-height:100%}.messenger-sidebar{overflow:hidden}.messenger-chat{overflow:hidden}
  .messenger-chat-header{position:relative;z-index:4;min-height:58px;padding:7px 6px}.messenger-chat-header>.messenger-avatar{width:40px;height:40px}.messenger-chat-person{padding-inline:4px}.messenger-chat-person small{max-width:46vw}.messenger-chat-actions .icon-btn{width:33px;height:33px}.messenger-chat-actions .icon-btn:first-child{display:inline-grid}
  .messenger-message-list{padding:12px 7px 8px;overscroll-behavior:contain}.messenger-message-stack{max-width:88%}.messenger-message-row.theirs .messenger-message-stack{max-width:86%}.messenger-bubble{max-width:100%}.messenger-voice-message{min-width:min(270px,72vw)}.messenger-voice-message audio{min-width:150px}
  .messenger-composer{position:relative;z-index:5;padding:6px 4px calc(7px + env(safe-area-inset-bottom))}.messenger-composer-row{gap:2px}.messenger-composer-icon,.messenger-like-btn,.messenger-send-btn{width:34px;flex-basis:34px;height:38px}.messenger-textbox textarea{padding:10px 12px}.messenger-emoji-picker{position:fixed;left:8px;right:8px;bottom:calc(62px + env(safe-area-inset-bottom));width:auto;grid-template-columns:repeat(8,1fr);max-height:min(44vh,290px)}.messenger-emoji-picker button{width:100%;height:38px}
  .messenger-draft-attachments{padding:3px 3px 7px}.messenger-draft-file.voice{grid-template-columns:auto minmax(100px,1fr) auto}.messenger-draft-file.voice strong,.messenger-draft-file.voice small{display:none}.messenger-voice-recording{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:6px;padding:2px}.messenger-voice-recording small{font-size:10px}
  .messenger-readonly-composer{align-items:flex-start;flex-wrap:wrap}.messenger-readonly-composer .btn{width:100%}.messenger-invitation-view{justify-content:flex-start;padding:24px 15px calc(24px + env(safe-area-inset-bottom))}.messenger-invitation-actions{width:100%;display:grid;grid-template-columns:1fr}.messenger-invitation-actions .btn{width:100%}.messenger-readers-button{max-width:76vw}
  .messenger-list-tabs{padding-inline:10px}.messenger-search{margin-inline:10px}.messenger-conversation-list{padding-inline:5px}.messenger-conversation{grid-template-columns:46px minmax(0,1fr) auto;padding:9px 7px}.messenger-avatar{width:46px;height:46px}.messenger-conversation-menu-btn{margin-right:1px}
}@media(max-width:480px){
  .messenger-layout{height:calc(100dvh - 126px)}.messenger-chat-person small{max-width:40vw}.messenger-chat-actions .icon-btn{width:31px;height:31px;font-size:13px}.messenger-message-stack,.messenger-message-row.theirs .messenger-message-stack{max-width:91%}.messenger-row-avatar{width:25px}.messenger-row-avatar .messenger-avatar{width:25px;height:25px}
  .messenger-share-icon{display:none}.messenger-emoji-picker{grid-template-columns:repeat(7,1fr)}.messenger-voice-message{min-width:min(245px,74vw);grid-template-columns:auto minmax(0,1fr)}.messenger-voice-message>a{display:none}.messenger-voice-message audio{min-width:125px}.messenger-voice-recording small{display:none}.messenger-read-receipt{font-size:9px}
}@media(max-width:360px){.messenger-chat-actions [data-open-messenger-media]{display:none}.messenger-chat-person small{max-width:34vw}.messenger-composer-icon{width:31px;flex-basis:31px}.messenger-emoji-picker{grid-template-columns:repeat(6,1fr)}}.messenger-e2ee-header-badge,.messenger-e2ee-mini{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#087451;font-weight:850}.messenger-e2ee-header-badge{padding:9px 13px;border:1px solid rgba(15,139,99,.22);border-radius:999px;background:linear-gradient(135deg,#ebfff7,#e7f7ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.messenger-e2ee-mini{font-size:.75em;vertical-align:1px}.messenger-e2ee-gate{position:relative;isolation:isolate;display:flex;min-height:min(620px,calc(100dvh - 220px));overflow:hidden;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(30px,7vw,90px);border:1px solid rgba(0,91,150,.13);background:radial-gradient(circle at 16% 18%,rgba(34,196,144,.14),transparent 28%),radial-gradient(circle at 84% 78%,rgba(20,132,209,.15),transparent 32%),linear-gradient(145deg,#ffffff 0%,#f4fbff 55%,#f2fff9 100%)}.messenger-e2ee-gate:before,.messenger-e2ee-gate:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;filter:blur(2px);opacity:.5}.messenger-e2ee-gate:before{left:-100px;bottom:-110px;background:rgba(10,121,190,.12)}.messenger-e2ee-gate:after{right:-110px;top:-120px;background:rgba(24,179,123,.12)}.messenger-e2ee-gate h2{max-width:720px;margin:8px 0 12px;font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.035em;color:#083d66}.messenger-e2ee-gate>p{max-width:690px;margin:0 auto 24px;color:#536b7a;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.65}.messenger-e2ee-gate>.btn{min-width:230px;margin-top:24px;padding:13px 20px;border-radius:14px;box-shadow:0 12px 28px rgba(0,85,145,.2)}.messenger-e2ee-gate>small{max-width:580px;margin-top:18px;color:#72848f}.messenger-e2ee-orbit{position:relative;display:grid;place-items:center;width:112px;height:112px;margin-bottom:8px;border-radius:32px;background:linear-gradient(145deg,#086ba8,#0fa273);box-shadow:0 22px 54px rgba(0,91,150,.22),inset 0 1px 0 rgba(255,255,255,.35);transform:rotate(-3deg)}.messenger-e2ee-orbit>span{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.14));transform:rotate(3deg)}.messenger-e2ee-orbit i{position:absolute;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#52e3b3;box-shadow:0 0 0 5px rgba(82,227,179,.18);animation:messenger-secure-orbit 3.8s ease-in-out infinite}



/* AppSystem bundle source: modules/messenger/styles/50-responsive-polish.css */
.messenger-e2ee-orbit i:nth-child(2){right:9px;top:14px}.messenger-e2ee-orbit i:nth-child(3){left:5px;bottom:25px;animation-delay:-1.2s}.messenger-e2ee-orbit i:nth-child(4){right:19px;bottom:5px;animation-delay:-2.3s}.messenger-e2ee-points{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 12px;max-width:780px}.messenger-e2ee-points span{padding:9px 13px;border:1px solid rgba(0,91,150,.11);border-radius:999px;background:rgba(255,255,255,.78);color:#35596f;font-size:.88rem;font-weight:750;box-shadow:0 7px 20px rgba(7,67,105,.06)}@keyframes messenger-secure-orbit{0%,100%{transform:translate3d(0,0,0);opacity:.7}50%{transform:translate3d(0,-7px,0);opacity:1}}.messenger-e2ee-form{display:grid;gap:18px}.messenger-e2ee-form label{display:grid;gap:7px;font-weight:800;color:#294c61}.messenger-e2ee-form input,.messenger-e2ee-form select{width:100%;min-height:48px;padding:11px 13px;border:1px solid #cbdce6;border-radius:13px;background:#fff;font:inherit;outline:0;transition:.18s border-color,.18s box-shadow}.messenger-e2ee-form input:focus,.messenger-e2ee-form select:focus{border-color:#1684c5;box-shadow:0 0 0 4px rgba(22,132,197,.12)}.messenger-e2ee-hero{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:15px;padding:16px;border:1px solid rgba(0,102,159,.12);border-radius:19px;background:linear-gradient(135deg,#eef9ff,#effff8)}.messenger-e2ee-hero>span{display:grid;place-items:center;width:66px;height:66px;border-radius:19px;background:linear-gradient(145deg,#0874b8,#0a9b70);font-size:30px;box-shadow:0 12px 25px rgba(0,87,144,.18)}.messenger-e2ee-hero h2,.messenger-e2ee-hero p{margin:0}.messenger-e2ee-hero h2{color:#0a4d76}.messenger-e2ee-hero p{margin-top:5px;color:#5a7180;line-height:1.5}.messenger-recovery-card{display:grid;gap:18px}.messenger-recovery-card code{display:block;padding:18px;border:1px dashed #3b9bcf;border-radius:16px;background:#f2faff;color:#123e58;font:800 clamp(.9rem,2.5vw,1.15rem)/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:all}.messenger-security-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px;border:1px solid rgba(19,151,104,.2);border-radius:17px;background:linear-gradient(135deg,#effff8,#eff9ff)}.messenger-security-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#d9f8ea;font-size:23px}.messenger-security-card strong,.messenger-security-card p,.messenger-security-card small{display:block}.messenger-security-card p{margin:4px 0 7px;color:#536c79;line-height:1.45}.messenger-security-card small{color:#39705e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.messenger-decryption-error{padding:10px 12px;border:1px solid #e9a6a6;border-radius:12px;background:#fff2f2;color:#983c43;font-weight:700}.messenger-dock-secure .messenger-e2ee-gate{min-height:0;flex:1;border:0;border-radius:0;padding:24px 18px}.messenger-dock-secure .messenger-e2ee-orbit{width:78px;height:78px;border-radius:23px}.messenger-dock-secure .messenger-e2ee-orbit>span{font-size:32px}.messenger-dock-secure .messenger-e2ee-gate h2{font-size:1.45rem}.messenger-dock-secure .messenger-e2ee-gate>p{font-size:.9rem}.messenger-dock-secure .messenger-e2ee-points{display:grid}.messenger-dock-secure .messenger-e2ee-gate>.btn{min-width:190px}.messenger-layout{gap:18px}.messenger-sidebar,.messenger-chat{border:1px solid rgba(0,68,116,.1);box-shadow:0 18px 50px rgba(0,45,81,.09)}.messenger-sidebar{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}.messenger-sidebar-head{padding:20px 18px 13px}.messenger-sidebar-head h2{font-size:1.55rem;letter-spacing:-.03em;color:#0a4168}.messenger-new-btn{background:linear-gradient(145deg,#0878bd,#006aa5);color:#fff;box-shadow:0 9px 20px rgba(0,104,165,.22);transition:.18s transform,.18s box-shadow}.messenger-new-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,104,165,.28)}.messenger-search{border:1px solid transparent;background:#edf5f9;transition:.18s border-color,.18s background,.18s box-shadow}.messenger-search:focus-within{border-color:#75bde5;background:#fff;box-shadow:0 0 0 4px rgba(28,136,198,.09)}.messenger-conversation-wrap{margin:2px 5px;border-radius:17px;transition:.16s transform,.16s background,.16s box-shadow}.messenger-conversation-wrap:hover{transform:translateX(2px);background:#f0f8fc}.messenger-conversation{border-radius:17px}.messenger-conversation.active{background:linear-gradient(110deg,#e7f5ff,#ecfff8);box-shadow:inset 3px 0 0 #0781c4}.messenger-conversation.active .messenger-avatar{box-shadow:0 0 0 3px rgba(7,129,196,.13)}.messenger-conversation-main strong{color:#163f57}.messenger-conversation-main small{line-height:1.35}.messenger-chat{background:radial-gradient(circle at 10% 15%,rgba(61,167,222,.08),transparent 25%),radial-gradient(circle at 90% 80%,rgba(40,194,139,.08),transparent 26%),linear-gradient(180deg,#f4f9fc,#edf4f7)}.messenger-chat-header{min-height:76px;padding:12px 18px;border-bottom-color:rgba(0,74,119,.09);background:rgba(255,255,255,.88);box-shadow:0 4px 18px rgba(0,48,84,.04)}.messenger-chat-actions .icon-btn{border:1px solid rgba(0,92,151,.08);background:#f0f7fb;transition:.18s transform,.18s background,.18s color}.messenger-chat-actions .icon-btn:hover{transform:translateY(-1px);background:#dff1fb;color:#005f96}.messenger-message-list{padding:22px clamp(10px,2.3vw,28px) 15px}.messenger-message-row{margin-bottom:3px}.messenger-bubble{border:1px solid rgba(0,61,105,.08);border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(0,45,75,.07);padding:11px 13px 7px}.messenger-message-row.mine .messenger-bubble{border-color:rgba(0,104,164,.1);border-radius:18px 18px 6px 18px;background:linear-gradient(145deg,#dff3ff,#dff8ef);box-shadow:0 9px 24px rgba(0,87,134,.09)}.messenger-message-body{font-size:.96rem;line-height:1.48;color:#1e3c4e}.messenger-message-meta{opacity:.8}.messenger-read-receipt{color:#3d6d83}.messenger-date-separator span{padding:6px 11px;border:1px solid rgba(0,75,120,.09);background:rgba(255,255,255,.76);backdrop-filter:blur(8px);box-shadow:0 6px 16px rgba(0,50,80,.05)}.messenger-composer{padding:10px 13px 12px;border-top-color:rgba(0,73,118,.09);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.messenger-textbox textarea{min-height:44px;padding:11px 15px;border:1px solid transparent;background:#edf4f7;transition:.18s border-color,.18s background,.18s box-shadow}.messenger-textbox textarea:focus{border-color:#83c4e7;background:#fff;box-shadow:0 0 0 4px rgba(22,132,197,.09)}.messenger-composer-icon,.messenger-like-btn{transition:.16s transform,.16s background}.messenger-composer-icon:hover,.messenger-like-btn:hover{transform:translateY(-1px);background:#e3f2f9}.messenger-send-btn{background:linear-gradient(145deg,#0783c7,#0570ad);box-shadow:0 8px 18px rgba(0,105,169,.23);transition:.16s transform,.16s box-shadow}.messenger-send-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 11px 23px rgba(0,105,169,.28)}.messenger-emoji-picker{border-color:rgba(0,79,126,.12);background:rgba(255,255,255,.97);box-shadow:0 22px 55px rgba(0,39,68,.2);backdrop-filter:blur(18px)}.messenger-emoji-picker button{transition:.13s transform,.13s background}.messenger-emoji-picker button:hover{transform:scale(1.14);background:#eaf5fa}.messenger-user-option.unavailable{opacity:.55;cursor:not-allowed;filter:saturate(.55)}.messenger-user-option.unavailable:hover{background:inherit;border-color:inherit}.messenger-privacy-note{padding:11px 13px;border-radius:13px;background:#f0faf6;color:#3c6a59}.messenger-voice-message{border-color:rgba(0,94,150,.11);background:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}@media(max-width:780px){.messenger-e2ee-header-badge{display:none}.messenger-e2ee-gate{min-height:calc(100dvh - 165px);padding:26px 18px}.messenger-e2ee-gate h2{font-size:2rem}.messenger-e2ee-points{display:grid;width:100%}.messenger-e2ee-points span{text-align:left}.messenger-e2ee-hero{grid-template-columns:52px minmax(0,1fr);padding:13px}.messenger-e2ee-hero>span{width:52px;height:52px;border-radius:15px;font-size:24px}.messenger-layout{margin-inline:-6px}.messenger-sidebar,.messenger-chat{box-shadow:none;border-radius:15px}.messenger-chat-header{min-height:62px;padding:8px 7px}.messenger-message-list{padding:14px 7px 9px}.messenger-bubble{border-radius:17px 17px 17px 5px}.messenger-message-row.mine .messenger-bubble{border-radius:17px 17px 5px 17px}.messenger-composer{padding:7px 5px calc(8px + env(safe-area-inset-bottom))}.messenger-e2ee-form .form-actions{display:grid;grid-template-columns:1fr}.messenger-e2ee-form .form-actions .btn{width:100%}}@media(max-width:420px){.messenger-e2ee-orbit{width:88px;height:88px;border-radius:26px}.messenger-e2ee-orbit>span{font-size:38px}.messenger-e2ee-gate h2{font-size:1.75rem}.messenger-security-card{grid-template-columns:40px minmax(0,1fr)}.messenger-security-card>span{width:40px;height:40px}.messenger-chat-person strong{font-size:.93rem}.messenger-bubble{padding:10px 11px 6px}.messenger-message-body{font-size:.94rem}}@media(prefers-reduced-motion:reduce){.messenger-e2ee-orbit i,.messenger-new-btn,.messenger-send-btn,.messenger-conversation-wrap,.messenger-emoji-picker button{animation:none!important;transition:none!important}}



/* AppSystem bundle source: modules/messenger/styles/60-accessibility-themes.css */
/* AppSystem 3.6.0-C — motywy kontrastowe Messengera.
   Plik jest ładowany po wszystkich podstawowych stylach Messengera. */

:is(.a11y-contrast, .a11y-darkContrast) :where(.messenger-sidebar, .messenger-dock, .messenger-dock-shell) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: var(--app-shadow) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-chat {
  background: var(--app-messenger-chat) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: var(--app-shadow) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .messenger-chat-header, .messenger-message-search, .messenger-composer,
  .messenger-emoji-picker, .messenger-action-sheet, .messenger-info-card,
  .messenger-security-card, .messenger-recovery-card, .messenger-e2ee-gate,
  .messenger-e2ee-form, .messenger-empty-chat
) {
  background: var(--app-surface-raised) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.messenger-search, .messenger-modal-search, .messenger-textbox textarea) {
  background: var(--app-input-bg) !important;
  color: var(--app-text) !important;
  border: 1px solid var(--app-border-strong) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.messenger-list-tabs button, .messenger-chat-actions .icon-btn, .messenger-composer-icon, .messenger-like-btn) {
  background: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.messenger-list-tabs button.active, .messenger-conversation.active) {
  background: var(--app-selected-bg) !important;
  color: var(--app-text) !important;
  box-shadow: inset 4px 0 0 var(--app-primary) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-conversation:hover {
  background: var(--app-hover-bg) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .messenger-conversation, .messenger-conversation-copy strong,
  .messenger-conversation-main strong, .messenger-chat-person strong,
  .messenger-message-body
) {
  color: var(--app-text) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(
  .messenger-conversation-copy small, .messenger-conversation-copy time,
  .messenger-chat-person small, .messenger-read-receipt,
  .messenger-message-meta, .messenger-info-card p,
  .messenger-security-card p
) {
  color: var(--app-muted) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-bubble {
  background: var(--app-messenger-theirs) !important;
  color: var(--app-messenger-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-message-row.mine .messenger-bubble {
  background: var(--app-messenger-mine) !important;
  color: var(--app-messenger-text) !important;
  border-color: var(--app-messenger-mine-accent) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-message-row.mine .messenger-bubble a {
  color: var(--app-link) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.messenger-reply-quote, .messenger-message-row.theirs .messenger-reply-quote, .messenger-file-attachment) {
  background: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) :where(.messenger-day-separator span, .messenger-date-separator span) {
  background: var(--app-surface-raised) !important;
  color: var(--app-muted) !important;
  border: 1px solid var(--app-border) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-unread-badge {
  background: var(--app-primary) !important;
  color: var(--app-on-primary) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-privacy-note {
  background: var(--app-success-soft) !important;
  color: var(--app-success-text) !important;
}
:is(.a11y-contrast, .a11y-darkContrast) .messenger-decryption-error {
  background: var(--app-danger-soft) !important;
  color: var(--app-danger-text) !important;
  border-color: var(--app-danger) !important;
}

/* Ekran połączenia pozostaje celowo ciemny niezależnie od motywu aplikacji. */
:is(.a11y-contrast, .a11y-darkContrast) .messenger-call-overlay {
  color-scheme: dark;
}




/* AppSystem bundle source: modules/messenger/styles/70-messenger-370b.css */
/* AppSystem 3.11.0-v25 — stabilne przewijanie, emotikony i GIF-y */
.messenger-message-list{
  scroll-behavior:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  overflow-anchor:none;
}
.messenger-dock-chat{
  min-height:0;
  overflow:hidden;
}
.messenger-dock-chat>.messenger-chat-header,
.messenger-dock-chat>.messenger-dock-top,
.messenger-dock-chat>.messenger-composer{
  flex:0 0 auto;
}
.messenger-dock-chat .messenger-messages-wrap{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}
.messenger-dock-chat .messenger-message-list{
  height:100%;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
}
.messenger-composer-icon.active{
  background:#dcecf7;
  color:#005b99;
}
.messenger-textbox{position:relative}
.messenger-media-picker{
  position:absolute;
  left:0;
  bottom:calc(100% + 10px);
  z-index:30;
  display:flex;
  flex-direction:column;
  width:min(390px,calc(100vw - 80px));
  max-height:min(470px,65vh);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface-raised,#fff);
  color:var(--text);
  box-shadow:0 18px 55px rgba(0,38,72,.24);
}
.messenger-media-picker.compact{
  width:min(350px,calc(100vw - 90px));
  max-height:min(420px,58vh);
}
.messenger-picker-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:7px;
  border-bottom:1px solid var(--line);
  background:var(--surface-soft,#f2f5f7);
}
.messenger-picker-tabs button{
  min-height:38px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-weight:850;
  cursor:pointer;
}
.messenger-picker-tabs button.active{
  background:var(--surface-raised,#fff);
  color:var(--primary,#004381);
  box-shadow:0 2px 10px rgba(0,45,82,.1);
}
.messenger-picker-panel{
  display:none;
  min-height:0;
  overflow:hidden;
}
.messenger-picker-panel.active{
  display:flex;
  flex-direction:column;
}
.messenger-emoji-categories{
  display:flex;
  gap:4px;
  padding:7px 8px 5px;
  overflow-x:auto;
  border-bottom:1px solid var(--line);
}
.messenger-emoji-categories button{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:0;
  border-radius:10px;
  background:transparent;
  font-size:1.15rem;
  cursor:pointer;
}
.messenger-emoji-categories button:hover,
.messenger-emoji-categories button.active{
  background:var(--surface-soft,#edf4f8);
}
.messenger-emoji-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(34px,1fr));
  gap:2px;
  padding:8px;
  max-height:285px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.messenger-emoji-grid button{
  display:grid;
  place-items:center;
  min-width:36px;
  min-height:36px;
  border:0;
  border-radius:9px;
  background:transparent;
  font-size:1.3rem;
  cursor:pointer;
}
.messenger-emoji-grid button:hover,
.messenger-emoji-grid button:focus-visible{
  background:var(--surface-soft,#edf4f8);
  transform:scale(1.08);
}
.messenger-gif-search{
  display:flex;
  align-items:center;
  gap:7px;
  margin:9px 9px 6px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-soft,#f2f5f7);
  color:var(--muted);
}
.messenger-gif-search input{
  width:100%;
  min-height:38px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:inherit;
}
.messenger-gif-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:5px 9px 8px;
  max-height:305px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.messenger-gif-grid button{
  position:relative;
  min-width:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft,#eef3f6);
  cursor:pointer;
  aspect-ratio:3/2;
}
.messenger-gif-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.messenger-gif-grid span{
  position:absolute;
  left:5px;
  right:5px;
  bottom:5px;
  padding:4px 7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(0,0,0,.66);
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.messenger-gif-grid button:hover,
.messenger-gif-grid button:focus-visible{
  border-color:var(--primary,#0878bd);
  box-shadow:0 0 0 3px rgba(8,120,189,.18);
}
.messenger-gif-note{
  display:block;
  padding:0 10px 9px;
  color:var(--muted);
  font-size:.72rem;
}
.messenger-gif-empty{
  grid-column:1/-1;
  margin:20px 8px;
  color:var(--muted);
  text-align:center;
}
.messenger-scroll-bottom{
  z-index:12;
}
@media(max-width:780px){
  .messenger-media-picker,
  .messenger-media-picker.compact{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    width:auto;
    max-height:min(480px,65dvh);
  }
  .messenger-emoji-grid{grid-template-columns:repeat(7,minmax(36px,1fr))}
  .messenger-gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:410px){
  .messenger-emoji-grid{grid-template-columns:repeat(6,minmax(36px,1fr))}
  .messenger-gif-grid{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .messenger-emoji-grid button{transform:none!important}
}

/* 3.11.0-v25 — niezawodność wysyłania, odszyfrowania i potwierdzeń odczytu */
.messenger-decryption-error{display:grid;gap:8px;align-items:start}.messenger-decryption-error>span{line-height:1.45}.messenger-decryption-error>small{font-weight:600;line-height:1.4;opacity:.88}.messenger-decryption-error>button,.messenger-attachment-errors button{justify-self:start;border:1px solid currentColor;border-radius:999px;padding:6px 11px;background:transparent;color:inherit;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.messenger-decryption-error>button:hover,.messenger-attachment-errors button:hover{background:rgba(255,255,255,.55)}.messenger-attachment-errors{display:grid;gap:7px;margin-top:8px}.messenger-attachment-errors>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e1a75e;border-radius:12px;background:#fff8eb;color:#80561f}.messenger-attachment-errors strong,.messenger-attachment-errors small{display:block}.messenger-attachment-errors small{margin-top:2px;line-height:1.35}@media(max-width:520px){.messenger-attachment-errors>div{grid-template-columns:auto minmax(0,1fr)}.messenger-attachment-errors button{grid-column:2}}




/* AppSystem bundle source: modules/messenger/styles/80-dark-mode-380d.css */
/* AppSystem 3.8.0-D — Messenger w zwykłym trybie ciemnym. */
.app-dark :where(.messenger-sidebar, .messenger-dock, .messenger-dock-shell) {
  background: var(--app-surface);
  color: var(--app-text);
  border-color: var(--app-border);
  box-shadow: var(--app-shadow);
}
.app-dark .messenger-chat { background: var(--app-messenger-chat); color: var(--app-text); border-color: var(--app-border); }
.app-dark :where(.messenger-chat-header, .messenger-message-search, .messenger-composer, .messenger-emoji-picker, .messenger-action-sheet, .messenger-info-card, .messenger-security-card, .messenger-recovery-card, .messenger-e2ee-gate, .messenger-e2ee-form, .messenger-empty-chat, .messenger-gif-card) {
  background: var(--app-surface-raised);
  color: var(--app-text);
  border-color: var(--app-border);
}
.app-dark :where(.messenger-search, .messenger-modal-search, .messenger-textbox textarea) { background: var(--app-input-bg); color: var(--app-text); border-color: var(--app-border); }
.app-dark :where(.messenger-list-tabs button, .messenger-chat-actions .icon-btn, .messenger-composer-icon, .messenger-like-btn) { background: var(--app-surface-soft); color: var(--app-text); border-color: var(--app-border); }
.app-dark :where(.messenger-list-tabs button.active, .messenger-conversation.active) { background: var(--app-selected-bg); color: var(--app-text); box-shadow: inset 4px 0 0 var(--app-primary); }
.app-dark .messenger-conversation:hover { background: var(--app-hover-bg); }
.app-dark :where(.messenger-conversation, .messenger-conversation-copy strong, .messenger-conversation-main strong, .messenger-chat-person strong, .messenger-message-body) { color: var(--app-text); }
.app-dark :where(.messenger-conversation-copy small, .messenger-conversation-copy time, .messenger-chat-person small, .messenger-read-receipt, .messenger-message-meta, .messenger-info-card p, .messenger-security-card p) { color: var(--app-muted); }
.app-dark .messenger-bubble { background: var(--app-messenger-theirs); color: var(--app-messenger-text); border-color: var(--app-border); box-shadow: 0 5px 14px rgba(0,0,0,.16); }
.app-dark .messenger-message-row.mine .messenger-bubble { background: var(--app-messenger-mine); color: var(--app-messenger-text); border-color: var(--app-messenger-mine-accent); }
.app-dark :where(.messenger-reply-quote, .messenger-message-row.theirs .messenger-reply-quote, .messenger-file-attachment) { background: var(--app-surface-soft); color: var(--app-text); border-color: var(--app-border); }
.app-dark :where(.messenger-day-separator span, .messenger-date-separator span) { background: var(--app-surface-raised); color: var(--app-muted); border-color: var(--app-border); }
.app-dark .messenger-privacy-note { background: var(--app-success-soft); color: var(--app-success-text); }
.app-dark .messenger-decryption-error { background: var(--app-danger-soft); color: var(--app-danger-text); border-color: var(--app-danger); }
.app-dark :where(.messenger-dock-top, .messenger-dock-full, .messenger-action-sheet > button, .messenger-media-files a, .messenger-media-links a, .messenger-share-list button, .messenger-create-tabs button.active, .messenger-group-participants, .messenger-call-invite) {
  background: var(--app-surface-raised);
  color: var(--app-text);
  border-color: var(--app-border);
}
.app-dark :where(.messenger-action-sheet > button:hover, .messenger-share-list button:hover, .messenger-conversation-menu-btn:hover) { background: var(--app-hover-bg); }
.app-dark :where(.messenger-media-tabs button, .messenger-share-tabs button, .messenger-create-tabs) { background: var(--app-surface-soft); color: var(--app-muted); }
.app-dark :where(.messenger-media-tabs button.active, .messenger-share-tabs button.active, .messenger-create-tabs button.active) { background: var(--app-selected-bg); color: var(--app-link); }
.app-dark .messenger-message-row.theirs .messenger-shared-card { background: var(--app-surface-soft); border-color: var(--app-border); color: var(--app-text); }
.app-dark .messenger-message-row.theirs .messenger-shared-card > span { background: var(--app-selected-bg); }
.app-dark .messenger-media-grid a { background: var(--app-surface-soft); }
.app-dark .messenger-group-participants > div { border-color: var(--app-border); }
.app-dark .messenger-active-call-banner { background: var(--app-success-soft); color: var(--app-success-text); border-color: var(--app-success); }
@media (max-width: 780px) { .app-dark .messenger-dock-backdrop { background: var(--app-canvas); } }




/* AppSystem bundle source: modules/messenger/styles/90-stability-3190.css */
/* AppSystem 3.19.0-v25 — stabilność dymku i czytelność Messengera */
.messenger-float-btn{background:linear-gradient(145deg,#0b78bd,#075489)!important;color:#fff!important;border-color:rgba(255,255,255,.9)!important;box-shadow:0 16px 38px rgba(0,62,108,.34)!important}
.messenger-float-btn:hover{background:linear-gradient(145deg,#168bd2,#08639e)!important}
.messenger-float-btn svg,.messenger-float-btn span:not(.messenger-float-count){color:#fff!important;fill:currentColor}
.messenger-dock-loading,.messenger-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.messenger-dock-loading .btn,.messenger-loading .btn{width:auto}
html.app-dark .messenger-dock,html.app-dark .messenger-dock-shell,html.app-dark .messenger-dock-top{background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}
html.app-dark .messenger-dock-full{background:var(--app-surface-raised)!important;color:var(--app-link)!important;border-color:var(--app-border)!important}
html.app-dark .messenger-dock-loading{color:var(--app-muted)!important}
html.app-dark .messenger-float-count{border-color:var(--app-canvas)!important}
@media(max-width:780px){html.app-dark .messenger-dock-backdrop{background:var(--app-canvas)!important}}




/* AppSystem bundle source: modules/messenger/styles/97-dock-history-3193.css */
/* AppSystem 3.19.3-v25 — pływająca historia ma wysokość wyliczaną z rzeczywistego okna */
.messenger-dock-body{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.messenger-dock-shell.messenger-dock-chat{
  display:flex!important;
  flex-direction:column!important;
  width:100%;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.messenger-dock-chat>.messenger-dock-top,
.messenger-dock-chat>.messenger-chat-header,
.messenger-dock-chat>.messenger-readonly-banner,
.messenger-dock-chat>.messenger-active-call-banner,
.messenger-dock-chat>.messenger-message-search,
.messenger-dock-chat>.messenger-composer,
.messenger-dock-chat>.messenger-readonly-composer{
  flex:0 0 auto!important;
}
.messenger-dock-chat>.messenger-messages-wrap{
  position:relative;
  display:block!important;
  flex:0 0 var(--messenger-dock-history-height,240px)!important;
  width:100%;
  height:var(--messenger-dock-history-height,240px)!important;
  max-height:var(--messenger-dock-history-height,240px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
.messenger-dock-chat>.messenger-messages-wrap>.messenger-message-list{
  display:block!important;
  width:100%;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.messenger-dock-chat>.messenger-composer{
  position:relative!important;
  inset:auto!important;
  z-index:8;
  display:block!important;
  width:100%;
  visibility:visible!important;
}
.messenger-dock-chat>.messenger-invitation-view{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}





/* AppSystem bundle source: styles/190-modern-shell.css */
/* AppSystem — wspólna warstwa nowoczesnego interfejsu i responsywności. */
:root {
  --app-canvas: #f3f7fb;
  --app-surface-soft: #f7fafd;
  --app-border: #dce6ef;
  --app-border-strong: #bdcbd8;
  --app-shadow: 0 14px 38px rgba(18, 45, 72, .075);
  --app-shadow-hover: 0 20px 48px rgba(18, 45, 72, .13);
  --radius: 16px;
  --sidebar: 256px;
}

body {
  min-width: 320px;
  background:
    radial-gradient(circle at 72% -20%, rgba(8, 120, 189, .07), transparent 35rem),
    var(--app-canvas);
}

:where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--app-focus) 78%, white);
  outline-offset: 2px;
}

.btn,
.icon-btn,
.profile-btn,
.nav-item,
.nav-group-toggle {
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.btn:active,
.icon-btn:active,
.profile-btn:active {
  transform: translateY(1px);
}

/* Logowanie i pola haseł */
.login-shell {
  background:
    radial-gradient(circle at 16% 12%, rgba(0, 67, 129, .16), transparent 31rem),
    radial-gradient(circle at 86% 86%, rgba(8, 120, 189, .12), transparent 28rem),
    #f5f8fc;
}

.login-card {
  width: min(460px, 100%);
  padding: 38px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-top: 4px solid var(--app-primary);
  border-radius: 26px;
  box-shadow: 0 28px 75px rgba(20, 48, 77, .15);
}

.password-field {
  position: relative;
  display: block;
}

.password-field input {
  padding-right: 76px;
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 7px;
  min-width: 58px;
  min-height: 34px;
  padding: 0 8px;
  transform: translateY(-50%);
  border: 0;
  border-radius: 9px;
  background: var(--app-hover-bg);
  color: var(--app-primary);
  font-size: .72rem;
  font-weight: 800;
}

.password-toggle:hover {
  background: var(--app-selected-bg);
}

/* Wybór strefy */
.access-shell {
  align-items: start;
  padding: clamp(26px, 5vh, 54px) 24px;
  background:
    radial-gradient(circle at 8% 6%, rgba(0, 67, 129, .13), transparent 30rem),
    radial-gradient(circle at 92% 92%, rgba(22, 116, 91, .09), transparent 26rem),
    #f5f8fc;
}

.access-panel {
  width: min(1160px, 100%);
  margin: 0 auto;
}

.access-head {
  align-items: center;
  margin-bottom: 22px;
}

.access-head h1 {
  margin-top: 0;
  font-size: clamp(2rem, 4vw, 2.8rem);
  letter-spacing: -.035em;
}

.access-tiles {
  gap: 16px;
}

.access-tile {
  position: relative;
  min-height: 224px;
  gap: 12px;
  overflow: hidden;
  padding: 22px;
  border-radius: 20px;
  box-shadow: var(--app-shadow);
}

.access-tile::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--area);
  opacity: .82;
}

.access-tile:not(.locked):hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--area) 30%, var(--app-border));
  box-shadow: var(--app-shadow-hover);
}

.access-icon {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  font-size: .9rem;
  letter-spacing: .04em;
}

.access-tile h2 {
  margin: 2px 0 0;
  font-size: 1.27rem;
  letter-spacing: -.015em;
}

.access-tile p {
  max-width: 34ch;
  line-height: 1.5;
  font-size: .9rem;
}

.access-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-top: auto;
  padding-top: 4px;
  color: var(--area);
  font-size: .86rem;
}

.access-state span {
  font-size: 1.2rem;
  transition: transform .16s ease;
}

.access-tile:hover .access-state span {
  transform: translateX(3px);
}

/* Nawigacja i pasek aplikacji */
.sidebar {
  padding: 18px 13px 12px;
  box-shadow: 10px 0 34px rgba(2, 35, 67, .08);
}

.sidebar-brand {
  padding-bottom: 16px;
}

.nav-list {
  flex: 1 1 auto;
  min-height: 0;
  align-content: start;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 4px 10px 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .28) transparent;
}

.nav-item,
.nav-group-toggle {
  min-height: 43px;
}

.nav-item.active {
  box-shadow: inset 3px 0 rgba(255, 255, 255, .82);
}

.sidebar-footer {
  position: relative;
  bottom: auto;
  flex: 0 0 auto;
  margin-top: 6px;
  padding: 10px 5px 2px;
  background: linear-gradient(180deg, transparent, rgba(2, 34, 65, .6));
}

.accessibility-sidebar-btn {
  min-height: 42px;
  padding: 8px 10px;
  font-size: .78rem;
}

.topbar {
  min-height: 68px;
  gap: 12px;
  padding: 10px 20px;
}

.search-wrap {
  min-width: 180px;
  min-height: 44px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--app-surface-soft) 88%, transparent);
}

.topbar-actions {
  min-width: 0;
  flex: 0 1 auto;
  gap: 8px;
}

.topbar-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 42px;
  white-space: nowrap;
}

.profile-btn {
  min-width: 0;
}

.profile-copy {
  max-width: 220px;
}

.profile-copy strong,
.profile-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.archive-workspace .topbar > .search-wrap {
  display: none;
}

body.archive-workspace .topbar {
  justify-content: flex-end;
}

/* Pulpity, karty, tabele i okna */
.content {
  width: 100%;
  padding: clamp(18px, 2.2vw, 30px);
}

.dashboard-grid {
  align-items: start;
}

.dashboard-grid > .side-panel {
  position: sticky;
  top: 92px;
  align-self: start;
}

.tile,
.panel,
.side-panel,
.item-card {
  box-shadow: var(--app-shadow);
}

.tile {
  min-height: 156px;
}

.tile:hover {
  transform: translateY(-2px);
  box-shadow: var(--app-shadow-hover);
}

.dashboard-tile-main {
  padding: 18px;
}

.dashboard-unpin {
  opacity: 0;
  transform: scale(.92);
  transition: opacity .16s ease, transform .16s ease, background-color .16s ease;
}

.dashboard-tile:hover .dashboard-unpin,
.dashboard-tile:focus-within .dashboard-unpin {
  opacity: 1;
  transform: scale(1);
}

.empty-state {
  padding: 32px 20px;
  background: var(--app-surface);
}

.table-wrap {
  border: 1px solid var(--app-border);
  border-radius: 14px;
  background: var(--app-surface);
}

.table-wrap th {
  background: var(--app-surface-soft);
}

.modal {
  border: 1px solid color-mix(in srgb, var(--app-border) 80%, white);
  box-shadow: 0 34px 90px rgba(8, 28, 48, .28);
}

body.app-shell-active > .messenger-float-btn {
  display: none !important;
}

/* Zwykły tryb ciemny */
html.app-dark .login-shell,
html.app-dark .access-shell {
  background:
    radial-gradient(circle at 10% 8%, rgba(49, 147, 207, .13), transparent 30rem),
    var(--app-canvas);
}

html.app-dark .password-toggle {
  background: var(--app-surface-soft);
  color: var(--app-link);
}

html.app-dark .pwa-update-banner {
  background: var(--app-surface);
  color: var(--app-text);
  border-color: var(--app-border-strong);
}

html.app-dark .pwa-update-banner span {
  color: var(--app-muted);
}

/* Laptop i tablet */
@media (max-width: 1440px) {
  .app-clock,
  .profile-copy {
    display: none;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  #archiveGlobalAddBtn {
    width: 42px;
    padding-inline: 0;
  }

  #archiveGlobalAddBtn .btn-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
}

@media (max-width: 1180px) {
  .dashboard-grid > .side-panel {
    position: static;
  }
}

@media (max-width: 980px) {
  .access-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .access-tile {
    min-height: 210px;
  }
}

/* Telefon */
@media (max-width: 900px) {
  body.nav-open {
    overflow: hidden;
  }

  body.nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 19;
    background: rgba(7, 24, 42, .48);
    backdrop-filter: blur(2px);
  }

  .sidebar {
    left: min(-292px, -88vw);
    width: min(280px, 86vw);
    padding-top: max(16px, env(safe-area-inset-top));
  }

  .sidebar.open {
    left: 0;
  }

  .content {
    padding: 18px 12px 28px;
  }
}

@media (max-width: 700px) {
  .topbar {
    padding: max(8px, env(safe-area-inset-top)) 10px 9px;
  }

  .topbar-actions {
    gap: 5px;
  }

  .app-clock,
  #themeModeBtn,
  #changeAreaBtn,
  #archiveGlobalAddBtn,
  .pwa-install-top {
    display: none !important;
  }

  #quickAddBtn {
    display: inline-grid !important;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
  }

  #quickAddBtn .btn-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  #quickAddBtn .btn-icon {
    font-size: 1.35rem;
    line-height: 1;
  }

  .profile-btn {
    width: 42px;
    height: 42px;
    padding: 2px;
  }

  .avatar {
    width: 36px;
    height: 36px;
  }

  .search-wrap {
    min-width: 0;
  }

  .page-header {
    margin-bottom: 18px;
  }

  .page-header h1 {
    font-size: clamp(1.65rem, 8vw, 2rem);
  }

  .dashboard-grid {
    gap: 16px;
  }

  .dashboard-grid > .side-panel {
    order: -1;
  }

  .dashboard-unpin {
    opacity: .58;
    transform: none;
  }
}

@media (max-width: 640px) {
  .access-shell {
    padding: 22px 13px;
  }

  .access-head {
    gap: 14px;
  }

  .access-tiles {
    grid-template-columns: 1fr;
  }

  .access-tile {
    min-height: 190px;
    padding: 20px;
  }

  .login-card {
    padding: 28px 20px;
  }
}

@media (hover: none) {
  .tile:hover,
  .access-tile:not(.locked):hover,
  .messenger-float-btn:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn,
  .icon-btn,
  .profile-btn,
  .nav-item,
  .nav-group-toggle,
  .access-tile,
  .access-state span,
  .dashboard-unpin {
    transition: none;
  }
}



/* AppSystem bundle source: styles/191-accessibility-intuitive.css */
/* AppSystem 3.22 — intuicyjne centrum ułatwień korzystania */

.accessibility-intuitive-summary {
  margin-top: 14px;
}

.accessibility-intuitive-summary h3,
.accessibility-intuitive-summary p {
  font-size: .9rem;
  line-height: 1.45;
}

.accessibility-intuitive-summary .accessibility-active-list span {
  font-size: .8rem;
  line-height: 1.3;
}

.accessibility-foundation-note {
  margin: 13px 0 0 !important;
  padding-top: 12px;
  border-top: 1px solid #bfddd2;
}

.accessibility-needs-grid button {
  min-height: 82px;
}

.accessibility-needs-grid .accessibility-profile-copy strong {
  font-size: 1rem;
  line-height: 1.35;
}

.accessibility-needs-grid .accessibility-profile-copy small {
  font-size: .875rem;
  line-height: 1.45;
}

.accessibility-needs-grid .accessibility-profile-action {
  font-size: .75rem;
}

.accessibility-speech-card {
  display: grid;
  gap: 16px;
  margin-top: 22px;
  padding: 18px;
  border: 1px solid var(--a11y-panel-border);
  border-radius: 15px;
  background: #f5faff;
  color: var(--a11y-panel-text);
}

.accessibility-speech-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.accessibility-speech-head > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #075a91;
  color: #fff;
  font-size: .92rem;
}

.accessibility-speech-head h4,
.accessibility-speech-head p {
  margin: 0;
}

.accessibility-speech-head h4 {
  font-size: 1.05rem;
  line-height: 1.35;
}

.accessibility-speech-head p {
  margin-top: 5px;
  color: var(--a11y-panel-muted);
  font-size: .875rem;
  line-height: 1.5;
}

.accessibility-speech-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.accessibility-speech-controls .btn {
  min-width: 0;
  min-height: 46px;
  padding-inline: 10px;
}

.accessibility-speech-rate {
  margin: 0;
  padding: 0;
  border: 0;
}

.accessibility-speech-rate legend {
  margin-bottom: 8px;
  color: var(--a11y-panel-muted);
  font-size: .82rem;
  font-weight: 850;
}

.accessibility-speech-rate > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.accessibility-speech-rate button {
  min-height: 44px;
  padding: 8px;
  border: 1px solid #9db5c7;
  border-radius: 10px;
  background: #fff;
  color: #174966;
  font: inherit;
  font-size: .82rem;
  font-weight: 850;
  cursor: pointer;
}

.accessibility-speech-rate button.active {
  border-color: #075a91;
  background: #075a91;
  color: #fff;
}

.accessibility-speech-status {
  min-height: 1.4em;
  margin: 0;
  color: #31586f;
  font-size: .875rem;
  font-weight: 750;
  line-height: 1.45;
}

/* Apple nazywa tę klasę „Reduce Transparency”: efekt ma być widoczny
   na powierzchniach i nakładkach, bez pogarsszania czytelności tekstu. */
html.a11y-reduceTransparency *,
html.a11y-reduceTransparency *::before,
html.a11y-reduceTransparency *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.a11y-reduceTransparency :where(
  .topbar, .sidebar, .login-card, .access-panel, .panel, .modal,
  .messenger-dock, .accessibility-panel, .pwa-update-banner
) {
  background-color: var(--app-surface, #fff) !important;
  background-image: none !important;
}

html.a11y-reduceTransparency :where(
  .accessibility-backdrop, .modal-backdrop, .messenger-dock-backdrop
) {
  background: #263746 !important;
}

html.a11y-reduceTransparency body.nav-open::before {
  background: #263746 !important;
}

:is(html.a11y-contrast, html.a11y-darkContrast) :where(
  .accessibility-summary-card, .accessibility-profile-grid button,
  .accessibility-speech-card, .accessibility-speech-rate button
) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}

:is(html.a11y-contrast, html.a11y-darkContrast) :where(
  .accessibility-summary-card p, .accessibility-profile-grid small,
  .accessibility-speech-head p, .accessibility-speech-status,
  .accessibility-speech-rate legend
) {
  color: var(--app-muted) !important;
}

:is(html.a11y-contrast, html.a11y-darkContrast) .accessibility-profile-grid button.active,
:is(html.a11y-contrast, html.a11y-darkContrast) .accessibility-speech-rate button.active {
  background: var(--app-selected-bg) !important;
  color: var(--app-text) !important;
  border: 2px solid var(--app-primary) !important;
}

@media (max-width: 620px) {
  .accessibility-needs-grid button {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .accessibility-needs-grid .accessibility-profile-action {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 390px) {
  .accessibility-speech-controls,
  .accessibility-speech-rate > div {
    grid-template-columns: 1fr;
  }
}

@media (forced-colors: active) {
  .accessibility-profile-grid button.active,
  .accessibility-speech-rate button.active {
    border: 2px solid Highlight !important;
  }
}



/* AppSystem bundle source: styles/192-accessibility-command-center.css */
/* AppSystem 3.23 — zaawansowane centrum dostępności */

.accessibility-command-center {
  --a11y-accent: #075f9b;
  --a11y-accent-dark: #05466f;
  --a11y-soft: #edf7ff;
  --a11y-soft-2: #f5f9fc;
  --a11y-green: #08765b;
  --a11y-violet: #6d4bc3;
  width: min(760px, 100vw);
  border-left: 1px solid #b8cad6;
  box-shadow: -28px 0 80px rgba(6, 27, 43, .2);
}

.accessibility-command-head {
  min-height: 178px;
  padding: 26px 30px 24px;
  background:
    radial-gradient(circle at 86% 8%, rgba(127, 211, 255, .27), transparent 34%),
    linear-gradient(145deg, #072f4c 0%, #075f9b 58%, #0c739f 100%);
  color: #fff;
}

.accessibility-command-head .accessibility-head-copy {
  max-width: 610px;
}

.accessibility-command-head .accessibility-eyebrow,
.accessibility-command-head h2,
.accessibility-command-head p,
.accessibility-command-head small {
  color: inherit;
}

.accessibility-command-head .accessibility-eyebrow {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  color: #bfe9ff;
  font-size: .78rem;
  letter-spacing: .08em;
}

.accessibility-command-head h2 {
  margin: 0;
  font-size: clamp(1.55rem, 3vw, 2rem);
  letter-spacing: -.025em;
}

.accessibility-command-head p {
  max-width: 590px;
  margin: 8px 0 10px;
  color: #e2f4ff !important;
  font-size: .96rem;
  line-height: 1.55;
}

.accessibility-command-head small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 999px;
  background: rgba(0, 0, 0, .13);
  color: #fff;
  font-size: .75rem;
  font-weight: 750;
}

.accessibility-command-head small::before {
  content: "✓";
  font-weight: 900;
}

.accessibility-command-head .accessibility-close-btn {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, .48);
  background: rgba(0, 0, 0, .16);
  color: #fff;
  font-size: 1.6rem;
}

.accessibility-command-center .accessibility-panel-body {
  padding: 22px 24px 30px;
  background: #eef3f7;
}

.accessibility-command-center .accessibility-panel-view {
  display: grid;
  gap: 18px;
}

.accessibility-command-center .accessibility-panel-view[hidden] {
  display: none !important;
}

.a11y-command-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 20px;
  overflow: hidden;
  min-height: 250px;
  padding: 26px;
  border: 1px solid #b7d7ea;
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 18%, rgba(92, 190, 237, .31), transparent 37%),
    linear-gradient(135deg, #fff 0%, #f2faff 100%);
  box-shadow: 0 14px 34px rgba(24, 63, 88, .1);
}

.a11y-command-hero-copy {
  position: relative;
  z-index: 1;
  align-self: center;
}

.a11y-command-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #9ed4c5;
  border-radius: 999px;
  background: #e8f8f2;
  color: #075742;
  font-size: .76rem;
  font-weight: 850;
}

.a11y-command-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a8d68;
  box-shadow: 0 0 0 4px rgba(10, 141, 104, .13);
}

.a11y-command-hero h3 {
  max-width: 430px;
  margin: 14px 0 7px;
  color: #102f43;
  font-size: clamp(1.35rem, 3vw, 1.8rem);
  line-height: 1.16;
  letter-spacing: -.025em;
}

.a11y-command-hero p {
  max-width: 470px;
  margin: 0;
  color: #496777;
  font-size: .94rem;
  line-height: 1.55;
}

.a11y-setup-launch {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 8px;
  margin-top: 19px;
  min-height: 50px;
  border-radius: 13px;
}

.a11y-setup-launch small {
  padding-left: 8px;
  border-left: 1px solid rgba(255,255,255,.35);
  font-size: .68rem;
  font-weight: 700;
}

.a11y-command-hero-visual {
  align-self: center;
  display: grid;
  grid-template-rows: 76px repeat(3, 15px);
  gap: 13px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 24px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 18px 45px rgba(7, 76, 118, .18);
  transform: rotate(3deg);
}

.a11y-command-hero-visual span {
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #075f9b;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
}

.a11y-command-hero-visual i {
  border-radius: 999px;
  background: #c5d7e2;
}

.a11y-command-hero-visual i:nth-child(3) { width: 82%; }
.a11y-command-hero-visual i:nth-child(4) { width: 62%; }

.a11y-command-summary {
  margin: 0;
  padding: 19px 20px;
  border: 1px solid #b5d9cd;
  border-radius: 18px;
  background: #f4fcf9;
}

.a11y-command-summary .accessibility-foundation-note {
  color: #365f54;
}

.accessibility-command-center .accessibility-v4-section {
  margin: 0;
  padding: 22px;
  border: 1px solid #cfdae2;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(33, 58, 73, .055);
}

.accessibility-command-center .accessibility-section-heading > div > h3 {
  font-size: 1.16rem;
}

.a11y-profile-ribbon {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.a11y-profile-ribbon button {
  grid-template-columns: 1fr;
  align-content: start;
  min-height: 166px;
  padding: 14px 12px;
  border-radius: 15px;
  text-align: left;
}

.a11y-profile-ribbon .accessibility-profile-icon {
  width: 42px;
  height: 42px;
  border-radius: 13px;
}

.a11y-profile-ribbon .accessibility-profile-copy {
  margin-top: 8px;
}

.a11y-profile-ribbon .accessibility-profile-copy strong {
  font-size: .9rem;
}

.a11y-profile-ribbon .accessibility-profile-copy small {
  margin-top: 5px;
  font-size: .75rem;
  line-height: 1.38;
}

.a11y-profile-ribbon .accessibility-profile-action {
  align-self: end;
  justify-self: start;
  margin-top: 9px;
}

.a11y-scale-command {
  margin-top: 2px;
  border: 1px solid #c8d8e3;
  border-radius: 16px;
  background: #f8fbfd;
}

.a11y-quick-setting-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.a11y-quick-setting-grid .accessibility-setting-row {
  grid-template-columns: minmax(0, 1fr);
  align-content: space-between;
  min-height: 128px;
}

.a11y-quick-setting-grid .accessibility-switch {
  justify-self: start;
  margin-top: 12px;
}

.a11y-settings-search {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 40px;
  align-items: center;
  min-height: 54px;
  margin-top: 4px;
  padding: 0 7px 0 15px;
  border: 2px solid #b8cad7;
  border-radius: 15px;
  background: #fff;
  color: #476579;
}

.a11y-settings-search:focus-within {
  border-color: #075f9b;
  box-shadow: 0 0 0 4px rgba(7, 95, 155, .14);
}

.a11y-settings-search > span:first-child {
  font-size: 1.2rem;
  font-weight: 900;
}

.a11y-settings-search input {
  width: 100%;
  min-height: 48px;
  padding: 0 10px;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #173a51;
  font: inherit;
}

.a11y-settings-search button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: #e8f1f6;
  color: #244e68;
  font-size: 1.25rem;
  cursor: pointer;
}

.a11y-search-status {
  min-height: 1.3em;
  margin: 7px 3px 0;
  color: #557080;
  font-size: .78rem;
}

.a11y-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 11px;
}

.a11y-category-grid > [hidden] {
  display: none !important;
}

.a11y-category-grid .accessibility-subview-card {
  min-height: 112px;
  border-radius: 16px;
}

.a11y-category-grid .accessibility-subview-card:last-child {
  grid-column: 1 / -1;
}

.a11y-category-grid .accessibility-subview-card-icon {
  border-radius: 14px;
}

.a11y-category-grid .accessibility-subview-card-icon.vision { background: #dff1ff; color: #075f9b; }
.a11y-category-grid .accessibility-subview-card-icon.reading { background: #efe8ff; color: #6542bd; }
.a11y-category-grid .accessibility-subview-card-icon.controls { background: #e1f6ef; color: #08765b; }
.a11y-category-grid .accessibility-subview-card-icon.communication { background: #fff0d5; color: #8b5b00; }
.a11y-category-grid .accessibility-subview-card-icon.assistive { background: #e7ecff; color: #3a55a0; }

.a11y-search-empty {
  margin: 13px 0 0;
  padding: 16px;
  border: 1px dashed #9eb4c2;
  border-radius: 13px;
  background: #f7fafc;
  color: #496575;
  text-align: center;
}

.accessibility-command-center .accessibility-subview-head {
  margin: 0;
  padding: 22px;
  border: 1px solid #c7d8e4;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 10%, rgba(62, 174, 226, .16), transparent 35%),
    #fff;
}

.accessibility-command-center .accessibility-subview-head h3 {
  font-size: 1.45rem;
  letter-spacing: -.02em;
}

.accessibility-command-center .accessibility-subview-group {
  margin: 0;
  padding: 20px;
  border: 1px solid #cfdae2;
  border-radius: 18px;
  background: #fff;
}

.accessibility-command-center .accessibility-subview-group > h4 {
  margin-bottom: 14px;
  color: #173a51;
  font-size: 1.03rem;
}

.a11y-setup-progress {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid #bcd3e1;
  border-radius: 15px;
  background: #f7fbfe;
  color: #35586d;
}

.a11y-setup-progress > span {
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: #dbe7ee;
}

.a11y-setup-progress > span i {
  display: block;
  width: 50%;
  height: 100%;
  border-radius: inherit;
  background: #08765b;
}

.a11y-setup-progress strong { color: #173a51; font-size: .84rem; }
.a11y-setup-progress small { font-size: .75rem; }

.a11y-setup-fieldset {
  margin: 0;
  padding: 22px;
  border: 1px solid #cad9e2;
  border-radius: 20px;
  background: #fff;
}

.a11y-setup-fieldset legend {
  padding: 0 6px;
  color: #173a51;
  font-size: 1.12rem;
  font-weight: 900;
}

.a11y-setup-fieldset > p {
  margin: 0 0 13px;
  color: #577080;
  font-size: .86rem;
}

.a11y-setup-needs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.a11y-setup-needs button {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 3px 12px;
  min-height: 122px;
  padding: 16px;
  border: 2px solid #c9d7e0;
  border-radius: 17px;
  background: #fff;
  color: #173a51;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.a11y-setup-needs button > span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: #e9f4fb;
  color: #075f9b;
  font-size: 1rem;
  font-weight: 900;
}

.a11y-setup-needs button strong {
  align-self: end;
  font-size: .9rem;
  line-height: 1.3;
}

.a11y-setup-needs button small {
  align-self: start;
  color: #5b7382;
  font-size: .76rem;
  line-height: 1.4;
}

.a11y-setup-needs button > i {
  grid-column: 3;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 2px solid #b5c6d1;
  border-radius: 50%;
  color: transparent;
  font-style: normal;
}

.a11y-setup-needs button.active {
  border-color: #08765b;
  background: #effaf6;
  box-shadow: 0 0 0 3px rgba(8, 118, 91, .11);
}

.a11y-setup-needs button.active > i {
  border-color: #08765b;
  background: #08765b;
  color: #fff;
}

.a11y-setup-recommendation {
  display: grid;
  gap: 13px;
  padding: 22px;
  border: 1px solid #a8cfe3;
  border-radius: 20px;
  background:
    radial-gradient(circle at 94% 8%, rgba(66, 176, 226, .18), transparent 32%),
    #f4fbff;
}

.a11y-setup-recommendation > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
}

.a11y-setup-recommendation > div:first-child > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #075f9b;
  color: #fff;
}

.a11y-setup-recommendation p,
.a11y-setup-recommendation h4 {
  margin: 0;
}

.a11y-setup-recommendation > div p {
  color: #577080;
  font-size: .76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.a11y-setup-recommendation h4 {
  color: #173a51;
  font-size: 1.06rem;
}

.a11y-setup-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 4px;
}

.a11y-live-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 20px;
  border: 1px solid #bed3df;
  border-radius: 18px;
  background: #fff;
}

.a11y-live-preview > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.a11y-live-preview > div:first-child > span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #075f9b;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 900;
}

.a11y-live-preview p,
.a11y-live-preview strong,
.a11y-live-preview small {
  display: block;
  margin: 0;
}

.a11y-live-preview small { margin-top: 3px; color: #5b7382; }
.a11y-live-preview a { color: #075f9b; font-weight: 800; }
.a11y-live-preview button {
  min-height: 44px;
  padding: 8px 14px;
  border: 0;
  border-radius: 11px;
  background: #075f9b;
  color: #fff;
  font: inherit;
  font-weight: 850;
}

.a11y-reader-controller {
  margin: 0;
  padding: 21px;
  border-radius: 19px;
  background:
    radial-gradient(circle at 95% 8%, rgba(92, 190, 237, .18), transparent 32%),
    #f4faff;
}

.a11y-speech-transport {
  grid-template-columns: 48px 1.15fr 1fr 48px 1fr;
}

.a11y-speech-transport button[aria-label] {
  padding: 0;
  font-size: 1.15rem;
}

.a11y-reading-theme-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.a11y-reading-theme-options button {
  display: grid;
  gap: 8px;
  min-height: 88px;
  padding: 10px;
  border: 2px solid #c5d3dc;
  border-radius: 13px;
  background: #fff;
  color: #26495e;
  font: inherit;
  font-size: .78rem;
  cursor: pointer;
}

.a11y-reading-theme-options i {
  display: block;
  height: 36px;
  border: 1px solid #9db0bd;
  border-radius: 8px;
}

.a11y-reading-theme-options i.standard { background: #fff; }
.a11y-reading-theme-options i.cream { background: #fff4d6; }
.a11y-reading-theme-options i.blue { background: #e8f4fb; }
.a11y-reading-theme-options i.gray { background: #edf0f2; }

.a11y-reading-theme-options button.active {
  border-color: #075f9b;
  background: #edf7ff;
  color: #07507f;
}

.a11y-guide-size {
  margin: 0;
  padding: 17px 20px;
  border: 1px solid #c9d8e1;
  border-radius: 16px;
  background: #fff;
}

.a11y-guide-size legend {
  padding: 0 5px;
  color: #35586d;
  font-size: .84rem;
  font-weight: 850;
}

.a11y-guide-size > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.a11y-guide-size button {
  min-height: 44px;
  border: 1px solid #aebfca;
  border-radius: 11px;
  background: #fff;
  color: #294d63;
  font: inherit;
  font-size: .82rem;
  font-weight: 850;
  cursor: pointer;
}

.a11y-guide-size button.active {
  border-color: #075f9b;
  background: #075f9b;
  color: #fff;
}

.a11y-baseline-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.a11y-baseline-grid > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 3px 9px;
  min-height: 106px;
  padding: 15px;
  border: 1px solid #b9d9cd;
  border-radius: 15px;
  background: #f1faf7;
}

.a11y-baseline-grid span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #08765b;
  color: #fff;
  font-weight: 900;
}

.a11y-baseline-grid strong {
  align-self: end;
  color: #174b3d;
  font-size: .84rem;
}

.a11y-baseline-grid small {
  align-self: start;
  color: #4f7067;
  font-size: .72rem;
  line-height: 1.35;
}

.a11y-keyboard-test {
  padding: 20px;
  border: 1px solid #bdcfe0;
  border-radius: 18px;
  background: #f5f9ff;
}

.a11y-keyboard-test > div:first-child {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
}

.a11y-keyboard-test > div:first-child > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #3d58a2;
  color: #fff;
}

.a11y-keyboard-test h4,
.a11y-keyboard-test p {
  margin: 0;
}

.a11y-keyboard-test p {
  margin-top: 4px;
  color: #577080;
  font-size: .82rem;
  line-height: 1.45;
}

.a11y-keyboard-test-zone {
  display: grid;
  grid-template-columns: auto auto minmax(140px, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  padding: 14px;
  border: 1px dashed #9eb5c5;
  border-radius: 13px;
  background: #fff;
}

.a11y-keyboard-test-zone :is(button, a, input) {
  min-height: 44px;
  border-radius: 10px;
}

.a11y-message-preview {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  padding: 19px;
  border: 3px solid #15805f;
  border-radius: 17px;
  background: #effaf6;
  color: #163d32;
}

.a11y-message-preview > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #08765b;
  color: #fff;
  font-weight: 900;
}

.a11y-message-preview p {
  margin: 4px 0 0;
  font-size: .82rem;
  line-height: 1.45;
}

.a11y-assistive-status {
  display: grid;
  gap: 10px;
}

.a11y-assistive-status article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid #c8d7e0;
  border-radius: 15px;
  background: #fff;
}

.a11y-assistive-status article > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #e1f6ef;
  color: #08765b;
  font-weight: 900;
}

.a11y-assistive-status strong,
.a11y-assistive-status p {
  margin: 0;
}

.a11y-assistive-status p {
  margin-top: 3px;
  color: #5a7281;
  font-size: .78rem;
  line-height: 1.4;
}

.a11y-assistive-status em {
  padding: 5px 9px;
  border-radius: 999px;
  background: #e1f6ef;
  color: #075742;
  font-size: .7rem;
  font-style: normal;
  font-weight: 850;
}

.a11y-shortcuts-heading {
  margin: 2px 0 -7px;
  color: #173a51;
}

.accessibility-command-actions {
  padding: 14px 24px max(16px, env(safe-area-inset-bottom));
  background: rgba(255,255,255,.96);
  box-shadow: 0 -10px 24px rgba(15, 38, 53, .07);
}

/* Dodatkowe preferencje użytkownika */
html.a11y-showBorders :where(
  .content button, .content input, .content select, .content textarea,
  .content [role="button"], .content .panel, .content .card,
  .modal button, .modal input, .modal select, .modal textarea,
  .messenger-dock button, .messenger-dock input
) {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: currentColor !important;
}

html.a11y-highlightHeadings .content :is(h1, h2, h3),
html.a11y-highlightHeadings .modal-body :is(h2, h3, h4),
html.a11y-highlightHeadings .messenger-dock-body :is(h2, h3, h4) {
  padding: .28em .5em !important;
  border-left: .28em solid #075f9b !important;
  border-radius: .25em !important;
  background: rgba(7, 95, 155, .09) !important;
}

html.a11y-reduceWhitePoint::after {
  content: "";
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  pointer-events: none;
  background: rgba(13, 22, 28, .13);
}

:is(html.a11y-contrast, html.a11y-darkContrast).a11y-reduceWhitePoint::after {
  display: none;
}

html.a11y-pauseAnimatedMedia *,
html.a11y-pauseAnimatedMedia *::before,
html.a11y-pauseAnimatedMedia *::after {
  animation-play-state: paused !important;
  scroll-behavior: auto !important;
}

html[data-a11y-reading-theme="cream"] :where(.content, .modal-body, .reader-surface) {
  background-color: #fff4d6 !important;
  color: #2d261b !important;
}

html[data-a11y-reading-theme="blue"] :where(.content, .modal-body, .reader-surface) {
  background-color: #e8f4fb !important;
  color: #17374a !important;
}

html[data-a11y-reading-theme="gray"] :where(.content, .modal-body, .reader-surface) {
  background-color: #edf0f2 !important;
  color: #202c33 !important;
}

.a11y-reading-guide {
  top: calc(var(--a11y-reading-y) - (var(--a11y-guide-lines, 1) * 25px));
  height: calc(var(--a11y-guide-lines, 1) * 50px);
}

.a11y-screen-mask {
  top: calc(var(--a11y-reading-y) - (var(--a11y-guide-lines, 1) * 29px));
  height: calc(var(--a11y-guide-lines, 1) * 58px);
}

body.a11y-panel-open .a11y-reading-guide,
body.a11y-panel-open .a11y-screen-mask {
  right: min(760px, 100vw);
}

.a11y-speaking-current {
  position: relative;
  z-index: 1;
  border-radius: 6px !important;
  outline: 4px solid #ffbf47 !important;
  outline-offset: 3px !important;
  background: #fff3b0 !important;
  color: #111 !important;
}

:is(html.a11y-contrast, html.a11y-darkContrast) :where(
  .accessibility-command-center .accessibility-v4-section,
  .a11y-command-hero, .a11y-command-summary, .a11y-setup-fieldset,
  .a11y-setup-recommendation, .a11y-live-preview, .a11y-baseline-grid > div,
  .a11y-keyboard-test, .a11y-message-preview, .a11y-assistive-status article,
  .a11y-reader-controller, .a11y-guide-size
) {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}

:is(html.a11y-contrast, html.a11y-darkContrast) .accessibility-command-center :where(p, small) {
  color: var(--app-muted) !important;
}

:is(html.a11y-contrast, html.a11y-darkContrast) :where(
  .a11y-setup-needs button.active, .a11y-reading-theme-options button.active,
  .a11y-guide-size button.active
) {
  border-color: var(--app-primary) !important;
  background: var(--app-selected-bg) !important;
  color: var(--app-text) !important;
}

@media (max-width: 720px) {
  .accessibility-command-head {
    min-height: 150px;
    padding: 20px 20px 18px;
  }

  .accessibility-command-center .accessibility-panel-body {
    padding: 16px 14px 24px;
  }

  .a11y-command-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 21px;
  }

  .a11y-command-hero-visual {
    display: none;
  }

  .a11y-profile-ribbon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .a11y-profile-ribbon button {
    min-height: 148px;
  }

  .a11y-profile-ribbon button:last-child {
    grid-column: 1 / -1;
    min-height: 128px;
  }

  .a11y-quick-setting-grid,
  .a11y-category-grid,
  .a11y-setup-needs,
  .a11y-baseline-grid {
    grid-template-columns: 1fr;
  }

  .a11y-category-grid .accessibility-subview-card:last-child {
    grid-column: auto;
  }

  .a11y-quick-setting-grid .accessibility-setting-row {
    min-height: 94px;
  }

  .a11y-speech-transport {
    grid-template-columns: 44px 1fr 1fr 44px;
  }

  .a11y-speech-transport [data-a11y-speech="stop"] {
    grid-column: 1 / -1;
  }

  .a11y-live-preview {
    grid-template-columns: 1fr;
  }

  .a11y-keyboard-test-zone {
    grid-template-columns: 1fr;
  }

  .a11y-setup-progress {
    grid-template-columns: 1fr auto;
  }

  .a11y-setup-progress > span {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  .accessibility-command-head p {
    display: block;
  }

  .accessibility-command-center .accessibility-v4-section,
  .accessibility-command-center .accessibility-subview-head,
  .accessibility-command-center .accessibility-subview-group,
  .a11y-setup-fieldset,
  .a11y-setup-recommendation {
    padding: 17px;
    border-radius: 16px;
  }

  .a11y-profile-ribbon,
  .a11y-reading-theme-options {
    grid-template-columns: 1fr;
  }

  .a11y-profile-ribbon button,
  .a11y-profile-ribbon button:last-child {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 108px;
  }

  .a11y-profile-ribbon .accessibility-profile-icon {
    grid-row: 1 / 3;
  }

  .a11y-profile-ribbon .accessibility-profile-copy {
    margin-top: 0;
  }

  .a11y-profile-ribbon .accessibility-profile-action {
    grid-column: 2;
    margin-top: 2px;
  }

  .a11y-speech-transport,
  .accessibility-speech-rate > div,
  .a11y-guide-size > div {
    grid-template-columns: 1fr;
  }

  .a11y-speech-transport [data-a11y-speech="stop"] {
    grid-column: auto;
  }

  .a11y-setup-actions {
    flex-direction: column-reverse;
  }

  .a11y-setup-actions .btn {
    width: 100%;
  }

  .a11y-assistive-status article {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .a11y-assistive-status em {
    grid-column: 2;
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .a11y-command-hero-visual {
    transform: none;
  }
}

@media (forced-colors: active) {
  .a11y-command-hero,
  .accessibility-command-center .accessibility-v4-section,
  .a11y-setup-needs button,
  .a11y-reading-theme-options button,
  .a11y-assistive-status article {
    border: 2px solid CanvasText !important;
  }

  :where(
    .a11y-setup-needs button.active,
    .a11y-reading-theme-options button.active,
    .a11y-guide-size button.active
  ) {
    border: 3px solid Highlight !important;
  }
}



/* AppSystem bundle source: styles/231-push-notifications-3540.css */
.push-settings{display:grid;gap:18px;color:var(--text,#172b3f)}
.push-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border:1px solid #cfe1f2;border-radius:22px;background:linear-gradient(135deg,#f5faff,#eaf4fd)}
.push-hero.is-active{border-color:#9edfc1;background:linear-gradient(135deg,#f3fcf8,#e6f8ef)}
.push-hero-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:#07569a;font-size:25px;font-weight:900;box-shadow:0 8px 24px rgba(14,78,130,.12)}
.push-hero.is-active .push-hero-icon{color:#087448}
.push-hero h2,.push-panel h3{margin:2px 0 5px}.push-hero p,.push-panel-heading p{margin:0;color:var(--muted,#66788a)}
.push-status-line{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:10px;font-size:13px;font-weight:700;color:#496579}
.push-status-line span{display:inline-flex;align-items:center;gap:6px}.push-status-line span:before{content:"";width:6px;height:6px;border-radius:50%;background:#2f89cf}
.push-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.push-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}
.push-panel{padding:18px;border:1px solid var(--border,#dbe5ed);border-radius:18px;background:var(--card,#fff)}
.push-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.push-panel-heading h3{font-size:18px}.push-panel-heading p{font-size:13px}
.push-category-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.push-category-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-radius:13px;background:var(--surface-soft,#f5f8fb);cursor:pointer}
.push-category-row span{display:grid;gap:3px}.push-category-row strong{font-size:14px}.push-category-row small{color:var(--muted,#66788a);line-height:1.3}
.push-category-row input[type="checkbox"]{appearance:none;width:42px;height:24px;flex:0 0 auto;border:0;border-radius:99px;background:#b9c6d1;position:relative;cursor:pointer;transition:.2s}
.push-category-row input[type="checkbox"]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.2s}
.push-category-row input[type="checkbox"]:checked{background:#0878d1}.push-category-row input[type="checkbox"]:checked:after{transform:translateX(18px)}
.push-field{display:grid;gap:7px;font-weight:750}.push-field select,.push-time-grid input{width:100%;min-height:44px;border:1px solid var(--border,#cdd9e3);border-radius:11px;background:var(--card,#fff);color:inherit;padding:8px 11px}
.push-quiet-toggle{margin-top:14px}.push-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.push-time-grid label{display:grid;gap:6px;font-size:13px;font-weight:750}
.push-device-list{display:grid;gap:8px}.push-device-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--border,#dbe5ed);border-radius:14px}.push-device-row.is-current{border-color:#85bce9;background:#f2f8fd}.push-device-row>div:nth-child(2){display:grid;gap:3px}.push-device-row small{color:var(--muted,#66788a)}
.push-device-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#deedf9;color:#07569a;font-size:19px;font-weight:900}
.push-privacy-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:15px;background:#edf8f3;color:#315a4a}.push-privacy-note>span{font-size:20px}.push-privacy-note p{margin:0;line-height:1.45}
body.theme-dark .push-hero{background:linear-gradient(135deg,#193149,#162b3d);border-color:#36536b}body.theme-dark .push-hero.is-active{background:linear-gradient(135deg,#173b31,#173127);border-color:#376d5a}body.theme-dark .push-hero-icon{background:#102638}.theme-dark .push-privacy-note{background:#17362d;color:#b9e8d5}.theme-dark .push-device-row.is-current{background:#17334a}
@media(max-width:900px){.push-settings-grid{grid-template-columns:1fr}.push-category-list{grid-template-columns:1fr}.push-hero{grid-template-columns:auto 1fr}.push-hero-actions{grid-column:1/-1;justify-content:stretch}.push-hero-actions .btn{flex:1}}
@media(max-width:560px){.push-hero{grid-template-columns:1fr;padding:17px}.push-hero-icon{width:48px;height:48px}.push-hero-actions{grid-column:auto;display:grid}.push-device-row{grid-template-columns:auto 1fr}.push-device-row .btn{grid-column:1/-1}.push-time-grid{grid-template-columns:1fr}.push-panel{padding:14px}}



/* AppSystem bundle source: styles/232-individual-access-3550.css */
.account-access-section {
  display: grid;
  gap: 14px;
}

.account-access-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.account-access-heading h3,
.account-access-heading p {
  margin: 0;
}

.account-access-heading p {
  margin-top: 5px;
}

.account-access-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 16px;
  padding: 11px 13px;
  border: 1px solid #d8e4ec;
  border-radius: 12px;
  background: #f7fafc;
  color: #536b7d;
  font-size: .82rem;
}

.access-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 4px;
  border-radius: 50%;
}

.access-dot.edit { background: #0873c5; }
.access-dot.read { background: #738798; }

.account-access-matrix {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.account-access-area {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5e1e9;
  border-radius: 14px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.account-access-area.is-enabled { border-color: #9fc5df; }
.account-access-area[open] { box-shadow: 0 8px 24px rgba(26, 63, 89, .08); }

.account-access-area summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  padding: 13px 16px;
  cursor: pointer;
  list-style: none;
  background: #f8fbfd;
  color: #173349;
}

.account-access-area summary::-webkit-details-marker { display: none; }
.account-access-area summary > span { display: grid; gap: 3px; min-width: 0; }
.account-access-area summary strong { font-size: .98rem; }
.account-access-area summary small {
  overflow: hidden;
  color: #677e8e;
  font-weight: 500;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-access-area summary > b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e7eef3;
  color: #536b7d;
  font-size: .76rem;
  white-space: nowrap;
}

.account-access-area.is-enabled summary > b { background: #dfeff9; color: #075a96; }
.account-access-area summary > b::after { content: "⌄"; font-size: .9rem; transition: transform .18s ease; }
.account-access-area[open] summary > b::after { transform: rotate(180deg); }

.account-access-area-body {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px 16px 16px;
  border-top: 1px solid #e2ebf1;
}

.account-access-area-master {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
  margin: 0;
  padding: 11px 13px;
  border-radius: 11px;
  background: #edf5fa;
  color: #173349;
  cursor: pointer;
}

.account-access-area-master span { display: grid; gap: 2px; min-width: 0; }
.account-access-area-master small { color: #667d8d; font-weight: 500; }

.account-access-views {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 8px;
  min-width: 0;
}

.account-access-view {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 154px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 54px;
  padding: 9px 10px;
  border: 1px solid #e1e9ee;
  border-radius: 10px;
  background: #fafcfd;
  opacity: .78;
}

.account-access-view.is-enabled {
  border-color: #b8d4e6;
  background: #f4faff;
  opacity: 1;
}

.account-access-view-name {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}

/* Globalne pola formularza mają width:100%. Checkbox musi mieć własny,
   stały rozmiar, inaczej ściska nazwę zakładki do jednej litery. */
.account-access-view-name input[type="checkbox"],
.account-access-area-master input[type="checkbox"] {
  flex: 0 0 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  accent-color: #0873c5;
}

.account-access-area-master input[type="checkbox"] { margin-top: 2px; }

.account-access-view-name span {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3;
  overflow-wrap: break-word;
  word-break: normal;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
}

.account-access-view select {
  width: 154px;
  min-width: 0;
  max-width: 100%;
  height: 36px;
  padding: 5px 28px 5px 9px;
  font-size: .78rem;
}

.account-access-view select:disabled { cursor: not-allowed; opacity: .68; }
.account-area-badges .status { white-space: nowrap; }

@media (max-width: 900px) {
  .account-access-views { grid-template-columns: 1fr; }
  .account-access-heading { align-items: stretch; flex-direction: column; }
  .account-access-heading .btn { width: 100%; }
}

@media (max-width: 560px) {
  .account-access-area summary { grid-template-columns: 1fr; gap: 8px; }
  .account-access-area summary small { white-space: normal; }
  .account-access-area summary > b { justify-self: start; }
  .account-access-view { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .account-access-view select { width: 100%; }
  .account-access-legend { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 390px) {
  .account-access-area-body { padding: 12px; }
}

html[data-theme="dark"] .account-access-legend { border-color: #2c4658; background: #142631; color: #b5c6d1; }
html[data-theme="dark"] .account-access-area { border-color: #2b4658; background: #12222c; }
html[data-theme="dark"] .account-access-area.is-enabled { border-color: #3d7496; }
html[data-theme="dark"] .account-access-area summary { background: #172b37; color: #e8f2f7; }
html[data-theme="dark"] .account-access-area summary small,
html[data-theme="dark"] .account-access-area-master small { color: #a8bac6; }
html[data-theme="dark"] .account-access-area summary > b { background: #263c49; color: #bfd0da; }
html[data-theme="dark"] .account-access-area.is-enabled summary > b { background: #173f59; color: #bfe3fa; }
html[data-theme="dark"] .account-access-area-body { border-color: #294350; }
html[data-theme="dark"] .account-access-area-master { background: #193745; color: #e7f3f8; }
html[data-theme="dark"] .account-access-view { border-color: #29414f; background: #152630; color: #c8d5dd; }
html[data-theme="dark"] .account-access-view.is-enabled { border-color: #356982; background: #173242; color: #eef7fb; }



/* AppSystem bundle source: styles/233-marketing-pr-3560.css */
/* AppSystem 3.56.0 — Marketing i PR */
body.marketing-workspace {
  --marketing: #9b315d;
  --marketing-dark: #70203f;
  --marketing-soft: #fbeaf1;
  --marketing-line: #ead5df;
  --marketing-ink: #34202a;
}

body.marketing-workspace .sidebar { background: linear-gradient(180deg, #6c203f 0%, #45162b 100%); }
body.marketing-workspace .nav-item.active { background: rgba(255,255,255,.2); }
body.marketing-workspace .btn-primary { background: var(--marketing); border-color: var(--marketing); }
body.marketing-workspace .btn-primary:hover { background: var(--marketing-dark); border-color: var(--marketing-dark); }
body.marketing-workspace .content { background: #faf8f9; }

.marketing-page-header { align-items: flex-start; }
.marketing-page-header .eyebrow,
.marketing-panel .eyebrow,
.marketing-onboarding .eyebrow,
.marketing-variant-editor .eyebrow { color: var(--marketing, #9b315d); }
.marketing-page-header .page-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }

.marketing-empty {
  min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; padding: 34px; text-align: center; border: 1px dashed var(--marketing-line, #ead5df);
  border-radius: 18px; background: #fff; color: #657080;
}
.marketing-empty > span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--marketing-soft, #fbeaf1); color: var(--marketing, #9b315d); font-size: 24px; }
.marketing-empty strong { color: #263344; font-size: 18px; }
.marketing-empty p { max-width: 620px; margin: 0 0 8px; }

.marketing-stop-alert {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin-bottom: 18px;
  padding: 15px 18px; border: 1px solid #efb9b9; border-radius: 14px; background: #fff0f0; color: #7e2222;
}
.marketing-stop-alert strong::before { content: "!"; display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 8px; border-radius: 50%; background: #b72e2e; color: #fff; }

.marketing-onboarding {
  display: grid; grid-template-columns: minmax(300px, 1fr) minmax(360px, .9fr); gap: 32px; align-items: center;
  margin-bottom: 20px; padding: 30px; border-radius: 22px; color: #fff;
  background: radial-gradient(circle at 90% 10%, rgba(255,255,255,.17), transparent 32%), linear-gradient(135deg, #8f2a55, #55203e);
  box-shadow: 0 16px 36px rgba(112,32,63,.16);
}
.marketing-onboarding h2 { margin: 4px 0 10px; font-size: clamp(25px, 2.8vw, 38px); }
.marketing-onboarding p { max-width: 760px; line-height: 1.65; }
.marketing-onboarding .eyebrow { color: #ffd6e7; }
.marketing-onboarding-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.marketing-onboarding-actions .btn-primary { color: #772044; background: #fff; border-color: #fff; }
.marketing-onboarding-actions .btn-secondary { color: #fff; background: transparent; border-color: rgba(255,255,255,.55); }
.marketing-onboarding-map { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; gap: 7px; }
.marketing-onboarding-map span { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 14px 5px; border: 1px solid rgba(255,255,255,.28); border-radius: 13px; background: rgba(255,255,255,.12); text-align: center; font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
.marketing-onboarding-map span + span::before { content: "›"; position: absolute; left: -7px; top: 50%; z-index: 1; transform: translate(-50%, -50%); color: #ffd6e7; font-size: 19px; }
.marketing-onboarding-map b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(255,255,255,.2); font-size: 11px; }

.marketing-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.marketing-kpi-grid article {
  display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; column-gap: 13px; min-width: 0;
  padding: 20px; border: 1px solid #e9e1e5; border-radius: 17px; background: #fff; box-shadow: 0 7px 22px rgba(52,32,42,.045);
}
.marketing-kpi-grid article > span { grid-row: 1 / 4; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--marketing-soft, #fbeaf1); color: var(--marketing, #9b315d); font-weight: 900; text-transform: uppercase; }
.marketing-kpi-grid small { color: #708090; font-weight: 700; }
.marketing-kpi-grid strong { margin-top: 2px; color: #17293a; font-size: clamp(24px, 2.5vw, 34px); line-height: 1.1; overflow-wrap: anywhere; }
.marketing-kpi-grid p { margin: 4px 0 0; color: #7c8794; font-size: 13px; }

.marketing-dashboard-grid,
.marketing-pr-grid,
.marketing-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.marketing-panel {
  min-width: 0; padding: 20px; border: 1px solid #e9e1e5; border-radius: 18px; background: #fff;
  box-shadow: 0 7px 22px rgba(52,32,42,.04);
}
.marketing-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 17px; }
.marketing-panel > header h2 { margin: 2px 0 0; font-size: 20px; }
.marketing-panel > header p { margin: 0; }
.marketing-panel > header > strong { color: var(--marketing, #9b315d); font-size: 28px; }

.marketing-agenda { display: grid; gap: 8px; }
.marketing-agenda > button {
  display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 12px; width: 100%; padding: 10px;
  border: 1px solid transparent; border-radius: 12px; background: #faf7f9; color: inherit; text-align: left; cursor: pointer;
}
.marketing-agenda > button:hover { border-color: var(--marketing-line, #ead5df); background: #fff; }
.marketing-agenda time { display: flex; flex-direction: column; align-items: center; color: var(--marketing, #9b315d); font-weight: 900; }
.marketing-agenda time small { color: #7c8794; font-weight: 600; }
.marketing-agenda button > span:nth-child(2) { min-width: 0; }
.marketing-agenda button > span:nth-child(2) strong,
.marketing-agenda button > span:nth-child(2) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-agenda button > span:nth-child(2) small { margin-top: 3px; color: #7c8794; }

.marketing-review-list { display: grid; gap: 9px; }
.marketing-review-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid #eee4e9; border-radius: 12px; }
.marketing-review-list article > div { min-width: 0; }
.marketing-review-list strong,
.marketing-review-list small { display: block; }
.marketing-review-list small { margin-top: 3px; color: #7b8793; overflow-wrap: anywhere; }

.marketing-channel-overview { margin-bottom: 18px; }
.marketing-channel-overview > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.marketing-channel-overview article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid #ebe3e7; border-radius: 13px; }
.marketing-channel-overview article > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: var(--channel); font-weight: 900; }
.marketing-channel-overview article strong,
.marketing-channel-overview article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-channel-overview article small { margin-top: 2px; color: #76818e; }
.marketing-channel-overview article a { color: var(--marketing, #9b315d); font-weight: 900; }
.marketing-channel-overview article > i { color: #9aa3ad; font-size: 12px; }

.marketing-channel-chip { display: inline-flex; align-items: center; gap: 5px; min-width: 0; max-width: 100%; padding: 4px 8px 4px 5px; border-radius: 999px; background: color-mix(in srgb, var(--channel) 11%, #fff); color: #3f4955; font-size: 12px; font-weight: 700; vertical-align: middle; overflow-wrap: anywhere; }
.marketing-channel-chip i { display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: var(--channel); color: #fff; font-style: normal; font-size: 10px; text-transform: uppercase; }

.marketing-calendar-legend { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 16px; padding: 12px 16px; border: 1px solid #e9e1e5; border-radius: 13px; background: #fff; }
.marketing-calendar-legend span { display: inline-flex; align-items: center; gap: 6px; color: #657180; font-size: 13px; font-weight: 700; }
.marketing-calendar-legend i { width: 10px; height: 10px; border-radius: 50%; background: #77818d; }
.marketing-calendar-legend .blue i { background: #377cad; } .marketing-calendar-legend .yellow i { background: #d79a13; }
.marketing-calendar-legend .green i { background: #24865c; } .marketing-calendar-legend .purple i { background: #8054b5; }
.marketing-calendar { display: grid; gap: 12px; }
.marketing-calendar-day { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 16px; padding: 16px; border: 1px solid #e9e1e5; border-radius: 17px; background: #fff; }
.marketing-calendar-day > header { border-right: 1px solid #eee4e9; }
.marketing-calendar-day > header time { display: flex; align-items: baseline; gap: 9px; }
.marketing-calendar-day > header b { color: var(--marketing, #9b315d); font-size: 31px; }
.marketing-calendar-day > header span { text-transform: capitalize; }
.marketing-calendar-day > header small { display: block; margin-top: 7px; color: #85909c; }
.marketing-calendar-day.is-today { border-color: #d898b3; box-shadow: 0 0 0 2px #f6dce7 inset; }
.marketing-calendar-day.is-past { opacity: .76; }
.marketing-calendar-day > div { display: grid; gap: 8px; }
.marketing-calendar-item { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 11px; align-items: center; width: 100%; padding: 10px 12px; border: 0; border-left: 4px solid #7b8793; border-radius: 9px; background: #faf8f9; color: inherit; text-align: left; cursor: pointer; }
.marketing-calendar-item.blue { border-color: #377cad; } .marketing-calendar-item.yellow { border-color: #d79a13; }
.marketing-calendar-item.green { border-color: #24865c; } .marketing-calendar-item.purple { border-color: #8054b5; } .marketing-calendar-item.red { border-color: #bd3d3d; }
.marketing-calendar-item > time { color: #475566; font-weight: 900; }
.marketing-calendar-item > span { min-width: 0; }
.marketing-calendar-item > span > strong,
.marketing-calendar-item > span > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-calendar-item > span > small { margin: 2px 0 6px; color: #7a8592; }
.marketing-calendar-item > span > span { display: flex; flex-wrap: wrap; gap: 5px; }

.marketing-filterbar { display: flex; justify-content: space-between; align-items: flex-end; gap: 15px; margin-bottom: 17px; }
.marketing-filterbar .segmented { display: flex; flex-wrap: wrap; gap: 6px; }
.marketing-filterbar .segmented button { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #ded8dc; border-radius: 999px; background: #fff; color: #596675; cursor: pointer; }
.marketing-filterbar .segmented button.active { color: #fff; border-color: var(--marketing, #9b315d); background: var(--marketing, #9b315d); }
.marketing-filterbar .segmented b { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; background: rgba(0,0,0,.08); font-size: 11px; }
.marketing-filterbar label { display: grid; gap: 5px; min-width: 210px; color: #65717f; font-size: 12px; font-weight: 800; }

.marketing-content-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 15px; }
.marketing-content-card { display: flex; flex-direction: column; min-width: 0; padding: 18px; border: 1px solid #e9e1e5; border-radius: 17px; background: #fff; box-shadow: 0 7px 20px rgba(52,32,42,.04); }
.marketing-content-card > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.marketing-content-card > header > div { min-width: 0; }
.marketing-content-card header p { margin: 0; color: var(--marketing, #9b315d); font-size: 12px; font-weight: 800; }
.marketing-content-card h2 { margin: 3px 0 0; font-size: 18px; overflow-wrap: anywhere; }
.marketing-content-card > p { min-height: 47px; color: #627080; line-height: 1.55; }
.marketing-content-channels { display: flex; flex-wrap: wrap; gap: 5px; }
.marketing-content-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 15px 0; padding: 12px 0; border-top: 1px solid #eee7ea; border-bottom: 1px solid #eee7ea; }
.marketing-content-card dl div { min-width: 0; }
.marketing-content-card dt { color: #85909c; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.marketing-content-card dd { margin: 3px 0 0; color: #344252; font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.marketing-content-card footer { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }

.marketing-campaign-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); gap: 16px; }
.marketing-campaign-card { min-width: 0; padding: 19px; border: 1px solid #e9e1e5; border-top: 5px solid var(--campaign); border-radius: 18px; background: #fff; }
.marketing-campaign-card > header { display: flex; justify-content: space-between; gap: 14px; }
.marketing-campaign-card header p { margin: 0; color: #798491; font-size: 12px; font-weight: 700; }
.marketing-campaign-card h2 { margin: 4px 0 0; font-size: 20px; overflow-wrap: anywhere; }
.marketing-campaign-card > p { min-height: 48px; color: #627080; line-height: 1.55; }
.marketing-campaign-dates { display: flex; align-items: center; gap: 8px; margin: 13px 0; color: #536171; font-weight: 800; }
.marketing-campaign-dates i { color: #a4acb5; font-style: normal; }
.marketing-mini-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 14px 0; }
.marketing-mini-kpis span { padding: 9px 5px; border-radius: 10px; background: #faf7f9; color: #7c8792; text-align: center; font-size: 11px; }
.marketing-mini-kpis b { display: block; color: #334151; font-size: 15px; overflow-wrap: anywhere; }
.marketing-campaign-card footer { display: flex; flex-wrap: wrap; gap: 7px; }

.marketing-website-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 16px; margin-bottom: 18px; }
.marketing-website-grid > .marketing-empty { grid-column: 1 / -1; }
.marketing-website-card { min-width: 0; padding: 19px; border: 1px solid #e9e1e5; border-radius: 18px; background: #fff; }
.marketing-website-card header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.marketing-website-card header > span:first-child { display: grid; place-items: center; width: 47px; height: 47px; border-radius: 13px; background: var(--marketing-soft, #fbeaf1); color: var(--marketing, #9b315d); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.marketing-website-card header p { margin: 0; color: #7d8793; font-size: 12px; }
.marketing-website-card h2 { margin: 2px 0 0; font-size: 19px; overflow-wrap: anywhere; }
.marketing-website-url { display: block; margin: 16px 0; color: var(--marketing, #9b315d); font-weight: 700; overflow-wrap: anywhere; }
.marketing-website-card dl { display: grid; gap: 7px; margin: 14px 0; }
.marketing-website-card dl div { display: grid; grid-template-columns: 140px 1fr; gap: 10px; }
.marketing-website-card dt { color: #87919d; }
.marketing-website-card dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.marketing-website-card footer { display: flex; flex-wrap: wrap; gap: 7px; }
.marketing-integration-roadmap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.marketing-integration-roadmap article { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 14px; border-radius: 13px; background: #faf7f9; }
.marketing-integration-roadmap article > b { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--marketing, #9b315d); color: #fff; }
.marketing-integration-roadmap strong { display: block; margin-bottom: 4px; }

.marketing-pr-list,
.marketing-mention-list { display: grid; gap: 8px; }
.marketing-pr-list article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid #eee5e9; border-radius: 12px; }
.marketing-pr-list article > span:first-child { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--marketing-soft, #fbeaf1); color: var(--marketing, #9b315d); }
.marketing-pr-list article > div { min-width: 0; }
.marketing-pr-list p,
.marketing-pr-list strong,
.marketing-pr-list small { display: block; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-pr-list p { color: var(--marketing, #9b315d); font-size: 11px; font-weight: 800; }
.marketing-pr-list small { margin-top: 2px; color: #818c98; }
.marketing-mention-list article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px; border-left: 4px solid #89939e; border-radius: 9px; background: #faf8f9; }
.marketing-mention-list article.positive { border-color: #2b8b63; } .marketing-mention-list article.negative { border-color: #bd3d3d; }
.marketing-mention-list article > span { font-size: 20px; font-weight: 900; }
.marketing-mention-list article > div { min-width: 0; }
.marketing-mention-list strong,
.marketing-mention-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-mention-list a { color: #29394a; }
.marketing-mention-list small { margin-top: 3px; color: #7c8793; }

.marketing-report table { min-width: 880px; }
.marketing-report th { white-space: nowrap; }
.marketing-metric-list { display: grid; gap: 7px; }
.marketing-metric-list article { display: grid; grid-template-columns: 105px minmax(180px, 1fr) 130px 130px auto auto; align-items: center; gap: 10px; padding: 10px 8px; border-bottom: 1px solid #eee7ea; }
.marketing-metric-list time { color: #687585; font-weight: 700; }
.marketing-metric-list article > div { min-width: 0; }
.marketing-metric-list strong,
.marketing-metric-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-metric-list small { color: #87919c; }
.marketing-metric-list article > span { color: #7b8692; font-size: 12px; }
.marketing-metric-list article > span b { display: block; color: #2e3c4c; font-size: 15px; }

.marketing-governance { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); gap: 17px; margin-bottom: 18px; }
.marketing-governance > div { padding: 21px; border: 1px solid #e9e1e5; border-radius: 18px; background: #fff; }
.marketing-governance h2 { margin: 3px 0 15px; }
.marketing-governance dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.marketing-governance dl div { padding: 10px; border-radius: 10px; background: #faf7f9; }
.marketing-governance dt { color: #7d8894; font-size: 12px; }
.marketing-governance dd { margin: 3px 0 0; font-weight: 800; overflow-wrap: anywhere; }
.marketing-governance > div:last-child { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #f1fbf6; border-color: #cae8d8; }
.marketing-governance > div:last-child > span { display: grid; place-items: center; width: 55px; height: 55px; border-radius: 50%; background: #2c8862; color: #fff; font-size: 24px; font-weight: 900; }
.marketing-governance > div:last-child.is-paused { background: #fff2f2; border-color: #efc5c5; }
.marketing-governance > div:last-child.is-paused > span { background: #bd3d3d; }
.marketing-brand-list { display: grid; gap: 8px; }
.marketing-brand-list article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid #eee5e9; border-radius: 11px; }
.marketing-brand-list article > i { width: 10px; height: 38px; border-radius: 999px; background: var(--brand); }
.marketing-brand-list strong,
.marketing-brand-list small { display: block; }
.marketing-brand-list small { color: #7f8a96; }
.marketing-type-counts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.marketing-type-counts div { padding: 10px 5px; border-radius: 11px; background: #faf7f9; text-align: center; }
.marketing-type-counts span { display: grid; place-items: center; width: 32px; height: 32px; margin: 0 auto 4px; border-radius: 10px; background: var(--marketing-soft, #fbeaf1); color: var(--marketing, #9b315d); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.marketing-type-counts strong,
.marketing-type-counts small { display: block; }
.marketing-type-counts strong { font-size: 22px; }
.marketing-type-counts small { color: #7d8894; overflow-wrap: anywhere; }
.marketing-channel-table { display: grid; gap: 9px; }
.marketing-channel-table article { display: grid; grid-template-columns: auto minmax(180px, 1.1fr) minmax(300px, 1.2fr) auto auto auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid #eee5e9; border-radius: 12px; }
.marketing-channel-table article.is-archived { opacity: .55; }
.marketing-channel-table article > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: var(--channel); color: #fff; font-weight: 900; }
.marketing-channel-table article > div { min-width: 0; }
.marketing-channel-table article > div strong,
.marketing-channel-table article > div small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-channel-table article > div small { margin-top: 2px; color: #7e8995; }
.marketing-channel-table dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; }
.marketing-channel-table dt { color: #8a949f; font-size: 10px; text-transform: uppercase; }
.marketing-channel-table dd { margin: 2px 0 0; font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
.marketing-channel-table article > a { white-space: nowrap; color: var(--marketing, #9b315d); font-weight: 800; }
.marketing-channel-table article > i { color: #929ca6; font-size: 12px; white-space: nowrap; }

.marketing-channel-picker { display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: 8px; }
.marketing-channel-picker > label { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; gap: 0 8px; min-width: 0; padding: 10px; border: 1px solid #e4dce0; border-radius: 11px; background: #fff; cursor: pointer; }
.marketing-channel-picker input { position: absolute; top: 8px; right: 8px; }
.marketing-channel-picker label > span { grid-row: 1 / 3; display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: var(--channel); color: #fff; font-weight: 900; }
.marketing-channel-picker b,
.marketing-channel-picker small { padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-channel-picker small { color: #7e8995; }
.marketing-channel-picker label:has(input:checked) { border-color: var(--channel); box-shadow: 0 0 0 2px color-mix(in srgb, var(--channel) 20%, transparent); }
.marketing-user-picker { display: grid; grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)); gap: 7px; max-height: 280px; overflow: auto; }
.marketing-user-picker label { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 8px; padding: 9px; border: 1px solid #e6dfe2; border-radius: 10px; cursor: pointer; }
.marketing-user-picker input { grid-row: 1 / 3; align-self: center; }
.marketing-user-picker span,
.marketing-user-picker small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-user-picker small { color: #82909a; }
.marketing-user-picker label:has(input:checked) { border-color: var(--marketing, #9b315d); background: var(--marketing-soft, #fbeaf1); }
.marketing-compliance-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.marketing-compliance-form label { display: flex; align-items: flex-start; gap: 8px; padding: 9px; border: 1px solid #e7e0e3; border-radius: 10px; }
.marketing-variant-editor { margin: 16px 0; padding: 15px; border: 1px solid #e7dfe3; border-radius: 14px; background: #faf8f9; }
.marketing-variant-editor > header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.marketing-variant-editor h3 { margin: 2px 0; }
.marketing-variant-editor details { margin-bottom: 8px; border: 1px solid #e5dce1; border-radius: 10px; background: #fff; }
.marketing-variant-editor summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; cursor: pointer; }
.marketing-variant-editor summary > span:last-child { color: #85909b; font-size: 12px; }
.marketing-variant-editor details > div { padding: 0 12px 12px; }

.marketing-content-detail > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 16px; }
.marketing-content-detail > header p { display: inline; margin-left: 7px; color: #7c8793; }
.marketing-detail-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(240px, .65fr); gap: 16px; }
.marketing-detail-grid > section,
.marketing-detail-grid > aside { min-width: 0; padding: 16px; border: 1px solid #e7e0e3; border-radius: 13px; }
.marketing-detail-grid h3 { margin-top: 0; }
.marketing-copy { white-space: pre-wrap; line-height: 1.65; overflow-wrap: anywhere; }
.marketing-detail-grid dl { display: grid; gap: 9px; margin: 0; }
.marketing-detail-grid dl div { padding-bottom: 8px; border-bottom: 1px solid #eee7ea; }
.marketing-detail-grid dt { color: #85909b; font-size: 11px; text-transform: uppercase; }
.marketing-detail-grid dd { margin: 3px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.marketing-quality { margin-top: 15px; padding: 16px; border: 1px solid #e7e0e3; border-radius: 13px; }
.marketing-quality > header { display: flex; justify-content: space-between; align-items: flex-start; }
.marketing-quality h3 { margin: 2px 0 10px; }
.marketing-quality > header strong { color: var(--marketing, #9b315d); font-size: 24px; }
.marketing-quality > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.marketing-quality > div span { display: flex; align-items: center; gap: 7px; padding: 8px; border-radius: 9px; background: #fff2f2; color: #852f2f; font-size: 12px; font-weight: 700; }
.marketing-quality > div span.done { background: #eef9f3; color: #246c4e; }
.marketing-quality i { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: currentColor; color: #fff; font-style: normal; }
.marketing-detail-variants { margin-top: 15px; }
.marketing-detail-variants details { margin-bottom: 7px; border: 1px solid #e7e0e3; border-radius: 10px; }
.marketing-detail-variants summary { display: flex; align-items: center; gap: 10px; padding: 10px; cursor: pointer; }
.marketing-detail-variants details > p,
.marketing-detail-variants details > code,
.marketing-detail-variants details > small { display: block; margin: 0; padding: 0 12px 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
.marketing-comments,
.marketing-history { margin-top: 16px; padding-top: 14px; border-top: 1px solid #e6dfe2; }
.marketing-comments > div { display: grid; gap: 8px; }
.marketing-comments article { display: grid; grid-template-columns: auto 1fr; gap: 9px; }
.marketing-comments article > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--marketing-soft, #fbeaf1); color: var(--marketing, #9b315d); font-weight: 900; }
.marketing-comments article p { margin: 0; white-space: pre-wrap; }
.marketing-comments article strong,
.marketing-comments article small { display: block; }
.marketing-comments article small { margin: 2px 0 4px; color: #89939e; font-weight: 400; }
.marketing-comments form { display: flex; align-items: flex-end; gap: 8px; margin-top: 12px; }
.marketing-comments textarea { min-height: 70px; }
.marketing-history p { display: grid; grid-template-columns: 145px minmax(0, 1fr) auto; gap: 10px; margin: 0; padding: 7px 0; border-bottom: 1px solid #eee7ea; }
.marketing-history time,
.marketing-history small { color: #87919b; font-size: 12px; }
.marketing-workflow-actions { flex-wrap: wrap; }

@media (max-width: 1200px) {
  .marketing-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-channel-table article { grid-template-columns: auto minmax(180px, 1fr) minmax(240px, 1fr) auto; }
  .marketing-channel-table article > .btn { grid-row: 2; }
  .marketing-metric-list article { grid-template-columns: 100px minmax(180px, 1fr) 110px 110px; }
  .marketing-metric-list article > .btn { grid-row: 2; }
}

@media (max-width: 900px) {
  .marketing-onboarding,
  .marketing-dashboard-grid,
  .marketing-pr-grid,
  .marketing-settings-grid,
  .marketing-governance,
  .marketing-detail-grid { grid-template-columns: 1fr; }
  .marketing-onboarding-map { margin-top: 4px; }
  .marketing-calendar-day { grid-template-columns: 1fr; }
  .marketing-calendar-day > header { border-right: 0; border-bottom: 1px solid #eee4e9; padding-bottom: 10px; }
  .marketing-integration-roadmap { grid-template-columns: 1fr; }
  .marketing-channel-table article { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .marketing-channel-table article > span { grid-row: 1 / 3; }
  .marketing-channel-table article > div,
  .marketing-channel-table article dl { grid-column: 2; }
  .marketing-channel-table article > a,
  .marketing-channel-table article > i { grid-column: 2; }
  .marketing-channel-table article > .btn { grid-column: 2; grid-row: auto; justify-self: start; }
  .marketing-quality > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .marketing-page-header .page-actions { width: 100%; justify-content: stretch; }
  .marketing-page-header .page-actions .btn { flex: 1 1 auto; }
  .marketing-onboarding { padding: 21px; }
  .marketing-onboarding-map { grid-template-columns: 1fr; }
  .marketing-onboarding-map span { flex-direction: row; justify-content: flex-start; padding: 10px 12px; font-size: 13px; }
  .marketing-onboarding-map span + span::before { content: "↓"; left: 50%; top: -4px; transform: translate(-50%, -50%); font-size: 14px; }
  .marketing-kpi-grid { grid-template-columns: 1fr; }
  .marketing-filterbar { align-items: stretch; flex-direction: column; }
  .marketing-filterbar label { min-width: 0; }
  .marketing-content-grid,
  .marketing-campaign-grid,
  .marketing-website-grid { grid-template-columns: minmax(0, 1fr); }
  .marketing-content-card dl,
  .marketing-mini-kpis,
  .marketing-compliance-form,
  .marketing-governance dl { grid-template-columns: 1fr 1fr; }
  .marketing-calendar-item { grid-template-columns: 48px minmax(0, 1fr); }
  .marketing-calendar-item > .status { grid-column: 2; justify-self: start; }
  .marketing-pr-list article { grid-template-columns: auto minmax(0, 1fr) auto; }
  .marketing-pr-list article > .status { grid-column: 2; justify-self: start; }
  .marketing-pr-list article > .btn { grid-row: 2; }
  .marketing-metric-list article { grid-template-columns: 1fr 1fr; }
  .marketing-metric-list article > div { grid-column: 1 / -1; }
  .marketing-channel-table article dl { grid-template-columns: 1fr; }
  .marketing-channel-picker,
  .marketing-user-picker { grid-template-columns: 1fr; }
  .marketing-quality > div { grid-template-columns: 1fr; }
  .marketing-comments form { align-items: stretch; flex-direction: column; }
  .marketing-history p { grid-template-columns: 1fr; gap: 2px; }
  .marketing-stop-alert { grid-template-columns: 1fr; }
}

:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) body.marketing-workspace {
  --marketing: #e58ab1;
  --marketing-dark: #f0a5c5;
  --marketing-soft: #472638;
  --marketing-line: #654052;
  --marketing-ink: #f4e9ee;
}
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) body.marketing-workspace .content { background: #0f1921; color: #e6eef3; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-empty,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-kpi-grid article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-panel,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-calendar-legend,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-calendar-day,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-content-card,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-campaign-card,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-website-card,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-governance > div,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-channel-picker > label,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-variant-editor details,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-detail-grid > section,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-detail-grid > aside,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-quality,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-detail-variants details {
  border-color: #304653; background: #17262f; color: #e6eef3;
}
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-agenda > button,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-calendar-item,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-mini-kpis span,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-integration-roadmap article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-mention-list article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-governance dl div,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-type-counts div,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-variant-editor {
  border-color: #304653; background: #12212a; color: #e6eef3;
}
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-filterbar .segmented button,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-user-picker label,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-pr-list article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-channel-overview article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-brand-list article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-channel-table article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-compliance-form label {
  border-color: #304653; background: #17262f; color: #e6eef3;
}
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-channel-chip { background: color-mix(in srgb, var(--channel) 28%, #17262f); color: #e6eef3; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-empty strong,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-kpi-grid strong,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-content-card h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-campaign-card h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-website-card h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-mini-kpis b,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-metric-list article > span b,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-mention-list a { color: #f2f7fa; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-stop-alert { border-color: #80464b; background: #402326; color: #ffc8cc; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-governance > div:last-child { border-color: #315d4d; background: #17362c; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-governance > div:last-child.is-paused { border-color: #80464b; background: #402326; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-quality > div span { background: #402326; color: #ffc8cc; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-quality > div span.done { background: #17362c; color: #a8e6ca; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-comments,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-history,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-history p,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-metric-list article { border-color: #304653; }

@media print {
  body.marketing-workspace .sidebar,
  body.marketing-workspace .topbar,
  body.marketing-workspace .page-actions,
  body.marketing-workspace .marketing-filterbar,
  body.marketing-workspace .marketing-metric-list .btn { display: none !important; }
  body.marketing-workspace .app-shell,
  body.marketing-workspace .main,
  body.marketing-workspace .content { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #fff !important; }
  .marketing-panel,
  .marketing-kpi-grid article { break-inside: avoid; box-shadow: none; }
}



/* AppSystem bundle source: styles/234-marketing-etr-3570.css */
/* AppSystem 3.57.0 — generator tekstu łatwego do czytania i zrozumienia */
.marketing-content-etr-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--marketing-line, #ead5df);
  border-bottom: 1px solid var(--marketing-line, #ead5df);
}
.marketing-etr-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid #b9dccd;
  border-radius: 999px;
  background: #eef9f4;
  color: #245b45;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.marketing-etr-badge b { color: #fff; background: #34785c; border-radius: 5px; padding: 2px 5px; font-size: .68rem; letter-spacing: .04em; }
.marketing-etr-badge i { padding-left: 6px; border-left: 1px solid currentColor; font-style: normal; opacity: .8; }
.marketing-etr-badge.is-missing { border-color: #d8dfe6; background: #f5f7f9; color: #607080; }
.marketing-etr-badge.is-missing b { background: #758391; }
.marketing-etr-badge.is-stale { border-color: #efb3ad; background: #fff1ef; color: #8e3028; }
.marketing-etr-badge.is-stale b { background: #b94338; }

.marketing-etr-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 22px 0;
  padding: 18px;
  border: 1px solid #cfe0d8;
  border-radius: 16px;
  background: linear-gradient(135deg, #f2fbf7, #fff);
}
.marketing-etr-summary > div { display: flex; align-items: center; gap: 14px; min-width: 0; }
.marketing-etr-summary > div:first-child > span {
  display: grid;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 14px;
  background: #34785c;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 800;
}
.marketing-etr-summary h3, .marketing-etr-summary p { margin: 0; }
.marketing-etr-summary .eyebrow { margin-bottom: 3px; color: #34785c; }
.marketing-etr-summary > div:last-child { justify-content: flex-end; flex-wrap: wrap; }
.marketing-etr-summary.is-empty { border-style: dashed; background: #f8fafb; }
.marketing-etr-summary.is-stale { border-color: #efb3ad; background: #fff5f3; }

.marketing-etr-generator-intro {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid #cfe0d8;
  border-radius: 16px;
  background: #f2fbf7;
}
.marketing-etr-generator-intro > span {
  display: grid;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 15px;
  background: #34785c;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 800;
}
.marketing-etr-generator-intro strong { display: block; margin-bottom: 5px; font-size: 1.05rem; }
.marketing-etr-generator-intro p { margin: 0; color: var(--muted, #64748b); }
.marketing-etr-source-preview {
  max-height: 260px;
  overflow: auto;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--line, #dbe2e8);
  border-radius: 14px;
  background: #f8fafc;
}
.marketing-etr-source-preview small, .marketing-etr-source-preview strong { display: block; }
.marketing-etr-source-preview strong { margin: 4px 0 10px; }
.marketing-etr-source-preview p { margin: 0; white-space: pre-wrap; line-height: 1.55; }

.marketing-etr-workspace { display: grid; gap: 18px; min-width: 0; }
.marketing-etr-workspace-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line, #dbe2e8);
}
.marketing-etr-workspace-head h2, .marketing-etr-workspace-head p { margin: 0; }
.marketing-etr-workspace-head h2 { margin: 4px 0; overflow-wrap: anywhere; }
.marketing-etr-mode { color: #34785c; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.marketing-etr-actions-top { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; border-radius: 12px; background: #f6f8fa; }

.marketing-etr-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.marketing-etr-compare > section { min-width: 0; border: 1px solid var(--line, #dbe2e8); border-radius: 16px; overflow: hidden; background: #fff; }
.marketing-etr-compare > section > header { display: flex; align-items: center; gap: 10px; padding: 13px 15px; background: #f5f7f9; border-bottom: 1px solid var(--line, #dbe2e8); }
.marketing-etr-compare > section > header > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #5e6b78; color: #fff; font-weight: 800; }
.marketing-etr-compare > section:last-child > header > span { background: #34785c; }
.marketing-etr-compare > section > header strong, .marketing-etr-compare > section > header small { display: block; }
.marketing-etr-original { max-height: 520px; overflow: auto; padding: 20px; }
.marketing-etr-original h3 { margin-top: 0; }
.marketing-etr-original p { margin: 0; white-space: pre-wrap; line-height: 1.65; overflow-wrap: anywhere; }
.marketing-etr-editor { display: grid; gap: 14px; padding: 16px; }
.marketing-etr-editor textarea { min-height: 390px; resize: vertical; font-family: Arial, Verdana, sans-serif; font-size: 1rem; line-height: 1.6; }

.marketing-etr-form-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; }
.marketing-etr-form-grid > section, .marketing-etr-edit-section, .marketing-etr-validation {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line, #dbe2e8);
  border-radius: 16px;
  background: #fff;
}
.marketing-etr-form-grid h3, .marketing-etr-edit-section h3, .marketing-etr-validation h3 { margin-top: 0; }
.marketing-etr-score { display: flex; align-items: center; gap: 14px; margin-bottom: 13px; }
.marketing-etr-score > strong { display: grid; flex: 0 0 70px; width: 70px; height: 70px; place-items: center; border-radius: 50%; background: #34785c; color: #fff; font-size: 1.2rem; }
.marketing-etr-score span, .marketing-etr-score small { display: block; }
.marketing-etr-checks { display: grid; gap: 8px; }
.marketing-etr-checks article { display: flex; align-items: flex-start; gap: 9px; padding: 9px 10px; border-radius: 10px; background: #f7f9fa; }
.marketing-etr-checks article i { display: grid; flex: 0 0 22px; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #dbe4e9; font-style: normal; font-weight: 800; }
.marketing-etr-checks article.done i { background: #d9f0e5; color: #17633a; }
.marketing-etr-checks article.missing { background: #fff4ec; }
.marketing-etr-checks article.missing i { background: #ffddc5; color: #944214; }
.marketing-etr-checks strong, .marketing-etr-checks small { display: block; }
.marketing-etr-checks small { margin-top: 2px; color: var(--muted, #64748b); }

.marketing-etr-edit-section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.marketing-etr-edit-section > header p, .marketing-etr-edit-section > header h3 { margin-bottom: 0; }
.marketing-etr-glossary-row { display: grid; grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr) auto; align-items: end; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line, #dbe2e8); }
.marketing-etr-illustration-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; align-items: end; gap: 10px; padding: 14px 0; border-top: 1px solid var(--line, #dbe2e8); }
.marketing-etr-illustration-row .span-2 { grid-column: span 2; }
.marketing-etr-illustration-row button { grid-column: 3; grid-row: 2; }
.marketing-etr-validation { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 22px; background: #f2fbf7; border-color: #cfe0d8; }
.marketing-etr-validation p { margin-bottom: 0; }
.marketing-etr-validation > div:last-child { display: grid; align-content: center; gap: 10px; }
.marketing-etr-history { padding: 14px 16px; border: 1px solid var(--line, #dbe2e8); border-radius: 12px; }
.marketing-etr-history summary { cursor: pointer; font-weight: 700; }
.marketing-etr-history p { display: grid; grid-template-columns: 160px minmax(0, 1fr) 150px; gap: 10px; margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--line, #dbe2e8); }
.marketing-etr-history time, .marketing-etr-history small { color: var(--muted, #64748b); }
.marketing-etr-workflow { position: sticky; bottom: -20px; z-index: 2; margin: 0 -20px -20px; padding: 14px 20px; border-top: 1px solid var(--line, #dbe2e8); background: #fff; box-shadow: 0 -8px 20px rgba(17, 32, 47, .06); }

html.app-dark .marketing-etr-badge,
html[data-app-theme="dark"] .marketing-etr-badge { background: #143c2e; border-color: #30634e; color: #bde8d5; }
html.app-dark .marketing-etr-badge.is-missing,
html[data-app-theme="dark"] .marketing-etr-badge.is-missing { background: #2b3440; border-color: #4c5968; color: #d6dde5; }
html.app-dark .marketing-etr-badge.is-stale,
html[data-app-theme="dark"] .marketing-etr-badge.is-stale { background: #4b2724; border-color: #83504b; color: #ffd2cc; }
html.app-dark .marketing-etr-summary,
html.app-dark .marketing-etr-generator-intro,
html.app-dark .marketing-etr-validation,
html[data-app-theme="dark"] .marketing-etr-summary,
html[data-app-theme="dark"] .marketing-etr-generator-intro,
html[data-app-theme="dark"] .marketing-etr-validation { background: #152c26; border-color: #31594d; }
html.app-dark .marketing-etr-compare > section,
html.app-dark .marketing-etr-form-grid > section,
html.app-dark .marketing-etr-edit-section,
html[data-app-theme="dark"] .marketing-etr-compare > section,
html[data-app-theme="dark"] .marketing-etr-form-grid > section,
html[data-app-theme="dark"] .marketing-etr-edit-section { background: #202833; border-color: #3b4654; }
html.app-dark .marketing-etr-compare > section > header,
html.app-dark .marketing-etr-actions-top,
html[data-app-theme="dark"] .marketing-etr-compare > section > header,
html[data-app-theme="dark"] .marketing-etr-actions-top { background: #293340; border-color: #3b4654; }
html.app-dark .marketing-etr-source-preview,
html[data-app-theme="dark"] .marketing-etr-source-preview { background: #222c38; border-color: #3b4654; }
html.app-dark .marketing-etr-workflow,
html[data-app-theme="dark"] .marketing-etr-workflow { background: #202833; border-color: #3b4654; }
html.app-dark .marketing-etr-checks article,
html[data-app-theme="dark"] .marketing-etr-checks article { background: #293340; }
html.app-dark .marketing-etr-checks article.missing,
html[data-app-theme="dark"] .marketing-etr-checks article.missing { background: #492f23; }

@media (max-width: 900px) {
  .marketing-etr-compare, .marketing-etr-form-grid, .marketing-etr-validation { grid-template-columns: minmax(0, 1fr); }
  .marketing-etr-original { max-height: 320px; }
  .marketing-etr-editor textarea { min-height: 320px; }
  .marketing-etr-history p { grid-template-columns: 1fr; gap: 3px; }
}
@media (max-width: 640px) {
  .marketing-content-etr-line, .marketing-etr-summary, .marketing-etr-workspace-head { align-items: stretch; flex-direction: column; }
  .marketing-etr-summary > div:last-child { justify-content: flex-start; }
  .marketing-etr-actions-top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-etr-actions-top .btn { width: 100%; }
  .marketing-etr-glossary-row, .marketing-etr-illustration-row { grid-template-columns: minmax(0, 1fr); }
  .marketing-etr-illustration-row .span-2, .marketing-etr-illustration-row button { grid-column: auto; grid-row: auto; }
  .marketing-etr-workflow { position: static; margin: 0; padding: 14px 0 0; box-shadow: none; }
  .marketing-etr-workflow .btn { width: 100%; }
}

@media print {
  .marketing-content-etr-line, .marketing-etr-summary, .marketing-etr-workspace { break-inside: avoid; }
}



/* AppSystem bundle source: styles/235-marketing-operations-3580.css */
:root {
  --marketing-ops-navy: #0b4d82;
  --marketing-ops-blue: #eaf4fb;
  --marketing-ops-line: #dce7ef;
  --marketing-ops-ink: #173047;
  --marketing-ops-muted: #65788a;
}

.marketing-operations-shortcuts {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 10px;
  margin: 14px 0 22px;
}
.marketing-operations-shortcuts button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 1px 10px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--marketing-ops-line);
  border-radius: 13px;
  background: #fff;
  color: var(--marketing-ops-ink);
  text-align: left;
  cursor: pointer;
}
.marketing-operations-shortcuts button:hover { border-color: #8eb6d2; box-shadow: 0 7px 20px rgba(18, 74, 116, .08); transform: translateY(-1px); }
.marketing-operations-shortcuts span { grid-row: 1 / 3; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--marketing-ops-blue); color: var(--marketing-ops-navy); font-size: 17px; font-weight: 900; }
.marketing-operations-shortcuts b,
.marketing-operations-shortcuts small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketing-operations-shortcuts small { color: var(--marketing-ops-muted); }

.marketing-ops-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.marketing-ops-kpis article {
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--marketing-ops-line);
  border-radius: 14px;
  background: #fff;
}
.marketing-ops-kpis small { display: block; color: var(--marketing-ops-muted); font-weight: 750; }
.marketing-ops-kpis strong { display: block; margin-top: 4px; color: var(--marketing-ops-ink); font-size: 25px; }
.marketing-ops-notice {
  display: flex;
  gap: 13px;
  align-items: center;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid #b8d7eb;
  border-radius: 14px;
  background: #eff8fd;
}
.marketing-ops-notice > span { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; background: #d7edf9; color: var(--marketing-ops-navy); font-size: 19px; font-weight: 900; }
.marketing-ops-notice strong,
.marketing-ops-notice p { display: block; margin: 0; }
.marketing-ops-notice p { margin-top: 2px; color: #577084; }
.marketing-ops-notice.is-manual { border-color: #e7d7ad; background: #fff9e8; }
.marketing-ops-notice.is-manual > span { background: #f6e8b8; color: #76590a; }

.marketing-asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 15px;
}
.marketing-asset-card { min-width: 0; overflow: hidden; border: 1px solid var(--marketing-ops-line); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(29, 61, 86, .05); }
.marketing-asset-preview { position: relative; display: grid; place-items: center; height: 180px; overflow: hidden; background: linear-gradient(145deg, #ecf5fb, #f8fbfd); color: #6c8ba2; font-size: 42px; }
.marketing-asset-preview img { width: 100%; height: 100%; object-fit: cover; }
.marketing-asset-preview > .status { position: absolute; right: 10px; bottom: 10px; font-size: 11px; }
.marketing-asset-body { padding: 16px; }
.marketing-asset-body > p { margin: 0; color: var(--marketing-ops-navy); font-size: 12px; font-weight: 850; }
.marketing-asset-body h2 { margin: 4px 0 5px; color: var(--marketing-ops-ink); font-size: 19px; overflow-wrap: anywhere; }
.marketing-asset-body > small { display: block; color: var(--marketing-ops-muted); }
.marketing-tag-row,
.marketing-channel-type-row { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0; }
.marketing-tag-row span,
.marketing-channel-type-row span { padding: 4px 8px; border-radius: 999px; background: #edf3f7; color: #486176; font-size: 11px; font-weight: 750; }
.marketing-asset-body dl,
.marketing-request-list dl,
.marketing-inbox-list dl,
.marketing-link-grid dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0; }
.marketing-asset-body dl div,
.marketing-request-list dl div,
.marketing-inbox-list dl div,
.marketing-link-grid dl div { min-width: 0; }
.marketing-asset-body dt,
.marketing-request-list dt,
.marketing-inbox-list dt,
.marketing-link-grid dt { color: #8493a1; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.marketing-asset-body dd,
.marketing-request-list dd,
.marketing-inbox-list dd,
.marketing-link-grid dd { margin: 2px 0 0; color: #30485c; font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
.marketing-asset-body footer,
.marketing-request-list footer,
.marketing-inbox-list footer,
.marketing-link-grid footer,
.marketing-report-grid footer { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }

.marketing-request-list,
.marketing-inbox-list { display: grid; gap: 12px; }
.marketing-request-list > article,
.marketing-inbox-list > article { min-width: 0; padding: 17px; border: 1px solid var(--marketing-ops-line); border-left: 5px solid #5b89aa; border-radius: 14px; background: #fff; }
.marketing-request-list > article.priority-high { border-left-color: #d07917; }
.marketing-request-list > article.priority-urgent,
.marketing-inbox-list > article.is-overdue { border-left-color: #be4040; background: #fffafa; }
.marketing-request-list header,
.marketing-inbox-list header { display: flex; align-items: flex-start; gap: 12px; }
.marketing-request-list header > div,
.marketing-inbox-list header > div { min-width: 0; flex: 1; }
.marketing-request-list header p,
.marketing-inbox-list header p { margin: 0; color: var(--marketing-ops-navy); font-size: 11px; font-weight: 850; }
.marketing-request-list h2,
.marketing-inbox-list h2 { margin: 3px 0; color: var(--marketing-ops-ink); font-size: 18px; overflow-wrap: anywhere; }
.marketing-request-list > article > p { color: #526b7f; line-height: 1.5; }
.marketing-decision-note,
.marketing-response-preview { padding: 10px 12px; border-radius: 10px; background: #f3f7fa; }
.marketing-decision-note p,
.marketing-response-preview p { margin: 3px 0 0; color: #4e6578; }
.marketing-inbox-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; background: var(--marketing-ops-blue); color: var(--marketing-ops-navy); font-size: 18px; font-weight: 900; }
.marketing-inbox-list blockquote { margin: 13px 0; padding: 11px 13px; border: 0; border-left: 3px solid #bfd0dc; background: #f8fafb; color: #425d70; line-height: 1.55; }

.marketing-link-grid { display: grid; gap: 13px; }
.marketing-link-grid > article { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 17px; min-width: 0; padding: 16px; border: 1px solid var(--marketing-ops-line); border-radius: 15px; background: #fff; }
.marketing-qr-preview { display: grid; place-items: center; min-height: 140px; border-radius: 12px; background: #fff; border: 1px solid #dbe4ea; }
.marketing-qr-preview img { width: 126px; height: 126px; object-fit: contain; }
.marketing-link-grid h2 { margin: 3px 0 7px; color: var(--marketing-ops-ink); font-size: 19px; }
.marketing-link-grid p { margin: 0; color: var(--marketing-ops-navy); font-size: 11px; font-weight: 850; }
.marketing-link-grid a { display: block; max-width: 100%; color: #12639c; overflow-wrap: anywhere; }
.marketing-utm-preview { min-width: 0; padding: 11px 12px; border-radius: 10px; background: #f3f7fa; }
.marketing-utm-preview small { display: block; margin-bottom: 4px; color: #677b8c; }
.marketing-utm-preview code { display: block; max-width: 100%; color: #23475f; white-space: normal; overflow-wrap: anywhere; }

.marketing-report-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; }
.marketing-report-grid > article { display: flex; flex-direction: column; min-width: 0; padding: 18px; border: 1px solid var(--marketing-ops-line); border-radius: 15px; background: #fff; }
.marketing-report-grid header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.marketing-report-grid header > div { min-width: 0; }
.marketing-report-grid header p,
.marketing-report-form-head p { margin: 0; color: var(--marketing-ops-navy); font-size: 11px; font-weight: 850; }
.marketing-report-grid h2,
.marketing-report-form-head h2 { margin: 3px 0 0; color: var(--marketing-ops-ink); font-size: 19px; overflow-wrap: anywhere; }
.marketing-report-grid > article > p { color: #526b7f; line-height: 1.55; }
.marketing-report-grid footer { margin-top: auto; }
.marketing-report-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 14px 0; }
.marketing-report-stats span { min-width: 0; padding: 8px; border-radius: 9px; background: #f1f6f9; color: #607588; font-size: 10px; text-align: center; }
.marketing-report-stats b { display: block; color: #183f59; font-size: 15px; overflow: hidden; text-overflow: ellipsis; }
.marketing-report-content-picker { display: grid; gap: 7px; margin-top: 6px; }
.marketing-report-content-picker > label { display: flex; flex-direction: row; gap: 9px; align-items: flex-start; padding: 9px; border: 1px solid #dfe8ee; border-radius: 9px; }
.marketing-report-content-picker input { flex: 0 0 auto; margin-top: 3px; }
.marketing-report-content-picker span,
.marketing-report-content-picker strong,
.marketing-report-content-picker small { display: block; min-width: 0; }
.marketing-report-content-picker small { color: #708191; }

.marketing-calendar-drop-panel { margin: 12px 0 16px; padding: 12px; border: 1px dashed #9fbfd3; border-radius: 13px; background: #f5fafd; }
.marketing-calendar-drop-panel header strong,
.marketing-calendar-drop-panel header small { display: block; }
.marketing-calendar-drop-panel header small { margin-top: 2px; color: #637b8d; }
.marketing-calendar-drop-panel > div { display: grid; grid-template-columns: repeat(14, minmax(48px, 1fr)); gap: 5px; margin-top: 10px; overflow-x: auto; }
.marketing-calendar-drop-panel button { min-width: 48px; padding: 7px 3px; border: 1px solid #d2e0e9; border-radius: 8px; background: #fff; color: #2c516a; }
.marketing-calendar-drop-panel button b,
.marketing-calendar-drop-panel button span { display: block; }
.marketing-calendar-drop-panel button span { margin-top: 2px; color: #718696; font-size: 10px; text-transform: uppercase; }
.marketing-calendar-drop-panel button.is-drag-target,
.marketing-calendar-day.is-drag-target { border-color: #0f76b5; background: #eaf6fd; box-shadow: 0 0 0 3px rgba(15, 118, 181, .13); }
.marketing-calendar-item { cursor: default; }
.marketing-calendar-item[draggable="true"] { cursor: grab; }
.marketing-calendar-item.is-dragging { opacity: .45; }
.marketing-calendar-item > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; align-items: center; }
.marketing-calendar-item.needs-approval { background: #fffaf0; }
.marketing-calendar-item > span > em { display: block; margin-top: 7px; color: #9a6712; font-size: 11px; font-style: normal; font-weight: 800; }

@media (max-width: 1180px) {
  .marketing-operations-shortcuts { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  .marketing-calendar-drop-panel > div { grid-template-columns: repeat(14, 58px); }
}
@media (max-width: 760px) {
  .marketing-operations-shortcuts { grid-template-columns: 1fr 1fr; }
  .marketing-ops-kpis { grid-template-columns: 1fr; }
  .marketing-asset-grid,
  .marketing-report-grid { grid-template-columns: 1fr; }
  .marketing-link-grid > article { grid-template-columns: 1fr; }
  .marketing-qr-preview { min-height: 132px; }
  .marketing-request-list header,
  .marketing-inbox-list header { flex-wrap: wrap; }
  .marketing-request-list header .status,
  .marketing-inbox-list header .status { margin-left: 50px; }
  .marketing-calendar-item { grid-template-columns: 42px minmax(0, 1fr); }
  .marketing-calendar-item > div { grid-column: 1 / -1; justify-content: flex-start; padding-left: 42px; }
  .marketing-report-stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .marketing-operations-shortcuts { grid-template-columns: 1fr; }
  .marketing-asset-body dl,
  .marketing-request-list dl,
  .marketing-inbox-list dl,
  .marketing-link-grid dl { grid-template-columns: 1fr; }
  .marketing-asset-preview { height: 155px; }
}

:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-operations-shortcuts button,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-ops-kpis article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-asset-card,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-request-list > article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-inbox-list > article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-link-grid > article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-report-grid > article,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-calendar-drop-panel button { background: #172432; border-color: #344658; color: #eaf2f8; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-asset-preview,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-decision-note,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-response-preview,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-utm-preview { background: #1c2d3b; }
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-asset-body h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-request-list h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-inbox-list h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-link-grid h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-report-grid h2,
:is(html[data-theme="dark"], html.app-dark, html[data-app-theme="dark"]) .marketing-ops-kpis strong { color: #f1f7fb; }



/* AppSystem bundle source: styles/236-language-3590.css */
/* AppSystem 3.59.0 — Polish / English interface */
.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: max-content;
}

.language-switcher label {
  margin: 0;
  font-size: .78rem;
  font-weight: 800;
  color: var(--muted, #66788a);
}

.language-switcher select {
  width: auto !important;
  min-width: 74px;
  height: 40px;
  margin: 0;
  padding: 0 30px 0 11px;
  border: 1px solid var(--line, #d7e1ea);
  border-radius: 12px;
  background-color: var(--surface, #fff);
  color: var(--ink, #17283a);
  font: inherit;
  font-size: .86rem;
  font-weight: 850;
  cursor: pointer;
}

.login-language-switcher {
  position: absolute;
  top: 18px;
  right: 18px;
}

.login-card { position: relative; }

.access-language-switcher { margin-left: auto; }
.activation-language-switcher { margin-left: auto; }
.activation-language-switcher label.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.profile-language-setting {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin: 14px 0;
  padding: 14px 16px;
  border: 1px solid var(--line, #d7e1ea);
  border-radius: 16px;
  background: var(--surface-soft, #f5f8fb);
}

.form-actions > .profile-language-setting {
  flex: 1 0 100%;
  width: 100%;
}

.profile-language-setting strong,
.profile-language-setting small { display: block; }
.profile-language-setting small { margin-top: 3px; color: var(--muted, #66788a); }

html[lang="en"] .topbar-actions { gap: 8px; }
html[lang="en"] .nav-item b,
html[lang="en"] .nav-group-toggle b { overflow-wrap: normal; word-break: normal; }

@media (max-width: 1180px) {
  .topbar-language-switcher label { display: none; }
  .topbar-language-switcher select { min-width: 66px; height: 38px; }
}

@media (max-width: 760px) {
  .login-language-switcher { top: 12px; right: 12px; }
  .login-language-switcher label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .login-language-switcher select { min-width: 64px; height: 36px; }
  .access-head { flex-wrap: wrap; }
  .access-language-switcher { order: 2; margin-left: 0; }
  .profile-language-setting { grid-template-columns: 1fr; }
  .profile-language-setting .language-switcher { width: 100%; }
  .profile-language-setting select { width: 100% !important; }
  .activation-language-switcher select { min-width: 62px; height: 36px; }
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .language-switcher select { color-scheme: dark; }
}

html[data-theme="dark"] .language-switcher select { color-scheme: dark; }



/* AppSystem bundle source: styles/237-audit-fixes-3600.css */
/* AppSystem 3.60.0 — końcowy audyt: responsywność, dotyk i kontrast. */

/* Kolumny mają zawsze prawo się zwęzić wewnątrz bocznego menu. */
.main-area,
.content,
.page-header,
.page-header > div,
.panel,
.form-grid,
.filter-bar,
.table-wrap { min-width: 0; }

/* Czytelne teksty pomocnicze w miejscach wskazanych przez audyt WCAG. */
.page-header .muted,
.marketing-dashboard small,
.marketing-dashboard p,
[data-marketing-add-channel],
.archive-shortcut small,
.studio-template-card small,
button[data-studio-template] small,
.equipment-filter-summary > span,
.calendar-day-name,
.calendar-cell.other .calendar-number {
  color: #4b5f6f;
  opacity: 1;
}
.equipment-filter-summary select,
.equipment-filter-summary input { color: #243746; }
.equipment-search input { color: #53687a; }
.equipment-search input::placeholder { color: #53687a; opacity: 1; }

html[data-theme="dark"] .page-header .muted,
html.app-dark .page-header .muted,
html[data-theme="dark"] .marketing-dashboard small,
html.app-dark .marketing-dashboard small,
html[data-theme="dark"] .marketing-dashboard p,
html.app-dark .marketing-dashboard p,
html[data-theme="dark"] [data-marketing-add-channel],
html.app-dark [data-marketing-add-channel],
html[data-theme="dark"] .archive-shortcut small,
html.app-dark .archive-shortcut small,
html[data-theme="dark"] .studio-template-card small,
html.app-dark .studio-template-card small,
html[data-theme="dark"] button[data-studio-template] small,
html.app-dark button[data-studio-template] small,
html[data-theme="dark"] .equipment-filter-summary > span,
html.app-dark .equipment-filter-summary > span,
html.app-dark .contact-filter,
html[data-theme="dark"] .calendar-day-name,
html.app-dark .calendar-day-name,
html[data-theme="dark"] .calendar-cell.other .calendar-number,
html.app-dark .calendar-cell.other .calendar-number,
html.app-dark [data-calendar-day].other-month .calendar-number {
  color: #e8eff4;
  opacity: 1;
}
html.app-dark .contact-filter {
  color: #f4f7fa;
  background: #172936;
  border-color: #718493;
}
html.app-dark .contact-filter.active,
html.app-dark .contact-filter:hover {
  color: #fff;
  background: #07517f;
  border-color: #8bc9ef;
}
html.app-dark #content [id^="field-"] { color: #f4f7fa; }
html[data-theme="dark"] .topbar-language-switcher select,
html.app-dark .topbar-language-switcher select,
html[data-theme="dark"] .equipment-filter-summary select,
html[data-theme="dark"] .equipment-filter-summary input {
  color: #f4f7fa;
  background: #1c303e;
  border-color: #718493;
}
html.app-dark #content input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html.app-dark #content select,
html.app-dark #content textarea {
  color: #f4f7fa;
  background-color: #172936;
  border-color: #718493;
}
html.app-dark #content input::placeholder,
html.app-dark #content textarea::placeholder { color: #bac8d2; opacity: 1; }

/* Jednolity rozmiar ikon SVG niezależnie od systemu i dostępnych fontów. */
.app-icon-svg { width: 1.18rem; height: 1.18rem; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav-item > .app-icon-svg,
.nav-group-icon > .app-icon-svg { flex: 0 0 1.2rem; }
.nav-item > .app-icon-svg { margin-inline: .05rem .15rem; }

/* Wyszukiwanie upraszcza długie menu na telefonach i w rozbudowanych strefach. */
.sidebar-nav-filter { display: grid; grid-template-columns: 1.1rem minmax(0,1fr) 2.75rem; align-items: center; gap: .4rem; margin: .25rem .65rem .55rem; padding-left: .75rem; border: 1px solid color-mix(in srgb,var(--app-sidebar-text) 22%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--app-sidebar-text) 8%,transparent); }
.sidebar-nav-filter:focus-within { outline: 3px solid color-mix(in srgb,var(--app-sidebar-text) 30%,transparent); outline-offset: 1px; }
.sidebar-nav-filter input { min-width: 0; min-height: 42px; padding: .55rem .25rem; border: 0; outline: 0; color: inherit; background: transparent; font: inherit; }
.sidebar-nav-filter input::placeholder { color: color-mix(in srgb,currentColor 72%,transparent); }
.sidebar-nav-filter button { width: 2.75rem; height: 2.75rem; border: 0; border-radius: 10px; color: inherit; background: transparent; font-size: 1.25rem; cursor: pointer; }
.sidebar-nav-filter button:hover,
.sidebar-nav-filter button:focus-visible { background: color-mix(in srgb,var(--app-sidebar-text) 14%,transparent); }
.nav-item.nav-filter-hidden,
.nav-group.nav-filter-hidden,
.nav-subitem.nav-filter-hidden { display: none !important; }
.nav-filter-empty { margin: .4rem .75rem; padding: .8rem; border: 1px dashed currentColor; border-radius: 12px; text-align: center; opacity: .8; }

/* Najczęściej używane elementy dotykowe spełniają minimalne 44 × 44 px. */
.modal-close,
.accessibility-close-btn,
.calendar-day-add,
.event-palette-button,
.messenger-composer-icon,
.messenger-like-btn,
.messenger-send-btn,
.messenger-chat-actions .icon-btn,
.messenger-dock-top .icon-btn,
.topbar .icon-btn { min-width: 44px; min-height: 44px; }
.modal-close,
#modalCloseBtn { width: 44px; flex: 0 0 44px; }
.event-palette-button { width: 44px; height: 44px; }
.event-color-picker input[type="color"] { min-width: 58px; min-height: 44px; }
.check-card,
.inline-check,
label:has(> input[type="checkbox"]),
label:has(> input[type="radio"]) { min-height: 44px; }
input[type="checkbox"],
input[type="radio"] { min-width: 20px; min-height: 20px; }
.access-view-level,
[aria-label^="Poziom dostępu"] { min-height: 44px; }

@media (max-width: 680px), (pointer: coarse) {
  .btn,
  button,
  select,
  input[type="button"],
  input[type="submit"],
  input[type="reset"] { min-height: 44px; }
  .language-switcher select,
  .password-toggle { min-width: 44px; min-height: 44px; }
  input[type="checkbox"],
  input[type="radio"],
  .account-access-view-name input[type="checkbox"],
  .account-access-area-master input[type="checkbox"] {
    flex-basis: 24px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
  }
  .toast { left: max(12px,env(safe-area-inset-left)); right: max(12px,env(safe-area-inset-right)); bottom: calc(96px + env(safe-area-inset-bottom)); max-width: none; }
  .accessibility-global-btn { width: 48px; height: 48px; min-width: 48px; min-height: 48px; padding: 0; justify-content: center; }
}

@media (max-width: 1080px) {
  .archive-search-advanced,
  .archive-filter-grid { max-width: 100%; overflow: hidden; }
  .archive-search-main { grid-template-columns: minmax(0,1fr) auto auto; }
}

@media (max-width: 680px) {
  .archive-search-main { grid-template-columns: 1fr; }
  .sidebar-nav-filter { margin-top: 0; }
}



/* AppSystem bundle source: styles/238-readability-3601.css */
/* AppSystem 3.60.1 — czytelność, responsywność i zgodność motywów. */

:root {
  /* Co najmniej 4,5:1 na jasnych powierzchniach aplikacji. */
  --app-muted: #566a7d;
}

/* Nawigacja pozostaje czytelna również w strefach z własnym kolorem bocznego menu. */
.sidebar .sidebar-nav-filter {
  color: var(--app-sidebar-text, #fff);
}
.sidebar .sidebar-nav-filter input,
.sidebar .sidebar-nav-filter input::placeholder {
  color: inherit;
  opacity: 1;
}

/* Drobne informacje nie powinny wyglądać jak tekst dekoracyjny. */
.eyebrow,
.status,
.profile-completion,
.hr-summary-grid article span,
.hr-schedule-table th,
.research-kpi-grid :is(small, p),
.research-hero-score :is(small, span),
.studio-kpi-grid :is(small, p),
.studio-hero-badge span,
.archive-shortcut small {
  font-size: .8125rem;
  line-height: 1.3;
}
.dashboard-unpin {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
}
.hr-schedule-table td small,
.schedule-day-select small {
  color: #566a7d;
}
.schedule-row-weekend td:first-child strong {
  color: #536373;
}

/* Marketing: pełne nazwy narzędzi, czytelne etykiety i przewidywalna siatka. */
.marketing-onboarding-map b {
  font-size: .8125rem;
}
.marketing-onboarding-map span {
  font-size: .8125rem;
}
.marketing-onboarding-actions .btn:disabled {
  color: #fff;
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .52);
  opacity: 1;
  cursor: not-allowed;
}
body.marketing-workspace .marketing-onboarding-actions .btn-primary,
body.marketing-workspace .marketing-onboarding-actions .btn-primary:disabled {
  color: #6b173b;
  background: #fff;
  border-color: #fff;
  opacity: 1;
}
.marketing-kpi-grid small,
.marketing-kpi-grid p {
  color: #53687a;
}
.marketing-operations-shortcuts {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.marketing-operations-shortcuts button {
  min-height: 78px;
  align-content: center;
}
.marketing-operations-shortcuts b,
.marketing-operations-shortcuts small {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.marketing-asset-body dt,
.marketing-request-list dt,
.marketing-inbox-list dt,
.marketing-link-grid dt,
.marketing-request-list header p,
.marketing-inbox-list header p,
.marketing-link-grid > article > div > p,
.marketing-report-grid header p,
.marketing-report-form-head p,
.marketing-tag-row span,
.marketing-channel-type-row span,
.marketing-report-stats span {
  font-size: .75rem;
  line-height: 1.35;
}
.marketing-asset-body dt,
.marketing-request-list dt,
.marketing-inbox-list dt,
.marketing-link-grid dt {
  color: #65788a;
  letter-spacing: .025em;
}

/* Dłuższe nagłówki na telefonie dostają wygodny rytm wierszy. */
@media (max-width: 760px) {
  .marketing-operations-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .research-hero h2,
  .studio-hero h2,
  .studio-smart-hero h2 {
    line-height: 1.2;
    letter-spacing: -.035em;
  }
  .studio-hero h2,
  .studio-smart-hero h2 {
    font-size: clamp(1.8rem, 8vw, 2.2rem);
  }
}
@media (max-width: 480px) {
  .marketing-operations-shortcuts {
    grid-template-columns: 1fr;
  }
}

/* Zwykły tryb ciemny: poprawki dla widoków z historycznymi kolorami stałymi. */
html.app-dark .tile-icon {
  color: var(--app-link) !important;
  background: var(--app-selected-bg) !important;
}
html.app-dark .dashboard-unpin {
  color: var(--app-muted);
}
html.app-dark .staff-profile-copy > p:last-of-type,
html.app-dark .profile-info-grid p {
  color: var(--app-muted) !important;
}
html.app-dark .profile-info-grid > div {
  color: var(--app-text) !important;
  background: var(--app-surface-soft) !important;
  border-color: var(--app-border) !important;
}
html.app-dark .profile-info-grid > div :is(small, span) {
  color: var(--app-muted) !important;
}
html.app-dark .hr-summary-grid article strong,
html.app-dark .foundation-board-stats .stat-card strong,
html.app-dark .audit-committee-stats .stat-card strong {
  color: var(--app-link) !important;
}
html.app-dark .hr-summary-grid article :is(span, small) {
  color: var(--app-muted) !important;
}
html.app-dark .foundation-board-roadmap-grid span,
html.app-dark .audit-committee-roadmap-grid span {
  color: var(--app-muted) !important;
}
html.app-dark .schedule-row-weekend {
  background: var(--app-surface-soft) !important;
}
html.app-dark .schedule-row-weekend td:first-child strong {
  color: var(--app-text) !important;
}
html.app-dark .studio-workspace .eyebrow {
  color: #c7b4ff;
}
html.app-dark .archive-filters > summary,
html.app-dark .archive-shortcut-arrow {
  color: var(--app-link) !important;
}
html.app-dark .archive-completeness-board .is-complete strong {
  color: var(--app-success-text) !important;
}
html.app-dark .archive-completeness-board .needs-attention strong {
  color: var(--app-warning-text) !important;
}
html.app-dark .marketing-kpi-grid small,
html.app-dark .marketing-kpi-grid p,
html.app-dark .marketing-asset-body dt,
html.app-dark .marketing-request-list dt,
html.app-dark .marketing-inbox-list dt,
html.app-dark .marketing-link-grid dt {
  color: var(--app-muted) !important;
}



/* AppSystem bundle source: styles/239-office-3610.css */
/* AppSystem 3.61.0 — Kancelaria Fundacji */
body.office-workspace{--area-color:#6b4b3e;--area-soft:#f5eee9}
.chancery-page{max-width:1540px;margin:0 auto;padding:4px 2px 46px;color:var(--text,#16283a)}
.chancery-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 22px;padding:25px 27px;border:1px solid #d8e2e9;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbf7f3 58%,#edf5f8 100%);box-shadow:0 12px 32px rgba(27,48,67,.07)}
.chancery-hero-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#6b4b3e;color:#fff;font-size:19px;font-weight:850;letter-spacing:.05em;box-shadow:0 8px 20px rgba(107,75,62,.24)}
.chancery-hero h1{margin:2px 0 5px;font-size:clamp(28px,3vw,43px);line-height:1.05;letter-spacing:-.035em;color:#172a3d}
.chancery-hero p{margin:0;max-width:820px;color:#68798a;font-size:15px;line-height:1.45}
.chancery-hero .eyebrow,.chancery-panel .eyebrow{color:#79594b;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.chancery-hero-actions,.chancery-report-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.chancery-refresh{width:42px;padding-inline:0;font-size:20px}
.chancery-refresh.is-loading{animation:chancery-spin .75s linear infinite}
@keyframes chancery-spin{to{transform:rotate(360deg)}}
.chancery-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}
.chancery-stat{display:flex;flex-direction:column;min-height:124px;padding:18px;border:1px solid #dce5eb;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(21,45,63,.055)}
.chancery-stat span{color:#647689;font-weight:680;font-size:13px}
.chancery-stat strong{margin:7px 0 2px;color:#172b3f;font-size:32px;line-height:1}
.chancery-stat small{margin-top:auto;color:#8593a1;font-size:11px}
.chancery-stat.is-attention{border-color:#e8c986;background:#fffaf0}
.chancery-stat.is-danger{border-color:#e8b9b9;background:#fff5f5}
.chancery-stat.is-danger strong{color:#a52f39}
.chancery-dashboard-grid,.chancery-settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;margin-bottom:18px}
.chancery-panel{padding:20px;border:1px solid #dce5eb;border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(21,45,63,.05)}
.chancery-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.chancery-panel-heading h2,.chancery-panel-heading p{margin:0}
.chancery-panel-heading h2{color:#1a3044;font-size:20px;line-height:1.2}
.chancery-panel-heading>span{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border-radius:999px;background:#edf3f6;color:#40586d;font-weight:800}
.chancery-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px;padding:14px 17px;border:1px solid #dce5eb;border-radius:16px;background:#fff}
.chancery-list-toolbar>div{display:flex;align-items:baseline;gap:8px}
.chancery-list-toolbar strong{color:#193147;font-size:22px}
.chancery-list-toolbar span{color:#6b7c8d}
.chancery-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chancery-document-list{display:grid;gap:10px}
.chancery-document-card{position:relative;min-width:0;border:1px solid #dce5eb;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(25,49,70,.045);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.chancery-document-card:hover{transform:translateY(-2px);border-color:#a8bdca;box-shadow:0 12px 26px rgba(25,49,70,.09)}
.chancery-document-card.is-overdue{border-color:#dfaaaa}
.chancery-document-card.is-overdue:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#b83b46}
.chancery-document-main{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start;padding:16px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.chancery-direction{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:#e8f2f7;color:#235c78;font-weight:900;font-size:21px}
.chancery-direction.is-outgoing{background:#f3ebe7;color:#79513f}
.chancery-direction.is-case{background:#eeeafb;color:#594690}
.chancery-document-copy{min-width:0}
.chancery-document-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.chancery-document-top>strong{overflow:hidden;color:#173047;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.chancery-subject{display:-webkit-box;min-height:43px;margin:7px 0 10px;overflow:hidden;color:#1d3041;font-size:16px;font-weight:760;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.chancery-meta{display:flex;align-items:center;gap:5px 11px;flex-wrap:wrap;color:#748394;font-size:11px}
.chancery-meta>span{min-width:0;overflow-wrap:anywhere}
.chancery-card-footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 16px 14px;border-top:1px solid #eef2f5;color:#6f7e8d;font-size:10px}
.chancery-category{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--category) 12%,#fff);color:color-mix(in srgb,var(--category) 75%,#1c2c3b);font-size:10px;font-weight:760;line-height:1.2}
.chancery-category:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--category)}
.chancery-confidential{color:#744768;font-weight:750}
.danger-text{color:#a8323c!important;font-weight:760}
.chancery-document-card.is-compact .chancery-document-main{padding:12px}
.chancery-document-card.is-compact .chancery-direction{width:36px;height:36px;border-radius:11px;font-size:17px}
.chancery-document-card.is-compact .chancery-subject{min-height:0;margin:4px 0 6px;font-size:14px;-webkit-line-clamp:1}
.chancery-document-card.is-compact .chancery-card-footer{display:none}
.chancery-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.chancery-case-card{border:1px solid #dce5eb;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(25,49,70,.04);overflow:hidden}
.chancery-case-card.is-overdue{border-color:#dfaaaa}
.chancery-case-card>button{display:block;width:100%;padding:19px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.chancery-case-card h3{margin:9px 0 7px;color:#1b3043;font-size:18px}
.chancery-case-card p{display:-webkit-box;min-height:38px;margin:0 0 12px;overflow:hidden;color:#68798a;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.chancery-approval-list{display:grid;gap:13px}
.chancery-approval-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding:13px;border:1px solid #dce5eb;border-radius:19px;background:#fff}
.chancery-approval-card>aside{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 14px;border-radius:14px;background:#f7f9fa}
.chancery-approval-card>aside>span{color:#758494;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.chancery-approval-card>aside>strong{color:#20384b}
.chancery-inline-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.chancery-dispatch-list{display:grid;gap:10px}
.chancery-dispatch-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dce5eb;border-radius:16px;background:#fff}
.chancery-dispatch-list article>button:first-child{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:5px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.chancery-dispatch-list article>button span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}
.chancery-dispatch-list b,.chancery-dispatch-list small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chancery-dispatch-list b{color:#31495b;font-size:13px}
.chancery-dispatch-list small{color:#778796;font-size:11px}
.chancery-dispatch-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf3f7;color:#275e77;font-size:18px}
.chancery-deadline-list{display:grid;gap:8px}
.chancery-deadline-row{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px;border:1px solid #e2e9ee;border-radius:14px;background:#fff;color:inherit;text-align:left;cursor:pointer}
.chancery-deadline-row:hover{border-color:#a8bdca;background:#f9fbfc}
.chancery-deadline-row.is-overdue{border-color:#e1b2b5;background:#fff8f8}
.chancery-date-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf3f6;color:#274a62;line-height:1}
.chancery-date-tile b{font-size:18px}.chancery-date-tile small{margin-top:2px;font-size:10px}
.chancery-deadline-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}
.chancery-deadline-row>span:nth-child(2) strong,.chancery-deadline-row>span:nth-child(2) small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chancery-deadline-row>span:nth-child(2) small,.chancery-deadline-row>span:last-child{color:#778796;font-size:11px}
.chancery-deadline-row.is-overdue>span:last-child{color:#a8323c;font-weight:800}
.chancery-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chancery-contact-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border:1px solid #dce5eb;border-radius:17px;background:#fff}
.chancery-contact-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#edf3f6;color:#355d75}
.chancery-contact-grid article>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.chancery-contact-grid article>div>span{color:#7a8997;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.chancery-contact-grid article>div>strong{overflow:hidden;color:#203649;font-size:15px;white-space:nowrap;text-overflow:ellipsis}
.chancery-contact-grid article>div>b,.chancery-contact-grid article>div>small{overflow:hidden;color:#6e7f8e;font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.chancery-retention-note{display:flex;align-items:flex-start;gap:14px;margin:0 0 17px;padding:17px 19px;border:1px solid #d9d2c7;border-radius:17px;background:#fbf8f3;color:#52483e}
.chancery-retention-note>span{font-size:25px}.chancery-retention-note strong{display:block;margin-bottom:3px}.chancery-retention-note p{margin:0;color:#766d64;line-height:1.45}
.chancery-report-actions{justify-content:flex-start;margin-bottom:17px;padding:14px;border:1px solid #dce5eb;border-radius:17px;background:#fff}
.chancery-category-report{display:grid;gap:8px}
.chancery-category-report>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;border-radius:11px;background:#f7f9fa}
.chancery-category-report span{display:flex;align-items:center;gap:9px;color:#405567}
.chancery-category-report i,.chancery-category-settings i{display:block;width:9px;height:30px;border-radius:999px;background:var(--category)}
.chancery-definition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid #e0e7ec;border-radius:14px;background:#e0e7ec;overflow:hidden}
.chancery-definition>div{min-width:0;padding:11px 13px;background:#fff}
.chancery-definition dt{margin:0 0 3px;color:#7a8997;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.chancery-definition dd{margin:0;color:#263d50;font-weight:700;overflow-wrap:anywhere}
.chancery-category-settings{display:grid;gap:7px}
.chancery-category-settings article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 10px;border:1px solid #e2e8ed;border-radius:13px}
.chancery-category-settings article.is-inactive{opacity:.55}
.chancery-category-settings article>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.chancery-category-settings strong{color:#294054}.chancery-category-settings span{color:#758494;font-size:11px}
.chancery-loading{display:flex;min-height:320px;align-items:center;justify-content:center;gap:12px;border:1px solid #dce5eb;border-radius:19px;background:#fff;color:#597084}
.chancery-loading>span{width:22px;height:22px;border:3px solid #d7e2e8;border-top-color:#6b4b3e;border-radius:50%;animation:chancery-spin .8s linear infinite}
.chancery-empty{min-height:130px!important;border:1px dashed #ccd8e0!important;border-radius:15px;background:#fafcfd!important}
.chancery-form-intro{display:flex;align-items:center;gap:13px;margin-bottom:17px;padding:14px;border-radius:15px;background:#edf5f8;color:#28546d}
.chancery-form-intro.is-outgoing{background:#f6eee9;color:#6b4b3e}
.chancery-form-intro>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;font-size:21px;font-weight:900}
.chancery-form-intro>div{display:flex;flex-direction:column;gap:2px}.chancery-form-intro small{opacity:.8}
.chancery-party{margin:16px 0 0;padding:15px;border:1px solid #dce5eb;border-radius:15px}
.chancery-party legend{padding:0 7px;color:#375267;font-weight:800}
.chancery-detail{display:grid;gap:19px}
.chancery-detail>header{display:flex;align-items:flex-start;gap:15px;padding-bottom:17px;border-bottom:1px solid #e2e8ed}
.chancery-detail>header>div{min-width:0}.chancery-detail h2{margin:8px 0 5px;color:#1c3346;font-size:24px;line-height:1.25}.chancery-detail header p{margin:0;color:#6f7f8e}
.chancery-detail h3{margin:0 0 10px;color:#2a4154;font-size:15px}
.chancery-note,.chancery-workflow{padding:15px;border:1px solid #e0e7ec;border-radius:15px;background:#fafcfd}
.chancery-note p{margin:0;white-space:pre-wrap;color:#536779;line-height:1.55}
.chancery-workflow>div{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #e7ecef}
.chancery-workflow>div:first-of-type{border-top:0}.chancery-workflow>div>span{color:#758494;font-size:12px}.chancery-workflow p{margin:8px 0 0;color:#596d7e}
.chancery-files{display:grid;gap:7px}
.chancery-files a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid #dce5eb;border-radius:13px;background:#fff;color:inherit;text-decoration:none}
.chancery-files a:hover{border-color:#9db5c4;background:#f9fbfc}.chancery-files a>span:first-child{font-size:21px;color:#315f79}.chancery-files a>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.chancery-files strong,.chancery-files small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chancery-files small{color:#788796;font-size:10px}.chancery-files b{color:#245c7d;font-size:12px}
.chancery-dispatch-proof{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce5eb;border-radius:13px;background:#fff}
.chancery-dispatch-proof>span:first-child{font-size:20px;color:#315f79}.chancery-dispatch-proof>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.chancery-dispatch-proof small{color:#788796;font-size:10px}.chancery-dispatch-proof .btn{grid-column:2/-1;justify-self:start}
.chancery-timeline{display:grid;gap:0;padding-left:5px}
.chancery-timeline>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;min-height:48px}
.chancery-timeline i{position:relative;display:block;width:10px;height:10px;margin-top:4px;border:2px solid #fff;border-radius:50%;background:#6b4b3e;box-shadow:0 0 0 2px #d9c9c2}
.chancery-timeline i:after{content:"";position:absolute;top:11px;left:3px;width:2px;height:33px;background:#e0e7ec}.chancery-timeline>div:last-child i:after{display:none}
.chancery-timeline span{display:flex;flex-direction:column;gap:2px}.chancery-timeline small{color:#758494;font-size:10px}
.chancery-detail-actions{position:sticky;bottom:-16px;z-index:2;margin:0 -4px -4px;padding:13px 4px 4px;background:linear-gradient(transparent,#fff 25%)}

html.app-dark .chancery-page{color:#e3ebf0}
html.app-dark .chancery-hero{border-color:#344554;background:linear-gradient(135deg,#202c35,#27282b)}
html.app-dark .chancery-hero h1,html.app-dark .chancery-panel-heading h2,html.app-dark .chancery-document-top>strong,html.app-dark .chancery-subject,html.app-dark .chancery-case-card h3,html.app-dark .chancery-detail h2{color:#edf3f7}
html.app-dark .chancery-stat,html.app-dark .chancery-panel,html.app-dark .chancery-list-toolbar,html.app-dark .chancery-document-card,html.app-dark .chancery-case-card,html.app-dark .chancery-approval-card,html.app-dark .chancery-dispatch-list article,html.app-dark .chancery-contact-grid article,html.app-dark .chancery-report-actions{border-color:#354755;background:#202b34}
html.app-dark .chancery-stat strong,html.app-dark .chancery-list-toolbar strong,html.app-dark .chancery-definition dd,html.app-dark .chancery-category-settings strong{color:#e5edf2}
html.app-dark .chancery-definition{border-color:#3a4a56;background:#3a4a56}html.app-dark .chancery-definition>div,html.app-dark .chancery-files a,html.app-dark .chancery-deadline-row{border-color:#394b59;background:#24313b}
html.app-dark .chancery-dispatch-proof{border-color:#394b59;background:#24313b}
html.app-dark .chancery-approval-card>aside,html.app-dark .chancery-note,html.app-dark .chancery-workflow,html.app-dark .chancery-category-report>div{background:#27343e;border-color:#3a4a56}
html.app-dark .chancery-retention-note{border-color:#514840;background:#302c29;color:#e6ddd6}

@media(max-width:1250px){.chancery-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.chancery-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.chancery-hero{grid-template-columns:auto minmax(0,1fr)}.chancery-hero-actions{grid-column:1/-1;justify-content:flex-start}.chancery-dashboard-grid,.chancery-settings-grid{grid-template-columns:1fr}.chancery-approval-card{grid-template-columns:1fr}.chancery-approval-card>aside{align-items:stretch}.chancery-contact-grid{grid-template-columns:1fr}}
@media(max-width:680px){
  .chancery-page{padding-bottom:28px}.chancery-hero{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin:-2px -5px 15px;padding:18px 15px;border-radius:0 0 19px 19px}.chancery-hero-mark{width:45px;height:45px;border-radius:13px;font-size:14px}.chancery-hero>div:nth-child(2){min-width:calc(100% - 60px);flex:1}.chancery-hero h1{font-size:27px}.chancery-hero p{font-size:13px}.chancery-hero .eyebrow{font-size:9px}.chancery-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr auto}.chancery-hero-actions .btn{min-height:42px;padding:9px;font-size:12px}
  .chancery-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chancery-stat{min-height:105px;padding:14px;border-radius:15px}.chancery-stat strong{font-size:28px}.chancery-stat span{font-size:11px}
  .chancery-panel{padding:14px;border-radius:16px}.chancery-panel-heading{align-items:flex-start}.chancery-panel-heading h2{font-size:18px}.chancery-list-toolbar{align-items:stretch;flex-direction:column;padding:12px}.chancery-list-toolbar .btn{width:100%}
  .chancery-document-grid,.chancery-case-grid{grid-template-columns:1fr;gap:10px}.chancery-document-card{border-radius:15px}.chancery-document-main{gap:10px;padding:13px}.chancery-direction{width:38px;height:38px;border-radius:11px}.chancery-subject{min-height:0;font-size:15px}.chancery-card-footer{padding:8px 13px 11px}
  .chancery-dispatch-list article{grid-template-columns:1fr}.chancery-dispatch-list article>button:first-child{grid-template-columns:auto minmax(0,1fr)}.chancery-dispatch-list .status{grid-column:2}.chancery-dispatch-list article>.btn{width:100%}
  .chancery-deadline-row{grid-template-columns:auto minmax(0,1fr)}.chancery-deadline-row>span:last-child{grid-column:2}.chancery-contact-grid article{grid-template-columns:auto minmax(0,1fr)}.chancery-contact-grid article>.btn{grid-column:1/-1;width:100%}
  .chancery-definition{grid-template-columns:1fr}.chancery-workflow>div{grid-template-columns:1fr}.chancery-workflow>div .status{justify-self:start}.chancery-files a{grid-template-columns:auto minmax(0,1fr)}.chancery-files a>b{grid-column:2}.chancery-detail>header{gap:10px}.chancery-detail h2{font-size:20px}.chancery-detail-actions{display:grid;grid-template-columns:1fr}.chancery-detail-actions .btn{width:100%}
  .chancery-dispatch-proof{grid-template-columns:auto minmax(0,1fr)}.chancery-dispatch-proof>.status{grid-column:2}.chancery-dispatch-proof .btn{grid-column:2}
}
@media(max-width:390px){.chancery-stats{grid-template-columns:1fr 1fr}.chancery-hero-actions{grid-template-columns:1fr}.chancery-refresh{width:100%}.chancery-document-top{align-items:flex-start;flex-direction:column}.chancery-card-footer{align-items:flex-start;flex-direction:column}}

@media print{
  body.office-workspace .app-header,body.office-workspace .sidebar,body.office-workspace .chancery-hero-actions,body.office-workspace .chancery-report-actions,body.office-workspace .floating-actions{display:none!important}
  body.office-workspace .main-content,body.office-workspace .chancery-page{max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
  .chancery-hero,.chancery-panel,.chancery-stat{box-shadow:none!important;break-inside:avoid}.chancery-hero{border-radius:0}.chancery-stats{grid-template-columns:repeat(4,1fr)}
}



/* AppSystem bundle source: styles/240-office-letter-generator-3620.css */
/* AppSystem 3.63.0 — generator pism Kancelarii */
.chancery-list-actions,.letter-detail-downloads{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.letter-generator-form{margin:-8px;min-width:0}
.letter-generator-grid{display:grid;grid-template-columns:minmax(500px,1.08fr) minmax(390px,.92fr);gap:18px;align-items:start}
.letter-editor{display:grid;gap:16px;min-width:0}
.letter-editor-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px;border:1px solid #d7e2ec;border-radius:16px;background:linear-gradient(135deg,#f3f8fc,#fff)}
.letter-editor-heading h3,.letter-form-section h4,.letter-section-title h3{margin:0;color:#18324b}
.letter-version-banner{display:grid;grid-template-columns:auto auto;gap:1px 9px;align-items:center;min-width:190px;padding:9px 12px;border:1px solid #cfe0ee;border-radius:12px;background:#fff}
.letter-version-banner span{font-size:.74rem;color:#607386;text-transform:uppercase;letter-spacing:.04em}.letter-version-banner strong{font-size:1.2rem;color:#075895}.letter-version-banner small{grid-column:1/-1;color:#627487;line-height:1.35}.letter-version-banner.is-new strong{color:#247056}
.letter-form-section{padding:17px 18px;border:1px solid #dce5ed;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(25,55,84,.045)}
.letter-form-section>h4{margin-bottom:13px}.letter-template-description{padding:10px 12px;border-radius:10px;background:#edf6fc;color:#38546b;font-size:.9rem;line-height:1.45}
.letter-section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:13px}.letter-section-title p{margin:4px 0 0;color:#66788a}.letter-section-title details{max-width:100%;width:310px;padding:8px 10px;border:1px solid #d9e4ed;border-radius:10px;background:#f7fafc}.letter-section-title summary{cursor:pointer;font-weight:750;color:#185782}.letter-section-title details>p{font-size:.82rem;line-height:1.4}
.letter-token-list{display:grid;gap:5px;margin-top:8px;max-height:220px;overflow:auto}.letter-token-list button{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px;width:100%;padding:7px 8px;border:1px solid #dce6ee;border-radius:8px;background:#fff;text-align:left;color:#344b60;cursor:pointer}.letter-token-list button:hover{border-color:#2c78ad;background:#eef7fd}.letter-token-list code{font-size:.74rem;color:#075895;overflow-wrap:anywhere}.letter-token-list span{font-size:.78rem}
.letter-preview-panel{position:sticky;top:0;min-width:0;border:1px solid #cfdae4;border-radius:16px;overflow:hidden;background:#e9eff4;box-shadow:0 12px 34px rgba(19,43,66,.1)}
.letter-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid #d1dce5;background:#fff}.letter-preview-heading>div{display:grid}.letter-preview-heading span{font-weight:800;color:#18324b}.letter-preview-heading small{color:#6b7c8c}
.letter-preview-stage{max-height:calc(100vh - 215px);min-height:600px;padding:20px;overflow:auto}
.letter-paper{box-sizing:border-box;width:min(100%,620px);min-height:877px;margin:0 auto;padding:58px 62px 68px;background:#fff;color:#17202a;font:400 12.5px/1.62 Arial,sans-serif;box-shadow:0 4px 18px rgba(28,44,61,.17);overflow-wrap:anywhere}
.letter-paper>header{display:grid;padding-bottom:12px;border-bottom:1.5px solid #335f7b}.letter-paper>header strong{font-size:14px;color:#143f5d}.letter-paper>header span{font-size:9px;color:#536270}.letter-place-date{text-align:right;margin:28px 0 24px}.letter-recipient{display:grid;width:52%;min-height:68px;margin:0 0 25px auto}.letter-recipient strong,.letter-recipient span{white-space:normal}.letter-reference{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 20px;font-size:10px;color:#4c5b68}.letter-paper h1{margin:0 0 25px;font-size:13px;line-height:1.4}.letter-salutation{margin-bottom:17px}.letter-body p{margin:0 0 15px;text-align:justify}.letter-paper>footer{display:grid;justify-items:end;margin:34px 0 20px;text-align:right}.letter-paper>footer p{margin:0 0 16px}.letter-paper>footer span{font-size:10px;color:#4c5b68}.letter-paper>aside{margin-top:34px;padding-top:12px;border-top:1px solid #cfd7dd;font-size:9.5px;color:#50606d}.letter-placeholder{color:#8b98a3;font-style:italic}
.letter-generator-actions{position:sticky;bottom:-8px;z-index:4;margin:18px -8px -8px;padding:13px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,.75),#fff 28%)}
.letter-generator-form.preview-hidden .letter-generator-grid{grid-template-columns:1fr}.letter-generator-form.preview-hidden .letter-preview-stage{display:none}.letter-generator-form.preview-hidden .letter-preview-panel{position:static}.letter-generator-form.preview-hidden .letter-preview-heading{border-bottom:0}
.letter-detail-section{padding:17px;border:1px solid #d6e2eb;border-radius:16px;background:#f7fafc}.letter-detail-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px}.letter-detail-heading h3{margin:0}.letter-detail-heading p{margin:5px 0 0;color:#627487}.letter-detail-preview{max-height:550px;padding:16px;overflow:auto;border:1px solid #d1dce4;border-radius:12px;background:#e8eef3}.letter-detail-preview .letter-paper{width:min(100%,560px);min-height:792px;padding:44px 48px 54px;font-size:11px}.letter-version-history{margin-top:14px;border:1px solid #d7e2eb;border-radius:12px;background:#fff;overflow:hidden}.letter-version-history>summary{cursor:pointer;padding:12px 14px;font-weight:800;color:#1d4666}.letter-version-history>div{border-top:1px solid #e0e8ee}.letter-version-history article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 13px;border-bottom:1px solid #e7edf2}.letter-version-history article:last-child{border-bottom:0}.letter-version-history article>span{display:flex;flex-wrap:wrap;gap:7px}.letter-version-history article>span:first-child{display:grid}.letter-version-history small{color:#667789}
.letter-template-settings{margin-top:18px}.letter-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.letter-template-grid article{display:grid;grid-template-rows:1fr auto;min-width:0;padding:14px;border:1px solid #dce5ec;border-radius:13px;background:#fff}.letter-template-grid article.is-inactive{opacity:.62}.letter-template-grid article>div{display:grid;gap:5px}.letter-template-grid article>div>span{font-size:.73rem;color:#607387;text-transform:uppercase;letter-spacing:.04em}.letter-template-grid article strong{color:#193a55;overflow-wrap:anywhere}.letter-template-grid article p{margin:0;color:#657687;line-height:1.42}.letter-template-grid footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:13px;padding-top:10px;border-top:1px solid #e6edf2}
.letter-template-form .letter-token-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}.letter-template-form .letter-section-title details{width:480px}
html.app-dark .letter-editor-heading,html.app-dark .letter-form-section,html.app-dark .letter-preview-heading,html.app-dark .letter-version-banner,html.app-dark .letter-version-history,html.app-dark .letter-template-grid article{border-color:#42586c;background:#203448;color:#e9f0f6}html.app-dark .letter-editor-heading h3,html.app-dark .letter-form-section h4,html.app-dark .letter-section-title h3,html.app-dark .letter-preview-heading span,html.app-dark .letter-template-grid article strong{color:#f3f8fb}html.app-dark .letter-template-description{background:#273f55;color:#d9e7f0}html.app-dark .letter-preview-panel,html.app-dark .letter-detail-preview,html.app-dark .letter-preview-stage{border-color:#41566a;background:#172a3b}html.app-dark .letter-detail-section{border-color:#40566b;background:#1d3347}html.app-dark .letter-token-list button{border-color:#42586c;background:#1e3448;color:#e5edf3}html.app-dark .letter-generator-actions{background:linear-gradient(180deg,rgba(20,37,52,.65),#142534 30%)}html.app-dark .letter-paper{background:#fff;color:#17202a}
@media(max-width:1250px){.letter-generator-grid{grid-template-columns:minmax(440px,1fr) minmax(350px,.85fr)}.letter-paper{padding:48px 48px 60px}.letter-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.letter-generator-grid{grid-template-columns:1fr}.letter-preview-panel{position:static}.letter-preview-stage{max-height:720px}.letter-template-form .letter-section-title{display:grid}.letter-template-form .letter-section-title details{width:auto}}
@media(max-width:680px){.chancery-list-actions,.letter-detail-heading,.letter-editor-heading,.letter-section-title{display:grid;width:100%}.chancery-list-actions .btn,.letter-detail-downloads .btn{width:100%}.letter-generator-form{margin:-12px}.letter-editor-heading,.letter-form-section{padding:14px;border-radius:12px}.letter-version-banner{min-width:0;width:100%}.letter-preview-stage{min-height:0;padding:9px}.letter-paper{min-height:720px;padding:32px 27px 45px;font-size:10.5px}.letter-paper>header strong{font-size:12px}.letter-recipient{width:65%}.letter-generator-actions{position:static;display:grid;margin:12px 0 0;padding:0;background:none}.letter-generator-actions .btn{width:100%}.letter-detail-section{padding:12px}.letter-detail-preview{padding:7px}.letter-detail-preview .letter-paper{padding:30px 25px 42px;font-size:10px}.letter-version-history article{display:grid}.letter-version-history article>span:last-child{display:grid;grid-template-columns:1fr 1fr}.letter-template-grid,.letter-template-form .letter-token-list{grid-template-columns:1fr}.letter-token-list button{grid-template-columns:1fr}.letter-preview-heading .btn{min-width:44px}}
@media(max-width:390px){.letter-paper{padding:25px 20px 38px;font-size:9.8px}.letter-recipient{width:72%}.letter-form-section{padding:12px}.letter-template-grid article{padding:12px}}
@media print{.letter-generator-actions,.letter-preview-heading,.letter-version-history,.letter-detail-heading{display:none!important}.letter-preview-panel,.letter-preview-stage,.letter-detail-preview{border:0;background:#fff;box-shadow:none;overflow:visible;max-height:none;padding:0}.letter-paper,.letter-detail-preview .letter-paper{width:210mm;min-height:297mm;margin:0;padding:25mm;box-shadow:none;font-size:11pt}}



/* AppSystem bundle source: styles/241-office-scanner-3630.css */
/* AppSystem 3.63.0 — bezpieczny skaner i lokalny OCR Kancelarii */
.office-scan-queue{margin:0 0 18px;padding:18px;border:1px solid #d8e3e9;border-radius:19px;background:linear-gradient(135deg,#f7fbfd,#fff 54%,#fbf7f3);box-shadow:0 7px 22px rgba(21,45,63,.045)}
.office-scan-queue .chancery-panel-heading{align-items:flex-start}.office-scan-queue .chancery-panel-heading p:not(.eyebrow){margin-top:4px;color:#66798a;line-height:1.45}
.office-scan-list{display:grid;gap:9px}.office-scan-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #dce5eb;border-radius:14px;background:#fff}
.office-scan-card.is-ready{border-color:#a9d3c1;background:#fbfffd}.office-scan-card.is-error{border-color:#e2b5b8;background:#fffafa}
.office-scan-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9f2f6;color:#315f78;font-size:11px;font-weight:900;letter-spacing:.03em}
.office-scan-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.office-scan-card strong,.office-scan-card small,.office-scan-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-scan-card strong{color:#20384c}.office-scan-card small{color:#748696;font-size:11px}.office-scan-card em{color:#a13842;font-size:11px;font-style:normal}
.office-scan-upload{display:grid;gap:19px}.office-scan-intro{display:flex;align-items:flex-start;gap:14px;padding:17px;border-radius:16px;background:#eef6f9;color:#294f67}.office-scan-intro>span{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:#fff;font-size:23px}.office-scan-intro h3{margin:0 0 4px}.office-scan-intro p{margin:0;color:#60798a;line-height:1.5}
.office-scan-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.office-scan-picker{position:relative;display:flex;min-height:158px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:20px;border:2px dashed #b8cbd6;border-radius:18px;background:#fbfdfe;color:#244b63;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.office-scan-picker:hover{border-color:#527e96;background:#f3f8fa;transform:translateY(-1px)}.office-scan-picker:focus-within{outline:3px solid color-mix(in srgb,var(--area-color,#315f78) 32%,transparent);outline-offset:2px}.office-scan-picker.is-camera{border-style:solid;background:#edf6fa}.office-scan-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.office-scan-picker>span{font-size:34px}.office-scan-picker strong{font-size:16px}.office-scan-picker small{color:#718393}
.office-scan-privacy{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #cde1d9;border-radius:14px;background:#f4fbf8;color:#3b6154}.office-scan-privacy b{flex:0 0 auto}.office-scan-privacy span{line-height:1.45}
.office-scan-processing{display:flex;min-height:320px;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.office-scan-processing h3{margin:17px 0 5px;color:#20394d}.office-scan-processing p{max-width:500px;margin:0;color:#718493;line-height:1.5}.office-scan-spinner{width:48px;height:48px;border:5px solid #dce8ee;border-top-color:#5f4338;border-radius:50%;animation:office-scan-spin .8s linear infinite}@keyframes office-scan-spin{to{transform:rotate(360deg)}}
.office-scan-review{min-width:0}.office-scan-review-grid{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);gap:20px;align-items:start}.office-scan-preview{position:sticky;top:0;min-width:0;padding:12px;border:1px solid #dbe5ea;border-radius:17px;background:#edf2f5}.office-scan-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.office-scan-preview-heading>span{display:flex;min-width:0;flex-direction:column}.office-scan-preview-heading strong,.office-scan-preview-heading small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-scan-preview-heading strong{color:#2b4152}.office-scan-preview-heading small{color:#748595;font-size:10px}.office-scan-preview iframe,.office-scan-preview img{display:block;width:100%;height:min(66vh,760px);border:0;border-radius:10px;background:#fff;object-fit:contain;box-shadow:0 5px 18px rgba(25,45,61,.12)}
.office-scan-fields{display:grid;min-width:0;gap:15px}.office-review-notice{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-left:4px solid #3d7089;border-radius:11px;background:#edf6fa;color:#355b70}.office-review-notice b{flex:0 0 auto}.office-review-notice span{line-height:1.45}.office-confidence{display:inline-flex;margin-left:5px;padding:3px 6px;border-radius:999px;background:#f3e8cc;color:#735718;font-size:9px;font-weight:750;vertical-align:middle}.office-confidence.is-high{background:#e0f3ea;color:#28634b}.office-confidence.is-medium{background:#e8f0f5;color:#3c6175}.office-confidence.is-low{background:#fff0df;color:#8a581b}
.office-duplicate-warning ul{margin:7px 0;padding-left:21px}.office-duplicate-warning p{margin:7px 0}.office-duplicate-warning .inline-check{margin-top:11px;padding:10px;border-radius:10px;background:rgba(255,255,255,.72);font-weight:700}
.office-ocr-details{min-width:0;border:1px solid #dce5eb;border-radius:14px;background:#fafcfd;overflow:hidden}.office-ocr-details>summary{padding:12px 14px;color:#2d4b60;font-weight:800;cursor:pointer}.office-ocr-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid #e4eaee;color:#677c8d;font-size:11px}.office-ocr-text{max-width:100%;max-height:420px;margin:0;padding:15px;overflow:auto;border-top:1px solid #e4eaee;background:#fff;color:#22384a;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.office-scan-review-actions{position:sticky;bottom:-16px;z-index:4;margin:18px -4px -4px;padding:16px 4px 4px;background:linear-gradient(transparent,#fff 24%)}
.office-document-ocr{padding:16px;border:1px solid #dce5eb;border-radius:16px;background:#fafcfd}.office-ocr-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.office-ocr-heading h3,.office-ocr-heading p{margin:0}.office-ocr-heading p:not(.eyebrow){margin-top:3px;color:#6b7d8c}.office-ocr-metadata{margin:13px 0}.office-search-snippet{display:block!important;flex-basis:100%;padding:7px 9px;border-radius:9px;background:#fff4cf;color:#674e18!important;font-size:10px;line-height:1.4}.office-search-snippet b{font-weight:800}
html.app-dark .office-scan-queue{border-color:#384a57;background:linear-gradient(135deg,#202d36,#28292b)}html.app-dark .office-scan-card,html.app-dark .office-scan-preview,html.app-dark .office-ocr-details,html.app-dark .office-document-ocr{border-color:#3a4c59;background:#222f38}html.app-dark .office-scan-card strong,html.app-dark .office-scan-processing h3,html.app-dark .office-ocr-details>summary{color:#e5edf2}html.app-dark .office-scan-picker{border-color:#526776;background:#24313a;color:#dce9ef}html.app-dark .office-scan-picker.is-camera,html.app-dark .office-scan-intro{background:#273943;color:#dce9ef}html.app-dark .office-scan-privacy{border-color:#3b5b51;background:#243730;color:#cce6dc}html.app-dark .office-review-notice{background:#273d49;color:#cfe3ed}html.app-dark .office-ocr-text{border-color:#3b4c58;background:#1c272f;color:#dae5eb}html.app-dark .office-search-snippet{background:#493d20;color:#ffe7a2!important}html.app-dark .office-scan-review-actions{background:linear-gradient(transparent,#202b34 24%)}
@media(max-width:1050px){.office-scan-review-grid{grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr)}}
@media(max-width:900px){.office-scan-review-grid{grid-template-columns:1fr}.office-scan-preview{position:relative}.office-scan-preview iframe,.office-scan-preview img{height:min(55vh,520px)}}
@media(max-width:680px){.office-scan-queue{margin-inline:-2px;padding:13px;border-radius:15px}.office-scan-card{grid-template-columns:auto minmax(0,1fr)}.office-scan-card>.status{grid-column:2}.office-scan-card>.btn{grid-column:1/-1;width:100%}.office-scan-pickers{grid-template-columns:1fr}.office-scan-picker{min-height:126px}.office-scan-privacy,.office-scan-intro,.office-review-notice{flex-direction:column}.office-scan-privacy b,.office-review-notice b{flex:auto}.office-scan-preview-heading{align-items:stretch;flex-direction:column}.office-scan-preview-heading .btn{width:100%}.office-scan-preview iframe,.office-scan-preview img{height:48vh;min-height:280px}.office-ocr-tools{align-items:stretch;flex-direction:column}.office-ocr-tools .btn{width:100%}.office-scan-review-actions{display:grid;grid-template-columns:1fr}.office-scan-review-actions .btn{width:100%}.office-ocr-heading{flex-direction:column}.office-ocr-heading .btn{width:100%}.chancery-list-actions{display:grid;width:100%;grid-template-columns:1fr}.chancery-list-actions .btn{width:100%}}
@media(max-width:390px){.office-scan-preview iframe,.office-scan-preview img{height:42vh;min-height:240px}.office-scan-card{gap:8px;padding:9px}.office-scan-icon{width:38px;height:38px}.office-confidence{display:flex;width:max-content;margin:4px 0 0}.office-ocr-text{font-size:11px}}
@media(prefers-reduced-motion:reduce){.office-scan-spinner{animation-duration:1.8s}.office-scan-picker{transition:none}}
@media print{.office-scan-queue,.office-scan-upload,.office-scan-review-actions,.office-ocr-heading .btn{display:none!important}.office-document-ocr{break-inside:avoid}.office-ocr-text{max-height:none;overflow:visible}}



/* AppSystem bundle source: styles/242-office-email-3640.css */
/* AppSystem 3.66.0 — bezpieczna skrzynka przyjęć EML Kancelarii */
.office-email-intro{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(250px,.55fr);align-items:center;gap:17px;margin:0 0 16px;padding:18px 20px;border:1px solid #d7e3e9;border-radius:19px;background:linear-gradient(135deg,#f2f8fa,#fff 58%,#fbf5f1);box-shadow:0 7px 22px rgba(21,45,63,.045)}
.office-email-intro>span,.office-email-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#6b4b3e;color:#fff;font-weight:900}.office-email-intro>span{width:52px;height:52px;font-size:24px;box-shadow:0 7px 18px rgba(107,75,62,.2)}
.office-email-intro h2,.office-email-intro p{margin:0}.office-email-intro h2{color:#1d3548;font-size:19px}.office-email-intro p{margin-top:4px;color:#687c8d;line-height:1.48}.office-email-intro ul{display:grid;gap:5px;margin:0;padding:12px 14px 12px 31px;border-radius:13px;background:rgba(255,255,255,.74);color:#536b7c;font-size:11px;line-height:1.4}
.office-email-list{display:grid;gap:10px}.office-email-card{min-width:0;border:1px solid #dce5eb;border-radius:17px;background:#fff;box-shadow:0 5px 17px rgba(25,49,70,.045);overflow:hidden;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.office-email-card:hover{border-color:#9eb7c6;transform:translateY(-1px);box-shadow:0 10px 23px rgba(25,49,70,.08)}.office-email-card.is-duplicate{border-color:#deb76f;background:#fffdf7}
.office-email-card>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 15px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.office-email-card>button:focus-visible{outline:3px solid color-mix(in srgb,var(--area-color,#6b4b3e) 35%,transparent);outline-offset:-4px}
.office-email-avatar{width:43px;height:43px;font-size:18px;background:#e9f2f6;color:#315f78}.office-email-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.office-email-top{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.office-email-top strong,.office-email-copy>b,.office-email-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-email-top strong{color:#294154;font-size:12px}.office-email-top time{flex:0 0 auto;color:#7b8b98;font-size:10px}.office-email-copy>b{color:#172f43;font-size:15px}.office-email-copy>small{color:#6f8190;font-size:11px}.office-email-meta{display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap;color:#82909d;font-size:10px}.office-email-meta em{padding:3px 6px;border-radius:999px;background:#fff0cb;color:#765716;font-style:normal;font-weight:800}.office-email-open{color:#255e7d;font-size:11px;font-weight:800;white-space:nowrap}
.office-email-import{display:grid;gap:18px}.office-email-import-heading{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:16px;background:#eef6f9}.office-email-import-heading>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:#fff;color:#6b4b3e;font-size:22px;font-weight:900}.office-email-import-heading h3,.office-email-import-heading p{margin:0}.office-email-import-heading p{margin-top:4px;color:#627a8a;line-height:1.5}
.office-email-drop{position:relative;display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:24px;border:2px dashed #afc5d1;border-radius:19px;background:#fbfdfe;color:#284e66;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease}.office-email-drop:hover{border-color:#557f96;background:#f1f7f9}.office-email-drop:focus-within{outline:3px solid color-mix(in srgb,var(--area-color,#6b4b3e) 35%,transparent);outline-offset:2px}.office-email-drop input{position:absolute;width:1px;height:1px;opacity:0}.office-email-drop>span{font-size:34px}.office-email-drop strong{font-size:16px}.office-email-drop small{color:#738593}
.office-email-security{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #cde1d9;border-radius:14px;background:#f4fbf8;color:#3b6154}.office-email-security b{flex:0 0 auto}.office-email-security span{line-height:1.45}
.office-email-progress{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.office-email-progress h3{margin:15px 0 4px;color:#20384b}.office-email-progress>p{margin:0 0 16px;color:#718493}.office-email-progress>div:not(.alert):not(.form-actions){display:grid;width:min(100%,660px);gap:7px}.office-email-progress>div>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid #dce5eb;border-radius:12px;background:#fff;text-align:left}.office-email-progress>div>div>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf3f6;color:#496277;font-weight:900}.office-email-progress>div>div strong,.office-email-progress>div>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-email-progress>div>div small{color:#778897;font-size:10px}.office-email-progress>div>div.is-done{border-color:#a8d3c0;background:#f8fdfa}.office-email-progress>div>div.is-done>span{background:#dff3e9;color:#276149}.office-email-progress>div>div.is-error{border-color:#dfafb3;background:#fff8f8}.office-email-progress>div>div.is-error>span{background:#f8dfe1;color:#9c3440}.office-email-progress>.alert{width:min(100%,660px);margin-top:15px;text-align:left}
.office-email-review{min-width:0}.office-email-review-grid{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}.office-email-source{position:sticky;top:0;display:grid;min-width:0;max-height:calc(100vh - 125px);gap:15px;padding:15px;border:1px solid #dce5eb;border-radius:18px;background:#f5f8fa;overflow:auto}.office-email-source-heading,.office-email-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.office-email-source-heading>div{display:flex;min-width:0;flex-direction:column;gap:2px}.office-email-source-heading span{color:#778897;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.office-email-source-heading strong{overflow:hidden;color:#294154;text-overflow:ellipsis;white-space:nowrap}
.office-email-headers{display:grid;gap:1px;margin:0;border:1px solid #dce5eb;border-radius:13px;background:#dce5eb;overflow:hidden}.office-email-headers>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:9px;padding:8px 10px;background:#fff}.office-email-headers dt{color:#7b8a97;font-size:10px;text-transform:uppercase}.office-email-headers dd{min-width:0;margin:0;color:#344c5e;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.office-email-body{min-width:0;border:1px solid #dce5eb;border-radius:14px;background:#fff;overflow:hidden}.office-email-body>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #e4eaee}.office-email-body h3{margin:0;color:#263f52;font-size:14px;overflow-wrap:anywhere}.office-email-body pre,.office-email-details pre{max-width:100%;margin:0;padding:14px;overflow:auto;background:#fff;color:#273e50;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.office-email-body pre{max-height:42vh}
.office-email-attachments{display:grid;gap:6px}.office-email-attachments a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dce5eb;border-radius:11px;background:#fff;color:inherit;text-decoration:none}.office-email-attachments a:hover{border-color:#9db5c4}.office-email-attachments a>span:first-child{color:#315f79;font-size:19px}.office-email-attachments a>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.office-email-attachments strong,.office-email-attachments small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-email-attachments small{color:#7b8996;font-size:9px}.office-email-attachments b{color:#245c7d;font-size:10px}.office-email-skipped{margin:8px 0 0;color:#855d20;font-size:10px;line-height:1.4}
.office-email-register{display:grid;min-width:0;gap:14px}.office-email-register>fieldset{min-width:0;margin:0;padding:0;border:0}.office-email-register>fieldset:disabled{opacity:.68}.office-email-register>label{display:grid}.office-email-review-actions{position:sticky;bottom:-16px;z-index:4;margin:18px -4px -4px;padding:16px 4px 4px;background:linear-gradient(transparent,#fff 24%)}
.office-document-email{padding:16px;border:1px solid #dce5eb;border-radius:16px;background:#fafcfd}.office-email-heading h3,.office-email-heading p{margin:0}.office-email-heading p:not(.eyebrow){margin-top:3px;color:#6b7d8c}.office-email-metadata{margin:13px 0}.office-email-details{min-width:0;border:1px solid #dce5eb;border-radius:13px;background:#fff;overflow:hidden}.office-email-details>summary{padding:11px 13px;color:#2d4b60;font-weight:800;cursor:pointer}.office-email-details pre{max-height:420px;border-top:1px solid #e4eaee}.office-document-email ul{margin:7px 0;padding-left:20px}
html.app-dark .office-email-intro{border-color:#384a57;background:linear-gradient(135deg,#202d36,#28292b)}html.app-dark .office-email-intro h2,html.app-dark .office-email-copy>b,html.app-dark .office-email-progress h3,html.app-dark .office-email-body h3,html.app-dark .office-email-source-heading strong{color:#e6eef3}html.app-dark .office-email-intro ul,html.app-dark .office-email-card,html.app-dark .office-email-progress>div>div,html.app-dark .office-email-headers>div,html.app-dark .office-email-body,html.app-dark .office-email-attachments a,html.app-dark .office-email-details{border-color:#3a4c59;background:#22303a}html.app-dark .office-email-card.is-duplicate{border-color:#6d5a31;background:#2f2c24}html.app-dark .office-email-import-heading{background:#273943;color:#dce9ef}html.app-dark .office-email-drop{border-color:#526776;background:#24313a;color:#dce9ef}html.app-dark .office-email-security{border-color:#3b5b51;background:#243730;color:#cce6dc}html.app-dark .office-email-source,html.app-dark .office-document-email{border-color:#3a4c59;background:#202d36}html.app-dark .office-email-headers{border-color:#3a4c59;background:#3a4c59}html.app-dark .office-email-body pre,html.app-dark .office-email-details pre{border-color:#3a4c59;background:#1c272f;color:#dae5eb}html.app-dark .office-email-review-actions{background:linear-gradient(transparent,#202b34 24%)}
@media(max-width:1100px){.office-email-review-grid{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}}
@media(max-width:900px){.office-email-intro{grid-template-columns:auto minmax(0,1fr)}.office-email-intro ul{grid-column:1/-1}.office-email-review-grid{grid-template-columns:1fr}.office-email-source{position:relative;max-height:none}.office-email-body pre{max-height:380px}}
@media(max-width:680px){.office-email-intro{display:flex;align-items:flex-start;flex-wrap:wrap;padding:14px;border-radius:15px}.office-email-intro>div{min-width:calc(100% - 70px);flex:1}.office-email-intro ul{width:100%}.office-email-toolbar{align-items:stretch}.office-email-card>button{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px}.office-email-open{grid-column:1/-1;width:100%;padding:8px;border-radius:9px;background:#edf5f8;text-align:center}.office-email-top{align-items:flex-start;flex-direction:column;gap:2px}.office-email-copy>small{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.office-email-import-heading,.office-email-security{flex-direction:column}.office-email-drop{min-height:135px}.office-email-progress{padding:16px 0}.office-email-progress>div>div{grid-template-columns:auto minmax(0,1fr)}.office-email-progress>div>div small{grid-column:2;white-space:normal}.office-email-source{padding:11px}.office-email-source-heading,.office-email-heading,.office-email-body>div{align-items:stretch;flex-direction:column}.office-email-source-heading .btn,.office-email-heading .btn,.office-email-body .btn{width:100%}.office-email-headers>div{grid-template-columns:1fr;gap:2px}.office-email-body pre{max-height:46vh;font-size:11px}.office-email-attachments a{grid-template-columns:auto minmax(0,1fr)}.office-email-attachments a>b{grid-column:2}.office-email-review-actions{display:grid;grid-template-columns:1fr}.office-email-review-actions .btn{width:100%}.office-email-metadata{grid-template-columns:1fr}}
@media(max-width:390px){.office-email-intro>span,.office-email-avatar{width:39px;height:39px;border-radius:11px}.office-email-intro>div{min-width:calc(100% - 54px)}.office-email-intro h2{font-size:16px}.office-email-meta{align-items:flex-start;flex-direction:column;gap:3px}.office-email-card>button{padding:10px}.office-email-source{margin-inline:-2px}.office-email-body pre{font-size:10px}.office-email-review-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.office-email-card,.office-email-drop{transition:none}}
@media print{.office-email-intro,.office-email-toolbar,.office-email-import,.office-email-review-actions,.office-email-heading .btn{display:none!important}.office-document-email{break-inside:avoid}.office-email-details pre{max-height:none;overflow:visible}}



/* AppSystem bundle source: styles/243-office-dispatch-3650.css */
/* AppSystem 3.66.0 — Kancelaria: wysyłki, książka nadawcza i e-Doręczenia */
.office-dispatch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
.office-edelivery-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:14px;padding:17px 18px;border:1px solid #cfdee6;border-radius:18px;background:linear-gradient(135deg,#eef7fa,#fff 62%);box-shadow:0 6px 20px rgba(24,50,68,.045)}
.office-edelivery-status.is-warning{border-color:#e5cc94;background:linear-gradient(135deg,#fff9ea,#fff 62%)}
.office-edelivery-mark,.office-edelivery-form-note>span{display:grid;place-items:center;width:49px;height:49px;flex:0 0 auto;border-radius:14px;background:#265f7d;color:#fff;font-size:17px;font-weight:900;letter-spacing:-.04em;box-shadow:0 7px 18px rgba(38,95,125,.2)}
.office-edelivery-status strong{display:block;color:#1d374a;font-size:15px}.office-edelivery-status p{margin:3px 0;color:#5d7485;line-height:1.45}.office-edelivery-status small{display:block;color:#738491;font-size:10px;overflow-wrap:anywhere}
.office-dispatch-tools{display:grid;gap:12px;margin-bottom:13px;padding:14px;border:1px solid #d8e3e9;border-radius:17px;background:#fff}
.office-dispatch-filters{display:grid;grid-template-columns:1.15fr 1.2fr .8fr .8fr auto;align-items:end;gap:9px}.office-dispatch-filters label{display:grid;min-width:0;gap:5px;color:#546c7d;font-size:10px;font-weight:800}.office-dispatch-filters .inline-check{display:flex;min-height:42px;align-items:center;padding:0 10px;border:1px solid #d7e1e7;border-radius:11px;background:#f8fafb;font-size:11px}
.office-dispatch-downloads{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid #e6ecef;padding-top:12px}.office-dispatch-downloads>span{margin-right:auto;color:#647988;font-size:11px;font-weight:800}
.office-dispatch-list{display:grid;gap:9px}.office-dispatch-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(205px,.34fr);align-items:stretch;min-width:0;border:1px solid #dbe5ea;border-radius:16px;background:#fff;box-shadow:0 4px 15px rgba(25,50,69,.04);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.office-dispatch-card:hover{border-color:#9fb8c6;box-shadow:0 9px 22px rgba(25,50,69,.075);transform:translateY(-1px)}.office-dispatch-card.is-due{border-color:#d9a6a9;background:linear-gradient(90deg,#fff9f9,#fff 22%)}
.office-dispatch-select{display:grid;place-items:center;padding:0 4px 0 13px}.office-dispatch-select input{width:19px;height:19px;accent-color:#1e638a;cursor:pointer}
.office-dispatch-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:13px 11px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.office-dispatch-main:focus-visible{outline:3px solid color-mix(in srgb,#2a6a8d 38%,transparent);outline-offset:-4px;border-radius:12px}
.office-dispatch-channel{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;border-radius:13px;background:#e7f1f5;color:#2a607b;font-size:13px;font-weight:900}.office-dispatch-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.office-dispatch-top{display:flex;min-width:0;align-items:center;gap:8px;flex-wrap:wrap}.office-dispatch-top>strong{color:#294456;font-size:11px}.office-dispatch-copy>b{overflow:hidden;color:#172f42;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.office-dispatch-copy>small{overflow:hidden;color:#536d7e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.office-dispatch-copy>span:not(.office-dispatch-top){color:#7b8d99;font-size:10px;line-height:1.35}.office-dispatch-copy>code{width:max-content;max-width:100%;overflow:hidden;color:#3d6177;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.office-dispatch-control{display:flex;min-width:0;align-items:flex-end;justify-content:center;flex-direction:column;gap:5px;padding:11px 13px;border-left:1px solid #e3e9ed;background:#fafcfd;text-align:right}.office-dispatch-control>span{color:#607686;font-size:10px;font-weight:800}.office-dispatch-control>span.is-overdue{color:#a33b43}.office-dispatch-control>small{color:#87959f;font-size:9px}.office-dispatch-control>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.office-dispatch-form-intro,.office-edelivery-form-note{display:flex;align-items:flex-start;gap:13px;margin-bottom:15px;padding:15px;border:1px solid #cfe0e7;border-radius:16px;background:#f2f8fa}.office-dispatch-form-intro>span{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;border-radius:13px;background:#315f79;color:#fff;font-size:21px}.office-dispatch-form-intro strong,.office-edelivery-form-note strong{display:block;color:#203b4e}.office-dispatch-form-intro p,.office-edelivery-form-note p{margin:3px 0 0;color:#617888;line-height:1.45}
.office-dispatch-form .form-section{padding:15px;border:1px solid #dce6eb;border-radius:16px;background:#fbfcfd}.office-dispatch-form .form-section+.form-section{margin-top:12px}.office-dispatch-form .form-section>h3{margin:0 0 12px;color:#20394b;font-size:14px}.office-dispatch-channel-note{margin-top:11px;padding:10px 12px;border-radius:11px;background:#edf5f8;color:#4d6b7d;font-size:11px;line-height:1.45}
.office-dispatch-detail{display:grid;gap:17px;min-width:0}.office-dispatch-detail>header{display:flex;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid #dce5ea}.office-dispatch-detail>header h2,.office-dispatch-detail>header p{margin:0}.office-dispatch-detail>header h2{margin-top:5px;color:#1d3547;font-size:21px;overflow-wrap:anywhere}.office-dispatch-detail>header p{margin-top:3px;color:#627988}.office-dispatch-detail>section>h3,.office-dispatch-generators>h3{margin:0 0 10px;color:#243e50;font-size:14px}
.office-dispatch-timeline{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:0;overflow-x:auto;padding:6px 2px 11px}.office-dispatch-timeline>div{position:relative;display:flex;min-width:92px;align-items:flex-start;gap:7px;padding-right:8px}.office-dispatch-timeline>div:after{position:absolute;top:6px;left:12px;right:0;height:2px;background:#dbe3e7;content:""}.office-dispatch-timeline>div:last-child:after{display:none}.office-dispatch-timeline i{position:relative;z-index:1;width:13px;height:13px;flex:0 0 auto;border:3px solid #dbe3e7;border-radius:50%;background:#fff}.office-dispatch-timeline .is-done i{border-color:#3b866b;background:#dff2e9}.office-dispatch-timeline .is-done:after{background:#82b6a3}.office-dispatch-timeline span{display:flex;min-width:0;flex-direction:column;gap:2px}.office-dispatch-timeline strong{color:#405b6c;font-size:9px}.office-dispatch-timeline small{color:#81909b;font-size:8px;white-space:nowrap}
.office-dispatch-proofs{display:grid;gap:7px}.office-dispatch-proofs>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dce5ea;border-radius:12px;background:#fff;color:inherit;text-decoration:none}.office-dispatch-proofs>a:hover{border-color:#9db6c4}.office-dispatch-proofs>a>span:first-child{color:#2c6685;font-size:20px}.office-dispatch-proofs>a>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.office-dispatch-proofs strong,.office-dispatch-proofs small,.office-dispatch-proofs code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-dispatch-proofs strong{color:#294456;font-size:11px}.office-dispatch-proofs small{color:#718592;font-size:9px}.office-dispatch-proofs code{color:#83919b;font-size:8px}.office-dispatch-proofs>a>b{color:#225e80;font-size:10px}
.office-dispatch-generators{padding:14px;border:1px solid #d8e4e9;border-radius:15px;background:#f8fbfc}.office-dispatch-generators>div{display:flex;gap:7px;flex-wrap:wrap}.office-dispatch-generators>p{margin:10px 0 0;color:#6a7e8c;font-size:10px;line-height:1.45}.office-dispatch-detail-actions{position:sticky;z-index:3;bottom:-16px;margin:0 -4px -4px;padding:16px 4px 4px;background:linear-gradient(transparent,#fff 25%)}
.office-delivery-settings{margin-top:16px}.office-delivery-settings .info-note{margin-top:14px}.office-edelivery-form-note>span{width:45px;height:45px;border-radius:13px}
.chancery-contact-grid article code{display:block;width:max-content;max-width:100%;margin-top:4px;overflow:hidden;color:#44677b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
html.app-dark .office-edelivery-status,html.app-dark .office-dispatch-tools,html.app-dark .office-dispatch-card,html.app-dark .office-dispatch-proofs>a{border-color:#3a4c58;background:#22303a;color:#dbe7ed}html.app-dark .office-edelivery-status.is-warning{border-color:#685a36;background:#2e2b23}html.app-dark .office-edelivery-status strong,html.app-dark .office-dispatch-copy>b,html.app-dark .office-dispatch-detail>header h2,html.app-dark .office-dispatch-detail>section>h3,html.app-dark .office-dispatch-generators>h3,html.app-dark .office-dispatch-form .form-section>h3,html.app-dark .office-dispatch-form-intro strong,html.app-dark .office-edelivery-form-note strong{color:#e6eef3}html.app-dark .office-dispatch-filters .inline-check,html.app-dark .office-dispatch-control,html.app-dark .office-dispatch-form .form-section,html.app-dark .office-dispatch-generators{border-color:#3a4c58;background:#202c35}html.app-dark .office-dispatch-card.is-due{border-color:#71484c;background:linear-gradient(90deg,#32272a,#22303a 28%)}html.app-dark .office-dispatch-form-intro,html.app-dark .office-edelivery-form-note{border-color:#3a4c58;background:#263842}html.app-dark .office-dispatch-channel-note{background:#263943;color:#c6d7df}html.app-dark .office-dispatch-detail-actions{background:linear-gradient(transparent,#202b34 25%)}html.app-dark .office-dispatch-timeline i{background:#22303a}
@media(max-width:1100px){.office-dispatch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.office-dispatch-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.office-dispatch-filters .inline-check{grid-column:1/-1}.office-dispatch-card{grid-template-columns:auto minmax(0,1fr)}.office-dispatch-control{grid-column:1/-1;align-items:center;justify-content:space-between;flex-direction:row;padding:9px 13px;border-top:1px solid #e3e9ed;border-left:0;text-align:left}.office-dispatch-control>div{margin-left:auto}}
@media(max-width:760px){.office-edelivery-status{grid-template-columns:auto minmax(0,1fr)}.office-edelivery-status>.btn{grid-column:1/-1;width:100%}.office-dispatch-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.office-dispatch-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.office-dispatch-downloads>span{grid-column:1/-1;margin:0}.office-dispatch-downloads .btn{width:100%}.office-dispatch-control{display:grid;grid-template-columns:1fr auto}.office-dispatch-control>small{grid-column:1}.office-dispatch-control>div{grid-column:2;grid-row:1/3}.office-dispatch-detail-actions{display:grid;grid-template-columns:1fr 1fr}.office-dispatch-detail-actions .btn{width:100%}}
@media(max-width:560px){.office-dispatch-stats{grid-template-columns:1fr 1fr;gap:7px}.office-edelivery-status{display:flex;align-items:flex-start;flex-wrap:wrap;padding:13px}.office-edelivery-status>div{min-width:calc(100% - 64px);flex:1}.office-dispatch-tools{padding:10px}.office-dispatch-filters{grid-template-columns:1fr}.office-dispatch-filters .inline-check{grid-column:auto}.office-dispatch-card{grid-template-columns:auto minmax(0,1fr);border-radius:14px}.office-dispatch-select{align-items:flex-start;padding:18px 2px 0 10px}.office-dispatch-main{grid-template-columns:1fr;padding:11px 9px}.office-dispatch-channel{width:37px;height:37px;border-radius:11px}.office-dispatch-copy>b,.office-dispatch-copy>small{white-space:normal;overflow-wrap:anywhere}.office-dispatch-control{grid-template-columns:1fr;padding:9px 10px;text-align:left}.office-dispatch-control>div{grid-column:1;grid-row:auto;width:100%;margin:3px 0 0}.office-dispatch-control .btn{min-height:40px;flex:1}.office-dispatch-form .form-section{padding:11px}.office-dispatch-detail>header{align-items:flex-start}.office-dispatch-detail>header h2{font-size:18px}.office-dispatch-proofs>a{grid-template-columns:auto minmax(0,1fr)}.office-dispatch-proofs>a>b{grid-column:2}.office-dispatch-generators>div{display:grid;grid-template-columns:1fr}.office-dispatch-generators .btn{width:100%}.office-dispatch-detail-actions{grid-template-columns:1fr}.office-edelivery-form-note{flex-direction:column}}
@media(max-width:390px){.office-dispatch-stats{grid-template-columns:1fr}.office-dispatch-downloads{grid-template-columns:1fr}.office-dispatch-downloads>span{grid-column:auto}.office-edelivery-mark{width:40px;height:40px;border-radius:11px}.office-edelivery-status>div{min-width:calc(100% - 55px)}.office-dispatch-top{align-items:flex-start;flex-direction:column}.office-dispatch-main{gap:7px}.office-dispatch-detail>header{gap:9px}.office-dispatch-timeline{margin-inline:-4px}}
@media(prefers-reduced-motion:reduce){.office-dispatch-card{transition:none}}
@media print{.office-edelivery-status,.office-dispatch-tools,.office-dispatch-select,.office-dispatch-control,.office-dispatch-detail-actions,.office-dispatch-generators{display:none!important}.office-dispatch-card{break-inside:avoid;box-shadow:none}.office-dispatch-main{grid-column:1/-1}.office-dispatch-stats{grid-template-columns:repeat(4,1fr)}}



/* AppSystem bundle source: styles/244-office-archive-3660.css */
/* AppSystem 3.66.0 — Kancelaria: archiwizacja, spisy przekazania i kontrolowane brakowanie */
.office-archive-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
.office-archive-safety{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(190px,.32fr);align-items:center;gap:14px;margin-bottom:14px;padding:16px 18px;border:1px solid #cbdde5;border-radius:18px;background:linear-gradient(135deg,#eef7fa,#fff 66%);box-shadow:0 6px 20px rgba(24,50,68,.045)}
.office-archive-safety>span,.office-archive-modal-intro>span{display:grid;place-items:center;width:49px;height:49px;flex:0 0 auto;border-radius:14px;background:#2b627c;color:#fff;font-size:18px;font-weight:900;box-shadow:0 7px 18px rgba(43,98,124,.2)}
.office-archive-safety strong,.office-archive-modal-intro strong{display:block;color:#1d374a;font-size:14px}.office-archive-safety p,.office-archive-modal-intro p{margin:3px 0 0;color:#5d7485;font-size:12px;line-height:1.45}.office-archive-safety>small{padding:9px 11px;border-radius:11px;background:#fff;color:#526c7d;font-size:10px;line-height:1.45}
.office-archive-tabs{display:flex;gap:5px;margin-bottom:14px;padding:5px;border:1px solid #d8e3e9;border-radius:15px;background:#f3f6f8;overflow-x:auto;scrollbar-width:thin}.office-archive-tabs button{display:flex;min-width:max-content;align-items:center;gap:8px;padding:10px 13px;border:0;border-radius:10px;background:transparent;color:#587080;font-size:11px;font-weight:800;cursor:pointer}.office-archive-tabs button:hover{background:#fff;color:#24485e}.office-archive-tabs button.is-active{background:#fff;color:#1d5776;box-shadow:0 3px 12px rgba(31,67,88,.1)}.office-archive-tabs b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#e7f1f5;color:#29617e;font-size:9px}
.office-archive-toolbar,.office-retention-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px;padding:13px 15px;border:1px solid #d8e3e9;border-radius:15px;background:#fff}.office-archive-toolbar>div,.office-retention-intro>div{display:flex;min-width:0;flex-direction:column;gap:2px}.office-archive-toolbar strong,.office-retention-intro strong{color:#213c4f;font-size:13px}.office-archive-toolbar span,.office-retention-intro p{margin:0;color:#708390;font-size:10px;line-height:1.4}
.office-archive-list,.office-archive-transfer-list{display:grid;gap:9px}.office-archive-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:13px 14px;border:1px solid #dbe5ea;border-radius:16px;background:#fff;box-shadow:0 4px 15px rgba(25,50,69,.04)}.office-archive-card.is-ready{border-left:4px solid #4b9075}.office-archive-card.is-blocked{border-left:4px solid #c29249}.office-archive-card.is-retention{border-left:4px solid #b36a42;background:linear-gradient(90deg,#fffaf4,#fff 28%)}
.office-archive-select{display:grid;place-items:center;width:25px;align-self:stretch}.office-archive-select input{width:19px;height:19px;accent-color:#276886;cursor:pointer}.office-archive-select input:disabled{cursor:not-allowed;opacity:.42}
.office-archive-card-main{min-width:0}.office-archive-card-main header,.office-archive-card-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.office-archive-kind{padding:4px 6px;border-radius:6px;background:#edf3f6;color:#567181;font-size:8px;font-weight:900;letter-spacing:.07em}.office-archive-card-main header>strong{color:#2d4b5e;font-size:11px}.office-archive-class{padding:4px 7px;border-radius:999px;background:#e9f3ed;color:#326e56;font-size:9px;font-weight:900}.office-archive-card-main h3{margin:5px 0 4px;color:#172f42;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.office-archive-card-main>p{margin:0;color:#5f7585;font-size:10px;line-height:1.45}.office-archive-meta{display:flex;gap:4px 10px;flex-wrap:wrap;margin-top:7px;color:#82919b;font-size:9px}.office-archive-issue{margin-top:7px;padding:6px 8px;border-radius:8px;font-size:9px;line-height:1.4}.office-archive-issue.warning{background:#fff6df;color:#795d24}.office-archive-issue.danger{background:#fff0f1;color:#983c44}.office-archive-card>aside{display:flex;min-width:145px;align-items:flex-end;justify-content:center;flex-direction:column;gap:7px;text-align:right}
.office-archive-transfer,.office-disposal-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid #dbe5ea;border-radius:16px;background:#fff;box-shadow:0 4px 15px rgba(25,50,69,.04)}.office-archive-transfer-mark,.office-archive-transfer-detail>header>span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e7f1f5;color:#2b637f;font-size:12px;font-weight:900}.office-archive-transfer h3,.office-disposal-card h3{margin:4px 0;color:#20394c;font-size:14px}.office-archive-transfer p,.office-disposal-card p{margin:0;color:#617989;font-size:10px}.office-archive-transfer small,.office-disposal-card small{display:block;margin-top:4px;color:#84939d;font-size:9px;line-height:1.4}.office-archive-card-top>strong{color:#29495d;font-size:11px}
.office-retention-intro{margin-bottom:14px;background:linear-gradient(135deg,#fff9ec,#fff)}.office-retention-due,.office-disposal-register{margin-bottom:18px}.office-retention-due>h2{margin:0 0 9px;color:#233e51;font-size:16px}.office-archive-ok{margin-bottom:18px;padding:15px 17px;border:1px solid #b9dbc9;border-radius:15px;background:#f0faf5;color:#327057;font-size:12px;font-weight:800}
.office-archive-modal-intro{display:flex;align-items:flex-start;gap:13px;margin-bottom:15px;padding:14px;border:1px solid #cfe0e7;border-radius:16px;background:#f2f8fa}.office-archive-modal-intro>span{width:45px;height:45px;border-radius:13px;font-size:13px}.office-archive-modal-list,.office-archive-detail-list{display:grid;gap:7px;margin:14px 0}.office-archive-modal-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid #dde6eb;border-radius:11px;background:#fafcfd}.office-archive-modal-list>div>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.office-archive-modal-list strong,.office-archive-modal-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-archive-modal-list strong{color:#29475a;font-size:10px}.office-archive-modal-list small{color:#718591;font-size:9px}.office-archive-modal-list b{color:#387158;font-size:10px}
.office-archive-transfer-detail>header{display:flex;align-items:flex-start;gap:13px;padding-bottom:14px;border-bottom:1px solid #dce5ea}.office-archive-transfer-detail>header h2{margin:5px 0 2px;color:#1e374a;font-size:20px}.office-archive-transfer-detail>header p{margin:0;color:#6c8190;font-size:10px}.office-archive-detail-list article{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dfe7ec;border-radius:11px;background:#fbfcfd}.office-archive-detail-list article>b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#edf3f6;color:#446276;font-size:9px}.office-archive-detail-list article>div{display:flex;min-width:0;flex-direction:column;gap:2px}.office-archive-detail-list strong{color:#2b495c;font-size:10px}.office-archive-detail-list span{color:#465f70;font-size:10px;overflow-wrap:anywhere}.office-archive-detail-list small{color:#81919c;font-size:8px;overflow-wrap:anywhere}.office-archive-modal-actions{position:sticky;z-index:3;bottom:-16px;margin:0 -4px -4px;padding:16px 4px 4px;background:linear-gradient(transparent,#fff 25%)}
.office-disposal-detail h2{margin:8px 0 14px;color:#1e374a;font-size:20px}.office-disposal-detail section{margin-top:14px}.office-disposal-detail section h3{margin:12px 0 4px;color:#29475a;font-size:12px}.office-disposal-detail section p{margin:0;color:#617888;font-size:11px;line-height:1.55}.chancery-category-settings article>div>small{display:block;margin-top:3px;color:#84929b;font-size:8px;line-height:1.35}
html.app-dark .office-archive-safety,html.app-dark .office-archive-toolbar,html.app-dark .office-retention-intro,html.app-dark .office-archive-card,html.app-dark .office-archive-transfer,html.app-dark .office-disposal-card,html.app-dark .office-archive-modal-list>div,html.app-dark .office-archive-detail-list article{border-color:#3a4c58;background:#22303a;color:#dbe7ed}html.app-dark .office-archive-tabs{border-color:#3a4c58;background:#1f2b34}html.app-dark .office-archive-tabs button.is-active,html.app-dark .office-archive-safety>small{background:#2c3b46;color:#dbe7ed}html.app-dark .office-archive-safety strong,html.app-dark .office-archive-toolbar strong,html.app-dark .office-retention-intro strong,html.app-dark .office-archive-card-main h3,html.app-dark .office-archive-transfer h3,html.app-dark .office-disposal-card h3,html.app-dark .office-archive-transfer-detail>header h2,html.app-dark .office-disposal-detail h2{color:#e8f0f4}html.app-dark .office-archive-modal-intro{border-color:#3a4c58;background:#263842}html.app-dark .office-archive-ok{border-color:#39634f;background:#243a31;color:#9cd4b8}html.app-dark .office-archive-modal-actions{background:linear-gradient(transparent,#202b34 25%)}
@media(max-width:1100px){.office-archive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.office-archive-safety{grid-template-columns:auto minmax(0,1fr)}.office-archive-safety>small{grid-column:1/-1}.office-archive-card>aside{min-width:125px}.office-archive-transfer,.office-disposal-card{grid-template-columns:auto minmax(0,1fr)}.office-archive-transfer>.btn,.office-disposal-card>.btn{grid-column:2;width:max-content}}
@media(max-width:760px){.office-archive-toolbar,.office-retention-intro{align-items:stretch;flex-direction:column}.office-archive-toolbar>.btn,.office-retention-intro>.btn{width:100%}.office-archive-card{grid-template-columns:auto minmax(0,1fr)}.office-archive-card>aside{grid-column:2;min-width:0;align-items:center;justify-content:flex-start;flex-direction:row;text-align:left}.office-archive-modal-actions{display:grid;grid-template-columns:1fr 1fr}.office-archive-modal-actions .btn{width:100%}.office-archive-modal-actions a.btn{display:flex;align-items:center;justify-content:center}}
@media(max-width:560px){.office-archive-stats{grid-template-columns:1fr 1fr;gap:7px}.office-archive-safety{display:flex;align-items:flex-start;flex-wrap:wrap;padding:13px}.office-archive-safety>div{min-width:calc(100% - 64px);flex:1}.office-archive-safety>small{width:100%}.office-archive-tabs button{padding:9px 10px}.office-archive-card{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:11px 10px}.office-archive-card>aside{grid-column:1/-1;padding-left:36px}.office-archive-card>aside .btn{min-height:40px;flex:1}.office-archive-transfer,.office-disposal-card{grid-template-columns:minmax(0,1fr);padding:12px}.office-archive-transfer-mark{width:36px;height:36px}.office-archive-transfer>.btn,.office-disposal-card>.btn{grid-column:auto;width:100%;min-height:42px}.office-archive-modal-intro{flex-direction:column}.office-archive-modal-list>div{grid-template-columns:auto minmax(0,1fr)}.office-archive-modal-list>div>b{grid-column:2}.office-archive-detail-list article{grid-template-columns:auto minmax(0,1fr)}.office-archive-detail-list article>.status{grid-column:2;width:max-content}.office-archive-modal-actions{grid-template-columns:1fr}.office-archive-transfer-detail>header{gap:9px}.office-archive-transfer-detail>header h2,.office-disposal-detail h2{font-size:17px}}
@media(max-width:390px){.office-archive-stats{grid-template-columns:1fr}.office-archive-safety>span{width:40px;height:40px;border-radius:11px}.office-archive-safety>div{min-width:calc(100% - 55px)}.office-archive-card>aside{padding-left:0}.office-archive-meta{display:grid}.office-archive-card-main header{align-items:flex-start;flex-direction:column}.office-archive-tabs{margin-inline:-2px}}
@media(prefers-reduced-motion:reduce){.office-archive-tabs button{scroll-behavior:auto}}
@media print{.office-archive-tabs,.office-archive-toolbar,.office-archive-safety>small,.office-archive-card button,.office-archive-card input,.office-archive-transfer button,.office-disposal-card button,.office-archive-modal-actions{display:none!important}.office-archive-card,.office-archive-transfer,.office-disposal-card{break-inside:avoid;box-shadow:none}.office-archive-stats{grid-template-columns:repeat(4,1fr)}}