/* TBAG_PLATFORM_ADMINISTRATION_GATE2_V1 */
.platform-admin-header { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:18px; }
.platform-admin-header h3 { margin:0 0 6px; }
.platform-admin-kicker { font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
.platform-admin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 22px; }
.platform-admin-grid article { border:1px solid currentColor; padding:14px; background:#fff; }
.platform-admin-grid h4 { margin:0 0 10px; font-size:14px; }
.platform-admin-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.platform-admin-metrics div { border-top:1px solid #d5d5d5; padding-top:7px; }
.platform-admin-metrics span { display:block; font-size:11px; color:#555; }
.platform-admin-metrics strong { display:block; font-size:22px; }
.platform-admin-toolbar { display:grid; grid-template-columns:2fr repeat(4,minmax(120px,1fr)) auto; gap:10px; align-items:end; }
.platform-admin-toolbar label { margin:0; }
.platform-admin-table td small { display:block; margin-top:3px; color:#555; }
.platform-admin-detail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.platform-admin-detail div { border:1px solid #d5d5d5; padding:10px; }
.platform-admin-detail span { display:block; font-size:11px; color:#555; }
.platform-admin-detail strong { overflow-wrap:anywhere; }
.platform-admin-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.platform-admin-actions .panel { margin:0; }
.platform-admin-critical { border:2px solid #111; padding:12px; margin:12px 0; }
.platform-admin-notice-bell { position:relative; }
.platform-admin-notice-bell span { min-width:18px; height:18px; display:inline-grid; place-items:center; border-radius:50%; background:#111; color:#fff; font-size:10px; }
.platform-admin details { margin:14px 0; border:1px solid #c8c8c8; padding:12px; background:#fff; }
.platform-admin details > summary { cursor:pointer; font-weight:700; }
.platform-admin details[open] > summary { margin-bottom:12px; }
.platform-metric-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.platform-metric-groups h4 { margin-bottom:6px; }
.platform-metric-groups .cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
.projection-state { font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.hero-status-area { display:flex; align-items:flex-start; gap:10px; }
.notification-bell { position:relative; white-space:nowrap; }
.notification-bell span { display:inline-grid; min-width:20px; min-height:20px; place-items:center; border-radius:50%; background:#fff; color:#111; }
.notification-panel { position:fixed; z-index:40; right:24px; top:24px; width:min(430px,calc(100vw - 32px)); max-height:calc(100vh - 48px); overflow:auto; border:2px solid #111; background:#fff; padding:16px; box-shadow:0 16px 50px rgba(0,0,0,.22); }
.notification-item { border-top:1px solid #ccc; padding:12px 0; }
.notification-item > div { display:flex; justify-content:space-between; gap:10px; }
.notification-item p { white-space:pre-wrap; }
.notification-item button { margin-top:8px; }
@media (max-width:1100px) { .platform-admin-grid,.platform-admin-detail { grid-template-columns:repeat(2,minmax(0,1fr)); } .platform-admin-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:1100px) { .platform-metric-groups { grid-template-columns:1fr; } }
@media (max-width:720px) { .platform-admin-grid,.platform-admin-detail,.platform-admin-actions,.platform-admin-toolbar { grid-template-columns:1fr; } .platform-admin-header { display:block; } .hero-status-area { display:block; } }