* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: clip; font-family: var(--ens-font-sans); color: var(--ens-text); background: var(--ens-canvas); }
html { overflow-y: scroll; scrollbar-color: var(--ens-neutral-500) var(--ens-canvas); scrollbar-width: auto; }
html::-webkit-scrollbar { width: .75rem; }
html::-webkit-scrollbar-track { background: var(--ens-canvas); }
html::-webkit-scrollbar-thumb { border: .2rem solid var(--ens-canvas); border-radius: 999px; background: var(--ens-neutral-500); }
html::-webkit-scrollbar-thumb:hover { background: var(--ens-neutral-600); }
[data-theme="dark"] { scrollbar-color: #7a8086 var(--ens-canvas); }
[data-theme="dark"]::-webkit-scrollbar-track { background: var(--ens-canvas); }
[data-theme="dark"]::-webkit-scrollbar-thumb { border-color: var(--ens-canvas); background: #7a8086; }
[data-theme="dark"]::-webkit-scrollbar-thumb:hover { background: #a6aaaf; }
body { width: 100%; max-width: 100%; margin: 0; overflow-x: clip; background: var(--ens-canvas); color: var(--ens-text); }
button, input, select, textarea { font: inherit; }
a { color: inherit; }
.ens-skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 1000; padding: .75rem 1rem; background: var(--ens-surface-dark); color: #fff; border-radius: var(--ens-radius-md); }
.ens-skip-link:focus { top: 1rem; }
.ens-app { width: 100%; max-width: 100%; min-height: 100vh; overflow-x: clip; }
.ens-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: var(--ens-sidebar-width); padding: var(--ens-space-5); overflow-y: auto; color: #fff; background: var(--ens-surface-dark); }
.ens-brand { display: flex; align-items: center; gap: .75rem; margin-bottom: 2rem; text-decoration: none; font-size: 1.25rem; font-weight: 800; }
.ens-brand-mark { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .75rem; color: #092c4c; background: var(--ens-brand-400); }
.ens-nav-label { margin: 1.5rem .75rem .5rem; color: #aebdca; font-size: var(--ens-text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ens-nav { display: grid; gap: .25rem; }
.ens-nav a { display: flex; align-items: center; gap: .75rem; padding: .7rem .8rem; border-radius: var(--ens-radius-md); color: #dce5ec; text-decoration: none; font-size: var(--ens-text-sm); font-weight: 600; }
.ens-nav a:hover, .ens-nav a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.11); }
.ens-nav-group { min-width: 0; }
.ens-nav-group__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ens-nav-group > summary { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem .8rem; border-radius: var(--ens-radius-md); color: #dce5ec; font-size: var(--ens-text-sm); font-weight: 600; cursor: pointer; list-style: none; }
.ens-nav-group > summary::-webkit-details-marker { display: none; }
.ens-nav-group > summary::after { content: ""; flex-shrink: 0; width: .45rem; height: .45rem; margin-right: .2rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
.ens-nav-group[open] > summary::after { transform: rotate(45deg); }
.ens-nav-group > summary:hover, .ens-nav-group[open] > summary { background: rgba(255,255,255,.08); color: #fff; }
.ens-nav-group > div { display: grid; gap: .15rem; padding: .2rem 0 .35rem .55rem; }
.ens-nav-group > div a { padding-block: .5rem; padding-left: 1.25rem; font-size: var(--ens-op-meta); }
.ens-nav-group > summary:focus-visible { outline: 2px solid var(--ens-brand-400); outline-offset: 2px; }
.ens-nav-reference { margin-top: 1.5rem; }
.ens-nav a[aria-disabled="true"] { opacity: .55; pointer-events: none; }
.ens-shell { max-width: 100%; min-height: 100vh; margin-left: var(--ens-sidebar-width); }
.ens-topbar { position: sticky; top: 0; z-index: 20; display: flex; height: var(--ens-topbar-height); align-items: center; gap: 1rem; padding: 0 clamp(1rem,3vw,2rem); border-bottom: 1px solid var(--ens-border); background: color-mix(in srgb,var(--ens-surface) 94%,transparent); backdrop-filter: blur(12px); }
.ens-topbar-brand { color: var(--ens-workspace-brand-light, var(--ens-text)); font-size: var(--ens-text-lg); font-weight: var(--ens-op-weight-strong); line-height: var(--ens-op-line-height); }
[data-theme="dark"] .ens-topbar-brand { color: var(--ens-workspace-brand-dark, var(--ens-text)); }
.ens-topbar-actions { display: flex; align-items: center; gap: .5rem; margin-left: auto; }
.ens-theme-toggle { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border: 1px solid var(--ens-border); border-radius: 50%; background: var(--ens-surface); color: var(--ens-text); cursor: pointer; }
.ens-theme-toggle:hover { border-color: var(--ens-brand-400); background: var(--ens-surface-subtle); }
.ens-theme-toggle:focus-visible { outline: 3px solid color-mix(in srgb,var(--ens-brand-400) 45%,transparent); outline-offset: 2px; }
.ens-theme-icon { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.ens-theme-icon--moon { fill: currentColor; stroke: none; }
.ens-theme-icon--sun { display: none; }
[data-theme="dark"] .ens-theme-icon--moon { display: none; }
[data-theme="dark"] .ens-theme-icon--sun { display: block; }
.ens-profile { display: flex; align-items: center; gap: .65rem; padding: .35rem .55rem; border: 1px solid var(--ens-border); border-radius: var(--ens-radius-pill); background: var(--ens-surface); color: var(--ens-text); text-decoration: none; }
.ens-avatar { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--ens-brand-100); color: var(--ens-brand-800); font-weight: 800; }
.ens-menu-button { display: none; border: 0; background: transparent; color: var(--ens-text); font-size: 1.4rem; }
.ens-content { width: min(100%,var(--ens-container-lg)); margin: 0 auto; padding: clamp(.75rem,2vw,1.25rem); }
.ens-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.ens-eyebrow { margin: 0 0 .35rem; color: var(--ens-link); font-size: var(--ens-op-label); font-weight: var(--ens-op-weight-strong); line-height: var(--ens-op-line-height); letter-spacing: .09em; text-transform: uppercase; }
.ens-page-title { margin: 0; font-size: var(--ens-op-heading); font-weight: var(--ens-op-weight-strong); line-height: var(--ens-op-line-height); }
.ens-page-intro { max-width: 48rem; margin: .6rem 0 0; color: var(--ens-text-muted); font-size: var(--ens-op-body); font-weight: var(--ens-op-weight-regular); line-height: var(--ens-op-line-height); }
.ens-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 1rem; }
.ens-card { grid-column: span 12; padding: 1.25rem; border: 1px solid var(--ens-border); border-radius: var(--ens-radius-lg); background: var(--ens-surface); box-shadow: var(--ens-shadow-sm); }
.ens-card h2 { margin: 0 0 .35rem; font-size: var(--ens-op-heading); font-weight: var(--ens-op-weight-strong); line-height: var(--ens-op-line-height); }
.ens-card-description { margin: 0 0 1rem; color: var(--ens-text-muted); font-size: var(--ens-op-body); font-weight: var(--ens-op-weight-regular); line-height: var(--ens-op-line-height); }
.ens-swatches { display: grid; grid-template-columns: repeat(auto-fit,minmax(8rem,1fr)); gap: .75rem; }
.ens-swatch { overflow: hidden; border: 1px solid var(--ens-border); border-radius: var(--ens-radius-md); background: var(--ens-surface); }
.ens-swatch-color { height: 4.5rem; background: var(--swatch); }
.ens-swatch-meta { padding: .65rem; font-size: var(--ens-text-xs); }
.ens-swatch-meta strong { display: block; margin-bottom: .15rem; font-size: var(--ens-text-sm); }
.ens-type-row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--ens-border); }
.ens-type-row:last-child { border: 0; }
.ens-type-row span:last-child { color: var(--ens-text-subtle); font-size: var(--ens-text-xs); }
.ens-surface-demo { padding: 1.25rem; border-radius: var(--ens-radius-md); }
.ens-surface-demo p { margin-bottom: 0; }
.ens-surface-demo--light { border: 1px solid var(--ens-border); background: #fff; color: #101828; }
.ens-surface-demo--dark { background: var(--ens-surface-dark); color: #fff; }
.ens-overlay { display: none; }
@media (min-width: 48rem) { .ens-card--half { grid-column: span 6; } }
@media (max-width: 61.99rem) {
  .ens-sidebar { transform: translateX(-100%); }
  .ens-shell { margin-left: 0; }
  .ens-menu-button { display: inline-grid; place-items: center; }
  body.ens-nav-open .ens-sidebar { transform: translateX(0); }
  body.ens-nav-open .ens-overlay { position: fixed; inset: 0; z-index: 25; display: block; border: 0; background: rgba(9,44,76,.5); }
}
@media (max-width: 47.99rem) { .ens-topbar { padding-inline: .65rem; } .ens-topbar-brand { font-size: .9375rem; } .ens-content { padding-inline: .5rem; } }
@media (max-width: 35.99rem) { .ens-profile-label { display: none; } .ens-content { padding: .65rem .25rem; } }

/* Transfer and shared workspace list components. */
.ens-transfer-form textarea{width:100%;padding:.55rem .6rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-sm);background:var(--ens-surface);color:var(--ens-text);resize:vertical}.ens-transfer-match{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-sm);background:var(--ens-surface-subtle)}.ens-transfer-match div>*{display:block}.ens-transfer-match div span,.ens-transfer-match div small{color:var(--ens-text-muted);font-size:var(--ens-op-meta)}.ens-workspace-list{overflow-x:auto;border:1px solid var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface)}.ens-workspace-list>header,.ens-workspace-list>article{display:grid;grid-template-columns:minmax(13rem,1.2fr) minmax(12rem,1fr) 8rem 8rem 5rem;align-items:center;gap:.65rem;min-width:50rem;padding:.65rem .75rem;border-bottom:1px solid var(--ens-border);font-size:var(--ens-op-meta)}.ens-workspace-list>header{background:var(--ens-surface-subtle);color:var(--ens-text-muted);font-size:var(--ens-op-label)}.ens-workspace-list>article:last-child{border-bottom:0}.ens-workspace-list strong small{display:block;margin-top:.08rem;color:var(--ens-text-muted);font-weight:var(--ens-op-weight-regular)}.ens-workspace-list time{color:var(--ens-text-muted)}.ens-workspace-list em{font-style:normal}.ens-workspace-list button{border:0;background:transparent;color:var(--ens-brand-700);font:inherit}.ens-workspace-empty{display:grid;min-height:20rem;align-content:center;justify-items:center;padding:1rem;border:1px dashed var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface);text-align:center}.ens-workspace-empty>span{display:grid;width:3rem;aspect-ratio:1;place-items:center;border-radius:var(--ens-radius-md);background:var(--ens-brand-100);color:var(--ens-brand-800);font-weight:var(--ens-op-weight-strong)}.ens-workspace-empty h3{margin:.7rem 0 .2rem;font-size:var(--ens-op-heading)}.ens-workspace-empty p{max-width:34rem;margin:0 0 .8rem;color:var(--ens-text-muted);font-size:var(--ens-op-body);line-height:var(--ens-op-line-height)}@media(max-width:35.99rem){.ens-transfer-match{grid-template-columns:auto minmax(0,1fr)}.ens-transfer-match .ens-btn{grid-column:1/-1;width:100%}}

/* Production Brand operations. */
.ens-ops-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ens-ops-heading h2,.ens-ops-profile h2{margin:.1rem 0;font-size:var(--ens-op-heading);font-weight:var(--ens-op-weight-strong);line-height:var(--ens-op-line-height)}.ens-ops-heading p,.ens-ops-profile p{margin:0;color:var(--ens-text-muted);font-size:var(--ens-op-body)}.ens-ops-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;color:var(--ens-text-muted);font-size:var(--ens-op-meta)}.ens-ops-search{width:min(24rem,100%)}.ens-ops-search input{width:100%;min-height:2.5rem;padding:.5rem .7rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-sm);background:var(--ens-surface);color:var(--ens-text)}.ens-ops-brand-cover--green{background:#28785d}.ens-ops-brand-cover--purple{background:#68457a}.ens-ops-brand-cover--gold{background:#9a7525}.ens-ops-card-actions{display:flex;align-items:center;gap:.25rem;padding:.45rem .55rem;border-top:1px solid var(--ens-border)}.ens-ops-card-actions>*{border:0;background:transparent;color:var(--ens-brand-700);font:inherit;font-size:var(--ens-op-label);text-decoration:none}.ens-ops-card-actions>*:first-child{margin-right:auto}.ens-ops-card-actions>span{color:var(--ens-text-muted)}
.ens-ops-form{display:grid;gap:.75rem}.ens-ops-form>section{display:grid;grid-template-columns:minmax(12rem,.35fr) minmax(0,1fr);gap:1rem;padding:1rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface)}.ens-ops-form section header h3{margin:0;font-size:var(--ens-op-heading);font-weight:var(--ens-op-weight-strong);line-height:var(--ens-op-line-height)}.ens-ops-form section header p{margin:.2rem 0;color:var(--ens-text-muted);font-size:var(--ens-op-meta);line-height:var(--ens-op-line-height)}.ens-ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.ens-ops-form-grid label{display:grid;align-content:start;gap:.25rem;min-width:0}.ens-ops-form-grid label>span{font-size:var(--ens-op-label);font-weight:var(--ens-op-weight-strong);line-height:var(--ens-op-line-height)}.ens-ops-form-grid input,.ens-ops-form-grid select,.ens-ops-form-grid textarea{box-sizing:border-box;width:100%;min-height:2.65rem;padding:.5rem .6rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-sm);background:var(--ens-surface);color:var(--ens-text);font:inherit;font-size:var(--ens-op-body);line-height:var(--ens-op-line-height)}.ens-ops-form-grid input[type="color"]{padding:.25rem}.ens-ops-form-grid .is-wide{grid-column:1/-1}.ens-ops-form>footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}
.ens-ops-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface)}.ens-ops-profile-mark{display:grid;width:5rem;aspect-ratio:1;place-items:center;border-radius:1rem;background:var(--ens-brand-900);color:#fff;font-size:var(--ens-op-heading);font-weight:var(--ens-op-weight-strong)}.ens-ops-profile-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.ens-ops-tabs{display:flex;gap:1rem;margin-bottom:.75rem;overflow-x:auto;border-bottom:1px solid var(--ens-border)}.ens-ops-tabs a{padding:.6rem .15rem;color:var(--ens-text-muted);text-decoration:none;white-space:nowrap;font-size:var(--ens-op-label)}.ens-ops-tabs a[aria-current="page"]{border-bottom:2px solid var(--ens-brand-700);color:var(--ens-text)}.ens-ops-tabs span{color:var(--ens-text-subtle)}.ens-ops-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ens-ops-detail-grid article,.ens-ops-danger-zone{padding:.85rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface)}.ens-ops-detail-grid h3,.ens-ops-danger-zone h3{margin:0 0 .5rem;font-size:var(--ens-op-heading)}.ens-ops-detail-grid dl{margin:0}.ens-ops-detail-grid dl div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--ens-border);font-size:var(--ens-op-body)}.ens-ops-detail-grid dl div:last-child{border:0}.ens-ops-detail-grid dd{margin:0;font-weight:var(--ens-op-weight-strong)}.ens-ops-detail-grid p,.ens-ops-danger-zone p{color:var(--ens-text-muted);font-size:var(--ens-op-meta)}.ens-ops-detail-grid progress{width:100%;accent-color:var(--ens-brand-600)}.ens-ops-detail-grid article>strong{display:block;margin-top:.3rem;font-size:var(--ens-op-label)}.ens-ops-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;border-color:color-mix(in srgb,var(--ens-danger) 35%,var(--ens-border))}.ens-ops-danger-zone p{max-width:48rem;margin:.2rem 0}
@media(max-width:61.99rem){.ens-ops-form>section{grid-template-columns:1fr}.ens-ops-profile{grid-template-columns:auto minmax(0,1fr)}.ens-ops-profile-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:47.99rem){.ens-ops-heading{align-items:flex-start;flex-direction:column}.ens-ops-detail-grid{grid-template-columns:1fr}.ens-ops-danger-zone{align-items:flex-start;flex-direction:column}}@media(max-width:35.99rem){.ens-ops-form-grid{grid-template-columns:1fr}.ens-ops-form-grid .is-wide{grid-column:auto}.ens-ops-profile-mark{width:3.75rem}.ens-ops-card-actions{flex-wrap:wrap}}

/* Flat surfaces only. Real image assets may retain their natural colour. */
.ens-ops-brand-cover--green{background:#28785d}
.ens-ops-brand-cover--purple{background:#68457a}
.ens-ops-brand-cover--gold{background:#9a7525}
.ens-ops-form-grid label>small{color:var(--ens-text-muted);font-size:var(--ens-op-label)}

/* Shared compact card density. */
.ens-card{padding:var(--ens-card-padding)}.ens-grid{gap:var(--ens-card-gap)}.ens-swatches{gap:var(--ens-card-gap)}.ens-ops-detail-grid{gap:var(--ens-card-gap)}.ens-ops-form{gap:var(--ens-card-gap)}.ens-ops-form>section{gap:.7rem;padding:var(--ens-card-padding)}

/* Pending work counts remain visible in Brand navigation and the mobile topbar. */
.ens-workspace-page .ens-page-title{font-size:var(--ens-op-heading);font-weight:var(--ens-op-weight-strong);line-height:var(--ens-op-line-height)}
.ens-nav-group summary>span{display:flex;min-width:0;flex:1;align-items:center;justify-content:space-between;gap:.5rem}.ens-pending-count{display:inline-grid;min-width:1.3rem;height:1.3rem;padding:0 .3rem;place-items:center;border-radius:999px;background:var(--ens-live);color:#312214;font-size:var(--ens-op-label);font-weight:var(--ens-op-weight-strong);font-variant-numeric:tabular-nums;line-height:1}.ens-nav-group>div a .ens-pending-count{margin-left:auto}.ens-notification-button{position:relative;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--ens-border);border-radius:50%;background:var(--ens-surface);color:var(--ens-text);text-decoration:none}.ens-notification-button>span{font-size:var(--ens-op-title);font-weight:var(--ens-op-weight-strong)}.ens-notification-button>b{position:absolute;top:-.3rem;right:-.3rem;display:grid;min-width:1.25rem;height:1.25rem;padding:0 .25rem;place-items:center;border:2px solid var(--ens-surface);border-radius:999px;background:var(--ens-live);color:#312214;font-size:.62rem;font-weight:var(--ens-op-weight-strong);font-variant-numeric:tabular-nums;line-height:1}

/* Notifications use the shared compact workspace typography. */
.ens-transfer-filters{margin-bottom:var(--ens-card-gap)}.ens-transfer-list>header,.ens-transfer-list>article{grid-template-columns:minmax(11rem,1fr) 7rem minmax(15rem,1.15fr) 7rem minmax(10rem,.8fr) 6rem;min-width:65rem}.ens-transfer-direction{font-size:var(--ens-op-label);font-weight:var(--ens-op-weight-strong)}.ens-transfer-direction--incoming{color:var(--ens-live)}.ens-transfer-direction--outgoing{color:var(--ens-brand-700)}.ens-transfer-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.35rem}.ens-transfer-route small{overflow:hidden;color:var(--ens-text-muted);font-size:var(--ens-op-meta);text-overflow:ellipsis;white-space:nowrap}.ens-transfer-route i{color:var(--ens-text);font-style:normal}.ens-transfer-list article em{font-size:var(--ens-op-meta)}
.ens-notification-button svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.ens-notification-button:hover{border-color:var(--ens-brand-400);background:var(--ens-surface-subtle)}.ens-notification-tabs{margin-bottom:var(--ens-card-gap)}.ens-notification-list{display:grid;overflow:hidden;border:1px solid var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface)}.ens-notification-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto .5rem 1rem;align-items:center;gap:.65rem;min-width:0;padding:.65rem .75rem;border-bottom:1px solid var(--ens-border);color:var(--ens-text);text-decoration:none}.ens-notification-row:last-child{border-bottom:0}.ens-notification-row:hover{background:var(--ens-surface-subtle)}.ens-notification-row.is-unread{background:color-mix(in srgb,var(--ens-live) 8%,var(--ens-surface))}.ens-notification-mark{display:grid;width:2.25rem;aspect-ratio:1;place-items:center;border-radius:var(--ens-radius-sm);background:var(--ens-brand-100);color:var(--ens-brand-800);font-size:var(--ens-op-label);font-weight:var(--ens-op-weight-strong)}.ens-notification-copy{display:grid;min-width:0}.ens-notification-copy small{color:var(--ens-text-muted);font-size:var(--ens-op-label)}.ens-notification-copy strong{overflow:hidden;font-size:var(--ens-op-title);font-weight:var(--ens-op-weight-strong);line-height:var(--ens-op-line-height);text-overflow:ellipsis;white-space:nowrap}.ens-notification-copy>span{overflow:hidden;color:var(--ens-text-muted);font-size:var(--ens-op-meta);line-height:var(--ens-op-line-height);text-overflow:ellipsis;white-space:nowrap}.ens-notification-row time{color:var(--ens-text-muted);font-size:var(--ens-op-meta);white-space:nowrap}.ens-notification-row i{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--ens-live)}.ens-notification-row>b{color:var(--ens-text-muted);font-size:var(--ens-op-heading)}@media(max-width:35.99rem){.ens-notifications-page .ens-page-heading{align-items:flex-start;flex-direction:column}.ens-notification-row{grid-template-columns:2.25rem minmax(0,1fr) .5rem;padding-inline:.55rem}.ens-notification-row time{grid-column:2;color:var(--ens-text-subtle)}.ens-notification-row>b{display:none}.ens-notification-row i{grid-column:3;grid-row:1/3}.ens-notification-copy strong,.ens-notification-copy>span{white-space:normal}}

/* Brand form feedback. */
.ens-ops-form-grid [aria-invalid="true"]{border-color:var(--ens-danger)}

/* Shared controls for forms rendered outside the operations form grid. */
.ens-form-control,
.ens-form-controls input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.ens-form-controls select,
.ens-form-controls textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 2.65rem;
  padding: .5rem .6rem;
  border: 1px solid var(--ens-border);
  border-radius: var(--ens-radius-sm);
  background: var(--ens-surface);
  color: var(--ens-text);
  font: inherit;
  font-size: var(--ens-op-body);
  line-height: var(--ens-op-line-height);
}
.ens-form-control:focus-visible,
.ens-form-controls input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus-visible,
.ens-form-controls select:focus-visible,
.ens-form-controls textarea:focus-visible,
.ens-form-check:focus-visible,
.ens-form-choice:focus-visible,
.ens-form-controls input[type="checkbox"]:focus-visible,
.ens-form-controls input[type="radio"]:focus-visible {
  border-color: var(--ens-brand-500);
  outline: 3px solid color-mix(in srgb, var(--ens-brand-400) 28%, transparent);
  outline-offset: 1px;
}
.ens-form-control:disabled,
.ens-form-control[readonly],
.ens-form-controls input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):disabled,
.ens-form-controls input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])[readonly],
.ens-form-controls select:disabled,
.ens-form-controls textarea:disabled,
.ens-form-controls textarea[readonly] {
  background: var(--ens-surface-subtle);
  color: var(--ens-text-muted);
  cursor: not-allowed;
}
.ens-form-control[aria-invalid="true"],
.ens-form-controls input[aria-invalid="true"],
.ens-form-controls select[aria-invalid="true"],
.ens-form-controls textarea[aria-invalid="true"] {
  border-color: var(--ens-danger-text);
}
textarea.ens-form-control,
.ens-form-controls textarea { resize: vertical; }
.ens-form-check,
.ens-form-choice,
.ens-form-controls input[type="checkbox"],
.ens-form-controls input[type="radio"] {
  width: 1rem;
  height: 1rem;
  margin: .15rem 0 0;
  accent-color: var(--ens-brand-600);
}

/* Shared compact participant rows used by real Contest selection and state workflows. */
.ens-participant-list{display:grid;min-width:0;border-block:1px solid var(--ens-border);background:var(--ens-surface)}
.ens-participant-card{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.55rem;min-width:0;padding:.55rem .65rem;border-bottom:1px solid var(--ens-border);background:var(--ens-surface);color:var(--ens-text)}
.ens-participant-card:last-child{border-bottom:0}.ens-participant-card>div{display:grid;min-width:0;gap:.04rem}.ens-participant-card strong{overflow-wrap:anywhere;font-size:var(--ens-op-label);font-weight:var(--ens-op-weight-strong);line-height:var(--ens-op-line-height)}.ens-participant-card small{overflow-wrap:anywhere;color:var(--ens-text-muted);font-size:var(--ens-op-meta);line-height:var(--ens-op-line-height)}
.ens-participant-avatar{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:var(--ens-radius-sm);background:var(--ens-status-neutral-bg);color:var(--ens-status-neutral-text);font-size:var(--ens-op-label);font-weight:var(--ens-op-weight-strong)}
.ens-contest-selection-choice{position:relative;grid-template-columns:auto 2.5rem minmax(0,1fr);cursor:pointer}.ens-contest-selection-choice>input{width:1rem;height:1rem;margin:0;accent-color:var(--ens-brand-600)}.ens-contest-selection-choice:has(input:checked){background:color-mix(in srgb,var(--ens-brand-400) 8%,var(--ens-surface))}
.ens-inline-form{display:grid;grid-template-columns:minmax(8rem,12rem) minmax(9rem,14rem) auto;align-items:center;gap:.4rem;min-width:0}.ens-inline-form input,.ens-inline-form select{box-sizing:border-box;width:100%;min-width:0;min-height:2.35rem;padding:.4rem .5rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-sm);background:var(--ens-surface);color:var(--ens-text);font:inherit;font-size:var(--ens-op-label)}
@media(max-width:61.99rem){.ens-inline-form{grid-column:2/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%}}
@media(max-width:35.99rem){.ens-page-heading{align-items:flex-start;flex-direction:column}.ens-participant-card{grid-template-columns:2.25rem minmax(0,1fr);padding-inline:.45rem}.ens-participant-avatar{width:2.25rem}.ens-participant-card>.ens-btn{grid-column:2;justify-self:start}.ens-inline-form{grid-column:1/-1;grid-template-columns:1fr}.ens-inline-form .ens-btn{justify-self:start}}
.ens-form-error{color:var(--ens-danger)!important}
.ens-form-summary,.ens-message-stack{margin-bottom:var(--ens-card-gap)}
.ens-message-stack{display:grid;gap:var(--ens-card-gap)}
.ens-form-summary p{margin:.15rem 0 0}
.ens-empty-state{display:grid;justify-items:start;gap:.45rem;padding:1rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface)}
.ens-empty-state p{margin:0 0 .35rem;color:var(--ens-text-muted)}

/* Shared create/delete reference pages. */
.ens-delete-page{display:grid;gap:var(--ens-card-gap);max-width:var(--ens-container-sm)}.ens-delete-record,.ens-delete-impact,.ens-delete-confirmation{border:1px solid var(--ens-border);border-radius:var(--ens-radius-md);background:var(--ens-surface)}.ens-delete-record{display:flex;align-items:center;gap:.75rem;padding:var(--ens-card-padding)}.ens-delete-record__icon{display:grid;width:2.5rem;aspect-ratio:1;flex:0 0 auto;place-items:center;border-radius:var(--ens-radius-sm);background:var(--ens-danger-soft);color:var(--ens-danger-text);font-size:var(--ens-op-heading);font-weight:var(--ens-op-weight-strong)}.ens-delete-record h2{margin:.05rem 0;font-size:var(--ens-op-heading);font-weight:var(--ens-op-weight-strong);line-height:var(--ens-op-line-height)}.ens-delete-record p{margin:0;color:var(--ens-text-muted);font-size:var(--ens-op-body);line-height:var(--ens-op-line-height)}.ens-delete-impact{padding:var(--ens-card-padding);border-color:color-mix(in srgb,var(--ens-danger) 32%,var(--ens-border))}.ens-delete-impact h3{margin:0;font-size:var(--ens-op-heading);font-weight:var(--ens-op-weight-strong)}.ens-delete-impact header p{margin:.2rem 0;color:var(--ens-text-muted);font-size:var(--ens-op-body);line-height:var(--ens-op-line-height)}.ens-delete-impact ul{display:grid;gap:.35rem;margin:.7rem 0 0;padding:0;list-style:none}.ens-delete-impact li{display:grid;grid-template-columns:.75rem minmax(0,1fr);gap:.3rem;color:var(--ens-text);font-size:var(--ens-op-body);line-height:var(--ens-op-line-height)}.ens-delete-impact li>span:first-child{color:var(--ens-danger-text);font-weight:var(--ens-op-weight-strong)}.ens-delete-confirmation{display:grid;gap:.75rem;padding:var(--ens-card-padding)}.ens-delete-confirmation label{display:grid;gap:.25rem}.ens-delete-confirmation label>span{font-size:var(--ens-op-label);font-weight:var(--ens-op-weight-strong)}.ens-delete-confirmation input{box-sizing:border-box;width:100%;min-height:var(--ens-control-md);padding:.5rem .6rem;border:1px solid var(--ens-border);border-radius:var(--ens-radius-sm);background:var(--ens-surface);color:var(--ens-text);font:inherit;font-size:var(--ens-op-body)}.ens-delete-confirmation small{color:var(--ens-text-muted);font-size:var(--ens-op-label);line-height:var(--ens-op-line-height)}.ens-delete-confirmation footer{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:35.99rem){.ens-delete-confirmation footer{align-items:stretch;flex-direction:column-reverse}.ens-delete-confirmation footer .ens-btn{justify-content:center;width:100%}}
/* Shared human-readable duration control. */
[data-form-row][hidden],[data-following-break-field-wrapper][hidden]{display:none!important}
.ens-duration-field{display:grid;min-width:0;align-content:start;gap:.35rem;margin:0;padding:0;border:0}
.ens-duration-field>legend{width:100%;margin:0;padding:0;color:var(--ens-text);font-size:var(--ens-op-label);line-height:var(--ens-op-line-height)}
.ens-duration-field>small,.ens-duration-field__controls small{overflow-wrap:anywhere;color:var(--ens-text-muted);font-size:var(--ens-op-meta);line-height:var(--ens-op-line-height)}
.ens-duration-field__controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(7.5rem,.72fr);min-width:0;gap:0}
.ens-duration-field__controls>label{display:grid;min-width:0;align-content:start;gap:.25rem}
.ens-duration-field__controls>label>span{color:var(--ens-text-muted);font-size:var(--ens-op-meta);line-height:var(--ens-op-line-height)}
.ens-duration-field__controls>label:first-child .ens-form-control{border-radius:var(--ens-radius-sm) 0 0 var(--ens-radius-sm)}
.ens-duration-field__controls>label:last-child .ens-form-control{border-left-width:0;border-radius:0 var(--ens-radius-sm) var(--ens-radius-sm) 0}
.ens-duration-field__controls .ens-form-control:focus{position:relative;z-index:1}

/* Shared responsive field layout for configuration forms and dynamic builders. */
.ens-form-field-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: var(--ens-space-3, .75rem);
  min-width: 0;
}
.ens-form-field-grid > * {
  min-width: 0;
}
.ens-form-field-grid > label,
.ens-form-field-grid > fieldset,
.ens-form-field {
  display: grid;
  align-content: start;
  gap: .35rem;
  min-width: 0;
}
.ens-form-field-grid > label > span,
.ens-form-field > span {
  color: var(--ens-text);
  font-size: var(--ens-op-label);
  line-height: var(--ens-op-line-height);
}
.ens-form-field-grid small,
.ens-form-field small {
  overflow-wrap: anywhere;
  color: var(--ens-text-muted);
  font-size: var(--ens-op-meta);
  line-height: var(--ens-op-line-height);
}
.ens-form-field--span-2 {
  grid-column: span 2;
}
.ens-form-field--full,
.ens-form-field-grid > .is-wide {
  grid-column: 1 / -1;
}

@media (max-width: 74.99rem) {
  .ens-form-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.99rem) {
  .ens-form-field-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ens-form-field--span-2 {
    grid-column: auto;
  }
}