/* Host composition only. All component styling and design tokens come from cnax-ui. */
.workspace-content { padding: var(--cn-panel-padding); min-width: 0; }
.workspace-brand { padding: var(--cn-panel-padding); overflow-wrap: anywhere; }
.workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; min-width: 0; }
.workspace-heading > * { min-width: 0; max-width: 100%; }
.workspace-heading h1 { margin: 0; overflow-wrap: anywhere; }
.workspace-heading p { margin-top: .5rem; }
.workspace-section { margin-top: 2rem; }
.workspace-section h2 { margin-bottom: 1rem; }
.workspace-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 1rem; margin-top: 1.5rem; }
.workspace-toolbar { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.workspace-form { display: grid; gap: 1rem; }
.workspace-form-width { max-width: 40rem; }
.workspace-logo { max-width: 9rem; max-height: 2.5rem; object-fit: contain; margin-bottom: .5rem; }
.workspace-detail { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; min-width: 0; }
.workspace-detail .cn-key-value { width: 100%; max-width: min(100%, 40rem); align-items: start; overflow-wrap: anywhere; }
.workspace-detail .cn-key-value > .cn-helper { flex: 0 0 auto; min-width: 0; max-width: min(40%, 12rem); }
.workspace-detail .cn-key-value-content { min-width: 0; }
.workspace-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.workspace-settings { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.workspace-settings .cn-card-body { display: grid; gap: 1rem; }
.workspace-reference { font-family: var(--font-mono); }
.htmx-indicator { opacity: 0; }
.htmx-request .htmx-indicator { opacity: 1; }
.workspace-pagination { display: flex; align-items: center; justify-content: end; gap: 1rem; margin-top: 1rem; }
.workspace-auth { width: min(100% - 2rem, 30rem); margin: max(2rem, 10vh) auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.workspace-auth > * { min-width: 0; }
.workspace-auth-surface { padding: var(--cn-panel-padding); overflow-wrap: anywhere; }
.workspace-auth-surface h1 { margin-bottom: 1.5rem; word-break:keep-all; }
.workspace-auth-surface form { display: grid; gap: 1rem; margin-top: 1.25rem; }
.workspace-auth-surface .cn-field { margin-bottom: .5rem; }
.workspace-skip { position: absolute; top: -5rem; left: 1rem; padding: .75rem 1rem; z-index: 100; background: var(--cn-surface); color: var(--cn-text); }
.workspace-skip:focus { top: 1rem; }
@media (max-width: 767px) {
  .workspace-provider-table tr { display: grid; grid-template-columns: minmax(0, 1fr); margin-bottom: 1rem; }
  .workspace-provider-table :is(th, td) { display: block; white-space: normal; }
  .workspace-heading { align-items: start; flex-direction: column; }
  .workspace-toolbar > * { max-width: 100%; }
  .workspace-pagination { justify-content: start; flex-wrap: wrap; }
  .workspace-detail .cn-key-value { flex-direction: column; align-items: start; gap: .25rem; }
  .workspace-detail .cn-key-value > .cn-helper { max-width: 100%; }
  .workspace-detail .cn-key-value-content { text-align: left; max-width: 100%; }
}
.workspace-cell-label, .workspace-mobile-location { display: none; }
/* Task ownership and composition: status occupies its own row, never CTA width. */
.workspace-messages { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; overflow-wrap: anywhere; gap: .75rem; margin-bottom: 1rem; }
.workspace-account-tasks { display: grid; gap: 1.5rem; }
.workspace-account-tasks :is(h2, p, form) { margin-block: 0; }
.workspace-account-tasks section { display: grid; gap: 1rem; }
.workspace-email-choice { display: flex; align-items: start; gap: .5rem; overflow-wrap: anywhere; }
.workspace-identity, .workspace-row-identity { overflow-wrap: anywhere; }
.workspace-row-identity { display: flex; justify-content: space-between; align-items: start; gap: 1rem; white-space: normal; }
.workspace-row-identity > span { min-width: 0; }
.workspace-row-identity > a { flex: 0 0 auto; }
.workspace-location { min-width: 0; overflow-wrap: anywhere; }
.workspace-work-list { list-style: none; margin: 0 0 .75rem; padding: 0; }
.workspace-work-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: .75rem; border-bottom: 1px solid var(--cn-border-subtle); }
.workspace-empty-copy { margin: .5rem 0 .75rem; color: var(--cn-secondary); }
.workspace-detail summary { cursor: pointer; }
.workspace-history { table-layout: fixed; width: 100%; }
.workspace-history td { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .workspace-desktop-action, .workspace-desktop-location { display: none; }
  .workspace-mobile-location { display: inline; }
  /* Share one row when possible; retain room for navigation and wrapping text. */
  .workspace-topbar.cn-topbar[data-responsive="true"] .cn-topbar-context { flex-basis: 0; min-width: min(100%, 8rem); }
  .workspace-topbar .cn-mobile-navigation { flex: 0 0 auto; }
  .workspace-location :is(nav, ol, li) { min-width: 0; flex-wrap: wrap; white-space: normal; }
  #user-list .workspace-row-identity { flex-direction: column; gap: .5rem; }
  .workspace-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .workspace-stats > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  /* Retain native table headers for assistive technology while rows reflow. */
  :is(.workspace-provider-table, .workspace-record-table) thead { display: table-header-group; position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  :is(.workspace-provider-table, .workspace-record-table) :is(table, tbody) { display: block; width: 100%; }
  :is(.workspace-provider-table, .workspace-record-table) tr { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding-block: .5rem; border-bottom: 1px solid var(--cn-border); }
  :is(.workspace-provider-table, .workspace-record-table) :is(th, td) { display: block; height: auto; min-height: 0; padding: .5rem .75rem; white-space: normal; overflow-wrap: anywhere; border-bottom: 0; }
  .workspace-cell-label { display: block; margin-bottom: .25rem; color: var(--cn-secondary); font-size: .75rem; font-weight: 500; }
}
.workspace-field-group { display: grid; gap: 1rem; min-width: 0; border: 0; padding: 0; margin: 0 0 .5rem; }
.workspace-field-group legend { font-weight: 600; margin-bottom: 1rem; }
.workspace-settings { align-items:start; }
.workspace-settings .workspace-card-title { margin:0; font-size:1rem; font-weight:600; }
.workspace-heading h1 { font-size:25px; font-weight:650; letter-spacing:-.03em; line-height:1.35; }
.workspace-heading p { font-size:13px; line-height:1.7; max-width:75ch; }
@media(max-width:600px) { .workspace-heading h1 { font-size:22px; } }
.workspace-auth-surface form+p { margin-top:1rem; }
.workspace-auth-surface :is(p,.cn-helper) { word-break:keep-all; overflow-wrap:anywhere; }