.hub-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;align-items:center;justify-content:center;padding:16px}
.hub-modal.open{display:flex}
.hub-modal .mc{background:var(--panel,#121a2f);color:var(--text,#e8eefc);border:1px solid var(--border,#243056);border-radius:14px;max-width:460px;width:100%;max-height:90vh;overflow:auto;padding:16px}
.hub-modal .fg{margin:8px 0}
.hub-modal label{display:block;font-size:12px;color:var(--muted,#9aa8c7);margin-bottom:4px}
.hub-modal input,.hub-modal select,.hub-modal textarea{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border,#243056);background:var(--bg,#0b1020);color:var(--text);font:inherit}
.hub-modal .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.nav-dd{position:relative}
.nav-menu{display:none;position:absolute;right:0;top:120%;min-width:220px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;z-index:30}
.nav-menu.open{display:block}
.nav-menu a{display:block;padding:6px 8px;color:var(--text);text-decoration:none}
.profile-menu{font-size:13px}
.spec-chip{--chip:#3b82f6;display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--chip) 70%,transparent);background:color-mix(in srgb,var(--chip) 28%,transparent);color:var(--text);cursor:pointer;font:inherit}
.spec-chip.dim{opacity:.55}
.spec-chip.action{cursor:pointer;background:var(--accent,#2563eb);color:#041018;border-color:transparent}
.spec-name{font-weight:600;font-size:13px}
.spec-sub{font-size:10px;color:var(--muted)}
.date-chip{display:inline-flex;flex-direction:column;align-items:center;padding:4px 12px;border:1px solid var(--border);border-radius:12px;line-height:1.15}
.date-chip .dc-date{font-weight:700;font-size:13px}
.date-chip .dc-mode{font-size:10px;color:var(--muted)}

.date-chip.on-grid{background:#14532d;color:#bbf7d0;border-color:#22c55e}
.date-chip.off-grid{background:#7f1d1d;color:#fecaca;border-color:#ef4444}
[data-theme="light"] .date-chip.on-grid{background:#dcfce7;color:#166534;border-color:#86efac}
[data-theme="light"] .date-chip.off-grid{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
.hub-modal table{width:100%;border-collapse:collapse;font-size:13px}
.hub-modal th,.hub-modal td{border-bottom:1px solid var(--border,#243056);padding:6px 8px;text-align:left}
.hub-modal h4{margin:14px 0 6px}

.spec-chip.duty-primary{background:#7f1d1d;border-color:#ef4444;color:#fecaca;font-weight:700}
.spec-chip.duty-backup{background:#713f12;border-color:#eab308;color:#fef08a;font-weight:600}