/* surface-registers.css — FORMAL full-platform rollout surface-specific registers.
 * Loaded after legacy extensions so each scoped surface has one explicit final owner.
 * B2 owns directory and public-profile translation; later batches append their own sections.
 */

/* B2 — directory: compact discovery tool, not a second landing page. */
body[data-view="publicHome"]:not([data-public-mode="home"]),
body[data-view="publicHome"]:not([data-public-mode="home"]) .workspace-shell,
body[data-view="publicHome"]:not([data-public-mode="home"]) .public-home-view {
  background: var(--client-bg);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-home-view {
  gap: clamp(2rem, 5vw, 4.5rem);
  padding-top: clamp(1.25rem, 3vw, 2.25rem);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-hero {
  display: block;
  min-height: 0;
  padding: 0 0 clamp(1.1rem, 2.4vw, 1.65rem);
  border-bottom: 1px solid var(--client-line);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-hero-visual,
body[data-view="publicHome"]:not([data-public-mode="home"]) .public-hero-panel {
  width: 100%;
  max-width: none;
  margin: 0;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-hero-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-form {
  display: grid;
  grid-template-columns: minmax(12rem, 0.34fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: center;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-label {
  max-width: 24ch;
  color: var(--client-text);
  font-size: clamp(1rem, 1.6vw, 1.22rem);
  font-weight: 760;
  line-height: 1.45;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-row input[type="search"] {
  min-height: 50px;
  border-radius: var(--client-radius-sm);
  background: var(--client-surface-raised);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-row .btn {
  min-width: 6rem;
  min-height: 50px;
  border-radius: var(--client-radius-sm);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-directory-section {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-directory-layout {
  grid-template-columns: minmax(12.5rem, 14.5rem) minmax(0, 1fr);
  gap: clamp(1.75rem, 4vw, 4.5rem);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-filter-rail {
  top: calc(var(--topbar-offset, 60px) + 1.25rem);
  padding-right: clamp(1.1rem, 2.5vw, 2rem);
  border-right: 1px solid var(--client-line);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .filter-rail-filters {
  gap: 1.4rem;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .filter-rail-group + .filter-rail-group {
  padding-top: 1.1rem;
  border-top: 1px solid var(--client-line);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .filter-rail-check-item {
  min-height: 40px;
  padding: 0.35rem 0;
  border-radius: 0;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .filter-rail-check-item:hover {
  background: transparent;
  color: var(--client-primary);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-section-head--directory {
  align-items: start;
  margin-bottom: clamp(1.35rem, 2.5vw, 2rem);
  padding-bottom: 1.15rem;
  border-bottom: 1px solid var(--client-line-strong);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-section-kicker {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--client-primary);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-results-summary {
  max-width: 22rem;
  padding: 0.1rem 0 0.1rem 0.9rem;
  border-left: 2px solid var(--client-info);
  border-radius: 0;
  background: transparent;
  color: var(--client-text-muted);
  text-align: left;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-list {
  gap: 1px;
  border-top: 1px solid var(--client-line);
  border-bottom: 1px solid var(--client-line);
  background: var(--client-line);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-list.is-sparse {
  grid-template-columns: minmax(0, 1fr);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-card {
  min-width: 0;
  padding: clamp(1.15rem, 2.6vw, 1.6rem);
  border: 0;
  border-radius: 0;
  background: var(--client-surface-raised);
  box-shadow: none;
  overflow: visible;
  transition: background 180ms ease, transform 180ms ease;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-card:hover {
  border-color: transparent;
  background: #fffdf9;
  box-shadow: none;
  transform: translateY(-1px);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-card.featured {
  border: 0;
  box-shadow: inset 3px 0 0 var(--client-primary);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .pcc-avatar,
body[data-view="publicHome"]:not([data-public-mode="home"]) .fav-btn {
  border-radius: var(--client-radius-sm);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-tags {
  gap: 0.35rem 0;
  min-width: 0;
  align-items: flex-start;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-mini-tag {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--client-text-muted);
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  line-height: 1.5;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-mini-tag:not(:last-child)::after {
  content: "·";
  margin: 0 0.45rem;
  color: var(--client-line-strong);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-contact-badge {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .pcc-chip {
  border-radius: 2px;
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .pcc-actions {
  padding-top: 0.9rem;
  border-top: 1px solid var(--client-line);
}

body[data-view="publicHome"]:not([data-public-mode="home"]) .pcc-btn-primary {
  min-height: var(--touch-target);
  border-radius: var(--client-radius-sm);
  box-shadow: none;
}

/* B2 — directory profile preview: decision information first, no nested card stack. */
.public-creator-modal-card {
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border-radius: var(--client-radius-panel);
  background: var(--client-surface-raised);
}

.pcm-profile {
  gap: clamp(1.2rem, 3vw, 2.25rem);
  padding: 0 0 1.25rem;
  border: 0;
  border-bottom: 1px solid var(--client-line-strong);
  border-radius: 0;
  background: transparent;
}

.pcm-profile-main,
.pcm-decision-card,
.pcm-story,
.pcm-flow,
.pcm-services {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.pcm-profile-main {
  padding: 0;
}

.pcm-decision-card {
  padding: 0 0 0 1.1rem;
  border: 0;
  border-left: 2px solid var(--client-info);
}

.pcm-grid {
  gap: clamp(1.1rem, 3vw, 2.25rem);
}

.pcm-story,
.pcm-flow,
.pcm-services {
  padding: 1.15rem 0 0;
  border: 0;
  border-top: 1px solid var(--client-line);
}

.pcm-footer-cta {
  padding: clamp(1.1rem, 3vw, 1.5rem);
  border: 0;
  border-radius: var(--client-radius-card);
  background: var(--client-text);
  color: var(--client-surface-raised);
}

.pcm-footer-cta span,
.pcm-footer-cta strong {
  color: inherit;
}

@media (max-width: 900px) {
  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-form {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-label {
    max-width: none;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-directory-layout {
    grid-template-columns: 1fr;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .dir-filter-mobile {
    margin-bottom: 1.25rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid var(--client-line-strong);
  }
}

@media (max-width: 640px) {
  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-hero-visual,
  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-hero-panel,
  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-form,
  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-row {
    display: grid;
  }
}

@media (max-width: 480px) {
  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-home-view {
    gap: 2.5rem;
    padding-top: 1rem;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-row {
    grid-template-columns: 1fr;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-search-row .btn {
    width: 100%;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-section-head--directory {
    gap: 0.9rem;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-results-summary {
    max-width: none;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-list {
    grid-template-columns: 1fr;
  }

  body[data-view="publicHome"]:not([data-public-mode="home"]) .public-creator-card {
    padding: 1.15rem 1rem;
  }

  .modal-shell.public-creator-modal-shell {
    padding: 16px;
  }

  .public-creator-modal-card {
    width: calc(100vw - 32px);
    height: calc(100dvh - 32px);
    padding: 1rem;
    border-radius: var(--client-radius-card);
  }

  .pcm-decision-card {
    padding-left: 1rem;
  }

  .pcm-footer-cta,
  .pcm-footer-cta .pcm-actions {
    align-items: stretch;
  }

  .pcm-footer-cta .btn {
    width: 100%;
    min-height: var(--touch-target);
  }
}

/* B3 — Auth: one calm task surface, no detached marketing-card pair. */
.btn {
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

body:is(
  [data-view="login"],
  [data-view="signup"],
  [data-view="forgotPassword"],
  [data-view="verifyEmail"],
  [data-view="resetPassword"]
) {
  background: var(--client-bg);
}

body:is(
  [data-view="login"],
  [data-view="signup"],
  [data-view="forgotPassword"],
  [data-view="verifyEmail"],
  [data-view="resetPassword"]
) .workspace-shell {
  width: 100%;
  max-width: none;
  padding: 0;
  background: var(--client-bg);
}

.login-shell {
  min-height: calc(100svh - var(--topbar-offset, 64px));
  padding: clamp(2rem, 7vw, 5.5rem) 24px;
  background: var(--client-bg);
  background-image: none;
}

.login-layout.auth-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
  gap: 0;
  width: min(960px, calc(100vw - 48px));
  overflow: hidden;
  border: 1px solid var(--client-line);
  border-radius: var(--client-radius-sm);
  background: var(--client-surface-raised);
}

.login-layout:not(.auth-layout) {
  width: min(32rem, calc(100vw - 48px));
}

.login-layout:not(.auth-layout) .auth-card {
  border: 1px solid var(--client-line);
  border-radius: var(--client-radius-sm);
}

.auth-side {
  padding: clamp(2rem, 4vw, 3.5rem);
  border: 0;
  border-right: 1px solid var(--client-line);
  border-radius: 0;
  background: var(--client-bg-paper);
  box-shadow: none;
}

.auth-guide-steps {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--client-line);
}

.auth-guide-step {
  border-radius: 0;
  background: transparent;
}

.auth-card {
  padding: clamp(2rem, 4vw, 3.5rem);
  border: 0;
  border-radius: 0;
  background: var(--client-surface-raised);
  box-shadow: none;
}

.auth-card .login-form {
  gap: 1.15rem;
}

.auth-card :is(input, select, textarea),
.auth-card .password-field-wrap,
.auth-card .btn {
  min-height: var(--touch-target);
  border-radius: var(--client-radius-sm);
}

.auth-card .login-actions {
  padding-top: 1rem;
  border-top: 1px solid var(--client-line);
}

.auth-card .consent-check {
  padding: 0.9rem 0;
  border: 0;
  border-top: 1px solid var(--client-line);
  border-radius: 0;
  background: transparent;
}

.signup-consent-modal-card {
  border-radius: var(--client-radius-sm);
  box-shadow: none;
}

/* B3 — Builder: task sequence and preview, not a white-card stack. */
body[data-view="builder"],
body[data-view="builder"] .workspace-shell {
  background: var(--client-bg);
}

body[data-view="builder"] .workspace-shell {
  width: min(100% - 48px, 1280px);
}

body[data-view="builder"] .btn.primary {
  box-shadow: none;
}

body[data-view="builder"] .public-section-kicker {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--client-primary);
}

body[data-view="builder"] .builder-head {
  padding: 0 0 1.25rem;
  border: 0;
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="builder"] #builder-view > .layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(22rem, 0.88fr);
  gap: clamp(1.75rem, 3.5vw, 3.5rem);
  align-items: start;
}

body[data-view="builder"] #builder-view > .layout > .app-panel:not(.preview-panel) > .panel-head {
  padding-bottom: 1.15rem;
}

body[data-view="builder"] .builder-advanced-toggle-card {
  margin: 0;
  padding: 1.2rem 0;
  border: 0;
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="builder"] .builder-section {
  margin: 0;
  padding: clamp(1.5rem, 3vw, 2.25rem) 0;
  border-bottom: 1px solid var(--workspace-line);
}

body[data-view="builder"] .builder-section-label,
body[data-view="builder"] .builder-section:first-of-type .builder-section-label {
  padding: 0 0 1rem;
  border: 0;
}

body[data-view="builder"] .builder-section-step {
  color: var(--client-primary);
  font-size: 0.72rem;
}

body[data-view="builder"] .builder-section-label h4 {
  font-size: 1rem;
  font-weight: 760;
}

body[data-view="builder"] :is(
  .builder-page-title-row,
  .directory-commercialization-head,
  .supply-quality-head,
  .supply-quality-section-head
) {
  flex-wrap: wrap;
}

body[data-view="builder"] .status-chip {
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 1.9rem;
  padding: 0.42rem 0.75rem;
  border-radius: var(--client-radius-sm);
  line-height: 1.25;
  white-space: nowrap;
}

body[data-view="builder"] .builder-section > :is(
  .card,
  .novice-copy-field-guide,
  .publish-guide-card,
  .directory-commercialization-card,
  .supply-quality-card
) {
  margin: 0;
  padding: 1.2rem 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="builder"] .builder-section > :is(.card, .novice-copy-field-guide):first-of-type {
  border-top: 0;
}

body[data-view="builder"] .novice-copy-onboarding-panel {
  gap: 1.1rem;
  margin: 0 0 1.25rem;
  padding: 0 0 1.25rem 1.1rem;
  border: 0;
  border-bottom: 1px solid var(--workspace-line);
  border-left: 3px solid var(--client-primary);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="builder"] .novice-copy-onboarding-steps {
  gap: 0;
}

body[data-view="builder"] .novice-copy-onboarding-steps li {
  padding: 0.35rem 1rem;
  border: 0;
  border-left: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
}

body[data-view="builder"] .novice-copy-onboarding-steps li:first-child {
  border-left: 0;
  padding-left: 0;
}

body[data-view="builder"] .novice-copy-step-badge {
  border-radius: var(--client-radius-sm);
}

body[data-view="builder"] .novice-copy-cta-banner {
  margin: 0;
  padding: 1rem 0 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
}

body[data-view="builder"] :is(
  .novice-copy-field-guide,
  .novice-copy-onboarding-panel,
  .publish-guide-card
) :is(p, li, small, strong) {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body[data-view="builder"] .novice-copy-example-card {
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

body[data-view="builder"] .novice-copy-example-body {
  padding: 0.75rem 0 0;
}

body[data-view="builder"] .novice-copy-example-item {
  padding: 0.5rem 0;
  border-radius: 0;
  background: transparent;
}

body[data-view="builder"] :is(.contact-method-add-row, .contact-method-row) {
  border-radius: var(--client-radius-sm);
  background: var(--workspace-surface);
  box-shadow: none;
}

body[data-view="builder"] :is(input, select, textarea, button, .btn) {
  min-height: var(--touch-target);
}

body[data-view="builder"] .preview-panel {
  border: 1px solid var(--workspace-line);
  border-radius: var(--client-radius-sm);
  background: var(--client-bg-paper);
  box-shadow: none;
}

body[data-view="builder"] .preview-head {
  border-bottom: 1px solid var(--workspace-line);
}

body[data-view="builder"] .preview .btn {
  width: 100%;
  max-width: 100%;
}

body[data-view="builder"] .preview .item--resource-cover > .cta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  width: 100%;
}

body[data-view="builder"] .preview .item--resource-cover > .cta :is(a, button, .btn) {
  width: 100%;
  max-width: 100%;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

body[data-view="qrCenter"] .qr-download-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  width: 100%;
}

body[data-view="qrCenter"] .qr-download-actions .btn {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 900px) {
  body[data-view="builder"] #builder-view > .layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .login-shell {
    min-height: calc(100svh - var(--topbar-offset, 56px));
    padding: 1rem 0 2rem;
  }

  .login-layout.auth-layout,
  .login-layout:not(.auth-layout) {
    display: grid;
    grid-template-columns: 1fr;
    width: calc(100vw - 32px);
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .auth-side {
    display: none;
  }

  .auth-card,
  .login-layout:not(.auth-layout) .auth-card {
    width: 100%;
    padding: 1.4rem 1.15rem;
    border: 1px solid var(--client-line);
    border-radius: var(--client-radius-sm);
  }

  .signup-consent-modal-shell {
    padding: 16px;
    align-items: center;
  }

  .signup-consent-modal-card {
    width: calc(100vw - 32px);
    max-height: calc(100svh - 32px);
    border-radius: var(--client-radius-sm);
  }

  body[data-view="builder"] .workspace-shell {
    width: calc(100% - 32px);
    padding-top: 1rem;
  }

  body[data-view="builder"] .builder-head {
    gap: 0.85rem;
  }

  body[data-view="builder"] .builder-section {
    padding-block: 1.35rem;
  }

  body[data-view="builder"] .builder-section > :is(
    .card,
    .novice-copy-field-guide,
    .publish-guide-card,
    .directory-commercialization-card,
    .supply-quality-card
  ) {
    padding-inline: 0;
    border-radius: 0;
  }

  body[data-view="builder"] .novice-copy-onboarding-panel {
    padding: 0 0 1.15rem 1rem;
  }

  body[data-view="builder"] .novice-copy-cta-banner {
    align-items: stretch;
  }

  body[data-view="builder"] .novice-copy-cta-banner .btn {
    width: 100%;
  }

  body[data-view="builder"] .preview-panel {
    width: 100%;
    border-radius: var(--client-radius-sm);
  }
}

/* B4 — member workspaces: one Mineral task canvas, divider-led hierarchy. */
body:is(
  [data-view="dashboard"],
  [data-view="account"],
  [data-view="inbox"],
  [data-view="providerLeads"],
  [data-view="cooperation"],
  [data-view="notifications"],
  [data-view="support"],
  [data-view="quotes"],
  [data-view="favorites"],
  [data-view="qrCenter"]
) {
  --workspace-canvas: var(--client-bg);
  --workspace-surface: var(--client-surface-raised);
  --workspace-line: var(--client-line);
  --workspace-shadow: none;
  background: var(--workspace-canvas);
}

body:is(
  [data-view="dashboard"],
  [data-view="account"],
  [data-view="inbox"],
  [data-view="providerLeads"],
  [data-view="cooperation"],
  [data-view="notifications"],
  [data-view="support"],
  [data-view="quotes"],
  [data-view="favorites"],
  [data-view="qrCenter"]
) .workspace-shell {
  width: min(calc(100% - 48px), var(--content-max));
  padding-top: clamp(1.2rem, 2.8vw, 2.2rem);
  background: transparent;
}

body:is(
  [data-view="dashboard"],
  [data-view="account"],
  [data-view="inbox"],
  [data-view="providerLeads"],
  [data-view="cooperation"],
  [data-view="notifications"],
  [data-view="support"],
  [data-view="quotes"]
) .app-surface > :is(.action-board, .view-head.workspace-intro) {
  padding: 0 0 clamp(1.2rem, 2.5vw, 1.75rem);
  border: 0;
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:is(
  [data-view="dashboard"],
  [data-view="account"],
  [data-view="inbox"],
  [data-view="providerLeads"],
  [data-view="cooperation"],
  [data-view="notifications"],
  [data-view="support"],
  [data-view="quotes"]
) :is(.action-board-actions, .view-actions) {
  flex-wrap: wrap;
  align-items: center;
}

body:is(
  [data-view="dashboard"],
  [data-view="account"],
  [data-view="inbox"],
  [data-view="providerLeads"],
  [data-view="cooperation"],
  [data-view="notifications"],
  [data-view="support"],
  [data-view="quotes"],
  [data-view="favorites"],
  [data-view="qrCenter"]
) :is(.status-chip, .inbox-source-chip) {
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 1.9rem;
  padding: 0.42rem 0.75rem;
  border-radius: var(--client-radius-sm);
  line-height: 1.25;
  white-space: nowrap;
}

/* Dashboard: choices are sections; only an actual page remains an item surface. */
body[data-view="dashboard"] .workspace-mode-overview {
  gap: 0;
  padding-block: 0.35rem;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
}

body[data-view="dashboard"] .workspace-mode-card {
  padding: 1.25rem 1.5rem 1.25rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="dashboard"] .workspace-mode-card + .workspace-mode-card {
  padding-right: 0;
  padding-left: 1.5rem;
  border-left: 1px solid var(--workspace-line);
}

body[data-view="dashboard"] .dashboard-next-steps {
  margin: 0;
  padding: 1.35rem 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="dashboard"] .dashboard-checklist {
  gap: 0;
}

body[data-view="dashboard"] .dashboard-checklist-item {
  padding: 0.8rem 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
}

body[data-view="dashboard"] .page-card {
  border: 1px solid var(--workspace-line);
  border-radius: var(--client-radius-sm);
  background: var(--workspace-surface);
  box-shadow: none;
}

/* Account: one continuous settings document instead of a mobile card stack. */
body[data-view="account"] .account-settings-grid {
  gap: clamp(1.5rem, 3vw, 3rem);
}

body[data-view="account"] .account-settings-index {
  padding: 0.75rem 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="account"] .account-settings-index a {
  padding-inline: 0;
}

body[data-view="account"] .account-settings-list {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="account"] .account-card,
body[data-view="account"] .account-settings-list .account-card {
  padding: clamp(1.25rem, 2.8vw, 1.8rem) 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="account"] .account-card:first-child {
  border-top: 0;
  padding-top: 0;
}

body[data-view="account"] .account-card[data-tone="danger"] {
  padding-left: 1rem;
  border-top: 1px solid var(--workspace-line);
  border-left: 3px solid var(--client-danger);
  background: transparent;
}

/* Inbox and cooperation detail: one split workspace, then flat status steps. */
body:is([data-view="inbox"], [data-view="cooperation"]) .layout.inbox-layout {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--workspace-line);
  border-radius: var(--client-radius-sm);
  background: var(--workspace-surface);
}

body:is([data-view="inbox"], [data-view="cooperation"]) .layout.inbox-layout > .panel {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:is([data-view="inbox"], [data-view="cooperation"]) .layout.inbox-layout > .panel + .panel {
  border-left: 1px solid var(--workspace-line);
}

body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-card {
  padding: 1rem 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
}

body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps {
  gap: 0;
}

body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps li {
  padding: 0.7rem 0.75rem;
  border: 0;
  border-left: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
}

body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps li:first-child {
  border-left: 0;
}

body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps li.is-active {
  box-shadow: inset 0 3px 0 var(--client-info);
}

/* Provider/client task areas: outer groups are dividers; actionable records stay bounded. */
body[data-view="providerLeads"] .provider-leads-tabs {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--workspace-line);
}

body[data-view="providerLeads"] .provider-leads-overview,
body[data-view="cooperation"] .workspace-task-disclosure,
body[data-view="support"] .workspace-task-disclosure {
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="providerLeads"] .provider-leads-overview > summary,
body[data-view="cooperation"] .workspace-task-disclosure > summary,
body[data-view="support"] .workspace-task-disclosure > summary {
  padding-inline: 0;
}

body[data-view="cooperation"] .workspace-switch-notice {
  padding: 0.15rem 0 0.15rem 1rem;
  border: 0;
  border-left: 2px solid var(--client-info);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="cooperation"] > main {
  min-width: 0;
}

body[data-view="cooperation"] :is(.client-lead-compare-panel, .client-lead-demand-panel) {
  padding: 1.1rem 0 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="cooperation"] .client-lead-compare-card {
  border-color: var(--workspace-line);
  border-radius: var(--client-radius-sm);
  background: var(--workspace-surface);
  box-shadow: none;
}

/* Notifications, support, quotes and favorites use list/document boundaries only. */
body[data-view="notifications"] #notifications-list {
  gap: 0;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
}

body[data-view="notifications"] #notifications-list > .quote-card {
  padding-inline: 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="notifications"] #notifications-list > .quote-card:first-child {
  border-top: 0;
}

body[data-view="support"] :is(.support-primary-grid, .support-detail-panel) {
  gap: 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="support"] .support-primary-grid > .quote-editor-panel {
  padding: 1.25rem 1.5rem 1.25rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="support"] .support-primary-grid > .quote-editor-panel + .quote-editor-panel {
  padding-right: 0;
  padding-left: 1.5rem;
  border-left: 1px solid var(--workspace-line);
}

body[data-view="support"] .support-detail-panel {
  padding-inline: 0;
}

body[data-view="quotes"] .quote-contract-section {
  padding-inline: 0;
  border: 0;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="quotes"] #quote-list > .quote-card {
  border: 1px solid var(--workspace-line);
  border-radius: var(--client-radius-sm);
  background: var(--workspace-surface);
  box-shadow: none;
}

body[data-view="favorites"] .public-directory-section {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-view="favorites"] .public-section-head {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--workspace-line);
}

body[data-view="favorites"] .public-creator-list {
  gap: 1px;
  border-top: 1px solid var(--workspace-line);
  border-bottom: 1px solid var(--workspace-line);
  background: var(--workspace-line);
}

body[data-view="favorites"] .public-creator-card {
  border: 0;
  border-radius: 0;
  background: var(--workspace-surface);
  box-shadow: none;
}

body[data-view="favorites"] #favorites-creator-list:has(> .public-empty-state) {
  border-right: 0;
  border-left: 0;
  background: transparent;
}

body[data-view="favorites"] #favorites-creator-list > .public-empty-state {
  justify-items: start;
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

body[data-view="favorites"] #favorites-creator-list > .public-empty-state :is(h3, p) {
  margin-inline: 0;
}

@media (max-width: 900px) {
  body[data-view="dashboard"] .workspace-mode-overview {
    grid-template-columns: 1fr;
  }

  body[data-view="dashboard"] .workspace-mode-card,
  body[data-view="dashboard"] .workspace-mode-card + .workspace-mode-card {
    padding: 1.15rem 0;
    border-left: 0;
  }

  body[data-view="dashboard"] .workspace-mode-card + .workspace-mode-card {
    border-top: 1px solid var(--workspace-line);
  }

  body[data-view="account"] .account-settings-list {
    gap: 0;
  }

  body[data-view="account"] .account-card,
  body[data-view="account"] .account-settings-list .account-card {
    padding: 1.35rem 0;
    border-top: 1px solid var(--workspace-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body[data-view="account"] .account-card:first-child {
    padding-top: 0;
    border-top: 0;
  }

  body[data-view="account"] .account-card[data-tone="danger"] {
    padding-left: 1rem;
    border: 0;
    border-top: 1px solid var(--workspace-line);
    border-left: 3px solid var(--client-danger);
    background: transparent;
  }

  body[data-view="support"] .support-primary-grid > .quote-editor-panel,
  body[data-view="support"] .support-primary-grid > .quote-editor-panel + .quote-editor-panel {
    padding: 1.15rem 0;
    border-left: 0;
  }

  body[data-view="support"] .support-primary-grid > .quote-editor-panel + .quote-editor-panel {
    border-top: 1px solid var(--workspace-line);
  }
}

@media (max-width: 680px) {
  body:is(
    [data-view="dashboard"],
    [data-view="account"],
    [data-view="inbox"],
    [data-view="providerLeads"],
    [data-view="cooperation"],
    [data-view="notifications"],
    [data-view="support"],
    [data-view="quotes"],
    [data-view="favorites"],
    [data-view="qrCenter"]
  ) .workspace-shell {
    width: calc(100% - 32px);
  }

  body:is(
    [data-view="dashboard"],
    [data-view="account"],
    [data-view="inbox"],
    [data-view="providerLeads"],
    [data-view="cooperation"],
    [data-view="notifications"],
    [data-view="support"],
    [data-view="quotes"]
  ) .app-surface > :is(.action-board, .view-head.workspace-intro) {
    padding-inline: 0;
    background: transparent;
  }

  body:is(
    [data-view="dashboard"],
    [data-view="account"],
    [data-view="inbox"],
    [data-view="providerLeads"],
    [data-view="cooperation"],
    [data-view="notifications"],
    [data-view="support"],
    [data-view="quotes"]
  ) :is(.action-board-actions, .view-actions) {
    align-items: stretch;
  }

  body:is(
    [data-view="dashboard"],
    [data-view="account"],
    [data-view="inbox"],
    [data-view="providerLeads"],
    [data-view="cooperation"],
    [data-view="notifications"],
    [data-view="support"],
    [data-view="quotes"]
  ) :is(.action-board-actions, .view-actions) .btn {
    flex: 1 1 max(8.5rem, 44%);
  }

  body[data-view="account"] .account-settings-index {
    padding-inline: 0;
  }

  body:is([data-view="inbox"], [data-view="cooperation"]) .layout.inbox-layout {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body:is([data-view="inbox"], [data-view="cooperation"]) .layout.inbox-layout > .panel,
  body:is([data-view="inbox"], [data-view="cooperation"]) .layout.inbox-layout > .panel + .panel {
    padding: 1rem;
    border: 1px solid var(--workspace-line);
    border-radius: var(--client-radius-sm);
    background: var(--workspace-surface);
  }

  body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps {
    grid-template-columns: 1fr;
  }

  body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps li,
  body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps li:first-child {
    padding: 0.75rem 0;
    border: 0;
    border-top: 1px solid var(--workspace-line);
  }

  body:is([data-view="inbox"], [data-view="cooperation"]) .inbox-flow-steps li.is-active {
    padding-left: 0.75rem;
    box-shadow: inset 3px 0 0 var(--client-info);
  }

  body[data-view="favorites"] .public-creator-list {
    grid-template-columns: 1fr;
  }
}