.ceo-control-plane { display:grid; gap:16px; font-family:inherit; color:#15233f; }
.ceo-control-plane__tabs { display:flex; flex-wrap:wrap; gap:8px; border-bottom:2px solid #e1e7f0; padding-bottom:8px; margin-bottom:8px; }
.ceo-control-plane__tab { background:none; border:none; padding:10px 16px; border-radius:10px; font-size:.92rem; font-weight:700; color:#56647a; cursor:pointer; transition:all .15s ease; }
.ceo-control-plane__tab:hover { background:#f1f5fa; color:#17366f; }
.ceo-control-plane__tab.is-active { background:#e8f0fe; color:#1a73e8; box-shadow:0 2px 8px rgba(26,115,232,.15); }
.ceo-control-plane__panel { display:none; }
.ceo-control-plane__panel.is-active { display:grid; gap:16px; }

.ceo-control-plane__status { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.ceo-control-plane__chip { display:inline-flex; min-height:32px; align-items:center; padding:6px 12px; border-radius:999px; background:#eef4ff; color:#174ea6; font-size:.78rem; font-weight:700; }
.ceo-control-plane__chip.is-alert { background:#fff1f0; color:#a61b1b; }

.ceo-control-plane__header-row { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px; }
.ceo-control-plane__subtitle { margin:4px 0 0; color:#56647a; font-size:.9rem; }
.ceo-control-plane__actions-bar { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ceo-control-plane__input, .ceo-control-plane__select { padding:8px 12px; border:1px solid #cdd7e5; border-radius:8px; font-size:.88rem; outline:none; background:#fff; }
.ceo-control-plane__input:focus, .ceo-control-plane__select:focus { border-color:#1a73e8; box-shadow:0 0 0 3px rgba(26,115,232,.15); }

.ceo-control-plane__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ceo-control-plane__finance-cards { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.ceo-control-plane__card { border:1px solid #dfe6f2; border-radius:16px; padding:16px; background:#fff; box-shadow:0 8px 24px rgba(31,54,88,.06); position:relative; }
.ceo-control-plane__card h2 { margin:0 0 8px; font-size:1rem; color:#15233f; }
.ceo-control-plane__card p { margin:4px 0; color:#56647a; line-height:1.45; font-size:.88rem; }
.ceo-control-plane__number { display:block; font-size:1.65rem; font-weight:800; color:#17366f; margin-bottom:4px; }
.ceo-control-plane__action { border-left:4px solid #f0a020; }
.ceo-control-plane__action.is-p0, .ceo-control-plane__action.is-p1 { border-left-color:#d43c36; }
.ceo-control-plane__meta { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:8px; font-size:.75rem; color:#66758d; }
.ceo-control-plane__link { display:inline-flex; margin-top:10px; color:#245fc6; font-weight:700; text-decoration:none; font-size:.88rem; }
.ceo-control-plane__link:hover { text-decoration:underline; }
.ceo-control-plane__empty { padding:20px; border-radius:14px; background:#f7f9fc; color:#56647a; text-align:center; font-size:.9rem; }
.ceo-control-plane__hint { font-size:.8rem; color:#80868b; margin-top:6px; }

.ceo-control-plane__table-wrapper { width:100%; overflow-x:auto; background:#fff; border:1px solid #dfe6f2; border-radius:14px; box-shadow:0 4px 16px rgba(31,54,88,.04); }
.ceo-control-plane__table { width:100%; border-collapse:collapse; text-align:left; font-size:.86rem; }
.ceo-control-plane__table th { background:#f8fafc; padding:12px 14px; font-weight:700; color:#475569; border-bottom:1px solid #e2e8f0; white-space:nowrap; }
.ceo-control-plane__table td { padding:12px 14px; border-bottom:1px solid #edf2f7; color:#1e293b; vertical-align:middle; }
.ceo-control-plane__table tr:last-child td { border-bottom:none; }
.ceo-control-plane__table tr:hover td { background:#fbfcfe; }
.ceo-control-plane__cell-loading { text-align:center; color:#64748b; padding:24px; }

.ceo-control-plane__badge { display:inline-flex; align-items:center; padding:3px 8px; border-radius:999px; font-size:.75rem; font-weight:700; }
.ceo-control-plane__badge.is-success { background:#e6f4ea; color:#137333; }
.ceo-control-plane__badge.is-warning { background:#fef7e0; color:#b06000; }
.ceo-control-plane__badge.is-danger { background:#fce8e6; color:#c5221f; }
.ceo-control-plane__badge.is-neutral { background:#f1f3f4; color:#5f6368; }

.ceo-control-plane__role-chip { display:inline-block; padding:2px 8px; border-radius:6px; font-size:.75rem; font-weight:700; background:#f0f4f9; color:#1e3a8a; }

.ceo-control-plane__btn { display:inline-flex; align-items:center; justify-content:center; padding:7px 14px; border-radius:8px; border:1px solid #cdd7e5; background:#fff; color:#1e293b; font-size:.84rem; font-weight:600; cursor:pointer; transition:all .15s ease; text-decoration:none; }
.ceo-control-plane__btn:hover { background:#f8fafc; border-color:#94a3b8; }
.ceo-control-plane__btn.is-sm { padding:4px 8px; font-size:.78rem; border-radius:6px; }
.ceo-control-plane__btn.is-success { background:#16a766; color:#fff; border-color:#16a766; }
.ceo-control-plane__btn.is-success:hover { background:#138e55; }
.ceo-control-plane__btn.is-danger { background:#ea4335; color:#fff; border-color:#ea4335; }
.ceo-control-plane__btn.is-danger:hover { background:#d93025; }

@media (min-width:721px) {
  body[data-page-key="internal-overview"] .tracker-stage { align-items:flex-start; }
  body[data-page-key="internal-overview"] .device-frame-app { width:min(100%,1560px); }
  body[data-page-key="internal-overview"] .device-frame-app .device-screen { width:100%; min-height:calc(100svh - 40px); }
  body[data-page-key="internal-overview"] .provisional-web-content { padding:32px clamp(28px,4vw,64px); }
  body[data-page-key="internal-overview"] .ceo-control-plane__grid { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
}
@media (max-width:720px) {
  .ceo-control-plane__grid { grid-template-columns:1fr; }
  .ceo-control-plane__header-row { flex-direction:column; }
  .ceo-control-plane__actions-bar { width:100%; }
}
