/* waov-borders.css - universal borders for dashboard.html and teacher-dashboard.html
   One place to change border width, color and the glimmer. */
:root {
  --bd-w: 1px;
  --bd-color: #ffffff;
  --bd-anim: bd-glimmer 5s ease-in-out infinite;
}

/* slight glimmer: border-color only, so it stays cheap */
@keyframes bd-glimmer {
  0%, 100% { border-color: rgba(255, 255, 255, .55); }
  50%      { border-color: rgba(255, 255, 255, 1); }
}

.mic-note>summary,
.mic-note-body,
.confirm-overlay-close,
.confirm-ticket,
.confirm-quad,
.confirm-quad-slot,
.new-request-badge,
.row-collapse-toggle,
.session-expand-inner,
.cslot,
.cmirror,
.cmirror-row,
.cmirror-state,
.cal-nav,
.cdeps-plan,
.cdep-btn,
#testHarness .th-toast,
.quad-lock,
.sessions-list .session-row .se-linkbar,
.sessions-list .session-row .se-linkinput,
.sessions-list .session-row .se-lockslide,
.sessions-list .se-pill,
.sessions-list .se-journey-tile,
.sessions-list .se-journey-plan,
.sessions-list .se-journey-pull,
.sessions-list .se-rec-pill,
.sessions-list .se-rec-pill .se-rec-dot,
.se-note-panel,
.se-note-close,
.sessions-list .se-journey-section+.se-journey-section,
.sessions-list .se-journey-badge,
.sessions-list .qmenu-pill,
.sessions-list .qmenu-dot.is-yellow,
.sessions-list .session-thead,
.btn,
.btn-primary,
.btn-ghost,
main .ring-card,
.sessions-list .qmenu-arrow,
.sessions-list .qmenu-dot.is-green,
.sessions-list .qmenu-unlock-badge,
.qcal-scroll,
.qcal-grid th,
.qcal-cell,
.curriculum-overlay-close,
.curriculum-rotate-dismiss,
.sessions-list .session-row .se-linkbar.is-teacher .se-linksave,
.se-link-pill-overlay,
.se-pill-close-btn,
.glass,
.sessions-list .se-flow .se-row {
  animation: var(--bd-anim);
}

/* ONE border logic for every tile. Beats the 2px / gradient-ring / yellow
   variants in style.css so all tiles share the same width, color, glimmer. */
:is(.glass, .dash-panel, .nav-list--tiles a, .nav-list--tiles .nav-item,
    .schedule-panel-yellow, .right-rail-tile, .ring-card .glass,
    .lesson-lane-tile .glass, .services-hub-tile .glass, .meet-teachers-tile .glass) {
  border: var(--bd-w) solid var(--bd-color) !important;
  animation: var(--bd-anim) !important;
}

@media (prefers-reduced-motion: reduce) {
  :root { --bd-anim: none; }
}