/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .hidden {
    display: none;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .pe-1 {
    padding-inline-end: var(--spacing);
  }
}
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --session-loading-veu: rgba(2, 6, 12, .82);
  --logo-cons: #ffffff;
  --gpu-background: #0b111b;
  --gpu-surface: #0f1724;
  --gpu-elevated: #162235;
  --gpu-foreground: #f8fafc;
  --gpu-muted: #b6c3d1;
  --gpu-subtle: #91a3b8;
  --gpu-accent: #22d3ee;
  --gpu-accent-foreground: #051016;
  --gpu-border: #64748b;
  --gpu-border-soft: #334155;
  --gpu-focus: #facc15;
  --gpu-success: #6ee7b7;
  --gpu-warning: #fbbf24;
  --gpu-danger: #fca5a5;
  --gpu-series-memory: #a78bfa;
  --gpu-series-power: #fbbf24;
  --gpu-text-accent: #fb923c;
  --gpu-text-accent-foreground: #1a0b02;
  --mail-background: #0b0f17;
  --mail-surface: #1d222c;
  --mail-surface-elevated: #282f3b;
  --mail-foreground: #f3f5f9;
  --mail-foreground-muted: #b7c1d0;
  --mail-foreground-subtle: #aab6c8;
  --mail-primary: #7ac7f5;
  --mail-primary-foreground: #101c28;
  --mail-secondary: #303b4c;
  --mail-secondary-foreground: #f3f5f9;
  --mail-border: #748296;
  --mail-divider: #3c4656;
  --mail-focus: #91d3fa;
  --mail-success: #9be4b4;
  --mail-warning: #f4d295;
  --mail-error: #ffb6be;
  --mail-info: #a4cfff;
  --mail-selected: #34475d;
  --mail-sidebar: #202022;
  --mail-list: #1c1c1e;
  --mail-paper: #1c1c1e;
  --mail-line: #3d3d42;
  --mail-search: #333337;
  --mail-topbar: #242426;
  --mail-ink: #f5f5f7;
  --mail-muted: #b1b1ba;
  --mail-blue: #70b5ff;
  --mail-selection: #075fce;
  --mail-selected-ink: #fff;
  --mail-control-border: #80808a;
  --mail-action-bg: #233349;
  --mail-danger: #ffb1ad;
  --mail-danger-bg: #392728;
  --mail-positive: #a0ddbb;
  --mail-positive-bg: #203b30;
  --mail-caution: #f4d295;
  --mail-caution-bg: #3b3221;
  --ds-paper: var(--access-panel);
  --ds-hero: #07172e;
  --ds-on-hero: #f8f9fe;
  --ds-surface: #0b0f17;
  --ds-brand-soft: #0d2630;
  --ds-surface-elevated: #141c29;
  --ds-ink: #edf2fa;
  --ds-muted: #a3b1c6;
  --ds-subtle: #8f9eb4;
  --ds-brand: #67dced;
  --ds-on-brand: #05070d;
  --ds-secondary: #a3b1c6;
  --ds-on-secondary: #05070d;
  --ds-line: #65758b;
  --ds-focus-ring: #67dced;
  --ds-positive: #8de5c3;
  --ds-on-positive: #05070d;
  --ds-warning: #ffbb83;
  --ds-on-warning: #05070d;
  --ds-danger: #ff9e9e;
  --ds-on-danger: #05070d;
  --ds-info: #67dced;
  --ds-on-info: #05070d;
  --ds-tab-background: #0b1721;
  --ds-tab-area: #0b1019;
  --ds-tab-border: #24414c;
  --ds-radius-cartao: 12px;
  --ds-radius-botao: 12px;
  --ds-radius-area: 14px;
  --ds-target-min: 40px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-7: 32px;
  --ds-space-8: 40px;
  --ds-modal-radius: 16px;
  --ds-modal-shadow: 0 8px 24px rgba(13,15,34,.06);
  --ds-modal-backdrop: rgba(13, 15, 34, 0.56);
  --ds-modal-z: 400;
  --ds-modal-sm: 480px;
  --ds-modal-md: 720px;
  --ds-modal-lg: 960px;
  --ds-modal-xl: min(1200px, calc(100vw - 48px));
  --ds-modal-min-w: 360px;
  --ds-modal-min-h: 240px;
  --ds-modal-margin: 16px;
  --ds-modal-margin-xl: 48px;
  --ds-modal-mobile: 600px;
  --ds-modal-step: 16px;
  --ds-modal-step-shift: 64px;
  --ds-modal-handle: 8px;
  --panel-background: var(--ds-paper);
  --panel-surface: var(--ds-surface);
  --panel-universal-surface: var(--ds-brand-soft);
  --panel-surface-elevated: var(--ds-surface-elevated);
  --panel-foreground: var(--ds-ink);
  --panel-foreground-muted: var(--ds-muted);
  --panel-foreground-subtle: var(--ds-subtle);
  --panel-primary: var(--ds-brand);
  --panel-primary-foreground: var(--ds-on-brand);
  --panel-secondary: var(--ds-secondary);
  --panel-secondary-foreground: var(--ds-on-secondary);
  --panel-border: var(--ds-line);
  --panel-focus: var(--ds-focus-ring);
  --panel-success: var(--ds-positive);
  --panel-success-foreground: var(--ds-on-positive);
  --panel-warning: var(--ds-warning);
  --panel-warning-foreground: var(--ds-on-warning);
  --panel-error: var(--ds-danger);
  --panel-error-foreground: var(--ds-on-danger);
  --panel-info: var(--ds-info);
  --panel-info-foreground: var(--ds-on-info);
  --panel-tab-background: var(--ds-tab-background);
  --panel-tab-area-background: var(--ds-tab-area);
  --panel-tab-area-border: var(--ds-tab-border);
  --consumo-faixa-verde: #4ade80;
  --consumo-faixa-amarelo: #facc15;
  --consumo-faixa-vermelho: #f87171;
  --consumo-activity-active: #4ade80;
  --consumo-activity-inactive: #f87171;
  --consumo-activity-unknown: #94a3b8;
  --serie-code: #f0a36b;
  --serie-codex: #4fd1a1;
  --ia-code-fundo: #24180f;
  --ia-code-borda: #5c3b22;
  --ia-code-badge: #3b2616;
  --ia-code-texto: #fdd2b0;
  --ia-codex-fundo: #1b1d21;
  --ia-codex-borda: #41464e;
  --ia-codex-badge: #2b2f35;
  --ia-codex-texto: #d6d9de;
  --consumo-estado-ok: #34d399;
  --consumo-estado-warn: #fdba74;
  --consumo-estado-action: #c2410c;
  --consumo-estado-bad: #fca5a5;
  --consumo-estado-muted: #94a3b8;
}
:root[data-theme="light"] {
  color-scheme: light;
  --session-loading-veu: rgba(244, 241, 234, .88);
  --logo-cons: #111111;
  --gpu-background: #f4f1ea;
  --gpu-surface: #fbf9f4;
  --gpu-elevated: #ffffff;
  --gpu-foreground: #14171a;
  --gpu-muted: #4a4d52;
  --gpu-subtle: #5c5f64;
  --gpu-accent: #0e7490;
  --gpu-accent-foreground: #ffffff;
  --gpu-border: #857f73;
  --gpu-border-soft: #d6d1c6;
  --gpu-focus: #1d4ed8;
  --gpu-success: #047857;
  --gpu-warning: #b45309;
  --gpu-danger: #b91c1c;
  --gpu-series-memory: #6d28d9;
  --gpu-series-power: #b45309;
  --gpu-text-accent: #c2410c;
  --gpu-text-accent-foreground: #ffffff;
  --mail-background: #f4f1ea;
  --mail-surface: #fbf9f4;
  --mail-surface-elevated: #ffffff;
  --mail-foreground: #14171a;
  --mail-foreground-muted: #4a4d52;
  --mail-foreground-subtle: #5c5f64;
  --mail-primary: #0e718c;
  --mail-primary-foreground: #ffffff;
  --mail-secondary: #ede9e0;
  --mail-secondary-foreground: #14171a;
  --mail-border: #8f897d;
  --mail-divider: #d6d1c6;
  --mail-focus: #0e718c;
  --mail-success: #047857;
  --mail-warning: #b83e0b;
  --mail-error: #b91c1c;
  --mail-info: #0e718c;
  --mail-selected: #ede9e0;
  --mail-sidebar: #f5f5f7;
  --mail-list: #fff;
  --mail-paper: #fff;
  --mail-line: #dedee3;
  --mail-search: #e8e8ed;
  --mail-topbar: #f7f7f8;
  --mail-ink: #202024;
  --mail-muted: #62626b;
  --mail-blue: #005bc8;
  --mail-selection: #0063d9;
  --mail-selected-ink: #fff;
  --mail-control-border: #85858d;
  --mail-action-bg: #f0f5fc;
  --mail-danger: #a92b27;
  --mail-danger-bg: #fff4f3;
  --mail-positive: #246345;
  --mail-positive-bg: #eef8f2;
  --mail-caution: #674a12;
  --mail-caution-bg: #fff8e7;
  --ds-paper: #f4f1ea;
  --ds-hero: #07172e;
  --ds-on-hero: #f8f9fe;
  --ds-surface: #fbf9f4;
  --ds-brand-soft: #ecf6f8;
  --ds-surface-elevated: #ffffff;
  --ds-ink: #14171a;
  --ds-muted: #4a4d52;
  --ds-subtle: #5c5f64;
  --ds-brand: #0e7490;
  --ds-on-brand: #ffffff;
  --ds-secondary: #334155;
  --ds-on-secondary: #ffffff;
  --ds-line: #8f897d;
  --ds-focus-ring: #0e7490;
  --ds-positive: #047857;
  --ds-on-positive: #ffffff;
  --ds-warning: #c2410c;
  --ds-on-warning: #ffffff;
  --ds-danger: #b91c1c;
  --ds-on-danger: #ffffff;
  --ds-info: #0e7490;
  --ds-on-info: #ffffff;
  --ds-tab-background: #e8eeec;
  --ds-tab-area: #fdfcf9;
  --ds-tab-border: #cfe1e7;
  --panel-background: var(--ds-paper);
  --panel-surface: var(--ds-surface);
  --panel-universal-surface: var(--ds-brand-soft);
  --panel-surface-elevated: var(--ds-surface-elevated);
  --panel-foreground: var(--ds-ink);
  --panel-foreground-muted: var(--ds-muted);
  --panel-foreground-subtle: var(--ds-subtle);
  --panel-primary: var(--ds-brand);
  --panel-primary-foreground: var(--ds-on-brand);
  --panel-secondary: var(--ds-secondary);
  --panel-secondary-foreground: var(--ds-on-secondary);
  --panel-border: var(--ds-line);
  --panel-focus: var(--ds-focus-ring);
  --panel-success: var(--ds-positive);
  --panel-success-foreground: var(--ds-on-positive);
  --panel-warning: var(--ds-warning);
  --panel-warning-foreground: var(--ds-on-warning);
  --panel-error: var(--ds-danger);
  --panel-error-foreground: var(--ds-on-danger);
  --panel-info: var(--ds-info);
  --panel-info-foreground: var(--ds-on-info);
  --panel-tab-background: var(--ds-tab-background);
  --panel-tab-area-background: var(--ds-tab-area);
  --panel-tab-area-border: var(--ds-tab-border);
  --consumo-faixa-verde: #047857;
  --consumo-faixa-amarelo: #8a5a00;
  --consumo-faixa-vermelho: #b91c1c;
  --consumo-activity-active: #047857;
  --consumo-activity-inactive: #b91c1c;
  --consumo-activity-unknown: #475569;
  --serie-code: #c2410c;
  --serie-codex: #047857;
  --ia-code-fundo: #fbefe6;
  --ia-code-borda: #e9c4a6;
  --ia-code-badge: #f6dcc8;
  --ia-code-texto: #7c2d12;
  --ia-codex-fundo: #f2f3f5;
  --ia-codex-borda: #d0d4da;
  --ia-codex-badge: #e4e7eb;
  --ia-codex-texto: #374151;
  --consumo-estado-ok: #047857;
  --consumo-estado-warn: #c2410c;
  --consumo-estado-action: #9a3412;
  --consumo-estado-bad: #b91c1c;
  --consumo-estado-muted: #4a4d52;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --session-loading-veu: rgba(244, 241, 234, .88);
    --logo-cons: #111111;
    --gpu-background: #f4f1ea;
    --gpu-surface: #fbf9f4;
    --gpu-elevated: #ffffff;
    --gpu-foreground: #14171a;
    --gpu-muted: #4a4d52;
    --gpu-subtle: #5c5f64;
    --gpu-accent: #0e7490;
    --gpu-accent-foreground: #ffffff;
    --gpu-border: #857f73;
    --gpu-border-soft: #d6d1c6;
    --gpu-focus: #1d4ed8;
    --gpu-success: #047857;
    --gpu-warning: #b45309;
    --gpu-danger: #b91c1c;
    --gpu-series-memory: #6d28d9;
    --gpu-series-power: #b45309;
    --gpu-text-accent: #c2410c;
    --gpu-text-accent-foreground: #ffffff;
    --mail-background: #f4f1ea;
    --mail-surface: #fbf9f4;
    --mail-surface-elevated: #ffffff;
    --mail-foreground: #14171a;
    --mail-foreground-muted: #4a4d52;
    --mail-foreground-subtle: #5c5f64;
    --mail-primary: #0e718c;
    --mail-primary-foreground: #ffffff;
    --mail-secondary: #ede9e0;
    --mail-secondary-foreground: #14171a;
    --mail-border: #8f897d;
    --mail-divider: #d6d1c6;
    --mail-focus: #0e718c;
    --mail-success: #047857;
    --mail-warning: #b83e0b;
    --mail-error: #b91c1c;
    --mail-info: #0e718c;
    --mail-selected: #ede9e0;
    --mail-sidebar: #f5f5f7;
    --mail-list: #fff;
    --mail-paper: #fff;
    --mail-line: #dedee3;
    --mail-search: #e8e8ed;
    --mail-topbar: #f7f7f8;
    --mail-ink: #202024;
    --mail-muted: #62626b;
    --mail-blue: #005bc8;
    --mail-selection: #0063d9;
    --mail-selected-ink: #fff;
    --mail-control-border: #85858d;
    --mail-action-bg: #f0f5fc;
    --mail-danger: #a92b27;
    --mail-danger-bg: #fff4f3;
    --mail-positive: #246345;
    --mail-positive-bg: #eef8f2;
    --mail-caution: #674a12;
    --mail-caution-bg: #fff8e7;
    --ds-paper: #f4f1ea;
    --ds-hero: #07172e;
    --ds-on-hero: #f8f9fe;
    --ds-surface: #fbf9f4;
    --ds-brand-soft: #ecf6f8;
    --ds-surface-elevated: #ffffff;
    --ds-ink: #14171a;
    --ds-muted: #4a4d52;
    --ds-subtle: #5c5f64;
    --ds-brand: #0e7490;
    --ds-on-brand: #ffffff;
    --ds-secondary: #334155;
    --ds-on-secondary: #ffffff;
    --ds-line: #8f897d;
    --ds-focus-ring: #0e7490;
    --ds-positive: #047857;
    --ds-on-positive: #ffffff;
    --ds-warning: #c2410c;
    --ds-on-warning: #ffffff;
    --ds-danger: #b91c1c;
    --ds-on-danger: #ffffff;
    --ds-info: #0e7490;
    --ds-on-info: #ffffff;
    --ds-tab-background: #e8eeec;
    --ds-tab-area: #fdfcf9;
    --ds-tab-border: #cfe1e7;
    --panel-background: var(--ds-paper);
    --panel-surface: var(--ds-surface);
    --panel-universal-surface: var(--ds-brand-soft);
    --panel-surface-elevated: var(--ds-surface-elevated);
    --panel-foreground: var(--ds-ink);
    --panel-foreground-muted: var(--ds-muted);
    --panel-foreground-subtle: var(--ds-subtle);
    --panel-primary: var(--ds-brand);
    --panel-primary-foreground: var(--ds-on-brand);
    --panel-secondary: var(--ds-secondary);
    --panel-secondary-foreground: var(--ds-on-secondary);
    --panel-border: var(--ds-line);
    --panel-focus: var(--ds-focus-ring);
    --panel-success: var(--ds-positive);
    --panel-success-foreground: var(--ds-on-positive);
    --panel-warning: var(--ds-warning);
    --panel-warning-foreground: var(--ds-on-warning);
    --panel-error: var(--ds-danger);
    --panel-error-foreground: var(--ds-on-danger);
    --panel-info: var(--ds-info);
    --panel-info-foreground: var(--ds-on-info);
    --panel-tab-background: var(--ds-tab-background);
    --panel-tab-area-background: var(--ds-tab-area);
    --panel-tab-area-border: var(--ds-tab-border);
    --consumo-faixa-verde: #047857;
    --consumo-faixa-amarelo: #8a5a00;
    --consumo-faixa-vermelho: #b91c1c;
    --consumo-activity-active: #047857;
    --consumo-activity-inactive: #b91c1c;
    --consumo-activity-unknown: #475569;
    --serie-code: #c2410c;
    --serie-codex: #047857;
    --ia-code-fundo: #fbefe6;
    --ia-code-borda: #e9c4a6;
    --ia-code-badge: #f6dcc8;
    --ia-code-texto: #7c2d12;
    --ia-codex-fundo: #f2f3f5;
    --ia-codex-borda: #d0d4da;
    --ia-codex-badge: #e4e7eb;
    --ia-codex-texto: #374151;
    --consumo-estado-ok: #047857;
    --consumo-estado-warn: #c2410c;
    --consumo-estado-action: #9a3412;
    --consumo-estado-bad: #b91c1c;
    --consumo-estado-muted: #4a4d52;
  }
}
:root {
  --session-accent: #22d3ee;
  --session-fg: #e2e8f0;
  --session-muted: #9ca3af;
  --session-surface: #0c1018;
  --session-border: #526278;
  --session-countdown: #67e8f9;
  --session-danger: #7f1d1d;
  --session-danger-fg: #ffffff;
  --session-hover: #111827;
}
:root[data-theme="light"] {
  --session-accent: #0e7490;
  --session-fg: #0f172a;
  --session-muted: #475569;
  --session-surface: #ffffff;
  --session-border: #7c8ba3;
  --session-countdown: #0e7490;
  --session-danger: #b91c1c;
  --session-danger-fg: #ffffff;
  --session-hover: #e2e8f0;
}
@media (prefers-color-scheme:light) {
  :root:not([data-theme="dark"]) {
    --session-accent: #0e7490;
    --session-fg: #0f172a;
    --session-muted: #475569;
    --session-surface: #ffffff;
    --session-border: #7c8ba3;
    --session-countdown: #0e7490;
    --session-danger: #b91c1c;
    --session-danger-fg: #ffffff;
    --session-hover: #e2e8f0;
  }
}
:root {
  --access-action: #c2410c;
  --access-context: #0e7490;
  --access-on-action: #ffffff;
  --access-on-context: #ffffff;
  --access-action-wash: rgba(194, 65, 12, 0.09);
  --access-context-wash: rgba(14, 116, 144, 0.14);
  --access-focus-ring: rgba(14, 116, 144, 0.30);
  --access-hover-brightness: 1.1;
}
:root, :root[data-theme="dark"] {
  --access-bg: #05070d;
  --access-surface: rgba(12, 16, 24, 0.88);
  --access-input: #080b12;
  --access-panel: #0b0f17;
  --access-border: #1e293b;
  --access-field-border: #334155;
  --access-text: #eef2ff;
  --access-muted: #94a3b8;
  --access-dim: #7c8ba3;
  --access-danger: #ef4444;
  --access-header: #080b12;
  --access-accent: #67e8f9;
  --access-warn: #fdba74;
  --access-bad: #fca5a5;
  --access-ok: #34d399;
  --access-wait: #f0abfc;
  --access-kicker-context: #22d3ee;
  --access-card-shadow: 0 28px 70px rgba(0, 0, 0, 0.55);
}
:root[data-theme="light"] {
  --access-bg: #f4f1ea;
  --access-surface: rgba(255, 255, 255, 0.92);
  --access-input: #ffffff;
  --access-panel: #fbf9f4;
  --access-border: #d6d1c6;
  --access-field-border: #8f897d;
  --access-text: #14171a;
  --access-muted: #4a4d52;
  --access-dim: #5c5f64;
  --access-danger: #b91c1c;
  --access-header: #f9f9f7;
  --access-accent: #0e7490;
  --access-warn: #c2410c;
  --access-bad: #b91c1c;
  --access-ok: #047857;
  --access-wait: #7e22ce;
  --access-kicker-context: #094c5b;
  --access-card-shadow: 0 18px 44px rgba(62, 48, 28, 0.10);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --access-bg: #f4f1ea;
    --access-surface: rgba(255, 255, 255, 0.92);
    --access-input: #ffffff;
    --access-panel: #fbf9f4;
    --access-border: #d6d1c6;
    --access-field-border: #8f897d;
    --access-text: #14171a;
    --access-muted: #4a4d52;
    --access-dim: #5c5f64;
    --access-danger: #b91c1c;
    --access-header: #f9f9f7;
    --access-accent: #0e7490;
    --access-warn: #c2410c;
    --access-bad: #b91c1c;
    --access-ok: #047857;
    --access-wait: #7e22ce;
    --access-kicker-context: #094c5b;
    --access-card-shadow: 0 18px 44px rgba(62, 48, 28, 0.10);
  }
}
.access-page {
  color: var(--access-text);
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: radial-gradient(circle at 18% 12%, var(--access-context), transparent 32rem), radial-gradient(circle at 82% 90%, var(--access-action), transparent 30rem), var(--access-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--access-context) 14%, transparent), transparent 32rem), radial-gradient(circle at 82% 90%, color-mix(in srgb, var(--access-action) 9%, transparent), transparent 30rem), var(--access-bg);
  }
}
@supports not (background: color-mix(in srgb, red 10%, transparent)) {
  .access-page {
    background: radial-gradient(circle at 18% 12%, var(--access-context-wash), transparent 32rem), radial-gradient(circle at 82% 90%, var(--access-action-wash), transparent 30rem), var(--access-bg);
  }
}
.access-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px clamp(22px, 5vw, 72px);
}
.access-brand {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.access-product {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--access-dim);
}
.access-back {
  font-size: 13px;
  color: var(--access-muted);
  text-decoration: none;
  cursor: pointer;
}
.access-back:hover {
  color: var(--access-context);
}
.access-main {
  width: min(1040px, calc(100% - 36px));
  margin: 0 auto;
  padding: 52px 0 76px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
  gap: clamp(36px, 7vw, 86px);
  align-items: center;
}
.access-kicker {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  --access-context: var(--access-kicker-context);
  color: var(--access-context);
  margin: 0 0 18px;
}
.access-h1 {
  font-family: var(--font-display);
  font-size: clamp(40px, 5.4vw, 68px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.035em;
  margin: 0 0 22px;
  text-wrap: balance;
}
.access-h1 em {
  font-style: normal;
  color: var(--access-action);
}
@media (max-width: 1440px) {
  .access-h1 {
    font-size: clamp(30px, 3.2vw, 40px);
  }
}
.access-lede {
  font-size: 16px;
  line-height: 1.68;
  color: var(--access-muted);
  max-width: 48ch;
  margin: 0;
}
.access-card {
  background: var(--access-surface);
  border: 1px solid var(--access-border);
  border-radius: 20px;
  padding: clamp(24px, 4vw, 40px);
  backdrop-filter: blur(16px);
  box-shadow: var(--access-card-shadow);
  max-width: 560px;
  width: 100%;
}
.access-card h2 {
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
.access-card-note {
  font-size: 14px;
  line-height: 1.6;
  color: var(--access-muted);
  margin: 0 0 24px;
}
.access-progress {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 8px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}
.access-progress-item {
  position: relative;
  display: grid;
  grid-template-columns: 26px 1fr;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--access-dim);
}
.access-progress-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 13px;
  left: calc(100% - 6px);
  width: 14px;
  height: 1px;
  background: var(--access-border);
}
.access-progress-item > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--access-field-border);
  border-radius: 50%;
  background: var(--access-input);
  color: var(--access-dim);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
}
.access-progress-item small {
  overflow: visible;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-overflow: clip;
  text-transform: uppercase;
  white-space: nowrap;
}
.access-progress-item.is-complete > span {
  border-color: var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--access-context) 58%, transparent);
  }
  background: var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--access-context) 10%, transparent);
  }
  color: var(--access-context);
}
.access-progress-item.is-active {
  color: var(--access-text);
}
.access-progress-item.is-active > span {
  border-color: transparent;
  background: var(--access-context);
  color: var(--access-on-context);
  box-shadow: 0 0 0 3px var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--access-context) 18%, transparent);
  }
}
@media (max-width: 420px) {
  .access-progress-item small {
    font-size: 9px;
    letter-spacing: 0.06em;
  }
}
.access-timer {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 18px;
}
.access-timer-ring {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}
.access-timer-ring svg {
  width: 44px;
  height: 44px;
  transform: rotate(-90deg);
}
.access-timer-ring circle {
  fill: none;
  stroke-width: 4;
}
.access-timer-ring-track {
  stroke: var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    stroke: color-mix(in srgb, var(--access-context) 22%, var(--access-border));
  }
}
.access-timer-ring-progress {
  stroke: var(--access-context);
  stroke-linecap: round;
  stroke-dasharray: 113;
  stroke-dashoffset: 18;
}
.access-timer.is-expired .access-timer-ring-track {
  stroke: var(--access-danger);
  @supports (color: color-mix(in lab, red, red)) {
    stroke: color-mix(in srgb, var(--access-danger) 18%, var(--access-border));
  }
}
.access-timer.is-expired .access-timer-ring-progress {
  stroke: var(--access-danger);
  stroke-dashoffset: 113;
}
.access-timer-label {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--access-dim);
}
.access-timer-value {
  font-family: var(--font-mono);
  font-size: 17px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  color: var(--access-context);
}
.access-timer.is-expired .access-timer-label, .access-timer.is-expired .access-timer-value {
  color: var(--access-danger);
}
.access-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--access-muted);
  margin: 0 0 8px;
}
.access-input {
  width: 100%;
  height: 50px;
  padding: 0 14px;
  background: var(--access-input);
  border: 1px solid var(--access-field-border);
  border-radius: 10px;
  color: var(--access-text);
  font-family: var(--font-ui);
  font-size: 16px;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.access-input:focus-visible {
  border-color: var(--access-context);
  box-shadow: 0 0 0 3px var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--access-context) 30%, transparent);
  }
}
.access-input::placeholder {
  color: var(--access-dim);
}
.access-otp {
  height: 54px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 26px;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
.access-cta {
  width: 100%;
  height: 50px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  background: var(--access-action);
  color: var(--access-on-action);
  border: none;
  border-radius: 10px;
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: filter 0.15s, opacity 0.15s;
}
.access-cta:hover:not(:disabled) {
  filter: brightness(1.1);
}
.access-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.access-channels {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 4px;
}
.access-channel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 50px;
  padding: 0 18px 0 16px;
  background: var(--access-input);
  border: 1px solid var(--access-field-border);
  border-radius: 10px;
  color: var(--access-text);
  font-family: var(--font-ui);
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s;
}
.access-channel:hover:not(:disabled) {
  border-color: var(--access-context);
}
.access-channel:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.access-channel-dest {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--access-muted);
}
.access-channel-action {
  color: var(--access-context);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.access-channel-separator {
  margin: 14px 0 10px;
  color: var(--access-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}
.access-rebind-note {
  margin: 0 0 8px;
  color: var(--access-muted);
  font-size: 13px;
  line-height: 1.35;
}
.access-link {
  display: inline-block;
  margin-top: 18px;
  background: none;
  border: none;
  padding: 0;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--access-dim);
  cursor: pointer;
}
.access-link:hover {
  color: var(--access-context);
}
.access-error {
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--access-danger);
}
.access-status {
  margin: 14px 0 0;
  font-size: 13px;
  color: var(--access-muted);
}
.access-dev {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px dashed var(--access-field-border);
  border-radius: 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--access-muted);
}
.access-footer {
  padding: 0 0 28px;
  text-align: center;
  font-size: 11px;
  color: var(--access-dim);
}
@media (max-width: 760px) {
  .access-main {
    grid-template-columns: 1fr;
    padding: 28px 0 56px;
    width: calc(100% - 36px);
  }
  .access-card {
    max-width: none;
  }
  .access-header {
    flex-wrap: wrap;
    gap: 12px 16px;
  }
  .access-brand {
    flex-wrap: wrap;
    min-width: 0;
  }
  .access-header-actions {
    flex-wrap: wrap;
    gap: 12px;
  }
  .access-main {
    grid-template-columns: minmax(0, 1fr);
  }
  .access-main > * {
    min-width: 0;
  }
  .access-h1, .access-lede, .access-footer {
    overflow-wrap: anywhere;
  }
}
@media (max-width: 420px) {
  .access-header {
    padding: 16px 18px;
  }
}
@media (max-width: 260px) {
  .access-card {
    padding: 16px;
  }
  .access-progress {
    grid-auto-flow: row;
    gap: 6px;
  }
  .access-progress-item:not(:last-child)::after {
    display: none;
  }
  .access-progress-item small {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .access-cta {
    height: auto;
    min-height: 50px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 8px;
    padding: 8px 10px;
    text-align: center;
  }
}
.access-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.access-header-actions .session-manager {
  margin-left: 0;
  margin-inline-start: 0;
}
:root {
  --console-title-font: 800 clamp(36px, 7vw, 68px)/0.95 var(--font-display);
  --console-title-tracking: -0.055em;
  --console-title-margin: 8px 0 12px;
}
html:root .painel-main.painel-main h1:not(:where(article h1, dialog h1, [role="dialog"] h1)) {
  margin: var(--console-title-margin);
  color: var(--access-text);
  font: var(--console-title-font);
  letter-spacing: var(--console-title-tracking);
  text-align: left;
  overflow-wrap: anywhere;
}
:root {
  --painel-max-width: 1600px;
  --font-display: var(--font-jakarta, "Plus Jakarta Sans"), system-ui, sans-serif;
  --font-ui: var(--font-inter, Inter), system-ui, sans-serif;
  --font-mono: var(--font-mono-jb, "JetBrains Mono"), ui-monospace, monospace;
  --font-logo: var(--font-jakarta, "Plus Jakarta Sans"), system-ui, sans-serif;
  --font-logo-i: var(--font-baskerville, "Libre Baskerville"), Georgia, serif;
}
* {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: clip;
}
body {
  background: var(--access-bg);
  color: var(--access-text);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
}
.logo-iconsai {
  display: inline-flex;
  align-items: center;
  gap: 0.02em;
  font-family: var(--font-logo);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}
.logo-i {
  font-family: var(--font-logo-i);
  font-size: 1.55em;
  font-weight: 700;
  font-style: normal;
  color: #f97316;
  -webkit-text-fill-color: #f97316;
}
.logo-cons {
  font-weight: 800;
  color: var(--logo-cons);
  -webkit-text-fill-color: var(--logo-cons);
}
.logo-ai {
  font-weight: 800;
  color: #ef4444;
  -webkit-text-fill-color: #ef4444;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
.painel {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  background: var(--access-bg);
}
.painel-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  padding: 8px clamp(12px, 2vw, 24px);
  border-bottom: 1px solid var(--access-border);
  background: var(--access-header, #080b12);
  color: var(--access-text);
  backdrop-filter: blur(16px);
  min-width: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}
.painel-nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  flex: 1;
  min-width: 0;
}
.painel-nav a {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--access-muted);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
}
.painel-nav > .logo-iconsai {
  text-transform: none;
}
.painel-nav .painel-header-link {
  font-size: 12px !important;
  line-height: 1;
}
.painel-nav a:hover {
  color: var(--access-text);
}
.painel-nav a[aria-current="page"] {
  color: var(--access-text);
  border-bottom-color: var(--access-context);
}
.painel-who {
  min-width: 0;
  max-width: 13ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--access-dim);
}
.painel-tools {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 0 0 auto;
}
.painel-tools > .btn {
  height: 34px;
  padding: 0 13px;
  border-radius: 6px;
  font-size: 12px;
}
.painel-main {
  width: min(var(--painel-max-width), calc(100% - 40px));
  min-width: 0;
  margin: 0 auto;
  padding: 36px 0 72px;
}
.painel-carregando {
  margin: 0;
  color: var(--access-muted);
  font-size: 14px;
}
@media (max-width: 900px) {
  .painel-nav {
    flex-wrap: wrap;
    gap: 8px 12px;
  }
  .painel-nav-links {
    order: 10;
    flex: 0 0 100%;
    width: 100%;
    padding-bottom: 4px;
  }
  .painel-who {
    display: none;
  }
}
@media (max-width: 680px) {
  .painel-tools {
    flex: 1 1 100%;
    max-width: 100%;
    justify-content: flex-end;
  }
  .painel-session-host {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }
}
.painel-h1 {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.025em;
  margin: 0 0 6px;
}
.painel-lede {
  font-size: 14px;
  color: var(--access-muted);
  margin: 0 0 28px;
  max-width: 70ch;
  line-height: 1.6;
}
.card {
  background: var(--access-surface);
  border: 1px solid var(--access-border);
  border-radius: 16px;
  padding: 22px;
}
.card + .card {
  margin-top: 20px;
}
.card h2 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 16px;
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
}
.stat {
  background: var(--access-input);
  border: 1px solid var(--access-border);
  border-radius: 12px;
  padding: 16px;
}
.stat-label {
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--access-dim);
}
.stat-value {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 800;
  margin-top: 6px;
  letter-spacing: -0.02em;
}
.stat-sub {
  font-size: 12px;
  color: var(--access-muted);
  margin-top: 4px;
}
.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
}
.filter-row label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--access-muted);
  font-size: 12px;
}
.filter-row select {
  min-width: 150px;
  border: 1px solid var(--access-border);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--access-input);
  color: var(--access-text);
  cursor: pointer;
}
.erro-grave {
  color: var(--access-danger);
}
.erro-medio {
  color: var(--access-action);
}
.erro-baixo {
  color: var(--access-context);
}
.table-wrap {
  overflow-x: auto;
}
table.data {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
table.data th {
  text-align: left;
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--access-dim);
  font-weight: 600;
  padding: 0 14px 10px 0;
  white-space: nowrap;
}
table.data td {
  padding: 11px 14px 11px 0;
  border-top: 1px solid var(--access-border);
  color: var(--access-text);
  white-space: nowrap;
}
table.data td.num {
  font-family: var(--font-mono);
}
.empty {
  padding: 28px 0;
  text-align: center;
  color: var(--access-dim);
  font-size: 14px;
}
.badge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1px solid var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--access-context) 40%, transparent);
  }
  color: var(--access-context);
}
.badge.live {
  border-color: var(--access-action);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--access-action) 45%, transparent);
  }
  color: var(--access-action);
}
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
  align-items: flex-end;
}
.filters .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.filters select, .filters input {
  height: 40px;
  padding: 0 12px;
  background: var(--access-input);
  border: 1px solid var(--access-field-border);
  border-radius: 8px;
  color: var(--access-text);
  font-family: var(--font-ui);
  font-size: 14px;
}
.filters select:focus-visible, .filters input:focus-visible {
  outline: none;
  border-color: var(--access-context);
  box-shadow: 0 0 0 3px var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--access-context) 30%, transparent);
  }
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
.btn {
  height: 44px;
  padding: 0 20px;
  border-radius: 10px;
  border: 1px solid var(--access-field-border);
  background: var(--access-input);
  color: var(--access-text);
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn:hover:not(:disabled) {
  border-color: var(--access-context);
}
.btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.btn.primary {
  background: var(--access-action);
  border-color: var(--access-action);
  color: #fff;
}
.btn.danger {
  color: var(--access-danger);
  border-color: var(--access-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--access-danger) 40%, transparent);
  }
}
.eco-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 4px;
}
.eco-head h2 {
  margin: 0;
}
.eco-def {
  font-size: 13px;
  color: var(--access-muted);
  line-height: 1.6;
  margin: 0 0 18px;
  max-width: 80ch;
}
.eco-toggles {
  display: flex;
  gap: 6px;
}
.eco-toggle {
  height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid var(--access-field-border);
  background: var(--access-input);
  color: var(--access-muted);
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.eco-toggle:hover {
  color: var(--access-text);
}
.eco-toggle.on.sev-crit {
  color: var(--access-danger);
  border-color: var(--access-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--access-danger) 55%, transparent);
  }
  background: var(--access-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--access-danger) 12%, var(--access-input));
  }
}
.eco-toggle.on.sev-warn {
  color: var(--access-action);
  border-color: var(--access-action);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--access-action) 55%, transparent);
  }
  background: var(--access-action);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--access-action) 12%, var(--access-input));
  }
}
.eco-toggle.on.sev-ok {
  color: var(--access-context);
  border-color: var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--access-context) 55%, transparent);
  }
  background: var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--access-context) 12%, var(--access-input));
  }
}
table.data.eco td {
  white-space: normal;
  vertical-align: top;
  line-height: 1.55;
}
table.data.eco {
  table-layout: fixed;
}
table.data.eco .eco-c-nome {
  width: 15%;
}
table.data.eco .eco-c-url {
  width: 20%;
}
table.data.eco .eco-c-exp {
  width: 30%;
}
table.data.eco .eco-c-prob {
  width: 35%;
}
table.data.eco tbody tr td:first-child {
  border-left: 3px solid transparent;
  padding-left: 11px;
}
table.data.eco tbody tr.sev-crit td:first-child {
  border-left-color: var(--access-danger);
}
table.data.eco tbody tr.sev-warn td:first-child {
  border-left-color: var(--access-action);
}
table.data.eco tbody tr.sev-ok td:first-child {
  border-left-color: var(--access-context);
}
.eco-nome {
  display: block;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.eco-tag {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  color: var(--access-dim);
  margin-top: 3px;
}
.eco-url {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--access-context);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.eco-url:hover {
  text-decoration: underline;
}
.eco-chip {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.eco-chip.sev-crit {
  color: var(--access-danger);
  border: 1px solid var(--access-danger);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--access-danger) 40%, transparent);
  }
}
.eco-chip.sev-warn {
  color: var(--access-action);
  border: 1px solid var(--access-action);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--access-action) 40%, transparent);
  }
}
.eco-chip.sev-ok {
  color: var(--access-context);
  border: 1px solid var(--access-context);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--access-context) 40%, transparent);
  }
}
.eco-prob {
  margin: 0;
  font-size: 13px;
  color: var(--access-muted);
}
table.data.eco code {
  font-family: var(--font-mono);
  font-size: 11.5px;
  padding: 1px 5px;
  border-radius: 5px;
  background: var(--access-input);
  border: 1px solid var(--access-border);
  overflow-wrap: anywhere;
}
table.data.eco b {
  color: var(--access-text);
  font-weight: 700;
}
@media (max-width: 900px) {
  table.data.eco, table.data.eco tbody, table.data.eco tr, table.data.eco td {
    display: block;
    width: 100%;
  }
  table.data.eco thead {
    display: none;
  }
  table.data.eco tbody tr {
    border-top: 1px solid var(--access-border);
    padding: 14px 0;
  }
  table.data.eco tbody tr td {
    border-top: none;
    padding: 4px 0;
  }
  table.data.eco tbody tr td:first-child {
    border-left: none;
    padding-left: 10px;
  }
  table.data.eco tbody tr.sev-crit {
    border-left: 3px solid var(--access-danger);
    padding-left: 10px;
  }
  table.data.eco tbody tr.sev-warn {
    border-left: 3px solid var(--access-action);
    padding-left: 10px;
  }
  table.data.eco tbody tr.sev-ok {
    border-left: 3px solid var(--access-context);
    padding-left: 10px;
  }
}
.deploy-seq {
  font-family: var(--font-mono);
  color: var(--access-dim);
  white-space: nowrap;
}
.table-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  margin: 14px 0;
}
.table-controls label {
  display: grid;
  gap: 5px;
  color: var(--access-dim);
  font: 600 .68rem var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.table-controls input, .table-controls select {
  min-width: 220px;
  padding: 8px 10px;
  border: 1px solid var(--access-border);
  border-radius: 6px;
  background: var(--access-panel);
  color: var(--access-text);
  font: 500 .72rem var(--font-mono);
}
.deploy-motivo {
  margin-top: 4px;
  font-size: 12px;
  color: var(--access-muted);
  max-width: 34ch;
}
.deploy-motivo-campo {
  display: block;
  margin-top: 6px;
  width: min(30ch, 100%);
  padding: 5px 8px;
  border: 1px solid var(--access-border);
  border-radius: 7px;
  background: var(--access-bg);
  color: var(--access-text);
  font: 400 12px/1.4 var(--font-mono);
}
.deploy-motivo-campo::placeholder {
  color: var(--access-dim);
}
.deploy-motivo-campo:focus-visible {
  outline: 2px solid var(--access-context);
  outline-offset: 1px;
}
.top-nav-session-a11y {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.session-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: var(--session-loading-veu);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.session-loading-caixa {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: min(90vw, 300px);
  max-width: 420px;
  padding: 26px 28px 22px;
  border: 1px solid var(--access-border);
  border-radius: 14px;
  background: var(--access-panel);
  text-align: center;
  box-shadow: 0 18px 60px rgb(0 0 0 / .35);
}
.session-loading-spinner {
  width: 34px;
  height: 34px;
  margin-bottom: 4px;
  border-radius: 50%;
  border: 3px solid var(--access-border);
  border-top-color: var(--access-context);
  animation: session-loading-spin .8s linear infinite;
}
.session-loading-titulo {
  margin: 0;
  color: var(--access-text);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}
.session-loading-detalhe {
  margin: 0;
  color: var(--access-muted);
  font-size: 13px;
  line-height: 1.5;
}
@keyframes session-loading-spin {
  to {
    transform: rotate(360deg);
  }
}
.idle-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2147483000;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: min(420px, calc(100vw - 32px));
  padding: 12px 16px;
  border: 1px solid var(--access-border);
  border-radius: 12px;
  background: var(--access-panel);
  color: var(--access-text);
  box-shadow: 0 12px 40px rgb(0 0 0 / .3);
}
.idle-toast-texto {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.idle-toast-mensagem {
  font-size: 13px;
  line-height: 1.45;
  color: var(--access-text);
}
.idle-toast-valor {
  font-size: 18px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--access-context);
}
@media (max-width: 480px) {
  .idle-toast {
    left: 16px;
    right: 16px;
    transform: translateY(-50%);
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .session-loading-spinner {
    animation-duration: 2.4s;
  }
}
.conversas-table {
  min-width: 0;
  table-layout: fixed;
}
.conversas-table td,.conversas-table th {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.consolidado-text {
  color: var(--access-text);
}
.consolidado-text small {
  color: var(--access-warn,#c2410c);
  font-weight: 700;
}
table {
  width: 100%;
  max-width: 100%;
  min-width: 0 !important;
}
th, td {
  overflow-wrap: anywhere;
  word-break: normal;
  min-width: 0;
}
.table-wrap {
  overflow-x: auto;
}
pre, code {
  max-width: 100%;
  overflow-x: auto;
}
html, body {
  max-width: 100%;
}
.painel-passos {
  margin: 0 0 22px;
  padding: 0 0 0 1.4em;
  max-width: 92ch;
  color: var(--access-muted);
  font-size: 14px;
  line-height: 1.62;
}
.painel-passos li {
  margin-bottom: 8px;
}
.painel-passos li::marker {
  color: var(--access-context);
  font-weight: 700;
}
.painel-passos strong {
  color: var(--access-text);
}
.painel-passos em {
  color: var(--access-warn, #fdba74);
  font-style: normal;
}
:root {
  --font-display: var(--font-jakarta, "Plus Jakarta Sans"), system-ui, sans-serif;
  --font-ui: var(--font-inter, Inter), system-ui, sans-serif;
  --font-mono: var(--font-mono-jb, "JetBrains Mono"), ui-monospace, monospace;
  --font-logo: var(--font-jakarta, "Plus Jakarta Sans"), system-ui, sans-serif;
  --font-logo-i: var(--font-baskerville, "Libre Baskerville"), Georgia, serif;
}
.logo-iconsai {
  display: inline-flex;
  align-items: center;
  gap: 0.02em;
  font-family: var(--font-logo);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}
.logo-i {
  font-family: var(--font-logo-i);
  font-size: 1.55em;
  font-weight: 700;
  font-style: normal;
  color: #f97316;
  -webkit-text-fill-color: #f97316;
}
.logo-cons {
  font-weight: 800;
  color: var(--logo-cons);
  -webkit-text-fill-color: var(--logo-cons);
}
.logo-ai {
  font-weight: 800;
  color: #ef4444;
  -webkit-text-fill-color: #ef4444;
}
.painel-nav > .logo-iconsai {
  text-transform: none;
}
.painel-nav-item {
  display: inline-flex;
  align-items: center;
}
.painel-nav-bola {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  margin-left: 6px;
  padding: 0 4px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
}
.painel-nav-bola[data-severidade="alta"] {
  background: var(--access-danger);
  color: var(--access-panel);
}
.painel-nav-bola[data-severidade="aviso"] {
  background: var(--access-action);
  color: #ffffff;
}
.painel-sino {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--access-border);
  border-radius: 6px;
  background: transparent;
  color: var(--access-muted);
  cursor: pointer;
}
.painel-sino:hover {
  color: var(--access-text);
  border-color: var(--access-field-border);
}
.painel-sino:focus-visible {
  outline: 2px solid #22d3ee;
  outline-offset: 2px;
}
.painel-sino svg {
  width: 19px;
  height: 19px;
  display: block;
}
.painel-sino-conta {
  position: absolute;
  top: -5px;
  right: -5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.painel-sino[data-severidade="alta"] .painel-sino-conta {
  background: var(--access-danger);
  color: var(--access-panel);
}
.painel-sino[data-severidade="aviso"] .painel-sino-conta {
  background: var(--access-action);
  color: #ffffff;
}
.painel-sino-fundo {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(16px, 6vh, 72px) 16px 16px;
  background: rgba(3, 6, 12, 0.72);
  overflow-y: auto;
}
.painel-sino-modal {
  width: min(560px, 100%);
  padding: 20px 22px 22px;
  border: 1px solid var(--access-border);
  border-radius: 12px;
  background: var(--access-panel);
  color: var(--access-text);
  box-shadow: 0 28px 68px rgba(0, 0, 0, 0.55);
}
.painel-sino-modal > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 6px;
}
.painel-sino-modal h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 19px;
}
.painel-sino-area {
  margin-top: 16px;
}
.painel-sino-area h3 {
  margin: 0 0 8px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--access-accent);
}
.painel-sino-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.painel-sino-area li {
  padding: 10px 12px;
  border: 2px solid var(--access-action);
  border-radius: 8px;
  background: var(--access-input);
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.painel-sino-area li[data-severidade="alta"] {
  border-color: var(--access-danger);
}
.painel-sino-area li strong {
  font-size: 14px;
  font-weight: 600;
}
.painel-sino-area li span {
  font-size: 12.5px;
  color: var(--access-muted);
  line-height: 1.5;
}
.accident-overlay {
  --border: var(--access-field-border);
  --surface-elevated: var(--access-panel);
  --foreground: var(--access-text);
  --foreground-muted: var(--access-muted);
  --focus: #22d3ee;
  --secondary: #151d29;
  --secondary-foreground: #eef2ff;
  --error: #b91c1c;
  --error-foreground: #ffffff;
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(2,6,12,.72);
  pointer-events: auto;
}
.accident-overlay[data-accident-overlay="notice"] {
  background: transparent;
  pointer-events: none;
}
.accident-dialog {
  width: min(100%,440px);
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface-elevated);
  color: var(--foreground);
  padding: 24px;
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
  pointer-events: auto;
}
.accident-dialog h2 {
  margin: 0 0 8px;
  font-size: 20px;
}
.accident-dialog p {
  margin: 0;
  color: var(--foreground-muted);
}
.accident-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}
.accident-actions button {
  min-width: 96px;
  min-height: 44px;
  border-radius: 10px;
  cursor: pointer;
}
.accident-actions button:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
[data-accident-action="stay"] {
  border: 1px solid var(--border);
  background: var(--secondary);
  color: var(--secondary-foreground);
}
[data-accident-action="leave"] {
  border: 1px solid var(--error);
  background: var(--error);
  color: var(--error-foreground);
}
@media (max-width:520px) {
  .accident-overlay {
    padding: 16px;
  }
  .accident-dialog {
    padding: 20px;
  }
  .accident-actions {
    flex-direction: column;
  }
  .accident-actions button {
    width: 100%;
  }
}
.session-manager {
  --session-height: 34px;
  --session-gap: 12px;
  --session-radius: 8px;
  --session-identity-width: 170px;
  --session-mode-width: 104px;
  --session-mode-item: 28px;
  --session-time-width: 198px;
  --session-time-value-width: 84px;
  --session-ring-size: 28px;
  --session-hours-width: 42px;
  --session-hours-height: 26px;
  --session-switch-width: 20px;
  --session-switch-height: 11px;
  --session-thumb-size: 8px;
  --session-action-size: 34px;
  --session-reload-width: 37px;
  --session-logout-width: 37px;
  --session-icon: 15px;
  display: inline-flex;
  height: var(--session-height);
  min-width: 0;
  align-items: center;
  gap: var(--session-gap);
  margin-inline-start: auto;
  margin-left: auto;
  justify-content: flex-end;
  color: var(--session-muted);
  white-space: nowrap;
}
.session-identity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: var(--session-identity-width);
  max-width: var(--session-identity-width);
  flex: 0 0 var(--session-identity-width);
  color: var(--session-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.15;
  text-align: right;
  white-space: normal;
}
.session-identity-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.session-mode-slot {
  display: inline-flex;
  width: var(--session-mode-width);
  height: var(--session-height);
  flex: 0 0 var(--session-mode-width);
  align-items: center;
}
.session-mode {
  display: inline-flex;
  width: var(--session-mode-width);
  height: var(--session-height);
  flex: 0 0 var(--session-mode-width);
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 5px;
  border: 1px solid var(--session-border);
  border-radius: var(--session-radius);
  background: transparent;
}
.session-mode-opcao {
  display: inline-flex;
  width: var(--session-mode-item);
  height: var(--session-mode-item);
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}
.session-mode-opcao input {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.session-mode-opcao svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: var(--session-muted);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}
.session-mode-opcao:hover {
  background: var(--session-hover);
}
.session-mode-opcao:has(input:checked) {
  background: var(--session-hover);
}
.session-mode-opcao:has(input:checked) svg {
  stroke: var(--session-fg);
}
.session-mode-opcao:has(input:focus-visible) {
  outline: 2px solid var(--session-accent);
  outline-offset: 1px;
}
.session-time {
  display: inline-flex;
  width: var(--session-time-width);
  height: var(--session-height);
  flex: 0 0 var(--session-time-width);
  align-items: center;
  gap: 8px;
}
.session-ring {
  display: inline-flex;
  width: var(--session-ring-size);
  height: var(--session-ring-size);
  flex: 0 0 var(--session-ring-size);
  align-items: center;
  justify-content: center;
}
.session-ring svg {
  display: block;
  width: var(--session-ring-size);
  height: var(--session-ring-size);
  transform: rotate(-90deg);
}
.session-ring-track,.session-ring-value {
  fill: none;
  stroke-width: 2.5;
}
.session-ring-track {
  stroke: var(--session-border);
}
.session-ring-value {
  stroke: var(--session-accent);
  stroke-dasharray: 1;
  stroke-linecap: round;
}
.session-countdown {
  width: var(--session-time-value-width);
  flex: 0 0 var(--session-time-value-width);
  color: var(--session-countdown);
  font: 650 17px/1 var(--font-mono,"JetBrains Mono",ui-monospace,monospace);
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  text-align: left;
}
.session-hours {
  display: inline-flex;
  width: var(--session-hours-width);
  flex: 0 0 var(--session-hours-width);
  align-items: center;
}
.session-hours input {
  box-sizing: border-box;
  width: var(--session-hours-width);
  height: var(--session-hours-height);
  padding: 0 5px;
  border: 1px solid var(--session-border);
  border-radius: 7px;
  outline: none;
  background: var(--session-surface);
  color: var(--session-fg);
  font: 600 12px/1 var(--font-mono,"JetBrains Mono",ui-monospace,monospace);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.session-toggle {
  display: inline-flex;
  width: var(--session-switch-width);
  height: var(--session-height);
  flex: 0 0 var(--session-switch-width);
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.session-track {
  position: relative;
  display: block;
  width: var(--session-switch-width);
  height: var(--session-switch-height);
  border-radius: 999px;
  background: var(--session-border);
}
.session-thumb {
  position: absolute;
  top: 1px;
  left: 1px;
  width: var(--session-thumb-size);
  height: var(--session-thumb-size);
  border-radius: 50%;
  background: var(--session-surface);
}
.session-toggle[aria-checked="true"] .session-track {
  background: var(--session-accent);
}
.session-toggle[aria-checked="true"] .session-thumb {
  left: 11px;
}
.session-reload,.session-logout {
  display: inline-flex;
  height: var(--session-action-size);
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--session-border);
  border-radius: var(--session-radius);
  background: transparent;
  color: var(--session-muted);
  cursor: pointer;
}
.session-reload {
  width: var(--session-reload-width);
  flex: 0 0 var(--session-reload-width);
}
.session-logout {
  width: var(--session-logout-width);
  flex: 0 0 var(--session-logout-width);
}
.session-reload:hover,.session-logout:hover {
  background: var(--session-hover);
  color: var(--session-fg);
}
.session-reload svg,.session-logout svg {
  width: var(--session-icon);
  height: var(--session-icon);
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}
.session-reload:focus-visible,.session-logout:focus-visible,.session-toggle:focus-visible,.session-hours input:focus-visible {
  outline: 2px solid var(--session-accent);
  outline-offset: 1px;
}
@media (max-width:980px) {
  .session-manager {
    --session-identity-width: 96px;
  }
}
@media (max-width:680px) {
  .session-manager {
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
  }
  .session-identity {
    width: 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}