/** INFOTECH LAB R9 3AM53 — consolidated stylesheet bundle. */

/* SOURCE /assets/infotech-global-quality-pass8.css */
/* INFOTECH LAB — GLOBAL_SITE_PASS8
   Camada final de responsividade, acessibilidade e estabilidade visual.
   Preserva identidade, motores, exportadores e composição aprovada. */

:root {
  --it-safe-top: env(safe-area-inset-top, 0px);
  --it-safe-right: env(safe-area-inset-right, 0px);
  --it-safe-bottom: env(safe-area-inset-bottom, 0px);
  --it-safe-left: env(safe-area-inset-left, 0px);
  --it-focus: #8ffcff;
}

html {
  min-width: 0;
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 0;
  overflow-x: clip;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

img,
video {
  height: auto;
}

main,
section,
article,
aside,
header,
footer,
nav,
form,
fieldset,
.card,
.panel,
.app-shell,
.main-content {
  min-width: 0;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

textarea {
  resize: vertical;
}

pre,
code,
kbd,
samp {
  overflow-wrap: anywhere;
}

pre {
  max-width: 100%;
  overflow: auto;
}

a,
button,
input,
select,
textarea,
summary,
[tabindex]:not([tabindex="-1"]) {
  -webkit-tap-highlight-color: rgba(0, 245, 255, .18);
}

:where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid var(--it-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(0, 245, 255, .16) !important;
}

:target {
  scroll-margin-top: calc(88px + var(--it-safe-top));
}

:where(p, li, dd, dt, a, button, label, figcaption, .lead, .sub, .hint) {
  overflow-wrap: break-word;
}

.table-wrap,
.table-scroll,
.data-table-wrap,
.result-table,
.channel-table-wrap,
.fixture-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

table {
  max-width: 100%;
}

dialog,
[role="dialog"],
.modal,
.dialog,
.popup,
.support-card {
  max-width: min(680px, calc(100vw - 24px - var(--it-safe-left) - var(--it-safe-right)));
  max-height: calc(100dvh - 24px - var(--it-safe-top) - var(--it-safe-bottom));
  overscroll-behavior: contain;
}

dialog,
[role="dialog"],
.modal,
.dialog,
.popup {
  overflow: auto;
}

.it-top,
.it-global-header,
.foot,
.it-foot {
  padding-left: max(0px, var(--it-safe-left));
  padding-right: max(0px, var(--it-safe-right));
}

.foot,
.it-foot {
  padding-bottom: max(28px, var(--it-safe-bottom));
}

.it-sidebar-toggle,
.it-lang-toggle,
.it-install-app-cta,
.it-sidebar-section-toggle {
  min-height: 44px;
}

.it-global-nav,
.it-global-lang,
.it-langs,
.fixture-header-nav,
.language-switcher {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 245, 255, .58) rgba(4, 10, 24, .64) !important;
}

.it-global-nav::-webkit-scrollbar,
.it-global-lang::-webkit-scrollbar,
.it-langs::-webkit-scrollbar,
.fixture-header-nav::-webkit-scrollbar,
.language-switcher::-webkit-scrollbar {
  display: block !important;
  width: 7px;
  height: 7px;
}

.it-global-nav::-webkit-scrollbar-thumb,
.it-global-lang::-webkit-scrollbar-thumb,
.it-langs::-webkit-scrollbar-thumb,
.fixture-header-nav::-webkit-scrollbar-thumb,
.language-switcher::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(0, 245, 255, .52);
}

.home-lab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.home-lab-actions .it-btn {
  min-height: 44px;
  padding-inline: 18px;
}

@media (pointer: coarse) {
  :where(a, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea, summary):not(.assign-cell):not(.pixel-cell):not(.led-cell) {
    min-height: 44px;
  }
}

@media (max-width: 1050px) {
  html body.fixture-builder-page.fixture-builder-page .builder-app-shell.builder-app-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.fixture-builder-page.fixture-builder-page .builder-app-shell.builder-app-shell > .builder-sidebar.builder-sidebar {
    display: none !important;
  }

  html body.fixture-builder-page.fixture-builder-page .builder-app-shell.builder-app-shell > .builder-main-content.builder-main-content {
    grid-column: 1 !important;
    width: 100% !important;
  }

  body.it-sidebar-drawer-lock .it-global-header {
    max-height: calc(100dvh - var(--it-safe-top) - var(--it-safe-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (max-width: 760px) {
  input,
  select,
  textarea {
    font-size: max(16px, 1em);
  }

  :where(input, select, textarea):focus {
    scroll-margin-top: 92px;
    scroll-margin-bottom: 42dvh;
  }

  body.infotech-public-page header.it-top .it-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body.infotech-public-page header.it-top .it-brand {
    width: 100%;
  }

  body.infotech-public-page header.it-top .it-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
    width: 100%;
    overflow: visible !important;
  }

  body.infotech-public-page header.it-top .it-nav a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 7px !important;
    white-space: normal !important;
    text-align: center;
    line-height: 1.15 !important;
  }

  body.infotech-public-page header.it-top .it-specialist-btn {
    width: 100% !important;
    min-height: 44px !important;
  }

  body.infotech-public-page header.it-top .it-lang-row {
    min-width: 0;
  }

  body.infotech-public-page header.it-top .it-langs {
    max-width: 100%;
  }
}

@media (max-width: 430px) {
  html body #infotechSupportFloat.infotech-support-float {
    display: none !important;
  }

  body.infotech-public-page header.it-top {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  body.infotech-public-page header.it-top .it-topbar {
    padding: 10px !important;
    gap: 9px !important;
  }

  body.infotech-public-page header.it-top .it-brand > span > span,
  body.infotech-public-page header.it-top .it-brand > span > span:last-child {
    display: none !important;
  }

  body.infotech-public-page header.it-top .it-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.infotech-public-page header.it-top .it-lang-row {
    gap: 7px !important;
  }

  body.infotech-public-page header.it-top .it-langs a {
    min-height: 40px !important;
    padding: 7px 10px !important;
  }

  .home-lab-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .home-lab-actions .it-btn {
    width: 100% !important;
  }

  .it-pwa-toast,
  .it-pwa-notice,
  .it-install-toast {
    right: max(8px, var(--it-safe-right)) !important;
    bottom: max(8px, var(--it-safe-bottom)) !important;
    left: max(8px, var(--it-safe-left)) !important;
    width: auto !important;
    max-height: min(300px, 46dvh) !important;
    overflow: auto !important;
  }
}

@media (max-width: 560px) {
  html body .infotech-support-float.infotech-support-float .support-bubble.support-bubble {
    display: none !important;
  }

  html body .infotech-support-float.infotech-support-float {
    right: max(6px, var(--it-safe-right)) !important;
    bottom: max(6px, var(--it-safe-bottom)) !important;
    width: 72px !important;
    max-width: 72px !important;
    gap: 0 !important;
  }

  html body .infotech-support-float.infotech-support-float .support-mascot-btn.support-mascot-btn {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
  }

  html body .infotech-support-float.infotech-support-float .support-card.support-card {
    right: 0 !important;
    bottom: 78px !important;
    width: min(286px, calc(100vw - 16px - var(--it-safe-left) - var(--it-safe-right))) !important;
  }
}

@media (orientation: landscape) and (max-height: 560px) {
  body .infotech-support-float:not(.open) {
    width: 56px !important;
    max-width: 56px !important;
  }

  body .infotech-support-float:not(.open) .support-mascot-btn {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
  }

  body.it-sidebar-drawer-lock .it-global-header {
    padding-bottom: max(10px, var(--it-safe-bottom)) !important;
  }
}

@media (min-width: 1920px) {
  body.infotech-public-page.home-lab-reference4 {
    --home-axis-width: min(1360px, calc(100vw - 22vw)) !important;
  }

  body.infotech-public-page.sistemas-home-standard1 main.sistemas-home-main {
    width: min(1480px, calc(100vw - 22vw)) !important;
    max-width: 1480px !important;
  }

  body:not(.infotech-public-page) .app-shell,
  body.fixture-builder-page .builder-app-shell {
    max-width: min(1680px, calc(100vw - 96px)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  video[autoplay] {
    visibility: hidden;
  }
}


/* SOURCE /assets/r9/infotech-r9-stage2b.css */
:root {
  color-scheme: dark;
  --r9b-bg: #04060b;
  --r9b-bg-soft: #080d17;
  --r9b-panel: rgba(10, 17, 29, 0.82);
  --r9b-panel-strong: rgba(12, 21, 36, 0.96);
  --r9b-surface: rgba(255, 255, 255, 0.045);
  --r9b-line: rgba(146, 188, 255, 0.14);
  --r9b-line-strong: rgba(83, 222, 255, 0.34);
  --r9b-text: #f5f8ff;
  --r9b-muted: #9ba9bd;
  --r9b-dim: #65728a;
  --r9b-cyan: #3ee5ff;
  --r9b-blue: #5b7cff;
  --r9b-violet: #9a74ff;
  --r9b-magenta: #ee64ff;
  --r9b-green: #5de3a9;
  --r9b-amber: #ffcb73;
  --r9b-sidebar: 286px;
  --r9b-topbar: 64px;
  --r9b-statusbar: 34px;
  --r9b-radius-sm: 12px;
  --r9b-radius-md: 18px;
  --r9b-radius-lg: 28px;
  --r9b-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
  --r9b-safe-top: env(safe-area-inset-top, 0px);
  --r9b-safe-bottom: env(safe-area-inset-bottom, 0px);
  --r9b-ease: cubic-bezier(.2, .8, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; background: var(--r9b-bg); scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; overflow: hidden; color: var(--r9b-text); background: var(--r9b-bg); font: 400 16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; }
img, svg, canvas { display: block; max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
::selection { color: white; background: rgba(62, 229, 255, .26); }
:focus-visible { outline: 2px solid var(--r9b-cyan); outline-offset: 3px; }
[hidden] { display: none !important; }

.r9b-visually-hidden, .r9b-skip:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.r9b-skip { z-index: 9999; left: 12px; top: 12px; padding: 10px 14px; border-radius: 10px; background: white; color: #05070b; font-weight: 800; }

.r9b-ambient { position: fixed; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(circle at 72% 18%, rgba(57, 136, 255, .11), transparent 27rem), radial-gradient(circle at 33% 77%, rgba(145, 75, 255, .08), transparent 32rem), linear-gradient(160deg, #070b13 0%, #04060b 56%, #050812 100%); }
.r9b-ambient::after { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(111, 167, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(111, 167, 255, .025) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, transparent, black 22%, black 82%, transparent); }
.r9b-ambient-grid { position: absolute; left: 13%; right: -10%; bottom: -32%; height: 72%; transform: perspective(760px) rotateX(68deg); transform-origin: center top; background-image: linear-gradient(rgba(62, 229, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(62, 229, 255, .08) 1px, transparent 1px); background-size: 70px 70px; mask-image: radial-gradient(ellipse at center, black, transparent 68%); opacity: .48; }
.r9b-ambient-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .16; }
.r9b-ambient-orb--a { width: 36vw; height: 36vw; min-width: 330px; min-height: 330px; right: 5vw; top: -20vw; background: var(--r9b-cyan); }
.r9b-ambient-orb--b { width: 28vw; height: 28vw; min-width: 280px; min-height: 280px; left: 18vw; bottom: -18vw; background: var(--r9b-violet); }
.r9b-stars { position: absolute; inset: 0; background-repeat: repeat; }
.r9b-stars--a { opacity: .36; background-image: radial-gradient(circle, rgba(255,255,255,.62) 0 1px, transparent 1.5px); background-size: 71px 79px; }
.r9b-stars--b { opacity: .22; transform: translate3d(0,0,0); background-image: radial-gradient(circle, rgba(124,215,255,.74) 0 1px, transparent 1.6px); background-size: 113px 129px; animation: r9b-star-drift 28s linear infinite; }
@keyframes r9b-star-drift { to { transform: translate3d(-113px, -129px, 0); } }

.r9b-app { position: relative; z-index: 1; display: grid; grid-template-columns: var(--r9b-sidebar) minmax(0, 1fr); grid-template-rows: var(--r9b-topbar) minmax(0, 1fr) var(--r9b-statusbar); grid-template-areas: "sidebar topbar" "sidebar main" "sidebar status"; height: 100dvh; min-height: 520px; }

.r9b-sidebar { grid-area: sidebar; position: relative; z-index: 40; display: flex; flex-direction: column; min-height: 0; padding: calc(18px + var(--r9b-safe-top)) 14px calc(14px + var(--r9b-safe-bottom)); border-right: 1px solid var(--r9b-line); background: linear-gradient(180deg, rgba(8, 14, 25, .98), rgba(5, 9, 16, .93)); box-shadow: 18px 0 54px rgba(0,0,0,.18); backdrop-filter: blur(24px); }
.r9b-brand-row { display: flex; align-items: center; gap: 8px; padding: 0 6px 18px; border-bottom: 1px solid var(--r9b-line); }
.r9b-brand { min-width: 0; color: inherit; text-decoration: none; display: flex; flex: 1; align-items: center; gap: 11px; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.r9b-brand img { width: 43px; height: 43px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(62, 229, 255, .18)); }
.r9b-brand span { min-width: 0; display: grid; line-height: 1.15; }
.r9b-brand strong { font-size: .91rem; letter-spacing: .07em; }
.r9b-brand small { margin-top: 5px; color: var(--r9b-dim); font-size: .69rem; letter-spacing: .06em; text-transform: uppercase; }
.r9b-sidebar-close { display: none !important; }
.r9b-primary-nav { display: grid; gap: 4px; padding: 16px 0 10px; }
.r9b-nav-item { width: 100%; color: inherit; text-decoration: none; min-height: 52px; display: flex; align-items: center; gap: 12px; padding: 7px 10px; border: 1px solid transparent; border-radius: 13px; background: transparent; text-align: left; cursor: pointer; transition: background .2s var(--r9b-ease), border-color .2s var(--r9b-ease), transform .2s var(--r9b-ease); }
.r9b-nav-item:hover { transform: translateX(2px); background: rgba(255,255,255,.04); }
.r9b-nav-item[aria-current="page"] { border-color: rgba(62, 229, 255, .18); background: linear-gradient(90deg, rgba(62,229,255,.11), rgba(91,124,255,.035)); }
.r9b-nav-icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--r9b-line); border-radius: 10px; color: var(--r9b-muted); background: rgba(255,255,255,.025); }
.r9b-nav-icon svg { width: 19px; height: 19px; }
.r9b-nav-item[aria-current="page"] .r9b-nav-icon { color: var(--r9b-cyan); border-color: rgba(62,229,255,.3); box-shadow: inset 0 0 18px rgba(62,229,255,.06); }
.r9b-nav-copy { min-width: 0; display: grid; }
.r9b-nav-copy strong { font-size: .83rem; }
.r9b-nav-copy small { color: var(--r9b-dim); font-size: .69rem; }
.r9b-nav-section { padding: 10px 0 4px; }
.r9b-nav-label { margin: 0 10px 8px; color: #65738a; font-size: .64rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.r9b-tool-link { width: 100%; text-decoration: none; min-height: 42px; display: grid; grid-template-columns: 31px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 5px 10px; border: 1px solid transparent; border-radius: 11px; background: transparent; color: var(--r9b-muted); text-align: left; cursor: pointer; transition: .2s var(--r9b-ease); }
.r9b-tool-link:hover, .r9b-tool-link[aria-current="page"] { color: var(--r9b-text); border-color: var(--r9b-line); background: rgba(255,255,255,.035); }
.r9b-tool-link > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; color: var(--r9b-cyan); background: rgba(62,229,255,.07); font-size: .61rem; font-weight: 900; letter-spacing: -.02em; }
.r9b-tool-link strong { min-width: 0; overflow: hidden; font-size: .77rem; text-overflow: ellipsis; white-space: nowrap; }
.r9b-tool-link small { color: var(--r9b-dim); font-size: .62rem; white-space: nowrap; }
.r9b-sidebar-spacer { flex: 1; min-height: 14px; }
.r9b-secondary-nav { display: flex; gap: 4px; padding: 12px 8px; border-top: 1px solid var(--r9b-line); }
.r9b-secondary-nav a { flex: 1; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; min-height: 35px; border: 0; border-radius: 9px; background: transparent; color: var(--r9b-dim); font-size: .72rem; cursor: pointer; }
.r9b-secondary-nav a:hover { color: var(--r9b-text); background: rgba(255,255,255,.04); }
.r9b-system-state { display: flex; align-items: center; gap: 8px; padding: 8px 10px 0; color: var(--r9b-dim); font-size: .67rem; }
.r9b-system-state i, .r9b-live-dot, .r9b-page-head-state i, .r9b-statusbar i { width: 7px; height: 7px; display: block; border-radius: 50%; background: var(--r9b-green); box-shadow: 0 0 12px rgba(93,227,169,.62); }

.r9b-topbar { grid-area: topbar; z-index: 30; min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 16px; padding: 0 18px; border-bottom: 1px solid var(--r9b-line); background: rgba(6, 10, 18, .72); backdrop-filter: blur(22px); }
.r9b-topbar-left, .r9b-topbar-actions { min-width: 0; display: flex; align-items: center; gap: 9px; }
.r9b-topbar-actions { justify-content: flex-end; }
.r9b-menu-button { display: none !important; }
.r9b-icon-button { width: 40px; height: 40px; display: inline-grid; place-items: center; padding: 0; border: 1px solid var(--r9b-line); border-radius: 11px; background: rgba(255,255,255,.025); color: var(--r9b-muted); cursor: pointer; transition: .18s var(--r9b-ease); }
.r9b-icon-button:hover { color: var(--r9b-text); border-color: var(--r9b-line-strong); background: rgba(255,255,255,.055); }
.r9b-icon-button svg { width: 19px; height: 19px; }
.r9b-breadcrumb { min-width: 0; display: flex; align-items: center; gap: 8px; color: var(--r9b-dim); font-size: .74rem; }
.r9b-breadcrumb svg { width: 14px; height: 14px; }
.r9b-breadcrumb strong { max-width: 36vw; overflow: hidden; color: var(--r9b-text); text-overflow: ellipsis; white-space: nowrap; }
.r9b-topbar-center { display: flex; align-items: center; gap: 9px; color: var(--r9b-muted); font-size: .7rem; }
.r9b-command-button { min-width: 190px; min-height: 39px; display: flex; align-items: center; gap: 9px; padding: 0 9px 0 11px; border: 1px solid var(--r9b-line); border-radius: 11px; background: rgba(255,255,255,.028); color: var(--r9b-muted); font-size: .7rem; cursor: pointer; }
.r9b-command-button:hover { color: var(--r9b-text); border-color: var(--r9b-line-strong); }
.r9b-command-button svg { width: 17px; height: 17px; }
kbd { padding: 2px 6px; border: 1px solid var(--r9b-line); border-radius: 6px; background: rgba(255,255,255,.04); color: var(--r9b-dim); font: 700 .62rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.r9b-command-button kbd { margin-left: auto; }
.r9b-avatar-button { min-height: 41px; display: flex; align-items: center; gap: 8px; padding: 3px 11px 3px 4px; border: 1px solid rgba(154,116,255,.25); border-radius: 999px; background: linear-gradient(120deg, rgba(154,116,255,.1), rgba(62,229,255,.05)); color: var(--r9b-text); font-size: .68rem; font-weight: 800; letter-spacing: .04em; cursor: pointer; }
.r9b-avatar-button img { width: 33px; height: 33px; object-fit: cover; object-position: top; border-radius: 50%; background: rgba(255,255,255,.06); }

.r9b-main { grid-area: main; min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(111,161,220,.28) transparent; }
.r9b-view { width: min(100%, 1700px); min-height: 100%; margin: 0 auto; padding: clamp(24px, 3vw, 48px); animation: r9b-view-in .36s var(--r9b-ease); }
.r9b-workspace-view { width: 100%; height: 100%; min-height: 0; padding: 0; overflow: hidden; }
@keyframes r9b-view-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.r9b-home-hero { min-height: clamp(520px, calc(100dvh - 230px), 780px); display: grid; grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr); align-items: center; gap: clamp(24px, 4vw, 72px); }
.r9b-hero-copy { position: relative; z-index: 3; }
.r9b-eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 22px; color: var(--r9b-cyan); font-size: .69rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.r9b-eyebrow span { width: 23px; height: 1px; background: var(--r9b-cyan); box-shadow: 0 0 12px var(--r9b-cyan); }
.r9b-hero-copy h1 { margin: 0; max-width: 12.5ch; font-size: clamp(3.2rem, 5.6vw, 6.8rem); line-height: .9; letter-spacing: -.065em; }
.r9b-hero-copy h1 em { color: transparent; font-style: normal; background: linear-gradient(105deg, #e8fbff 0%, var(--r9b-cyan) 32%, #82a6ff 67%, var(--r9b-violet) 100%); -webkit-background-clip: text; background-clip: text; }
.r9b-hero-copy > p { max-width: 61ch; margin: 26px 0 0; color: var(--r9b-muted); font-size: clamp(1rem, 1.2vw, 1.18rem); }
.r9b-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.r9b-primary-button, .r9b-secondary-button { min-height: 48px; color: inherit; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 20px; border-radius: 999px; font-weight: 780; cursor: pointer; transition: transform .18s var(--r9b-ease), box-shadow .24s var(--r9b-ease), border-color .2s var(--r9b-ease); }
.r9b-primary-button { border: 1px solid rgba(62,229,255,.45); background: linear-gradient(120deg, rgba(62,229,255,.22), rgba(91,124,255,.23)); box-shadow: 0 14px 42px rgba(39,154,255,.16), inset 0 1px rgba(255,255,255,.12); }
.r9b-primary-button:hover { transform: translateY(-2px); box-shadow: 0 18px 50px rgba(39,154,255,.24), inset 0 1px rgba(255,255,255,.18); }
.r9b-primary-button svg { width: 19px; height: 19px; }
.r9b-secondary-button { border: 1px solid var(--r9b-line); background: rgba(255,255,255,.035); }
.r9b-secondary-button:hover { transform: translateY(-2px); border-color: var(--r9b-line-strong); }
.r9b-proof-line { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 25px; color: var(--r9b-dim); font-size: .7rem; }
.r9b-proof-line span { display: flex; align-items: center; gap: 7px; }
.r9b-proof-line i { width: 5px; height: 5px; border-radius: 50%; background: var(--r9b-cyan); box-shadow: 0 0 8px rgba(62,229,255,.8); }

.r9b-control-scene { position: relative; min-height: 540px; perspective: 1200px; transform-style: preserve-3d; isolation: isolate; }
.r9b-control-scene::before { content: ""; position: absolute; inset: 3% 2% 7%; z-index: -3; border: 1px solid rgba(94, 175, 255, .13); border-radius: 38px; background: radial-gradient(circle at 50% 48%, rgba(24, 78, 141, .13), transparent 51%), linear-gradient(145deg, rgba(8,16,29,.38), rgba(7,12,21,.68)); box-shadow: inset 0 0 90px rgba(30,100,180,.08), 0 45px 100px rgba(0,0,0,.28); backdrop-filter: blur(9px); transform: rotateY(-4deg) rotateX(1.8deg); }
.r9b-scene-earth { position: absolute; inset: -7% -3% -3% 0; z-index: -2; opacity: .56; background: url('/assets/infotech_home_earth_connections.svg') center / cover no-repeat; filter: saturate(1.15) contrast(1.05); transform: translateZ(-60px) rotateY(-3deg); mask-image: radial-gradient(ellipse at center, black 20%, transparent 73%); }
.r9b-scene-floor { position: absolute; left: 6%; right: 5%; bottom: 7%; height: 45%; transform: rotateX(72deg) translateZ(-8px); transform-origin: center bottom; background-image: linear-gradient(rgba(62,229,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(62,229,255,.15) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to top, black, transparent 90%); opacity: .68; }
.r9b-led-wall { position: absolute; left: 7%; top: 22%; width: 50%; height: 49%; transform-style: preserve-3d; transform: rotateY(17deg) rotateX(-3deg) translateZ(36px); animation: r9b-wall-float 7s ease-in-out infinite; }
@keyframes r9b-wall-float { 50% { transform: rotateY(13deg) rotateX(-1deg) translate3d(0,-7px,42px); } }
.r9b-led-wall-frame { width: 100%; height: 100%; padding: 9px; border: 1px solid rgba(118,218,255,.35); border-radius: 8px; background: linear-gradient(145deg, rgba(20,36,58,.94), rgba(5,9,16,.97)); box-shadow: 0 0 42px rgba(46,170,255,.14), 24px 32px 40px rgba(0,0,0,.34); }
.r9b-led-grid { width: 100%; height: 100%; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(4, 1fr); gap: 4px; }
.r9b-led-cell { position: relative; overflow: hidden; border: 1px solid rgba(119,210,255,.18); border-radius: 3px; background: linear-gradient(145deg, rgba(25,53,85,.7), rgba(7,14,25,.9)); box-shadow: inset 0 0 16px rgba(52,149,255,.06); }
.r9b-led-cell::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at var(--cell-x, 50%) var(--cell-y, 50%), rgba(62,229,255,.72), rgba(91,124,255,.22) 26%, transparent 57%); opacity: var(--cell-opacity, .42); animation: r9b-cell-pulse calc(3.4s + var(--cell-delay, 0s)) ease-in-out infinite alternate; }
@keyframes r9b-cell-pulse { to { opacity: .85; transform: scale(1.08); } }
.r9b-fixture-rig { position: absolute; right: 7%; top: 22%; width: 35%; height: 57%; transform-style: preserve-3d; transform: rotateY(-17deg) translateZ(76px); animation: r9b-fixture-float 6s ease-in-out infinite; }
@keyframes r9b-fixture-float { 50% { transform: rotateY(-13deg) translate3d(0,-9px,84px); } }
.r9b-fixture-base { position: absolute; left: 28%; right: 25%; bottom: 5%; height: 18%; border: 1px solid rgba(137,177,255,.24); border-radius: 44% 44% 17% 17%; background: linear-gradient(160deg, #1b2b45, #07101c 70%); box-shadow: 0 18px 26px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.11); }
.r9b-fixture-yoke { position: absolute; left: 22%; right: 19%; top: 22%; height: 58%; border: 15px solid #101d31; border-bottom-width: 24px; border-radius: 38% 38% 24% 24%; box-shadow: inset 0 0 0 1px rgba(133,189,255,.15), 0 16px 32px rgba(0,0,0,.26); transform: rotateZ(-7deg); }
.r9b-fixture-head { position: absolute; left: 8%; right: 8%; top: 6%; height: 55%; display: grid; place-items: center; border: 1px solid rgba(148,202,255,.25); border-radius: 47% 47% 35% 35%; background: linear-gradient(160deg, #203553, #07111f 70%); box-shadow: inset 0 0 22px rgba(75,140,226,.13), 0 20px 32px rgba(0,0,0,.33); transform: rotateZ(11deg); }
.r9b-lens { width: 55%; aspect-ratio: 1; border: 6px solid #08121f; border-radius: 50%; background: radial-gradient(circle at 42% 36%, #dffcff 0 7%, #65eaff 9%, #2374db 29%, #061426 58%, #02060d 70%); box-shadow: 0 0 30px rgba(62,229,255,.42), inset 0 0 18px rgba(255,255,255,.28); }
.r9b-light-beam { position: absolute; left: -14%; top: 15%; width: 70%; height: 36%; transform: rotate(-12deg) skewX(-18deg); transform-origin: right center; background: linear-gradient(90deg, transparent, rgba(94,224,255,.04) 20%, rgba(91,124,255,.21) 77%, rgba(214,250,255,.36)); clip-path: polygon(0 50%, 100% 0, 100% 100%); filter: blur(3px); opacity: .82; animation: r9b-beam 4.5s ease-in-out infinite alternate; }
@keyframes r9b-beam { to { opacity: .46; transform: rotate(-8deg) skewX(-18deg); } }
.r9b-scene-label { position: absolute; left: 0; bottom: -27px; color: var(--r9b-dim); font-size: .58rem; font-weight: 900; letter-spacing: .16em; }
.r9b-fixture-rig .r9b-scene-label { left: 25%; }
.r9b-scene-status { position: absolute; z-index: 8; min-width: 145px; padding: 11px 13px; border: 1px solid rgba(122,195,255,.17); border-radius: 12px; background: rgba(6,12,21,.78); box-shadow: 0 16px 40px rgba(0,0,0,.26); backdrop-filter: blur(14px); transform: translateZ(110px); }
.r9b-scene-status span { color: var(--r9b-cyan); font: 800 .56rem/1 ui-monospace, Consolas, monospace; letter-spacing: .08em; }
.r9b-scene-status strong, .r9b-scene-status small { display: block; }
.r9b-scene-status strong { margin-top: 6px; font-size: .71rem; }
.r9b-scene-status small { margin-top: 2px; color: var(--r9b-dim); font-size: .61rem; }
.r9b-scene-status--one { left: 2%; top: 11%; }
.r9b-scene-status--two { right: 1%; bottom: 9%; }

.r9b-quick-launch { padding: clamp(24px, 3vw, 42px) 0; border-top: 1px solid var(--r9b-line); }
.r9b-section-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 18px; }
.r9b-section-head span, .r9b-page-head > div > span, .r9b-about-statement > span { color: var(--r9b-cyan); font-size: .66rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.r9b-section-head h2 { margin: 5px 0 0; font-size: clamp(1.35rem, 2vw, 2rem); letter-spacing: -.035em; }
.r9b-section-head > button { border: 0; background: transparent; color: var(--r9b-muted); font-size: .72rem; cursor: pointer; }
.r9b-section-head > button:hover { color: var(--r9b-cyan); }
.r9b-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.r9b-quick-card { min-width: 0; color: inherit; text-decoration: none; min-height: 84px; display: grid; grid-template-columns: 42px minmax(0,1fr) 18px; align-items: center; gap: 11px; padding: 14px; border: 1px solid var(--r9b-line); border-radius: 16px; background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); text-align: left; cursor: pointer; transition: .22s var(--r9b-ease); }
.r9b-quick-card:hover { transform: translateY(-3px); border-color: var(--r9b-line-strong); background: rgba(255,255,255,.06); }
.r9b-quick-card > svg { width: 17px; height: 17px; color: var(--r9b-dim); }
.r9b-card-code { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(62,229,255,.22); border-radius: 12px; color: var(--r9b-cyan); background: rgba(62,229,255,.07); font: 900 .68rem/1 ui-monospace, Consolas, monospace; }
.r9b-quick-card--violet .r9b-card-code { color: #bd9cff; border-color: rgba(154,116,255,.27); background: rgba(154,116,255,.08); }
.r9b-quick-card--blue .r9b-card-code { color: #8ca4ff; border-color: rgba(91,124,255,.27); background: rgba(91,124,255,.08); }
.r9b-quick-card--magenta .r9b-card-code { color: #f39cff; border-color: rgba(238,100,255,.27); background: rgba(238,100,255,.08); }
.r9b-quick-card div { min-width: 0; display: grid; }
.r9b-quick-card strong { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.r9b-quick-card small { overflow: hidden; color: var(--r9b-dim); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }

.r9b-domains { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 12px 0 40px; }
.r9b-domain-card { min-height: 250px; display: grid; grid-template-columns: minmax(140px,.58fr) minmax(0,1.42fr); align-items: center; gap: clamp(20px,3vw,50px); padding: clamp(22px,3vw,38px); border: 1px solid var(--r9b-line); border-radius: 24px; background: linear-gradient(140deg, rgba(14,27,45,.82), rgba(7,12,21,.76)); box-shadow: var(--r9b-shadow); overflow: hidden; }
.r9b-domain-card > div:last-child > span { color: var(--r9b-cyan); font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.r9b-domain-card h2 { margin: 8px 0 0; font-size: clamp(1.45rem,2vw,2.25rem); line-height: 1.05; letter-spacing: -.045em; }
.r9b-domain-card p { margin: 13px 0 0; color: var(--r9b-muted); font-size: .82rem; }
.r9b-domain-card button { margin-top: 17px; padding: 0; border: 0; background: transparent; color: var(--r9b-text); font-size: .72rem; font-weight: 800; cursor: pointer; }
.r9b-domain-card button:hover { color: var(--r9b-cyan); }
.r9b-domain-symbol { position: relative; min-height: 135px; transform: perspective(600px) rotateY(14deg) rotateX(4deg); }
.r9b-domain-symbol--light span { position: absolute; display: block; border-radius: 50%; }
.r9b-domain-symbol--light span:nth-child(1) { inset: 18% 25%; border: 9px solid #152941; background: radial-gradient(circle, #d8fbff 0 8%, #4be3ff 10%, #184984 34%, #050b14 67%); box-shadow: 0 0 38px rgba(62,229,255,.25); }
.r9b-domain-symbol--light span:nth-child(2), .r9b-domain-symbol--light span:nth-child(3) { top: 15%; bottom: 8%; width: 14px; border-radius: 10px; background: linear-gradient(#213752,#08111e); box-shadow: inset 0 0 0 1px rgba(117,196,255,.18); }
.r9b-domain-symbol--light span:nth-child(2) { left: 17%; transform: rotate(-13deg); }
.r9b-domain-symbol--light span:nth-child(3) { right: 17%; transform: rotate(13deg); }
.r9b-domain-symbol--led { display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2,1fr); gap: 5px; padding: 13px; border: 1px solid rgba(83,211,255,.25); border-radius: 10px; background: #08111f; box-shadow: 19px 23px 35px rgba(0,0,0,.33), 0 0 30px rgba(56,163,255,.11); }
.r9b-domain-symbol--led span { border: 1px solid rgba(96,192,255,.2); border-radius: 4px; background: radial-gradient(circle at 40% 35%, rgba(62,229,255,.65), rgba(91,124,255,.15) 37%, #091524 74%); }

.r9b-page-head { min-height: 176px; display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: 12px 0 30px; border-bottom: 1px solid var(--r9b-line); }
.r9b-page-head--narrow { min-height: 230px; align-items: center; }
.r9b-page-head > div:first-child { max-width: 820px; }
.r9b-page-head :is(h1, h2) { margin: 9px 0 0; font-size: clamp(2.4rem,5vw,5.4rem); line-height: .94; letter-spacing: -.06em; }
.r9b-page-head p { max-width: 66ch; margin: 18px 0 0; color: var(--r9b-muted); }
.r9b-page-head-state { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--r9b-line); border-radius: 999px; color: var(--r9b-muted); font-size: .7rem; background: rgba(255,255,255,.025); }
.r9b-filter-row { display: flex; gap: 6px; padding: 22px 0 14px; overflow-x: auto; }
.r9b-filter-row button { min-height: 38px; padding: 0 14px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--r9b-dim); font-size: .72rem; font-weight: 750; white-space: nowrap; cursor: pointer; }
.r9b-filter-row button[aria-selected="true"] { color: var(--r9b-text); border-color: var(--r9b-line); background: rgba(255,255,255,.05); }
.r9b-tool-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; padding-bottom: 34px; }
.r9b-tool-card { position: relative; min-height: 260px; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--r9b-line); border-radius: 20px; background: linear-gradient(145deg, rgba(14,25,42,.88), rgba(7,12,21,.78)); box-shadow: 0 20px 55px rgba(0,0,0,.2); overflow: hidden; transition: transform .24s var(--r9b-ease), border-color .24s var(--r9b-ease); }
.r9b-tool-card::before { content: ""; position: absolute; width: 150px; height: 150px; right: -70px; top: -70px; border-radius: 50%; background: var(--r9b-cyan); opacity: .07; filter: blur(22px); }
.r9b-tool-card:hover { transform: translateY(-4px); border-color: var(--r9b-line-strong); }
.r9b-tool-card-top { display: flex; justify-content: space-between; align-items: center; }
.r9b-tool-state { padding: 5px 8px; border: 1px solid rgba(93,227,169,.18); border-radius: 999px; color: var(--r9b-green); background: rgba(93,227,169,.045); font-size: .59rem; font-weight: 800; }
.r9b-tool-card h2 { margin: 22px 0 0; font-size: 1.25rem; letter-spacing: -.03em; }
.r9b-tool-card p { margin: 10px 0 0; color: var(--r9b-muted); font-size: .78rem; }
.r9b-tool-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.r9b-tool-meta span { padding: 5px 8px; border: 1px solid var(--r9b-line); border-radius: 999px; color: var(--r9b-dim); font-size: .59rem; }
.r9b-tool-card > button { width: 100%; min-height: 40px; margin-top: auto; border: 1px solid var(--r9b-line); border-radius: 11px; background: rgba(255,255,255,.035); font-size: .7rem; font-weight: 800; cursor: pointer; }
.r9b-tool-card > button:hover { border-color: var(--r9b-line-strong); background: rgba(62,229,255,.06); }
.r9b-tool-card[data-hidden="true"] { display: none; }

.r9b-workspace-bar { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 9px 15px; border-bottom: 1px solid var(--r9b-line); background: rgba(7,12,21,.86); }
.r9b-workspace-identity, .r9b-workspace-tools { display: flex; align-items: center; gap: 10px; }
.r9b-workspace-identity > div { display: grid; }
.r9b-workspace-identity small { color: var(--r9b-dim); font-size: .62rem; }
.r9b-workspace-identity :is(h1, h2) { margin: 0; font-size: .96rem; letter-spacing: -.02em; }
.r9b-workspace-switch { min-height: 39px; display: flex; align-items: center; gap: 12px; padding: 0 11px; border: 1px solid var(--r9b-line); border-radius: 11px; background: rgba(255,255,255,.028); color: var(--r9b-muted); font-size: .68rem; cursor: pointer; }
.r9b-frame-stage { position: relative; height: calc(100% - 54px); min-height: 0; overflow: hidden; background: #050910; }
.r9b-frame-placeholder { position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; justify-items: center; gap: 6px; color: var(--r9b-muted); text-align: center; background: radial-gradient(circle, rgba(27,74,126,.13), transparent 32%); }
.r9b-frame-placeholder strong { color: var(--r9b-text); font-size: .88rem; }
.r9b-frame-placeholder small { color: var(--r9b-dim); font-size: .67rem; }
.r9b-loader { width: 34px; height: 34px; margin-bottom: 8px; border: 2px solid rgba(62,229,255,.15); border-top-color: var(--r9b-cyan); border-radius: 50%; animation: r9b-spin .7s linear infinite; }
@keyframes r9b-spin { to { transform: rotate(360deg); } }
.r9b-frame-cache, .r9b-tool-frame { width: 100%; height: 100%; }
.r9b-tool-frame { display: none; border: 0; background: #050910; }
.r9b-tool-frame[data-active="true"] { display: block; }
.r9b-workspace-view[data-focus="true"] { position: fixed; inset: 0; z-index: 120; background: var(--r9b-bg); }
.r9b-workspace-view[data-focus="true"] .r9b-workspace-bar { padding-top: calc(9px + var(--r9b-safe-top)); }

@media (min-width: 821px) {
  body[data-r9-view="workspace"] .r9b-workspace-identity :is(h1, h2) { display: none; }
  body[data-r9-view="workspace"] .r9b-workspace-identity small { font-size: .66rem; }
}

.r9b-about-layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(350px,.8fr); gap: 14px; padding: 24px 0 40px; }
.r9b-about-statement, .r9b-principles { border: 1px solid var(--r9b-line); border-radius: 22px; background: rgba(10,18,31,.72); }
.r9b-about-statement { min-height: 360px; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(28px,5vw,62px); background-image: radial-gradient(circle at 80% 15%, rgba(62,229,255,.12), transparent 19rem), url('/assets/infotech_home_earth_connections.svg'); background-position: center; background-size: cover; }
.r9b-about-statement h2 { max-width: 10ch; margin: 12px 0 0; font-size: clamp(2.4rem,5vw,5.4rem); line-height: .9; letter-spacing: -.06em; }
.r9b-about-statement p { max-width: 50ch; color: var(--r9b-muted); }
.r9b-principles { padding: 10px 22px; }
.r9b-principles > div { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 14px; padding: 22px 0; border-bottom: 1px solid var(--r9b-line); }
.r9b-principles > div:last-child { border-bottom: 0; }
.r9b-principles strong { color: var(--r9b-cyan); font: 800 .66rem/1 ui-monospace, Consolas, monospace; }
.r9b-principles span { display: grid; gap: 5px; }
.r9b-principles b { font-size: .86rem; }
.r9b-principles small { color: var(--r9b-muted); font-size: .72rem; }

.r9b-contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 24px 0 16px; }
.r9b-contact-card { min-height: 210px; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 18px; padding: 25px; border: 1px solid var(--r9b-line); border-radius: 22px; background: linear-gradient(145deg, rgba(14,25,42,.88), rgba(7,12,21,.78)); text-decoration: none; transition: .22s var(--r9b-ease); }
.r9b-contact-card:hover { transform: translateY(-3px); border-color: var(--r9b-line-strong); }
.r9b-contact-icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(62,229,255,.24); border-radius: 15px; color: var(--r9b-cyan); background: rgba(62,229,255,.06); }
.r9b-contact-icon svg { width: 24px; height: 24px; }
.r9b-contact-card div { min-width: 0; display: grid; align-content: start; }
.r9b-contact-card small { color: var(--r9b-dim); font-size: .65rem; }
.r9b-contact-card strong { margin-top: 7px; overflow-wrap: anywhere; font-size: clamp(1rem,2vw,1.5rem); letter-spacing: -.03em; }
.r9b-contact-card p { margin: 12px 0 0; color: var(--r9b-muted); font-size: .78rem; }
.r9b-contact-note { color: var(--r9b-dim); font-size: .68rem; }

.r9b-statusbar { grid-area: status; z-index: 25; min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 18px; padding: 0 14px; border-top: 1px solid var(--r9b-line); background: rgba(5,9,16,.9); color: var(--r9b-dim); font-size: .6rem; }
.r9b-statusbar > span { min-width: 0; display: flex; align-items: center; gap: 7px; }
.r9b-statusbar > span:last-child { justify-content: flex-end; }
.r9b-statusbar b { overflow: hidden; color: var(--r9b-muted); font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.r9b-statusbar svg { width: 22px; height: 15px; margin-left: 3px; stroke: none; }

.r9b-mobile-nav { display: none; }
.r9b-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(1,4,8,.72); backdrop-filter: blur(8px); }

.r9b-avadog { position: fixed; z-index: 110; right: 18px; top: calc(var(--r9b-topbar) + 14px); bottom: calc(var(--r9b-statusbar) + 14px); width: min(370px, calc(100vw - 36px)); display: grid; grid-template-rows: auto auto minmax(0,1fr) auto auto; border: 1px solid rgba(154,116,255,.3); border-radius: 22px; background: rgba(8,14,24,.95); box-shadow: -20px 28px 90px rgba(0,0,0,.5), 0 0 60px rgba(106,75,215,.1); backdrop-filter: blur(24px); transform: translateX(calc(100% + 36px)); opacity: 0; transition: transform .32s var(--r9b-ease), opacity .25s var(--r9b-ease); overflow: hidden; }
.r9b-avadog[aria-hidden="false"] { transform: none; opacity: 1; }
.r9b-avadog > header { min-height: 68px; display: flex; align-items: center; justify-content: space-between; padding: 9px 11px 9px 8px; border-bottom: 1px solid var(--r9b-line); }
.r9b-avadog-identity { display: flex; align-items: center; gap: 10px; }
.r9b-avadog-identity img { width: 47px; height: 47px; object-fit: cover; object-position: top; border-radius: 14px; background: linear-gradient(145deg, rgba(154,116,255,.14), rgba(62,229,255,.08)); }
.r9b-avadog-identity span { display: grid; }
.r9b-avadog-identity small { color: var(--r9b-dim); font-size: .6rem; }
.r9b-avadog-identity strong { font-size: .86rem; letter-spacing: .04em; }
.r9b-avadog-context { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 13px; border-bottom: 1px solid var(--r9b-line); color: var(--r9b-dim); font-size: .61rem; }
.r9b-avadog-context strong { color: var(--r9b-cyan); font-size: .63rem; }
.r9b-chat { min-height: 0; overflow: auto; padding: 15px; }
.r9b-message { max-width: 88%; margin-bottom: 10px; padding: 11px 12px; border-radius: 14px; font-size: .75rem; }
.r9b-message p { margin: 0; }
.r9b-message--assistant { border: 1px solid rgba(154,116,255,.16); border-top-left-radius: 4px; background: rgba(154,116,255,.07); color: var(--r9b-muted); }
.r9b-message--user { margin-left: auto; border: 1px solid rgba(62,229,255,.17); border-bottom-right-radius: 4px; background: rgba(62,229,255,.075); }
.r9b-suggestions { display: flex; gap: 6px; padding: 0 12px 10px; overflow-x: auto; }
.r9b-suggestions button { min-height: 32px; padding: 0 10px; border: 1px solid var(--r9b-line); border-radius: 999px; background: rgba(255,255,255,.025); color: var(--r9b-dim); font-size: .61rem; white-space: nowrap; cursor: pointer; }
.r9b-suggestions button:hover { color: var(--r9b-text); border-color: var(--r9b-line-strong); }
.r9b-chat-form { display: grid; grid-template-columns: minmax(0,1fr) 39px; gap: 7px; padding: 10px; border-top: 1px solid var(--r9b-line); background: rgba(5,9,16,.72); }
.r9b-chat-form label { min-width: 0; }
.r9b-chat-form textarea { width: 100%; max-height: 120px; min-height: 39px; resize: none; padding: 9px 11px; border: 1px solid var(--r9b-line); border-radius: 11px; background: rgba(255,255,255,.035); color: var(--r9b-text); font-size: .72rem; }
.r9b-chat-form textarea:focus { border-color: var(--r9b-line-strong); outline: none; }
.r9b-chat-form button { display: grid; place-items: center; border: 1px solid rgba(62,229,255,.27); border-radius: 11px; background: rgba(62,229,255,.08); color: var(--r9b-cyan); cursor: pointer; }
.r9b-chat-form button svg { width: 18px; height: 18px; }

.r9b-command { width: min(650px, calc(100vw - 32px)); max-height: min(620px, calc(100dvh - 80px)); padding: 0; border: 1px solid rgba(111,186,255,.27); border-radius: 20px; background: rgba(8,14,24,.98); color: var(--r9b-text); box-shadow: 0 35px 120px rgba(0,0,0,.66); overflow: hidden; }
.r9b-command::backdrop { background: rgba(1,4,8,.72); backdrop-filter: blur(10px); }
.r9b-command-head { display: grid; grid-template-columns: 23px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 14px; border-bottom: 1px solid var(--r9b-line); }
.r9b-command-head > svg { width: 21px; height: 21px; color: var(--r9b-cyan); }
.r9b-command-head input { width: 100%; border: 0; background: transparent; color: var(--r9b-text); font-size: .9rem; outline: none; }
.r9b-command-results { max-height: 500px; overflow: auto; padding: 8px; }
.r9b-command-result { width: 100%; min-height: 58px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 8px; border: 1px solid transparent; border-radius: 12px; background: transparent; text-align: left; cursor: pointer; }
.r9b-command-result:hover, .r9b-command-result[aria-selected="true"] { border-color: var(--r9b-line); background: rgba(255,255,255,.045); }
.r9b-command-result > span:first-child { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--r9b-cyan); background: rgba(62,229,255,.07); font: 850 .63rem/1 ui-monospace, Consolas, monospace; }
.r9b-command-result div { display: grid; }
.r9b-command-result strong { font-size: .76rem; }
.r9b-command-result small { color: var(--r9b-dim); font-size: .63rem; }
.r9b-command-result > small { padding-right: 5px; }

@media (min-width: 1900px) {
  :root { --r9b-sidebar: 316px; }
  .r9b-view { width: min(100%, 2050px); padding-inline: clamp(50px, 4vw, 92px); }
  .r9b-home-hero { grid-template-columns: minmax(620px,.95fr) minmax(750px,1.05fr); }
  .r9b-control-scene { min-height: 680px; }
  .r9b-tool-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .r9b-quick-card { min-height: 96px; }
}

@media (max-width: 1380px) {
  :root { --r9b-sidebar: 92px; }
  .r9b-brand-row { padding-inline: 10px; justify-content: center; }
  .r9b-brand { justify-content: center; }
  .r9b-brand span, .r9b-nav-copy, .r9b-nav-label, .r9b-tool-link strong, .r9b-tool-link small, .r9b-secondary-nav, .r9b-system-state span { display: none; }
  .r9b-nav-item { justify-content: center; padding-inline: 0; }
  .r9b-nav-icon { width: 42px; height: 42px; }
  .r9b-nav-section { display: grid; gap: 6px; justify-items: center; }
  .r9b-tool-link { width: 48px; min-height: 44px; display: grid; grid-template-columns: 1fr; padding: 6px; }
  .r9b-tool-link > span { width: 34px; height: 34px; margin: auto; }
  .r9b-system-state { justify-content: center; }
  .r9b-home-hero { grid-template-columns: minmax(0,.95fr) minmax(390px,1.05fr); }
  .r9b-tool-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 1100px) {
  .r9b-topbar { grid-template-columns: minmax(0,1fr) auto; }
  .r9b-topbar-center { display: none; }
  .r9b-command-button { min-width: 42px; width: 42px; justify-content: center; padding: 0; }
  .r9b-command-button span, .r9b-command-button kbd { display: none; }
  .r9b-home-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 30px; }
  .r9b-hero-copy { max-width: 820px; }
  .r9b-control-scene { min-height: 520px; }
  .r9b-quick-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .r9b-domains { grid-template-columns: 1fr; }
  .r9b-domain-card { grid-template-columns: 190px minmax(0,1fr); }
  .r9b-tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .r9b-about-layout { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  :root { --r9b-topbar: 58px; --r9b-statusbar: 0px; }
  body { overflow: hidden; }
  .r9b-app { grid-template-columns: 1fr; grid-template-rows: calc(var(--r9b-topbar) + var(--r9b-safe-top)) minmax(0,1fr); grid-template-areas: "topbar" "main"; }
  .r9b-sidebar { position: fixed; inset: 0 auto 0 0; width: min(304px, calc(100vw - 48px)); transform: translateX(-105%); transition: transform .28s var(--r9b-ease); box-shadow: 30px 0 90px rgba(0,0,0,.5); }
  .r9b-sidebar[data-open="true"] { transform: none; }
  .r9b-sidebar-close { display: inline-grid !important; order: 2; }
  .r9b-brand-row { padding-inline: 5px; justify-content: initial; }
  .r9b-brand { justify-content: flex-start; }
  .r9b-brand span, .r9b-nav-copy, .r9b-nav-label, .r9b-tool-link strong, .r9b-tool-link small, .r9b-secondary-nav, .r9b-system-state span { display: grid; }
  .r9b-primary-nav { display: grid; }
  .r9b-nav-item { justify-content: flex-start; padding-inline: 10px; }
  .r9b-nav-section { display: block; }
  .r9b-tool-link { width: 100%; text-decoration: none; min-height: 42px; display: grid; grid-template-columns: 31px minmax(0,1fr) auto; padding: 5px 10px; }
  .r9b-tool-link > span { width: 29px; height: 29px; margin: 0; }
  .r9b-system-state { justify-content: flex-start; }
  .r9b-topbar { padding: var(--r9b-safe-top) 10px 0; }
  .r9b-menu-button { display: inline-grid !important; }
  .r9b-breadcrumb > span:first-child, .r9b-breadcrumb > svg { display: none; }
  .r9b-breadcrumb strong { max-width: 44vw; }
  .r9b-topbar-actions > .r9b-icon-button { display: none; }
  .r9b-avatar-button { width: 39px; padding: 3px; }
  .r9b-avatar-button span { display: none; }
  .r9b-main { padding-bottom: calc(68px + var(--r9b-safe-bottom)); }
  .r9b-view { padding: 22px 16px 34px; }
  .r9b-workspace-view { padding: 0; }
  .r9b-statusbar { display: none; }
  .r9b-mobile-nav { position: fixed; z-index: 70; left: 10px; right: 10px; bottom: calc(8px + var(--r9b-safe-bottom)); min-height: 58px; display: grid; grid-template-columns: repeat(3,1fr); padding: 5px; border: 1px solid rgba(124,183,255,.2); border-radius: 18px; background: rgba(7,12,21,.92); box-shadow: 0 18px 55px rgba(0,0,0,.48); backdrop-filter: blur(22px); }
  .r9b-mobile-nav :is(a, button) { display: grid; place-items: center; align-content: center; gap: 2px; border: 0; border-radius: 13px; background: transparent; color: var(--r9b-dim); font-size: .56rem; text-decoration: none; cursor: pointer; }
  .r9b-mobile-nav :is(a, button)[aria-current="page"] { color: var(--r9b-cyan); background: rgba(62,229,255,.07); }
  .r9b-mobile-nav svg { width: 21px; height: 21px; }
  .r9b-home-hero { display: block; padding-top: 20px; }
  .r9b-eyebrow { margin-bottom: 15px; font-size: .6rem; }
  .r9b-hero-copy h1 { max-width: 10ch; font-size: clamp(3rem,14vw,5rem); }
  .r9b-hero-copy > p { margin-top: 19px; font-size: .93rem; }
  .r9b-hero-actions { margin-top: 23px; }
  .r9b-primary-button, .r9b-secondary-button { min-height: 46px; padding: 0 17px; font-size: .77rem; }
  .r9b-proof-line { gap: 7px 12px; font-size: .61rem; }
  .r9b-control-scene { min-height: 410px; margin-top: 10px; }
  .r9b-control-scene::before { inset: 4% 0 4%; border-radius: 25px; }
  .r9b-scene-earth { inset: 0 -10% -2% -5%; opacity: .46; }
  .r9b-led-wall { left: 3%; top: 23%; width: 57%; height: 42%; }
  .r9b-fixture-rig { right: 1%; top: 22%; width: 42%; height: 55%; }
  .r9b-scene-status { min-width: 118px; padding: 8px 10px; }
  .r9b-scene-status--one { left: 0; top: 8%; }
  .r9b-scene-status--two { right: 0; bottom: 7%; }
  .r9b-quick-grid { grid-template-columns: 1fr; }
  .r9b-quick-card { min-height: 72px; }
  .r9b-domains { padding-bottom: 20px; }
  .r9b-domain-card { min-height: 0; grid-template-columns: 100px minmax(0,1fr); gap: 18px; padding: 20px; border-radius: 18px; }
  .r9b-domain-symbol { min-height: 95px; }
  .r9b-domain-card h2 { font-size: 1.35rem; }
  .r9b-domain-card p { font-size: .7rem; }
  .r9b-page-head { min-height: 150px; align-items: center; }
  .r9b-page-head :is(h1, h2) { font-size: clamp(2.5rem,12vw,4rem); }
  .r9b-page-head-state { display: none; }
  .r9b-tool-grid { grid-template-columns: 1fr; }
  .r9b-tool-card { min-height: 230px; }
  .r9b-workspace-bar { min-height: 58px; padding: 7px 9px; }
  .r9b-workspace-identity .r9b-card-code { width: 38px; height: 38px; }
  .r9b-workspace-tools .r9b-icon-button:first-child, .r9b-workspace-switch { display: none; }
  .r9b-frame-stage { height: calc(100% - 58px); }
  .r9b-contact-grid { grid-template-columns: 1fr; }
  .r9b-contact-card { min-height: 180px; padding: 20px; }
  .r9b-avadog { top: auto; right: 8px; left: 8px; bottom: calc(76px + var(--r9b-safe-bottom)); width: auto; max-height: min(72dvh, 680px); border-radius: 22px; transform: translateY(calc(100% + 100px)); }
  .r9b-avadog[aria-hidden="false"] { transform: none; }
  .r9b-command { max-height: calc(100dvh - 26px); }
}

@media (max-width: 520px) {
  .r9b-topbar-actions .r9b-command-button { display: none; }
  .r9b-hero-actions { display: grid; }
  .r9b-primary-button, .r9b-secondary-button { width: 100%; }
  .r9b-proof-line { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .r9b-control-scene { min-height: 355px; }
  .r9b-scene-status { display: none; }
  .r9b-domain-card { display: block; }
  .r9b-domain-symbol { width: 118px; margin-bottom: 16px; }
  .r9b-page-head { min-height: 130px; }
  .r9b-page-head p { font-size: .83rem; }
  .r9b-contact-card { grid-template-columns: 44px minmax(0,1fr); gap: 13px; }
  .r9b-contact-icon { width: 44px; height: 44px; }
}

@media (max-height: 760px) and (min-width: 821px) {
  :root { --r9b-topbar: 56px; --r9b-statusbar: 30px; }
  .r9b-sidebar { padding-top: 11px; padding-bottom: 8px; }
  .r9b-brand-row { padding-bottom: 10px; }
  .r9b-primary-nav { padding-top: 9px; padding-bottom: 4px; }
  .r9b-nav-section { padding-top: 5px; }
  .r9b-tool-link { min-height: 35px; }
  .r9b-view { padding-top: 22px; padding-bottom: 28px; }
  .r9b-home-hero { min-height: 470px; }
  .r9b-control-scene { min-height: 450px; }
  .r9b-quick-launch { padding-top: 20px; }
}

@media (pointer: coarse) {
  .r9b-tool-link, .r9b-nav-item, .r9b-filter-row button, .r9b-tool-card > button { min-height: 44px; }
  .r9b-icon-button { width: 44px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
  .r9b-control-scene { transform: none !important; }
}

/* R9 Etapa 2G — Home objetiva com menu direto, shell único e AVADOG como mascote. */
body[data-r9-view="home"] .r9b-main { overflow: auto; }
body[data-r9-view="home"] .r9b-view[data-view="home"] {
  min-height: 100%;
  padding-top: clamp(18px, 2vw, 30px);
}
body[data-r9-view="home"] .r9b-home-hero {
  min-height: auto;
  align-items: start;
  padding-block: 0 clamp(22px, 3vh, 34px);
}
body[data-r9-view="home"] .r9b-hero-copy {
  align-self: start;
  max-width: 720px;
  padding-top: clamp(6px, 1vh, 12px);
}
body[data-r9-view="home"] .r9b-hero-copy h1 {
  max-width: 12ch;
  font-size: clamp(3rem, 5.4vw, 6.4rem);
  line-height: .92;
  letter-spacing: -.07em;
}
body[data-r9-view="home"] .r9b-hero-copy > p {
  max-width: 700px;
  font-size: clamp(.96rem, 1.18vw, 1.16rem);
  line-height: 1.58;
}
body[data-r9-view="home"] .r9b-control-scene {
  align-self: start;
  min-height: clamp(370px, 48vh, 530px);
  margin-top: 0;
}
body[data-r9-view="home"] .r9b-scene-status { display: none !important; }

.r9b-home-tools {
  padding: clamp(20px, 3vw, 34px) 0 clamp(44px, 6vw, 74px);
  border-top: 1px solid var(--r9b-line);
}
.r9b-home-tools .r9b-section-head { align-items: start; margin-bottom: 16px; }
.r9b-home-tools .r9b-section-head p {
  max-width: 60ch;
  margin: 8px 0 0;
  color: var(--r9b-muted);
  font-size: .76rem;
}
.r9b-home-tools .r9b-quick-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.r9b-home-tools .r9b-quick-card:last-child { grid-column: auto; }

/* O shell R9 permanece como o único menu global. O chrome global antigo das ferramentas é removido no iframe. */
body[data-r9-view="workspace"] .r9b-avadog-mascot { display: none !important; }

/* O chat experimental do shell foi removido; a AVADOG aprovada permanece apenas como mascote. */
.r9b-avadog { display: none !important; }
.r9b-avadog-mascot {
  position: fixed;
  z-index: 108;
  right: 16px;
  bottom: calc(var(--r9b-statusbar) + 10px + var(--r9b-safe-bottom));
  width: clamp(82px, 7vw, 118px);
  aspect-ratio: 1;
  pointer-events: none;
  overflow: hidden;
  border-radius: 28px;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .38));
}
.r9b-avadog-mascot video,
.r9b-avadog-mascot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.r9b-avadog-mascot img { z-index: 0; }
.r9b-avadog-mascot video { z-index: 1; transform: scale(1.08); }

@media (max-width: 1380px) and (min-width: 1101px) {
  .r9b-home-tools .r9b-quick-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1040px) {
  body[data-r9-view="home"] .r9b-view[data-view="home"] { padding-top: 18px; }
  body[data-r9-view="home"] .r9b-home-hero { min-height: auto; padding-block: 0 36px; }
  body[data-r9-view="home"] .r9b-hero-copy { padding-top: 0; }
  body[data-r9-view="home"] .r9b-hero-copy h1 { max-width: 14ch; }
  .r9b-home-tools .r9b-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  body[data-r9-view="home"] .r9b-view[data-view="home"] { padding-top: 14px; }
  body[data-r9-view="home"] .r9b-home-hero { padding: 0 0 34px; }
  body[data-r9-view="home"] .r9b-hero-copy h1 { font-size: clamp(2.7rem, 14vw, 4.6rem); }
  body[data-r9-view="home"] .r9b-control-scene { display: none; }
  body[data-r9-view="home"] .r9b-home-hero { padding-bottom: 22px; }
  .r9b-home-tools { padding-top: 20px; }
  .r9b-home-tools .r9b-quick-grid { grid-template-columns: 1fr; }
  .r9b-home-tools .r9b-quick-card { min-height: 76px; }
  .r9b-avadog-mascot { right: 8px; bottom: calc(72px + var(--r9b-safe-bottom)); width: 82px; }
}


/* R9 Etapa 2H: identidade global e AVADOG são fornecidas por infotech-global-standard-r9-2h.css. */


/* SOURCE /assets/infotech-global-standard-r9-2h.css */
/* INFOTECH R9 ETAPA 2H — identidade, AVADOG e rotas padronizadas.
   Camada exclusivamente visual e de navegação. Não altera motores ou conversores. */
:root {
  --it-r9-cyan: #3ee5ff;
  --it-r9-magenta: #ff4fd8;
  --it-r9-violet: #9a74ff;
  --it-r9-ink: #050910;
  --it-r9-panel: rgba(8, 14, 30, .96);
  --it-r9-line: rgba(91, 157, 220, .28);
  --it-r9-text: #f2f7ff;
  --it-r9-muted: #a9b7cf;
  --it-r9-avadog-size: 210px;
}

/* Marca compacta obrigatória nas páginas que não possuem cabeçalho próprio. */
html body .it-r9-brand-fallback {
  position: fixed !important;
  z-index: 7800 !important;
  top: max(12px, env(safe-area-inset-top, 0px)) !important;
  left: max(12px, env(safe-area-inset-left, 0px)) !important;
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 12px 6px 7px !important;
  border: 1px solid rgba(62, 229, 255, .26) !important;
  border-radius: 16px !important;
  background: rgba(5, 10, 22, .9) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .34), 0 0 24px rgba(62, 229, 255, .08) !important;
  color: var(--it-r9-text) !important;
  text-decoration: none !important;
  backdrop-filter: blur(18px) !important;
}
html body .it-r9-brand-fallback img { width: 40px !important; height: 40px !important; object-fit: contain !important; filter: drop-shadow(0 0 10px rgba(62,229,255,.22)) !important; }
html body .it-r9-brand-fallback span { min-width: 0 !important; display: grid !important; gap: 2px !important; }
html body .it-r9-brand-fallback strong { color: #fff !important; font: 850 .75rem/1.1 Inter, "Segoe UI", Arial, sans-serif !important; letter-spacing: .11em !important; }
html body .it-r9-brand-fallback small { color: var(--it-r9-muted) !important; font: 600 .62rem/1.1 Inter, "Segoe UI", Arial, sans-serif !important; }

/* Marca permanente do shell: continua visível quando uma ferramenta é aberta. */
.r9b-topbar-brand {
  flex: 0 0 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f6fbff;
  text-decoration: none;
}
.r9b-topbar-brand img { width: 32px; height: 32px; object-fit: contain; filter: drop-shadow(0 0 9px rgba(62,229,255,.22)); }
.r9b-topbar-brand span { font-size: .66rem; font-weight: 850; letter-spacing: .1em; white-space: nowrap; }
.r9b-topbar-brand:hover { color: #fff; }

/* AVADOG canônica — mesma estrutura e comportamento em todas as páginas. */
html body .infotech-support-float,
html body .infotech-support-float.open,
html body .infotech-support-float.talking,
html body .infotech-support-float.scroll-left,
html body .infotech-support-float.scroll-right {
  position: fixed !important;
  z-index: 8600 !important;
  right: 18px !important;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  width: var(--it-r9-avadog-size) !important;
  height: var(--it-r9-avadog-size) !important;
  min-width: var(--it-r9-avadog-size) !important;
  min-height: var(--it-r9-avadog-size) !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  contain: none !important;
  isolation: auto !important;
  transform: none !important;
  pointer-events: none !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}
html body.r9b-body .infotech-support-float { bottom: calc(var(--r9b-statusbar, 34px) + 12px + env(safe-area-inset-bottom, 0px)) !important; }
html body[data-r9-embedded="true"] .infotech-support-float { display: none !important; }

html body .infotech-support-float .support-mascot-btn {
  position: absolute !important;
  z-index: 8601 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: var(--it-r9-avadog-size) !important;
  height: var(--it-r9-avadog-size) !important;
  min-width: var(--it-r9-avadog-size) !important;
  min-height: var(--it-r9-avadog-size) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 34px !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: scale(.94) !important;
  transform-origin: right bottom !important;
  filter: drop-shadow(0 0 9px rgba(62,229,255,.28)) drop-shadow(0 0 13px rgba(255,79,216,.2)) !important;
  animation: itR9AvadogFloat 3.8s ease-in-out infinite !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
html body .infotech-support-float.open .support-mascot-btn { animation-play-state: paused !important; }
html body .infotech-support-float .support-mascot-btn:hover { transform: scale(.98) !important; filter: drop-shadow(0 0 13px rgba(62,229,255,.36)) drop-shadow(0 0 18px rgba(255,79,216,.28)) !important; }
html body .infotech-support-float .support-mascot-btn video,
html body .infotech-support-float .support-mascot-btn img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-position: center center !important;
  pointer-events: none !important;
  transform-origin: center center !important;
}
html body .infotech-support-float .support-mascot-btn video { z-index: 2 !important; object-fit: cover !important; transform: scale(1.18) !important; }
html body .infotech-support-float .support-mascot-btn img { z-index: 1 !important; object-fit: contain !important; transform: scale(1.04) !important; opacity: 1 !important; visibility: visible !important; }
html body .infotech-support-float .support-mascot-btn.video-ready img,
html body .infotech-support-float .support-mascot-btn.ava-video-ready img { opacity: 0 !important; visibility: hidden !important; }

html body .infotech-support-float .support-bubble,
html body .infotech-support-float .support-card {
  position: absolute !important;
  z-index: 8602 !important;
  right: 0 !important;
  width: 330px !important;
  max-width: calc(100vw - 32px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  color: var(--it-r9-text) !important;
  border: 1px solid rgba(62,229,255,.3) !important;
  background: linear-gradient(145deg, rgba(7,14,31,.97), rgba(24,9,39,.96)) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.44), 0 0 24px rgba(62,229,255,.13) !important;
  backdrop-filter: blur(18px) !important;
  transform: translateY(8px) scale(.985) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
}
html body .infotech-support-float .support-bubble {
  bottom: 188px !important;
  padding: 12px 14px !important;
  border-radius: 18px 18px 6px 18px !important;
  pointer-events: none !important;
}
html body .infotech-support-float.talking .support-bubble,
html body .infotech-support-float.open .support-bubble { opacity: 1 !important; visibility: visible !important; transform: none !important; }
html body .infotech-support-float .support-bubble strong { display: block !important; margin: 0 0 6px !important; color: var(--it-r9-cyan) !important; font-size: 11px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
html body .infotech-support-float .support-bubble p { min-height: 34px !important; margin: 0 !important; color: #f4f8ff !important; font-size: 12px !important; line-height: 1.45 !important; }
html body .infotech-support-float .cursor { display: inline-block !important; width: 7px !important; height: 1.05em !important; margin-left: 4px !important; vertical-align: -2px !important; border-radius: 999px !important; background: linear-gradient(180deg,var(--it-r9-cyan),var(--it-r9-magenta)) !important; animation: itR9Cursor .95s steps(1) infinite !important; }

html body .infotech-support-float .support-card {
  bottom: 262px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  pointer-events: none !important;
}
html body .infotech-support-float.open .support-card { opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; }
html body .infotech-support-float .support-card strong { display: block !important; margin: 0 0 6px !important; color: #fff !important; font-size: 14px !important; font-weight: 850 !important; }
html body .infotech-support-float .support-card p { margin: 0 0 11px !important; color: var(--it-r9-muted) !important; font-size: 12px !important; line-height: 1.45 !important; }
html body .infotech-support-float .support-actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
html body .infotech-support-float .support-actions a { flex: 1 1 110px !important; min-height: 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 12px !important; border: 0 !important; border-radius: 999px !important; color: #06101f !important; background: linear-gradient(90deg,#3ee5ff,#9bfbff) !important; box-shadow: 0 0 14px rgba(62,229,255,.2) !important; text-align: center !important; text-decoration: none !important; font-size: 12px !important; font-weight: 850 !important; }
html body .infotech-support-float .support-actions a.instagram { color: #fff !important; background: linear-gradient(90deg,#ff4fd8,#8a5cff) !important; box-shadow: 0 0 14px rgba(255,79,216,.2) !important; }

/* Rotas auxiliares e redirecionamentos com acabamento consistente. */
html body.it-r9-route-page {
  min-height: 100dvh !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 94px 20px 130px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  color: var(--it-r9-text) !important;
  background: radial-gradient(circle at 16% 18%,rgba(62,229,255,.16),transparent 30%), radial-gradient(circle at 86% 14%,rgba(255,79,216,.11),transparent 28%), linear-gradient(145deg,#03060c,#070b16 52%,#050510) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}
.it-r9-route-card { width: min(620px,100%) !important; display: grid !important; justify-items: center !important; gap: 16px !important; padding: clamp(26px,5vw,48px) !important; box-sizing: border-box !important; border: 1px solid var(--it-r9-line) !important; border-radius: 28px !important; background: rgba(7,13,26,.87) !important; box-shadow: 0 28px 80px rgba(0,0,0,.46), 0 0 56px rgba(62,229,255,.06) !important; text-align: center !important; backdrop-filter: blur(22px) !important; }
.it-r9-route-brand { display: inline-flex !important; align-items: center !important; gap: 12px !important; color: #fff !important; text-decoration: none !important; }
.it-r9-route-brand img { width: 64px !important; height: 64px !important; object-fit: contain !important; filter: drop-shadow(0 0 14px rgba(62,229,255,.23)) !important; }
.it-r9-route-brand span { display: grid !important; justify-items: start !important; gap: 4px !important; text-align: left !important; }
.it-r9-route-brand strong { font-size: .84rem !important; letter-spacing: .14em !important; }
.it-r9-route-brand small { color: var(--it-r9-muted) !important; font-size: .72rem !important; }
.it-r9-route-card .it-r9-route-kicker { margin: 2px 0 -4px !important; color: var(--it-r9-cyan) !important; font-size: .68rem !important; font-weight: 850 !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
.it-r9-route-card h1 { margin: 0 !important; color: #fff !important; font-size: clamp(1.65rem,4vw,2.7rem) !important; line-height: 1.05 !important; }
.it-r9-route-card p { max-width: 50ch !important; margin: 0 !important; color: var(--it-r9-muted) !important; font-size: .95rem !important; line-height: 1.65 !important; }
.it-r9-route-card > a:last-child { min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 20px !important; border: 1px solid rgba(62,229,255,.44) !important; border-radius: 999px !important; color: #04101a !important; background: linear-gradient(90deg,#3ee5ff,#98f9ff) !important; text-decoration: none !important; font-size: .82rem !important; font-weight: 850 !important; box-shadow: 0 0 18px rgba(62,229,255,.15) !important; }

@keyframes itR9AvadogFloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@keyframes itR9Cursor { 50% { opacity: 0; } }

@media (max-width: 1050px) {
  :root { --it-r9-avadog-size: 104px; }
  html body .infotech-support-float,
  html body .infotech-support-float.open,
  html body .infotech-support-float.talking { right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important; }
  html body.r9b-body .infotech-support-float { bottom: calc(78px + env(safe-area-inset-bottom,0px)) !important; }
  html body .infotech-support-float .support-mascot-btn { border-radius: 22px !important; transform: none !important; }
  html body .infotech-support-float .support-mascot-btn video { transform: scale(1.24) !important; }
  html body .infotech-support-float .support-bubble { bottom: 104px !important; width: min(286px,calc(100vw - 22px)) !important; }
  html body .infotech-support-float .support-card { bottom: 180px !important; width: min(286px,calc(100vw - 22px)) !important; }
  .r9b-topbar-brand span { display: none; }
}
@media (max-width: 430px) {
  :root { --it-r9-avadog-size: 88px; }
  html body .infotech-support-float .support-bubble { bottom: 90px !important; width: min(270px,calc(100vw - 18px)) !important; padding: 10px 12px !important; }
  html body .infotech-support-float .support-card { bottom: 160px !important; width: min(286px,calc(100vw - 18px)) !important; }
  html body .it-r9-brand-fallback { top: 8px !important; left: 8px !important; min-height: 46px !important; padding: 5px 9px 5px 5px !important; }
  html body .it-r9-brand-fallback img { width: 35px !important; height: 35px !important; }
  html body .it-r9-brand-fallback small { display: none !important; }
  .r9b-topbar-brand img { width: 29px; height: 29px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .infotech-support-float .support-mascot-btn,
  html body .infotech-support-float .cursor { animation: none !important; }
}

/* Segurança de composição sobre iframes: mantém texto e mascote da AVADOG nítidos no workspace. */
html body.r9b-body[data-r9-view="workspace"] .infotech-support-float {
  isolation: isolate !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform !important;
}
html body.r9b-body[data-r9-view="workspace"] .infotech-support-float .support-bubble,
html body.r9b-body[data-r9-view="workspace"] .infotech-support-float .support-card {
  isolation: isolate !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.r9b-body[data-r9-view="workspace"] .infotech-support-float .support-bubble > *,
html body.r9b-body[data-r9-view="workspace"] .infotech-support-float .support-card > * {
  position: relative !important;
  z-index: 2 !important;
}

/* A camada global é a autoridade final da AVADOG, inclusive sobre regras móveis legadas. */
html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: var(--it-r9-avadog-size) !important;
  height: var(--it-r9-avadog-size) !important;
  min-width: var(--it-r9-avadog-size) !important;
  min-height: var(--it-r9-avadog-size) !important;
  max-width: none !important;
}
html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float .support-mascot-btn.support-mascot-btn {
  display: block !important;
  width: var(--it-r9-avadog-size) !important;
  height: var(--it-r9-avadog-size) !important;
  min-width: var(--it-r9-avadog-size) !important;
  min-height: var(--it-r9-avadog-size) !important;
}
html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float .support-bubble.support-bubble {
  display: block !important;
}
@media (max-width: 560px) {
  :root { --it-r9-avadog-size: 96px; }
  html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float {
    right: 8px !important;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float .support-bubble.support-bubble {
    bottom: 98px !important;
    width: min(276px, calc(100vw - 18px)) !important;
  }
  html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float .support-card.support-card {
    bottom: 168px !important;
    width: min(286px, calc(100vw - 18px)) !important;
  }
}
@media (max-width: 430px) {
  :root { --it-r9-avadog-size: 88px; }
  html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float {
    display: block !important;
  }
  html body:not([data-r9-embedded="true"]) #infotechSupportFloat.infotech-support-float .support-bubble.support-bubble {
    bottom: 90px !important;
    width: min(270px, calc(100vw - 18px)) !important;
  }
}


/* SOURCE /assets/r9/infotech-r9-stage2i.css */
/* INFOTECH R9 ETAPA 2I — shell contínuo, background único e AVADOG restrita ao trio Fixture. */

/* A Home permanece com a cena 3D aprovada, agora dentro da mesma linguagem de painéis das ferramentas. */
body[data-r9-view="home"] .r9b-view[data-view="home"] {
  padding-top: clamp(18px, 2vw, 32px);
}
body[data-r9-view="home"] .r9b-home-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(500px, calc(100dvh - 210px), 760px);
  padding: clamp(26px, 3.2vw, 54px);
  border: 1px solid rgba(62, 229, 255, .28);
  border-radius: 30px;
  background:
    radial-gradient(circle at 16% 18%, rgba(0, 229, 255, .12), transparent 35%),
    radial-gradient(circle at 88% 16%, rgba(255, 42, 211, .09), transparent 31%),
    linear-gradient(135deg, rgba(5, 15, 30, .90), rgba(12, 7, 30, .82));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 30px 80px rgba(0,0,0,.32), 0 0 54px rgba(0,229,255,.055);
  overflow: hidden;
}
body[data-r9-view="home"] .r9b-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,229,255,.38), rgba(255,42,211,.34)) top left / 100% 2px no-repeat;
  opacity: .82;
}
body[data-r9-view="home"] .r9b-eyebrow { color: #58efff; }
body[data-r9-view="home"] .r9b-hero-copy h1 {
  background: linear-gradient(104deg, #f7faff 0 48%, #f6f8ff 48%, #ff45dc 91%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 34px rgba(255, 51, 214, .08);
}
body[data-r9-view="home"] .r9b-control-scene::before {
  border-color: rgba(62,229,255,.22);
  background: radial-gradient(circle at 52% 44%, rgba(14, 94, 154, .18), transparent 54%), linear-gradient(145deg, rgba(5,17,34,.54), rgba(15,6,31,.72));
  box-shadow: inset 0 0 100px rgba(0,220,255,.08), 0 40px 90px rgba(0,0,0,.30), 0 0 44px rgba(255,42,211,.045);
}
body[data-r9-view="home"] .r9b-home-tools {
  margin-top: clamp(20px, 2.4vw, 34px);
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid rgba(62,229,255,.22);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(6,14,29,.78), rgba(12,7,28,.68));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.014), 0 24px 70px rgba(0,0,0,.23);
}
body[data-r9-view="home"] .r9b-quick-card {
  background: linear-gradient(145deg, rgba(9,20,39,.78), rgba(12,8,29,.70));
}

/* O conteúdo da ferramenta começa imediatamente após o cabeçalho global. */
.r9b-workspace-bar,
.r9b-command,
.r9b-command-button,
.r9b-workspace-switch { display: none !important; }
.r9b-workspace-view,
.r9b-frame-stage,
.r9b-frame-cache,
.r9b-tool-frame {
  background: transparent !important;
}
.r9b-frame-stage {
  height: 100% !important;
  min-height: 0;
}
.r9b-frame-cache,
.r9b-tool-frame {
  border: 0;
  color-scheme: dark;
}
.r9b-tool-frame { display: none; }
.r9b-tool-frame[data-active="true"] { display: block; }
body[data-r9-view="workspace"] .r9b-main { overflow: hidden; }

/* A AVADOG global foi removida. A versão nativa existe somente no trio de fixtures. */
body.r9b-body > .infotech-support-float,
body.r9b-body > .r9b-avadog,
body.r9b-body > .r9b-avadog-mascot { display: none !important; }

@media (max-width: 1040px) {
  body[data-r9-view="home"] .r9b-home-hero { padding: 24px; }
}
@media (max-width: 720px) {
  body[data-r9-view="home"] .r9b-home-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 20px 16px 18px;
    border-radius: 23px;
  }
  /* Mantém o 3D no mobile em uma composição reduzida, em vez de removê-lo. */
  body[data-r9-view="home"] .r9b-control-scene {
    display: block !important;
    min-height: 285px;
    margin-top: 0;
    transform: scale(.92) !important;
    transform-origin: center top;
  }
  body[data-r9-view="home"] .r9b-control-scene::before { inset: 4% 0 6%; }
  body[data-r9-view="home"] .r9b-home-tools {
    margin-top: 16px;
    padding: 20px 14px;
    border-radius: 22px;
  }
}
@media (max-width: 430px) {
  body[data-r9-view="home"] .r9b-control-scene {
    min-height: 245px;
    transform: scale(.84) !important;
    margin-inline: -18px;
  }
}


/* SOURCE /assets/r9/infotech-r9-stage2j.css */
/* INFOTECH R9 ETAPA 2J — frame readiness, zero flash e marca persistente. */
.r9b-tool-frame {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .14s ease-out !important;
}
.r9b-tool-frame[data-active="true"][data-ready="true"] {
  opacity: 1 !important;
  visibility: visible !important;
}
.r9b-frame-placeholder {
  z-index: 5 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 229, 255, .10), transparent 28%),
    linear-gradient(145deg, rgba(4, 10, 19, .98), rgba(8, 6, 20, .98)) !important;
}


/* SOURCE /assets/r9/infotech-r9-stage2k.css */
/* INFOTECH R9 ETAPA 2K — menu lateral sobreposto, recolhível, frame integral e loader não bloqueante. */
:root {
  --r9k-sidebar-expanded: 286px;
  --r9k-sidebar-collapsed: 78px;
  --r9k-sidebar-visible: var(--r9k-sidebar-expanded);
}
body[data-r9-sidebar-collapsed="true"] { --r9k-sidebar-visible: var(--r9k-sidebar-collapsed); }

/* A navegação deixa de reservar uma coluna: fica sobre a Home/ferramenta. */
.r9b-app {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: var(--r9b-topbar) minmax(0, 1fr) var(--r9b-statusbar) !important;
  grid-template-areas: "topbar" "main" "status" !important;
}
.r9b-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 90 !important;
  width: var(--r9k-sidebar-visible) !important;
  min-width: var(--r9k-sidebar-visible) !important;
  max-width: var(--r9k-sidebar-visible) !important;
  overflow: hidden !important;
  transition: width .24s var(--r9b-ease), min-width .24s var(--r9b-ease), max-width .24s var(--r9b-ease), transform .28s var(--r9b-ease) !important;
}
.r9b-topbar,
.r9b-statusbar {
  padding-left: calc(var(--r9k-sidebar-visible) + 18px) !important;
  transition: padding-left .24s var(--r9b-ease) !important;
}
body:not([data-r9-view="workspace"]) .r9b-main {
  padding-left: var(--r9k-sidebar-visible);
  transition: padding-left .24s var(--r9b-ease);
}
body[data-r9-view="workspace"] .r9b-main { padding-left: 0 !important; }

/* Botão permanente de recolher/expandir. */
.r9b-sidebar-collapse {
  flex: 0 0 auto;
  display: inline-grid !important;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(105, 175, 255, .20);
  border-radius: 11px;
  background: rgba(255,255,255,.035);
  color: var(--r9b-muted);
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .24s var(--r9b-ease);
}
.r9b-sidebar-collapse:hover { border-color: rgba(62,229,255,.45); background: rgba(62,229,255,.08); color: var(--r9b-text); }
.r9b-sidebar-collapse svg { width: 18px; height: 18px; transition: transform .24s var(--r9b-ease); }
body[data-r9-sidebar-collapsed="true"] .r9b-sidebar-collapse svg { transform: rotate(180deg); }

/* O estado recolhido vira uma barra compacta no próprio canto, sem sumir. */
@media (min-width: 821px) {
  .r9b-brand span,
  .r9b-nav-copy,
  .r9b-nav-label,
  .r9b-tool-link strong,
  .r9b-tool-link small,
  .r9b-secondary-nav,
  .r9b-system-state span { display: grid !important; }
  .r9b-brand-row { padding-inline: 6px !important; justify-content: initial !important; }
  .r9b-brand { justify-content: flex-start !important; }
  .r9b-primary-nav { display: grid !important; }
  .r9b-nav-item { justify-content: flex-start !important; padding-inline: 10px !important; }
  .r9b-nav-section { display: block !important; }
  .r9b-tool-link {
    width: 100% !important;
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: 31px minmax(0,1fr) auto !important;
    padding: 5px 10px !important;
  }
  .r9b-tool-link > span { width: 29px !important; height: 29px !important; margin: 0 !important; }
  .r9b-system-state { justify-content: flex-start !important; }

  body[data-r9-sidebar-collapsed="true"] .r9b-sidebar { padding-inline: 9px !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-brand-row {
    display: grid !important;
    justify-items: center !important;
    gap: 9px !important;
    padding: 0 0 14px !important;
  }
  body[data-r9-sidebar-collapsed="true"] .r9b-brand { justify-content: center !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-brand img { width: 43px !important; height: 43px !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-brand span,
  body[data-r9-sidebar-collapsed="true"] .r9b-nav-copy,
  body[data-r9-sidebar-collapsed="true"] .r9b-nav-label,
  body[data-r9-sidebar-collapsed="true"] .r9b-tool-link strong,
  body[data-r9-sidebar-collapsed="true"] .r9b-tool-link small,
  body[data-r9-sidebar-collapsed="true"] .r9b-secondary-nav,
  body[data-r9-sidebar-collapsed="true"] .r9b-system-state span { display: none !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-primary-nav { justify-items: center !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-nav-item {
    width: 48px !important;
    min-height: 46px !important;
    justify-content: center !important;
    padding: 6px !important;
  }
  body[data-r9-sidebar-collapsed="true"] .r9b-nav-icon { width: 34px !important; height: 34px !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-nav-section { display: grid !important; justify-items: center !important; gap: 5px !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-tool-link {
    width: 48px !important;
    min-height: 44px !important;
    grid-template-columns: 1fr !important;
    padding: 6px !important;
  }
  body[data-r9-sidebar-collapsed="true"] .r9b-tool-link > span { width: 34px !important; height: 34px !important; margin: auto !important; }
  body[data-r9-sidebar-collapsed="true"] .r9b-system-state { justify-content: center !important; }
}

/* Workspace integral: sem moldura, margem ou barra interna adicionada pelo shell. */
.r9b-workspace-view,
.r9b-frame-stage,
.r9b-frame-cache,
.r9b-tool-frame { width: 100% !important; max-width: none !important; }
.r9b-workspace-view { margin: 0 !important; padding: 0 !important; }
.r9b-frame-stage { inset: auto !important; height: 100% !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important; }
.r9b-frame-cache { margin: 0 !important; padding: 0 !important; }
.r9b-tool-frame { margin: 0 !important; padding: 0 !important; border: 0 !important; }

/* O loader só aparece em carregamentos realmente lentos; nunca controla a liberação definitiva do frame. */
.r9b-frame-placeholder[hidden] { display: none !important; }
.r9b-frame-placeholder { pointer-events: none; }

@media (max-width: 820px) {
  :root { --r9k-sidebar-visible: 0px; }
  .r9b-app {
    grid-template-rows: calc(var(--r9b-topbar) + var(--r9b-safe-top)) minmax(0, 1fr) !important;
    grid-template-areas: "topbar" "main" !important;
  }
  .r9b-sidebar {
    width: min(304px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: auto !important;
  }
  .r9b-sidebar-collapse { display: none !important; }
  .r9b-topbar, .r9b-statusbar { padding-left: 10px !important; }
  body:not([data-r9-view="workspace"]) .r9b-main { padding-left: 0 !important; }
}


/* SOURCE /assets/r9/infotech-r9-stage2l.css */
/* INFOTECH R9 ETAPA 2L — Home no mesmo canvas operacional e softwares no menu lateral. */

/* O plano de fundo da Home ocupa o mesmo canvas integral das ferramentas. Apenas o conteúdo respeita a área visível do menu. */
body[data-r9-view="home"] .r9b-main {
  padding-left: 0 !important;
  overflow: auto !important;
}
body[data-r9-view="home"] .r9b-view[data-view="home"] {
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body[data-r9-view="home"] .r9b-home-hero,
body[data-r9-view="home"] .r9b-home-tools {
  padding-left: calc(var(--r9k-sidebar-visible) + clamp(22px, 3vw, 52px)) !important;
  padding-right: clamp(22px, 3vw, 52px) !important;
  transition: padding-left .24s var(--r9b-ease) !important;
}
body[data-r9-view="home"] .r9b-home-hero {
  width: 100% !important;
  max-width: none !important;
  padding-top: clamp(22px, 3vw, 48px) !important;
  padding-bottom: clamp(26px, 3vw, 42px) !important;
  background: linear-gradient(180deg, rgba(5,10,18,.16), rgba(5,9,16,.02));
}
body[data-r9-view="home"] .r9b-home-tools {
  width: 100% !important;
  max-width: none !important;
  padding-top: clamp(22px, 2.5vw, 36px) !important;
  padding-bottom: clamp(48px, 6vw, 82px) !important;
  border-top: 1px solid var(--r9b-line) !important;
  background: linear-gradient(180deg, rgba(8,14,25,.22), rgba(4,7,12,.02));
}

/* A área central do menu pode rolar sem mover marca, ações institucionais ou estado. */
.r9b-sidebar-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(111,161,220,.22) transparent;
}
.r9b-sidebar-scroll::-webkit-scrollbar { width: 5px; }
.r9b-sidebar-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(111,161,220,.22); }
.r9b-sidebar-spacer { display: none !important; }
.r9b-secondary-nav,
.r9b-system-state { flex: 0 0 auto; }
.r9b-nav-section--software { padding-bottom: 10px; }
.r9b-software-link > span {
  color: var(--r9b-magenta) !important;
  background: linear-gradient(145deg, rgba(238,100,255,.10), rgba(91,124,255,.08)) !important;
}
.r9b-software-link[aria-current="page"] > span {
  box-shadow: inset 0 0 18px rgba(238,100,255,.08), 0 0 15px rgba(154,116,255,.08);
}

/* As páginas de software incorporadas usam o mesmo canvas transparente do shell. */
body[data-r9-view="workspace"] .r9b-tool-frame[data-tool-frame="softwares"],
body[data-r9-view="workspace"] .r9b-tool-frame[data-tool-frame="alphadesk"],
body[data-r9-view="workspace"] .r9b-tool-frame[data-tool-frame="alphabridge"],
body[data-r9-view="workspace"] .r9b-tool-frame[data-tool-frame="mediabridge"],
body[data-r9-view="workspace"] .r9b-tool-frame[data-tool-frame="diskrescue"],
body[data-r9-view="workspace"] .r9b-tool-frame[data-tool-frame="showready"],
body[data-r9-view="workspace"] .r9b-tool-frame[data-tool-frame="inputbridge"] {
  background: transparent !important;
}

@media (max-width: 820px) {
  body[data-r9-view="home"] .r9b-home-hero,
  body[data-r9-view="home"] .r9b-home-tools {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .r9b-sidebar-scroll { overflow-y: auto; }
}


/* SOURCE /assets/r9/infotech-r9-stage2m.css */
/* INFOTECH R9 ETAPA 2M — fundo galáctico unificado, trilho lateral estável e estado ativo inequívoco. */
:root {
  --r9m-rail: 78px;
  --r9m-sidebar-expanded: 286px;
  --r9m-active-cyan: #52eaff;
  --r9m-active-violet: #9a74ff;
  --r9m-active-magenta: #f064ff;
}

/* Um único território visual: astronauta/galáxia INFOTECH em Home, ferramentas e softwares. */
.r9b-ambient {
  background:
    linear-gradient(90deg, rgba(2, 6, 14, .82) 0%, rgba(2, 7, 16, .58) 34%, rgba(1, 4, 11, .56) 68%, rgba(1, 4, 10, .78) 100%),
    linear-gradient(180deg, rgba(1, 5, 13, .36) 0%, rgba(1, 4, 10, .14) 45%, rgba(1, 4, 10, .68) 100%),
    url('/assets/backgrounds/infotech-bg-tools.webp') center center / cover no-repeat fixed !important;
  background-color: #02050d !important;
}
.r9b-ambient::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 63% 22%, rgba(39, 153, 255, .10), transparent 31rem),
    radial-gradient(circle at 87% 76%, rgba(154, 116, 255, .08), transparent 29rem),
    linear-gradient(180deg, rgba(2, 6, 14, .08), rgba(2, 5, 12, .26));
}
.r9b-ambient::after {
  opacity: .10 !important;
  background-size: 64px 64px !important;
}
.r9b-ambient-grid,
.r9b-ambient-orb,
.r9b-stars { opacity: 0 !important; animation: none !important; }

/* As camadas do shell deixam a identidade galáctica aparecer; painéis funcionais continuam legíveis. */
.r9b-main,
.r9b-view,
.r9b-workspace-view,
.r9b-frame-stage,
.r9b-frame-cache,
.r9b-tool-frame {
  background-color: transparent !important;
  background-image: none !important;
}
body[data-r9-view="home"] .r9b-home-hero,
body[data-r9-view="home"] .r9b-home-tools {
  background: transparent !important;
}
.r9b-frame-placeholder {
  background: linear-gradient(180deg, rgba(3, 9, 19, .72), rgba(3, 7, 15, .82)) !important;
  backdrop-filter: blur(12px);
}

/* Marca superior esquerda: legível quando o trilho está recolhido e substituída pela marca completa ao expandir. */
.r9b-topbar-brand {
  min-height: 40px;
  padding: 4px 11px 4px 6px;
  border: 1px solid rgba(82, 234, 255, .20);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(4, 13, 27, .82), rgba(10, 8, 28, .66));
  box-shadow: 0 0 24px rgba(62, 229, 255, .07), inset 0 1px rgba(255, 255, 255, .035);
  backdrop-filter: blur(16px);
}
.r9b-topbar-brand img { width: 34px !important; height: 34px !important; }
.r9b-topbar-brand span { color: #fff; text-shadow: 0 0 12px rgba(82, 234, 255, .18); }
.r9b-brand img { filter: drop-shadow(0 0 16px rgba(82, 234, 255, .30)) !important; }

/* Desktop: 78 px são sempre exclusivos do trilho. Expandir apenas sobrepõe; nunca redimensiona a página. */
@media (min-width: 821px) {
  :root {
    --r9k-sidebar-collapsed: var(--r9m-rail);
    --r9k-sidebar-expanded: var(--r9m-sidebar-expanded);
  }
  .r9b-sidebar {
    border-right-color: rgba(94, 183, 255, .22) !important;
    background:
      linear-gradient(180deg, rgba(4, 10, 21, .965), rgba(3, 7, 16, .94)),
      linear-gradient(135deg, rgba(62, 229, 255, .04), transparent 35%) !important;
    box-shadow: 20px 0 70px rgba(0, 0, 0, .34), inset -1px 0 rgba(62, 229, 255, .035) !important;
  }
  .r9b-topbar,
  .r9b-statusbar {
    padding-left: calc(var(--r9m-rail) + 18px) !important;
    transition: none !important;
  }
  .r9b-main,
  body[data-r9-view="workspace"] .r9b-main,
  body:not([data-r9-view="workspace"]) .r9b-main {
    padding-left: var(--r9m-rail) !important;
    transition: none !important;
  }
  body[data-r9-view="home"] .r9b-home-hero,
  body[data-r9-view="home"] .r9b-home-tools {
    padding-left: clamp(24px, 3vw, 54px) !important;
    transition: none !important;
  }
  .r9b-sidebar { will-change: width; }
  body[data-r9-sidebar-collapsed="true"] .r9b-sidebar {
    box-shadow: 12px 0 38px rgba(0, 0, 0, .30), inset -1px 0 rgba(82, 234, 255, .05) !important;
  }
  body[data-r9-sidebar-collapsed="true"] .r9b-brand {
    width: 52px !important;
    min-height: 52px;
    border: 1px solid rgba(82, 234, 255, .20);
    border-radius: 15px;
    background: rgba(5, 14, 29, .78);
    box-shadow: 0 0 22px rgba(82, 234, 255, .08);
  }
}

/* Estado ativo forte: borda, barra luminosa, ícone e indicador independentes do hover. */
.r9b-sidebar :is(.r9b-nav-item, .r9b-tool-link) { position: relative; isolation: isolate; }
.r9b-sidebar :is(.r9b-nav-item, .r9b-tool-link)[aria-current="page"] {
  color: #fff !important;
  border-color: rgba(82, 234, 255, .52) !important;
  background:
    linear-gradient(90deg, rgba(32, 184, 230, .22), rgba(91, 124, 255, .12) 58%, rgba(154, 116, 255, .08)) !important;
  box-shadow:
    inset 3px 0 0 var(--r9m-active-cyan),
    inset 0 0 24px rgba(62, 229, 255, .07),
    0 0 22px rgba(62, 229, 255, .11) !important;
  transform: none !important;
}
.r9b-sidebar :is(.r9b-nav-item, .r9b-tool-link)[aria-current="page"]::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 9px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--r9m-active-cyan);
  box-shadow: 0 0 0 3px rgba(82, 234, 255, .10), 0 0 14px rgba(82, 234, 255, .92);
  transform: translateY(-50%);
}
.r9b-sidebar .r9b-nav-item[aria-current="page"] .r9b-nav-icon,
.r9b-sidebar .r9b-tool-link[aria-current="page"] > span {
  color: #dffcff !important;
  border-color: rgba(82, 234, 255, .56) !important;
  background: linear-gradient(145deg, rgba(62, 229, 255, .19), rgba(91, 124, 255, .13)) !important;
  box-shadow: inset 0 0 18px rgba(62, 229, 255, .10), 0 0 17px rgba(62, 229, 255, .12) !important;
}
.r9b-sidebar .r9b-tool-link[aria-current="page"] strong,
.r9b-sidebar .r9b-nav-item[aria-current="page"] strong { color: #fff !important; }
.r9b-sidebar .r9b-tool-link[aria-current="page"] small,
.r9b-sidebar .r9b-nav-item[aria-current="page"] small { color: #b9d8f5 !important; }
.r9b-sidebar .r9b-software-link[aria-current="page"] {
  border-color: rgba(240, 100, 255, .50) !important;
  background: linear-gradient(90deg, rgba(166, 71, 224, .24), rgba(91, 75, 194, .14), rgba(240, 100, 255, .08)) !important;
  box-shadow: inset 3px 0 0 var(--r9m-active-magenta), 0 0 22px rgba(240, 100, 255, .10) !important;
}
.r9b-sidebar .r9b-software-link[aria-current="page"]::after {
  background: var(--r9m-active-magenta);
  box-shadow: 0 0 0 3px rgba(240, 100, 255, .10), 0 0 14px rgba(240, 100, 255, .86);
}
.r9b-sidebar .r9b-software-link[aria-current="page"] > span {
  border-color: rgba(240, 100, 255, .48) !important;
  background: linear-gradient(145deg, rgba(240, 100, 255, .18), rgba(91, 124, 255, .13)) !important;
}

@media (min-width: 821px) {
  body[data-r9-sidebar-collapsed="true"] .r9b-sidebar :is(.r9b-nav-item, .r9b-tool-link)[aria-current="page"] {
    width: 50px !important;
    border-color: rgba(82, 234, 255, .62) !important;
    box-shadow: inset 0 0 24px rgba(62, 229, 255, .12), 0 0 19px rgba(62, 229, 255, .18) !important;
  }
  body[data-r9-sidebar-collapsed="true"] .r9b-sidebar :is(.r9b-nav-item, .r9b-tool-link)[aria-current="page"]::after {
    right: 3px;
    top: 4px;
    width: 6px;
    height: 6px;
    transform: none;
  }
  body[data-r9-sidebar-collapsed="true"] .r9b-sidebar .r9b-software-link[aria-current="page"] {
    border-color: rgba(240, 100, 255, .58) !important;
    box-shadow: inset 0 0 24px rgba(240, 100, 255, .10), 0 0 18px rgba(240, 100, 255, .14) !important;
  }
}

@media (max-width: 820px) {
  .r9b-ambient {
    background:
      linear-gradient(180deg, rgba(1, 5, 13, .62), rgba(1, 4, 11, .78)),
      url('/assets/backgrounds/infotech-bg-tools-fallback.jpg') 36% center / cover no-repeat fixed !important;
  }
  .r9b-main,
  body[data-r9-view="workspace"] .r9b-main,
  body:not([data-r9-view="workspace"]) .r9b-main { padding-left: 0 !important; }
  .r9b-topbar-brand { padding-right: 7px; }
  .r9b-sidebar :is(.r9b-nav-item, .r9b-tool-link)[aria-current="page"]::after { right: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .r9b-sidebar { transition: none !important; }
}


/* SOURCE /assets/r9/infotech-r9-stage2o.css */
/* INFOTECH R9 ETAPA 2O — Home enriquecida, hub Softwares consolidado e assinatura do trio Fixture. */
.r9b-home-softwares{
  position:relative;
  margin:20px 0 0;
  padding:clamp(22px,2.4vw,34px);
  border:1px solid rgba(56,210,255,.2);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(3,13,28,.84),rgba(11,8,28,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 70px rgba(0,0,0,.22);
  overflow:hidden;
}
.r9b-home-softwares::before{
  content:"";
  position:absolute;
  inset:auto -10% -58% 36%;
  height:430px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(113,50,255,.16),transparent 68%);
}
.r9b-section-head--software{position:relative;z-index:1;align-items:flex-end;gap:20px;}
.r9b-section-head--software > div{max-width:780px;}
.r9b-section-head--software h2{max-width:760px;}
.r9b-section-action{
  flex:0 0 auto;
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid rgba(0,229,255,.54);
  border-radius:999px;
  color:#f7fbff;
  background:linear-gradient(135deg,rgba(0,205,255,.17),rgba(138,57,255,.16));
  text-decoration:none;
  font-weight:800;
}
.r9b-software-overview{position:relative;z-index:1;display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.5fr);gap:16px;margin-top:22px;}
.r9b-software-featured{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:16px;
  min-height:220px;
  align-content:center;
  padding:22px;
  border:1px solid rgba(66,212,255,.22);
  border-radius:23px;
  background:linear-gradient(150deg,rgba(5,19,36,.9),rgba(8,8,24,.82));
}
.r9b-software-featured-icon{display:grid;place-items:center;width:90px;height:90px;border:1px solid rgba(74,199,255,.18);border-radius:22px;background:rgba(2,11,25,.68);}
.r9b-software-featured-icon img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(0,127,255,.28));}
.r9b-software-featured > div > span{color:#4deaff;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.r9b-software-featured h3{margin:6px 0 8px;color:#fff;font-size:1.55rem;}
.r9b-software-featured p{margin:0;color:#aebbd0;line-height:1.56;}
.r9b-software-featured-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
.r9b-software-featured-points small{padding:6px 9px;border:1px solid rgba(71,203,255,.16);border-radius:999px;color:#c7d7e8;background:rgba(2,10,22,.48);}
.r9b-home-software-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.r9b-home-software-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:13px;
  min-height:96px;
  padding:14px 16px;
  border:1px solid rgba(65,204,255,.17);
  border-radius:19px;
  color:#eef8ff;
  background:linear-gradient(145deg,rgba(4,15,30,.79),rgba(8,8,22,.74));
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.r9b-home-software-card:hover{transform:translateY(-2px);border-color:rgba(64,226,255,.46);background:linear-gradient(145deg,rgba(5,23,42,.9),rgba(20,10,40,.82));}
.r9b-home-software-card img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,153,255,.24));}
.r9b-home-software-card span{display:grid;gap:4px;min-width:0;}
.r9b-home-software-card strong{font-size:.98rem;}
.r9b-home-software-card small{color:#91a3bb;line-height:1.4;}
.r9b-home-software-note{position:relative;z-index:1;margin:16px 0 0;color:#8295ad;font-size:.78rem;}
@media(max-width:1080px){.r9b-software-overview{grid-template-columns:1fr}.r9b-software-featured{min-height:0}.r9b-section-head--software{align-items:flex-start}.r9b-section-action{align-self:flex-start}}
@media(max-width:680px){.r9b-home-softwares{padding:20px 14px;border-radius:22px}.r9b-home-software-grid{grid-template-columns:1fr}.r9b-software-featured{grid-template-columns:70px minmax(0,1fr);padding:17px}.r9b-software-featured-icon{width:70px;height:70px}.r9b-software-featured-icon img{width:56px;height:56px}}


/* SOURCE /assets/r9/infotech-r9-stage3f.css */
/* R9 ETAPA 3F — recovery estável: melhorias restritas ao shell/Home, sem reescrever as ferramentas. */
.r9b-ambient {
  background:
    linear-gradient(90deg, rgba(2,6,14,.78), rgba(2,7,16,.38) 45%, rgba(1,4,10,.66)),
    linear-gradient(180deg, rgba(1,5,13,.28), rgba(1,4,10,.58)),
    url('/assets/backgrounds/infotech-bg-tools.webp') center center / contain no-repeat fixed,
    radial-gradient(circle at 75% 35%, #0a1c36 0, #02050d 54%, #01030a 100%) !important;
  background-color: #02050d !important;
}
.r9f-home-proof { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.r9f-home-proof span { display:inline-flex; align-items:center; min-height:30px; padding:6px 10px; border:1px solid rgba(82,234,255,.22); border-radius:999px; background:rgba(4,13,28,.58); color:#cce8f7; font-size:.73rem; box-shadow:inset 0 1px rgba(255,255,255,.035); }
@media (max-width:820px){ .r9b-ambient { background-size: contain !important; background-position:center top !important; } .r9f-home-proof{margin-top:14px;} }


/* SOURCE /assets/r9/infotech-r9-stage3ak.css */
/* INFOTECH R9 ETAPA 3AK — Home inicial, hierarquia objetiva e área segura do menu lateral. */
body[data-r9-view="home"] .r9b-home-hero,
body[data-r9-view="home"] .r9b-home-tools,
body[data-r9-view="home"] .r9b-home-softwares {
  box-sizing: border-box;
}

.r9ak-home-summary {
  display: grid;
  grid-template-columns: minmax(110px,.75fr) minmax(120px,.85fr) minmax(210px,1.7fr);
  gap: 10px;
  width: min(100%, 720px);
  margin-top: clamp(18px,2.4vw,28px);
}
.r9ak-home-summary article {
  min-height: 82px;
  padding: 14px 16px;
  border: 1px solid rgba(89,210,255,.19);
  border-radius: 16px;
  background: linear-gradient(145deg,rgba(8,24,43,.74),rgba(10,10,29,.62));
  box-shadow: inset 0 1px rgba(255,255,255,.035),0 14px 38px rgba(0,0,0,.16);
  backdrop-filter: blur(14px);
}
.r9ak-home-summary strong {
  display: block;
  color: #f5fdff;
  font-size: clamp(1.08rem,1.9vw,1.55rem);
  line-height: 1.05;
  letter-spacing: -.025em;
}
.r9ak-home-summary span {
  display: block;
  margin-top: 7px;
  color: #9eb6ce;
  font-size: .76rem;
  line-height: 1.35;
}
body[data-r9-view="home"] .r9b-hero-copy > p { max-width: 720px; }
body[data-r9-view="home"] .r9f-home-proof { margin-top: 14px; }
body[data-r9-view="home"] .r9b-home-softwares {
  width: auto;
  max-width: none;
}

@media (min-width:821px) {
  /* O trilho ocupa 78 px. Quando expandido, a diferença restante vira área protegida para a Home. */
  body[data-r9-view="home"] .r9b-home-hero,
  body[data-r9-view="home"] .r9b-home-tools,
  body[data-r9-view="home"] .r9b-home-softwares {
    padding-left: calc((var(--r9m-sidebar-expanded,286px) - var(--r9m-rail,78px)) + clamp(28px,3vw,54px)) !important;
    padding-right: clamp(28px,3vw,54px) !important;
    transition: none !important;
  }
  body[data-r9-view="home"][data-r9-sidebar-collapsed="true"] .r9b-home-hero,
  body[data-r9-view="home"][data-r9-sidebar-collapsed="true"] .r9b-home-tools,
  body[data-r9-view="home"][data-r9-sidebar-collapsed="true"] .r9b-home-softwares {
    padding-left: clamp(28px,3vw,54px) !important;
  }
  body[data-r9-view="home"] .r9b-home-hero {
    min-height: clamp(520px,70vh,760px);
    align-items: center;
  }
}

@media (max-width:980px) {
  .r9ak-home-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .r9ak-home-summary article:last-child { grid-column: 1 / -1; }
}
@media (max-width:820px) {
  body[data-r9-view="home"] .r9b-home-hero,
  body[data-r9-view="home"] .r9b-home-tools,
  body[data-r9-view="home"] .r9b-home-softwares {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media (max-width:560px) {
  .r9ak-home-summary { grid-template-columns: 1fr; }
  .r9ak-home-summary article:last-child { grid-column: auto; }
  .r9ak-home-summary article { min-height: 72px; }
}

@media (min-width:821px) {
  .r9b-sidebar { transition: none !important; }
  body:not([data-r9-sidebar-collapsed="true"]) .r9b-sidebar {
    width: 286px !important;
    min-width: 286px !important;
    max-width: 286px !important;
  }
  body[data-r9-sidebar-collapsed="true"] .r9b-sidebar {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
  }
}

@media (min-width:821px) {
  /* Mudanças de largura são atômicas: evita um frame intermediário com a Home recortada. */
  body[data-r9-view="home"] .r9b-main,
  body[data-r9-view="home"] .r9b-topbar,
  body[data-r9-view="home"] .r9b-statusbar {
    transition: none !important;
  }
}


/* SOURCE /assets/r9/infotech-r9-mobile-drawer-pass3am28.css */
/* R9 ETAPA 3AM28 — correção isolada do menu lateral em dispositivos móveis.
   Escopo: composição, empilhamento, safe areas e rolagem do drawer. Motores e formulários não são alterados. */

@media (max-width: 820px) {
  /* O backdrop fica fora de .r9b-app. Enquanto o drawer estiver aberto,
     remover o stacking context do shell permite que o sidebar (100) fique
     acima do backdrop raiz (90), mantendo topbar e conteúdo abaixo dele. */
  body.r9b-mobile-drawer-open .r9b-app {
    z-index: auto !important;
  }

  html.r9b-mobile-drawer-open,
  body.r9b-mobile-drawer-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  .r9b-sidebar {
    z-index: 100 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, #08101d 0%, #050a13 100%) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    isolation: isolate !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    will-change: transform;
  }

  .r9b-sidebar[data-open="true"] {
    z-index: 100 !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .r9b-sidebar-scroll {
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .r9b-backdrop {
    z-index: 90 !important;
    background: rgba(1, 4, 8, .84) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    touch-action: none !important;
  }

  .r9b-backdrop[hidden] {
    display: none !important;
  }

  .r9b-backdrop:not([hidden]) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .r9b-topbar { z-index: 30 !important; }
  .r9b-mobile-nav { z-index: 70 !important; }
}

@media (max-width: 390px) {
  .r9b-sidebar {
    width: calc(100vw - 22px) !important;
    max-width: 304px !important;
  }
}

@media (max-height: 560px) and (orientation: landscape) and (pointer: coarse) {
  .r9b-sidebar {
    width: min(330px, 78vw) !important;
    padding-top: calc(9px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .r9b-brand-row { min-height: 46px !important; }
  .r9b-tool-link { min-height: 38px !important; }
  .r9b-sidebar-scroll { padding-bottom: 8px !important; }
}

/* Páginas diretas legadas: mantém o backdrop atrás do menu e remove o blur
   composto que apresentava falhas em alguns navegadores móveis. */
@media (max-width: 960px) {
  body.it-sidebar-enabled.it-sidebar-mobile.it-sidebar-open .it-sidebar-backdrop {
    z-index: 2147483000 !important;
    background: rgba(1, 4, 12, .84) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.it-sidebar-enabled.it-sidebar-mobile.it-sidebar-open > header.it-global-header.it-sidebar-upgraded {
    z-index: 2147483001 !important;
    background: linear-gradient(180deg, #030816 0%, #070c1e 100%) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* R9 ETAPA 3AM28 — o drawer lateral passa a ser a única navegação móvel. */
@media (max-width: 820px) {
  .r9b-mobile-nav { display: none !important; }
  .r9b-main { padding-bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important; }
  .r9b-workspace-view { padding-bottom: 0 !important; }
  .r9b-frame-stage,
  .r9b-frame-cache,
  .r9b-tool-frame {
    min-height: 0 !important;
    touch-action: pan-x pan-y pinch-zoom !important;
    overscroll-behavior: contain !important;
  }
  .r9b-tool-frame {
    display: block !important;
    border: 0 !important;
    -webkit-overflow-scrolling: touch;
  }
}


/* SOURCE /assets/infotech-download-handoff-pass3am28.css */
/* R9 ETAPA 3AM28 — handoff de download para Instagram/Facebook in-app browser. */
html.it-download-handoff-open, body.it-download-handoff-open { overflow:hidden!important; }
.it-download-handoff[hidden]{display:none!important;}
.it-download-handoff{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:18px;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;}
.it-download-handoff__backdrop{position:absolute;inset:0;background:rgba(1,4,12,.88);}
.it-download-handoff__panel{position:relative;width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border:1px solid rgba(56,226,255,.32);border-radius:22px;background:linear-gradient(160deg,#071525,#100a25);box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 40px rgba(0,229,255,.08);color:#edf8ff;}
.it-download-handoff__close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-size:25px;cursor:pointer;}
.it-download-handoff__eyebrow{display:block;color:#64eeff;font-size:.68rem;font-weight:900;letter-spacing:.16em;}
.it-download-handoff h2{margin:8px 38px 8px 0;font-size:clamp(1.3rem,5vw,2rem);line-height:1.1;}
.it-download-handoff__copy,.it-download-handoff__hint{color:#c2d2e2;line-height:1.5;}
.it-download-handoff__name{display:block;margin:14px 0;padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.28);color:#9af6ff;overflow-wrap:anywhere;}
.it-download-handoff__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.it-download-handoff__actions button{min-height:46px;padding:10px;border:1px solid rgba(78,226,255,.3);border-radius:13px;background:linear-gradient(135deg,rgba(0,218,255,.2),rgba(126,72,255,.2));color:#fff;font-weight:800;cursor:pointer;}
.it-download-handoff__actions button.secondary{background:rgba(255,255,255,.05);}
.it-download-handoff__status{min-height:1.35em;margin:12px 0 0;color:#c9d8e8;}
.it-download-handoff__status[data-kind="ok"]{color:#70f0b7}.it-download-handoff__status[data-kind="error"]{color:#ff91a6}.it-download-handoff__status[data-kind="warn"]{color:#ffd381}
@media(max-width:520px){.it-download-handoff{padding:10px}.it-download-handoff__panel{padding:20px 16px;border-radius:18px}.it-download-handoff__actions{grid-template-columns:1fr}.it-download-handoff__actions button{min-height:48px}}

.it-download-handoff__panel:focus{outline:2px solid rgba(100,238,255,.75);outline-offset:3px}


/* SOURCE /assets/infotech-pwa-standalone-scroll-pass3s.css */
/* IT310_PWA_STANDALONE_SCROLL_PASS3AM28 — native vertical page scroll and two-axis tool mobility. */
html.it310-pwa-scroll-pass3s,
html.it310-pwa-scroll-pass3s body{
  min-height:100%!important;
  overflow-x:hidden!important;
  touch-action:pan-y pinch-zoom!important;
}
html.it310-pwa-scroll-pass3s body{
  min-height:100dvh!important;
  -webkit-overflow-scrolling:touch!important;
}
html.it310-pwa-scroll-pass3s body[data-r9-embedded="true"],
html.it310-pwa-scroll-pass3s body[data-r9-embedded="true"] :is(main,.main-content,.builder-main-content,.fixturecreator-main-content,.tools-standard-main){
  height:auto!important;
  min-height:100dvh!important;
  overflow-y:visible!important;
  touch-action:pan-y pinch-zoom!important;
}
html.it310-pwa-scroll-pass3s :is(main,.page-shell,.tool-page,.it-page,.simple-led-shell,.led-slices-shell,.led-master-layout-shell,.card,section){
  touch-action:pan-y pinch-zoom!important;
  overscroll-behavior-y:auto!important;
}
html.it310-pwa-scroll-pass3s :is(button,a,input,textarea,select,label,summary){touch-action:manipulation!important;}
html.it310-pwa-scroll-pass3s input[type="range"]{touch-action:pan-y!important;}
html.it310-pwa-scroll-pass3s :is(.fc-table-wrap,.table-wrap,.dmx-table-wrap,.report-box,pre,.panel-map,.led-pixelmap-preview,.led-pixelmap-screen,[data-horizontal-scroll]){
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-x pan-y pinch-zoom!important;
}
html.it310-pwa-scroll-pass3s :is(.r9b-frame-stage,.r9b-frame-cache,.r9b-tool-frame){
  touch-action:pan-x pan-y pinch-zoom!important;
}
html.it310-pwa-scroll-pass3s body.it-sidebar-open,
html.it310-pwa-scroll-pass3s body.it-sidebar-mobile.it-sidebar-open,
html.it310-pwa-scroll-pass3s body.r9b-mobile-drawer-open,
html.it310-pwa-scroll-pass3s body.it-download-handoff-open{
  overflow:hidden!important;
  touch-action:none!important;
  overscroll-behavior:none!important;
}
html.it310-pwa-scroll-pass3s :is(.led-special-shell.it310-mobile-canvas-edit .led-special-canvas-wrap,.led-special-shell.it310-mobile-canvas-edit .led-free-block,.led-free-block.is-dragging,.led-master-screen,.led-master-screen *,body.infotech-led-master-dragging,body.infotech-led-special-touch-dragging){
  touch-action:none!important;
  -ms-touch-action:none!important;
}
@media (display-mode: standalone){
  html:not(.it310-pwa-scroll-pass3s),html:not(.it310-pwa-scroll-pass3s) body{min-height:100%!important;}
}


/* SOURCE /assets/infotech-offline-capability-pass3am29b.css */
/** INFOTECH LAB — R9 3AM29B · estado offline inline, sem janela flutuante. */
.it-offline-capability{
  margin:0 0 14px;padding:10px 13px;border:1px solid rgba(255,196,64,.42);
  border-radius:14px;background:rgba(45,28,4,.86);color:#fff3c4;font:800 12px/1.45 Inter,system-ui,sans-serif;
}
.it-offline-capability.is-local-tool{border-color:rgba(44,235,176,.42);background:rgba(3,42,35,.86);color:#caffed}
.it-offline-capability[hidden]{display:none!important}
@media(max-width:820px){.it-offline-capability{margin:0 10px 12px;padding:10px 12px}}


/* SOURCE /assets/r9/infotech-r9-language-restore-3am38c.css */
/* R9 3AM38C — restauração do acesso multilíngue no shell Cloudflare. */
.r9c-language-entry{margin:10px 12px 2px;padding-top:10px;border-top:1px solid rgba(118,157,205,.14)}
.r9c-language-button,.r9c-language-topbar{appearance:none;border:1px solid rgba(105,205,238,.22);background:rgba(7,18,36,.72);color:#e9f8ff;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.r9c-language-button{width:100%;min-height:42px;border-radius:14px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit}
.r9c-language-button:hover,.r9c-language-topbar:hover{border-color:rgba(77,229,255,.5);background:rgba(9,30,51,.88);transform:translateY(-1px)}
.r9c-language-button span{font-size:.72rem;color:#91a7be}.r9c-language-button strong{font-size:.75rem;color:#6ff3ff;letter-spacing:.04em}
.r9c-language-topbar{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:38px;padding:0 9px;border-radius:12px;font-size:.72rem;font-weight:900;letter-spacing:.04em}
.r9c-language-popover[hidden]{display:none!important}.r9c-language-popover{position:fixed;top:66px;right:66px;z-index:130;width:min(330px,calc(100vw - 24px))}
.r9c-language-panel{padding:14px;border:1px solid rgba(0,229,255,.27);border-radius:20px;background:linear-gradient(160deg,rgba(5,15,32,.98),rgba(14,8,31,.96));box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 28px rgba(0,229,255,.1);backdrop-filter:blur(18px)}
.r9c-language-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.r9c-language-head span{display:block;color:#6ff3ff;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.r9c-language-head strong{display:block;margin-top:3px;color:#f4f8ff;font-size:.96rem}
.r9c-language-close{width:31px;height:31px;border:1px solid rgba(139,172,210,.22);border-radius:10px;background:rgba(7,14,28,.74);color:#eaf7ff;font-size:20px;cursor:pointer}
.r9c-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.r9c-language-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 10px;border:1px solid rgba(112,157,207,.17);border-radius:13px;background:rgba(7,15,30,.66);color:#eaf5ff;text-decoration:none;font-size:.78rem;font-weight:800}.r9c-language-grid a:hover{border-color:rgba(0,229,255,.4);background:rgba(8,24,43,.84)}.r9c-language-grid a[aria-current="page"]{border-color:rgba(38,244,176,.5);box-shadow:inset 0 0 0 1px rgba(38,244,176,.14);color:#8fffd8}.r9c-language-grid small{font-size:.66rem;color:#7f96ae}
.r9b-sidebar[data-collapsed="true"] .r9c-language-entry{margin-inline:7px}.r9b-sidebar[data-collapsed="true"] .r9c-language-button{padding:6px;justify-content:center}.r9b-sidebar[data-collapsed="true"] .r9c-language-button span{display:none}
@media(max-width:640px){.r9c-language-popover{top:58px;right:10px;width:calc(100vw - 20px)}.r9c-language-grid{grid-template-columns:1fr 1fr}}


/* SOURCE /assets/r9/infotech-r9-product-3am43.css */
/* INFOTECH LAB — R9 3AM43 · menu unificado e estabilidade visual do app instalado. */
:root{--r9-software-accent:#f04cff}
.r9b-nav-section--visual > .r9b-nav-label,
.r9b-nav-section:not(.r9b-nav-section--software) > .r9b-nav-label{
  color:#8293ac;
}
.r9b-nav-section--software > .r9b-nav-label{
  color:#d274df;
}
.r9b-nav-section--software .r9b-tool-link > span{
  color:var(--r9-software-accent);
  background:rgba(111,26,145,.18);
  border-color:rgba(240,76,255,.16);
}
.r9b-nav-section--software .r9b-tool-link:hover,
.r9b-nav-section--software .r9b-tool-link[aria-current="page"]{
  border-color:rgba(240,76,255,.55);
  background:linear-gradient(90deg,rgba(240,76,255,.12),rgba(90,28,126,.06));
}

html.infotech-pwa-standalone,
html.infotech-pwa-standalone body{
  min-height:100%;
  min-height:100dvh;
  width:100%;
  overscroll-behavior:none;
}
html.infotech-pwa-standalone body{
  padding-top:env(safe-area-inset-top,0px);
  padding-right:env(safe-area-inset-right,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  padding-left:env(safe-area-inset-left,0px);
}
html.infotech-pwa-standalone .r9b-app{
  min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
}
html.infotech-pwa-standalone .r9b-frame-stage,
html.infotech-pwa-standalone .r9b-frame-cache,
html.infotech-pwa-standalone .r9b-tool-frame{
  min-height:0;
  max-width:100%;
}
html.infotech-pwa-standalone .r9b-tool-frame{
  height:100%;
  width:100%;
}
html.infotech-pwa-standalone .r9b-statusbar{
  padding-bottom:max(8px,env(safe-area-inset-bottom,0px));
}
@media(max-width:760px){
  html.infotech-pwa-standalone .r9b-topbar{
    padding-top:max(8px,env(safe-area-inset-top,0px));
  }
  html.infotech-pwa-standalone .r9b-mobile-nav{
    padding-bottom:max(7px,env(safe-area-inset-bottom,0px));
  }
}


/* SOURCE /assets/r9/infotech-r9-quality-3am45.css */
/* R9 3AM45 — acessibilidade, robustez visual e estabilidade móvel. */
:root{--it-focus-ring:#ff58d6;--it-focus-shadow:rgba(42,213,255,.42)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-wrap:anywhere}
body{min-height:100dvh}
:where(button,[role="button"],input,select,textarea,a[href],summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid var(--it-focus-ring)!important;outline-offset:3px!important;
  box-shadow:0 0 0 5px var(--it-focus-shadow)!important;scroll-margin-block:5rem
}
:where(h1,h2,h3,h4,p,li,label,.card,.tool-card,.software-card,.lm-panel,.lm-property){overflow-wrap:anywhere;word-break:normal}
:where(img,video,canvas,svg){max-inline-size:100%}
:where(button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){min-block-size:24px}
:where(.language-switcher button,.language-switcher a,.lang-site a,.it-global-lang a,.lm-btn,.it-sidebar a,.it-sidebar button,.it-pwa-toast button){min-inline-size:24px;min-block-size:24px}
.sr-only,.it-sr-only{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (pointer:coarse){
  :where(button,[role="button"],input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,.language-switcher a,.lang-site a,.it-global-lang a,.lm-btn,.it-sidebar a,.it-sidebar button){min-block-size:44px}
  :where(button,[role="button"],.lm-btn,.language-switcher a,.language-switcher button){touch-action:manipulation}
}
@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  video[autoplay]{animation:none!important}
}
@media (forced-colors:active){
  :where(button,a,input,select,textarea,.card,.tool-card,.software-card){forced-color-adjust:auto}
  :where(button,[role="button"],a[href]):focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}
}
@supports(padding:max(0px)){body{padding-bottom:max(0px,env(safe-area-inset-bottom))}}


/* SOURCE /assets/infotech-meteors-3am50.css */
/* R9 3AM52 — varied lightweight blue space dust; no JS animation loop. */
body{isolation:isolate}.infotech-meteor-layer{position:fixed;inset:-14vh -18vw;z-index:0;pointer-events:none;overflow:hidden;contain:strict;opacity:.7}.infotech-meteor-layer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(90,225,255,.31) 0 .68px,transparent 1.28px),radial-gradient(circle,rgba(61,147,255,.23) 0 .58px,transparent 1.18px),radial-gradient(circle,rgba(180,245,255,.16) 0 .45px,transparent 1px);background-size:211px 211px,337px 337px,479px 479px;background-position:13px 45px,127px 79px,231px 161px;animation:it51-star-drift 88s linear infinite;will-change:transform}.infotech-meteor{position:absolute;left:var(--x);top:var(--y);width:var(--len);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(61,147,255,.025) 24%,rgba(70,221,255,.38) 78%,rgba(221,251,255,.82) 100%);filter:drop-shadow(0 0 2.8px rgba(37,190,255,.48));transform:rotate(var(--angle)) translate3d(0,0,0);transform-origin:right center;opacity:0;animation:it51-meteor var(--dur) linear var(--delay) infinite;will-change:transform,opacity}.infotech-meteor:after{content:"";position:absolute;right:-.7px;top:-1px;width:2.7px;height:2.7px;border-radius:50%;background:#dffcff;box-shadow:0 0 5px 1px rgba(55,211,255,.49)}
@keyframes it51-star-drift{to{transform:translate3d(96px,-23px,0)}}@keyframes it51-meteor{0%,58%{opacity:0;transform:rotate(var(--angle)) translate3d(0,0,0)}63%{opacity:var(--peak)}82%{opacity:var(--base)}100%{opacity:0;transform:rotate(var(--angle)) translate3d(var(--travel),var(--rise),0)}}.infotech-meteor-layer.is-paused *{animation-play-state:paused!important}.r9b-app,.tools-standard-shell,.builder-app-shell,.app-shell,body>main,body>header,body>footer{position:relative;z-index:1}.r9b-ambient,.bg,.space-bg{z-index:-1!important}
@media(max-width:900px){.infotech-meteor-layer{opacity:.52}.infotech-meteor:nth-child(n+13){display:none}}@media(max-width:560px){.infotech-meteor-layer{opacity:.4}.infotech-meteor:nth-child(n+10){display:none}}@media(prefers-reduced-motion:reduce){.infotech-meteor{display:none}.infotech-meteor-layer:before{animation:none;opacity:.42}}


/* SOURCE /assets/infotech-show-workflow-3am51.css */
/* INFOTECH LAB — R9 3AM51 · integrated show workflow, compact and responsive. */
.it51-flow-card{position:relative;z-index:2;margin:14px auto 18px;border:1px solid rgba(0,234,255,.26);border-radius:22px;background:linear-gradient(145deg,rgba(4,12,28,.94),rgba(10,8,30,.86));box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.03);padding:16px 18px;color:#eef8ff;overflow:hidden}.it51-flow-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0,rgba(0,234,255,.11),transparent 34%),radial-gradient(circle at 92% 100%,rgba(255,45,207,.09),transparent 36%)}.it51-flow-head,.it51-flow-body,.it51-flow-actions,.it51-flow-status,.it51-screen-editor{position:relative}.it51-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.it51-flow-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#66edff;font-weight:900;margin-bottom:5px}.it51-flow-card h2,.it51-flow-card h3{margin:0;color:#fff;line-height:1.1}.it51-flow-card h2{font-size:clamp(1.25rem,2vw,1.65rem)}.it51-flow-card p{margin:7px 0 0;color:#9db1c9;line-height:1.48;font-size:.9rem;max-width:760px}.it51-step-badge{flex:0 0 auto;border:1px solid rgba(255,45,207,.5);border-radius:999px;padding:7px 11px;background:rgba(255,45,207,.09);color:#ffd8f6;font-size:.76rem;font-weight:900;white-space:nowrap}.it51-flow-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px;margin-top:13px}.it51-flow-box{border:1px solid rgba(118,160,220,.22);border-radius:15px;background:rgba(1,7,19,.52);padding:12px}.it51-flow-box strong{display:block;font-size:.88rem;margin-bottom:7px}.it51-flow-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.it51-btn{appearance:none;border:1px solid rgba(0,234,255,.34);border-radius:11px;background:rgba(4,20,40,.72);color:#eafaff;padding:9px 12px;font:800 .82rem/1.1 Inter,Segoe UI,Arial,sans-serif;cursor:pointer;transition:.16s ease}.it51-btn:hover,.it51-btn:focus-visible{border-color:#36e6ff;transform:translateY(-1px);box-shadow:0 0 18px rgba(0,234,255,.13)}.it51-btn.primary{border-color:rgba(255,45,207,.62);background:linear-gradient(135deg,rgba(255,45,207,.22),rgba(0,234,255,.15))}.it51-btn.ghost{border-color:rgba(141,165,205,.25);color:#b9cbe0}.it51-btn.danger{border-color:rgba(255,105,135,.38);color:#ffbfca}.it51-chip-row{display:flex;flex-wrap:wrap;gap:7px}.it51-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(125,157,202,.25);border-radius:999px;padding:6px 9px;background:rgba(6,15,31,.66);color:#aebfd4;font-size:.75rem}.it51-chip[data-ready="true"]{border-color:rgba(55,225,167,.43);color:#8ff4cf;background:rgba(34,184,130,.08)}.it51-chip i{width:6px;height:6px;border-radius:50%;background:#687b96}.it51-chip[data-ready="true"] i{background:#51efb2;box-shadow:0 0 8px #51efb2}.it51-flow-status{min-height:18px;margin-top:9px;color:#84f3cf;font-size:.78rem}.it51-flow-status[data-level="warn"]{color:#ffd36a}.it51-flow-status[data-level="error"]{color:#ff9eae}.it51-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.it51-quick-grid .it51-btn{padding:10px 7px}.it51-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.it51-summary div{border:1px solid rgba(0,234,255,.16);border-radius:12px;padding:9px;background:rgba(0,234,255,.035)}.it51-summary b{display:block;color:#fff;font-size:1rem}.it51-summary span{display:block;color:#8499b3;font-size:.68rem;margin-top:2px}.it51-screen-editor{margin-top:12px;border-top:1px solid rgba(111,151,205,.18);padding-top:11px}.it51-screen-editor-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:8px}.it51-screen-row{border:1px solid rgba(110,148,202,.2);border-radius:13px;background:rgba(2,8,21,.55);padding:9px}.it51-screen-row header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.it51-screen-row header strong{font-size:.78rem}.it51-screen-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.it51-screen-fields label{margin:0;color:#8499b3;font-size:.63rem}.it51-screen-fields input{width:100%;margin-top:3px;padding:7px 6px;border:1px solid rgba(120,153,203,.26);border-radius:8px;background:rgba(0,4,13,.72);color:#fff;font-size:.75rem}.it51-mobile-next{display:none}.it-global-nav a[data-it51-step]::after{content:attr(data-it51-step);margin-left:auto;min-width:20px;height:20px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid rgba(0,234,255,.25);font-size:.64rem;font-weight:900;color:#78eaff;background:rgba(0,234,255,.06)}.it-global-nav a[data-it51-ready="true"]::after{content:"✓";border-color:rgba(61,235,170,.43);color:#7df0c3;background:rgba(35,190,132,.09)}.it51-stage-compact{margin-top:8px;margin-bottom:10px;max-width:none}.it51-stage-compact .it51-flow-body{grid-template-columns:1fr auto;align-items:center}.it51-stage-compact p{max-width:920px}.it51-stage-compact .it51-flow-actions{margin-top:0;justify-content:flex-end}.it51-stage-compact .it51-flow-box{padding:9px 11px}.it51-stage-compact .it51-screen-editor{grid-column:1/-1}.it51-led-focus{scroll-margin-top:92px}.it51-highlight{animation:it51-pulse 1.2s ease 2}@keyframes it51-pulse{50%{box-shadow:0 0 0 4px rgba(255,45,207,.18),0 0 24px rgba(255,45,207,.22)}}
@media(max-width:900px){.it51-flow-body,.it51-stage-compact .it51-flow-body{grid-template-columns:1fr}.it51-stage-compact .it51-flow-actions{justify-content:flex-start}.it51-summary{grid-template-columns:repeat(3,1fr)}.it51-screen-fields{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.it51-flow-card{padding:13px;margin:9px auto 12px;border-radius:17px}.it51-flow-head{display:block}.it51-step-badge{display:inline-flex;margin-top:9px}.it51-flow-card p{font-size:.82rem}.it51-flow-actions .it51-btn{flex:1 1 calc(50% - 5px)}.it51-flow-actions .it51-btn.primary{flex-basis:100%}.it51-quick-grid{grid-template-columns:repeat(2,1fr)}.it51-summary{grid-template-columns:1fr 1fr}.it51-summary div:last-child{grid-column:1/-1}.it51-screen-fields{grid-template-columns:1fr 1fr}.it51-mobile-next{display:flex;position:sticky;bottom:8px;z-index:20;margin:10px 6px}.it51-mobile-next .it51-btn{width:100%;padding:12px;box-shadow:0 8px 26px rgba(0,0,0,.35)}}


/* SOURCE /assets/infotech-shell-runtime-3am53.css */
/** INFOTECH LAB — R9 3AM53 · shell/runtime consolidation. */
:root{--it53-touch:44px;--it53-focus:#65efff;--it53-panel:rgba(3,10,25,.88);--it53-border:rgba(93,214,255,.22)}
html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
body[data-it53-family] main,body[data-it53-family] .tools-standard-main,body[data-it53-family] .lm-app{min-width:0}
.r9b-topbar,.it-global-header,.lm-top,.it-top,.ixdesk-it-top{isolation:isolate}
.r9b-topbar,.it-global-header,.lm-top{min-height:54px}
.r9b-topbar a,.it-global-header a,.lm-top a,.it-top a,.ixdesk-it-top a{min-width:0}
.r9b-brand-copy,.it-brand-copy,.lm-brand-copy{min-width:0;overflow:hidden;text-overflow:ellipsis}
:is(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--it53-focus)!important;outline-offset:3px!important}
img,video,canvas,svg{max-width:100%}
.it53-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-it53-family="workflow"] .tools-standard-main,body[data-it53-family="workflow"] .lm-app{contain:layout style}
body[data-it53-family="workflow"] :is(.tools-sidebar,.lm-sidebar,.lm-inspector){overscroll-behavior:contain}
body[data-it53-family="workflow"] :is(.it51-flow-card,.it52-stage-card){max-width:100%;box-sizing:border-box}
body[data-it53-family="workflow"] .it52-stage-card{min-height:0!important}
body[data-it53-family="workflow"] .it51-screen-editor.is-empty{display:none!important}
body[data-it53-family="software"] main,body[data-it53-family="institutional"] main{min-height:calc(100dvh - 110px)}
body[data-it53-family] [aria-current="page"]{position:relative}
body[data-it53-family] [aria-current="page"]::after{content:"";position:absolute;inset-inline-end:8px;top:50%;width:6px;height:6px;border-radius:50%;background:#60efff;box-shadow:0 0 12px #60efff;transform:translateY(-50%)}
@media(max-width:760px){
  :root{--it53-touch:44px}
  body[data-it53-family] :is(button,.btn,[role="button"],input:not([type="hidden"]),select){min-height:var(--it53-touch)}
  body[data-it53-family] :is(button,.btn,[role="button"]){padding-block:max(8px,calc((var(--it53-touch) - 1em)/2));font-size:max(12px,1em)}
  body[data-it53-family] :is(input,select,textarea){font-size:16px}
  body[data-it53-family="workflow"] :is(.lm-toolbar,.tool-nav,.it51-flow-actions,.it52-auto-actions){gap:8px}
  body[data-it53-family="workflow"] :is(.lm-toolbar button,.tool-nav button,.it51-btn,.it52-auto-actions button){min-height:44px}
  body[data-it53-family="workflow"] :is(.lm-sidebar,.lm-inspector,.tools-sidebar){scrollbar-width:thin}
  body[data-it53-family="workflow"] :is(.lm-help,.lm-mini,.lm-stat,.it51-chip){font-size:max(12px,1em)}
  .r9b-topbar,.it-global-header,.lm-top,.it-top,.ixdesk-it-top{min-height:52px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* INFOTECH LAB — R9 3AM54 · tool polish and guided operational surface */
:root{--it54-pink:#ff4fd8;--it54-cyan:#50dcff;--it54-ink:#08101f;--it54-panel:rgba(7,14,29,.88);--it54-line:rgba(108,174,255,.24)}
.it54-project-capsule{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1440px;margin:12px auto 10px;padding:12px 16px;border:1px solid var(--it54-line);border-radius:16px;background:linear-gradient(135deg,rgba(12,25,49,.94),rgba(8,13,29,.9));box-shadow:0 12px 34px rgba(0,0,0,.22);color:#eef8ff;z-index:3}
.it54-project-copy{display:grid;gap:3px;min-width:0}.it54-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8edfff}.it54-project-name-row{display:flex;align-items:center;gap:10px;min-width:0}.it54-project-name{appearance:none;border:0;background:transparent;color:#fff;font:700 clamp(14px,1.4vw,18px)/1.2 inherit;padding:0;max-width:min(42vw,430px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:text;text-align:left}.it54-save-state{font-size:11px;color:#8bd5b1;white-space:nowrap}
.it54-project-states{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.it54-state{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);font-size:11px;color:#b8c9df}.it54-state i{width:7px;height:7px;border-radius:50%;background:#52647d;box-shadow:0 0 0 3px rgba(82,100,125,.12)}.it54-state.is-ready{color:#dfffee}.it54-state.is-ready i{background:#38e79b;box-shadow:0 0 12px rgba(56,231,155,.65)}
.it54-section-nav{position:sticky;top:8px;z-index:40;display:flex;align-items:center;gap:7px;max-width:1440px;margin:0 auto 12px;padding:7px;border:1px solid var(--it54-line);border-radius:15px;background:rgba(5,11,24,.87);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.24);overflow:auto;scrollbar-width:none}.it54-section-nav::-webkit-scrollbar{display:none}.it54-section-label{padding:0 8px;color:#86a4c9;font-size:10px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.it54-section-button{min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9db0c9;font:650 12px/1.1 inherit;white-space:nowrap;cursor:pointer}.it54-section-button:hover,.it54-section-button:focus-visible{border-color:rgba(80,220,255,.35);color:#fff}.it54-section-button.is-active{border-color:rgba(255,79,216,.45);background:linear-gradient(135deg,rgba(255,79,216,.16),rgba(80,220,255,.08));color:#fff;box-shadow:inset 0 0 18px rgba(255,79,216,.06)}
.it54-source-chooser{display:grid;gap:10px;margin:0 0 16px;padding:14px;border:1px solid rgba(80,220,255,.24);border-radius:14px;background:rgba(8,19,38,.7)}.it54-source-chooser>strong{font-size:13px;color:#f4faff}.it54-source-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.it54-source-button,.it54-export-option{min-height:44px;border:1px solid rgba(91,171,255,.28);border-radius:11px;background:rgba(15,29,55,.78);color:#eaf6ff;font:650 12px/1.2 inherit;cursor:pointer}.it54-source-button:hover,.it54-source-button:focus-visible,.it54-export-option:hover,.it54-export-option:focus-visible{border-color:var(--it54-pink);background:rgba(255,79,216,.11);outline:none}
.it54-fold-toggle{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid rgba(80,220,255,.25);border-radius:10px;background:rgba(7,16,31,.86);color:#dff8ff;font:700 18px/1 inherit;cursor:pointer;z-index:2}.it54-is-collapsed{min-height:58px!important;max-height:58px!important;overflow:hidden!important}.it54-is-collapsed>*:not(.it54-fold-toggle):not(.kicker):not(h2):not(h3){visibility:hidden}.tools-standard-main .panel[data-it54-folded],.tools-standard-main .card[data-it54-folded],.simple-led-shell[data-it54-folded]{position:relative}
.it54-export-center-button{border-color:rgba(255,79,216,.5)!important}.it54-modal[hidden]{display:none!important}.it54-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}.it54-modal-backdrop{position:absolute;inset:0;background:rgba(1,4,12,.78);backdrop-filter:blur(7px)}.it54-modal-card{position:relative;width:min(680px,100%);max-height:min(720px,90vh);overflow:auto;border:1px solid rgba(80,220,255,.35);border-radius:20px;background:linear-gradient(145deg,#0a1630,#060b18);box-shadow:0 30px 100px rgba(0,0,0,.55);padding:18px}.it54-modal-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.it54-modal-card h2{margin:0;color:#fff;font-size:18px}.it54-modal-card header button{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;font-size:24px;cursor:pointer}.it54-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.it54-mobile-bar{display:none}
body[data-it54-polish="true"] :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--it54-cyan)!important;outline-offset:3px!important}
body[data-it54-polish="true"] :where(.tools-standard-main,.builder-main-content,.fixturecreator-main-content){scroll-padding-top:92px}
body[data-it54-route="fixturecreator"] .fc-table-wrap{scrollbar-gutter:stable;overscroll-behavior-x:contain}body[data-it54-route="fixturecreator"] .fc-table th:first-child,body[data-it54-route="fixturecreator"] .fc-table td:first-child{position:sticky;left:0;z-index:2;background:#0b1427}
body[data-it54-route="fixture-builder"] .builder-grid{align-items:start}
body[data-it54-route="light-map"] .lm-hero{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:center;min-height:0!important;padding-block:16px!important;margin-bottom:8px!important}body[data-it54-route="light-map"] .lm-app{margin-top:0!important}body[data-it54-route="light-map"] .lm-toolbar{position:sticky;top:8px;z-index:30;background:rgba(6,12,24,.9);backdrop-filter:blur(12px)}
@media(max-width:900px){.it54-project-capsule{margin:8px 10px;align-items:flex-start}.it54-project-states{justify-content:flex-start}.it54-section-nav{top:6px;margin:0 8px 8px}.it54-mobile-bar{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9990;display:grid;grid-template-columns:1fr auto 1fr;width:min(520px,calc(100% - 20px));padding:6px;border:1px solid rgba(80,220,255,.28);border-radius:15px;background:rgba(5,11,24,.93);backdrop-filter:blur(15px);box-shadow:0 14px 50px rgba(0,0,0,.48)}.it54-mobile-bar button{min-height:44px;border:0;border-radius:10px;background:transparent;color:#e6f5ff;font:650 12px/1 inherit}.it54-mobile-bar button:active{background:rgba(80,220,255,.12)}body[data-it54-polish="true"]{padding-bottom:76px!important}.it54-project-capsule{flex-direction:column;gap:10px}.it54-project-name{max-width:70vw}.it54-source-actions,.it54-export-grid{grid-template-columns:1fr}.it54-section-label{display:none}body[data-it54-polish="true"] :where(button,.btn,.lm-btn,.fc-btn,input,select){min-height:42px}.it54-state{padding:6px 8px}.it54-save-state{display:none}}
@media(max-width:520px){.it54-project-states{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:5px}.it54-state{justify-content:center;font-size:9px;padding-inline:4px}.it54-section-button{min-height:42px}.it54-project-capsule{border-radius:13px}.it54-modal{padding:10px}.it54-modal-card{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.it54-section-nav{scroll-behavior:auto}.it54-project-capsule,.it54-modal-card{animation:none!important}}



/* INFOTECH LAB — R9 3AM55 · final locale, SEO and PWA polish */
.it55-continue-project{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(760px,calc(100% - 28px));margin:14px auto;padding:14px 16px;border:1px solid rgba(80,220,255,.34);border-radius:16px;background:linear-gradient(135deg,rgba(10,25,49,.96),rgba(23,10,40,.92));color:#fff;text-decoration:none;box-shadow:0 14px 44px rgba(0,0,0,.32),inset 0 0 30px rgba(80,220,255,.04)}.it55-continue-project span{display:grid;gap:3px}.it55-continue-project strong{font-size:15px}.it55-continue-project small{color:#9fb8d1;font-size:11px}.it55-continue-project b{display:grid;place-items:center;min-width:70px;min-height:40px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,79,216,.22),rgba(80,220,255,.16));color:#eafcff;font-size:12px}.it55-continue-project:hover,.it55-continue-project:focus-visible{border-color:#ff4fd8;transform:translateY(-1px)}
.it55-offline-note{margin:10px 0 0;color:#8fb0c8;font-size:12px;line-height:1.45}body[data-it55-installed="true"] [data-install-app],body[data-it55-installed="true"] #installPwa,body[data-it55-installed="true"] .install-button{opacity:.7;cursor:default}
body[data-it55-final="true"] .r9b-nav-section--visual .r9b-tool-link[data-tool="ledtools"]{order:4}body[data-it55-final="true"] .r9b-nav-section--visual .r9b-tool-link[data-tool="dmxtools"]{order:5}body[data-it55-final="true"] .r9b-nav-section--visual .r9b-tool-link[data-tool="lightmap"]{order:6}body[data-it55-final="true"] .r9b-nav-section--visual .r9b-tool-link[data-tool="networktools"]{order:7}body[data-it55-final="true"] .r9b-nav-section--visual .r9b-tool-link[data-tool="colortools"]{order:8}
body[data-it55-final="true"] :where(.it-card,.home-lab-card,.r9b-quick-card,.panel,.card){content-visibility:auto;contain-intrinsic-size:1px 320px}body[data-it55-final="true"] :where(.hero,.lm-hero,.brand-hero,.r9b-home-hero){content-visibility:visible}
@media(max-width:700px){.it55-continue-project{margin:10px auto;padding:12px}.it55-continue-project b{min-width:58px}.it55-continue-project small{max-width:65vw}.r9b-home-hero,.home-lab-hero{min-height:auto!important}}
@media(prefers-reduced-motion:reduce){.it55-continue-project{transition:none!important}.it55-continue-project:hover{transform:none}}