/* Namespaced additions: keep the imported legacy frontend untouched. */
.metive-orders-enabled .bottom-nav {
  display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center;
  position: fixed; left: 50%; right: auto; bottom: max(14px, env(safe-area-inset-bottom));
  transform: translateX(-50%); width: min(440px, calc(100% - 28px)); max-width: none;
  box-sizing: border-box; height: 72px; padding: 6px 12px; border-radius: 28px;
  z-index: 100; overflow: visible; background: rgb(255 255 255 / 58%);
  border: 1px solid rgb(255 255 255 / 72%); backdrop-filter: blur(28px) saturate(170%);
  -webkit-backdrop-filter: blur(28px) saturate(170%);
  box-shadow: 0 18px 50px rgb(44 54 90 / 16%), inset 0 1px 0 rgb(255 255 255 / 75%);
}
:is([data-theme=dark] .metive-orders-enabled, .metive-orders-enabled[data-theme=dark]) .bottom-nav { background: rgb(27 27 35 / 68%); border-color: rgb(255 255 255 / 12%); box-shadow: 0 20px 55px rgb(0 0 0 / 52%), inset 0 1px 0 rgb(255 255 255 / 10%); }
.metive-orders-enabled .bottom-nav .nav-item {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; width: 100%; min-width: 0; min-height: 52px; padding: 4px; border: 0; border-radius: 18px;
  background: none; color: var(--text-muted, #626577); font: inherit; font-size: 11px;
  cursor: pointer; transform: none;
}
.metive-orders-enabled .bottom-nav .nav-item.active { color: var(--primary, #0a84ff); }
.metive-orders-enabled .bottom-nav .nav-item svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.metive-orders-enabled .bottom-nav .mo-order-nav {
  width: 62px; height: 62px; min-height: 62px; justify-self: center;
  margin-top: -30px; border-radius: 23px; color: #fff;
  background: linear-gradient(145deg, rgb(38 151 255 / 92%), rgb(93 89 230 / 92%));
  backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%);
  box-shadow: 0 12px 30px rgb(40 90 220 / 32%), inset 0 1px 1px rgb(255 255 255 / 55%);
  border: 4px solid rgb(242 242 247 / 82%);
}
:is([data-theme=dark] .metive-orders-enabled, .metive-orders-enabled[data-theme=dark]) .bottom-nav .mo-order-nav { border-color: rgb(15 15 20 / 82%); }
.metive-orders-enabled .bottom-nav .mo-order-nav svg { width: 27px; height: 27px; }
.metive-orders-enabled .bottom-nav .mo-order-nav.active { color: #fff; box-shadow: 0 0 0 3px rgb(94 92 230 / 20%), 0 8px 20px rgb(40 90 220 / 26%); }
.metive-orders-enabled .bottom-nav button:focus-visible,
.mo-page button:focus-visible, .mo-dialog button:focus-visible, .mo-profile-links button:focus-visible {
  outline: 3px solid var(--primary, #0a84ff); outline-offset: 4px;
}
.mo-page { padding: 20px 0 34px; color: var(--text-main, #3a3a3c); }
.mo-page *, .mo-dialog *, .mo-profile-links * { box-sizing: border-box; }
.mo-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.mo-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; color: var(--text-muted, #666); margin: 0 0 8px; }
.mo-header h1 { font-size: clamp(27px, 5vw, 36px); letter-spacing: -1.3px; line-height: 1.15; margin: 0; color: var(--text-head, #111); }
.mo-header h1 span { color: var(--primary, #0a84ff); }
.mo-intro { font-size: 14px; line-height: 1.6; color: var(--text-muted, #666); margin: 12px 0 24px; }
.mo-page button, .mo-dialog button, .mo-profile-links button { cursor: pointer; font-family: inherit; touch-action: manipulation; }
.mo-primary, .mo-secondary { width:auto; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 10px 15px; border-radius: 14px; border: 0; font-size: 13px; font-weight: 650; }
.mo-primary { background: var(--primary, #0a84ff); color: #fff; }
.mo-secondary { background: var(--glass-input, #e9ebf4); color: var(--text-main, #3a3a3c); }
.mo-page button:disabled, .mo-dialog button:disabled { opacity: .5; cursor: not-allowed; }
.mo-month-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; border: 1px solid rgb(255 255 255 / 68%); background: rgb(255 255 255 / 42%); border-radius: 22px; backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); box-shadow: 0 14px 35px rgb(46 55 95 / 8%), inset 0 1px 0 rgb(255 255 255 / 72%); }
[data-theme=dark] .mo-month-bar { background: rgb(35 35 46 / 56%); border-color: rgb(255 255 255 / 12%); box-shadow: 0 16px 40px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 10%); }
.mo-icon-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background: transparent; color: var(--text-main, #333); border: 0; border-radius: 12px; width: 44px; height: 44px; font-size: 28px; line-height: 1; }
.mo-month-picker { position: relative; display: flex; align-items: center; justify-content: center; min-height: 44px; flex: 1; font-size: 17px; font-weight: 650; color: var(--text-head, #111); }
.mo-month-picker input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.mo-month-picker:focus-within { outline: 2px solid var(--primary, #0a84ff); border-radius: 10px; }
.mo-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 20px 0; }
.mo-summary div { text-align: center; padding: 9px 2px; }
.mo-summary strong { display: block; font-size: 25px; color: var(--text-head, #111); letter-spacing: -.8px; }
.mo-summary span { display: block; font-size: 11px; color: var(--text-muted, #666); margin-top: 5px; }
.mo-filters { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 15px; scrollbar-width: thin; }
.mo-filters button { white-space: nowrap; min-height: 40px; padding: 8px 15px; border-radius: 100px; border: 1px solid rgb(255 255 255 / 70%); background: rgb(255 255 255 / 42%); backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%); color: var(--text-main, #333); font-size: 12px; box-shadow: inset 0 1px 0 rgb(255 255 255 / 60%); }
[data-theme=dark] .mo-filters button { background: rgb(37 37 48 / 58%); border-color: rgb(255 255 255 / 12%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%); }
.mo-filters button[aria-pressed=true] { background: var(--primary, #0a84ff); color: #fff; border-color: transparent; }
.mo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 14px; }
.mo-empty { grid-column: 1 / -1; text-align: center; padding: 40px 22px; border: 1px dashed var(--glass-border, #ccc); border-radius: 22px; background: var(--glass-bg, #fff); }
.mo-empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 20px; background: rgb(94 92 230 / 10%); color: var(--primary, #0a84ff); margin-bottom: 16px; }
.mo-empty-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.mo-empty h2 { font-size: 18px; margin: 0 0 8px; color: var(--text-head, #111); }
.mo-empty p { font-size: 13px; color: var(--text-muted, #666); line-height: 1.6; margin: 0 auto 18px; max-width: 300px; }
.mo-card { position: relative; overflow: hidden; border: 1px solid rgb(255 255 255 / 68%); background: linear-gradient(145deg, rgb(255 255 255 / 55%), rgb(255 255 255 / 30%)); border-radius: 24px; padding: 20px; min-width: 0; backdrop-filter: blur(22px) saturate(155%); -webkit-backdrop-filter: blur(22px) saturate(155%); box-shadow: 0 16px 38px rgb(45 55 90 / 9%), inset 0 1px 0 rgb(255 255 255 / 80%); }
.mo-card::before { content: ''; position: absolute; inset: 0 auto auto 0; width: 70%; height: 1px; background: linear-gradient(90deg, rgb(255 255 255 / 90%), transparent); pointer-events: none; }
[data-theme=dark] .mo-card { background: linear-gradient(145deg, rgb(43 43 55 / 70%), rgb(28 28 37 / 55%)); border-color: rgb(255 255 255 / 11%); box-shadow: 0 18px 42px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 9%); }
.mo-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.mo-card-format { color: var(--text-muted, #666); font-size: 11px; }
.mo-badge { display: inline-flex; padding: 5px 9px; border-radius: 8px; font-size: 10px; font-weight: 650; background: rgb(94 92 230 / 12%); color: #5755c6; }
.mo-badge[data-status=production] { background: #e1edff; color: #195ba6; }
.mo-badge[data-status=review] { background: #fff0d9; color: #825214; }
.mo-badge[data-status=revision] { background: #ffe6e6; color: #a93232; }
.mo-badge[data-status=ready], .mo-badge[data-status=published] { background: #dff2e7; color: #206342; }
[data-theme=dark] .mo-badge { background: #302d50; color: #d3cfff; }
.mo-card h2 { margin: 16px 0 10px; font-size: 17px; line-height: 1.4; }
.mo-card-title { background: none; padding: 0; border: 0; color: var(--text-head, #111); font: inherit; font-weight: 650; text-align: left; overflow-wrap: anywhere; }
.mo-card p { font-size: 12px; line-height: 1.6; color: var(--text-muted, #666); margin: 0 0 14px; overflow-wrap: anywhere; }
.mo-card-foot { display: flex; flex-direction: column; gap: 5px; border-top: 1px solid var(--glass-border, #ddd); padding-top: 12px; font-size: 11px; color: var(--text-muted, #666); overflow-wrap: anywhere; }
.mo-notice { font-size: 13px; color: var(--text-main, #333); margin-bottom: 12px; }
.mo-notice:empty { display: none; }
.mo-stage-note { font-size: 11px; color: var(--text-muted, #666); text-align: center; line-height: 1.6; margin: 22px 8px 0; }
.mo-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; font-size: 12px; }
.mo-pagination[hidden], .mo-dialog [hidden] { display: none !important; }
.mo-back-link { margin: 0 0 16px; }
.mo-dialog { box-sizing: border-box; background: var(--bg-body, #f2f2f7); color: var(--text-main, #333); border: 1px solid var(--glass-border, #ddd); border-radius: 25px; padding: 24px; width: min(540px, calc(100% - 24px)); max-height: calc(100dvh - 40px); overflow-y: auto; box-shadow: 0 24px 80px rgb(0 0 0 / 20%); }
.mo-dialog::backdrop { background: rgb(12 16 30 / 45%); backdrop-filter: blur(5px); }
.mo-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.mo-dialog h2 { font-size: 23px; letter-spacing: -.6px; margin: 0; color: var(--text-head, #111); overflow-wrap: anywhere; }
.mo-dialog form label { display: flex; flex-direction: column; min-width: 0; gap: 7px; font-size: 12px; font-weight: 600; margin-bottom: 16px; }
.mo-dialog input, .mo-dialog select, .mo-dialog textarea { width: 100%; min-width: 0; margin: 0; border: 1px solid var(--glass-border, #ccc); border-radius: 12px; padding: 12px; background: var(--glass-input, #fff); color: var(--text-main, #333); font-family: inherit; font-size: 16px; }
.mo-dialog textarea { resize: vertical; }
.mo-dialog select option { color: #222; background: #fff; }
.mo-dialog input:focus, .mo-dialog textarea:focus, .mo-dialog select:focus { outline: 2px solid var(--primary, #0a84ff); outline-offset: 1px; }
.mo-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mo-form-actions { display: flex; justify-content: flex-end; gap: 10px; }
.mo-optional { font-weight: 400; color: var(--text-muted, #666); }
.mo-error { padding: 12px; border-radius: 12px; background: #ffe6e6; color: #8e2828; font-size: 13px; }
.mo-detail-brief { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.7; }
.mo-dialog dl { display: grid; grid-template-columns: 85px 1fr; gap: 12px; font-size: 13px; padding: 18px 0; }
.mo-dialog dt { color: var(--text-muted, #666); }
.mo-dialog dd { margin: 0; overflow-wrap: anywhere; }
.mo-dialog a { color: var(--primary, #0a84ff); overflow-wrap: anywhere; }
@media (max-width: 380px) { .mo-form-row { grid-template-columns: 1fr; gap: 0; } .mo-dialog { padding: 18px; } }
@media (min-width: 900px) { .metive-orders-enabled .app { max-width: 1000px; } .mo-page { padding: 26px 16px 40px; } }
@media (prefers-reduced-motion: reduce) { .metive-orders-enabled .bottom-nav, .metive-orders-enabled .bottom-nav * { transition: none; } }

/* Existing Menu becomes the app's glass tile hub; submenu behavior remains native. */
.metive-orders-enabled #menu-main-layer .menu-divider { display: none; }
.metive-orders-enabled #menu-main-layer .menu-list-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; border: 0; background: transparent; box-shadow: none; overflow: visible; }
.metive-orders-enabled #menu-main-layer .menu-item-link { position: relative; display: flex; min-width: 0; min-height: 126px; padding: 17px; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 8px; border: 1px solid rgb(255 255 255 / 70%); border-radius: 24px; background: linear-gradient(145deg, rgb(255 255 255 / 56%), rgb(255 255 255 / 30%)); color: var(--text-main, #333); backdrop-filter: blur(22px) saturate(155%); -webkit-backdrop-filter: blur(22px) saturate(155%); box-shadow: 0 14px 34px rgb(45 55 90 / 9%), inset 0 1px 0 rgb(255 255 255 / 80%); cursor: pointer; text-align: left; font: inherit; }
:is([data-theme=dark] .metive-orders-enabled, .metive-orders-enabled[data-theme=dark]) #menu-main-layer .menu-item-link { background: linear-gradient(145deg, rgb(43 43 55 / 72%), rgb(28 28 37 / 58%)); border-color: rgb(255 255 255 / 11%); box-shadow: 0 16px 40px rgb(0 0 0 / 26%), inset 0 1px 0 rgb(255 255 255 / 9%); }
.metive-orders-enabled #menu-main-layer .menu-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin: 0; border-radius: 15px; background: rgb(10 132 255 / 12%); font-size: 21px; }
.metive-orders-enabled #menu-main-layer .menu-text { font-size: 13px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.metive-orders-enabled #menu-main-layer .menu-arrow { position: absolute; right: 16px; top: 17px; opacity: .48; }
@media (min-width: 720px) { .metive-orders-enabled #menu-main-layer .menu-list-card { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Content workflow forms and card actions. */
.mo-toolbar { display:flex; justify-content:flex-end; margin:0 0 12px; }
.mo-card-top { flex-wrap:wrap; }
.mo-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.mo-card-actions:empty { display:none; }
.mo-card-actions button { font-size:12px; }
.mo-revision { margin:16px 0; padding:13px; border:1px solid var(--glass-border,#ddd); border-radius:14px; background:var(--glass-input,#f7f7fc); color:var(--text-main,#333); font-size:13px; overflow-wrap:anywhere; }
.mo-revision p { white-space:pre-wrap; margin:6px 0 0; }
.mo-user-picker { padding:12px; margin-bottom:16px; border:1px solid var(--glass-border,#ddd); border-radius:14px; }
.mo-user-picker label:last-child { margin-bottom:0; }
.mo-dialog fieldset { min-width:0; border:0; margin:0; padding:0; }
.mo-dialog fieldset:disabled input,.mo-dialog fieldset:disabled select { opacity:1; color:var(--text-main,#333); -webkit-text-fill-color:var(--text-main,#333); cursor:default; }
.mo-dialog input[readonly] { background:var(--glass-bg,#f2f2f7); }
.mo-dialog .mo-danger { background:#b83232; color:#fff; }
.mo-card .mo-delete { color:#b83232; }
[data-theme=dark] .mo-card .mo-delete { color:#ff9d9d; }
.mo-detail-links { display:flex; flex-wrap:wrap; gap:14px; margin:16px 0; }
#moBriefLink:not(:empty) { margin:0 0 16px; font-size:13px; }

/* Division ownership and a single searchable PIC dropdown. */
.mo-page [hidden] { display:none !important; }
.mo-division-tabs { display:flex; gap:6px; padding:5px; margin:0 0 14px; overflow-x:auto; border:1px solid var(--glass-border,#ddd); border-radius:18px; background:var(--glass-bg,#fff); }
.mo-division-tabs button { flex:1 0 auto; min-height:44px; padding:10px 14px; border:0; border-radius:13px; background:transparent; color:var(--text-muted,#666); font-size:12px; font-weight:650; }
.mo-division-tabs button[aria-pressed=true] { background:var(--primary,#0a84ff); color:#fff; }
.mo-assignment-filter { margin:0 0 24px; font-size:12px; }
.mo-assignment-filter label { display:flex; align-items:center; gap:7px; flex-wrap:wrap; cursor:pointer; }
.mo-assignment-filter input { width:18px; height:18px; accent-color:var(--primary,#0a84ff); }
.mo-assignment-filter span { color:var(--text-muted,#666); }
.mo-owner-label { font-size:12px; color:var(--text-muted,#666); margin:12px 0; }
.mo-card .mo-owner-label { margin:12px 0 -6px; }
.mo-user-picker { padding:0; border:0; border-radius:0; }
.mo-picker-label { display:block; margin:0 0 7px; font-size:12px; font-weight:600; }
.mo-picker-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:46px; padding:12px; border:1px solid var(--glass-border,#ccc); border-radius:12px; background:var(--glass-input,#fff); color:var(--text-main,#333); text-align:left; font-size:16px; }
.mo-picker-trigger span:first-child { min-width:0; overflow-wrap:anywhere; }
.mo-picker-trigger[aria-expanded=true] { border-color:var(--primary,#0a84ff); }
.mo-picker-trigger[aria-invalid=true] { border-color:#b83232; }
.mo-picker-panel { margin-top:7px; padding:10px; border:1px solid var(--glass-border,#ccc); border-radius:14px; background:var(--glass-input,#fff); box-shadow:0 12px 28px rgb(0 0 0 / 12%); }
.mo-picker-list { max-height:210px; overflow-y:auto; overscroll-behavior:contain; margin-top:8px; }
.mo-picker-list button { display:flex; flex-direction:column; gap:4px; width:100%; padding:11px; border:0; border-radius:9px; background:transparent; color:var(--text-main,#333); text-align:left; font-size:14px; overflow-wrap:anywhere; }
.mo-picker-list small { font-size:11px; color:var(--text-muted,#666); }
.mo-picker-list button:hover:not(:disabled), .mo-picker-list .mo-option-active, .mo-picker-list button[aria-selected=true] { background:rgb(10 132 255 / 12%); }
.mo-picker-empty { margin:14px 4px 5px; font-size:13px; color:var(--text-muted,#666); }

.mo-eo-placeholder .mo-month-bar, .mo-eo-placeholder .mo-summary, .mo-eo-placeholder .mo-filters, .mo-eo-placeholder .mo-toolbar { display:none; }

/* Match the Home dashboard: frosted surfaces, quiet depth, compact controls. */
.mo-page, .mo-dialog, .mo-form-page {
  --mo-surface:rgba(255,255,255,.76); --mo-solid:#fff; --mo-edge:rgba(255,255,255,.88);
  --mo-ink:#202632; --mo-muted:#626b7c; --mo-line:rgba(54,68,97,.12);
  --mo-shadow:0 12px 30px rgba(31,49,86,.07),inset 0 1px 0 rgba(255,255,255,.94);
  color:var(--mo-ink); font-family:inherit;
}
[data-theme=dark] .mo-page, [data-theme=dark] .mo-dialog, [data-theme=dark] .mo-form-page {
  --mo-surface:rgba(30,34,44,.84); --mo-solid:#252b37; --mo-edge:rgba(255,255,255,.13);
  --mo-ink:#f1f3f9; --mo-muted:#b0b8c8; --mo-line:rgba(255,255,255,.12);
  --mo-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
}
.mo-section-label { margin:0 4px 8px; color:var(--mo-muted); font-size:12px; font-weight:650; }
.mo-division-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; overflow:visible; margin:0 0 26px; padding:6px; border:1px solid var(--mo-edge); border-radius:21px; background:var(--mo-surface); box-shadow:var(--mo-shadow); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); }
.mo-division-tabs button { min-width:0; min-height:52px; padding:10px 8px; color:var(--mo-muted); border:1px solid transparent; border-radius:15px; line-height:1.4; font-size:13px; transition:background .18s,box-shadow .18s,color .18s,transform .18s; }
.mo-division-tabs button[aria-pressed=true] { background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(243,248,255,.94)); border-color:#fff; color:#0968c5; box-shadow:0 4px 10px rgba(28,59,108,.12),inset 0 1px 1px #fff; }
[data-theme=dark] .mo-division-tabs button[aria-pressed=true] { background:linear-gradient(145deg,#394759,#293343); color:#b9deff; border-color:rgba(255,255,255,.16); box-shadow:0 5px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12); }
.mo-header { align-items:center; flex-wrap:nowrap; gap:12px; margin-bottom:20px; }
.mo-header h1 { color:var(--mo-ink); font-size:32px; letter-spacing:-1.2px; }
.mo-header .mo-intro { margin:6px 0 0; color:var(--mo-muted); font-size:12px; line-height:1.5; }
.mo-header > div { min-width:0; }
.mo-header > button { flex-shrink:0; }
.mo-page .mo-primary, .mo-dialog .mo-primary { border:1px solid rgba(255,255,255,.28); background:linear-gradient(160deg,#299bff,#087bea); color:#fff; box-shadow:0 5px 12px rgba(10,110,225,.19),inset 0 1px 0 rgba(255,255,255,.25); font-size:12px; }
.mo-page .mo-secondary, .mo-dialog .mo-secondary { background:var(--mo-surface); border:1px solid var(--mo-line); color:var(--mo-ink); box-shadow:inset 0 1px 0 var(--mo-edge); }
.mo-controls { margin:0 0 20px; padding:14px; border:1px solid var(--mo-edge); border-radius:24px; background:var(--mo-surface); box-shadow:var(--mo-shadow); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); }
.mo-controls-top { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mo-assignment-filter { margin:0 auto 0 0; }
.mo-assignment-filter label { position:relative; flex-wrap:nowrap; gap:9px; min-height:44px; }
.mo-assignment-filter label > input { position:absolute; left:0; width:38px; height:24px; margin:0; opacity:0; cursor:pointer; }
.mo-assignment-filter label > span { color:var(--mo-ink); font-size:12px; font-weight:600; }
.mo-assignment-filter small { display:block; font-size:10px; font-weight:400; color:var(--mo-muted); margin-top:3px; }
.mo-assignment-filter .mo-switch-track { flex:0 0 38px; height:24px; border-radius:20px; background:#bbc3cf; box-shadow:inset 0 1px 3px rgba(0,0,0,.1); pointer-events:none; }
.mo-switch-track::after { content:''; display:block; width:18px; height:18px; margin:3px; border-radius:50%; background:white; box-shadow:0 2px 4px rgba(0,0,0,.18); transition:transform .18s; }
.mo-assignment-filter input:checked + .mo-switch-track { background:#0a84ff; }
.mo-assignment-filter input:checked + .mo-switch-track::after { transform:translateX(14px); }
.mo-assignment-filter input:focus-visible + .mo-switch-track { outline:3px solid #0a84ff; outline-offset:3px; }
.mo-controls .mo-month-bar { gap:0; padding:0; border:1px solid var(--mo-line); border-radius:13px; background:var(--mo-solid); box-shadow:inset 0 1px 0 var(--mo-edge); backdrop-filter:none; }
.mo-month-bar .mo-icon-button { width:32px; font-size:22px; color:var(--mo-muted); }
.mo-month-picker { font-size:12px; min-width:114px; color:var(--mo-ink); }
.mo-controls .mo-toolbar { margin:0; }
.mo-refresh { width:44px; height:44px; border:1px solid var(--mo-edge); border-radius:14px; color:var(--mo-ink); background:var(--mo-surface); box-shadow:var(--mo-shadow); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.mo-refresh[aria-busy=true] svg { animation:mo-refresh-spin .9s linear infinite; }
@keyframes mo-refresh-spin { to { transform:rotate(360deg); } }
.mo-refresh svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.mo-list-summary { margin:14px 2px 8px; color:var(--mo-muted); font-size:11px; }
.mo-controls .mo-filters { flex-wrap:wrap; overflow:visible; gap:6px; padding:0; }
.mo-controls .mo-filters button { display:flex; gap:8px; align-items:center; min-height:36px; padding:7px 10px; background:transparent; color:var(--mo-muted); border:1px solid transparent; box-shadow:none; backdrop-filter:none; font-size:11px; }
.mo-controls .mo-filters strong { font-size:10px; font-weight:650; background:rgba(100,120,150,.1); padding:3px 6px; border-radius:6px; }
.mo-controls .mo-filters button[aria-pressed=true] { background:var(--mo-solid); border-color:var(--mo-line); color:var(--mo-ink); box-shadow:0 2px 5px rgba(20,40,70,.06); }
.mo-mobile-status { display:none; }
.mo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.mo-card { display:flex; flex-direction:column; overflow:visible; padding:20px; background:var(--mo-solid); border:1px solid var(--mo-line); box-shadow:var(--mo-shadow); border-radius:24px; }
[data-theme=dark] .mo-card { background:var(--mo-solid); border-color:var(--mo-line); box-shadow:var(--mo-shadow); }
.mo-card::before { width:60%; left:20%; }
.mo-card-top { flex-wrap:nowrap; align-items:flex-start; min-height:32px; margin-bottom:10px; }
.mo-card > .mo-badge { align-self:flex-start; margin-bottom:12px; }
.mo-card h2 { margin:0; font-size:18px; letter-spacing:-.35px; line-height:1.45; }
.mo-card-title { color:var(--mo-ink); }
.mo-card p.mo-card-format { margin:0 0 18px; font-size:12px; color:var(--mo-muted); }
.mo-card .mo-owner-label { margin:-8px 0 14px; font-size:11px; color:var(--mo-muted); }
.mo-card-foot { flex-direction:row; align-items:flex-start; justify-content:space-between; gap:12px; padding:15px 0 0; border-color:var(--mo-line); }
.mo-person { display:flex; gap:8px; align-items:center; min-width:0; }
.mo-person-avatar { display:flex; align-items:center; justify-content:center; width:34px; height:34px; flex:0 0 34px; border-radius:12px; background:linear-gradient(145deg,#e7f3ff,#dbe7ff); color:#246ac1; box-shadow:inset 0 1px 1px #fff,0 3px 6px rgba(30,60,100,.06); font-weight:700; }
[data-theme=dark] .mo-person-avatar { background:linear-gradient(145deg,#2d4664,#273647); color:#a8d7ff; box-shadow:inset 0 1px 1px rgba(255,255,255,.1); }
.mo-card-foot small { display:block; font-size:10px; color:var(--mo-muted); margin-bottom:4px; }
.mo-card-foot strong { display:block; font-size:12px; font-weight:600; color:var(--mo-ink); }
.mo-deadline { text-align:right; flex-shrink:0; max-width:48%; }
.mo-card-actions { padding-top:18px; margin-top:auto; align-items:center; justify-content:space-between; }
.mo-detail-action { padding:10px 0; min-height:44px; background:none; color:var(--mo-muted); border:0; font-size:12px; }
.mo-card-menu { position:relative; margin-left:auto; }
.mo-card-menu summary { display:flex; align-items:center; justify-content:center; width:36px; height:32px; border-radius:10px; color:var(--mo-muted); cursor:pointer; list-style:none; font-size:24px; }
.mo-card-menu summary::-webkit-details-marker { display:none; }
.mo-card-menu summary:focus-visible { outline:3px solid #0a84ff; outline-offset:2px; }
.mo-card:has(.mo-card-menu[open]) { z-index:3; }
.mo-card-menu-panel { position:absolute; right:0; top:38px; z-index:2; min-width:150px; padding:5px; border:1px solid var(--mo-line); border-radius:14px; background:var(--mo-solid); box-shadow:0 12px 30px rgba(0,0,0,.16); }
.mo-card-menu-panel button { display:block; width:100%; padding:12px; border:0; border-radius:9px; background:none; text-align:left; color:var(--mo-ink); font-size:13px; }
.mo-card .mo-revision { background:rgba(227,143,35,.07); border-color:rgba(227,143,35,.22); color:var(--mo-ink); }
.mo-card .mo-revision p { margin-bottom:0; color:var(--mo-ink); }
.mo-dialog { background:var(--mo-surface); border-color:var(--mo-edge); box-shadow:0 28px 90px rgba(17,31,58,.23),inset 0 1px 0 var(--mo-edge); backdrop-filter:blur(32px) saturate(140%); -webkit-backdrop-filter:blur(32px) saturate(140%); border-radius:28px; }
.mo-dialog h2 { color:var(--mo-ink); }
.mo-dialog .mo-intro, .mo-dialog .mo-owner-label, .mo-dialog .mo-eyebrow { color:var(--mo-muted); }
.mo-dialog input, .mo-dialog select, .mo-dialog textarea, .mo-dialog .mo-picker-trigger, .mo-dialog .mo-picker-panel { background:var(--mo-solid); color:var(--mo-ink); border-color:var(--mo-line); box-shadow:inset 0 1px 1px rgba(20,40,70,.025); }
.mo-dialog .mo-picker-list button { color:var(--mo-ink); }
.mo-dialog .mo-picker-list small { color:var(--mo-muted); }
.mo-dialog .mo-form-actions { flex-shrink:0; position:static; margin:0; padding:16px 24px; background:var(--mo-solid); border-top:1px solid var(--mo-line); }
.mo-dialog .mo-danger { background:linear-gradient(145deg,#d74747,#b52e2e); }
.mo-empty { background:var(--mo-surface); border:1px dashed var(--mo-line); }
.mo-eo-placeholder .mo-controls { background:none; box-shadow:none; border:0; padding:0; }
.mo-eo-placeholder .mo-list-summary, .mo-eo-placeholder .mo-mobile-status { display:none; }
@media (hover:hover) {
  .mo-division-tabs button:hover:not([aria-pressed=true]) { background:rgba(125,156,196,.12); color:var(--mo-ink); }
  .mo-page .mo-primary:hover,.mo-dialog .mo-primary:hover { filter:brightness(1.06); }
  .mo-card-menu summary:hover,.mo-card-menu-panel button:hover,.mo-refresh:hover { background:rgba(125,156,196,.12); }
  .mo-detail-action:hover { color:#0a84ff; }
}
@media (max-width:700px) {
  .mo-grid { grid-template-columns:minmax(0,1fr); }
  .mo-controls .mo-filters { display:none; }
  .mo-mobile-status { display:flex; align-items:center; gap:12px; font-size:12px; color:var(--mo-muted); }
  .mo-mobile-status select { min-width:0; flex:1; min-height:42px; padding:9px 12px; border-radius:12px; border:1px solid var(--mo-line); background:var(--mo-solid); color:var(--mo-ink); font:inherit; }
}
@media (max-width:480px) {
  .mo-page { padding-top:12px; }
  .mo-division-tabs { margin-bottom:22px; border-radius:19px; }
  .mo-division-tabs button { font-size:11px; padding:8px 3px; }
  .mo-division-tabs button span { display:block; }
  .mo-header h1 { font-size:28px; }
  .mo-header .mo-intro { max-width:180px; font-size:11px; }
  .mo-controls-top { gap:8px; }
  .mo-assignment-filter { flex:1 0 calc(100% - 54px); order:0; }
  .mo-controls .mo-toolbar { order:1; }
  .mo-controls .mo-month-bar { order:2; width:100%; }
  .mo-card { padding:18px; }
}
@media (max-width:380px) {
  .mo-header > .mo-primary { padding:9px 11px; }
}
@media (prefers-reduced-motion:reduce) {
  .mo-page *, .mo-dialog * { transition:none !important; animation:none !important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .mo-page, .mo-dialog, .mo-form-page { --mo-surface:#f5f7fb; }
  [data-theme=dark] .mo-page, [data-theme=dark] .mo-dialog, [data-theme=dark] .mo-form-page { --mo-surface:#202632; }
}
[data-theme=dark] .mo-badge[data-status=production] { background:#203b59; color:#b4d9ff; }
[data-theme=dark] .mo-badge[data-status=review] { background:#493b25; color:#f7d596; }
[data-theme=dark] .mo-badge[data-status=revision] { background:#4d2a31; color:#ffc1c5; }
[data-theme=dark] .mo-badge[data-status=ready], [data-theme=dark] .mo-badge[data-status=published] { background:#203e32; color:#a5e5c4; }

/* Workspace: clear perspective controls and a shared modal/navigation layer. */
.mo-header { margin:0 0 24px; }
.mo-create-bar { display:flex; justify-content:flex-end; margin:-4px 0 20px; }
.mo-create-bar .mo-primary { min-width:150px; }
.mo-scope-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:4px; margin-right:auto; border-radius:14px; border:1px solid var(--mo-line); background:rgba(125,150,180,.08); }
.mo-scope-tabs button { min-width:0; min-height:40px; padding:9px 12px; border:1px solid transparent; border-radius:11px; background:none; color:var(--mo-muted); font-size:12px; font-weight:600; }
.mo-scope-tabs button[aria-pressed=true] { background:var(--mo-solid); border-color:var(--mo-edge); color:var(--mo-ink); box-shadow:0 3px 8px rgba(20,40,70,.09); }
.mo-card-foot.mo-pic-pair { display:flex; flex-direction:column; align-items:stretch; gap:14px; }
.mo-pic-row { display:flex; justify-content:space-between; gap:12px; }
.mo-card .mo-handoff-note { margin:14px 0 0; font-size:12px; color:var(--mo-muted); }
.mo-scroll-locked { overflow:hidden !important; overscroll-behavior:none; }
dialog.mo-dialog { padding:0; overflow:hidden; }
dialog.mo-dialog[open] { display:flex; flex-direction:column; }
.mo-dialog-head { flex-shrink:0; padding:20px 24px 16px; border-bottom:1px solid var(--mo-line); }
.mo-dialog-body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px 24px; }
@media(max-width:480px) {
  .mo-scope-tabs { order:0; flex:1 0 100%; margin-right:0; }
  .mo-scope-tabs button { padding:8px 6px; font-size:11px; }
  .mo-create-bar .mo-primary { width:100%; }
  .mo-header .mo-intro { max-width:none; }
}
@media(hover:hover) { .mo-scope-tabs button:hover:not([aria-pressed=true]) { background:rgba(125,150,180,.1); } }

@media(max-width:700px) {
  .mo-controls-top { flex-direction:column; align-items:stretch; }
  .mo-scope-tabs { margin:0; }
  .mo-create-bar .mo-primary { width:100%; }
  .mo-dialog-head { padding:16px 18px 12px; }
  .mo-dialog h2 { font-size:20px; }
  .mo-dialog-body { padding:18px; }
  .mo-dialog .mo-form-actions { padding:12px 18px; gap:8px; }
  .mo-form-actions .mo-primary { flex:1; }
  .mo-dialog .mo-form-actions button { padding:10px 12px; }
}

/* Full-page forms use document scrolling, including when the phone keyboard opens. */
.mo-form-page[hidden] { display:none !important; }
body.mo-form-open { padding-bottom:0 !important; min-height:100svh; box-sizing:border-box; background-repeat:no-repeat; }
.mo-form-open .bottom-nav, .mo-form-open #appMain > .view-section { display:none !important; }
.mo-form-page { display:block; position:static; width:100%; max-width:680px; max-height:none; margin:0 auto; padding:8px 0 32px; overflow:visible; background:none; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.mo-form-header { margin-bottom:22px; }
.mo-back-button { display:inline-flex; align-items:center; justify-content:center; width:auto; max-width:100%; justify-self:start; min-height:44px; margin:0 0 20px; padding:10px 16px; border:1px solid var(--mo-edge); border-radius:14px; color:var(--mo-ink); background:var(--mo-surface); box-shadow:var(--mo-shadow); font-size:14px; }
.mo-form-header h1 { margin:0; font-size:30px; letter-spacing:-.8px; line-height:1.25; }
.mo-form-page .mo-dialog-body { padding:24px; overflow:visible; background:var(--mo-solid); border:1px solid var(--mo-line); border-radius:22px; }
.mo-form-page .mo-dialog-body > .mo-intro:first-child { margin-top:0; }
.mo-form-page .mo-form-actions { position:static; margin-top:18px; padding:0; border:0; background:none; }
.mo-form-page .mo-form-actions .mo-primary { flex:1; }
.mo-form-page h2.mo-form-section-title { font-size:16px; margin:8px 0 18px; letter-spacing:-.2px; }
.mo-brief-details:not(.mo-collapsible) > summary { display:none; }
.mo-brief-details.mo-collapsible { border:1px solid var(--mo-line); border-radius:14px; padding:14px; margin-bottom:20px; }
.mo-brief-details.mo-collapsible > summary { cursor:pointer; font-size:14px; font-weight:600; min-height:24px; }
.mo-brief-details.mo-collapsible[open] > summary { margin-bottom:18px; }
.mo-controls .mo-controls-top { display:block; }
.mo-controls .mo-scope-tabs { margin:0 0 12px; }
.mo-filter-row { display:flex; align-items:stretch; gap:8px; }
.mo-controls .mo-filter-row .mo-month-bar { flex:1; min-width:0; width:auto; order:0; }
.mo-filter-row .mo-month-picker { min-width:0; font-size:12px; }
.mo-filter-row .mo-month-bar .mo-icon-button { width:30px; }
.mo-filter-toggle { position:relative; flex:0 0 44px; width:44px; height:46px; padding:0; font-size:12px; gap:0; }
.mo-filter-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.mo-filter-toggle.mo-filter-applied { color:#0866bd; border-color:rgba(10,132,255,.4); }
[data-theme=dark] .mo-filter-toggle.mo-filter-applied { color:#a8d7ff; }
.mo-filter-panel { margin-top:12px; padding:14px; border:1px solid var(--mo-line); border-radius:14px; background:var(--mo-solid); }
.mo-filter-panel label { display:flex; flex-direction:column; gap:8px; font-size:12px; color:var(--mo-muted); }
.mo-filter-panel select { width:100%; min-height:44px; padding:10px; border:1px solid var(--mo-line); border-radius:10px; background:var(--mo-solid); color:var(--mo-ink); font:inherit; font-size:16px; }
.mo-active-filter { display:flex; align-items:center; gap:12px; margin:12px 0 0; padding:9px 12px; min-height:36px; border:1px solid var(--mo-line); border-radius:12px; background:var(--mo-solid); color:var(--mo-ink); font-size:12px; }
.mo-eo-placeholder .mo-filter-row, .mo-eo-placeholder #moFilterPanel, .mo-eo-placeholder #moActiveFilter { display:none; }
.mo-list-summary { margin:0 2px 14px; }
@media(max-width:480px) {
  .mo-controls { padding:12px; }
  .mo-form-page .mo-dialog-body { padding:18px; }
  .mo-form-header h1 { font-size:28px; }
}
@media(max-width:350px) {
  .mo-filter-row .mo-month-picker { font-size:12px; }
  .mo-filter-row .mo-month-bar .mo-icon-button { width:26px; }
}

.mo-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.mo-filter-toggle.mo-filter-applied::after { content:''; position:absolute; right:7px; top:7px; width:6px; height:6px; border-radius:50%; background:currentColor; }
.mo-filter-row .mo-month-picker { font-size:13px; }
.mo-idea-header { margin-bottom:18px; }
.mo-idea-heading { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:center; gap:12px; width:100%; }
.mo-idea-heading .mo-back-button { margin:0; padding:10px 12px; flex-shrink:0; }
.mo-idea-heading h1 { font-size:24px; letter-spacing:-.6px; text-align:left; }
.mo-division-badge { display:table; margin:14px 0 0; padding:7px 11px; border:1px solid var(--mo-line); border-radius:10px; background:var(--mo-surface); color:var(--mo-muted); font-size:12px; line-height:1.4; }
#moIdeaDialog .mo-dialog-body { box-shadow:0 8px 26px rgba(31,49,86,.04); }
#moIdeaForm label, #moIdeaForm .mo-user-picker { margin-bottom:22px; }
#moIdeaForm input, #moIdeaForm .mo-picker-trigger { min-height:48px; }
#moIdeaForm input[name=title] { font-weight:500; }
#moIdeaForm .mo-form-actions { margin-top:6px; padding:0; }
#moSaveIdea { width:100%; min-height:48px; font-size:14px; }
.mo-dialog input[type=date], .mo-dialog input[type=month] { min-height:48px; color-scheme:light; }
[data-theme=dark] .mo-dialog input[type=date], [data-theme=dark] .mo-dialog input[type=month] { color-scheme:dark; }
@media(max-width:350px) { .mo-idea-heading h1 { font-size:22px; } }

/* Page forms have their own layout; modal geometry never applies to these sections. */
.mo-form-page, .mo-form-page * { box-sizing:border-box; }
.mo-form-page [hidden], .mo-home-approval[hidden] { display:none !important; }
.mo-form-page { color:var(--mo-ink); font-family:inherit; }
.mo-form-page .mo-form-header:not(.mo-idea-header) { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:center; gap:14px; width:100%; }
.mo-form-page .mo-form-header .mo-back-button { margin:0; flex-shrink:0; white-space:nowrap; }
.mo-form-page .mo-form-header h1 { font-size:24px; line-height:1.25; text-align:left; min-width:0; margin:0; word-break:normal; overflow-wrap:break-word; }
.mo-form-page .mo-idea-heading { justify-content:flex-start; }
.mo-form-page form label { display:flex; flex-direction:column; min-width:0; gap:8px; margin-bottom:20px; font-size:13px; font-weight:600; }
.mo-form-page input, .mo-form-page select, .mo-form-page textarea { width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid var(--mo-line); border-radius:12px; background:var(--mo-solid); color:var(--mo-ink); font:inherit; font-size:16px; }
.mo-form-page input:focus, .mo-form-page select:focus, .mo-form-page textarea:focus { outline:2px solid #0a84ff; outline-offset:2px; }
.mo-form-page textarea { resize:vertical; }
.mo-form-page button { font-family:inherit; cursor:pointer; }
.mo-form-page button:disabled { opacity:.5; cursor:not-allowed; }
.mo-form-page .mo-primary { background:linear-gradient(160deg,#299bff,#087bea); color:#fff; box-shadow:0 5px 12px rgba(10,110,225,.19); }
.mo-form-page .mo-secondary { background:var(--mo-surface); color:var(--mo-ink); border:1px solid var(--mo-line); }
.mo-form-page fieldset { border:0; margin:0; padding:0; min-width:0; }
.mo-form-page fieldset:disabled input, .mo-form-page fieldset:disabled select { opacity:1; -webkit-text-fill-color:var(--mo-ink); color:var(--mo-ink); }
.mo-form-page .mo-picker-trigger, .mo-form-page .mo-picker-panel { background:var(--mo-solid); color:var(--mo-ink); border-color:var(--mo-line); }
.mo-form-page .mo-form-actions { flex-wrap:wrap; gap:10px; }
.mo-form-page .mo-form-actions button { width:auto; min-width:0; min-height:48px; }
.mo-form-page .mo-intro, .mo-form-page .mo-notice { color:var(--mo-muted); }
.mo-form-page a { color:#087bea; overflow-wrap:anywhere; }
.mo-form-page .mo-error { color:#8e2828; }
.mo-form-page .mo-revision { white-space:pre-wrap; color:var(--mo-ink); background:rgba(227,143,35,.07); border-color:var(--mo-line); }
.mo-form-page input[type=date], .mo-form-page input[type=month] { color-scheme:light; }
[data-theme=dark] .mo-form-page input[type=date], [data-theme=dark] .mo-form-page input[type=month] { color-scheme:dark; }
.mo-form-page button:focus-visible { outline:3px solid #0a84ff; outline-offset:3px; }
.mo-scope-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mo-scope-tabs:has([data-mo-scope=approvals]:not([hidden])) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mo-review-steps { display:flex; flex-wrap:wrap; list-style:none; gap:6px; margin:16px 0 0; padding:0; }
.mo-review-steps li { font-size:11px; padding:6px 8px; border-radius:8px; background:rgba(110,125,150,.1); color:var(--mo-muted); }
.mo-review-steps .is-current { background:rgba(10,132,255,.12); color:#0871cf; }
.mo-review-steps .is-done { background:rgba(34,150,100,.12); color:#258456; }
.mo-summary-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:10px; font-size:13px; }
.mo-summary-fields dt { color:var(--mo-muted); }
.mo-summary-fields dd { margin:0; overflow-wrap:anywhere; }
.mo-history { margin:20px 0; font-size:13px; }
.mo-history summary { cursor:pointer; min-height:32px; color:var(--mo-muted); }
.mo-history ol { padding-left:20px; margin:12px 0; }
.mo-history li { padding:0 0 16px 4px; overflow-wrap:anywhere; }
.mo-history small { display:block; margin:5px 0; color:var(--mo-muted); }
.mo-history p { margin:5px 0; line-height:1.5; }
.mo-history-note { white-space:pre-wrap; }
.mo-home-approval { display:block; width:100%; margin:18px 0; padding:18px; border:1px solid rgba(10,132,255,.22); border-radius:18px; background:var(--glass-bg,#fff); color:var(--text-main,#202632); text-align:left; font:inherit; font-size:14px; cursor:pointer; }
.mo-badge[data-status=brief_revision] { background:#ffe6e6; color:#a93232; }
.mo-badge[data-status=queued], .mo-badge[data-status=brief_review], .mo-badge[data-status^=review_] { background:#fff0d9; color:#825214; }
@media(max-width:380px) { .mo-form-page .mo-form-header h1 { font-size:21px; } .mo-workflow-actions { flex-direction:column; } }

[data-theme=dark] .mo-form-page a, [data-theme=dark] .mo-dialog a { color:#8ccaff; }
[data-theme=dark] .mo-form-page input::placeholder, [data-theme=dark] .mo-form-page textarea::placeholder { color:#a0a6b3; opacity:1; }
[data-theme=dark] .mo-form-page .mo-error { color:#ffaaaa; }
[data-theme=dark] .mo-review-steps .is-current { color:#8ccaff; }
[data-theme=dark] .mo-review-steps .is-done { color:#91ddbb; }

/* Shared content pipeline and personal action overview. */
.mo-mine-toggle {display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}
.mo-mine-toggle input {width:20px;height:20px;accent-color:var(--primary,#2563eb)}
.mo-search-row {margin:14px 0}.mo-search-row label {display:grid;gap:6px;font-size:13px;color:var(--text-muted,#64748b)}
.mo-search-row input,.mo-filter-panel select {width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid var(--glass-border,#dbe1eb);border-radius:12px;background:var(--glass-input,#fff);color:var(--text-main,#26334a)}
.mo-filter-panel {display:grid;gap:12px}.mo-filter-panel[hidden]{display:none}.mo-filter-panel label{display:grid;gap:6px}
.mo-home-work {padding:22px;margin:18px 0;border-radius:22px;background:var(--glass-bg,#fff);border:1px solid var(--glass-border,#dde3ef);color:var(--text-main,#26334a)}
.mo-home-work h2{font-size:21px}.mo-home-work h2 span{font-size:15px;opacity:.7}.mo-home-work h3{font-size:16px;margin-top:22px}
.mo-home-task{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;padding:14px;margin:8px 0;background:var(--glass-input,#f1f5fb);color:inherit;border:1px solid var(--glass-border,#dbe1eb);border-radius:14px;cursor:pointer}.mo-home-task small{opacity:.75}
.mo-review-steps {display:grid;grid-template-columns:1fr;gap:8px}.mo-review-steps small{display:block;font-size:11px;margin-top:4px}
#moShareResult input{width:100%;box-sizing:border-box;margin:8px 0} .mo-card-menu-panel{max-height:65vh;overflow:auto}

/* Workspace overview follows the same surfaces and spacing as Metive Home. */
.mo-page [hidden], .mo-home-work [hidden] { display:none !important; }
.mo-page { --mo-surface:var(--mh2-surface,rgba(255,255,255,.78)); --mo-line:var(--mh2-line,rgba(60,60,67,.1)); --mo-shadow:var(--mh2-shadow-soft,0 8px 26px rgba(25,39,67,.05)); }
.mo-page .mo-header { margin-bottom:20px; }
.mo-overview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.mo-overview-toolbar .mo-month-bar { flex:0 1 270px; min-width:0; padding:4px; border:1px solid var(--mo-line); border-radius:14px; background:var(--mo-surface); box-shadow:none; }
.mo-overview-toolbar .mo-month-picker { font-size:14px; }
.mo-overview-toolbar .mo-create-bar { margin:0; flex-shrink:0; }
.mo-overview, .mo-tasks, .mo-personal-overview { margin:0 0 20px; padding:20px; border:1px solid var(--mo-line); border-radius:20px; background:var(--mo-surface); box-shadow:var(--mo-shadow); }
.mo-section-caption { margin:0 0 16px; color:var(--mo-muted); font-size:12px; line-height:1.6; }
.mo-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mo-metrics > div { display:flex; flex-direction:column; gap:6px; min-width:0; }
.mo-metrics > div + div { border-left:1px solid var(--mo-line); padding-left:16px; }
.mo-metrics strong { font-size:30px; line-height:1.2; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
.mo-metrics span { font-size:12px; line-height:1.5; color:var(--mo-muted); }
.mo-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.mo-section-heading h2 { margin:0; font-size:18px; letter-spacing:-.3px; line-height:1.4; color:var(--mo-ink); }
.mo-section-heading h2 span { font-size:13px; font-weight:500; color:var(--mo-muted); }
.mo-section-heading p { margin:5px 0 0; font-size:12px; line-height:1.6; color:var(--mo-muted); }
.mo-text-button { width:auto; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:8px 0; background:none; border:0; color:var(--primary,#0a84ff); font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.mo-section-heading .mo-text-button { flex-shrink:0; }
.mo-task-row { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:16px 0; background:none; border:0; border-top:1px solid var(--mo-line); color:var(--mo-ink); text-align:left; font:inherit; }
.mo-task-row > span:first-child { display:flex; flex-direction:column; gap:6px; min-width:0; }
.mo-task-row strong { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.mo-task-row small { color:var(--mo-muted); font-size:11px; line-height:1.5; }
.mo-task-row .mo-task-action { font-size:12px; font-weight:600; color:var(--mo-ink); }
.mo-task-open { flex-shrink:0; color:var(--primary,#0a84ff); font-size:12px; }
.mo-task-row .mo-task-late, .mo-home-work .mo-task-late { color:#ac3e23; }
.mo-task-empty { margin:8px 0 0; color:var(--mo-muted); font-size:13px; line-height:1.6; }
.mo-personal-overview { padding:14px 20px; font-size:13px; color:var(--mo-muted); }
.mo-personal-overview summary { cursor:pointer; padding:6px 0; min-height:32px; }
.mo-personal-overview h3 { margin:18px 0 8px; font-size:13px; color:var(--mo-ink); }
.mo-personal-overview p { line-height:1.6; overflow-wrap:anywhere; }
.mo-content-heading { margin-top:28px; }
.mo-page .mo-controls { border:1px solid var(--mo-line); box-shadow:none; border-radius:18px; }
.mo-page .mo-controls-top { flex-direction:row; justify-content:space-between; align-items:center; }
.mo-page .mo-filter-row { float:right; margin:12px 0 0 10px; }
.mo-page .mo-search-row { margin-bottom:0; }
.mo-page .mo-search-row label { font-size:12px; }
.mo-page .mo-mine-toggle { font-size:12px; }
.mo-page .mo-search-row input, .mo-page .mo-filter-panel select { background:var(--mo-solid); color:var(--mo-ink); border-color:var(--mo-line); font:inherit; font-size:16px; }
.mo-page .mo-grid { grid-template-columns:1fr; gap:12px; }
.mo-page .mo-card { padding:20px; border-radius:18px; box-shadow:none; background:var(--mo-surface); }
.mo-page .mo-card h2 { margin:0; }
.mo-page .mo-card::before { display:none; }
.mo-page .mo-card .mo-badge { align-self:flex-start; margin:8px 0; }
.mo-page .mo-card .mo-card-format { margin:0 0 12px; }
.mo-page .mo-card-foot.mo-pic-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-top:12px; }
.mo-page .mo-pic-row { flex-wrap:wrap; }
.mo-page .mo-card-actions { margin-top:14px; }
.mo-page .mo-card-actions .mo-primary { background:var(--primary,#0a84ff); box-shadow:none; }
.mo-page .mo-card .mo-handoff-note { margin-top:10px; }
.mo-home-work { box-sizing:border-box; margin:20px 0; padding:20px; border-radius:22px; background:var(--mh2-surface,rgba(255,255,255,.78)); border:1px solid var(--mh2-line,rgba(60,60,67,.1)); color:var(--text-main,#202632); box-shadow:var(--mh2-shadow-soft,0 8px 26px rgba(25,39,67,.05)); }
.mo-home-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mo-home-work h2 { font-size:18px; margin:0; letter-spacing:-.3px; color:var(--text-head,#202632); }
.mo-home-heading > span { font-size:12px; color:var(--text-muted,#626b7c); }
.mo-home-work p { margin:10px 0 0; font-size:13px; line-height:1.6; color:var(--text-muted,#626b7c); }
.mo-home-work .mo-home-meta { font-size:12px; margin-top:6px; }
.mo-home-work .mo-text-button { margin-top:6px; margin-right:16px; }
.mo-home-work button:focus-visible { outline:3px solid var(--primary,#0a84ff); outline-offset:3px; }
[data-theme=dark] .mo-home-work { background:var(--mh2-surface,#1e222c); color:#f1f3f9; }
[data-theme=dark] .mo-home-work h2 { color:var(--text-head,#f1f3f9); }
[data-theme=dark] .mo-home-work p, [data-theme=dark] .mo-home-heading > span { color:var(--text-muted,#b0b8c8); }
[data-theme=dark] .mo-task-row .mo-task-late, [data-theme=dark] .mo-home-work .mo-task-late { color:#ffb39e; }
[data-theme=dark] :is(.mo-text-button,.mo-task-open) { color:#8ccaff; }
[data-theme=dark] .mo-page .mo-badge[data-status=production] { color:#aad1ff; background:#23394f; }
[data-theme=dark] .mo-page .mo-badge:is([data-status=review],[data-status=brief_review],[data-status=queued]) { color:#f3cf99; background:#443821; }
[data-theme=dark] .mo-page .mo-badge:is([data-status=revision],[data-status=brief_revision]) { color:#ffb1b1; background:#492b31; }
[data-theme=dark] .mo-page .mo-badge:is([data-status=ready],[data-status=published]) { color:#9bdfbb; background:#233e33; }
@media(max-width:600px) {
  .mo-overview-toolbar { align-items:stretch; flex-wrap:wrap; }
  .mo-overview-toolbar .mo-month-bar { flex:1 1 185px; }
  .mo-overview-toolbar .mo-create-bar { flex:1 1 110px; }
  .mo-overview, .mo-tasks { padding:16px; }
  .mo-metrics { gap:8px; }
  .mo-metrics > div + div { padding-left:10px; }
  .mo-metrics strong { font-size:26px; }
  .mo-metrics span { font-size:11px; }
  .mo-page .mo-card-foot.mo-pic-pair { grid-template-columns:1fr; gap:12px; }
  .mo-section-heading { align-items:flex-start; }
  .mo-page .mo-card { padding:16px; }
  .mo-page .mo-controls-top { gap:8px; }
  .mo-page .mo-controls-top .mo-secondary { padding:8px 10px; font-size:12px; }
}

/* Header controls must not inherit full-width legacy button geometry. */
.mo-form-page .mo-form-header .mo-back-button { width:auto; min-width:0; }
@media(max-width:480px) {
  .mo-form-page .mo-form-header:not(.mo-idea-header), .mo-form-page .mo-idea-heading { grid-template-columns:minmax(0,1fr); gap:14px; }
}