@charset "UTF-8";
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sidebar-w: 268px;
  --sidebar-w-min: 64px;
  --topbar-h: 70px;
  --r-interactive: 8px;
  --r-pill: 999px;
  --hairline: 1px;
  --mi-h: 30px;
  --mi-icon: 20px;
  --mi-box: 20px;
  --mi-box-dir: 24px;
  --mi-gap: 10px;
  --mi-indent: 20px;
  --mi-sub-indent: 50px;
  --mi-fs: 12px;
  --mi-fw: 400;
  --section-h: 40px;
  --indicator-w: 2px;
  --brand-h: 40px;
  --brand-mark-h: 30px;
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-28: 28px;
  --fs-40: 40px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --lh-normal: 1.55;
  --lh-tight: 1.15;
  --tr-tight: -.01em;
  --mo-escala: 1.3;
  --t-hover: calc(10ms * var(--mo-escala));
  --t-icon: calc(100ms * var(--mo-escala));
  --t-indicator: calc(150ms * var(--mo-escala));
  --t-submenu: calc(680ms * var(--mo-escala));
  --t-stagger: calc(100ms * var(--mo-escala));
  --t-panel: calc(320ms * var(--mo-escala));
  --dobra-teto: 5;
  --ease: cubic-bezier(.34, 1.56, .64, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-alt: #F5F5F5;
  --line: #E6E6E6;
  --line-strong: #D4D4D4;
  --ink: #0A0A0A;
  --ink-2: #6B6B6B;
  --ink-3: #9A9A9A;
  --accent: #C1B7FE;
  --accent-wash: #EFEEF6;
  --accent-ink: #0A0A0A;
  --accent-line: #8672FD;
  --accent-text: #0A0A0A;
  --hover-wash: #F6F5FA;
  --indicator: #0A0A0A;
  --alert: #E5484D;
  --alert-wash: #FDECEC;
  --fixo-escuro: #0A0A0B;
  --fixo-claro: #FFFFFF;
  --scrim-top: rgba(10, 10, 11, .28);
  --scrim-bottom: rgba(10, 10, 11, .68);
  color-scheme: light;
}

[data-theme=dark] {
  --bg: #0A0A0B;
  --surface: #0A0A0B;
  --surface-alt: #141416;
  --line: #232326;
  --line-strong: #33333A;
  --ink: #FAFAFA;
  --ink-2: #A1A1A6;
  --ink-3: #6E6E73;
  --accent-wash: rgba(193, 183, 254, .14);
  --accent-text: #C1B7FE;
  --hover-wash: rgba(193, 183, 254, .07);
  --indicator: #C1B7FE;
  --accent-line: #C1B7FE;
  --alert: #FF6369;
  --alert-wash: rgba(255, 99, 105, .14);
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --mo-escala: 0;
  }
  body.ui27 .sidebar, body.ui27 .sidebar *, body.ui27 .topbar, body.ui27 .topbar * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/2027/fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "amicons";
  src: url("/2027/fonts/amicons.woff2") format("woff2");
  font-display: block;
}
.ai {
  display: inline-block;
  font-family: "amicons" !important;
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ai-alarm-clock::before {
  content: "\f357";
}

.ai-alarm-clock-solid::before {
  content: "\f358";
}

.ai-align-center::before {
  content: "\f355";
}

.ai-align-center-solid::before {
  content: "\f356";
}

.ai-align-justify::before {
  content: "\f353";
}

.ai-align-justify-solid::before {
  content: "\f354";
}

.ai-align-left::before {
  content: "\f351";
}

.ai-align-left-solid::before {
  content: "\f352";
}

.ai-align-right::before {
  content: "\f34f";
}

.ai-align-right-solid::before {
  content: "\f350";
}

.ai-anchor::before {
  content: "\f34d";
}

.ai-anchor-solid::before {
  content: "\f34e";
}

.ai-archive::before {
  content: "\f34b";
}

.ai-archive-solid::before {
  content: "\f34c";
}

.ai-arrow-block-down::before {
  content: "\f349";
}

.ai-arrow-block-down-solid::before {
  content: "\f34a";
}

.ai-arrow-block-left::before {
  content: "\f347";
}

.ai-arrow-block-left-solid::before {
  content: "\f348";
}

.ai-arrow-block-right::before {
  content: "\f345";
}

.ai-arrow-block-right-solid::before {
  content: "\f346";
}

.ai-arrow-block-up::before {
  content: "\f343";
}

.ai-arrow-block-up-solid::before {
  content: "\f344";
}

.ai-arrow-circle-down::before {
  content: "\f341";
}

.ai-arrow-circle-down-solid::before {
  content: "\f342";
}

.ai-arrow-circle-left::before {
  content: "\f33f";
}

.ai-arrow-circle-left-solid::before {
  content: "\f340";
}

.ai-arrow-circle-right::before {
  content: "\f33d";
}

.ai-arrow-circle-right-solid::before {
  content: "\f33e";
}

.ai-arrow-circle-up::before {
  content: "\f33b";
}

.ai-arrow-circle-up-solid::before {
  content: "\f33c";
}

.ai-arrow-down::before {
  content: "\f339";
}

.ai-arrow-down-solid::before {
  content: "\f33a";
}

.ai-arrow-from-bracket-right::before {
  content: "\f337";
}

.ai-arrow-from-bracket-right-solid::before {
  content: "\f338";
}

.ai-arrow-from-bracket-up::before {
  content: "\f335";
}

.ai-arrow-from-bracket-up-solid::before {
  content: "\f336";
}

.ai-arrow-from-square-up-right::before {
  content: "\f333";
}

.ai-arrow-from-square-up-right-solid::before {
  content: "\f334";
}

.ai-arrow-left::before {
  content: "\f331";
}

.ai-arrow-left-solid::before {
  content: "\f332";
}

.ai-arrow-right::before {
  content: "\f32f";
}

.ai-arrow-right-solid::before {
  content: "\f330";
}

.ai-arrow-rotate-ccw-up::before {
  content: "\f32d";
}

.ai-arrow-rotate-ccw-up-solid::before {
  content: "\f32e";
}

.ai-arrow-rotate-cw-up::before {
  content: "\f32b";
}

.ai-arrow-rotate-cw-up-solid::before {
  content: "\f32c";
}

.ai-arrow-to-bracket-down::before {
  content: "\f329";
}

.ai-arrow-to-bracket-down-solid::before {
  content: "\f32a";
}

.ai-arrow-to-bracket-right::before {
  content: "\f327";
}

.ai-arrow-to-bracket-right-solid::before {
  content: "\f328";
}

.ai-arrow-u-up-left::before {
  content: "\f325";
}

.ai-arrow-u-up-left-solid::before {
  content: "\f326";
}

.ai-arrow-u-up-right::before {
  content: "\f323";
}

.ai-arrow-u-up-right-solid::before {
  content: "\f324";
}

.ai-arrow-up::before {
  content: "\f321";
}

.ai-arrow-up-solid::before {
  content: "\f322";
}

.ai-arrows-down-left-up-right::before {
  content: "\f31f";
}

.ai-arrows-down-left-up-right-solid::before {
  content: "\f320";
}

.ai-arrows-left-right::before {
  content: "\f31d";
}

.ai-arrows-left-right-solid::before {
  content: "\f31e";
}

.ai-arrows-rotate-ccw-horizontal::before {
  content: "\f31b";
}

.ai-arrows-rotate-ccw-horizontal-solid::before {
  content: "\f31c";
}

.ai-arrows-rotate-cw-horizontal::before {
  content: "\f319";
}

.ai-arrows-rotate-cw-horizontal-solid::before {
  content: "\f31a";
}

.ai-arrows-up-down::before {
  content: "\f317";
}

.ai-arrows-up-down-solid::before {
  content: "\f318";
}

.ai-arrows-up-right-left-down::before {
  content: "\f315";
}

.ai-arrows-up-right-left-down-solid::before {
  content: "\f316";
}

.ai-at::before {
  content: "\f313";
}

.ai-at-solid::before {
  content: "\f314";
}

.ai-baby-body::before {
  content: "\f311";
}

.ai-baby-body-solid::before {
  content: "\f312";
}

.ai-ball-basketball::before {
  content: "\f30f";
}

.ai-ball-basketball-solid::before {
  content: "\f310";
}

.ai-ball-soccer::before {
  content: "\f30d";
}

.ai-ball-soccer-solid::before {
  content: "\f30e";
}

.ai-ball-tennis::before {
  content: "\f30b";
}

.ai-ball-tennis-solid::before {
  content: "\f30c";
}

.ai-bank::before {
  content: "\f309";
}

.ai-bank-solid::before {
  content: "\f30a";
}

.ai-banknote::before {
  content: "\f307";
}

.ai-banknote-solid::before {
  content: "\f308";
}

.ai-battery-0percent::before {
  content: "\f305";
}

.ai-battery-0percent-solid::before {
  content: "\f306";
}

.ai-battery-100percent::before {
  content: "\f303";
}

.ai-battery-100percent-solid::before {
  content: "\f304";
}

.ai-battery-25percent::before {
  content: "\f301";
}

.ai-battery-25percent-solid::before {
  content: "\f302";
}

.ai-battery-50percent::before {
  content: "\f2ff";
}

.ai-battery-50percent-solid::before {
  content: "\f300";
}

.ai-battery-75percent::before {
  content: "\f2fd";
}

.ai-battery-75percent-solid::before {
  content: "\f2fe";
}

.ai-battery-charging::before {
  content: "\f2fb";
}

.ai-battery-charging-solid::before {
  content: "\f2fc";
}

.ai-battery-slash::before {
  content: "\f2f9";
}

.ai-battery-slash-solid::before {
  content: "\f2fa";
}

.ai-bed::before {
  content: "\f2f7";
}

.ai-bed-solid::before {
  content: "\f2f8";
}

.ai-bell::before {
  content: "\f2f3";
}

.ai-bell-slash::before {
  content: "\f2f5";
}

.ai-bell-slash-solid::before {
  content: "\f2f6";
}

.ai-bell-solid::before {
  content: "\f2f4";
}

.ai-bike::before {
  content: "\f2f1";
}

.ai-bike-solid::before {
  content: "\f2f2";
}

.ai-bin::before {
  content: "\f2ef";
}

.ai-bin-solid::before {
  content: "\f2f0";
}

.ai-bluetooth::before {
  content: "\f2eb";
}

.ai-bluetooth-slash::before {
  content: "\f2ed";
}

.ai-bluetooth-slash-solid::before {
  content: "\f2ee";
}

.ai-bluetooth-solid::before {
  content: "\f2ec";
}

.ai-body-standing::before {
  content: "\f2e7";
}

.ai-body-standing-circle::before {
  content: "\f2e9";
}

.ai-body-standing-circle-solid::before {
  content: "\f2ea";
}

.ai-body-standing-solid::before {
  content: "\f2e8";
}

.ai-bolt-vertical::before {
  content: "\f2e3";
}

.ai-bolt-vertical-slash::before {
  content: "\f2e5";
}

.ai-bolt-vertical-slash-solid::before {
  content: "\f2e6";
}

.ai-bolt-vertical-solid::before {
  content: "\f2e4";
}

.ai-book::before {
  content: "\f2df";
}

.ai-book-open::before {
  content: "\f2e1";
}

.ai-book-open-solid::before {
  content: "\f2e2";
}

.ai-book-solid::before {
  content: "\f2e0";
}

.ai-bookmark::before {
  content: "\f2dd";
}

.ai-bookmark-solid::before {
  content: "\f2de";
}

.ai-books-spines::before {
  content: "\f2db";
}

.ai-books-spines-solid::before {
  content: "\f2dc";
}

.ai-bowl-rice::before {
  content: "\f2d9";
}

.ai-bowl-rice-solid::before {
  content: "\f2da";
}

.ai-briefcase::before {
  content: "\f2d7";
}

.ai-briefcase-solid::before {
  content: "\f2d8";
}

.ai-bug::before {
  content: "\f2d5";
}

.ai-bug-solid::before {
  content: "\f2d6";
}

.ai-building::before {
  content: "\f2d3";
}

.ai-building-solid::before {
  content: "\f2d4";
}

.ai-bullseye::before {
  content: "\f2d1";
}

.ai-bullseye-solid::before {
  content: "\f2d2";
}

.ai-bus::before {
  content: "\f2cf";
}

.ai-bus-solid::before {
  content: "\f2d0";
}

.ai-cake::before {
  content: "\f2cd";
}

.ai-cake-solid::before {
  content: "\f2ce";
}

.ai-calendar::before {
  content: "\f2cb";
}

.ai-calendar-solid::before {
  content: "\f2cc";
}

.ai-camera::before {
  content: "\f2c7";
}

.ai-camera-slash::before {
  content: "\f2c9";
}

.ai-camera-slash-solid::before {
  content: "\f2ca";
}

.ai-camera-solid::before {
  content: "\f2c8";
}

.ai-car::before {
  content: "\f2c5";
}

.ai-car-solid::before {
  content: "\f2c6";
}

.ai-cat::before {
  content: "\f2c3";
}

.ai-cat-solid::before {
  content: "\f2c4";
}

.ai-chart-bar::before {
  content: "\f2c1";
}

.ai-chart-bar-solid::before {
  content: "\f2c2";
}

.ai-chart-line::before {
  content: "\f2bf";
}

.ai-chart-line-solid::before {
  content: "\f2c0";
}

.ai-chart-pie::before {
  content: "\f2bd";
}

.ai-chart-pie-solid::before {
  content: "\f2be";
}

.ai-chat-bubble::before {
  content: "\f2bb";
}

.ai-chat-bubble-solid::before {
  content: "\f2bc";
}

.ai-chat-bubbles::before {
  content: "\f2b9";
}

.ai-chat-bubbles-solid::before {
  content: "\f2ba";
}

.ai-check::before {
  content: "\f2b3";
}

.ai-check-circle::before {
  content: "\f2b7";
}

.ai-check-circle-solid::before {
  content: "\f2b8";
}

.ai-check-solid::before {
  content: "\f2b6";
}

.ai-check-square::before {
  content: "\f2b4";
}

.ai-check-square-solid::before {
  content: "\f2b5";
}

.ai-checks::before {
  content: "\f2b1";
}

.ai-checks-solid::before {
  content: "\f2b2";
}

.ai-chevron-small-down::before {
  content: "\f2af";
}

.ai-chevron-small-down-solid::before {
  content: "\f2b0";
}

.ai-chevron-small-left::before {
  content: "\f2ad";
}

.ai-chevron-small-left-solid::before {
  content: "\f2ae";
}

.ai-chevron-small-right::before {
  content: "\f2ab";
}

.ai-chevron-small-right-solid::before {
  content: "\f2ac";
}

.ai-chevron-small-up::before {
  content: "\f2a9";
}

.ai-chevron-small-up-solid::before {
  content: "\f2aa";
}

.ai-circle::before {
  content: "\f2a7";
}

.ai-circle-solid::before {
  content: "\f2a8";
}

.ai-clipboard::before {
  content: "\f2a5";
}

.ai-clipboard-solid::before {
  content: "\f2a6";
}

.ai-clock-3h::before {
  content: "\f2a3";
}

.ai-clock-3h-solid::before {
  content: "\f2a4";
}

.ai-cloud::before {
  content: "\f29d";
}

.ai-cloud-arrow-down::before {
  content: "\f2a1";
}

.ai-cloud-arrow-down-solid::before {
  content: "\f2a2";
}

.ai-cloud-arrow-up::before {
  content: "\f29f";
}

.ai-cloud-arrow-up-solid::before {
  content: "\f2a0";
}

.ai-cloud-solid::before {
  content: "\f29e";
}

.ai-code::before {
  content: "\f29b";
}

.ai-code-solid::before {
  content: "\f29c";
}

.ai-command::before {
  content: "\f299";
}

.ai-command-solid::before {
  content: "\f29a";
}

.ai-compass::before {
  content: "\f297";
}

.ai-compass-solid::before {
  content: "\f298";
}

.ai-copy::before {
  content: "\f295";
}

.ai-copy-solid::before {
  content: "\f296";
}

.ai-corners-face::before {
  content: "\f293";
}

.ai-corners-face-solid::before {
  content: "\f294";
}

.ai-corners-fingerprint::before {
  content: "\f291";
}

.ai-corners-fingerprint-solid::before {
  content: "\f292";
}

.ai-corners-line::before {
  content: "\f28f";
}

.ai-corners-line-solid::before {
  content: "\f290";
}

.ai-credit-card::before {
  content: "\f28d";
}

.ai-credit-card-solid::before {
  content: "\f28e";
}

.ai-crescent::before {
  content: "\f28b";
}

.ai-crescent-solid::before {
  content: "\f28c";
}

.ai-crop::before {
  content: "\f289";
}

.ai-crop-solid::before {
  content: "\f28a";
}

.ai-cube::before {
  content: "\f287";
}

.ai-cube-solid::before {
  content: "\f288";
}

.ai-database::before {
  content: "\f285";
}

.ai-database-solid::before {
  content: "\f286";
}

.ai-desktop::before {
  content: "\f283";
}

.ai-desktop-solid::before {
  content: "\f284";
}

.ai-dna::before {
  content: "\f281";
}

.ai-dna-solid::before {
  content: "\f282";
}

.ai-dog::before {
  content: "\f27f";
}

.ai-dog-solid::before {
  content: "\f280";
}

.ai-dollar::before {
  content: "\f27b";
}

.ai-dollar-circle::before {
  content: "\f27d";
}

.ai-dollar-circle-solid::before {
  content: "\f27e";
}

.ai-dollar-solid::before {
  content: "\f27c";
}

.ai-dots-three-circle-horizontal::before {
  content: "\f279";
}

.ai-dots-three-circle-horizontal-solid::before {
  content: "\f27a";
}

.ai-dots-three-circle-vertical::before {
  content: "\f277";
}

.ai-dots-three-circle-vertical-solid::before {
  content: "\f278";
}

.ai-dots-three-horizontal::before {
  content: "\f275";
}

.ai-dots-three-horizontal-solid::before {
  content: "\f276";
}

.ai-dots-three-vertical::before {
  content: "\f273";
}

.ai-dots-three-vertical-solid::before {
  content: "\f274";
}

.ai-droplet::before {
  content: "\f271";
}

.ai-droplet-solid::before {
  content: "\f272";
}

.ai-envelope::before {
  content: "\f26f";
}

.ai-envelope-solid::before {
  content: "\f270";
}

.ai-euro::before {
  content: "\f26b";
}

.ai-euro-circle::before {
  content: "\f26d";
}

.ai-euro-circle-solid::before {
  content: "\f26e";
}

.ai-euro-solid::before {
  content: "\f26c";
}

.ai-exclamation-circle::before {
  content: "\f269";
}

.ai-exclamation-circle-solid::before {
  content: "\f26a";
}

.ai-exclamation-triangle::before {
  content: "\f267";
}

.ai-exclamation-triangle-solid::before {
  content: "\f268";
}

.ai-eye::before {
  content: "\f263";
}

.ai-eye-slash::before {
  content: "\f265";
}

.ai-eye-slash-solid::before {
  content: "\f266";
}

.ai-eye-solid::before {
  content: "\f264";
}

.ai-fast-backward::before {
  content: "\f261";
}

.ai-fast-backward-solid::before {
  content: "\f262";
}

.ai-fast-forward::before {
  content: "\f25f";
}

.ai-fast-forward-solid::before {
  content: "\f260";
}

.ai-file::before {
  content: "\f25d";
}

.ai-file-solid::before {
  content: "\f25e";
}

.ai-files::before {
  content: "\f25b";
}

.ai-files-solid::before {
  content: "\f25c";
}

.ai-film-strip::before {
  content: "\f259";
}

.ai-film-strip-solid::before {
  content: "\f25a";
}

.ai-fingerprint::before {
  content: "\f257";
}

.ai-fingerprint-solid::before {
  content: "\f258";
}

.ai-flag::before {
  content: "\f255";
}

.ai-flag-solid::before {
  content: "\f256";
}

.ai-flame::before {
  content: "\f253";
}

.ai-flame-solid::before {
  content: "\f254";
}

.ai-floppy-disc::before {
  content: "\f251";
}

.ai-floppy-disc-solid::before {
  content: "\f252";
}

.ai-flower::before {
  content: "\f24f";
}

.ai-flower-solid::before {
  content: "\f250";
}

.ai-folder::before {
  content: "\f24d";
}

.ai-folder-solid::before {
  content: "\f24e";
}

.ai-folders::before {
  content: "\f24b";
}

.ai-folders-solid::before {
  content: "\f24c";
}

.ai-funnel::before {
  content: "\f249";
}

.ai-funnel-solid::before {
  content: "\f24a";
}

.ai-game-controller::before {
  content: "\f247";
}

.ai-game-controller-solid::before {
  content: "\f248";
}

.ai-gear::before {
  content: "\f245";
}

.ai-gear-solid::before {
  content: "\f246";
}

.ai-gem::before {
  content: "\f243";
}

.ai-gem-solid::before {
  content: "\f244";
}

.ai-gift::before {
  content: "\f241";
}

.ai-gift-solid::before {
  content: "\f242";
}

.ai-glasses::before {
  content: "\f23f";
}

.ai-glasses-solid::before {
  content: "\f240";
}

.ai-globe::before {
  content: "\f23d";
}

.ai-globe-solid::before {
  content: "\f23e";
}

.ai-graduation-cap::before {
  content: "\f23b";
}

.ai-graduation-cap-solid::before {
  content: "\f23c";
}

.ai-grid-2x2::before {
  content: "\f239";
}

.ai-grid-2x2-solid::before {
  content: "\f23a";
}

.ai-grip-horizontal::before {
  content: "\f237";
}

.ai-grip-horizontal-solid::before {
  content: "\f238";
}

.ai-grip-vertical::before {
  content: "\f235";
}

.ai-grip-vertical-solid::before {
  content: "\f236";
}

.ai-hamburger::before {
  content: "\f233";
}

.ai-hamburger-solid::before {
  content: "\f234";
}

.ai-hand::before {
  content: "\f231";
}

.ai-hand-solid::before {
  content: "\f232";
}

.ai-handshake::before {
  content: "\f22f";
}

.ai-handshake-solid::before {
  content: "\f230";
}

.ai-hash::before {
  content: "\f22d";
}

.ai-hash-solid::before {
  content: "\f22e";
}

.ai-headphones::before {
  content: "\f22b";
}

.ai-headphones-solid::before {
  content: "\f22c";
}

.ai-heart::before {
  content: "\f227";
}

.ai-heart-half::before {
  content: "\f229";
}

.ai-heart-half-solid::before {
  content: "\f22a";
}

.ai-heart-solid::before {
  content: "\f228";
}

.ai-hexagon::before {
  content: "\f225";
}

.ai-hexagon-solid::before {
  content: "\f226";
}

.ai-history::before {
  content: "\f223";
}

.ai-history-solid::before {
  content: "\f224";
}

.ai-home::before {
  content: "\f221";
}

.ai-home-solid::before {
  content: "\f222";
}

.ai-image::before {
  content: "\f21f";
}

.ai-image-solid::before {
  content: "\f220";
}

.ai-images::before {
  content: "\f21d";
}

.ai-images-solid::before {
  content: "\f21e";
}

.ai-inbox::before {
  content: "\f21b";
}

.ai-inbox-solid::before {
  content: "\f21c";
}

.ai-joystick::before {
  content: "\f219";
}

.ai-joystick-solid::before {
  content: "\f21a";
}

.ai-key::before {
  content: "\f217";
}

.ai-key-solid::before {
  content: "\f218";
}

.ai-laptop::before {
  content: "\f215";
}

.ai-laptop-solid::before {
  content: "\f216";
}

.ai-layers::before {
  content: "\f213";
}

.ai-layers-solid::before {
  content: "\f214";
}

.ai-leaf::before {
  content: "\f211";
}

.ai-leaf-solid::before {
  content: "\f212";
}

.ai-life-buoy::before {
  content: "\f20f";
}

.ai-life-buoy-solid::before {
  content: "\f210";
}

.ai-lightbulb::before {
  content: "\f20d";
}

.ai-lightbulb-solid::before {
  content: "\f20e";
}

.ai-link::before {
  content: "\f209";
}

.ai-link-broken::before {
  content: "\f20b";
}

.ai-link-broken-solid::before {
  content: "\f20c";
}

.ai-link-solid::before {
  content: "\f20a";
}

.ai-list::before {
  content: "\f207";
}

.ai-list-solid::before {
  content: "\f208";
}

.ai-lock-locked::before {
  content: "\f205";
}

.ai-lock-locked-solid::before {
  content: "\f206";
}

.ai-lock-unlocked::before {
  content: "\f203";
}

.ai-lock-unlocked-solid::before {
  content: "\f204";
}

.ai-magic-wand::before {
  content: "\f201";
}

.ai-magic-wand-solid::before {
  content: "\f202";
}

.ai-magnifying-glass::before {
  content: "\f1fb";
}

.ai-magnifying-glass-minus::before {
  content: "\f1ff";
}

.ai-magnifying-glass-minus-solid::before {
  content: "\f200";
}

.ai-magnifying-glass-plus::before {
  content: "\f1fd";
}

.ai-magnifying-glass-plus-solid::before {
  content: "\f1fe";
}

.ai-magnifying-glass-solid::before {
  content: "\f1fc";
}

.ai-map::before {
  content: "\f1f9";
}

.ai-map-solid::before {
  content: "\f1fa";
}

.ai-megaphone::before {
  content: "\f1f7";
}

.ai-megaphone-solid::before {
  content: "\f1f8";
}

.ai-menu::before {
  content: "\f1f5";
}

.ai-menu-solid::before {
  content: "\f1f6";
}

.ai-mic::before {
  content: "\f1f1";
}

.ai-mic-slash::before {
  content: "\f1f3";
}

.ai-mic-slash-solid::before {
  content: "\f1f4";
}

.ai-mic-solid::before {
  content: "\f1f2";
}

.ai-microchip::before {
  content: "\f1ef";
}

.ai-microchip-solid::before {
  content: "\f1f0";
}

.ai-minus::before {
  content: "\f1e9";
}

.ai-minus-circle::before {
  content: "\f1ed";
}

.ai-minus-circle-solid::before {
  content: "\f1ee";
}

.ai-minus-solid::before {
  content: "\f1ec";
}

.ai-minus-square::before {
  content: "\f1ea";
}

.ai-minus-square-solid::before {
  content: "\f1eb";
}

.ai-mountains::before {
  content: "\f1e7";
}

.ai-mountains-solid::before {
  content: "\f1e8";
}

.ai-mug::before {
  content: "\f1e5";
}

.ai-mug-solid::before {
  content: "\f1e6";
}

.ai-musical-note::before {
  content: "\f1e3";
}

.ai-musical-note-solid::before {
  content: "\f1e4";
}

.ai-navigation::before {
  content: "\f1e1";
}

.ai-navigation-solid::before {
  content: "\f1e2";
}

.ai-newspaper::before {
  content: "\f1df";
}

.ai-newspaper-solid::before {
  content: "\f1e0";
}

.ai-palette::before {
  content: "\f1dd";
}

.ai-palette-solid::before {
  content: "\f1de";
}

.ai-paperclip::before {
  content: "\f1db";
}

.ai-paperclip-solid::before {
  content: "\f1dc";
}

.ai-paperplane::before {
  content: "\f1d9";
}

.ai-paperplane-solid::before {
  content: "\f1da";
}

.ai-pause::before {
  content: "\f1d5";
}

.ai-pause-circle::before {
  content: "\f1d7";
}

.ai-pause-circle-solid::before {
  content: "\f1d8";
}

.ai-pause-solid::before {
  content: "\f1d6";
}

.ai-paw-print::before {
  content: "\f1d3";
}

.ai-paw-print-solid::before {
  content: "\f1d4";
}

.ai-pencil::before {
  content: "\f1cf";
}

.ai-pencil-solid::before {
  content: "\f1d2";
}

.ai-pencil-square::before {
  content: "\f1d0";
}

.ai-pencil-square-solid::before {
  content: "\f1d1";
}

.ai-pentagon::before {
  content: "\f1cd";
}

.ai-pentagon-solid::before {
  content: "\f1ce";
}

.ai-people::before {
  content: "\f1cb";
}

.ai-people-solid::before {
  content: "\f1cc";
}

.ai-percent::before {
  content: "\f1c9";
}

.ai-percent-solid::before {
  content: "\f1ca";
}

.ai-person::before {
  content: "\f1c1";
}

.ai-person-circle::before {
  content: "\f1c7";
}

.ai-person-circle-solid::before {
  content: "\f1c8";
}

.ai-person-plus::before {
  content: "\f1c5";
}

.ai-person-plus-solid::before {
  content: "\f1c6";
}

.ai-person-solid::before {
  content: "\f1c4";
}

.ai-person-square::before {
  content: "\f1c2";
}

.ai-person-square-solid::before {
  content: "\f1c3";
}

.ai-phone::before {
  content: "\f1bd";
}

.ai-phone-slash::before {
  content: "\f1bf";
}

.ai-phone-slash-solid::before {
  content: "\f1c0";
}

.ai-phone-solid::before {
  content: "\f1be";
}

.ai-pin::before {
  content: "\f1bb";
}

.ai-pin-solid::before {
  content: "\f1bc";
}

.ai-plane::before {
  content: "\f1b9";
}

.ai-plane-solid::before {
  content: "\f1ba";
}

.ai-play::before {
  content: "\f1b5";
}

.ai-play-circle::before {
  content: "\f1b7";
}

.ai-play-circle-solid::before {
  content: "\f1b8";
}

.ai-play-solid::before {
  content: "\f1b6";
}

.ai-plus::before {
  content: "\f1af";
}

.ai-plus-circle::before {
  content: "\f1b3";
}

.ai-plus-circle-solid::before {
  content: "\f1b4";
}

.ai-plus-solid::before {
  content: "\f1b2";
}

.ai-plus-square::before {
  content: "\f1b0";
}

.ai-plus-square-solid::before {
  content: "\f1b1";
}

.ai-pound::before {
  content: "\f1ad";
}

.ai-pound-solid::before {
  content: "\f1ae";
}

.ai-printer::before {
  content: "\f1ab";
}

.ai-printer-solid::before {
  content: "\f1ac";
}

.ai-qr-code::before {
  content: "\f1a9";
}

.ai-qr-code-solid::before {
  content: "\f1aa";
}

.ai-question::before {
  content: "\f1a5";
}

.ai-question-circle::before {
  content: "\f1a7";
}

.ai-question-circle-solid::before {
  content: "\f1a8";
}

.ai-question-solid::before {
  content: "\f1a6";
}

.ai-radio::before {
  content: "\f1a3";
}

.ai-radio-solid::before {
  content: "\f1a4";
}

.ai-rainbow::before {
  content: "\f1a1";
}

.ai-rainbow-solid::before {
  content: "\f1a2";
}

.ai-receipt::before {
  content: "\f19f";
}

.ai-receipt-solid::before {
  content: "\f1a0";
}

.ai-recycle::before {
  content: "\f19d";
}

.ai-recycle-solid::before {
  content: "\f19e";
}

.ai-robot::before {
  content: "\f19b";
}

.ai-robot-solid::before {
  content: "\f19c";
}

.ai-rocket-launch::before {
  content: "\f199";
}

.ai-rocket-launch-solid::before {
  content: "\f19a";
}

.ai-scales-of-justice::before {
  content: "\f197";
}

.ai-scales-of-justice-solid::before {
  content: "\f198";
}

.ai-scissors::before {
  content: "\f195";
}

.ai-scissors-solid::before {
  content: "\f196";
}

.ai-seal::before {
  content: "\f191";
}

.ai-seal-check::before {
  content: "\f193";
}

.ai-seal-check-solid::before {
  content: "\f194";
}

.ai-seal-solid::before {
  content: "\f192";
}

.ai-servers::before {
  content: "\f18f";
}

.ai-servers-solid::before {
  content: "\f190";
}

.ai-share-network::before {
  content: "\f18d";
}

.ai-share-network-solid::before {
  content: "\f18e";
}

.ai-shield::before {
  content: "\f18b";
}

.ai-shield-solid::before {
  content: "\f18c";
}

.ai-ship::before {
  content: "\f189";
}

.ai-ship-solid::before {
  content: "\f18a";
}

.ai-shop::before {
  content: "\f187";
}

.ai-shop-solid::before {
  content: "\f188";
}

.ai-shopping-bag::before {
  content: "\f185";
}

.ai-shopping-bag-solid::before {
  content: "\f186";
}

.ai-shopping-basket::before {
  content: "\f183";
}

.ai-shopping-basket-solid::before {
  content: "\f184";
}

.ai-shopping-cart::before {
  content: "\f181";
}

.ai-shopping-cart-solid::before {
  content: "\f182";
}

.ai-shuffle::before {
  content: "\f17f";
}

.ai-shuffle-solid::before {
  content: "\f180";
}

.ai-skip-backward::before {
  content: "\f17d";
}

.ai-skip-backward-solid::before {
  content: "\f17e";
}

.ai-skip-forward::before {
  content: "\f17b";
}

.ai-skip-forward-solid::before {
  content: "\f17c";
}

.ai-slash-circle::before {
  content: "\f179";
}

.ai-slash-circle-solid::before {
  content: "\f17a";
}

.ai-sliders::before {
  content: "\f177";
}

.ai-sliders-solid::before {
  content: "\f178";
}

.ai-smartphone::before {
  content: "\f175";
}

.ai-smartphone-solid::before {
  content: "\f176";
}

.ai-smiley-happy::before {
  content: "\f173";
}

.ai-smiley-happy-solid::before {
  content: "\f174";
}

.ai-smiley-neutral::before {
  content: "\f171";
}

.ai-smiley-neutral-solid::before {
  content: "\f172";
}

.ai-smiley-sad::before {
  content: "\f16f";
}

.ai-smiley-sad-solid::before {
  content: "\f170";
}

.ai-snowflake::before {
  content: "\f16d";
}

.ai-snowflake-solid::before {
  content: "\f16e";
}

.ai-soda::before {
  content: "\f16b";
}

.ai-soda-solid::before {
  content: "\f16c";
}

.ai-sparkles::before {
  content: "\f169";
}

.ai-sparkles-solid::before {
  content: "\f16a";
}

.ai-square::before {
  content: "\f165";
}

.ai-square-circle::before {
  content: "\f167";
}

.ai-square-circle-solid::before {
  content: "\f168";
}

.ai-square-solid::before {
  content: "\f166";
}

.ai-star::before {
  content: "\f161";
}

.ai-star-half::before {
  content: "\f163";
}

.ai-star-half-solid::before {
  content: "\f164";
}

.ai-star-solid::before {
  content: "\f162";
}

.ai-sticky-note::before {
  content: "\f15f";
}

.ai-sticky-note-solid::before {
  content: "\f160";
}

.ai-stopwatch::before {
  content: "\f15d";
}

.ai-stopwatch-solid::before {
  content: "\f15e";
}

.ai-suitcase::before {
  content: "\f15b";
}

.ai-suitcase-solid::before {
  content: "\f15c";
}

.ai-sun::before {
  content: "\f155";
}

.ai-sun-high::before {
  content: "\f159";
}

.ai-sun-high-solid::before {
  content: "\f15a";
}

.ai-sun-low::before {
  content: "\f157";
}

.ai-sun-low-solid::before {
  content: "\f158";
}

.ai-sun-solid::before {
  content: "\f156";
}

.ai-table::before {
  content: "\f153";
}

.ai-table-solid::before {
  content: "\f154";
}

.ai-tag::before {
  content: "\f151";
}

.ai-tag-solid::before {
  content: "\f152";
}

.ai-target-location::before {
  content: "\f14f";
}

.ai-target-location-solid::before {
  content: "\f150";
}

.ai-terminal::before {
  content: "\f14d";
}

.ai-terminal-solid::before {
  content: "\f14e";
}

.ai-text-i::before {
  content: "\f149";
}

.ai-text-i-circle::before {
  content: "\f14b";
}

.ai-text-i-circle-solid::before {
  content: "\f14c";
}

.ai-text-i-solid::before {
  content: "\f14a";
}

.ai-thermometer::before {
  content: "\f147";
}

.ai-thermometer-solid::before {
  content: "\f148";
}

.ai-thumbs-down::before {
  content: "\f145";
}

.ai-thumbs-down-solid::before {
  content: "\f146";
}

.ai-thumbs-up::before {
  content: "\f143";
}

.ai-thumbs-up-solid::before {
  content: "\f144";
}

.ai-thumbtack::before {
  content: "\f141";
}

.ai-thumbtack-solid::before {
  content: "\f142";
}

.ai-ticket::before {
  content: "\f13f";
}

.ai-ticket-solid::before {
  content: "\f140";
}

.ai-toggle-left::before {
  content: "\f13d";
}

.ai-toggle-left-solid::before {
  content: "\f13e";
}

.ai-toggle-right::before {
  content: "\f13b";
}

.ai-toggle-right-solid::before {
  content: "\f13c";
}

.ai-train::before {
  content: "\f139";
}

.ai-train-solid::before {
  content: "\f13a";
}

.ai-translate::before {
  content: "\f137";
}

.ai-translate-solid::before {
  content: "\f138";
}

.ai-tree-evergreen::before {
  content: "\f135";
}

.ai-tree-evergreen-solid::before {
  content: "\f136";
}

.ai-trending-down::before {
  content: "\f133";
}

.ai-trending-down-solid::before {
  content: "\f134";
}

.ai-trending-up::before {
  content: "\f131";
}

.ai-trending-up-solid::before {
  content: "\f132";
}

.ai-triangle::before {
  content: "\f12f";
}

.ai-triangle-solid::before {
  content: "\f130";
}

.ai-trophy::before {
  content: "\f12d";
}

.ai-trophy-solid::before {
  content: "\f12e";
}

.ai-truck::before {
  content: "\f12b";
}

.ai-truck-solid::before {
  content: "\f12c";
}

.ai-tv::before {
  content: "\f127";
}

.ai-tv-retro::before {
  content: "\f129";
}

.ai-tv-retro-solid::before {
  content: "\f12a";
}

.ai-tv-solid::before {
  content: "\f128";
}

.ai-umbrella::before {
  content: "\f125";
}

.ai-umbrella-solid::before {
  content: "\f126";
}

.ai-utensils::before {
  content: "\f123";
}

.ai-utensils-solid::before {
  content: "\f124";
}

.ai-video-camera::before {
  content: "\f11f";
}

.ai-video-camera-slash::before {
  content: "\f121";
}

.ai-video-camera-slash-solid::before {
  content: "\f122";
}

.ai-video-camera-solid::before {
  content: "\f120";
}

.ai-volume-0::before {
  content: "\f11d";
}

.ai-volume-0-solid::before {
  content: "\f11e";
}

.ai-volume-1::before {
  content: "\f11b";
}

.ai-volume-1-solid::before {
  content: "\f11c";
}

.ai-volume-2::before {
  content: "\f119";
}

.ai-volume-2-solid::before {
  content: "\f11a";
}

.ai-volume-slash::before {
  content: "\f117";
}

.ai-volume-slash-solid::before {
  content: "\f118";
}

.ai-wallet::before {
  content: "\f115";
}

.ai-wallet-solid::before {
  content: "\f116";
}

.ai-wheelchair::before {
  content: "\f113";
}

.ai-wheelchair-solid::before {
  content: "\f114";
}

.ai-wifi::before {
  content: "\f10f";
}

.ai-wifi-slash::before {
  content: "\f111";
}

.ai-wifi-slash-solid::before {
  content: "\f112";
}

.ai-wifi-solid::before {
  content: "\f110";
}

.ai-wind::before {
  content: "\f10d";
}

.ai-wind-solid::before {
  content: "\f10e";
}

.ai-wine-glass::before {
  content: "\f10b";
}

.ai-wine-glass-solid::before {
  content: "\f10c";
}

.ai-wrench::before {
  content: "\f109";
}

.ai-wrench-solid::before {
  content: "\f10a";
}

.ai-x::before {
  content: "\f103";
}

.ai-x-circle::before {
  content: "\f107";
}

.ai-x-circle-solid::before {
  content: "\f108";
}

.ai-x-solid::before {
  content: "\f106";
}

.ai-x-square::before {
  content: "\f104";
}

.ai-x-square-solid::before {
  content: "\f105";
}

.ai-yen::before {
  content: "\f101";
}

.ai-yen-solid::before {
  content: "\f102";
}

body.ui27 .page {
  display: flex;
  flex-direction: row !important;
  height: 100vh;
  overflow: hidden;
}
body.ui27 .page > form:has(> .wrapper) {
  flex: 1;
  min-width: 0;
  display: flex;
}
body.ui27 .wrapper {
  flex: 1;
  min-width: 0;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  position: relative;
}
body.ui27 .wrapper > .content {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.ui27 .wrapper > form:has(> .content) {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.ui27 .wrapper > form > .content {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

body.ui27 .sidebar, body.ui27 .topbar {
  font-family: var(--font);
  font-size: var(--fs-14);
  line-height: var(--lh-normal);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
body.ui27 .sidebar, body.ui27 .sidebar *, body.ui27 .sidebar *::before, body.ui27 .sidebar *::after, body.ui27 .topbar, body.ui27 .topbar *, body.ui27 .topbar *::before, body.ui27 .topbar *::after {
  box-sizing: border-box;
}
body.ui27 .sidebar :where(a), body.ui27 .sidebar :where(a):hover, body.ui27 .topbar :where(a), body.ui27 .topbar :where(a):hover {
  color: inherit;
  text-decoration: none;
}
body.ui27 .sidebar :where(button), body.ui27 .topbar :where(button) {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  border-radius: 0;
  box-shadow: none;
}
body.ui27 .sidebar :where(button):focus, body.ui27 .sidebar :where(a):focus, body.ui27 .topbar :where(button):focus, body.ui27 .topbar :where(a):focus {
  outline: none;
}
body.ui27 .sidebar :focus-visible, body.ui27 .topbar :focus-visible {
  outline: none;
  outline-offset: none;
  border-radius: var(--r-interactive);
}
body.ui27 .sidebar h4, body.ui27 .sidebar h5, body.ui27 .topbar h4, body.ui27 .topbar h5 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

body.ui27:not(.ui27-ready) .sidebar *, body.ui27:not(.ui27-ready) .sidebar {
  transition: none !important;
}

body.ui27 .dobra {
  height: auto;
  overflow: hidden;
  transition: height var(--t-submenu) var(--ease), visibility 0s;
}
body.ui27 .dobra[data-dobrada=true] {
  height: 0;
  visibility: hidden;
  transition: height var(--t-submenu) var(--ease), visibility 0s linear var(--t-submenu);
}
body.ui27 .dobra .dobra-item {
  transition: opacity var(--t-submenu) var(--ease) calc(min(var(--i, 0), var(--dobra-teto)) * var(--t-stagger)), transform var(--t-submenu) var(--ease) calc(min(var(--i, 0), var(--dobra-teto)) * var(--t-stagger)), background var(--t-hover) linear, color var(--t-hover) linear;
}
body.ui27 .dobra[data-dobrada=true] .dobra-item {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity var(--t-submenu) var(--ease), transform var(--t-submenu) var(--ease), background var(--t-hover) linear, color var(--t-hover) linear;
}

body.ui27 .side-sticky {
  top: 0 !important;
}

body.ui27 .sidebar {
  width: var(--sidebar-w);
  flex: none;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  color: var(--ink);
  border-right: var(--hairline) solid var(--line);
  transition: width var(--t-submenu) var(--ease);
}

body.ui27[data-collapsed=true] .sidebar {
  width: var(--sidebar-w-min);
}

body.ui27 .sb-head {
  height: var(--topbar-h);
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-3);
  padding: 0 var(--mi-indent);
  border-bottom: var(--hairline) solid var(--line);
}

body.ui27[data-collapsed=true] .sb-head {
  padding: 0;
}

body.ui27 .client-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 100%;
}

body.ui27 .brand-full {
  height: var(--brand-h);
  max-width: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

body.ui27 .brand-fallback {
  display: none;
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: var(--r-pill);
  background: var(--ink);
  color: var(--bg);
  place-items: center;
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
}

body.ui27[data-collapsed=true] .brand-full, body.ui27 .client-brand[data-missing] .brand-full {
  display: none;
}

body.ui27[data-collapsed=true] .brand-fallback, body.ui27 .client-brand[data-missing] .brand-fallback {
  display: grid;
}

[data-theme=dark] body.ui27 .brand-full {
  filter: invert(1);
}

body.ui27 .sb-nav {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: var(--sp-2) 0 var(--sp-6);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body.ui27 .sb-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.ui27 .sb-scroll {
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 4px;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--t-submenu) var(--ease);
}

body.ui27 .sidebar:hover .sb-scroll, body.ui27 .sb-scroll[data-rolando=true] {
  opacity: 1;
}

body.ui27 .sb-scroll[data-precisa=false] {
  opacity: 0 !important;
}

body.ui27 .sb-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: var(--r-pill);
  background: var(--accent);
  pointer-events: auto;
  cursor: grab;
  transition: filter var(--t-hover) linear;
}
body.ui27 .sb-thumb:hover, body.ui27 .sb-thumb[data-arrastando=true] {
  filter: brightness(0.9);
}
body.ui27 .sb-thumb[data-arrastando=true] {
  cursor: grabbing;
}

body.ui27[data-collapsed=true] .sb-scroll {
  right: 1px;
}

body.ui27 .sidebar .nav-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--indicator-w);
  height: var(--mi-h);
  background: var(--indicator);
  border-radius: 0 var(--indicator-w) var(--indicator-w) 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: transform var(--t-indicator) var(--ease), height var(--t-indicator) var(--ease), opacity var(--t-hover) linear;
}
body.ui27 .sidebar .nav-indicator[data-visible=true] {
  opacity: 1;
}

body.ui27 .sidebar .nav-group + .nav-group {
  margin-top: var(--sp-2);
}

body.ui27 .sidebar .nav-section {
  width: 100%;
  height: var(--section-h);
  display: flex;
  align-items: center;
  padding: 0 var(--mi-indent);
  text-align: left;
  font-size: var(--fs-11);
  font-weight: var(--fw-semi);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  white-space: nowrap;
  transition: background var(--t-hover) linear;
}
body.ui27 .sidebar .nav-section[data-grupo] {
  cursor: pointer;
}
body.ui27 .sidebar .nav-section[data-grupo]:hover {
  background: var(--hover-wash);
}
body.ui27 .sidebar .nav-section.is-bare {
  height: auto;
  margin-top: calc(var(--sp-2) * -1);
  padding-top: var(--sp-2);
  padding-bottom: var(--sp-2);
}
body.ui27 .sidebar .nav-section[aria-expanded=false] .ns-chev {
  transform: rotate(-90deg);
}

body.ui27 .ns-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.ui27 .ns-chev {
  margin-left: auto;
  width: var(--mi-box-dir);
  height: var(--mi-box-dir);
  display: grid;
  place-items: center;
  font-size: 14px;
  color: var(--ink-3);
  transition: transform var(--t-submenu) var(--ease), opacity var(--t-hover) linear;
}

body.ui27 .sb-collapse {
  flex: none;
  width: var(--mi-box-dir);
  height: var(--mi-box-dir);
  display: grid;
  place-items: center;
  margin-left: auto;
  color: var(--ink-3);
  border-radius: var(--r-interactive);
  font-size: var(--mi-icon);
  transition: background var(--t-hover) linear, color var(--t-hover) linear;
}
body.ui27 .sb-collapse:hover {
  background: var(--hover-wash);
  color: var(--ink);
}

body.ui27[data-collapsed=true] .ns-chev {
  opacity: 0;
}

body.ui27[data-collapsed=true] .ns-chev, body.ui27[data-collapsed=true] .sb-collapse {
  margin-left: 0;
}

body.ui27[data-collapsed=true] .sidebar .nav-section[data-grupo] {
  cursor: default;
}
body.ui27[data-collapsed=true] .sidebar .nav-section[data-grupo]:hover {
  background: none;
}

body.ui27[data-collapsed=true] .ns-label {
  display: none;
}

body.ui27[data-collapsed=true] .sidebar .nav-section {
  height: var(--hairline);
  min-height: var(--hairline);
  margin: var(--sp-2) 0;
  padding: 0;
  background: var(--line);
  overflow: hidden;
}

body.ui27[data-collapsed=true] .sidebar .nav-section.has-toggle {
  height: var(--mi-h);
  min-height: var(--mi-h);
  margin: 0;
  background: none;
  justify-content: center;
}

body.ui27[data-collapsed=true] .sidebar .nav-section.is-bare {
  margin-top: 0;
  padding: 0;
}

body.ui27[data-collapsed=true] .sidebar .nav-corpo {
  height: auto !important;
  visibility: visible;
}
body.ui27[data-collapsed=true] .sidebar .nav-corpo .dobra-item {
  opacity: 1;
  transform: none;
}

body.ui27 .sidebar .nav-row {
  position: relative;
}

body.ui27 .sidebar .nav-item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--mi-gap);
  height: var(--mi-h);
  padding: 0 var(--mi-indent);
  color: var(--ink-2);
  text-align: left;
  cursor: pointer;
  font-size: var(--mi-fs);
  font-weight: var(--mi-fw);
  letter-spacing: 0;
  transition: background var(--t-hover) linear, color var(--t-hover) linear;
}
body.ui27 .sidebar .nav-item:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .sidebar .nav-item[aria-current=page] {
  background: var(--accent-wash);
  color: var(--accent-text);
  font-weight: var(--fw-semi);
}

body.ui27 .ni-icon {
  position: relative;
  flex: none;
  width: var(--mi-box);
  height: var(--mi-box);
  display: grid;
  place-items: center;
}
body.ui27 .ni-icon .ai {
  position: absolute;
  inset: 0;
  display: grid !important;
  place-items: center;
  font-size: var(--mi-icon);
  transition: opacity var(--t-icon) linear;
}
body.ui27 .ni-icon .ico-solid {
  opacity: 0;
}
body.ui27 .ni-icon > i:not(.ai), body.ui27 .ni-icon > svg, body.ui27 .ni-icon > span {
  font-size: 16px;
  width: var(--mi-icon);
  height: var(--mi-icon);
  color: inherit;
}

body.ui27 .ni-dot {
  width: 4px;
  height: 4px;
  border-radius: var(--r-pill);
  background: currentColor;
  opacity: 0.6;
}

body.ui27 .sidebar .nav-item:hover .ico-line,
body.ui27 .sidebar .nav-item[aria-current=page] .ico-line {
  opacity: 0;
}

body.ui27 .sidebar .nav-item:hover .ico-solid,
body.ui27 .sidebar .nav-item[aria-current=page] .ico-solid {
  opacity: 1;
}

@keyframes ico-pop {
  0% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}
body.ui27 .sidebar .nav-item[aria-current=page] .ni-icon {
  animation: ico-pop var(--t-icon) var(--ease);
}

body.ui27 .ni-label {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.ui27 .ni-chev {
  flex: none;
  width: var(--mi-box-dir);
  height: var(--mi-box-dir);
  display: grid;
  place-items: center;
  font-size: 16px;
  color: var(--ink-3);
  transition: transform var(--t-submenu) var(--ease), opacity var(--t-hover) linear;
}

body.ui27 .sidebar .nav-item[aria-expanded=true] .ni-chev {
  transform: rotate(90deg);
}

body.ui27 .submenu-inner {
  padding: var(--sp-1) 0 var(--sp-2);
  position: relative;
}
body.ui27 .submenu-inner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: var(--sp-2);
  left: calc(var(--mi-indent) + var(--mi-box) / 2);
  width: var(--hairline);
  background: var(--line);
}
body.ui27 .submenu-inner .nav-item {
  height: 32px;
  padding-left: var(--mi-sub-indent);
  font-size: var(--fs-12);
}
body.ui27 .submenu-inner .nav-item[aria-current=page] {
  background: none;
  color: var(--accent-text);
}
body.ui27 .submenu-inner .ni-icon {
  display: none;
}

body.ui27[data-collapsed=true] .submenu {
  display: none;
}

body.ui27[data-collapsed=true] .sidebar .nav-item {
  padding: 0;
  justify-content: center;
}

body.ui27[data-collapsed=true] .ni-label, body.ui27[data-collapsed=true] .ni-chev {
  display: none;
}

body.ui27[data-collapsed=true] .sidebar .nav-item::after {
  content: attr(data-label);
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%) translateX(-4px);
  background: var(--ink);
  color: var(--bg);
  font-size: var(--fs-12);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: var(--r-interactive);
  opacity: 0;
  pointer-events: none;
  z-index: 40;
  transition: opacity var(--t-hover) linear, transform var(--t-hover) var(--ease);
}

body.ui27[data-collapsed=true] .sidebar .nav-item:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

body.ui27 .sb-foot {
  flex: none;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--mi-indent);
  color: var(--ink);
  border-top: var(--hairline) solid var(--line);
  white-space: nowrap;
  overflow: hidden;
}
body.ui27 .sb-foot svg {
  fill: currentColor;
  height: 18px;
  width: auto;
}
body.ui27 .sb-foot .sb-mark {
  display: none;
}
body.ui27 .sb-foot .sb-mark svg {
  height: 24px;
}

body.ui27[data-collapsed=true] .sb-foot {
  padding: 0;
}
body.ui27[data-collapsed=true] .sb-foot .sb-full {
  display: none;
}
body.ui27[data-collapsed=true] .sb-foot .sb-mark {
  display: block;
}

body.ui27 .topbar {
  height: var(--topbar-h);
  flex: none;
  width: auto;
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  padding: 0 var(--sp-4);
  margin: 0;
  border-bottom: var(--hairline) solid var(--line);
  background: var(--surface);
  color: var(--ink);
}

body.ui27 .lia {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}
body.ui27 .lia::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 0;
  background: var(--accent);
  transition: height var(--t-hover) linear;
}
body.ui27 .lia:focus-within::after {
  height: 2px;
}
body.ui27 .lia:hover .btn-ask, body.ui27 .lia:focus-within .btn-ask {
  filter: brightness(0.94);
}
body.ui27 .lia:focus-within .lia-greet {
  max-width: 0;
  opacity: 0;
  margin-left: calc(var(--sp-2) * -1);
}
body.ui27 .lia input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
  font-size: var(--fs-16);
  color: var(--ink);
}
body.ui27 .lia input::-moz-placeholder {
  color: var(--ink-3);
  opacity: 1;
}
body.ui27 .lia input::placeholder {
  color: var(--ink-3);
  opacity: 1;
}

body.ui27 .lia-greet {
  flex: none;
  white-space: nowrap;
  overflow: hidden;
  max-width: 24ch;
  opacity: 1;
  font-size: var(--fs-16);
  font-weight: var(--fw-bold);
  color: var(--ink);
  transition: max-width var(--t-submenu) var(--ease), opacity var(--t-hover) linear, margin var(--t-submenu) var(--ease);
}

body.ui27 .btn-ask {
  flex: none;
  height: 32px;
  padding: 0 var(--sp-3);
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  background: var(--accent);
  color: var(--accent-ink);
  border-radius: var(--r-interactive);
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
  transition: filter var(--t-hover) linear;
}
body.ui27 .btn-ask .ai {
  font-size: 15px;
}

body.ui27 .tb-divider {
  flex: none;
  width: var(--hairline);
  height: 100%;
  background: var(--line);
  margin: 0 var(--sp-3) 0 var(--sp-6);
}

body.ui27 .tb-actions {
  display: flex;
  align-items: center;
  gap: var(--sp-1);
}

body.ui27 .topbar.tb-sem-lia .tb-actions {
  margin-left: auto;
}

body.ui27 .icon-btn {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
  display: grid;
  place-items: center;
  color: var(--ink-2);
  font-size: 18px;
  border-radius: var(--r-interactive);
  transition: background var(--t-hover) linear, color var(--t-hover) linear;
}
body.ui27 .icon-btn:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .icon-btn[data-dot=true]::after, body.ui27 .icon-btn.pulse::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 5px;
  height: 5px;
  border-radius: var(--r-pill);
  background: var(--alert);
}

body.ui27 .tb-user {
  position: relative;
  margin-left: var(--sp-1);
}

body.ui27 .tb-online {
  position: relative;
  margin-right: var(--sp-1);
}

body.ui27 .user-btn, body.ui27 .online-btn {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  height: 36px;
  padding: 0 var(--sp-2);
  border-radius: var(--r-interactive);
  transition: background var(--t-hover) linear;
}
body.ui27 .user-btn:hover, body.ui27 .online-btn:hover {
  background: var(--hover-wash);
}
body.ui27 .user-btn .caret, body.ui27 .online-btn .caret {
  font-size: 16px;
  color: var(--ink-3);
  transition: transform var(--t-submenu) var(--ease);
}
body.ui27 .user-btn[aria-expanded=true] .caret, body.ui27 .online-btn[aria-expanded=true] .caret {
  transform: rotate(180deg);
}

body.ui27 .user-hi {
  font-size: var(--fs-12);
  color: var(--ink-2);
  white-space: nowrap;
}
body.ui27 .user-hi b {
  color: var(--ink);
  font-weight: var(--fw-semi);
}

body.ui27 .avatar {
  width: 28px;
  height: 28px;
  flex: none;
  margin: 0;
  display: grid;
  place-items: center;
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
  text-transform: uppercase;
  border-radius: var(--r-pill);
  border: var(--hairline) solid var(--line-strong);
  color: var(--ink-2);
  background: none;
  transition: color var(--t-hover) linear, border-color var(--t-hover) linear;
}

body.ui27 .user-btn:hover .avatar {
  color: var(--ink);
  border-color: var(--ink-3);
}

body.ui27 .online-btn {
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .online-target {
  display: flex;
  align-items: center;
}

body.ui27 .online-menu .online-opt {
  gap: var(--sp-2);
}

body.ui27 .dot {
  width: 8px;
  height: 8px;
  border-radius: var(--r-pill);
  flex: none;
  background: var(--ink-3);
}
body.ui27 .dot.on {
  background: #1BC5BD;
}
body.ui27 .dot.off {
  background: var(--alert);
}

body.ui27 .user-menu {
  position: absolute;
  top: calc(100% + var(--sp-2));
  right: 0;
  z-index: 1060;
  min-width: 220px;
}
body.ui27 .user-menu .um-corpo {
  padding: var(--sp-1);
  background: var(--surface);
  border: var(--hairline) solid var(--line);
  border-radius: var(--r-interactive);
}
body.ui27 .user-menu .um-head {
  padding: var(--sp-2) var(--sp-3) var(--sp-3);
  margin-bottom: var(--sp-1);
  border-bottom: var(--hairline) solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.ui27 .user-menu .um-head b {
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
  color: var(--ink);
}
body.ui27 .user-menu .um-head small {
  font-size: var(--fs-12);
  color: var(--ink-3);
}
body.ui27 .user-menu .um-item {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  width: 100%;
  height: 34px;
  padding: 0 var(--sp-3);
  border-radius: 4px;
  text-align: left;
  cursor: pointer;
  font-size: var(--fs-13);
  color: var(--ink-2);
}
body.ui27 .user-menu .um-item .ai {
  font-size: 16px;
  flex: none;
}
body.ui27 .user-menu .um-item:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .user-menu .um-item[data-danger=true] {
  color: var(--alert);
}
body.ui27 .user-menu .um-item[data-danger=true]:hover {
  background: var(--alert-wash);
}
body.ui27 .user-menu hr {
  border: 0;
  border-top: var(--hairline) solid var(--line);
  margin: var(--sp-1) 0;
  opacity: 1;
}

body.ui27 .online-menu {
  right: auto;
  left: 0;
  min-width: 160px;
}

body.ui27 .tb-notif {
  position: relative;
}

body.ui27 .tb-notif .dropdown-menu {
  margin-top: var(--sp-2);
}

@media (max-width: 991.98px) {
  body.ui27 .topbar {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    justify-content: normal;
    transition: none;
    box-shadow: none;
    border-top: 0;
    background-color: var(--surface) !important;
  }
  body.ui27 .tb-divider {
    display: none;
  }
  body.ui27 .tb-user .user-hi, body.ui27 .tb-user .caret {
    display: none;
  }
  body.ui27 .user-btn {
    padding: 0;
  }
  body.ui27 .online-btn {
    padding: 0 var(--sp-2);
  }
  body.ui27 .online-btn .caret, body.ui27 .online-btn .online-target > span:not(.label) {
    display: none;
  }
  body.ui27 .btn-ask {
    font-size: 0;
    width: 32px;
    padding: 0;
    justify-content: center;
  }
  body.ui27 .btn-ask .ai {
    font-size: 15px;
  }
}
body.ui27 .m-baixo, body.ui27 .m-veu, body.ui27 .m-conta, body.ui27 .m-gaveta-topo {
  display: none;
}

@media (max-width: 767px) {
  body.ui27 {
    --topbar-h: 104px;
    --m-baixo: 74px;
    --m-baixo-total: calc(var(--m-baixo) + env(safe-area-inset-bottom, 0px));
    --m-curva: cubic-bezier(.2, .8, .2, 1);
    --m-sombra: rgba(0, 0, 0, .10);
  }
  [data-theme=dark] body.ui27 {
    --m-sombra: rgba(0, 0, 0, .6);
  }
  body.ui27 .page {
    position: relative;
    height: 100vh;
    height: 100dvh;
  }
  body.ui27 .wrapper {
    flex: 1 1 100%;
    width: 100%;
  }
  body.ui27 .wrapper > .content, body.ui27 .wrapper > form > .content {
    padding-bottom: var(--m-baixo-total) !important;
  }
  body.ui27 .topbar {
    position: relative;
  }
  body.ui27 .tb-divider {
    display: none;
  }
  body.ui27 .lia {
    flex-wrap: wrap;
    align-content: flex-start;
    row-gap: 0;
  }
  body.ui27 .lia-greet {
    flex: 1 0 100%;
    max-width: none;
    height: calc(var(--topbar-h) / 2);
    display: flex;
    align-items: center;
    padding: 8px 0 0;
  }
  body.ui27 .lia input {
    height: calc(var(--topbar-h) / 2);
  }
  body.ui27 .lia:focus-within .lia-greet {
    max-width: none;
    opacity: 1;
    margin-left: 0;
  }
  body.ui27 .btn-ask {
    font-size: 0;
    width: 32px;
    padding: 0;
    justify-content: center;
    position: relative;
  }
  body.ui27 .btn-ask .ai {
    font-size: 15px;
  }
  body.ui27 .btn-ask::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
  body.ui27 .tb-actions {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    overflow: visible;
    visibility: hidden;
  }
  body.ui27 .tb-actions .notificationsContainer.show {
    visibility: visible;
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: calc(var(--m-baixo-total) + 8px) !important;
    transform: none !important;
    width: auto;
    max-width: none;
    margin: 0;
    max-height: calc(100dvh - var(--topbar-h) - var(--m-baixo-total) - 24px);
    overflow-y: auto;
    z-index: 80;
    border-radius: 16px;
  }
  body.ui27 .topbar.tb-sem-lia {
    display: none;
  }
  body.ui27 .m-baixo {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 75;
    height: var(--m-baixo-total);
    padding: 0 10px env(safe-area-inset-bottom, 0px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 24px 24px 0 0;
    border-top: var(--hairline) solid rgba(0, 0, 0, 0.06);
    background-color: rgba(236, 236, 236, 0.72);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 60%);
    backdrop-filter: blur(28px) saturate(1.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 -8px 26px rgba(11, 20, 26, 0.12), 0 -1px 4px rgba(11, 20, 26, 0.06);
    font-family: var(--font);
    transition: transform 260ms var(--m-curva);
  }
  [data-theme=dark] body.ui27 .m-baixo {
    background-color: rgba(10, 10, 11, 0.32);
    border-top-color: rgba(35, 35, 38, 0.7);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.45);
  }
  body.ui27[data-m-baixo-recolhida] .m-baixo {
    transform: translateY(100%);
  }
  body.ui27:has(.tk-tela:not([data-tk-painel=fila]) .open-ticket-detail > .tk-detalhe) .m-baixo {
    display: none;
  }
  body.ui27 .m-aba {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    height: 44px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-3);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 320ms var(--m-curva), padding 320ms var(--m-curva), gap 320ms var(--m-curva), color 200ms linear;
  }
  body.ui27 .m-aba:focus {
    outline: 0;
  }
  body.ui27 .m-aba:focus-visible {
    outline: 2px solid var(--accent-line) !important;
    outline-offset: 2px !important;
  }
  body.ui27 .m-aba-ico {
    position: relative;
    height: 24px;
    display: grid;
    place-items: center;
    font-size: 22px;
  }
  body.ui27 .m-aba-ico .ico-solid {
    display: none;
  }
  body.ui27 .m-aba-rot {
    display: inline-block;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-6px);
    transition: max-width 320ms var(--m-curva), opacity 200ms linear 60ms, transform 320ms var(--m-curva);
  }
  body.ui27 .m-aba-num {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    box-sizing: border-box;
    background: #35D44C;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 0 0 2px var(--surface);
    position: absolute;
    top: 4px;
    left: 26px;
  }
  body.ui27 .m-aba-num[hidden] {
    display: none;
  }
  body.ui27 .m-baixo[data-ativa=tickets] [data-m=tickets] .m-aba-num {
    position: static;
    margin-left: -2px;
    box-shadow: none;
  }
  body.ui27 .m-baixo[data-ativa=modulos] [data-m=modulos] {
    gap: 8px;
    padding: 0 16px 0 14px;
    color: var(--ink);
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 3px rgba(11, 20, 26, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.9);
  }
  body.ui27 .m-baixo[data-ativa=modulos] [data-m=modulos] .m-aba-rot {
    max-width: 90px;
    opacity: 1;
    transform: none;
  }
  body.ui27 .m-baixo[data-ativa=modulos] [data-m=modulos] .ico-line {
    display: none;
  }
  body.ui27 .m-baixo[data-ativa=modulos] [data-m=modulos] .ico-solid {
    display: block;
  }
  [data-theme=dark] body.ui27 .m-baixo[data-ativa=modulos] [data-m=modulos] {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
  body.ui27 .m-baixo[data-ativa=tickets] [data-m=tickets] {
    gap: 8px;
    padding: 0 16px 0 14px;
    color: var(--ink);
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 3px rgba(11, 20, 26, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.9);
  }
  body.ui27 .m-baixo[data-ativa=tickets] [data-m=tickets] .m-aba-rot {
    max-width: 90px;
    opacity: 1;
    transform: none;
  }
  body.ui27 .m-baixo[data-ativa=tickets] [data-m=tickets] .ico-line {
    display: none;
  }
  body.ui27 .m-baixo[data-ativa=tickets] [data-m=tickets] .ico-solid {
    display: block;
  }
  [data-theme=dark] body.ui27 .m-baixo[data-ativa=tickets] [data-m=tickets] {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
  body.ui27 .m-baixo[data-ativa=alertas] [data-m=alertas] {
    gap: 8px;
    padding: 0 16px 0 14px;
    color: var(--ink);
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 3px rgba(11, 20, 26, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.9);
  }
  body.ui27 .m-baixo[data-ativa=alertas] [data-m=alertas] .m-aba-rot {
    max-width: 90px;
    opacity: 1;
    transform: none;
  }
  body.ui27 .m-baixo[data-ativa=alertas] [data-m=alertas] .ico-line {
    display: none;
  }
  body.ui27 .m-baixo[data-ativa=alertas] [data-m=alertas] .ico-solid {
    display: block;
  }
  [data-theme=dark] body.ui27 .m-baixo[data-ativa=alertas] [data-m=alertas] {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
  body.ui27 .m-baixo[data-ativa=conta] [data-m=conta] {
    gap: 8px;
    padding: 0 16px 0 14px;
    color: var(--ink);
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 3px rgba(11, 20, 26, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.9);
  }
  body.ui27 .m-baixo[data-ativa=conta] [data-m=conta] .m-aba-rot {
    max-width: 90px;
    opacity: 1;
    transform: none;
  }
  body.ui27 .m-baixo[data-ativa=conta] [data-m=conta] .ico-line {
    display: none;
  }
  body.ui27 .m-baixo[data-ativa=conta] [data-m=conta] .ico-solid {
    display: block;
  }
  [data-theme=dark] body.ui27 .m-baixo[data-ativa=conta] [data-m=conta] {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  body.ui27 .m-aba, body.ui27 .m-aba-rot, body.ui27 .m-baixo {
    transition: none;
  }
}
@media (max-width: 767px) {
  body.ui27 .m-veu {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 65;
    background: rgba(10, 10, 10, 0.48);
    opacity: 0;
    pointer-events: none;
    transition: opacity 240ms linear;
  }
}
@media (max-width: 767px) {
  [data-theme=dark] body.ui27 .m-veu {
    background: rgba(0, 0, 0, 0.72);
  }
}
@media (max-width: 767px) {
  body.ui27[data-m-gaveta] .m-veu {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 767px) {
  body.ui27 .sidebar, body.ui27[data-collapsed=true] .sidebar, body.ui27 .m-conta {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 70;
    border: 0;
    border-radius: 20px 20px 0 0;
    background: var(--surface);
    box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.18);
    transform: translateY(calc(100% + var(--m-baixo-total) + 24px));
    transition: transform 300ms var(--m-curva);
  }
}
@media (max-width: 767px) {
  body.ui27[data-m-gaveta=modulos] .sidebar, body.ui27[data-m-gaveta=conta] .m-conta {
    transform: none;
  }
}
@media (max-width: 767px) {
  [data-theme=dark] body.ui27 .sidebar, [data-theme=dark] body.ui27 .m-conta {
    background: #161618;
    box-shadow: 0 -10px 34px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }
}
@media (max-width: 767px) {
  body.ui27 .m-gaveta-topo {
    display: block;
    position: relative;
    flex: none;
    height: 28px;
  }
}
@media (max-width: 767px) {
  body.ui27 .m-pega {
    position: absolute;
    left: 50%;
    top: 8px;
    width: 38px;
    height: 4px;
    margin-left: -19px;
    border-radius: 2px;
    background: var(--line-strong);
  }
}
@media (max-width: 767px) {
  body.ui27 .m-fechar {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 36px;
    height: 36px;
    z-index: 2;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: none;
    color: var(--ink-2);
    font-size: 20px;
    cursor: pointer;
  }
  body.ui27 .m-fechar::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767px) {
  body.ui27 .sidebar, body.ui27[data-collapsed=true] .sidebar {
    width: 100%;
    height: 80%;
    overflow: hidden;
  }
}
@media (max-width: 767px) and (max-height: 700px) {
  body.ui27 .sidebar, body.ui27[data-collapsed=true] .sidebar {
    height: calc(100% - 56px);
  }
}
@media (max-width: 767px) {
  body.ui27 .sidebar > .m-gaveta-topo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
  }
}
@media (max-width: 767px) {
  body.ui27 .sidebar .sb-head {
    height: auto;
    min-height: 0;
    padding: 26px 20px;
    border-bottom: var(--hairline) solid var(--line);
  }
}
@media (max-width: 767px) {
  body.ui27 .sidebar .sb-nav {
    box-shadow: inset 0 7px 7px -7px var(--m-sombra);
    padding-bottom: calc(var(--m-baixo-total) + 12px);
  }
}
@media (max-width: 767px) {
  body.ui27 .sidebar .sb-collapse, body.ui27 .sidebar .sb-foot {
    display: none;
  }
}
@media (max-width: 767px) {
  body.ui27 .sidebar .nav-item {
    min-height: 44px;
  }
}
@media (max-width: 767px) {
  body.ui27 .m-conta {
    display: flex;
    padding: 8px 16px calc(var(--m-baixo-total) + 16px);
    font-family: var(--font);
    color: var(--ink);
  }
}
@media (max-width: 767px) {
  body.ui27 .m-conta .m-gaveta-topo {
    margin: 0 -8px 6px;
  }
}
@media (max-width: 767px) {
  body.ui27 .m-conta-quem {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 44px 14px 6px;
    margin-bottom: 6px;
    border-bottom: var(--hairline) solid var(--line);
  }
  body.ui27 .m-conta-quem b {
    display: block;
    font-size: 15px;
    color: var(--ink);
  }
}
@media (max-width: 767px) {
  body.ui27 .m-conta-av {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--accent-wash);
    color: var(--ink);
    font-size: 18px;
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  body.ui27 .m-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 46px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: none;
    font-size: 15px;
    color: var(--ink);
    text-align: left;
    text-decoration: none;
  }
  body.ui27 .m-item:hover, body.ui27 .m-item:focus {
    color: var(--ink);
    text-decoration: none;
  }
  body.ui27 .m-item:active {
    background: var(--hover-wash);
  }
  body.ui27 .m-item[data-danger=true], body.ui27 .m-item[data-danger=true] .m-item-ico {
    color: var(--alert);
  }
}
@media (max-width: 767px) {
  body.ui27 .m-item-ico {
    display: grid;
    font-size: 20px;
    color: var(--ink-2);
  }
}
@media (max-width: 767px) {
  body.ui27 .m-tema {
    margin-left: auto;
    display: flex;
    gap: 2px;
    padding: 3px;
    border-radius: 9px;
    background: var(--surface-alt);
  }
  body.ui27 .m-tema button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: 7px;
    background: none;
    font-size: 13px;
    color: var(--ink-3);
    cursor: pointer;
  }
  body.ui27 .m-tema button .ai {
    font-size: 14px;
  }
  body.ui27 .m-tema button[aria-pressed=true] {
    background: var(--surface);
    color: var(--ink);
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  }
}
@media (max-width: 767px) {
  [data-theme=dark] body.ui27 .m-tema button[aria-pressed=true] {
    background: #2E2E30;
  }
}
@media (max-width: 767px) {
  body.ui27 .m-aba:active, body.ui27 .m-item:active, body.ui27 .sidebar .nav-item:active {
    transform: scale(0.96);
  }
}
@keyframes liaFsDots {
  0%, 80%, 100% {
    transform: scale(0.7);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes liaFsSpin {
  to {
    transform: rotate(360deg);
  }
}
body.ui27 .lia-fs {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--lia-fs-top, 0px);
  height: var(--lia-fs-vh, 100dvh);
  z-index: 1055;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.55;
  font-variant-numeric: tabular-nums;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--t-panel) var(--ease-in-out), transform var(--t-panel) var(--ease-in-out), visibility 0s linear var(--t-panel);
}
body.ui27 .lia-fs:focus {
  outline: none;
}
body.ui27 .lia-fs.is-open {
  visibility: visible;
  opacity: 1;
  transform: none;
  transition-delay: 0s;
}
body.ui27 .lia-fs button {
  font-family: inherit;
  margin: 0;
}

body.ui27 .lia-fs .lia-fs-ob, body.ui27 .lia-fs-sv .lia-fs-ob {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  height: 32px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-hover) linear;
}
body.ui27 .lia-fs .lia-fs-ob .ai, body.ui27 .lia-fs-sv .lia-fs-ob .ai {
  font-size: 15px;
}
body.ui27 .lia-fs .lia-fs-ob:hover, body.ui27 .lia-fs-sv .lia-fs-ob:hover {
  background: var(--hover-wash);
}
body.ui27 .lia-fs .lia-fs-ob[aria-expanded=true], body.ui27 .lia-fs-sv .lia-fs-ob[aria-expanded=true] {
  background: var(--accent-wash);
}
body.ui27 .lia-fs .lia-fs-ob:disabled, body.ui27 .lia-fs-sv .lia-fs-ob:disabled {
  cursor: default;
}
body.ui27 .lia-fs .lia-fs-ob.is-done, body.ui27 .lia-fs-sv .lia-fs-ob.is-done {
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-trunc, body.ui27 .lia-fs-sv .lia-fs-trunc {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--surface-alt);
  color: var(--ink-2);
  font-size: 13px;
  line-height: 20px;
}
body.ui27 .lia-fs .lia-fs-trunc .ai, body.ui27 .lia-fs-sv .lia-fs-trunc .ai {
  flex: none;
  font-size: 15px;
  margin-top: 2px;
}
body.ui27 .lia-fs .lia-fs-rules, body.ui27 .lia-fs-sv .lia-fs-rules {
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  padding: 12px 16px;
}
body.ui27 .lia-fs .lia-fs-rules-t, body.ui27 .lia-fs-sv .lia-fs-rules-t {
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-rules-tb, body.ui27 .lia-fs-sv .lia-fs-rules-tb {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}
body.ui27 .lia-fs .lia-fs-rules-tb td, body.ui27 .lia-fs-sv .lia-fs-rules-tb td {
  padding: 4px 0;
  vertical-align: top;
  border: 0;
  background: transparent;
}
body.ui27 .lia-fs .lia-fs-rules-k, body.ui27 .lia-fs-sv .lia-fs-rules-k {
  width: 160px;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-rules-v, body.ui27 .lia-fs-sv .lia-fs-rules-v {
  color: var(--ink);
  overflow-wrap: anywhere;
}
body.ui27 .lia-fs .lia-fs-code, body.ui27 .lia-fs-sv .lia-fs-code {
  display: block;
  padding: 0;
  background: transparent;
  color: var(--ink);
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  white-space: pre-wrap;
  overflow-x: auto;
}
body.ui27 .lia-fs .lia-fs-chart, body.ui27 .lia-fs-sv .lia-fs-chart {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
body.ui27 .lia-fs .lia-fs-chart-t, body.ui27 .lia-fs-sv .lia-fs-chart-t {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
}
body.ui27 .lia-fs :focus-visible, body.ui27 .lia-fs-sv :focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .lia-fs .lia-fs-head {
  flex: none;
  height: 70px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  border-bottom: 1px solid var(--line);
  background: var(--bg);
}
body.ui27 .lia-fs .lia-fs-mark {
  width: 32px;
  height: 32px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 16px;
}
body.ui27 .lia-fs .lia-fs-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-sub {
  font-size: 13px;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-head-acts {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.ui27 .lia-fs .lia-fs-ib {
  width: 32px;
  height: 32px;
  flex: none;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-2);
  font-size: 18px;
  cursor: pointer;
  transition: background var(--t-hover) linear, color var(--t-hover) linear;
}
body.ui27 .lia-fs .lia-fs-ib:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-ib:disabled {
  cursor: default;
}
body.ui27 .lia-fs .lia-fs-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.ui27 .lia-fs .lia-fs-col {
  max-width: 928px;
  margin: 0 auto;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.ui27 .lia-fs .lia-fs-wl {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body.ui27 .lia-fs .lia-fs-wl-mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 20px;
}
body.ui27 .lia-fs .lia-fs-wl-title {
  margin: 16px 0 0;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-wl-text {
  margin: 8px 0 0;
  max-width: 560px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-wl-label {
  margin-top: 32px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-sugs {
  margin-top: 12px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
body.ui27 .lia-fs .lia-fs-sug {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
  transition: background var(--t-hover) linear, border-color var(--t-hover) linear;
}
body.ui27 .lia-fs .lia-fs-sug .ai {
  flex: none;
  font-size: 14px;
  color: var(--ink-3);
}
body.ui27 .lia-fs .lia-fs-sug:hover {
  background: var(--hover-wash);
  border-color: var(--accent-line);
}
body.ui27 .lia-fs .lia-fs-mu {
  align-self: flex-end;
  max-width: 72%;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--accent-wash);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body.ui27 .lia-fs .lia-fs-ai {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
body.ui27 .lia-fs .lia-fs-think {
  gap: 8px;
}
body.ui27 .lia-fs .lia-fs-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
}
body.ui27 .lia-fs .lia-fs-av {
  width: 24px;
  height: 24px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 13px;
}
body.ui27 .lia-fs .lia-fs-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-acts {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.ui27 .lia-fs .lia-fs-think-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  flex: none;
}
body.ui27 .lia-fs .lia-fs-dots i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent-line);
  animation: liaFsDots calc(800ms * var(--mo-escala)) infinite ease-in-out;
}
body.ui27 .lia-fs .lia-fs-dots i:nth-child(2) {
  animation-delay: calc(150ms * var(--mo-escala));
}
body.ui27 .lia-fs .lia-fs-dots i:nth-child(3) {
  animation-delay: calc(300ms * var(--mo-escala));
}
body.ui27 .lia-fs .lia-fs-think-tx {
  display: flex;
  flex-direction: column;
}
body.ui27 .lia-fs .lia-fs-cat-p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-cats {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.ui27 .lia-fs .lia-fs-cat {
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background var(--t-hover) linear, border-color var(--t-hover) linear;
}
body.ui27 .lia-fs .lia-fs-cat:hover:not(:disabled) {
  background: var(--hover-wash);
  border-color: var(--accent-line);
}
body.ui27 .lia-fs .lia-fs-cat:disabled {
  cursor: default;
}
body.ui27 .lia-fs .lia-fs-err {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  background: var(--alert-wash);
}
body.ui27 .lia-fs .lia-fs-err-ic {
  flex: none;
  margin-top: 2px;
  font-size: 18px;
  color: var(--alert);
}
body.ui27 .lia-fs .lia-fs-err-tx {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
body.ui27 .lia-fs .lia-fs-err-t {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-err-a {
  font-size: 13px;
  line-height: 1.55;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-login {
  margin-top: 8px;
  color: var(--accent-text);
  text-decoration: none;
}
body.ui27 .lia-fs .lia-fs-res {
  min-width: 0;
  padding: 0;
}
body.ui27 .lia-fs .lia-fs-comp {
  flex: none;
  padding: 16px 24px 12px;
  border-top: 1px solid var(--line);
  background: var(--surface);
}
body.ui27 .lia-fs .lia-fs-comp-in {
  max-width: 880px;
  margin: 0 auto;
}
body.ui27 .lia-fs .lia-fs-box {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  min-height: 56px;
  padding: 7px 7px 7px 15px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--surface);
  transition: border-color var(--t-hover) linear, box-shadow var(--t-hover) linear;
}
body.ui27 .lia-fs .lia-fs-box:focus-within {
  border-color: var(--accent-line);
  box-shadow: 0 0 0 3px var(--accent-wash);
}
body.ui27 .lia-fs .lia-fs-box.is-disabled {
  background: var(--surface-alt);
}
body.ui27 .lia-fs .lia-fs-ta {
  flex: 1;
  min-width: 0;
  display: block;
  box-sizing: border-box;
  height: 40px;
  max-height: 144px;
  margin: 0;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  resize: none;
  overflow-y: hidden;
  font-family: var(--font);
  font-size: 16px;
  line-height: 24px;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-ta::-moz-placeholder {
  color: var(--ink-3);
  opacity: 1;
}
body.ui27 .lia-fs .lia-fs-ta::placeholder {
  color: var(--ink-3);
  opacity: 1;
}
body.ui27 .lia-fs .lia-fs-ta:disabled {
  color: var(--ink-2);
  -webkit-text-fill-color: var(--ink-2);
  opacity: 1;
  cursor: default;
}
body.ui27 .lia-fs .lia-fs-ta:focus-visible {
  outline: none !important;
}
body.ui27 .lia-fs .lia-fs-send {
  flex: none;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 16px;
  cursor: pointer;
}
body.ui27 .lia-fs .lia-fs-send:disabled {
  background: var(--surface-alt);
  color: var(--ink-3);
  cursor: default;
}
body.ui27 .lia-fs .lia-fs-hint {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-pn {
  position: absolute;
  top: 70px;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 380px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-left: 1px solid var(--line);
  box-shadow: -8px 0 24px rgba(10, 10, 11, 0.08);
  visibility: hidden;
}
body.ui27 .lia-fs .lia-fs-pn.is-open {
  visibility: visible;
}
body.ui27 .lia-fs .lia-fs-pn-hd {
  flex: none;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 16px;
  border-bottom: 1px solid var(--line);
}
body.ui27 .lia-fs .lia-fs-pn-t {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-pn-close {
  margin-left: auto;
}
body.ui27 .lia-fs .lia-fs-pn-back {
  display: none;
}
body.ui27 .lia-fs .lia-fs-pn-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.ui27 .lia-fs .lia-fs-pn-loading {
  padding: 12px 16px 0;
  font-size: 13px;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-sk {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}
body.ui27 .lia-fs .lia-fs-sk i {
  display: block;
  width: 70%;
  height: 14px;
  border-radius: 4px;
  background: var(--surface-alt);
}
body.ui27 .lia-fs .lia-fs-sk i + i {
  width: 30%;
  height: 10px;
  margin-top: 8px;
}
body.ui27 .lia-fs .lia-fs-it {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}
body.ui27 .lia-fs .lia-fs-it-tx {
  flex: 1;
  min-width: 0;
}
body.ui27 .lia-fs .lia-fs-it-t {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ink);
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
body.ui27 .lia-fs .lia-fs-it-d {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--ink-2);
}
body.ui27 .lia-fs .lia-fs-it-acts {
  flex: none;
  display: flex;
}
body.ui27 .lia-fs .lia-fs-del:hover:not(:disabled) {
  background: var(--alert-wash);
  color: var(--alert);
}
body.ui27 .lia-fs .lia-fs-spin {
  display: inline-block;
  animation: liaFsSpin calc(800ms * var(--mo-escala)) linear infinite;
}
body.ui27 .lia-fs .lia-fs-st {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 48px 24px;
  text-align: center;
}
body.ui27 .lia-fs .lia-fs-st .lia-fs-ob {
  margin-top: 8px;
}
body.ui27 .lia-fs .lia-fs-st-ic {
  font-size: 24px;
}
body.ui27 .lia-fs .lia-fs-st-ic.is-muted {
  color: var(--ink-3);
}
body.ui27 .lia-fs .lia-fs-st-ic.is-alert {
  color: var(--alert);
}
body.ui27 .lia-fs .lia-fs-st-t {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-st-a {
  font-size: 13px;
  color: var(--ink-2);
}

body.ui27 .lia-fs .lia-fs-res .card {
  border: 1px solid var(--line);
  border-radius: 8px !important;
}
body.ui27 .lia-fs .lia-fs-res .gutter-b {
  margin-bottom: 12px;
}
body.ui27 .lia-fs .lia-fs-res .row {
  margin-left: -6px;
  margin-right: -6px;
}
body.ui27 .lia-fs .lia-fs-res .row > [class*=col] {
  padding-left: 6px;
  padding-right: 6px;
}
body.ui27 .lia-fs .lia-fs-res .card-body {
  padding: 16px !important;
}
body.ui27 .lia-fs .lia-fs-res .card .card-header {
  padding: 12px 16px !important;
  min-height: 0;
}
body.ui27 .lia-fs .lia-fs-res .card .card-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
body.ui27 .lia-fs .lia-fs-res .table {
  margin-bottom: 0;
}
body.ui27 .lia-fs .lia-fs-res .table th {
  color: var(--ink-2) !important;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 12px;
  border-color: var(--line);
}
body.ui27 .lia-fs .lia-fs-res .table td {
  font-size: 13px;
  padding: 8px 12px;
  border-color: var(--line);
}
body.ui27 .lia-fs .lia-fs-res .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--lg-stripe, var(--surface-alt));
}
body.ui27 .lia-fs .lia-fs-res .alert {
  padding: 0;
  border: 0;
  margin: 0 0 12px;
}
body.ui27 .lia-fs .lia-fs-res p {
  margin: 0 0 12px;
}
body.ui27 .lia-fs .lia-fs-res .lia-fs-tw {
  overflow-x: auto;
  margin: 0 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
body.ui27 .lia-fs .lia-fs-res > :last-child {
  margin-bottom: 0;
}

body.ui27 .lia-fs-sv {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 24px;
  min-width: 0;
}

body.ui27 .lia-fs .lia-fs-sv {
  margin-bottom: 0;
}

body.ui27 .lia-fs-sv .lia-fs-sv-hd {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--font);
}
body.ui27 .lia-fs-sv .lia-fs-sv-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
}
body.ui27 .lia-fs-sv .lia-fs-sv-av {
  width: 24px;
  height: 24px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 13px;
}
body.ui27 .lia-fs-sv .lia-fs-sv-tag {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink-2);
}
body.ui27 .lia-fs-sv .lia-fs-sv-q {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--ink);
  overflow-wrap: anywhere;
}
body.ui27 .lia-fs-sv .lia-fs-sv-meta > .lia-fs-ob {
  margin-left: auto;
}
body.ui27 .lia-fs-sv .lia-fs-sv-empty {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
}

body.ui27 .lia-fs-sv.is-flash {
  outline: 2px solid var(--accent-line);
  outline-offset: 4px;
  border-radius: 8px;
}

@media (max-width: 767px) {
  body.ui27 .lia-fs .lia-fs-more, body.ui27 .lia-fs-sv .lia-fs-more {
    width: 44px;
    height: 44px;
    padding: 0;
    justify-content: center;
  }
  body.ui27 .lia-fs .lia-fs-more .lia-fs-ob-tx, body.ui27 .lia-fs-sv .lia-fs-more .lia-fs-ob-tx {
    display: none;
  }
  body.ui27 .lia-fs-sv .lia-fs-sv-meta {
    min-height: 44px;
  }
  body.ui27 .lia-fs .lia-fs-head {
    height: 56px;
    padding: 0 6px 0 16px;
  }
  body.ui27 .lia-fs .lia-fs-mark {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }
  body.ui27 .lia-fs .lia-fs-sub {
    display: none;
  }
  body.ui27 .lia-fs .lia-fs-head-acts {
    gap: 4px;
  }
  body.ui27 .lia-fs .lia-fs-ib {
    width: 44px;
    height: 44px;
  }
  body.ui27 .lia-fs .lia-fs-savedbtn {
    width: 44px;
    height: 44px;
    padding: 0;
    justify-content: center;
  }
  body.ui27 .lia-fs .lia-fs-savedbtn .lia-fs-ob-tx {
    display: none;
  }
  body.ui27 .lia-fs .lia-fs-col {
    padding: 16px;
  }
  body.ui27 .lia-fs .lia-fs-wl {
    padding-top: 16px;
  }
  body.ui27 .lia-fs .lia-fs-wl-title {
    font-size: 24px;
  }
  body.ui27 .lia-fs .lia-fs-sugs {
    grid-template-columns: 1fr;
  }
  body.ui27 .lia-fs .lia-fs-mu {
    max-width: 85%;
  }
  body.ui27 .lia-fs .lia-fs-cat {
    height: 44px;
  }
  body.ui27 .lia-fs .lia-fs-login {
    height: 44px;
  }
  body.ui27 .lia-fs .lia-fs-comp {
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  }
  body.ui27 .lia-fs .lia-fs-box {
    min-height: 48px;
    padding: 3px 3px 3px 15px;
  }
  body.ui27 .lia-fs .lia-fs-ta {
    height: 32px;
    margin: 4px 0;
    padding: 4px 0;
  }
  body.ui27 .lia-fs .lia-fs-hint {
    display: none;
  }
  body.ui27 .lia-fs .lia-fs-pn {
    top: 56px;
    width: 100%;
    border-left: 0;
  }
  body.ui27 .lia-fs .lia-fs-pn-hd {
    padding-left: 4px;
  }
  body.ui27 .lia-fs .lia-fs-pn-t, body.ui27 .lia-fs .lia-fs-pn-close {
    display: none;
  }
  body.ui27 .lia-fs .lia-fs-pn-back {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 8px 0 0;
    border: 0;
    background: transparent;
    color: var(--ink);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  body.ui27 .lia-fs .lia-fs-pn-back-ic {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    font-size: 18px;
    color: var(--ink-2);
  }
}
body.ui27 .auth {
  --auth-form-w: clamp(380px, 42%, 560px);
  --auth-card-w: 320px;
  --auth-line-h: 56px;
  --auth-go: 36px;
  --auth-help: 40px;
  --auth-mark-h: 21px;
  --mo-apaga: 130ms;
  --mo-reescreve: 300ms;
  --mo-vira: 40ms;
  display: flex;
  height: 100vh;
  overflow: hidden;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  font-size: var(--fs-14);
  line-height: var(--lh-normal);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
body.ui27 .auth, body.ui27 .auth *, body.ui27 .auth *::before, body.ui27 .auth *::after {
  box-sizing: border-box;
}
body.ui27 .auth :where(h1, h2, p) {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
body.ui27 .auth :where(a), body.ui27 .auth :where(a):hover {
  color: inherit;
  text-decoration: none;
}
body.ui27 .auth :where(button) {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  border-radius: 0;
  box-shadow: none;
}
body.ui27 .auth :where(svg) {
  display: block;
  flex: none;
}
body.ui27 .auth :focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: var(--r-interactive);
}
body.ui27 .auth .auth-form {
  position: relative;
  flex: 0 0 var(--auth-form-w);
  display: flex;
  flex-direction: column;
  padding: var(--sp-8);
  background: var(--surface);
  border-right: var(--hairline) solid var(--line);
}
body.ui27 .auth .auth-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.ui27 .auth .auth-card {
  width: 100%;
  max-width: var(--auth-card-w);
  margin: 0 auto;
}
body.ui27 .auth .auth-mark {
  position: absolute;
  top: var(--sp-12);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
body.ui27 .auth .auth-mark img {
  height: var(--auth-mark-h);
  width: auto;
}
body.ui27 .auth .btn-support {
  position: absolute;
  bottom: var(--sp-12);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: var(--auth-help);
  height: var(--auth-help);
  display: grid;
  place-items: center;
  font-size: 18px;
  border-radius: var(--r-pill);
  background: var(--accent);
  color: var(--accent-ink);
  transition: filter var(--t-hover) linear, transform var(--t-hover) var(--ease);
}
body.ui27 .auth .btn-support:hover {
  filter: brightness(0.94);
  transform: scale(1.06);
  color: var(--accent-ink);
}
body.ui27 .auth .auth-brand {
  flex: 1;
  min-width: 0;
  position: relative;
  display: grid;
  place-items: center;
  background: var(--fixo-escuro);
  overflow: hidden;
}
body.ui27 .auth .auth-brand img.bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.ui27 .auth .auth-brand::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, var(--scrim-top), var(--scrim-bottom));
  pointer-events: none;
}
body.ui27 .auth .auth-brand[data-missing]::after, body.ui27 .auth .auth-brand[data-missing] img.bg {
  display: none;
}
body.ui27 .auth .client-brand {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--sp-8);
}
body.ui27 .auth .client-brand img {
  display: none;
  max-width: 100%;
}
body.ui27 .auth .client-brand .brand-full {
  display: block;
  width: clamp(200px, 34%, 320px);
  height: auto;
}
body.ui27 .auth .client-brand .brand-fallback {
  display: none;
  width: 96px;
  height: 96px;
  border-radius: var(--r-pill);
  background: var(--fixo-claro);
  color: var(--fixo-escuro);
  place-items: center;
  font-size: var(--fs-40);
  font-weight: var(--fw-semi);
}
body.ui27 .auth .client-brand[data-missing] img {
  display: none;
}
body.ui27 .auth .client-brand[data-missing] .brand-fallback {
  display: grid;
}
@media (max-width: 900px) {
  body.ui27 .auth .auth-brand {
    display: none;
  }
  body.ui27 .auth .auth-form {
    flex: 1;
    border-right: 0;
  }
}
body.ui27 .auth .auth-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: var(--sp-6);
}
body.ui27 .auth .head-pane {
  grid-area: 1/1;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t-icon) linear;
}
body.ui27 .auth .head-pane[data-active=true] {
  opacity: 1;
  pointer-events: auto;
}
body.ui27 .auth .auth-title {
  margin: 0 0 var(--sp-2);
  font-size: var(--fs-28);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tr-tight);
  line-height: var(--lh-tight);
  color: var(--ink);
}
body.ui27 .auth .auth-title-sm {
  margin: 0;
  font-size: var(--fs-16);
  font-weight: var(--fw-semi);
  letter-spacing: var(--tr-tight);
  color: var(--ink);
}
body.ui27 .auth .auth-sub {
  margin: 0;
  font-size: var(--fs-14);
  color: var(--ink-2);
}
body.ui27 .auth [data-escreve][data-escrevendo=true]::after {
  content: "_";
}
body.ui27 .auth .ident {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin-bottom: var(--sp-3);
  font-size: var(--fs-12);
  color: var(--ink-2);
}
body.ui27 .auth .ident-mail {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.ui27 .auth .ident-swap {
  flex: none;
  color: var(--ink-3);
  border-bottom: var(--hairline) solid var(--line-strong);
  transition: color var(--t-hover) linear;
}
body.ui27 .auth .ident-swap:hover {
  color: var(--ink);
}
body.ui27 .auth .line-field input, body.ui27 .auth .code input {
  all: unset;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  height: 100%;
  font-family: inherit;
  color: var(--ink);
  cursor: text;
}
body.ui27 .auth .line-field input::-webkit-credentials-auto-fill-button,
body.ui27 .auth .code input::-webkit-outer-spin-button,
body.ui27 .auth .code input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
body.ui27 .auth .field-slot {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
body.ui27 .auth .field-pane {
  grid-area: 1/1;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity var(--t-panel) var(--ease), visibility 0s linear var(--t-panel);
}
body.ui27 .auth .field-pane[data-active=true] {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0s;
}
body.ui27 .auth .line-field {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  height: var(--auth-line-h);
  border-bottom: var(--hairline) solid var(--line);
  transition: border-color var(--t-hover) linear;
}
body.ui27 .auth .line-field:hover {
  border-bottom-color: var(--line-strong);
}
body.ui27 .auth .line-field::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 0;
  background: var(--accent);
  transition: height var(--t-hover) linear;
}
body.ui27 .auth .line-field:focus-within::after {
  height: 2px;
}
body.ui27 .auth .line-field input {
  flex: 1;
  font-size: var(--fs-16);
  font-weight: var(--fw-medium);
}
body.ui27 .auth .line-field input::-moz-placeholder {
  color: var(--ink-3);
  font-weight: var(--fw-regular);
}
body.ui27 .auth .line-field input::placeholder {
  color: var(--ink-3);
  font-weight: var(--fw-regular);
}
body.ui27 .auth .line-field[data-error=true] {
  border-bottom-color: var(--alert);
}
body.ui27 .auth .line-field[data-error=true]::after {
  height: 2px;
  background: var(--alert);
}
body.ui27 .auth .line-field[data-ready=true] .go-btn {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
body.ui27 .auth .line-ok {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  height: var(--auth-line-h);
  border-bottom: var(--hairline) solid var(--line);
  color: var(--ink-2);
}
body.ui27 .auth .line-ok .ai {
  font-size: 20px;
  color: var(--accent-line);
  flex: none;
}
body.ui27 .auth .line-ok-mail {
  font-size: var(--fs-16);
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.ui27 .auth .reveal {
  flex: none;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  font-size: 18px;
  color: var(--ink-3);
  border-radius: var(--r-interactive);
  transition: color var(--t-hover) linear, background var(--t-hover) linear;
}
body.ui27 .auth .reveal:hover {
  color: var(--ink);
  background: var(--surface-alt);
}
body.ui27 .auth .go-btn {
  flex: none;
  width: var(--auth-go);
  height: var(--auth-go);
  display: grid;
  place-items: center;
  font-size: 18px;
  border-radius: var(--r-pill);
  background: var(--accent);
  color: var(--accent-ink);
  opacity: 0;
  transform: scale(0.85);
  pointer-events: none;
  transition: opacity var(--t-hover) linear, transform var(--t-hover) var(--ease), filter var(--t-hover) linear;
}
body.ui27 .auth .go-btn:hover {
  filter: brightness(0.94);
  color: var(--accent-ink);
}
body.ui27 .auth .go-btn[data-loading=true] .ai {
  animation: auth-spin 0.7s linear infinite;
}
@keyframes auth-spin {
  to {
    transform: rotate(360deg);
  }
}
body.ui27 .auth .auth-note {
  position: relative;
  margin-top: var(--sp-4);
}
body.ui27 .auth .note-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 20px;
}
body.ui27 .auth .note-err {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: var(--sp-2) 0 0;
  font-size: var(--fs-12);
  color: var(--alert);
  opacity: 0;
  transition: opacity var(--t-hover) linear;
}
body.ui27 .auth .note-err[data-show=true] {
  opacity: 1;
}
body.ui27 .auth .note-pane {
  grid-area: 1/1;
  min-width: 0;
  margin: 0;
  font-size: var(--fs-12);
  color: var(--ink-3);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t-icon) linear;
}
body.ui27 .auth .note-pane[data-active=true] {
  opacity: 1;
  pointer-events: auto;
}
body.ui27 .auth .auth-link {
  font-size: var(--fs-12);
  color: var(--ink-2);
  border-bottom: var(--hairline) solid transparent;
  transition: color var(--t-hover) linear, border-color var(--t-hover) linear;
}
body.ui27 .auth .auth-link:hover {
  color: var(--ink);
  border-bottom-color: var(--line-strong);
}
body.ui27 .auth .auth-back {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  border-bottom: 0;
  transition: color var(--t-hover) linear, transform var(--t-icon) var(--ease);
}
body.ui27 .auth .auth-back .ai {
  font-size: 14px;
  transition: transform var(--t-icon) var(--ease);
}
body.ui27 .auth .auth-back:hover {
  transform: translateX(-2px);
  border-bottom: 0;
}
body.ui27 .auth .auth-back:hover .ai {
  transform: translateX(-2px);
}
body.ui27 .auth .resend button {
  color: var(--ink-2);
  font-weight: var(--fw-medium);
  border-bottom: var(--hairline) solid var(--line-strong);
}
body.ui27 .auth .resend button:hover {
  color: var(--ink);
}
body.ui27 .auth .code {
  display: flex;
  width: 100%;
  gap: var(--sp-4);
  height: var(--auth-line-h);
}
body.ui27 .auth .code input {
  flex: 1;
  border-bottom: 2px solid var(--line);
  text-align: center;
  font-size: var(--fs-28);
  font-weight: var(--fw-semi);
  letter-spacing: var(--tr-tight);
  transition: border-color var(--t-hover) linear;
}
body.ui27 .auth .code input:hover {
  border-bottom-color: var(--line-strong);
}
body.ui27 .auth .code input:focus {
  border-bottom-color: var(--accent);
}
body.ui27 .auth .code input[data-filled=true] {
  border-bottom-color: var(--ink-3);
}
body.ui27 .auth .code[data-error=true] {
  animation: auth-shake 180ms var(--ease-in-out);
}
body.ui27 .auth .code[data-error=true] input {
  border-bottom-color: var(--alert);
}
@keyframes auth-shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}

body.ui27 .auth .note-err[data-tone=ok] {
  color: var(--ink-2);
}

body.ui27 .auth {
  --auth-banda-h: 140px;
  --auth-capa: 61%;
  --auth-banda-logo: 140px;
}
@media (max-width: 767px) {
  body.ui27 .auth {
    flex-direction: column;
  }
  body.ui27 .auth .auth-brand {
    display: grid;
    order: -1;
    flex: 0 0 var(--auth-capa);
    border-bottom: var(--hairline) solid var(--line);
    transition: flex-basis var(--t-panel) var(--ease-in-out);
  }
  body.ui27 .auth .auth-form {
    flex: 1 1 auto;
  }
  body.ui27 .auth[data-estado=banda] .auth-brand {
    flex-basis: var(--auth-banda-h);
  }
  body.ui27 .auth .client-brand .brand-full {
    transition: width var(--t-panel) var(--ease-in-out);
  }
  body.ui27 .auth[data-estado=banda] .client-brand .brand-full {
    width: var(--auth-banda-logo);
  }
  body.ui27 .auth .auth-body {
    justify-content: flex-start;
    padding-top: 0;
  }
  body.ui27 .auth .auth-form::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(var(--sp-4) + var(--auth-help) + var(--sp-8));
    border-top: var(--hairline) solid var(--line);
  }
  body.ui27 .auth .auth-mark {
    top: auto;
    bottom: calc(var(--sp-8) + (var(--auth-help) - var(--auth-mark-h)) / 2);
  }
  body.ui27 .auth .btn-support {
    bottom: var(--sp-8);
    left: auto;
    right: var(--sp-8);
    margin: 0;
  }
}

body.ui27 {
  --tk-ico: 26px;
  --tk-nome-fs: var(--fs-20);
}

body.ui27 {
  --tk-card-r: 16px;
  --tk-selo-ped: var(--surface);
}

body.ui27 {
  --tk-fundo: var(--tk-chat-fundo);
}

body.ui27 {
  --tk-veu: rgba(255, 255, 255, .92);
}

[data-theme=dark] body.ui27 {
  --tk-veu: rgba(10, 10, 11, .92);
}

body.ui27 .tk-tela,
body.ui27:has(.tk-tela) .swal2-container,
body.ui27:has(.tk-tela) > .select2-container,
body.ui27 .op-tela,
body.ui27:has(.op-tela) .swal2-container,
body.ui27:has(.op-tela) > .select2-container,
body.ui27:has(.op-tela) .modal,
body.ui27:has(.tk-tela) .modal,
body.ui27 .notyf__toast.tk-toast {
  --traco: #D6D6D6;
  --line: var(--traco);
  --line-strong: var(--traco);
}

body.ui27 .tk-tela,
body.ui27 .op-tela {
  --tk-btn-h: 32px;
}

[data-theme=dark] body.ui27 .tk-tela,
[data-theme=dark] body.ui27:has(.tk-tela) .swal2-container,
[data-theme=dark] body.ui27:has(.tk-tela) > .select2-container,
[data-theme=dark] body.ui27:has(.tk-tela) .modal,
[data-theme=dark] body.ui27 .op-tela,
[data-theme=dark] body.ui27:has(.op-tela) .swal2-container,
[data-theme=dark] body.ui27:has(.op-tela) > .select2-container,
[data-theme=dark] body.ui27:has(.op-tela) .modal,
[data-theme=dark] body.ui27 .notyf__toast.tk-toast {
  --traco: #383838;
  --lg-line: var(--traco);
  --lg-line-strong: var(--traco);
  --lg-dash: var(--traco);
  --lg-box-border: var(--traco);
}

body.ui27 {
  --tk-chat-fundo: #F4F0EB;
  --tk-col-bg: #FCFCFC;
  --tk-head-bg: #F3F3F3;
  --tk-num-bg: var(--surface);
  --tk-item-bg: #F2F2F2;
  --tk-fila-head-bg: #F2F2F2;
  --tk-faixa-bg: #FAF8F6;
  --tk-busca-bg: var(--surface);
  --tk-selo-bg: var(--surface);
  --tk-chip-on-bg: var(--ink);
  --tk-selo-neutro: #E8E8E8;
  --tk-selo-neutro-2: #E7E4DF;
  --tk-sombra-chat: 0 1px 2px rgba(11, 20, 26, .13);
  --tk-sombra-suave: 0 2px 8px rgba(11, 20, 26, .10);
  --tk-sh-in: rgba(11, 20, 26, .16) 0, rgba(11, 20, 26, .07) 28%, rgba(11, 20, 26, .025) 62%, transparent 100%;
  --tk-barra-balao: var(--ink-3);
}

[data-theme=dark] body.ui27 {
  --tk-chat-fundo: #252422;
  --tk-col-bg: var(--surface);
  --tk-head-bg: #1A1A1D;
  --tk-num-bg: #28282B;
  --tk-item-bg: #0F0F10;
  --tk-fila-head-bg: var(--surface-alt);
  --tk-faixa-bg: #21201E;
  --tk-busca-bg: var(--surface);
  --tk-selo-bg: #272728;
  --tk-chip-on-bg: var(--ink);
  --tk-selo-neutro: #272728;
  --tk-selo-neutro-2: #3B3B3C;
  --tk-selo-ped: rgba(10, 10, 12, .45);
  --tk-sombra-chat: 0 1px 2px rgba(0, 0, 0, .6);
  --tk-sombra-suave: 0 2px 10px rgba(0, 0, 0, .55);
  --tk-sh-in: rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, .22) 28%, rgba(0, 0, 0, .07) 62%, transparent 100%;
}

body.ui27 .tk-tela {
  flex: 1 1 0;
  min-height: 0;
}
body.ui27 .tk-tela > .row {
  height: 100%;
}

[data-theme=dark] body.ui27 .tk-tela.bg-white {
  background-color: var(--surface) !important;
}

body.ui27 .tk-tela,
body.ui27:has(.tk-tela) .swal2-container,
body.ui27 .op-tela,
body.ui27:has(.op-tela) .swal2-container,
body.ui27:has(.op-tela) > .select2-container,
body.ui27:has(.tk-tela) > .select2-container,
body.ui27 .notyf__toast.tk-toast {
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "cv05" 1;
}

body.ui27 .tk-tela {
  container: tk-tela/inline-size;
}

body.ui27 .tk-tela > .row {
  flex-wrap: nowrap;
}

body.ui27 .open-ticket-detail {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

@container tk-tela (min-width: 720px) {
  body.ui27 .tk-fila {
    flex: 0 0 max(360px, 24%);
    max-width: none;
    min-width: 0;
  }
  body.ui27 .open-ticket-detail {
    flex: 1 1 0;
    max-width: none;
    min-width: 0;
  }
}
body.ui27 .tk-detalhe {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.ui27 .tk-detalhe > .row:first-child {
  flex: none;
}

body.ui27 .tk-detalhe-corpo {
  flex: 1;
  min-height: 0;
  flex-wrap: nowrap;
}

body.ui27 .tk-detalhe-corpo {
  container-type: inline-size;
  position: relative;
}

@container (max-width: 577.98px) {
  body.ui27 .tk-chat {
    position: static;
  }
}
body.ui27 .tk-chat,
body.ui27 .op-conversa {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
  padding: 0;
  --tk-canal: var(--canal-whatsapp);
}
body.ui27 .tk-chat #ticket-detail-chat, body.ui27 .tk-chat #card-custom-chat, body.ui27 .tk-chat.op-conversa > #op-conversa-chat,
body.ui27 .op-conversa #ticket-detail-chat,
body.ui27 .op-conversa #card-custom-chat,
body.ui27 .op-conversa.op-conversa > #op-conversa-chat {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.ui27 .tk-chat #card-body-chat,
body.ui27 .op-conversa #card-body-chat {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.ui27 .tk-chat #body-chat,
body.ui27 .op-conversa #body-chat {
  flex: 1;
  min-height: 0;
  height: auto !important;
  display: flex;
  flex-direction: column;
}
body.ui27 .tk-chat .max-full-h,
body.ui27 .op-conversa .max-full-h {
  flex: 1;
  min-height: 0;
  height: auto;
  max-height: none;
}

body.ui27 .tk-chat #ticket-detail-chat {
  background: var(--tk-chat-fundo);
  background-image: linear-gradient(to bottom, var(--tk-sh-in)), linear-gradient(to right, var(--tk-sh-in)), linear-gradient(to left, var(--tk-sh-in));
  background-size: 100% 10px, 10px 100%, 10px 100%;
  background-position: top, left, right;
  background-repeat: no-repeat;
}

body.ui27 .tk-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-4) var(--sp-6);
  padding: var(--sp-5);
  border-bottom: var(--hairline) solid var(--line);
  background: var(--tk-head-bg);
}

body.ui27 .tk-quem {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 320px;
}

body.ui27 .tk-head-nome {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin: 0;
  font-size: var(--fs-20);
  font-weight: var(--fw-bold);
  line-height: 24px;
  letter-spacing: var(--tr-tight);
  color: var(--ink);
}

body.ui27 .tk-head-nome-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

body.ui27 .tk-selo {
  flex: none;
  padding: 2px 10px;
  border-radius: var(--r-pill);
  background: var(--tk-selo-bg);
  box-shadow: inset 0 0 0 1px var(--line);
  font-size: var(--fs-11);
  font-weight: var(--fw-regular);
  line-height: 16px;
  color: var(--ink-2);
  text-transform: none;
  letter-spacing: 0;
}

body.ui27 .tk-linha {
  margin: 2px 0 0;
  font-size: var(--fs-12);
  line-height: 16px;
  color: var(--ink-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-head-nums {
  flex: 0 0 100%;
  min-width: 0;
}

body.ui27 .tk-nums {
  display: flex;
  gap: var(--sp-3);
}

body.ui27 .tk-nums-resumo {
  display: contents;
}

body.ui27 .tk-num[data-num=tickets] {
  flex-grow: 1.6;
}

body.ui27 .tk-num {
  flex: 1 1 0;
  min-width: 0;
  height: 68px;
  padding: var(--sp-3) var(--sp-4);
  border: var(--hairline) solid transparent;
  border-radius: var(--r-interactive);
  background: var(--tk-num-bg);
}
body.ui27 .tk-num b {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--fs-20);
  font-weight: var(--fw-semi);
  line-height: 24px;
  letter-spacing: var(--tr-tight);
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
body.ui27 .tk-num small {
  display: block;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--fs-12);
  font-weight: var(--fw-regular);
  line-height: 16px;
  color: var(--ink-2);
}

body.ui27 .tk-num-barra {
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 16px;
  margin: 4px 0;
  border-radius: 4px;
  background: var(--surface-alt);
}

[data-theme=dark] body.ui27 .tk-selo {
  background: var(--tk-selo-bg);
}

[data-theme=dark] body.ui27 .tk-num-barra {
  background: #474748;
}

@media (min-width: 1680px) {
  body.ui27[data-collapsed=true] .tk-head {
    flex-wrap: nowrap;
  }
  body.ui27[data-collapsed=true] .tk-head-nums {
    flex: 1 1 0;
  }
}
@media (min-width: 1920px) {
  body.ui27 .tk-head {
    flex-wrap: nowrap;
  }
  body.ui27 .tk-head-nums {
    flex: 1 1 0;
  }
}
body.ui27 .tk-ctx {
  position: relative;
  padding: 0;
  flex: 0 0 max(320px, 31.5789473684%);
  max-width: none;
  border-left: var(--hairline) solid var(--line);
  background: var(--tk-col-bg);
}

body.ui27 .tk-ctx-in {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
  padding: var(--sp-5);
}

body.ui27 .tk-ctx-in :is(a, button, summary, select, [tabindex]) {
  scroll-margin: 8px;
}

body.ui27 .tk-ctx-cab, body.ui27 .tk-head-barra {
  display: none;
}

body.ui27 .tk-head-voltar, body.ui27 .tk-head-ctx, body.ui27 .tk-ctx-fechar {
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 28px;
  padding: 0 var(--sp-3);
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
  white-space: nowrap;
  background: transparent;
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r-interactive);
  cursor: pointer;
}
body.ui27 .tk-head-voltar .ai, body.ui27 .tk-head-ctx .ai, body.ui27 .tk-ctx-fechar .ai {
  font-size: 14px;
}
body.ui27 .tk-head-voltar:hover, body.ui27 .tk-head-ctx:hover, body.ui27 .tk-ctx-fechar:hover {
  background: var(--hover-wash);
}
body.ui27 .tk-head-voltar:focus, body.ui27 .tk-head-ctx:focus, body.ui27 .tk-ctx-fechar:focus {
  outline: 0;
}
body.ui27 .tk-head-voltar:focus-visible, body.ui27 .tk-head-ctx:focus-visible, body.ui27 .tk-ctx-fechar:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-head-ctx {
  display: inline-flex;
}

body.ui27 .tk-head-voltar {
  display: none;
}

body.ui27 .tk-head-ctx[aria-expanded=true] {
  background: var(--surface-alt);
  border-color: var(--ink);
}

body.ui27 .tk-ctx-fechar {
  display: inline-flex;
  width: 28px;
  padding: 0;
  border-color: transparent;
}

@container tk-tela (max-width: 1296.98px) {
  body.ui27 .tk-detalhe-corpo {
    overflow: hidden;
    overflow: clip;
  }
  body.ui27 .tk-detalhe-corpo > .tk-ctx {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    width: min(360px, 100%);
    background: var(--tk-col-bg);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform var(--t-panel) var(--ease-in-out), visibility 0s linear var(--t-panel);
  }
  body.ui27 .tk-detalhe-corpo[data-ctx=aberto] > .tk-ctx {
    transform: none;
    visibility: visible;
    transition: transform var(--t-panel) var(--ease-in-out), visibility 0s;
  }
  body.ui27 .tk-detalhe-corpo > .tk-ctx > .tk-ctx-in {
    top: 48px;
  }
  body.ui27 .tk-ctx-cab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    padding: 0 var(--sp-3) 0 var(--sp-5);
    border-bottom: var(--hairline) solid var(--line);
    font-size: var(--fs-13);
    font-weight: var(--fw-semi);
    line-height: 20px;
    color: var(--ink);
  }
  body.ui27 .tk-head-barra {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-left: auto;
  }
}
body.ui27 .tk-leitura {
  display: flex;
  gap: var(--sp-3);
  padding: var(--sp-4);
  background: var(--accent-wash);
  border-radius: var(--tk-card-r);
}

body.ui27 .tk-leitura[data-lia=off] {
  padding: 0;
  background: transparent;
}

body.ui27 .tk-leitura-ico {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 20px;
  font-size: 15px;
  color: var(--accent-line);
}

body.ui27 .tk-leitura-corpo {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}

body.ui27 .tk-lia-texto:empty {
  display: none;
}

body.ui27 .tk-lia-texto p {
  margin: 0;
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--ink);
  text-wrap: pretty;
  overflow-wrap: anywhere;
}

body.ui27 .tk-lia-texto p.tk-lia-erro {
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .tk-lia-esq {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 3px 0;
}

body.ui27 .tk-lia-esq i {
  display: block;
  height: 10px;
  border-radius: 4px;
  background: var(--accent-line);
  opacity: 0.18;
}
body.ui27 .tk-lia-esq i:nth-child(1) {
  width: 100%;
}
body.ui27 .tk-lia-esq i:nth-child(2) {
  width: 92%;
}
body.ui27 .tk-lia-esq i:nth-child(3) {
  width: 60%;
}

body.ui27 .tk-ped {
  display: block;
  min-width: 0;
  margin: 0;
  padding: var(--sp-5);
  background: var(--surface);
  border: var(--hairline) solid var(--line);
  border-radius: var(--tk-card-r);
}

[data-theme=dark] body.ui27 .tk-ped {
  border-color: var(--line-strong);
}

body.ui27 .tk-ped-msg {
  padding: var(--sp-4) var(--sp-5);
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .tk-ped-l1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-1) var(--sp-4);
  min-width: 0;
}

body.ui27 .tk-ped-tit {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--fs-14);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
}

body.ui27 #content-fake-tk a.tk-ped-num {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  color: var(--ink);
  text-decoration: none;
}

body.ui27 #content-fake-tk a.tk-ped-num:hover {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.ui27 .tk-ped-num-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-ped-num .ai {
  flex: none;
  font-size: 15px;
  color: var(--ink-2);
}

body.ui27 .tk-ped-num:hover .ai {
  color: var(--ink);
}

body.ui27 .tk-ped-valor {
  flex: none;
  margin-left: auto;
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
  line-height: 20px;
  color: var(--ink);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body.ui27 .tk-ped-status {
  display: inline-block;
  max-width: 100%;
  margin-top: var(--sp-4);
  padding: 2px 10px;
  border-radius: var(--r-pill);
  background: var(--tk-selo-ped);
  color: var(--ink);
  font-size: var(--fs-11);
  font-weight: var(--fw-regular);
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

[data-theme=dark] body.ui27 .tk-ped-status {
  color: #FFFFFF;
}

body.ui27 .tk-ped-status[data-estado=rosa] {
  background: var(--pal-rosa-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-ped-status[data-estado=pessego] {
  background: var(--pal-pessego-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-ped-status[data-estado=verde] {
  background: var(--pal-verde-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-ped-sub {
  margin: var(--sp-4) 0 0;
  font-size: var(--fs-12);
  line-height: 1.6;
  color: var(--ink-2);
}

body.ui27 .tk-ped-itens {
  margin-top: var(--sp-4);
}

body.ui27 .tk-ped-itens > summary {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: var(--fs-12);
  line-height: 20px;
  font-weight: var(--fw-medium);
  color: var(--ink-2);
  cursor: pointer;
  list-style: none;
  border-radius: 4px;
}
body.ui27 .tk-ped-itens > summary::-webkit-details-marker {
  display: none;
}
body.ui27 .tk-ped-itens > summary .ai {
  font-size: 16px;
  color: var(--ink-2);
  transition: transform var(--t-hover) linear;
}
body.ui27 .tk-ped-itens > summary:focus {
  outline: 0;
}
body.ui27 .tk-ped-itens > summary:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .tk-ped-itens[open] > summary .ai {
  transform: rotate(180deg);
}

body.ui27 .tk-ped-itens > summary:hover {
  color: var(--ink);
}

body.ui27 .tk-ped-itens ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: var(--sp-3) 0 0;
  padding: 0;
  list-style: none;
}

body.ui27 .tk-ped-itens li {
  font-size: var(--fs-12);
  line-height: 1.4;
  color: var(--ink-2);
  overflow-wrap: anywhere;
}

body.ui27 .tk-ped-refs {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  margin: var(--sp-5) 0 0;
  padding-top: var(--sp-4);
  border-top: var(--hairline) solid var(--line);
}

body.ui27 .tk-ped-ref {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  min-height: 24px;
  min-width: 0;
}

body.ui27 .tk-ped-ref-rot {
  flex: none;
  width: 56px;
  margin: 0;
  font-size: var(--fs-12);
  font-weight: var(--fw-regular);
  line-height: 20px;
  color: var(--ink-2);
}

body.ui27 .tk-ped-ref-dd {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: var(--fs-12);
  line-height: 20px;
}

body.ui27 .tk-ped-ref-val {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}

body.ui27 #content-fake-tk a.tk-ped-ref-link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  color: var(--ink-2);
  font-weight: var(--fw-medium);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--ink-3);
}

body.ui27 #content-fake-tk a.tk-ped-ref-link:hover {
  color: var(--ink);
  text-decoration-color: var(--ink);
}

body.ui27 .tk-ped-ref-link .ai {
  flex: none;
  width: 16px;
  font-size: 14px;
  text-align: center;
  color: var(--ink-2);
}

body.ui27 .tk-ped-copiar {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--r-interactive);
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
}
body.ui27 .tk-ped-copiar .ai {
  font-size: 14px;
}
body.ui27 .tk-ped-copiar:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .tk-ped-copiar:focus {
  outline: 0;
}
body.ui27 .tk-ped-copiar:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}
body.ui27 .tk-ped-copiar[data-copiado] {
  color: var(--ink);
}

body.ui27 .tk-ped-esq {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

body.ui27 .tk-ped-barra {
  display: block;
  height: 14px;
  border-radius: 4px;
  background: var(--line);
}
body.ui27 .tk-ped-barra[data-w=tit] {
  width: 120px;
}
body.ui27 .tk-ped-barra[data-w=selo] {
  width: 140px;
  height: 22px;
}
body.ui27 .tk-ped-barra[data-w=l1] {
  width: 100%;
}
body.ui27 .tk-ped-barra[data-w=l2] {
  width: 70%;
}

[data-theme=dark] body.ui27 .tk-ped-barra {
  background: var(--line-strong);
}

body.ui27 .tk-leitura[data-lia=on] .tk-ped {
  padding: var(--sp-4) 0 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  border-top: var(--hairline) solid rgba(10, 10, 10, 0.12);
}

[data-theme=dark] body.ui27 .tk-leitura[data-lia=on] .tk-ped {
  border-top-color: rgba(250, 250, 250, 0.12);
}

body.ui27 .tk-leitura[data-lia=on] .tk-lia-texto:empty + .tk-ped-alvo .tk-ped {
  border-top: 0;
  padding-top: 0;
}

body.ui27 .tk-tl-tit {
  margin: 0;
  font-size: var(--fs-13);
  line-height: 20px;
  font-weight: var(--fw-semi);
  color: var(--ink);
}
body.ui27 .tk-tl-tit span {
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}

body.ui27 .tk-chip {
  height: 28px;
  padding: 0 var(--sp-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: var(--fs-12);
  color: var(--ink-2);
  text-decoration: none;
  background: transparent;
  border: var(--hairline) solid var(--line);
  border-radius: var(--r-interactive);
  transition: background var(--t-hover) linear, color var(--t-hover) linear;
}
body.ui27 .tk-chip:hover {
  background: var(--hover-wash);
  color: var(--ink);
  text-decoration: none;
}
body.ui27 .tk-chip[aria-pressed=true] {
  background: var(--surface-alt);
  color: var(--ink);
  border-color: var(--ink);
}

body.ui27 .tk-mais-acao {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

body.ui27 .tk-chip.tk-mais {
  height: var(--btn-h);
  min-width: 160px;
  padding: 0 var(--sp-5);
  gap: var(--sp-2);
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
  background: transparent;
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r-interactive);
  cursor: pointer;
}
body.ui27 .tk-chip.tk-mais:hover, body.ui27 .tk-chip.tk-mais:active {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .tk-chip.tk-mais:focus {
  outline: 0;
}
body.ui27 .tk-chip.tk-mais:focus-visible {
  background: var(--hover-wash);
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}
body.ui27 .tk-chip.tk-mais:disabled {
  cursor: progress;
  opacity: 0.6;
  background: transparent;
}

body.ui27 .tk-mais-erro {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--sp-2);
  margin: 0;
  text-align: center;
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink);
}
body.ui27 .tk-mais-erro::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
}

body.ui27 .tk-mais-fim {
  margin: 0;
  text-align: center;
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 #tk-tl-mais .tk-mais-acao {
  padding: var(--sp-2) 0 0;
}

body.ui27 #tk-tl-mais .tk-mais-erro {
  padding: var(--sp-2) 0 0;
}

body.ui27 #tk-tl-mais .tk-mais-erro + .tk-mais-acao {
  padding-top: var(--sp-3);
}

body.ui27 #tk-tl-mais .tk-ev-meta.tk-mais-fim {
  margin-top: 0 !important;
  padding: var(--sp-2) 0 0;
  text-align: center;
  font-size: var(--fs-12);
  line-height: 18px;
}

body.ui27 .tk-tl-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  margin-top: var(--sp-3);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding-bottom: var(--sp-2);
  scrollbar-width: thin;
  scrollbar-color: var(--ink-2) transparent;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent), linear-gradient(#000, #000);
  mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent), linear-gradient(#000, #000);
  -webkit-mask-size: 100% 28px, 100% calc(100% - 28px);
  mask-size: 100% 28px, 100% calc(100% - 28px);
  -webkit-mask-position: top left, bottom left;
  mask-position: top left, bottom left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
body.ui27 .tk-tl-chips::-webkit-scrollbar {
  height: 6px;
}
body.ui27 .tk-tl-chips::-webkit-scrollbar-track {
  background: transparent;
}
body.ui27 .tk-tl-chips::-webkit-scrollbar-thumb {
  background: var(--ink-2);
  border-radius: 3px;
}
body.ui27 .tk-tl-chips::after {
  content: "";
  flex: 0 0 26px;
}
body.ui27 .tk-tl-chips > .tk-chip {
  flex: none;
}

body.ui27 .tk-tl-chips .tk-chip[aria-pressed=true] {
  background: var(--surface-alt);
  color: var(--ink);
  border-color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-tela .tk-tl-chips .tk-chip[aria-pressed=true] {
  background: rgba(250, 250, 250, 0.18);
}

body.ui27 .tk-tela .tk-tl-chips .tk-chip .ai {
  font-size: 14px;
  margin-right: 6px;
}

body.ui27 .tk-tl-chips .tk-chip:focus {
  outline: 0;
}

body.ui27 .tk-tl-chips .tk-chip:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
}

body.ui27 .tk-tl-chips {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

body.ui27 .tk-tl-chips[data-arrastavel] {
  cursor: grab;
}

body.ui27 .tk-tl-chips[data-arrastando], body.ui27 .tk-tl-chips[data-arrastando] .tk-chip {
  cursor: grabbing;
}

body.ui27 .tk-tl {
  margin-top: var(--sp-4);
}

body.ui27 .tk-ev {
  position: relative;
  display: flex;
  gap: var(--sp-3);
  padding: var(--sp-3) 0;
}
body.ui27 .tk-ev::before {
  content: "";
  position: absolute;
  left: calc(var(--tk-ico) / 2 - 0.5px);
  top: 38px;
  bottom: -2px;
  width: var(--hairline);
  background: var(--line);
}
body.ui27 .tk-ev:last-child::before {
  display: none;
}
body.ui27 .tk-ev:has(+ .tk-tl-pag:empty)::before {
  display: none;
}
body.ui27 .tk-ev[data-tipo=campanha] .tk-ev-ico {
  color: var(--accent-line);
}
body.ui27 .tk-ev[data-tipo=devolucao] .tk-ev-ico {
  color: var(--alert);
}

body.ui27 .tk-ev-ico {
  position: relative;
  z-index: 1;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tk-ico);
  height: var(--tk-ico);
  border-radius: 50%;
  background: var(--surface);
  border: var(--hairline) solid var(--line);
  color: var(--ink-2);
}
body.ui27 .tk-ev-ico .ai {
  font-size: 13px;
}

body.ui27 .tk-ev-corpo {
  flex: 1;
  min-width: 0;
  padding-top: calc((var(--tk-ico) - var(--fs-12) * 1.45) / 2);
}
body.ui27 .tk-ev-corpo p {
  margin: 0;
}

body.ui27 .tk-ev-tit {
  font-size: var(--fs-12);
  line-height: 1.45;
  color: var(--ink);
}

body.ui27 .tk-ev-meta {
  margin-top: 2px !important;
  font-size: var(--fs-11);
  color: var(--ink-2);
}

body.ui27 .tk-ev-olho {
  align-self: flex-start;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: var(--r-interactive);
  color: var(--ink-2);
}
body.ui27 .tk-ev-olho:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .tk-ev-olho .ai {
  font-size: 15px;
}

body.ui27 .tk-carregando {
  margin: 0;
  padding: var(--sp-6);
  text-align: center;
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-detalhe-vazio {
  margin: auto;
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--ink-2);
}

body.ui27 .tk-chat #card-custom-chat {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
}

body.ui27 .tk-chat .messages-chat-whats {
  background: none;
  padding: 0px var(--sp-5) var(--sp-2) var(--sp-5);
}

body.ui27 .tk-chat #body-chat > .alert {
  background: transparent !important;
  border: 0 !important;
  border-bottom: var(--hairline) solid var(--line) !important;
  border-radius: 0;
  padding: var(--sp-2) var(--sp-5);
  text-align: left;
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-chat #body-chat > .alert a.text-dark {
  color: var(--ink) !important;
}

body.ui27 .tk-chat .messages-chat-whats > .mb-2 {
  margin-bottom: var(--sp-4) !important;
}

body.ui27 .tk-chat .type-client {
  background: var(--surface) !important;
  border-left: 4px solid var(--tk-barra-balao);
  border-radius: 0 var(--tk-card-r) var(--tk-card-r) 0;
  box-shadow: var(--tk-sombra-chat);
  padding: var(--sp-3) var(--sp-4);
  max-width: min(560px, 75%);
  font-size: var(--fs-14);
  line-height: 22px;
  color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-chat .type-client {
  background: var(--surface) !important;
}

body.ui27 .tk-chat .type-user {
  background: var(--surface) !important;
  border: var(--hairline) solid var(--line);
  border-right: 4px solid var(--tk-barra-balao);
  border-radius: var(--tk-card-r) 0 0 var(--tk-card-r);
  box-shadow: var(--tk-sombra-chat);
  padding: var(--sp-3) var(--sp-4);
  max-width: min(560px, 75%);
  font-size: var(--fs-14);
  line-height: 22px;
  color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-chat .type-user {
  border-color: var(--line-strong);
  border-right-color: var(--tk-barra-balao);
}

body.ui27 .tk-chat .type-user.user-lia {
  background: var(--accent-wash) !important;
  border-right-color: var(--accent-line);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

body.ui27 .tk-chat .bg-light-danger {
  background: var(--alert-wash) !important;
  border-color: var(--alert);
}

body.ui27 .tk-chat .type-client .resp-baloon[data-autor]::before {
  content: attr(data-autor);
  display: block;
  margin-bottom: 2px;
  font-size: var(--fs-11);
  line-height: 16px;
  font-weight: var(--fw-semi);
  color: var(--ink-2);
}

body.ui27 .tk-chat .time-message {
  float: none;
  margin: var(--sp-1) 0 0;
  text-align: right;
  font-size: var(--fs-11);
  line-height: 16px;
  color: var(--ink-2);
}

body.ui27 .tk-chat .chat-message-reply {
  background: transparent !important;
  border-left: 4px solid var(--line) !important;
}
body.ui27 .tk-chat .chat-message-reply > div {
  color: var(--ink-2) !important;
}
body.ui27 .tk-chat .chat-message-reply > div:first-child {
  color: var(--ink) !important;
}

body.ui27 .tk-chat .chat-message-reaction {
  background: var(--tk-fundo);
  box-shadow: 0 0 0 1px var(--line);
}

body.ui27 .tk-chat .date-of-day.v3 {
  position: sticky;
  top: 0;
  left: auto;
  transform: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin: var(--sp-3) 0;
  padding: var(--sp-2) 0;
  background: var(--tk-fundo);
  box-shadow: none;
  border-radius: 0;
  text-transform: none;
  font-size: var(--fs-11);
  line-height: 16px;
  color: var(--ink-2);
}
body.ui27 .tk-chat .date-of-day.v3::before, body.ui27 .tk-chat .date-of-day.v3::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line);
}

body.ui27 .tk-chat .date-of-day-txt {
  padding: 3px 12px;
  border-radius: var(--r-pill);
  background: var(--surface-alt);
  font-weight: var(--fw-semi);
}

[data-theme=dark] body.ui27 .tk-chat .date-of-day-txt {
  background: var(--surface-alt);
}

body.ui27 .tk-chat #chat-card-footer {
  background: transparent !important;
  border-top: 0 !important;
  padding: var(--sp-2) var(--sp-5) var(--sp-5) !important;
}

body.ui27 .tk-chat #chat-card-footer .chat-open > .d-flex,
body.ui27 .tk-chat #chat-card-footer .chat-close > .d-flex {
  min-height: 44px;
  padding: var(--sp-1) var(--sp-3);
  gap: var(--sp-1);
  align-items: center;
  border: var(--hairline) solid var(--ink-2);
  border-radius: 22px;
  background: var(--surface);
  box-shadow: var(--tk-sombra-suave);
}
body.ui27 .tk-chat #chat-card-footer .chat-open > .d-flex:focus-within,
body.ui27 .tk-chat #chat-card-footer .chat-close > .d-flex:focus-within {
  border-color: var(--ink);
}

body.ui27 .tk-chat #chat-card-footer .bg-gray-200 {
  background: transparent !important;
  border-radius: 0 !important;
}

body.ui27 .tk-chat #chat-card-footer textarea#content {
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 10px var(--sp-1) !important;
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--ink) !important;
}
body.ui27 .tk-chat #chat-card-footer textarea#content::-moz-placeholder {
  color: var(--ink-2);
}
body.ui27 .tk-chat #chat-card-footer textarea#content::placeholder {
  color: var(--ink-2);
}

body.ui27 .tk-chat #chat-card-footer .select2-selection {
  background: transparent !important;
  border: 0 !important;
}

body.ui27 .tk-chat #chat-card-footer .select2-selection__rendered {
  color: var(--ink) !important;
}

body.ui27 .tk-chat #chat-card-footer .btn-icon {
  width: 28px;
  height: 28px;
  color: var(--ink-2) !important;
}

body.ui27 .tk-chat #chat-card-footer .text-muted {
  color: var(--ink-2) !important;
}

body.ui27 .tk-chat #chat-card-footer .chat-send svg {
  fill: var(--ink);
}

body.ui27 .tk-chat #chat-card-footer .chat-send:disabled svg {
  fill: var(--ink-3);
}

body.ui27 .tk-chat #chat-card-footer .limite-textarea-abs {
  font-size: var(--fs-11);
  color: var(--ink-2) !important;
}

body.ui27 .tk-chat #chat-card-footer .card.border-0 {
  background: transparent !important;
  font-size: var(--fs-13);
  color: var(--ink-2);
}

body.ui27 .tk-chat #chat-card-footer .card.chat-lia-box {
  background: var(--accent-wash) !important;
  border-radius: var(--tk-card-r) !important;
  padding: var(--sp-4) var(--sp-5) !important;
  font-size: var(--fs-13);
  color: var(--ink);
}

body.ui27 .tk-chat #chat-card-footer .btn-secondary {
  height: var(--btn-h) !important;
  padding: 0 var(--sp-4) !important;
  border-radius: var(--r-interactive) !important;
  display: inline-flex;
  align-items: center;
  background: transparent !important;
  border: var(--hairline) solid var(--line-strong) !important;
  color: var(--ink) !important;
  font-size: var(--fs-13) !important;
  font-weight: var(--fw-semi) !important;
}

body.ui27 .tk-chat #chat-card-footer .btn-secondary:hover,
body.ui27 .tk-chat #chat-card-footer .btn-secondary:focus,
body.ui27 .tk-chat #chat-card-footer .btn-secondary:focus-visible,
body.ui27 .tk-chat #chat-card-footer .btn-secondary:active {
  background: var(--hover-wash) !important;
  border-color: var(--line-strong) !important;
  color: var(--ink) !important;
}

body.ui27 .tk-chat #chat-card-footer .btn-secondary:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary {
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
  border-color: transparent !important;
}

body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:hover,
body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:focus,
body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:focus-visible,
body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:active {
  background: var(--accent-line) !important;
  color: var(--accent-ink) !important;
  border-color: transparent !important;
}

[data-theme=dark] body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:hover,
[data-theme=dark] body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:focus,
[data-theme=dark] body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:focus-visible,
[data-theme=dark] body.ui27 .tk-chat #chat-card-footer .chat-lia-box .btn-secondary:active {
  background: #6A658C !important;
  color: #FFFFFF !important;
}

body.ui27 .tk-chat #chat-card-footer .chat-lia-treino {
  min-height: var(--btn-h);
}

body.ui27 .tk-chat .tk-mail {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  --tk-canal: var(--canal-email);
}

body.ui27 .tk-chat .tk-mail-lista {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  padding: var(--sp-5) var(--sp-5) var(--sp-2);
}
body.ui27 .tk-chat .tk-mail-lista:focus {
  outline: 0;
}
body.ui27 .tk-chat .tk-mail-lista:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}

body.ui27 .tk-chat .tk-mail-lista > :first-child {
  margin-top: auto;
}

body.ui27 .tk-chat .tk-mail-dia {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  background: var(--tk-fundo);
  font-size: var(--fs-11);
  line-height: 16px;
  color: var(--ink-2);
}
body.ui27 .tk-chat .tk-mail-dia::before, body.ui27 .tk-chat .tk-mail-dia::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line);
}
body.ui27 .tk-chat .tk-mail-dia span {
  padding: 3px 12px;
  border-radius: var(--r-pill);
  background: var(--surface-alt);
  font-weight: var(--fw-semi);
}

[data-theme=dark] body.ui27 .tk-chat .tk-mail-dia span {
  background: var(--surface-alt);
}

body.ui27 .tk-chat .tk-mail-msg {
  max-width: min(560px, 75%);
  padding: var(--sp-3) var(--sp-4);
  font-size: var(--fs-14);
  line-height: 22px;
  color: var(--ink);
}
body.ui27 .tk-chat .tk-mail-msg[data-lado=cliente] {
  align-self: flex-start;
  background: var(--surface);
  border-left: 4px solid var(--tk-barra-balao);
  border-radius: 0 var(--tk-card-r) var(--tk-card-r) 0;
  box-shadow: var(--tk-sombra-chat);
  width: min(62ch, 100%);
  max-width: none;
}
body.ui27 .tk-chat .tk-mail-msg[data-lado=nos] {
  align-self: flex-end;
  padding: var(--sp-3) var(--sp-4);
  background: var(--surface);
  border: var(--hairline) solid var(--line);
  border-right: 4px solid var(--tk-barra-balao);
  border-radius: var(--tk-card-r) 0 0 var(--tk-card-r);
  box-shadow: var(--tk-sombra-chat);
  max-width: min(62ch, 100%);
}
body.ui27 .tk-chat .tk-mail-msg[data-lado=nota] {
  align-self: flex-end;
  background: transparent;
  border: 1px dashed var(--line-strong);
  border-right-color: var(--accent-line);
  border-radius: var(--tk-card-r);
  max-width: min(62ch, 100%);
}
body.ui27 .tk-chat .tk-mail-msg[data-lado=registro] {
  align-self: stretch;
  max-width: none;
  background: transparent;
  border: var(--hairline) solid var(--line);
  border-radius: var(--r-interactive);
  font-size: var(--fs-12);
  color: var(--ink-2);
}

[data-theme=dark] body.ui27 .tk-chat .tk-mail-msg[data-lado=cliente] {
  background: var(--surface);
}

[data-theme=dark] body.ui27 .tk-chat .tk-mail-msg[data-lado=nos] {
  border-color: var(--line-strong);
  border-right-color: var(--tk-barra-balao);
}

body.ui27 .tk-chat .tk-mail-cab {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 4px;
  font-size: var(--fs-11);
  line-height: 16px;
  color: var(--ink-2);
}
body.ui27 .tk-chat .tk-mail-cab time {
  flex: none;
  margin-left: auto;
  padding-left: var(--sp-4);
}

body.ui27 .tk-chat .tk-mail-autor {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--fw-semi);
}

body.ui27 .tk-chat .tk-mail-txt {
  white-space: pre-line;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}
body.ui27 .tk-chat .tk-mail-txt[data-aberto] {
  display: block;
  -webkit-line-clamp: unset;
}

body.ui27 .tk-chat .tk-mail-mais {
  margin-top: var(--sp-1);
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  color: var(--ink-2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.ui27 .tk-chat .tk-mail-mais:focus {
  outline: 0;
}
body.ui27 .tk-chat .tk-mail-mais:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .tk-chat .tk-mail-cit {
  margin-top: var(--sp-2);
}
body.ui27 .tk-chat .tk-mail-cit summary {
  font-size: var(--fs-12);
  color: var(--ink-2);
  cursor: pointer;
}
body.ui27 .tk-chat .tk-mail-cit summary:focus {
  outline: 0;
}
body.ui27 .tk-chat .tk-mail-cit summary:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .tk-chat .tk-mail-cit-txt {
  margin-top: var(--sp-1);
  padding: var(--sp-2) var(--sp-3);
  border-left: 0;
  background: var(--surface);
  border-radius: var(--r-interactive);
  white-space: pre-line;
  overflow-wrap: anywhere;
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-chat .tk-mail-anexos {
  list-style: none;
  margin: var(--sp-2) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
}

body.ui27 #ticket-detail-chat .tk-mail-anexos a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 240px;
  height: 28px;
  padding: 0 var(--sp-3);
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r-interactive);
  font-size: var(--fs-12);
  color: var(--ink);
  text-decoration: none;
}
body.ui27 #ticket-detail-chat .tk-mail-anexos a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.ui27 #ticket-detail-chat .tk-mail-anexos a:hover {
  background: var(--hover-wash);
  color: var(--ink);
  text-decoration: none;
}
body.ui27 #ticket-detail-chat .tk-mail-anexos a:focus {
  outline: 0;
}
body.ui27 #ticket-detail-chat .tk-mail-anexos a:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .tk-chat .tk-mail-vazio,
body.ui27 .tk-chat .tk-mail-lista > .tk-mail-erro {
  margin: auto 0 0;
  text-align: center;
}

body.ui27 .tk-chat .tk-mail-vazio {
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .tk-chat .tk-mail-erro {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--sp-2);
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink);
}
body.ui27 .tk-chat .tk-mail-erro::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
}
body.ui27 .tk-chat .tk-mail-erro[hidden] {
  display: none;
}

body.ui27 .tk-chat .tk-mail-acao {
  display: flex;
  justify-content: center;
  padding: var(--sp-3) 0 0;
}

body.ui27 .tk-chat .tk-mail-novos {
  top: auto;
  bottom: 0;
  align-items: flex-end;
  margin-top: -12px;
}

body.ui27 .tk-chat .tk-mail-novos .tk-novos {
  margin: 0;
}

body.ui27 .tk-chat .tk-mail-pe {
  flex: none;
  padding: var(--sp-2) var(--sp-5) var(--sp-5);
}

body.ui27 .tk-chat .tk-mail-para {
  margin: 0 0 6px;
  font-size: var(--fs-11);
  line-height: 16px;
  color: var(--ink-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-chat .tk-mail-caixa {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  min-height: 44px;
  padding: var(--sp-1) var(--sp-3);
  border: var(--hairline) solid var(--ink-2);
  border-radius: 22px;
  background: var(--surface);
  box-shadow: var(--tk-sombra-suave);
}
body.ui27 .tk-chat .tk-mail-caixa:focus-within {
  border-color: var(--ink);
}
body.ui27 .tk-chat .tk-mail-caixa textarea {
  flex: 1;
  min-width: 0;
  min-height: 36px;
  max-height: 160px;
  resize: none;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 8px 4px;
  font: inherit;
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--ink);
  field-sizing: content;
}
body.ui27 .tk-chat .tk-mail-caixa textarea::-moz-placeholder {
  color: var(--ink-2);
}
body.ui27 .tk-chat .tk-mail-caixa textarea::placeholder {
  color: var(--ink-2);
}

body.ui27 #ticket-detail-chat .tk-mail-ico {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 4px 0;
  padding: 0;
  border: 0;
  border-radius: var(--r-interactive);
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
  font-size: 15px;
}
body.ui27 #ticket-detail-chat .tk-mail-ico:hover {
  background: var(--hover-wash);
}
body.ui27 #ticket-detail-chat .tk-mail-ico:focus {
  outline: 0;
}
body.ui27 #ticket-detail-chat .tk-mail-ico:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 #ticket-detail-chat .tk-mail-ico.tk-mail-enviar {
  color: var(--ink);
  border-radius: 50%;
}

body.ui27 #ticket-detail-chat .tk-mail-caixa:has(textarea:not(:-moz-placeholder)) .tk-mail-ico.tk-mail-enviar {
  background: var(--ink);
  color: var(--surface);
}

body.ui27 #ticket-detail-chat .tk-mail-caixa:has(textarea:not(:placeholder-shown)) .tk-mail-ico.tk-mail-enviar {
  background: var(--ink);
  color: var(--surface);
}

body.ui27 #ticket-detail-chat .tk-mail-ico.tk-mail-enviar:disabled {
  opacity: 0.5;
  cursor: progress;
}

body.ui27 .tk-chat .tk-mail-arq {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin: 6px 0 0;
  font-size: var(--fs-12);
  color: var(--ink);
}
body.ui27 .tk-chat .tk-mail-arq[hidden] {
  display: none;
}
body.ui27 .tk-chat .tk-mail-arq button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--ink);
  font: inherit;
  font-size: var(--fs-12);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.ui27 .tk-chat .tk-mail-arq button:focus {
  outline: 0;
}
body.ui27 .tk-chat .tk-mail-arq button:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .tk-chat .tk-mail-form .tk-mail-erro {
  margin: 6px 0 0;
}

body.ui27 .tk-chat .tk-mail-aviso {
  margin: 0;
  padding: var(--sp-3) var(--sp-5) var(--sp-4);
  text-align: center;
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-faixa {
  flex: none;
  margin: 0;
  padding: var(--sp-5);
  border-bottom: var(--hairline) solid var(--line);
  background: var(--tk-faixa-bg);
}

[data-theme=dark] body.ui27 .tk-faixa {
  border-bottom-color: transparent;
}

body.ui27 .tk-faixa .tk-tag:not([data-tom]):not([data-estado]) {
  background: var(--tk-selo-neutro);
  color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-faixa .tk-tag:not([data-tom]):not([data-estado]) {
  background: var(--surface-alt);
  color: var(--ink-2);
}

body.ui27 .tk-faixa .tk-id:not(.tk-faixa-raid) {
  display: inline-flex;
  align-items: center;
  height: 18px;
  line-height: 1;
  padding: 0 var(--sp-3) 0 0;
  background: transparent;
  border-radius: 0;
  border-right: var(--hairline) solid var(--line-strong);
  font-size: var(--fs-13);
  font-weight: var(--fw-medium);
  color: var(--ink);
  gap: 6px;
}

body.ui27 .tk-faixa .tk-id:not(.tk-faixa-raid) .ai {
  font-size: 17px;
  color: var(--ink);
}

body.ui27 .tk-faixa-l1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-4);
  min-height: 28px;
}

body.ui27 .tk-faixa-assunto {
  flex: 1 1 160px;
  min-width: 0;
  margin: 0;
  font-size: var(--fs-16);
  font-weight: var(--fw-semi);
  line-height: 24px;
  letter-spacing: -0.005em;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-faixa-selos {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-left: auto;
}

body.ui27 .tk-faixa-dir {
  flex: 0 1 auto;
  min-width: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--sp-2) var(--sp-3);
}

body.ui27 .tk-faixa-acao {
  flex: none;
  display: flex;
}

body.ui27 .tk-faixa-acao:empty {
  display: none;
}

body.ui27 .tk-faixa-fim {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--tk-btn-h);
  padding: 0 14px;
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
  border: var(--hairline) solid transparent;
  border-radius: var(--r-interactive);
  background-color: #E8E8E8;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0) 55%);
  background-clip: padding-box;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), border-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), transform 80ms linear;
}
body.ui27 .tk-faixa-fim .ai {
  font-size: 14px;
}
body.ui27 .tk-faixa-fim:hover, body.ui27 .tk-faixa-fim:active, body.ui27 .tk-faixa-fim:focus-visible {
  background-color: #1A1A1A;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 50%);
  color: var(--surface);
  border-color: transparent;
}
body.ui27 .tk-faixa-fim:focus {
  outline: 0;
}
body.ui27 .tk-faixa-fim[aria-disabled=true] {
  opacity: 0.6;
  cursor: progress;
}

body.ui27 .tk-faixa .tk-faixa-fim:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-fim-tipo {
  display: flex;
  flex-direction: column;
  text-align: left;
}

body.ui27 .tk-fim-tipo > .swal2-select {
  width: 100%;
  margin: 1em 0;
}

body.ui27 .tk-fim-tipo > .swal2-select:focus {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}

body.ui27 .tk-fim-tipo > .tk-fim-tipo-falha {
  margin: 0;
  line-height: 1.5;
}

body.ui27 .tk-fim-pop {
  grid-template-columns: minmax(0, 100%);
}

body.ui27 .tk-fim-pop .swal2-actions.swal2-loading > .swal2-loader {
  box-sizing: border-box;
  width: var(--tk-fim-prim-w, 2.75em);
  margin: 0.3125em;
  font-size: 1.0625em;
  align-items: center;
  justify-content: center;
}

body.ui27 .tk-fim-pop .swal2-actions.swal2-loading > .swal2-loader::before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid var(--line-strong);
  border-top-color: var(--accent-line);
  animation: tk-fim-gira 0.8s linear infinite;
}

body.ui27 .tk-fim-pop .swal2-actions.swal2-loading > .swal2-cancel {
  margin-left: 0.3125em;
  margin-right: 0.3125em;
}

body.ui27 .tk-fim-pop .swal2-actions.swal2-loading > .swal2-cancel[disabled] {
  opacity: 0.4;
  cursor: default;
}

@keyframes tk-fim-gira {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-fim-pop .swal2-actions.swal2-loading > .swal2-loader::before {
    animation-duration: 2.4s;
  }
}
body.ui27 .tk-fim-pop .swal2-actions .swal2-styled:focus {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-faixa-dados {
  display: grid;
  grid-template-columns: minmax(95px, 1fr) minmax(150px, 1.4fr) minmax(95px, 1fr);
  gap: var(--sp-3) var(--sp-4);
  margin: var(--sp-4) 0 0;
}
body.ui27 .tk-faixa-dados dt {
  font-size: var(--fs-11);
  font-weight: var(--fw-regular);
  line-height: 16px;
  color: var(--ink-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.ui27 .tk-faixa-dados dd {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-width: 0;
  margin: var(--sp-1) 0 0;
  font-size: var(--fs-12);
  line-height: 20px;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-faixa .select2-container {
  width: 100% !important;
}

body.ui27 .tk-faixa .select2-selection--single {
  height: 28px;
  background: transparent !important;
  border: var(--hairline) solid var(--line) !important;
  border-radius: var(--r-interactive) !important;
}

body.ui27 .tk-faixa .select2-selection--single .select2-selection__rendered {
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  padding: 0 var(--sp-1) 0 var(--sp-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  font-size: var(--fs-12);
  line-height: 26px;
}

body.ui27 .tk-faixa-v {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-faixa-erro {
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
}

@media (min-width: 1440px) {
  body.ui27[data-collapsed=true] .tk-faixa-dados {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 1.4fr) repeat(3, minmax(95px, 1fr));
  }
}
@media (min-width: 1680px) {
  body.ui27 .tk-faixa-dados {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 1.4fr) repeat(3, minmax(95px, 1fr));
  }
}
@media (max-width: 991.98px) {
  body.ui27 .tk-faixa-dados {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.ui27 .tk-faixa-dados {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

body.ui27 .tk-faixa-dados::-webkit-scrollbar {
  display: none;
}

body.ui27 .tk-faixa-dados > div {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
  min-width: 0;
}

body.ui27 .tk-faixa-dados dd {
  height: auto;
  margin: 0;
}

body.ui27 .tk-faixa-dados[data-rola=inicio] {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
}

body.ui27 .tk-faixa-dados[data-rola=fim] {
  -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 32px), transparent);
  mask-image: linear-gradient(to left, #000 calc(100% - 32px), transparent);
}

body.ui27 .tk-faixa-dados[data-rola=meio] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent);
}

body.ui27 .tk-faixa-dados[data-arrastavel] {
  cursor: grab;
}

body.ui27 .tk-faixa-dados[data-arrastando] {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

body.ui27 .tk-faixa-dados:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .tk-faixa-hora {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  vertical-align: top;
}

body.ui27 .tk-faixa-hora .ai {
  font-size: 13px;
  color: var(--ink-2);
  line-height: 16px;
}

body.ui27 .tk-faixa-hora b {
  font-weight: var(--fw-semi);
}

body.ui27 .tk-faixa-v[data-vazio] {
  color: var(--ink-2);
}

body.ui27 .tk-faixa .tk-faixa-raid {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  padding: 2px 10px;
  border-radius: var(--r-pill);
  font-size: var(--fs-12);
}

body.ui27 .tk-faixa .tk-id.tk-faixa-raid {
  background: var(--tk-selo-neutro);
  color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-faixa .tk-id.tk-faixa-raid {
  background: var(--surface-alt);
  color: var(--ink-2);
}

body.ui27 .tk-faixa[data-canal=ra] .tk-faixa-assunto {
  flex-basis: 120px;
}

body.ui27 .tk-faixa[data-canal=ra] .tk-faixa-selos {
  flex: 0 1 auto;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: var(--sp-2);
}

body.ui27 .tk-faixa .tk-tag[data-ra=status]::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--canal-ra);
}

body.ui27 .tk-faixa .tk-tag[data-ra] .tk-tag-txt {
  max-width: 160px;
}

body.ui27 .tk-chat .tk-mail[data-canal=ra] {
  --tk-canal: var(--canal-ra);
}

body.ui27 .tk-chat .tk-mail-selo {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 16px;
  margin-left: 4px;
  padding: 0 5px;
  border: 1px solid var(--line-strong);
  border-radius: 4px;
  background: transparent;
  font-size: var(--fs-11);
  line-height: 14px;
  font-weight: var(--fw-medium);
  color: var(--ink-2);
}
body.ui27 .tk-chat .tk-mail-selo[data-selo=privada] {
  border-style: dashed;
  border-color: var(--ink-2);
}

body.ui27 .tk-chat .tk-mail-msg[data-lado=avaliacao] {
  align-self: stretch;
  max-width: none;
  padding: 12px 16px;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--r-interactive);
}

[data-theme=dark] body.ui27 .tk-chat .tk-mail-msg[data-lado=avaliacao] {
  border-color: var(--line-strong);
}

body.ui27 .tk-chat .tk-ra-nota {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-2);
  min-height: 24px;
  margin: 0 0 var(--sp-1);
}

body.ui27 .tk-chat .tk-ra-estrelas {
  display: inline-flex;
  gap: 2px;
}

body.ui27 .tk-chat .tk-ra-estrela {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--tk-canal);
}
body.ui27 .tk-chat .tk-ra-estrela > .ai {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.ui27 .tk-chat .tk-ra-estrela[data-v=vazia] {
  color: var(--ink-2);
}

body.ui27 .tk-chat .tk-ra-meia {
  clip-path: inset(0 50% 0 0);
}

body.ui27 .tk-chat .tk-ra-nota-txt {
  font-size: var(--fs-13);
  line-height: 20px;
  font-weight: var(--fw-semi);
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

body.ui27 .tk-chat .tk-mail-modos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-2);
  margin: 0 0 var(--sp-2);
}

body.ui27 .tk-chat .tk-mail-modo {
  cursor: pointer;
}

[data-theme=dark] body.ui27 .tk-chat .tk-mail-modo[aria-pressed=false] {
  border-color: var(--line-strong);
}

body.ui27 .tk-chat .tk-mail-avaliar {
  margin-left: auto;
}

body.ui27 .tk-chat .tk-mail-modos .tk-chip[aria-disabled=true],
body.ui27 .tk-chat .tk-mail-modos .tk-chip[aria-disabled=true]:hover {
  opacity: 0.6;
  cursor: not-allowed;
  background: transparent;
}

body.ui27 .tk-chat .tk-mail-modos-so-avaliar {
  justify-content: center;
  margin: 0;
  padding: 0 var(--sp-5) var(--sp-4);
}

body.ui27 #ticket-detail-chat .tk-mail-ico[aria-disabled=true],
body.ui27 #ticket-detail-chat .tk-mail-ico[aria-disabled=true]:hover {
  opacity: 0.4;
  cursor: not-allowed;
  background: transparent;
}

body.ui27 .tk-chat .tk-mail-dica {
  margin: 6px 0 0;
  text-align: center;
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
}
body.ui27 .tk-chat .tk-mail-dica[hidden] {
  display: none;
}

body.ui27 .tk-chat .tk-mail-modos .tk-chip:focus-visible,
body.ui27 #ticket-detail-chat .tk-mail-ico:focus-visible,
body.ui27 .tk-chat .tk-mail-mais:focus-visible,
body.ui27 #ticket-detail-chat .tk-mail-anexos a:focus-visible,
body.ui27 .tk-chat .tk-mail-arq button:focus-visible,
body.ui27 .tk-chat .tk-mail-novos .tk-novos:focus-visible,
body.ui27 .tk-chat .tk-mail-acao .tk-chip.tk-mais:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-camada {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 24px;
  background: var(--tk-veu);
}

body.ui27 .tk-camada-card {
  margin: auto;
  width: 100%;
  max-width: 400px;
  padding: 24px;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--tk-card-r);
  box-shadow: none;
}

[data-theme=dark] body.ui27 .tk-camada-card {
  border-color: var(--line-strong);
}

body.ui27 .tk-camada-card > [data-camada] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.ui27 .tk-camada-ico {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: var(--r-pill);
  align-items: center;
  justify-content: center;
  background: var(--accent-wash);
  color: var(--accent-line);
  font-size: 20px;
}

body.ui27 .tk-camada-olho {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-2);
}

body.ui27 .tk-camada-tit {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--ink);
}

body.ui27 .tk-camada-txt {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink-2);
}

body.ui27 .tk-camada .tk-tag[data-tom=espera] {
  margin: 12px auto 0;
}

body.ui27 .tk-camada-assumir,
body.ui27 .tk-camada-reabrir {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: var(--btn-h);
  min-width: 160px;
  padding: 0 20px;
  margin: 20px 0 0;
  border: 0;
  border-radius: var(--r-interactive);
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
}
body.ui27 .tk-camada-assumir .ai,
body.ui27 .tk-camada-reabrir .ai {
  font-size: 15px;
}
body.ui27 .tk-camada-assumir:hover, body.ui27 .tk-camada-assumir:active,
body.ui27 .tk-camada-reabrir:hover,
body.ui27 .tk-camada-reabrir:active {
  filter: brightness(0.94);
}
body.ui27 .tk-camada-assumir:focus,
body.ui27 .tk-camada-reabrir:focus {
  outline: 0;
}
body.ui27 .tk-camada-assumir:focus-visible,
body.ui27 .tk-camada-reabrir:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}
body.ui27 .tk-camada-assumir[disabled],
body.ui27 .tk-camada-reabrir[disabled] {
  opacity: 0.6;
  cursor: progress;
}

body.ui27 .tk-camada-reabrir {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line-strong);
}

body.ui27 .tk-camada-reabrir:hover,
body.ui27 .tk-camada-reabrir:active,
body.ui27 .tk-camada-reabrir:focus-visible {
  filter: none;
  background: var(--ink);
  color: var(--surface);
  border-color: var(--ink);
}

body.ui27 .tk-camada-assumir:hover,
body.ui27 .tk-camada-assumir:active {
  filter: none;
  background: var(--accent-line);
  color: var(--accent-ink);
}

[data-theme=dark] body.ui27 .tk-camada-assumir:hover,
[data-theme=dark] body.ui27 .tk-camada-assumir:active {
  background: #6A658C;
  color: #FFFFFF;
}

body.ui27 .tk-camada-nota {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-2);
}

body.ui27 .tk-camada-aviso {
  flex: none;
  margin: 0;
  padding: 8px 20px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
  background: var(--accent-wash);
  border-bottom: 1px solid var(--line);
}

body.ui27 .tk-head-olho {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  margin: -2px 0 -2px -4px;
  padding: 0;
  border: 0;
  border-radius: var(--r-interactive);
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
}
body.ui27 .tk-head-olho .ai {
  font-size: 16px;
}
body.ui27 .tk-head-olho:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .tk-head-olho:focus {
  outline: 0;
}

body.ui27 .tk-head-olho:focus-visible,
body.ui27 .tk-ev-olho:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-cli-pop, body.ui27 .tk-nota-pop {
  grid-template-columns: minmax(0, 100%);
}

body.ui27 .tk-cli-pop .swal2-html-container {
  max-height: min(60vh, 440px) !important;
  text-align: left;
}

body.ui27 .tk-cli-nome {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: var(--fw-semi);
  color: var(--ink);
}

body.ui27 .tk-cli-nome[data-vazio] {
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}

body.ui27 .tk-cli-sub {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .tk-cli-sec {
  margin: 16px 0 8px;
  font-size: 11px;
  line-height: 16px;
  font-weight: var(--fw-semi);
  color: var(--ink-2);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.ui27 .tk-cli-dl {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 8px 16px;
  margin: 0;
}
body.ui27 .tk-cli-dl dt {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}
body.ui27 .tk-cli-dl dd {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}
body.ui27 .tk-cli-dl dd[data-vazio] {
  color: var(--ink-2);
}

body.ui27 .tk-cli-v {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.ui27 .tk-cli-cad {
  flex: none;
  font-size: 12px;
  color: var(--ink-2);
}

@media (max-width: 991.98px) {
  body.ui27 .tk-cli-dl {
    grid-template-columns: 96px 1fr;
  }
}
body.ui27 .tk-cli-msg {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
}

body.ui27 .tk-cli-msg[data-tom=mudo] {
  color: var(--ink-2);
}

body.ui27 .tk-cli-msg[data-tom=erro]::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
}

body.ui27 .tk-cli-msg.tk-cli-msg-vazio {
  margin-top: 16px;
}

body.ui27 .tk-cli-acao {
  margin: 12px 0 0;
}

body.ui27 .tk-cli-tentar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 var(--sp-3);
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
  background: transparent;
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r-interactive);
  white-space: nowrap;
  cursor: pointer;
}
body.ui27 .tk-cli-tentar:hover, body.ui27 .tk-cli-tentar:active {
  background: var(--hover-wash);
}
body.ui27 .tk-cli-tentar:focus {
  outline: 0;
}
body.ui27 .tk-cli-tentar:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
}

body.ui27 .tk-cli-esq i {
  display: block;
  margin: 0 0 10px;
  border-radius: 4px;
  background: var(--line);
}
body.ui27 .tk-cli-esq i[data-w=nome] {
  width: 60%;
  height: 14px;
}
body.ui27 .tk-cli-esq i[data-w=sub] {
  width: 40%;
  height: 10px;
}
body.ui27 .tk-cli-esq i[data-w=dt] {
  height: 10px;
}
body.ui27 .tk-cli-esq i[data-w=dd] {
  width: 70%;
  height: 12px;
}

body.ui27 .tk-cli-esq-g {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 10px 16px;
  margin-top: 16px;
}

[data-theme=dark] body.ui27 .tk-cli-esq i {
  background: var(--line-strong);
}

body.ui27 .tk-tl-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
  min-height: 28px;
}

body.ui27 .tk-tela .tk-tl-cab .tk-tl-tit {
  margin: 13px 0;
}

body.ui27 .tk-tl-nota {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--tk-btn-h);
  padding: 0 14px;
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
  border: var(--hairline) solid transparent;
  border-radius: var(--r-interactive);
  background-color: #E8E8E8;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0) 55%);
  background-clip: padding-box;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), border-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), transform 80ms linear;
}
body.ui27 .tk-tl-nota .ai {
  font-size: 14px;
}
body.ui27 .tk-tl-nota:hover, body.ui27 .tk-tl-nota:active, body.ui27 .tk-tl-nota:focus-visible {
  background-color: #1A1A1A;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 50%);
  color: var(--surface);
  border-color: transparent;
}
body.ui27 .tk-tl-nota:focus {
  outline: 0;
}
body.ui27 .tk-tl-nota[aria-disabled=true] {
  opacity: 0.6;
  cursor: progress;
}

body.ui27 .tk-tl-cab .tk-tl-nota:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-ev-meta.tk-tl-nota-aviso {
  margin: 8px 0 0 !important;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
}

body.ui27 .tk-tl-cab .tk-tl-tit:focus {
  outline: 0;
}

body.ui27 .tk-tl-cab .tk-tl-tit:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
  border-radius: 2px;
}

body.ui27 .tk-tl-lista-erro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 8px 0 0;
}

body.ui27 .tk-tl-lista-erro-txt {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
}
body.ui27 .tk-tl-lista-erro-txt::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 6px;
  border-radius: 50%;
  background: var(--alert);
}
body.ui27 .tk-tl-lista-erro-txt > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.ui27 .tk-tl-recarregar {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 var(--sp-3);
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
  background: transparent;
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r-interactive);
  white-space: nowrap;
  cursor: pointer;
}
body.ui27 .tk-tl-recarregar:hover, body.ui27 .tk-tl-recarregar:active {
  background: var(--hover-wash);
}
body.ui27 .tk-tl-recarregar:focus {
  outline: 0;
}
body.ui27 .tk-tl-recarregar[aria-disabled=true] {
  opacity: 0.6;
  cursor: progress;
}

body.ui27 .tk-tl-lista-erro .tk-tl-recarregar:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-nota-pop .swal2-html-container {
  max-height: none !important;
  text-align: left;
}

body.ui27 .tk-nota-pop .tk-nota-label {
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--fw-semi);
  color: var(--ink);
}

body.ui27 .tk-nota-pop .tk-nota-txt {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 120px;
  min-height: 120px;
  max-height: 40vh;
  margin: 0;
  padding: 8px 12px;
  resize: vertical;
  font-family: inherit;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
  background: var(--surface);
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r-interactive);
}
body.ui27 .tk-nota-pop .tk-nota-txt::-moz-placeholder {
  color: var(--ink-2);
  opacity: 1;
}
body.ui27 .tk-nota-pop .tk-nota-txt::placeholder {
  color: var(--ink-2);
  opacity: 1;
}
body.ui27 .tk-nota-pop .tk-nota-txt:focus {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}
body.ui27 .tk-nota-pop .tk-nota-txt[readonly] {
  background: var(--surface-alt);
}

body.ui27 .tk-nota-pop .tk-nota-pe {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .tk-nota-pop .tk-nota-cont {
  margin-left: auto;
}

body.ui27 .tk-nota-pop .swal2-actions.swal2-loading > .swal2-loader {
  box-sizing: border-box;
  width: var(--tk-nota-prim-w, 2.75em);
  margin: 0.3125em;
  font-size: 1.0625em;
  align-items: center;
  justify-content: center;
}

body.ui27 .tk-nota-pop .swal2-actions.swal2-loading > .swal2-loader::before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid var(--line-strong);
  border-top-color: var(--accent-line);
  animation: tk-fim-gira 0.8s linear infinite;
}

body.ui27 .tk-nota-pop .swal2-actions.swal2-loading > .swal2-cancel {
  margin-left: 0.3125em;
  margin-right: 0.3125em;
}

body.ui27 .tk-nota-pop .swal2-actions.swal2-loading > .swal2-cancel[disabled] {
  opacity: 0.4;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-nota-pop .swal2-actions.swal2-loading > .swal2-loader::before {
    animation-duration: 2.4s;
  }
}
body.ui27 .tk-nota-pop .swal2-actions .swal2-styled:focus,
body.ui27 .tk-cli-pop .swal2-actions .swal2-styled:focus {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-ev {
  transition: background-color 600ms linear, box-shadow 600ms linear;
}

body.ui27 .tk-ev[data-novo] {
  background: var(--accent-wash);
  box-shadow: -8px 0 0 var(--accent-wash), 8px 0 0 var(--accent-wash);
  border-radius: 2px;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-ev {
    transition: none;
  }
}
body.ui27:has(.tk-tela) .swal2-styled.swal2-confirm {
  background-color: var(--ink);
  color: var(--surface);
  background-image: none;
}

body.ui27:has(.tk-tela) .swal2-styled.swal2-cancel {
  background-color: transparent;
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

body.ui27:has(.tk-tela) .swal2-styled.swal2-deny {
  background-color: transparent !important;
  color: var(--ink);
  background-image: none;
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

body.ui27:has(.tk-tela) .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm:hover {
  background-color: var(--ink-2);
  background-image: none;
}

body.ui27:has(.tk-tela) .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel:hover {
  background-color: var(--hover-wash);
  background-image: none;
}

body.ui27:has(.tk-tela) .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-deny:hover {
  background-color: var(--hover-wash) !important;
  background-image: none;
}

body.ui27:has(.tk-tela) .swal2-popup {
  border-radius: var(--tk-card-r);
}

body.ui27:has(.tk-tela) .swal2-actions .swal2-styled:is(.swal2-cancel, .swal2-deny) {
  border-radius: var(--r-interactive);
}

body.ui27:has(.tk-tela) .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm {
  border-radius: var(--r-interactive);
}

body.ui27 .tk-tela .tk-chat #card-custom-chat > .d-lg-none:has(> a.btn-secondary),
body.ui27 .op-tela .tk-chat #card-custom-chat > .d-lg-none:has(> a.btn-secondary) {
  display: none !important;
}

@container tk-tela (max-width: 719.98px) {
  body.ui27 .tk-fila, body.ui27 .open-ticket-detail {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
  }
  body.ui27 .tk-tela:has(.open-ticket-detail > .tk-detalhe):not([data-tk-painel=fila]) .tk-fila {
    display: none;
  }
  body.ui27 .tk-tela:not(:has(.open-ticket-detail > .tk-detalhe)) .open-ticket-detail,
body.ui27 .tk-tela[data-tk-painel=fila] .open-ticket-detail {
    display: none;
  }
  body.ui27 .tk-detalhe {
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  body.ui27 .tk-detalhe-corpo {
    flex: 0 0 100%;
  }
  body.ui27 .tk-head-voltar {
    display: inline-flex;
    order: -2;
  }
  body.ui27 .tk-head-barra {
    order: -1;
    flex: 1 1 0;
    margin-left: 0;
    justify-content: flex-end;
  }
  body.ui27 .tk-quem {
    flex-basis: 100%;
    max-width: none;
  }
  body.ui27 .open-ticket-detail {
    padding-left: 0;
    padding-right: 0;
  }
  body.ui27 .tk-detalhe > .row {
    margin-left: 0;
    margin-right: 0;
  }
  body.ui27 .tk-detalhe {
    overflow-x: hidden;
  }
  body.ui27 .tk-nums {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.ui27 .tk-nums > .tk-num[data-num=tickets] {
    grid-column: 1/-1;
  }
}
@keyframes tk-veu {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(10, 10, 10, 0.28);
  }
}
@keyframes tk-veu-aviso {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.ui27:has(.tk-tela) #loading-div {
  cursor: progress;
  animation: tk-veu 160ms linear 1000ms both;
}

body.ui27:has(.tk-tela) #loading-div > div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--ink);
  animation: tk-veu-aviso 160ms linear 1000ms both;
}

body.ui27:has(.tk-tela) #loading-div h2,
[data-theme=dark] body.ui27:has(.tk-tela) #loading-div h2 {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: var(--fw-semi) !important;
  color: var(--surface) !important;
}

body.ui27:has(.tk-tela) #loading-div .spinner {
  margin: 0 !important;
  width: 20px;
  height: 20px;
}

@media (prefers-reduced-motion: reduce) {
  body.ui27:has(.tk-tela) #loading-div, body.ui27:has(.tk-tela) #loading-div > div {
    animation-duration: 1ms;
  }
}
body.ui27 .tk-tela:has(.tk-item[data-abrindo]) .open-ticket-detail > * {
  opacity: 0.5;
  transition: opacity 120ms linear 150ms;
}

body.ui27 .tk-tela a.tk-ev-olho, body.ui27 .tk-tela a.tk-ped-num {
  transition: background var(--t-hover) linear, color var(--t-hover) linear;
}

@keyframes tk-lia-grande {
  0%, 38% {
    transform: translate(-0.56px, -0.44px) scale(1.25) rotate(0deg);
  }
  41.5% {
    transform: translate(10.06px, -1.06px) scale(0.94) rotate(45deg);
  }
  45%, 88% {
    transform: translate(10.69px, 9.56px) scale(0.625) rotate(90deg);
  }
  91.5% {
    transform: translate(10.06px, -1.06px) scale(0.94) rotate(45deg);
  }
  95%, 100% {
    transform: translate(-0.56px, -0.44px) scale(1.25) rotate(0deg);
  }
}
@keyframes tk-lia-pequena {
  0%, 38% {
    transform: translate(1.69px, 1.56px) scale(1.25) rotate(0deg);
  }
  41.5% {
    transform: translate(-8.94px, 2.19px) scale(1.88) rotate(-45deg);
  }
  45%, 88% {
    transform: translate(-9.56px, -8.44px) scale(2.5) rotate(-90deg);
  }
  91.5% {
    transform: translate(-8.94px, 2.19px) scale(1.88) rotate(-45deg);
  }
  95%, 100% {
    transform: translate(1.69px, 1.56px) scale(1.25) rotate(0deg);
  }
}
body.ui27 .tk-tela .tk-lia-brilho {
  overflow: visible;
  shape-rendering: geometricPrecision;
}

body.ui27 .tk-tela .tk-lia-brilho :is(.lia-g, .lia-p) {
  transform-box: fill-box;
  transform-origin: center;
  animation-duration: 13s;
  animation-timing-function: var(--ease);
  animation-iteration-count: infinite;
}

body.ui27 .tk-tela .tk-lia-brilho .lia-g {
  animation-name: tk-lia-grande;
}

body.ui27 .tk-tela .tk-lia-brilho .lia-p {
  animation-name: tk-lia-pequena;
}

@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-tela .tk-lia-brilho :is(.lia-g, .lia-p) {
    animation: none;
  }
}
body.ui27 {
  --canal-whatsapp: #35D44C;
  --canal-instagram: #F85171;
  --canal-email: #8FC7FF;
  --canal-telefone: #FF8A71;
  --canal-ra: #0F766E;
  --btn-h: 36px;
  --tk-sombra-novos: rgba(10, 10, 11, .16);
}

[data-theme=dark] body.ui27 {
  --canal-ra: #2DD4BF;
  --tk-sombra-novos: rgba(0, 0, 0, .5);
}

body.ui27 {
  --pal-rosa: #F85171;
  --pal-rosa-bg: #FFDEE2;
  --pal-pessego: #FF8A71;
  --pal-pessego-bg: #FFD5C0;
  --pal-verde: #35D44C;
  --pal-verde-bg: #D7FCE3;
  --pal-lilas: #BA7BFF;
  --pal-lilas-bg: #F2E5FE;
  --pal-amarelo: #F6C945;
  --pal-amarelo-bg: #FFF6D8;
  --pal-ink: #0A0A0A;
}

[data-theme=dark] body.ui27 {
  --pal-rosa-bg: #DDC0C4;
  --pal-pessego-bg: #DDB9A7;
  --pal-verde-bg: #BADAC5;
  --pal-lilas-bg: #D2C6DC;
  --pal-amarelo-bg: #DDD5BB;
}

body.ui27 .tk-fila {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  border-right: var(--hairline) solid var(--line);
  background: var(--tk-col-bg);
}

body.ui27 .tk-fila-head {
  flex: none;
  padding: var(--sp-5);
  background: var(--tk-fila-head-bg);
}

body.ui27 .tk-fila-quem {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sp-3);
  flex-wrap: wrap;
  min-height: 0;
}

body.ui27 .tk-fila-titulo {
  margin: 0;
  font-size: var(--tk-nome-fs);
  font-weight: var(--fw-bold);
  line-height: 31px;
  color: var(--ink);
  letter-spacing: var(--tr-tight);
}

body.ui27 .tk-proximo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--tk-btn-h);
  padding: 0 14px;
  color: var(--ink);
  border: var(--hairline) solid transparent;
  border-radius: var(--r-interactive);
  background-color: #E8E8E8;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0) 55%);
  background-clip: padding-box;
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  white-space: nowrap;
  transition: background-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), border-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), transform 80ms linear;
}
body.ui27 .tk-proximo:hover, body.ui27 .tk-proximo:active, body.ui27 .tk-proximo:focus-visible {
  background-color: #1A1A1A;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 50%);
  color: var(--surface);
  border-color: transparent;
}
body.ui27 .tk-proximo:focus {
  outline: 0;
}
body.ui27 .tk-proximo:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}
body.ui27 .tk-proximo .ai {
  font-size: 14px;
}

body.ui27 .tk-proximo-n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  box-sizing: border-box;
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  border-radius: var(--r-pill);
  font-size: var(--fs-11);
  font-weight: var(--fw-semi);
  line-height: 20px;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "cv05" 1;
  background: var(--ink);
  color: var(--surface);
  transition: background-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1);
}

body.ui27 .tk-proximo:hover .tk-proximo-n, body.ui27 .tk-proximo:active .tk-proximo-n, body.ui27 .tk-proximo:focus-visible .tk-proximo-n {
  background: var(--surface);
  color: var(--ink);
}

body.ui27 .tk-proximo[data-disponiveis="0"] .tk-proximo-n,
body.ui27 .tk-proximo[data-disponiveis="0"]:hover .tk-proximo-n,
body.ui27 .tk-proximo[data-disponiveis="0"]:active .tk-proximo-n,
body.ui27 .tk-proximo[data-disponiveis="0"]:focus-visible .tk-proximo-n {
  background: var(--surface-alt);
  color: var(--ink-2);
}

@container tk-tela (max-width: 399.98px) {
  body.ui27 .tk-proximo {
    padding: 0 var(--sp-2);
  }
  body.ui27 .tk-proximo .ai {
    display: none;
  }
}
body.ui27 .tk-busca {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  height: var(--btn-h);
  margin: var(--sp-4) 0 0;
  padding: 0 var(--sp-3);
  background: var(--tk-busca-bg);
  border: var(--hairline) solid var(--line);
  border-radius: var(--r-interactive);
  color: var(--ink-3);
}
body.ui27 .tk-busca:focus-within {
  color: var(--ink);
  outline: var(--hairline) solid var(--line-strong);
  border-color: var(--ink);
}
body.ui27 .tk-busca .ai {
  flex: none;
  font-size: 15px;
}
body.ui27 .tk-busca input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: var(--fs-13);
  color: var(--ink);
}
body.ui27 .tk-busca input::-moz-placeholder {
  color: var(--ink-2);
}
body.ui27 .tk-busca input::placeholder {
  color: var(--ink-2);
}
body.ui27 .tk-busca input::-webkit-search-cancel-button {
  display: none;
}

body.ui27 .tk-busca-limpar {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 -8px 0 0;
  padding: 0;
  border: 0;
  border-radius: var(--r-interactive);
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
}
body.ui27 .tk-busca-limpar:hover {
  background: var(--line);
  color: var(--ink);
}
body.ui27 .tk-busca-limpar:focus {
  outline: 0;
}
body.ui27 .tk-busca-limpar:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
}

[data-theme=dark] body.ui27 .tk-busca-limpar:hover {
  background: var(--line-strong);
}

body.ui27 .tk-filtros {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--sp-2);
  margin: 12px 0 -4px -4px;
  padding: 4px 0 4px 4px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
}
body.ui27 .tk-filtros::-webkit-scrollbar {
  display: none;
}
body.ui27 .tk-filtros::after {
  content: "";
  flex: 0 0 28px;
}
body.ui27 .tk-filtros > .tk-chip {
  flex: none;
}

body.ui27 .tk-filtros {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

body.ui27 .tk-filtros[data-arrastavel] {
  cursor: grab;
}

body.ui27 .tk-filtros[data-arrastando], body.ui27 .tk-filtros[data-arrastando] .tk-chip {
  cursor: grabbing;
}

body.ui27 .tk-filtros-fio {
  flex: none;
  align-self: center;
  width: 1px;
  height: 20px;
  margin: 0 4px;
  background: var(--line);
}

body.ui27 .tk-filtros[data-rola=nenhum] {
  -webkit-mask-image: none;
  mask-image: none;
}

body.ui27 .tk-filtros[data-rola=meio] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent);
}

body.ui27 .tk-filtros[data-rola=fim] {
  -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 32px), transparent);
  mask-image: linear-gradient(to left, #000 calc(100% - 32px), transparent);
}

body.ui27 .tk-tela .tk-filtros-bloco {
  margin-top: var(--sp-4);
}

body.ui27 .tk-tela .tk-filtros-grupo + .tk-filtros-grupo {
  margin-top: var(--sp-3);
}

body.ui27 .tk-tela .tk-filtros-rot {
  margin: 0;
  font-size: var(--fs-11);
  line-height: 1.2;
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-filtros-grupo .tk-filtros {
  margin: 2px 0 -4px -4px;
}

body.ui27 .tk-tela .tk-fila-head {
  border-bottom: var(--hairline) solid var(--line);
}

[data-theme=dark] body.ui27 .tk-busca {
  border: var(--hairline) solid var(--line-strong);
}

[data-theme=dark] body.ui27 .tk-busca:focus-within {
  border-color: var(--ink);
}

body.ui27 .tk-chip[data-alerta]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
  margin-right: 6px;
}

body.ui27 .tk-filtros .tk-chip[data-aba=atrasados]::before {
  background: var(--pal-rosa);
}

body.ui27 .tk-fila-lista {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

body.ui27 .tk-tela .tk-fila-lista {
  position: relative;
  scrollbar-width: none;
}

body.ui27 .tk-tela .tk-ctx-in {
  scrollbar-width: none;
}

body.ui27 .tk-tela .tk-fila-lista::-webkit-scrollbar, body.ui27 .tk-tela .tk-ctx-in::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.ui27 .tk-tela .tk-fila:hover .sb-scroll, body.ui27 .tk-tela .tk-ctx:hover .sb-scroll {
  opacity: 1;
}

body.ui27 .tk-grupo {
  display: flex;
  align-items: baseline;
  gap: var(--sp-1);
  margin: 0;
  padding: var(--sp-4) var(--sp-5) var(--sp-2);
  border-top: var(--hairline) solid var(--line);
  font-size: var(--fs-12);
  line-height: 16px;
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}
body.ui27 .tk-grupo small {
  flex: none;
  margin-left: auto;
  font-size: var(--fs-12);
  font-weight: var(--fw-regular);
  line-height: 16px;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}

body.ui27 .tk-grupo-tit {
  flex: none;
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-grupo {
  padding: var(--sp-6) var(--sp-5) var(--sp-3);
  border-top-color: var(--line);
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--ink);
}
body.ui27 .tk-tela .tk-grupo small {
  color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-tela .tk-grupo {
  border-top-color: var(--line);
}

[data-theme=dark] body.ui27 .tk-tela .tk-grupo small {
  color: var(--ink) !important;
}

body.ui27 .tk-tela .tk-grupo-tit {
  font-size: var(--fs-13);
  font-weight: var(--fw-bold);
  color: var(--ink);
}

body.ui27 .tk-grupo-sub {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fs-12);
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-fila-grupo {
  align-items: flex-start;
}

body.ui27 .tk-tela .tk-fila-grupo .tk-grupo-tit {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
}

body.ui27 .tk-tela .tk-fila-grupo .ai {
  flex: none;
  font-size: 12px;
  margin: 4px 4px 0 0;
  color: var(--accent-line);
}

body.ui27 .tk-tela #tk-fila-itens > .tk-fila-grupo:first-child {
  border-top: 0;
}

body.ui27 .tk-item {
  position: relative;
  display: flex;
  gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-5);
  border-bottom: 0;
  transition: background var(--t-hover) linear;
}
body.ui27 .tk-item:hover {
  background: var(--hover-wash);
}
body.ui27 .tk-item[aria-current=true] {
  background: var(--surface-alt);
}

[data-theme=dark] body.ui27 .tk-item[aria-current=true] {
  background: var(--surface-alt);
}

body.ui27 .tk-tela .tk-item {
  margin: 0 var(--sp-3) var(--sp-5);
  padding: var(--sp-3) var(--sp-4);
  border-radius: 12px;
  overflow: hidden;
  background: var(--tk-item-bg);
}
body.ui27 .tk-tela .tk-item:hover {
  background: var(--tk-chat-fundo);
}
body.ui27 .tk-tela .tk-item[aria-current=true] {
  background: var(--tk-chat-fundo);
}

[data-theme=dark] body.ui27 .tk-tela .tk-item[aria-current=true] {
  background: var(--tk-chat-fundo);
}

body.ui27 .tk-tela .tk-item[data-abrindo] {
  background: var(--tk-chat-fundo);
}

body.ui27 .tk-tela .tk-item[data-abrindo] > .tk-item-abrir::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--indicator-w) * 2);
  background: var(--cor-barra, var(--indicator));
}

body.ui27 .tk-item-abrir {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
body.ui27 .tk-item-abrir:focus {
  outline: 0;
}
body.ui27 .tk-item-abrir:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
}

body.ui27 .tk-item[aria-current=true] > .tk-item-abrir::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--indicator-w) * 2);
  background: var(--cor-barra, var(--indicator));
}

body.ui27 .tk-item-abrir[data-cor=whatsapp] {
  --cor-barra: var(--canal-whatsapp);
}

body.ui27 .tk-item-abrir[data-cor=instagram] {
  --cor-barra: var(--canal-instagram);
}

body.ui27 .tk-item-abrir[data-cor=email] {
  --cor-barra: var(--canal-email);
}

body.ui27 .tk-item-abrir[data-cor=telefone] {
  --cor-barra: var(--canal-telefone);
}

body.ui27 .tk-item-abrir[data-cor=ra] {
  --cor-barra: var(--canal-ra);
}

body.ui27 .tk-pontos, body.ui27 .tk-corpo {
  position: relative;
  z-index: 0;
  pointer-events: none;
}

body.ui27 .tk-pontos {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 7.5px;
}

body.ui27 .tk-ponto {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ink-3);
}
body.ui27 .tk-ponto[data-canal=whatsapp] {
  background: var(--canal-whatsapp);
}
body.ui27 .tk-ponto[data-canal=instagram] {
  background: var(--canal-instagram);
}
body.ui27 .tk-ponto[data-canal=email] {
  background: var(--canal-email);
}
body.ui27 .tk-ponto[data-canal=telefone] {
  background: var(--canal-telefone);
}
body.ui27 .tk-ponto[data-canal=ra] {
  background: var(--canal-ra);
}

body.ui27 .tk-corpo {
  flex: 1;
  min-width: 0;
}

body.ui27 .tk-nome {
  display: flex;
  align-items: baseline;
  gap: var(--sp-3);
  font-size: var(--fs-14);
  font-weight: var(--fw-semi);
  line-height: 22px;
  color: var(--ink);
}
body.ui27 .tk-nome time {
  flex: none;
  margin-left: auto;
  font-size: var(--fs-11);
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}
body.ui27 .tk-nome time {
  line-height: 16px;
}

body.ui27 .tk-tela .tk-nome {
  align-items: center;
}

body.ui27 .tk-nome-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

body.ui27 .tk-id {
  flex: none;
  font-size: var(--fs-11);
  font-weight: var(--fw-regular);
  line-height: 16px;
  color: var(--ink-2);
  padding: 2px var(--sp-2);
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
}

body.ui27 .tk-tela .tk-corpo .tk-nome .tk-id {
  display: inline-flex;
  align-items: center;
  height: 18px;
  line-height: 1;
  padding: 0 var(--sp-3) 0 0;
  background: transparent;
  border-radius: 0;
  border-right: var(--hairline) solid var(--line-strong);
  font-size: var(--fs-13);
  font-weight: var(--fw-medium);
  color: var(--ink);
  gap: 6px;
}

body.ui27 .tk-tela .tk-corpo .tk-nome .tk-id .ai {
  font-size: 17px;
  color: var(--ink);
}

body.ui27 .tk-assunto {
  margin: 2px 0 0;
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-pe {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  min-height: var(--btn-h);
  margin-top: var(--sp-2);
}

body.ui27 .tk-pe-selos {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

body.ui27 .tk-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  font-size: var(--fs-11);
  line-height: 16px;
  color: var(--ink-2);
  padding: 2px var(--sp-2);
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
  max-width: 100%;
  min-width: 0;
}
body.ui27 .tk-tag .ai {
  font-size: 12px;
}
body.ui27 .tk-tag[data-tom=alerta] {
  background: var(--pal-rosa-bg);
  color: var(--pal-ink);
}

[data-theme=dark] body.ui27 .tk-tag,
[data-theme=dark] body.ui27 .tk-id {
  background: var(--surface-alt);
}

[data-theme=dark] body.ui27 .tk-tag[data-tom=alerta] {
  background: var(--pal-rosa-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-tag[data-estado=amarelo] {
  background: var(--pal-amarelo-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-tag[data-estado=pessego] {
  background: var(--pal-pessego-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-tag[data-estado=verde] {
  background: var(--pal-verde-bg);
  color: var(--pal-ink);
}

[data-theme=dark] body.ui27 .tk-tag[data-estado=amarelo] {
  background: var(--pal-amarelo-bg);
  color: var(--pal-ink);
}

[data-theme=dark] body.ui27 .tk-tag[data-estado=pessego] {
  background: var(--pal-pessego-bg);
  color: var(--pal-ink);
}

[data-theme=dark] body.ui27 .tk-tag[data-estado=verde] {
  background: var(--pal-verde-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-tela .tk-tag {
  padding: 2px 10px;
  border-radius: var(--r-pill);
}

body.ui27 .tk-tela .tk-item .tk-tag:not([data-tom]):not([data-estado]) {
  background: var(--tk-selo-neutro);
  color: var(--ink);
}

body.ui27 .tk-tela .tk-item:hover .tk-tag:not([data-tom]):not([data-estado]),
body.ui27 .tk-tela .tk-item[aria-current=true] .tk-tag:not([data-tom]):not([data-estado]) {
  background: var(--tk-selo-neutro-2);
}

body.ui27 .tk-tela .tk-item .tk-tag[data-tom=lia] {
  background: var(--accent-wash);
  color: var(--ink);
}

body.ui27 .tk-tela .tk-item .tk-tag[data-tom=lia] .ai {
  color: var(--accent-line);
}

body.ui27 .tk-tag-txt {
  min-width: 0;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-fila-mais,
body.ui27 .tk-fila-vazio {
  margin: 0;
  padding: var(--sp-3) var(--sp-5) var(--sp-4);
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .tk-assumir {
  position: relative;
  z-index: 1;
  pointer-events: auto;
  flex: none;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  height: var(--tk-btn-h);
  padding: 0 14px;
  border: var(--hairline) solid transparent;
  border-radius: var(--r-interactive);
  background-color: #E1E1E1;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0) 55%);
  background-clip: padding-box;
  color: var(--ink);
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), border-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), transform 80ms linear;
}
body.ui27 .tk-assumir:hover, body.ui27 .tk-assumir:active {
  background-color: #1A1A1A;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 50%);
  color: var(--surface);
  border-color: transparent;
}
body.ui27 .tk-assumir:focus {
  outline: 0;
}
body.ui27 .tk-assumir:focus-visible {
  background-color: #1A1A1A;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.22) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 50%);
  color: var(--surface);
  border-color: transparent;
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

[data-theme=dark] body.ui27 .tk-proximo, [data-theme=dark] body.ui27 .tk-assumir, [data-theme=dark] body.ui27 .tk-faixa-fim, [data-theme=dark] body.ui27 .tk-tl-nota {
  background-color: #2F2F30;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 50%);
  color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-proximo:hover, [data-theme=dark] body.ui27 .tk-proximo:active, [data-theme=dark] body.ui27 .tk-proximo:focus-visible,
[data-theme=dark] body.ui27 .tk-assumir:hover, [data-theme=dark] body.ui27 .tk-assumir:active, [data-theme=dark] body.ui27 .tk-assumir:focus-visible,
[data-theme=dark] body.ui27 .tk-faixa-fim:hover, [data-theme=dark] body.ui27 .tk-faixa-fim:active, [data-theme=dark] body.ui27 .tk-faixa-fim:focus-visible,
[data-theme=dark] body.ui27 .tk-tl-nota:hover, [data-theme=dark] body.ui27 .tk-tl-nota:active, [data-theme=dark] body.ui27 .tk-tl-nota:focus-visible {
  background-color: #EDEDED;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 60%), linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 50%);
  color: #0A0A0A;
}

[data-theme=dark] body.ui27 .tk-proximo, [data-theme=dark] body.ui27 .tk-assumir, [data-theme=dark] body.ui27 .tk-faixa-fim, [data-theme=dark] body.ui27 .tk-tl-nota {
  transition: background-color calc(200ms * var(--mo-escala)) var(--ease), color calc(200ms * var(--mo-escala)) var(--ease), transform 120ms ease;
}

body.ui27 .tk-tela .tk-proximo:active, body.ui27 .tk-tela .tk-assumir:active, body.ui27 .tk-tela .tk-faixa-fim:active, body.ui27 .tk-tela .tk-tl-nota:active {
  transform: translateY(1px);
}

[data-theme=dark] body.ui27 .tk-tela .tk-proximo:hover, [data-theme=dark] body.ui27 .tk-tela .tk-assumir:hover, [data-theme=dark] body.ui27 .tk-tela .tk-faixa-fim:hover, [data-theme=dark] body.ui27 .tk-tela .tk-tl-nota:hover {
  transform: none;
}

body.ui27 .tk-tela .tk-proximo .tk-proximo-txt {
  display: inline-block;
}

body.ui27 .tk-tela .tk-proximo .tk-proximo-txt, body.ui27 .tk-tela .tk-proximo .tk-proximo-n, body.ui27 .tk-tela .tk-proximo .ai {
  transition: transform calc(260ms * var(--mo-escala)) var(--ease);
}

body.ui27 .tk-tela .tk-proximo:is(:hover, :focus-visible) .tk-proximo-txt, body.ui27 .tk-tela .tk-proximo:is(:hover, :focus-visible) .tk-proximo-n {
  transform: translateX(3px);
}

body.ui27 .tk-tela .tk-proximo:is(:hover, :focus-visible) .ai {
  transform: translateX(6px);
}

body.ui27 .tk-tela .tk-proximo:active .ai {
  transform: translateX(8px);
  transition-duration: 120ms;
}

@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-proximo, body.ui27 .tk-assumir, body.ui27 .tk-faixa-fim, body.ui27 .tk-tl-nota {
    transition: none;
  }
  [data-theme=dark] body.ui27 .tk-proximo, [data-theme=dark] body.ui27 .tk-assumir, [data-theme=dark] body.ui27 .tk-faixa-fim, [data-theme=dark] body.ui27 .tk-tl-nota {
    transition: none;
  }
  body.ui27 .tk-proximo-n, body.ui27 .tk-tela .tk-proximo .tk-proximo-txt, body.ui27 .tk-tela .tk-proximo .tk-proximo-n, body.ui27 .tk-tela .tk-proximo .ai {
    transition: none;
  }
  body.ui27 .tk-tela .tk-proximo:is(:hover, :focus-visible) .tk-proximo-txt, body.ui27 .tk-tela .tk-proximo:is(:hover, :focus-visible) .tk-proximo-n,
body.ui27 .tk-tela .tk-proximo:is(:hover, :focus-visible) .ai, body.ui27 .tk-tela .tk-proximo:active .ai {
    transform: none;
  }
}
body.ui27 .tk-filtros .tk-chip:focus {
  outline: 0;
}

body.ui27 .tk-filtros .tk-chip:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-chip-n {
  display: inline-block;
  white-space: pre;
  font-variant-numeric: tabular-nums;
}

body.ui27 .tk-chip-v {
  display: inline-block;
  min-width: 0;
  text-align: left;
}

[data-theme=dark] body.ui27 .tk-filtros .tk-chip[aria-pressed=false] {
  border-color: var(--line-strong);
}

body.ui27 .tk-filtros .tk-chip[aria-pressed=true] {
  background: var(--tk-chip-on-bg);
  color: var(--surface);
  border-color: var(--ink);
}

body.ui27 .tk-filtros .tk-chip[data-aba=atrasados][aria-pressed=true] {
  background: var(--pal-rosa-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-filtros .tk-chip[data-alerta][data-aba=atrasados][aria-pressed=false] {
  border-color: var(--pal-rosa);
}

body.ui27 .tk-filtros .tk-chip[data-alerta][data-aba=aguardando][aria-pressed=false] {
  border-color: var(--tk-chip-esp-cor);
}

body.ui27 .tk-filtros .tk-chip[data-aba=aguardando][aria-pressed=true] {
  background: var(--tk-chip-esp-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-filtros .tk-chip[data-alerta][data-aba=abertos][aria-pressed=false] {
  border-color: #8FC7FF;
}

body.ui27 .tk-filtros .tk-chip[data-alerta][data-aba=novo][aria-pressed=false] {
  border-color: var(--pal-verde);
}

body.ui27 .tk-filtros .tk-chip[data-aba=abertos][aria-pressed=true] {
  background: var(--tk-chip-abe-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-filtros .tk-chip[data-aba=novo][aria-pressed=true] {
  background: var(--pal-verde-bg);
  color: var(--pal-ink);
}

body.ui27 {
  --tk-chip-abe-bg: #E3F1FF;
}

[data-theme=dark] body.ui27 {
  --tk-chip-abe-bg: #C5D1DD;
}

body.ui27 .tk-filtros .tk-chip[data-alerta]::before {
  display: none;
}

body.ui27 .tk-filtros .tk-chip[aria-pressed=false]:not(:hover) {
  background: var(--surface);
}

[data-theme=dark] body.ui27 .tk-tela .tk-filtros .tk-chip[aria-pressed=false]:hover {
  background: rgba(250, 250, 250, 0.12);
  color: var(--ink);
}

body.ui27 .tk-bloco {
  flex: none;
}

body.ui27 .tk-fila-aviso {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin: 0 var(--sp-5) var(--sp-3);
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink);
}
body.ui27 .tk-fila-aviso::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
}

[data-theme=dark] body.ui27 .tk-fila-aviso {
  background: var(--surface-alt);
}

body.ui27 .tk-tela .tk-fila-aviso {
  box-shadow: inset 0 0 0 1px var(--line);
}

[data-theme=dark] body.ui27 .tk-tela .tk-fila-aviso {
  box-shadow: none;
}

body.ui27 .tk-fila-aviso-acao {
  margin-left: auto;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ink);
  font: inherit;
  font-weight: var(--fw-semi);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.ui27 .tk-fila-aviso-acao:focus {
  outline: 0;
}
body.ui27 .tk-fila-aviso-acao:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-novos-wrap {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 0;
  display: flex;
  justify-content: center;
}

body.ui27 .tk-novos {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  height: 28px;
  margin-top: var(--sp-2);
  padding: 0 var(--sp-3);
  border: 0;
  border-radius: var(--r-pill);
  background: var(--ink);
  color: var(--surface);
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 16px;
  box-shadow: none;
  cursor: pointer;
}
body.ui27 .tk-novos .ai {
  font-size: 12px;
}
body.ui27 .tk-novos:hover {
  background: var(--ink-2);
}
body.ui27 .tk-novos:focus {
  outline: 0;
}
body.ui27 .tk-novos:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tag[data-tom=fora] {
  background: transparent;
  border: 1px dashed var(--ink-2);
  padding: 1px 7px;
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-tag[data-tom=fora] {
  padding: 1px 9px;
}

[data-theme=dark] body.ui27 .tk-tag[data-tom=fora] {
  background: transparent;
}

body.ui27 .tk-fila-esq {
  display: none;
}

body.ui27 .tk-fila-lista[aria-busy=true] > .tk-fila-esq {
  display: block;
}

body.ui27 .tk-fila-lista[aria-busy=true] > :not(.tk-fila-esq) {
  display: none;
}

body.ui27 .tk-esq-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--sp-3) var(--sp-4);
  border-bottom: 0;
  margin: 0 var(--sp-3) var(--sp-5);
  border-radius: 12px;
  background: var(--tk-item-bg);
}

body.ui27 .tk-esq-item i {
  display: block;
  border-radius: 4px;
  background: var(--line);
}
body.ui27 .tk-esq-item i[data-w=nome] {
  width: 55%;
  height: 12px;
  margin: 5px 0;
}
body.ui27 .tk-esq-item i[data-w=assunto] {
  width: 80%;
  height: 10px;
  margin: 6px 0 4px;
}
body.ui27 .tk-esq-item i[data-w=selos] {
  width: 120px;
  height: 20px;
  margin: 16px 0 8px;
}

[data-theme=dark] body.ui27 .tk-esq-item i {
  background: var(--line-strong);
}

body.ui27 #tk-fila-rodape .tk-mais-acao {
  padding: var(--sp-5) var(--sp-5) var(--sp-6);
}

body.ui27 #tk-fila-rodape .tk-mais-erro {
  padding: var(--sp-5) var(--sp-5) 0;
}

body.ui27 #tk-fila-rodape .tk-mais-erro + .tk-mais-acao {
  padding-top: var(--sp-3);
}

body.ui27 #tk-fila-rodape .tk-mais-fim {
  padding: var(--sp-5) var(--sp-5) var(--sp-6);
}

body.ui27 .tk-filtros .tk-chip[data-espera="0"]::before {
  visibility: hidden;
}

body.ui27 .tk-tag[data-tom=espera] {
  background: var(--pal-pessego-bg);
  color: var(--pal-ink);
}

[data-theme=dark] body.ui27 .tk-tag[data-tom=espera] {
  background: var(--pal-pessego-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-filtros .tk-chip[data-aba=aguardando]::before {
  background: var(--pal-pessego);
}

body.ui27 .tk-espera-linha {
  flex: 0 1 auto;
  display: flex;
  min-width: 0;
}

body.ui27 .tk-espera-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .tk-filtros .tk-chip[data-novos]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pal-amarelo);
  margin-right: 6px;
}

body.ui27 .tk-filtros .tk-chip[data-novos="0"]::before {
  display: none;
}

body.ui27 .tk-tag[data-tom=novo] {
  background: var(--pal-amarelo-bg);
  color: var(--pal-ink);
  font-weight: var(--fw-semi);
}

[data-theme=dark] body.ui27 .tk-tag[data-tom=novo] {
  background: var(--pal-amarelo-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-tag[data-tom=novo]::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pal-amarelo);
}

body.ui27 .tk-nome time[data-novo] {
  color: var(--ink);
  font-weight: var(--fw-semi);
}

body.ui27 {
  --tk-espera-wash: #FFF3D6;
  --tk-espera-wash-2: #FFEDC2;
  --tk-toast-ico: #FBBF24;
  --tk-toast-hover: rgba(255, 255, 255, .14);
}

[data-theme=dark] body.ui27 {
  --tk-espera-wash: rgba(255, 178, 36, .12);
  --tk-espera-wash-2: rgba(255, 178, 36, .18);
  --tk-toast-ico: #B45309;
  --tk-toast-hover: rgba(10, 10, 11, .08);
}

body.ui27 {
  --tk-chip-esp-cor: #FFA94D;
  --tk-chip-esp-bg: #FFE4C2;
  --tk-chip-esp-pulso: #FFEDD6;
}

[data-theme=dark] body.ui27 {
  --tk-chip-esp-bg: #DDC5A8;
  --tk-chip-esp-pulso: rgba(255, 169, 77, .18);
}

[data-theme=dark] body.ui27 .tk-filtros .tk-chip[data-novos][aria-pressed=true]::before {
  background: #B45309;
}

@keyframes tk-espera-pulso {
  0%, 100% {
    background-color: var(--surface);
  }
  50% {
    background-color: var(--tk-chip-esp-pulso);
  }
}
body.ui27 .tk-filtros .tk-chip[data-aba=aguardando][data-espera="1"][aria-pressed=false][data-pulso="1"] {
  animation: tk-espera-pulso 2400ms ease-in-out 2;
}

@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-filtros .tk-chip[data-aba=aguardando][data-espera="1"][aria-pressed=false][data-pulso="1"] {
    animation: none;
  }
}
body.ui27 .tk-item:has(.tk-tag[data-tom=espera]) {
  background: var(--tk-espera-wash);
}

body.ui27 .tk-item:has(.tk-tag[data-tom=espera]):hover,
body.ui27 .tk-item[aria-current=true]:has(.tk-tag[data-tom=espera]) {
  background: var(--tk-espera-wash-2);
}

[data-theme=dark] body.ui27 .tk-item[aria-current=true]:has(.tk-tag[data-tom=espera]) {
  background: var(--tk-espera-wash-2);
}

@media (max-width: 480px) {
  body.ui27 .notyf:has(> .tk-toast) {
    padding: 8px;
  }
}
body.ui27 .notyf__toast.tk-toast {
  width: 360px;
  max-width: none;
  padding: 14px 44px 14px 16px;
  border-radius: var(--tk-card-r);
  background: var(--ink);
  color: var(--surface);
  box-shadow: none;
}

@media (max-width: 480px) {
  body.ui27 .notyf__toast.tk-toast {
    width: 100%;
  }
}
body.ui27 .tk-toast .notyf__wrapper {
  position: static;
  padding: 0;
  gap: 12px;
  align-items: flex-start;
  border-radius: 0;
}

body.ui27 .tk-toast .notyf__icon {
  flex: none;
  width: auto;
  margin: 0;
  font-size: 18px;
  line-height: 18px;
}

body.ui27 .tk-toast .tk-toast-ico {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  margin: 1px 0 0;
  color: var(--tk-toast-ico);
}

body.ui27 .tk-toast .notyf__message {
  font-size: 12px;
  line-height: 18px;
  white-space: pre-line;
}

body.ui27 .tk-toast .notyf__message::first-line {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
}

body.ui27 .tk-toast .notyf__dismiss {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  margin: 0;
  opacity: 1;
  animation: none;
}

body.ui27 .tk-toast .notyf__dismiss-btn {
  opacity: 1;
  background-color: transparent;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 0;
}

body.ui27 .tk-toast .notyf__dismiss-btn:hover,
body.ui27 .tk-toast .notyf__dismiss-btn:active {
  background-color: var(--tk-toast-hover);
}

body.ui27 .tk-toast .notyf__dismiss-btn:focus-visible {
  outline: 2px solid var(--tk-toast-ico) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-toast .notyf__dismiss-btn::before,
body.ui27 .tk-toast .notyf__dismiss-btn::after {
  background: var(--surface);
}

@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-toast, body.ui27 .tk-toast * {
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
  }
}
@media (pointer: coarse) {
  body.ui27 .tk-filtros .tk-chip, body.ui27 .tk-tl-chips .tk-chip, body.ui27 .tk-chat .tk-mail-modos .tk-chip {
    height: var(--btn-h);
  }
  body.ui27 .tk-head-voltar, body.ui27 .tk-head-ctx, body.ui27 .tk-faixa-fim, body.ui27 .tk-tl-nota {
    height: var(--btn-h);
  }
  body.ui27 .tk-proximo, body.ui27 .tk-assumir {
    height: var(--btn-h);
  }
  body.ui27 .tk-head-olho, body.ui27 .tk-ev-olho, body.ui27 .tk-busca-limpar, body.ui27 .tk-ctx-fechar {
    width: var(--btn-h);
    height: var(--btn-h);
  }
  body.ui27 .tk-ped-copiar {
    width: 32px;
    height: 32px;
  }
  body.ui27 .tk-tl-chips {
    -webkit-mask-size: 100% 36px, 100% calc(100% - 36px);
    mask-size: 100% 36px, 100% calc(100% - 36px);
  }
}
body.ui27 .tk-pe > .tk-treino {
  flex: none;
  margin-left: auto;
  white-space: nowrap;
}

body.ui27 .tk-tag[data-tom=treino] {
  background: var(--pal-lilas-bg);
  color: var(--pal-ink);
}

[data-theme=dark] body.ui27 .tk-tag[data-tom=treino] {
  background: var(--pal-lilas-bg);
  color: var(--pal-ink);
}

body.ui27 .tk-tela .tk-olho {
  flex: 0 0 0px;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0;
  background: var(--surface);
  border-left: var(--hairline) solid var(--line);
  visibility: hidden;
  transition: flex-basis var(--t-submenu) var(--ease), visibility 0s linear var(--t-submenu);
}

body.ui27 .tk-tela[data-olho] .tk-olho {
  visibility: visible;
  transition: flex-basis var(--t-submenu) var(--ease), visibility 0s;
}

body.ui27 .tk-tela:not([data-olho]) .tk-olho {
  border-left-width: 0;
}

body.ui27 .tk-tela .tk-fila {
  position: relative;
  overflow: hidden;
}

body.ui27 .tk-tela[data-olho-fase] .tk-fila {
  transition: flex-basis var(--t-submenu) var(--ease);
}

body.ui27 .tk-tela .tk-fila > :not(.tk-trilho) {
  transition: opacity var(--t-submenu) linear, visibility 0s;
}

body.ui27 .tk-tela[data-olho] .tk-fila > :not(.tk-trilho) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--t-submenu) linear, visibility 0s linear var(--t-submenu);
}

body.ui27 .tk-tela .tk-trilho {
  position: absolute;
  inset: 0 auto 0 0;
  width: 64px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--sp-3) 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--t-submenu) linear, visibility 0s linear var(--t-submenu);
}

body.ui27 .tk-tela[data-olho] .tk-trilho {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--t-submenu) linear, visibility 0s;
}

body.ui27 .tk-tela .tk-trilho-abrir, body.ui27 .tk-tela .tk-olho-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: var(--r-interactive);
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
}
body.ui27 .tk-tela .tk-trilho-abrir .ai, body.ui27 .tk-tela .tk-olho-x .ai {
  font-size: 16px;
}
body.ui27 .tk-tela .tk-trilho-abrir:hover, body.ui27 .tk-tela .tk-olho-x:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .tk-tela .tk-trilho-abrir:focus, body.ui27 .tk-tela .tk-olho-x:focus {
  outline: 0;
}
body.ui27 .tk-tela .tk-trilho-abrir:focus-visible, body.ui27 .tk-tela .tk-olho-x:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tela .tk-trilho-abrir {
  margin: 0 0 var(--sp-3) 18px;
}

body.ui27 .tk-tela .tk-olho-x {
  margin-left: auto;
  align-self: center;
}

body.ui27 .tk-tela .tk-trilho-lista {
  flex: 1;
  min-height: 0;
  width: 64px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

body.ui27 .tk-tela .tk-trilho-lista::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.ui27 .tk-tela .tk-trilho-grupo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-3) 0;
}

body.ui27 .tk-tela .tk-trilho-grupo + .tk-trilho-grupo {
  border-top: var(--hairline) solid var(--line);
}

body.ui27 .tk-tela .tk-trilho-item {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  color: var(--ink-2);
  background: var(--surface);
  border: var(--hairline) solid var(--line-strong);
  border-radius: var(--r-interactive);
  cursor: pointer;
  transition: background var(--t-hover) linear, color var(--t-hover) linear;
}
body.ui27 .tk-tela .tk-trilho-item:hover, body.ui27 .tk-tela .tk-trilho-item[aria-current=true] {
  background: var(--tk-chat-fundo);
  color: var(--ink);
}
body.ui27 .tk-tela .tk-trilho-item[aria-current=true] {
  border-color: var(--ink);
}
body.ui27 .tk-tela .tk-trilho-item:focus {
  outline: 0;
}
body.ui27 .tk-tela .tk-trilho-item:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tela .tk-olho-in {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}

body.ui27 .tk-tela .tk-olho-head {
  flex: none;
  padding: var(--sp-5);
  border-bottom: var(--hairline) solid var(--line);
  box-sizing: border-box;
}

body.ui27 .tk-tela .tk-olho-linha {
  display: flex;
  align-items: baseline;
  gap: var(--sp-2);
}

body.ui27 .tk-tela .tk-olho-rot {
  flex: none;
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-tit {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: var(--fs-20);
  font-weight: var(--fw-bold);
  line-height: 24px;
  letter-spacing: var(--tr-tight);
  color: var(--ink);
}
body.ui27 .tk-tela .tk-olho-tit:focus {
  outline: 0;
}

[data-theme=dark] body.ui27 .tk-tela .tk-olho-tit {
  color: var(--ink) !important;
}

body.ui27 .tk-tela .tk-olho[data-tipo=cliente] .tk-olho-tit {
  text-transform: uppercase;
}

body.ui27 .tk-tela .tk-olho-sub {
  margin: var(--sp-1) 0 0;
  font-size: var(--fs-13);
  line-height: 1.4;
  color: var(--ink);
  overflow-wrap: anywhere;
}

body.ui27 .tk-tela .tk-olho-selos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-2) var(--sp-3);
  margin-top: var(--sp-3);
  font-size: var(--fs-13);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--sp-3);
  font-size: var(--fs-12);
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.ui27 .tk-tela .tk-olho-link .ai {
  font-size: 14px;
}
body.ui27 .tk-tela .tk-olho-link:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tela .tk-olho-corpo {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--sp-5);
  position: relative;
  scrollbar-width: none;
}

body.ui27 .tk-tela .tk-olho-corpo::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.ui27 .tk-tela .tk-olho-corpo:focus {
  outline: 0;
}

body.ui27 .tk-tela .tk-olho-corpo:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
}

body.ui27 .tk-tela .tk-olho:hover .sb-scroll {
  opacity: 1;
}

body.ui27 .tk-tela .tk-olho-sec + .tk-olho-sec {
  margin-top: var(--sp-6);
  padding-top: var(--sp-6);
  border-top: var(--hairline) solid var(--line);
}

body.ui27 .tk-tela .tk-olho-h {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
}
body.ui27 .tk-tela .tk-olho-h .ai {
  font-size: 16px;
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-ficha-linha {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-3) 0;
}

body.ui27 .tk-tela .tk-olho-ficha-linha + .tk-olho-ficha-linha {
  border-top: var(--hairline) solid var(--line);
}

body.ui27 .tk-tela .tk-olho-ficha-ico {
  flex: none;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--surface-alt);
  color: var(--ink-2);
}
body.ui27 .tk-tela .tk-olho-ficha-ico .ai {
  font-size: 16px;
}

body.ui27 .tk-tela .tk-olho-ficha-txt {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.ui27 .tk-tela .tk-olho-ficha-txt small {
  font-size: var(--fs-11);
  line-height: 16px;
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-ficha-txt b {
  font-size: var(--fs-13);
  font-weight: var(--fw-medium);
  line-height: 20px;
  color: var(--ink);
  overflow-wrap: anywhere;
}

body.ui27 .tk-tela .tk-olho-ficha-txt b[data-vazio] {
  font-weight: var(--fw-regular);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-cad {
  flex: none;
  font-size: 15px;
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-msg {
  margin: 0;
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .tk-tela .tk-olho-msg[data-tom=mudo] {
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-acao {
  margin-top: var(--sp-3);
}

body.ui27 .tk-tela .tk-olho-tentar {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.ui27 .tk-tela .tk-olho-tentar:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tela .tk-olho-sel-wrap {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}

body.ui27 .tk-tela .tk-olho-sel {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  max-width: 100%;
  height: 28px;
  padding: 0 24px 0 12px;
  font: inherit;
  font-size: var(--fs-12);
  color: var(--ink);
  background: var(--surface);
  border: var(--hairline) solid var(--line-strong);
  border-radius: 8px;
  cursor: pointer;
  transition: background var(--t-hover) linear;
}
body.ui27 .tk-tela .tk-olho-sel:hover {
  background: var(--hover-wash);
}
body.ui27 .tk-tela .tk-olho-sel:focus {
  outline: 0;
}
body.ui27 .tk-tela .tk-olho-sel:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tela .tk-olho-sel-wrap > .ai {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--ink-2);
  pointer-events: none;
}

body.ui27 .tk-tela .tk-olho-nota {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

body.ui27 .tk-tela .tk-olho-texto {
  width: 100%;
  min-height: 72px;
  padding: 12px 16px;
  resize: vertical;
  box-sizing: border-box;
  font: inherit;
  font-size: var(--fs-13);
  line-height: 20px;
  color: var(--ink);
  background: var(--surface);
  border: var(--hairline) solid var(--line-strong);
  border-radius: 8px;
}
body.ui27 .tk-tela .tk-olho-texto::-moz-placeholder {
  color: var(--ink-2);
}
body.ui27 .tk-tela .tk-olho-texto::placeholder {
  color: var(--ink-2);
}
body.ui27 .tk-tela .tk-olho-texto:focus {
  outline: 0;
  border-color: var(--ink);
}

body.ui27 .tk-tela .tk-olho-pe .tk-olho-texto {
  min-height: 96px;
}

body.ui27 .tk-tela .tk-olho-botoes {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sp-2);
}

body.ui27 .tk-tela .tk-olho-fio {
  margin-top: var(--sp-5);
}

body.ui27 .tk-tela .tk-olho-docs {
  margin-top: var(--sp-5);
}

body.ui27 .tk-tela .tk-olho-docs > summary {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  list-style: none;
  cursor: pointer;
  font-size: var(--fs-13);
  font-weight: var(--fw-semi);
  color: var(--ink);
}
body.ui27 .tk-tela .tk-olho-docs > summary::-webkit-details-marker {
  display: none;
}
body.ui27 .tk-tela .tk-olho-docs > summary .ai {
  font-size: 16px;
  color: var(--ink-2);
  transition: transform var(--t-hover) linear;
}
body.ui27 .tk-tela .tk-olho-docs > summary:focus {
  outline: 0;
}
body.ui27 .tk-tela .tk-olho-docs > summary:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tela .tk-olho-docs[open] > summary .ai {
  transform: rotate(180deg);
}

body.ui27 .tk-tela .tk-olho-docs > div {
  margin-top: var(--sp-3);
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-pe {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  padding: var(--sp-4) var(--sp-5) var(--sp-5);
  border-top: var(--hairline) solid var(--line);
}

body.ui27 .tk-tela .tk-olho-para {
  margin: 0;
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink-2);
  overflow-wrap: anywhere;
}
body.ui27 .tk-tela .tk-olho-para b {
  font-weight: var(--fw-regular);
  color: var(--ink);
}

body.ui27 .tk-tela .tk-olho-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--tk-btn-h);
  padding: 0 14px;
  font: inherit;
  font-size: var(--fs-12);
  font-weight: var(--fw-semi);
  line-height: 20px;
  color: var(--ink);
  white-space: nowrap;
  cursor: pointer;
  border: var(--hairline) solid transparent;
  border-radius: var(--r-interactive);
  background-color: #E8E8E8;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0) 55%);
  background-clip: padding-box;
  transition: background-color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), color calc(200ms * var(--mo-escala)) cubic-bezier(0.4, 0, 0.2, 1), transform 80ms linear;
}
body.ui27 .tk-tela .tk-olho-btn .ai {
  font-size: 14px;
}
body.ui27 .tk-tela .tk-olho-btn:hover:not(:disabled), body.ui27 .tk-tela .tk-olho-btn:focus-visible {
  background-color: #1A1A1A;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 50%);
  color: var(--surface);
}
body.ui27 .tk-tela .tk-olho-btn:active:not(:disabled) {
  transform: translateY(1px);
}
body.ui27 .tk-tela .tk-olho-btn:focus {
  outline: 0;
}
body.ui27 .tk-tela .tk-olho-btn:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}
body.ui27 .tk-tela .tk-olho-btn:disabled {
  opacity: 0.45;
  cursor: default;
}

[data-theme=dark] body.ui27 .tk-tela .tk-olho-btn {
  background-color: #2F2F30;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.26) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 55%), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 50%);
  color: var(--ink);
}

[data-theme=dark] body.ui27 .tk-tela .tk-olho-btn:is(:hover:not(:disabled), :focus-visible) {
  background-color: #EDEDED;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 1.5px), linear-gradient(to bottom, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 60%), linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 50%);
  color: #0A0A0A;
}

@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-tela .tk-olho-btn {
    transition: none;
  }
}
body.ui27 .tk-tela .tk-olho-anexo {
  position: relative;
}

body.ui27 .tk-tela .tk-olho-anexo input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

body.ui27 .tk-tela .tk-olho-anexo-nome {
  min-width: 0;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-mudou {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin: 0 0 var(--sp-4);
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
  box-shadow: inset 0 0 0 1px var(--line);
  font-size: var(--fs-12);
  color: var(--ink);
}

body.ui27 .tk-tela .tk-olho-mudou button {
  margin-left: auto;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: var(--fw-semi);
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

body.ui27 .tk-tela .tk-olho-mudou button:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .tk-tela .tk-olho-itens {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.ui27 .tk-tela .tk-olho-itens li {
  display: flex;
  gap: var(--sp-3);
  padding: var(--sp-2) 0;
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--ink);
}

body.ui27 .tk-tela .tk-olho-itens li + li {
  border-top: var(--hairline) solid var(--line);
}

body.ui27 .tk-tela .tk-olho-itens .tk-olho-item-nome {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.ui27 .tk-tela .tk-olho-itens small {
  display: block;
  font-size: var(--fs-11);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-itens .tk-olho-item-preco {
  flex: none;
  white-space: nowrap;
}

body.ui27 .tk-tela .tk-olho-totais {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px var(--sp-3);
  margin: var(--sp-3) 0 0;
  font-size: var(--fs-12);
  color: var(--ink-2);
}

body.ui27 .tk-tela .tk-olho-totais dt {
  font-weight: var(--fw-regular);
}

body.ui27 .tk-tela .tk-olho-totais dd {
  margin: 0;
  text-align: right;
  color: var(--ink);
}

body.ui27 .tk-tela .tk-olho-totais .tk-olho-total {
  font-weight: var(--fw-bold);
  color: var(--ink);
}

body.ui27 .tk-tela .tk-olho-esq i {
  display: block;
  border-radius: 4px;
  background: var(--line);
}

[data-theme=dark] body.ui27 .tk-tela .tk-olho-esq i {
  background: var(--line-strong);
}

body.ui27 .tk-tela .tk-olho-esq i[data-w=rot] {
  width: 40%;
  height: 12px;
}

body.ui27 .tk-tela .tk-olho-esq i[data-w=tit] {
  width: 60%;
  height: 20px;
  margin-top: 8px;
}

body.ui27 .tk-tela .tk-olho-esq .tk-olho-ficha-ico {
  background: var(--line);
}

body.ui27 .tk-tela .tk-olho-esq i[data-w=l1] {
  width: 30%;
  height: 10px;
}

body.ui27 .tk-tela .tk-olho-esq i[data-w=l2] {
  width: 70%;
  height: 12px;
  margin-top: 6px;
}

body.ui27 .tk-olho-veu {
  position: fixed;
  inset: 0;
  z-index: 1030;
  background: rgba(10, 10, 10, 0.22);
  opacity: 0;
  pointer-events: none;
  transition: opacity calc(200ms * var(--mo-escala)) var(--ease);
}

[data-theme=dark] body.ui27 .tk-olho-veu {
  background: rgba(0, 0, 0, 0.5);
}

body.ui27 .tk-olho-veu[data-aceso] {
  opacity: 1;
  pointer-events: auto;
  cursor: default;
}

body.ui27 .tk-tela .tk-head-olho[aria-expanded=true] {
  background: var(--surface-alt);
  color: var(--ink);
}

body.ui27 .tk-tela .tk-ev-olho[aria-pressed=true] {
  background: var(--surface-alt);
  color: var(--ink);
}

body.ui27 .tk-tela .tk-ped-num[aria-pressed=true] .ai {
  color: var(--ink);
}

body.ui27 .tk-tela .tk-ev:has(.tk-ev-olho[aria-pressed=true]) .tk-ev-ico {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--surface);
}

body.ui27 .tk-tela button.tk-ev-olho {
  border: 0;
  background: transparent;
  cursor: pointer;
}

body.ui27 .tk-tela button.tk-ev-olho:hover {
  background: var(--hover-wash);
  color: var(--ink);
}

body.ui27 .tk-tela button.tk-ev-olho[aria-pressed=true] {
  background: var(--surface-alt);
  color: var(--ink);
}

@container tk-tela (max-width: 719.98px) {
  body.ui27 .tk-tela > .row {
    position: relative;
  }
  body.ui27 .tk-tela .tk-olho {
    position: absolute;
    inset: 0;
    z-index: 7;
    flex: none;
    width: 100%;
    border-left: 0;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform var(--t-panel) var(--ease-in-out), visibility 0s linear var(--t-panel);
  }
  body.ui27 .tk-tela[data-olho] .tk-olho {
    transform: none;
    visibility: visible;
    transition: transform var(--t-panel) var(--ease-in-out), visibility 0s;
  }
  body.ui27 .tk-tela .tk-trilho {
    display: none;
  }
  body.ui27 .tk-tela[data-olho] .tk-fila > :not(.tk-trilho) {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
body.ui27 .tk-head-conversa {
  display: none;
}

@container tk-tela (max-width: 719.98px) {
  body.ui27 .tk-tela .tk-busca input,
body.ui27 .tk-tela .tk-chat textarea,
body.ui27 .tk-tela .tk-chat input[type=text] {
    font-size: 16px;
  }
  body.ui27 .tk-tela .tk-fila-grupo {
    align-items: flex-start;
    padding-top: var(--sp-5);
  }
  body.ui27 .tk-tela .tk-fila-grupo .tk-grupo-tit {
    font-size: 15px;
    line-height: 22px;
  }
  body.ui27 .tk-tela .tk-fila-grupo .tk-grupo-sep {
    display: none;
  }
  body.ui27 .tk-tela .tk-fila-grupo .tk-grupo-desc {
    display: block;
    margin-top: 2px;
    font-size: var(--fs-13);
    font-weight: var(--fw-regular);
    line-height: 18px;
    color: var(--ink-2);
  }
  body.ui27 .tk-tela .tk-fila-grupo .tk-grupo-desc::first-letter {
    text-transform: uppercase;
  }
  body.ui27 .tk-tela .tk-fila-grupo .ai {
    margin-top: 5px;
  }
  body.ui27 .tk-tela .tk-fila-grupo small[data-tk-grupo-n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    margin-left: var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--ink);
    color: var(--surface);
    font-size: var(--fs-11);
    font-weight: var(--fw-semi);
    line-height: 22px;
  }
  [data-theme=dark] body.ui27 .tk-tela .tk-fila-grupo small[data-tk-grupo-n] {
    color: var(--surface) !important;
  }
  body.ui27 .tk-tela .tk-fila-lista {
    padding-bottom: calc(var(--m-baixo-total, 0px) + 12px);
  }
  body.ui27 .tk-tela .tk-detalhe {
    overflow: hidden;
  }
  body.ui27 .tk-tela .tk-detalhe-corpo {
    flex: 1 1 0;
    min-height: 0;
  }
  body.ui27 .tk-tela .tk-head {
    position: relative;
    align-items: center;
    gap: var(--sp-3) var(--sp-2);
    padding: 10px var(--sp-3) 10px;
    border-bottom: 0;
    background: var(--surface);
  }
  body.ui27 .tk-tela .tk-head::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 56px;
    z-index: 0;
    background: var(--tk-head-bg);
    border-bottom: var(--hairline) solid var(--line);
  }
  body.ui27 .tk-tela .tk-head > * {
    position: relative;
    z-index: 1;
  }
  body.ui27 .tk-tela .tk-linha,
body.ui27 .tk-tela .tk-head-nums {
    display: none;
  }
  body.ui27 .tk-tela .tk-head-voltar {
    order: -2;
    flex: none;
    position: relative;
    width: 36px;
    height: 36px;
    margin-left: -8px;
    padding: 0;
    gap: 0;
    border: 0;
    border-radius: var(--r-interactive);
    background: transparent;
    font-size: 0;
  }
  body.ui27 .tk-tela .tk-head-voltar .ai {
    font-size: 22px;
  }
  body.ui27 .tk-tela .tk-head-voltar .ai-arrow-left::before {
    content: "\f2ad";
    font-size: 30px;
  }
  body.ui27 .tk-tela .tk-head-voltar:active {
    background: var(--hover-wash);
  }
  body.ui27 .tk-tela .tk-quem {
    order: -1;
    flex: 1 1 0;
    max-width: none;
  }
  body.ui27 .tk-tela .tk-head-nome {
    gap: 6px;
    font-size: 18px;
    line-height: 24px;
  }
  body.ui27 .tk-tela .tk-head-olho {
    margin: -6px -6px -6px auto;
  }
  body.ui27 .tk-tela .tk-head-voltar::after,
body.ui27 .tk-tela .tk-head-olho::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
  body.ui27 .tk-tela .tk-head-olho {
    position: relative;
  }
  body.ui27 .tk-tela .tk-olho-nums {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-2);
    margin: 0 0 14px;
  }
  body.ui27 .tk-tela .tk-olho-nums .tk-num {
    height: auto;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--surface-alt);
  }
  body.ui27 .tk-tela .tk-olho-nums > .tk-num[data-num=tickets] {
    grid-column: 1/-1;
  }
  body.ui27 .tk-tela .tk-head-barra {
    order: 2;
    flex: 1 1 100%;
    position: relative;
    display: flex;
    gap: 0;
    margin: 0;
    padding: 3px;
    border-radius: 10px;
    background: var(--surface-alt);
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  body.ui27 .tk-tela .tk-head-barra::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    width: calc(50% - 3px);
    border-radius: var(--r-interactive);
    background: var(--tk-chat-fundo, var(--surface));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 1px rgba(0, 0, 0, 0.05);
    transition: transform 260ms cubic-bezier(0.3, 0.9, 0.3, 1);
  }
  body.ui27 .tk-tela .tk-head-barra:has(.tk-head-ctx[aria-expanded=true])::before {
    transform: translateX(100%);
  }
  body.ui27 .tk-tela .tk-head-barra > .tk-head-conversa,
body.ui27 .tk-tela .tk-head-barra > .tk-head-ctx {
    position: relative;
    z-index: 1;
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 var(--sp-2);
    border: 0;
    border-radius: var(--r-interactive);
    background: transparent;
    font-size: var(--fs-13);
    font-weight: var(--fw-medium, 500);
    line-height: 20px;
    color: var(--ink-3);
    white-space: nowrap;
    cursor: pointer;
    transition: color 200ms linear;
  }
  body.ui27 .tk-tela .tk-head-barra > .tk-head-conversa .ai,
body.ui27 .tk-tela .tk-head-barra > .tk-head-ctx .ai {
    font-size: 16px;
  }
  body.ui27 .tk-tela .tk-head-barra > .tk-head-conversa:hover,
body.ui27 .tk-tela .tk-head-barra > .tk-head-ctx:hover {
    background: transparent;
  }
  body.ui27 .tk-tela .tk-head-barra > .tk-head-conversa:focus,
body.ui27 .tk-tela .tk-head-barra > .tk-head-ctx:focus {
    outline: 0;
  }
  body.ui27 .tk-tela .tk-head-barra > .tk-head-conversa:focus-visible,
body.ui27 .tk-tela .tk-head-barra > .tk-head-ctx:focus-visible {
    outline: 2px solid var(--accent-line) !important;
    outline-offset: -2px !important;
  }
  body.ui27 .tk-tela .tk-head-barra > .tk-head-conversa[aria-pressed=true],
body.ui27 .tk-tela .tk-head-barra > .tk-head-ctx[aria-expanded=true] {
    color: var(--ink);
    font-weight: var(--fw-semi);
    background: transparent;
  }
  body.ui27 .tk-tela .tk-detalhe-corpo > .tk-ctx,
body.ui27 .tk-tela .tk-detalhe-corpo[data-ctx=aberto] > .tk-ctx {
    width: 100%;
    transition: none;
  }
  body.ui27 .tk-tela .tk-detalhe-corpo > .tk-ctx > .tk-ctx-cab {
    display: none;
  }
  body.ui27 .tk-tela .tk-tl-chips, body.ui27 .tk-tela .tk-faixa-dados {
    scrollbar-width: none;
  }
  body.ui27 .tk-tela .tk-tl-chips::-webkit-scrollbar, body.ui27 .tk-tela .tk-faixa-dados::-webkit-scrollbar {
    display: none;
  }
  body.ui27 .tk-tela .tk-detalhe-corpo > .tk-ctx > .tk-ctx-in {
    top: 0;
    padding: var(--sp-4) var(--sp-3) calc(var(--sp-4) + env(safe-area-inset-bottom, 0px));
  }
  body.ui27 .tk-tela .tk-faixa-assunto {
    flex: 1 1 0;
    white-space: normal;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  body.ui27 .tk-tela .tk-faixa-dir {
    flex: 1 1 100%;
    margin-left: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  body.ui27 .tk-tela .tk-faixa-selos {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
  }
  body.ui27 .tk-tela .tk-faixa-acao {
    margin-left: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.ui27 .tk-tela .tk-head-barra::before {
    transition: none;
  }
}
body.ui27 .op-tela {
  container: op-tela/inline-size;
  --op-margem: 44px;
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  color: var(--ink);
  background: var(--surface);
  position: relative;
}
body.ui27 .op-tela[data-estagio=encolhida] {
  grid-template-columns: max(360px, 24%) minmax(0, 1fr);
}
body.ui27 .op-tela[data-estagio=cheia] > .op-detalhe, body.ui27 .op-tela[data-estagio=cheia] > .op-det-esq {
  display: none;
}
body.ui27 .op-tela > .op-fila {
  grid-column: 1;
  grid-row: 1;
}
body.ui27 .op-tela > .op-detalhe, body.ui27 .op-tela > .op-det-esq {
  grid-column: 2;
  grid-row: 1;
}
body.ui27 .op-tela[data-olho] {
  grid-template-columns: 0 minmax(0, 1fr) auto;
}
body.ui27 .op-tela[data-olho] > .op-fila {
  visibility: hidden;
  overflow: hidden;
}
body.ui27 .op-tela > .op-olho {
  grid-column: 3;
  grid-row: 1;
}
body.ui27 .op-tela:not([data-olho]) > .op-olho, body.ui27 .op-tela > .op-olho-veu {
  display: none;
}

@media (min-width: 1680px) {
  body.ui27 .op-tela {
    --op-margem: 52px;
  }
}
@media (min-width: 1920px) {
  body.ui27 .op-tela {
    --op-margem: 60px;
  }
}
body.ui27 .op-tela .op-fila {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--tk-col-bg);
  border-right: 1px solid var(--line);
}
body.ui27 .op-tela[data-estagio=cheia] .op-fila {
  background: var(--surface);
  border-right: 0;
}
body.ui27 .op-tela .op-topo {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px var(--op-margem);
  background: var(--tk-fila-head-bg);
  border-bottom: 1px solid var(--line);
}
body.ui27 .op-tela[data-estagio=encolhida] .op-topo {
  padding: 20px;
  position: sticky;
  top: 0;
  z-index: 2;
}
body.ui27 .op-tela .op-flash {
  margin: 0;
}
body.ui27 .op-tela .op-topo-l1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
}
body.ui27 .op-tela .op-titulo {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: -0.01em;
  color: var(--ink);
}
body.ui27 .op-tela .op-vista {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 10px;
  background: rgba(10, 10, 10, 0.07);
}
body.ui27 .op-tela[data-estagio=encolhida] .op-vista, body.ui27 .op-tela[data-estagio=encolhida] .op-boxes, body.ui27 .op-tela[data-estagio=encolhida] .op-topo-acoes {
  display: none;
}
body.ui27 .op-tela .op-topo-acoes {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
body.ui27 .op-tela .tk-faixa-fim .ai, body.ui27 .op-tela .op-icone .ai {
  font-size: 14px;
}
body.ui27 .op-tela .op-boxes {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
}
body.ui27 .op-tela .op-boxes .op-box.tk-num {
  flex: 0 0 auto;
  min-width: 120px;
  display: block;
  text-decoration: none;
}
body.ui27 .op-tela .op-ponto {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
  background: var(--op-cor, var(--ink-3));
  vertical-align: 0;
}
body.ui27 .op-tela [data-cor=frio] {
  --op-cor: #8FC7FF;
  --op-cor-bg: #E3F1FF;
}
body.ui27 .op-tela [data-cor=morno] {
  --op-cor: #FFA94D;
  --op-cor-bg: #FFE4C2;
}
body.ui27 .op-tela [data-cor=quente] {
  --op-cor: #F85171;
  --op-cor-bg: #FFDEE2;
}
body.ui27 .op-tela [data-cor=venda] {
  --op-cor: #35D44C;
  --op-cor-bg: #D7FCE3;
}
body.ui27 .op-tela [data-cor=neutro] {
  --op-cor: var(--ink-3);
  --op-cor-bg: var(--surface-alt);
}
body.ui27 .op-tela [data-cor=alerta] {
  --op-cor: var(--alert);
}
body.ui27 .op-tela .op-form {
  display: flex;
  flex-direction: column;
  margin: 0;
}
body.ui27 .op-tela .op-rot {
  margin: 0;
  font-size: 11px;
  line-height: 1.2;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-filtros .tk-filtros {
  margin: 2px 0 -4px -4px;
  padding: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
body.ui27 .op-tela .op-filtros .tk-chip {
  gap: 6px;
  flex: none;
}
body.ui27 .op-tela .op-filtros .tk-chip .ai {
  font-size: 14px;
}
body.ui27 .op-tela .tk-filtros .tk-chip[aria-haspopup]:not(:hover), body.ui27 .op-tela .tk-filtros a.tk-chip:not(:hover) {
  background: var(--surface);
}
body.ui27 .op-tela .tk-filtros .tk-chip[data-ativo] {
  background: var(--ink);
  color: var(--surface);
  border-color: var(--ink);
}
body.ui27 .op-tela .op-chip-n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--surface);
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
}
body.ui27 .op-tela .op-etapa-menu {
  min-width: 200px;
  padding: 8px 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--tk-sombra-suave);
}
body.ui27 .op-tela .op-etapa-item {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  font-size: 13px;
  color: var(--ink);
}
body.ui27 .op-tela .op-busca.tk-busca {
  position: relative;
  margin: 16px 0 0;
  max-width: 480px;
}
body.ui27 .op-tela[data-estagio=encolhida] .op-busca.tk-busca {
  max-width: none;
}
body.ui27 .op-tela .op-busca-limpar {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-busca-limpar:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .op-tela .op-filtros-mob {
  display: none;
  margin-top: 12px;
}
body.ui27 .op-tela .op-link-filtros {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-avancado {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
body.ui27 .op-tela .op-avancado-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
body.ui27 .op-tela .op-avancado-cab h2 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: var(--ink);
}
body.ui27 .op-tela .op-avancado-grade {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
body.ui27 .op-tela .op-campo-f {
  min-width: 0;
}
body.ui27 .op-tela .op-campo-f label {
  display: block;
  margin: 0 0 6px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-campo-f .select2-container .select2-selection {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}
body.ui27 .op-tela .op-campo-slot {
  grid-column: 1/-1;
}
body.ui27 .op-tela .op-avancado-pe {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
body.ui27 .op-tela .tk-faixa-fim.op-btn-sec:not(:hover):not(:focus-visible) {
  background: transparent;
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--line);
}
body.ui27 .op-tela .op-btn-28 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-2);
  text-decoration: none;
}
body.ui27 .op-tela .op-btn-28 .ai {
  font-size: 16px;
}
body.ui27 .op-tela .op-btn-28:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .op-tela .op-banner {
  padding: 0 var(--op-margem);
  margin-top: 16px;
}
body.ui27 .op-tela .op-banner .alert {
  margin: 0;
}
body.ui27 .op-tela .op-aviso.tk-fila-aviso {
  margin: 12px var(--op-margem) 0;
  box-shadow: inset 0 0 0 1px var(--line);
}
body.ui27 .op-tela .op-aviso-fila.tk-fila-aviso {
  margin: 0;
  box-shadow: inset 0 0 0 1px var(--line);
}

body.ui27 .op-tela .op-lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px var(--op-margem);
}
body.ui27 .op-tela .op-lista[aria-busy=true] {
  opacity: 0.6;
}
body.ui27 .op-tela .op-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
}
body.ui27 .op-tela .op-card-abrir {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
}
body.ui27 .op-tela .op-card > :not(.op-card-abrir) {
  position: relative;
  z-index: 0;
  pointer-events: none;
}
body.ui27 .op-tela .op-card a, body.ui27 .op-tela .op-card button:not(.op-card-abrir) {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
body.ui27 .op-tela .op-card[aria-disabled=true] {
  cursor: default;
}
body.ui27 .op-tela .op-card-cab {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.ui27 .op-tela .op-card-l1 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
body.ui27 .op-tela .op-card-id {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding-right: 12px;
  border-right: 1px solid var(--line-strong);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink);
}
body.ui27 .op-tela .op-card-nome {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--ink);
}
body.ui27 .op-tela .op-card-cadeado {
  margin-left: auto;
}
body.ui27 .op-tela .op-card-contato {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.ui27 .op-tela .op-card-etapa {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
}
body.ui27 .op-tela .op-etapa-rot {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--op-cor-bg);
  color: #0A0A0A;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}
body.ui27 .op-tela progress.op-progresso {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 120px;
  height: 6px;
  border: 0;
  border-radius: 999px;
  background: var(--surface-alt);
  overflow: hidden;
}
body.ui27 .op-tela progress.op-progresso::-webkit-progress-bar {
  background: var(--surface-alt);
}
body.ui27 .op-tela progress.op-progresso::-webkit-progress-value {
  background: var(--op-cor, var(--ink));
}
body.ui27 .op-tela progress.op-progresso::-moz-progress-bar {
  background: var(--op-cor, var(--ink));
}
body.ui27 .op-tela .op-card-afazer {
  color: var(--ink-2);
}
body.ui27 .op-tela .op-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.ui27 .op-tela .tk-tag {
  padding: 2px 10px;
  border-radius: 999px;
}
body.ui27 .op-tela .tk-tag.op-tag-cor {
  background: var(--op-tag-cor);
  color: #FFFFFF;
}
body.ui27 .op-tela .tk-tag[data-tom=descartada] {
  background: var(--surface-alt);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--line);
}
body.ui27 .op-tela .tk-tag[data-tom=vencido] {
  background: var(--pal-rosa-bg);
  color: var(--pal-ink);
}
body.ui27 .op-tela .tk-tag[data-tom=agendado] {
  background: var(--pal-amarelo-bg);
  color: var(--pal-ink);
}
body.ui27 .op-tela .tk-tag[data-tom=fora] {
  padding: 1px 9px;
}
body.ui27 .op-tela dl.op-card-campos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px;
  margin: 4px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
body.ui27 .op-tela .op-campo dt {
  margin: 0;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-campo dd {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
body.ui27 .op-tela .op-slot-resp {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-pop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 4px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ink-2);
  vertical-align: -4px;
}
body.ui27 .op-tela .op-card-pe {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
}
body.ui27 .op-tela .op-card-acoes {
  display: flex;
  gap: 4px;
}
body.ui27 .op-tela .op-icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-2);
  text-decoration: none;
}
body.ui27 .op-tela .op-icone:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 .op-tela .op-icone:disabled {
  opacity: 0.45;
  cursor: default;
}
body.ui27 .op-tela .op-card-abrir-txt {
  margin-left: auto;
}
body.ui27 .op-tela[data-estagio=encolhida] .op-lista {
  gap: 0;
  padding: 12px 0 0;
}
body.ui27 .op-tela[data-estagio=encolhida] .op-card, body.ui27 .op-tela .op-funil .op-card {
  gap: 8px;
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  background: var(--tk-item-bg);
  overflow: hidden;
}
body.ui27 .op-tela[data-estagio=encolhida] .op-card {
  margin: 0 12px 20px;
}
body.ui27 .op-tela .op-funil .op-card {
  margin: 0 0 12px;
}
body.ui27 .op-tela[data-estagio=encolhida] .op-card:hover, body.ui27 .op-tela .op-funil .op-card:hover, body.ui27 .op-tela .op-card[aria-current=true], body.ui27 .op-tela .op-card[data-abrindo] {
  background: var(--tk-chat-fundo);
}
body.ui27 .op-tela .op-card[aria-current=true] > .op-card-abrir::before, body.ui27 .op-tela .op-card[data-abrindo] > .op-card-abrir::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--indicator);
}
body.ui27 .op-tela[data-estagio=encolhida] .op-card-nome, body.ui27 .op-tela .op-funil .op-card-nome {
  font-size: 14px;
}
body.ui27 .op-tela[data-estagio=encolhida] dl.op-card-campos, body.ui27 .op-tela .op-funil dl.op-card-campos {
  gap: 8px 12px;
  margin-top: 4px;
  padding-top: 8px;
}
body.ui27 .op-tela[data-estagio=encolhida] .op-campo dd, body.ui27 .op-tela .op-funil .op-campo dd {
  margin-top: 2px;
}
body.ui27 .op-tela .op-funil {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  overflow-x: auto;
  padding: 20px var(--op-margem);
}
body.ui27 .op-tela .op-col {
  flex: 0 0 300px;
  min-width: 0;
}
body.ui27 .op-tela .op-col-cab {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  line-height: 20px;
}
body.ui27 .op-tela .op-col-tit {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
}
body.ui27 .op-tela .op-col-n {
  margin-left: auto;
  color: var(--ink);
}
body.ui27 .op-tela .op-col-todas {
  margin-left: auto;
  font-size: 12px;
}
body.ui27 .op-tela .op-col-todas + .op-col-n {
  margin-left: 8px;
}
body.ui27 .op-tela .op-col-mais {
  display: inline-block;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.ui27 .op-tela .op-col-vazio {
  margin: 0;
  padding: 12px 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-col .op-col-aviso.tk-fila-aviso {
  margin: 0;
  box-shadow: inset 0 0 0 1px var(--line);
}
body.ui27 .op-tela .op-tab-caixa {
  overflow-x: auto;
  padding: 20px var(--op-margem);
}
body.ui27 .op-tela .op-tab {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  color: var(--ink);
}
body.ui27 .op-tela .op-tab th {
  padding: 0 14px 10px;
  font-size: 11px;
  font-weight: 400;
  color: var(--ink-2);
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid var(--line-strong);
}
body.ui27 .op-tela .op-tab td {
  padding: 14px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  vertical-align: middle;
}
body.ui27 .op-tela .op-tab tbody tr[data-sel] {
  cursor: pointer;
}
body.ui27 .op-tela .op-tab tbody tr:hover {
  background: var(--hover-wash);
}
body.ui27 .op-tela .op-tab-abrir {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 600;
  color: var(--ink);
  text-align: left;
  text-transform: uppercase;
}
body.ui27 .op-tela .op-tab-id {
  color: var(--ink-2);
  margin-right: 8px;
}
body.ui27 .op-tela .op-vazio {
  padding: 32px 0;
  max-width: 560px;
}
body.ui27 .op-tela .op-vazio h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--ink);
}
body.ui27 .op-tela .op-vazio .op-vazio-2 {
  margin-top: 16px;
}
body.ui27 .op-tela .op-vazio p {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-vazio .tk-faixa-fim {
  margin-top: 16px;
}
body.ui27 .op-tela .op-pag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0 var(--op-margem) 20px;
}
body.ui27 .op-tela .op-lista > .op-pag {
  margin-top: 8px;
  padding: 0;
}
body.ui27 .op-tela .op-pag .wrap-pagination {
  justify-content: flex-start !important;
}
body.ui27 .op-tela .op-pag-info {
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}
body.ui27 .op-tela[data-estagio=encolhida] .op-lista > .op-pag {
  padding: 0 20px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

body.ui27 #op-fila .op-vista a {
  align-items: center;
  border-radius: 7px;
  color: var(--ink);
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 26px;
  padding: 0 16px;
  text-decoration: none;
}
body.ui27 #op-fila .op-vista a:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
body.ui27 #op-fila .op-vista a[aria-current=page] {
  background: var(--ink);
  color: var(--surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
body.ui27 #op-fila a.op-box {
  color: inherit;
}
body.ui27 #op-fila a.op-box:hover {
  background: var(--hover-wash);
}
body.ui27 #op-fila .op-link-filtros a {
  margin-left: 6px;
  font-weight: 600;
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.ui27 #op-fila .op-col-mais, body.ui27 #op-fila .op-col-todas {
  color: var(--ink);
}
body.ui27 #op-fila a.op-icone {
  color: var(--ink-2);
}
body.ui27 #op-fila a.op-icone:hover {
  color: var(--ink);
}
body.ui27 #op-fila .op-etapa-item {
  color: var(--ink);
}
body.ui27 #op-fila .op-etapa-item:hover {
  background: var(--hover-wash);
  color: var(--ink);
  text-decoration: none;
}
body.ui27 #op-fila a.tk-chip {
  color: var(--ink-2);
}
body.ui27 #op-fila a.tk-chip:hover {
  color: var(--ink);
}

[data-theme=dark] body.ui27 #op-fila a.tk-faixa-fim {
  color: var(--ink);
}

[data-theme=dark] body.ui27 #op-fila a.tk-faixa-fim:hover, [data-theme=dark] body.ui27 #op-fila a.tk-faixa-fim:focus-visible {
  color: #0A0A0A;
}

[data-theme=dark] body.ui27 .op-tela .op-vista {
  background: rgba(250, 250, 250, 0.07);
}

body.ui27 .op-tela .op-detalhe {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
body.ui27 .op-tela .op-det-esq {
  display: none;
  position: relative;
  z-index: 2;
  flex-direction: column;
  min-width: 0;
  background: var(--surface);
}
body.ui27 .op-tela[data-carregando] > .op-det-esq {
  display: flex;
}
body.ui27 .op-tela .op-barra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  padding: 20px;
  background: var(--tk-head-bg);
  border-bottom: 1px solid var(--line);
}
body.ui27 .op-tela .op-barra-quem {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
}
body.ui27 .op-tela .op-barra-rot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-barra-fim {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  align-self: flex-start;
}
body.ui27 .op-tela .op-barra-nums {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
  container: op-nums/inline-size;
}
body.ui27 .op-tela .op-barra-nums > .tk-num {
  flex: 1 1 0;
  min-width: 126px;
}
body.ui27 .op-tela .op-barra-nums > .tk-num:nth-child(2) {
  flex-grow: 1.6;
  min-width: 208px;
}
body.ui27 .op-tela .op-esq {
  display: block;
  border-radius: 4px;
  background: var(--surface-alt);
}
body.ui27 .op-tela .op-esq[data-w=rot] {
  width: 96px;
  height: 12px;
}
body.ui27 .op-tela .op-esq[data-w=nome] {
  width: 220px;
  max-width: 100%;
  height: 20px;
}
body.ui27 .op-tela .op-esq[data-w=caso] {
  width: min(480px, 100%);
  height: 32px;
  border-radius: 8px;
}
body.ui27 .op-tela .op-carregando {
  margin: 0;
  padding: 20px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-estado {
  padding: 48px 20px;
  max-width: 520px;
}
body.ui27 .op-tela .op-estado h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--ink);
}
body.ui27 .op-tela .op-estado p {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-estado-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
body.ui27 .op-tela .op-olho {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: var(--surface);
  border-left: 1px solid var(--line);
}
body.ui27 .op-tela .op-olho-in {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
body.ui27 .op-tela .op-lia-reserva {
  display: contents;
}

@container op-nums (min-width: 346px) and (max-width: 621.98px) {
  body.ui27 .op-tela .op-barra-nums > .tk-num:nth-child(n) {
    flex: 1 1 34%;
  }
  body.ui27 .op-tela .op-barra-nums > .tk-num:nth-child(2n) {
    min-width: 208px;
  }
}
body.ui27 .op-tela :is(a, button, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .op-tela .op-card-abrir:focus-visible {
  outline-offset: -2px !important;
}

@media (pointer: coarse) {
  body.ui27 .op-tela .op-icone, body.ui27 .op-tela .op-btn-28 {
    width: 36px;
    height: 36px;
  }
}
@container op-tela (max-width: 719.98px) {
  body.ui27 .op-tela > .op-fila, body.ui27 .op-tela > .op-detalhe, body.ui27 .op-tela > .op-det-esq, body.ui27 .op-tela > .op-olho {
    grid-column: 1/-1;
    grid-row: 1;
  }
  body.ui27 .op-tela[data-estagio=encolhida]:not([data-painel=fila]) > .op-fila {
    display: none;
  }
  body.ui27 .op-tela[data-painel=fila] > .op-detalhe, body.ui27 .op-tela[data-painel=fila] > .op-det-esq {
    display: none;
  }
  body.ui27 .op-tela .op-topo, body.ui27 .op-tela[data-estagio=encolhida] .op-topo {
    padding: 20px;
  }
  body.ui27 .op-tela .op-lista, body.ui27 .op-tela .op-funil, body.ui27 .op-tela .op-tab-caixa {
    padding: 20px;
  }
  body.ui27 .op-tela .op-banner {
    padding: 0 20px;
  }
  body.ui27 .op-tela .op-aviso.tk-fila-aviso {
    margin: 12px 20px 0;
  }
  body.ui27 .op-tela .op-filtros-mob {
    display: block;
  }
  body.ui27 .op-tela .op-filtros .op-chip-avancado {
    display: none;
  }
  body.ui27 .op-tela .op-topo-acoes {
    margin-left: auto;
  }
  body.ui27 .op-tela .op-boxes .op-box.tk-num {
    min-width: 120px;
  }
}
@container op-tela (max-width: 719.98px) {
  body.ui27 .op-tela :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) {
    font-size: 16px;
  }
  body.ui27 .op-tela[data-estagio=cheia] .op-titulo {
    flex: 0 0 100%;
  }
  body.ui27 .op-tela .op-topo-acoes > .tk-faixa-fim, body.ui27 .op-tela .op-filtros-mob > .tk-faixa-fim {
    font-size: 0;
    gap: 0;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px;
  }
  body.ui27 .op-tela .op-busca-linha {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 16px;
  }
  body.ui27 .op-tela .op-busca-linha > .op-busca.tk-busca {
    flex: 1 1 auto;
    margin: 0;
  }
  body.ui27 .op-tela .op-busca-linha > .op-filtros-mob {
    flex: none;
    margin: 0;
  }
}
@media (max-width: 719.98px) {
  body.ui27:has(.op-tela) > .select2-container .select2-search__field {
    font-size: 16px;
  }
  body.ui27:has(.op-tela) .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea, .form-control) {
    font-size: 16px;
  }
}
@media (pointer: coarse) {
  body.ui27 #op-fila .op-vista a {
    height: 36px;
  }
  body.ui27 .op-tela .op-busca.tk-busca {
    height: 40px;
  }
  body.ui27 .op-tela .op-filtros-mob > .tk-faixa-fim {
    height: 40px;
    width: 40px;
  }
  body.ui27 .op-tela .op-tab td {
    padding: 6px 14px;
  }
  body.ui27 .op-tela .op-col-mais {
    padding: 9px 0;
  }
  body.ui27 .op-tela :is(.op-busca-limpar, .op-pedidos-tentar, .op-link-filtros a, .op-col-todas) {
    position: relative;
  }
  body.ui27 .op-tela :is(.op-busca-limpar, .op-pop, .op-pedidos-tentar, .op-link-filtros a, .op-col-todas)::after {
    content: "";
    height: 36px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(36px, 100%);
  }
}
[data-theme=dark] body.ui27 #op-fila .op-pag a.back_color.page-btn:not(.active) {
  color: var(--ink);
}

[data-theme=dark] body.ui27 #op-fila .op-pag a.back_color.page-btn.active {
  background-color: var(--ink) !important;
  color: var(--surface) !important;
}

body.ui27 .op-tela .op-detalhe > .op-barra {
  flex: none;
}
body.ui27 .op-tela .op-barra > .op-barra-voltar {
  order: -1;
}
body.ui27 .op-tela .op-barra-alterna {
  display: none;
  align-items: center;
  gap: 8px;
  order: 1;
}
body.ui27 .op-tela .op-barra-fim {
  order: 2;
}
body.ui27 .op-tela .op-barra-nums, body.ui27 .op-tela .op-caso {
  order: 3;
}
body.ui27 .op-tela .op-barra-l1 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
body.ui27 .op-tela .op-barra-nome {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--ink);
}
body.ui27 .op-tela .op-barra .tk-tag {
  flex: none;
}
body.ui27 .op-tela .op-barra-olho[aria-expanded=true] {
  background: var(--surface-alt);
  color: var(--ink);
}
body.ui27 .op-tela .op-nome-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-barra-l1:has(.op-nome-2) {
  align-items: flex-start;
}
body.ui27 .op-tela .op-barra-l1:has(.op-nome-2) > .tk-tag {
  margin-top: 2px;
}
body.ui27 .op-tela .op-barra-l1:has(.op-nome-2) > .op-barra-olho {
  margin-top: -2px;
}
body.ui27 .op-tela .op-recorte {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: var(--ink);
  white-space: nowrap;
  background: transparent;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  cursor: pointer;
}
body.ui27 .op-tela .op-recorte .ai {
  font-size: 14px;
}
body.ui27 .op-tela .op-recorte:hover {
  background: var(--hover-wash);
}
body.ui27 .op-tela .op-barra .op-barra-voltar, body.ui27 .op-tela .op-barra .op-barra-conversa {
  display: none;
}
body.ui27 .op-tela .op-barra-ctx[aria-expanded=true], body.ui27 .op-tela .op-barra-conversa[aria-pressed=true] {
  background: var(--surface-alt);
  border-color: var(--ink);
}
body.ui27 .op-tela .op-barra-nums > .tk-num.op-pedidos-erro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  height: auto;
  min-height: 68px;
}
body.ui27 .op-tela .op-pedidos-erro p {
  margin: 0;
  max-width: 100%;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
  white-space: normal;
}
body.ui27 .op-tela .op-pedidos-tentar {
  padding: 0;
  border: 0;
  background: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.ui27 .op-tela .op-caso {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  min-width: 0;
}
body.ui27 .op-tela .op-datas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  margin: 0;
  min-width: 0;
}
body.ui27 .op-tela .op-data {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}
body.ui27 .op-tela .op-data dt {
  margin: 0;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-data dd {
  display: inline-flex;
  align-items: center;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink);
}
body.ui27 .op-tela .op-data dd[data-tom]::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
}
body.ui27 .op-tela .op-data dd[data-tom=vencido]::before {
  background: var(--pal-rosa);
}
body.ui27 .op-tela .op-data dd[data-tom=agendado]::before {
  background: var(--pal-amarelo);
}
body.ui27 .op-tela .op-acoes {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
body.ui27 .op-tela .op-barra-slot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
body.ui27 .op-tela .op-mais {
  position: relative;
}
body.ui27 .op-tela .op-mais-btn .ai-chevron-small-down {
  margin-left: -2px;
}
body.ui27 .op-tela .op-mais .op-mais-menu.dropdown-menu {
  width: 260px;
  min-width: 260px;
  padding: 8px 0;
  margin: 4px 0 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--tk-sombra-suave);
  max-height: min(70vh, 480px);
  overflow-y: auto;
}
body.ui27 .op-tela .op-mais .op-mais-item.dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 0 16px;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
  white-space: normal;
}
body.ui27 .op-tela .op-mais .op-mais-item.dropdown-item .ai {
  flex: none;
  font-size: 16px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-mais .op-mais-item.dropdown-item:hover, body.ui27 .op-tela .op-mais .op-mais-item.dropdown-item:focus {
  background: var(--hover-wash);
  color: var(--ink);
  text-decoration: none;
}
body.ui27 .op-tela .op-mais .op-mais-item.dropdown-item[data-tom=perigo] .ai {
  color: var(--alert);
}
body.ui27 .op-tela .op-mais .op-mais-div.dropdown-divider {
  height: 1px;
  margin: 8px 0;
  border: 0;
  background: var(--line);
}

@container op-tela (min-width: 1360px) {
  body.ui27 .op-tela .op-barra-quem {
    flex: 1 1 200px;
  }
  body.ui27 .op-tela .op-barra-nums {
    order: 0;
    flex: 1 1 600px;
    max-width: 840px;
  }
}
body.ui27 .op-tela .op-detalhe > .op-corpo {
  flex: 1 0 0;
  min-height: 360px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max(320px, 31.5789473684%);
  grid-template-rows: minmax(0, 1fr);
}
body.ui27 .op-tela .op-centro {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
body.ui27 .op-tela .op-faixa {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  background: var(--tk-faixa-bg);
  border-bottom: 1px solid var(--line);
}
body.ui27 .op-tela .op-faixa-l1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-faixa-etapa {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: var(--op-cor-bg);
  color: #0A0A0A;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
body.ui27 .op-tela button.op-faixa-etapa {
  cursor: pointer;
}
body.ui27 .op-tela .op-faixa-etapa .ai {
  font-size: 14px;
}
body.ui27 .op-tela .op-faixa-pct {
  color: var(--ink);
}
body.ui27 .op-tela .op-faixa-pergunta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
body.ui27 .op-tela .op-faixa-pergunta p {
  flex: 1 1 200px;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}
body.ui27 .op-tela .op-faixa-resp {
  display: inline-flex;
  flex: none;
  gap: 8px;
  margin-left: auto;
}
body.ui27 .op-tela .tk-faixa-fim.op-sim, body.ui27 .op-tela .tk-faixa-fim.op-sim:hover, body.ui27 .op-tela .tk-faixa-fim.op-sim:focus-visible {
  background-color: var(--op-cor-bg);
  background-image: none;
  color: #0A0A0A;
}
body.ui27 .op-tela .op-conversa {
  background: var(--tk-chat-fundo);
  background-image: linear-gradient(to bottom, var(--tk-sh-in)), linear-gradient(to right, var(--tk-sh-in)), linear-gradient(to left, var(--tk-sh-in));
  background-size: 100% 10px, 10px 100%, 10px 100%;
  background-position: top, left, right;
  background-repeat: no-repeat;
}
body.ui27 .op-tela .op-conversa-estado {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px 20px;
  text-align: center;
}
body.ui27 .op-tela .op-conversa-estado p {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-conversa-estado .op-conversa-tit {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}
body.ui27 .op-tela .op-conversa-estado .tk-faixa-fim {
  margin-top: 4px;
}
body.ui27 .op-tela .op-faixa .op-canais {
  margin-left: auto;
}
body.ui27 .op-tela .op-faixa .op-canal.tk-chip {
  gap: 6px;
  color: var(--ink-2);
  background: var(--surface);
  cursor: pointer;
}
body.ui27 .op-tela .op-faixa .op-canal.tk-chip b {
  font-weight: 600;
  color: var(--ink);
}
body.ui27 .op-tela .op-faixa .op-canal.tk-chip .ai, body.ui27 .op-tela .op-faixa .op-canal.tk-chip i.op-canal-ico {
  font-size: 14px !important;
}
body.ui27 .op-tela .op-faixa .op-canal.tk-chip[aria-busy=true] {
  cursor: progress;
}
body.ui27 .op-tela .op-faixa .op-canais .op-mais-menu.dropdown-menu {
  width: 240px;
  min-width: 240px;
}
body.ui27 .op-tela .op-faixa .op-canais .op-canal-item i.op-canal-item-ico {
  font-size: 14px !important;
}
body.ui27 .op-tela .op-faixa .op-canais .op-canal-item .op-canal-check {
  margin-left: auto;
}
body.ui27 .op-tela .op-faixa .op-canais .op-canal-item[aria-checked=false] .op-canal-check {
  visibility: hidden;
}
body.ui27 .op-tela .op-faixa[data-so-canal] {
  padding: 8px 20px;
}
body.ui27 .op-tela .op-tl-centro {
  flex: 1 1 auto;
  min-height: 0;
  padding: 20px;
}
body.ui27 .op-tela .op-tl-centro > .op-ctx-tit {
  margin-bottom: 12px;
}
body.ui27 .op-tela .op-tl-centro .card-body {
  padding: 0;
}
body.ui27 .op-tela .op-ctx {
  position: relative;
  min-width: 0;
  min-height: 0;
  background: var(--tk-col-bg);
  border-left: 1px solid var(--line);
}
body.ui27 .op-tela .op-ctx-in {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
body.ui27 .op-tela .op-ctx-in :is(a, button, [tabindex]) {
  scroll-margin: 8px;
}
body.ui27 .op-tela .op-ctx-gaveta-cab {
  display: none;
}
body.ui27 .op-tela .op-ctx-card {
  flex: none;
  min-width: 0;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
}
body.ui27 .op-tela .op-ctx-cab {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 48px;
  padding: 0 12px 0 20px;
}
body.ui27 .op-tela .op-ctx-tit {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: var(--ink);
  text-align: left;
}
body.ui27 .op-tela button.op-ctx-tit {
  cursor: pointer;
}
body.ui27 .op-tela .op-ctx-tit .ai {
  flex: none;
  font-size: 16px;
  color: var(--ink-2);
  transition: transform var(--t-hover) linear;
}
body.ui27 .op-tela .op-ctx-tit[aria-expanded=false] .ai {
  transform: rotate(-90deg);
}
body.ui27 .op-tela .op-ctx-corpo {
  padding: 0 20px 20px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
  min-height: 0;
}
body.ui27 .op-tela .op-dl {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 8px 16px;
  margin: 0;
}
body.ui27 .op-tela .op-dl dt {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-dl dd {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
body.ui27 .op-tela .op-dl-item {
  display: block;
}
body.ui27 .op-tela .op-ctx-extra {
  display: block;
  min-width: 0;
}

[data-theme=dark] body.ui27 .op-tela .op-ctx-card .card-body,
[data-theme=dark] body.ui27 .op-tela .op-centro .card-body {
  background-color: transparent !important;
}

[data-theme=dark] body.ui27 .op-tela :is(.op-barra-nome, .op-ctx-tit, .op-olho-tit, .op-olho-h) {
  color: var(--ink) !important;
}

[data-theme=dark] body.ui27 .op-tela .tk-faixa-fim.op-sim,
[data-theme=dark] body.ui27 .op-tela .tk-faixa-fim.op-sim:hover,
[data-theme=dark] body.ui27 .op-tela .tk-faixa-fim.op-sim:focus-visible {
  background-color: var(--op-cor-bg);
  background-image: none;
  color: #0A0A0A;
}

body.ui27 #opp27-detalhe a.op-barra-nome-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--line-strong);
  text-underline-offset: 4px;
}
body.ui27 #opp27-detalhe a.op-resumo-link {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.ui27 #opp27-detalhe a.op-btn-28 {
  color: var(--ink-2);
}
body.ui27 #opp27-detalhe a.op-btn-28:hover {
  color: var(--ink);
}
body.ui27 #opp27-detalhe a.op-mais-item.dropdown-item {
  color: var(--ink);
}
body.ui27 #opp27-detalhe a.tk-faixa-fim {
  color: var(--ink);
}

body.ui27 .op-tela .op-olho {
  overflow: hidden;
}
body.ui27 .op-tela .op-olho-head {
  flex: none;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 20px;
  border-bottom: 1px solid var(--line);
}
body.ui27 .op-tela .op-olho-quem, body.ui27 .op-tela .op-olho-l1 {
  flex: 1 1 auto;
  min-width: 0;
}
body.ui27 .op-tela .op-olho-l1 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
body.ui27 .op-tela .op-olho-rot {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-2);
}
body.ui27 .op-tela .op-olho-tit {
  margin: 4px 0 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--ink);
  overflow-wrap: anywhere;
}
body.ui27 .op-tela .op-olho-l1 .op-olho-tit {
  flex: 1 1 auto;
  margin: 0;
}
body.ui27 .op-tela .op-olho-tit:focus {
  outline: 0;
}
body.ui27 .op-tela .op-olho-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
}
body.ui27 .op-tela .op-olho-x .ai {
  font-size: 16px;
}
body.ui27 .op-tela .op-olho-x:hover {
  background: var(--hover-wash);
  color: var(--ink);
}
@media (pointer: coarse) {
  body.ui27 .op-tela .op-olho-x {
    height: 36px;
    width: 36px;
  }
}
body.ui27 .op-tela .op-olho-corpo {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px;
  position: relative;
}
body.ui27 .op-tela .op-olho-corpo:focus {
  outline: 0;
}
body.ui27 .op-tela .op-olho-corpo:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
}
body.ui27 .op-tela .op-olho-sec + .op-olho-sec {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
body.ui27 .op-tela .op-olho-h {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: var(--ink);
}
body.ui27 .op-tela .op-olho-esq i {
  display: block;
  border-radius: 4px;
  background: var(--line);
}
body.ui27 .op-tela .op-olho-esq i[data-w=rot] {
  width: 40%;
  height: 12px;
}
body.ui27 .op-tela .op-olho-esq i[data-w=tit] {
  width: 60%;
  height: 20px;
  margin-top: 8px;
}
body.ui27 .op-tela .op-olho-esq i[data-w=l1] {
  width: 30%;
  height: 10px;
}
body.ui27 .op-tela .op-olho-esq i[data-w=l2] {
  width: 70%;
  height: 12px;
  margin-top: 6px;
}
body.ui27 .op-tela .op-olho-esq-linha {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}
body.ui27 .op-tela .op-olho-esq-linha + .op-olho-esq-linha {
  border-top: 1px solid var(--line);
}
body.ui27 .op-tela .op-olho-esq-ico {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--line);
}
body.ui27 .op-tela .op-olho-esq-txt {
  flex: 1 1 auto;
  min-width: 0;
}
body.ui27 .op-tela .op-olho-msg {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}
body.ui27 .op-tela .op-olho-acao {
  margin-top: 12px;
}
body.ui27 .op-tela .op-olho-tentar {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

[data-theme=dark] body.ui27 .op-tela .op-olho-esq i, [data-theme=dark] body.ui27 .op-tela .op-olho-esq-ico {
  background: var(--line-strong);
}

@media (pointer: coarse) {
  body.ui27 .op-tela button.op-faixa-etapa {
    height: 36px;
  }
  body.ui27 .op-tela .op-ctx-cab > button.op-ctx-tit {
    align-self: stretch;
  }
  body.ui27 #opp27-detalhe a.op-barra-nome-link:not([data-linhas="2"]) {
    display: inline-block;
    line-height: 36px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
  }
  body.ui27 #opp27-detalhe a.op-resumo-link {
    display: inline-block;
    line-height: 36px;
    min-height: 36px;
    min-width: 36px;
  }
  body.ui27 .op-tela button.op-tab-abrir {
    align-items: center;
    display: inline-flex;
    min-height: 36px;
  }
  body.ui27 .op-tela .op-conversa #chat-card-footer :is(a.btn-icon, button.btn-icon, a#recordButton, a.d-flex.d-lg-flex) {
    position: relative;
  }
  body.ui27 .op-tela .op-conversa #chat-card-footer :is(a.btn-icon, button.btn-icon, a#recordButton, a.d-flex.d-lg-flex)::after {
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  body.ui27 .op-toast .notyf__dismiss {
    height: 36px;
    right: 4px;
    top: 4px;
    width: 36px;
  }
}
body.ui27 .op-olho-veu {
  position: fixed;
  inset: 0;
  z-index: 1030;
  background: rgba(10, 10, 10, 0.22);
  opacity: 0;
  pointer-events: none;
  transition: opacity calc(200ms * var(--mo-escala)) var(--ease);
}

[data-theme=dark] body.ui27 .op-olho-veu {
  background: rgba(0, 0, 0, 0.5);
}

body.ui27 .op-olho-veu[data-aceso] {
  opacity: 1;
  pointer-events: auto;
  cursor: default;
}

@container op-tela (max-width: 1296.98px) {
  body.ui27 .op-tela .op-detalhe > .op-corpo {
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    overflow: clip;
  }
  body.ui27 .op-tela .op-corpo > .op-ctx {
    grid-column: 1;
    grid-row: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    width: min(360px, 100%);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform var(--t-panel) var(--ease-in-out), visibility 0s linear var(--t-panel);
  }
  body.ui27 .op-tela .op-corpo[data-ctx=aberto] > .op-ctx {
    transform: none;
    visibility: visible;
    box-shadow: var(--tk-sombra-suave);
    transition: transform var(--t-panel) var(--ease-in-out), visibility 0s;
  }
  body.ui27 .op-tela .op-corpo > .op-ctx > .op-ctx-in {
    top: 48px;
  }
  body.ui27 .op-tela .op-ctx-gaveta-cab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    padding: 0 12px 0 20px;
    border-bottom: 1px solid var(--line);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: var(--ink);
  }
  body.ui27 .op-tela .op-barra .op-barra-alterna {
    display: flex;
  }
}
@container op-tela (max-width: 719.98px) {
  body.ui27 .op-tela > .op-olho {
    position: relative;
    z-index: 7;
  }
  body.ui27 .op-tela .op-barra .op-barra-voltar, body.ui27 .op-tela .op-barra .op-barra-conversa {
    display: inline-flex;
  }
  body.ui27 .op-tela .op-barra .op-barra-alterna {
    order: 4;
    flex: 1 1 100%;
  }
  body.ui27 .op-tela .op-barra-alterna > .op-recorte {
    flex: 1 1 0;
    min-width: 0;
  }
  body.ui27 .op-tela .op-corpo > .op-ctx {
    position: relative;
    width: auto;
    transform: none;
    visibility: visible;
    display: none;
    box-shadow: none;
    transition: none;
  }
  body.ui27 .op-tela .op-corpo[data-ctx=aberto] > .op-ctx {
    display: block;
    box-shadow: none;
  }
  body.ui27 .op-tela .op-corpo[data-ctx=aberto] > .op-centro {
    display: none;
  }
  body.ui27 .op-tela .op-corpo > .op-ctx > .op-ctx-in {
    top: 0;
  }
  body.ui27 .op-tela .op-ctx-gaveta-cab {
    display: none;
  }
  body.ui27 .op-tela .op-acao.tk-faixa-fim, body.ui27 .op-tela .op-mais > .tk-faixa-fim {
    width: 36px;
    height: 36px;
    padding: 0;
    justify-content: center;
  }
  body.ui27 .op-tela .op-mais > .tk-faixa-fim .ai-chevron-small-down {
    display: none;
  }
  body.ui27 .op-tela .op-acao-txt {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}
@media (pointer: coarse) {
  body.ui27 .op-tela .op-barra-l1:has(.op-nome-2) > .op-barra-olho {
    margin-top: -6px;
  }
  body.ui27 .op-tela .op-faixa .op-canal.tk-chip {
    height: 36px;
  }
}
@container op-tela (max-width: 719.98px) {
  body.ui27 .op-tela .tk-chat #chat-card-footer textarea#content,
body.ui27 .op-tela .tk-chat textarea,
body.ui27 .op-tela .tk-chat input[type=text] {
    font-size: 16px;
  }
}
body.ui27 .op-tela .op-barra > .op-barra-resumo {
  display: none;
}

body.ui27 .op-tela .op-barra .tk-tag > .ai {
  display: none;
}

@supports selector(:has(*)) {
  body.ui27 .op-tela .op-conversa {
    overflow-x: clip;
  }
  body.ui27 .op-tela .op-barra-resumo .ai {
    transition: transform var(--t-hover) linear;
  }
  body.ui27 .op-tela .op-barra-resumo[aria-expanded=true] .ai-chevron-small-down {
    transform: rotate(180deg);
  }
  @container op-tela (max-width: 1359.98px) {
    body.ui27 .op-tela .op-barra > .op-barra-quem {
      flex: 1 1 0%;
    }
  }
  @container op-tela (max-width: 1021.98px) {
    body.ui27 .op-tela :is(.op-detalhe, .op-det-esq) > .op-barra {
      padding: 12px 20px;
      gap: 12px 8px;
    }
    body.ui27 .op-tela .op-barra > .op-barra-resumo {
      display: inline-flex;
      order: 3;
      flex: none;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo)::after {
      content: "";
      order: 2;
      flex: 0 0 100%;
      height: 0;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) > :is(.op-barra-voltar, .op-barra-quem, .op-barra-alterna, .op-barra-fim) {
      margin-bottom: -12px;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) > :is(.op-barra-voltar, .op-barra-alterna) {
      align-self: flex-start;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.op-nome-2) > :is(.op-barra-voltar, .op-barra-fim) {
      margin-top: -2px;
    }
    @media (pointer: coarse) {
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.op-nome-2) > :is(.op-barra-voltar, .op-barra-fim) {
        margin-top: -6px;
      }
    }
    body.ui27 .op-tela .op-barra > .op-caso {
      display: contents;
    }
    body.ui27 .op-tela .op-barra .op-acoes {
      order: 3;
      margin-left: auto;
    }
    body.ui27 .op-tela .op-barra > .op-barra-nums {
      order: 4;
    }
    body.ui27 .op-tela .op-barra .op-datas {
      order: 5;
      flex: 0 0 100%;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo[aria-expanded=false]) > .op-barra-nums,
body.ui27 .op-tela .op-barra:has(> .op-barra-resumo[aria-expanded=false]) > .op-barra-quem > .op-barra-rot,
body.ui27 .op-tela .op-barra:has(> .op-barra-resumo[aria-expanded=false]) > .op-caso > .op-datas {
      display: none;
    }
    body.ui27 .op-tela .op-faixa:not([data-so-canal]) {
      padding: 12px 20px;
      gap: 8px;
    }
    body.ui27 .op-tela .op-det-esq :is(.op-esq[data-w=rot], .op-barra-nums) {
      display: none;
    }
    body.ui27 .op-tela .op-det-esq .op-esq[data-w=caso] {
      height: 32px;
    }
    body.ui27 .op-tela .op-det-esq .op-barra > .op-caso {
      display: flex;
    }
  }
  @media (max-height: 800px) {
    @container op-tela (min-width: 1022px) and (max-width: 1359.98px) {
      body.ui27 .op-tela :is(.op-detalhe, .op-det-esq) > .op-barra {
        padding: 12px 20px;
        gap: 12px 8px;
      }
      body.ui27 .op-tela .op-barra > .op-barra-resumo {
        display: inline-flex;
        order: 3;
        flex: none;
      }
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo)::after {
        content: "";
        order: 2;
        flex: 0 0 100%;
        height: 0;
      }
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) > :is(.op-barra-voltar, .op-barra-quem, .op-barra-alterna, .op-barra-fim) {
        margin-bottom: -12px;
      }
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) > :is(.op-barra-voltar, .op-barra-alterna) {
        align-self: flex-start;
      }
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.op-nome-2) > :is(.op-barra-voltar, .op-barra-fim) {
        margin-top: -2px;
      }
      @media (max-height: 800px) and (pointer: coarse) {
        body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.op-nome-2) > :is(.op-barra-voltar, .op-barra-fim) {
          margin-top: -6px;
        }
      }
      body.ui27 .op-tela .op-barra > .op-caso {
        display: contents;
      }
      body.ui27 .op-tela .op-barra .op-acoes {
        order: 3;
        margin-left: auto;
      }
      body.ui27 .op-tela .op-barra > .op-barra-nums {
        order: 4;
      }
      body.ui27 .op-tela .op-barra .op-datas {
        order: 5;
        flex: 0 0 100%;
      }
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo[aria-expanded=false]) > .op-barra-nums,
body.ui27 .op-tela .op-barra:has(> .op-barra-resumo[aria-expanded=false]) > .op-barra-quem > .op-barra-rot,
body.ui27 .op-tela .op-barra:has(> .op-barra-resumo[aria-expanded=false]) > .op-caso > .op-datas {
        display: none;
      }
      body.ui27 .op-tela .op-faixa:not([data-so-canal]) {
        padding: 12px 20px;
        gap: 8px;
      }
      body.ui27 .op-tela .op-det-esq :is(.op-esq[data-w=rot], .op-barra-nums) {
        display: none;
      }
      body.ui27 .op-tela .op-det-esq .op-esq[data-w=caso] {
        height: 32px;
      }
      body.ui27 .op-tela .op-det-esq .op-barra > .op-caso {
        display: flex;
      }
    }
  }
  @container op-tela (max-width: 1021.98px) {
    body.ui27 .op-tela .op-acao.tk-faixa-fim, body.ui27 .op-tela .op-mais > .tk-faixa-fim {
      width: 36px;
      height: 36px;
      padding: 0;
      justify-content: center;
    }
    body.ui27 .op-tela .op-mais > .tk-faixa-fim .ai-chevron-small-down {
      display: none;
    }
    body.ui27 .op-tela .op-acao-txt {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }
    body.ui27 .op-tela .op-barra .op-acoes {
      gap: 4px;
    }
    body.ui27 .op-tela .op-det-esq .op-esq[data-w=caso] {
      height: 36px;
    }
  }
  @container op-tela (min-width: 720px) and (max-width: 1021.98px) {
    body.ui27 .op-tela .op-barra .op-barra-ctx {
      font-size: 0;
      width: 28px;
      padding: 0;
      gap: 0;
    }
    body.ui27 .op-tela .op-barra .op-barra-ctx .ai {
      font-size: 16px;
    }
    body.ui27 .op-tela .op-barra .tk-tag[data-f=F-36] {
      width: 20px;
      height: 20px;
      padding: 0;
      gap: 0;
      justify-content: center;
    }
    body.ui27 .op-tela .op-barra .tk-tag[data-f=F-36] > .ai {
      display: inline-block;
      font-size: 14px;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.op-nome-2) > .op-barra-alterna {
      margin-top: -2px;
    }
    body.ui27 .op-tela .op-barra .tk-tag[data-f=F-36] > .op-tag-txt {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }
  }
  @container op-tela (max-width: 719.98px) {
    body.ui27 .op-tela .op-barra .op-barra-alterna {
      order: 6;
    }
    body.ui27 .op-tela .op-barra > .op-barra-voltar {
      font-size: 0;
      width: 28px;
      padding: 0;
      gap: 0;
    }
    body.ui27 .op-tela .op-barra > .op-barra-voltar .ai {
      font-size: 24px;
    }
    body.ui27 .op-tela .op-barra > .op-barra-voltar {
      background: transparent;
      border: 0;
    }
    body.ui27 .op-tela .op-barra > .op-barra-voltar:hover {
      background: var(--hover-wash);
    }
    body.ui27 .op-tela .op-barra > .op-barra-alterna {
      background: var(--surface-alt);
      border-radius: 10px;
      gap: 0;
      padding: 3px;
    }
    body.ui27 .op-tela .op-barra-alterna > .op-recorte {
      background: transparent;
      border: 0;
      color: var(--ink-2);
      font-weight: 500;
      height: 22px;
      position: relative;
    }
    body.ui27 .op-tela .op-barra-alterna > .op-recorte::after {
      bottom: -3px;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: -3px;
    }
    body.ui27 .op-tela .op-barra-alterna > .op-recorte:is([aria-pressed=true], [aria-expanded=true]) {
      background: var(--tk-chat-fundo);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 1px rgba(0, 0, 0, 0.05);
      color: var(--ink);
      font-weight: 600;
    }
    body.ui27 .op-tela .op-barra .op-barra-nome {
      font-size: 18px;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) > .op-barra-alterna {
      margin-bottom: 0;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) {
      position: relative;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) .tk-tag[data-f=F-36] {
      position: absolute;
      right: 20px;
      bottom: 16px;
      padding: 2px 6px;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.tk-tag[data-f=F-36]) > .op-barra-alterna {
      margin-right: 91px;
    }
    body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.tk-tag[data-f=F-36]) > .op-barra-alterna > .op-recorte {
      min-width: auto;
    }
  }
  @media (pointer: coarse) {
    body.ui27 .op-tela .op-barra .op-recorte {
      height: 36px;
    }
    body.ui27 .op-tela .op-det-esq .op-esq[data-w=caso] {
      height: 36px;
    }
    @container op-tela (max-width: 719.98px) {
      body.ui27 .op-tela .op-barra > .op-barra-voltar {
        width: 36px;
      }
    }
    @container op-tela (max-width: 719.98px) {
      body.ui27 .op-tela .op-barra-alterna > .op-recorte {
        height: 30px;
      }
      body.ui27 .op-tela .op-barra > .op-barra-voltar {
        position: relative;
      }
      body.ui27 .op-tela .op-barra > .op-barra-voltar::after {
        content: "";
        height: 44px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
      }
    }
    @container op-tela (max-width: 719.98px) {
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo) .tk-tag[data-f=F-36] {
        bottom: 20px;
      }
    }
    @container op-tela (min-width: 720px) and (max-width: 1021.98px) {
      body.ui27 .op-tela .op-barra .op-barra-ctx {
        width: 36px;
      }
    }
    @container op-tela (min-width: 720px) and (max-width: 1021.98px) {
      body.ui27 .op-tela .op-barra:has(> .op-barra-resumo):has(.op-nome-2) > .op-barra-alterna {
        margin-top: -6px;
      }
    }
  }
  @media (max-width: 767px) {
    body.ui27:has(.op-tela[data-estagio=encolhida]:not([data-painel=fila])) .m-baixo {
      display: none;
    }
  }
}
body.ui27 .wrapper > .content:has(.jr-tela) {
  padding: 0;
  background: var(--surface);
}

body.ui27 .jr-tela {
  font-family: var(--font);
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "cv05" 1;
}

body.ui27:has(.jr-tela) .swal2-container {
  font-family: var(--font);
}

body.ui27:has(.jr-tela) .swal2-popup {
  border-radius: var(--tk-card-r, 16px);
}

body.ui27:has(.jr-tela) .swal2-styled.swal2-confirm {
  background-color: var(--ink);
  color: var(--surface);
  background-image: none;
}

body.ui27:has(.jr-tela) .swal2-styled.swal2-cancel {
  background-color: transparent;
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

body.ui27:has(.jr-tela) .swal2-styled.swal2-deny {
  background-color: transparent !important;
  color: var(--ink);
  background-image: none;
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

body.ui27:has(.jr-tela) .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm:hover {
  background-color: var(--ink-2);
  background-image: none;
}

body.ui27:has(.jr-tela) .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel:hover {
  background-color: var(--hover-wash);
  background-image: none;
}

body.ui27:has(.jr-tela) .swal2-actions .swal2-styled:is(.swal2-cancel, .swal2-deny) {
  border-radius: var(--r-interactive);
}

body.ui27:has(.jr-tela) .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm {
  border-radius: var(--r-interactive);
}

body.ui27:has(.jr-tela) .swal2-actions .btn.btn-light {
  height: 36px;
  padding: 0 16px !important;
  border-radius: var(--r-interactive) !important;
  background-color: var(--ink) !important;
  color: var(--surface) !important;
  border: 1px solid var(--ink) !important;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
}

body.ui27:has(.jr-tela) .swal2-actions .btn.btn-light:hover {
  background-color: var(--ink-2) !important;
  border-color: var(--ink-2) !important;
}

body.ui27:has(.jr-tela) .swal2-actions .btn.btn-light:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .jr-tela .jr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-interactive);
  background: transparent;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-hover) linear;
}

body.ui27 .jr-tela .jr-btn:not(:disabled):hover, body.ui27 .jr-tela .jr-btn:not(:disabled):active,
body.ui27 .jr-tela .jr-btn:focus-visible {
  background: var(--ink);
  color: var(--surface);
  border-color: var(--ink);
  text-decoration: none;
}

body.ui27 .jr-tela .jr-btn:focus {
  outline: 0;
}

body.ui27 .jr-tela .jr-btn:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .jr-tela .jr-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

body.ui27 .jr-tela .jr-btn.jr-btn--primario {
  background: var(--ink);
  color: var(--surface);
  border-color: var(--ink);
}

body.ui27 .jr-tela .jr-btn.jr-btn--primario:not(:disabled):hover {
  background: var(--ink-2);
  border-color: var(--ink-2);
}

body.ui27 .jr-tela .jr-btn.jr-btn--sm {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
}

body.ui27 .jr-tela .tk-chip {
  font-family: inherit;
}

body.ui27 .jr-tela .tk-chip:focus {
  outline: 0;
}

body.ui27 .jr-tela .tk-chip:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

[data-theme=dark] body.ui27 .jr-tela .tk-chip[aria-pressed=false] {
  border-color: var(--line-strong);
}

@media (pointer: coarse) {
  body.ui27 .jr-tela .tk-chip, body.ui27 .jr-tela .jr-btn.jr-btn--sm {
    height: var(--btn-h);
  }
}
body.ui27 .jr-tela.jr-list {
  max-width: 960px;
}

body.ui27 .jr-tela .jr-tela-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
}

body.ui27 .jr-tela .jr-tela-tit {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: var(--tr-tight);
  color: var(--ink);
}

body.ui27 .jr-tela .jr-item-nome {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .jr-tela.jr-list .tk-item[data-estado=archived] .jr-item-nome {
  color: var(--ink-2);
}

body.ui27 .jr-tela .jr-nulo {
  color: var(--ink-2);
}

body.ui27 .jr-tela .jr-vazio-tit {
  display: block;
  margin: 0 0 2px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .jr-tela .jr-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px 20px 24px;
}

body.ui27 .jr-tela .jr-pager__atual {
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 #jr-list a.jr-btn, body.ui27 #jr-list a.tk-chip, body.ui27 #jr-list a.tk-fila-aviso-acao {
  color: var(--ink);
}

body.ui27 #jr-list a.jr-btn:hover, body.ui27 #jr-list a.jr-btn:focus-visible {
  color: var(--surface);
}

body.ui27 .jr-tela.jr-page {
  gap: 0;
}

body.ui27 .jr-tela .jr-cab, body.ui27 .jr-tela .jr-secao {
  padding: 20px;
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela .jr-cab__l1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 24px;
}

body.ui27 .jr-tela .jr-cab__quem {
  flex: 1 1 320px;
  min-width: 0;
}

body.ui27 .jr-tela .jr-cab__nome-linha {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

body.ui27 .jr-tela .jr-cab__nome {
  margin: 0;
  min-width: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: var(--tr-tight);
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ui27 .jr-tela .jr-linha {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .jr-tela .jr-cab__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

body.ui27 .jr-tela .jr-dica {
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .jr-settings {
  margin-top: 20px;
  gap: 16px 32px;
}

body.ui27 .jr-tela.jr-page .jr-switch-row {
  gap: 12px;
}

body.ui27 .jr-tela.jr-page .jr-switch-row > label {
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .jr-tela .jr-secao__cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 32px;
}

body.ui27 .jr-tela.jr-page .jr-triggers {
  margin-top: 12px;
  gap: 20px;
}

body.ui27 .jr-tela.jr-page [data-role=add-trigger] {
  margin-top: 20px;
}

body.ui27 .jr-tela .jr-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--tk-card-r, 16px);
  padding: 20px;
}

[data-theme=dark] body.ui27 .jr-tela .jr-card {
  border-color: var(--line-strong);
}

body.ui27 .jr-tela .jr-card__cab {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  min-height: 28px;
}

body.ui27 .jr-tela .jr-card__tit {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .jr-tela .jr-card__tit:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
  border-radius: 4px;
}

body.ui27 .jr-tela .jr-card__acoes {
  margin-left: auto;
  display: flex;
  gap: 8px;
}

body.ui27 .jr-tela .jr-card__corpo {
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .jr-when {
  gap: 16px;
}

body.ui27 .jr-tela.jr-page .jr-when .cw-hint {
  margin-top: 6px;
}

body.ui27 .jr-tela.jr-page .jr-field + .jr-field {
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .cw-channel-grid {
  margin-top: 20px;
}

body.ui27 .jr-tela.jr-page .cw-channel-card {
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--r-interactive);
  overflow: hidden;
}

body.ui27 .jr-tela.jr-page .cw-channel-card.cw-channel-card--on {
  border-color: var(--ink);
}

[data-theme=dark] body.ui27 .jr-tela.jr-page .cw-channel-card:not(.cw-channel-card--on) {
  border-color: var(--line-strong);
}

body.ui27 .jr-tela.jr-page .cw-channel-card__head {
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 0;
}

body.ui27 .jr-tela.jr-page .cw-channel-card__title {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .cw-channel-card__body {
  padding: 16px;
  border-top: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .cw-channel-list {
  border: 1px solid var(--line);
  border-radius: var(--r-interactive);
  overflow: hidden;
}

body.ui27 .jr-tela.jr-page .cw-channel-row {
  min-height: 44px;
  padding: 8px 12px;
  border: 0;
  border-top: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .cw-channel-row:first-child {
  border-top: 0;
}

body.ui27 .jr-tela.jr-page .cw-channel-row--off {
  background: var(--surface-alt);
}

body.ui27 .jr-tela.jr-page .cw-channel-row__name {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .cw-channel-row--off .cw-channel-row__name {
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .cw-channel-row__phone {
  color: var(--ink-2);
  font-weight: 400;
}

body.ui27 .jr-tela.jr-page .cw-channel-row__meta {
  font-size: 11px;
  line-height: 16px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .cw-label {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink-2);
  letter-spacing: 0;
  text-transform: none;
}

body.ui27 .jr-tela.jr-page .cw-hint {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .jr-code {
  font-size: 11px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .cw-note {
  position: relative;
  margin: 12px 0 0;
  padding: 12px 16px;
  border: 0;
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
  color: var(--ink);
  font-size: 12px;
  line-height: 18px;
}

body.ui27 .jr-tela.jr-page .cw-note.jr-note--first, body.ui27 .jr-tela.jr-page .cw-note.cw-note--lock {
  margin: 0 0 16px;
}

body.ui27 .jr-tela.jr-page .cw-note.jr-note--danger, body.ui27 .jr-tela.jr-page .cw-note.cw-note--lock {
  padding-left: 30px;
  border-left: 0;
}

body.ui27 .jr-tela.jr-page .cw-note.jr-note--danger::before, body.ui27 .jr-tela.jr-page .cw-note.cw-note--lock::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 18px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ink-3);
}

body.ui27 .jr-tela.jr-page .cw-note.jr-note--danger::before {
  background: var(--alert);
}

body.ui27 .jr-tela.jr-page .cw-note.cw-note--lock[data-tom=pausa]::before {
  background: var(--pal-amarelo);
}

body.ui27 .jr-tela.jr-page .cw-empty {
  padding: 12px 0;
}

body.ui27 .jr-tela.jr-page .cw-empty__title {
  margin: 0 0 2px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .alert.alert-custom.cw-alert {
  display: block;
  position: relative;
  margin: 12px 0 0;
  padding: 8px 12px 8px 26px;
  border: 0;
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
}

body.ui27 .jr-tela.jr-page .alert.alert-custom.cw-alert::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 14px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
}

body.ui27 .jr-tela.jr-page .alert.alert-custom.cw-alert.alert-light-warning::before {
  background: var(--pal-amarelo);
}

body.ui27 .jr-tela.jr-page .alert.cw-alert .alert-text {
  color: var(--ink);
  font-size: 12px;
  line-height: 18px;
}

body.ui27 .jr-tela.jr-page .alert.cw-alert ul {
  margin: 4px 0 0 !important;
  padding-left: 16px !important;
}

body.ui27 .jr-tela.jr-page .invalid-feedback {
  position: relative;
  margin-top: 6px;
  padding-left: 12px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .invalid-feedback::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
}

body.ui27 .jr-tela.jr-page .form-control {
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink) !important;
  background-color: var(--surface) !important;
  border: 1px solid var(--ink-2) !important;
  border-radius: var(--r-interactive) !important;
  box-shadow: none;
}

body.ui27 .jr-tela.jr-page textarea.form-control {
  height: auto;
  padding: 8px 12px;
}

body.ui27 .jr-tela.jr-page .form-control.form-control-sm {
  height: 32px;
  font-size: 12px;
}

body.ui27 .jr-tela.jr-page .form-control:focus {
  border-color: var(--ink) !important;
  outline: 2px solid var(--accent-line);
  outline-offset: 1px;
}

body.ui27 .jr-tela.jr-page .form-control:disabled {
  background-color: var(--surface-alt) !important;
  color: var(--ink-2) !important;
}

body.ui27 .jr-tela.jr-page .form-control.is-invalid {
  border-color: var(--alert) !important;
}

body.ui27 .jr-tela.jr-page .input-group > .form-control:not(:last-child) {
  border-radius: 8px 0 0 8px !important;
}

body.ui27 .jr-tela.jr-page .input-group-text {
  height: 36px;
  padding: 0 12px;
  background-color: var(--surface-alt) !important;
  color: var(--ink-2) !important;
  border: 1px solid var(--ink-2) !important;
  border-left: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 12px;
}

body.ui27 .jr-tela.jr-page .tk-id.jr-chip {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

body.ui27 .jr-tela.jr-page .cw-variables th {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink-2) !important;
  text-transform: none !important;
  letter-spacing: 0;
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .cw-variables td {
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .cw-variables :is(th, td):first-child {
  padding-left: 0;
}

body.ui27 .jr-tela.jr-page .cw-variables__row--missing [data-cell=source] {
  border-color: var(--alert) !important;
  background-color: var(--alert-wash) !important;
  color: var(--ink) !important;
}

body.ui27 .jr-tela.jr-page .jr-preview {
  margin-top: 20px;
  padding-top: 20px;
  border-top-color: var(--line);
}

body.ui27 .jr-tela.jr-page .cw-preview {
  margin-top: 8px;
  padding: 16px;
  min-height: 160px;
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
}

body.ui27 .jr-tela.jr-page .cw-preview.cw-preview--skeleton, body.ui27 .jr-tela.jr-page .cw-preview.cw-preview--error {
  background: var(--surface-alt);
}

body.ui27 .jr-tela.jr-page .cw-bubble {
  max-width: min(560px, 90%);
  padding: 12px 16px;
  background: var(--surface);
  border-left: 4px solid var(--canal-whatsapp);
  border-radius: 0 var(--tk-card-r, 16px) var(--tk-card-r, 16px) 0;
  box-shadow: none;
}

body.ui27 .jr-tela.jr-page .cw-bubble__meta {
  margin: 0 0 2px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink-2);
  text-transform: none;
  letter-spacing: 0;
}

body.ui27 .jr-tela.jr-page .cw-bubble__body {
  font-size: 14px;
  line-height: 22px;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .cw-bubble__optout {
  margin-top: 4px;
  font-size: 11px;
  line-height: 16px;
  color: var(--ink-2);
  border-top-color: var(--line);
}

body.ui27 .jr-tela.jr-page .cw-mail {
  background: transparent;
  padding: 0;
}

body.ui27 .jr-tela.jr-page .cw-mail__subject {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
  border-bottom-color: var(--line);
}

body.ui27 .jr-tela.jr-page .cw-mail__frame {
  border: 1px solid var(--line);
  border-radius: var(--r-interactive);
  background: var(--fixo-claro);
}

body.ui27 .jr-tela.jr-page .cw-field-label {
  margin: 0 0 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .cw-skeleton {
  background: var(--line);
  border-radius: 4px;
}

[data-theme=dark] body.ui27 .jr-tela.jr-page .cw-skeleton {
  background: var(--line-strong);
}

body.ui27 .jr-tela.jr-page .cw-skeleton-list {
  padding: 0;
}

body.ui27 .jr-tela.jr-page .cw-skeleton-row, body.ui27 .jr-tela.jr-page .cw-skeleton-row:first-child {
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page [data-role=enrollments-body] {
  margin-top: 12px;
}

body.ui27 .jr-tela.jr-page .cw-badges {
  gap: 8px;
  margin: 0;
}

body.ui27 .jr-tela.jr-page .jr-enrollments__table {
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page [data-role=enrollments-total]::before {
  content: "\00b7  ";
}

body.ui27 .jr-tela.jr-page .cw-table th {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink-2) !important;
  text-transform: none !important;
  letter-spacing: 0;
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .cw-table td {
  padding: 12px;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink) !important;
  vertical-align: middle;
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .cw-pager {
  gap: 12px;
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .cw-pager__current {
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .btn.cw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 160px;
  padding: 0 20px !important;
  border-radius: var(--r-interactive) !important;
  background-color: transparent !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--ink) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-transform: none;
  letter-spacing: 0;
}

body.ui27 .jr-tela.jr-page .btn.cw-btn:hover, body.ui27 .jr-tela.jr-page .btn.cw-btn:active {
  background-color: var(--hover-wash) !important;
}

body.ui27 .jr-tela.jr-page .btn.cw-btn:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .jr-tela .jr-modos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.ui27 .jr-tela .jr-barra {
  padding: 20px;
}

body.ui27 .jr-tela .jr-barra__linha {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

body.ui27 .jr-tela.jr-page .cw-sender {
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .cw-sender span {
  font-size: 12px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .cw-link {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.ui27 .jr-tela.jr-page .checkbox > span, body.ui27 .jr-tela.jr-page .radio > span {
  background-color: transparent;
  border: 1px solid var(--ink-2);
}

body.ui27 .jr-tela.jr-page .checkbox > input:checked ~ span::after {
  border-color: var(--accent-ink);
}

body.ui27 .jr-tela.jr-page .radio > input:checked ~ span::after {
  background-color: var(--accent-ink);
  border-color: var(--accent-ink);
}

body.ui27 .jr-tela.jr-page .switch.switch-outline input:empty ~ span::before {
  border: 2px solid var(--ink-2);
  background-color: transparent;
}

body.ui27 .jr-tela.jr-page .switch.switch-outline input:empty ~ span::after {
  background-color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .switch.switch-outline input:checked ~ span::before {
  border-color: var(--ink);
}

body.ui27 .jr-tela.jr-page .switch.switch-outline input:checked ~ span::after {
  background-color: var(--ink);
  color: var(--surface);
}

body.ui27 .jr-tela .jr-pager.jr-pager--inicio {
  justify-content: flex-start;
  padding-top: 4px;
}

body.ui27 .jr-tela .jr-barra [data-role=save-errors]:not(:empty) {
  margin-bottom: 12px;
}

body.ui27 .jr-tela.jr-page .jr-when ~ .jr-trg-params {
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .jr-trg-params {
  max-width: 30rem;
}

body.ui27 .jr-tela.jr-page .jr-trg-params > .cw-hint, body.ui27 .jr-tela.jr-page .jr-trg-campo > .cw-hint {
  margin-top: 6px;
}

body.ui27 .jr-tela.jr-page .jr-trg-campo + .jr-trg-campo {
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .cw-channel-list.jr-trg-lista {
  max-height: 288px;
  overflow-y: auto;
}

body.ui27 .jr-tela.jr-page .jr-trg-tipos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

body.ui27 .jr-tela.jr-page .jr-trg-situacao {
  margin: 0 0 16px;
}

body.ui27 .jr-tela.jr-page :is(.checkbox, .radio) > input:focus-visible ~ span {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .jr-tela.jr-page .alert.alert-custom.cw-alert.jr-note--first {
  margin: 0 0 16px;
}

body.ui27 .jr-tela.jr-page .cw-note.jr-cic-aviso {
  margin: 16px 0 0;
}

body.ui27 .jr-tela.jr-page .cw-hint.jr-cic-resumo {
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .jr-cic-lista {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.ui27 .jr-tela.jr-page .jr-cic-int {
  border: 1px solid var(--line);
  border-radius: var(--r-interactive);
  background: var(--surface);
  padding: 16px;
}

[data-theme=dark] body.ui27 .jr-tela.jr-page .jr-cic-int {
  border-color: var(--line-strong);
}

body.ui27 .jr-tela.jr-page .jr-cic-int__cab {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  min-height: 28px;
}

body.ui27 .jr-tela.jr-page .jr-cic-int__tit {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .jr-cic-int__tit:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
  border-radius: 4px;
}

body.ui27 .jr-tela.jr-page .jr-cic-int__acoes {
  margin-left: auto;
  display: flex;
  gap: 8px;
}

body.ui27 .jr-tela.jr-page .jr-cic-tempo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 12px;
}

body.ui27 .jr-tela.jr-page .jr-cic-tempo > .input-group {
  flex: 0 0 208px;
  width: 208px;
  flex-wrap: nowrap;
}

body.ui27 .jr-tela.jr-page .jr-cic-tempo .form-control.jr-cic-num {
  flex: 0 0 88px;
  width: 88px;
}

body.ui27 .jr-tela.jr-page .jr-cic-tempo .form-control.jr-cic-unidade {
  flex: 0 0 120px;
  width: 120px;
  border-left: 0 !important;
  border-radius: 0 8px 8px 0 !important;
}

body.ui27 .jr-tela.jr-page .jr-cic-rel {
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .jr-cic-acum {
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .jr-cic-acum strong {
  color: var(--ink);
  font-weight: 600;
}

body.ui27 .jr-tela.jr-page .jr-cic-int .cw-channel-grid {
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .jr-cic-int .jr-preview {
  margin-top: 16px;
  padding-top: 16px;
}

body.ui27 .jr-tela.jr-page .jr-cic-mais {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 12px;
}

body.ui27 .jr-tela.jr-page .jr-cic-sum {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .jr-cic-lista > .jr-cic-int[data-invalid] {
  border-color: var(--alert);
}

body.ui27 .jr-tela.jr-page .jr-corpo-cab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 8px;
}

body.ui27 .jr-tela.jr-page .jr-corpo-cab > .cw-label {
  margin: 0;
}

body.ui27 .jr-tela.jr-page .jr-arq {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--r-interactive);
  background: var(--surface);
}

[data-theme=dark] body.ui27 .jr-tela.jr-page .jr-arq {
  border-color: var(--line-strong);
}

body.ui27 .jr-tela.jr-page .jr-arq-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

body.ui27 .jr-tela.jr-page .jr-arq-lista {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  max-height: 288px;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: var(--r-interactive);
}

body.ui27 .jr-tela.jr-page .jr-arq-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 12px;
}

body.ui27 .jr-tela.jr-page .jr-arq-item + .jr-arq-item {
  border-top: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .jr-arq-info {
  flex: 1 1 auto;
  min-width: 0;
}

body.ui27 .jr-tela.jr-page .jr-arq-nome {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
  overflow-wrap: anywhere;
}

body.ui27 .jr-tela.jr-page .jr-arq-meta {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .jr-arq-remover {
  flex: none;
  min-height: 28px;
  padding: 0 4px;
  border: 0;
  background: none;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

body.ui27 .jr-tela.jr-page .jr-arq-remover:focus {
  outline: 0;
}

body.ui27 .jr-tela.jr-page .jr-arq-remover:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .jr-tela.jr-page .jr-arq-remover:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (pointer: coarse) {
  body.ui27 .jr-tela.jr-page .jr-arq-remover {
    min-height: var(--btn-h);
  }
}
body.ui27 .jr-tela.jr-page .cw-hint.jr-arq-soma {
  margin-top: 8px;
}

body.ui27 .jr-tela.jr-page .jr-arq-rodape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 16px;
}

body.ui27 .jr-tela.jr-page .jr-teste-cab {
  flex-wrap: wrap;
  gap: 12px 16px;
  margin-bottom: 16px;
}

body.ui27 .jr-tela.jr-page .jr-teste-txt {
  flex: 1 1 280px;
  min-width: 0;
}

body.ui27 .jr-tela.jr-page .jr-teste-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.ui27 .jr-tela.jr-page .cw-hint.jr-teste-destino {
  margin-top: 4px;
}

body.ui27 .jr-tela.jr-page .jr-teste-res:not(:empty) {
  margin-bottom: 16px;
}

body.ui27 .jr-tela.jr-page .alert.alert-custom.cw-alert.jr-teste-ok::before {
  background: var(--pal-verde);
}

body.ui27 .jr-tela.jr-page .jr-teste-notas {
  color: var(--ink-2);
}

body.ui27 .jr-tela.jr-page .jr-teste-res:focus {
  outline: 0;
}

body.ui27 .jr-tela.jr-page .jr-teste-res:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
  border-radius: var(--r-interactive);
}

body.ui27 .jr-tela.jr-page .jr-cf {
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .jr-cf-cab {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 16px;
}

body.ui27 .jr-tela.jr-page .jr-cf-txt {
  flex: 1 1 280px;
  min-width: 0;
}

body.ui27 .jr-tela.jr-page .jr-cf-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.ui27 .jr-tela.jr-page .jr-cf-todas {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .cw-hint:is(.jr-cf-motivo, .jr-cf-nota):not(:empty) {
  margin-top: 4px;
}

body.ui27 .jr-tela.jr-page .cw-badges.jr-cf-chips {
  margin-top: 12px;
}

body.ui27 .jr-tela.jr-page .jr-cf-conta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .alert.alert-custom.cw-alert.jr-cf-ok::before {
  background: var(--pal-verde);
}

body.ui27 .jr-tela.jr-page .jr-cfa {
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

body.ui27 .jr-tela.jr-page .jr-cf:has(+ .jr-cfa) {
  margin-bottom: 12px;
  padding-bottom: 0;
  border-bottom: 0;
}

body.ui27 .jr-tela.jr-page .jr-cfa-opcao {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 8px 0;
  cursor: pointer;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: var(--ink);
}

body.ui27 .jr-tela.jr-page .jr-cfa-opcao > .checkbox {
  flex: 0 0 18px;
  margin-top: 1px;
}

body.ui27 .jr-tela.jr-page .jr-cfa-txt {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

body.ui27 .jr-tela.jr-page .jr-cfa > :is(.jr-cfa-nota, .jr-cfa-previa, .jr-cfa-leitura, .jr-cfa-stale) {
  margin-left: 26px;
}

body.ui27 .jr-tela.jr-page .cw-hint.jr-cfa-stale {
  margin-top: 4px;
}

/* CFG-00 moldura: conteúdo encosta, fundo de superfície (mesmo J-N1 da Jornada).
   O padding-bottom do celular (_mobile.scss, !important) continua valendo. */
body.ui27 .wrapper > .content:has(.cfg-tela) {
  padding: 0;
  background: var(--surface);
}

body.ui27 .cfg-tela {
  font-family: var(--font);
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

/* CFG-01..03 cabeçalho da página */
body.ui27 .cfg-tela .cfg-cab {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 24px;
  padding: 20px 20px 16px;
}

body.ui27 .cfg-tela .cfg-tit {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: var(--tr-tight);
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-linha {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

/* CFG-04..08 abas por módulo (E3). <ul class="nav nav-tabs cfg-abas"> com <a class="nav-link">.
   Concorrentes: style.bundle `.nav-tabs` (0,1,0); pages/app.css `.nav-link.active{color;border-bottom:3px !important}` (0,2,0)!;
   2027 escuro `[data-theme=dark] body.ui27 .nav-tabs .nav-link(.active)` (0,4,1)/(0,5,1) e
   `[data-theme=dark] body.ui27 a:not(...)` (0,7,2) — por isso cor com !important. */
body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  margin: 0;
  padding: 0 20px;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas::-webkit-scrollbar {
  display: none;
}

body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas .nav-item {
  flex: none;
  margin: 0;
}

body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas .nav-link {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-bottom: 2px solid transparent !important;
  border-radius: 0;
  background: transparent;
  color: var(--ink-2) !important;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  white-space: nowrap;
}

body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas .nav-link:hover {
  color: var(--ink) !important;
}

body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas .nav-link.active,
body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas .nav-link[aria-current=page] {
  color: var(--ink) !important;
  border-bottom: 2px solid var(--indicator) !important;
  background: transparent;
}

body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas .nav-link:focus {
  outline: 0;
}

body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas .nav-link:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
}

/* CFG-09 corpo do módulo */
body.ui27 .cfg-tela .cfg-corpo {
  padding: 20px;
  max-width: 1040px;
}

/* CFG-10 subnavegação Configurações | Histórico — reaproveita .tk-chip (global: body.ui27 .tk-chip, 2027/app.css) */
body.ui27 .cfg-tela .cfg-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

body.ui27 .cfg-tela .cfg-subnav a.tk-chip {
  color: var(--ink-2) !important;
  text-decoration: none;
}

body.ui27 .cfg-tela .cfg-subnav a.tk-chip[aria-current=page] {
  background: var(--surface-alt);
  color: var(--ink) !important;
  border-color: var(--ink);
  font-weight: 600;
}

body.ui27 .cfg-tela .cfg-subnav a.tk-chip:hover {
  color: var(--ink) !important;
}

/* CFG-58 (C-03) foco dos chips. Concorrente: style.bundle.css:34697-34699 `a, button { outline: 0 !important; }` —
   todo :focus-visible em <a>/<button> desta página precisa de !important (a nossa (0,4,1)+ vence a (0,0,1)). */
body.ui27 .cfg-tela .cfg-subnav a.tk-chip:focus {
  outline: 0;
}

body.ui27 .cfg-tela .cfg-subnav a.tk-chip:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

/* CFG-11 cabeça de seção */
body.ui27 .cfg-tela .cfg-secao-cab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-height: 36px;
  margin: 0 0 12px;
}

body.ui27 .cfg-tela .cfg-secao-tit {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-conta {
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-secao-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

body.ui27 .cfg-tela .cfg-nota {
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

/* CFG-12..15 botões (mesmos valores do J-B1..J-B6 da Jornada; classe própria, sem .btn —
   pages/app.css:2753 põe border-radius .42rem !important em .btn) */
body.ui27 .cfg-tela .cfg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-interactive);
  background: transparent;
  color: var(--ink) !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-hover) linear;
}

body.ui27 .cfg-tela .cfg-btn:not(:disabled):hover {
  background: var(--ink);
  color: var(--surface) !important;
  border-color: var(--ink);
  text-decoration: none;
}

body.ui27 .cfg-tela .cfg-btn.cfg-btn--primario {
  background: var(--ink);
  color: var(--surface) !important;
  border-color: var(--ink);
}

body.ui27 .cfg-tela .cfg-btn.cfg-btn--primario:not(:disabled):hover {
  background: var(--ink-2);
  border-color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-btn.cfg-btn--sm {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
}

body.ui27 .cfg-tela .cfg-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

body.ui27 .cfg-tela .cfg-btn:focus {
  outline: 0;
}

body.ui27 .cfg-tela .cfg-btn:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

/* CFG-16 botão-texto (Usar valor do código, Desfazer, Substituir) */
body.ui27 .cfg-tela .cfg-link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: var(--ink) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

body.ui27 .cfg-tela .cfg-link:focus {
  outline: 0;
}

body.ui27 .cfg-tela .cfg-link:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
  border-radius: 4px;
} /* C-03: !important, ver CFG-58 */
@media (pointer: coarse) {
  body.ui27 .cfg-tela .cfg-btn, body.ui27 .cfg-tela .cfg-btn.cfg-btn--sm {
    height: 44px;
  }
  body.ui27 .cfg-tela .cfg-link {
    min-height: 32px;
  }
}
/* CFG-17..20 hub de atalhos (E2) */
body.ui27 .cfg-tela .cfg-atalhos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.ui27 .cfg-tela .cfg-atalho {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 132px;
  height: 100%;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--tk-card-r, 16px);
  background: var(--surface);
  color: var(--ink) !important;
  text-decoration: none;
}

body.ui27 .cfg-tela a.cfg-atalho:hover {
  border-color: var(--ink);
  background: var(--hover-wash);
  text-decoration: none;
}

body.ui27 .cfg-tela a.cfg-atalho:focus {
  outline: 0;
}

body.ui27 .cfg-tela a.cfg-atalho:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
} /* C-03: ver CFG-58 */
body.ui27 .cfg-tela .cfg-atalho[aria-disabled=true] {
  border-style: dashed;
  border-color: var(--line-strong);
  background: var(--surface-alt);
}

body.ui27 .cfg-tela .cfg-atalho-ico {
  font-size: 20px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-atalho-tit {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-atalho-txt {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-atalho-ir {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-atalho[aria-disabled=true] .cfg-atalho-ir {
  color: var(--ink-2);
  font-weight: 400;
}

/* CFG-21..24 tabela (Canais, Histórico). <table class="table cfg-tabela">.
   Concorrentes: pages/app.css:3237 `.table th{color;text-transform:uppercase}` !important e :3249 `.table td{color}` !important. */
body.ui27 .cfg-tela .table.cfg-tabela {
  margin: 0;
  color: var(--ink);
  background: transparent;
}

body.ui27 .cfg-tela .table.cfg-tabela th {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink-2) !important;
  text-transform: none !important;
  letter-spacing: 0;
  white-space: nowrap;
  vertical-align: bottom;
  border-top: 0;
  border-bottom: 1px solid var(--line);
}

body.ui27 .cfg-tela .table.cfg-tabela td {
  padding: 12px;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink) !important;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
}

body.ui27 .cfg-tela .table.cfg-tabela :is(th, td):first-child {
  padding-left: 0;
}

body.ui27 .cfg-tela .table.cfg-tabela :is(th, td):last-child {
  padding-right: 0;
  text-align: right;
}

body.ui27 .cfg-tela .cfg-sub {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-nulo {
  color: var(--ink-2) !important;
  font-style: italic;
}

body.ui27 .cfg-tela .cfg-chave {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  line-height: 16px;
  color: var(--ink-2);
  overflow-wrap: anywhere;
}

body.ui27 .cfg-tela .cfg-filtro {
  display: grid;
  gap: 4px;
  max-width: 360px;
  margin: 0 0 16px;
}

body.ui27 .cfg-tela .cfg-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

/* CFG-25..27 selos de estado — <span>, NÃO .label: pages/app.css:2764 `.label{border-radius:.42rem !important}` e
   2027/app.css `[data-theme=dark] body.ui27 .label.label-inline:not(…×7)` (0,10,1) repintam o .label. */
body.ui27 .cfg-tela .cfg-selo {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  white-space: nowrap;
}

body.ui27 .cfg-tela .cfg-selo--herdado {
  background: transparent;
  border: 1px dashed var(--ink-3);
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-selo--sobre {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--surface);
}

body.ui27 .cfg-tela .cfg-selo--vazio {
  background: var(--surface);
  border: 1px solid var(--ink);
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-selo--sujo {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
}

body.ui27 .cfg-tela .cfg-selo--neutro {
  background: var(--surface-alt);
  color: var(--ink-2);
}

/* CFG-28..34 linha de campo (E5 e formulário de canal) */
body.ui27 .cfg-tela .cfg-campo {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 16px 0 16px 16px;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 20px;
}

body.ui27 .cfg-tela .cfg-campo::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 2px;
  background: transparent;
}

body.ui27 .cfg-tela .cfg-campo[data-estado=sobre]::before,
body.ui27 .cfg-tela .cfg-campo[data-estado=vazio]::before {
  background: var(--ink);
}

body.ui27 .cfg-tela .cfg-campo[data-sujo=true]::before {
  background: var(--accent-line);
}

body.ui27 .cfg-tela .cfg-campo[data-erro=true]::before {
  background: var(--alert);
}

body.ui27 .cfg-tela .cfg-campo-cab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-height: 22px;
}

body.ui27 .cfg-tela .cfg-campo-rot {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-selos {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-left: auto;
}

body.ui27 .cfg-tela .cfg-campo-valor {
  max-width: 480px;
}

body.ui27 .cfg-tela .cfg-herdado {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 8px 12px;
  border: 1px dashed var(--line-strong);
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-herdado b {
  color: var(--ink);
  font-weight: 600;
}

body.ui27 .cfg-tela .cfg-herdado .cfg-btn {
  margin-left: auto;
}

body.ui27 .cfg-tela .cfg-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-ajuda {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-ajuda b {
  color: var(--ink);
  font-weight: 600;
}

body.ui27 .cfg-tela .cfg-prazo {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

body.ui27 .cfg-tela .cfg-prazo .ai {
  font-size: 14px;
}

body.ui27 .cfg-tela .cfg-bool {
  display: flex;
  align-items: center;
  gap: 12px;
}

body.ui27 .cfg-tela .cfg-bool-txt {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

/* CFG-35..40 controles. `.cfg-form` sobe a especificidade para (0,4,1): o escuro do legado põe
   `[data-theme=dark] body.ui27 .form-control{…!important}` em (0,3,1)! e pages/app.css:2755 o raio !important. */
body.ui27 .cfg-tela .cfg-form .form-control {
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink) !important;
  background-color: var(--surface) !important;
  border: 1px solid var(--ink-2) !important;
  border-radius: var(--r-interactive) !important;
  box-shadow: none;
}

body.ui27 .cfg-tela .cfg-form textarea.form-control {
  height: auto;
  min-height: 72px;
  padding: 8px 12px;
}

body.ui27 .cfg-tela .cfg-form .form-control.cfg-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}

body.ui27 .cfg-tela .cfg-form .form-control.cfg-curto {
  max-width: 160px;
}

body.ui27 .cfg-tela .cfg-form .form-control::-moz-placeholder {
  color: var(--ink-2);
  opacity: 1;
}

body.ui27 .cfg-tela .cfg-form .form-control::placeholder {
  color: var(--ink-2);
  opacity: 1;
}

body.ui27 .cfg-tela .cfg-form .form-control:focus {
  border-color: var(--ink) !important;
  outline: 2px solid var(--accent-line);
  outline-offset: 1px;
}

body.ui27 .cfg-tela .cfg-form .form-control:disabled {
  background-color: var(--surface-alt) !important;
  color: var(--ink-2) !important;
}

body.ui27 .cfg-tela .cfg-form .form-control.is-invalid {
  border-color: var(--alert) !important;
}

body.ui27 .cfg-tela .cfg-form .invalid-feedback {
  display: block;
  position: relative;
  margin: 0;
  padding-left: 12px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-form .invalid-feedback::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--alert);
}

/* switch do Metronic (bool) — mesmos valores do J-P56 */
body.ui27 .cfg-tela .cfg-form .switch.switch-outline input:empty ~ span::before {
  border: 2px solid var(--ink-2);
  background-color: transparent;
}

body.ui27 .cfg-tela .cfg-form .switch.switch-outline input:empty ~ span::after {
  background-color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-form .switch.switch-outline input:checked ~ span::before {
  border-color: var(--ink);
}

body.ui27 .cfg-tela .cfg-form .switch.switch-outline input:checked ~ span::after {
  background-color: var(--ink);
}

body.ui27 .cfg-tela .cfg-form .switch input:focus-visible ~ span {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .cfg-tela .cfg-form .switch input:disabled ~ span {
  opacity: 0.6;
}

/* radio de serviço (Canais) — mesmos valores do J-P55 */
body.ui27 .cfg-tela .cfg-form .radio > span {
  background-color: transparent;
  border: 1px solid var(--ink-2);
}

body.ui27 .cfg-tela .cfg-form .radio > input:checked ~ span::after {
  background-color: var(--accent-ink);
  border-color: var(--accent-ink);
}

body.ui27 .cfg-tela .cfg-form .radio > input:focus-visible ~ span {
  outline: 2px solid var(--accent-line);
  outline-offset: 2px;
}

body.ui27 .cfg-tela .cfg-form .radio {
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
  margin: 0;
}

body.ui27 .cfg-tela .cfg-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}

/* CFG-41 segredo (R-07) */
body.ui27 .cfg-tela .cfg-segredo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

body.ui27 .cfg-tela .cfg-segredo-estado {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-segredo-estado[data-configurado=false] {
  color: var(--ink-2);
  font-family: inherit;
  font-style: italic;
}

body.ui27 .cfg-tela .cfg-segredo-novo {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

/* CFG-42..45 módulo Lia: índice de grupos + formulário */
body.ui27 .cfg-tela .cfg-lia {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

body.ui27 .cfg-tela .cfg-indice {
  position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.ui27 .cfg-tela .cfg-indice a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--r-interactive);
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2) !important;
  text-decoration: none;
  white-space: nowrap;
}

body.ui27 .cfg-tela .cfg-indice a:hover {
  background: var(--hover-wash);
  color: var(--ink) !important;
}

body.ui27 .cfg-tela .cfg-indice a[aria-current=true] {
  background: var(--surface-alt);
  color: var(--ink) !important;
  font-weight: 600;
}

body.ui27 .cfg-tela .cfg-indice a:focus {
  outline: 0;
}

body.ui27 .cfg-tela .cfg-indice a:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: -2px !important;
} /* C-03: ver CFG-58; -2px = dentro do item (o trilho ≤991 rola e cortaria o anel de fora) */
body.ui27 .cfg-tela .cfg-indice-n {
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  color: var(--accent-ink);
  background: var(--accent);
  border-radius: 4px;
  padding: 0 6px;
}

body.ui27 .cfg-tela .cfg-grupo + .cfg-grupo {
  margin-top: 32px;
}

body.ui27 .cfg-tela .cfg-grupo {
  scroll-margin-top: 20px;
}

body.ui27 .cfg-tela .cfg-grupo-tit {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-grupo-sub {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-legenda {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 0 0 20px;
  padding: 12px 16px;
  border-radius: var(--r-interactive);
  background: var(--surface-alt);
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-legenda > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* CFG-46 barra de salvar (sticky dentro do .content, que é quem rola) */
body.ui27 .cfg-tela .cfg-barra {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 24px -20px -20px;
  padding: 12px 20px;
  background: var(--surface);
  border-top: 1px solid var(--line);
}

body.ui27 .cfg-tela .cfg-barra-txt {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-barra-txt[data-n="0"] {
  color: var(--ink-2);
  font-weight: 400;
}

body.ui27 .cfg-tela .cfg-barra-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

/* CFG-47..49 avisos: Metronic `alert alert-custom alert-light-X` (o sólido reprova AA, LICOES-GLOBAIS 27) com fundo de token
   e texto em --ink (o .alert-text do tema pinta #F64E60/#FFA800 em (0,4,0): reprova AA). */
body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 20px;
  padding: 12px 16px;
  border: 0;
  border-radius: var(--r-interactive);
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-icon {
  padding: 0;
  align-items: flex-start;
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-icon i {
  font-size: 16px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-text {
  align-self: auto;
  color: var(--ink);
  font-size: 13px;
  line-height: 20px;
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-text b {
  font-weight: 600;
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-text p {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-text ul {
  margin: 4px 0 0;
  padding-left: 16px;
  font-size: 12px;
  line-height: 18px;
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-text a {
  color: var(--ink) !important;
  text-decoration: underline;
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .cfg-aviso-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 12px;
}

body.ui27 .cfg-tela .alert.alert-custom.alert-light-danger.cfg-aviso {
  background-color: var(--alert-wash);
}

body.ui27 .cfg-tela .alert.alert-custom.alert-light-danger.cfg-aviso .alert-icon i {
  color: var(--alert);
}

body.ui27 .cfg-tela .alert.alert-custom.alert-light-warning.cfg-aviso {
  background-color: var(--pal-amarelo-bg);
}

body.ui27 .cfg-tela .alert.alert-custom.alert-light-success.cfg-aviso {
  background-color: var(--pal-verde-bg);
}

body.ui27 .cfg-tela .alert.alert-custom.alert-light-dark.cfg-aviso {
  background-color: var(--surface-alt);
}

[data-theme=dark] body.ui27 .cfg-tela .alert.alert-custom:is(.alert-light-warning, .alert-light-success).cfg-aviso {
  background-color: var(--surface-alt);
}

/* CFG-50 vazio e esqueleto */
body.ui27 .cfg-tela .cfg-vazio {
  padding: 20px 0;
}

body.ui27 .cfg-tela .cfg-vazio-tit {
  margin: 0 0 2px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
}

body.ui27 .cfg-tela .cfg-vazio-txt {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 18px;
  color: var(--ink-2);
}

body.ui27 .cfg-tela .cfg-esq {
  display: block;
  height: 12px;
  border-radius: 4px;
  background: var(--line);
  animation: cfg-pulso 1.2s ease-in-out infinite alternate;
}

body.ui27 .cfg-tela .cfg-esq + .cfg-esq {
  margin-top: 8px;
}

[data-theme=dark] body.ui27 .cfg-tela .cfg-esq {
  background: var(--line-strong);
}

@keyframes cfg-pulso {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.45;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.ui27 .cfg-tela .cfg-esq {
    animation: none;
  }
}
/* CFG-51 formulário de canal */
body.ui27 .cfg-tela .cfg-form-canal {
  max-width: 560px;
}

body.ui27 .cfg-tela .cfg-form-canal .cfg-campo-valor {
  max-width: none;
}

/* CFG-52 Swal da página (mesmos valores do J-N3/J-N4) */
body.ui27:has(.cfg-tela) .swal2-container {
  font-family: var(--font);
}

body.ui27:has(.cfg-tela) .swal2-popup {
  border-radius: var(--tk-card-r, 16px);
  padding: 24px;
}

body.ui27:has(.cfg-tela) .swal2-popup .swal2-title {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--ink);
}

body.ui27:has(.cfg-tela) .swal2-popup .swal2-content {
  margin-top: 8px;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27:has(.cfg-tela) .swal2-popup .swal2-actions {
  margin: 20px 0 0;
  gap: 8px;
}

body.ui27:has(.cfg-tela) .swal2-styled.swal2-confirm {
  margin: 0;
  height: 36px;
  padding: 0 16px;
  border-radius: var(--r-interactive);
  background-color: var(--ink);
  color: var(--surface);
  font-size: 13px;
  font-weight: 600;
}

body.ui27:has(.cfg-tela) .swal2-styled.swal2-cancel {
  margin: 0;
  height: 36px;
  padding: 0 16px;
  border-radius: var(--r-interactive);
  background-color: transparent;
  color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--line-strong);
  font-size: 13px;
  font-weight: 600;
}

body.ui27:has(.cfg-tela) .swal2-styled:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

/* CFG-53..56 responsivo */
@media (max-width: 991.98px) {
  body.ui27 .cfg-tela .cfg-lia {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  body.ui27 .cfg-tela .cfg-indice {
    position: static;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  body.ui27 .cfg-tela .cfg-indice a {
    border: 1px solid var(--line);
  }
}
@media (max-width: 767px) {
  body.ui27 .cfg-tela .cfg-cab {
    padding: 16px 16px 12px;
  }
  body.ui27 .cfg-tela .nav.nav-tabs.cfg-abas {
    padding: 0 16px;
    gap: 20px;
  }
  body.ui27 .cfg-tela .cfg-corpo {
    padding: 16px;
  }
  /* CFG-55 (C-02) bottom: 0, NÃO var(--m-baixo-total). O .content (quem rola) já tem padding-bottom: var(--m-baixo-total)
     !important (shell/_mobile.scss) e o sticky é medido DENTRO do padding do contêiner de rolagem: somar os dois punha a
     barra 148px acima da base (render do orquestrador: base da barra em y=696 numa janela de 844 = 844 − 2×74). */
  body.ui27 .cfg-tela .cfg-barra {
    bottom: 0;
    margin: 24px -16px -16px;
    padding: 12px 16px;
    transition: transform 260ms var(--m-curva, ease);
  }
  /* CFG-55b (C-02) a barra de baixo se recolhe ao rolar para baixo (MenuBaixo.js: body[data-m-baixo-recolhida],
     translateY(100%) em 260ms): a barra de salvar desce junto e encosta na base da tela, sem vão de 74px. */
  body.ui27[data-m-baixo-recolhida] .cfg-tela .cfg-barra {
    transform: translateY(var(--m-baixo-total, 0px));
  }
  body.ui27 .cfg-tela .cfg-barra-acoes {
    margin-left: 0;
    width: 100%;
  }
  body.ui27 .cfg-tela .cfg-barra-acoes .cfg-btn {
    flex: 1 1 0;
  }
  body.ui27 .cfg-tela .cfg-campo {
    padding-left: 12px;
  }
  body.ui27 .cfg-tela .cfg-selos {
    margin-left: 0;
    width: 100%;
  }
  /* CFG-57 (C-02) nenhum texto sem ponto de quebra alarga a linha: item flex com min-width:auto = min-content, e uma URL
     ou valor longo (padrão do código, "Por <nome>", aviso que cita valor) empurraria o .content na horizontal. */
  body.ui27 .cfg-tela .cfg-herdado > span,
body.ui27 .cfg-tela .cfg-meta > span,
body.ui27 .cfg-tela .cfg-legenda > span,
body.ui27 .cfg-tela .cfg-cab > div,
body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-text {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  body.ui27 .cfg-tela .cfg-barra {
    transition: none;
  }
}
/* CFG-56 tabela vira lista de blocos abaixo de 992 (com a barra lateral de 268px, 6 colunas não cabem
   em 768–991): zero rolagem horizontal, sem .table-responsive */
@media (max-width: 991.98px) {
  body.ui27 .cfg-tela .table.cfg-tabela,
body.ui27 .cfg-tela .table.cfg-tabela tbody,
body.ui27 .cfg-tela .table.cfg-tabela tr,
body.ui27 .cfg-tela .table.cfg-tabela td {
    display: block;
    width: 100%;
  }
  body.ui27 .cfg-tela .table.cfg-tabela thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  body.ui27 .cfg-tela .table.cfg-tabela tr {
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
  }
  body.ui27 .cfg-tela .table.cfg-tabela td,
body.ui27 .cfg-tela .table.cfg-tabela td:first-child,
body.ui27 .cfg-tela .table.cfg-tabela td:last-child {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 8px;
    padding: 4px 0;
    border: 0;
    text-align: left;
  }
  body.ui27 .cfg-tela .table.cfg-tabela td::before {
    content: attr(data-label);
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: var(--ink-2);
  }
  body.ui27 .cfg-tela .table.cfg-tabela td[data-label=""] {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 8px;
  }
  body.ui27 .cfg-tela .table.cfg-tabela td[data-label=""]::before {
    content: none;
  }
}
@media (min-width: 992px) {
  body.ui27 .cfg-tela .cfg-barra.cfg-barra--lia {
    margin-left: 212px;
  }
}
body.ui27 .cfg-tela .cfg-barra.cfg-barra--canal {
  max-width: 600px;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--a0 {
  width: 28%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--a1 {
  width: 45%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--a2 {
  width: 62%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--a3 {
  width: 39%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--a4 {
  width: 56%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--a5 {
  width: 33%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--b0 {
  width: 60%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--b1 {
  width: 71%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--b2 {
  width: 82%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--b3 {
  width: 63%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--b4 {
  width: 74%;
}

body.ui27 .cfg-tela .cfg-esq.cfg-esq--b5 {
  width: 85%;
}

body.ui27 .cfg-tela .cfg-btn[aria-disabled=true] {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

body.ui27:has(.cfg-tela) .swal2-popup .cfg-swal-p {
  margin: 0 0 8px;
}

body.ui27:has(.cfg-tela) .swal2-popup .cfg-swal-p:last-child {
  margin-bottom: 0;
}

body.ui27:has(.cfg-tela) .swal2-popup .swal2-html-container {
  margin: 8px 0 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink);
}

body.ui27 .cfg-tela .alert.alert-custom.cfg-aviso .alert-text a:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

/* B-0 saudação e data */
.bv-home .bv-secao {
  font-size: 1.275rem;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 12px;
}

.bv-home .bv-ola {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin: 0;
  overflow-wrap: anywhere;
}

.bv-home .bv-data {
  font-size: 13px;
  line-height: 20px;
  color: var(--ink-2);
  margin: 4px 0 0;
}

/* B-1 atalhos */
.bv-home .bv-atalhos-bloco {
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.bv-home .bv-atalhos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (min-width: 992px) {
  .bv-home .bv-atalhos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.bv-home .bv-atalho {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  background: transparent;
  text-decoration: none;
}

.bv-home .bv-atalho:hover {
  background-color: var(--hover-wash);
  text-decoration: none;
}

.bv-home .bv-atalho-ico {
  flex: none;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
  color: var(--ink-2);
}

.bv-home .bv-atalho-rot {
  min-width: 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: var(--ink);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}

/* B-2 / B-3 KPI: E2.1 carregando · E2.2 ok · E2.3 vazio · E2.4 erro — a altura mora na grade (px), nunca no card-body (rem !important) */
.bv-home .bv-kpi-corpo {
  display: block;
  text-decoration: none;
}

body.ui27 .bv-home a.bv-kpi-corpo:hover {
  background-color: var(--hover-wash) !important;
  text-decoration: none;
}

.bv-home .bv-kpi-grade {
  display: grid;
  height: 116px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 36px 32px 34px;
  row-gap: 7px;
  grid-template-areas: "rot" "num" "linha";
}

.bv-home .bv-kpi-rot {
  grid-area: rot;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.bv-home .bv-kpi-num {
  grid-area: num;
  line-height: 32px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  min-width: 0;
}

.bv-home .bv-kpi-linha {
  grid-area: linha;
  min-width: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-2);
}

.bv-home .bv-kpi-linha > span {
  display: block;
}

.bv-home .bv-kpi-nada {
  color: var(--ink);
  font-weight: 600;
}

.bv-home .bv-kpi-erro {
  grid-area: num;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--ink);
}

.bv-home .bv-kpi-erro .ai {
  flex: none;
  font-size: 16px;
  line-height: 16px;
  color: var(--alert);
}

.bv-home .bv-kpi-esq-num {
  grid-area: num;
}

.bv-home .bv-kpi-esq-linha {
  grid-area: linha;
}

@media (max-width: 575.98px) {
  .bv-home .bv-kpi-grade {
    height: 72px;
    grid-template-columns: minmax(56px, max-content) minmax(0, 1fr);
    grid-template-rows: 34px 34px;
    row-gap: 4px;
    -moz-column-gap: 12px;
         column-gap: 12px;
    grid-template-areas: "num rot" "num linha";
  }
  .bv-home .bv-kpi-rot {
    line-height: 17px;
  }
  .bv-home .bv-kpi-num, .bv-home .bv-kpi-erro {
    align-self: start;
  }
}
/* Esqueleto: primitivas ph-* sem a moldura própria do placeholder.css (R-4) */
.bv-home .ph-item.bv-esq {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
  overflow: hidden;
}

.bv-home .ph-item.bv-esq > * {
  margin: 0;
  padding: 0;
}

.bv-home .ph-item.bv-esq-avisos {
  height: 176px;
  flex-direction: column;
  flex-wrap: nowrap;
}

.bv-home .ph-item.bv-esq-avisos > * + * {
  margin-top: 24px;
}

/* Botão "Tentar de novo" / "Marcar como lido" (R-3: nunca btn-light) */
.bv-home .btn.bv-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  color: var(--ink);
  background-color: transparent;
  border-color: var(--line-strong);
  font-weight: 500;
}

.bv-home .btn.bv-btn:hover, .bv-home .btn.bv-btn:focus {
  color: var(--ink);
  background-color: var(--hover-wash);
  border-color: var(--line-strong);
}

.bv-home .btn.bv-btn .ai {
  font-size: 14px;
  line-height: 14px;
  color: var(--ink);
}

.bv-home .btn.bv-btn:disabled {
  opacity: 1;
  color: var(--ink-2);
}

@media (max-width: 767.98px) {
  .bv-home .btn.bv-btn::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 44px;
    transform: translateY(-50%);
  }
}
/* B-4 avisos: E4.1 carregando · E4.2 ok · E4.3 vazio · E4.4 erro · E4.5 truncado · E4.6 marcando · E4.7 falha */
.bv-home .bv-avisos-grade {
  min-height: 176px;
}

.bv-home .bv-avisos-centro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 176px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink-2);
}

.bv-home .bv-avisos-centro .ai {
  font-size: 24px;
  line-height: 24px;
  color: var(--ink-2);
}

.bv-home .bv-avisos-centro.bv-erro .ai {
  color: var(--alert);
}

.bv-home .bv-avisos-centro.bv-erro .bv-avisos-msg {
  color: var(--ink);
  font-weight: 600;
}

.bv-home .bv-avisos-lista {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bv-home .bv-aviso {
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

.bv-home .bv-aviso:first-child {
  padding-top: 0;
  border-top: 0;
}

.bv-home .bv-aviso:last-child {
  padding-bottom: 0;
}

.bv-home .bv-aviso-topo {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.bv-home .bv-chip {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.bv-home .bv-chip-novo {
  background-color: var(--accent-wash);
  color: var(--accent-text);
}

.bv-home .bv-chip-lido {
  padding-left: 0;
  padding-right: 0;
  color: var(--ink-2);
  font-weight: 500;
}

.bv-home .bv-chip .ai {
  font-size: 12px;
  line-height: 12px;
  color: inherit;
}

.bv-home .bv-aviso-titulo {
  margin: 0;
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.bv-home .bv-aviso[data-bv-lido="1"] .bv-aviso-titulo {
  font-weight: 400;
  color: var(--ink-2);
}

.bv-home .bv-aviso-corpo {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--ink-2);
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.bv-home .bv-aviso-pe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-top: 12px;
}

.bv-home .bv-aviso-link {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: var(--ink);
  text-decoration: underline;
}

.bv-home .bv-aviso-link:hover {
  color: var(--ink);
  text-decoration: underline !important;
}

.bv-home .bv-aviso-link .ai {
  font-size: 13px;
  margin-left: 4px;
}

.bv-home .bv-aviso-falha {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink);
}

.bv-home .bv-aviso-falha .ai {
  flex: none;
  color: var(--alert);
  font-size: 14px;
}

.bv-home .bv-avisos-nota {
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-2);
}

/* Foco (UI-39): `a,button{outline:0!important}` do Metronic exige !important, escopado na home */
body.ui27 .bv-home a:focus-visible, body.ui27 .bv-home button:focus-visible, body.ui27 .bv-home [tabindex="-1"]:focus-visible {
  outline: 2px solid var(--accent-line) !important;
  outline-offset: 2px !important;
}

body.ui27 .bv-home a.bv-kpi-corpo:focus-visible {
  outline-offset: -2px !important;
}

:root {
  --lg-border-w: var(--hairline);
  --lg-box-border: #EEF0F8;
}

[data-theme=dark] {
  --lg-box-border: var(--line);
}

.lg-border {
  border: var(--lg-border-w) solid var(--lg-box-border);
}

body.ui27 .swal2-container {
  overflow-y: auto !important;
}

[data-theme=dark] {
  --lg-bg: var(--bg);
  --lg-card-bg: var(--surface-alt);
  --lg-control-bg: var(--surface);
  --lg-control-bg-ro: var(--surface-alt);
  --lg-hover: var(--hover-wash);
  --lg-stripe: rgba(255, 255, 255, .025);
  --lg-active-bg: var(--accent-wash);
  --lg-active-ink: var(--accent-text);
  --lg-accent: var(--accent);
  --lg-accent-ink: var(--accent-ink);
  --lg-line: var(--line);
  --lg-line-strong: var(--line-strong);
  --lg-ink: var(--ink);
  --lg-ink-2: var(--ink-2);
  --lg-ink-3: var(--ink-3);
  --lg-link: var(--accent-text);
  --lg-dash: var(--line-strong);
  --lg-shine: rgba(255, 255, 255, .06);
}

[data-theme=dark] body.ui27 {
  background: var(--lg-bg);
  color: var(--lg-ink);
}
[data-theme=dark] body.ui27 .page, [data-theme=dark] body.ui27 .wrapper, [data-theme=dark] body.ui27 .content, [data-theme=dark] body.ui27 .subheader {
  background: var(--lg-bg);
}
[data-theme=dark] body.ui27 h1, [data-theme=dark] body.ui27 h2, [data-theme=dark] body.ui27 h3, [data-theme=dark] body.ui27 h4, [data-theme=dark] body.ui27 h5, [data-theme=dark] body.ui27 h6, [data-theme=dark] body.ui27 .h1, [data-theme=dark] body.ui27 .h2, [data-theme=dark] body.ui27 .h3, [data-theme=dark] body.ui27 .h4, [data-theme=dark] body.ui27 .h5, [data-theme=dark] body.ui27 .h6,
[data-theme=dark] body.ui27 .text-dark, [data-theme=dark] body.ui27 .text-dark-75, [data-theme=dark] body.ui27 .text-dark-65, [data-theme=dark] body.ui27 .text-dark-50, [data-theme=dark] body.ui27 .text-hover-dark:hover {
  color: var(--lg-ink) !important;
}
[data-theme=dark] body.ui27 .text-muted, [data-theme=dark] body.ui27 .text-dark-50, [data-theme=dark] body.ui27 small {
  color: var(--lg-ink-2) !important;
}
[data-theme=dark] body.ui27 a:not(.btn):not(.nav-item):not(.um-item):not(.icon-btn):not(.navi-link) {
  color: var(--lg-link);
}
[data-theme=dark] body.ui27 .card, [data-theme=dark] body.ui27 .card-custom, [data-theme=dark] body.ui27 .card-body, [data-theme=dark] body.ui27 .card-header, [data-theme=dark] body.ui27 .card-footer,
[data-theme=dark] body.ui27 .bg-white, [data-theme=dark] body.ui27 .bg-light, [data-theme=dark] body.ui27 .bg-gray-100,
[data-theme=dark] body.ui27 .modal-content, [data-theme=dark] body.ui27 .dropdown-menu, [data-theme=dark] body.ui27 .popover, [data-theme=dark] body.ui27 .list-group-item, [data-theme=dark] body.ui27 .daterangepicker, [data-theme=dark] body.ui27 .select2-dropdown {
  background-color: var(--lg-card-bg) !important;
  color: var(--lg-ink);
}
[data-theme=dark] body.ui27 .card, [data-theme=dark] body.ui27 .card-custom {
  border: var(--lg-border-w) solid var(--lg-line);
  box-shadow: none;
}
[data-theme=dark] body.ui27 .card-header, [data-theme=dark] body.ui27 .card-footer, [data-theme=dark] body.ui27 .modal-header, [data-theme=dark] body.ui27 .modal-footer {
  border-color: var(--lg-line) !important;
}
[data-theme=dark] body.ui27 .card .card-body, [data-theme=dark] body.ui27 .card .card-header, [data-theme=dark] body.ui27 .card .card-footer {
  background-color: transparent !important;
}
[data-theme=dark] body.ui27 .bg-gray-200, [data-theme=dark] body.ui27 .subheader-separator, [data-theme=dark] body.ui27 hr {
  background-color: var(--lg-line) !important;
  border-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .border, [data-theme=dark] body.ui27 .border-top, [data-theme=dark] body.ui27 .border-bottom, [data-theme=dark] body.ui27 .border-left, [data-theme=dark] body.ui27 .border-right,
[data-theme=dark] body.ui27 [class*=border-gray] {
  border-color: var(--lg-line) !important;
}
[data-theme=dark] body.ui27 .form-control, [data-theme=dark] body.ui27 .custom-select, [data-theme=dark] body.ui27 .input-group-text, [data-theme=dark] body.ui27 .select2-selection, [data-theme=dark] body.ui27 .select2-search__field,
[data-theme=dark] body.ui27 .daterangepicker select, [data-theme=dark] body.ui27 .daterangepicker input, [data-theme=dark] body.ui27 .ck.ck-editor__main > .ck-editor__editable {
  background-color: var(--lg-control-bg) !important;
  color: var(--lg-ink) !important;
  border-color: var(--lg-line-strong) !important;
}
[data-theme=dark] body.ui27 .form-control:focus {
  border-color: var(--lg-accent) !important;
}
[data-theme=dark] body.ui27 .form-control::-moz-placeholder {
  color: var(--lg-ink-3);
}
[data-theme=dark] body.ui27 .form-control::placeholder {
  color: var(--lg-ink-3);
}
[data-theme=dark] body.ui27 .form-control:disabled, [data-theme=dark] body.ui27 .form-control[readonly] {
  background-color: var(--lg-control-bg-ro) !important;
}
[data-theme=dark] body.ui27 .select2-selection__rendered, [data-theme=dark] body.ui27 .select2-results__option {
  color: var(--lg-ink) !important;
}
[data-theme=dark] body.ui27 label, [data-theme=dark] body.ui27 .form-text {
  color: var(--lg-ink-2);
}
[data-theme=dark] body.ui27 .btn-light, [data-theme=dark] body.ui27 .btn-clean {
  background-color: var(--lg-control-bg) !important;
  color: var(--lg-ink) !important;
  border-color: var(--lg-line) !important;
}
[data-theme=dark] body.ui27 .dropdown-item, [data-theme=dark] body.ui27 .navi .navi-item .navi-link {
  color: var(--lg-ink-2);
}
[data-theme=dark] body.ui27 .dropdown-divider {
  border-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .btn-light:hover, [data-theme=dark] body.ui27 .btn-clean:hover, [data-theme=dark] body.ui27 .btn-hover-light:hover, [data-theme=dark] body.ui27 .btn[class*=btn-hover-]:hover,
[data-theme=dark] body.ui27 .bg-hover-light:hover, [data-theme=dark] body.ui27 .bg-hover-white:hover, [data-theme=dark] body.ui27 .dropdown-item:hover, [data-theme=dark] body.ui27 .dropdown-item:focus,
[data-theme=dark] body.ui27 .navi .navi-item .navi-link:hover, [data-theme=dark] body.ui27 .navi .navi-item:hover > .navi-link,
[data-theme=dark] body.ui27 .list-group-item-action:hover, [data-theme=dark] body.ui27 .nav-link:hover, [data-theme=dark] body.ui27 .page-link:hover,
[data-theme=dark] body.ui27 .select2-results__option--highlighted, [data-theme=dark] body.ui27 .select2-results__option[aria-selected=true]:hover,
[data-theme=dark] body.ui27 .table-hover tbody tr:hover, [data-theme=dark] body.ui27 .table-hover tbody tr:hover > td, [data-theme=dark] body.ui27 .table-hover tbody tr:hover > th,
[data-theme=dark] body.ui27 table.dataTable tbody tr:hover, [data-theme=dark] body.ui27 table.dataTable tbody tr:hover > td,
[data-theme=dark] body.ui27 .daterangepicker td.available:hover, [data-theme=dark] body.ui27 .daterangepicker .ranges li:hover {
  background-color: var(--lg-hover) !important;
  color: var(--lg-ink) !important;
}
[data-theme=dark] body.ui27 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled),
[data-theme=dark] body.ui27 .btn.btn-hover-light:focus:not(.btn-text),
[data-theme=dark] body.ui27 .btn.btn-hover-light.focus:not(.btn-text),
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text),
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled).active,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light.dropdown-toggle,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light.btn-dropdown {
  background-color: var(--lg-hover) !important;
  border-color: transparent !important;
  color: var(--lg-ink) !important;
}
[data-theme=dark] body.ui27 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, [data-theme=dark] body.ui27 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled) .dropdown-toggle:after, [data-theme=dark] body.ui27 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light:focus:not(.btn-text) i,
[data-theme=dark] body.ui27 .btn.btn-hover-light:focus:not(.btn-text) .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light:focus:not(.btn-text).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light.focus:not(.btn-text) i,
[data-theme=dark] body.ui27 .btn.btn-hover-light.focus:not(.btn-text) .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light.focus:not(.btn-text).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text) i,
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text) .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled).active i,
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled).active .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled).active.dropdown-toggle:after,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light.dropdown-toggle i,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light.dropdown-toggle .dropdown-toggle:after,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light.dropdown-toggle.dropdown-toggle:after,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light.btn-dropdown i,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light.btn-dropdown .dropdown-toggle:after,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light.btn-dropdown.dropdown-toggle:after {
  color: var(--lg-ink) !important;
}
[data-theme=dark] body.ui27 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light:focus:not(.btn-text) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light.focus:not(.btn-text) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light.dropdown-toggle .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .show .btn.btn-hover-light.btn-dropdown .svg-icon svg g [fill] {
  fill: var(--lg-ink) !important;
}
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:focus:not(.btn-text),
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary.focus:not(.btn-text),
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text),
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light-primary.dropdown-toggle,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light-primary.btn-dropdown {
  background-color: var(--lg-hover) !important;
  border-color: transparent !important;
  color: var(--lg-link) !important;
}
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, [data-theme=dark] body.ui27 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .dropdown-toggle:after, [data-theme=dark] body.ui27 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:focus:not(.btn-text) i,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:focus:not(.btn-text) .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:focus:not(.btn-text).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary.focus:not(.btn-text) i,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary.focus:not(.btn-text) .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary.focus:not(.btn-text).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active i,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active .dropdown-toggle:after,
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light-primary.dropdown-toggle i,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light-primary.dropdown-toggle .dropdown-toggle:after,
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light-primary.dropdown-toggle.dropdown-toggle:after,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light-primary.btn-dropdown i,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light-primary.btn-dropdown .dropdown-toggle:after,
[data-theme=dark] body.ui27 .show .btn.btn-hover-light-primary.btn-dropdown.dropdown-toggle:after {
  color: var(--lg-link) !important;
}
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:focus:not(.btn-text) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary.focus:not(.btn-text) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .show > .btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg g [fill],
[data-theme=dark] body.ui27 .show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg g [fill] {
  fill: var(--lg-link) !important;
}
[data-theme=dark] body.ui27 .separator.separator-dashed, [data-theme=dark] body.ui27 .separator.separator-solid,
[data-theme=dark] body.ui27 .list.list-border .list-item, [data-theme=dark] body.ui27 .list.list-dashed .list-item,
[data-theme=dark] body.ui27 .navi .navi-separator, [data-theme=dark] body.ui27 .navi .navi-separator.navi-separator-dashed {
  border-bottom-color: var(--lg-dash) !important;
}
[data-theme=dark] body.ui27 .separator.separator-solid, [data-theme=dark] body.ui27 .list.list-border .list-item, [data-theme=dark] body.ui27 .navi .navi-separator:not(.navi-separator-dashed) {
  border-bottom-color: var(--lg-line) !important;
}
[data-theme=dark] body.ui27 .separator.separator-light, [data-theme=dark] body.ui27 .separator.separator-secondary, [data-theme=dark] body.ui27 .separator.separator-white {
  border-bottom-color: var(--lg-line) !important;
}
[data-theme=dark] body.ui27 .dataTables_wrapper .child .dtr-details > li .dtr-title,
[data-theme=dark] body.ui27 .dataTables_wrapper .child .dtr-details > li .dtr-data {
  border-bottom-color: var(--lg-dash);
}
[data-theme=dark] body.ui27 .dropzone.dropzone-default, [data-theme=dark] body.ui27 .uppy .uppy-Root.uppy-DragDrop--is-dragdrop-supported {
  border-color: var(--lg-dash);
}
[data-theme=dark] body.ui27 .draggable.draggable-mirror {
  border-color: var(--lg-dash) !important;
}
[data-theme=dark] body.ui27 .vakata-context .vakata-context-separator a {
  background-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .table, [data-theme=dark] body.ui27 .table td, [data-theme=dark] body.ui27 .table th, [data-theme=dark] body.ui27 .table tbody tr td, [data-theme=dark] body.ui27 .table tbody tr th {
  color: var(--lg-ink) !important;
}
[data-theme=dark] body.ui27 .table th, [data-theme=dark] body.ui27 .table td, [data-theme=dark] body.ui27 .table thead th {
  border-color: var(--lg-line) !important;
}
[data-theme=dark] body.ui27 .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--lg-stripe);
}
[data-theme=dark] body.ui27 table.dataTable tbody tr, [data-theme=dark] body.ui27 table.dataTable thead th {
  background-color: transparent;
  color: var(--lg-ink);
}
[data-theme=dark] body.ui27 .nav-tabs {
  border-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .nav-tabs .nav-link, [data-theme=dark] body.ui27 .nav-pills .nav-link {
  color: var(--lg-ink-2);
}
[data-theme=dark] body.ui27 .nav-tabs .nav-link.active, [data-theme=dark] body.ui27 .nav-pills .nav-link.active {
  background-color: var(--lg-active-bg);
  color: var(--lg-active-ink);
  border-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .page-link {
  background-color: var(--lg-control-bg);
  border-color: var(--lg-line);
  color: var(--lg-ink-2);
}
[data-theme=dark] body.ui27 .page-item.active .page-link {
  background-color: var(--lg-accent);
  border-color: var(--lg-accent);
  color: var(--lg-accent-ink);
}
[data-theme=dark] body.ui27 .label.label-inline:not([class*=label-light]):not([class*=label-primary]):not([class*=label-success]):not([class*=label-danger]):not([class*=label-warning]):not([class*=label-info]):not([class*=label-dark]) {
  background-color: var(--lg-card-bg);
  color: var(--lg-ink-2);
  border: var(--lg-border-w) solid var(--lg-line);
}
[data-theme=dark] body.ui27 .daterangepicker {
  border-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .daterangepicker td.off, [data-theme=dark] body.ui27 .daterangepicker td.off.in-range {
  background-color: transparent;
  color: var(--lg-ink-3);
}
[data-theme=dark] body.ui27 .daterangepicker td.in-range {
  background-color: var(--lg-active-bg);
  color: var(--lg-ink);
}
[data-theme=dark] body.ui27 .daterangepicker td.active, [data-theme=dark] body.ui27 .daterangepicker td.active:hover, [data-theme=dark] body.ui27 .daterangepicker .ranges li.active {
  background-color: var(--lg-accent);
  color: var(--lg-accent-ink);
}
[data-theme=dark] body.ui27 .daterangepicker .calendar-table {
  background-color: transparent;
  border-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .ph-item {
  background-color: var(--lg-card-bg);
  border-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .ph-item::before {
  background: linear-gradient(90deg, transparent 46%, var(--lg-shine) 50%, transparent 54%);
}
[data-theme=dark] body.ui27 .ph-item .ph-row div, [data-theme=dark] body.ui27 .ph-item .ph-picture, [data-theme=dark] body.ui27 .ph-item .ph-avatar {
  background-color: var(--lg-line);
}
[data-theme=dark] body.ui27 .apexcharts-text, [data-theme=dark] body.ui27 .apexcharts-legend-text, [data-theme=dark] body.ui27 .apexcharts-datalabel-label, [data-theme=dark] body.ui27 .apexcharts-yaxis-label, [data-theme=dark] body.ui27 .apexcharts-xaxis-label {
  fill: var(--lg-ink-2) !important;
  color: var(--lg-ink-2) !important;
}
[data-theme=dark] body.ui27 .apexcharts-gridline, [data-theme=dark] body.ui27 .apexcharts-xaxis-tick, [data-theme=dark] body.ui27 .apexcharts-grid-borders line {
  stroke: var(--lg-line) !important;
}
[data-theme=dark] body.ui27 .card.chat-lia-box {
  background-color: var(--accent-wash) !important;
}
[data-theme=dark] body.ui27 .swal2-popup {
  background: var(--lg-card-bg);
  color: var(--lg-ink);
  border: var(--lg-border-w) solid var(--lg-line-strong);
}
[data-theme=dark] body.ui27 .swal2-select {
  background-color: var(--lg-control-bg);
  color: var(--lg-ink);
  border-color: var(--lg-line-strong);
}
[data-theme=dark] body.ui27 .swal2-select option {
  background-color: var(--lg-card-bg);
  color: var(--lg-ink);
}

/*# sourceMappingURL=app.css.map*/