.control-room { color: var(--text); font-size: 1rem; line-height: 1.6; max-width: 1080px; margin: auto; overflow-wrap: anywhere; }
.control-room h1 { font-size: clamp(1.6rem, 4vw, 2rem); line-height: 1.3; margin: 4px 0 0; letter-spacing: -.035em; }
.control-room h2 { font-size: 1.1rem; margin: 0; }
.control-room h3 { font-size: 1rem; margin: 0 0 5px; font-weight: 600; }
.control-room p { margin: 8px 0; }
.cr-heading,.cr-section-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.cr-heading { margin-bottom: 20px; }
.cr-kicker,.cr-muted,.cr-date { color: var(--muted); font-size: .875rem; }
.cr-kicker { letter-spacing: .08em; }
.cr-status { padding: 16px 20px; background: var(--surface-2); border-left: 3px solid var(--primary); display: grid; gap: 5px; }
.cr-section { padding: 22px 0; border-bottom: 1px solid var(--line); }
.cr-section-head { margin-bottom: 14px; }
.cr-task { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 12px; padding: 16px 0; }
.cr-task + .cr-task { border-top: 1px solid var(--line); }
.cr-task > div,.cr-task-head > div { min-width: 0; }
.cr-number { color: var(--primary); font-variant-numeric: tabular-nums; font-weight: 700; }
.cr-task-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.cr-time { flex: 0 0 auto; color: var(--muted); background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; padding: 3px 8px; font-size: .78rem; }
.cr-guide { margin-top: 12px; padding: 14px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; }
.cr-guide-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.cr-guide-head > strong { font-size: .9rem; }
.cr-guide-head > span { color: var(--muted); font-size: .78rem; }
.cr-steps { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 12px; counter-reset: cr-step; }
.cr-steps li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; align-items: start; counter-increment: cr-step; }
.cr-steps li::before { content: counter(cr-step); display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); font-size: .78rem; font-weight: 700; }
.cr-step-copy strong { display: block; font-size: .94rem; line-height: 1.45; }
.cr-step-copy p { margin: 3px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.55; }
.cr-step-link { display: inline-flex; align-items: center; min-height: 36px; margin-top: 5px; color: var(--primary); text-decoration: underline; text-underline-offset: 4px; font-size: .84rem; }
.cr-done,.cr-agent-next { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.cr-done span,.cr-agent-next span { display: block; color: var(--muted); font-size: .78rem; font-weight: 600; }
.cr-done p,.cr-agent-next p { margin: 4px 0 0; font-size: .875rem; }
.cr-guide-links { margin-top: 4px; }
.cr-link,.cr-footer a { color: var(--primary); text-decoration: underline; text-underline-offset: 4px; font-size: .875rem; display: inline-flex; align-items:center; min-height: 44px; }
.cr-button { background: var(--text); color: var(--bg); border: 1px solid var(--text); border-radius: 8px; padding: 10px 16px; min-height: 44px; font: inherit; font-size: .875rem; cursor: pointer; }
.cr-button:disabled { opacity: .6; cursor: default; }
.cr-review { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.cr-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.cr-metrics > div { padding: 14px; background: var(--surface-2); border-radius: 8px; }
.cr-metrics span { display:block; color:var(--muted); font-size:.875rem; }
.cr-metrics strong { display:block; font-size:1.3rem; margin-top:6px; }
.cr-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.cr-lines { padding-left:20px; margin:12px 0 0; }
.cr-lines li + li { margin-top:10px; }
.control-room summary { cursor:pointer; font-weight:600; min-height:44px; }
.cr-footer { display:flex; flex-wrap:wrap; gap:20px; padding:18px 0; }
.cr-notice { padding:28px 0; }
.cr-feedback:empty { display:none; }
body.control-home .workspace { display:block; padding-left:0; padding-right:0; }
body.control-home #sidebar,body.control-home #tocPane,body.control-home .top-search,body.control-home #newDocBtn,body.control-home .backup-link,body.control-home #settingsBtn,body.control-home #sidebarToggle { display:none!important; }
body.control-home .content-pane { width:100%; max-width:1160px; margin:0 auto; padding:36px 28px; }
body.control-home .topbar { grid-template-columns:1fr auto; gap:12px; }
body.control-home .top-actions { position:static; padding:0; border:0; box-shadow:none; max-width:none; min-width:0; }
body.control-home .brand { grid-column:auto; }
body.control-home .brand > span:last-child { display:flex; }
body.control-home .top-actions > a { display:none; }
body.control-home #welcome { background:none; border:0; box-shadow:none; padding:0; max-width:none; margin:0; }
@media(max-width:640px) { .cr-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .cr-columns { grid-template-columns:1fr; gap:0; } body.control-home .content-pane { padding:28px 16px; } .cr-heading { align-items:flex-start; } .cr-status { padding:12px 14px; } .cr-task { grid-template-columns:24px minmax(0,1fr); gap:8px; } .cr-task-head { display:grid; gap:6px; } .cr-time { justify-self:start; } .cr-guide { padding:12px; } .cr-guide-head { align-items:flex-start; } body.control-home .brand small { display:none; } }