/* NexoraX public Cloud Core mobile compatibility layer.
 * Applies only below desktop breakpoint; desktop and React bundle unchanged.
 * V3 2026-10-25, targeted to the 2026-10-23 public static frontend. */
.nx3-provider-badge { display: none !important; }
.nx3-menu-button, .nx3-backdrop, .nx3-nav-close { display: none; }
@media (max-width: 1023px) {
  html, body, #root { max-width: 100%; overflow-x: clip; }
  .nx3-header { max-width: 100vw; }
  .nx3-header > div { padding-left: 8px !important; padding-right: 8px !important; gap: 6px !important; min-width: 0; }
  .nx3-header .nx3-brand { min-width: 0 !important; gap: 5px !important; }
  .nx3-header .nx3-brand img { max-width: 33px !important; max-height: 36px; flex-shrink: 0; }
  .nx3-header .nx3-brand [class*="tracking-tight"] { font-size: 14px !important; white-space: nowrap; }
  .nx3-provider-badge { display: none !important; }
  .nx3-header button[title="Launch SSH Web Terminal"] { display: none !important; }
  .nx3-menu-button {
    display: inline-flex !important; justify-content:center; align-items:center;
    flex-shrink: 0; width: 42px; height: 42px;
    border: 1px solid rgba(34,211,238,.45); background: rgba(8,47,73,.75);
    color: #a5f3fc; border-radius: 12px; cursor:pointer; font-size: 24px; line-height: 1;
  }
  .nx3-menu-button:focus-visible, .nx3-nav-close:focus-visible { outline: 2px solid #67e8f9; outline-offset: 3px; }
  .nx3-sidebar {
    position: fixed !important; left: 0 !important; top: 64px !important; bottom:0 !important;
    z-index: 10052 !important; width: min(78vw,280px) !important; min-width: 0 !important;
    max-width:min(78vw,280px) !important; height: calc(100dvh - 64px) !important; min-height:0 !important;
    padding: 12px !important; overflow-y: auto !important; overflow-x:hidden !important;
    background: rgba(4,16,35,.98) !important;
    transform: translateX(-105%) !important; opacity:0; pointer-events:none;
    transition:transform .2s ease,opacity .2s ease !important;
  }
  body.nx3-nav-open .nx3-sidebar { transform: translateX(0) !important; opacity:1;pointer-events:auto; }
  .nx3-sidebar [aria-label="Expand Cloud Core navigation"],
  .nx3-sidebar [aria-label="Collapse Cloud Core navigation"] { display:none !important; }
  .nx3-nav-close {
    display:flex !important; align-items:center; justify-content:center;
    width:42px; height:42px; margin:0 0 12px auto;
    border:1px solid rgba(34,211,238,.4); border-radius:10px; color:#a5f3fc;
    background:rgba(8,47,73,.7);font-size:26px;line-height:1;
  }
  .nx3-backdrop { position:fixed; inset:64px 0 0; z-index:10051; background:rgba(0,0,0,.63); }
  body.nx3-nav-open .nx3-backdrop { display:block !important; }
  body.nx3-nav-open { overflow:hidden; }
  .nx3-main { min-width:0 !important; width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
  .nx3-op-banner { min-width:0 !important; max-width:100%; overflow-wrap:anywhere; flex-direction:column!important; align-items:stretch!important; }
  .nx3-op-banner > div:not(.absolute) { min-width:0 !important; max-width:100% !important; }
  .nx3-op-banner .nx3-op-text { min-width:0 !important; width:100%; }
  .nx3-op-banner .nx3-op-meta { flex-wrap: wrap !important;white-space:normal; }
  .nx3-op-banner .nx3-op-actions { flex: 1 1 100% !important; min-width:0; flex-wrap:wrap; }
  .nx3-op-banner .nx3-op-actions button { max-width:100%; white-space:normal; }
  .nx3-quickdock {
    position:fixed !important;bottom:12px!important;right:12px!important;
    z-index:10040!important; max-width:calc(100vw - 24px) !important;
  }
  body.nx3-nav-open .nx3-quickdock { display:none!important; }
  .nx3-quick-trigger {
    width:48px!important;height:48px!important;min-width:48px!important;
    padding:4px!important;gap:0!important;justify-content:center!important;
    border-radius:16px!important;flex-shrink:0;
  }
  .nx3-quick-trigger > span, .nx3-quick-trigger > svg { display:none!important; }
  .nx3-quick-trigger > div { margin:0!important; }
  .nx3-quick-expanded { width:min(340px, calc(100vw - 24px))!important; max-height:calc(100dvh - 120px)!important; overflow-y:auto!important; }
  .nx3-footer { min-width:0; max-width:100%; overflow-wrap:anywhere; }
  .nx3-footer .nx3-social-row { flex-wrap:wrap!important; }
  .nx3-footer .nx3-contact-row { display:flex;flex-direction:column!important;align-items:flex-start!important;gap:4px;min-width:0; }
  .nx3-footer a[href^="mailto:"] { display:block;max-width:100%; overflow-wrap:anywhere!important;word-break:break-word!important; }
  .nx3-footer .nx3-company-head {flex-wrap:wrap!important;}
}