.nav-group { display: block; margin: 17px 12px 7px; color: #8fa198; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.overview { display: grid; gap: 20px; }
.overview-hero { display: flex; justify-content: space-between; gap: 18px; padding: 22px; border: 1px solid #d5e8dc; border-radius: 15px; background: linear-gradient(135deg, #f7fcf8, #eef8f2); }
.overview-hero h3 { margin: 0 0 7px; font-size: 20px; }
.overview-hero p { max-width: 700px; margin: 0; color: var(--muted); line-height: 1.55; }
.safe-mode { height: max-content; padding: 7px 10px; border-radius: 99px; background: #dcf5e6; color: #13714f; font-size: 11px; font-weight: 800; white-space: nowrap; }
.overview-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.overview-card { min-height: 140px; padding: 18px; border: 1px solid #dce9e1; border-radius: 14px; background: #fff; box-shadow: 0 3px 12px rgba(19, 45, 32, .035); }
.overview-card small { color: #8d9c95; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.overview-card strong { display: block; margin: 17px 0 7px; font-size: 30px; letter-spacing: -.05em; }
.overview-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.overview-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 16px; }
.overview-panel { padding: 20px; border: 1px solid #dce9e1; border-radius: 14px; background: #fff; }
.overview-panel h3 { margin: 0 0 8px; font-size: 16px; }
.overview-panel p { margin: 0; color: var(--muted); line-height: 1.55; }
.overview-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 15px; }
.overview-actions button { padding: 9px 11px; font-size: 12px; }
.overview-list { display: grid; gap: 10px; margin-top: 14px; }
.overview-list div { padding: 11px 12px; border-radius: 9px; background: #f6faf7; color: #486057; font-size: 12px; }
.workspace-panel { display: grid; gap: 16px; }
.workspace-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px; border: 1px solid #dce9e1; border-radius: 14px; background: #fff; }
.workspace-intro h3 { margin: 0 0 6px; font-size: 19px; }
.workspace-intro p { max-width: 700px; margin: 0; color: var(--muted); line-height: 1.55; }
.health-badge { padding: 7px 10px; border-radius: 99px; background: #e4f5ea; color: #167450; font-size: 11px; font-weight: 800; white-space: nowrap; }
.health-badge.degraded { background: #fff0df; color: #8b5a0a; }
.record-list, .event-list { display: grid; gap: 10px; }
.record-item, .operation-event { padding: 15px; border: 1px solid #dce9e1; border-radius: 12px; background: #fff; }
.record-item header, .operation-event header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.record-item h4, .operation-event h4 { margin: 0; font-size: 14px; }
.record-item p, .operation-event p { margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.record-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; color: #5a7066; font-size: 11px; }
.record-meta span { padding: 4px 7px; border-radius: 99px; background: #f1f7f3; }
.boundary-list { display: grid; gap: 9px; margin-top: 12px; }
.boundary-list div { padding: 11px 12px; border-left: 3px solid #15966f; border-radius: 7px; background: #f5fbf7; color: #435b50; font-size: 12px; line-height: 1.45; }
.pulse-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 16px; }
.pulse-form { display: grid; gap: 11px; padding: 18px; border: 1px solid #dce9e1; border-radius: 14px; background: #fff; }
.pulse-form h3 { margin: 0; font-size: 16px; }
.pulse-form label { display: grid; gap: 5px; color: #50665c; font-size: 12px; font-weight: 700; }
.pulse-form input, .pulse-form textarea, .pulse-form select { width: 100%; border: 1px solid #cfe0d5; border-radius: 8px; padding: 9px 10px; background: #fff; color: var(--ink); font: inherit; box-sizing: border-box; }
.pulse-form textarea { min-height: 150px; resize: vertical; }
.pulse-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.pulse-draft-body { white-space: pre-wrap; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.pulse-queue-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 20px; border:1px solid #dce9e1; border-radius:14px; background:#fff; }
.pulse-queue-head small, .pulse-queue small, .pulse-setup small { color:#13865f; font-size:10px; font-weight:800; letter-spacing:.13em; }
.pulse-identity-row { display:flex; align-items:center; gap:9px; margin-top:8px; }
.pulse-identity-row select { min-width:260px; max-width:420px; border:1px solid #cfe0d5; border-radius:8px; padding:9px 10px; background:#fff; color:var(--ink); font:inherit; font-weight:700; }
.pulse-queue-head p { margin:8px 0 0; color:var(--muted); font-size:12px; }
.pulse-controls { display:grid; gap:8px; justify-items:end; }
.pulse-tabs { display:flex; gap:3px; padding:3px; border-radius:9px; background:#f1f7f3; }
.pulse-tabs button { padding:7px 9px; border:0; border-radius:7px; background:transparent; color:#64766e; font-size:11px; font-weight:800; text-transform:capitalize; }
.pulse-tabs button.active { background:#fff; color:#172b20; box-shadow:0 1px 5px rgba(22,55,37,.12); }
.pulse-mapping-notice { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 18px; border:1px solid #f2d99c; border-radius:13px; background:#fff9e9; }
.pulse-mapping-notice strong { color:#543a0b; font-size:14px; }
.pulse-mapping-notice p { margin:5px 0 0; color:#805e1f; font-size:12px; line-height:1.45; }
.pulse-mapping-notice button { flex:0 0 auto; border:1px solid #dfb95d; background:#fff; color:#725016; }
.pulse-setup, .pulse-queue { padding:20px; border:1px solid #dce9e1; border-radius:14px; background:#fff; }
.pulse-setup h3, .pulse-queue h3 { margin:7px 0; font-size:18px; }
.pulse-setup p { margin:0; color:var(--muted); line-height:1.5; }
.queue-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.queue-title h3 { margin:5px 0 0; }
.queue-title>span { padding:6px 9px; border-radius:99px; background:#eef7f1; color:#237250; font-size:11px; font-weight:800; }
.pulse-queue details { margin-top:11px; border-top:1px solid #edf3ee; padding-top:10px; color:#557066; font-size:12px; }
.pulse-queue details summary { cursor:pointer; color:#16825c; font-weight:800; }
.orchestration-panel { margin:12px 0; padding:14px 16px; border:1px solid #c9e6de; border-radius:14px; background:linear-gradient(135deg,#f6fffb 0%,#fff 80%); }
.orchestration-context { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:12px 0; padding:12px 16px; border:1px solid #dce9e1; border-radius:14px; background:#fff; }
.orchestration-context small { color:#607a6c; font-size:10px; font-weight:800; letter-spacing:.08em; }
.orchestration-context p { margin:4px 0 0; color:#60707e; font-size:12px; }
.orchestration-context-counts { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.orchestration-context-counts span { padding:5px 7px; border-radius:99px; background:#f1f7f3; color:#486057; font-size:11px; white-space:nowrap; }
.orchestration-context-counts b { color:#167e66; }
.orchestration-panel small { color:#178b70; font-size:10px; font-weight:800; letter-spacing:.08em; }
.orchestration-panel h3 { margin:4px 0; font-size:17px; }
.orchestration-panel p { margin:0 0 10px; color:#60707e; font-size:13px; }
.orchestration-panel ol { display:grid; gap:7px; margin:0; padding-left:20px; }
.orchestration-panel li { display:flex; flex-wrap:wrap; gap:7px; align-items:baseline; color:#3b4d5c; font-size:13px; }
.orchestration-panel li b { color:#167e66; text-transform:capitalize; }
.orchestration-panel li em { color:#9a6500; font-size:11px; font-style:normal; font-weight:700; }
body.theme-dark .pulse-queue-head, body.theme-dark .pulse-setup, body.theme-dark .pulse-queue { border-color:#315541; background:#14241b; }
body.theme-dark .pulse-identity-row select { border-color:#315541; background:#112017; color:var(--ink); }
body.theme-dark .pulse-tabs { background:#112017; }
body.theme-dark .pulse-tabs button.active { background:#1b3425; color:var(--ink); }
body.theme-dark .pulse-form { border-color: #315541; background: #14241b; }
body.theme-dark .pulse-form input, body.theme-dark .pulse-form textarea, body.theme-dark .pulse-form select { border-color: #315541; background: #112017; color: var(--ink); }
body.theme-dark .workspace-intro, body.theme-dark .record-item, body.theme-dark .operation-event { border-color: #315541; background: #14241b; }
body.theme-dark .record-meta span, body.theme-dark .boundary-list div { background: #112017; color: #cfe4d7; }
body.theme-dark .overview-hero, body.theme-dark .overview-panel, body.theme-dark .overview-card { border-color: #315541; background: #14241b; }
body.theme-dark .overview-list div { background: #112017; color: #cfe4d7; }
body.theme-dark .orchestration-panel { border-color:#315541; background:#14241b; }
body.theme-dark .orchestration-context { border-color:#315541; background:#14241b; }
body.theme-dark .orchestration-context p { color:#cfe4d7; }
body.theme-dark .orchestration-context-counts span { background:#112017; color:#cfe4d7; }
body.theme-dark .orchestration-panel p, body.theme-dark .orchestration-panel li { color:#cfe4d7; }
@media (max-width: 1000px) { .overview-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .overview-grid { grid-template-columns: 1fr; } }
@media (max-width: 850px) { .pulse-layout { grid-template-columns: 1fr; } }
@media (max-width: 850px) { .pulse-queue-head, .pulse-mapping-notice { align-items:flex-start; flex-direction:column; } .pulse-controls { justify-items:start; } }
@media (max-width: 850px) { .orchestration-context { align-items:flex-start; flex-direction:column; } .orchestration-context-counts { justify-content:flex-start; } }
@media (max-width: 650px) { .overview-hero { flex-direction: column; } .overview-cards { grid-template-columns: 1fr; } }