/* Scoped public desk. The approved sphere renderer and site-wide styles stay external. */
#atlas-desk-launcher, #atlas-desk-panel, #atlas-desk-panel * { box-sizing: border-box; }
#atlas-desk-launcher, #atlas-desk-panel { font-family: "Work Sans", system-ui, sans-serif; color-scheme: dark; }
#atlas-desk-launcher {
  position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 2147483000; display: flex; align-items: center; gap: 10px; min-height: 62px;
  max-width: calc(100vw - 32px); padding: 6px 18px 6px 6px; border: 1px solid #426a7a;
  border-radius: 40px; background: #0b1c2eef; color: #fff; box-shadow: 0 8px 32px #0008;
  font-size: 14px; font-weight: 700; line-height: 1.3; cursor: pointer; touch-action: manipulation;
}
#atlas-desk-launcher canvas { display: block; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; }
#atlas-desk-panel {
  position: fixed; inset: auto max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) auto;
  margin: 0; width: 420px; max-width: calc(100% - 24px); max-height: calc(100dvh - 40px);
  overflow-y: auto; padding: 20px; border: 1px solid #426a7a; border-radius: 18px;
  background: #0b1b2d; color: #f4f7fc; box-shadow: 0 24px 90px #0009;
  font-size: 14px; line-height: 1.5; text-align: left;
}
#atlas-desk-panel:not([open]) { display: none; }
#atlas-desk-panel::backdrop { background: #0006; }
#atlas-desk-panel .atlas-desk-head { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; border: 0; background: transparent; }
#atlas-desk-heading { flex: 1; margin: 0; font-family: "Work Sans", system-ui, sans-serif; font-size: 19px; font-weight: 800; line-height: 1.25; letter-spacing: .04em; }
#atlas-desk-heading .atlas-desk-titan { color: #ff922e; }
#atlas-desk-heading .atlas-desk-dot { color: #4aceca; }
#atlas-desk-heading .atlas-desk-atlas { color: #fff; }
#atlas-desk-close { flex: 0 0 44px; width: 44px; min-height: 44px; padding: 0; border: 1px solid #55708e; border-radius: 9px; background: transparent; color: #fff; font: 26px/1 system-ui, sans-serif; cursor: pointer; touch-action: manipulation; }
#atlas-desk-panel .atlas-desk-muted { margin: 12px 0; color: #b3c5db; font-size: 12px; line-height: 1.5; }
#atlas-desk-route { margin: 12px 0; padding: 9px 0; border-top: 1px solid #33506d; border-bottom: 1px solid #33506d; color: #9fdeda; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
#atlas-desk-panel label { display: block; margin: 10px 0 6px; color: #f4f7fc; font-size: 12px; font-weight: 700; }
#atlas-desk-topic { display: block; width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid #426181; border-radius: 8px; background: #10253e; color: #fff; font: 16px/1.4 "Work Sans", system-ui, sans-serif; }
#atlas-desk-log { max-height: min(230px, 30dvh); overflow-y: auto; overscroll-behavior: contain; margin: 10px 0; }
#atlas-desk-panel .atlas-desk-message { margin: 8px 0; padding: 12px; border: 1px solid #304866; border-radius: 10px; background: #10243a; }
#atlas-desk-panel .atlas-desk-message strong { color: #9fdeda; font-size: 11px; }
#atlas-desk-panel .atlas-desk-message p { margin: 7px 0; color: #f4f7fc; font-size: 13px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
#atlas-desk-panel .atlas-desk-message a { display: inline-block; margin: 4px 9px 0 0; padding: 5px 0; color: #a4d6ff; font-size: 11px; text-decoration: underline; overflow-wrap: anywhere; }
#atlas-desk-form { display: block; margin: 0; padding: 0; }
#atlas-desk-question { display: block; width: 100%; min-height: 78px; max-height: 180px; resize: vertical; padding: 10px; border: 1px solid #4e6a86; border-radius: 9px; background: #071322; color: #fff; font: 16px/1.5 "Work Sans", system-ui, sans-serif; }
#atlas-desk-question::placeholder { color: #9aaec5; opacity: 1; }
#atlas-desk-send { display: block; width: 100%; min-height: 44px; margin-top: 10px; padding: 11px; border: 0; border-radius: 9px; background: #ff922e; color: #101824; font: 800 14px/1.4 "Work Sans", system-ui, sans-serif; cursor: pointer; touch-action: manipulation; }
#atlas-desk-send:disabled { opacity: .5; cursor: wait; }
#atlas-desk-notice { margin-bottom: 0; }
#atlas-desk-launcher:focus-visible, #atlas-desk-panel button:focus-visible, #atlas-desk-panel textarea:focus-visible, #atlas-desk-panel select:focus-visible, #atlas-desk-panel a:focus-visible { outline: 3px solid #4aceca; outline-offset: 3px; }
@media (max-width: 480px) {
  #atlas-desk-launcher { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); }
  #atlas-desk-panel { right: max(8px, env(safe-area-inset-right)); bottom: max(8px, env(safe-area-inset-bottom)); width: calc(100% - 16px); max-width: calc(100% - 16px); max-height: calc(100dvh - 16px); padding: 16px; }
}
@media (max-height: 560px) {
  #atlas-desk-panel { max-height: calc(100dvh - 16px); bottom: 8px; padding: 14px; }
  #atlas-desk-log { max-height: 120px; }
}