/* Shared page finish for the real Portal selectors; semantic light/dark tokens. */
#moduleView .page-head {align-items:center;gap:16px;margin-bottom:20px}
#moduleView .module-title-line {gap:8px}
#moduleView #moduleDemoBadge {display:none}
#moduleView .page-head h1 {font-size:clamp(24px,2.2vw,32px);line-height:1.25;margin:4px 0 6px;letter-spacing:-.025em}
#moduleView .page-head p:not(.kicker) {font-size:13px;line-height:1.5;max-width:68ch}
#moduleView .module-panel {border-color:var(--border);background:var(--surface);min-width:0}
#moduleView .toolbar {padding:12px;gap:10px;background:var(--surface);border-color:var(--border)}
#moduleView .toolbar>label {min-width:0;gap:8px;border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-secondary)}
#moduleView .toolbar input {min-width:0;min-height:40px;color:var(--text-primary);font-size:13px}
#moduleView .large-empty {min-height:220px;padding:32px 20px;align-content:center;gap:0}
#moduleView .large-empty>span {width:42px;height:42px;border-radius:12px}
#moduleView .large-empty>span .ui-icon {width:24px;height:24px}
#moduleView .large-empty h2 {font-size:18px;line-height:1.4;margin:12px 0 6px}
#moduleView .large-empty p {font-size:13px;line-height:1.6;max-width:42ch;margin:0 0 16px}
#moduleView .demo-content {min-width:0}
.records-summary {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-primary)}
.records-summary b {font-size:15px}
.records-summary>span {color:var(--text-secondary);font-size:12px}
:is(.records-workspace-v511,.assets-workspace-v511) {min-width:0;color:var(--text-primary)}
.assets-workspace-v511 .demo-metrics {gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.assets-workspace-v511 .demo-metrics article {min-width:0;padding:14px;background:var(--surface-secondary);border-color:var(--border)}
.assets-workspace-v511 .demo-metrics strong {font-size:26px;line-height:1.3}
.assets-workspace-v511 .demo-metrics :is(span,small) {font-size:12px;color:var(--text-secondary)}
.records-table-v511 {width:100%;min-width:680px;font-size:13px;border-collapse:collapse}
.records-table-v511 th {font-size:11px;letter-spacing:.025em;color:var(--text-secondary);background:var(--surface-secondary);font-weight:600}
.records-table-v511 :is(th,td) {padding:11px 12px;border-color:var(--border);vertical-align:middle;overflow-wrap:anywhere}
.records-table-v511 td small {display:block;margin-top:4px;color:var(--text-secondary);font-size:12px}
#moduleView .demo-status {border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-primary);font-size:11px;font-weight:600;white-space:normal;line-height:1.3}
#moduleView[data-module-view="knowledge"] .demo-content {padding:0}
#moduleView .knowledge-shell {grid-template-columns:220px minmax(0,1fr);min-height:380px;background:var(--surface)}
#moduleView .knowledge-sidebar {padding:12px;min-width:0;border-color:var(--border)}
#moduleView .knowledge-sidebar>button {min-width:0;min-height:40px;font-size:13px;color:var(--text-primary)}
#moduleView .knowledge-sidebar button.active {background:var(--ui-soft);color:var(--teal)}
#moduleView .knowledge-sidebar span {min-width:0}
#moduleView .knowledge-sidebar b {overflow-wrap:anywhere}
#moduleView .knowledge-sidebar small {font-size:11px;flex-shrink:0}
#moduleView .knowledge-main {padding:16px;min-width:0}
#moduleView .knowledge-overview {gap:10px;margin-bottom:12px}
#moduleView .knowledge-overview article {padding:12px;min-width:0;border-color:var(--border);background:var(--surface-secondary)}
#moduleView .knowledge-overview strong {font-size:24px;line-height:1.3}
#moduleView .knowledge-toolbar {align-items:center;gap:8px;margin-bottom:12px}
#moduleView .knowledge-toolbar>label:first-child {flex:1 1 240px;min-width:0;border-color:var(--border);background:var(--surface-secondary)}
#moduleView .knowledge-toolbar>label:first-child input {min-width:0;min-height:40px;color:var(--text-primary);font-size:13px}
#moduleView .knowledge-drafts {min-height:40px;font-size:12px}
#moduleView .knowledge-grid {grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
#moduleView .knowledge-grid>.large-empty {grid-column:1/-1;min-width:0;min-height:220px}
#moduleView .knowledge-card {min-width:0;background:var(--surface);border-color:var(--border);color:var(--text-primary);padding:14px}
#moduleView .knowledge-card :is(h3,p,header,footer) {min-width:0;overflow-wrap:anywhere}
#moduleView .knowledge-card h3 {font-size:16px;line-height:1.4}
#moduleView .knowledge-card p {font-size:13px;line-height:1.6;color:var(--text-secondary)}
#moduleView .knowledge-card footer {flex-wrap:wrap}
#moduleView .knowledge-card footer small {text-align:left}
#moduleView :is(.admin-toolbar,.platform-health) {min-width:0;padding:12px 14px;gap:12px;border-color:var(--border);border-radius:12px;background:var(--surface)}
#moduleView :is(.admin-toolbar,.platform-health)>:is(div,span) {min-width:0;overflow-wrap:anywhere}
#moduleView :is(.admin-toolbar,.platform-health) small {font-size:12px;line-height:1.5;color:var(--text-secondary)}
#moduleView :is(.admin-toolbar,.platform-health) b {font-size:14px;line-height:1.4}
#moduleView :is(.admin-toolbar,.platform-health)>:is(button,a) {flex-shrink:0}
#moduleView .ops-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
#moduleView .ops-grid article {min-width:0;padding:12px;border-radius:12px;background:var(--surface-secondary);border-color:var(--border)}
#moduleView .ops-grid :is(span,small) {font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#moduleView .ops-grid strong {font-size:22px;line-height:1.3;overflow-wrap:anywhere;margin:6px 0}
#moduleView .operations-section {margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:12px;min-width:0}
#moduleView .operations-section>.admin-toolbar {border:0;padding:0 0 10px;margin:0;background:transparent}
#moduleView :is(.operations-jobs,.worker-list,.admin-list) {min-width:0;border-color:var(--border);border-radius:10px}
#moduleView .operations-jobs article {grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;padding:12px;min-width:0}
#moduleView .worker-list article {grid-template-columns:10px minmax(0,1fr) auto auto;gap:10px;padding:12px;min-width:0}
#moduleView :is(.operations-jobs,.worker-list,.admin-list) :is(b,small,time) {overflow-wrap:anywhere;line-height:1.5}
#moduleView :is(.operations-jobs,.worker-list,.admin-list) .compact-empty {padding:18px 12px;margin:0;font-size:13px;min-height:60px}
#moduleView .health-label.healthy {color:var(--teal)}
#moduleView .health-label.error {color:var(--danger)}
#moduleView .health-label:is(.stale,.unknown) {color:var(--text-primary)}
#moduleView :is(.demo-metrics,.ops-grid) article {box-shadow:none}
#moduleView[data-module-view="news"] .automation-list>article {padding:14px;min-width:0;overflow-wrap:anywhere}
:is(#recordModal,#knowledgeEditor,#knowledgeCollection) .modal-card {background:var(--surface);color:var(--text-primary);max-height:calc(100dvh - 32px);overflow:auto}
:is(#recordModal,#knowledgeEditor,#knowledgeCollection) :is(input,select,textarea) {width:100%;min-width:0;background:var(--surface-secondary);border-color:var(--border);color:var(--text-primary);font:inherit}
:is(#recordModal,#knowledgeEditor,#knowledgeCollection) .settings-grid {min-width:0}
#moduleView :is(button,a,input,select):focus-visible {outline:2px solid var(--teal);outline-offset:3px}
html[data-density="compact"] #moduleView .records-table-v511 :is(th,td) {padding:8px 10px}
@media(max-width:1100px) {
 #moduleView .ops-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 #moduleView .knowledge-shell {grid-template-columns:190px minmax(0,1fr)}
}
@media(max-width:780px) {
 #moduleView .page-head {align-items:flex-start;gap:12px}
 #moduleView .page-head>.primary {min-height:44px}
 #moduleView .knowledge-shell {display:block;min-height:0}
 #moduleView .knowledge-sidebar {flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);scrollbar-width:thin}
 #moduleView .knowledge-sidebar>button {flex:0 0 auto;min-width:140px;min-height:44px}
 #moduleView .knowledge-sidebar .knowledge-add-collection {margin-top:0}
 #moduleView .knowledge-main {padding:12px}
 #moduleView .knowledge-toolbar>label:first-child {flex-basis:100%}
 #moduleView .knowledge-toolbar>button {min-height:44px}
 #moduleView :is(.admin-toolbar,.platform-health) {flex-wrap:wrap;align-items:flex-start}
 #moduleView :is(.admin-toolbar,.platform-health)>:is(button,a) {min-height:44px}
 #moduleView .operations-jobs article {grid-template-columns:repeat(2,minmax(0,1fr))}
 #moduleView .operations-jobs article>span {grid-column:1/-1}
 #moduleView .operations-jobs article>time {grid-column:1/-1}
 #moduleView .worker-list article {grid-template-columns:10px minmax(0,1fr) auto}
 #moduleView .worker-list article>strong {grid-column:2;text-align:left}
 #moduleView .assets-workspace-v511 .work-list-filters button {min-height:44px}
}
@media(max-width:600px) {
 #moduleView .assets-workspace-v511 .demo-metrics {grid-template-columns:1fr;gap:8px}
 #moduleView .assets-workspace-v511 .demo-metrics article {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
 #moduleView .assets-workspace-v511 .demo-metrics strong {grid-column:2;grid-row:1/3}
 #moduleView .knowledge-overview {grid-template-columns:1fr;gap:8px}
 #moduleView .knowledge-overview article {display:grid;grid-template-columns:minmax(0,1fr) auto}
 #moduleView .knowledge-overview strong {grid-column:2;grid-row:1/3}
 #moduleView[data-module-view="users"] .demo-table-scroll,.records-workspace-v511 .demo-table-scroll,.assets-workspace-v511 .demo-table-scroll {border:0;overflow:visible}
 .records-table-v511 {display:block;min-width:0}
 .records-table-v511 thead {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
 .records-table-v511 tbody {display:grid;gap:10px}
 .records-table-v511 tbody tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;min-width:0}
 .records-table-v511 td,html[data-density="compact"] #moduleView .records-table-v511 td {display:block;min-width:0;padding:10px 12px;border:0}
 .records-table-v511 td:first-child {grid-column:1/-1;border-bottom:1px solid var(--border)}
 .records-table-v511 td[data-label]::before {content:attr(data-label);display:block;font-size:11px;color:var(--text-secondary);margin-bottom:4px}
 .records-table-v511 .work-empty {grid-column:1/-1}
 .records-table-v511 .work-record-link {min-height:44px}
 :is(#recordModal,#knowledgeEditor,#knowledgeCollection) .settings-grid {grid-template-columns:1fr}
 :is(#recordModal,#knowledgeEditor,#knowledgeCollection) :is(input,select,textarea) {font-size:16px}
 #moduleView .operations-section {padding:10px}
}

#moduleView .announcement-card {border-color:var(--border);background:var(--surface);color:var(--text-primary);padding:14px;min-width:0}
#moduleView .announcement-card header {flex-wrap:wrap;gap:10px}
#moduleView .announcement-card header>span {min-width:0;flex:1 1 200px}
#moduleView .announcement-card :is(b,p) {overflow-wrap:anywhere;line-height:1.6}
#moduleView .announcement-card header em {font-size:11px;font-style:normal;color:var(--text-secondary)}
#moduleView .announcement-card footer {flex-wrap:wrap;gap:10px}
#moduleView .announcement-card footer>span:last-child {display:flex;flex-wrap:wrap;gap:8px}