.market-operator-page { display:grid; gap:18px; color:var(--text-primary,#18241f); }
.market-operator-nav { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:8px; }
.market-operator-nav a { display:flex; gap:9px; min-width:0; min-height:64px; padding:10px; color:#385047; text-decoration:none; border:1px solid #dfe8e2; border-radius:10px; background:#fff; }
.market-operator-nav a.is-active { color:#134d36; border-color:#95c9ae; background:#eef9f3; box-shadow:0 8px 20px rgba(36,94,67,.1); }
.market-operator-nav i { display:grid; flex:0 0 28px; height:28px; place-items:center; border-radius:8px; color:#1d6749; background:#e4f2ea; font-size:11px; font-style:normal; font-weight:900; }
.market-operator-nav span { display:grid; gap:3px; min-width:0; }
.market-operator-nav strong,.market-operator-nav small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.market-operator-nav strong { font-size:12px; }
.market-operator-nav small { color:#738178; font-size:10px; }
.market-operator-statebar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #dfe8e2; border-radius:10px; background:#fbfdfb; }
.market-operator-statebar > span { color:#476359; font-size:12px; font-weight:850; }
.market-operator-statebar > div { display:flex; flex-wrap:wrap; gap:6px; }
.market-operator-statebar button { min-height:30px; padding:0 10px; border:1px solid #d8e3dc; border-radius:8px; color:#53645c; background:#fff; font-size:12px; font-weight:750; }
.market-operator-statebar button[aria-pressed="true"] { color:#fff; border-color:#1b6d4a; background:#1b6d4a; }
.market-operator-statebar code { color:#7c5a27; font-size:11px; overflow-wrap:anywhere; }
.market-operator-hero { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; padding:24px; border:1px solid #dfe8e2; border-radius:12px; background:linear-gradient(135deg,#f5fbf7,#fffaf0); }
.market-operator-kicker { display:flex; flex-wrap:wrap; gap:8px; }
.market-operator-eyebrow { margin:18px 0 5px; color:#16704a; font-size:13px; font-weight:850; letter-spacing:0; }
.market-operator-hero h1 { margin:0; color:#24372f; font-size:36px; line-height:1.16; }
.market-operator-hero__copy > p:last-of-type { max-width:820px; margin:12px 0 0; color:#596c62; font-size:15px; line-height:1.75; }
.market-operator-context { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:22px; overflow:hidden; border:1px solid #d9e5dd; border-radius:10px; background:#d9e5dd; }
.market-operator-context span { display:grid; gap:4px; min-width:0; padding:12px 14px; background:rgba(255,255,255,.88); }
.market-operator-context small { color:#758278; font-size:11px; }
.market-operator-context strong { overflow-wrap:anywhere; color:#2c4137; font-size:13px; }
.market-operator-primary { display:flex; flex-direction:column; justify-content:center; min-height:220px; padding:22px; border-radius:12px; color:#fff; background:linear-gradient(145deg,#174d3a,#7b5b26); box-shadow:0 18px 38px rgba(30,83,61,.18); }
.market-operator-primary small { color:#ccebdc; font-weight:850; }
.market-operator-primary strong { margin-top:8px; font-size:22px; line-height:1.35; }
.market-operator-primary p { margin:8px 0 18px; color:rgba(255,255,255,.76); line-height:1.6; }
.market-operator-primary button,.market-operator-action-card button,.market-operator-ledger td > button,.market-operator-flow button,.market-operator-sections button,.market-operator-dialog button,.market-operator-state-panels button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:38px; padding:0 12px; border:1px solid #cfded5; border-radius:8px; color:#245640; background:#fff; font-weight:800; }
.market-operator-primary button { justify-content:space-between; color:#17432f; border:0; background:#dff4e8; }
.market-operator-primary button span,.market-operator-action-card button span,.market-operator-ledger td > button span { color:#8a6a2d; font-size:11px; }
.market-operator-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.market-operator-metrics article { display:grid; gap:5px; min-height:110px; padding:18px; border:1px solid #e1e9e3; border-radius:10px; background:#fff; }
.market-operator-metrics strong { color:#166748; font-size:30px; }
.market-operator-metrics span { font-weight:850; }
.market-operator-metrics small { color:#78857d; line-height:1.45; }
.market-operator-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:16px; }
.market-operator-card,.market-operator-ledger,.market-operator-action-card { min-width:0; padding:20px; border:1px solid #e0e7e2; border-radius:12px; background:#fff; }
.market-operator-card > header,.market-operator-ledger > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.market-operator-card > header > span { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; color:#1d6749; background:#e8f5ee; }
.market-operator-card > header > div,.market-operator-ledger > header > div { display:grid; gap:4px; min-width:0; }
.market-operator-card header small,.market-operator-ledger header small,.market-operator-action-card small { color:#75847b; font-size:11px; font-weight:800; }
.market-operator-card h2,.market-operator-ledger h2,.market-operator-action-card h2 { margin:0; color:#24372f; font-size:20px; line-height:1.3; }
.market-operator-ledger p,.market-operator-action-card p { margin:6px 0 0; color:#66756d; line-height:1.6; }
.market-operator-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.market-operator-flow li { position:relative; display:grid; gap:8px; min-height:118px; padding:12px; border:1px solid #e3eae5; border-radius:10px; background:#fbfdfb; }
.market-operator-flow li:not(:last-child)::after { content:">"; position:absolute; top:38px; right:-8px; z-index:2; color:#6fa083; font-size:18px; font-weight:900; }
.market-operator-flow i { display:grid; width:26px; height:26px; place-items:center; border-radius:8px; color:#155a3e; background:#dff4e8; font-size:10px; font-style:normal; font-weight:900; }
.market-operator-flow span { color:#2c4137; font-size:12px; font-weight:800; line-height:1.45; }
.market-operator-flow button { align-self:end; min-height:30px; padding:0 8px; font-size:12px; }
.market-operator-sections { display:grid; gap:9px; }
.market-operator-sections article { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:64px; padding:10px 12px; border-radius:10px; background:#f6f9f7; }
.market-operator-sections article > span { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; color:#1b6044; background:#e0f2e8; font-weight:900; }
.market-operator-sections strong { color:#263d33; font-size:13px; overflow-wrap:anywhere; }
.market-operator-sections small { display:block; margin-top:3px; color:#7a8780; font-size:11px; line-height:1.45; }
.market-operator-filters { display:grid; grid-template-columns:1.3fr 160px 160px auto auto; gap:10px; margin-bottom:14px; }
.market-operator-filters label { display:grid; gap:5px; min-width:0; }
.market-operator-filters span { color:#66756d; font-size:12px; font-weight:800; }
.market-operator-filters input,.market-operator-filters select,.market-operator-dialog input { min-height:38px; min-width:0; border:1px solid #d7e2db; border-radius:8px; padding:0 10px; color:#263d33; background:#fff; }
.market-operator-filters button { min-height:38px; align-self:end; border:1px solid #cbdad1; border-radius:8px; color:#245640; background:#fff; font-weight:800; }
.market-operator-filters button[type="submit"] { color:#fff; border-color:#1b6d4a; background:#1b6d4a; }
.market-operator-table-scroll { overflow:auto; border:1px solid #e0e8e2; border-radius:10px; }
.market-operator-ledger table { width:100%; min-width:860px; border-collapse:collapse; }
.market-operator-ledger th,.market-operator-ledger td { padding:12px; border-bottom:1px solid #edf2ef; text-align:left; vertical-align:top; font-size:13px; }
.market-operator-ledger th { color:#607268; background:#f7faf8; font-weight:850; }
.market-operator-ledger td { color:#33483e; line-height:1.5; }
.market-operator-link { justify-content:flex-start; min-height:0; padding:0; border:0; color:#176746; background:transparent; text-align:left; text-decoration:underline; }
.market-operator-action-card { display:flex; align-items:center; justify-content:space-between; gap:18px; background:linear-gradient(135deg,#f5fbf7,#fffaf0); }
.market-operator-action-card > div:first-child { max-width:560px; }
.market-operator-action-card > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.market-operator-boundary { margin:0 0 14px; color:#4f5e56; line-height:1.7; }
.market-operator-basis { display:grid; gap:9px; margin:0; padding-left:20px; color:#59675f; line-height:1.65; }
.market-operator-state-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
.market-operator-state-card dl > div { display:grid; gap:4px; padding:11px; border-radius:10px; background:#f5f8f6; }
.market-operator-state-card dt { color:#748179; font-size:11px; }
.market-operator-state-card dd { margin:0; color:#176746; font-size:12px; font-weight:850; overflow-wrap:anywhere; }
.market-operator-state-card > p { margin:14px 0 0; color:#64736b; line-height:1.65; }
.market-operator-state-panels { display:grid; }
.market-operator-state-panels section { display:none; gap:8px; padding:18px; border:1px solid #e4d5b2; border-radius:10px; background:#fff9ea; }
.market-operator-page[data-market-state="loading"] [data-market-boundary="loading"],.market-operator-page[data-market-state="empty"] [data-market-boundary="empty"],.market-operator-page[data-market-state="partial"] [data-market-boundary="partial"],.market-operator-page[data-market-state="error"] [data-market-boundary="error"],.market-operator-page[data-market-state="forbidden"] [data-market-boundary="forbidden"],.market-operator-page[data-market-state="conflict"] [data-market-boundary="conflict"],.market-operator-page[data-market-state="offline"] [data-market-boundary="offline"],.market-operator-page[data-market-state="success"] [data-market-boundary="success"] { display:grid; }
.market-operator-state-panels strong { color:#594016; }
.market-operator-state-panels p { margin:0; color:#725f39; line-height:1.6; }
.market-operator-dialog-backdrop { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; background:rgba(17,32,27,.42); }
.market-operator-dialog { width:min(920px,100%); max-height:min(760px,calc(100vh - 48px)); overflow:auto; padding:22px; border-radius:12px; background:#fff; box-shadow:0 24px 80px rgba(18,38,30,.32); }
.market-operator-dialog > button:first-child { float:right; width:36px; height:36px; min-height:36px; padding:0; border-radius:50%; font-size:20px; }
.market-operator-dialog > span { color:#17704d; font-size:12px; font-weight:850; }
.market-operator-dialog h2 { margin:8px 0; color:#24372f; font-size:24px; }
.market-operator-dialog p { color:#617168; line-height:1.65; }
.market-operator-dialog__layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:14px; }
.market-operator-dialog__layout > div { display:grid; gap:10px; }
.market-operator-dialog label { display:grid; gap:5px; }
.market-operator-dialog label span { color:#344b40; font-size:13px; font-weight:850; }
.market-operator-dialog label small { color:#7a8780; font-size:11px; }
.market-operator-dialog aside { display:grid; align-content:start; gap:8px; padding:14px; border-radius:10px; background:#f6faf7; }
.market-operator-confirm { margin-top:12px; grid-template-columns:auto 1fr; align-items:center; padding:12px; border:1px solid #ead5b1; border-radius:10px; background:#fff8ea; }
.market-operator-result { margin-top:12px; padding:12px; border:1px solid #dfe8e2; border-radius:10px; background:#f8fbf9; }
.market-operator-result-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.market-operator-dialog footer { display:flex; justify-content:flex-end; gap:10px; margin-top:14px; }
.market-operator-dialog [data-market-submit] { color:#fff; border-color:#1b6d4a; background:#1b6d4a; }
.market-operator-dialog [data-market-submit]:disabled { color:#8b7f69; border-color:#ddd7c7; background:#eee9dc; }
@media (max-width:1180px) { .market-operator-nav { grid-template-columns:repeat(3,minmax(0,1fr)); } .market-operator-hero { grid-template-columns:1fr; } .market-operator-primary { min-height:0; } .market-operator-flow { grid-template-columns:repeat(3,minmax(0,1fr)); } .market-operator-flow li::after { display:none; } .market-operator-filters { grid-template-columns:1fr 1fr; } }
@media (max-width:900px) { .market-operator-grid,.market-operator-metrics { grid-template-columns:1fr 1fr; } .market-operator-context,.market-operator-dialog__layout { grid-template-columns:1fr; } .market-operator-action-card { align-items:flex-start; flex-direction:column; } .market-operator-action-card > div:last-child { justify-content:flex-start; } }
@media (max-width:680px) { .market-operator-nav,.market-operator-grid,.market-operator-metrics,.market-operator-flow,.market-operator-state-card dl,.market-operator-filters { grid-template-columns:1fr; } .market-operator-hero,.market-operator-card,.market-operator-ledger,.market-operator-action-card { padding:16px; border-radius:10px; } .market-operator-hero h1 { font-size:28px; } .market-operator-sections article { grid-template-columns:30px minmax(0,1fr); } .market-operator-sections button { grid-column:2; justify-self:start; } .market-operator-statebar { align-items:flex-start; flex-direction:column; } .market-operator-dialog-backdrop { padding:12px; } .market-operator-dialog { max-height:calc(100vh - 24px); padding:16px; } }
@media (prefers-reduced-motion: reduce) { .market-operator-page * { scroll-behavior:auto; transition:none; } }