/* In-app troubleshooting guides and procedures (no Google sign-in).
   AW Blue Hour theme: deep blue glass, white text, lime accents. Red is reserved for offline towers. */
.doc-head { margin: 0 0 10px; }
.doc-code {
  display: inline-block; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
  color: #c9f31d; background: rgba(201,243,29,0.10); border: 1px solid rgba(201,243,29,0.45);
  border-radius: 999px; padding: 2px 10px;
}
.doc-desc { margin-top: 6px; font-size: 1rem; font-weight: 700; color: #ffffff; line-height: 1.3; }
.doc-sub { margin-top: 2px; font-size: 0.82rem; color: var(--muted, #b3c2d8); }
.doc-cond {
  margin: 0 0 12px; padding: 10px 12px; border-radius: 12px;
  background: rgba(159,194,255,0.08); border: 1px solid rgba(159,194,255,0.28);
}
.doc-cond p { margin: 4px 0 0; font-size: 0.9rem; line-height: 1.45; color: #ffffff; }
.doc-label, .doc-sec {
  font-size: 0.72rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #9fc2ff; margin: 0;
}
.doc-sec { margin: 14px 0 6px; color: #c9f31d; }
.doc-h { margin: 12px 0 4px; font-size: 0.86rem; font-weight: 700; color: #ffffff; }
.doc-p { margin: 6px 0; font-size: 0.88rem; line-height: 1.45; color: #dbe6f5; overflow-wrap: anywhere; }
.doc-note {
  margin: 10px 0; padding: 8px 10px; border-radius: 10px; font-size: 0.86rem; line-height: 1.4;
  background: rgba(201,243,29,0.07); border-left: 3px solid #c9f31d; color: #ffffff; overflow-wrap: anywhere;
}
.doc-note strong { color: #c9f31d; }
ol.doc-steps { list-style: none; margin: 4px 0 8px; padding: 0; }
ol.doc-steps li.doc-step {
  display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; margin: 0 0 6px;
  border-radius: 10px; background: rgba(255,255,255,0.05); border: 1px solid var(--border, rgba(190,215,255,0.16));
  font-size: 0.9rem; line-height: 1.45; color: #ffffff;
}
ol.doc-steps li.doc-step.lvl-2 { margin-left: 14px; }
ol.doc-steps li.doc-step.lvl-3 { margin-left: 26px; }
ol.doc-steps li.doc-step.lvl-4 { margin-left: 36px; }
.doc-n {
  flex: 0 0 auto; min-width: 26px; height: 22px; padding: 0 6px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.72rem; font-weight: 800; color: #050a1a; background: #c9f31d;
}
li.lvl-2 .doc-n, li.lvl-3 .doc-n, li.lvl-4 .doc-n { background: rgba(201,243,29,0.18); color: #c9f31d; border: 1px solid rgba(201,243,29,0.5); }
.doc-n:empty { display: none; }
.doc-t { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.doc-fig { margin: 8px 0 12px; overflow: hidden; border-radius: 10px; background: #ffffff; border: 1px solid var(--border, rgba(190,215,255,0.16)); }
.doc-fig img, .doc-page img { display: block; width: 100%; height: auto; max-width: 100%; cursor: zoom-in; }
.doc-fig figcaption { padding: 6px 10px; font-size: 0.8rem; font-weight: 600; color: #b3c2d8; background: #070d1f; }
.doc-fig.zoom, .doc-page.zoom { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.doc-fig.zoom img, .doc-page.zoom img { width: 220%; max-width: none; cursor: zoom-out; }
.doc-nosteps, .doc-none, .doc-loading { margin: 8px 0; }
.doc-none { font-size: 0.95rem; color: #ffffff; }
.doc-original { display: inline-block; margin-top: 6px; font-size: 0.8rem; color: var(--muted, #b3c2d8); }

/* Procedure viewer: pages rendered from the original PDF, stored in the app */
.proc-modal-sheet { max-height: min(92vh, 900px) !important; }
.doc-pages { display: flex; flex-direction: column; gap: 10px; }
.doc-page { margin: 0; border-radius: 8px; overflow: hidden; background: #ffffff; border: 1px solid var(--border, rgba(190,215,255,0.16)); min-height: 120px; }
.doc-page-n { font-size: 0.72rem; color: var(--muted, #b3c2d8); margin: 2px 2px 0; }
.guide-modal-body { overflow-x: hidden; }
a.guide-link.doc-original, #guide-modal-full { color: var(--muted, #b3c2d8) !important; font-size: 0.8rem !important; font-weight: 500 !important; }