/* Isolated, local-only reconstruction of the AAIA OS administration hub. */
.aaia-hub-demo{container-type:inline-size;color:#182133;background:#f5f7fa}
.aaia-hub-demo .demo-instructions{margin:0;background:#f0f6ff;color:#425c7e;line-height:1.6}
.ah-layout{display:grid;grid-template-columns:166px minmax(0,1fr);height:760px;max-height:85svh;min-height:510px;background:#f5f7fa;gap:14px;padding:14px;overflow:hidden}
.ah-sidebar{min-height:0;display:flex;flex-direction:column;border:1px solid #e0e5ed;border-radius:14px;background:white;overflow:hidden}
.ah-brand{display:flex;gap:9px;align-items:center;padding:16px 10px;border-bottom:1px solid #e5e9ef;color:#245d9d;font-size:14px}
.ah-logo{display:grid;place-content:center;width:31px;height:33px;flex-shrink:0;background:#050b22;border-radius:7px;font-size:6px;letter-spacing:-.5px;color:#4287ff;font-weight:900}.ah-logo span{color:white}
.ah-nav{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a2bddc #f4f7fb;padding:12px 7px}
.ah-group{--accent:#216bca;--tint:#edf5ff;margin-bottom:15px}.ah-amber{--accent:#a8690d;--tint:#fff7e9}.ah-purple{--accent:#7051c5;--tint:#f4efff}.ah-teal{--accent:#0d8174;--tint:#edfaf6}.ah-pink{--accent:#a04494;--tint:#fff1fc}.ah-slate{--accent:#52718f;--tint:#f1f5f9}
.aaia-hub-demo .ah-group>p{display:inline-block;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:20px;padding:5px 7px;margin:0 0 6px}
.aaia-hub-demo .ah-nav button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 8px;text-align:left;border:0;border-radius:7px;background:transparent;color:var(--accent);font:650 11px/1.35 Arial,sans-serif;cursor:pointer;min-height:40px;overflow-wrap:anywhere}
.ah-nav button span{width:16px;flex-shrink:0;text-align:center;font-size:15px}.aaia-hub-demo .ah-nav button:hover{background:var(--tint)}.aaia-hub-demo .ah-nav button[aria-pressed=true]{background:var(--tint);box-shadow:inset 3px 0 var(--accent)}
.aaia-hub-demo :focus-visible{outline:3px solid #246fff;outline-offset:-3px}
.ah-admin{padding:13px 12px;border-top:1px solid #e0e5ed;font-size:10px;color:#62718a;display:grid;gap:3px}.ah-admin strong{font-size:11px}
.ah-main{min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a2bddc transparent;padding-right:3px}
.ah-topbar{padding:13px;background:white;border:1px solid #e0e5ed;border-radius:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px;font-size:10px;color:#71849f}.ah-topbar b{color:#202c40}.ah-preview-label{font-size:8px;letter-spacing:1px;color:#2572d6}
.ah-explanation{background:linear-gradient(130deg,#edf5ff,#fff);border:1px solid #bad4f5;border-left:3px solid #2675e8;border-radius:12px;padding:18px;margin-bottom:18px}
.aaia-hub-demo .ah-kicker{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#2675e8;margin:0 0 8px;line-height:1.5}
.aaia-hub-demo h3{font-size:20px;line-height:1.18;letter-spacing:-.8px;margin:0 0 10px;color:#192334}
.ah-explanation>strong{font-size:13px;line-height:1.5;display:block;color:#245d9d}
.aaia-hub-demo .ah-description{font-size:12px;line-height:1.7;color:#52627b;margin:10px 0 16px}
.ah-flow{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid #d5e4f6;display:grid;gap:8px}.ah-flow li{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.4;color:#405975}.ah-flow b{font-size:9px;color:#2475e8;background:#e1edff;border-radius:5px;padding:4px}
.ah-dashboard{display:grid;gap:14px}.ah-card{background:white;border:1px solid #e0e5ed;border-radius:12px;padding:18px;min-width:0}.aaia-hub-demo .ah-card>p,.aaia-hub-demo .ah-card>div>p:not(.ah-kicker){font-size:12px;line-height:1.6;color:#6b7586;margin:0 0 15px}.ah-metrics{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.ah-metrics>div,.ah-actions>div{background:#f8fafc;border:1px solid #e1e6ee;border-radius:7px;padding:12px;min-width:0}.ah-metrics span{font-size:10px;line-height:1.4;color:#b16b12;font-weight:700;display:block}.ah-metrics>div:nth-child(2) span{color:#0878bd}.ah-metrics>div:nth-child(3) span{color:#7151c4}.ah-metrics strong{font-size:25px;letter-spacing:-.8px;display:block;margin:7px 0}.aaia-hub-demo .ah-metrics small{font-size:10px;color:#758095;line-height:1.5;display:block}
.ah-dashboard-row{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.ah-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ah-actions strong{font-size:24px;display:block;margin-bottom:6px}.ah-actions span{font-size:10px;color:#6b7586;line-height:1.4;display:block}.ah-status{list-style:none;margin:16px 0 0;padding:0}.ah-status li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:11px;padding:9px 0;border-bottom:1px solid #edf1f6}.ah-status span{color:#617899}.ah-status b{font-size:10px}.ah-activity ul{list-style:none;margin:10px 0 0;padding:0}.ah-activity li{position:relative;padding:12px 0 12px 15px;border-bottom:1px solid #e2e7ee}.ah-activity li:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#2477ea;top:18px;left:0}.ah-activity strong,.ah-activity span{display:block;font-size:11px;line-height:1.5}.ah-activity span{color:#748095;font-size:10px}
@container(max-width:680px){.ah-dashboard-row{grid-template-columns:1fr}.ah-metrics{grid-template-columns:1fr}.ah-metrics>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.ah-metrics strong{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:23px}.ah-metrics small{grid-column:1}.ah-layout{grid-template-columns:145px minmax(0,1fr);gap:10px;padding:10px}.ah-actions{grid-template-columns:1fr}.ah-actions>div{display:flex;align-items:center;gap:12px}.ah-actions strong{margin:0}}
@container(max-width:440px){.ah-layout{grid-template-columns:120px minmax(0,1fr);padding:7px;gap:7px}.ah-brand{padding:13px 8px;font-size:11px;gap:5px}.ah-logo{width:25px;height:28px}.ah-nav{padding:8px 4px}.aaia-hub-demo .ah-nav button{font-size:10px;padding:9px 5px;gap:5px}.ah-explanation,.ah-card{padding:12px}.aaia-hub-demo h3{font-size:18px}.ah-topbar{padding:10px}.ah-preview-label{display:none}.ah-metrics>div{display:block}.ah-metrics strong{margin:5px 0}.aaia-hub-demo .ah-description{font-size:11px}.ah-group>p{letter-spacing:.3px}.ah-admin{padding:10px 8px}}
/* The hub sidebar is a vertical menu, independent of the site's header nav. */
.aaia-hub-demo .ah-nav{display:block;position:static;width:100%;height:auto;align-items:normal;justify-content:normal;gap:0;margin:0;background:transparent;border:0;box-shadow:none}