#production-status{padding:5px 24px;color:#516174;background:#f4f8fc;border-bottom:1px solid #dce5ee;font:var(--font-aux)/1.6 "Microsoft YaHei",sans-serif}#production-status.failed{color:#b5091c;background:#fff1f2}#production-status a{color:inherit;text-decoration:underline}
/* Use the complete supplied brand image without separately typeset letters. */
.fusion-new .f6-logo{width:auto;display:block;line-height:0}
.fusion-new .f6-logo img{display:block;width:auto;height:48px;max-width:none;object-fit:contain}
/* Equal tracks and reserved caption rows keep all six dials aligned across
   empty, partial and reported values, including the unconfigured AI metric. */
#p-ov .f6-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}
#p-ov .f6-gauge{border-left:1px solid transparent}
#p-ov .f6-gauge:nth-child(even){border-left-color:#E6EBF2}
#p-ov .f6-gauge-label{min-height:1.45em}
#p-ov .f6-dial>strong,#p-ov .f6-gauge.pending .f6-dial>strong{font:700 var(--font-metric)/1.25 "Bahnschrift","DIN Alternate",Arial,sans-serif;letter-spacing:-.4px;min-height:1.25em;font-variant-numeric:tabular-nums}
#p-ov .f6-gauge-status{height:1.6em;flex:none;display:flex;align-items:center;justify-content:center;white-space:nowrap}
#p-ov .f6-gauge>small{height:3.2em;flex:none;display:flex;align-items:center;justify-content:center}
.f6-kpis strong,.f6-hero-totals b,.f6-outcomes dd,.f6-metric-inline b{font-variant-numeric:tabular-nums}

/* Final campaign: one continuous board with a separate workspace. */
.fusion-new #pages>.page { scroll-margin-top: calc(var(--board-header-height, 120px) + 16px); }
.fusion-new #pages>.page:not(.on) { display: none; }
.fusion-new #pages>.page.on { display: block; }
.fusion-new #p-wr { min-height: calc(100svh - var(--board-header-height, 120px) - 16px); }
.fusion-new .f6-section-divider { display: flex; align-items: center; gap: 12px; margin: 28px 0 16px; padding: 20px 0 0; border-top: 1px solid var(--ui-line-strong); }
.fusion-new .f6-section-divider>span { color: var(--ui-accent); font-size: var(--font-section); font-weight: 700; }
.fusion-new .f6-section-divider>h2 { margin: 0; font-size: var(--font-title); }
.fusion-new .f6-global-scope { margin-left: auto; display: flex; align-items: center; gap: 8px; color: var(--ui-muted); font-size: var(--font-control); white-space: nowrap; }
.fusion-new .f6-global-scope select { min-width: 136px; height: var(--control-height-compact); min-height: var(--control-height-compact); font-size: var(--font-control); border: 1px solid var(--ui-line-strong); border-radius: var(--radius-control); background: var(--ui-surface); padding: 0 28px 0 10px; color: var(--ui-ink); }
.fusion-new .f6-global-scope~.f6-account { margin-left: 12px; }
.fusion-new .f6-kpis { grid-template-columns: repeat(5, minmax(0,1fr)); }
.fusion-new .f6-kpis article { min-width: 0; }
/* Override the frozen legion page's six-track GMV target layout. */
.fusion-new #p-lg .f6-kpis { grid-template-columns: repeat(5, minmax(0,1fr)); }
/* Keep outcome cards content-sized, with a reserved value column for future counts. */
.fusion-new #p-ov .f6-outcomes>article { padding: 14px 16px; min-height: 0; }
.fusion-new #p-ov .f6-outcomes dl { display: grid; gap: 6px; margin: 0; }
.fusion-new #p-ov .f6-outcomes dl>div { align-items: center; gap: 8px; min-height: 27px; margin: 0; }
.fusion-new #p-ov .f6-outcomes dd { margin: 0; }
.fusion-new #p-ov .f6-outcomes .f6-future dl>div { grid-template-columns: minmax(0,1fr) 64px; }
.fusion-new #p-ov .f6-outcomes .f6-future dt { white-space: nowrap; overflow-wrap: normal; }
.fusion-new #p-ov .f6-outcomes .f6-future dd { max-width: none; text-align: right; }
.fusion-new .f6-base-target { display: block; text-align: right; color: var(--ui-muted); font-size: var(--font-aux); margin-top: 4px; }
.fusion-new .f6-showcase-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--board-gap); }
.fusion-new .f6-showcase-card { position: relative; isolation: isolate; min-width: 0; padding: 2px; background: linear-gradient(125deg,var(--ui-primary),#ffd12e 36%,var(--ui-accent) 72%); border: 0; border-radius: var(--radius-card); box-shadow: var(--shadow-card); overflow: hidden; }
.fusion-new .f6-showcase-card .f6-showcase-label { position: absolute; z-index: 2; top: 14px; left: 14px; margin: 0; padding: 7px 12px; border: 1px solid #ffffff40; border-radius: var(--radius-control); background: #ffffff99; color: var(--ui-ink); font-size: var(--font-section); line-height: var(--line-heading); box-shadow: var(--shadow-none); pointer-events: none; }
.fusion-new .f6-showcase-card>button { position: relative; padding: 0; width: 100%; aspect-ratio: 16/9; border: 0; border-radius: var(--radius-card); display: grid; place-items: center; overflow: hidden; background: var(--ui-subtle); color: var(--ui-muted); cursor: pointer; font-size: var(--font-body); }
.fusion-new .f6-showcase-card>button:disabled { cursor: default; opacity: 1; }
.fusion-new .f6-showcase-card>button:focus-visible { outline: 3px solid var(--ui-accent); outline-offset: -5px; }
.fusion-new .f6-showcase-card img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fusion-new .f6-showcase-frame { position: absolute; inset: 0; padding: 2px; border-radius: var(--radius-card); overflow: hidden; pointer-events: none; -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude; }
.fusion-new .f6-showcase-glint { position: absolute; inset: -150%; opacity: 0; background: conic-gradient(from 0deg,transparent 0deg 250deg,#ffffffee 275deg,#ffd12e 290deg,#ffffffee 305deg,transparent 330deg); pointer-events: none; }
@keyframes f6-showcase-edge-light { 0% { opacity: 0; transform: rotate(-70deg); } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; transform: rotate(250deg); } }
@media (prefers-reduced-motion:no-preference) {
  .fusion-new .f6-showcase-visible>button:is(:hover,:focus-visible):enabled .f6-showcase-glint { animation: f6-showcase-edge-light calc(var(--motion-page)*3) var(--motion-ease) both; }
  .fusion-new .f6-showcase-play { transition: opacity var(--motion-fast) var(--motion-ease); }
}
.fusion-page-hidden.fusion-new .f6-showcase-glint,.public-checking.fusion-new .f6-showcase-glint { animation: none; opacity: 0; }
.fusion-new .f6-showcase-play { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--ui-primary); color: white; font-size: var(--font-title); box-shadow: var(--shadow-float); opacity: 0; pointer-events: none; }
.fusion-new .f6-showcase-card>button:is(:hover,:focus-visible) .f6-showcase-play { opacity: 1; }
.fusion-new .f6-showcase-video,.f6-showcase-dialog video { width: 100%; max-height: 70vh; display: block; background: black; }
.f6-showcase-dialog { width: min(1080px,90vw); }
.mg-showcase-uploads { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 16px 0; }
.mg-showcase-uploads form { min-width: 0; }
.mg-showcase-preview { display: flex; align-items: center; gap: 16px; padding: 12px 0; }
.mg-showcase-preview img { width: 180px; max-height: 120px; object-fit: contain; border: 1px solid var(--ui-line); border-radius: var(--radius-control); }
.mg-showcase-review { display: flex; align-items: center; gap: 8px; font-size: var(--font-control); }
.mg-showcase-review input { min-height: 0; width: 16px; height: 16px; }
.fusion-gear-outside .f6-gear-background { animation-play-state: paused; }
.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.media-gallery article{border:1px solid #d9e3ee;border-radius:var(--radius-control);padding:12px}.media-thumb{height:200px;background:#f0f3f7;display:grid;place-items:center}.media-thumb img{width:100%;height:100%;object-fit:contain}.media-dialog{width:min(1200px,94vw)}.media-canvas{margin:18px 0;max-height:60vh;overflow:auto;background:#e1e5eb}.media-canvas canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}#media-preview img{display:block;max-width:100%;max-height:65vh;margin:12px auto;object-fit:contain}#media-candidates{display:flex;gap:6px;flex-wrap:wrap}.media-dialog input[type=checkbox]{width:auto;display:inline}
.production-management{max-width:1480px;margin:auto;padding:24px;color:#243044;font:var(--font-body)/1.7 "Microsoft YaHei",sans-serif}.production-management header,.mg-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.production-management h2{font-size:var(--font-title);margin:0}.production-management h3{font-size:var(--font-section);margin:0 0 12px}.mg-card{border:1px solid #d9e3ee;background:white;border-radius:var(--radius-card);padding:22px;margin:18px 0}.mg-fields{display:flex;gap:18px;flex-wrap:wrap}.mg-fields label{min-width:190px;flex:1}.production-management select,.production-management input:not([type=checkbox]),.mg-dialog select,.mg-dialog input:not([type=checkbox]){display:block;width:100%;padding:8px;margin-top:5px;border:1px solid #bac7d4;border-radius:var(--radius-control);box-sizing:border-box;background:white;color:#243044}.production-management button,.mg-dialog button{padding:7px 13px;border:1px solid #becddd;border-radius:var(--radius-control);background:#fff;color:#16446c;cursor:pointer;font:inherit}.production-management [type=submit],.mg-dialog [type=submit]{background:#cb0917;color:white;border-color:#cb0917}.production-management button:disabled,.mg-dialog button:disabled{opacity:.5;cursor:wait}.mg-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.mg-checks label{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.mg-actions{display:flex;align-items:center;gap:15px;margin-top:18px}.mg-scroll{max-width:100%;overflow:auto}.production-management table,.mg-dialog table{width:100%;border-collapse:collapse;text-align:left}.production-management td,.production-management th,.mg-dialog td,.mg-dialog th{padding:10px;border-bottom:1px solid #e0e7ef;vertical-align:top}.production-management td{overflow-wrap:anywhere;max-width:400px}.production-management a{color:#0069a9;text-decoration:underline}.production-management .error,#mg-dialog-status{color:#b00916}.mg-dialog{width:min(950px,90vw);max-height:90vh;border:1px solid #c5d1de;border-radius:var(--radius-card);padding:24px;color:#243044;font:var(--font-body)/1.7 "Microsoft YaHei",sans-serif}.mg-dialog::backdrop{background:#14283c88}.mg-dialog label{display:block;margin:12px 0}.production-management [hidden],.mg-dialog [hidden]{display:none!important}
.upload-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;margin:18px 0 10px;border:2px dashed #b5c7d8;border-radius:var(--radius-control);background:#f8fafc;text-align:center;color:#52657a;transition:background .15s,border-color .15s}.upload-dropzone strong{font-size:var(--font-section);color:#243044}.upload-dropzone.is-dragging{background:#edf6fc;border-color:#0069a9}.upload-picker{position:relative;display:inline-block;padding:7px 22px;border:1px solid #a5bcd0;border-radius:var(--radius-control);background:#fff;color:#16446c;overflow:hidden;cursor:pointer}.production-management .upload-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.upload-picker:focus-within,.production-management button:focus-visible{outline:3px solid #e9b52c;outline-offset:3px}.upload-summary{color:#52657a;min-height:24px;margin:8px 0}.upload-queue{max-height:340px;overflow:auto}.upload-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:12px 4px;border-top:1px solid #e0e7ef}.upload-file{min-width:0;overflow-wrap:anywhere}.upload-file strong{display:block;font-weight:500}.upload-file small{display:block;color:#627389}.upload-result{overflow-wrap:anywhere}.upload-result progress{display:block;width:100%;height:8px;margin-top:6px;accent-color:#0069a9}.upload-actions{display:flex;gap:8px}.upload-row[data-upload-state=error] .upload-result,.upload-row[data-upload-state=invalid] .upload-result{color:#b00916}.upload-row[data-upload-state=received] .upload-result{color:#176044}.upload-row[data-upload-state=uploading] .upload-result{color:#0069a9}.production-management [data-upload-clear]{margin-top:10px}.production-management [aria-busy=true] .mg-fields{opacity:.7}@media(max-width:700px){.upload-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.upload-result{grid-column:1}.upload-actions{grid-column:2;grid-row:1 / span 2}}
.security-page{margin:0;background:#f5f7fb;color:#222d40;font:var(--font-body)/1.6 "Microsoft YaHei",system-ui,sans-serif}.security-page *{box-sizing:border-box}.security-page [hidden]{display:none!important}.security-page h1{font-size:var(--font-title)}.security-page h2{font-size:var(--font-section)}.security-page a{color:#00649e}.security-page button,.security-page input,.security-page select{font:inherit}.security-page button{border:1px solid #bf0711;border-radius:var(--radius-control);padding:9px 17px;background:#cf0712;color:#fff;cursor:pointer}.security-page button:disabled{opacity:.6;cursor:wait}.security-page button.secondary{background:#fff;color:#00649e;border-color:#a9c4d8}.security-page label{display:block;margin:12px 0;color:#46566b}.security-page input,.security-page select{display:block;width:100%;border:1px solid #b9c5d2;border-radius:var(--radius-control);padding:9px;margin-top:5px;background:#fff;color:#222d40}.security-page :focus-visible{outline:3px solid #e9b52c;outline-offset:2px}.security-card{background:#fff;border:1px solid #dce5ee;border-radius:var(--radius-card);padding:26px}.security-page>main.security-card{width:min(440px,calc(100% - 32px));margin:8vh auto}.security-logo{max-width:150px;height:48px;object-fit:contain}.security-workspace{max-width:1320px;margin:35px auto;padding:0 24px}.security-workspace>header{display:flex;align-items:center;gap:22px}.security-workspace>header h1{margin-right:auto}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.account-form{display:flex;align-items:end;flex-wrap:wrap;gap:15px}.account-form label{min-width:150px}.account-form>button{margin:12px 0}.table-scroll{overflow:auto;margin-top:20px}.security-page table{border-collapse:collapse;width:100%;min-width:900px;text-align:left}.security-page th,.security-page td{padding:12px 10px;border-bottom:1px solid #dde4eb}.security-page td button{font-size:var(--font-aux);padding:7px;margin:3px}.security-page code,.security-page pre{display:block;overflow-wrap:anywhere;white-space:pre-wrap;background:#f3f6fb;padding:12px}.security-page #security-status{min-height:24px;color:#a40716}@media(max-width:900px){.security-grid{grid-template-columns:1fr}}
/* Public sharing uses the same controls, cards and type tokens as management. */
.public-link-label { display: grid; gap: 8px; }
.public-link-label input { width: 100%; min-width: 0; box-sizing: border-box; }
.public-checking #app, .public-checking header.nav, .public-checking dialog { visibility: hidden; }

/* Native desktop density: share one shell width across 01–05 and reduce
   geometry/whitespace without applying zoom or changing readable type. */
.fusion-new { --board-gutter: 24px; --board-gap: 16px; }
.fusion-new #app {
  width: calc(100% - var(--board-gutter) * 2);
  max-width: none;
  padding: 16px 0 32px;
}
.fusion-new .f6-top {
  max-width: none;
  min-height: 68px;
  padding: 10px var(--board-gutter) 8px;
  gap: 16px;
}
.fusion-new .f6-brand { gap: 10px; }
.fusion-new .f6-logo img { height: 42px; }
.fusion-new .f6-timeline { flex: 1 1 0; min-width: 0; max-width: none; min-height: 40px; padding: 6px 12px; gap: 12px; }
.fusion-new .f6-timeline-label { gap: 8px; }
.fusion-new .f6-timeline-controls { gap: 8px; }
.fusion-new .f6-tools { flex: 0 0 auto; margin-left: 0; gap: 8px; }
.fusion-new #clock {
  display: inline-block;
  min-width: 0;
  width: auto;
  padding: 0;
  text-align: right;
  color: #64738b;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.fusion-new .f6-nav {
  width: calc(100% - var(--board-gutter) * 2);
  max-width: none;
  padding-bottom: 8px;
  gap: 8px;
}
.fusion-new .f6-nav>button { padding: 4px 12px; }
.fusion-new .f6-nav>button.on:after { bottom: -9px; }
.fusion-new .f6-heading { padding: 8px 0 16px; gap: 16px; }
.fusion-new .f6-panel { padding: 16px 18px; margin-bottom: 16px; }
.fusion-new .f6-panel-head { margin-bottom: 12px; }
.fusion-new .f6-kpis, .fusion-new .f6-rank-grid, .fusion-new .f6-outcomes { gap: var(--board-gap); }
.fusion-new .f6-section-title { margin: 20px 0 12px; }
.fusion-new .f6-kpis article { padding: 14px 16px; }

/* Three balanced overview panels, including at the narrow desktop size.
   Explicit min-height:0 removes the legacy wide-screen/short-screen floors. */
#p-ov .f6-command {
  height: clamp(620px, calc(100svh - 148px), 980px);
  min-height: 0;
  grid-template-columns: minmax(286px, 1.05fr) minmax(500px, 2.3fr) minmax(240px, .88fr);
  gap: var(--board-gap);
}
#p-ov .f6-command>.f6-panel {
  min-height: 0;
  height: 100%;
  margin: 0;
  padding: 14px 16px;
  grid-column: auto;
}
#p-ov .f6-progress-panel>.f6-panel-head { gap: 8px; margin-bottom: 8px; }
#p-ov .f6-panel-head>span { max-width: none; }
#p-ov .f6-gauges { grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 6px 8px; }
#p-ov .f6-gauge, #p-ov .f6-gauge:nth-child(n+3) {
  padding: 4px 2px 0;
  justify-content: center;
  overflow: visible;
}
#p-ov .f6-gauge:nth-child(n+3) { border-top: 0; }
#p-ov .f6-gauge:nth-child(n+3)::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 2px;
  right: 2px;
  height: 1px;
  background: #e6ebf2;
  pointer-events: none;
}
#p-ov .f6-gauge-label { line-height: 1.45; min-height: 21px; }
#p-ov .f6-dial {
  --dial-art-height: clamp(58px, calc((100svh - 592px) / 3), 110px);
  max-width: 180px;
  width: 100%;
  margin: 0 auto;
}
#p-ov .f6-gauge .f6-dial svg {
  width: 100%;
  max-width: calc(var(--dial-art-height) * 18 / 11);
  height: auto;
  margin: 0 auto;
}
/* The arc is a proportional graphic. Its two native HTML end labels use the
   single 12px instrument exception and stay wholly inside the drawing. */
.f6-dial-ticks-html {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: calc(var(--dial-art-height) * 18 / 11);
  aspect-ratio: 18 / 11;
  transform: translateX(-50%);
  z-index: 3;
  line-height: 1;
  color: #7b8da2;
  font-weight: 400;
  pointer-events: none;
}
.f6-dial-ticks-html>span { position: absolute; white-space: nowrap; transform: translate(-50%, -50%); }
.f6-dial-ticks-html [data-tick="0"] { left: 6px; bottom: 0; transform: none; }
.f6-dial-ticks-html [data-tick="100"] { left: calc(100% * 155 / 180); bottom: 0; transform: translateX(-50%); }
#p-ov .f6-dial-bezel { stroke-width: .8; opacity: .65; }
#p-ov .f6-dial-ticks { opacity: .65; }
#p-ov .f6-dial-radar { fill: none; stroke: #d5e2ee; stroke-width: .65; stroke-linecap: round; pointer-events: none; }
#p-ov .f6-dial-radar path { vector-effect: non-scaling-stroke; }
#p-ov .f6-dial-radar .f6-dial-spoke { stroke-dasharray: 2 4; opacity: .6; }
#p-ov .f6-dial>strong { margin-top: 0; }
#p-ov .f6-gauge-status { margin: 0; }
#p-ov .f6-gauge>small { height: 2.8em; line-height: 1.4; margin: 0; }
#p-ov .f6-command>.f6-map-stage { position: relative; padding-bottom: 8px; }
#p-ov .f6-map-stage>.f6-stage-top { position: absolute; top: 14px; left: 16px; z-index: 2; margin: 0; pointer-events: none; }
#p-ov .f6-map-stage>.f6-stage-top h2 { margin: 0; }
#p-ov .f6-gear-canvas { min-height: 0; flex: 1 1 0; margin: 0 -12px; position: relative; }
#p-ov .f6-gear-svg { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; }
#p-ov .f6-legion-glory { flex: none; margin: 0; padding: 8px 12px; gap: 8px; }
#p-ov .f6-legion-glory>div { padding-left: 8px; }
#p-ov .f6-glory-name>small, #p-ov .f6-legion-glory>div>span { line-height: 1.4; }
#p-ov .f6-glory-name>strong, #p-ov .f6-legion-glory>div>b { line-height: 1.25; }
#p-ov .f6-honor-count { position: static; margin: 12px 0; padding: 8px 12px; align-items: center; }
/* User wheel input belongs to the document; programmatic honor paging remains. */
#p-ov .f6-honor-list { display: block; max-height: none; overflow: hidden; overscroll-behavior: auto; }
#p-ov .f6-honor-list button { grid-template-columns: 22px minmax(0,1fr) 72px; padding: 8px 6px; }

/* The management workspace inherits #app's gutter; its own max-width and
   second inset formerly made this page narrower than all other tabs. */
.production-management { max-width: none; width: 100%; margin: 0; padding: 0; }
.production-management .mg-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
.mg-heading h2 { margin: 0; }
.mg-heading p { margin: 4px 0 0; color: #728098; }
.production-management .mg-settings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--control-height-compact);
  height: var(--control-height-compact);
  padding: 0;
  border: 1px solid #dce5ee;
  border-radius: var(--radius-control);
  background: #fff;
  color: #64738b;
  text-decoration: none;
}
.production-management .mg-settings:hover { color: #0069a9; border-color: #92bfdc; background: #f2f8fd; }
.mg-card { padding: 20px; margin: 0 0 16px; }
.production-management .mg-section { border-top: 3px solid #007bb9; }
.mg-section>header { margin-bottom: 16px; }
.mg-section>header h3 { margin: 0; }
.mg-section>header>span, .mg-section>header>small { color: #728098; }
.mg-legion-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-bottom: 18px; }
.production-management .mg-legion-card {
  --lc: #007bb9;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  min-height: 116px;
  padding: 18px 20px;
  border: 1px solid #dce5ee;
  border-top: 3px solid var(--lc);
  border-radius: var(--radius-card);
  background: linear-gradient(120deg, color-mix(in srgb, var(--lc) 5%, white), #fff);
  text-align: left;
  color: #64738b;
  box-shadow: var(--shadow-card);
}
.mg-legion-card strong { color: var(--lc); }
.mg-legion-card small, .mg-legion-card span { color: #728098; }
.production-management .mg-legion-card[data-selected=true],
.production-management .mg-legion-card[aria-pressed=true] { border-color: var(--lc); background: color-mix(in srgb, var(--lc) 6%, white); }
.production-management .mg-legion-card:hover { border-color: var(--lc); }
.mg-fields { gap: 16px; }
.mg-actions { gap: 12px; margin-top: 16px; flex-wrap: wrap; }
.mg-card>p, .mg-section>p { margin: 8px 0 14px; }
.mg-history-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--board-gap); }
.mg-history-grid>.mg-card { min-width: 0; }
.mg-history-grid .mg-scroll { max-height: 360px; }
.mg-history-grid .mg-card>p { color: #728098; }
.production-management .upload-dropzone { padding: 22px; margin-top: 16px; gap: 8px; background: linear-gradient(115deg,#f0f8ff,#fff); }
.production-management .media-gallery { gap: var(--board-gap); }
#mg-status:empty { display: none; }
.public-management { border-top: 3px solid #007bb9; }
.public-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 16px; }
.public-heading h2 { margin: 0; }
.public-heading .public-note { margin: 6px 0 0; }
.public-note { color: #728098; line-height: 1.7; margin: 12px 0; }
.public-viewers { display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 8px 12px; border-radius: var(--radius-control); background: #eef7fd; color: #52657a; white-space: nowrap; }
.public-viewers b { color: #00649e; font-variant-numeric: tabular-nums; }
.public-management .mg-fields { gap: 14px; }
.public-management .mg-fields label { margin: 0; min-width: 174px; }
.public-management .public-link-label { margin: 16px 0 0; }
.public-management #public-message { min-height: 0; margin: 12px 0 0; color: #00649e; }
.public-management #public-message:empty { display: none; }

@media(max-width:1600px) {
  .fusion-new .f6-top { gap: 10px; }
  .fusion-new .f6-timeline { gap: 8px; padding-left: 10px; padding-right: 10px; }
  .fusion-new .f6-tools { gap: 6px; }
  #p-ov .f6-command { grid-template-columns: minmax(286px,1.05fr) minmax(470px,2.3fr) minmax(230px,.88fr); }
  #p-ov .f6-command>.f6-panel { padding: 12px; }
  #p-ov .f6-command>.f6-map-stage { padding-bottom: 8px; }
  #p-ov .f6-map-stage>.f6-stage-top { top: 12px; left: 12px; }
  #p-ov .f6-legion-glory { gap: 6px; padding: 8px; }
  .mg-card { padding: 18px; }
  .mg-legion-grid { gap: 12px; }
}

/* Atmosphere follows the actual gear diameter, independent of the old wide SVG.
   Only one opacity animation remains; no animated dash paths or per-dot filters. */
#p-ov .f6-gear-background {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(var(--gear-diameter, 440px) + 30px);
  max-width: 100%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, transparent 56%, #e8f5fc80 67%, #f3f9fd38 74%, transparent 75%);
  animation: f6-stage-breathe 7s ease-in-out infinite;
  will-change: opacity;
  pointer-events: none;
}
#p-ov .f6-gear-stage-ring { fill: none; stroke: #acd3e7; stroke-width: .7; opacity: .32; }
#p-ov .f6-gear-stage-ring.outer { stroke-dasharray: 1 9; opacity: .22; }
#p-ov .f6-gear-svg, #p-ov .f6-gear-svg * { filter: none; }
#p-ov .f6-gear-energy { animation: none; }
@keyframes f6-stage-breathe { 0%, 100% { opacity: .45; } 50% { opacity: .8; } }
.fusion-page-hidden #p-ov .f6-gear-background { animation-play-state: paused; }

/* Name rules settings reuse existing controls and type tokens. */
.privacy-table { max-height:560px; }
.privacy-table table { table-layout:fixed; }
.production-management .privacy-table :is(th,td) { text-align:left; vertical-align:middle; max-width:none; }
.privacy-table th:nth-child(1) { width:14%; }
.privacy-table th:nth-child(2) { width:28%; }
.privacy-table th:nth-child(3) { width:36%; }
.privacy-table th:nth-child(4) { width:22%; }
.privacy-table thead th { position:sticky; top:0; z-index:1; }
.privacy-table input { width:100%; min-width:240px; }
.privacy-table td:nth-child(2) { min-width:200px; }
.privacy-table .mg-actions { margin-top:8px; flex-wrap:nowrap; }
.privacy-workspace .privacy-table :is(th,td) { text-align:left; vertical-align:middle; max-width:none; }
.privacy-workspace .mg-fields { margin-top:16px; }
.privacy-workspace #privacy-status[data-state=error] { color:var(--ui-danger); }
.privacy-workspace #privacy-import { margin-top:20px; }

/* Global presentation control lives with the existing public display settings. */
.security-page .public-effects { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 20px 0; padding: 18px 0; border-top: 1px solid var(--ui-line); border-bottom: 1px solid var(--ui-line); }
.security-page .public-effects h3 { margin: 0 0 6px; font-size: var(--font-section); }
.security-page .public-effects .public-note { margin: 0; max-width: 720px; }
.security-page .public-effects-switch { display: inline-flex; flex: none; align-items: center; gap: 10px; min-height: var(--control-height); padding: 8px 12px; border-color: var(--ui-line-strong); background: var(--ui-surface); color: var(--ui-ink); }
.security-page .public-effects-rail { display: block; width: 44px; height: 24px; padding: 3px; border-radius: 999px; background: var(--ui-muted); }
.security-page .public-effects-rail>span { display: block; width: 18px; height: 18px; border-radius: 50%; background: var(--ui-surface); transition: transform var(--motion-fast) var(--motion-ease); }
.security-page .public-effects-switch[aria-checked=true] .public-effects-rail { background: var(--ui-accent); }
.security-page .public-effects-switch[aria-checked=true] .public-effects-rail>span { transform: translateX(20px); }

/* Production-only visual layer for the shared shell and boards 01–04.
   Geometry, semantic type, authorized data and gear animation stay with their
   existing owners. This file is appended by the formal frontend build. */
/* Campaign showcase: one AI core and six branded capability cards. */
.fusion-new .f6-ai-heading { align-items: center; gap: 16px; }
.fusion-new .f6-ai-heading h2 { margin: 0; }
.fusion-new .f6-ai-heading p { margin: 0; font-size: var(--font-aux); color: var(--ui-muted); }
.fusion-new .f6-ai-campaign { position: relative; display: grid; grid-template-columns: clamp(320px,25%,380px) minmax(0,1fr); border: 1px solid var(--ui-line); border-radius: var(--radius-panel); overflow: hidden; background: var(--ui-surface); box-shadow: var(--shadow-card); }
.fusion-new .f6-ai-campaign::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; z-index: 2; background: linear-gradient(90deg,var(--ui-primary) 0 25%,#ffd12e 25% 32%,var(--ui-accent) 32% 100%); pointer-events: none; }
.fusion-new .f6-ai-manifesto { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px 24px; overflow: hidden; border-right: 1px solid var(--ui-line); background: radial-gradient(ellipse at 100% 100%,var(--ui-accent-soft),transparent 65%),linear-gradient(140deg,#fff8e6,var(--ui-surface) 65%); color: var(--ui-ink); }
.fusion-new .f6-ai-campaign-label { display: flex; align-items: center; gap: 8px; color: var(--ui-accent); font-size: var(--font-aux); letter-spacing: 1px; line-height: var(--line-heading); }
.fusion-new .f6-ai-campaign-label::before { content: ''; width: 16px; height: 3px; background: #ffd12e; }
.fusion-new .f6-ai-promise { margin: 0; color: var(--ui-ink); font-size: var(--font-title); font-weight: 700; line-height: var(--line-heading); }
.fusion-new .f6-ai-promise strong { position: relative; font: inherit; color: var(--ui-primary); }
.fusion-new .f6-ai-promise strong::after { content: ''; display: block; width: 32px; height: 3px; margin-top: 8px; background: var(--ui-primary); }
.fusion-new .f6-ai-intro { margin: 0; max-width: 29em; color: var(--ui-muted); font-size: var(--font-body); line-height: var(--line-body); }
.fusion-new .f6-ai-provision { position: relative; width: 100%; min-height: 100px; margin-top: auto; display: flex; align-items: flex-end; padding-top: 12px; }
.fusion-new .f6-ai-provision>div:first-child { position: relative; z-index: 1; }
.fusion-new .f6-ai-provision strong { display: flex; align-items: baseline; gap: 8px; color: var(--ui-accent); font-size: var(--font-metric); font-weight: 700; line-height: var(--line-metric); }
.fusion-new .f6-ai-provision strong>span { color: var(--ui-ink); font-size: var(--font-body); font-weight: 600; }
.fusion-new .f6-ai-provision p { margin: 8px 0 0; color: var(--ui-muted); font-size: var(--font-aux); }
.fusion-new .f6-ai-core { position: absolute; width: 110px; height: 88px; right: -8px; bottom: 28px; pointer-events: none; }
.fusion-new .f6-ai-core svg { display: block; width: 100%; height: 100%; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.fusion-new .f6-ai-core b { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ui-accent); font-size: var(--font-title); font-weight: 700; }
.fusion-new .f6-ai-orbit { stroke: var(--ui-line-strong); }
.fusion-new .f6-ai-orbit-inner { stroke: var(--ui-accent); stroke-dasharray: 3 5; opacity: .2; }
.fusion-new .f6-ai-circuit { stroke: var(--ui-line-strong); }
.fusion-new .f6-ai-orbit-accent { stroke: var(--ui-accent); stroke-width: 2; }
.fusion-new .f6-ai-node { fill: var(--ui-accent); }
.fusion-new .f6-ai-node-red { fill: var(--ui-primary); }
.fusion-new .f6-ai-node-gold { fill: #ffd12e; }
.fusion-new .f6-ai-chip { fill: var(--ui-surface); stroke: var(--ui-accent); stroke-width: 1.5; }
.fusion-new .f6-ai-pins { stroke: var(--ui-accent); opacity: .5; }
.fusion-new .f6-ai-capabilities { min-width: 0; display: flex; flex-direction: column; padding: 22px 24px 0; }
.fusion-new .f6-ai-capability-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.fusion-new .f6-ai-capability-heading h3 { margin: 0; color: var(--ui-ink); font-size: var(--font-section); }
.fusion-new .f6-ai-capability-heading p { margin: 6px 0 0; color: var(--ui-muted); font-size: var(--font-aux); }
.fusion-new .f6-ai-brand-mark { display: flex; align-items: flex-end; gap: 5px; padding-right: 2px; }
.fusion-new .f6-ai-brand-mark i { width: 6px; height: 14px; background: var(--ui-primary); transform: skew(-16deg); }
.fusion-new .f6-ai-brand-mark i:nth-child(2) { height: 21px; background: #ffd12e; }
.fusion-new .f6-ai-brand-mark i:nth-child(3) { height: 28px; background: var(--ui-accent); }
.fusion-new .f6-ai-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; list-style: none; padding: 0; margin: 0; }
.fusion-new .f6-ai-agent { --skill-color: var(--ui-accent); --skill-soft: var(--ui-accent-soft); position: relative; min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border: 1px solid var(--ui-line); border-radius: var(--radius-card); background: linear-gradient(120deg,var(--skill-soft),var(--ui-surface) 72%); overflow: hidden; }
.fusion-new .f6-ai-agent:nth-child(3n+2) { --skill-color: var(--ui-warning); --skill-soft: #fff8dd; }
.fusion-new .f6-ai-agent:nth-child(3n) { --skill-color: var(--ui-primary); --skill-soft: var(--ui-primary-soft); }
.fusion-new .f6-ai-agent::before { content: ''; position: absolute; width: 32px; height: 2px; top: 0; left: 20px; background: var(--skill-color); opacity: .65; }
.fusion-new .f6-ai-card-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.fusion-new .f6-ai-index { color: var(--skill-color); opacity: .32; font-size: var(--font-title); font-weight: 700; line-height: var(--line-metric); font-variant-numeric: tabular-nums; }
.fusion-new .f6-ai-icon { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--ui-surface); border-radius: var(--radius-control); color: var(--skill-color); background: var(--ui-surface); }
.fusion-new .f6-ai-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.fusion-new .f6-ai-agent h3 { margin: 0; color: var(--ui-ink); font-size: var(--font-section); font-weight: 700; }
.fusion-new .f6-ai-value { margin: 6px 0 0; color: var(--ui-muted); font-size: var(--font-body); line-height: var(--line-body); }
.fusion-new .f6-ai-closing { display: flex; align-items: center; gap: 8px; margin: auto 0 0; padding: 12px 0; color: var(--ui-accent); font-size: var(--font-control); }
.fusion-new .f6-ai-closing>span:first-child { width: 5px; height: 5px; background: currentColor; border-radius: 50%; flex-shrink: 0; }
.fusion-new .f6-ai-closing-line { height: 1px; flex: 1; margin-left: 12px; background: var(--ui-line); }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .fusion-new .f6-ai-icon svg { transition: transform var(--motion-fast) var(--motion-ease); }
  .fusion-new .f6-ai-agent { transition: border-color var(--motion-fast) var(--motion-ease); }
  .fusion-new .f6-ai-agent::before { transform-origin: left; transition: transform var(--motion-fast) var(--motion-ease); }
  .fusion-new .f6-ai-agent:hover { border-color: var(--skill-color); }
  .fusion-new .f6-ai-agent:hover::before { transform: scaleX(1.6); }
  .fusion-new .f6-ai-agent:hover .f6-ai-icon svg { transform: translateY(-2px) rotate(-5deg); }
  .fusion-new .f6-ai-agent:nth-child(even):hover .f6-ai-icon svg { transform: translateY(-2px) rotate(5deg); }
}
.fusion-page-hidden.fusion-new .f6-ai-agent:hover .f6-ai-icon svg,.public-checking.fusion-new .f6-ai-agent:hover .f6-ai-icon svg { transition: none; transform: none; }
.fusion-page-hidden.fusion-new .f6-ai-agent,.public-checking.fusion-new .f6-ai-agent,.fusion-page-hidden.fusion-new .f6-ai-agent::before,.public-checking.fusion-new .f6-ai-agent::before { transition: none; }

/* Livestream posters: equal height, original proportions, linear seamless loop. */
.fusion-new .f6-poster-grid { --poster-height: 400px; display: block; height: var(--poster-height); max-height: none; overflow: hidden; padding: 0; }
.fusion-new .f6-poster-track { display: flex; width: max-content; height: 100%; }
.fusion-new .f6-poster-batch { display: flex; flex: none; gap: 16px; height: 100%; padding-right: 16px; }
.fusion-new .f6-poster-batch .f6-poster-card { flex: none; width: calc((var(--poster-height) - 2px) * var(--poster-ratio,.5625) + 2px); height: var(--poster-height); aspect-ratio: auto; }
.fusion-new .f6-poster-card>img { object-fit: contain; }
.fusion-new .f6-poster-card .f6-poster-caption { opacity: 0; }
.fusion-new .f6-poster-card:is(:hover,:focus-visible) .f6-poster-caption { opacity: 1; }
.fusion-new .f6-poster-card:focus-visible { outline: 3px solid var(--ui-accent); outline-offset: -4px; }

.fusion-new header.nav {
  background: var(--ui-surface);
  border-bottom-color: var(--ui-line);
  backdrop-filter: none;
}
.fusion-new .f6-brand>span:last-child>b { color: var(--ui-primary); }
.fusion-new .f6-timeline { background: var(--ui-subtle); border-color: var(--ui-line); }
.fusion-new .f6-timeline-label>span { color: var(--ui-accent); }
.fusion-new .f6-timeline-label>b { color: var(--ui-ink); }
.fusion-new .f6-timeline-controls>span,
.fusion-new .f6-account,
.fusion-new #clock { color: var(--ui-muted); }

/* One marker moves between existing buttons without taking up layout space. */
.fusion-new .f6-nav { position: relative; isolation: isolate; }
.fusion-new .f6-nav>button {
  position: relative;
  z-index: 1;
  color: var(--ui-muted);
  transition: color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
}
.fusion-new .f6-nav>button>span { color: inherit; }
.fusion-new .f6-nav>button:hover { color: var(--ui-ink); background: var(--ui-subtle); }
.fusion-new .f6-nav>button.on,
.fusion-new .f6-nav>button.on>span { color: var(--ui-primary); }
.fusion-new .f6-nav-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--nav-width, 0px);
  height: var(--nav-height, 0px);
  transform: translate3d(var(--nav-x, 0px), var(--nav-y, 0px), 0);
  transition: transform var(--motion-state) var(--motion-ease);
  border-radius: var(--radius-control);
  background: var(--ui-primary-soft);
  box-shadow: var(--shadow-none);
  pointer-events: none;
  z-index: 0;
}
.fusion-new .f6-nav.has-marker>button.on { background: transparent; }
.fusion-new .f6-nav.has-marker>button.on::after { display: none; }

/* White surfaces and quieter auxiliary copy retain the accepted color accents. */
.fusion-new .f6-panel {
  background: var(--ui-surface);
  border-left-color: var(--ui-line);
  border-right-color: var(--ui-line);
  border-bottom-color: var(--ui-line);
}
.fusion-new .f6-panel-head h2,
.fusion-new .f6-section-title h2,
.fusion-new .f6-stage-top h2,
.fusion-new .f6-detail-heading h2 { color: var(--ui-ink); }
.fusion-new .f6-panel-head h2::before { background: var(--ui-accent); }
.fusion-new .f6-panel-head>span,
.fusion-new .f6-section-title p,
.fusion-new .f6-detail-heading p,
.fusion-new .f6-chart-note { color: var(--ui-muted); }
.fusion-new .f6-kpis>article,
.fusion-new .f6-hero-totals>div,
.fusion-new .f6-outcomes>article {
  background: var(--ui-surface);
  border-left-color: var(--ui-line);
  border-right-color: var(--ui-line);
  border-bottom-color: var(--ui-line);
}
.fusion-new .f6-kpis article>span,
.fusion-new .f6-hero-totals span,
.fusion-new .f6-kpis article small,
.fusion-new .f6-legion-summary { color: var(--ui-muted); }
.fusion-new .f6-kpis article>strong,
.fusion-new .f6-hero-totals b,
.fusion-new .f6-legion-summary b { color: var(--ui-ink); }
.fusion-new .f6-kpis article>i { background: var(--ui-line); }

/* Related filters remain together instead of separating the reset action. */
.fusion-new .f6-filters label,
.fusion-new .f6-inline-tools label { color: var(--ui-muted); }
.fusion-new .f6-filters input,
.fusion-new .f6-filters select,
.fusion-new .f6-inline-tools select {
  background: var(--ui-surface);
  color: var(--ui-ink);
  border-color: var(--ui-line-strong);
  transition: border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
}
.fusion-new .f6-filters input:hover,
.fusion-new .f6-filters select:hover,
.fusion-new .f6-inline-tools select:hover { border-color: var(--ui-accent); }
.fusion-new .f6-filters input::placeholder { color: var(--ui-muted); }
.fusion-new .f6-filters .f6-text-button {
  margin-left: 0;
  color: var(--ui-muted);
  white-space: nowrap;
}
.fusion-new .f6-filters .f6-text-button:hover { color: var(--ui-primary); }
.fusion-new .f6-button.secondary,
.fusion-new .f6-legion-selector>button,
.fusion-new .f6-trend-tabs button,
.fusion-new .f6-pager button {
  background: var(--ui-surface);
  border-color: var(--ui-line);
  color: var(--ui-muted);
  transition: color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
}
.fusion-new .f6-button.secondary:hover,
.fusion-new .f6-legion-selector>button:hover,
.fusion-new .f6-trend-tabs button:hover,
.fusion-new .f6-pager button:not(:disabled):hover {
  color: var(--ui-accent);
  border-color: var(--ui-line-strong);
  background: var(--ui-accent-soft);
}
.fusion-new .f6-legion-selector>button[aria-pressed=true],
.fusion-new .f6-trend-tabs button[aria-pressed=true] {
  color: var(--ui-accent);
  border-color: var(--ui-line-strong);
  background: var(--ui-accent-soft);
}
.fusion-new .f6-pager { color: var(--ui-muted); }
.fusion-new .f6-pager button:disabled { cursor: default; }

/* Keep the same table contents and rows; target chips no longer stretch to
   consume the whole GMV cell merely because the desktop becomes wider. */
.fusion-new .f6-table-scroll { border-color: var(--ui-line); }
.fusion-new .f6-table { background: var(--ui-surface); }
.fusion-new .f6-table thead th {
  color: var(--ui-muted);
  background: var(--ui-subtle);
  border-bottom-color: var(--ui-line-strong);
}
.fusion-new .f6-table tbody td,
.fusion-new .f6-table tbody th { border-bottom-color: var(--ui-line); }
.fusion-new .f6-table tbody tr {
  transition: background-color var(--motion-fast) var(--motion-ease);
}
.fusion-new .f6-table tbody tr:hover,
.fusion-new .f6-table tbody tr.selected { background: var(--ui-accent-soft); }
.fusion-new .f6-table small { color: var(--ui-muted); }
.fusion-new .f6-table .f6-company-name { color: var(--ui-ink); }
.fusion-new .f6-row-link { color: var(--ui-accent); }
.fusion-new .f6-company-name:hover,
.fusion-new .f6-row-link:hover {
  color: var(--ui-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fusion-new .f6-company-table .f6-goal-chain.compact {
  width: fit-content;
  max-width: 100%;
  grid-template-columns: repeat(3, minmax(78px, max-content));
  margin-left: auto;
  gap: 6px;
}
.fusion-new .f6-goal-node {
  background: var(--ui-subtle);
  border-color: var(--ui-line);
  color: var(--ui-muted);
}

/* Ranking lists provide a clear pointer response without moving entire cards. */
.fusion-new .f6-rank-list>button,
.fusion-new .f6-honor-list button {
  transition: background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);
}
.fusion-new .f6-rank-list>button:hover,
.fusion-new .f6-honor-list button:hover { background: var(--ui-accent-soft); }
.fusion-new .f6-rank-list>button small,
.fusion-new .f6-honor-list button>span>small { color: var(--ui-muted); }
.fusion-new .f6-rank-list>button>span>b,
.fusion-new .f6-rank-list>button>strong { color: var(--ui-ink); }

/* Tooltip typography, eight-field payload and pointer behavior remain intact. */
.fusion-new .fusion-chart-tooltip {
  background: var(--ui-surface);
  color: var(--ui-ink);
  border-color: var(--ui-line-strong);
  box-shadow: var(--shadow-float);
}
.fusion-new .fc-tooltip-date { color: var(--ui-ink); border-bottom-color: var(--ui-line); }
.fusion-new .fc-tooltip-row>span,
.fusion-new .fusion-chart-tooltip>small { color: var(--ui-muted); }
.fusion-new .fc-tooltip-row>strong { color: var(--ui-ink); }
.fusion-new .fc-tooltip-row:nth-of-type(even) { background: var(--ui-subtle); }
.fusion-new .fc-tooltip-row.is-active { background: var(--ui-accent-soft); }

/* Existing keyboard semantics are preserved; the same outline is used for
   navigation, inputs and table actions without adding another shadow level. */
.fusion-new .f6-nav>button:focus-visible,
.fusion-new .f6-filters :is(button,input,select):focus-visible,
.fusion-new .f6-legion-selector>button:focus-visible,
.fusion-new .f6-trend-tabs button:focus-visible,
.fusion-new .f6-pager button:focus-visible,
.fusion-new .f6-table button:focus-visible,
.fusion-new .f6-rank-list>button:focus-visible,
.fusion-new .f6-honor-list button:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}
@media(prefers-reduced-motion:reduce) {
  .fusion-new .f6-nav-indicator,
  .fusion-new .f6-nav>button,
  .fusion-new .f6-filters :is(input,select),
  .fusion-new .f6-inline-tools select,
  .fusion-new .f6-button.secondary,
  .fusion-new .f6-legion-selector>button,
  .fusion-new .f6-trend-tabs button,
  .fusion-new .f6-pager button,
  .fusion-new .f6-table tbody tr,
  .fusion-new .f6-rank-list>button,
  .fusion-new .f6-honor-list button { transition: none; }
}

/* Workspace surfaces and form feedback. Included in production.css by the
   production builder; sizes and shared tokens remain in design-system.css. */

.production-management,
.security-page,
.mg-dialog { color: var(--ui-ink); }

.production-management .mg-heading { margin-bottom: 16px; }
.mg-heading p,
.production-management .mg-card>p,
.security-card>p { color: var(--ui-muted); }
.production-management .mg-settings {
  color: var(--ui-muted);
  border-color: var(--ui-line);
  background: var(--ui-surface);
  transition: color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
}
.production-management .mg-settings:hover {
  color: var(--ui-accent);
  border-color: var(--ui-line-strong);
  background: var(--ui-accent-soft);
}

/* Preserve the shared 01–05 gutter. Panels gain hierarchy through their edge
   and inner rhythm, rather than another maximum width or larger typography. */
.production-management .mg-card,
.security-page .security-card,
.security-page .mg-card {
  border-color: var(--ui-line);
  background: var(--ui-surface);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}
.production-management .mg-card { padding: 20px; }
.production-management .mg-section { border-top-color: var(--ui-accent); }
.production-management h3,
.security-page .security-card>h2 { margin: 0 0 14px; }
.production-management .mg-legion-grid { gap: 12px; margin: 18px 0; }
.production-management .mg-legion-card {
  min-height: 104px;
  padding: 16px 18px;
  gap: 6px;
  border-color: var(--ui-line);
  border-top-color: var(--lc);
  background: linear-gradient(115deg, color-mix(in srgb, var(--lc) 4%, var(--ui-surface)), var(--ui-surface));
  box-shadow: var(--shadow-none);
  transition: border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);
}
.production-management .mg-legion-card:hover {
  border-color: color-mix(in srgb, var(--lc) 48%, var(--ui-line));
  transform: translateY(-1px);
}
.production-management .mg-legion-card[aria-pressed=true] {
  border-color: var(--lc);
  background: color-mix(in srgb, var(--lc) 6%, var(--ui-surface));
}
.production-management .mg-legion-card[aria-pressed=true]::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 18px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lc);
}
.production-management .mg-legion-grid:has(>.mg-legion-card:only-child) { grid-template-columns: minmax(0,1fr); }
.production-management .mg-legion-card:only-child {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  min-height: 88px;
  padding-right: 36px;
}
.production-management .mg-legion-card:only-child>strong,
.production-management .mg-legion-card:only-child>span:nth-child(2) { grid-column: 1; }
.production-management .mg-legion-card:only-child>span:last-child { grid-column: 2; grid-row: 1 / span 2; }

/* Inputs keep their existing 40px geometry and 14px role. */
:is(.production-management,.security-page,.mg-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
  color: var(--ui-ink);
  background: var(--ui-surface);
  border-color: var(--ui-line-strong);
  transition: border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
}
:is(.production-management,.security-page,.mg-dialog) :is(input,select,textarea):hover:not(:disabled) { border-color: var(--ui-accent); }
:is(.production-management,.security-page,.mg-dialog) :is(input,select,textarea):disabled {
  color: var(--ui-muted);
  border-color: var(--ui-line);
  background: var(--ui-subtle);
}
:is(.production-management,.security-page,.mg-dialog) :focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}
:is(.production-management,.security-page,.mg-dialog) button {
  transition: color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
}
.production-management button:not(.mg-legion-card),
.mg-dialog button {
  color: var(--ui-accent);
  background: var(--ui-surface);
  border-color: var(--ui-line-strong);
}
.production-management button:not(.mg-legion-card):hover:not(:disabled),
.mg-dialog button:hover:not(:disabled) {
  color: var(--ui-accent);
  background-color: var(--ui-accent-soft);
  border-color: var(--ui-accent);
}
.production-management button[type=submit],
.mg-dialog [type=submit],
.security-page button:not(.secondary) {
  color: var(--ui-surface);
  border-color: var(--ui-primary);
  background: var(--ui-primary);
}
.production-management button[type=submit]:hover:not(:disabled),
.mg-dialog [type=submit]:hover:not(:disabled),
.security-page button:not(.secondary):hover:not(:disabled) {
  color: var(--ui-surface);
  border-color: color-mix(in srgb, var(--ui-primary) 88%, var(--ui-ink));
  background: color-mix(in srgb, var(--ui-primary) 88%, var(--ui-ink));
}
.security-page button.secondary {
  color: var(--ui-accent);
  background: var(--ui-surface);
  border-color: var(--ui-line-strong);
}
.security-page button.secondary:hover:not(:disabled) {
  color: var(--ui-accent);
  background: var(--ui-accent-soft);
  border-color: var(--ui-accent);
}
:is(.production-management,.security-page,.mg-dialog) button:disabled { cursor: not-allowed; }
:is(.production-management,.security-page,.mg-dialog) [aria-busy=true] button:disabled { cursor: wait; }
.security-page [data-public-action=close].secondary,
.security-page [data-account-action=reset-password].secondary,
.security-page [data-account-action=revoke-sessions].secondary,
.production-management [data-mg=cancel],
.mg-dialog [data-media=clear] { color: var(--ui-danger); border-color: var(--ui-line); }
.security-page [data-public-action=close].secondary:hover:not(:disabled),
.security-page [data-account-action=reset-password].secondary:hover:not(:disabled),
.security-page [data-account-action=revoke-sessions].secondary:hover:not(:disabled),
.production-management [data-mg=cancel]:hover:not(:disabled),
.mg-dialog [data-media=clear]:hover:not(:disabled) {
  color: var(--ui-danger);
  border-color: var(--ui-danger);
  background: var(--ui-primary-soft);
}

/* Upload affordance and records remain native, including queue and retry UI. */
.production-management .upload-dropzone {
  gap: 8px;
  margin-top: 16px;
  padding: 20px;
  color: var(--ui-muted);
  border: 1px dashed var(--ui-line-strong);
  border-radius: var(--radius-card);
  background: linear-gradient(115deg, var(--ui-accent-soft), var(--ui-surface));
  transition: border-color var(--motion-state) var(--motion-ease), background-color var(--motion-state) var(--motion-ease);
}
.production-management .upload-dropzone.is-dragging { border-color: var(--ui-accent); background: var(--ui-accent-soft); }
.production-management .upload-picker { border-color: var(--ui-line-strong); color: var(--ui-accent); background: var(--ui-surface); }
.production-management .upload-picker:hover { border-color: var(--ui-accent); }
.production-management .upload-summary,
.production-management .upload-file small { color: var(--ui-muted); }
.production-management .upload-row { padding: 14px 4px; border-top-color: var(--ui-line); }
.production-management .mg-card details {
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid var(--ui-line);
  border-radius: var(--radius-control);
  background: var(--ui-subtle);
}
.production-management .mg-card summary { color: var(--ui-ink); cursor: pointer; }
.production-management .mg-checks { gap: 8px 14px; }
:is(.production-management,.security-page,.mg-dialog) :is(.mg-scroll,.table-scroll) {
  scrollbar-color: var(--ui-line-strong) transparent;
  scrollbar-width: thin;
}
.production-management :is(.mg-scroll,.table-scroll),
.security-page .table-scroll { border: 1px solid var(--ui-line); border-radius: var(--radius-control); }
:is(.production-management,.security-page,.mg-dialog) table { color: var(--ui-ink); }
:is(.production-management,.security-page,.mg-dialog) :is(th,td) { border-bottom-color: var(--ui-line); }
:is(.production-management,.security-page,.mg-dialog) th { background: var(--ui-subtle); color: var(--ui-muted); font-weight: 600; }
:is(.production-management,.security-page,.mg-dialog) tbody tr { transition: background-color var(--motion-fast) var(--motion-ease); }
:is(.production-management,.security-page,.mg-dialog) tbody tr:hover { background: color-mix(in srgb, var(--ui-accent-soft) 50%, var(--ui-surface)); }
:is(.production-management,.security-page,.mg-dialog) tbody tr:last-child td { border-bottom: 0; }
.production-management .mg-scroll:has(>p:only-child) { padding: 16px; color: var(--ui-muted); }
.production-management .media-gallery article { border-color: var(--ui-line); background: var(--ui-surface); }
.production-management .media-thumb { overflow: hidden; border-radius: var(--radius-control); background: var(--ui-subtle); }

/* 05 uses the same full-width rhythm, headings and quiet surfaces as 01-04. */
.production-management .mg-heading-tools,
.production-management .mg-status-tags { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.production-management .mg-section-nav { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }
.production-management .mg-section-nav button { color: var(--ui-muted); background: var(--ui-surface); border-color: var(--ui-line); }
.production-management .mg-section-nav button:hover { color: var(--ui-accent); background: var(--ui-accent-soft); }
.production-management .mg-section-head { align-items: start; margin-bottom: 12px; }
.production-management .mg-section-head h3 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 0 0 4px; }
.production-management .mg-section-head h3>span { color: var(--ui-accent); }
.production-management .mg-section-head h3>i { color: var(--ui-muted); font-style: normal; font-weight: 400; }
.production-management .mg-section-head p { margin: 0; color: var(--ui-muted); }
.production-management .mg-kicker { font-size: var(--font-aux); color: var(--ui-accent); font-weight: 600; letter-spacing: .04em; }
.production-management .mg-template-link { padding: 8px 14px; border: 1px solid var(--ui-line-strong); border-radius: var(--radius-control); text-decoration: none; white-space: nowrap; font-size: var(--font-control); }
.production-management .mg-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 2px 10px; border-radius: var(--radius-control); border: 1px solid var(--ui-line); background: var(--ui-subtle); color: var(--ui-muted); font-size: var(--font-control); white-space: nowrap; }
.production-management .mg-badge[data-state=success] { color: var(--ui-success); background: color-mix(in srgb,var(--ui-success) 6%,var(--ui-surface)); border-color: color-mix(in srgb,var(--ui-success) 20%,var(--ui-line)); }
.production-management .mg-legion-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin: 0 0 18px; }
.production-management .mg-legion-card { min-height: 50px; padding: 8px 14px; gap: 12px; flex-direction: row; align-items: center; justify-content: space-between; }
.production-management .mg-legion-card>strong { white-space: nowrap; font-size: var(--font-body); }
.production-management .mg-legion-card>span:nth-child(2) { white-space: nowrap; font-size: var(--font-control); color: var(--ui-muted); }
.production-management .mg-legion-card>span:last-child { display: none; }
.production-management .mg-legion-grid:has(>.mg-legion-card:only-child) { grid-template-columns: repeat(6,minmax(0,1fr)); }
.production-management .mg-legion-card:only-child { min-height: 50px; display: flex; padding-right: 14px; }
.production-management .mg-legion-card[aria-pressed=true]::after { display: none; }
.production-management .mg-guidance { margin: 14px 0; padding: 10px 14px; background: var(--ui-subtle); border-radius: var(--radius-control); color: var(--ui-muted); }
.production-management .mg-guidance summary { cursor: pointer; color: var(--ui-ink); }
.production-management .mg-guidance p { margin: 10px 0 0; max-width: 1100px; }
.production-management .upload-dropzone { border: 1px dashed var(--ui-line-strong); background: var(--ui-subtle); padding: 18px; margin: 12px 0 8px; }
.production-management .upload-dropzone.is-dragging { border-color: var(--ui-accent); background: var(--ui-accent-soft); }
.production-management #mg-upload>.upload-dropzone { display: flex; text-align: left; align-items: start; min-height: 0; gap: 4px; padding: 14px 16px; }
.production-management #mg-upload>.upload-dropzone>strong,
.production-management #mg-upload>.upload-dropzone>span { grid-column: 1; }
.production-management #mg-upload>.upload-dropzone>.upload-picker { grid-column: 2; grid-row: 1 / span 2; }
.production-management .upload-summary { margin: 6px 0; }
.production-management .upload-row { gap: 12px; }
.production-management .mg-inline-note { color: var(--ui-muted); margin: 8px 0 0; }
.production-management .mg-showcase-uploads { gap: 16px; margin: 0; }
.production-management .mg-asset { min-width: 0; padding: 16px; border: 1px solid var(--ui-line); border-radius: var(--radius-card); background: var(--ui-surface); }
.production-management .mg-asset>header { margin-bottom: 12px; }
.production-management .mg-asset h4 { margin: 0; font-size: var(--font-section); }
.production-management .mg-asset-body { display: grid; grid-template-columns: minmax(160px,.8fr) minmax(0,1.2fr); gap: 16px; align-items: start; }
.production-management .mg-asset-current { min-width: 0; }
.production-management .mg-asset-preview { display: grid; place-items: center; width: 100%; height: 160px; padding: 0; overflow: hidden; position: relative; border: 1px solid var(--ui-line); border-radius: var(--radius-control); background: var(--ui-subtle); }
.production-management .mg-asset-preview img { display: block; width: 100%; height: 100%; object-fit: contain; min-height: 0; }
.production-management .mg-asset-empty { align-content: center; gap: 6px; padding: 12px; text-align: center; color: var(--ui-muted); box-sizing: border-box; }
.production-management .mg-asset-empty strong { color: var(--ui-ink); }
.production-management .mg-video-preview>span { display: grid; place-items: center; position: absolute; width: 40px; height: 40px; border-radius: 50%; color: var(--ui-surface); background: var(--ui-primary); opacity: 0; pointer-events: none; }
.production-management .mg-video-preview:is(:hover,:focus-visible)>span { opacity: 1; }
.production-management .mg-asset-tools { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.production-management .mg-asset form>.upload-dropzone { margin-top: 0; min-height: 160px; box-sizing: border-box; justify-content: center; }
.production-management .mg-asset .upload-queue { max-height: 180px; }
.production-management .mg-asset .upload-row { grid-template-columns: minmax(0,1fr) auto; gap: 6px 10px; }
.production-management .mg-asset .upload-result { grid-column: 1; }
.production-management .mg-asset .upload-actions { grid-column: 2; grid-row: 1 / span 2; }
.production-management .mg-publication { border-top: 1px solid var(--ui-line); padding-top: 16px; margin-top: 18px; }
.production-management .mg-publication-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.production-management .mg-publication-heading .mg-actions { margin: 0; }
.production-management .mg-status-tags { margin-top: 8px; }
.production-management .mg-showcase-review { margin-top: 16px; color: var(--ui-muted); }
.production-management button.mg-primary { background: var(--ui-primary); border-color: var(--ui-primary); color: var(--ui-surface); }
.production-management button.mg-primary:hover:not(:disabled) { background: color-mix(in srgb,var(--ui-primary) 88%,var(--ui-ink)); color: var(--ui-surface); border-color: var(--ui-primary); }
.production-management button.mg-danger,
.mg-dialog button.mg-danger { color: var(--ui-danger); border-color: color-mix(in srgb,var(--ui-danger) 22%,var(--ui-line)); }
.production-management button.mg-danger:hover:not(:disabled),
.mg-dialog button.mg-danger:hover:not(:disabled) { color: var(--ui-danger); border-color: var(--ui-danger); background: var(--ui-primary-soft); }
.mg-delete-dialog { width: min(480px,90vw); }
.mg-delete-dialog h2 { margin: 0; }
.mg-delete-dialog .mg-actions { justify-content: end; }
.mg-delete-dialog button[value=delete] { background: var(--ui-danger); border-color: var(--ui-danger); color: var(--ui-surface); }
.mg-material-dialog { width: min(1000px,94vw); }
.mg-material-dialog h2 { margin: 0; }
.mg-material-dialog .mg-material-path { display: flex; gap: 8px; align-items: center; }
.mg-material-dialog .mg-material-path input { min-width: 0; flex: 1; margin: 0; }
.mg-material-dialog .mg-material-path button { white-space: nowrap; }
.mg-material-dialog [data-material-items] { max-height: 48vh; border: 1px solid var(--ui-line); border-radius: var(--radius-control); }
.mg-material-dialog td { max-width: 340px; overflow-wrap: anywhere; }
.mg-material-dialog td:last-child { white-space: nowrap; }
.mg-material-dialog td small { display: block; color: var(--ui-muted); font-size: var(--font-aux); }
.mg-material-dialog [data-material-count] { margin-right: auto; color: var(--ui-muted); }
.production-management #mg-showcase-status:empty,
.production-management #media-message:empty { display: none; }
.production-management #mg-showcase-status:not(:empty) { margin: 14px 0 0; color: var(--ui-success); }
.production-management #mg-showcase-status.error { color: var(--ui-danger); }
.production-management .media-gallery { margin-top: 12px; max-height: 640px; overflow: auto; align-items: start; gap: 14px; }
.production-management .media-gallery>p { grid-column: 1 / -1; padding: 36px 20px; margin: 0; color: var(--ui-muted); background: var(--ui-subtle); border-radius: var(--radius-control); text-align: center; }
.production-management .media-thumb { height: 160px; }
.media-shared-preview .media-shared-image { display: grid; place-items: center; max-height: 65vh; overflow: auto; margin-top: 16px; }
.media-shared-preview .media-shared-image img { display: block; max-width: 100%; max-height: 65vh; object-fit: contain; }
.media-shared-preview .mg-actionbar { justify-content: flex-end; margin-top: 16px; }
.production-management .mg-records-title { margin: 24px 0 14px; }
.production-management .mg-records-title h3 { margin: 4px 0 0; }
.production-management .mg-checks { max-height: 240px; overflow: auto; }
@media(max-width:1600px) {
  .production-management .media-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* 05 is an operating workspace: one heading, one sentence, data, then actions. */
.production-management { overflow-anchor: none; }
.production-management [hidden] { display: none !important; }
.production-management>.mg-section:first-child { margin-top: 0; }
.production-management #mg-status:empty { display: none; }
.production-management #mg-status { margin: 10px 0 0; }
.production-management #mg-upload>.mg-fields { display: grid; grid-template-columns: minmax(180px,240px) minmax(220px,300px) minmax(0,1fr); align-items: end; gap: 16px; }
.production-management #mg-upload>.mg-fields label { min-width: 0; }
.production-management #mg-upload>.mg-fields details { justify-self: start; align-self: end; margin: 0; padding: 8px 12px; position: relative; }
.production-management #mg-upload>.mg-fields details:not([open]) { display: flex; align-items: center; box-sizing: border-box; height: var(--control-height); padding-block: 0; }
.production-management #mg-upload>.mg-fields details[open] { grid-column: 1 / -1; order: 3; width: auto; }
.production-management .mg-actionbar { flex-wrap: wrap; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ui-line); }
.production-management #mg-upload[data-review-open=true]>.mg-actionbar { position: sticky; bottom: 0; z-index: 4; background: var(--ui-surface); padding-block: 12px; box-shadow: var(--shadow-float); }
.production-management .mg-actionbar :is(.upload-picker,.mg-template-link) { display: inline-flex; align-items: center; min-height: 40px; padding: 7px 14px; margin: 0; box-sizing: border-box; text-decoration: none; font-size: var(--font-control); }
.production-management .mg-actionbar [data-review-confirm] { margin-left: auto; }
.production-management .mg-actionbar [type=submit].mg-secondary { background: var(--ui-surface); color: var(--ui-accent); border-color: var(--ui-line-strong); }
.production-management .mg-actionbar .mg-review-ack { display: inline-flex; gap: 6px; align-items: center; margin-left: auto; font-size: var(--font-control); color: var(--ui-muted); }
.production-management .mg-review-ack:not([hidden])+[data-review-confirm] { margin-left: 0; }
.production-management #mg-import-preview { margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--ui-line); }
.production-management .mg-review-toolbar { display: grid; gap: 12px; }
.production-management .mg-review-latest { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; align-items: center; padding: 10px 12px; background: var(--ui-subtle); border-radius: var(--radius-control); }
.production-management .mg-review-file { display: flex; align-items: center; gap: 12px; min-width: 0; }
.production-management .mg-review-file>span { flex: 0 0 auto; color: var(--ui-muted); font-size: var(--font-aux); }
.production-management .mg-review-file>strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--font-control); font-weight: 600; }
.production-management [data-review-panel] { margin-top: 14px; }
.production-management [data-review-toggle] { min-height: var(--control-height-compact); height: var(--control-height-compact); padding-block: 0; white-space: nowrap; }
.production-management .mg-review-meta { display: flex; align-items: center; gap: 12px; color: var(--ui-muted); white-space: nowrap; font-size: var(--font-control); }
.production-management .mg-review-state { color: var(--ui-accent); padding: 4px 10px; border-radius: var(--radius-control); background: var(--ui-accent-soft); font-weight: 600; }
.production-management .mg-review-state[data-status=published] { color: var(--ui-success); background: color-mix(in srgb,var(--ui-success) 6%,var(--ui-surface)); }
.production-management .mg-review-control-row { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 16px; align-items: center; }
.production-management .mg-review-tabs { display: inline-flex; gap: 4px; padding: 3px; background: var(--ui-subtle); border-radius: var(--radius-control); }
.production-management .mg-review-tabs button { border-color: transparent; background: transparent; }
.production-management .mg-review-tabs [aria-pressed=true] { color: var(--ui-accent); border-color: var(--ui-line); background: var(--ui-surface); }
.production-management .mg-review-query { display: flex; align-items: center; justify-content: end; gap: 12px; min-width: 0; }
.production-management .mg-review-query input[type=search] { width: min(320px,100%); min-width: 120px; margin: 0; }
.production-management .mg-review-changes { display: inline-flex; align-items: center; gap: 6px; min-height: var(--control-height); margin: 0; white-space: nowrap; font-size: var(--font-control); }
.production-management .mg-review-summary { display: flex; align-items: center; gap: 16px; margin: 12px 0 10px; font-size: var(--font-control); }
.production-management .mg-review-scope { color: var(--ui-muted); }
.production-management .mg-review-counts { display: flex; gap: 16px; color: var(--ui-muted); }
.production-management .mg-review-counts b { color: var(--ui-ink); font-weight: 600; margin-left: 4px; }
.production-management .mg-preview-empty { margin: 12px 0; padding: 16px; color: var(--ui-muted); background: var(--ui-subtle); border-radius: var(--radius-control); }
.production-management .mg-review-table { --review-identity-width: 244px; --review-basis-width: 58px; max-height: 420px; isolation: isolate; }
.production-management .mg-review-table table { width: max-content; min-width: 100%; font-variant-numeric: tabular-nums; }
.production-management .mg-review-table :is(th,td) { box-sizing: border-box; padding: 5px 12px; vertical-align: middle; }
.production-management .mg-review-table th { position: sticky; background: var(--ui-subtle); z-index: 2; line-height: 1.4; }
.production-management .mg-review-groups th { top: 0; height: 32px; border-bottom: 1px solid var(--ui-line); text-align: center; }
.production-management .mg-review-columns th { top: 32px; height: 36px; }
.production-management .mg-review-table .mg-review-metric { width: 132px; min-width: 132px; text-align: right; white-space: nowrap; }
.production-management .mg-review-table .mg-review-text { width: 220px; min-width: 220px; max-width: 280px; white-space: normal; overflow-wrap: anywhere; text-align: left; }
.production-management .mg-review-table .mg-review-identity { box-sizing: border-box; width: var(--review-identity-width); min-width: var(--review-identity-width); max-width: var(--review-identity-width); text-align: left; position: sticky; left: 0; z-index: 1; background: var(--ui-surface); white-space: normal; overflow-wrap: anywhere; }
.production-management .mg-review-table .mg-review-basis { width: var(--review-basis-width); min-width: var(--review-basis-width); max-width: var(--review-basis-width); text-align: center; position: sticky; left: var(--review-identity-width); z-index: 1; background: var(--ui-surface); color: var(--ui-muted); white-space: nowrap; font-size: var(--font-aux); }
.production-management .mg-review-groups :is(.mg-review-identity,.mg-review-basis) { z-index: 3; background: var(--ui-subtle); }
.production-management .mg-review-table .mg-review-identity>strong { display: block; font-size: var(--font-control); font-weight: 600; }
.production-management .mg-review-table .mg-review-identity>small { display: block; font-size: var(--font-aux); color: var(--ui-muted); }
.production-management .mg-review-table .mg-row-current td:not(.mg-review-identity) { border-bottom: 0; padding-top: 8px; padding-bottom: 1px; }
.production-management .mg-review-table .mg-row-next td { padding-top: 1px; padding-bottom: 8px; }
.production-management .mg-value-before { display: block; color: var(--ui-muted); font-size: var(--font-control); line-height: 1.5; }
.production-management .mg-value-after { display: block; color: var(--ui-ink); font-size: var(--font-control); line-height: 1.5; }
.production-management .mg-cell-changed .mg-value-after { color: var(--ui-accent); font-weight: 600; }
.production-management .mg-diff-label { display: inline-block; color: var(--ui-muted); font-size: var(--font-aux); margin-top: 3px; }
.production-management [data-change=removed] .mg-diff-label { color: var(--ui-danger); }
.production-management [data-change=added] .mg-diff-label { color: var(--ui-success); }
.production-management .mg-review-pagination { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.production-management .mg-review-pagination>span { margin-right: auto; color: var(--ui-muted); font-size: var(--font-control); }
.production-management #mg-upload>.upload-summary { margin: 10px 0 6px; font-size: var(--font-control); }
.production-management #mg-upload>.upload-queue:empty { display: none; }
.production-management #mg-upload .upload-row { grid-template-columns: minmax(0,1fr) minmax(160px,240px) auto; align-items: center; padding: 10px 0; }
.production-management #mg-upload .upload-file>strong { font-size: var(--font-control); line-height: 1.5; color: var(--ui-ink); }
.production-management #mg-upload .upload-file>small { font-size: var(--font-aux); margin-top: 3px; }
.production-management #mg-upload .upload-result { justify-self: end; width: 100%; text-align: right; font-size: var(--font-control); }
.production-management #mg-upload .upload-result progress { margin-left: auto; }
.production-management .mg-actionbar [data-upload-clear] { margin: 0; }
.production-management .mg-review-issues { border-left: 3px solid var(--ui-danger); padding: 8px 12px; margin: 10px 0; background: var(--ui-primary-soft); }
.production-management .mg-review-issues ul { margin: 4px 0; padding-left: 18px; }
.mg-import-dialog { width: min(1120px,94vw); max-height: calc(100vh - 48px); box-sizing: border-box; }
.mg-import-dialog .mg-dialog-file { margin: 10px 0; color: var(--ui-muted); font-size: var(--font-control); overflow-wrap: anywhere; }
.mg-import-dialog .mg-dialog-cause { margin: 12px 0; padding: 10px 12px; border-left: 3px solid var(--ui-warning); background: var(--ui-subtle); font-size: var(--font-body); }
.mg-import-dialog .mg-reparse-actions { display: flex; align-items: end; gap: 12px; margin: 12px 0; }
.mg-import-dialog .mg-reparse-actions label { width: 240px; margin: 0; }
.mg-import-dialog .mg-reparse-actions button { margin-bottom: 8px; white-space: nowrap; }
.mg-import-dialog .mg-issue-list { max-height: min(320px,34vh); margin-top: 14px; }
.mg-import-dialog .mg-issue-list :is(th,td) { text-align: left; vertical-align: top; white-space: normal; overflow-wrap: anywhere; }
.mg-import-dialog .mg-issue-list :is(th,td):first-child { width: 150px; min-width: 100px; }
.mg-import-dialog .mg-issue-list :is(th,td):nth-child(2) { width: 80px; white-space: nowrap; }
.mg-import-dialog #mg-dialog-status:empty { display: none; }
.production-management .mg-history-grid h4 { margin: 0 0 10px; font-size: var(--font-body); }
.production-management .mg-shared-gallery { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 16px; max-height: 680px; }
.production-management .mg-shared-gallery .mg-actions { flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.production-management .mg-media-upload>.upload-dropzone { flex-direction: row; align-items: center; justify-content: space-between; padding: 14px 16px; }
.production-management .mg-media-upload>.upload-dropzone>strong { font-size: var(--font-body); }
.production-management .mg-media-upload>.upload-dropzone>span { margin-right: auto; }
.production-management #media-upload .upload-row[data-upload-state=received] { display: none; }

/* System settings and personal security share surfaces without sharing scope. */
.security-page { background: var(--ui-canvas); }
.security-workspace { margin-top: 28px; margin-bottom: 40px; }
.security-workspace>header { gap: 16px; }
.security-workspace>header h1 { margin-top: 0; margin-bottom: 0; }
.security-workspace>header>a { text-decoration: none; }
.security-workspace>header>a:hover { text-decoration: underline; }
.security-page .security-grid { align-items: start; gap: 16px; }
.security-page .security-grid:has(>#reauth-card[hidden]) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.security-page .security-card { padding: 24px; }
.security-page .security-card>h2 { padding-bottom: 12px; border-bottom: 1px solid var(--ui-line); }
.security-page label { color: var(--ui-ink); }
.security-page .account-form { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; align-items: end; gap: 14px; }
.security-page .account-form label { min-width: 0; margin: 0; }
.security-page .account-form>button { margin: 0; }
.security-page #account-list td { vertical-align: middle; }
.security-page #account-list td>select+select { margin-top: 8px; }
.security-page #account-list [data-account-action=save] { color: var(--ui-accent); background: var(--ui-accent-soft); border-color: var(--ui-line-strong); }
.security-page #account-list [data-account-action=save]:hover:not(:disabled) { border-color: var(--ui-accent); background: var(--ui-accent-soft); }
.security-page :is(#temporary-credential,#recovery-codes) {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--radius-control);
  background: var(--ui-accent-soft);
}
.security-page :is(code,pre) { color: var(--ui-ink); border-radius: var(--radius-control); background: var(--ui-subtle); }
.security-page .public-management { border-top-color: var(--ui-accent); }
.security-page .public-note { color: var(--ui-muted); }
.security-page .public-viewers { color: var(--ui-muted); background: var(--ui-accent-soft); }
.security-page .public-viewers b { color: var(--ui-accent); }
.security-page .public-link-label input { color: var(--ui-accent); background: var(--ui-subtle); }

/* Message tone is semantic: normal identity text is neutral, errors explicit. */
.security-page #security-status,
.security-page #public-message,
.production-management :is(#mg-status,#media-message,#privacy-message) { color: var(--ui-muted); }
.security-page :is(#security-status,#public-message)[data-state=loading] { color: var(--ui-accent); }
.security-page :is(#security-status,#public-message)[data-state=success] { color: var(--ui-success); }
.security-page :is(#security-status,#public-message)[data-state=error],
.security-page :is(#security-status,#public-message).error,
.production-management #mg-status.error,
.mg-dialog :is(#mg-dialog-status,#media-editor-status) { color: var(--ui-danger); }
.production-management #mg-status:not(:empty) {
  margin: 0 0 16px;
  padding: 10px 14px;
  border: 1px solid var(--ui-line);
  border-radius: var(--radius-control);
  background: var(--ui-subtle);
}
.production-management #mg-status.error { border-color: color-mix(in srgb, var(--ui-danger) 32%, var(--ui-line)); background: var(--ui-primary-soft); }

/* Login keeps the supplied logo and the same form contract. The background is
   a static tint: no animated gradient, blur filter or persistent animation. */
.security-page:has(>main.security-card) {
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: 32px 24px;
  box-sizing: border-box;
  background: radial-gradient(ellipse at 20% 15%,var(--ui-accent-soft),transparent 48%), radial-gradient(ellipse at 82% 84%,var(--ui-primary-soft),transparent 48%), var(--ui-canvas);
}
.security-page>main.security-card {
  width: min(440px,100%);
  margin: 0;
  padding: 32px;
  border-top: 3px solid var(--ui-primary);
  border-radius: var(--radius-panel);
  box-shadow: var(--shadow-card);
}
.security-page>main.security-card .security-logo { display: block; width: auto; height: 64px; margin: 0 auto 20px; }
.security-page>main.security-card h1 { margin: 0 0 10px; text-align: center; }
.security-page>main.security-card>p:not(#security-status) { margin: 0 0 24px; text-align: center; color: var(--ui-muted); }
.security-page>main.security-card :is(#login-form,#mfa-form) label { margin: 0 0 18px; }
.security-page>main.security-card :is(#login-form,#mfa-form)>button { width: 100%; }
.security-page>main.security-card #security-status { margin: 16px 0 0; min-height: 24px; }

@media(max-width:1600px) {
  .production-management .mg-card { padding: 18px; }
  .production-management .mg-legion-card { padding: 14px 16px; }
}
@media(max-width:900px) {
  .security-page .security-grid,
  .security-page .security-grid:has(>#reauth-card[hidden]) { grid-template-columns: minmax(0,1fr); }
  .security-page .account-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) {
  :is(.production-management,.security-page,.mg-dialog) :is(button,input,select,textarea,tbody tr,.mg-settings,.upload-dropzone) { transition: none !important; }
  .production-management .mg-legion-card:hover { transform: none; }
}

/* One-shot feedback, scoped to actual controls; never animate business values. */
.fusion-new .page.on { animation: none; }
.fusion-new :where(.f6-button,.f6-icon-button,.f6-row-link,.f6-text-button,.f6-nav>button,.f6-settings-link),
:where(.production-management,.security-page,.mg-dialog) :where(button,a) {
  transition: background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);
}
.fusion-new :where(.f6-button,.f6-icon-button):active,
:where(.production-management,.security-page,.mg-dialog) button:enabled:active { transform: translateY(1px); }
:where(.fusion-new,.security-page,.mg-dialog) :where(input,select,textarea) {
  transition: border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;
}
:where(.fusion-new,.security-page,.mg-dialog) :where(button,a,input,select,textarea):focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}
:where(.fusion-new,.security-page,.mg-dialog) button:disabled { transform: none; cursor: not-allowed; }
.f6-dialog[open],.mg-dialog[open] { animation: ui-dialog-enter var(--motion-state) var(--motion-ease); }
.f6-dialog[open]::backdrop,.mg-dialog[open]::backdrop { animation: ui-backdrop-enter var(--motion-state) ease-out; }
@keyframes ui-dialog-enter { from { opacity: .55; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes ui-backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
/* Access gates act immediately, including the body-level shared tooltip. */
.public-checking #fusion-chart-tooltip { visibility: hidden; }
.public-checking :is(#app,header.nav,dialog,#fusion-chart-tooltip),
.public-checking :is(.f6-dialog[open],.mg-dialog[open])::backdrop { transition: none; animation: none; }
.fusion-page-hidden :is(.f6-dialog[open],.mg-dialog[open]),
.fusion-page-hidden :is(.f6-dialog[open],.mg-dialog[open])::backdrop { animation: none; }
@media(prefers-reduced-motion:reduce) {
  :where(.fusion-new,.security-page,.mg-dialog) :where(button,a,input,select,textarea),
  .fusion-new .f6-nav-indicator { transition: none !important; }
  .f6-dialog[open],.mg-dialog[open],.f6-dialog[open]::backdrop,.mg-dialog[open]::backdrop { animation: none; }
}

/* One server policy reduces decoration; gear/poster functional clocks continue. */
.fusion-effects-reduced,
.fusion-effects-reduced *,
.fusion-effects-reduced *::before,
.fusion-effects-reduced *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
.fusion-effects-reduced :is(.f6-dialog[open],.mg-dialog[open])::backdrop { animation: none; transition: none; }
.fusion-effects-reduced.fusion-new :is(button,a):is(:hover,:active),
.fusion-effects-reduced.fusion-new .f6-ai-agent:hover::before,
.fusion-effects-reduced.fusion-new .f6-ai-agent:hover .f6-ai-icon svg { transform: none !important; }
.fusion-effects-reduced.fusion-new .f6-showcase-glint { display: none; }

/* Internal working table. No business date/legion controls from the board apply here. */
.fusion-new[data-f6-layout="coach"] .f6-timeline,.fusion-new[data-f6-layout="coach"] .f6-global-scope,.fusion-new[data-f6-layout="coach"] .f6-account { display:none; }
.fusion-new[data-f6-layout="coach"] .f6-tools { margin-left:auto; }
.fusion-new #p-cw { padding-top:20px; }
.cw-panel { overflow:hidden; border:1px solid var(--ui-line); border-radius:var(--radius-panel); background:var(--ui-surface); box-shadow:var(--shadow-card); }
.cw-heading { display:flex; align-items:center; gap:16px; padding:20px 24px 14px; }
.cw-heading h2 { display:flex; align-items:center; gap:9px; margin:0; font-size:var(--font-section); }
.cw-heading h2::before { content:''; width:3px; height:17px; background:var(--ui-accent); }
.cw-heading p,.cw-heading>span { margin:0; color:var(--ui-muted); font-size:var(--font-aux); }
.cw-heading>span { margin-left:auto; color:var(--ui-accent); }
.cw-toolbar { display:flex; align-items:center; gap:12px; padding:0 24px 18px; }
.cw-toolbar input[type="search"],.cw-toolbar select { min-height:var(--control-height); border:1px solid var(--ui-line-strong); border-radius:var(--radius-control); background:var(--ui-surface); padding:0 12px; font-size:var(--font-control); }
.cw-search input { width:270px; }
.cw-toolbar select { min-width:180px; }
.cw-pending { display:flex; align-items:center; gap:7px; white-space:nowrap; font-size:var(--font-control); }
.cw-pending input { accent-color:var(--ui-accent); }
#cw-count { margin-left:auto; white-space:nowrap; font-size:var(--font-aux); color:var(--ui-muted); }
.cw-status { margin:0; padding:0 24px 12px; font-size:var(--font-control); color:var(--ui-accent); }
.cw-status.error,.cw-error { color:var(--ui-danger); }
.cw-table-scroll { overflow:auto; max-height:calc(100vh - var(--board-header-height,130px) - 180px); min-height:260px; border-top:1px solid var(--ui-line); border-bottom:1px solid var(--ui-line); overscroll-behavior:contain; }
.cw-table { width:100%; min-width:1320px; table-layout:fixed; border-spacing:0; text-align:left; font-size:var(--font-control); }
.cw-date-col { width:110px; }.cw-task-col { width:140px; }
.cw-table th,.cw-table td { border-right:1px solid var(--ui-line); border-bottom:1px solid var(--ui-line); vertical-align:top; background:var(--ui-surface); }
.cw-table th:last-child,.cw-table td:last-child { border-right:0; }
.cw-table tbody tr:last-child>* { border-bottom:0; }
.cw-table thead th { position:sticky; top:0; z-index:4; padding:15px 16px 13px; background:var(--ui-subtle); font-weight:600; text-align:center; vertical-align:middle; }
.cw-table tr>*:nth-child(1) { position:sticky; left:0; z-index:2; }.cw-table tr>*:nth-child(2) { position:sticky; left:110px; z-index:2; }
.cw-table thead th:nth-child(1),.cw-table thead th:nth-child(2) { z-index:6; }
.cw-table tbody th { padding:0; font-weight:400; text-align:center; vertical-align:middle; }
.cw-table td { padding:0; }
.cw-table tbody td:first-child { text-align:center; vertical-align:middle; }
.cw-table tbody td:nth-child(n+3) { text-align:left; vertical-align:top; }
.cw-table .cw-own { background:var(--ui-accent-soft); }.cw-table thead .cw-own { border-top:3px solid var(--ui-accent); padding-top:12px; }
.cw-legion-name { display:flex; align-items:center; justify-content:center; gap:0; white-space:nowrap; font-size:var(--font-aux); }
.cw-column-total { display:inline; margin:0; color:var(--ui-muted); font-size:inherit; font-weight:400; white-space:nowrap; }
.cw-date { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:17px 16px; min-height:90px; font-variant-numeric:tabular-nums; }
.cw-date small { color:var(--ui-muted); font-size:var(--font-aux); }.cw-date.today,.cw-date.today small { color:var(--ui-accent); }
.cw-task { position:relative; display:flex; align-items:center; justify-content:center; min-height:90px; padding:32px 12px; font-weight:600; text-align:center; white-space:normal; overflow-wrap:anywhere; }
.cw-task-edit { position:absolute; right:7px; bottom:2px; display:grid; place-items:center; width:28px; height:28px; border:1px solid transparent; border-radius:var(--radius-control); background:transparent; color:var(--ui-accent); opacity:0; }
.cw-task:hover .cw-task-edit,.cw-task:focus-within .cw-task-edit { opacity:1; }
.cw-task-edit:hover { background:var(--ui-accent-soft); border-color:var(--ui-line-strong); }
.cw-task svg,.cw-edit-mark svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.cw-table .cw-cell { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:7px; margin:6px; padding:9px; width:calc(100% - 12px); min-height:78px; border:2px solid transparent; border-radius:var(--radius-control); background:transparent; color:var(--ui-ink); text-align:left; white-space:normal; font-size:var(--font-control); line-height:var(--line-body); cursor:pointer; }
.cw-cell:hover { background:var(--ui-subtle); }.cw-cell.editable:hover { background:var(--ui-surface); border-color:var(--ui-line-strong); }
.cw-edit-mark { position:absolute; right:7px; top:9px; opacity:0; color:var(--ui-accent); }.cw-edit-mark svg { width:15px; height:15px; }
.cw-cell.editable:hover .cw-edit-mark,.cw-cell.editable:focus-visible .cw-edit-mark { opacity:1; }
.cw-badge { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font-size:var(--font-aux); font-weight:600; }
.cw-badge::before { content:''; width:6px; height:6px; flex:none; border-radius:50%; background:currentColor; }
.cw-badge.completed { color:var(--ui-success); }.cw-badge.progress { color:var(--ui-accent); }.cw-badge.notstarted { color:var(--ui-warning); }.cw-badge.blank,.cw-badge.na { color:var(--ui-muted); font-weight:400; }
.cw-badge.blank::before { border:1px solid currentColor; background:transparent; }.cw-badge.na::before { height:1px; border-radius:0; }
.cw-note { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }.cw-note.empty { padding:0; text-align:left; line-height:var(--line-body); color:var(--ui-muted); font-size:var(--font-aux); }
.cw-empty { padding:48px 24px; text-align:center; }.cw-empty h3 { font-size:var(--font-section); }.cw-empty p { color:var(--ui-muted); }
.cw-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:13px 24px; color:var(--ui-muted); font-size:var(--font-aux); }.cw-legend { display:flex; flex-wrap:wrap; gap:16px; }.cw-legend .cw-badge { font-weight:400; }
.cw-dialog { width:540px; max-width:calc(100vw - 40px); padding:0; border:1px solid var(--ui-line); border-radius:var(--radius-panel); color:var(--ui-ink); background:var(--ui-surface); box-shadow:var(--shadow-dialog); font-size:var(--font-control); }
.cw-dialog::backdrop { background:#0d233d59; }
.cw-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 24px 14px; border-bottom:1px solid var(--ui-line); }.cw-dialog-head h2 { margin:0; font-size:var(--font-section); }
.cw-dialog-head button { border:0; background:transparent; color:var(--ui-muted); min-height:32px; width:32px; font-size:var(--font-section); cursor:pointer; }
.cw-dialog-body { max-height:calc(100vh - 240px); overflow:auto; padding:20px 24px; }.cw-dialog-context { margin:0 0 18px; color:var(--ui-muted); font-size:var(--font-aux); }
.cw-field { display:flex; flex-direction:column; gap:7px; margin-top:17px; font-weight:600; }
.cw-field input,.cw-field textarea,.cw-field select { padding:10px 11px; min-height:var(--control-height); width:100%; border:1px solid var(--ui-line-strong); border-radius:var(--radius-control); background:var(--ui-surface); font:inherit; font-weight:400; color:var(--ui-ink); }
.cw-field textarea { resize:vertical; min-height:120px; line-height:var(--line-body); }.cw-field small { font-size:var(--font-aux); font-weight:400; color:var(--ui-muted); }
.cw-dialog-actions { display:flex; justify-content:flex-end; align-items:center; gap:10px; padding:16px 24px 20px; border-top:1px solid var(--ui-line); }.cw-dialog-actions>span { margin-right:auto; font-size:var(--font-aux); color:var(--ui-muted); }
.cw-read-note { white-space:pre-wrap; overflow-wrap:anywhere; line-height:var(--line-body); }
.cw-error { font-size:var(--font-control); }.cw-conflict,.cw-discard { padding:14px 24px; background:var(--ui-subtle); border-top:1px solid var(--ui-line); font-size:var(--font-control); }.cw-conflict { padding:14px; margin-top:16px; }.cw-conflict p { overflow-wrap:anywhere; white-space:pre-wrap; }.cw-conflict small { display:block; color:var(--ui-muted); font-size:var(--font-aux); }.cw-conflict>div,.cw-discard>div { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.cw-panel [hidden],.cw-dialog [hidden] { display:none!important; }
.cw-panel :is(button,input,select):focus-visible,.cw-dialog :is(button,input,select,textarea):focus-visible { outline:2px solid var(--ui-accent); outline-offset:2px; }
.cw-panel button:disabled,.cw-dialog button:disabled { opacity:.55; cursor:default; }
.fusion-new .f6-latest-honor { white-space:nowrap; }
.fusion-new .f6-honor-dates summary { color:var(--ui-accent); cursor:pointer; font-size:var(--font-aux); }
.fusion-new .f6-honor-dates>div { color:var(--ui-muted); font-size:var(--font-aux); }
@media(max-width:1500px){.cw-heading,.cw-toolbar,.cw-footer { padding-left:18px; padding-right:18px; }.cw-heading>p { display:none; }.cw-search input { width:230px; }.cw-toolbar { gap:10px; }.cw-footer { flex-wrap:wrap; }}