/* OSCANRE Unified Product System 5.15.1. Wygenerowano deterministycznie; nie edytuj pliku wynikowego. */

/* ===== 00-tokens.css ===== */
:root {
  --ups-color-bg: #f3eee6;
  --ups-color-bg-soft: #f8f5ef;
  --ups-color-surface: #fffdf9;
  --ups-color-surface-muted: #f2ede5;
  --ups-color-surface-strong: #171614;
  --ups-color-text: #171614;
  --ups-color-text-muted: #6f6961;
  --ups-color-text-inverse: #fffdf9;
  --ups-color-border: #d9d2c8;
  --ups-color-border-strong: #b9b0a4;
  --ups-color-accent: #b58a58;
  --ups-color-accent-soft: #eadcc8;
  --ups-color-danger: #a43b32;
  --ups-color-danger-soft: #f5e1de;
  --ups-color-success: #31735a;
  --ups-color-success-soft: #deeee7;
  --ups-color-warning: #8d651f;
  --ups-color-warning-soft: #f3e8ce;
  --ups-shadow-sm: 0 1px 2px rgba(31, 27, 22, .06);
  --ups-shadow-md: 0 14px 36px rgba(31, 27, 22, .10);
  --ups-shadow-lg: 0 26px 70px rgba(31, 27, 22, .16);

  --ups-radius-sm: 8px;
  --ups-radius-md: 14px;
  --ups-radius-lg: 22px;
  --ups-radius-xl: 30px;
  --ups-radius-pill: 999px;

  --ups-space-1: 4px;
  --ups-space-2: 8px;
  --ups-space-3: 12px;
  --ups-space-4: 16px;
  --ups-space-5: 20px;
  --ups-space-6: 24px;
  --ups-space-8: 32px;
  --ups-space-10: 40px;
  --ups-space-12: 48px;
  --ups-space-16: 64px;

  --ups-container-sm: 720px;
  --ups-container-md: 1040px;
  --ups-container-lg: 1280px;
  --ups-sidebar-width: 252px;
  --ups-topbar-height: 64px;
  --ups-mobile-nav-height: 68px;

  --ups-control-sm: 36px;
  --ups-control-md: 44px;
  --ups-control-lg: 52px;
  --ups-control-height-sm: var(--ups-control-sm);
  --ups-control-height-md: var(--ups-control-md);
  --ups-control-height-lg: var(--ups-control-lg);
  --ups-focus-ring: 0 0 0 3px rgba(181, 138, 88, .28);

  --ups-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ups-font-display: Georgia, "Times New Roman", serif;
  --ups-text-xs: .75rem;
  --ups-text-sm: .875rem;
  --ups-text-md: 1rem;
  --ups-text-lg: 1.125rem;
  --ups-text-xl: clamp(1.35rem, 1.1rem + .7vw, 1.8rem);
  --ups-text-2xl: clamp(1.85rem, 1.4rem + 1.5vw, 2.75rem);
  --ups-text-3xl: clamp(2.35rem, 1.7rem + 2.5vw, 4rem);

  --ups-ease: cubic-bezier(.2, .8, .2, 1);
  --ups-duration-fast: 140ms;
  --ups-duration: 220ms;
}

.ups-enabled {
  --color-bg: var(--ups-color-bg);
  --color-surface: var(--ups-color-surface);
  --color-surface-muted: var(--ups-color-surface-muted);
  --color-text: var(--ups-color-text);
  --color-text-muted: var(--ups-color-text-muted);
  --color-border: var(--ups-color-border);
  --color-accent: var(--ups-color-accent);
  --color-danger: var(--ups-color-danger);
  --color-success: var(--ups-color-success);
  --radius-sm: var(--ups-radius-sm);
  --radius-md: var(--ups-radius-md);
  --radius-lg: var(--ups-radius-lg);
  --radius-pill: var(--ups-radius-pill);
  --space-1: var(--ups-space-1);
  --space-2: var(--ups-space-2);
  --space-3: var(--ups-space-3);
  --space-4: var(--ups-space-4);
  --space-5: var(--ups-space-5);
  --space-6: var(--ups-space-6);
  --space-8: var(--ups-space-8);
  --space-10: var(--ups-space-10);
  --container-sm: var(--ups-container-sm);
  --container-md: var(--ups-container-md);
  --container-lg: var(--ups-container-lg);
  --control-height-sm: var(--ups-control-sm);
  --control-height-md: var(--ups-control-md);
  --control-height-lg: var(--ups-control-lg);
  --workspace-dock-height: var(--ups-mobile-nav-height);
  --workspace-header-size: var(--ups-topbar-height);
}

/* ===== 10-base.css ===== */
.ups-enabled,
.ups-enabled *,
.ups-enabled *::before,
.ups-enabled *::after {
  box-sizing: border-box;
}

html:has(body.ups-enabled) {
  background: var(--ups-color-bg);
  color-scheme: light;
  scroll-padding-top: calc(var(--ups-topbar-height) + var(--ups-space-4));
}

body.ups-enabled {
  min-width: 0;
  min-height: 100dvh;
  margin: 0;
  overflow-x: clip;
  background: var(--ups-color-bg);
  color: var(--ups-color-text);
  font-family: var(--ups-font-sans);
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.ups-enabled img,
.ups-enabled svg,
.ups-enabled video {
  max-width: 100%;
}

.ups-enabled img {
  height: auto;
}

.ups-enabled button,
.ups-enabled input,
.ups-enabled select,
.ups-enabled textarea {
  font: inherit;
}

.ups-enabled a {
  color: inherit;
  text-underline-offset: .18em;
}

.ups-enabled :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid transparent;
  box-shadow: var(--ups-focus-ring);
}

.ups-enabled :where(button, summary) {
  -webkit-tap-highlight-color: transparent;
}

.ups-enabled [hidden] {
  display: none;
}

.ups-enabled .skip-link {
  position: fixed;
  z-index: 10000;
  top: var(--ups-space-3);
  left: var(--ups-space-3);
  transform: translateY(-180%);
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
  padding: var(--ups-space-3) var(--ups-space-5);
  transition: transform var(--ups-duration-fast) var(--ups-ease);
}

.ups-enabled .skip-link:focus {
  transform: translateY(0);
}

.ups-enabled .container,
.ups-container {
  width: min(calc(100% - 2 * var(--ups-space-6)), var(--ups-container-lg));
  margin-inline: auto;
}

.ups-enabled .muted,
.ups-muted {
  color: var(--ups-color-text-muted);
}

.ups-enabled .eyebrow,
.ups-eyebrow {
  margin: 0 0 var(--ups-space-2);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.ups-enabled h1,
.ups-enabled h2,
.ups-enabled h3,
.ups-enabled p {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .ups-enabled .container,
  .ups-container {
    width: min(calc(100% - 2 * var(--ups-space-4)), var(--ups-container-lg));
  }
}

/* ===== 20-components.css ===== */
.ups-button,
.ups-enabled :where(.btn, .mini-btn, .workspace-button) {
  min-height: var(--ups-control-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ups-space-2);
  border: 1px solid var(--ups-color-border-strong);
  border-radius: var(--ups-radius-pill);
  padding: 0 var(--ups-space-5);
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  font-size: var(--ups-text-sm);
  font-weight: 720;
  line-height: 1.15;
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--ups-duration-fast), background var(--ups-duration-fast), color var(--ups-duration-fast), transform var(--ups-duration-fast);
}

.ups-enabled :where(.btn, .mini-btn, .workspace-button):hover {
  border-color: var(--ups-color-text);
  transform: translateY(-1px);
}

.ups-enabled :where(.btn-dark, .workspace-button-primary),
.ups-button.is-primary {
  border-color: var(--ups-color-surface-strong);
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
}

.ups-enabled :where(.btn-light, .btn-outline-dark, .workspace-button-secondary),
.ups-button.is-secondary {
  border-color: var(--ups-color-border);
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
}

.ups-enabled :where(.btn-danger, .is-danger),
.ups-button.is-danger {
  color: var(--ups-color-danger);
}

.ups-enabled :where(button, .btn, .mini-btn)[disabled],
.ups-button[disabled] {
  opacity: .52;
  cursor: not-allowed;
  transform: none;
}

.ups-enabled :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
.ups-input,
.ups-textarea,
.ups-select {
  width: 100%;
  min-width: 0;
  min-height: var(--ups-control-md);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-sm);
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  padding: 10px var(--ups-space-3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
  transition: border-color var(--ups-duration-fast), box-shadow var(--ups-duration-fast), background var(--ups-duration-fast);
}

.ups-enabled textarea,
.ups-textarea {
  min-height: 112px;
  resize: vertical;
}

.ups-enabled :where(input, textarea)::placeholder {
  color: #938b81;
  opacity: 1;
}

.ups-enabled :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select):hover {
  border-color: var(--ups-color-border-strong);
}

.ups-enabled :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select):focus {
  border-color: var(--ups-color-accent);
  outline: 0;
  box-shadow: var(--ups-focus-ring);
}

.ups-enabled input[type="number"] {
  appearance: textfield;
}

.ups-enabled input[type="number"]::-webkit-inner-spin-button,
.ups-enabled input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

.ups-enabled input[type="file"] {
  width: 100%;
  min-width: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
}

.ups-enabled input[type="file"]::file-selector-button {
  min-height: var(--ups-control-sm);
  margin-right: var(--ups-space-3);
  border: 1px solid var(--ups-color-border-strong);
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  padding: 0 var(--ups-space-4);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.ups-enabled :where(label.field, .field, .team-form label, .support-reply-form label) {
  min-width: 0;
}

.ups-enabled :where(label.field, .field, .team-form label, .support-reply-form label) > :where(span, strong):first-child {
  display: block;
  margin-bottom: var(--ups-space-2);
  color: var(--ups-color-text);
  font-size: var(--ups-text-sm);
  font-weight: 700;
}

.ups-enabled .workspace-select-shell,
.ups-select-shell {
  position: relative;
  display: block;
  min-width: 0;
}

.ups-enabled .workspace-select-shell::after,
.ups-select-shell::after {
  content: "";
  position: absolute;
  right: var(--ups-space-4);
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  color: var(--ups-color-text-muted);
  pointer-events: none;
  transform: translateY(-70%) rotate(45deg);
}

.ups-enabled .workspace-select-shell select,
.ups-select-shell select {
  padding-right: 42px;
  appearance: none;
  background-image: none;
}

.ups-checkbox,
.ups-enabled :where(label:has(> input[type="checkbox"]), .workspace-checkbox) {
  display: flex;
  align-items: flex-start;
  gap: var(--ups-space-3);
  min-width: 0;
}

.ups-enabled input[type="checkbox"],
.ups-enabled input[type="radio"] {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin: 2px 0 0;
  accent-color: var(--ups-color-surface-strong);
}

.ups-card,
.ups-section,
.ups-enabled :where(.workspace-section, .team-card, .support-thread-card) {
  min-width: 0;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-section-header,
.ups-enabled :where(.workspace-section-header, .team-section-head) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ups-space-4);
  padding: var(--ups-space-5) var(--ups-space-6);
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-section-body,
.ups-enabled .workspace-section-body {
  padding: var(--ups-space-6);
}

.ups-badge,
.ups-enabled :where(.status-pill, .team-status, .customer-nav-badge, .team-count-pill, .choice-badge) {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  padding: 2px var(--ups-space-3);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  line-height: 1.2;
  white-space: nowrap;
}

.ups-badge.is-success,
.ups-enabled :where(.status-paid, .status-active, .status-approved) {
  border-color: #b8d7c9;
  background: var(--ups-color-success-soft);
  color: var(--ups-color-success);
}

.ups-badge.is-warning,
.ups-enabled :where(.status-pending, .status-processing) {
  border-color: #e0c991;
  background: var(--ups-color-warning-soft);
  color: var(--ups-color-warning);
}

.ups-badge.is-danger,
.ups-enabled :where(.status-canceled, .status-expired, .status-needs_correction) {
  border-color: #dfb7b0;
  background: var(--ups-color-danger-soft);
  color: var(--ups-color-danger);
}

.ups-record-list,
.ups-enabled :where(.workspace-record-list, .team-list, .team-matters-list) {
  display: grid;
  min-width: 0;
}

.ups-record,
.ups-enabled :where(.workspace-record, .team-list > article, .team-matters-list > a) {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ups-space-4);
  padding: var(--ups-space-4) 0;
  border-bottom: 1px solid var(--ups-color-border);
  text-decoration: none;
}

.ups-enabled :where(.workspace-record, .team-list > article, .team-matters-list > a):last-child {
  border-bottom: 0;
}

.ups-tabs,
.ups-enabled :where(.workspace-tabs, .workspace-context-nav, .panel-module-tabs, .panel-subnav, .panel-tabs, .admin-tabbar, .booking-tabs, .team-tabs, .club-context-nav, .account-subtabs, .club-feed-tabs, .club-mobile-rooms) {
  display: flex;
  align-items: center;
  gap: var(--ups-space-2);
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.ups-enabled :where(.workspace-tabs, .workspace-context-nav, .panel-module-tabs, .panel-subnav, .panel-tabs, .admin-tabbar, .booking-tabs, .team-tabs, .club-context-nav, .account-subtabs, .club-feed-tabs, .club-mobile-rooms)::-webkit-scrollbar {
  display: none;
}

.ups-enabled :where(.workspace-tabs, .workspace-context-nav, .panel-module-tabs, .panel-subnav, .panel-tabs, .admin-tabbar, .booking-tabs, .team-tabs, .club-context-nav, .account-subtabs, .club-feed-tabs, .club-mobile-rooms) > :where(a, button) {
  min-height: var(--ups-control-sm);
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--ups-space-2);
  border: 1px solid transparent;
  border-radius: var(--ups-radius-pill);
  padding: 0 var(--ups-space-4);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  font-weight: 700;
  text-decoration: none;
  scroll-snap-align: start;
}

.ups-enabled :where(.workspace-tabs, .workspace-context-nav, .panel-module-tabs, .panel-subnav, .panel-tabs, .admin-tabbar, .booking-tabs, .team-tabs, .club-context-nav, .account-subtabs, .club-feed-tabs, .club-mobile-rooms) > :where(a, button).is-active,
.ups-enabled :where(.workspace-tabs, .workspace-context-nav, .panel-module-tabs, .panel-subnav, .panel-tabs, .admin-tabbar, .booking-tabs, .team-tabs, .club-context-nav, .account-subtabs, .club-feed-tabs, .club-mobile-rooms) > [aria-current="page"] {
  border-color: var(--ups-color-border);
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
}

.ups-filter-bar,
.ups-enabled :where(.workspace-filter-bar, .admin-filters, .table-search) {
  display: flex;
  align-items: end;
  gap: var(--ups-space-3);
  min-width: 0;
  padding: var(--ups-space-4);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-surface-muted);
}

.ups-table-wrap,
.ups-enabled :where(.workspace-table-wrap, .responsive-table) {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-surface);
}

.ups-enabled table {
  width: 100%;
  border-collapse: collapse;
}

.ups-enabled th,
.ups-enabled td {
  padding: var(--ups-space-3) var(--ups-space-4);
  border-bottom: 1px solid var(--ups-color-border);
  text-align: left;
  vertical-align: middle;
}

.ups-enabled th {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ups-empty-state,
.ups-enabled :where(.workspace-empty-state, .team-empty) {
  min-width: 0;
  display: grid;
  justify-items: start;
  gap: var(--ups-space-2);
  padding: var(--ups-space-8);
  border: 1px dashed var(--ups-color-border-strong);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-bg-soft);
  color: var(--ups-color-text-muted);
}

.ups-empty-state strong,
.ups-enabled :where(.workspace-empty-state, .team-empty) strong {
  color: var(--ups-color-text);
  font-size: var(--ups-text-lg);
}

.ups-empty-state p,
.ups-enabled :where(.workspace-empty-state, .team-empty) :where(p, span) {
  margin: 0;
}

.ups-empty-state-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ups-color-accent-soft);
  color: var(--ups-color-text);
}

.ups-empty-state-icon .workspace-icon {
  width: 20px;
  height: 20px;
}

@media (max-width: 760px) {
  .ups-enabled :where(.btn, .mini-btn, .workspace-button),
  .ups-button {
    min-height: var(--ups-control-md);
  }

  .ups-section-header,
  .ups-enabled :where(.workspace-section-header, .team-section-head) {
    padding: var(--ups-space-4);
  }

  .ups-section-body,
  .ups-enabled .workspace-section-body {
    padding: var(--ups-space-4);
  }

  .ups-filter-bar,
  .ups-enabled :where(.workspace-filter-bar, .admin-filters, .table-search) {
    align-items: stretch;
    flex-direction: column;
  }

  .ups-record,
  .ups-enabled :where(.workspace-record, .team-list > article, .team-matters-list > a) {
    align-items: flex-start;
  }
}


/* Generic overlay contracts for newly migrated views. */
.ups-enabled :where(.ups-drawer, .ups-modal) {
  min-width: 0;
  max-width: min(100%, var(--ups-container-sm));
  overflow: auto;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  box-shadow: var(--ups-shadow-lg);
}

.ups-enabled .ups-drawer {
  max-height: 100dvh;
  overscroll-behavior: contain;
}

.ups-enabled .ups-modal {
  max-height: min(88dvh, 760px);
}

/* ===== 30-shell.css ===== */
.ups-enabled.workspace-app,
.ups-enabled.ups-surface-workspace {
  padding-top: var(--ups-topbar-height);
}

.ups-enabled .ups-topbar,
.ups-enabled .workspace-topbar {
  position: fixed;
  z-index: 800;
  inset: 0 0 auto;
  height: var(--ups-topbar-height);
  border-bottom: 1px solid var(--ups-color-border);
  background: rgba(255, 253, 249, .94);
  color: var(--ups-color-text);
  backdrop-filter: blur(18px);
}

.ups-enabled .ups-topbar-inner,
.ups-enabled .workspace-topbar-inner {
  width: min(calc(100% - 2 * var(--ups-space-6)), var(--ups-container-lg));
  height: 100%;
  display: flex;
  align-items: center;
  gap: var(--ups-space-5);
  margin-inline: auto;
}

.ups-enabled .ups-topbar-brand,
.ups-enabled .workspace-topbar-brand {
  min-width: 0;
  display: inline-flex;
  align-items: baseline;
  gap: var(--ups-space-2);
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled .workspace-topbar-brand strong {
  font-size: 1.05rem;
  letter-spacing: -.03em;
}

.ups-enabled .workspace-topbar-brand span {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  white-space: nowrap;
}

.ups-enabled .workspace-topbar-inner > nav {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--ups-space-2);
  margin-left: auto;
}

.ups-enabled .workspace-topbar-inner > nav a {
  min-height: var(--ups-control-sm);
  display: inline-flex;
  align-items: center;
  border-radius: var(--ups-radius-pill);
  padding: 0 var(--ups-space-3);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  font-weight: 700;
  text-decoration: none;
}

.ups-enabled .workspace-topbar-inner > nav a.is-active {
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text);
}

.ups-enabled .ups-topbar-actions,
.ups-enabled .workspace-topbar-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--ups-space-2);
  margin-left: auto;
}

.ups-enabled .workspace-topbar-actions > :where(a, button, details > summary) {
  min-width: var(--ups-control-md);
  min-height: var(--ups-control-md);
}

.ups-enabled .club-notification-link,
.ups-enabled .app-topbar-cart {
  position: relative;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--ups-color-border);
  border-radius: 50%;
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled .club-notification-link svg,
.ups-enabled .app-topbar-cart svg {
  width: 20px;
  height: 20px;
}

.ups-enabled .club-notification-link b,
.ups-enabled .app-topbar-cart b {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 2px solid var(--ups-color-surface);
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-danger);
  color: white;
  padding: 0 4px;
  font-size: .65rem;
}

.ups-enabled details.club-user-menu {
  position: relative;
}

.ups-enabled details.club-user-menu > summary {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--ups-space-2);
  border: 0;
  border-radius: var(--ups-radius-pill);
  padding: 4px 6px;
  list-style: none;
  cursor: pointer;
}

.ups-enabled details.club-user-menu > summary::-webkit-details-marker {
  display: none;
}

.ups-enabled .club-user-avatar {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--ups-color-border);
  border-radius: 50%;
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
  font-size: var(--ups-text-sm);
  font-weight: 800;
}

.ups-enabled .club-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ups-enabled .club-user-summary-copy {
  min-width: 0;
  display: grid;
  line-height: 1.1;
}

.ups-enabled .club-user-summary-copy strong,
.ups-enabled .club-user-summary-copy small {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ups-enabled .club-user-summary-copy small {
  margin-top: 3px;
  color: var(--ups-color-text-muted);
  font-size: .7rem;
}

.ups-enabled .club-user-dropdown {
  position: absolute;
  z-index: 940;
  top: calc(100% + var(--ups-space-2));
  right: 0;
  width: min(300px, calc(100vw - 2 * var(--ups-space-4)));
  overflow: hidden;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-lg);
}

.ups-enabled .club-user-dropdown header {
  display: grid;
  gap: 2px;
  padding: var(--ups-space-4);
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled .club-user-dropdown header span {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  overflow-wrap: anywhere;
}

.ups-enabled .club-user-dropdown a {
  min-height: var(--ups-control-md);
  display: flex;
  align-items: center;
  padding: 0 var(--ups-space-4);
  color: var(--ups-color-text);
  font-size: var(--ups-text-sm);
  font-weight: 650;
  text-decoration: none;
}

.ups-enabled .club-user-dropdown a:hover,
.ups-enabled .club-user-dropdown a.is-current {
  background: var(--ups-color-surface-muted);
}

.ups-enabled .club-user-dropdown a.club-user-dropdown-logout {
  color: var(--ups-color-danger);
}

.ups-app-shell,
.ups-enabled :where(.customer-app-shell, .club-app-shell, .team-app-shell, .panel-app-shell) {
  min-width: 0;
}

.ups-enabled :where(.customer-app-grid, .club-app-shell, .team-app-shell, .panel-app-grid) {
  min-width: 0;
  display: grid;
  grid-template-columns: var(--ups-sidebar-width) minmax(0, 1fr);
  align-items: start;
  gap: var(--ups-space-8);
}

.ups-enabled :where(.workspace-sidebar, .ups-sidebar) {
  position: sticky;
  top: calc(var(--ups-topbar-height) + var(--ups-space-6));
  max-height: calc(100dvh - var(--ups-topbar-height) - 2 * var(--ups-space-6));
  min-width: 0;
  overflow: auto;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  padding: var(--ups-space-4);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled .workspace-sidebar-identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--ups-space-3);
  padding: var(--ups-space-2) var(--ups-space-2) var(--ups-space-4);
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled .workspace-sidebar-avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
  font-weight: 780;
}

.ups-enabled .workspace-sidebar-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ups-enabled .workspace-sidebar-copy {
  min-width: 0;
  display: grid;
}

.ups-enabled .workspace-sidebar-copy :where(strong, small, span, em) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ups-enabled .workspace-sidebar-copy :where(small, span, em) {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-style: normal;
}

.ups-enabled .workspace-primary-nav,
.ups-enabled .workspace-sidebar-subnav {
  display: grid;
  gap: var(--ups-space-1);
  margin-top: var(--ups-space-4);
}

.ups-enabled :where(.workspace-primary-nav, .workspace-sidebar-subnav) > a {
  min-width: 0;
  min-height: var(--ups-control-md);
  display: flex;
  align-items: center;
  gap: var(--ups-space-3);
  border-radius: var(--ups-radius-sm);
  padding: var(--ups-space-2) var(--ups-space-3);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  font-weight: 680;
  text-decoration: none;
}

.ups-enabled :where(.workspace-primary-nav, .workspace-sidebar-subnav) > a:hover {
  background: var(--ups-color-bg-soft);
  color: var(--ups-color-text);
}

.ups-enabled :where(.workspace-primary-nav, .workspace-sidebar-subnav) > a.is-active {
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
}

.ups-enabled :where(.workspace-primary-nav, .workspace-sidebar-subnav) .workspace-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
}

.ups-enabled :where(.workspace-primary-nav, .workspace-sidebar-subnav) > a > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ups-enabled .workspace-sidebar-footer {
  display: grid;
  gap: var(--ups-space-1);
  margin-top: var(--ups-space-5);
  padding-top: var(--ups-space-4);
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled .workspace-sidebar-footer a {
  display: grid;
  gap: 2px;
  border-radius: var(--ups-radius-sm);
  padding: var(--ups-space-2) var(--ups-space-3);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  text-decoration: none;
}

.ups-enabled .workspace-sidebar-footer a small {
  font-size: var(--ups-text-xs);
}

.ups-enabled :where(.customer-main, .club-app-main, .team-main, .panel-main, .team-shell) {
  min-width: 0;
}

.ups-enabled .workspace-more-layer,
.ups-enabled .ups-layer {
  position: fixed;
  z-index: 1200;
  inset: 0;
}

.ups-enabled .workspace-more-backdrop,
.ups-enabled .ups-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(23, 22, 20, .52);
  backdrop-filter: blur(4px);
}

.ups-enabled .workspace-more-sheet,
.ups-enabled .ups-sheet {
  position: absolute;
  inset: auto 0 0;
  max-height: min(82dvh, 720px);
  overflow: auto;
  border-radius: var(--ups-radius-xl) var(--ups-radius-xl) 0 0;
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-lg);
  padding-bottom: max(var(--ups-space-5), env(safe-area-inset-bottom));
  animation: ups-sheet-in var(--ups-duration) var(--ups-ease) both;
}

.ups-enabled .workspace-more-sheet > header {
  position: sticky;
  z-index: 1;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ups-space-4);
  border-bottom: 1px solid var(--ups-color-border);
  background: var(--ups-color-surface);
  padding: var(--ups-space-4) var(--ups-space-5);
}

.ups-enabled .workspace-more-sheet > header > div {
  display: grid;
}

.ups-enabled .workspace-more-sheet > header span {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled .workspace-more-sheet > header button {
  width: var(--ups-control-md);
  height: var(--ups-control-md);
  border: 1px solid var(--ups-color-border);
  border-radius: 50%;
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  font-size: 1.4rem;
}

.ups-enabled .workspace-more-sheet > nav {
  display: grid;
  gap: var(--ups-space-1);
  padding: var(--ups-space-3) var(--ups-space-4);
}

.ups-enabled .workspace-more-link {
  min-width: 0;
  min-height: 54px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-3);
  border-radius: var(--ups-radius-md);
  padding: var(--ups-space-2) var(--ups-space-3);
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled .workspace-more-link:hover,
.ups-enabled .workspace-more-link.is-active {
  background: var(--ups-color-surface-muted);
}

.ups-enabled .workspace-more-link > span {
  min-width: 0;
  display: grid;
}

.ups-enabled .workspace-more-link small {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled .workspace-mobile-nav-group {
  margin: var(--ups-space-3) var(--ups-space-3) var(--ups-space-1);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ups-enabled :where(.workspace-bottom-nav, .ups-mobile-nav),
.ups-enabled .workspace-bottom-nav-spacer,
.ups-enabled .workspace-mobile-menu-trigger {
  display: none;
}

.ups-enabled.workspace-overlay-open,
.ups-enabled.workspace-profile-open,
.ups-enabled.workspace-more-open,
.ups-enabled.ups-scroll-lock {
  overflow: hidden;
  touch-action: none;
}

.ups-enabled .workspace-profile-scrim {
  position: fixed;
  z-index: 890;
  inset: var(--ups-topbar-height) 0 0;
  border: 0;
  background: transparent;
}

@keyframes ups-sheet-in {
  from { transform: translateY(24px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@media (max-width: 980px) {
  .ups-enabled .workspace-topbar-inner > nav,
  .ups-enabled .club-user-summary-copy,
  .ups-enabled details.club-user-menu > summary > svg {
    display: none;
  }

  .ups-enabled .ups-topbar-inner,
  .ups-enabled .workspace-topbar-inner {
    width: calc(100% - 2 * var(--ups-space-4));
    gap: var(--ups-space-3);
  }

  .ups-enabled .workspace-topbar-actions {
    margin-left: auto;
  }

  .ups-enabled :where(.customer-app-grid, .club-app-shell, .team-app-shell, .panel-app-grid) {
    display: block;
  }

  .ups-enabled .workspace-sidebar {
    display: none;
  }

  .ups-enabled.workspace-app,
  .ups-enabled.ups-surface-workspace {
    padding-bottom: calc(var(--ups-mobile-nav-height) + max(var(--ups-space-3), env(safe-area-inset-bottom)));
  }

  .ups-enabled .workspace-bottom-nav-spacer {
    display: block;
    height: calc(var(--ups-mobile-nav-height) + max(var(--ups-space-3), env(safe-area-inset-bottom)));
  }

  .ups-enabled :where(.workspace-bottom-nav, .ups-mobile-nav) {
    position: fixed;
    z-index: 850;
    inset: auto var(--ups-space-3) max(var(--ups-space-2), env(safe-area-inset-bottom));
    min-height: var(--ups-mobile-nav-height);
    display: grid;
    grid-template-columns: repeat(var(--workspace-bottom-count, 5), minmax(0, 1fr));
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--ups-color-border);
    border-radius: var(--ups-radius-lg);
    background: rgba(255, 253, 249, .96);
    box-shadow: var(--ups-shadow-md);
    backdrop-filter: blur(18px);
    transition: transform var(--ups-duration), opacity var(--ups-duration);
  }

  .ups-enabled .workspace-bottom-nav > :where(a, button) {
    position: relative;
    min-width: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    border: 0;
    background: transparent;
    color: var(--ups-color-text-muted);
    padding: 6px 2px;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
  }

  .ups-enabled .workspace-bottom-nav > :where(a, button).is-active {
    color: var(--ups-color-text);
  }

  .ups-enabled .workspace-bottom-nav > :where(a, button).is-active::before {
    content: "";
    position: absolute;
    top: 5px;
    width: 22px;
    height: 3px;
    border-radius: var(--ups-radius-pill);
    background: var(--ups-color-accent);
  }

  .ups-enabled .workspace-bottom-nav .workspace-icon {
    width: 21px;
    height: 21px;
  }

  .ups-enabled .workspace-bottom-nav b {
    position: absolute;
    top: 7px;
    left: calc(50% + 8px);
    min-width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    border-radius: var(--ups-radius-pill);
    background: var(--ups-color-danger);
    color: white;
    padding: 0 3px;
    font-size: .58rem;
  }

  .ups-enabled.workspace-transient-open .workspace-bottom-nav,
  .ups-enabled.workspace-keyboard-open .workspace-bottom-nav {
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + var(--ups-space-5)));
  }
}

@media (max-width: 560px) {
  .ups-enabled .workspace-topbar-brand span {
    display: none;
  }

  .ups-enabled .workspace-topbar-actions > :where(a, button, details > summary) {
    min-width: 40px;
    min-height: 40px;
  }

  .ups-enabled .club-user-avatar {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
}

/* Stage 6 shell ownership */
.ups-enabled.workspace-admin {
  --ws-sidebar-z: 10160;
}

.ups-enabled .panel-sidebar-close {
  display: none;
}

@media (max-width: 980px) {
  .ups-enabled .panel-sidebar.is-open {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 10160;
    inset: 0 auto 0 0;
    top: 0;
    width: min(86vw, 320px);
    max-width: 320px;
    max-height: 100dvh;
    overflow-y: auto;
    border: 0;
    border-right: 1px solid var(--ups-color-border);
    border-radius: 0 var(--ups-radius-lg) var(--ups-radius-lg) 0;
    background: var(--ups-color-surface);
    padding: var(--ups-space-4);
    box-shadow: var(--ups-shadow-lg);
    transform: none;
  }

  .ups-enabled .panel-scrim.is-visible {
    display: block;
    position: fixed;
    z-index: 10150;
    inset: 0;
    background: rgba(18, 16, 15, .42);
    opacity: 1;
  }

  .ups-enabled .panel-sidebar.is-open .panel-sidebar-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    z-index: 2;
    top: 0;
    width: 40px;
    height: 40px;
    margin: 0 0 var(--ups-space-2) auto;
    display: grid;
    place-items: center;
    border: 1px solid var(--ups-color-border);
    border-radius: 50%;
    background: var(--ups-color-surface);
    color: var(--ups-color-text);
    font-size: 1.25rem;
  }
}

/* ===== 40-patterns.css ===== */
.ups-page,
.ups-enabled :where(.customer-main, .club-app-main, .team-shell, .panel-main) {
  min-width: 0;
  padding-block: var(--ups-space-8) var(--ups-space-16);
}

.ups-page-header,
.ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ups-space-6);
  margin: 0 0 var(--ups-space-8);
  padding: 0;
  border: 0;
  background: transparent;
}

.ups-page-header-copy,
.ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) > div:first-child {
  min-width: 0;
  max-width: 760px;
}

.ups-page-header h1,
.ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) h1 {
  max-width: 18ch;
  margin: 0;
  color: var(--ups-color-text);
  font-family: var(--ups-font-display);
  font-size: var(--ups-text-2xl);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.06;
}

.ups-page-description,
.ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) h1 + p {
  max-width: 68ch;
  margin: var(--ups-space-3) 0 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-md);
}

.ups-page-actions,
.ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) > :where(a, button, div:last-child) {
  flex: 0 0 auto;
}

.ups-kpi-grid,
.ups-enabled :where(.workspace-kpi-grid, .team-grid, .admin-kpi-grid) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ups-space-4);
}

.ups-kpi,
.ups-enabled :where(.workspace-kpi, .team-grid > .team-card, .admin-kpi-grid > article) {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--ups-space-2);
  padding: var(--ups-space-5);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-surface);
}

.ups-kpi > span,
.ups-enabled :where(.workspace-kpi, .team-grid > .team-card, .admin-kpi-grid > article) > span:first-child {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ups-kpi > strong,
.ups-enabled :where(.workspace-kpi, .team-grid > .team-card, .admin-kpi-grid > article) > strong {
  color: var(--ups-color-text);
  font-size: var(--ups-text-xl);
  line-height: 1.1;
}

.ups-auth-shell,
.ups-enabled .auth-shell {
  min-height: calc(100dvh - var(--ups-topbar-height));
  display: grid;
  align-items: center;
  padding: var(--ups-space-8) var(--ups-space-4);
}

.ups-enabled .auth-shell > * {
  min-width: 0;
}

.ups-enabled :where(.auth-card, .customer-login-card) {
  width: min(100%, 480px);
  margin-inline: auto;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-xl);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-md);
  padding: var(--ups-space-8);
}

.ups-enabled :where(.auth-card, .customer-login-card) h1 {
  margin: 0;
  font-family: var(--ups-font-display);
  font-size: var(--ups-text-2xl);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.05;
}

.ups-enabled :where(.auth-card, .customer-login-card) form {
  display: grid;
  gap: var(--ups-space-4);
  margin-top: var(--ups-space-6);
}

.ups-enabled .notice,
.ups-enabled :where(.form-error, .alert, .flash-message) {
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-bg-soft);
  padding: var(--ups-space-4);
  color: var(--ups-color-text-muted);
}

.ups-enabled :where(.form-error, .alert-error) {
  border-color: #dfb7b0;
  background: var(--ups-color-danger-soft);
  color: var(--ups-color-danger);
}

.ups-route-progress,
.ups-enabled .workspace-route-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 34%;
  height: 3px;
  border-radius: 0 var(--ups-radius-pill) var(--ups-radius-pill) 0;
  background: var(--ups-color-accent);
  opacity: 0;
  transform: translateX(-120%);
  transition: opacity var(--ups-duration-fast), transform 700ms var(--ups-ease);
}

.ups-enabled.workspace-route-loading .workspace-route-progress {
  opacity: 1;
  transform: translateX(180%);
}

@media (max-width: 980px) {
  .ups-page,
  .ups-enabled :where(.customer-main, .club-app-main, .team-shell, .panel-main) {
    padding: var(--ups-space-6) var(--ups-space-4) var(--ups-space-12);
  }

  .ups-kpi-grid,
  .ups-enabled :where(.workspace-kpi-grid, .team-grid, .admin-kpi-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 760px) {
  .ups-enabled.ups-surface-auth .auth-shell {
    min-height: 100dvh;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    padding: var(--ups-space-4);
  }

  .ups-enabled.ups-surface-auth .auth-visual {
    display: none;
  }

  .ups-enabled.ups-surface-auth .auth-panel {
    width: 100%;
    min-width: 0;
    display: block;
    padding: 0;
  }

  .ups-enabled.ups-surface-auth :where(.auth-card, .customer-login-card) {
    width: 100%;
    margin: 0;
  }

  .ups-enabled.ups-surface-auth .auth-benefit-strip {
    display: none;
  }
}

@media (max-width: 560px) {
  .ups-page-header,
  .ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) {
    display: grid;
    gap: var(--ups-space-4);
    margin-bottom: var(--ups-space-6);
  }

  .ups-page-header h1,
  .ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) h1 {
    max-width: none;
    font-size: clamp(1.75rem, 8vw, 2.2rem);
  }

  .ups-page-actions,
  .ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) > :where(a, button, div:last-child) {
    width: 100%;
  }

  .ups-enabled :where(.customer-page-head, .club-page-title, .team-page-head, .panel-page-head) > :where(a, button) {
    width: 100%;
  }

  .ups-kpi-grid,
  .ups-enabled :where(.workspace-kpi-grid, .team-grid, .admin-kpi-grid) {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled :where(.auth-card, .customer-login-card) {
    border-radius: var(--ups-radius-lg);
    padding: var(--ups-space-5);
  }

  .ups-auth-shell,
  .ups-enabled .auth-shell {
    min-height: auto;
    align-items: start;
    padding: var(--ups-space-5) var(--ups-space-4);
  }
}

/* ===== 50-adapters.css ===== */
/* Konto klienta */
.ups-enabled.workspace-customer .customer-app-shell {
  padding-block: var(--ups-space-6);
}

.ups-enabled.workspace-customer .customer-app-grid {
  width: min(calc(100% - 2 * var(--ups-space-6)), var(--ups-container-lg));
  margin-inline: auto;
}

.ups-enabled.workspace-customer .customer-page-head {
  min-height: 0;
}

.ups-enabled.workspace-customer :where(.customer-overview-grid, .account-quick-grid, .account-access-grid) {
  min-width: 0;
  gap: var(--ups-space-4);
}

.ups-enabled.workspace-customer :where(.customer-dashboard-card, .account-overview-card, .customer-card) {
  min-width: 0;
  border-color: var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.workspace-customer .customer-global-cart[hidden] {
  display: none;
}

/* Klub */
.ups-enabled.workspace-club .club-app-shell {
  width: min(calc(100% - 2 * var(--ups-space-6)), var(--ups-container-lg));
  margin-inline: auto;
  padding-block: var(--ups-space-6);
}

.ups-enabled.workspace-club .club-page-title {
  padding: 0;
}

.ups-enabled.workspace-club .club-new-thread {
  width: 100%;
  margin-top: var(--ups-space-4);
}

.ups-enabled.workspace-club .club-room-nav {
  display: grid;
  gap: var(--ups-space-1);
  margin-top: var(--ups-space-5);
  padding-top: var(--ups-space-4);
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-club .club-room-nav p {
  margin: 0 var(--ups-space-3) var(--ups-space-2);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ups-enabled.workspace-club .club-room-nav a {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: var(--ups-space-3);
  border-radius: var(--ups-radius-sm);
  padding: var(--ups-space-2) var(--ups-space-3);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  text-decoration: none;
}

.ups-enabled.workspace-club .club-room-nav a span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text);
  font-size: var(--ups-text-xs);
  font-weight: 760;
}

.ups-enabled.workspace-club :where(.club-feed-toolbar, .club-feed-tabs, .club-search) {
  min-width: 0;
}

.ups-enabled.workspace-club :where(.club-post-card, .club-thread-card, .club-event-card) {
  min-width: 0;
  border-color: var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.workspace-club :where(.club-post-meta, .club-thread-meta) {
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-club :where(.club-post-meta, .club-thread-meta) > i:empty,
.ups-enabled.workspace-club :where(.club-post-meta, .club-thread-meta) > span:empty {
  display: none;
}

/* Panel Oskara / Firma */
.ups-enabled.workspace-admin :where(.panel-shell, .admin-shell, .company-shell) {
  width: min(calc(100% - 2 * var(--ups-space-6)), var(--ups-container-lg));
  margin-inline: auto;
}

.ups-enabled.workspace-admin :where(.admin-card, .panel-card, .company-card) {
  min-width: 0;
  border-color: var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.workspace-admin :where(.admin-booking-row, .admin-row) {
  min-width: 0;
  border-color: var(--ups-color-border);
  background: var(--ups-color-surface);
}

.ups-enabled.workspace-admin :where(.admin-filters, .panel-filter-bar) > * {
  min-width: 0;
}

.ups-enabled.workspace-admin .booking-detail-drawer {
  position: fixed;
  z-index: 1200;
  inset: 0 0 0 auto;
  width: min(520px, 100%);
  overflow-y: auto;
  border-left: 1px solid var(--ups-color-border);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-lg);
}

/* Zespół */
.ups-enabled.workspace-team .team-app-shell {
  width: min(calc(100% - 2 * var(--ups-space-6)), var(--ups-container-lg));
  margin-inline: auto;
  padding-block: var(--ups-space-6);
}

.ups-enabled.workspace-team .team-shell {
  padding-top: 0;
}

.ups-enabled.workspace-team :where(.team-layout-two, .team-form-grid) {
  min-width: 0;
  gap: var(--ups-space-4);
}

.ups-enabled.workspace-team .team-card {
  padding: var(--ups-space-5);
}

.ups-enabled.workspace-team details.team-ticket {
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-team details.team-ticket > summary {
  min-width: 0;
  padding: var(--ups-space-4) 0;
}


/* Wspólna stopka publiczna — kontrast i zwarty rytm bez osobnego markupu. */
.ups-enabled .site-footer {
  color: rgba(255, 250, 243, .72);
}

.ups-enabled .site-footer :where(p, a, button, span) {
  color: inherit;
}

.ups-enabled .site-footer :where(.footer-brand, .footer-author-link, .footer-link-group strong, .footer-legal strong) {
  color: #fffaf3;
}

.ups-enabled .site-footer :where(.footer-link-group a, .footer-legal a, .footer-cookie-settings, .footer-bottom) {
  color: rgba(255, 250, 243, .68);
}

.ups-enabled .site-footer :where(a, button):hover {
  color: #fff;
}

.ups-enabled .site-footer :where(.footer-legal, .footer-bottom) {
  border-color: rgba(255, 255, 255, .14);
}

/* Publiczna rezerwacja */
.ups-enabled.ups-surface-booking {
  background: var(--ups-color-bg);
}

.ups-enabled.ups-surface-booking .booking-simple-header {
  border-bottom: 1px solid var(--ups-color-border);
  background: rgba(255, 253, 249, .95);
  color: var(--ups-color-text);
}

.ups-enabled.ups-surface-booking .booking-simple-header :where(.booking-back-link, .booking-back-link strong, .booking-secure-label) {
  color: var(--ups-color-text);
}

.ups-enabled.ups-surface-booking .booking-v2-main {
  min-width: 0;
  padding-block: var(--ups-space-8) var(--ups-space-16);
}

.ups-enabled.ups-surface-booking :where(.booking-offer-card, .booking-form-card) {
  min-width: 0;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-xl);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.ups-surface-booking .booking-offer-card {
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
}

.ups-enabled.ups-surface-booking .booking-offer-card :where(h1, h2, h3, strong, p, span, small, li) {
  color: inherit;
}

.ups-enabled.ups-surface-booking .choice-card {
  min-width: 0;
  border-color: var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-surface);
}

.ups-enabled.ups-surface-booking .choice-card:has(input:checked) {
  border-color: var(--ups-color-text);
  box-shadow: var(--ups-focus-ring);
}

/* Książka */
.ups-enabled.ups-surface-book .site-header {
  border-bottom-color: rgba(255, 255, 255, .12);
  background: #0b0b0b;
  color: #fff;
}

.ups-enabled.ups-surface-book .site-header :where(.brand, .brand-name, .account-link, .menu-btn) {
  color: #fff;
}

.ups-enabled.ups-surface-book .site-header .menu-btn :where(i, i::before, i::after) {
  background: #fff;
}

.ups-enabled.ups-surface-book .book-hero,
.ups-enabled.ups-surface-book :where(.book-recognition, .book-method, .book-inside, .book-author, .book-final-cta) {
  min-width: 0;
}

.ups-enabled.ups-surface-book .book-signup-card {
  min-width: 0;
  border-color: var(--ups-color-border);
  border-radius: var(--ups-radius-xl);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-md);
}

.ups-enabled.ups-surface-book :where(.book-recognition-grid article, .book-inside-grid article) {
  min-width: 0;
  border-color: var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
}

.ups-enabled.ups-surface-book .book-final-card {
  border-radius: var(--ups-radius-xl);
}

@media (max-width: 980px) {
  .ups-enabled.workspace-customer .customer-app-grid,
  .ups-enabled.workspace-club .club-app-shell,
  .ups-enabled.workspace-team .team-app-shell,
  .ups-enabled.workspace-admin :where(.panel-shell, .admin-shell, .company-shell) {
    width: 100%;
  }

  .ups-enabled.workspace-customer .customer-app-shell,
  .ups-enabled.workspace-club .club-app-shell,
  .ups-enabled.workspace-team .team-app-shell {
    padding-block: 0;
  }
}

@media (max-width: 560px) {
  .ups-enabled .site-footer {
    padding-block: var(--ups-space-8) var(--ups-space-6);
  }

  .ups-enabled .footer-v11 {
    gap: var(--ups-space-5);
  }

  .ups-enabled .footer-main,
  .ups-enabled .footer-link-groups {
    gap: var(--ups-space-6);
  }

  .ups-enabled .footer-link-group {
    gap: var(--ups-space-2);
  }

  .ups-enabled .site-footer a,
  .ups-enabled .site-footer button {
    min-height: 28px;
  }

  .ups-enabled .footer-legal nav {
    gap: var(--ups-space-1) var(--ups-space-4);
  }

  .ups-enabled.ups-surface-booking .booking-v2-main {
    padding-block: var(--ups-space-5) var(--ups-space-10);
  }

  .ups-enabled.ups-surface-booking :where(.booking-offer-card, .booking-form-card),
  .ups-enabled.ups-surface-book .book-signup-card {
    border-radius: var(--ups-radius-lg);
  }

  .ups-enabled.ups-surface-booking .booking-offer-card {
    display: flex;
    flex-direction: column;
  }

  .ups-enabled.ups-surface-booking .booking-offer-top {
    order: 1;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: var(--ups-space-3);
    padding: var(--ups-space-5);
  }

  .ups-enabled.ups-surface-booking .booking-offer-photo-wrap {
    width: 92px;
  }

  .ups-enabled.ups-surface-booking .booking-offer-heading h1 {
    font-size: clamp(1.2rem, 6vw, 1.52rem);
  }

  .ups-enabled.ups-surface-booking .booking-offer-person {
    margin-top: var(--ups-space-2);
    font-size: .78rem;
  }

  .ups-enabled.ups-surface-booking .booking-offer-meta {
    gap: var(--ups-space-3);
    margin-top: var(--ups-space-3);
  }

  .ups-enabled.ups-surface-booking .booking-offer-meta span {
    font-size: .78rem;
  }

  .ups-enabled.ups-surface-booking .booking-offer-meta strong {
    font-size: 1.45rem;
  }

  .ups-enabled.ups-surface-booking .booking-offer-lead {
    order: 2;
    padding: var(--ups-space-5) var(--ups-space-5) 0;
    font-size: .9rem;
    line-height: 1.52;
  }

  .ups-enabled.ups-surface-booking .booking-offer-cta {
    display: flex;
    order: 3;
    margin: var(--ups-space-5);
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .24);
    background: #fffaf3;
    color: #111;
  }

  .ups-enabled.ups-surface-booking .booking-offer-cta span {
    font-size: 1rem;
  }

  .ups-enabled.ups-surface-booking .booking-offer-details {
    order: 4;
    margin: 0 var(--ups-space-5);
    border-color: rgba(255, 255, 255, .2);
  }

  .ups-enabled.ups-surface-booking .booking-offer-details > summary {
    min-height: 50px;
  }

  .ups-enabled.ups-surface-booking .booking-offer-details > summary::after {
    border-color: rgba(255, 255, 255, .4);
  }

  .ups-enabled.ups-surface-booking .booking-inline-reviews {
    order: 5;
    margin: var(--ups-space-3) var(--ups-space-5) var(--ups-space-4);
  }

  .ups-enabled.ups-surface-booking .booking-inline-reviews .review-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: var(--ups-space-2) var(--ups-space-3);
    padding-top: 0;
    text-align: left;
  }

  .ups-enabled.ups-surface-booking .booking-inline-reviews .review-card-profile {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .ups-enabled.ups-surface-booking .booking-inline-reviews .review-card-initial,
  .ups-enabled.ups-surface-booking .booking-inline-reviews .review-card-avatar-wrap {
    width: 44px;
    height: 44px;
  }

  .ups-enabled.ups-surface-booking .booking-inline-reviews .review-card blockquote {
    display: -webkit-box;
    grid-column: 2;
    grid-row: 1;
    max-width: none;
    margin: 0;
    overflow: hidden;
    color: rgba(255, 250, 243, .66);
    font-size: .72rem;
    line-height: 1.42;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  .ups-enabled.ups-surface-booking .booking-inline-reviews .review-carousel-dots {
    margin-block: var(--ups-space-1) 0;
  }

  .ups-enabled.workspace-team .team-card {
    padding: var(--ups-space-4);
  }
}

/* Stage 4 ownership handoff.
 * `ups-stage4-owned` is intentionally declaration-free: it is a semantic marker.
 * Legacy selectors exclude marked elements, so UPS can own them without priority overrides.
 */
.ups-enabled .ups-stage4-owned {
  min-width: 0;
}

/* ===== 60-account.css ===== */
/* Konto klienta — UPS Stage 4
 * Cel: szybka odpowiedź na pytania „co mam aktywne?”, „co dalej?” i „gdzie wrócić?”.
 * Moduły informacyjne są płaskimi listami; pełny border zostaje dla formularzy i wyraźnych akcji.
 */
.ups-enabled.workspace-customer .customer-main {
  container-type: inline-size;
}

.ups-enabled.workspace-customer .account-center-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr);
  gap: var(--ups-space-5);
  margin-bottom: var(--ups-space-10);
}

.ups-enabled.workspace-customer .account-center-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--ups-space-4);
  padding: var(--ups-space-6);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.workspace-customer .account-center-card.is-today {
  grid-row: span 2;
  min-height: 310px;
  align-content: end;
  border-color: var(--ups-color-surface-strong);
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
  box-shadow: var(--ups-shadow-md);
}

.ups-enabled.workspace-customer .account-center-card.is-today :where(h2, p, .eyebrow) {
  color: inherit;
}

.ups-enabled.workspace-customer .account-center-card.is-today p {
  max-width: 48ch;
  color: rgba(255, 253, 249, .72);
}

.ups-enabled.workspace-customer .account-center-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ups-space-3);
}

.ups-enabled.workspace-customer .account-center-card > header b {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
}

.ups-enabled.workspace-customer .account-center-card h2 {
  margin: 0;
  font-family: var(--ups-font-display);
  font-size: var(--ups-text-xl);
  font-weight: 500;
  line-height: 1.08;
}

.ups-enabled.workspace-customer :where(.account-todo-list, .account-access-grid, .account-quick-grid, .account-activity-stream, .account-list, .support-ticket-list) {
  display: grid;
  min-width: 0;
}

.ups-enabled.workspace-customer :where(.account-todo-list, .account-access-grid) > a {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-3);
  padding: var(--ups-space-4) 0;
  border-bottom: 1px solid var(--ups-color-border);
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled.workspace-customer :where(.account-todo-list, .account-access-grid) > a:first-child {
  padding-top: 0;
}

.ups-enabled.workspace-customer :where(.account-todo-list, .account-access-grid) > a:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.ups-enabled.workspace-customer :where(.account-todo-list, .account-access-grid) > a span {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-1);
}

.ups-enabled.workspace-customer :where(.account-todo-list, .account-access-grid) > a small {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  line-height: 1.4;
}

.ups-enabled.workspace-customer :where(.account-todo-list, .account-access-grid) > a > b {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  white-space: nowrap;
}

.ups-enabled.workspace-customer .account-quick-section,
.ups-enabled.workspace-customer .account-activity-feed {
  min-width: 0;
  margin-top: var(--ups-space-10);
  padding-top: var(--ups-space-6);
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-customer :where(.account-quick-section, .account-activity-feed) > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--ups-space-4);
  margin-bottom: var(--ups-space-4);
}

.ups-enabled.workspace-customer :where(.account-quick-section, .account-activity-feed) > header h2 {
  margin: 0;
  font-family: var(--ups-font-display);
  font-size: var(--ups-text-xl);
  font-weight: 500;
}

.ups-enabled.workspace-customer .account-quick-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--ups-space-6);
}

.ups-enabled.workspace-customer .account-quick-grid > a,
.ups-enabled.workspace-customer .account-activity-stream > a {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-3);
  padding: var(--ups-space-4) 0;
  border-bottom: 1px solid var(--ups-color-border);
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled.workspace-customer .account-quick-grid > a :where(svg, .workspace-icon) {
  width: 20px;
  height: 20px;
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-customer :where(.account-quick-grid, .account-activity-stream) > a span {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-1);
}

.ups-enabled.workspace-customer :where(.account-quick-grid, .account-activity-stream) > a small,
.ups-enabled.workspace-customer .account-activity-stream > a em {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-style: normal;
  line-height: 1.4;
}

.ups-enabled.workspace-customer .account-activity-stream > a {
  grid-template-columns: 32px minmax(0, 1fr) auto 18px;
}

.ups-enabled.workspace-customer .account-activity-stream > a > i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-style: normal;
  font-weight: 800;
}

/* Listy zakupów, dostępów i statusów: rekord zamiast kafla. */
.ups-enabled.workspace-customer :where(.account-list, .perspective-status-list, .shop-account-list) {
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-customer :where(.account-list, .perspective-status-list, .shop-account-list) > :where(article, div, a, li) {
  min-width: 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-customer :where(.account-list, .perspective-status-list, .shop-account-list) > :where(article, div, a, li):last-child {
  border-bottom: 0;
}

/* Informacyjne moduły nie potrzebują własnego „pudełka”. */
.ups-enabled.workspace-customer :where(
  .account-shop-intro,
  .account-documents-card,
  .account-ai-referral,
  .account-ai-personal,
  .account-ai-history,
  .customer-club-panel,
  .conversation-package-card
) {
  min-width: 0;
  margin-block: var(--ups-space-6);
  padding: var(--ups-space-6) 0;
  border: 0;
  border-top: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Formularze i decyzje pozostają celowo wyodrębnione. */
.ups-enabled.workspace-customer :where(
  .situation-compose,
  .support-new-form,
  .support-reply-form,
  .account-club-checkout,
  .customer-settings-form
) {
  min-width: 0;
  padding: var(--ups-space-6);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.workspace-customer :where(.support-ticket-list, .support-history-list) > :where(article, a, details),
.ups-enabled.workspace-customer .support-ticket-row {
  min-width: 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-customer .customer-page-primary-action {
  align-self: flex-start;
}

@container (max-width: 760px) {
  .ups-enabled.workspace-customer .account-center-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled.workspace-customer .account-center-card.is-today {
    grid-row: auto;
    min-height: 240px;
  }
}

@media (max-width: 680px) {
  .ups-enabled.workspace-customer .account-center-grid {
    gap: var(--ups-space-4);
    margin-bottom: var(--ups-space-8);
  }

  .ups-enabled.workspace-customer .account-center-card {
    padding: var(--ups-space-5);
  }

  .ups-enabled.workspace-customer .account-center-card.is-today {
    min-height: 0;
    align-content: start;
  }

  .ups-enabled.workspace-customer .account-quick-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled.workspace-customer .account-activity-stream > a {
    grid-template-columns: 30px minmax(0, 1fr) 18px;
  }

  .ups-enabled.workspace-customer .account-activity-stream > a em {
    grid-column: 2;
  }

  .ups-enabled.workspace-customer :where(.account-quick-section, .account-activity-feed) {
    margin-top: var(--ups-space-8);
  }

  .ups-enabled.workspace-customer :where(
    .situation-compose,
    .support-new-form,
    .support-reply-form,
    .account-club-checkout,
    .customer-settings-form
  ) {
    padding: var(--ups-space-5);
  }
}

/* Stage 6 — Oscanre AI w Koncie: zadaniowy moduł zamiast marketingowego hero. */
.ups-enabled.workspace-customer.account-view-zapytaj .ups-account-ai-copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--ups-space-3);
  padding: var(--ups-space-5) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-customer.account-view-zapytaj .ups-account-ai-copy > :where(.eyebrow, .status-pill, h2, p) {
  margin: 0;
}

.ups-enabled.workspace-customer.account-view-zapytaj .ups-account-ai-copy h2 {
  max-width: 19ch;
  font-family: var(--ups-font-sans);
  font-size: clamp(1.75rem, 7.5vw, 2.55rem);
  font-weight: 680;
  line-height: 1.02;
  letter-spacing: -.045em;
}

.ups-enabled.workspace-customer.account-view-zapytaj .ups-account-ai-copy > p:not(.eyebrow) {
  max-width: 62ch;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  line-height: 1.55;
}

.ups-enabled.workspace-customer.account-view-zapytaj .ups-account-ai-copy .customer-club-actions {
  margin-top: var(--ups-space-3);
}

@media (max-width: 680px) {
  .ups-enabled.workspace-customer.account-view-zapytaj .ups-account-ai-copy {
    padding-top: var(--ups-space-4);
  }

  .ups-enabled.workspace-customer.account-view-zapytaj .ups-account-ai-copy h2 {
    max-width: 16ch;
    font-size: clamp(1.7rem, 8.2vw, 2.15rem);
  }
}

/* ======================================================================
   Stage 7 — visual stabilization of real Account views.
   These selectors own newly named markup and deliberately avoid historical
   customer-page-head / notification / store contracts.
   ====================================================================== */
.ups-enabled.workspace-customer .ups-account-page-head {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--ups-space-6);
  margin: 0 0 var(--ups-space-6);
  padding: 0 0 var(--ups-space-5);
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-customer .ups-account-page-head > div:first-child {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-2);
}

.ups-enabled.workspace-customer .ups-account-page-head .eyebrow {
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: .68rem;
  font-weight: 820;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ups-enabled.workspace-customer .ups-account-page-head h1 {
  max-width: 18ch;
  margin: 0;
  color: var(--ups-color-text);
  font-family: var(--ups-font-sans);
  font-size: clamp(2rem, 1.72rem + 1vw, 3rem);
  font-weight: 690;
  letter-spacing: -.045em;
  line-height: 1;
  text-wrap: balance;
}

.ups-enabled.workspace-customer .ups-account-page-head p:not(.eyebrow) {
  max-width: 68ch;
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  line-height: 1.5;
}

.ups-enabled.workspace-customer .ups-account-page-head-overview h1 {
  max-width: 21ch;
  font-size: clamp(2.15rem, 1.8rem + 1.3vw, 3.25rem);
}

.ups-enabled.workspace-customer .ups-account-page-head > :where(a, button) {
  flex: 0 0 auto;
  align-self: flex-end;
}

/* One divider owns the transition out of the page header. */
.ups-enabled.workspace-customer .ups-account-page-head + :where(.account-list, .perspective-status-list, .shop-account-list) {
  border-top: 0;
}

.ups-enabled.workspace-customer .ups-account-page-head + .customer-mobile-context-nav {
  margin-top: calc(var(--ups-space-2) * -1);
}

.ups-enabled.workspace-customer .ups-account-empty-state {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-2);
  padding: var(--ups-space-6) 0;
  border: 0;
  background: transparent;
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-customer .ups-account-empty-state strong {
  margin: 0;
  color: var(--ups-color-text);
  font-size: 1.08rem;
  line-height: 1.25;
}

.ups-enabled.workspace-customer .ups-account-empty-state span {
  max-width: 52ch;
  color: var(--ups-color-text-muted);
  line-height: 1.55;
}

/* Library recommendations are records, not cards. */
.ups-enabled.workspace-customer .ups-account-store-panel {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-5);
  margin-top: var(--ups-space-6);
  padding: var(--ups-space-6) 0 0;
  border: 0;
  border-top: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-customer .ups-account-store-head {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--ups-space-5);
}

.ups-enabled.workspace-customer .ups-account-store-head > div {
  min-width: 0;
  max-width: 760px;
}

.ups-enabled.workspace-customer .ups-account-store-head :where(.eyebrow, h2, p) {
  margin-inline: 0;
}

.ups-enabled.workspace-customer .ups-account-store-head h2 {
  margin-block: var(--ups-space-2);
  font-family: var(--ups-font-sans);
  font-size: clamp(1.35rem, 1.15rem + .7vw, 1.9rem);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.ups-enabled.workspace-customer .ups-account-store-head p:not(.eyebrow) {
  margin-block: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  line-height: 1.5;
}

.ups-enabled.workspace-customer .ups-account-store-list {
  min-width: 0;
  display: grid;
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-customer .ups-account-store-record {
  min-width: 0;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: var(--ups-space-4);
  padding: var(--ups-space-4) 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-customer .ups-account-store-record:last-child {
  border-bottom: 0;
}

.ups-enabled.workspace-customer .ups-account-store-cover,
.ups-enabled.workspace-customer .ups-account-store-cover img {
  width: 76px;
  height: 104px;
}

.ups-enabled.workspace-customer .ups-account-store-cover {
  overflow: hidden;
  border-radius: var(--ups-radius-sm);
  background: var(--ups-color-surface-muted);
}

.ups-enabled.workspace-customer .ups-account-store-cover img {
  display: block;
  object-fit: cover;
}

.ups-enabled.workspace-customer .ups-account-store-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ups-space-1) var(--ups-space-4);
  align-items: baseline;
}

.ups-enabled.workspace-customer .ups-account-store-copy h3 {
  min-width: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.3;
}

.ups-enabled.workspace-customer .ups-account-store-copy > strong {
  justify-self: end;
  white-space: nowrap;
}

.ups-enabled.workspace-customer .ups-account-store-copy p {
  grid-column: 1 / -1;
  max-width: 72ch;
  margin: var(--ups-space-1) 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  line-height: 1.45;
}

.ups-enabled.workspace-customer .ups-account-store-copy .account-store-open-checkout {
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 34px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--ups-color-text);
  font: inherit;
  font-size: var(--ups-text-sm);
  font-weight: 680;
  cursor: pointer;
}

.ups-enabled.workspace-customer .ups-account-store-badge {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 3px 8px;
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  font-size: .65rem;
  font-weight: 780;
  text-transform: uppercase;
}

/* Notifications use one flat information hierarchy. */
.ups-enabled.workspace-customer .ups-account-notification-center {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-5);
}

.ups-enabled.workspace-customer .ups-account-notification-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(260px, 1fr);
  align-items: center;
  gap: var(--ups-space-6);
  padding: var(--ups-space-4) 0 var(--ups-space-5);
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-customer .ups-account-notification-summary > div {
  display: flex;
  align-items: center;
  gap: var(--ups-space-3);
}

.ups-enabled.workspace-customer .ups-account-notification-summary > div > div {
  display: grid;
  gap: 1px;
}

.ups-enabled.workspace-customer .ups-account-notification-summary-icon,
.ups-enabled.workspace-customer .ups-account-notification-empty > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
}

.ups-enabled.workspace-customer .ups-account-notification-summary-icon svg {
  width: 19px;
  height: 19px;
}

.ups-enabled.workspace-customer .ups-account-notification-summary strong {
  font-size: 1.2rem;
  line-height: 1;
}

.ups-enabled.workspace-customer .ups-account-notification-summary small {
  justify-self: end;
  max-width: 58ch;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  line-height: 1.45;
  text-align: right;
}

.ups-enabled.workspace-customer .ups-account-notification-empty {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: var(--ups-space-3) var(--ups-space-4);
  align-items: center;
  padding: var(--ups-space-6) 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  background: transparent;
  text-align: left;
}

.ups-enabled.workspace-customer .ups-account-notification-empty > span {
  grid-row: 1 / span 2;
}

.ups-enabled.workspace-customer .ups-account-notification-empty h2 {
  margin: 0;
  font-family: var(--ups-font-sans);
  font-size: 1.25rem;
  letter-spacing: -.02em;
}

.ups-enabled.workspace-customer .ups-account-notification-empty p {
  margin: 0;
  color: var(--ups-color-text-muted);
  line-height: 1.5;
}

.ups-enabled.workspace-customer .ups-account-notification-list {
  min-width: 0;
  display: grid;
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-customer .ups-account-notification-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-3);
  padding: var(--ups-space-4) 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  background: transparent;
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled.workspace-customer .ups-account-notification-item > i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
  font-size: var(--ups-text-xs);
  font-style: normal;
  font-weight: 800;
}

.ups-enabled.workspace-customer .ups-account-notification-item > i.is-support {
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text);
}

.ups-enabled.workspace-customer .ups-account-notification-item > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.ups-enabled.workspace-customer .ups-account-notification-item > div > span,
.ups-enabled.workspace-customer .ups-account-notification-item small {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled.workspace-customer .ups-account-notification-item > div > span {
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ups-enabled.workspace-customer .ups-account-notification-item p {
  overflow: hidden;
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ups-enabled.workspace-customer .ups-account-notification-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ups-space-4);
}

.ups-enabled.workspace-customer .ups-account-notification-links a {
  color: var(--ups-color-text);
  font-size: var(--ups-text-sm);
  font-weight: 700;
  text-underline-offset: 4px;
}

.ups-enabled.workspace-customer .ups-account-access-status {
  width: fit-content;
  max-width: 100%;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 3px var(--ups-space-3);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  font-size: .68rem;
  font-weight: 820;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ups-enabled.workspace-customer .ups-account-access-status.is-active {
  background: var(--ups-color-success-soft);
  color: var(--ups-color-success);
}

/* Keep the cart trigger and drawer clear of the mobile dock. */
@media (max-width: 980px) {
  .ups-enabled.workspace-customer .shop-cart-drawer-account {
    padding-bottom: calc(var(--ups-mobile-nav-height) + env(safe-area-inset-bottom) + var(--ups-space-4));
  }
}

@media (max-width: 680px) {
  .ups-enabled.workspace-customer .ups-account-page-head {
    display: grid;
    align-items: start;
    gap: var(--ups-space-3);
    margin-bottom: var(--ups-space-5);
    padding-bottom: var(--ups-space-4);
  }

  .ups-enabled.workspace-customer .ups-account-page-head h1,
  .ups-enabled.workspace-customer .ups-account-page-head-overview h1 {
    max-width: none;
    font-size: clamp(1.85rem, 8.4vw, 2.25rem);
  }

  .ups-enabled.workspace-customer .ups-account-page-head > :where(a, button) {
    width: auto;
    justify-self: start;
    align-self: start;
  }

  .ups-enabled.workspace-customer .ups-account-empty-state {
    padding: var(--ups-space-5) 0;
  }

  .ups-enabled.workspace-customer .ups-account-store-head {
    display: grid;
    align-items: start;
    gap: var(--ups-space-3);
  }

  .ups-enabled.workspace-customer .ups-account-store-record {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: var(--ups-space-3);
  }

  .ups-enabled.workspace-customer .ups-account-store-cover,
  .ups-enabled.workspace-customer .ups-account-store-cover img {
    width: 64px;
    height: 88px;
  }

  .ups-enabled.workspace-customer .ups-account-store-copy {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled.workspace-customer .ups-account-store-copy > strong {
    justify-self: start;
  }

  .ups-enabled.workspace-customer .ups-account-notification-summary {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ups-space-3);
  }

  .ups-enabled.workspace-customer .ups-account-notification-summary small {
    justify-self: start;
    text-align: left;
  }

  .ups-enabled.workspace-customer .ups-account-notification-empty {
    grid-template-columns: 34px minmax(0, 1fr);
    padding-block: var(--ups-space-5);
  }

  .ups-enabled.workspace-customer .ups-account-notification-empty > span {
    width: 34px;
    height: 34px;
  }

  .ups-enabled.workspace-customer .ups-account-notification-item {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .ups-enabled.workspace-customer .ups-account-notification-item > i {
    width: 32px;
    height: 32px;
  }

  .ups-enabled.workspace-customer .ups-account-notification-item p {
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}


/* Stage 7.1 — finish ownership of the customer canvas and compact overlays. */
.ups-enabled.workspace-customer #main,
.ups-enabled.workspace-customer .customer-app-shell,
.ups-enabled.workspace-customer .customer-app-grid,
.ups-enabled.workspace-customer .customer-main {
  background: var(--ups-color-surface);
}

.ups-enabled.workspace-customer .ups-account-store-panel {
  margin-top: var(--ups-space-7);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-customer .account-profile-menu a,
.ups-enabled.workspace-customer .workspace-profile-menu a {
  color: var(--ups-color-text);
  -webkit-text-fill-color: var(--ups-color-text);
}

.ups-enabled.workspace-customer .account-profile-menu a.customer-logout,
.ups-enabled.workspace-customer .workspace-profile-menu a.customer-logout,
.ups-enabled.workspace-customer .workspace-profile-menu a[href*="logout"] {
  color: var(--ups-color-danger);
  -webkit-text-fill-color: var(--ups-color-danger);
}

/* One separator belongs to the page header; first content module must not redraw it. */
.ups-enabled.workspace-customer .ups-account-page-head + :where(.ups-account-notification-center,.ups-account-store-panel,.account-ai-dashboard,.account-club-dashboard) {
  border-top: 0;
}

@media (max-width: 980px) {
  .ups-enabled.workspace-customer #main {
    min-height: calc(100dvh - var(--ups-topbar-height, 64px));
  }
}


/* Stage 7.2 — the page header owns the first divider. */
.ups-enabled.workspace-customer .ups-account-page-head + .customer-club-panel,
.ups-enabled.workspace-customer .ups-account-page-head + .customer-card.ups-stage4-owned {
  border-top: 0;
}

/* ===== 61-club.css ===== */
/* Klub — UPS Stage 4
 * Społeczność jest listą rozmów, nie dashboardem z pudełek. Formularze i Live pozostają wyraźnymi modułami.
 */
.ups-enabled.workspace-club .club-app-main {
  container-type: inline-size;
}

.ups-enabled.workspace-club .club-alive-dashboard {
  margin: 0 0 var(--ups-space-8);
  border: 0;
  background: transparent;
}

.ups-enabled.workspace-club .club-alive-now {
  display: grid;
  grid-template-columns: minmax(150px, .7fr) repeat(3, minmax(0, 1fr));
  align-items: stretch;
  border-block: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-club .club-alive-now > header {
  display: flex;
  align-items: center;
  padding: var(--ups-space-4) var(--ups-space-4) var(--ups-space-4) 0;
}

.ups-enabled.workspace-club .club-alive-now > a {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-3);
  padding: var(--ups-space-4);
  border-left: 1px solid var(--ups-color-border);
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled.workspace-club .club-alive-now > a span {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-1);
}

.ups-enabled.workspace-club .club-alive-now > a small {
  overflow: hidden;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ups-enabled.workspace-club .club-alive-now > a b {
  font-size: var(--ups-text-sm);
  white-space: nowrap;
}

/* Toolbar = zakładki + osobna wyszukiwarka, bez wspólnego boxa. */
.ups-enabled.workspace-club .club-feed-toolbar {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-4);
  margin-bottom: var(--ups-space-4);
  padding: 0;
  border: 0;
  background: transparent;
}

.ups-enabled.workspace-club .club-feed-tabs {
  padding-bottom: var(--ups-space-1);
}

.ups-enabled.workspace-club .club-feed-tabs > a span {
  min-width: 22px;
  min-height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  padding-inline: 6px;
  font-size: .7rem;
}

.ups-enabled.workspace-club .club-search {
  width: min(100%, 620px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ups-space-2);
  padding: 0;
  border: 0;
  background: transparent;
}

.ups-enabled.workspace-club .club-search button {
  min-height: var(--ups-control-md);
  border: 1px solid var(--ups-color-border-strong);
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  padding-inline: var(--ups-space-5);
  font-weight: 720;
}

.ups-enabled.workspace-club .club-feed {
  min-width: 0;
  display: grid;
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-club .club-thread-card {
  min-width: 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-club .club-thread-card.is-featured {
  background: linear-gradient(90deg, rgba(181, 138, 88, .09), transparent 55%);
}

.ups-enabled.workspace-club .club-thread-main {
  min-width: 0;
  display: block;
  padding: var(--ups-space-6) 0;
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled.workspace-club .club-thread-main h2 {
  max-width: 38ch;
  margin: var(--ups-space-3) 0 var(--ups-space-2);
  font-family: var(--ups-font-display);
  font-size: clamp(1.18rem, 1rem + .5vw, 1.5rem);
  font-weight: 500;
  line-height: 1.16;
}

.ups-enabled.workspace-club .club-thread-main > p {
  max-width: 72ch;
  margin: 0;
  color: var(--ups-color-text-muted);
  line-height: 1.55;
}

.ups-enabled.workspace-club .club-thread-meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ups-space-2);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled.workspace-club .club-thread-meta > b {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  padding: 2px 8px;
  color: var(--ups-color-text-muted);
  font-size: .68rem;
  line-height: 1.1;
}

.ups-enabled.workspace-club .club-thread-meta > b.oskar {
  background: var(--ups-color-surface-strong);
  color: var(--ups-color-text-inverse);
}

.ups-enabled.workspace-club .club-thread-meta > b.resolved {
  background: var(--ups-color-success-soft);
  color: var(--ups-color-success);
}

/* Zero pseudo-separatorów: metadane mają być tekstem z gapem, nie czarnymi kropkami. */
.ups-enabled.workspace-club .club-thread-card footer {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ups-space-2) var(--ups-space-4);
  margin-top: var(--ups-space-4);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled.workspace-club .club-thread-card footer > span {
  min-width: 0;
  margin: 0;
  color: inherit;
}

.ups-enabled.workspace-club .club-thread-card footer > span::before,
.ups-enabled.workspace-club .club-thread-card footer > span::after,
.ups-enabled.workspace-club .club-author-mini::before,
.ups-enabled.workspace-club .club-author-mini::after {
  content: none;
  display: none;
}

.ups-enabled.workspace-club .club-author-mini > span {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  color: var(--ups-color-text);
  font-weight: 700;
}

.ups-enabled.workspace-club .club-thread-open {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: var(--ups-space-2);
  color: var(--ups-color-text);
  font-weight: 700;
}

.ups-enabled.workspace-club .club-thread-feed-image {
  margin-top: var(--ups-space-4);
  overflow: hidden;
  border-radius: var(--ups-radius-md);
}

/* Spotkania i archiwum = lista rekordów. */
.ups-enabled.workspace-club .club-live-interest-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--ups-space-6);
  margin-bottom: var(--ups-space-10);
  padding: var(--ups-space-6);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
}

.ups-enabled.workspace-club .club-events-section {
  margin-top: var(--ups-space-8);
}

.ups-enabled.workspace-club .club-events-section > h2 {
  margin: 0 0 var(--ups-space-3);
  font-family: var(--ups-font-display);
  font-size: var(--ups-text-xl);
  font-weight: 500;
}

.ups-enabled.workspace-club .club-events-grid {
  display: grid;
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-club .club-event-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  gap: var(--ups-space-3) var(--ups-space-5);
  align-items: center;
  padding: var(--ups-space-5) 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-club .club-event-card time {
  grid-row: 1 / span 2;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  font-weight: 700;
}

.ups-enabled.workspace-club .club-event-card h3 {
  margin: 0;
  font-size: var(--ups-text-md);
}

.ups-enabled.workspace-club .club-event-card p {
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
}

.ups-enabled.workspace-club .club-event-card > :where(a, .club-event-note) {
  grid-column: 3;
  grid-row: 1 / span 2;
}

/* Wątek i formularze: pełna powierzchnia tylko tam, gdzie użytkownik tworzy treść. */
.ups-enabled.workspace-club :where(.club-compose-card, .club-reply-card, .club-question-card, .club-report-card) {
  min-width: 0;
  padding: var(--ups-space-6);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.workspace-club :where(.club-compose-form, .club-reply-form, .club-question-form) {
  display: grid;
  gap: var(--ups-space-4);
}

/* Onboarding Klubu używa tego samego kontraktu formularza. */
.ups-enabled.ups-surface-club-onboarding .club-onboarding {
  min-height: 100dvh;
  display: grid;
  align-items: center;
  padding: var(--ups-space-8) var(--ups-space-4);
}

.ups-enabled.ups-surface-club-onboarding .club-onboarding-card {
  width: min(100%, 620px);
  margin-inline: auto;
  padding: var(--ups-space-8);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-xl);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-md);
}

.ups-enabled.ups-surface-club-onboarding .club-profile-form {
  display: grid;
  gap: var(--ups-space-4);
  margin-top: var(--ups-space-6);
}

@container (max-width: 760px) {
  .ups-enabled.workspace-club .club-alive-now {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled.workspace-club .club-alive-now > header {
    padding-inline: 0;
  }

  .ups-enabled.workspace-club .club-alive-now > a {
    border-top: 1px solid var(--ups-color-border);
    border-left: 0;
    padding-inline: 0;
  }
}

@media (max-width: 680px) {
  .ups-enabled.workspace-club .club-alive-dashboard {
    margin-bottom: var(--ups-space-6);
  }

  .ups-enabled.workspace-club .club-search {
    width: 100%;
  }

  .ups-enabled.workspace-club .club-search button {
    padding-inline: var(--ups-space-4);
  }

  .ups-enabled.workspace-club .club-thread-main {
    padding: var(--ups-space-5) 0;
  }

  .ups-enabled.workspace-club .club-thread-card footer {
    gap: var(--ups-space-2) var(--ups-space-3);
  }

  .ups-enabled.workspace-club .club-thread-open {
    width: 100%;
    margin-left: 0;
    padding-top: var(--ups-space-1);
  }

  .ups-enabled.workspace-club .club-live-interest-card {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ups-space-4);
    padding: var(--ups-space-5);
  }

  .ups-enabled.workspace-club .club-event-card {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ups-space-2);
  }

  .ups-enabled.workspace-club .club-event-card time,
  .ups-enabled.workspace-club .club-event-card > :where(a, .club-event-note) {
    grid-column: 1;
    grid-row: auto;
  }

  .ups-enabled.ups-surface-club-onboarding .club-onboarding {
    align-items: start;
    padding: var(--ups-space-4);
  }

  .ups-enabled.ups-surface-club-onboarding .club-onboarding-card {
    padding: var(--ups-space-5);
    border-radius: var(--ups-radius-lg);
  }
}

/* ======================================================================
   Stage 7 — Club page header and host context own their visual contract.
   ====================================================================== */
.ups-enabled.workspace-club .ups-club-page-title {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--ups-space-2) var(--ups-space-6);
  margin: 0 0 var(--ups-space-5);
  padding: 0 0 var(--ups-space-5);
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-club .ups-club-page-title > .eyebrow {
  grid-column: 1;
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: .68rem;
  font-weight: 820;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ups-enabled.workspace-club .ups-club-page-title h1 {
  grid-column: 1;
  max-width: 18ch;
  margin: 0;
  color: var(--ups-color-text);
  font-family: var(--ups-font-sans);
  font-size: clamp(2rem, 1.72rem + 1.1vw, 3rem);
  font-weight: 690;
  letter-spacing: -.045em;
  line-height: 1;
}

.ups-enabled.workspace-club .ups-club-page-title > p:not(.eyebrow) {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  max-width: 42ch;
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  line-height: 1.5;
  text-align: right;
}

.ups-enabled.workspace-club .ups-club-page-title .club-page-back {
  grid-column: 1 / -1;
  justify-self: start;
  margin-bottom: var(--ups-space-2);
}

.ups-enabled.workspace-club .ups-club-host-context {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-1);
  margin: 0 0 var(--ups-space-4);
  padding: 0 var(--ups-space-2) var(--ups-space-4);
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-club .ups-club-host-context > span {
  color: var(--ups-color-text-muted);
  font-size: .6rem;
  font-weight: 820;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ups-enabled.workspace-club .ups-club-host-context > strong {
  color: var(--ups-color-text);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.35;
}

.ups-enabled.workspace-club .ups-club-host-context > a {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: var(--ups-space-1);
  margin-top: var(--ups-space-1);
  color: var(--ups-color-text);
  font-size: .72rem;
  font-weight: 720;
  text-decoration: none;
}

@media (max-width: 680px) {
  .ups-enabled.workspace-club .ups-club-page-title {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--ups-space-2);
    padding-bottom: var(--ups-space-4);
  }

  .ups-enabled.workspace-club .ups-club-page-title h1 {
    max-width: none;
    font-size: clamp(1.85rem, 8.4vw, 2.25rem);
  }

  .ups-enabled.workspace-club .ups-club-page-title > p:not(.eyebrow) {
    grid-column: 1;
    grid-row: auto;
    text-align: left;
  }
}

/* Stage 7.3 — empty Club lists are records, not nested cards. */
.ups-enabled.workspace-club .club-empty.ups-stage4-owned {
  min-width: 0;
  padding: var(--ups-space-6) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-club .club-empty.ups-stage4-owned > :first-child {
  margin-top: 0;
}

.ups-enabled.workspace-club .club-empty.ups-stage4-owned > :last-child {
  margin-bottom: 0;
}

/* ===== 62-admin.css ===== */
/* Panel Oskara — UPS Stage 4
 * Priorytet: listy, wyszukiwarki, filtry i działania. Statystyki są drugorzędne.
 */
.ups-enabled.workspace-admin .panel-main {
  container-type: inline-size;
}

.ups-enabled.workspace-admin :where(.admin-page-stack, .panel-stack) {
  display: grid;
  gap: var(--ups-space-8);
}

.ups-enabled.workspace-admin .admin-tabbar {
  margin-bottom: var(--ups-space-4);
}

.ups-enabled.workspace-admin .admin-tabbar > button span,
.ups-enabled.workspace-admin .admin-tabbar > a span {
  min-width: 22px;
  min-height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  padding-inline: 6px;
  font-size: .7rem;
}

.ups-enabled.workspace-admin :where(.admin-search-input, .crm-search, .sales-search) {
  width: min(100%, 680px);
  margin-bottom: var(--ups-space-4);
}

/* Lista jest podstawowym wzorcem operacyjnym. */
.ups-enabled.workspace-admin .admin-list {
  min-width: 0;
  display: grid;
  border-top: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-admin .admin-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-5);
  margin: 0;
  padding: var(--ups-space-5) 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .admin-row:last-child {
  border-bottom: 0;
}

.ups-enabled.workspace-admin .admin-row > :first-child,
.ups-enabled.workspace-admin .admin-booking-main {
  min-width: 0;
}

.ups-enabled.workspace-admin .admin-row :where(small, .muted) {
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-admin .admin-row-side {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ups-space-2);
}

.ups-enabled.workspace-admin .admin-row-stack {
  flex-wrap: wrap;
}

/* Filtry: jedna responsywna belka bez ucinania ostatnich pól. */
.ups-enabled.workspace-admin :where(.admin-filters, .panel-filter-bar, .ai-admin-filters, .crm-filters, .sales-filters) {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  align-items: end;
  gap: var(--ups-space-3);
  margin-bottom: var(--ups-space-5);
  padding: var(--ups-space-4);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-bg-soft);
}

.ups-enabled.workspace-admin :where(.admin-filters, .panel-filter-bar, .ai-admin-filters, .crm-filters, .sales-filters) > * {
  min-width: 0;
  max-width: none;
}

.ups-enabled.workspace-admin :where(.admin-filters, .panel-filter-bar, .ai-admin-filters, .crm-filters, .sales-filters) label {
  min-width: 0;
}

.ups-enabled.workspace-admin :where(.admin-filters, .panel-filter-bar, .ai-admin-filters, .crm-filters, .sales-filters) :where(input, select, button, .btn, .mini-btn) {
  max-width: 100%;
}

.ups-enabled.workspace-admin :where(.admin-check, .show-test-accounts, label:has(> input[type="checkbox"])) {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--ups-space-2);
  white-space: normal;
}

.ups-enabled.workspace-admin :where(.admin-check, .show-test-accounts) span {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Karty listowe tracą zbędny box; formularze/analizy zostają wyodrębnione. */
.ups-enabled.workspace-admin :where(
  .admin-bookings-card,
  .crm-list-card,
  .admin-users-card,
  .admin-products-card,
  .admin-messages-card,
  .sales-products-card,
  .sales-product-visits-card,
  .traffic-products-card
) {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin :where(.admin-section-head, .admin-card-head, .panel-section-head) {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--ups-space-4);
  margin-bottom: var(--ups-space-4);
}

.ups-enabled.workspace-admin :where(.admin-section-head, .admin-card-head, .panel-section-head) h2 {
  margin: 0;
  font-family: var(--ups-font-display);
  font-size: var(--ups-text-xl);
  font-weight: 500;
  line-height: 1.1;
}

.ups-enabled.workspace-admin .admin-empty-filter {
  margin: var(--ups-space-5) 0 0;
  padding: var(--ups-space-6);
  border: 1px dashed var(--ups-color-border-strong);
  border-radius: var(--ups-radius-lg);
  color: var(--ups-color-text-muted);
}

/* Tabele „div role=table” dostają wspólną, przewidywalną geometrię. */
.ups-enabled.workspace-admin :where(.sales-product-table, .admin-data-table) {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  border-block: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin .sales-product-row {
  min-width: 760px;
  display: grid;
  grid-template-columns: minmax(230px, 1.6fr) repeat(5, minmax(90px, .7fr));
  align-items: center;
  gap: var(--ups-space-3);
  padding: var(--ups-space-4) 0;
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin .sales-product-row.is-head {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Zaawansowane KPI nie dominują codziennego widoku. */
.ups-enabled.workspace-admin details.admin-card > summary {
  min-width: 0;
  cursor: pointer;
}

.ups-enabled.workspace-admin :where(.sales-advanced-card, .traffic-advanced-card) {
  padding: var(--ups-space-5);
  border-color: var(--ups-color-border);
  background: var(--ups-color-bg-soft);
  box-shadow: none;
}

.ups-enabled.workspace-admin :where(.sales-advanced-card, .traffic-advanced-card) > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ups-space-4);
}

.ups-enabled.workspace-admin :where(.sales-advanced-content, .traffic-advanced-content) {
  padding-top: var(--ups-space-6);
}

/* Drawer szczegółów rezerwacji. */
.ups-enabled.workspace-admin .booking-drawer-backdrop {
  position: fixed;
  z-index: 1190;
  inset: 0;
  background: rgba(17, 16, 14, .46);
  backdrop-filter: blur(2px);
}

.ups-enabled.workspace-admin .booking-detail-drawer > header {
  position: sticky;
  z-index: 1;
  top: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ups-space-4);
  padding: var(--ups-space-5);
  border-bottom: 1px solid var(--ups-color-border);
  background: var(--ups-color-surface);
}

.ups-enabled.workspace-admin .booking-detail-drawer > header button {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ups-color-border);
  border-radius: 50%;
  background: var(--ups-color-surface);
  color: var(--ups-color-text);
  font-size: 1.35rem;
}

.ups-enabled.workspace-admin :where(.booking-drawer-summary, .booking-drawer-actions) {
  padding: var(--ups-space-5);
}

@container (max-width: 780px) {
  .ups-enabled.workspace-admin .admin-row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ups-space-3);
  }

  .ups-enabled.workspace-admin .admin-row-side {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .ups-enabled.workspace-admin :where(.admin-filters, .panel-filter-bar, .ai-admin-filters, .crm-filters, .sales-filters) {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--ups-space-3);
  }

  .ups-enabled.workspace-admin .admin-row {
    padding: var(--ups-space-4) 0;
  }

  .ups-enabled.workspace-admin :where(.admin-section-head, .admin-card-head, .panel-section-head) {
    display: grid;
    align-items: start;
  }

  .ups-enabled.workspace-admin .booking-detail-drawer {
    inset: var(--ups-topbar-height) 0 0;
    width: 100%;
    border-left: 0;
    border-top: 1px solid var(--ups-color-border);
  }
}

/* Stage 6 — Production Visual Convergence
 * Te klasy są celowo nowe. Nie dziedziczą historycznych kontraktów
 * panel-page-head / panel-module-tabs / admin-tabbar, dzięki czemu UPS
 * jest właścicielem geometrii bez podbijania specyficzności i bez walki z dawną kaskadą.
 */
.ups-enabled.workspace-admin .ups-admin-page-head {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--ups-space-8);
  margin: 0 0 var(--ups-space-6);
  padding: 0 0 var(--ups-space-5);
  border-bottom: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-admin .ups-admin-page-head > div:first-child {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-2);
}

.ups-enabled.workspace-admin .ups-admin-page-head .eyebrow {
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: .69rem;
  font-weight: 820;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ups-enabled.workspace-admin .ups-admin-page-head h2 {
  max-width: 18ch;
  margin: 0;
  color: var(--ups-color-text);
  font-family: var(--ups-font-sans);
  font-size: clamp(2rem, 1.6rem + 1.45vw, 3.35rem);
  font-weight: 710;
  letter-spacing: -.045em;
  line-height: .98;
  text-wrap: balance;
}

.ups-enabled.workspace-admin .ups-admin-page-head p:last-child:not(.eyebrow) {
  max-width: 66ch;
  margin: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  line-height: 1.55;
}

.ups-enabled.workspace-admin .ups-admin-page-head > :where(a, button, .panel-page-actions) {
  flex: 0 0 auto;
  align-self: flex-end;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs,
.ups-enabled.workspace-admin .ups-admin-tabs {
  position: relative;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0 0 var(--ups-space-6);
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  background: transparent;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs::-webkit-scrollbar,
.ups-enabled.workspace-admin .ups-admin-tabs::-webkit-scrollbar {
  display: none;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs > a,
.ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button) {
  position: relative;
  min-width: max-content;
  min-height: 48px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ups-space-2);
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ups-color-text-muted);
  padding: 0 var(--ups-space-4);
  font: inherit;
  font-size: .82rem;
  font-weight: 720;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  scroll-snap-align: start;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs > a:first-child,
.ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button):first-child {
  padding-left: 0;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs > a::after,
.ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button)::after {
  content: "";
  position: absolute;
  right: var(--ups-space-4);
  bottom: -1px;
  left: var(--ups-space-4);
  height: 2px;
  border-radius: var(--ups-radius-pill);
  background: transparent;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs > a:first-child::after,
.ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button):first-child::after {
  left: 0;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs > a:hover,
.ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button):hover {
  color: var(--ups-color-text);
}

.ups-enabled.workspace-admin .ups-admin-module-tabs > a.is-active,
.ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button).is-active {
  background: transparent;
  color: var(--ups-color-text);
}

.ups-enabled.workspace-admin .ups-admin-module-tabs > a.is-active::after,
.ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button).is-active::after {
  background: var(--ups-color-text);
}

.ups-enabled.workspace-admin .ups-admin-module-tabs .workspace-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.ups-enabled.workspace-admin .ups-admin-module-tabs b,
.ups-enabled.workspace-admin .ups-admin-tabs span {
  min-width: 22px;
  min-height: 22px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  padding: 0 6px;
  font-size: .68rem;
  font-weight: 780;
  line-height: 1;
}

.ups-enabled.workspace-admin .ups-admin-tabs .is-active span,
.ups-enabled.workspace-admin .ups-admin-module-tabs .is-active b {
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text);
}

/* Rezerwacje: po tytule strony nie powtarzamy kolejnej sekcji "Rezerwacje". */
.ups-enabled.workspace-admin.admin-view-bookings .admin-page-stack {
  gap: var(--ups-space-5);
}

.ups-enabled.workspace-admin.admin-view-bookings .admin-bookings-card {
  padding: 0;
}

.ups-enabled.workspace-admin.admin-view-bookings .admin-search-input {
  width: 100%;
  max-width: 720px;
  margin: 0 0 var(--ups-space-3);
  background: var(--ups-color-surface);
}

.ups-enabled.workspace-admin.admin-view-bookings .admin-booking-row {
  padding: var(--ups-space-5) 0;
}

.ups-enabled.workspace-admin.admin-view-bookings .admin-booking-main > strong:first-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ups-space-2);
  font-size: 1rem;
}

.ups-enabled.workspace-admin.admin-view-bookings .admin-booking-main > small {
  display: block;
  margin-top: 5px;
  line-height: 1.45;
}

.ups-enabled.workspace-admin.admin-view-bookings .admin-row-side > .small {
  color: var(--ups-color-text);
  font-weight: 760;
}

.ups-enabled.workspace-admin.admin-view-bookings .booking-detail-trigger {
  min-width: 112px;
}

/* CRM: działania są lekkim paskiem narzędzi, a rekord klienta jest rekordem, nie kartą. */
.ups-enabled.workspace-admin .admin-utility-bar {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ups-space-4);
  margin: 0 0 var(--ups-space-4);
  padding: 0 0 var(--ups-space-4);
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin .admin-utility-bar > span {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ups-enabled.workspace-admin .crm-table-card.ups-stage6-owned {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .crm-table-card.ups-stage6-owned .admin-search-input {
  width: 100%;
  max-width: 720px;
  margin-bottom: var(--ups-space-3);
}

.ups-enabled.workspace-admin .admin-customer-item {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .admin-customer-item > summary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-5);
  padding: var(--ups-space-5) 0;
  cursor: pointer;
}

.ups-enabled.workspace-admin .admin-customer-item > summary > span:first-child {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.ups-enabled.workspace-admin .admin-customer-item > summary small {
  min-width: 0;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  overflow-wrap: anywhere;
}

.ups-enabled.workspace-admin .admin-customer-metrics {
  display: grid;
  justify-items: end;
  gap: 3px;
  text-align: right;
}

.ups-enabled.workspace-admin .admin-customer-body {
  padding: 0 0 var(--ups-space-5);
}

/* Sprzedaż: codzienny ekran pokazuje TOP, pozostałe pozycje są dostępne na żądanie. */
.ups-enabled.workspace-admin .sales-product-more {
  margin-top: var(--ups-space-2);
  border-top: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin .sales-product-more > summary {
  min-height: 46px;
  display: flex;
  align-items: center;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-sm);
  font-weight: 700;
  cursor: pointer;
}

.ups-enabled.workspace-admin .sales-product-more > div {
  display: grid;
}

.ups-enabled.workspace-admin .sales-intelligence-hero {
  padding: 0 0 var(--ups-space-5);
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .sales-intelligence-hero .admin-section-head {
  margin-bottom: var(--ups-space-3);
}

.ups-enabled.workspace-admin .sales-intelligence-hero .muted {
  max-width: 68ch;
}

@media (max-width: 760px) {
  .ups-enabled.workspace-admin .ups-admin-page-head {
    display: grid;
    align-items: start;
    gap: var(--ups-space-4);
    margin-bottom: var(--ups-space-5);
    padding-bottom: var(--ups-space-4);
  }

  .ups-enabled.workspace-admin .ups-admin-page-head h2 {
    font-size: clamp(1.9rem, 9vw, 2.55rem);
  }

  .ups-enabled.workspace-admin .ups-admin-page-head p:last-child:not(.eyebrow) {
    display: none;
  }

  .ups-enabled.workspace-admin .ups-admin-page-head > :where(a, button, .panel-page-actions) {
    width: 100%;
    max-width: none;
    justify-self: stretch;
  }

  .ups-enabled.workspace-admin .ups-admin-page-head > a.btn,
  .ups-enabled.workspace-admin .ups-admin-page-head .panel-page-actions > .btn,
  .ups-enabled.workspace-admin .ups-admin-page-head .panel-page-actions > form > .btn {
    width: 100%;
  }

  .ups-enabled.workspace-admin .ups-admin-module-tabs,
  .ups-enabled.workspace-admin .ups-admin-tabs {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    padding-inline: 10px;
  }

  .ups-enabled.workspace-admin .ups-admin-module-tabs > a,
  .ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button) {
    min-height: 46px;
    padding-inline: var(--ups-space-3);
    font-size: .78rem;
  }

  .ups-enabled.workspace-admin .ups-admin-module-tabs > a:first-child,
  .ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button):first-child {
    padding-left: 2px;
  }

  .ups-enabled.workspace-admin .ups-admin-module-tabs > a::after,
  .ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button)::after {
    right: var(--ups-space-3);
    left: var(--ups-space-3);
  }

  .ups-enabled.workspace-admin .ups-admin-module-tabs > a:first-child::after,
  .ups-enabled.workspace-admin .ups-admin-tabs > :where(a, button):first-child::after {
    left: 2px;
  }

  .ups-enabled.workspace-admin.admin-view-bookings .admin-booking-row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ups-space-4);
  }

  .ups-enabled.workspace-admin.admin-view-bookings .admin-row-side {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
  }

  .ups-enabled.workspace-admin.admin-view-bookings .admin-row-side > .small {
    justify-self: start;
  }

  .ups-enabled.workspace-admin.admin-view-bookings .booking-detail-trigger,
  .ups-enabled.workspace-admin.admin-view-bookings .admin-row-side > :where(a, button, form) {
    width: 100%;
  }

  .ups-enabled.workspace-admin .admin-utility-bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .ups-enabled.workspace-admin .admin-customer-item > summary {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ups-space-3);
  }

  .ups-enabled.workspace-admin .admin-customer-metrics {
    justify-items: start;
    text-align: left;
  }
}

/* Stage 6 — rzeczywisty dashboard: najważniejsze liczby są jedną zwartą siatką, nie luźnymi kaflami. */
.ups-enabled.workspace-admin .workspace-dashboard-kpis {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
}

.ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi {
  min-width: 0;
  min-height: 118px;
  display: grid;
  align-content: space-between;
  gap: var(--ups-space-2);
  padding: var(--ups-space-5);
  border: 0;
  border-right: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi:last-child {
  border-right: 0;
}

.ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi > span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 720;
}

.ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi > strong {
  display: block;
  color: var(--ups-color-text);
  font-size: clamp(1.65rem, 2.4vw, 2.25rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi > small {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  line-height: 1.35;
}

.ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi.is-live > span > i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: var(--ups-color-success);
}

.ups-enabled.workspace-admin .workspace-dashboard-updated {
  margin: var(--ups-space-2) 0 var(--ups-space-6);
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  text-align: right;
}

/* Ekran dzienny: kolejne działania mają być modułami roboczymi, nie ścianą ciężkich kart. */
.ups-enabled.workspace-admin .workspace-admin-action-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ups-space-6);
  align-items: start;
}

.ups-enabled.workspace-admin .workspace-admin-action-grid.is-single {
  grid-template-columns: minmax(0, 1fr);
}

.ups-enabled.workspace-admin .workspace-admin-action-grid > .admin-card {
  min-width: 0;
  margin: 0;
  padding: var(--ups-space-5) 0;
  border: 0;
  border-top: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .workspace-quick-actions {
  min-width: 0;
  margin-top: var(--ups-space-6);
  border-top: 1px solid var(--ups-color-border);
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .workspace-quick-actions > :where(a, button) {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 900px) {
  .ups-enabled.workspace-admin .workspace-dashboard-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi:nth-child(2n) {
    border-right: 0;
  }

  .ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi:nth-child(-n+2) {
    border-bottom: 1px solid var(--ups-color-border);
  }

  .ups-enabled.workspace-admin .workspace-admin-action-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 360px) {
  .ups-enabled.workspace-admin .workspace-dashboard-kpis > .admin-live-kpi {
    min-height: 108px;
    padding: var(--ups-space-4);
  }
}

/* Stage 6 — dashboard bez historycznych kart. */
.ups-enabled.workspace-admin .ups-dashboard-action-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ups-space-8);
  margin-top: var(--ups-space-2);
  align-items: start;
}

.ups-enabled.workspace-admin .ups-dashboard-action-grid.is-single {
  grid-template-columns: minmax(0, 1fr);
}

.ups-enabled.workspace-admin .ups-dashboard-action-queue,
.ups-enabled.workspace-admin .ups-dashboard-next-booking {
  min-width: 0;
  margin: 0;
  padding: var(--ups-space-5) 0 0;
  border: 0;
  border-top: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .ups-dashboard-next-booking .dashboard-section-head,
.ups-enabled.workspace-admin .ups-dashboard-action-queue .dashboard-section-head {
  margin-bottom: var(--ups-space-5);
}

.ups-enabled.workspace-admin .ups-dashboard-next-booking .ux123-next-main {
  padding: 0;
}

.ups-enabled.workspace-admin .ups-dashboard-next-booking .ux123-next-main h3 {
  margin: var(--ups-space-3) 0 var(--ups-space-2);
  font-family: var(--ups-font-sans);
  font-size: clamp(1.75rem, 7vw, 2.55rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.ups-enabled.workspace-admin .ups-dashboard-next-booking .ux123-next-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ups-space-2);
  margin-top: var(--ups-space-5);
}

.ups-enabled.workspace-admin .ups-dashboard-quick-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: var(--ups-space-8) 0 0;
  border-top: 1px solid var(--ups-color-border);
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button) {
  appearance: none;
  min-width: 0;
  min-height: 92px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 5px var(--ups-space-3);
  padding: var(--ups-space-4);
  border: 0;
  border-right: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  color: var(--ups-color-text);
  box-shadow: none;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button):last-child {
  border-right: 0;
}

.ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button) > span {
  grid-column: 1;
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button) > strong {
  grid-column: 1;
  align-self: end;
  font-size: var(--ups-text-sm);
  line-height: 1.25;
}

.ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button) > b {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  font-size: 1.15rem;
}

/* CRM — wyszukiwarka + rekordy są jedną listą, bez dodatkowego obramowania kontenera. */
.ups-enabled.workspace-admin .ups-crm-record-list {
  min-width: 0;
  display: block;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .ups-crm-record-list > :where(.admin-customer-item, .admin-row) {
  border-bottom: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin .crm-table-card > .admin-search-input {
  border-radius: var(--ups-radius-md);
}

/* Sprzedaż — overview ma typografię administracyjną, nie wygląd marketingowego hero. */
.ups-enabled.workspace-admin .ups-sales-overview > .admin-section-head h2 {
  font-family: var(--ups-font-sans);
  font-size: var(--ups-text-xl);
  line-height: 1.08;
  letter-spacing: -.025em;
}

@media (max-width: 900px) {
  .ups-enabled.workspace-admin .ups-dashboard-action-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ups-space-6);
  }
}

@media (max-width: 760px) {
  .ups-enabled.workspace-admin .ups-dashboard-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button) {
    min-height: 78px;
    border-right: 1px solid var(--ups-color-border);
    border-bottom: 1px solid var(--ups-color-border);
  }

  .ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button):nth-child(2n) {
    border-right: 0;
  }

  .ups-enabled.workspace-admin .ups-dashboard-quick-actions > :where(a, button):last-child:nth-child(odd) {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
  }

  .ups-enabled.workspace-admin .ups-dashboard-next-booking .ux123-next-actions {
    display: grid;
  }

  .ups-enabled.workspace-admin .ups-dashboard-next-booking .ux123-next-actions > :where(a, button) {
    width: 100%;
  }
}

/* Stage 6 — lekkie podsumowanie CRM, bez kolejnej zamkniętej karty. */
.ups-enabled.workspace-admin .ups-summary-disclosure {
  min-width: 0;
  margin: 0 0 var(--ups-space-5);
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .ups-summary-disclosure > summary {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-4);
  padding: 0;
  list-style: none;
  cursor: pointer;
}

.ups-enabled.workspace-admin .ups-summary-disclosure > summary::-webkit-details-marker {
  display: none;
}

.ups-enabled.workspace-admin .ups-summary-disclosure > summary > span {
  min-width: 0;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}

.ups-enabled.workspace-admin .ups-summary-disclosure > summary strong {
  color: var(--ups-color-text);
  font-size: var(--ups-text-sm);
}

.ups-enabled.workspace-admin .ups-summary-disclosure > summary small {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled.workspace-admin .ups-summary-disclosure > summary > b {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  font-size: 1rem;
  font-weight: 500;
  transition: transform var(--ups-duration) var(--ups-ease);
}

.ups-enabled.workspace-admin .ups-summary-disclosure[open] > summary > b {
  transform: rotate(45deg);
}

.ups-enabled.workspace-admin .ups-summary-content {
  padding: 0 0 var(--ups-space-5);
}

.ups-enabled.workspace-admin .ups-crm-table {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .ups-crm-table > .admin-search-input {
  width: 100%;
  max-width: 720px;
  margin-bottom: var(--ups-space-3);
  border-radius: var(--ups-radius-md);
}

/* Stage 6 — sprzedaż jako kolejne sekcje analityczne zamiast stosu kart. */
.ups-enabled.workspace-admin .ups-sales-section {
  min-width: 0;
  margin: var(--ups-space-8) 0 0;
  padding: var(--ups-space-6) 0 0;
  border: 0;
  border-top: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .ups-sales-section > .admin-section-head {
  margin-bottom: var(--ups-space-5);
}

.ups-enabled.workspace-admin .ups-sales-section > .admin-section-head h2 {
  font-family: var(--ups-font-sans);
  font-size: var(--ups-text-xl);
  line-height: 1.1;
  letter-spacing: -.025em;
}

.ups-enabled.workspace-admin .ups-sales-product-visits .traffic-product-list {
  border-top: 1px solid var(--ups-color-border);
}

/* ======================================================================
   Stage 7 — admin visual stabilization.
   ====================================================================== */
.ups-enabled.workspace-admin .panel-sidebar .panel-nav > a:not(.is-active),
.ups-enabled.workspace-admin .panel-sidebar .panel-nav > a:not(.is-active):visited {
  color: #565049;
  -webkit-text-fill-color: #565049;
}

.ups-enabled.workspace-admin .panel-sidebar .panel-nav > a:not(.is-active) .workspace-icon {
  color: currentColor;
}

/* AI: operational controls, not a stack of cards. */
.ups-enabled.workspace-admin .ups-ai-filter-disclosure {
  min-width: 0;
  margin: 0 0 var(--ups-space-5);
  padding: var(--ups-space-4) 0 var(--ups-space-5);
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .ups-ai-filter-disclosure > summary {
  min-width: 0;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--ups-space-3);
  margin-bottom: var(--ups-space-3);
  cursor: pointer;
  list-style: none;
}

.ups-enabled.workspace-admin .ups-ai-filter-disclosure > summary::-webkit-details-marker {
  display: none;
}

.ups-enabled.workspace-admin .ups-ai-filter-disclosure .ai-filter-bar {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(130px, .65fr) minmax(180px, 1fr) minmax(180px, 1fr) minmax(190px, auto);
  align-items: end;
  gap: var(--ups-space-3);
  padding: 0;
  border: 0;
  background: transparent;
}

.ups-enabled.workspace-admin .ups-ai-filter-disclosure .ai-filter-bar label:not(.ai-test-toggle) {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-2);
}

.ups-enabled.workspace-admin .ups-ai-filter-disclosure .ai-test-toggle {
  min-width: 0;
  min-height: var(--ups-control-height-md);
  display: flex;
  align-items: center;
  gap: var(--ups-space-2);
  padding: 0;
  white-space: normal;
}

.ups-enabled.workspace-admin .ups-ai-filter-disclosure .ai-test-toggle input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin: 0;
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure {
  min-width: 0;
  margin: 0 0 var(--ups-space-8);
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure > summary {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ups-space-4);
  min-height: 56px;
  padding: var(--ups-space-3) 0;
  cursor: pointer;
  list-style: none;
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure > summary::-webkit-details-marker {
  display: none;
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure > summary > span {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: var(--ups-space-2);
  flex-wrap: wrap;
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure > summary strong {
  color: var(--ups-color-text);
  font-size: 1rem;
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure > summary small {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure > summary > b {
  flex: 0 0 auto;
  color: var(--ups-color-text-muted);
  font-size: 1.25rem;
  line-height: 1;
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure[open] > summary > b {
  transform: rotate(45deg);
}

.ups-enabled.workspace-admin .ups-ai-results-disclosure .workspace-summary-content {
  padding: 0 0 var(--ups-space-6);
}

@media (max-width: 900px) {
  .ups-enabled.workspace-admin .ups-ai-filter-disclosure > summary {
    display: flex;
  }

  .ups-enabled.workspace-admin .ups-ai-filter-disclosure:not([open]) > .ai-filter-bar {
    display: none;
  }

  .ups-enabled.workspace-admin .ups-ai-filter-disclosure .ai-filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .ups-enabled.workspace-admin .ups-ai-filter-disclosure .ai-filter-bar {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled.workspace-admin .ups-ai-results-disclosure > summary {
    align-items: flex-start;
  }
}

/* ===== 63-company.css ===== */
/* Centrum firmy — UPS Stage 4
 * Ten sam kontrakt list, filtrów, tabel i formularzy co Panel Oskara.
 */
.ups-enabled.workspace-admin .company-panel {
  min-width: 0;
}

.ups-enabled.workspace-admin .company-section-head {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--ups-space-5);
  margin-bottom: var(--ups-space-6);
}

.ups-enabled.workspace-admin .company-section-head h2 {
  max-width: 26ch;
  margin: 0;
  font-family: var(--ups-font-sans);
  font-size: clamp(1.9rem, 1.45rem + 1.45vw, 2.85rem);
  font-weight: 720;
  line-height: 1.1;
}

.ups-enabled.workspace-admin .company-section-head p:not(.eyebrow) {
  max-width: 70ch;
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-admin .company-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--ups-space-3);
  margin-bottom: var(--ups-space-8);
}

.ups-enabled.workspace-admin .company-kpi-grid.is-primary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ups-enabled.workspace-admin .company-kpi-grid > article {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-1);
  padding: var(--ups-space-4) 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .company-kpi-grid > article > span {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
  font-weight: 760;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ups-enabled.workspace-admin .company-kpi-grid > article > strong {
  font-size: var(--ups-text-xl);
  line-height: 1.1;
}

.ups-enabled.workspace-admin .company-kpi-grid > article > small {
  color: var(--ups-color-text-muted);
  font-size: var(--ups-text-xs);
}

.ups-enabled.workspace-admin :where(.company-two-col, .company-three-col) {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-5);
  margin-block: var(--ups-space-6);
}

.ups-enabled.workspace-admin .company-two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ups-enabled.workspace-admin .company-three-col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Pełna karta tylko dla formularza, konfiguracji lub zwartej analizy. */
.ups-enabled.workspace-admin .company-card {
  min-width: 0;
  padding: var(--ups-space-5);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-lg);
  background: var(--ups-color-surface);
  box-shadow: var(--ups-shadow-sm);
}

.ups-enabled.workspace-admin :where(.company-table-card, .company-attention-card, .company-document-repository),
.ups-enabled.workspace-admin .company-card.company-table-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ups-enabled.workspace-admin .company-attention-card {
  margin-block: var(--ups-space-6) var(--ups-space-8);
  padding-block: var(--ups-space-5);
  border-block: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin .company-attention-card > header,
.ups-enabled.workspace-admin .company-card > header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ups-space-4);
  margin-bottom: var(--ups-space-4);
}

.ups-enabled.workspace-admin .company-attention-open,
.ups-enabled.workspace-admin .company-link {
  color: var(--ups-color-text);
  font-size: var(--ups-text-sm);
  font-weight: 720;
  text-decoration: none;
}

.ups-enabled.workspace-admin :where(.company-attention-list, .company-ticket-list, .company-document-list, .company-metric-list, .company-rules) {
  display: grid;
  min-width: 0;
}

.ups-enabled.workspace-admin :where(.company-attention-list, .company-ticket-list, .company-document-list) > :where(a, article, div) {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ups-space-4);
  padding: var(--ups-space-4) 0;
  border: 0;
  border-bottom: 1px solid var(--ups-color-border);
  border-radius: 0;
  background: transparent;
  color: var(--ups-color-text);
  text-decoration: none;
}

.ups-enabled.workspace-admin :where(.company-attention-list, .company-ticket-list, .company-document-list) > :where(a, article, div):last-child {
  border-bottom: 0;
}


.ups-enabled.workspace-admin .company-attention-list > a > div {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-1);
}

.ups-enabled.workspace-admin :where(.company-attention-list, .company-ticket-list, .company-document-list) small {
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-admin .company-form {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-4);
}

.ups-enabled.workspace-admin .company-form-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ups-space-3);
}

.ups-enabled.workspace-admin .company-form label {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-2);
  color: var(--ups-color-text);
  font-size: var(--ups-text-sm);
  font-weight: 700;
}

.ups-enabled.workspace-admin .company-form label > span small {
  color: var(--ups-color-text-muted);
  font-weight: 500;
}

.ups-enabled.workspace-admin .company-table-wrap {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  border-block: 1px solid var(--ups-color-border);
  background: transparent;
}

.ups-enabled.workspace-admin .company-table {
  min-width: 720px;
}

.ups-enabled.workspace-admin .company-table :where(th, td) {
  padding: var(--ups-space-4);
}

.ups-enabled.workspace-admin .company-empty {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--ups-space-3);
  padding: var(--ups-space-6) 0;
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-admin .company-empty > span {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-admin .company-empty > div {
  display: grid;
  gap: var(--ups-space-1);
}

.ups-enabled.workspace-admin .company-empty strong {
  color: var(--ups-color-text);
}

.ups-enabled.workspace-admin .company-empty small {
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-admin .company-status,
.ups-enabled.workspace-admin .company-summary-pill {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: var(--ups-radius-pill);
  background: var(--ups-color-surface-muted);
  color: var(--ups-color-text-muted);
  padding: 2px var(--ups-space-3);
  font-size: var(--ups-text-xs);
  font-weight: 760;
}

.ups-enabled.workspace-admin .company-status.is-good {
  background: var(--ups-color-success-soft);
  color: var(--ups-color-success);
}

.ups-enabled.workspace-admin :where(.company-status.is-warn, .company-summary-pill) {
  background: var(--ups-color-warning-soft);
  color: var(--ups-color-warning);
}

.ups-enabled.workspace-admin .company-status.is-danger {
  background: var(--ups-color-danger-soft);
  color: var(--ups-color-danger);
}

.ups-enabled.workspace-admin details.company-month-summary {
  margin-top: var(--ups-space-8);
  padding: var(--ups-space-4) 0;
  border-block: 1px solid var(--ups-color-border);
}

.ups-enabled.workspace-admin details.company-month-summary > summary {
  cursor: pointer;
  font-weight: 720;
}

@container (max-width: 820px) {
  .ups-enabled.workspace-admin :where(.company-two-col, .company-three-col) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .ups-enabled.workspace-admin .company-section-head {
    display: grid;
    align-items: start;
    gap: var(--ups-space-3);
  }

  .ups-enabled.workspace-admin .company-kpi-grid,
  .ups-enabled.workspace-admin .company-kpi-grid.is-primary {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .ups-enabled.workspace-admin .company-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled.workspace-admin .company-card {
    padding: var(--ups-space-4);
  }

  .ups-enabled.workspace-admin :where(.company-table-card, .company-attention-card, .company-document-repository),
.ups-enabled.workspace-admin .company-card.company-table-card {
    padding-inline: 0;
  }

  .ups-enabled.workspace-admin .company-attention-card > header {
    display: grid;
    align-items: start;
    gap: var(--ups-space-3);
  }

  .ups-enabled.workspace-admin .company-attention-open {
    width: 100%;
    justify-content: space-between;
  }

  .ups-enabled.workspace-admin :where(.company-attention-list, .company-ticket-list, .company-document-list) > :where(a, article, div) {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ups-space-3);
  }
}

/* ======================================================================
   Stage 7 — Company operational forms and Booksy cards.
   ====================================================================== */
.ups-enabled.workspace-admin .company-booksy-grid {
  align-items: stretch;
}

.ups-enabled.workspace-admin .company-booksy-grid > .company-card {
  display: grid;
  align-content: start;
  gap: var(--ups-space-4);
}

.ups-enabled.workspace-admin .company-booksy-grid > .company-card > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ups-space-2);
  margin-bottom: 0;
}

.ups-enabled.workspace-admin .company-booksy-grid > .company-card > header h3 {
  max-width: 22ch;
  margin: 0;
  font-family: var(--ups-font-sans);
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
  line-height: 1.02;
  letter-spacing: -.04em;
}

.ups-enabled.workspace-admin .company-booksy-grid .company-card-copy {
  margin: 0;
  color: var(--ups-color-text-muted);
  line-height: 1.5;
}

.ups-enabled.workspace-admin .company-booksy-grid input[type="file"] {
  min-width: 0;
  width: 100%;
  color: var(--ups-color-text);
  -webkit-text-fill-color: var(--ups-color-text);
}

.ups-enabled.workspace-admin .company-booksy-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ups-space-3);
}

.ups-enabled.workspace-admin .company-booksy-kpis > div {
  min-width: 0;
  display: grid;
  gap: var(--ups-space-1);
  padding: var(--ups-space-4);
  border: 1px solid var(--ups-color-border);
  border-radius: var(--ups-radius-md);
  background: var(--ups-color-bg-soft);
}

.ups-enabled.workspace-admin .company-booksy-kpis span,
.ups-enabled.workspace-admin .company-booksy-kpis small {
  color: var(--ups-color-text-muted);
}

.ups-enabled.workspace-admin .company-booksy-kpis strong {
  overflow-wrap: anywhere;
  font-size: clamp(1.1rem, 1rem + .4vw, 1.45rem);
  line-height: 1.15;
}

@media (max-width: 780px) {
  .ups-enabled.workspace-admin .company-booksy-kpis {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Stage 7.3 — mobile company grids must become task-first single-column layouts. */
@media (max-width: 680px) {
  .ups-enabled.workspace-admin .company-two-col,
  .ups-enabled.workspace-admin .company-three-col {
    grid-template-columns: minmax(0, 1fr);
  }

  .ups-enabled.workspace-admin .company-two-col > *,
  .ups-enabled.workspace-admin .company-three-col > * {
    min-width: 0;
  }
}


/* ======================================================================
   OSCANRE 5.15.1 — LIVE-BASED FINAL UI CONTRACT
   One authoritative end-of-cascade contract for authenticated workspaces,
   book funnel, auth surfaces, overlays and shared transactional UI.
   This is the single authoritative end-of-cascade contract for shared UI.
   ====================================================================== */
:root{
  --ups-topbar-height:58px;
  --ups-mobile-topbar-height:52px;
  --ups-sidebar-width:260px;
  --ups-mobile-nav-height:64px;
  --ups-shell-line:#ddd4c9;
  --ups-shell-sidebar:#f3eee7;
  --ups-shell-canvas:#fff;
  --ups-shell-soft:#f8f5ef;
  --ups-shell-ink:#11100f;
  --ups-shell-muted:#746d65;
}

/* ---------- global workspace reset ---------- */
body.ups-enabled.workspace-v2{
  padding-top:0!important;
  margin:0!important;
  min-height:100dvh!important;
  background:var(--ups-shell-canvas)!important;
  color:var(--ups-shell-ink)!important;
  overflow-x:hidden!important;
}
body.ups-enabled.workspace-v2 :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,b,em,i,label,a,button,input,select,textarea,summary){
  -webkit-text-fill-color:currentColor!important;
}
body.ups-enabled.workspace-v2 .ups-app-shell{margin:0!important;padding:0!important}
body.ups-enabled.workspace-v2 .ups-page{min-width:0!important}

/* ---------- one topbar ---------- */
body.ups-enabled.workspace-v2 :where(.workspace-topbar,.account-unified-topbar,.club-app-topbar,.team-topbar){
  position:sticky!important;
  z-index:1000!important;
  top:0!important;
  inset-inline:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--ups-topbar-height)!important;
  min-height:var(--ups-topbar-height)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--ups-shell-line)!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--ups-shell-ink)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body.ups-enabled.workspace-v2 :where(.workspace-topbar-inner,.club-app-topbar-inner){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 max(14px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body.ups-enabled.workspace-v2 .workspace-topbar-brand{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#111!important;
  text-decoration:none!important;
  line-height:1!important;
}
body.ups-enabled.workspace-v2 .workspace-topbar-brand strong{font-size:.98rem!important;letter-spacing:-.035em!important}
body.ups-enabled.workspace-v2 .workspace-topbar-brand span{font-size:.58rem!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#817970!important}
body.ups-enabled.workspace-v2 .workspace-topbar-actions{
  min-width:0!important;
  margin-left:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
body.ups-enabled.workspace-v2 :where(.club-notification-link,.app-topbar-cart){
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid var(--ups-shell-line)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
}
body.ups-enabled.workspace-v2 .club-notification-link[hidden],
body.ups-enabled.workspace-v2 .app-topbar-cart[hidden]{display:none!important}
body.ups-enabled.workspace-v2 :where(.club-notification-link,.app-topbar-cart) svg{display:block!important;width:20px!important;height:20px!important;max-width:20px!important}
body.ups-enabled.workspace-v2 :where(.club-notification-link,.app-topbar-cart)>b{
  position:absolute!important;top:-5px!important;right:-4px!important;min-width:17px!important;height:17px!important;display:grid!important;place-items:center!important;padding:0 4px!important;border-radius:999px!important;background:#ad4137!important;color:#fff!important;font-size:.58rem!important;line-height:1!important
}
body.ups-enabled.workspace-v2 details.club-user-menu{margin:0!important;padding:0!important}
body.ups-enabled.workspace-v2 details.club-user-menu>summary{
  box-sizing:border-box!important;
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  display:grid!important;place-items:center!important;padding:0!important;
  border:0!important;background:transparent!important;list-style:none!important;cursor:pointer!important
}
body.ups-enabled.workspace-v2 details.club-user-menu>summary::-webkit-details-marker{display:none!important}
body.ups-enabled.workspace-v2 .club-user-avatar,
body.ups-enabled.workspace-v2 .club-user-avatar img{
  box-sizing:border-box!important;width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:50%!important;object-fit:cover!important
}
body.ups-enabled.workspace-v2 .club-user-avatar{border:1px solid var(--ups-shell-line)!important;padding:2px!important;background:#fff!important;overflow:hidden!important}
body.ups-enabled.workspace-v2 .club-user-avatar img{width:100%!important;height:100%!important;border:0!important;padding:0!important}
body.ups-enabled.workspace-v2 .club-user-dropdown{z-index:1035!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important}

/* ---------- shared desktop sidebars ---------- */
@media(min-width:981px){
  body.ups-enabled.workspace-customer .customer-app-shell,
  body.ups-enabled.workspace-club .club-app-shell,
  body.ups-enabled.workspace-team .team-app-shell{
    min-height:calc(100dvh - var(--ups-topbar-height))!important;
    background:linear-gradient(90deg,var(--ups-shell-sidebar) 0 var(--ups-sidebar-width),#fff var(--ups-sidebar-width) 100%)!important
  }
  body.ups-enabled.workspace-customer .customer-app-grid,
  body.ups-enabled.workspace-club .club-app-shell,
  body.ups-enabled.workspace-team .team-app-shell{
    box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:calc(100dvh - var(--ups-topbar-height))!important;margin:0!important;padding:0!important;
    display:grid!important;grid-template-columns:var(--ups-sidebar-width) minmax(0,1fr)!important;gap:0!important;align-items:stretch!important
  }
  body.ups-enabled.workspace-v2 :where(.customer-sidebar,.club-app-sidebar,.team-sidebar){
    box-sizing:border-box!important;position:sticky!important;z-index:40!important;top:var(--ups-topbar-height)!important;
    align-self:start!important;width:var(--ups-sidebar-width)!important;height:calc(100dvh - var(--ups-topbar-height))!important;min-height:calc(100dvh - var(--ups-topbar-height))!important;
    margin:0!important;padding:22px 18px 18px!important;border:0!important;border-right:1px solid var(--ups-shell-line)!important;border-radius:0!important;
    background:var(--ups-shell-sidebar)!important;color:var(--ups-shell-ink)!important;overflow-y:auto!important;overscroll-behavior:contain!important;display:flex!important;flex-direction:column!important
  }
  body.ups-enabled.workspace-customer .customer-main,
  body.ups-enabled.workspace-club .club-app-main{
    box-sizing:border-box!important;min-width:0!important;width:100%!important;margin:0!important;padding:28px clamp(26px,3.4vw,52px) 48px!important;background:#fff!important
  }
}

/* sidebar identity + navigation rhythm */
body.ups-enabled.workspace-v2 :where(.customer-identity,.club-sidebar-profile,.team-sidebar-identity,.panel-sidebar-identity){
  box-sizing:border-box!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;
  margin:0 0 18px!important;padding:4px 2px 18px!important;border:0!important;border-bottom:1px solid var(--ups-shell-line)!important;background:transparent!important;color:#111!important;text-decoration:none!important
}
body.ups-enabled.workspace-v2 :where(.customer-profile-avatar,.workspace-sidebar-avatar,.panel-sidebar-avatar){width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important;background:#111!important;color:#fff!important}
body.ups-enabled.workspace-v2 :where(.customer-profile-avatar,.workspace-sidebar-avatar,.panel-sidebar-avatar) img{width:100%!important;height:100%!important;object-fit:cover!important}
body.ups-enabled.workspace-v2 :where(.customer-identity,.club-sidebar-profile,.team-sidebar-identity,.panel-sidebar-identity)>:last-child{min-width:0!important;display:grid!important;gap:2px!important}
body.ups-enabled.workspace-v2 :where(.customer-identity,.club-sidebar-profile,.team-sidebar-identity,.panel-sidebar-identity) :where(span,small){color:#817970!important;font-size:.6rem!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important;line-height:1.25!important}
body.ups-enabled.workspace-v2 :where(.customer-identity,.club-sidebar-profile,.team-sidebar-identity,.panel-sidebar-identity) strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#171513!important;font-size:.82rem!important;line-height:1.25!important}
body.ups-enabled.workspace-v2 :where(.customer-identity,.club-sidebar-profile,.team-sidebar-identity,.panel-sidebar-identity) em{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#817970!important;font-size:.67rem!important;font-style:normal!important;line-height:1.3!important}
body.ups-enabled.workspace-v2 :where(.workspace-primary-nav,.customer-primary-nav,.panel-nav,.club-primary-nav){display:grid!important;gap:5px!important;margin:0!important;padding:0!important}
body.ups-enabled.workspace-v2 :where(.workspace-primary-nav,.customer-primary-nav,.panel-nav,.club-primary-nav)>a,
body.ups-enabled.workspace-v2 .workspace-nav-item{
  box-sizing:border-box!important;min-width:0!important;min-height:46px!important;margin:0!important;padding:0 12px!important;
  display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;
  border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#625b54!important;text-decoration:none!important;font-size:.78rem!important;font-weight:760!important;line-height:1.15!important
}
body.ups-enabled.workspace-v2 :where(.workspace-primary-nav,.customer-primary-nav,.panel-nav,.club-primary-nav)>a :where(.workspace-icon,svg),
body.ups-enabled.workspace-v2 .workspace-nav-item :where(.workspace-icon,svg){display:block!important;width:20px!important;height:20px!important;justify-self:center!important;align-self:center!important}
body.ups-enabled.workspace-v2 :where(.workspace-primary-nav,.customer-primary-nav,.panel-nav,.club-primary-nav)>a :where(span,strong),
body.ups-enabled.workspace-v2 .workspace-nav-item :where(span,strong){min-width:0!important;margin:0!important;padding:0!important;align-self:center!important;color:inherit!important;font:inherit!important;line-height:1.15!important}
body.ups-enabled.workspace-v2 :where(.workspace-primary-nav,.customer-primary-nav,.panel-nav,.club-primary-nav)>a.is-active,
body.ups-enabled.workspace-v2 .workspace-nav-item.is-active{background:#111!important;border-color:#111!important;color:#fff!important}
body.ups-enabled.workspace-v2 :where(.workspace-primary-nav,.customer-primary-nav,.panel-nav,.club-primary-nav)>a:not(.is-active):hover,
body.ups-enabled.workspace-v2 .workspace-nav-item:not(.is-active):hover{background:rgba(255,255,255,.7)!important;border-color:#e0d8cf!important;color:#111!important}
body.ups-enabled.workspace-v2 :where(.workspace-sidebar-footer,.customer-sidebar-foot,.club-sidebar-foot,.team-sidebar-foot,.panel-sidebar-foot){
  margin-top:auto!important;padding:16px 6px 0!important;border-top:1px solid var(--ups-shell-line)!important;display:grid!important;gap:2px!important
}
body.ups-enabled.workspace-v2 :where(.workspace-sidebar-footer,.customer-sidebar-foot,.club-sidebar-foot,.team-sidebar-foot,.panel-sidebar-foot)>a{
  box-sizing:border-box!important;min-height:36px!important;display:grid!important;align-content:center!important;gap:1px!important;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#625b54!important;text-decoration:none!important;font-size:.72rem!important;font-weight:720!important;line-height:1.2!important
}
body.ups-enabled.workspace-v2 :where(.workspace-sidebar-footer,.customer-sidebar-foot,.club-sidebar-foot,.team-sidebar-foot,.panel-sidebar-foot)>a small{display:none!important}
body.ups-enabled.workspace-v2 :where(.workspace-sidebar-footer,.customer-sidebar-foot,.club-sidebar-foot,.team-sidebar-foot,.panel-sidebar-foot)>a:is(.danger,.customer-logout,.is-danger){color:#a3443b!important}

/* ---------- account ---------- */
body.ups-enabled.workspace-customer .customer-page-head{margin:0 0 20px!important;padding:0 0 18px!important;border-bottom:1px solid var(--ups-shell-line)!important}
body.ups-enabled.workspace-customer .customer-page-head h1{margin:.2rem 0 .55rem!important;letter-spacing:-.055em!important;line-height:.96!important}
body.ups-enabled.workspace-customer .account-subtabs{margin-top:0!important;border-bottom:1px solid var(--ups-shell-line)!important}
body.ups-enabled.workspace-customer .account-store-card{border-bottom:1px solid var(--ups-shell-line)!important}
body.ups-enabled.workspace-customer .account-store-open-checkout{
  position:relative!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:40px!important;
  margin:8px 0 0!important;padding:0 14px!important;border:1px solid #bfb5a9!important;border-radius:10px!important;background:#fff!important;color:#111!important;box-shadow:none!important;text-decoration:none!important;font-size:.78rem!important;font-weight:800!important;line-height:1!important
}
body.ups-enabled.workspace-customer .account-store-open-checkout::before,
body.ups-enabled.workspace-customer .account-store-open-checkout::after{content:none!important;display:none!important;border:0!important;box-shadow:none!important}
body.ups-enabled.workspace-customer .account-store-open-checkout:hover{border-color:#111!important;background:#111!important;color:#fff!important}
body.ups-enabled.workspace-customer .account-empty-state{min-height:0!important}
body.ups-enabled.workspace-customer .customer-main>:last-child{margin-bottom:0!important}

/* ---------- Club workspace ---------- */
@media(min-width:981px){
  body.ups-enabled.workspace-club .club-app-shell{grid-template-columns:var(--ups-sidebar-width) minmax(0,1fr)!important}
  body.ups-enabled.workspace-club .club-app-sidebar{display:flex!important}
  body.ups-enabled.workspace-club .club-app-main{max-width:none!important}
}
body.ups-enabled.workspace-club .club-page-title{margin:0 0 20px!important;padding:0 0 18px!important;border-bottom:1px solid var(--ups-shell-line)!important}
body.ups-enabled.workspace-club .club-page-title h1{margin:.2rem 0 .55rem!important;line-height:.95!important;letter-spacing:-.055em!important}
body.ups-enabled.workspace-club .club-page-title>p:last-child{margin:0!important;color:var(--ups-shell-muted)!important}
body.ups-enabled.workspace-club .club-sidebar-host-context{margin:0 0 16px!important;padding:0 8px 16px!important;border-bottom:1px solid var(--ups-shell-line)!important}
body.ups-enabled.workspace-club .club-new-thread{width:100%!important;margin:14px 0!important;border-radius:11px!important}
body.ups-enabled.workspace-club .club-room-nav{min-height:0!important;overflow:auto!important}

/* ---------- Mobile workspace: topbar in normal flow, no phantom offset ---------- */
@media(max-width:980px){
  body.ups-enabled.workspace-v2{padding-top:0!important;padding-bottom:0!important}
  body.ups-enabled.workspace-v2 :where(.workspace-topbar,.account-unified-topbar,.club-app-topbar,.team-topbar){
    position:sticky!important;top:0!important;height:var(--ups-mobile-topbar-height)!important;min-height:var(--ups-mobile-topbar-height)!important
  }
  body.ups-enabled.workspace-v2 :where(.workspace-topbar-inner,.club-app-topbar-inner){
    height:var(--ups-mobile-topbar-height)!important;min-height:var(--ups-mobile-topbar-height)!important;padding:0 max(9px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))!important;gap:7px!important
  }
  body.ups-enabled.workspace-v2 .workspace-topbar-brand strong{font-size:.94rem!important}
  body.ups-enabled.workspace-v2 .workspace-topbar-brand span{display:none!important}
  body.ups-enabled.workspace-v2 .workspace-topbar-actions{gap:5px!important}
  body.ups-enabled.workspace-v2 :where(.club-notification-link,.app-topbar-cart){flex-basis:36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:10px!important}
  body.ups-enabled.workspace-v2 details.club-user-menu>summary{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  body.ups-enabled.workspace-v2 .club-user-avatar{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important}
  body.ups-enabled.workspace-v2 :where(.customer-sidebar,.club-app-sidebar,.team-sidebar){display:none!important}
  body.ups-enabled.workspace-customer .customer-app-shell,
  body.ups-enabled.workspace-club .club-app-shell,
  body.ups-enabled.workspace-team .team-app-shell{min-height:calc(100dvh - var(--ups-mobile-topbar-height))!important;margin:0!important;padding:0!important;background:#fff!important}
  body.ups-enabled.workspace-customer .customer-app-grid,
  body.ups-enabled.workspace-club .club-app-shell,
  body.ups-enabled.workspace-team .team-app-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}
  body.ups-enabled.workspace-customer .customer-main,
  body.ups-enabled.workspace-club .club-app-main{
    box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:18px 14px calc(82px + env(safe-area-inset-bottom))!important;background:#fff!important
  }
  body.ups-enabled.workspace-club .club-page-title,
  body.ups-enabled.workspace-customer .customer-page-head{margin-top:0!important}

  body.ups-enabled.workspace-v2 .workspace-bottom-nav-spacer{display:block!important;height:calc(72px + env(safe-area-inset-bottom))!important;min-height:calc(72px + env(safe-area-inset-bottom))!important}
  body.ups-enabled.workspace-v2 :where(.workspace-bottom-nav,.ups-mobile-nav){
    position:fixed!important;z-index:970!important;left:8px!important;right:8px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;inset-block-start:auto!important;
    min-height:60px!important;height:60px!important;padding:4px!important;border:1px solid var(--ups-shell-line)!important;border-radius:17px!important;background:rgba(255,253,249,.97)!important;box-shadow:0 12px 34px rgba(22,18,14,.10)!important;backdrop-filter:blur(16px)!important
  }
  body.ups-enabled.workspace-v2 .workspace-bottom-nav>:where(a,button){min-width:0!important;min-height:52px!important;height:52px!important;padding:3px 2px!important;border-radius:13px!important;color:#625b54!important;font-size:.63rem!important;font-weight:760!important}
  body.ups-enabled.workspace-v2 .workspace-bottom-nav>:where(a,button).is-active{background:#111!important;color:#fff!important}
  body.ups-enabled.workspace-v2 .workspace-bottom-nav>:where(a,button).is-active::before{top:4px!important;background:#b58a58!important}

  /* actual more sheet and backdrop only; no synthetic pseudo overlay */
  body.ups-enabled.workspace-v2 .workspace-more-layer{z-index:1080!important;position:fixed!important;inset:0!important}
  body.ups-enabled.workspace-v2 .workspace-more-layer:not([hidden]){display:block!important}
  body.ups-enabled.workspace-v2 .workspace-more-layer::before{content:none!important;display:none!important}
  body.ups-enabled.workspace-v2 .workspace-more-backdrop{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:rgba(17,16,15,.44)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
  body.ups-enabled.workspace-v2 .workspace-more-sheet{box-sizing:border-box!important;position:absolute!important;z-index:1!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;max-height:min(78dvh,680px)!important;margin:0!important;padding:0 0 calc(10px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:22px 22px 0 0!important;background:#fffdf9!important;overflow:auto!important;overscroll-behavior:contain!important;box-shadow:0 -18px 48px rgba(20,16,12,.16)!important}
  body.ups-enabled.workspace-v2 .workspace-more-sheet>header{position:sticky!important;z-index:2!important;top:0!important;background:#fffdf9!important;padding:14px 16px!important;border-bottom:1px solid var(--ups-shell-line)!important}
  body.ups-enabled.workspace-v2 .workspace-more-sheet>nav{padding:10px 12px!important}
  body.ups-enabled.workspace-v2 .workspace-more-link{min-height:52px!important;border-radius:11px!important}
}

/* ---------- Admin shell: desktop fixed rail, mobile real drawer ---------- */
@media(min-width:981px){
  body.ups-enabled.workspace-admin{padding:0!important;background:#fff!important}
  body.ups-enabled.workspace-admin .panel-app{min-height:100dvh!important;margin:0!important;padding:0!important}
  body.ups-enabled.workspace-admin .panel-sidebar{
    position:fixed!important;z-index:80!important;inset:0 auto 0 0!important;top:0!important;width:var(--ups-sidebar-width)!important;height:100dvh!important;min-height:100dvh!important;
    padding:22px 18px 18px!important;border:0!important;border-right:1px solid var(--ups-shell-line)!important;border-radius:0!important;background:var(--ups-shell-sidebar)!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:none!important
  }
  body.ups-enabled.workspace-admin .panel-main{min-width:0!important;min-height:100dvh!important;margin:0 0 0 var(--ups-sidebar-width)!important;padding:0!important;background:#fff!important}
  body.ups-enabled.workspace-admin .panel-topbar{
    position:sticky!important;z-index:70!important;top:0!important;box-sizing:border-box!important;height:var(--ups-topbar-height)!important;min-height:var(--ups-topbar-height)!important;margin:0!important;padding:0 26px!important;display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid var(--ups-shell-line)!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(14px)!important
  }
  body.ups-enabled.workspace-admin .panel-menu-button,body.ups-enabled.workspace-admin .panel-mobile-user-menu{display:none!important}
  body.ups-enabled.workspace-admin .panel-content{box-sizing:border-box!important;width:100%!important;max-width:1540px!important;margin:0 auto!important;padding:28px clamp(26px,3vw,46px) 50px!important}
}
@media(max-width:980px){
  body.ups-enabled.workspace-admin{padding:0!important;background:#fff!important}
  body.ups-enabled.workspace-admin .panel-app{min-height:100dvh!important;margin:0!important;padding:0!important}
  body.ups-enabled.workspace-admin .panel-main{min-width:0!important;min-height:100dvh!important;margin:0!important;padding:0!important;background:#fff!important}
  body.ups-enabled.workspace-admin .panel-topbar{
    position:sticky!important;z-index:900!important;top:0!important;box-sizing:border-box!important;width:100%!important;height:var(--ups-mobile-topbar-height)!important;min-height:var(--ups-mobile-topbar-height)!important;
    margin:0!important;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))!important;display:flex!important;align-items:center!important;gap:9px!important;border:0!important;border-bottom:1px solid var(--ups-shell-line)!important;background:rgba(255,255,255,.98)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important
  }
  body.ups-enabled.workspace-admin .panel-topbar>div:nth-child(2){min-width:0!important;display:flex!important;align-items:center!important}
  body.ups-enabled.workspace-admin .panel-topbar>div:nth-child(2)>p{display:none!important}
  body.ups-enabled.workspace-admin .panel-topbar>div:nth-child(2)>h1{margin:0!important;font-size:.98rem!important;line-height:1!important;white-space:nowrap!important}
  body.ups-enabled.workspace-admin .panel-menu-button{
    position:static!important;inset:auto!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0!important;padding:8px!important;
    display:grid!important;place-items:center!important;border:1px solid var(--ups-shell-line)!important;border-radius:10px!important;background:#fff!important;color:#111!important;box-shadow:none!important
  }
  body.ups-enabled.workspace-admin .panel-menu-button span{display:block!important;width:19px!important;height:1.5px!important;margin:2px auto!important;background:#111!important;border-radius:2px!important}
  body.ups-enabled.workspace-admin .panel-top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important}
  body.ups-enabled.workspace-admin .panel-top-actions>:not(.panel-mobile-user-menu){display:none!important}
  body.ups-enabled.workspace-admin .panel-mobile-user-menu{display:block!important;margin:0!important}
  body.ups-enabled.workspace-admin .panel-mobile-user-menu>summary{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;list-style:none!important;border:0!important;background:transparent!important}
  body.ups-enabled.workspace-admin .panel-mobile-user-menu>summary::-webkit-details-marker{display:none!important}
  body.ups-enabled.workspace-admin .panel-mobile-user-menu>summary>span{width:36px!important;height:36px!important;border:1px solid var(--ups-shell-line)!important;border-radius:50%!important;padding:2px!important;background:#fff!important;overflow:hidden!important}
  body.ups-enabled.workspace-admin .panel-mobile-user-menu>summary img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
  body.ups-enabled.workspace-admin .panel-content{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:18px 14px calc(30px + env(safe-area-inset-bottom))!important}

  body.ups-enabled.workspace-admin .panel-sidebar{
    box-sizing:border-box!important;display:flex!important;visibility:visible!important;position:fixed!important;z-index:1120!important;inset:0 auto 0 0!important;
    width:min(86vw,340px)!important;max-width:340px!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:16px 14px max(18px,env(safe-area-inset-bottom))!important;
    border:0!important;border-right:1px solid var(--ups-shell-line)!important;border-radius:0 18px 18px 0!important;background:var(--ups-shell-sidebar)!important;box-shadow:18px 0 48px rgba(20,16,12,.18)!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;transform:translateX(calc(-100% - 20px))!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important
  }
  body.ups-enabled.workspace-admin .panel-sidebar.is-open,
  body.ups-enabled.workspace-admin.panel-menu-open .panel-sidebar{transform:translateX(0)!important}
  body.ups-enabled.workspace-admin .panel-sidebar-close{
    position:sticky!important;z-index:3!important;top:0!important;align-self:flex-end!important;flex:0 0 40px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;margin:0 0 12px auto!important;padding:0!important;border:1px solid var(--ups-shell-line)!important;border-radius:11px!important;background:#fff!important;color:#111!important;font-size:1.25rem!important
  }
  body.ups-enabled.workspace-admin .panel-scrim{display:none!important;position:fixed!important;z-index:1110!important;inset:0!important;border:0!important;background:rgba(17,16,15,.44)!important;opacity:0!important;pointer-events:none!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
  body.ups-enabled.workspace-admin .panel-scrim.is-visible:not([hidden]){display:block!important;opacity:1!important;pointer-events:auto!important}
  body.ups-enabled.workspace-admin.panel-menu-open::after{content:none!important;display:none!important}
}

/* ---------- Admin tables / dashboards ---------- */
body.ups-enabled.workspace-admin .ops-card{min-width:0!important;overflow-x:auto!important}
body.ups-enabled.workspace-admin .ops-table{width:100%!important;min-width:720px!important;table-layout:auto!important;border-collapse:collapse!important}
body.ups-enabled.workspace-admin .ops-table th:first-child,
body.ups-enabled.workspace-admin .ops-table td:first-child{min-width:180px!important;width:28%!important;max-width:none!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
body.ups-enabled.workspace-admin .ops-table :where(th,td){vertical-align:middle!important}
@media(max-width:760px){
  body.ups-enabled.workspace-admin .ops-card{margin-inline:0!important;padding:16px!important;-webkit-overflow-scrolling:touch!important}
  body.ups-enabled.workspace-admin .ops-table{min-width:690px!important}
  body.ups-enabled.workspace-admin .ops-table th:first-child,body.ups-enabled.workspace-admin .ops-table td:first-child{min-width:190px!important}
}
body.ups-enabled.workspace-admin .admin-dashboard-insights .admin-dashboard-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
body.ups-enabled.workspace-admin .admin-dashboard-insights .admin-card{box-sizing:border-box!important;margin:0!important;border:1px solid var(--ups-shell-line)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}
body.ups-enabled.workspace-admin .admin-dashboard-insights .workspace-insights-body{display:grid!important;gap:14px!important}
@media(max-width:760px){body.ups-enabled.workspace-admin .admin-dashboard-insights .admin-dashboard-layout{grid-template-columns:1fr!important;gap:12px!important}}

/* finance/company card geometry */
body.ups-enabled.workspace-company .finance-simple{display:grid!important;gap:14px!important;margin:18px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
body.ups-enabled.workspace-company .finance-simple-head{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:22px!important;margin:0!important;padding:22px!important;border:1px solid var(--ups-shell-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:none!important}
body.ups-enabled.workspace-company .finance-simple-head>div{min-width:0!important}
body.ups-enabled.workspace-company .finance-simple-head h2{margin:5px 0 10px!important;max-width:820px!important;line-height:1.04!important}
body.ups-enabled.workspace-company .finance-simple-head p:last-child{margin:0!important;max-width:860px!important}
body.ups-enabled.workspace-company .finance-simple-head>.btn{align-self:start!important;max-width:310px!important;min-height:46px!important;white-space:normal!important;text-align:center!important}
@media(max-width:820px){body.ups-enabled.workspace-company .finance-simple-head{grid-template-columns:1fr!important;padding:18px!important}body.ups-enabled.workspace-company .finance-simple-head>.btn{width:100%!important;max-width:none!important}}

/* quick availability modal + Safari/native time picker */
body.ups-enabled.workspace-admin .ux123-modal{box-sizing:border-box!important;padding:18px!important;z-index:1200!important}
body.ups-enabled.workspace-admin .ux123-modal-dialog{box-sizing:border-box!important;width:min(620px,calc(100vw - 36px))!important;max-width:620px!important;max-height:min(88dvh,760px)!important;margin:auto!important;padding:28px!important;border:1px solid var(--ups-shell-line)!important;border-radius:20px!important;background:#f7f1e9!important;overflow:auto!important;overscroll-behavior:contain!important}
body.ups-enabled.workspace-admin .admin-slot-time-entry input[type="time"]{box-sizing:border-box!important;width:100%!important;min-height:48px!important;padding:0 14px!important;position:relative!important;z-index:2!important;-webkit-appearance:auto!important;appearance:auto!important;pointer-events:auto!important;touch-action:manipulation!important;background:#fff!important;color:#111!important;font-size:16px!important}
body.ups-enabled.workspace-admin .admin-slot-time-entry input[type="time"]::-webkit-calendar-picker-indicator{display:block!important;opacity:1!important;cursor:pointer!important}
@media(max-width:620px){body.ups-enabled.workspace-admin .ux123-modal{padding:8px!important;align-items:flex-end!important}body.ups-enabled.workspace-admin .ux123-modal-dialog{width:100%!important;max-width:none!important;max-height:88dvh!important;margin:0!important;padding:20px 15px calc(16px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 12px 12px!important}body.ups-enabled.workspace-admin .admin-slot-time-entry{grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important}}

/* ---------- Cart and transient layers inside workspaces ---------- */
body.ups-enabled.workspace-v2 .shop-cart-scrim{z-index:1160!important}
body.ups-enabled.workspace-v2 .shop-cart-drawer{z-index:1170!important}
body.ups-enabled.workspace-v2.shop-drawer-open .workspace-bottom-nav{opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + 24px))!important}
@media(max-width:680px){body.ups-enabled.workspace-v2 .shop-cart-drawer{height:min(86dvh,760px)!important;max-height:86dvh!important}}

/* ---------- Book funnel: same compact chrome on book + thank-you ---------- */
body.ups-enabled.book-page{padding:0!important;margin:0!important;background:#f3eee6!important;color:#111!important}
body.ups-enabled.book-page .book-site-header{
  position:sticky!important;z-index:1000!important;top:0!important;inset-inline:0!important;box-sizing:border-box!important;width:100%!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;
  border:0!important;border-bottom:1px solid #ddd4c9!important;background:rgba(251,250,247,.98)!important;color:#111!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important
}
body.ups-enabled.book-page .book-site-header .book-header-inner{box-sizing:border-box!important;width:min(1240px,calc(100% - 40px))!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
body.ups-enabled.book-page .book-site-header .brand{display:inline-flex!important;align-items:center!important;min-height:40px!important;color:#111!important;font-size:1.08rem!important;font-weight:850!important;letter-spacing:-.04em!important;text-decoration:none!important;white-space:nowrap!important}
body.ups-enabled.book-page .book-site-header .brand small{margin-left:14px!important;color:#777067!important;font-size:.56rem!important;font-weight:820!important;letter-spacing:.17em!important;text-transform:uppercase!important}
body.ups-enabled.book-page .book-header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
body.ups-enabled.book-page .book-header-author{color:#2e2a26!important;font-size:.76rem!important;font-weight:760!important;text-decoration:none!important;white-space:nowrap!important}
body.ups-enabled.book-page .book-site-header .header-cta{box-sizing:border-box!important;min-height:42px!important;height:42px!important;padding:0 17px!important;border:1px solid #111!important;border-radius:11px!important;background:#111!important;color:#fff!important;font-size:.74rem!important;font-weight:820!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important}
body.ups-enabled.book-page .book-footer{margin:0!important;background:#0b0b0b!important;color:#b8b1a9!important}
body.ups-enabled.book-page .book-footer :where(strong,a,button){-webkit-text-fill-color:currentColor!important}
body.ups-enabled.book-page main{margin-top:0!important}
body.ups-enabled.book-page .book-thanks{padding-top:clamp(44px,6vw,78px)!important}
@media(max-width:620px){
  body.ups-enabled.book-page .book-site-header{height:54px!important;min-height:54px!important}
  body.ups-enabled.book-page .book-site-header .book-header-inner{width:calc(100% - 22px)!important;gap:8px!important}
  body.ups-enabled.book-page .book-site-header .brand{font-size:1rem!important}
  body.ups-enabled.book-page .book-site-header .brand small,body.ups-enabled.book-page .book-header-author{display:none!important}
  body.ups-enabled.book-page .book-site-header .header-cta{height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:9px!important;font-size:.66rem!important}
}

/* ---------- Auth: same proportions for customer/admin/team/finance ---------- */
body.ups-enabled.ups-surface-auth{margin:0!important;padding:0!important;min-height:100dvh!important;background:#0b0b0b!important}
body.ups-enabled.ups-surface-auth .auth-shell{min-height:100dvh!important;margin:0!important;padding:0!important}
body.ups-enabled.ups-surface-auth .auth-panel{min-height:100dvh!important;display:grid!important;align-items:center!important;padding:clamp(22px,4vw,56px)!important;background:#f3eee6!important}
body.ups-enabled.ups-surface-auth .auth-card{width:min(100%,620px)!important;margin:auto!important}
@media(max-width:700px){
  body.ups-enabled.ups-surface-auth .auth-shell{display:block!important;min-height:100dvh!important;background:#0b0b0b!important}
  body.ups-enabled.ups-surface-auth .auth-visual{display:none!important}
  body.ups-enabled.ups-surface-auth .auth-panel{box-sizing:border-box!important;min-height:100dvh!important;padding:max(14px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))!important;background:#0b0b0b!important;align-items:start!important}
  body.ups-enabled.ups-surface-auth .auth-card{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:22px 18px!important;border-radius:22px!important;background:#fffdf9!important}
}
/* ---------- 5.15.1 final refinements: book follow-up pages ---------- */
body.ups-enabled.book-page :where(h1,h2,h3,h4,p,span,strong,small,a,button,label,input,textarea){-webkit-text-fill-color:currentColor!important}
body.ups-enabled.book-thanks-page main{display:block!important;min-height:0!important;background:#f3eee6!important}
body.ups-enabled.book-page .book-thanks{box-sizing:border-box!important;padding:clamp(44px,6vw,76px) 0 clamp(58px,7vw,88px)!important;background:#f3eee6!important}
body.ups-enabled.book-page .book-thanks>.container{box-sizing:border-box!important;width:min(1160px,calc(100% - 40px))!important;margin-inline:auto!important}
body.ups-enabled.book-page .book-thanks-grid{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr)!important;gap:clamp(36px,5vw,68px)!important;align-items:start!important}
body.ups-enabled.book-page .book-thanks-copy{min-width:0!important;padding-top:3px!important}
body.ups-enabled.book-page :where(.book-thanks-copy,.book-question-card,.book-unsubscribe-card,.book-status-card) .eyebrow{display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 16px!important;color:#7a7269!important;font-size:.68rem!important;font-weight:850!important;letter-spacing:.19em!important;line-height:1.2!important;text-transform:uppercase!important}
body.ups-enabled.book-page :where(.book-thanks-copy,.book-question-card,.book-unsubscribe-card,.book-status-card) .eyebrow::before{content:""!important;display:block!important;flex:0 0 34px!important;width:34px!important;height:1px!important;background:#a89b8d!important}
body.ups-enabled.book-page :where(.book-thanks-copy,.book-unsubscribe-card) h1{margin:0!important;color:#111!important;font-size:clamp(2.55rem,4.8vw,4.9rem)!important;line-height:.94!important;letter-spacing:-.062em!important;text-wrap:balance!important}
body.ups-enabled.book-page :where(.book-thanks-copy,.book-unsubscribe-card)>p:not(.eyebrow){max-width:620px!important;margin:22px 0 0!important;color:#5f5851!important;font-size:1rem!important;line-height:1.62!important}
body.ups-enabled.book-page .book-thanks-copy>p strong{color:#111!important}
body.ups-enabled.book-page .book-thanks-checks{display:grid!important;gap:0!important;margin-top:30px!important;border-top:1px solid #d7ccbf!important}
body.ups-enabled.book-page .book-thanks-checks span{position:relative!important;display:flex!important;align-items:center!important;min-height:50px!important;padding:11px 8px 11px 27px!important;border-bottom:1px solid #d7ccbf!important;color:#3c3732!important;font-size:.86rem!important;font-weight:750!important;line-height:1.35!important}
body.ups-enabled.book-page .book-thanks-checks span::before{content:""!important;position:absolute!important;left:5px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#a78664!important}
body.ups-enabled.book-page :where(.book-question-card,.book-unsubscribe-card){box-sizing:border-box!important;min-width:0!important;margin:0!important;padding:clamp(25px,3vw,38px)!important;border:1px solid #d8ccbd!important;border-radius:22px!important;background:#fffdf9!important;color:#111!important;box-shadow:0 18px 54px rgba(50,40,30,.06)!important}
body.ups-enabled.book-page .book-question-card h2{margin:0!important;color:#111!important;font-size:clamp(1.75rem,2.8vw,2.85rem)!important;line-height:1.03!important;letter-spacing:-.048em!important;text-wrap:balance!important}
body.ups-enabled.book-page .book-question-card>p:not(.eyebrow){max-width:720px!important;margin:17px 0 24px!important;color:#6b635b!important;line-height:1.58!important}
body.ups-enabled.book-page .book-question-card .book-field{display:grid!important;gap:8px!important;margin:0 0 17px!important}
body.ups-enabled.book-page .book-question-card .book-field>span{color:#302c28!important;font-size:.77rem!important;font-weight:820!important}
body.ups-enabled.book-page .book-question-card .book-field small{color:#8a8178!important;font-weight:650!important}
body.ups-enabled.book-page .book-question-card textarea{box-sizing:border-box!important;width:100%!important;min-height:170px!important;padding:14px 15px!important;border:1px solid #b9afa4!important;border-radius:13px!important;background:#fff!important;color:#111!important;font:inherit!important;font-size:16px!important;line-height:1.5!important;resize:vertical!important;outline:none!important}
body.ups-enabled.book-page .book-question-card textarea:focus{border-color:#8d7b68!important;box-shadow:0 0 0 3px rgba(167,134,100,.14)!important}
body.ups-enabled.book-page .book-question-card textarea::placeholder{color:#999087!important;opacity:1!important}
body.ups-enabled.book-page :where(.book-question-card,.book-unsubscribe-card)>.btn{box-sizing:border-box!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 19px!important;border:1px solid #111!important;border-radius:11px!important;background:#111!important;color:#fff!important;font-weight:810!important;text-decoration:none!important}
body.ups-enabled.book-page .book-skip-link{display:inline-flex!important;align-items:center!important;min-height:48px!important;margin-left:13px!important;color:#5c554e!important;font-size:.84rem!important;font-weight:710!important;text-decoration:none!important}
body.ups-enabled.book-page .book-question-card.is-complete{align-self:start!important}
body.ups-enabled.book-page .book-unsubscribe-card{max-width:760px!important;margin:0 auto!important}
body.ups-enabled.book-status-page .book-status-wrap{box-sizing:border-box!important;display:grid!important;align-items:center!important;min-height:calc(100dvh - 64px - 242px)!important;padding:clamp(48px,7vw,84px) 20px!important;background:#f3eee6!important}
body.ups-enabled.book-status-page .book-status-card{box-sizing:border-box!important;width:min(760px,100%)!important;margin:0 auto!important;padding:clamp(28px,4vw,44px)!important;border:1px solid #d8ccbd!important;border-radius:22px!important;background:#fffdf9!important;box-shadow:0 18px 54px rgba(50,40,30,.06)!important}
body.ups-enabled.book-status-page .book-status-card .status-icon{display:grid!important;width:46px!important;height:46px!important;place-items:center!important;margin-bottom:24px!important;border-radius:50%!important;background:#111!important;color:#fff!important;font-size:1.15rem!important;font-weight:900!important}
body.ups-enabled.book-status-page .book-status-card h1{margin:0!important;color:#111!important;font-size:clamp(2.3rem,4.6vw,4.4rem)!important;line-height:.95!important;letter-spacing:-.058em!important;text-wrap:balance!important}
body.ups-enabled.book-status-page .book-status-card>p:not(.eyebrow){margin:18px 0 0!important;color:#665f57!important;line-height:1.6!important}
body.ups-enabled.book-status-page .book-status-card .status-actions{margin-top:26px!important}
@media(max-width:760px){
  body.ups-enabled.book-page .book-thanks{padding:34px 0 48px!important}
  body.ups-enabled.book-page .book-thanks>.container{width:calc(100% - 24px)!important}
  body.ups-enabled.book-page .book-thanks-grid{grid-template-columns:1fr!important;gap:25px!important}
  body.ups-enabled.book-page :where(.book-thanks-copy,.book-unsubscribe-card) h1{font-size:clamp(2.35rem,11.5vw,3.5rem)!important}
  body.ups-enabled.book-page .book-question-card{padding:22px 17px!important;border-radius:18px!important}
  body.ups-enabled.book-page .book-question-card h2{font-size:clamp(1.7rem,8.4vw,2.35rem)!important}
  body.ups-enabled.book-page .book-question-card>.btn,body.ups-enabled.book-page .book-skip-link{width:100%!important;margin:0!important}
  body.ups-enabled.book-page .book-skip-link{justify-content:center!important;margin-top:6px!important}
  body.ups-enabled.book-status-page .book-status-wrap{min-height:auto!important;padding:30px 12px 42px!important}
  body.ups-enabled.book-status-page .book-status-card{padding:24px 19px!important;border-radius:19px!important}
}

/* ---------- 5.15.1 final refinements: account / club mobile ---------- */
@media(max-width:980px){
  body.ups-enabled.workspace-v2 :where(.workspace-topbar-inner,.club-app-topbar-inner){padding-right:max(8px,env(safe-area-inset-right))!important;padding-left:max(11px,env(safe-area-inset-left))!important}
  body.ups-enabled.workspace-v2 .workspace-topbar-actions{margin-left:auto!important;margin-right:0!important;justify-content:flex-end!important;flex:0 0 auto!important}
  body.ups-enabled.workspace-v2 .workspace-topbar-brand{margin-right:auto!important;flex:0 1 auto!important}
  body.ups-enabled.workspace-customer .customer-main,body.ups-enabled.workspace-club .club-app-main{padding-top:14px!important}
  body.ups-enabled.workspace-customer .customer-page-head,body.ups-enabled.workspace-club .club-page-title{padding-top:0!important;margin-top:0!important}
  body.ups-enabled.workspace-club .club-alive-now{display:grid!important;grid-template-columns:1fr!important;margin:0 0 18px!important;border-top:1px solid var(--ups-shell-line)!important;border-bottom:0!important}
  body.ups-enabled.workspace-club .club-alive-now>header{min-height:48px!important;padding:12px 0!important;border-bottom:1px solid var(--ups-shell-line)!important}
  body.ups-enabled.workspace-club .club-alive-now>a{min-height:64px!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--ups-shell-line)!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  body.ups-enabled.workspace-club .club-alive-now>a small{white-space:normal!important;line-height:1.35!important}
  body.ups-enabled.workspace-club .club-feed-toolbar{gap:10px!important;margin-bottom:16px!important}
  body.ups-enabled.workspace-club .club-feed-tabs{display:flex!important;gap:6px!important;margin:0!important;padding:0 0 4px!important;overflow-x:auto!important;border:0!important;scrollbar-width:none!important}
  body.ups-enabled.workspace-club .club-feed-tabs::-webkit-scrollbar{display:none!important}
  body.ups-enabled.workspace-club .club-feed-tabs>a{flex:0 0 auto!important;min-height:38px!important;padding:8px 11px!important;border:1px solid var(--ups-shell-line)!important;border-radius:999px!important;background:#fff!important;color:#5e5750!important;font-size:.72rem!important;font-weight:760!important;box-shadow:none!important;white-space:nowrap!important}
  body.ups-enabled.workspace-club .club-feed-tabs>a.is-active{border-color:#111!important;background:#111!important;color:#fff!important;box-shadow:none!important}
  body.ups-enabled.workspace-club .club-mobile-rooms{margin:0 0 10px!important;padding-bottom:4px!important;overflow-x:auto!important;scrollbar-width:none!important}
  body.ups-enabled.workspace-club .club-mobile-rooms::-webkit-scrollbar{display:none!important}
}

/* Desktop Club: sidebar remains a real rail and content begins consistently. */
@media(min-width:981px){
  body.ups-enabled.workspace-club .club-room-nav{flex:1 1 auto!important;max-height:none!important;padding-bottom:10px!important}
  body.ups-enabled.workspace-club .club-sidebar-foot{flex:0 0 auto!important}
  body.ups-enabled.workspace-club .club-app-main{padding-top:28px!important}
}

/* ---------- 5.15.1 final refinements: admin drawer / topbar ---------- */
@media(max-width:980px){
  body.ups-enabled.workspace-admin .panel-sidebar{width:min(88vw,332px)!important;max-width:332px!important;border-radius:0 16px 16px 0!important;padding:12px 12px max(16px,env(safe-area-inset-bottom))!important}
  body.ups-enabled.workspace-admin .panel-sidebar-close{position:sticky!important;top:0!important;margin:0 0 8px auto!important;background:rgba(255,255,255,.96)!important}
  body.ups-enabled.workspace-admin .panel-sidebar .panel-brand{margin-top:0!important}
  body.ups-enabled.workspace-admin .panel-nav{gap:4px!important}
  body.ups-enabled.workspace-admin .panel-topbar{padding-right:max(8px,env(safe-area-inset-right))!important;padding-left:max(8px,env(safe-area-inset-left))!important}
  body.ups-enabled.workspace-admin .panel-top-actions{margin-left:auto!important;margin-right:0!important}
}

/* Admin source tables: never break domains into one-character columns. */
body.ups-enabled.workspace-admin .ops-card{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important}
body.ups-enabled.workspace-admin .ops-table td:first-child{overflow-wrap:anywhere!important;word-break:normal!important;hyphens:none!important}
@media(max-width:760px){body.ups-enabled.workspace-admin .ops-table td:first-child{overflow-wrap:normal!important;white-space:nowrap!important}}

/* ---------- 5.15.1 final refinements: transient cart ---------- */
body.ups-enabled.workspace-v2 .shop-cart-drawer{box-sizing:border-box!important}
body.ups-enabled.workspace-v2 .shop-cart-drawer .shop-cart-drawer-header{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important}
@media(max-width:680px){
  body.ups-enabled.workspace-v2 .shop-cart-drawer{inset:auto 0 0!important;width:100%!important;max-width:none!important;height:min(84dvh,720px)!important;max-height:84dvh!important;border-radius:20px 20px 0 0!important}
}


/* ---------- 5.15.1 release polish ---------- */
body.ups-enabled.book-status-page .book-status-card .status-actions .btn,
body.ups-enabled.book-status-page .book-status-card .status-actions a.btn{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;padding:0 20px!important;border:1px solid #111!important;border-radius:11px!important;
  background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:810!important;text-decoration:none!important
}
body.ups-enabled.workspace-admin .ops-table th:first-child,
body.ups-enabled.workspace-admin .ops-table td:first-child{
  min-width:220px!important;width:220px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important
}
@media(max-width:760px){
  body.ups-enabled.workspace-admin .ops-table{min-width:820px!important}
  body.ups-enabled.workspace-admin .ops-table th:first-child,
  body.ups-enabled.workspace-admin .ops-table td:first-child{min-width:220px!important;width:220px!important;white-space:nowrap!important}
}

/* ======================================================================
   OSCANRE 5.15.1 — FINAL LIVE REFINEMENTS
   These rules close issues verified in the 2026-08-08 production snapshot
   and user desktop/mobile screenshots. They intentionally sit at the very
   end of UPS; no separate H2/H3/H4 hardening asset remains.
   ====================================================================== */

/* topbar geometry: no synthetic blank area, controls truly flush right */
body.ups-enabled.workspace-v2{--ups-topbar-height:58px!important;--ups-mobile-topbar-height:52px!important}
body.ups-enabled.workspace-v2 :where(.workspace-topbar-inner,.club-app-topbar-inner){padding-right:max(8px,env(safe-area-inset-right))!important}
body.ups-enabled.workspace-v2 .workspace-topbar-actions{margin-left:auto!important;margin-right:0!important;flex:0 0 auto!important;justify-content:flex-end!important}
body.ups-enabled.workspace-v2 .workspace-topbar-actions>:last-child{margin-right:0!important}
body.ups-enabled.workspace-v2 .club-user-menu{flex:0 0 auto!important}
body.ups-enabled.workspace-v2 .club-notification-link{opacity:1!important;visibility:visible!important}

/* customer portal: full-height rail, aligned labels/icons, no white tail */
@media(min-width:981px){
 body.ups-enabled.workspace-customer .customer-app-grid{background:linear-gradient(90deg,var(--ups-shell-sidebar) 0 var(--ups-sidebar-width),#fff var(--ups-sidebar-width) 100%)!important}
 body.ups-enabled.workspace-customer .customer-sidebar{height:calc(100dvh - var(--ups-topbar-height))!important;min-height:calc(100dvh - var(--ups-topbar-height))!important}
 body.ups-enabled.workspace-customer .customer-sidebar-foot{margin-top:auto!important}
}
body.ups-enabled.workspace-customer .account-store-open-checkout::before,
body.ups-enabled.workspace-customer .account-store-open-checkout::after{content:none!important;display:none!important}
body.ups-enabled.workspace-customer .account-store-open-checkout{border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;box-shadow:none!important;padding:0 0 3px!important;background:transparent!important}
body.ups-enabled.workspace-customer .customer-club-panel{align-items:start!important}
body.ups-enabled.workspace-customer .customer-club-benefits{align-self:start!important;min-height:0!important;height:auto!important;padding:28px!important}
body.ups-enabled.workspace-customer .customer-club-benefits ul{margin:20px 0!important}
body.ups-enabled.workspace-customer .customer-club-live-pin{margin-bottom:0!important}

/* mobile customer/club: content starts immediately after sticky topbar */
@media(max-width:980px){
 body.ups-enabled.workspace-v2{padding-top:0!important}
 body.ups-enabled.workspace-v2 :where(.workspace-topbar,.account-unified-topbar,.club-app-topbar,.team-topbar){position:sticky!important;top:0!important}
 body.ups-enabled.workspace-customer .customer-main,
 body.ups-enabled.workspace-club .club-app-main{padding-top:14px!important;padding-bottom:calc(var(--ups-mobile-nav-height) + 28px + env(safe-area-inset-bottom))!important}
 body.ups-enabled.workspace-v2 .workspace-topbar-brand span{display:none!important}
 body.ups-enabled.workspace-v2 .workspace-topbar-inner{padding-left:max(11px,env(safe-area-inset-left))!important;padding-right:max(7px,env(safe-area-inset-right))!important}
 body.ups-enabled.workspace-v2 .workspace-topbar-actions{gap:6px!important}
}

/* Club: desktop rail and mobile information architecture remain deliberate. */
@media(min-width:981px){
 body.ups-enabled.workspace-club .club-app-shell{align-items:stretch!important}
 body.ups-enabled.workspace-club .club-app-sidebar{height:calc(100dvh - var(--ups-topbar-height))!important;min-height:calc(100dvh - var(--ups-topbar-height))!important}
 body.ups-enabled.workspace-club .club-room-nav{flex:1 1 auto!important;min-height:0!important}
 body.ups-enabled.workspace-club .club-sidebar-foot{margin-top:auto!important}
}
@media(max-width:980px){
 body.ups-enabled.workspace-club .club-app-sidebar{display:none!important}
 body.ups-enabled.workspace-club .club-app-shell{display:block!important;min-height:0!important;background:#fff!important}
 body.ups-enabled.workspace-club .club-app-main{width:100%!important;margin:0!important;padding-left:14px!important;padding-right:14px!important}
 body.ups-enabled.workspace-club .ups-club-page-title{margin-top:0!important;padding-top:0!important}
 body.ups-enabled.workspace-club .club-alive-now{gap:0!important}
 body.ups-enabled.workspace-club .club-mobile-nav{display:block!important}
}

/* Admin: actual scrim + drawer, not a pseudo-element. */
@media(max-width:980px){
 body.ups-enabled.workspace-admin.panel-menu-open{overflow:hidden!important}
 body.ups-enabled.workspace-admin .panel-sidebar{left:0!important;right:auto!important;width:min(84vw,328px)!important;max-width:328px!important;height:100dvh!important;border-radius:0 16px 16px 0!important;background:#f3eee7!important}
 body.ups-enabled.workspace-admin .panel-sidebar[aria-hidden="true"]{pointer-events:none!important}
 body.ups-enabled.workspace-admin .panel-sidebar.is-open[aria-hidden="false"],body.ups-enabled.workspace-admin.panel-menu-open .panel-sidebar{pointer-events:auto!important}
 body.ups-enabled.workspace-admin .panel-scrim:not([hidden]).is-visible{display:block!important;opacity:1!important;pointer-events:auto!important}
 body.ups-enabled.workspace-admin .panel-topbar{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(7px,env(safe-area-inset-right))!important}
 body.ups-enabled.workspace-admin .panel-top-actions{margin-left:auto!important;margin-right:0!important}
}

/* tables never split a domain/source into letters */
body.ups-enabled.workspace-admin .ops-table th:first-child,
body.ups-enabled.workspace-admin .ops-table td:first-child{min-width:220px!important;width:220px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important}
body.ups-enabled.workspace-admin .ops-table td:first-child a{white-space:nowrap!important;word-break:keep-all!important}
@media(max-width:760px){body.ups-enabled.workspace-admin .ops-table{min-width:820px!important}}

/* dashboard cards: visible separation instead of merged bordered blocks */
body.ups-enabled.workspace-admin .admin-dashboard-insights .admin-dashboard-layout{gap:14px!important}
body.ups-enabled.workspace-admin .admin-dashboard-insights .admin-card+ .admin-card{margin-top:0!important}

/* company daily operations: border belongs to the card, never cuts through copy */
body.ups-enabled.workspace-company .finance-simple-head{overflow:hidden!important}
body.ups-enabled.workspace-company .finance-simple-head>.btn{position:static!important;margin:0!important}

/* cart is a first-class transient layer on account/club, desktop and mobile */
body.ups-enabled.workspace-v2 .app-topbar-cart:not([hidden]){display:grid!important;visibility:visible!important;opacity:1!important}
body.ups-enabled.workspace-v2 .shop-cart-scrim{position:fixed!important;inset:0!important}
body.ups-enabled.workspace-v2 .shop-cart-drawer{position:fixed!important;overflow:auto!important;overscroll-behavior:contain!important}

/* book + follow-ups: one compact header/footer and no phantom top gap */
html:has(body.ups-enabled.book-page){margin:0!important;padding:0!important;background:#f3eee6!important}
body.ups-enabled.book-page{margin:0!important;padding:0!important}
body.ups-enabled.book-page .book-site-header{margin-top:0!important}
body.ups-enabled.book-page .book-header-inner{padding-inline:0!important}
body.ups-enabled.book-page main{margin:0!important;padding-top:0!important}
body.ups-enabled.book-page .book-footer{margin-top:0!important}
@media(max-width:620px){body.ups-enabled.book-page .book-site-header .book-header-inner{width:calc(100% - 22px)!important}}

/* auth: compact first screen on phones, consistent form controls */
body.ups-enabled.ups-surface-auth .auth-card :where(input,select,textarea),
.auth-body .auth-card :where(input,select,textarea){box-sizing:border-box!important;width:100%!important;font-size:16px!important}
@media(max-width:700px){
 body.ups-enabled.ups-surface-auth .auth-panel,.auth-body .auth-panel{padding:max(10px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))!important;align-items:start!important}
 body.ups-enabled.ups-surface-auth .auth-card,.auth-body .auth-card{padding:20px 17px!important;border-radius:20px!important}
}