.chief-panel { width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow: auto; }
.chief-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 0 24px 14px; border-bottom: 1px solid var(--line, rgba(255,255,255,.12)); }
.chief-tabs button { border: 1px solid transparent; border-radius: 999px; padding: 8px 12px; color: inherit; background: transparent; white-space: nowrap; }
.chief-tabs button[aria-current="page"] { border-color: rgba(197,166,92,.62); background: rgba(197,166,92,.12); }
.chief-tabs span { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 4px; border-radius: 10px; background: rgba(255,255,255,.1); font-size: 11px; }
.chief-status { margin: 16px 24px 0; padding: 10px 12px; border-left: 3px solid #c5a65c; background: rgba(255,255,255,.035); color: var(--muted, #a9abae); font-size: 13px; }
.chief-content { display: grid; gap: 18px; padding: 20px 24px 28px; }
.chief-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.chief-metric { display: grid; gap: 4px; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.025); }
.chief-metric strong { font-size: 24px; }
.chief-metric span { color: var(--muted, #a9abae); font-size: 12px; }
.chief-metric.warn { border-color: rgba(219,157,73,.46); }
.chief-section { padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.02); }
.chief-section h3 { margin: 0 0 12px; font-size: 15px; }
.chief-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.chief-item { display: flex; justify-content: space-between; gap: 16px; padding: 10px 12px; border-left: 3px solid rgba(130,190,160,.7); background: rgba(255,255,255,.025); }
.chief-item.tone-urgent { border-left-color: #dc6f67; }
.chief-item.tone-warn, .chief-item.tone-waiting { border-left-color: #db9d49; }
.chief-item div { display: grid; gap: 3px; }
.chief-item small, .chief-empty, .intelligence-empty small { color: var(--muted, #a9abae); }
.chief-item-status { align-self: center; color: var(--muted, #a9abae); font-size: 11px; text-align: right; }
.chief-desk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.chief-desk-grid span { padding: 9px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; font-size: 12px; }
.chief-desk-grid .priority { border-color: rgba(220,111,103,.5); }
.approval-card { display: grid; gap: 14px; padding: 16px; border: 1px solid rgba(255,255,255,.12); border-left: 4px solid #c5a65c; border-radius: 14px; background: rgba(255,255,255,.025); }
.approval-card.risk-high { border-left-color: #dc6f67; }
.approval-card header { display: flex; justify-content: space-between; gap: 16px; }
.approval-card h3 { margin: 4px 0 0; font-size: 16px; }
.approval-domain, .approval-risk { color: var(--muted, #a9abae); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.approval-facts { display: grid; grid-template-columns: 90px 1fr; gap: 7px 12px; margin: 0; font-size: 12px; }
.approval-facts dt { color: var(--muted, #a9abae); }
.approval-facts dd { margin: 0; overflow-wrap: anywhere; }
.approval-controls { display: flex; flex-wrap: wrap; gap: 8px; }
.approval-controls button { border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 9px 12px; color: inherit; background: rgba(255,255,255,.04); }
.approval-controls .approval-approve { border-color: rgba(130,190,160,.56); }
.approval-controls .approval-reject { border-color: rgba(220,111,103,.5); }
@media (max-width: 720px) {
  .chief-panel { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
  .chief-tabs, .chief-content { padding-left: 14px; padding-right: 14px; }
  .chief-status { margin-left: 14px; margin-right: 14px; }
  .chief-metrics { grid-template-columns: repeat(2, 1fr); }
  .chief-desk-grid { grid-template-columns: 1fr; }
  .approval-facts { grid-template-columns: 1fr; gap: 3px; }
  .approval-facts dd { margin-bottom: 7px; }
}