/* GENERATED by scripts/build-manaservice-ui-assets.py — do not edit directly. */
:root {
    color-scheme: dark;
    --ms-color-scheme: dark;
    --ms-bg: #061422;
    --ms-surface: #0a1b2b;
    --ms-surface-alt: #0d2235;
    --ms-surface-raised: #10283d;
    --ms-surface-input: #0a1d2f;
    --ms-surface-hover: #153552;
    --ms-surface-header: #0b2235;
    --ms-surface-footer: #071827;
    --ms-surface-panel: #091a2a;
    --ms-surface-card: #0d2235;
    --ms-surface-card-alt: #10283d;
    --ms-surface-section-header: #12314a;
    --ms-surface-section-body: #091d2f;
    --ms-sidebar-bg: #071827;
    --ms-divider: #294e6b;
    --ms-highlight: rgba(120, 185, 244, .10);
    --ms-border: #203f5a;
    --ms-border-strong: #315b7d;
    --ms-text: #d9e6f1;
    --ms-text-strong: #f1f6fb;
    --ms-muted: #91a8ba;
    --ms-muted-soft: #6f889d;
    --ms-link: #78b9f4;
    --ms-accent: #3478df;
    --ms-accent-hover: #4389ef;
    --ms-on-accent: #f7fbff;
    --ms-info: #55a7ee;
    --ms-info-bg: #102b43;
    --ms-success: #51c38b;
    --ms-success-bg: #10382a;
    --ms-warning: #e3b45e;
    --ms-warning-bg: #3b2d18;
    --ms-danger: #dc7d84;
    --ms-danger-bg: #3c2027;
    --ms-disabled: #627b90;
    --ms-focus-ring: rgba(52, 120, 223, .30);
    --ms-shadow: rgba(0, 0, 0, .22);
    --ms-shadow-raised: rgba(0, 0, 0, .32);
    --ms-overlay: rgba(3, 12, 21, .72);
    --ms-progress-active: #3478df;
    --ms-progress-complete: #51c38b;
    --ms-progress-upcoming: #627b90;
    --ms-primary-gradient-start: #3277e6;
    --ms-primary-gradient-end: #3158c9;
    --ms-action-gradient-start: #43bd88;
    --ms-action-gradient-end: #299b6c;
    --ms-border-emphasis: var(--ms-border-strong);
    --ms-card-header-bg: var(--ms-surface-raised);
    --ms-card-header-bg-150: #081623;
    --ms-card-header-border-150: #314f68;
    --ms-capability-cell-bg: rgba(255, 255, 255, .015);
    --ms-print-bg: #ffffff;
    --ms-print-text: #111111;
    --ms-print-border: #b7b7b7;
    --ms-print-muted: #555555;
    --ms-print-heading-bg: #eeeeee;
}

:root {
    --ms-font-family: Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; }
html {
    background: var(--ms-bg);
    --ms-font-base: 13px;
    --ms-font-control: 13px;
    --ms-font-small: 10.5px;
    --ms-font-page-title: 22px;
    --ms-font-section-title: 15px;
    --ms-font-card-title: 14px;
    --ms-font-label: 13px;
    --ms-font-helper: 11px;
    --ms-font-table: 11.5px;
    --ms-font-brand: 18px;
    --ms-font-hero: 18px;
    --ms-font-metric: 17px;
    --ms-font-kpi: 22px;
    --ms-sidebar-font-base: 13px;
    --ms-sidebar-font-small: 11px;
    --ms-sidebar-font-brand: 18px;
    --ms-radius-control: 9px;
    --ms-radius-card: 12px;
    --ms-radius-panel: 14px;
    --ms-space-1: 4px;
    --ms-space-2: 8px;
    --ms-space-3: 12px;
    --ms-space-4: 16px;
    --ms-space-5: 20px;
    --ms-space-6: 24px;
    --ms-space-section: 20px;
    --ms-card-padding-block: 16px;
    --ms-card-padding-inline: 18px;
    --ms-control-padding-block: 8px;
    --ms-control-padding-inline: 10px;
    --ms-button-padding-block: 6px;
    --ms-button-padding-inline: 11px;
    --ms-grid-gap-block: 14px;
    --ms-grid-gap-inline: 14px;
    --ms-shell-sidebar-width: 240px;
    --ms-content-max-width: none;
    --ms-footer-height: 28px;
    --ms-control-min-height: 36px;
}

html[data-ms-font-scale='small'] {
    --ms-font-base: 12px;
    --ms-font-small: 10px;
    --ms-font-page-title: 19px;
    --ms-font-section-title: 14px;
    --ms-font-card-title: 13px;
    --ms-font-helper: 10.5px;
    --ms-font-table: 11px;
    --ms-font-hero: 16px;
    --ms-font-metric: 15px;
    --ms-font-kpi: 19px;
}

html[data-ms-font-scale='large'] {
    --ms-font-base: 14px;
    --ms-font-small: 11.5px;
    --ms-font-page-title: 25px;
    --ms-font-section-title: 17px;
    --ms-font-card-title: 15.5px;
    --ms-font-helper: 12px;
    --ms-font-table: 12.5px;
    --ms-font-hero: 21px;
    --ms-font-metric: 19px;
    --ms-font-kpi: 25px;
}

html[data-ms-body-text='xs'] { --ms-font-base: 10.5px; }
html[data-ms-body-text='sm'] { --ms-font-base: 12px; }
html[data-ms-body-text='md'] { --ms-font-base: 13px; }
html[data-ms-body-text='lg'] { --ms-font-base: 14px; }
html[data-ms-body-text='xl'] { --ms-font-base: 15.5px; }

html[data-ms-page-title-scale='xs'] { --ms-font-page-title: 18px; --ms-font-hero: 15px; }
html[data-ms-page-title-scale='sm'] { --ms-font-page-title: 20px; --ms-font-hero: 17px; }
html[data-ms-page-title-scale='md'] { --ms-font-page-title: 22px; --ms-font-hero: 18px; }
html[data-ms-page-title-scale='lg'] { --ms-font-page-title: 24px; --ms-font-hero: 20px; }
html[data-ms-page-title-scale='xl'] { --ms-font-page-title: 27px; --ms-font-hero: 22px; }

html[data-ms-section-title-scale='xs'] { --ms-font-section-title: 12px; --ms-font-metric: 14px; --ms-font-kpi: 18px; }
html[data-ms-section-title-scale='sm'] { --ms-font-section-title: 13.5px; --ms-font-metric: 15.5px; --ms-font-kpi: 20px; }
html[data-ms-section-title-scale='md'] { --ms-font-section-title: 15px; --ms-font-metric: 17px; --ms-font-kpi: 22px; }
html[data-ms-section-title-scale='lg'] { --ms-font-section-title: 16.5px; --ms-font-metric: 18.5px; --ms-font-kpi: 24px; }
html[data-ms-section-title-scale='xl'] { --ms-font-section-title: 18px; --ms-font-metric: 20px; --ms-font-kpi: 27px; }

html[data-ms-card-title-scale='xs'] { --ms-font-card-title: 11.5px; }
html[data-ms-card-title-scale='sm'] { --ms-font-card-title: 12.5px; }
html[data-ms-card-title-scale='md'] { --ms-font-card-title: 14px; }
html[data-ms-card-title-scale='lg'] { --ms-font-card-title: 15.5px; }
html[data-ms-card-title-scale='xl'] { --ms-font-card-title: 17px; }

html[data-ms-table-text='xs'] { --ms-font-table: 9.5px; }
html[data-ms-table-text='sm'] { --ms-font-table: 10.5px; }
html[data-ms-table-text='md'] { --ms-font-table: 11.5px; }
html[data-ms-table-text='lg'] { --ms-font-table: 12.5px; }
html[data-ms-table-text='xl'] { --ms-font-table: 14px; }

html[data-ms-helper-text='xs'] { --ms-font-helper: 9px; --ms-font-small: 9px; }
html[data-ms-helper-text='sm'] { --ms-font-helper: 10px; --ms-font-small: 9.5px; }
html[data-ms-helper-text='md'] { --ms-font-helper: 11px; --ms-font-small: 10.5px; }
html[data-ms-helper-text='lg'] { --ms-font-helper: 12px; --ms-font-small: 11.5px; }
html[data-ms-helper-text='xl'] { --ms-font-helper: 13.5px; --ms-font-small: 12.5px; }

html[data-ms-density-y='airy'] {
    --ms-space-section: 30px;
    --ms-card-padding-block: 24px;
    --ms-control-padding-block: 10px;
    --ms-button-padding-block: 8px;
    --ms-grid-gap-block: 22px;
    --ms-control-min-height: 44px;
}

html[data-ms-density-y='compact'],
html[data-ms-density='compact'] {
    --ms-space-section: 14px;
    --ms-card-padding-block: 12px;
    --ms-control-padding-block: 6px;
    --ms-button-padding-block: 5px;
    --ms-grid-gap-block: 10px;
    --ms-control-min-height: 32px;
}

html[data-ms-density-y='dense'],
html[data-ms-density='dense'] {
    --ms-space-section: 10px;
    --ms-card-padding-block: 8px;
    --ms-control-padding-block: 4px;
    --ms-button-padding-block: 4px;
    --ms-grid-gap-block: 7px;
    --ms-control-min-height: 28px;
}

html[data-ms-density-y='ultra'] {
    --ms-space-section: 7px;
    --ms-card-padding-block: 6px;
    --ms-control-padding-block: 3px;
    --ms-button-padding-block: 3px;
    --ms-grid-gap-block: 5px;
    --ms-control-min-height: 24px;
}

html[data-ms-density-x='airy'] {
    --ms-card-padding-inline: 28px;
    --ms-control-padding-inline: 14px;
    --ms-button-padding-inline: 16px;
    --ms-grid-gap-inline: 22px;
}

html[data-ms-density-x='compact'],
html[data-ms-density='compact'] {
    --ms-card-padding-inline: 13px;
    --ms-control-padding-inline: 8px;
    --ms-button-padding-inline: 9px;
    --ms-grid-gap-inline: 10px;
}

html[data-ms-density-x='dense'],
html[data-ms-density='dense'] {
    --ms-card-padding-inline: 9px;
    --ms-control-padding-inline: 6px;
    --ms-button-padding-inline: 7px;
    --ms-grid-gap-inline: 7px;
}

html[data-ms-density-x='ultra'] {
    --ms-card-padding-inline: 6px;
    --ms-control-padding-inline: 5px;
    --ms-button-padding-inline: 5px;
    --ms-grid-gap-inline: 5px;
}

html[data-ms-layout='focus'] {
    --ms-shell-sidebar-width: 204px;
    --ms-content-max-width: 1480px;
}
body {
    margin: 0;
    background: var(--ms-bg);
    color: var(--ms-text);
    font-family: var(--ms-font-family);
    font-size: var(--ms-font-base);
    line-height: 1.58;
}
h1 { font-size: var(--ms-font-page-title); }
h2 { font-size: var(--ms-font-section-title); }
h3, h4, h5, h6 { font-size: var(--ms-font-card-title); }
h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
a { color: var(--ms-link); text-decoration: none; }
a:hover { color: var(--ms-text-strong); }
button, input, select, textarea { font-family: inherit; font-size: var(--ms-font-control); line-height: 1.45; }
input, select, textarea {
    width: 100%;
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    padding: var(--ms-control-padding-block) var(--ms-control-padding-inline);
    background: var(--ms-surface-input);
    color: var(--ms-text);
    outline: none;
    accent-color: var(--ms-accent);
}
input::placeholder, textarea::placeholder { color: var(--ms-muted-soft); opacity: 1; }
input:focus, select:focus, textarea:focus {
    border-color: var(--ms-accent);
    box-shadow: 0 0 0 3px var(--ms-focus-ring);
}
input:disabled, select:disabled, textarea:disabled {
    background: var(--ms-surface);
    color: var(--ms-muted-soft);
    cursor: not-allowed;
    opacity: .82;
}
select option { background: var(--ms-surface-input); color: var(--ms-text); }
textarea { min-height: 82px; resize: vertical; }
label { display: block; margin: 8px 0 4px; color: var(--ms-text); font-size: var(--ms-font-label); }
button, .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: var(--ms-button-padding-block) var(--ms-button-padding-inline);
    border: 1px solid var(--ms-border);
    border-radius: 8px;
    background: var(--ms-surface-raised);
    color: var(--ms-text);
    cursor: pointer;
    font-weight: 700;
}
button:hover, .button:hover { background: var(--ms-surface-hover); border-color: var(--ms-border-strong); }
button:focus-visible, .button:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--ms-focus-ring); }
button.primary, .button-primary { background: var(--ms-accent); border-color: var(--ms-accent); color: var(--ms-on-accent); }
button.primary:hover, .button-primary:hover { background: var(--ms-accent-hover); border-color: var(--ms-accent-hover); }
button.ghost { background: var(--ms-surface-raised); color: var(--ms-text); }
button.success { background: var(--ms-success-bg); border-color: var(--ms-success); color: var(--ms-success); }
button.warn { background: var(--ms-warning-bg); border-color: var(--ms-warning); color: var(--ms-warning); }
button.danger { background: var(--ms-danger-bg); border-color: var(--ms-danger); color: var(--ms-danger); }

.shell { display: grid; grid-template-columns: var(--ms-shell-sidebar-width) minmax(0, 1fr); min-height: 100vh; }
.side { background: var(--ms-sidebar-bg); border-left: 1px solid var(--ms-border); padding: 15px; font-size: var(--ms-sidebar-font-base); }
.brand { font-size: var(--ms-sidebar-font-brand); font-weight: 800; color: var(--ms-text-strong); }
.sub { font-size: var(--ms-sidebar-font-small); color: var(--ms-muted); margin: 4px 0 14px; }
.nav a, .nav .disabled { display: block; padding: 8px 10px; border-radius: 8px; margin: 2px 0; font-size: var(--ms-sidebar-font-base); }
.nav a { color: var(--ms-text); }
.nav a:hover { background: var(--ms-surface-hover); color: var(--ms-text-strong); }
.nav .disabled { color: var(--ms-disabled); cursor: not-allowed; }
.nav .section { font-size: var(--ms-sidebar-font-small); color: var(--ms-muted-soft); margin: 12px 7px 4px; }
.main { width: 100%; max-width: var(--ms-content-max-width); margin-inline: auto; padding: var(--ms-card-padding-block) var(--ms-card-padding-inline); min-width: 0; }
.top { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.spacer { flex: 1; }
.card, .metric {
    background: var(--ms-surface-card);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-card);
    padding: 13px;
    margin: 11px 0;
    box-shadow: 0 8px 20px var(--ms-shadow);
}
.card.card-alt { background: var(--ms-surface-card-alt); }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.metric b { font-size: var(--ms-font-metric); display: block; margin-top: 6px; color: var(--ms-text-strong); }
.muted { color: var(--ms-muted); }
.small { font-size: var(--ms-font-small); }
.ltr { direction: ltr; unicode-bidi: embed; text-align: left; }
.field { margin: 8px 0; }
.field-control { width: 100%; }
.field-textarea { min-height: 80px; }
.ok, .err { padding: 8px 10px; border-radius: 8px; margin: 9px 0; border: 1px solid transparent; font-size: var(--ms-font-control); }
.ok { background: var(--ms-success-bg); border-color: var(--ms-success); color: var(--ms-success); }
.err { background: var(--ms-danger-bg); border-color: var(--ms-danger); color: var(--ms-danger); }
.chip {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid var(--ms-border);
    border-radius: 999px;
    font-size: var(--ms-font-small);
    background: var(--ms-surface-raised);
    color: var(--ms-muted);
    margin: 2px;
}
.chip.on, .chip.active, .chip.approved { background: var(--ms-success-bg); border-color: var(--ms-success); color: var(--ms-success); }
.chip.off, .chip.revoked, .chip.rejected { background: var(--ms-danger-bg); border-color: var(--ms-danger); color: var(--ms-danger); }
.chip.pending, .chip.suspended { background: var(--ms-warning-bg); border-color: var(--ms-warning); color: var(--ms-warning); }
.chip.none { color: var(--ms-muted-soft); }

.login-page { min-height: 100vh; display: grid; place-items: center; padding: 20px; }
.login-card { width: min(94vw, 460px); }
.login-card h1 { color: var(--ms-text-strong); margin-top: 0; }
.login-card button { width: 100%; margin-top: 12px; }
.tenant-choice { border: 1px solid var(--ms-border); border-radius: 12px; padding: 12px; margin: 10px 0; background: var(--ms-surface-input); }
.tenant-choice label { margin: 0; display: flex; gap: 10px; align-items: center; }
.tenant-choice input { width: auto; }

.table-wrap { overflow: auto; border: 1px solid var(--ms-border); border-radius: 10px; }
table { width: 100%; border-collapse: collapse; font-size: var(--ms-font-table); background: transparent; }
th, td { padding: 8px; border-bottom: 1px solid var(--ms-border); text-align: right; vertical-align: top; }
th { color: var(--ms-text-strong); background: var(--ms-surface-section-header); border-bottom-color: var(--ms-divider); }
tr:last-child td { border-bottom: 0; }
pre { overflow: auto; padding: 12px; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-input); color: var(--ms-text); }
hr, .hr { border: 0; border-top: 1px solid var(--ms-border); margin: 14px 0; }
.empty { padding: 11px; color: var(--ms-muted); border: 1px dashed var(--ms-border); border-radius: 9px; background: var(--ms-surface); }
.stack { display: grid; gap: 7px; }
.inline { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline); }
.form-actions { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 9px; }
.danger-zone { border-color: var(--ms-danger); }

html[data-ms-density='compact'] .card,
html[data-ms-density='compact'] .metric { padding: 11px; margin: 9px 0; }
html[data-ms-density='dense'] .card,
html[data-ms-density='dense'] .metric { padding: 9px; margin: 7px 0; }
html[data-ms-density='dense'] th,
html[data-ms-density='dense'] td { padding: 6px; }
html[data-ms-motion='reduced'] *,
html[data-ms-motion='reduced'] *::before,
html[data-ms-motion='reduced'] *::after {
    scroll-behavior: auto;
    transition-duration: .01ms;
    animation-duration: .01ms;
    animation-iteration-count: 1;
}

@media (max-width: 850px) {
    .shell { grid-template-columns: 1fr; }
    .side { border-left: 0; border-bottom: 1px solid var(--ms-border); }
    .nav { display: flex; gap: 4px; flex-wrap: wrap; }
    .nav .section { width: 100%; }
    .main { padding: 14px; }
}

/* M3-G operational directory */
.section-heading { display: flex; align-items: flex-start; gap: 10px; justify-content: space-between; flex-wrap: wrap; }
.section-heading h2 { margin: 0; font-size: var(--ms-font-section-title); line-height: 1.4; }
h2 { font-size: var(--ms-font-section-title); line-height: 1.4; margin: 0 0 8px; }
h3 { font-size: var(--ms-font-card-title); line-height: 1.4; margin: 12px 0 7px; }
p { margin: 7px 0; }
.subcard { border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 11px; }
.stack > .subcard:nth-child(even) { background: var(--ms-surface-alt); }
.compact-card { margin: 0; box-shadow: none; }
.split-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; margin-top: 10px; }
.choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
.choice-card { margin: 0; display: flex; gap: 8px; align-items: center; border: 1px solid var(--ms-border); border-radius: 9px; padding: 7px 9px; background: var(--ms-surface-input); cursor: pointer; }
.choice-card:hover { border-color: var(--ms-border-strong); background: var(--ms-surface-hover); }
.choice-card input { width: auto; margin: 0; }
.choice-card span { display: grid; gap: 1px; }
.choice-card small { display: block; }
.compact-choices { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); margin-top: 10px; }
.role-line, .membership-line, .member-list { margin-top: 10px; }
.membership-line { display: flex; gap: 8px; flex-wrap: wrap; }
.member-list { padding-top: 12px; border-top: 1px solid var(--ms-border); }

/* MANASERVICE Web — catalog surfaces */
.brand-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; }
.brand-grid > .card:nth-child(even) { background: var(--ms-surface-alt); }
.brand-card { margin: 0; min-width: 0; }
.brand-card-head { display: flex; gap: 14px; align-items: center; }
.brand-card-title { min-width: 0; flex: 1; }
.brand-logo-box {
    width: 76px;
    height: 62px;
    flex: 0 0 76px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--ms-border);
    border-radius: 12px;
    background: var(--ms-surface-input);
}
.brand-logo-box img { width: 100%; height: 100%; object-fit: contain; padding: 7px; }
.brand-logo-placeholder { font-size: var(--ms-font-page-title); font-weight: 800; color: var(--ms-muted); }
.brand-description { white-space: pre-line; }
.edit-panel { margin-top: 11px; border-top: 1px solid var(--ms-border); padding-top: 9px; }
.edit-panel summary { cursor: pointer; color: var(--ms-link); font-weight: 700; }
.edit-panel[open] summary { margin-bottom: 9px; }
.brand-remove-logo { margin-top: 10px; max-width: 240px; }



/* MANASERVICE 76 — product catalog */
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; }
.product-grid > .card:nth-child(even) { background: var(--ms-surface-alt); }
.product-card { margin: 0; min-width: 0; }
.catalog-card-head { display: flex; gap: 14px; align-items: center; }
.catalog-card-title { min-width: 0; flex: 1; }
.catalog-description { white-space: pre-line; }

/* MANASERVICE 90 — compact density, alternating card surfaces, central UI context */

/* MANASERVICE 121 — printable Device Cardex; print colors stay in the central theme repository. */
.print-page {
    background: var(--ms-print-bg);
    color: var(--ms-print-text);
    margin: 24px;
    font-size: var(--ms-font-helper);
    line-height: 1.7;
}
.print-page h1 { font-size: 20px; margin: 0 0 4px; }
.print-page h2 { font-size: 15px; border-bottom: 1px solid var(--ms-print-border); padding-bottom: 4px; margin-top: 22px; }
.print-page .print-meta { color: var(--ms-print-muted); }
.print-page .print-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.print-page .print-box { border: 1px solid var(--ms-print-border); border-radius: 6px; padding: 9px; }
.print-page table { background: var(--ms-print-bg); color: var(--ms-print-text); }
.print-page th, .print-page td { border: 1px solid var(--ms-print-border); padding: 6px; }
.print-page th { background: var(--ms-print-heading-bg); color: var(--ms-print-text); }
.print-page .print-actions { margin: 0 0 18px; }
.print-page .print-actions button { padding: 7px 14px; }
@media print {
    body.print-page { margin: 8mm; background: var(--ms-print-bg); color: var(--ms-print-text); }
    .print-page .print-actions { display: none; }
    .print-page .print-box, .print-page tr { break-inside: avoid; }
}

/* MANASERVICE 129 — Operational Service Desk UI. Presentation only; semantic colors remain token-driven. */
.service-desk-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 20px; align-items: start; background: var(--ms-surface-alt); }
.service-desk-hero-copy h1 { margin: 4px 0 6px; color: var(--ms-text-strong); font-size: var(--ms-font-hero); line-height: 1.35; }
.service-desk-eyebrow { display: inline-flex; font-size: var(--ms-font-small); font-weight: 800; letter-spacing: .08em; color: var(--ms-accent); }
.service-desk-quick-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.service-desk-search { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; padding-top: 12px; border-top: 1px solid var(--ms-border); }
.service-desk-search-field { margin: 0; }
.service-desk-search-actions { display: flex; gap: 7px; align-items: center; min-height: 34px; }
.service-desk-search-actions button, .service-desk-search-actions .button { min-width: 104px; }
.service-desk-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 11px 0; }
.service-desk-metric { min-width: 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface); padding: 12px; box-shadow: 0 8px 20px var(--ms-shadow); }
.service-desk-metric > span, .service-desk-metric > small { display: block; color: var(--ms-muted); }
.service-desk-metric > strong { display: block; margin: 3px 0; font-size: var(--ms-font-metric); line-height: 1.25; color: var(--ms-text-strong); }
.service-desk-metric.is-attention { border-color: var(--ms-border-strong); background: var(--ms-surface-raised); }
.service-desk-metric.is-warning { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.service-desk-section { overflow: hidden; }
.service-queue { display: grid; gap: 8px; margin-top: 10px; }
.service-queue-item { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .85fr) auto; gap: 12px; align-items: center; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 11px; }
.service-queue-item:nth-child(even) { background: var(--ms-surface); }
.service-queue-item.is-warning { border-color: var(--ms-warning); }
.service-queue-main { min-width: 0; }
.service-queue-titleline, .service-queue-customer { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.service-queue-titleline { margin-bottom: 3px; }
.service-queue-titleline > strong { color: var(--ms-text-strong); font-size: var(--ms-font-control); }
.service-queue-description { margin-top: 6px; color: var(--ms-text); overflow-wrap: anywhere; }
.service-queue-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.service-queue-facts > div { min-width: 0; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 6px 8px; }
.service-queue-facts span, .service-queue-facts strong { display: block; }
.service-queue-facts span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.service-queue-facts strong { margin-top: 2px; color: var(--ms-text); font-size: var(--ms-font-table); overflow-wrap: anywhere; }
.service-queue-actions { display: grid; gap: 6px; min-width: 122px; }
.service-queue-actions .button { width: 100%; }
.service-count { display: inline-flex; min-width: 30px; min-height: 28px; align-items: center; justify-content: center; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); color: var(--ms-text); font-weight: 800; }
.service-count.is-success { border-color: var(--ms-success); background: var(--ms-success-bg); color: var(--ms-success); }
.service-count.is-warning { border-color: var(--ms-warning); background: var(--ms-warning-bg); color: var(--ms-warning); }
.service-customer-results td { vertical-align: middle; }

@media (max-width: 1180px) {
    .service-desk-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-queue-item { grid-template-columns: minmax(0, 1fr) minmax(220px, .9fr); }
    .service-queue-actions { grid-column: 1 / -1; display: flex; min-width: 0; }
    .service-queue-actions .button { width: auto; }
}
@media (max-width: 760px) {
    .service-desk-hero { grid-template-columns: 1fr; }
    .service-desk-quick-actions { justify-content: flex-start; }
    .service-desk-search { grid-template-columns: 1fr; }
    .service-desk-search-actions { align-items: stretch; }
    .service-desk-metrics { grid-template-columns: 1fr 1fr; }
    .service-queue-item { grid-template-columns: 1fr; }
    .service-queue-actions { grid-column: auto; }
}
@media (max-width: 480px) {
    .service-desk-metrics { grid-template-columns: 1fr; }
    .service-desk-search-actions, .service-queue-actions { display: grid; grid-template-columns: 1fr; }
    .service-desk-search-actions button, .service-desk-search-actions .button, .service-queue-actions .button { width: 100%; }
}


/* MANASERVICE 130 — Operational Service Case Workspace. Presentation only; all colors remain token-driven. */
.service-case-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 20px; align-items: start; background: var(--ms-surface-alt); }
.service-case-hero h1 { margin: 4px 0 6px; color: var(--ms-text-strong); font-size: var(--ms-font-hero); line-height: 1.35; }
.service-case-hero-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.service-case-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 11px 0; }
.service-case-metric { min-width: 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface); padding: 11px 12px; box-shadow: 0 8px 20px var(--ms-shadow); }
.service-case-metric > span { display: block; color: var(--ms-muted); font-size: var(--ms-font-small); }
.service-case-metric > strong { display: block; margin-top: 3px; color: var(--ms-text-strong); font-size: var(--ms-font-metric); line-height: 1.25; }
.service-case-metric.is-attention { border-color: var(--ms-border-strong); background: var(--ms-surface-raised); }
.service-case-metric.is-warning { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.service-case-filter-card { margin-bottom: 11px; }
.service-case-filters { display: grid; grid-template-columns: minmax(260px, 1.5fr) minmax(180px, .7fr) minmax(170px, .65fr) auto; gap: 9px; align-items: end; }
.service-case-filters .field { margin: 0; }
.service-case-filter-actions { display: flex; gap: 7px; align-items: center; min-height: 34px; }
.service-case-layout { display: grid; grid-template-columns: minmax(255px, 320px) minmax(0, 1fr); gap: 11px; align-items: start; }
.service-case-list { margin: 0; padding: 10px; position: sticky; top: 10px; max-height: calc(100vh - 32px); overflow: hidden; }
.service-case-list-heading { margin-bottom: 8px; }
.service-case-list-items { display: grid; gap: 6px; max-height: calc(100vh - 112px); overflow: auto; padding-inline-end: 2px; }
.service-case-list-item { display: block; min-width: 0; padding: 9px; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); color: var(--ms-text); text-decoration: none; }
.service-case-list-item:hover { border-color: var(--ms-border-strong); background: var(--ms-surface-input); }
.service-case-list-item.is-selected { border-color: var(--ms-accent); background: var(--ms-surface-hover); }
.service-case-list-title { display: flex; align-items: center; gap: 6px; justify-content: space-between; }
.service-case-list-title strong { color: var(--ms-text-strong); font-size: var(--ms-font-control); }
.service-case-list-customer { margin-top: 4px; display: flex; gap: 5px; align-items: center; flex-wrap: wrap; font-weight: 700; }
.service-case-list-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--ms-border); color: var(--ms-muted); font-size: var(--ms-font-small); }
.service-case-list-meta span:last-child { text-align: end; }
.service-case-workspace { min-width: 0; }
.service-case-workspace > .stack { margin: 0; }
.service-case-workspace > .stack > .card { margin-top: 0; }
.service-case-closure { border-color: var(--ms-border-strong); }
.service-case-check-list { display: grid; gap: 6px; margin-top: 8px; }
.service-case-check-list > div { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 7px 8px; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); }
.service-case-check-list > div strong { color: var(--ms-text); font-size: var(--ms-font-table); }
.service-case-check-list > div span { color: var(--ms-muted); font-size: var(--ms-font-small); white-space: nowrap; }
.service-case-check-list.is-blocked > div { border-color: var(--ms-danger); background: var(--ms-danger-bg); }
.service-case-check-list.is-warning > div { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.service-case-ready { margin-top: 8px; padding: 8px; border: 1px solid var(--ms-success); border-radius: 8px; background: var(--ms-success-bg); color: var(--ms-success); font-weight: 700; }
.service-case-closure-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 8px; }
.service-case-closure-facts > div { border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 7px 8px; }
.service-case-closure-facts span, .service-case-closure-facts strong { display: block; }
.service-case-closure-facts span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.service-case-closure-facts strong { margin-top: 2px; color: var(--ms-text); font-size: var(--ms-font-table); overflow-wrap: anywhere; }
.service-case-inline-action { margin-top: 8px; }
.service-case-close-form { margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--ms-border); }

@media (max-width: 1180px) {
    .service-case-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-case-filters { grid-template-columns: minmax(240px, 1fr) minmax(170px, .7fr); }
    .service-case-filter-actions { justify-content: flex-start; }
    .service-case-layout { grid-template-columns: minmax(235px, 285px) minmax(0, 1fr); }
}
@media (max-width: 860px) {
    .service-case-hero { grid-template-columns: 1fr; }
    .service-case-hero-actions { justify-content: flex-start; }
    .service-case-layout { grid-template-columns: 1fr; }
    .service-case-list { position: static; max-height: none; }
    .service-case-list-items { max-height: 360px; }
    .service-case-closure-facts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
    .service-case-metrics { grid-template-columns: 1fr 1fr; }
    .service-case-filters { grid-template-columns: 1fr; }
    .service-case-filter-actions { display: grid; grid-template-columns: 1fr; }
    .service-case-filter-actions .button, .service-case-filter-actions button { width: 100%; }
    .service-case-closure-facts { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .service-case-metrics { grid-template-columns: 1fr; }
    .service-case-hero-actions { display: grid; grid-template-columns: 1fr; }
    .service-case-hero-actions .button { width: 100%; }
}
.service-case-section-stack, .service-case-section-actions { margin-top: 8px; }

/* MANASERVICE 131 — Operational Customer 360 Workspace. Presentation only; all colors remain token-driven. */
.customer-360-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 20px; align-items: start; background: var(--ms-surface-alt); }
.customer-360-hero-copy h1 { margin: 4px 0 6px; color: var(--ms-text-strong); font-size: var(--ms-font-hero); line-height: 1.35; }
.customer-360-identity-line { margin-top: 2px; }
.customer-360-mobile { font-weight: 800; color: var(--ms-text-strong); }
.customer-360-hero-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.customer-360-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 11px 0; }
.customer-360-metric { min-width: 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface); padding: 11px 12px; box-shadow: 0 8px 20px var(--ms-shadow); }
.customer-360-metric > span, .customer-360-metric > small { display: block; color: var(--ms-muted); }
.customer-360-metric > strong { display: block; margin: 3px 0; color: var(--ms-text-strong); font-size: var(--ms-font-metric); line-height: 1.25; }
.customer-360-metric.is-success { border-color: var(--ms-success); background: var(--ms-success-bg); }
.customer-360-metric.is-attention { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.customer-360-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .72fr); gap: 11px; align-items: start; }
.customer-360-main, .customer-360-sidebar { min-width: 0; }
.customer-360-section { margin-top: 0; }
.customer-360-sidebar { position: sticky; top: 10px; display: grid; gap: 11px; }
.customer-360-sidebar > .card { margin: 0; }
.customer-device-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
.customer-device-card { min-width: 0; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 10px; }
.customer-device-card:nth-child(even) { background: var(--ms-surface); }
.customer-device-card.has-open-service { border-color: var(--ms-warning); }
.customer-device-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.customer-device-title { min-width: 0; display: grid; gap: 2px; }
.customer-device-title strong { color: var(--ms-text-strong); overflow-wrap: anywhere; }
.customer-device-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 8px; }
.customer-device-facts > div { min-width: 0; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 6px 7px; }
.customer-device-facts span, .customer-device-facts strong { display: block; }
.customer-device-facts span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.customer-device-facts strong { margin-top: 2px; color: var(--ms-text); font-size: var(--ms-font-table); overflow-wrap: anywhere; }
.customer-device-service-line { margin-top: 7px; color: var(--ms-muted); font-size: var(--ms-font-small); }
.customer-device-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--ms-border); }
.customer-device-actions .button { min-height: 32px; }
.customer-service-list { display: grid; gap: 7px; margin-top: 9px; }
.customer-service-item { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr) auto; gap: 10px; align-items: center; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 10px; }
.customer-service-item:nth-child(even) { background: var(--ms-surface); }
.customer-service-item.is-open { border-color: var(--ms-warning); }
.customer-service-main { min-width: 0; }
.customer-service-titleline { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.customer-service-device { margin-top: 4px; color: var(--ms-muted); font-size: var(--ms-font-small); }
.customer-service-main p { margin-bottom: 0; overflow-wrap: anywhere; }
.customer-service-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.customer-service-facts > div { min-width: 0; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 6px 7px; }
.customer-service-facts span, .customer-service-facts strong { display: block; }
.customer-service-facts span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.customer-service-facts strong { margin-top: 2px; color: var(--ms-text); font-size: var(--ms-font-table); overflow-wrap: anywhere; }
.customer-service-actions { min-width: 116px; }
.customer-service-actions .button { width: 100%; }
.customer-contact-timeline { position: relative; display: grid; gap: 0; margin-top: 9px; }
.customer-contact-item { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 7px; padding-bottom: 9px; }
.customer-contact-item:not(:last-child)::before { content: ''; position: absolute; right: 8px; top: 15px; bottom: -1px; width: 1px; background: var(--ms-border); }
.customer-contact-marker { width: 9px; height: 9px; margin: 7px 4px 0 0; border-radius: 50%; border: 2px solid var(--ms-accent); background: var(--ms-surface); z-index: 1; }
.customer-contact-content { min-width: 0; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); padding: 9px; }
.customer-contact-content p { overflow-wrap: anywhere; }
.customer-action-card { scroll-margin-top: 12px; }
.customer-action-card .field { margin-top: 7px; }
.customer-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }

@media (max-width: 1160px) {
    .customer-360-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr); }
    .customer-device-grid { grid-template-columns: 1fr; }
    .customer-device-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-service-item { grid-template-columns: 1fr minmax(220px, .8fr); }
    .customer-service-actions { grid-column: 1 / -1; min-width: 0; }
    .customer-service-actions .button { width: auto; }
}
@media (max-width: 900px) {
    .customer-360-hero { grid-template-columns: 1fr; }
    .customer-360-hero-actions { justify-content: flex-start; }
    .customer-360-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-360-layout { grid-template-columns: 1fr; }
    .customer-360-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .customer-360-sidebar { grid-template-columns: 1fr; }
    .customer-service-item { grid-template-columns: 1fr; }
    .customer-service-actions { grid-column: auto; }
    .customer-device-facts, .customer-service-facts { grid-template-columns: 1fr; }
}

/* Server 173 — global shell polish, stable sidebar type and layered surfaces. */
.side {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    box-shadow: -10px 0 28px var(--ms-shadow);
}

.nav-group > summary { font-size: var(--ms-sidebar-font-base); }
.nav-submenu a,
.nav-submenu .disabled { font-size: var(--ms-sidebar-font-base); }

.app-header {
    position: sticky;
    top: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
    align-items: center;
    margin-bottom: var(--ms-space-section);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border: 1px solid var(--ms-border-strong);
    border-top: 3px solid var(--ms-accent);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-header);
    box-shadow: 0 12px 30px var(--ms-shadow-raised);
}

.app-header__identity,
.app-header__copy { min-width: 0; }
.app-header__context {
    display: block;
    margin-bottom: var(--ms-space-1);
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
}
.app-header__title {
    display: block;
    color: var(--ms-text-strong);
    font-size: var(--ms-font-section-title);
    line-height: 1.4;
}
.app-header__actions {
    display: flex;
    gap: var(--ms-space-2);
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.app-header__meta {
    display: inline-flex;
    align-items: center;
    min-height: var(--ms-control-min-height);
    padding: var(--ms-control-padding-block) var(--ms-control-padding-inline);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-card);
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
}
.app-header__settings { background: var(--ms-surface-card-alt); }

.release-footer.app-footer {
    position: relative;
    z-index: 2;
    min-height: var(--ms-footer-height);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ms-space-2) var(--ms-space-4);
    align-items: center;
    padding: var(--ms-space-2) var(--ms-card-padding-inline);
    border-top: 2px solid var(--ms-divider);
    background: var(--ms-surface-footer);
    color: var(--ms-muted);
    font-size: var(--ms-font-small);
    box-shadow: 0 -8px 24px var(--ms-shadow);
}
.app-footer__identity,
.app-footer__meta { display: flex; gap: var(--ms-space-2) var(--ms-space-4); align-items: center; flex-wrap: wrap; }
.app-footer__meta { justify-content: flex-end; }
.app-footer strong { color: var(--ms-text-strong); font-size: var(--ms-font-card-title); }

input,
select { min-height: var(--ms-control-min-height); }
.button,
button { min-height: var(--ms-control-min-height); }

.card,
.metric,
.config-accordion,
.entity-accordion {
    background: var(--ms-surface-card);
    border-color: var(--ms-border-strong);
    box-shadow: 0 8px 22px var(--ms-shadow), inset 0 1px 0 var(--ms-highlight);
}
.card.card-alt,
.metric:nth-child(even),
.entity-accordion:nth-child(even) { background: var(--ms-surface-card-alt); }

.section-heading {
    margin: calc(-1 * var(--ms-card-padding-block)) calc(-1 * var(--ms-card-padding-inline)) var(--ms-space-3);
    padding: var(--ms-space-3) var(--ms-card-padding-inline);
    border-bottom: 2px solid var(--ms-divider);
    border-inline-start: 3px solid var(--ms-accent);
    background: var(--ms-surface-section-header);
}

.config-accordion > summary,
.entity-accordion > summary {
    background: var(--ms-surface-section-header);
    border-bottom-color: var(--ms-divider);
}
.config-accordion[open] > .config-accordion-body,
.entity-accordion[open] > .entity-accordion-body { background: var(--ms-surface-section-body); }
.configuration-workbench__content > .config-accordion:nth-child(3n+2) > summary,
.configuration-workbench__content > .config-accordion:nth-child(3n+2) .config-accordion-body > form {
    background: var(--ms-surface-card-alt);
}

.table-wrap { background: var(--ms-surface-section-body); box-shadow: 0 8px 22px var(--ms-shadow); }
tbody tr:nth-child(even) { background: var(--ms-highlight); }

@media (max-width: 900px) {
    .app-header { position: relative; grid-template-columns: 1fr; }
    .app-header__actions { justify-content: flex-start; }
}

@media (max-width: 680px) {
    .shell { grid-template-columns: 1fr; }
    .side { position: relative; width: 100%; height: auto; max-height: none; }
    .release-footer.app-footer { grid-template-columns: 1fr; }
    .app-footer__meta { justify-content: flex-start; }
}
@media (max-width: 480px) {
    .customer-360-metrics { grid-template-columns: 1fr; }
    .customer-360-hero-actions, .customer-device-actions { display: grid; grid-template-columns: 1fr; }
    .customer-360-hero-actions .button, .customer-device-actions .button, .customer-service-actions .button { width: 100%; }
    .customer-action-grid { grid-template-columns: 1fr; }
}

/* MANASERVICE 132 — Operational Warranty & Device Cardex Workspace. Presentation only. */
.eyebrow { display: inline-flex; color: var(--ms-accent); font-size: var(--ms-font-small); font-weight: 800; letter-spacing: .08em; }
.warranty-center-hero, .warranty-workspace-hero, .device-cardex-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 20px; align-items: start; background: var(--ms-surface-alt); }
.warranty-center-hero h2, .warranty-workspace-hero h2, .device-cardex-hero h2 { margin: 4px 0 6px; color: var(--ms-text-strong); font-size: var(--ms-font-hero); line-height: 1.35; }
.warranty-center-hero-actions, .warranty-workspace-hero-actions, .device-cardex-hero-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.warranty-center-metrics, .warranty-workspace-metrics, .device-cardex-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 11px 0; }
.warranty-center-metric, .warranty-workspace-metric, .device-cardex-metric { min-width: 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface); padding: 11px 12px; box-shadow: 0 8px 20px var(--ms-shadow); }
.warranty-center-metric > span, .warranty-center-metric > small, .warranty-workspace-metric > span, .warranty-workspace-metric > small, .device-cardex-metric > span, .device-cardex-metric > small { display: block; color: var(--ms-muted); }
.warranty-center-metric > strong, .warranty-workspace-metric > strong, .device-cardex-metric > strong { display: block; margin: 3px 0; color: var(--ms-text-strong); font-size: var(--ms-font-metric); line-height: 1.25; overflow-wrap: anywhere; }
.warranty-center-metric.is-success, .warranty-workspace-metric.is-success, .device-cardex-metric.is-success { border-color: var(--ms-success); background: var(--ms-success-bg); }
.warranty-center-metric.is-attention { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.warranty-center-filters { margin-bottom: 11px; }
.warranty-filter-form { display: grid; grid-template-columns: minmax(280px, 1.4fr) minmax(180px, .65fr) auto; gap: 9px; align-items: end; }
.warranty-filter-form .field { margin: 0; }
.warranty-filter-actions { display: flex; gap: 7px; align-items: center; min-height: 34px; }
.warranty-device-list { display: grid; gap: 9px; }
.warranty-device-card { margin: 0; }
.warranty-device-card.has-active-warranty { border-color: var(--ms-success); }
.warranty-device-card.needs-warranty { border-color: var(--ms-warning); }
.warranty-device-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.warranty-device-title { min-width: 0; }
.warranty-device-title h2 { margin-bottom: 6px; }
.warranty-device-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.warranty-device-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 9px; }
.warranty-device-facts > div { min-width: 0; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 7px 8px; }
.warranty-device-facts span, .warranty-device-facts strong, .warranty-device-facts small { display: block; }
.warranty-device-facts span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.warranty-device-facts strong { margin-top: 2px; color: var(--ms-text); overflow-wrap: anywhere; }
.warranty-device-facts small { margin-top: 2px; color: var(--ms-muted); }
.warranty-workspace-layout, .device-cardex-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .72fr); gap: 11px; align-items: start; }
.warranty-workspace-main, .device-cardex-main, .warranty-workspace-sidebar, .device-cardex-sidebar { min-width: 0; }
.warranty-workspace-main, .device-cardex-main { display: grid; gap: 11px; }
.warranty-workspace-main > .card, .device-cardex-main > .card { margin: 0; }
.warranty-workspace-sidebar, .device-cardex-sidebar { position: sticky; top: 10px; display: grid; gap: 11px; }
.warranty-workspace-sidebar > .card, .device-cardex-sidebar > .card { margin: 0; }
.warranty-timeline { position: relative; display: grid; gap: 0; margin-top: 9px; }
.warranty-timeline-item { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 7px; padding-bottom: 9px; }
.warranty-timeline-item:not(:last-child)::before { content: ''; position: absolute; right: 8px; top: 15px; bottom: -1px; width: 1px; background: var(--ms-border); }
.warranty-timeline-marker { width: 9px; height: 9px; margin: 7px 4px 0 0; border-radius: 50%; border: 2px solid var(--ms-accent); background: var(--ms-surface); z-index: 1; }
.warranty-timeline-content { min-width: 0; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); padding: 9px; }
.warranty-service-list { display: grid; gap: 7px; margin-top: 9px; }
.warranty-service-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .85fr) auto; gap: 10px; align-items: center; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 10px; }
.warranty-service-item:nth-child(even) { background: var(--ms-surface); }
.warranty-service-main, .warranty-service-detail { min-width: 0; }
.warranty-service-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.warranty-action-card .field { margin-top: 7px; }
.warranty-cancel-panel { margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--ms-border); }
.device-cardex-fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.device-cardex-fact-grid.three-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.device-cardex-service-list, .device-cardex-contact-list { display: grid; gap: 7px; margin-top: 9px; }
.device-cardex-service-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 10px; }
.device-cardex-service-item:nth-child(even) { background: var(--ms-surface); }
.device-cardex-service-main { min-width: 0; }
.device-cardex-service-main p { margin-bottom: 0; }
.device-cardex-service-action { min-width: 118px; }
.device-cardex-service-action .button { width: 100%; }
.device-cardex-summary-list { display: grid; gap: 6px; margin-top: 8px; }
.device-cardex-summary-list > div { border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 7px 8px; }
.device-cardex-summary-list span, .device-cardex-summary-list strong { display: block; }
.device-cardex-summary-list span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.device-cardex-summary-list strong { margin-top: 2px; color: var(--ms-text); overflow-wrap: anywhere; }
.device-cardex-technical summary { cursor: pointer; }
.device-cardex-technical h3 { margin-top: 12px; }
.technical-id-row { margin-top: 9px; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 7px 8px; }
.technical-id-row span, .technical-id-row strong { display: block; }
.technical-id-row span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.print-page .print-footnote { margin-top: 20px; }

@media (max-width: 1160px) {
    .warranty-center-metrics, .warranty-workspace-metrics, .device-cardex-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .warranty-device-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .warranty-service-item { grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr); }
    .warranty-service-actions { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 900px) {
    .warranty-center-hero, .warranty-workspace-hero, .device-cardex-hero { grid-template-columns: 1fr; }
    .warranty-center-hero-actions, .warranty-workspace-hero-actions, .device-cardex-hero-actions { justify-content: flex-start; }
    .warranty-filter-form { grid-template-columns: 1fr 1fr; }
    .warranty-filter-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .warranty-workspace-layout, .device-cardex-layout { grid-template-columns: 1fr; }
    .warranty-workspace-sidebar, .device-cardex-sidebar { position: static; }
    .device-cardex-fact-grid.three-columns { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
    .warranty-device-head { display: grid; grid-template-columns: 1fr; }
    .warranty-device-actions { justify-content: flex-start; }
    .warranty-service-item { grid-template-columns: 1fr; }
    .warranty-service-actions { grid-column: auto; }
    .device-cardex-fact-grid, .device-cardex-fact-grid.three-columns { grid-template-columns: 1fr; }
    .device-cardex-service-item { grid-template-columns: 1fr; }
    .device-cardex-service-action { min-width: 0; }
    .device-cardex-service-action .button { width: auto; }
}
@media (max-width: 520px) {
    .warranty-center-metrics, .warranty-workspace-metrics, .device-cardex-metrics { grid-template-columns: 1fr; }
    .warranty-filter-form { grid-template-columns: 1fr; }
    .warranty-filter-actions { grid-column: auto; display: grid; grid-template-columns: 1fr; }
    .warranty-filter-actions .button, .warranty-filter-actions button, .warranty-device-actions .button, .warranty-device-actions .primary, .warranty-workspace-hero-actions .button, .warranty-workspace-hero-actions .primary, .device-cardex-hero-actions .button, .device-cardex-hero-actions .primary { width: 100%; }
    .warranty-device-actions, .warranty-workspace-hero-actions, .device-cardex-hero-actions { display: grid; grid-template-columns: 1fr; }
    .warranty-device-facts { grid-template-columns: 1fr; }
}

/* MANASERVICE 133 — Operational Customer Care Workspace.
   Presentation only: Customer Care authority remains the Server 123 Follow-up / Complaint / Happy Call foundation. */
.customer-care-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 20px; align-items: start; background: var(--ms-surface-alt); }
.customer-care-hero-copy h1 { margin: 4px 0 6px; color: var(--ms-text-strong); font-size: var(--ms-font-hero); line-height: 1.35; }
.customer-care-hero-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.customer-care-filter-form { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(260px, 1.25fr) minmax(150px, .55fr) minmax(150px, .55fr) auto; gap: 9px; align-items: end; padding-top: 12px; border-top: 1px solid var(--ms-border); }
.customer-care-filter-form .field { margin: 0; }
.customer-care-filter-actions { display: flex; gap: 7px; align-items: center; min-height: 34px; }
.customer-care-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 11px 0; }
.customer-care-metric { min-width: 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface); padding: 11px 12px; box-shadow: 0 8px 20px var(--ms-shadow); }
.customer-care-metric > span, .customer-care-metric > small { display: block; color: var(--ms-muted); }
.customer-care-metric > strong { display: block; margin: 3px 0; color: var(--ms-text-strong); font-size: var(--ms-font-metric); line-height: 1.25; }
.customer-care-metric.is-warning { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.customer-care-metric.is-danger { border-color: var(--ms-danger); background: var(--ms-danger-bg); }
.customer-care-metric.is-attention { border-color: var(--ms-border-strong); background: var(--ms-surface-raised); }
.customer-care-section { overflow: hidden; }
.customer-care-list { display: grid; gap: 9px; margin-top: 9px; }
.customer-care-item { border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface-raised); padding: 11px; }
.customer-care-item:nth-child(even) { background: var(--ms-surface); }
.customer-care-item.is-overdue, .customer-care-item.complaint-severity-high { border-color: var(--ms-warning); }
.customer-care-item.complaint-severity-critical { border-color: var(--ms-danger); background: var(--ms-danger-bg); }
.customer-care-item-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: start; }
.customer-care-titleline { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.customer-care-item-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.customer-care-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 9px; }
.customer-care-facts > div { min-width: 0; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 7px 8px; }
.customer-care-facts span, .customer-care-facts strong { display: block; }
.customer-care-facts span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.customer-care-facts strong { margin-top: 2px; color: var(--ms-text); overflow-wrap: anywhere; }
.customer-care-result { display: grid; gap: 3px; margin-top: 9px; padding: 9px; border: 1px solid var(--ms-success); border-radius: 9px; background: var(--ms-success-bg); }
.customer-care-result span { color: var(--ms-text); }
.customer-care-inline-form, .customer-care-complaint-form { display: grid; grid-template-columns: minmax(160px, .55fr) minmax(220px, 1fr) auto; gap: 8px; align-items: end; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ms-border); }
.customer-care-complaint-form { grid-template-columns: minmax(150px, .5fr) minmax(180px, .65fr) minmax(220px, 1fr) minmax(220px, 1fr) auto; }
.customer-care-inline-form .field, .customer-care-complaint-form .field { margin: 0; }
.customer-care-grow { min-width: 0; }
.customer-care-inline-action { align-self: end; }
.customer-care-timeline { margin-top: 9px; border-top: 1px solid var(--ms-border); padding-top: 8px; }
.customer-care-timeline summary, .customer-care-create summary { cursor: pointer; font-weight: 800; color: var(--ms-text-strong); }
.customer-care-timeline-list { display: grid; gap: 6px; margin-top: 8px; }
.customer-care-timeline-list > div { display: grid; gap: 2px; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 7px 8px; }
.customer-care-timeline-list span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.happy-call-form { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ms-border); }
.happy-call-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.happy-call-grid .field { margin: 0; }
.customer-care-history-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 9px; }
.customer-care-history-item { min-width: 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface-raised); padding: 10px; }
.customer-care-rating-line { display: grid; grid-template-columns: repeat(6, auto); gap: 5px 8px; align-items: center; margin-top: 8px; padding: 7px 8px; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); }
.customer-care-rating-line span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.customer-care-create { margin-top: 9px; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); padding: 9px; }
.customer-care-create form { margin-top: 9px; }

@media (max-width: 980px) {
    .customer-care-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-care-filter-form { grid-template-columns: 1fr 1fr; }
    .customer-care-filter-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .customer-care-complaint-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-care-complaint-form .customer-care-inline-action { grid-column: 1 / -1; }
    .happy-call-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .customer-care-hero { grid-template-columns: 1fr; }
    .customer-care-hero-actions { justify-content: flex-start; }
    .customer-care-filter-form { grid-template-columns: 1fr; }
    .customer-care-filter-actions { grid-column: auto; }
    .customer-care-item-head { grid-template-columns: 1fr; }
    .customer-care-item-actions { justify-content: flex-start; }
    .customer-care-facts { grid-template-columns: 1fr; }
    .customer-care-inline-form, .customer-care-complaint-form { grid-template-columns: 1fr; }
    .customer-care-complaint-form .customer-care-inline-action { grid-column: auto; }
    .customer-care-history-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
    .customer-care-metrics, .happy-call-grid { grid-template-columns: 1fr; }
    .customer-care-hero-actions, .customer-care-item-actions, .customer-care-filter-actions { display: grid; grid-template-columns: 1fr; }
    .customer-care-hero-actions .button, .customer-care-item-actions .button, .customer-care-filter-actions .button, .customer-care-filter-actions button, .customer-care-inline-action button { width: 100%; }
    .customer-care-rating-line { grid-template-columns: auto 1fr; }
}

/* MANASERVICE 134 — Operational Service Accounting Workspace.
   Presentation/read composition only: Server 124 accounting authority and append-only evidence remain canonical. */
.accounting-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px 20px; align-items: start; background: var(--ms-surface-alt); }
.accounting-hero-copy h1 { margin: 4px 0 6px; color: var(--ms-text-strong); font-size: var(--ms-font-hero); line-height: 1.35; }
.accounting-hero-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.accounting-filter-form { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(260px,1.2fr) minmax(180px,.55fr) auto; gap: 9px; align-items: end; padding-top: 12px; border-top: 1px solid var(--ms-border); }
.accounting-filter-form .field { margin: 0; }
.accounting-filter-actions { display: flex; gap: 7px; align-items: center; min-height: 34px; }
.accounting-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; margin: 11px 0; }
.accounting-metric { min-width: 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface); padding: 10px 11px; box-shadow: 0 8px 20px var(--ms-shadow); }
.accounting-metric > span,.accounting-metric > small { display: block; color: var(--ms-muted); }
.accounting-metric > strong { display: block; margin: 3px 0; color: var(--ms-text-strong); font-size: var(--ms-font-metric); line-height: 1.2; }
.accounting-metric.is-warning { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.accounting-metric.is-attention { border-color: var(--ms-border-strong); background: var(--ms-surface-raised); }
.accounting-currency-summary { overflow: hidden; }
.accounting-currency-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 9px; }
.accounting-currency-card { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 9px; }
.accounting-currency-card > div { min-width: 0; }
.accounting-currency-card span,.accounting-currency-card strong { display: block; }
.accounting-currency-card span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.accounting-currency-card strong { margin-top: 2px; color: var(--ms-text-strong); overflow-wrap: anywhere; }
.accounting-currency-head { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 7px; border-bottom: 1px solid var(--ms-border); }
.accounting-currency-head strong { font-size: var(--ms-font-card-title); }
.accounting-layout { display: grid; grid-template-columns: minmax(300px,.68fr) minmax(0,1.62fr); gap: 11px; align-items: start; }
.accounting-case-queue { position: sticky; top: 10px; max-height: calc(100vh - 20px); overflow: auto; }
.accounting-case-list { display: grid; gap: 7px; margin-top: 8px; }
.accounting-case-item { display: grid; gap: 4px; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 9px; color: var(--ms-text); text-decoration: none; }
.accounting-case-item:hover,.accounting-case-item.is-selected { border-color: var(--ms-accent); background: var(--ms-accent-soft); }
.accounting-case-titleline { display: flex; gap: 6px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.accounting-case-balances { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin-top: 3px; }
.accounting-case-balances span { min-width: 0; color: var(--ms-muted); font-size: var(--ms-font-small); }
.accounting-case-balances b { color: var(--ms-text-strong); }
.accounting-create-case { margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--ms-border); }
.accounting-create-case summary,.accounting-action-card > summary,.accounting-tariff-create summary,.accounting-reversal summary { cursor: pointer; font-weight: 800; color: var(--ms-text-strong); }
.accounting-eligible-list { display: grid; gap: 7px; margin-top: 8px; }
.accounting-eligible-item { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.5fr); gap: 8px; align-items: end; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-input); padding: 8px; }
.accounting-open-case-form { display: grid; grid-template-columns: minmax(90px,1fr) auto; gap: 6px; align-items: end; }
.accounting-open-case-form .field { margin: 0; }
.accounting-workspace { min-width: 0; }
.accounting-case-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: start; background: var(--ms-surface-alt); }
.accounting-case-hero h2 { margin: 3px 0 5px; font-size: var(--ms-font-metric); }
.accounting-case-hero p { margin: 0 0 7px; }
.accounting-case-hero-meta { display: grid; gap: 4px; min-width: 230px; color: var(--ms-muted); font-size: var(--ms-font-small); text-align: left; }
.accounting-case-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 10px 0; }
.accounting-case-metrics > div { min-width: 0; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface); padding: 9px 10px; }
.accounting-case-metrics span,.accounting-case-metrics small { display: block; color: var(--ms-muted); }
.accounting-case-metrics strong { display: block; margin: 3px 0; color: var(--ms-text-strong); font-size: var(--ms-font-brand); }
.accounting-case-metrics .is-warning { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.accounting-case-metrics .is-success { border-color: var(--ms-success); background: var(--ms-success-bg); }
.accounting-detail-layout { display: grid; grid-template-columns: minmax(0,1.48fr) minmax(290px,.7fr); gap: 10px; align-items: start; }
.accounting-detail-main { min-width: 0; }
.accounting-actions { display: grid; gap: 9px; position: sticky; top: 10px; }
.accounting-actions > .card { margin: 0; }
.accounting-action-card { padding: 10px; }
.accounting-action-card > form { margin-top: 9px; }
.accounting-action-card .field { margin-top: 7px; }
.accounting-action-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.accounting-ledger-card { overflow: hidden; }
.accounting-ledger-item { display: grid; gap: 7px; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); padding: 9px; margin-top: 7px; }
.accounting-ledger-item:nth-of-type(even) { background: var(--ms-surface); }
.accounting-ledger-item.is-muted { opacity: .72; }
.accounting-ledger-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: start; }
.accounting-ledger-amount { text-align: left; }
.accounting-ledger-amount strong,.accounting-ledger-amount span { display: block; }
.accounting-ledger-amount strong { color: var(--ms-text-strong); font-size: var(--ms-font-card-title); }
.accounting-ledger-amount span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.accounting-ledger-meta { display: flex; gap: 6px 10px; flex-wrap: wrap; color: var(--ms-muted); font-size: var(--ms-font-small); }
.accounting-reversal { padding-top: 7px; border-top: 1px solid var(--ms-border); }
.accounting-inline-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; align-items: end; margin-top: 7px; }
.accounting-inline-form .field { margin: 0; }
.accounting-grow { min-width: 0; }
.accounting-history-list { display: grid; gap: 7px; margin-top: 8px; }
.accounting-history-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 10px; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); padding: 8px 9px; }
.accounting-history-item > div { min-width: 0; }
.accounting-history-item strong,.accounting-history-item span { display: block; }
.accounting-history-item span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.accounting-tariff-section { scroll-margin-top: 10px; }
.accounting-tariff-create { border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); padding: 9px; margin-top: 9px; }
.accounting-tariff-create form { margin-top: 9px; }
.accounting-tariff-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.accounting-tariff-grid .field { margin: 0; }
.accounting-check { display: flex; align-items: center; gap: 7px; min-height: 34px; color: var(--ms-text); }
.accounting-tariff-list { display: grid; gap: 7px; margin-top: 9px; }
.accounting-tariff-item { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(170px,.55fr) auto; gap: 10px; align-items: center; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); padding: 9px; }

@media (max-width: 1180px) {
    .accounting-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .accounting-currency-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .accounting-layout { grid-template-columns: minmax(280px,.72fr) minmax(0,1.35fr); }
    .accounting-detail-layout { grid-template-columns: 1fr; }
    .accounting-actions { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
    .accounting-hero,.accounting-case-hero { grid-template-columns: 1fr; }
    .accounting-hero-actions { justify-content: flex-start; }
    .accounting-filter-form { grid-template-columns: 1fr 1fr; }
    .accounting-filter-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .accounting-layout { grid-template-columns: 1fr; }
    .accounting-case-queue { position: static; max-height: none; }
    .accounting-case-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .accounting-case-hero-meta { min-width: 0; text-align: right; }
    .accounting-tariff-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
    .accounting-metrics,.accounting-currency-grid,.accounting-actions { grid-template-columns: 1fr; }
    .accounting-currency-card { grid-template-columns: 1fr; }
    .accounting-currency-head { grid-column: auto; }
    .accounting-eligible-item,.accounting-history-item,.accounting-tariff-item { grid-template-columns: 1fr; }
    .accounting-open-case-form { grid-template-columns: 1fr auto; }
}
@media (max-width: 520px) {
    .accounting-filter-form,.accounting-case-metrics,.accounting-action-grid,.accounting-tariff-grid { grid-template-columns: 1fr; }
    .accounting-filter-actions { grid-column: auto; display: grid; grid-template-columns: 1fr; }
    .accounting-hero-actions,.accounting-filter-actions { width: 100%; }
    .accounting-hero-actions .button,.accounting-filter-actions .button,.accounting-filter-actions button { width: 100%; }
    .accounting-ledger-head,.accounting-inline-form,.accounting-open-case-form { grid-template-columns: 1fr; }
    .accounting-ledger-amount { text-align: right; }
}

/* MANASERVICE 135 — Parts + Finance Integration UI.
   Presentation/read composition only: Inventory ISSUE remains stock authority and Service Accounting remains pricing/coverage authority. */
.accounting-parts-finance { overflow: hidden; }
.accounting-part-issue-list { display: grid; gap: 9px; margin-top: 9px; }
.accounting-part-issue { border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface-raised); padding: 11px; }
.accounting-part-issue.is-pending { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.accounting-part-issue.is-linked { border-color: var(--ms-success); }
.accounting-part-issue-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: start; }
.accounting-part-issue-meta { display: flex; gap: 7px 12px; flex-wrap: wrap; margin-top: 8px; color: var(--ms-muted); font-size: var(--ms-font-small); }
.accounting-part-charge-form { display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(170px, .55fr) minmax(210px, .8fr) auto; gap: 8px; align-items: end; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ms-border); }
.accounting-part-charge-form .field { margin: 0; }
.accounting-part-note { margin: 7px 0 0; }
@media (max-width: 980px) {
    .accounting-part-charge-form { grid-template-columns: 1fr 1fr; }
    .accounting-part-charge-form button { width: 100%; }
}
@media (max-width: 620px) {
    .accounting-part-issue-head { grid-template-columns: 1fr; }
    .accounting-part-charge-form { grid-template-columns: 1fr; }
}

/* MANASERVICE 136 — Management Operations Dashboard.
   Read composition only: existing Service/SLA, Warranty, Customer Care, Inventory and Accounting remain authorities. */
.management-hero { display: grid; grid-template-columns: minmax(0,1.45fr) auto; gap: 18px; align-items: start; background: var(--ms-surface-alt); }
.management-hero h1 { margin: 4px 0 7px; font-size: var(--ms-font-page-title); color: var(--ms-text-strong); }
.management-hero p { margin: 0; max-width: 900px; color: var(--ms-muted); line-height: 1.8; }
.management-eyebrow { color: var(--ms-accent); font-weight: 800; font-size: var(--ms-font-small); }
.management-hero-chips { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 11px; }
.management-hero-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.management-kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 10px 0; }
.management-kpi { display: grid; gap: 4px; min-height: 104px; padding: 12px; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface); color: var(--ms-text); text-decoration: none; }
.management-kpi:hover { border-color: var(--ms-accent); background: var(--ms-accent-soft); }
.management-kpi span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.management-kpi strong { font-size: var(--ms-font-kpi); line-height: 1.1; color: var(--ms-text-strong); }
.management-kpi small { color: var(--ms-muted); line-height: 1.65; }
.management-kpi.is-warning { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.management-kpi.is-danger { border-color: var(--ms-danger); background: var(--ms-danger-bg); }
.management-kpi.is-success { border-color: var(--ms-success); background: var(--ms-success-bg); }
.management-kpi.is-attention { border-color: var(--ms-accent); background: var(--ms-accent-soft); }
.management-main-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(300px,.7fr); gap: 10px; align-items: start; }
.management-attention-card { min-width: 0; }
.management-attention-list { display: grid; gap: 7px; margin-top: 8px; }
.management-attention-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); color: var(--ms-text); text-decoration: none; }
.management-attention-item:hover { border-color: var(--ms-warning); background: var(--ms-warning-bg); }
.management-attention-copy { min-width: 0; }
.management-attention-copy strong,.management-attention-copy span { display: block; }
.management-attention-copy strong { color: var(--ms-text-strong); }
.management-attention-copy span { margin-top: 3px; color: var(--ms-muted); font-size: var(--ms-font-small); overflow-wrap: anywhere; }
.management-attention-signals { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.management-side-stack { display: grid; gap: 10px; }
.management-side-stack > .card { margin: 0; }
.management-module-card { min-width: 0; }
.management-stat-list { display: grid; gap: 3px; margin-top: 7px; }
.management-stat-list > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--ms-border); }
.management-stat-list > div:last-child { border-bottom: 0; }
.management-stat-list span { color: var(--ms-muted); }
.management-stat-list strong { color: var(--ms-text-strong); font-size: var(--ms-font-card-title); }
.management-finance-card { margin-top: 10px; }
.management-currency-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 9px; }
.management-currency-card { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; padding: 10px; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); }
.management-currency-head { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid var(--ms-border); }
.management-currency-head strong { color: var(--ms-text-strong); font-size: var(--ms-font-brand); }
.management-currency-head span,.management-currency-card > div span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.management-currency-card > div b { display: block; margin-top: 3px; color: var(--ms-text-strong); }
.management-foundation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.management-foundation-grid > .card { margin: 0; }
.management-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 8px; }
.management-directory-grid > div { padding: 9px; border: 1px solid var(--ms-border); border-radius: 9px; background: var(--ms-surface-raised); }
.management-directory-grid span,.management-directory-grid strong { display: block; }
.management-directory-grid span { color: var(--ms-muted); font-size: var(--ms-font-small); }
.management-directory-grid strong { margin-top: 3px; color: var(--ms-text-strong); font-size: var(--ms-font-brand); }
.management-entitlements { margin-top: 10px; }
.management-entitlement-list { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
@media (max-width: 1180px) {
    .management-kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .management-currency-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
    .management-hero,.management-main-grid { grid-template-columns: 1fr; }
    .management-hero-actions { justify-content: flex-start; }
    .management-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .management-side-stack { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .management-foundation-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .management-kpi-grid,.management-currency-grid,.management-side-stack { grid-template-columns: 1fr; }
    .management-currency-card { grid-template-columns: 1fr; }
    .management-currency-head { grid-column: auto; }
    .management-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .management-attention-item { grid-template-columns: 1fr; }
    .management-attention-signals { justify-content: flex-start; }
}
@media (max-width: 480px) {
    .management-directory-grid { grid-template-columns: 1fr; }
    .management-hero-actions,.management-hero-actions .button { width: 100%; }
}

/* MANASERVICE 137 — Service Intake Draft Foundation.
   Draft-only reception workspace; no canonical Device or Service Request is created here. */
.intake-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: start; background: var(--ms-surface-alt); }
.intake-hero h1 { margin: 4px 0 7px; color: var(--ms-text-strong); font-size: var(--ms-font-hero); line-height: 1.35; }
.intake-hero p { margin: 0; color: var(--ms-muted); max-width: 900px; }
.intake-hero-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }
.intake-form-card { max-width: 1120px; margin-left: auto; margin-right: auto; }
.intake-grid { display: grid; gap: 9px; }
.intake-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.intake-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.intake-details { margin-top: 10px; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); padding: 8px 10px; }
.intake-details > summary { cursor: pointer; color: var(--ms-text-strong); font-weight: 800; }
.intake-details[open] > summary { padding-bottom: 7px; border-bottom: 1px solid var(--ms-border); }
.intake-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 10px 0; }
.intake-lock-note { border-color: var(--ms-success); background: var(--ms-success-bg); }
.intake-lock-note strong { color: var(--ms-success); }
.intake-customer-banner { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 9px 0 12px; }
.intake-customer-banner > div,.intake-read-facts > div { min-width: 0; border: 1px solid var(--ms-border); border-radius: 8px; background: var(--ms-surface-input); padding: 8px; }
.intake-customer-banner span,.intake-read-facts span { display: block; color: var(--ms-muted); font-size: var(--ms-font-small); }
.intake-customer-banner strong,.intake-read-facts strong { display: block; margin-top: 3px; color: var(--ms-text-strong); overflow-wrap: anywhere; }
.intake-read-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.intake-card-list,.intake-device-list,.intake-queue { display: grid; gap: 8px; margin-top: 9px; }
.intake-mini-card { padding: 10px; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); }
.intake-mini-card > div:first-child { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.intake-mini-card form { margin-top: 7px; }
.intake-add-panel { margin-top: 10px; }
.intake-device-card { border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); overflow: hidden; }
.intake-device-card > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; padding: 10px; color: var(--ms-text); }
.intake-device-card[open] > summary { border-bottom: 1px solid var(--ms-border); background: var(--ms-surface-input); }
.intake-device-body { padding: 10px; }
.intake-inline-delete { margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--ms-border); }
.intake-ready-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; border-color: var(--ms-border-strong); }
.intake-ready-card h2 { margin: 0 0 5px; color: var(--ms-text-strong); }
.intake-ready-card p { margin: 0 0 7px; }
.intake-queue-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--ms-border); border-radius: 10px; background: var(--ms-surface-raised); color: var(--ms-text); text-decoration: none; }
.intake-queue-item:hover { border-color: var(--ms-accent); background: var(--ms-surface-hover); }
.intake-queue-item > div:first-child strong,.intake-queue-item > div:first-child span,.intake-queue-item > div:first-child small { display: block; }
.intake-queue-item > div:first-child span { margin-top: 2px; color: var(--ms-text-strong); }
.intake-queue-item > div:first-child small { color: var(--ms-muted); }
.intake-queue-facts { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; justify-content: flex-end; color: var(--ms-muted); font-size: var(--ms-font-small); }
@media (max-width: 900px) {
    .intake-hero,.intake-ready-card,.intake-queue-item { grid-template-columns: 1fr; }
    .intake-hero-actions,.intake-queue-facts { justify-content: flex-start; }
    .intake-grid-three,.intake-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
    .intake-grid-two,.intake-grid-three,.intake-summary-grid,.intake-customer-banner,.intake-read-facts { grid-template-columns: 1fr; }
    .intake-device-card > summary { align-items: flex-start; flex-direction: column; }
    .intake-ready-card form,.intake-ready-card button,.intake-hero-actions,.intake-hero-actions .button { width: 100%; }
}

/* Server 149 — Configuration shell discipline + Foundation B */
body { padding-bottom: 0; }
.shell { min-height: calc(100vh - var(--ms-footer-height)); }
.main { min-height: calc(100vh - var(--ms-footer-height)); }

.nav-group {
    border: 1px solid var(--ms-border);
    border-radius: 9px;
    margin: 8px 0;
    overflow: hidden;
    background: var(--ms-surface-alt);
}
.nav-group > summary {
    list-style: none;
    cursor: pointer;
    padding: 9px 10px;
    font-size: var(--ms-font-helper);
    font-weight: 800;
    color: var(--ms-text-strong);
    background: var(--ms-surface-raised);
    border-bottom: 1px solid transparent;
}
.nav-group > summary::-webkit-details-marker { display: none; }
.nav-group[open] > summary { border-bottom-color: var(--ms-border); }
.nav-group > summary::before { content: '‹'; display: inline-block; margin-left: 7px; transition: transform .16s ease; }
.nav-group[open] > summary::before { transform: rotate(-90deg); }
.nav-submenu { padding: 5px; }
.nav-submenu a, .nav-submenu .disabled { margin: 1px 0; }
.nav-submenu a.active { background: var(--ms-surface-hover); border: 1px solid var(--ms-border-strong); color: var(--ms-text-strong); }

.release-footer {
    position: relative;
    z-index: 1;
    min-height: var(--ms-footer-height);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 3px 12px;
    border-top: 1px solid var(--ms-border-strong);
    background: var(--ms-surface-raised);
    color: var(--ms-muted);
    font-size: var(--ms-font-small);
    box-shadow: 0 -4px 14px var(--ms-shadow);
}
.release-footer span:first-child { color: var(--ms-text-strong); font-weight: 800; }

.configuration-page { display: grid; gap: 12px; }
.configuration-page > .card,
.configuration-page > .config-accordion {
    margin: 0;
    border: 2px solid var(--ms-border-emphasis);
    box-shadow: 0 8px 20px var(--ms-shadow);
}
.config-overview { border-width: 2px; }
.config-kpi-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 8px;
    margin-top: 10px;
}
.config-kpi-row > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid var(--ms-border);
    border-radius: 8px;
    background: var(--ms-surface-input);
}
.config-kpi-row b { color: var(--ms-text-strong); }

.config-accordion { padding: 0; overflow: clip; scroll-margin-top: 12px; }
.config-accordion > summary,
.entity-accordion > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 54px;
    padding: 10px 13px;
    background: var(--ms-card-header-bg);
    color: var(--ms-text-strong);
    border-bottom: 2px solid transparent;
}
.config-accordion > summary::-webkit-details-marker,
.entity-accordion > summary::-webkit-details-marker { display: none; }
.config-accordion > summary > span:first-child,
.entity-accordion > summary > span:first-child { display: grid; gap: 2px; min-width: 0; }
.config-accordion > summary small,
.entity-accordion > summary small { color: var(--ms-muted); font-weight: 400; }
.config-accordion > summary::before,
.entity-accordion > summary::before {
    content: '‹';
    flex: 0 0 auto;
    color: var(--ms-muted);
    transition: transform .16s ease;
}
.config-accordion[open] > summary,
.entity-accordion[open] > summary { border-bottom-color: var(--ms-border-emphasis); }
.config-accordion[open] > summary::before,
.entity-accordion[open] > summary::before { transform: rotate(-90deg); }
.config-accordion-body { padding: 14px; }
.entity-accordion { padding: 0; overflow: clip; border-width: 1px; }
.entity-accordion > summary { min-height: 46px; padding: 8px 10px; border-bottom-width: 1px; }
.entity-accordion-body { padding: 11px; }
.config-entity-stack { margin-top: 12px; }

.config-form-grid { align-items: start; }
.config-form-grid .field { margin: 0; display: flex; flex-direction: column; min-width: 0; }
.config-form-grid .field > label { min-height: 24px; margin: 0 0 4px; display: flex; align-items: flex-end; }
.config-form-grid input,
.config-form-grid select,
.config-form-grid textarea { min-height: 38px; }
.config-form-grid .span-2 { grid-column: span 2; }
.compact-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.config-fieldset {
    margin: 12px 0 0;
    padding: 10px;
    border: 1px solid var(--ms-border);
    border-radius: 9px;
    background: var(--ms-surface-alt);
}
.config-fieldset legend { padding: 0 7px; color: var(--ms-text-strong); font-weight: 700; }
.toggle-field {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    margin: 24px 0 0;
    padding: 7px 9px;
    border: 1px solid var(--ms-border);
    border-radius: 8px;
    background: var(--ms-surface-input);
}
.toggle-field input { width: auto; min-height: auto; margin: 0; }
.inline-form {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(140px, 1fr) auto;
    gap: 7px;
    align-items: end;
    margin-top: 10px;
}
.inline-details > summary { cursor: pointer; color: var(--ms-link); }
.compact-status-form {
    display: grid;
    grid-template-columns: minmax(120px, 160px) minmax(150px, 1fr) auto;
    gap: 6px;
    align-items: center;
    margin-top: 7px;
}
.definition-grid {
    display: grid;
    grid-template-columns: minmax(70px, auto) 1fr;
    gap: 5px 10px;
    align-items: center;
    margin: 8px 0;
}
.definition-grid > span { color: var(--ms-muted); }
.definition-grid > b { color: var(--ms-text); font-weight: 700; }

@media (max-width: 850px) {
    .release-footer { justify-content: flex-start; overflow-x: auto; white-space: nowrap; }
    .config-form-grid .span-2 { grid-column: auto; }
    .inline-form, .compact-status-form { grid-template-columns: 1fr; }
    .toggle-field { margin-top: 0; }
}

/* Server 150 — header contrast, anchored return, capability grid discipline */
.section-heading {
    align-items: center;
}
.section-heading > div {
    min-width: 0;
    flex: 1 1 auto;
    text-align: right;
}
.section-heading > .chip,
.section-heading > .service-count {
    flex: 0 0 auto;
}

.config-accordion > summary,
.entity-accordion > summary {
    position: relative;
    align-items: center;
    text-align: right;
    background: var(--ms-surface-section-header);
    border-bottom-color: var(--ms-divider);
    padding-right: 14px;
    padding-left: 40px;
}
.config-accordion > summary > span:first-child,
.entity-accordion > summary > span:first-child {
    flex: 1 1 auto;
    text-align: right;
    align-content: center;
}
.config-accordion > summary::before,
.entity-accordion > summary::before {
    content: none;
}
.config-accordion > summary::after,
.entity-accordion > summary::after {
    content: '‹';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ms-muted);
    transition: transform .16s ease;
}
.config-accordion[open] > summary::after,
.entity-accordion[open] > summary::after {
    transform: translateY(-50%) rotate(-90deg);
}
.config-accordion > summary strong,
.entity-accordion > summary strong {
    display: block;
    margin: 0;
    line-height: 1.45;
}
.config-accordion > summary small,
.entity-accordion > summary small {
    line-height: 1.45;
}

.capability-card {
    border-width: 1px;
}
.capability-card > strong,
.capability-card > legend {
    display: block;
    margin-bottom: 10px;
}
.capability-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}
.capability-cell {
    position: relative;
    display: grid;
    gap: 4px;
    min-height: 82px;
    padding: 10px 12px 10px 30px;
    border: 1px solid var(--ms-border);
    border-radius: 8px;
    background: var(--ms-capability-cell-bg);
    cursor: pointer;
    text-align: right;
}
.capability-cell:hover {
    border-color: var(--ms-border-strong);
    background: var(--ms-surface-hover);
}
.capability-cell input {
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto;
    min-height: auto;
    margin: 0;
}
.capability-label {
    display: block;
    padding-right: 20px;
    color: var(--ms-text-strong);
    font-weight: 700;
    line-height: 1.45;
}
.capability-code {
    display: block;
    margin-top: auto;
    color: var(--ms-muted);
    font-size: var(--ms-font-small);
    line-height: 1.35;
}

@media (max-width: 1100px) {
    .capability-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 680px) {
    .capability-grid {
        grid-template-columns: 1fr;
    }
}


/* MANASERVICE UI Foundation reception readability patch */
.management-hero.card,
.card {
    border-radius: var(--ms-radius-card);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border-color: var(--ms-border-strong);
}

.management-hero h1 {
    font-size: var(--ms-font-page-title);
    line-height: 1.25;
    margin: 8px 0 12px;
    color: var(--ms-text-strong);
}

.section-heading h2 {
    font-size: var(--ms-font-section-title);
    line-height: 1.35;
    margin: 0 0 8px;
    color: var(--ms-text-strong);
}

.section-heading .muted,
.card .muted {
    font-size: var(--ms-font-helper);
    line-height: 1.8;
}

.field label {
    display: block;
    font-size: var(--ms-font-label);
    font-weight: 700;
    margin-bottom: 7px;
    color: var(--ms-text-strong);
}

.form-grid { gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline); }

.card + .card {
    margin-top: var(--ms-space-section);
}

.button,
button {
    min-height: var(--ms-control-min-height);
    font-weight: 700;
    border-radius: 10px;
}

.chip {
    font-size: var(--ms-font-control);
    padding: 6px 12px;
}

.management-hero-actions {
    align-items: center;
}

/* Server 170 — Runtime-verified graphical workflow and non-overlapping shell. */
.management-hero--dashboard {
    grid-template-columns: minmax(0, 1fr);
}

.management-hero--dashboard .management-hero-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    width: 100%;
    justify-content: stretch;
}

.management-hero--dashboard .management-hero-actions .button {
    width: 100%;
}

.ms-operational-card {
    border-color: var(--ms-border-emphasis);
    background: var(--ms-surface-card);
}

.ms-operational-card .definition-grid {
    grid-template-columns: minmax(120px, .45fr) minmax(0, 1fr);
}

@media (max-width: 680px) {
    .management-hero--dashboard .management-hero-actions {
        grid-template-columns: 1fr;
    }

    .ms-operational-card .definition-grid {
        grid-template-columns: 1fr;
    }
}

/* Server 174 — adaptive display, accessibility and expert customization. */
html {
    --ms-line-height-body: 1.58;
    --ms-font-weight-body: 400;
    --ms-ui-card-shadow: 0 8px 20px var(--ms-shadow);
    --ms-table-padding-block: 8px;
    --ms-table-padding-inline: 8px;
    --ms-icon-scale: 1;
}
body { line-height: var(--ms-line-height-body); font-weight: var(--ms-font-weight-body); }
html[data-ms-line-height='tight'] { --ms-line-height-body: 1.42; }
html[data-ms-line-height='relaxed'] { --ms-line-height-body: 1.82; }
html[data-ms-text-weight='medium'] { --ms-font-weight-body: 500; }
html[data-ms-text-weight='strong'] { --ms-font-weight-body: 600; }
html[data-ms-contrast='high'] { --ms-border: var(--ms-border-strong); --ms-muted: var(--ms-text); }
html[data-ms-link-style='underline'] a:not(.button) { text-decoration: underline; text-underline-offset: .18em; }
html[data-ms-focus-ring='strong'] :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--ms-accent);
    outline-offset: 2px;
    box-shadow: 0 0 0 5px var(--ms-focus-ring);
}
html[data-ms-content-width='wide'] { --ms-content-max-width: 1760px; }
html[data-ms-content-width='standard'] { --ms-content-max-width: 1440px; }
html[data-ms-content-width='narrow'] { --ms-content-max-width: 1120px; }
html[data-ms-sidebar-width='compact'] { --ms-shell-sidebar-width: 204px; }
html[data-ms-sidebar-width='wide'] { --ms-shell-sidebar-width: 292px; }
html[data-ms-control-size='compact'] { --ms-control-min-height: 30px; --ms-control-padding-block: 5px; }
html[data-ms-control-size='large'] { --ms-control-min-height: 44px; --ms-control-padding-block: 10px; }
html[data-ms-control-size='xlarge'] { --ms-control-min-height: 52px; --ms-control-padding-block: 13px; }
html[data-ms-button-size='compact'] { --ms-button-padding-block: 4px; --ms-button-padding-inline: 8px; }
html[data-ms-button-size='large'] { --ms-button-padding-block: 10px; --ms-button-padding-inline: 16px; }
html[data-ms-icon-scale='small'] { --ms-icon-scale: .86; }
html[data-ms-icon-scale='large'] { --ms-icon-scale: 1.22; }
:is(button, .button, .ms-button) :is(svg, .ms-icon, [data-ms-icon]) { transform: scale(var(--ms-icon-scale)); transform-origin: center; }
html[data-ms-radius='square'] { --ms-radius-control: 4px; --ms-radius-card: 6px; --ms-radius-panel: 8px; }
html[data-ms-radius='rounded'] { --ms-radius-control: 14px; --ms-radius-card: 18px; --ms-radius-panel: 22px; }
html[data-ms-border-strength='subtle'] { --ms-border-strong: var(--ms-border); }
html[data-ms-border-strength='strong'] { --ms-border: var(--ms-border-strong); }
html[data-ms-shadow-depth='none'] { --ms-ui-card-shadow: none; }
html[data-ms-shadow-depth='strong'] { --ms-ui-card-shadow: 0 16px 40px var(--ms-shadow-raised); }
html[data-ms-surface-contrast='subtle'] { --ms-surface-card: var(--ms-surface); --ms-surface-card-alt: var(--ms-surface); --ms-surface-section-header: var(--ms-surface-raised); }
html[data-ms-surface-contrast='strong'] { --ms-surface-card: var(--ms-surface-alt); --ms-surface-card-alt: var(--ms-surface-raised); --ms-surface-section-header: var(--ms-surface-hover); --ms-surface-section-body: var(--ms-surface-panel); }
:is(.card, .metric, .ms-panel, .ms-page-header, .ms-summary-bar, .ms-section-index, .table-wrap) { box-shadow: var(--ms-ui-card-shadow); }
html[data-ms-table-density='compact'] { --ms-table-padding-block: 5px; --ms-table-padding-inline: 7px; }
html[data-ms-table-density='comfortable'] { --ms-table-padding-block: 12px; --ms-table-padding-inline: 10px; }
th, td { padding: var(--ms-table-padding-block) var(--ms-table-padding-inline); }
html[data-ms-table-zebra='on'] tbody tr:nth-child(even) td { background: var(--ms-surface-card-alt); }
html[data-ms-table-sticky-header='on'] .table-wrap th { position: sticky; top: 0; z-index: 2; }
html[data-ms-sticky-header='on'] .app-header { position: sticky; top: 0; z-index: 20; }
@media (min-width: 851px) {
    html[data-ms-sticky-sidebar='on'] .side { position: sticky; top: 0; align-self: start; max-height: 100vh; overflow-y: auto; }
}

/*
 * MANASERVICE UI component layer.
 *
 * New presentation code must use the ms-* component namespace. Existing
 * selectors remain in foundation.css only for compatibility while pages are
 * migrated. Components consume semantic tokens and never decide whether
 * domain data, fields, statuses or actions exist.
 */

.sms-connection-status {
    display: inline-flex;
    gap: var(--ms-space-1);
    align-items: center;
    min-height: var(--ms-control-min-height);
    padding: var(--ms-control-padding-block) var(--ms-control-padding-inline);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-card);
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
    text-decoration: none;
}

.sms-connection-status--active { border-color: var(--ms-success); color: var(--ms-success); background: var(--ms-success-bg); }
.sms-connection-status--pending,
.sms-connection-status--suspended { border-color: var(--ms-warning); color: var(--ms-warning); background: var(--ms-warning-bg); }
.sms-connection-status--off { border-color: var(--ms-danger); color: var(--ms-danger); background: var(--ms-danger-bg); }

.ms-sms-page { padding-bottom: var(--ms-space-5); }

.ms-sms-subnav {
    display: flex;
    gap: var(--ms-space-2);
    flex-wrap: wrap;
    padding: var(--ms-space-2);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-raised);
    box-shadow: 0 6px 18px var(--ms-shadow);
}

.ms-sms-subnav a {
    min-height: var(--ms-control-min-height);
    display: inline-flex;
    align-items: center;
    padding: var(--ms-control-padding-block) var(--ms-control-padding-inline);
    border: 1px solid transparent;
    border-radius: var(--ms-radius-control);
    color: var(--ms-muted);
    font-size: var(--ms-font-control);
    text-decoration: none;
}

.ms-sms-subnav a:hover,
.ms-sms-subnav a:focus-visible { border-color: var(--ms-border-strong); background: var(--ms-surface-hover); color: var(--ms-text-strong); }
.ms-sms-subnav a.active { border-color: var(--ms-accent); background: var(--ms-accent); color: var(--ms-on-accent); font-weight: 800; }

.nav-submenu .nav-group--nested { margin: var(--ms-space-1) 0; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-control); background: var(--ms-surface-card-alt); }
.nav-submenu .nav-group--nested > summary { padding: var(--ms-space-2); color: var(--ms-text); }
.nav-submenu--nested { padding: var(--ms-space-1) var(--ms-space-2) var(--ms-space-2); }
.nav-submenu--nested a { padding-inline-start: calc(var(--ms-space-3) + var(--ms-space-1)); }

.ms-pattern-rule-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ms-space-3); }
.ms-pattern-studio { display: grid; gap: var(--ms-space-3); }
.ms-pattern-card { border: 1px solid var(--ms-border-strong); border-radius: var(--ms-radius-panel); background: var(--ms-surface-panel); box-shadow: 0 10px 26px var(--ms-shadow); overflow: clip; }
.ms-pattern-card__summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: var(--ms-space-3); padding: var(--ms-card-padding-block) var(--ms-card-padding-inline); background: var(--ms-surface-section-header); color: var(--ms-text-strong); }
.ms-pattern-card__summary::-webkit-details-marker { display: none; }
.ms-pattern-card__summary::before { content: '‹'; transition: transform .16s ease; color: var(--ms-muted); }
.ms-pattern-card[open] .ms-pattern-card__summary::before { transform: rotate(-90deg); }
.ms-pattern-card__title { display: grid; gap: var(--ms-space-1); margin-inline-end: auto; }
.ms-pattern-card__title small { color: var(--ms-muted); font-size: var(--ms-font-helper); }
.ms-pattern-card__body { display: grid; grid-template-columns: minmax(190px, .42fr) minmax(0, 1fr); gap: var(--ms-space-4); padding: var(--ms-card-padding-block) var(--ms-card-padding-inline); background: var(--ms-surface-section-body); }
.ms-pattern-card__guide { display: grid; align-content: start; gap: var(--ms-space-2); padding: var(--ms-space-3); border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface-card-alt); }
.ms-pattern-card__guide p { margin: 0; color: var(--ms-muted); font-size: var(--ms-font-helper); line-height: 1.8; }
.ms-pattern-form { min-width: 0; }
.ms-pattern-form .field > small,
.ms-provider-action > small { display: block; margin-top: var(--ms-space-1); color: var(--ms-muted); font-size: var(--ms-font-helper); line-height: 1.6; }
.ms-pattern-body { min-height: 108px; line-height: 1.9; }
.ms-pattern-json,
.ms-json-preview { direction: ltr; text-align: left; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.ms-pattern-json { min-height: 150px; }
.ms-variable-list { display: flex; flex-wrap: wrap; gap: var(--ms-space-1); }
.ms-provider-action { display: flex; align-items: center; gap: var(--ms-space-2); flex-wrap: wrap; grid-column: 2; }
.ms-empty-state { display: grid; gap: var(--ms-space-2); padding: var(--ms-space-4); border: 1px dashed var(--ms-border-strong); border-radius: var(--ms-radius-card); background: var(--ms-surface-card-alt); color: var(--ms-muted); }
.ms-empty-state p { margin: 0; line-height: 1.8; }
.ms-test-guides { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); align-items: start; }
.ms-test-guide { border: 1px solid var(--ms-border); border-radius: var(--ms-radius-card); background: var(--ms-surface-card); overflow: clip; }
.ms-test-guide summary { display: flex; align-items: center; justify-content: space-between; gap: var(--ms-space-2); cursor: pointer; padding: var(--ms-space-3); }
.ms-test-guide > div { padding: 0 var(--ms-space-3) var(--ms-space-3); }
.ms-test-guide p { margin: 0 0 var(--ms-space-2); color: var(--ms-muted); }
.ms-json-preview { margin: 0; padding: var(--ms-space-3); overflow: auto; border-radius: var(--ms-radius-control); background: var(--ms-surface-raised); color: var(--ms-text); font-size: var(--ms-font-helper); white-space: pre-wrap; }

@media (max-width: 900px) {
    .ms-pattern-rule-grid { grid-template-columns: 1fr; }
    .ms-pattern-card__body { grid-template-columns: 1fr; }
    .ms-provider-action { grid-column: auto; }
}

.ms-page {
    display: grid;
    gap: var(--ms-space-4);
    min-width: 0;
}

.ms-page-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ms-space-3) var(--ms-space-5);
    align-items: start;
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-header);
    box-shadow: 0 10px 26px var(--ms-shadow);
}

.ms-page-header__copy {
    min-width: 0;
}

.ms-page-header__eyebrow {
    display: block;
    margin-bottom: var(--ms-space-1);
    color: var(--ms-info);
    font-size: var(--ms-font-helper);
    font-weight: 800;
}

.ms-page-header__title {
    margin: 0;
    color: var(--ms-text-strong);
    font-size: var(--ms-font-page-title);
    line-height: 1.3;
}

.ms-page-header__description {
    max-width: 78ch;
    margin: var(--ms-space-2) 0 0;
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
    line-height: 1.8;
}

.ms-page-header__actions {
    display: flex;
    gap: var(--ms-space-2);
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.ms-context-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--ms-space-3);
}

.ms-context-card {
    min-width: 0;
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-card);
    background: var(--ms-surface-card);
    box-shadow: 0 8px 20px var(--ms-shadow);
}
.ms-context-card:nth-child(even) { background: var(--ms-surface-card-alt); }

.ms-context-card__label,
.ms-context-card__value,
.ms-context-card__meta {
    display: block;
}

.ms-context-card__label {
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
}

.ms-context-card__value {
    margin-top: var(--ms-space-1);
    color: var(--ms-text-strong);
    font-size: var(--ms-font-card-title);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.ms-context-card__meta {
    margin-top: var(--ms-space-1);
    color: var(--ms-muted-soft);
    font-size: var(--ms-font-small);
}

.ms-workflow {
    padding: var(--ms-space-4);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-panel);
    box-shadow: 0 8px 20px var(--ms-shadow);
}

.ms-workflow__list {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ms-workflow__step {
    position: relative;
    display: grid;
    flex: 1 0 130px;
    justify-items: center;
    gap: var(--ms-space-2);
    min-width: 0;
    color: var(--ms-muted);
    text-align: center;
}

.ms-workflow__step::before {
    content: '';
    position: absolute;
    top: 17px;
    inset-inline-start: 0;
    width: 100%;
    height: 2px;
    background: var(--ms-border-strong);
}

.ms-workflow__step:first-child::before {
    width: 50%;
}

.ms-workflow__step:last-child::before {
    inset-inline-start: auto;
    inset-inline-end: 0;
    width: 50%;
}

.ms-workflow__index {
    position: relative;
    z-index: 1;
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--ms-border-strong);
    border-radius: 50%;
    background: var(--ms-surface-raised);
    color: var(--ms-text);
    font-weight: 800;
}

.ms-workflow__label {
    color: inherit;
    font-size: var(--ms-font-control);
    font-weight: 700;
}

.ms-workflow__step[data-state='active'] {
    color: var(--ms-text-strong);
}

.ms-workflow__step[data-state='active'] .ms-workflow__index {
    border-color: var(--ms-progress-active);
    background: var(--ms-progress-active);
    color: var(--ms-on-accent);
    box-shadow: 0 0 0 4px var(--ms-focus-ring);
}

.ms-workflow__step[data-state='complete'] {
    color: var(--ms-success);
}

.ms-workflow__step[data-state='complete']::before,
.ms-workflow__step[data-state='complete'] .ms-workflow__index {
    border-color: var(--ms-progress-complete);
    background: var(--ms-progress-complete);
    color: var(--ms-on-accent);
}

.ms-panel {
    min-width: 0;
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-panel);
    box-shadow: 0 10px 28px var(--ms-shadow);
}

.ms-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ms-space-3);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border-bottom: 2px solid var(--ms-divider);
    border-inline-start: 3px solid var(--ms-accent);
    background: var(--ms-surface-section-header);
}

.ms-panel__title {
    margin: 0;
    color: var(--ms-text-strong);
    font-size: var(--ms-font-card-title);
    line-height: 1.45;
}

.ms-panel__description {
    margin: var(--ms-space-1) 0 0;
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
    line-height: 1.75;
}

.ms-panel__body {
    display: grid;
    gap: var(--ms-space-3);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    background: var(--ms-surface-section-body);
}

.ms-panel[data-tone='success'] {
    border-color: var(--ms-success);
}

.ms-panel[data-tone='warning'] {
    border-color: var(--ms-warning);
}

.ms-panel[data-tone='danger'] {
    border-color: var(--ms-danger);
}

.ms-field {
    display: grid;
    gap: var(--ms-space-2);
    min-width: 0;
}

.ms-field__label {
    margin: 0;
    color: var(--ms-text-strong);
    font-size: var(--ms-font-label);
    font-weight: 700;
}

.ms-field__required {
    color: var(--ms-danger);
}

.ms-field__control {
    min-width: 0;
}

.ms-field__help {
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
    line-height: 1.7;
}

.ms-status {
    display: inline-flex;
    align-items: center;
    gap: var(--ms-space-1);
    width: fit-content;
    max-width: 100%;
    padding: 5px 10px;
    border: 1px solid var(--ms-border);
    border-radius: 999px;
    background: var(--ms-surface-raised);
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
    font-weight: 700;
}

.ms-status[data-tone='info'] {
    border-color: var(--ms-info);
    background: var(--ms-info-bg);
    color: var(--ms-info);
}

.ms-status[data-tone='success'] {
    border-color: var(--ms-success);
    background: var(--ms-success-bg);
    color: var(--ms-success);
}

.ms-status[data-tone='warning'] {
    border-color: var(--ms-warning);
    background: var(--ms-warning-bg);
    color: var(--ms-warning);
}

.ms-status[data-tone='danger'] {
    border-color: var(--ms-danger);
    background: var(--ms-danger-bg);
    color: var(--ms-danger);
}

.ms-summary-bar {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(0, 2fr) auto;
    gap: var(--ms-space-3);
    align-items: stretch;
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-header);
    box-shadow: 0 10px 28px var(--ms-shadow-raised);
}

.ms-summary-bar__heading {
    align-self: center;
}

.ms-summary-bar__title {
    display: block;
    color: var(--ms-text-strong);
    font-size: var(--ms-font-card-title);
}

.ms-summary-bar__description {
    display: block;
    margin-top: var(--ms-space-1);
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
}

.ms-summary-bar__content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--ms-space-2);
}

.ms-summary-bar__actions {
    display: flex;
    align-items: stretch;
}

.ms-summary-bar__actions > * {
    min-width: 180px;
}

.ms-primary-action {
    border-color: var(--ms-action-gradient-end);
    background: linear-gradient(135deg, var(--ms-action-gradient-start), var(--ms-action-gradient-end));
    color: var(--ms-on-accent);
}

.ms-primary-action:hover {
    border-color: var(--ms-action-gradient-start);
    background: linear-gradient(135deg, var(--ms-action-gradient-end), var(--ms-action-gradient-start));
    color: var(--ms-on-accent);
}

.ms-space-top-12 { margin-top: 12px; }
.ms-space-top-14 { margin-top: 14px; }
.ms-min-width-280 { min-width: 280px; }

@media (max-width: 900px) {
    .ms-page-header,
    .ms-summary-bar {
        grid-template-columns: 1fr;
    }

    .ms-page-header__actions {
        justify-content: flex-start;
    }

    .ms-workflow {
        overflow-x: auto;
    }

    .ms-workflow__list {
        width: max-content;
        min-width: 100%;
    }

    .ms-summary-bar__actions > * {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 620px) {
    .ms-context-grid {
        grid-template-columns: 1fr;
    }

    .ms-page-header__title {
        font-size: var(--ms-font-section-title);
    }
}

/* Server 171 — configuration workbench and user-owned presentation settings. */
.configuration-page {
    gap: var(--ms-space-section);
}

.configuration-workbench {
    display: grid;
    grid-template-columns: minmax(230px, .28fr) minmax(0, 1fr);
    gap: var(--ms-space-4);
    align-items: start;
}

.configuration-workbench__nav {
    position: sticky;
    top: var(--ms-space-4);
    display: grid;
    gap: var(--ms-space-2);
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-panel);
    box-shadow: 0 10px 28px var(--ms-shadow);
}

.configuration-workbench__nav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ms-space-2);
    padding: var(--ms-space-2);
    color: var(--ms-text-strong);
}

.configuration-workbench__nav > a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ms-space-2);
    align-items: center;
    padding: var(--ms-space-3);
    border: 1px solid transparent;
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-card);
    color: var(--ms-text);
}

.configuration-workbench__nav > a:hover,
.configuration-workbench__nav > a:focus-visible {
    border-color: var(--ms-accent);
    background: var(--ms-surface-hover);
    color: var(--ms-text-strong);
}

.configuration-workbench__nav > a b {
    display: inline-grid;
    place-items: center;
    min-width: 28px;
    min-height: 28px;
    padding: 3px 7px;
    border: 1px solid var(--ms-border);
    border-radius: 999px;
    background: var(--ms-surface-raised);
    color: var(--ms-info);
    font-size: var(--ms-font-small);
}

.configuration-workbench__content {
    display: grid;
    gap: var(--ms-space-3);
    min-width: 0;
}

.configuration-workbench__content > .config-accordion {
    margin: 0;
    padding: 0;
    overflow: clip;
    border-color: var(--ms-border-strong);
}

.configuration-workbench__content > .config-accordion > summary {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ms-space-3);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    background: var(--ms-surface-section-header);
    cursor: pointer;
    list-style: none;
}

.configuration-workbench__content > .config-accordion > summary::-webkit-details-marker {
    display: none;
}

.configuration-workbench__content > .config-accordion > summary::after {
    content: '+';
    display: inline-grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--ms-border);
    border-radius: 50%;
    color: var(--ms-info);
    font-size: var(--ms-font-card-title);
    transform: translateY(-50%);
}

.configuration-workbench__content > .config-accordion[open] > summary::after {
    content: '−';
    border-color: var(--ms-success);
    color: var(--ms-success);
    transform: translateY(-50%);
}

.configuration-workbench__content .config-accordion-body {
    display: grid;
    gap: var(--ms-space-4);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border-top: 1px solid var(--ms-border);
    background: var(--ms-surface-section-body);
}

.configuration-workbench__content .config-accordion-body > form {
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-card);
    background: var(--ms-surface-card);
}

.configuration-page .form-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--ms-space-3);
}

.configuration-page .form-actions {
    justify-content: flex-end;
    padding-top: var(--ms-space-2);
    border-top: 1px solid var(--ms-border);
}

.configuration-page .table-wrap {
    box-shadow: 0 8px 20px var(--ms-shadow);
}

.ms-settings-shell {
    display: grid;
    grid-template-columns: minmax(210px, .28fr) minmax(0, 1fr);
    gap: var(--ms-space-4);
    align-items: start;
}

.ms-settings-nav {
    position: sticky;
    top: var(--ms-space-4);
    display: grid;
    gap: var(--ms-space-2);
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface-panel);
}

.ms-settings-nav a {
    display: grid;
    gap: var(--ms-space-1);
    padding: var(--ms-space-3);
    border: 1px solid transparent;
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-card);
    color: var(--ms-text);
}

.ms-settings-nav a:hover,
.ms-settings-nav a.active {
    border-color: var(--ms-accent);
    background: var(--ms-surface-hover);
    color: var(--ms-text-strong);
}

.ms-settings-nav small {
    color: var(--ms-muted);
    font-size: var(--ms-font-small);
}

.ms-settings-content {
    display: grid;
    gap: var(--ms-space-4);
    min-width: 0;
}

.ms-preference-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: var(--ms-space-3);
}

.ms-preference-option {
    display: grid;
    justify-items: stretch;
    gap: var(--ms-space-2);
    min-height: 142px;
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border-color: var(--ms-border);
    background: var(--ms-surface-card);
    text-align: right;
}

.ms-preference-option:hover,
.ms-preference-option[aria-pressed='true'] {
    border-color: var(--ms-accent);
    background: var(--ms-surface-hover);
    box-shadow: 0 0 0 3px var(--ms-focus-ring);
}

.ms-preference-option strong {
    color: var(--ms-text-strong);
    font-size: var(--ms-font-card-title);
}

.ms-preference-option small {
    color: var(--ms-muted);
    font-weight: 400;
    line-height: 1.8;
}

.ms-theme-swatch,
.ms-layout-preview,
.ms-density-preview,
.ms-motion-preview,
.ms-font-preview,
.ms-font-scale-preview {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ms-space-2);
    min-height: 62px;
    padding: var(--ms-space-2);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-input);
}

.ms-font-preview,
.ms-font-scale-preview {
    place-items: center;
    color: var(--ms-text-strong);
    font-weight: 800;
}

.ms-font-scale-preview[data-preview='small'] { font-size: var(--ms-font-small); }
.ms-font-scale-preview[data-preview='standard'] { font-size: var(--ms-font-control); }
.ms-font-scale-preview[data-preview='large'] { font-size: var(--ms-font-card-title); }

.ms-theme-swatch i,
.ms-layout-preview i,
.ms-density-preview i,
.ms-motion-preview i {
    display: block;
    border: 1px solid var(--ms-border);
    border-radius: calc(var(--ms-radius-control) / 2);
    background: var(--ms-surface-raised);
}

.ms-theme-swatch i:nth-child(2),
.ms-layout-preview i:nth-child(2),
.ms-density-preview i:nth-child(2),
.ms-motion-preview i:nth-child(2) {
    background: var(--ms-accent);
}

.ms-theme-swatch i:nth-child(3),
.ms-layout-preview i:nth-child(3),
.ms-density-preview i:nth-child(3),
.ms-motion-preview i:nth-child(3) {
    background: var(--ms-success-bg);
}

.ms-theme-swatch[data-preview] { --ms-preview-bg: var(--ms-bg); --ms-preview-card: var(--ms-surface-card); --ms-preview-accent: var(--ms-accent); }
.ms-theme-swatch[data-preview] i:first-child { background: var(--ms-preview-bg); }
.ms-theme-swatch[data-preview] i:nth-child(2) { background: var(--ms-preview-card); }
.ms-theme-swatch[data-preview] i:nth-child(3) { background: var(--ms-preview-accent); }

.ms-layout-preview[data-preview='focus'] {
    grid-template-columns: .55fr 1.5fr .55fr;
}

.ms-density-preview[data-preview='airy'] { gap: var(--ms-space-3); padding: var(--ms-space-3); }
.ms-density-preview[data-preview='compact'] { gap: var(--ms-space-1); padding: var(--ms-space-1); }
.ms-density-preview[data-preview='dense'] { gap: 2px; padding: 2px; }
.ms-density-preview[data-preview='ultra'] { gap: 1px; padding: 1px; min-height: 48px; }
.ms-motion-preview[data-preview='reduced'] i { transform: none; }
.ms-motion-preview[data-preview='full'] i:nth-child(2) { transform: translateY(-4px); }

.ms-type-scale-list {
    display: grid;
    gap: var(--ms-grid-gap-block);
}

.ms-type-scale-row {
    display: grid;
    grid-template-columns: minmax(170px, .55fr) minmax(360px, 1fr);
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
    align-items: center;
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-card);
}

.ms-type-scale-row:nth-child(even) { background: var(--ms-surface-card-alt); }
.ms-type-scale-row__copy { display: grid; gap: var(--ms-space-1); }
.ms-type-scale-row__copy strong { color: var(--ms-text-strong); font-size: var(--ms-font-card-title); }
.ms-type-scale-row__copy small { color: var(--ms-muted); font-size: var(--ms-font-helper); }

.ms-segmented-control {
    display: grid;
    grid-template-columns: repeat(5, minmax(58px, 1fr));
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-input);
}

.ms-segmented-control button {
    min-height: 34px;
    padding: 4px 7px;
    border-color: transparent;
    background: transparent;
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
}

.ms-segmented-control button:hover { background: var(--ms-surface-hover); color: var(--ms-text-strong); }
.ms-segmented-control button[aria-pressed='true'] {
    border-color: var(--ms-accent);
    background: var(--ms-accent);
    color: var(--ms-on-accent);
    box-shadow: 0 0 0 2px var(--ms-focus-ring);
}

.ms-settings-roadmap {
    display: flex;
    gap: var(--ms-space-2);
    flex-wrap: wrap;
}

.ms-preference-feedback {
    margin: 0;
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-info);
    border-radius: var(--ms-radius-control);
    background: var(--ms-info-bg);
    color: var(--ms-info);
}

/* Server 174 — clear novice presets plus compact expert controls. */
.ms-profile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
}

.ms-profile-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--ms-space-2) var(--ms-space-3);
    align-items: center;
    min-height: 150px;
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border: 1px solid var(--ms-border);
    background: var(--ms-surface-card);
    text-align: right;
}

.ms-profile-option:hover,
.ms-profile-option[aria-pressed='true'] {
    border-color: var(--ms-accent);
    background: var(--ms-surface-hover);
    box-shadow: 0 0 0 3px var(--ms-focus-ring);
}

.ms-profile-option__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--ms-border-strong);
    border-radius: 999px;
    background: var(--ms-surface-raised);
    color: var(--ms-accent);
    font-weight: 800;
}

.ms-profile-option strong { color: var(--ms-text-strong); font-size: var(--ms-font-card-title); }
.ms-profile-option small { grid-column: 1 / -1; color: var(--ms-muted); font-weight: 400; line-height: 1.8; }
.ms-profile-option > span:last-child { grid-column: 1 / -1; color: var(--ms-link); font-size: var(--ms-font-helper); }

.ms-compact-preference-groups {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
}

.ms-compact-preference-groups > div {
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-card);
}

.ms-compact-preference-groups h3 { margin-top: 0; }
.ms-segmented-control--auto { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); }
.ms-settings-transfer { display: flex; gap: var(--ms-space-2); flex-wrap: wrap; }

/* Server 175 — browser-owned named profile library and safe timed preview. */
.ms-profile-create-grid {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(240px, 1.2fr) auto;
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
    align-items: end;
}

.ms-current-profile-state,
.ms-import-review,
.ms-preview-status {
    margin: var(--ms-space-3) 0 0;
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-section-body);
    color: var(--ms-text);
}

.ms-current-profile-state[data-state='saved'] {
    border-color: var(--ms-success);
    background: var(--ms-success-bg);
    color: var(--ms-success);
}

.ms-current-profile-state[data-state='unsaved'] {
    border-color: var(--ms-warning);
    background: var(--ms-warning-bg);
    color: var(--ms-warning);
}

.ms-preview-toolbar {
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
    align-items: end;
    margin-bottom: var(--ms-space-3);
}

.ms-preview-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ms-space-3);
    margin-bottom: var(--ms-space-3);
    border-color: var(--ms-info);
    background: var(--ms-info-bg);
    color: var(--ms-info);
}

.ms-saved-profile-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
}

.ms-saved-profile-empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: var(--ms-space-4);
    border: 1px dashed var(--ms-border-strong);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-card);
    color: var(--ms-muted);
}

.ms-saved-profile-card {
    display: grid;
    gap: var(--ms-space-3);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-card);
    background: var(--ms-surface-card);
    box-shadow: var(--ms-ui-card-shadow);
}

.ms-saved-profile-card[data-default='true'] {
    border-color: var(--ms-accent);
    background: var(--ms-surface-card-alt);
}

.ms-saved-profile-card__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ms-space-2);
}

.ms-saved-profile-card__heading > strong {
    color: var(--ms-text-strong);
    font-size: var(--ms-font-card-title);
}

.ms-saved-profile-card__meta {
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
}

.ms-saved-profile-card__actions {
    display: flex;
    gap: var(--ms-space-2);
    flex-wrap: wrap;
    padding-top: var(--ms-space-2);
    border-top: 1px solid var(--ms-border);
}

.ms-import-review {
    display: grid;
    gap: var(--ms-space-2);
}

.ms-preview-status[hidden],
.ms-import-review[hidden] {
    display: none;
}

.ms-settings-showcase {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(360px, 1.2fr);
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
    align-items: start;
}

.ms-settings-showcase__card {
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-card);
    background: var(--ms-surface-card-alt);
    box-shadow: var(--ms-ui-card-shadow);
}

.ms-settings-showcase__card h3 { margin-top: 0; }

@media (max-width: 900px) {
    .ms-profile-create-grid,
    .ms-preview-toolbar,
    .ms-settings-showcase {
        grid-template-columns: 1fr;
    }

    .ms-preview-status {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Portable section map and conditional disclosure primitives. Server data
 * supplies labels, state and dependency text; the component only presents it. */
.ms-section-index {
    min-width: 0;
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface);
    box-shadow: 0 10px 28px var(--ms-shadow);
}

.ms-section-index__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ms-section-index__link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--ms-space-2);
    align-items: start;
    min-height: 100%;
    padding: var(--ms-space-3);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-surface-alt);
    color: var(--ms-text);
}

.ms-section-index__link:hover {
    border-color: var(--ms-border-strong);
    background: var(--ms-surface-hover);
}

.ms-section-index__marker,
.ms-conditional-section__state {
    width: 11px;
    height: 11px;
    margin-top: 5px;
    border: 2px solid var(--ms-info);
    border-radius: 50%;
    background: var(--ms-info-bg);
}

.ms-section-index__copy,
.ms-conditional-section__heading {
    display: grid;
    gap: var(--ms-space-1);
    min-width: 0;
}

.ms-section-index__copy small,
.ms-conditional-section__description,
.ms-conditional-section__condition {
    color: var(--ms-muted);
    font-size: var(--ms-font-helper);
    line-height: 1.65;
}

.ms-section-index__condition,
.ms-conditional-section__condition {
    color: var(--ms-warning);
}

.ms-section-index__count,
.ms-conditional-section__count {
    display: inline-grid;
    place-items: center;
    min-width: 28px;
    min-height: 28px;
    padding-inline: var(--ms-space-2);
    border: 1px solid var(--ms-border);
    border-radius: 999px;
    background: var(--ms-surface-raised);
    color: var(--ms-text-strong);
    font-size: var(--ms-font-small);
    font-weight: 800;
}

.ms-section-index__item[data-state='complete'] .ms-section-index__marker,
.ms-conditional-section[data-state='complete'] .ms-conditional-section__state {
    border-color: var(--ms-success);
    background: var(--ms-success-bg);
}

.ms-section-index__item[data-state='incomplete'] .ms-section-index__marker,
.ms-section-index__item[data-state='dependent'] .ms-section-index__marker,
.ms-conditional-section[data-state='incomplete'] .ms-conditional-section__state,
.ms-conditional-section[data-state='dependent'] .ms-conditional-section__state {
    border-color: var(--ms-warning);
    background: var(--ms-warning-bg);
}

.ms-section-index__item[data-state='error'] .ms-section-index__marker,
.ms-conditional-section[data-state='error'] .ms-conditional-section__state {
    border-color: var(--ms-danger);
    background: var(--ms-danger-bg);
}

.ms-section-index__item[data-state='inactive'] .ms-section-index__marker,
.ms-conditional-section[data-state='inactive'] .ms-conditional-section__state {
    border-color: var(--ms-disabled);
    background: var(--ms-surface-raised);
}

.ms-conditional-section {
    min-width: 0;
    border: 1px solid var(--ms-border-strong);
    border-radius: var(--ms-radius-panel);
    background: var(--ms-surface);
    box-shadow: 0 10px 28px var(--ms-shadow);
    scroll-margin-top: var(--ms-space-4);
}

.ms-conditional-section__summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ms-space-3);
    align-items: start;
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    background: var(--ms-surface-alt);
    cursor: pointer;
    list-style: none;
}

.ms-conditional-section__summary::-webkit-details-marker { display: none; }

.ms-conditional-section__meta {
    display: flex;
    gap: var(--ms-space-2);
    align-items: center;
}

.ms-conditional-section__title {
    color: var(--ms-text-strong);
    font-size: var(--ms-font-card-title);
}

.ms-conditional-section__body {
    display: grid;
    gap: var(--ms-grid-gap-block) var(--ms-grid-gap-inline);
    padding: var(--ms-card-padding-block) var(--ms-card-padding-inline);
    border-top: 1px solid var(--ms-border);
}

.ms-conditional-section[data-state='inactive'] .ms-conditional-section__summary {
    color: var(--ms-disabled);
}

@media (max-width: 1080px) {
    .configuration-workbench,
    .ms-settings-shell {
        grid-template-columns: 1fr;
    }

    .configuration-workbench__nav,
    .ms-settings-nav {
        position: static;
    }

    .configuration-workbench__nav {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }

    .configuration-workbench__nav-head {
        grid-column: 1 / -1;
    }

    .ms-settings-nav {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 700px) {
    .ms-settings-nav {
        grid-template-columns: 1fr;
    }

    .configuration-workbench__content > .config-accordion > summary {
        padding: var(--ms-space-3);
    }

    .ms-type-scale-row { grid-template-columns: 1fr; }
    .ms-segmented-control { grid-template-columns: repeat(5, minmax(48px, 1fr)); overflow-x: auto; }
}