:root {
  color-scheme: light;
  --ink: #10251f;
  --muted: #65756f;
  --line: #dbe4df;
  --paper: #ffffff;
  --wash: #f2f7f4;
  --green: #0d7256;
  --green-dark: #0a513f;
  --mint: #def2e9;
  --coral: #ee684f;
  --danger: #a73a2d;
  --shadow: 0 18px 48px rgba(23, 56, 45, .10);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--wash); }
button, input, select, textarea { font: inherit; }
a { color: inherit; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: .65rem; font-size: clamp(2rem, 4vw, 3.65rem); line-height: 1.02; letter-spacing: -.045em; }
h2 { margin-bottom: .35rem; font-size: 1.55rem; letter-spacing: -.025em; }

.brand { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; }
.brand > span:last-child, .account-link { display: grid; gap: .12rem; }
.brand strong { font-size: 1.08rem; }
.brand small, .account small { color: var(--muted); font-size: .72rem; }
.brand-mark, .avatar { display: grid; place-items: center; flex: 0 0 auto; width: 2.65rem; height: 2.65rem; border-radius: .72rem; background: var(--ink); color: white; font-size: .7rem; font-weight: 800; letter-spacing: .04em; }
.eyebrow { margin-bottom: .7rem; color: var(--coral); font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.muted, .hero p { color: var(--muted); }

.auth-shell { min-height: 100vh; background: #eaf2ed; }
.auth-layout { display: grid; grid-template-columns: minmax(20rem, 1.05fr) minmax(26rem, .95fr); min-height: 100vh; }
.brand-panel { display: flex; flex-direction: column; padding: clamp(2rem, 6vw, 6rem); color: white; background: radial-gradient(circle at 15% 15%, #1c8b69, transparent 38%), linear-gradient(145deg, #102e25, #071b16); }
.brand-panel .brand small { color: #a9c6bb; }
.brand-copy { margin: auto 0; max-width: 42rem; }
.brand-copy h1 { font-size: clamp(2.4rem, 5vw, 5rem); }
.brand-copy > p:last-child { max-width: 36rem; color: #bfd1ca; font-size: 1.08rem; line-height: 1.65; }
.trust-note { margin: 2rem 0 0; color: #9db9ae; font-size: .8rem; }
.auth-panel { display: grid; place-items: center; padding: 2rem; }
.auth-card { display: grid; gap: 1.25rem; width: min(100%, 31rem); padding: clamp(1.8rem, 5vw, 3.2rem); border: 1px solid var(--line); border-radius: 1.2rem; background: var(--paper); box-shadow: var(--shadow); }
.compact-auth-layout .brand-copy h1 { font-size: clamp(2.4rem, 5vw, 4.4rem); }
.auth-link { color: var(--green); font-size: .82rem; font-weight: 750; text-align: center; text-decoration: none; }
.auth-link:hover { text-decoration: underline; }
label { display: grid; gap: .5rem; color: #344b43; font-size: .86rem; font-weight: 700; }
label small { color: var(--muted); font-weight: 500; }
input, select, textarea { width: 100%; min-height: 3rem; padding: .75rem .9rem; border: 1px solid #cbd8d1; border-radius: .55rem; color: var(--ink); background: white; outline: none; }
textarea { min-height: 9rem; resize: vertical; line-height: 1.55; }
input:focus, select:focus, textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(13, 114, 86, .12); }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.7rem; padding: .65rem 1rem; border: 1px solid var(--line); border-radius: .55rem; background: white; color: var(--ink); font-weight: 750; text-decoration: none; cursor: pointer; }
.button.primary { border-color: var(--green); background: var(--green); color: white; }
.button.primary:hover { background: var(--green-dark); }
.button.subtle { min-height: 2.3rem; padding: .45rem .75rem; font-size: .78rem; }
.wide { width: 100%; }
.form-help { margin: -.3rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.5; text-align: center; }
.alert { padding: .8rem 1rem; border-left: 3px solid var(--danger); background: #fff0ed; color: var(--danger); font-size: .86rem; }
.alert.warning-alert { display: grid; gap: .25rem; border-left-color: #b77a15; background: #fff8e8; color: #72501a; }
.alert.success-alert { border-left-color: var(--green); background: var(--mint); color: var(--green-dark); line-height: 1.55; }

.topbar { position: sticky; z-index: 10; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 4.5rem; padding: .8rem clamp(1.2rem, 4vw, 4rem); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94); backdrop-filter: blur(12px); }
.main-nav { display: flex; align-items: center; gap: .3rem; padding: .25rem; border-radius: .65rem; background: var(--wash); }
.main-nav a { padding: .55rem .8rem; border-radius: .45rem; color: var(--muted); font-size: .78rem; font-weight: 750; text-decoration: none; }
.main-nav a[aria-current="page"] { background: white; color: var(--green-dark); box-shadow: 0 2px 9px rgba(23,56,45,.08); }
.account { display: flex; align-items: center; gap: .7rem; }
.account .avatar { width: 2.25rem; height: 2.25rem; background: var(--green); }
.account-link { color: inherit; text-decoration: none; }
.account-link[aria-current="page"] strong { color: var(--green); }
.page { width: min(90rem, calc(100% - 2rem)); margin: 0 auto; padding: clamp(2rem, 5vw, 4.5rem) 0; }
.hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.hero p { margin-bottom: 0; font-size: 1rem; }
.compact-hero h1 { font-size: clamp(2.4rem, 5vw, 4.2rem); }
.narrow-page { max-width: 64rem; }
.back-link { display: inline-block; margin-bottom: 1.5rem; color: var(--green); font-size: .82rem; font-weight: 750; text-decoration: none; }
.pill { display: inline-flex; align-items: center; width: max-content; padding: .35rem .55rem; border-radius: 999px; background: #edf1ee; color: #465b53; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.pill.success { background: var(--mint); color: var(--green-dark); }
.stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 2rem; overflow: hidden; border: 1px solid var(--line); border-radius: .8rem; background: white; box-shadow: 0 8px 28px rgba(23, 56, 45, .05); }
.small-stats { grid-template-columns: repeat(3, 1fr); }
.stat-card { display: grid; gap: .45rem; padding: 1.45rem; border-right: 1px solid var(--line); }
.stat-card:last-child { border-right: 0; }
.stat-card span { color: var(--muted); font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.stat-card strong { font-size: 2rem; }
.content-grid { display: grid; gap: 1.5rem; }
.panel { overflow: hidden; border: 1px solid var(--line); border-radius: .8rem; background: white; box-shadow: 0 12px 34px rgba(23, 56, 45, .06); }
.panel-head { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; border-bottom: 1px solid var(--line); }
.panel-head h2, .panel-head .eyebrow { margin-bottom: 0; }
.count { display: grid; place-items: center; min-width: 2rem; height: 2rem; border-radius: 999px; background: var(--wash); font-weight: 800; }
.data-list { display: grid; }
.data-row { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.data-row[href]:hover { background: #f8fbf9; }
.data-row:last-child { border-bottom: 0; }
.row-main, .row-meta { display: grid; gap: .32rem; }
.row-main span, .row-meta small { color: var(--muted); font-size: .78rem; }
.row-meta { justify-items: end; text-align: right; }
.row-meta small { max-width: 30rem; overflow-wrap: anywhere; }
.inline-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .45rem; }
.copy-status { min-height: 1.2rem; margin: 0; color: var(--green-dark); font-size: .8rem; font-weight: 700; text-align: right; }
.invitation-delivery .panel-head { align-items: flex-start; }
.invitation-delivery .panel-head h1 { margin-bottom: .5rem; font-size: clamp(2rem, 5vw, 3rem); }
.account-stats .text-stat { overflow-wrap: anywhere; font-size: 1.1rem; }
.stat-card small { color: var(--muted); font-size: .72rem; }
.account-security-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: 1.5rem; margin-bottom: 1.5rem; }
.security-action-body { display: grid; gap: 1.25rem; padding: 1.5rem; }
.security-action-body > p { margin: 0; color: var(--muted); line-height: 1.6; }
.inline-password-action { display: grid; grid-template-columns: minmax(16rem, 1fr) auto; align-items: end; gap: .8rem; }
.mfa-enrollment { display: grid; grid-template-columns: 18rem minmax(0, 1fr); align-items: center; gap: 2rem; padding: 2rem; }
.mfa-qr { display: grid; place-items: center; padding: .8rem; border: 1px solid var(--line); border-radius: .8rem; background: white; }
.mfa-qr img { display: block; max-width: 100%; height: auto; }
.mfa-steps ol { padding-left: 1.2rem; color: var(--muted); line-height: 1.7; }
.secret-code { display: block; margin: 1rem 0; padding: .9rem; overflow-wrap: anywhere; border-radius: .5rem; background: var(--wash); color: var(--green-dark); letter-spacing: .12em; }
.compact-confirm-form { display: grid; grid-template-columns: minmax(12rem, 1fr) auto; align-items: end; gap: .8rem; }
.recovery-code-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem 2rem; margin: 0; padding: 1.2rem 1.2rem 1.2rem 3rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--wash); }
.recovery-code-list code { font-size: 1rem; font-weight: 800; letter-spacing: .08em; }
.empty-state { display: grid; gap: .35rem; padding: 2.5rem 1.5rem; color: var(--muted); text-align: center; }
.empty-state strong { color: var(--ink); }
.simple-card { width: min(36rem, calc(100% - 2rem)); margin: 12vh auto; padding: 2.5rem; border: 1px solid var(--line); border-radius: 1rem; background: white; box-shadow: var(--shadow); }
.simple-card .brand-mark { margin-bottom: 2rem; }
.simple-card .button { margin-top: 1rem; }

.filters-panel { margin-bottom: 1.5rem; padding: 1rem 1.25rem; }
.filters { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(12rem, .35fr) auto auto; align-items: end; gap: .8rem; }
.ticket-list { display: grid; }
.ticket-row { display: grid; grid-template-columns: minmax(18rem, 1fr) auto minmax(7rem, auto) minmax(11rem, auto); align-items: center; gap: 1rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.ticket-row:last-child { border-bottom: 0; }
.ticket-row:hover { background: #f8fbf9; }
.ticket-ref { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.ticket-ref > div { display: grid; gap: .3rem; min-width: 0; }
.ticket-ref strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ticket-ref small, .ticket-updated { color: var(--muted); font-size: .75rem; }
.priority-dot { width: .55rem; height: .55rem; flex: 0 0 auto; border-radius: 999px; background: #94a39d; }
.priority-high { background: #dd7a24; }
.priority-critical { background: #c84032; box-shadow: 0 0 0 4px #fbe9e5; }
.priority-low { background: #4d8fa5; }
.ticket-sla { font-size: .72rem; font-weight: 800; }
.sla-at_risk { color: #a36310; }
.sla-breached { color: var(--danger); }
.sla-on_track, .sla-met { color: var(--green); }

.business-form { display: grid; gap: 1.5rem; padding: clamp(1.3rem, 4vw, 2.25rem); }
.form-grid { display: grid; gap: 1.25rem; }
.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.field-wide { grid-column: 1 / -1; }
.form-actions { display: flex; justify-content: flex-end; gap: .7rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.commercial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.document-client-name { overflow-wrap: anywhere; font-size: 1.25rem !important; }
.billing-lines { display: grid; overflow-x: auto; border: 1px solid var(--line); border-radius: .7rem; }
.billing-line { display: grid; grid-template-columns: minmax(16rem, 1fr) 7rem 10rem 7rem; gap: .6rem; padding: .65rem; border-bottom: 1px solid var(--line); }
.billing-line:last-child { border-bottom: 0; }
.billing-line-head { background: var(--wash); color: var(--muted); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.commercial-document { margin-bottom: 1.5rem; }
.document-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding: 2rem; border-bottom: 1px solid var(--line); }
.document-heading h1 { margin-bottom: .4rem; font-size: clamp(2rem, 5vw, 3.4rem); }
.document-heading p:last-child { margin: 0; color: var(--muted); font-size: .72rem; }
.document-heading code { overflow-wrap: anywhere; }
.document-heading > div:last-child { display: grid; justify-items: end; gap: .8rem; }
.document-heading > div:last-child strong { font-size: 1.8rem; }
.document-parties { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; padding: 2rem; border-bottom: 1px solid var(--line); }
.document-parties section { display: grid; gap: .35rem; }
.document-parties span, .document-parties small { color: var(--muted); }
.document-dates { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 2rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .82rem; }
.document-lines { overflow-x: auto; }
.document-line { display: grid; grid-template-columns: minmax(16rem, 1fr) 5rem 9rem 6rem 10rem; gap: 1rem; padding: .9rem 2rem; border-bottom: 1px solid var(--line); font-size: .8rem; }
.document-line > :not(:first-child) { text-align: right; }
.document-line.line-head { background: var(--wash); color: var(--muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.document-totals { display: grid; justify-content: end; gap: .3rem; margin: 0; padding: 1.5rem 2rem; }
.document-totals > div { display: grid; grid-template-columns: 10rem 10rem; gap: 2rem; padding: .35rem 0; }
.document-totals dt { color: var(--muted); }
.document-totals dd { margin: 0; font-weight: 800; text-align: right; }
.document-totals .grand-total { margin-top: .4rem; padding-top: .8rem; border-top: 2px solid var(--ink); font-size: 1.05rem; }
.document-actions { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1rem; padding: 1.5rem; }
.document-actions h2, .document-actions p:last-child { margin-bottom: 0; }
.inline-document-form { display: flex; align-items: end; gap: .7rem; }
.inline-document-form label { min-width: 14rem; }
.notice { margin-bottom: 1.25rem; padding: .85rem 1rem; border-left: 3px solid var(--green); background: var(--mint); color: var(--green-dark); font-weight: 700; }

.ticket-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.ticket-heading h1 { max-width: 58rem; font-size: clamp(2rem, 4vw, 3.6rem); }
.ticket-heading p:last-child { margin-bottom: 0; color: var(--muted); }
.heading-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.priority-label-critical { background: #fde6e1; color: var(--danger); }
.priority-label-high { background: #fff0da; color: #8b560e; }
.ticket-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem); align-items: start; gap: 1.5rem; }
.message-list { display: grid; gap: 1rem; padding: 1.5rem; }
.message { padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: .7rem; background: #fbfcfb; }
.message.internal-message { border-color: #e4c87d; background: #fff9e8; }
.message-head { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .75rem; }
.message-head span { color: var(--muted); font-size: .72rem; }
.message p { margin: 0; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.internal-badge { display: inline-flex; margin-bottom: .65rem; color: #855e04; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.reply-form { display: grid; gap: 1rem; padding: 1.5rem; border-top: 1px solid var(--line); background: #fbfcfb; }
.reply-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.inline-choice { display: flex; grid-template-columns: none; align-items: center; gap: .55rem; }
.inline-choice input { width: 1.1rem; min-height: 1.1rem; }
.closed-note { padding: 1.25rem 1.5rem; border-top: 1px solid var(--line); color: var(--muted); }
.ticket-sidebar { display: grid; gap: 1rem; }
.detail-card, .action-card { padding: 1.25rem; }
.detail-list { display: grid; margin: 1rem 0 0; }
.detail-list > div { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--line); }
.detail-list > div:last-child { border-bottom: 0; }
.detail-list dt { color: var(--muted); font-size: .76rem; }
.detail-list dd { margin: 0; font-size: .78rem; font-weight: 750; text-align: right; }
.action-stack { display: grid; gap: .6rem; margin-top: 1rem; }
.action-stack.separated { padding-top: 1rem; border-top: 1px solid var(--line); }
.attachment-block { padding: 1.5rem; border-top: 1px solid var(--line); background: #f7faf8; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.section-heading .eyebrow, .section-heading h3 { margin-bottom: 0; }
.attachment-list { display: grid; gap: .5rem; margin-bottom: 1rem; }
.attachment-list a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem .9rem; border: 1px solid var(--line); border-radius: .55rem; background: white; color: var(--green); font-size: .78rem; font-weight: 750; text-decoration: none; }
.attachment-list a > span:first-child { display: grid; gap: .2rem; min-width: 0; color: var(--ink); }
.attachment-list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attachment-list small { color: var(--muted); font-weight: 500; }
.attachment-form { display: grid; gap: .8rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.attachment-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.attachment-actions small, .upload-status { color: var(--muted); font-size: .72rem; }
.upload-status { min-height: 1rem; margin: 0; }
.rating-field { margin: 0; padding: 0; border: 0; }
.rating-field legend { margin-bottom: .55rem; color: #344b43; font-size: .86rem; font-weight: 700; }
.rating-field > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: .35rem; }
.rating-field label { position: relative; display: grid; }
.rating-field input { position: absolute; width: 1px; height: 1px; min-height: 0; opacity: 0; }
.rating-field span { display: grid; place-items: center; min-height: 2.5rem; border: 1px solid var(--line); border-radius: .45rem; background: white; cursor: pointer; }
.rating-field input:checked + span { border-color: var(--green); background: var(--mint); color: var(--green-dark); }
.rating-field input:focus-visible + span { outline: 3px solid rgba(13, 114, 86, .18); }
.satisfaction-card > p:last-child { margin-bottom: 0; line-height: 1.55; }

.workspace-section { margin-bottom: 1.5rem; }
.installation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 1.5rem; }
.installation-card { display: grid; gap: .65rem; min-width: 0; padding: 1.15rem; border: 1px solid var(--line); border-radius: .7rem; background: #fbfcfb; text-decoration: none; }
.installation-card:hover { border-color: #a9c7bb; background: #f5faf7; }
.installation-card > span, .installation-card code { color: var(--muted); font-size: .76rem; }
.installation-card code { overflow: hidden; text-overflow: ellipsis; }
.installation-card b { margin-top: .25rem; color: var(--green); font-size: .76rem; }
.card-title { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.contract-card { min-width: 0; }
.contract-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.contract-meta > div { display: grid; gap: .35rem; padding: 1rem 1.25rem; border-right: 1px solid var(--line); }
.contract-meta > div:last-child { border-right: 0; }
.contract-meta span, .quota-row span { color: var(--muted); font-size: .7rem; }
.contract-meta strong { font-size: .78rem; }
.quota-list { display: grid; gap: 1rem; padding: 1.25rem; }
.quota-row { display: grid; grid-template-columns: minmax(8rem, .7fr) minmax(8rem, 1fr); align-items: center; gap: 1rem; }
.quota-row > div:first-child { display: grid; gap: .25rem; }
.meter { height: .45rem; overflow: hidden; border-radius: 999px; background: #e7ede9; }
.meter i { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.rights-list { display: flex; flex-wrap: wrap; gap: .4rem; padding: 1.25rem; border-top: 1px solid var(--line); }
.rights-list span { padding: .3rem .5rem; border-radius: .35rem; background: var(--wash); color: #435a51; font-size: .68rem; text-transform: capitalize; }
.source-note { color: var(--muted); font-size: .72rem; text-align: center; }
.installation-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.compact-empty { padding: 1.5rem 0 .25rem; text-align: left; }
.panel-actions { display: flex; align-items: center; gap: .7rem; }
.panel-actions .button { min-height: 2.3rem; padding: .45rem .75rem; font-size: .74rem; }
.form-alert { margin: 1.5rem 1.5rem 0; }
.request-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: 0; border: 0; }
.request-types legend { grid-column: 1 / -1; margin-bottom: .15rem; color: #344b43; font-size: .86rem; font-weight: 700; }
.request-type { position: relative; display: block; }
.request-type input { position: absolute; width: 1px; height: 1px; min-height: 0; opacity: 0; }
.request-type span { display: grid; gap: .35rem; min-height: 5.1rem; padding: 1rem; border: 1px solid var(--line); border-radius: .65rem; background: #fbfcfb; cursor: pointer; }
.request-type small, .confirmation-box small { color: var(--muted); font-weight: 500; line-height: 1.45; }
.request-type input:checked + span { border-color: var(--green); background: var(--mint); box-shadow: 0 0 0 2px rgba(13,114,86,.08); }
.request-type input:focus-visible + span { outline: 3px solid rgba(13,114,86,.18); }
.confirmation-box { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .8rem; padding: 1rem; border: 1px solid var(--line); border-radius: .65rem; background: var(--wash); }
.confirmation-box input { width: 1.15rem; min-height: 1.15rem; margin-top: .12rem; }
.confirmation-box span { display: grid; gap: .3rem; }
.blocked-state .button { margin: .65rem auto 0; }
.pill.warning { background: #fff0da; color: #8b560e; }
.approval-panel { margin-bottom: 1.5rem; }
.approval-progress { height: .55rem; margin: 1.25rem 1.5rem 0; overflow: hidden; border-radius: 999px; background: #e7ede9; }
.approval-progress i { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.approval-copy { display: grid; gap: .35rem; padding: 1.25rem 1.5rem; }
.approval-copy span, .artifact-action small { color: var(--muted); font-size: .78rem; }
.artifact-action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-top: 1px solid var(--line); background: #f8fbf9; }
.card-link { margin: 1rem 0 0; }
.approval-list { display: grid; }
.approval-row { display: grid; grid-template-columns: auto minmax(15rem, 1fr) auto minmax(9rem, auto); align-items: center; gap: 1rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.approval-row:last-child { border-bottom: 0; }
.approval-row:hover { background: #f8fbf9; }
.request-icon { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; border-radius: .6rem; background: #fff0da; color: #8b560e; font-size: .75rem; font-weight: 850; }
.approval-ratio { display: grid; gap: .2rem; text-align: right; }
.approval-ratio span, .approval-row > small { color: var(--muted); font-size: .7rem; }
.decision-list { display: grid; }
.decision-list > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; padding: .9rem 1.5rem; border-top: 1px solid var(--line); }
.decision-list > div:first-child { border-top: 0; }
.decision-list > div > div { display: grid; gap: .22rem; }
.decision-list small { color: var(--muted); font-size: .72rem; }
.mini-avatar { width: 2rem; height: 2rem; border-radius: .55rem; background: var(--green); }
.centered-empty { text-align: center; }
.decision-panel { margin-bottom: 1.5rem; }
.decision-warning { display: grid; gap: .35rem; padding: 1rem; border-left: 3px solid #c28725; background: #fff8e8; }
.decision-warning span { color: #795c27; font-size: .78rem; line-height: 1.5; }
.decision-actions { display: flex; justify-content: flex-end; gap: .7rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.danger-button { border-color: #e6b8b0; color: var(--danger); }
.danger-button:hover { border-color: var(--danger); background: #fff0ed; }
.hero-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .7rem; }
.back-actions { display: flex; justify-content: space-between; gap: 1rem; }
.delivery-filters { display: grid; grid-template-columns: minmax(14rem, 1fr) auto auto; align-items: end; gap: .8rem; }
.delivery-list { display: grid; }
.delivery-row { display: grid; grid-template-columns: auto minmax(16rem, 1fr) auto minmax(9rem, auto); align-items: center; gap: 1rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.delivery-row:last-child { border-bottom: 0; }
.delivery-row:hover { background: #f8fbf9; }
.delivery-row > small { color: var(--muted); font-size: .7rem; text-align: right; }
.status-light { width: .65rem; height: .65rem; border-radius: 999px; background: #8a9893; box-shadow: 0 0 0 4px #edf1ee; }
.status-pending { background: #c28725; box-shadow: 0 0 0 4px #fff0da; }
.status-processing { background: #347ea0; box-shadow: 0 0 0 4px #e5f3f8; }
.status-delivered { background: var(--green); box-shadow: 0 0 0 4px var(--mint); }
.status-dead { background: var(--danger); box-shadow: 0 0 0 4px #fde6e1; }
.small-value { font-size: 1rem !important; line-height: 1.2; }
.hash-list dd { max-width: 19rem; overflow-wrap: anywhere; }
.hash-list code { font-size: .68rem; }
.artifact-panel { margin-bottom: 1.5rem; }
.artifact-import { display: grid; gap: 1rem; padding: 1.5rem; }
.artifact-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.artifact-complete { display: grid; gap: .45rem; padding: 1.5rem; }
.artifact-complete span { color: var(--muted); font-size: .8rem; }
.artifact-complete code { margin-top: .4rem; padding: .7rem; overflow-wrap: anywhere; border-radius: .45rem; background: var(--wash); color: var(--green-dark); font-size: .72rem; }
.form-stack { display: grid; align-content: start; gap: 1rem; }
.replacement-summary { margin-bottom: 0; }
.inset-card { overflow: hidden; border: 1px solid var(--line); border-radius: .65rem; background: var(--wash); }
.replacement-panel { margin-bottom: 1.5rem; }
.replacement-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.replacement-detail > div { align-content: start; }
.organization-identity { margin-bottom: 1.5rem; }
.compact-form { gap: 1rem; padding: 1.25rem 1.5rem; }
.management-disclosure { border-bottom: 1px solid var(--line); }
.management-disclosure > summary { width: max-content; margin: 1.25rem 1.5rem; list-style: none; }
.management-disclosure > summary::-webkit-details-marker { display: none; }
.management-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1.5rem; }
.management-card { position: relative; border: 1px solid var(--line); border-radius: .7rem; background: #fbfcfb; }
.management-card .detail-list { border-top: 0; }
.readonly-card { padding: 1.25rem; }
.readonly-card .detail-list { margin: .75rem -1.25rem -1.25rem; }
.archive-action { display: flex; justify-content: flex-end; padding: 0 1.5rem 1.25rem; }
.inline-check { display: flex !important; align-items: center; gap: .6rem; }
.inline-check input { width: 1.1rem; min-height: 1.1rem; }
.account-security-note { display: grid; gap: .25rem; padding: 1rem 1.5rem; border-top: 1px solid var(--line); background: var(--wash); }
.account-security-note span { color: var(--muted); font-size: .76rem; }
.account-list form { display: flex; }
.assignment-list { border-top: 1px solid var(--line); }
.section-subhead { display: grid; gap: .25rem; padding: 1.25rem 1.5rem; background: var(--wash); }
.section-subhead span { color: var(--muted); font-size: .76rem; }
.assignment-row { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(12rem, .7fr) auto; align-items: center; gap: 1rem; padding: 1rem 1.5rem; border-top: 1px solid var(--line); }
.assignment-row > div { display: grid; gap: .25rem; }
.assignment-row code { color: var(--muted); font-size: .68rem; }
.assignment-row select { min-height: 2.7rem; }
.button:disabled { cursor: not-allowed; opacity: .5; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.release-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.release-card { display: grid; gap: 1rem; padding: 1.5rem; color: inherit; text-decoration: none; }
.release-card:hover { border-color: #a9bdb4; transform: translateY(-1px); }
.release-card h2 { margin: .2rem 0 0; }
.release-version { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--green); }
.release-excerpt { margin: 0; color: var(--muted); line-height: 1.6; }
.release-meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .72rem; }
.release-notes-panel { margin-bottom: 1.5rem; }
.release-notes { padding: 1.5rem; border-top: 1px solid var(--line); white-space: pre-wrap; line-height: 1.7; }
.asset-row code { max-width: 42rem; overflow-wrap: anywhere; color: var(--muted); font-size: .68rem; }
.release-admin-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); gap: 1.5rem; margin-bottom: 1.5rem; }
.release-admin-layout > .panel { margin: 0; }
.release-admin-stats { margin-bottom: 1.5rem; }
.release-guardrails { display: grid; }
.release-guardrails > div { display: grid; gap: .35rem; padding: 1.35rem 1.5rem; border-bottom: 1px solid var(--line); }
.release-guardrails > div:last-child { border-bottom: 0; }
.release-guardrails span { color: var(--muted); font-size: .78rem; line-height: 1.55; }
.release-admin-row .pill { justify-self: end; }
.edition-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 0; padding: 1rem; border: 1px solid var(--line); border-radius: .65rem; }
.edition-picker legend { padding: 0 .4rem; color: #344b43; font-size: .86rem; font-weight: 700; }
.edition-picker label { padding: .75rem; border: 1px solid var(--line); border-radius: .55rem; background: var(--wash); }
.edition-picker label > span { display: grid; gap: .15rem; }
.edition-picker label small { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.release-editions { display: flex; flex-wrap: wrap; gap: .45rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--line); }
.release-upload { display: grid; grid-template-columns: minmax(16rem, 1fr) auto; align-items: end; gap: 1rem; padding: 1.5rem; border-top: 1px solid var(--line); background: var(--wash); }
.upload-status { grid-column: 1 / -1; min-height: 1.2rem; margin: 0; color: var(--green-dark); font-size: .78rem; font-weight: 700; }
.release-publish-panel { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.5rem; }
.release-publish-panel h2 { margin-bottom: .5rem; }
.release-publish-panel p:last-child { max-width: 43rem; margin-bottom: 0; color: var(--muted); line-height: 1.55; }
.release-impact-panel { margin-bottom: 1.5rem; }
.release-impact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.release-impact-grid > div { display: grid; gap: .35rem; padding: 1.25rem 1.5rem; border-right: 1px solid var(--line); }
.release-impact-grid > div:last-child { border-right: 0; }
.release-impact-grid span { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.release-impact-grid strong { font-size: 1.7rem; }
.release-impact-grid small { color: var(--muted); font-size: .72rem; }
.communication-management { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.communication-management > .panel { margin: 0; }
.audience-help { display: grid; align-content: center; gap: .3rem; padding: .8rem 1rem; border-left: 3px solid var(--green); background: var(--wash); }
.audience-help strong { font-size: .78rem; }
.audience-help span { color: var(--muted); font-size: .72rem; line-height: 1.45; }
.template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1.5rem; }
.template-card { display: grid; align-content: start; gap: .7rem; min-width: 0; padding: 1.15rem; border: 1px solid var(--line); border-radius: .7rem; background: #fbfcfb; }
.template-card > div { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.template-card code { overflow: hidden; color: var(--muted); font-size: .68rem; text-overflow: ellipsis; }
.template-card h3, .template-card p { margin: 0; }
.template-card > strong { font-size: .8rem; }
.template-card p, .communication-body { color: var(--muted); font-size: .78rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.communication-list { display: grid; }
.communication-card { display: grid; gap: .85rem; padding: 1.5rem; border-top: 1px solid var(--line); }
.communication-card:first-child { border-top: 0; }
.communication-card header, .communication-card footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.communication-card header > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.communication-card time, .communication-card footer > span { color: var(--muted); font-size: .72rem; }
.communication-card h3, .communication-card p { margin: 0; }
.communication-card footer { padding-top: .8rem; border-top: 1px solid var(--line); }
.communication-card footer code { overflow-wrap: anywhere; }
.privacy-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.privacy-action-grid > .panel { margin: 0; }
.danger-zone { border-color: #ead1cb; }
.privacy-review-list, .privacy-history { display: grid; }
.privacy-review-card { display: grid; grid-template-columns: minmax(14rem, 1fr) minmax(18rem, auto); align-items: center; gap: 1.25rem; padding: 1.25rem 1.5rem; border-top: 1px solid var(--line); }
.privacy-review-card:first-child { border-top: 0; }
.privacy-review-card > div:first-child, .privacy-history-row > div:first-child { display: grid; gap: .25rem; }
.privacy-review-card span, .privacy-review-card small, .privacy-history-row span, .privacy-history-row small { color: var(--muted); font-size: .72rem; }
.privacy-decisions { display: flex; align-items: end; justify-content: flex-end; gap: .6rem; }
.privacy-decisions form { display: flex; align-items: end; gap: .6rem; }
.compact-confirmation { padding: .55rem .7rem; }
.privacy-history-row { display: grid; grid-template-columns: minmax(14rem, 1fr) minmax(8rem, auto) auto; align-items: center; gap: 1rem; padding: 1rem 1.5rem; border-top: 1px solid var(--line); }
.privacy-history-row:first-child { border-top: 0; }
.privacy-history-state { display: grid; justify-items: end; gap: .35rem; }
.privacy-history-state code { color: var(--muted); font-size: .65rem; }
.three-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.four-columns { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.edition-rights { display: flex; flex-wrap: wrap; align-content: start; gap: .7rem 1rem; margin: 0; padding: .8rem 1rem; border: 1px solid var(--line); border-radius: .6rem; }
.edition-rights legend { padding: 0 .3rem; color: #344b43; font-size: .78rem; font-weight: 750; }
.quota-editor { display: grid; gap: 1rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--wash); }
.quota-editor-head { display: flex; justify-content: space-between; gap: 1rem; }
.quota-editor-head span { color: var(--muted); font-size: .75rem; }
.edition-grid, .contract-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.edition-grid { padding: 1.5rem; }
.edition-card { display: grid; gap: .8rem; min-width: 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: .7rem; background: #fbfcfb; }
.edition-card > code { color: var(--muted); font-size: .68rem; }
.edition-card .rights-list { padding: .2rem 0; border: 0; }
.edition-limits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line); }
.edition-limits > div { display: flex; justify-content: space-between; gap: .7rem; padding: .65rem .3rem; border-bottom: 1px solid var(--line); }
.edition-limits dt { color: var(--muted); font-size: .7rem; }
.edition-limits dd { margin: 0; font-size: .75rem; font-weight: 800; }
.contract-admin-grid { margin-bottom: 1.5rem; }
.contract-admin-card { min-width: 0; }
.contract-limits { padding: 1rem 1.25rem; border-top: 0; }
.contract-renewed { display: flex; align-items: center; gap: .7rem; padding: 1rem 1.25rem; border-top: 1px solid var(--line); background: var(--mint); }
.contract-renewed small { color: var(--green-dark); }
.renewal-disclosure { border-top: 1px solid var(--line); }
.renewal-disclosure > summary { margin: 1rem 1.25rem; }
.renewal-quotas { gap: .8rem; }
.sla-editor { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: .7rem; }
.sla-objective { display: grid; grid-template-columns: minmax(8rem, .7fr) repeat(2, minmax(10rem, 1fr)); align-items: center; gap: .7rem; padding: .65rem .8rem; border-top: 1px solid var(--line); }
.sla-objective:first-child { border-top: 0; }
.sla-objective-head { background: var(--wash); color: var(--muted); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.sla-objective label { gap: 0; }
.sla-policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1.5rem; }
.sla-policy-card { display: grid; gap: 1rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: .7rem; background: #fbfcfb; }
.sla-policy-card .card-title > div { display: grid; gap: .3rem; }
.sla-policy-card code, .sla-policy-card > small { color: var(--muted); font-size: .68rem; }
.sla-policy-objectives { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.sla-policy-objectives > div { display: grid; gap: .25rem; padding: .7rem .3rem; border-bottom: 1px solid var(--line); }
.sla-policy-objectives span { color: var(--muted); font-size: .7rem; }
.knowledge-management { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.knowledge-management > .panel { margin: 0; }
.knowledge-section { margin-bottom: 1.5rem; }
.knowledge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 1.5rem; }
.knowledge-card { display: grid; align-content: start; gap: 1rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: .7rem; background: #fbfcfb; }
.knowledge-card .card-title > div, .incident-card header > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.knowledge-card code, .incident-card code { color: var(--muted); font-size: .68rem; }
.knowledge-card h3, .knowledge-card p, .incident-card h3, .incident-card p { margin: 0; }
.knowledge-card p, .incident-card p { color: var(--muted); font-size: .78rem; line-height: 1.6; }
.knowledge-card footer { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding-top: .9rem; border-top: 1px solid var(--line); }
.version-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.version-tags span { padding: .3rem .5rem; border-radius: .35rem; background: var(--wash); color: #435a51; font-size: .68rem; }
.incident-list { display: grid; }
.incident-card { display: grid; gap: .75rem; padding: 1.25rem 1.5rem; border-top: 1px solid var(--line); border-left: 3px solid #a9b8b2; }
.incident-card:first-child { border-top: 0; }
.incident-card.severity-high { border-left-color: #c28725; }
.incident-card.severity-critical { border-left-color: var(--danger); }
.incident-card header, .incident-meta, .incident-card footer, .incident-card footer form { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.incident-meta { color: var(--muted); font-size: .72rem; }
.incident-meta a { color: var(--green); font-weight: 750; }
.incident-card footer { padding-top: .75rem; border-top: 1px solid var(--line); }
.incident-card footer { justify-content: flex-end; }
.incident-card footer select { min-height: 2.45rem; }
.narrow-page { width: min(70rem, calc(100% - 2rem)); }
.knowledge-article > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: 2rem; border-bottom: 1px solid var(--line); }
.knowledge-article > header h1 { margin-bottom: .7rem; font-size: clamp(2rem, 4vw, 3.3rem); }
.knowledge-article > header p:last-child { margin-bottom: 0; color: var(--muted); line-height: 1.6; }
.article-versions { display: grid; gap: .75rem; padding: 1.2rem 2rem; border-bottom: 1px solid var(--line); background: var(--wash); }
.article-body { padding: 2rem; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.knowledge-article > footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem 2rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .7rem; }
.knowledge-article > footer code { max-width: 70%; overflow-wrap: anywhere; }
.linked-incidents { display: grid; gap: .5rem; margin-top: 1rem; }
.linked-incidents a { display: grid; gap: .25rem; padding: .75rem; border: 1px solid var(--line); border-radius: .55rem; color: inherit; text-decoration: none; }
.linked-incidents a:hover { border-color: #a9c7bb; background: var(--wash); }
.linked-incidents span { color: var(--muted); font-size: .68rem; }
.metrics-filters-panel { margin-bottom: 1.5rem; }
.metrics-filters { display: grid; grid-template-columns: minmax(16rem, 1fr) repeat(2, minmax(10rem, .45fr)) auto; align-items: end; gap: .8rem; padding: 1.25rem 1.5rem; }
.metrics-filters > label:first-child:nth-last-child(3) { grid-column: auto; }
.metrics-scope { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 1.8rem 0 1rem; }
.metrics-scope h2, .metrics-scope .eyebrow { margin-bottom: 0; }
.metrics-scope > span { color: var(--muted); font-size: .76rem; }
.metrics-stats { margin-bottom: 1.5rem; }
.metrics-stats .stat-card small { line-height: 1.45; }
.metrics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.metric-values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.metric-values > div { display: grid; gap: .4rem; padding: 1.25rem; border-right: 1px solid var(--line); }
.metric-values > div:last-child { border-right: 0; }
.metric-values dt { color: var(--muted); font-size: .7rem; }
.metric-values dd { margin: 0; font-size: 1.15rem; font-weight: 850; }
.metric-breakdown { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1.25rem 1.5rem; }
.metric-breakdown h3 { grid-column: 1 / -1; margin: .8rem 0 .35rem; font-size: .78rem; }
.metric-breakdown h3:first-child { margin-top: 0; }
.metric-breakdown > div { display: flex; justify-content: space-between; gap: .8rem; padding: .6rem 0; border-bottom: 1px solid var(--line); }
.metric-breakdown > div:nth-of-type(odd) { margin-right: 1rem; }
.metric-breakdown span { color: var(--muted); font-size: .72rem; }
.satisfaction-summary { display: grid; gap: .3rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--line); }
.satisfaction-summary strong { font-size: 1.6rem; }
.satisfaction-summary span { color: var(--muted); font-size: .72rem; }
.rating-distribution { display: grid; gap: .7rem; padding: 1.25rem 1.5rem; }
.rating-distribution > div { display: grid; grid-template-columns: 3.5rem 1fr 2rem; align-items: center; gap: .8rem; }
.rating-distribution span, .rating-distribution strong { font-size: .72rem; }
.rating-distribution strong { text-align: right; }
.sla-risk-panel { margin-bottom: 1.5rem; }
.sla-risk-list { display: grid; }
.sla-risk-list a { display: grid; grid-template-columns: auto minmax(14rem, 1fr) auto 10rem; align-items: center; gap: 1rem; padding: 1rem 1.5rem; border-top: 1px solid var(--line); color: inherit; text-decoration: none; }
.sla-risk-list a:first-child { border-top: 0; }
.sla-risk-list a:hover { background: #f8fbf9; }
.sla-risk-list a > div { display: grid; gap: .25rem; }
.sla-risk-list small, .sla-risk-list time { color: var(--muted); font-size: .7rem; }
.sla-risk-list time { text-align: right; }
.telemetry-policy-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.telemetry-policy-summary > div { display: grid; gap: .35rem; padding: 1.25rem 1.5rem; border-right: 1px solid var(--line); }
.telemetry-policy-summary > div:last-child { border-right: 0; }
.telemetry-policy-summary span, .consent-history, .readonly-consent span { color: var(--muted); font-size: .72rem; line-height: 1.5; }
.consent-history { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1.5rem; border-bottom: 1px solid var(--line); background: var(--wash); }
.enabled-categories { display: grid; gap: .7rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--line); }
.telemetry-category-list { display: grid; gap: .7rem; margin: 0; padding: 0; border: 0; }
.telemetry-category-list legend { margin-bottom: .3rem; color: #344b43; font-size: .86rem; font-weight: 750; }
.telemetry-category-list label { position: relative; display: block; }
.telemetry-category-list input { position: absolute; width: 1px; height: 1px; min-height: 0; opacity: 0; }
.telemetry-category-list label > span { display: grid; gap: .3rem; min-height: 4.5rem; padding: 1rem 1rem 1rem 3.2rem; border: 1px solid var(--line); border-radius: .65rem; background: #fbfcfb; cursor: pointer; }
.telemetry-category-list label > span::before { position: absolute; top: 1.15rem; left: 1rem; display: grid; place-items: center; width: 1.25rem; height: 1.25rem; border: 1px solid #afc0b8; border-radius: .3rem; background: white; content: ""; }
.telemetry-category-list input:checked + span { border-color: var(--green); background: var(--mint); }
.telemetry-category-list input:checked + span::before { border-color: var(--green); background: var(--green); color: white; content: "✓"; }
.telemetry-category-list input:focus-visible + span { outline: 3px solid rgba(13, 114, 86, .18); }
.telemetry-category-list small { color: var(--muted); font-weight: 500; line-height: 1.45; }
.telemetry-disable { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-top: 1px solid #ead1cb; background: #fffafa; }
.telemetry-disable .inline-check { flex: 1; }
.readonly-consent { display: grid; gap: .3rem; padding: 1.25rem 1.5rem; border-top: 1px solid var(--line); }
.one-time-secret-panel { padding: 1.5rem; }
.one-time-secret { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .7rem; margin: 1.5rem 0; }
.one-time-secret > span { grid-column: 1 / -1; color: var(--muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.one-time-secret > code { min-width: 0; padding: 1rem; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: .55rem; background: var(--wash); color: var(--green-dark); font-size: .85rem; }
.one-time-secret .copy-status { grid-column: 1 / -1; }
.credential-context { margin: 0; border-top: 1px solid var(--line); }
.credential-context dd code { overflow-wrap: anywhere; }
.credential-guidance { display: grid; gap: .35rem; margin: 1.25rem 0; padding: 1rem; border-left: 3px solid var(--green); background: var(--wash); }
.credential-guidance span { color: var(--muted); font-size: .76rem; line-height: 1.55; }

@media (max-width: 780px) {
  .auth-layout { grid-template-columns: 1fr; }
  .brand-panel { min-height: 18rem; padding: 1.5rem; }
  .brand-copy { margin: 3rem 0 1rem; }
  .brand-copy h1 { font-size: 2.25rem; }
  .trust-note { display: none; }
  .auth-panel { padding: 1rem; }
  .topbar { align-items: flex-start; gap: 1rem; }
  .main-nav { order: 3; width: 100%; }
  .main-nav a { flex: 1; text-align: center; }
  .topbar { flex-wrap: wrap; }
  .topbar .brand small, .account-link small { display: none; }
  .account { flex-wrap: wrap; justify-content: flex-end; }
  .hero { align-items: flex-start; flex-direction: column; }
  .stats { grid-template-columns: repeat(2, 1fr); }
  .small-stats { grid-template-columns: repeat(3, 1fr); }
  .stat-card:nth-child(2) { border-right: 0; }
  .stat-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .data-row { align-items: flex-start; flex-direction: column; }
  .row-meta { justify-items: start; text-align: left; }
  .filters { grid-template-columns: 1fr; }
  .ticket-row { grid-template-columns: 1fr auto; }
  .ticket-sla, .ticket-updated { grid-column: 1 / -1; }
  .two-columns, .three-columns, .four-columns { grid-template-columns: 1fr; }
  .account-security-grid, .mfa-enrollment { grid-template-columns: 1fr; }
  .inline-password-action, .compact-confirm-form { grid-template-columns: 1fr; }
  .recovery-code-list { grid-template-columns: 1fr; }
  .ticket-heading { align-items: flex-start; flex-direction: column; }
  .heading-badges { justify-content: flex-start; }
  .ticket-layout { grid-template-columns: 1fr; }
  .reply-actions { align-items: stretch; flex-direction: column; }
  .attachment-actions { align-items: stretch; flex-direction: column; }
  .installation-grid, .workspace-grid, .installation-layout { grid-template-columns: 1fr; }
  .contract-meta { grid-template-columns: 1fr; }
  .contract-meta > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .contract-meta > div:last-child { border-bottom: 0; }
  .quota-row { grid-template-columns: 1fr; }
  .panel-head:has(.panel-actions) { align-items: flex-start; gap: 1rem; }
  .panel-actions { align-items: flex-end; flex-direction: column; }
  .request-types { grid-template-columns: 1fr; }
  .artifact-action { align-items: stretch; flex-direction: column; }
  .approval-row { grid-template-columns: auto 1fr; }
  .approval-ratio { justify-items: start; text-align: left; }
  .approval-row > small { text-align: right; }
  .decision-actions { align-items: stretch; flex-direction: column-reverse; }
  .hero-actions { align-items: flex-start; justify-content: flex-start; }
  .back-actions { align-items: flex-start; flex-direction: column; }
  .delivery-filters { grid-template-columns: 1fr; }
  .delivery-row { grid-template-columns: auto 1fr; }
  .delivery-row .row-meta { justify-items: start; text-align: left; }
  .artifact-actions { align-items: stretch; flex-direction: column; }
  .replacement-detail { grid-template-columns: 1fr; }
  .management-grid { grid-template-columns: 1fr; padding: 1rem; }
  .assignment-row { grid-template-columns: 1fr; }
  .release-grid { grid-template-columns: 1fr; }
  .commercial-grid, .document-parties, .communication-management, .template-grid, .privacy-action-grid, .edition-grid, .contract-admin-grid, .sla-policy-grid, .knowledge-management, .knowledge-grid, .release-admin-layout { grid-template-columns: 1fr; }
  .edition-picker { grid-template-columns: 1fr; }
  .release-upload { grid-template-columns: 1fr; }
  .upload-status { grid-column: auto; }
  .release-publish-panel { align-items: stretch; flex-direction: column; }
  .release-impact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .release-impact-grid > div:nth-child(2) { border-right: 0; }
  .release-impact-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .document-heading, .document-actions, .document-dates, .inline-document-form { align-items: stretch; flex-direction: column; }
  .document-heading > div:last-child { justify-items: start; }
  .document-totals { justify-content: stretch; }
  .document-totals > div { grid-template-columns: 1fr auto; }
  .communication-card header, .communication-card footer { align-items: flex-start; flex-direction: column; }
  .privacy-review-card, .privacy-history-row { grid-template-columns: 1fr; }
  .privacy-decisions, .privacy-decisions form { align-items: stretch; flex-direction: column; }
  .privacy-history-state { justify-items: start; }
  .quota-editor-head { flex-direction: column; }
  .sla-objective { grid-template-columns: 1fr; }
  .sla-objective-head { display: none; }
  .knowledge-card footer, .incident-card header, .incident-meta, .incident-card footer form, .knowledge-article > header, .knowledge-article > footer { align-items: flex-start; flex-direction: column; }
  .knowledge-article > footer code { max-width: 100%; }
  .metrics-filters, .metrics-grid { grid-template-columns: 1fr; }
  .metrics-scope { align-items: flex-start; flex-direction: column; }
  .metrics-stats { grid-template-columns: 1fr; }
  .metric-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-values > div:nth-child(2) { border-right: 0; }
  .metric-values > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .sla-risk-list a { grid-template-columns: auto 1fr; }
  .sla-risk-list .pill, .sla-risk-list time { grid-column: 2; justify-self: start; text-align: left; }
  .telemetry-policy-summary { grid-template-columns: 1fr; }
  .telemetry-policy-summary > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .telemetry-policy-summary > div:last-child { border-bottom: 0; }
  .consent-history, .telemetry-disable { align-items: stretch; flex-direction: column; }
  .one-time-secret { grid-template-columns: 1fr; }
  .one-time-secret > span, .one-time-secret .copy-status { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}