.platform-ops-page { color: #20304a; }
.platform-ops-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:20px; }
.platform-ops-heading h1 { margin:4px 0 8px; font-size:28px; }
.platform-ops-heading p { margin:0; color:#64748b; }
.platform-ops-updated { color:#64748b; font-size:12px; }
.platform-ops-warning,.platform-ops-uncertain { padding:12px 16px; border-radius:10px; background:#fff3db; color:#80500c; }
.platform-ops-tabs { display:flex; gap:6px; border-bottom:1px solid #dce4ef; overflow-x:auto; }
.platform-ops-tabs button { border:0; background:transparent; padding:14px 18px; color:#64748b; white-space:nowrap; font:inherit; cursor:pointer; }
.platform-ops-tabs button.active { color:#1862bb; border-bottom:3px solid #1862bb; font-weight:700; }
.platform-ops-filters { display:flex; flex-wrap:wrap; gap:12px; padding:20px 0; }
.platform-ops-filter { display:flex; flex-direction:column; gap:5px; min-width:150px; color:#52637b; font-size:12px; }
.platform-ops-filter select,.platform-ops-filter input { min-height:38px; padding:6px 10px; border:1px solid #d4deec; border-radius:8px; background:#fff; color:#20304a; font:inherit; font-size:14px; }
.platform-ops-list { display:grid; gap:8px; }
.platform-ops-item { display:flex; justify-content:space-between; text-align:left; gap:16px; width:100%; padding:16px; border:1px solid #dce4ef; border-radius:12px; background:#fff; color:inherit; cursor:pointer; font:inherit; }
.platform-ops-item:hover { border-color:#86ade0; }
.platform-ops-item span { display:grid; gap:5px; }
.platform-ops-item span:last-child { text-align:right; white-space:nowrap; }
.platform-ops-item small { color:#667891; font-size:12px; overflow-wrap:anywhere; }
.platform-ops-empty { padding:24px; background:#fff; border-radius:12px; color:#64748b; }
.platform-ops-overlay { position:fixed; inset:0; z-index:1000; background:#17263b99; display:flex; justify-content:flex-end; }
.platform-ops-detail { overflow:auto; width:min(620px,100%); min-height:100%; padding:28px; background:#fff; box-shadow:-12px 0 32px #0002; }
.platform-ops-detail > [data-po-close] { float:right; }
.platform-ops-detail h2 { clear:both; }
.platform-ops-detail dl { display:grid; gap:12px; }
.platform-ops-detail dl div { padding:10px 0; border-bottom:1px solid #e5ebf2; }
.platform-ops-detail dt { color:#64748b; font-size:12px; }
.platform-ops-detail dd { margin:5px 0 0; overflow-wrap:anywhere; }
.platform-ops-detail-actions { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.platform-ops-history { padding-left:20px; line-height:1.7; }
@media(max-width:640px) { .platform-ops-heading { flex-direction:column; } .platform-ops-heading h1 { font-size:24px; } .platform-ops-filter { flex:1 1 45%; min-width:130px; } .platform-ops-item { flex-direction:column; } .platform-ops-item span:last-child { text-align:left; } .platform-ops-detail { padding:18px; } }