/* Align institutional quality workspaces with the existing admin system. */
:is(.screen-spmi,.screen-litabmas,.screen-analytics) { --quality-line: #e4e4e7; font-variant-numeric: tabular-nums; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) .ui-page-header h1 { font-size:1.25rem; font-weight:700; letter-spacing:-.025em; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) :is(input:not([type=checkbox]),select,textarea) { font-size:.8125rem; min-height:2.5rem; border-radius:.5rem; max-width:100%; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) button { transition:background-color .18s,color .18s; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) button:disabled { opacity:.45; cursor:not-allowed; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) :is(button,input,select,textarea):focus-visible { outline:2px solid #71717a; outline-offset:3px; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) .module-tabbar { margin-top:1rem; margin-bottom:1.25rem; max-width:100%; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) .module-tab { font-weight:500; padding-bottom:.875rem; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) .module-tab[aria-pressed=true] { font-weight:600; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) :is(.grid > .rounded-2xl,.ui-table-wrap) { border-radius:.75rem; box-shadow:none; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) .grid > :is(.bg-sky-50,.bg-emerald-50,.bg-rose-50,.bg-amber-50) { background:#fff; border-color:var(--quality-line); }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) .grid > div > p:first-child { text-transform:none; font-size:.75rem; font-weight:500; letter-spacing:0; color:#71717a; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) .grid > div > p.text-2xl { font-size:1.625rem; font-weight:650; color:#27272a; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) table { font-size:.8125rem; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) th { text-transform:none; color:#71717a; letter-spacing:0; font-size:.75rem; font-weight:600; }
:is(.screen-spmi,.screen-litabmas,.screen-analytics) td { font-size:.8125rem; padding-top:.75rem; padding-bottom:.75rem; }
.screen-litabmas .screen-pkm > div { padding-bottom:0; }
.screen-litabmas .screen-pkm .ui-page-header { margin-bottom:0; }
.screen-litabmas :is(.screen-pkm,.screen-penelitian) .flex.gap-1 { flex-wrap:wrap; }
.quality-error { background:#fff1f2; color:#9f1239; border-radius:.5rem; padding:.875rem 1rem; margin-bottom:1rem; font-size:.8125rem; }
.quality-error button { margin-left:.75rem; text-decoration:underline; }
.quality-loading { color:#71717a; padding:1rem 0; font-size:.8125rem; }
.quality-pagination { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem; font-size:.75rem; color:#71717a; }
.quality-pagination button { padding:.5rem .75rem; border:1px solid var(--quality-line); border-radius:.5rem; margin-left:.5rem; }
.dark :is(.screen-spmi,.screen-litabmas,.screen-analytics) { --quality-line:#3f3f46; }
.dark :is(.screen-spmi,.screen-litabmas,.screen-analytics) .grid > :is(.bg-sky-50,.bg-emerald-50,.bg-rose-50,.bg-amber-50) { background:#18181b; }
.dark :is(.screen-spmi,.screen-litabmas,.screen-analytics) .grid > div > p.text-2xl { color:#f4f4f5; }
@media(max-width:640px) { .quality-pagination { flex-wrap:wrap; } .screen-litabmas select { width:100%; } }

.quality-detail-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 2rem; padding:1rem 0; margin:1rem 0 1.5rem; background:transparent; border-radius:0; }
.quality-detail-fields dt { font-size:.75rem; color:#71717a; margin-bottom:.375rem; }
.quality-detail-fields dd { font-size:.875rem; line-height:1.6; overflow-wrap:anywhere; white-space:pre-wrap; margin:0; }
.dark .quality-detail-fields { background:transparent; }
@media(max-width:640px) { .quality-detail-fields {grid-template-columns:1fr;} }

.quality-detail-actions { display:flex; flex-wrap:wrap; gap:.625rem; margin:1rem 0 1.5rem; }
.quality-detail-actions button { padding:.625rem .875rem; border:1px solid #e4e4e7; border-radius:.5rem; font-size:.8125rem; font-weight:600; }
.quality-detail-actions button:hover { background:#f4f4f5; }
.dark .quality-detail-actions button { border-color:#3f3f46; }
.dark .quality-detail-actions button:hover { background:#27272a; }

.adaptive-select { min-width:0; }
.adaptive-select .searchable-select > button:first-child { min-height:2.5rem; font-size:.8125rem; border-radius:.5rem; }
.quality-edit-form { padding:1.25rem; border:1px solid #e4e4e7; border-radius:.75rem; margin-bottom:1.5rem; }
.quality-edit-form h2 { margin-bottom:1rem; }
.dark .quality-edit-form {border-color:#3f3f46;}

/* Activity detail: one task at a time, with forms opened on demand. */
.activity-detail { max-width:72rem; margin:0 auto; }
.activity-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem; padding:.25rem 0 1.5rem; }
.activity-heading h1 { font-size:1.375rem; font-weight:650; line-height:1.4; letter-spacing:-.025em; max-width:46rem; margin:.5rem 0 0; text-wrap:balance; }
.activity-kicker { display:flex; align-items:center; gap:.75rem; color:#71717a; font-size:.75rem; }
.activity-status { padding:.2rem .5rem; border-radius:.25rem; background:#f4f4f5; color:#52525b; }
.activity-actions { display:flex; flex-shrink:0; gap:.5rem; align-items:center; }
.activity-detail button,.activity-more summary { min-height:2.5rem; border:1px solid #e4e4e7; border-radius:.5rem; padding:.5rem .875rem; font-size:.8125rem; font-weight:500; background:transparent; cursor:pointer; }
.activity-detail button:disabled { opacity:.45; cursor:wait; }
.activity-detail button:hover,.activity-more summary:hover { background:#f4f4f5; }
.activity-detail button.activity-primary { background:#7c2134; border-color:#7c2134; color:#fff; }
.activity-detail button.activity-primary:hover { background:#671b2c; }
.activity-tabs { display:flex; gap:1.75rem; border-bottom:1px solid #e4e4e7; margin-bottom:1.75rem; overflow-x:auto; }
.activity-tabs button { border:0; border-bottom:2px solid transparent; border-radius:0; padding:.75rem 0; color:#71717a; white-space:nowrap; }
.activity-tabs button[aria-pressed=true] { border-bottom-color:#7c2134; color:#7c2134; font-weight:600; }
.activity-tabs button:hover { background:transparent; color:#7c2134; }
.activity-overview dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem 3rem; padding:.5rem 0 1.75rem; }
.activity-overview dt { color:#71717a; font-size:.75rem; margin-bottom:.375rem; }
.activity-overview dd { font-size:.875rem; line-height:1.6; }
.activity-overview > section { margin-top:1.25rem; max-width:65ch; }
.activity-detail h2 { font-size:.9375rem; font-weight:600; margin:0; }
.activity-overview p { font-size:.875rem; line-height:1.8; white-space:pre-wrap; margin-top:.5rem; }
.activity-section { padding:0 0 1.75rem; margin-bottom:1.5rem; }
.activity-section > header { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1rem; }
.activity-section h2 span { color:#a1a1aa; font-weight:400; }
.activity-empty { padding:1.25rem 0; color:#71717a; font-size:.8125rem; }
.activity-form { padding:1.25rem; margin-bottom:1.25rem; border-radius:.625rem; background:transparent; border:1px solid #e4e4e7; }
.activity-form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.activity-form-fields label > span { display:block; font-size:.75rem; color:#71717a; margin-bottom:.5rem; }
.activity-form-actions { display:flex; justify-content:flex-end; gap:.5rem; margin-top:1rem; }
.activity-detail :is(th,td) { padding:.875rem 1rem; white-space:nowrap; }
.activity-detail th { font-weight:500; font-size:.75rem; color:#71717a; text-transform:none; }
.activity-detail td { font-size:.8125rem; border-bottom:1px solid #f4f4f5; max-width:28rem; overflow:hidden; text-overflow:ellipsis; }
.activity-detail .activity-row-actions { text-align:right; width:1%; }
.activity-row-actions button { border:0; padding:.25rem .5rem; min-height:2rem; color:#71717a; }
.activity-row-actions button:hover { color:#9f1239; }
.activity-more { position:relative; }
.activity-more summary { list-style:none; }
.activity-more summary::-webkit-details-marker { display:none; }
.activity-more > div { position:absolute; right:0; top:100%; min-width:10rem; padding:.375rem; margin-top:.375rem; z-index:40; background:#fff; border:1px solid #e4e4e7; border-radius:.625rem; box-shadow:0 .5rem 1.5rem #18181b0d; }
.activity-more > div button { display:block; border:0; width:100%; text-align:left; white-space:nowrap; }
.dark .activity-status,.dark .activity-form { background:#18181b; color:#a1a1aa; }
.dark .activity-detail :is(button,summary),.dark .activity-tabs,.dark .activity-more > div { border-color:#3f3f46; }
.dark .activity-more > div { background:#18181b; }
.dark .activity-detail button:hover { background:#27272a; }
.dark .activity-detail td { border-bottom-color:#27272a; }
@media(max-width:800px) { .activity-heading {flex-direction:column;gap:1rem;} .activity-overview dl {gap:1.25rem;} .activity-tabs {gap:1.5rem;} }
@media(max-width:540px) { .activity-overview dl,.activity-form-fields {grid-template-columns:1fr;} .activity-heading h1 {font-size:1.25rem;} .activity-actions {flex-wrap:wrap;} }

.activity-detail .activity-actions .activity-subtle { border-color:transparent; color:#71717a; }
.activity-detail .activity-actions .activity-subtle:hover {color:#9f1239;}
.activity-more summary:focus-visible {outline:2px solid #71717a;outline-offset:3px;}

/* Keep quality workspaces focused on the selected task. */
.quality-list-toolbar,.quality-domain-picker{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.25rem 0}.quality-list-toolbar h2{font-weight:600;font-size:.95rem}.quality-list-toolbar button{padding:.55rem .9rem;border:1px solid var(--ui-border,#e4e4e7);border-radius:.5rem;font-size:.8rem;font-weight:600}.quality-domain-picker{justify-content:flex-start}.quality-domain-picker label{font-size:.8rem;color:#71717a}.quality-domain-picker .ui-input{min-width:15rem;max-width:100%}.quality-detail-tabs{display:flex;gap:1.5rem;margin:1.25rem 0}.quality-detail-tabs button{padding:.75rem 0;border-bottom:2px solid transparent}.quality-detail-tabs button.is-active{border-bottom-color:#881337;color:#881337;font-weight:600}.screen-spmi .quality-detail-fields,.screen-analytics .quality-detail-fields{padding:1rem 0;gap:1.25rem 2rem}.screen-spmi .quality-detail-fields dd,.screen-analytics .quality-detail-fields dd{overflow-wrap:anywhere}.screen-spmi .quality-detail-actions{margin:1rem 0 1.5rem}@media(max-width:540px){.quality-domain-picker{align-items:stretch;flex-direction:column}.quality-domain-picker .ui-input{min-width:0;width:100%}}

.screen-spmi .quality-detail-fields { background:transparent; border-radius:0; padding-inline:0; }

/* Shared spacing for record information and editable controls. */
.quality-edit-form :is(input:not([type=checkbox]):not([type=radio]),select),.screen-spmi .ui-input,.screen-analytics .ui-input,.activity-form .ui-input{min-height:2.5rem;padding:.625rem .875rem;line-height:1.5}
.quality-edit-form textarea,.activity-form textarea{padding:.75rem .875rem;line-height:1.6}
.quality-doc-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.quality-doc-filters .ui-input{min-width:11rem}.quality-doc-filters input{flex:1}.quality-document-history{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e4e4e7}.quality-document-history h2{font-size:1rem;font-weight:600;margin-bottom:1rem}.quality-document-history a{color:var(--ui-accent,#881337)}.quality-template-links{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.quality-template-links a{font-size:.8rem;text-decoration:underline;text-underline-offset:3px}.quality-document-description{grid-column:1/-1}

.dense-ui .screen-spmi.services-page .module-tabbar.service-tabs{flex-wrap:wrap;overflow:visible;column-gap:1.25rem;row-gap:0;width:100%}.screen-spmi .module-tabbar .module-tab{min-height:2.75rem}

/* SPMI: quiet hierarchy, compact supporting navigation, consistent form rhythm. */
.spmi-navigation{margin:1.5rem 0 1.75rem}.spmi-nav-group{display:flex;align-items:center;gap:1.25rem}.spmi-nav-label{flex:0 0 5.5rem;font-size:.7rem;font-weight:500;color:#71717a}.dense-ui .screen-spmi.services-page .spmi-tab-row.service-tabs{margin:0;gap:1.25rem;flex:1;min-width:0;border-bottom:1px solid var(--quality-line)}.dense-ui .screen-spmi .spmi-tab-row .module-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 0;min-height:2.75rem;font-size:.8125rem;white-space:nowrap}.dense-ui .screen-spmi .spmi-tab-row .spmi-count{background:transparent!important;color:#71717a!important;font-weight:400;font-size:.7rem;min-width:0;padding:0}.spmi-overview{margin-bottom:1.75rem}.spmi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.spmi-metric{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem;border:1px solid var(--quality-line);border-radius:.5rem;color:inherit}.spmi-metric>span:first-child{font-size:.75rem;color:#71717a}.spmi-metric strong{font-size:1.75rem;line-height:1.15;font-weight:650;letter-spacing:-.03em}.spmi-metric-link{font-size:.7rem;color:#71717a;display:flex;gap:.375rem;align-items:center}.spmi-metric:hover{border-color:#a1a1aa}.spmi-followup{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem;padding:1rem 0;border-bottom:1px solid var(--quality-line)}.spmi-followup h2{font-size:.8rem;font-weight:600;margin-right:.5rem}.spmi-followup a{display:flex;gap:.625rem;align-items:center;font-size:.75rem;color:#71717a}.spmi-followup strong{color:var(--ui-ink,#27272a);font-weight:600}.dense-ui .screen-spmi .spmi-entry-form{padding:1.25rem;gap:1.25rem;border-radius:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-bottom:1.5rem}.screen-spmi .spmi-entry-form>div{min-width:0}.screen-spmi .spmi-entry-form label{display:block;margin-bottom:.5rem;font-size:.75rem;color:#71717a;font-weight:500}.screen-spmi .spmi-entry-form>button{justify-self:start;align-self:end;min-height:2.5rem;grid-column:1/-1}.screen-spmi .spmi-entry-form [class*="col-span"]{grid-column:1/-1}.dense-ui .screen-spmi .spmi-entry-form :is(input,select,textarea){font-size:.8125rem}.dense-ui .screen-spmi :is(button.bg-zinc-900,button.bg-emerald-600){background:#7c2134;border-color:#7c2134;color:#fff}.screen-spmi .quality-list-toolbar{margin:1.5rem 0 1rem}.screen-spmi .quality-list-toolbar>button{background:#7c2134;color:#fff;border-color:#7c2134;min-height:2.5rem}.screen-spmi .quality-document-history{margin-top:1.5rem;padding-top:1.5rem}.dense-ui .screen-spmi th,.dense-ui .screen-spmi td{padding:.875rem 1rem;vertical-align:middle}.screen-spmi .quality-detail-fields{gap:1.5rem 2.5rem}.screen-spmi .quality-detail-fields dt{margin-bottom:.5rem}.dark .spmi-followup strong{color:#f4f4f5}@media(max-width:1000px){.spmi-nav-group{align-items:flex-start}.spmi-nav-label{padding-top:.875rem}}@media(max-width:640px){.spmi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.spmi-nav-group{display:block}.spmi-nav-label{display:block;padding:.75rem 0 .25rem}.dense-ui .screen-spmi .spmi-entry-form{grid-template-columns:1fr;padding:1rem}.spmi-followup{gap:1rem}.spmi-followup h2{width:100%}.spmi-followup a{justify-content:space-between;width:calc(50% - .5rem)}}

.spmi-followup{border-bottom:0}.screen-spmi .quality-list-toolbar>button[aria-expanded=true]{background:transparent;color:var(--ui-ink,#27272a);border-color:var(--quality-line)}