[ng-cloak], .ng-cloak { display: none !important; }
.toast { position: fixed; bottom: 18px; right: 18px; background: #17323b; color: #fff; padding: 12px 16px; border-radius: 10px; z-index: 50; max-width: 360px; }
.account-grid button.active { outline: 2px solid #0d6970; }
.account-select-wrap { display: grid; gap: 6px; font-size: 12px; color: #667c83; margin: 16px 0 10px; }
.account-select { width: 100%; border: 1px solid var(--border, #d5e0e1); border-radius: 10px; padding: 12px; background: #fff; }
.account-detail { border: 1px solid #c5d8d8; border-radius: 12px; padding: 12px 14px; background: #edf6f6; margin: 0 0 16px; display: grid; gap: 4px; }
.service-showcase-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.notes-drawer[hidden] { display: none !important; }
.notes-drawer button { display: block; width: 100%; text-align: left; border: 0; background: #fff; padding: 10px 12px; cursor: pointer; }
.queue-item { width: 100%; }
.guide-card ul { margin: 8px 0 0 18px; }
.ng-badge { font-size: 10px; letter-spacing: .04em; }
.tele-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; }
.chip-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.chip.ok { background: #d8efe6; color: #1d6b56; }
.notice-banner.emergency { background: #f8ecec; border-color: #e3c0c0; color: #7a3030; }
.video-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 12px; }
.video-tile { display: grid; gap: 6px; }
.video-meta { display: grid; gap: 2px; margin: 8px 0 10px; }
@media (max-width: 900px) {
  .tele-layout { grid-template-columns: 1fr; }
  .service-showcase-grid { grid-template-columns: 1fr; }
}
.image-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0; }
.image-compare img { width: 100%; border-radius: 10px; background: #0b2f35; min-height: 80px; }
.ai-box { border: 1px solid var(--border, #d5e0e1); border-radius: 10px; padding: 10px; margin: 8px 0; }
.ai-box .row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.remote-empty { margin: 6px 8px 0; }
.readiness-gap { color: #8a4b2f; font-weight: 700; text-transform: capitalize; }
.wide-card { grid-column: 1 / -1; }