/* Generated by work/quality/build_ui_bundles.py. Do not edit directly. */

/* source: painel_revendedor/vendor/bootstrap-icons-1.13.1.min.css */
/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */@font-face{font-display:block;font-family:bootstrap-icons;src:url("/painel_revendedor/fonts/bootstrap-icons.woff2?e34853135f9e39acf64315236852cd5a") format("woff2"),url("/painel_revendedor/fonts/bootstrap-icons.woff?e34853135f9e39acf64315236852cd5a") format("woff")}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-123::before{content:"\f67f"}.bi-alarm-fill::before{content:"\f101"}.bi-alarm::before{content:"\f102"}.bi-align-bottom::before{content:"\f103"}.bi-align-center::before{content:"\f104"}.bi-align-end::before{content:"\f105"}.bi-align-middle::before{content:"\f106"}.bi-align-start::before{content:"\f107"}.bi-align-top::before{content:"\f108"}.bi-alt::before{content:"\f109"}.bi-app-indicator::before{content:"\f10a"}.bi-app::before{content:"\f10b"}.bi-archive-fill::before{content:"\f10c"}.bi-archive::before{content:"\f10d"}.bi-arrow-90deg-down::before{content:"\f10e"}.bi-arrow-90deg-left::before{content:"\f10f"}.bi-arrow-90deg-right::before{content:"\f110"}.bi-arrow-90deg-up::before{content:"\f111"}.bi-arrow-bar-down::before{content:"\f112"}.bi-arrow-bar-left::before{content:"\f113"}.bi-arrow-bar-right::before{content:"\f114"}.bi-arrow-bar-up::before{content:"\f115"}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-counterclockwise::before{content:"\f117"}.bi-arrow-down-circle-fill::before{content:"\f118"}.bi-arrow-down-circle::before{content:"\f119"}.bi-arrow-down-left-circle-fill::before{content:"\f11a"}.bi-arrow-down-left-circle::before{content:"\f11b"}.bi-arrow-down-left-square-fill::before{content:"\f11c"}.bi-arrow-down-left-square::before{content:"\f11d"}.bi-arrow-down-left::before{content:"\f11e"}.bi-arrow-down-right-circle-fill::before{content:"\f11f"}.bi-arrow-down-right-circle::before{content:"\f120"}.bi-arrow-down-right-square-fill::before{content:"\f121"}.bi-arrow-down-right-square::before{content:"\f122"}.bi-arrow-down-right::before{content:"\f123"}.bi-arrow-down-short::before{content:"\f124"}.bi-arrow-down-square-fill::before{content:"\f125"}.bi-arrow-down-square::before{content:"\f126"}.bi-arrow-down-up::before{content:"\f127"}.bi-arrow-down::before{content:"\f128"}.bi-arrow-left-circle-fill::before{content:"\f129"}.bi-arrow-left-circle::before{content:"\f12a"}.bi-arrow-left-right::before{content:"\f12b"}.bi-arrow-left-short::before{content:"\f12c"}.bi-arrow-left-square-fill::before{content:"\f12d"}.bi-arrow-left-square::before{content:"\f12e"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-repeat::before{content:"\f130"}.bi-arrow-return-left::before{content:"\f131"}.bi-arrow-return-right::before{content:"\f132"}.bi-arrow-right-circle-fill::before{content:"\f133"}.bi-arrow-right-circle::before{content:"\f134"}.bi-arrow-right-short::before{content:"\f135"}.bi-arrow-right-square-fill::before{content:"\f136"}.bi-arrow-right-square::before{content:"\f137"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-circle-fill::before{content:"\f139"}.bi-arrow-up-circle::before{content:"\f13a"}.bi-arrow-up-left-circle-fill::before{content:"\f13b"}.bi-arrow-up-left-circle::before{content:"\f13c"}.bi-arrow-up-left-square-fill::before{content:"\f13d"}.bi-arrow-up-left-square::before{content:"\f13e"}.bi-arrow-up-left::before{content:"\f13f"}.bi-arrow-up-right-circle-fill::before{content:"\f140"}.bi-arrow-up-right-circle::before{content:"\f141"}.bi-arrow-up-right-square-fill::before{content:"\f142"}.bi-arrow-up-right-square::before{content:"\f143"}.bi-arrow-up-right::before{content:"\f144"}.bi-arrow-up-short::before{content:"\f145"}.bi-arrow-up-square-fill::before{content:"\f146"}.bi-arrow-up-square::before{content:"\f147"}.bi-arrow-up::before{content:"\f148"}.bi-arrows-angle-contract::before{content:"\f149"}.bi-arrows-angle-expand::before{content:"\f14a"}.bi-arrows-collapse::before{content:"\f14b"}.bi-arrows-expand::before{content:"\f14c"}.bi-arrows-fullscreen::before{content:"\f14d"}.bi-arrows-move::before{content:"\f14e"}.bi-aspect-ratio-fill::before{content:"\f14f"}.bi-aspect-ratio::before{content:"\f150"}.bi-asterisk::before{content:"\f151"}.bi-at::before{content:"\f152"}.bi-award-fill::before{content:"\f153"}.bi-award::before{content:"\f154"}.bi-back::before{content:"\f155"}.bi-backspace-fill::before{content:"\f156"}.bi-backspace-reverse-fill::before{content:"\f157"}.bi-backspace-reverse::before{content:"\f158"}.bi-backspace::before{content:"\f159"}.bi-badge-3d-fill::before{content:"\f15a"}.bi-badge-3d::before{content:"\f15b"}.bi-badge-4k-fill::before{content:"\f15c"}.bi-badge-4k::before{content:"\f15d"}.bi-badge-8k-fill::before{content:"\f15e"}.bi-badge-8k::before{content:"\f15f"}.bi-badge-ad-fill::before{content:"\f160"}.bi-badge-ad::before{content:"\f161"}.bi-badge-ar-fill::before{content:"\f162"}.bi-badge-ar::before{content:"\f163"}.bi-badge-cc-fill::before{content:"\f164"}.bi-badge-cc::before{content:"\f165"}.bi-badge-hd-fill::before{content:"\f166"}.bi-badge-hd::before{content:"\f167"}.bi-badge-tm-fill::before{content:"\f168"}.bi-badge-tm::before{content:"\f169"}.bi-badge-vo-fill::before{content:"\f16a"}.bi-badge-vo::before{content:"\f16b"}.bi-badge-vr-fill::before{content:"\f16c"}.bi-badge-vr::before{content:"\f16d"}.bi-badge-wc-fill::before{content:"\f16e"}.bi-badge-wc::before{content:"\f16f"}.bi-bag-check-fill::before{content:"\f170"}.bi-bag-check::before{content:"\f171"}.bi-bag-dash-fill::before{content:"\f172"}.bi-bag-dash::before{content:"\f173"}.bi-bag-fill::before{content:"\f174"}.bi-bag-plus-fill::before{content:"\f175"}.bi-bag-plus::before{content:"\f176"}.bi-bag-x-fill::before{content:"\f177"}.bi-bag-x::before{content:"\f178"}.bi-bag::before{content:"\f179"}.bi-bar-chart-fill::before{content:"\f17a"}.bi-bar-chart-line-fill::before{content:"\f17b"}.bi-bar-chart-line::before{content:"\f17c"}.bi-bar-chart-steps::before{content:"\f17d"}.bi-bar-chart::before{content:"\f17e"}.bi-basket-fill::before{content:"\f17f"}.bi-basket::before{content:"\f180"}.bi-basket2-fill::before{content:"\f181"}.bi-basket2::before{content:"\f182"}.bi-basket3-fill::before{content:"\f183"}.bi-basket3::before{content:"\f184"}.bi-battery-charging::before{content:"\f185"}.bi-battery-full::before{content:"\f186"}.bi-battery-half::before{content:"\f187"}.bi-battery::before{content:"\f188"}.bi-bell-fill::before{content:"\f189"}.bi-bell::before{content:"\f18a"}.bi-bezier::before{content:"\f18b"}.bi-bezier2::before{content:"\f18c"}.bi-bicycle::before{content:"\f18d"}.bi-binoculars-fill::before{content:"\f18e"}.bi-binoculars::before{content:"\f18f"}.bi-blockquote-left::before{content:"\f190"}.bi-blockquote-right::before{content:"\f191"}.bi-book-fill::before{content:"\f192"}.bi-book-half::before{content:"\f193"}.bi-book::before{content:"\f194"}.bi-bookmark-check-fill::before{content:"\f195"}.bi-bookmark-check::before{content:"\f196"}.bi-bookmark-dash-fill::before{content:"\f197"}.bi-bookmark-dash::before{content:"\f198"}.bi-bookmark-fill::before{content:"\f199"}.bi-bookmark-heart-fill::before{content:"\f19a"}.bi-bookmark-heart::before{content:"\f19b"}.bi-bookmark-plus-fill::before{content:"\f19c"}.bi-bookmark-plus::before{content:"\f19d"}.bi-bookmark-star-fill::before{content:"\f19e"}.bi-bookmark-star::before{content:"\f19f"}.bi-bookmark-x-fill::before{content:"\f1a0"}.bi-bookmark-x::before{content:"\f1a1"}.bi-bookmark::before{content:"\f1a2"}.bi-bookmarks-fill::before{content:"\f1a3"}.bi-bookmarks::before{content:"\f1a4"}.bi-bookshelf::before{content:"\f1a5"}.bi-bootstrap-fill::before{content:"\f1a6"}.bi-bootstrap-reboot::before{content:"\f1a7"}.bi-bootstrap::before{content:"\f1a8"}.bi-border-all::before{content:"\f1a9"}.bi-border-bottom::before{content:"\f1aa"}.bi-border-center::before{content:"\f1ab"}.bi-border-inner::before{content:"\f1ac"}.bi-border-left::before{content:"\f1ad"}.bi-border-middle::before{content:"\f1ae"}.bi-border-outer::before{content:"\f1af"}.bi-border-right::before{content:"\f1b0"}.bi-border-style::before{content:"\f1b1"}.bi-border-top::before{content:"\f1b2"}.bi-border-width::before{content:"\f1b3"}.bi-border::before{content:"\f1b4"}.bi-bounding-box-circles::before{content:"\f1b5"}.bi-bounding-box::before{content:"\f1b6"}.bi-box-arrow-down-left::before{content:"\f1b7"}.bi-box-arrow-down-right::before{content:"\f1b8"}.bi-box-arrow-down::before{content:"\f1b9"}.bi-box-arrow-in-down-left::before{content:"\f1ba"}.bi-box-arrow-in-down-right::before{content:"\f1bb"}.bi-box-arrow-in-down::before{content:"\f1bc"}.bi-box-arrow-in-left::before{content:"\f1bd"}.bi-box-arrow-in-right::before{content:"\f1be"}.bi-box-arrow-in-up-left::before{content:"\f1bf"}.bi-box-arrow-in-up-right::before{content:"\f1c0"}.bi-box-arrow-in-up::before{content:"\f1c1"}.bi-box-arrow-left::before{content:"\f1c2"}.bi-box-arrow-right::before{content:"\f1c3"}.bi-box-arrow-up-left::before{content:"\f1c4"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-arrow-up::before{content:"\f1c6"}.bi-box-seam::before{content:"\f1c7"}.bi-box::before{content:"\f1c8"}.bi-braces::before{content:"\f1c9"}.bi-bricks::before{content:"\f1ca"}.bi-briefcase-fill::before{content:"\f1cb"}.bi-briefcase::before{content:"\f1cc"}.bi-brightness-alt-high-fill::before{content:"\f1cd"}.bi-brightness-alt-high::before{content:"\f1ce"}.bi-brightness-alt-low-fill::before{content:"\f1cf"}.bi-brightness-alt-low::before{content:"\f1d0"}.bi-brightness-high-fill::before{content:"\f1d1"}.bi-brightness-high::before{content:"\f1d2"}.bi-brightness-low-fill::before{content:"\f1d3"}.bi-brightness-low::before{content:"\f1d4"}.bi-broadcast-pin::before{content:"\f1d5"}.bi-broadcast::before{content:"\f1d6"}.bi-brush-fill::before{content:"\f1d7"}.bi-brush::before{content:"\f1d8"}.bi-bucket-fill::before{content:"\f1d9"}.bi-bucket::before{content:"\f1da"}.bi-bug-fill::before{content:"\f1db"}.bi-bug::before{content:"\f1dc"}.bi-building::before{content:"\f1dd"}.bi-bullseye::before{content:"\f1de"}.bi-calculator-fill::before{content:"\f1df"}.bi-calculator::before{content:"\f1e0"}.bi-calendar-check-fill::before{content:"\f1e1"}.bi-calendar-check::before{content:"\f1e2"}.bi-calendar-date-fill::before{content:"\f1e3"}.bi-calendar-date::before{content:"\f1e4"}.bi-calendar-day-fill::before{content:"\f1e5"}.bi-calendar-day::before{content:"\f1e6"}.bi-calendar-event-fill::before{content:"\f1e7"}.bi-calendar-event::before{content:"\f1e8"}.bi-calendar-fill::before{content:"\f1e9"}.bi-calendar-minus-fill::before{content:"\f1ea"}.bi-calendar-minus::before{content:"\f1eb"}.bi-calendar-month-fill::before{content:"\f1ec"}.bi-calendar-month::before{content:"\f1ed"}.bi-calendar-plus-fill::before{content:"\f1ee"}.bi-calendar-plus::before{content:"\f1ef"}.bi-calendar-range-fill::before{content:"\f1f0"}.bi-calendar-range::before{content:"\f1f1"}.bi-calendar-week-fill::before{content:"\f1f2"}.bi-calendar-week::before{content:"\f1f3"}.bi-calendar-x-fill::before{content:"\f1f4"}.bi-calendar-x::before{content:"\f1f5"}.bi-calendar::before{content:"\f1f6"}.bi-calendar2-check-fill::before{content:"\f1f7"}.bi-calendar2-check::before{content:"\f1f8"}.bi-calendar2-date-fill::before{content:"\f1f9"}.bi-calendar2-date::before{content:"\f1fa"}.bi-calendar2-day-fill::before{content:"\f1fb"}.bi-calendar2-day::before{content:"\f1fc"}.bi-calendar2-event-fill::before{content:"\f1fd"}.bi-calendar2-event::before{content:"\f1fe"}.bi-calendar2-fill::before{content:"\f1ff"}.bi-calendar2-minus-fill::before{content:"\f200"}.bi-calendar2-minus::before{content:"\f201"}.bi-calendar2-month-fill::before{content:"\f202"}.bi-calendar2-month::before{content:"\f203"}.bi-calendar2-plus-fill::before{content:"\f204"}.bi-calendar2-plus::before{content:"\f205"}.bi-calendar2-range-fill::before{content:"\f206"}.bi-calendar2-range::before{content:"\f207"}.bi-calendar2-week-fill::before{content:"\f208"}.bi-calendar2-week::before{content:"\f209"}.bi-calendar2-x-fill::before{content:"\f20a"}.bi-calendar2-x::before{content:"\f20b"}.bi-calendar2::before{content:"\f20c"}.bi-calendar3-event-fill::before{content:"\f20d"}.bi-calendar3-event::before{content:"\f20e"}.bi-calendar3-fill::before{content:"\f20f"}.bi-calendar3-range-fill::before{content:"\f210"}.bi-calendar3-range::before{content:"\f211"}.bi-calendar3-week-fill::before{content:"\f212"}.bi-calendar3-week::before{content:"\f213"}.bi-calendar3::before{content:"\f214"}.bi-calendar4-event::before{content:"\f215"}.bi-calendar4-range::before{content:"\f216"}.bi-calendar4-week::before{content:"\f217"}.bi-calendar4::before{content:"\f218"}.bi-camera-fill::before{content:"\f219"}.bi-camera-reels-fill::before{content:"\f21a"}.bi-camera-reels::before{content:"\f21b"}.bi-camera-video-fill::before{content:"\f21c"}.bi-camera-video-off-fill::before{content:"\f21d"}.bi-camera-video-off::before{content:"\f21e"}.bi-camera-video::before{content:"\f21f"}.bi-camera::before{content:"\f220"}.bi-camera2::before{content:"\f221"}.bi-capslock-fill::before{content:"\f222"}.bi-capslock::before{content:"\f223"}.bi-card-checklist::before{content:"\f224"}.bi-card-heading::before{content:"\f225"}.bi-card-image::before{content:"\f226"}.bi-card-list::before{content:"\f227"}.bi-card-text::before{content:"\f228"}.bi-caret-down-fill::before{content:"\f229"}.bi-caret-down-square-fill::before{content:"\f22a"}.bi-caret-down-square::before{content:"\f22b"}.bi-caret-down::before{content:"\f22c"}.bi-caret-left-fill::before{content:"\f22d"}.bi-caret-left-square-fill::before{content:"\f22e"}.bi-caret-left-square::before{content:"\f22f"}.bi-caret-left::before{content:"\f230"}.bi-caret-right-fill::before{content:"\f231"}.bi-caret-right-square-fill::before{content:"\f232"}.bi-caret-right-square::before{content:"\f233"}.bi-caret-right::before{content:"\f234"}.bi-caret-up-fill::before{content:"\f235"}.bi-caret-up-square-fill::before{content:"\f236"}.bi-caret-up-square::before{content:"\f237"}.bi-caret-up::before{content:"\f238"}.bi-cart-check-fill::before{content:"\f239"}.bi-cart-check::before{content:"\f23a"}.bi-cart-dash-fill::before{content:"\f23b"}.bi-cart-dash::before{content:"\f23c"}.bi-cart-fill::before{content:"\f23d"}.bi-cart-plus-fill::before{content:"\f23e"}.bi-cart-plus::before{content:"\f23f"}.bi-cart-x-fill::before{content:"\f240"}.bi-cart-x::before{content:"\f241"}.bi-cart::before{content:"\f242"}.bi-cart2::before{content:"\f243"}.bi-cart3::before{content:"\f244"}.bi-cart4::before{content:"\f245"}.bi-cash-stack::before{content:"\f246"}.bi-cash::before{content:"\f247"}.bi-cast::before{content:"\f248"}.bi-chat-dots-fill::before{content:"\f249"}.bi-chat-dots::before{content:"\f24a"}.bi-chat-fill::before{content:"\f24b"}.bi-chat-left-dots-fill::before{content:"\f24c"}.bi-chat-left-dots::before{content:"\f24d"}.bi-chat-left-fill::before{content:"\f24e"}.bi-chat-left-quote-fill::before{content:"\f24f"}.bi-chat-left-quote::before{content:"\f250"}.bi-chat-left-text-fill::before{content:"\f251"}.bi-chat-left-text::before{content:"\f252"}.bi-chat-left::before{content:"\f253"}.bi-chat-quote-fill::before{content:"\f254"}.bi-chat-quote::before{content:"\f255"}.bi-chat-right-dots-fill::before{content:"\f256"}.bi-chat-right-dots::before{content:"\f257"}.bi-chat-right-fill::before{content:"\f258"}.bi-chat-right-quote-fill::before{content:"\f259"}.bi-chat-right-quote::before{content:"\f25a"}.bi-chat-right-text-fill::before{content:"\f25b"}.bi-chat-right-text::before{content:"\f25c"}.bi-chat-right::before{content:"\f25d"}.bi-chat-square-dots-fill::before{content:"\f25e"}.bi-chat-square-dots::before{content:"\f25f"}.bi-chat-square-fill::before{content:"\f260"}.bi-chat-square-quote-fill::before{content:"\f261"}.bi-chat-square-quote::before{content:"\f262"}.bi-chat-square-text-fill::before{content:"\f263"}.bi-chat-square-text::before{content:"\f264"}.bi-chat-square::before{content:"\f265"}.bi-chat-text-fill::before{content:"\f266"}.bi-chat-text::before{content:"\f267"}.bi-chat::before{content:"\f268"}.bi-check-all::before{content:"\f269"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check-circle::before{content:"\f26b"}.bi-check-square-fill::before{content:"\f26c"}.bi-check-square::before{content:"\f26d"}.bi-check::before{content:"\f26e"}.bi-check2-all::before{content:"\f26f"}.bi-check2-circle::before{content:"\f270"}.bi-check2-square::before{content:"\f271"}.bi-check2::before{content:"\f272"}.bi-chevron-bar-contract::before{content:"\f273"}.bi-chevron-bar-down::before{content:"\f274"}.bi-chevron-bar-expand::before{content:"\f275"}.bi-chevron-bar-left::before{content:"\f276"}.bi-chevron-bar-right::before{content:"\f277"}.bi-chevron-bar-up::before{content:"\f278"}.bi-chevron-compact-down::before{content:"\f279"}.bi-chevron-compact-left::before{content:"\f27a"}.bi-chevron-compact-right::before{content:"\f27b"}.bi-chevron-compact-up::before{content:"\f27c"}.bi-chevron-contract::before{content:"\f27d"}.bi-chevron-double-down::before{content:"\f27e"}.bi-chevron-double-left::before{content:"\f27f"}.bi-chevron-double-right::before{content:"\f280"}.bi-chevron-double-up::before{content:"\f281"}.bi-chevron-down::before{content:"\f282"}.bi-chevron-expand::before{content:"\f283"}.bi-chevron-left::before{content:"\f284"}.bi-chevron-right::before{content:"\f285"}.bi-chevron-up::before{content:"\f286"}.bi-circle-fill::before{content:"\f287"}.bi-circle-half::before{content:"\f288"}.bi-circle-square::before{content:"\f289"}.bi-circle::before{content:"\f28a"}.bi-clipboard-check::before{content:"\f28b"}.bi-clipboard-data::before{content:"\f28c"}.bi-clipboard-minus::before{content:"\f28d"}.bi-clipboard-plus::before{content:"\f28e"}.bi-clipboard-x::before{content:"\f28f"}.bi-clipboard::before{content:"\f290"}.bi-clock-fill::before{content:"\f291"}.bi-clock-history::before{content:"\f292"}.bi-clock::before{content:"\f293"}.bi-cloud-arrow-down-fill::before{content:"\f294"}.bi-cloud-arrow-down::before{content:"\f295"}.bi-cloud-arrow-up-fill::before{content:"\f296"}.bi-cloud-arrow-up::before{content:"\f297"}.bi-cloud-check-fill::before{content:"\f298"}.bi-cloud-check::before{content:"\f299"}.bi-cloud-download-fill::before{content:"\f29a"}.bi-cloud-download::before{content:"\f29b"}.bi-cloud-drizzle-fill::before{content:"\f29c"}.bi-cloud-drizzle::before{content:"\f29d"}.bi-cloud-fill::before{content:"\f29e"}.bi-cloud-fog-fill::before{content:"\f29f"}.bi-cloud-fog::before{content:"\f2a0"}.bi-cloud-fog2-fill::before{content:"\f2a1"}.bi-cloud-fog2::before{content:"\f2a2"}.bi-cloud-hail-fill::before{content:"\f2a3"}.bi-cloud-hail::before{content:"\f2a4"}.bi-cloud-haze-fill::before{content:"\f2a6"}.bi-cloud-haze::before{content:"\f2a7"}.bi-cloud-haze2-fill::before{content:"\f2a8"}.bi-cloud-lightning-fill::before{content:"\f2a9"}.bi-cloud-lightning-rain-fill::before{content:"\f2aa"}.bi-cloud-lightning-rain::before{content:"\f2ab"}.bi-cloud-lightning::before{content:"\f2ac"}.bi-cloud-minus-fill::before{content:"\f2ad"}.bi-cloud-minus::before{content:"\f2ae"}.bi-cloud-moon-fill::before{content:"\f2af"}.bi-cloud-moon::before{content:"\f2b0"}.bi-cloud-plus-fill::before{content:"\f2b1"}.bi-cloud-plus::before{content:"\f2b2"}.bi-cloud-rain-fill::before{content:"\f2b3"}.bi-cloud-rain-heavy-fill::before{content:"\f2b4"}.bi-cloud-rain-heavy::before{content:"\f2b5"}.bi-cloud-rain::before{content:"\f2b6"}.bi-cloud-slash-fill::before{content:"\f2b7"}.bi-cloud-slash::before{content:"\f2b8"}.bi-cloud-sleet-fill::before{content:"\f2b9"}.bi-cloud-sleet::before{content:"\f2ba"}.bi-cloud-snow-fill::before{content:"\f2bb"}.bi-cloud-snow::before{content:"\f2bc"}.bi-cloud-sun-fill::before{content:"\f2bd"}.bi-cloud-sun::before{content:"\f2be"}.bi-cloud-upload-fill::before{content:"\f2bf"}.bi-cloud-upload::before{content:"\f2c0"}.bi-cloud::before{content:"\f2c1"}.bi-clouds-fill::before{content:"\f2c2"}.bi-clouds::before{content:"\f2c3"}.bi-cloudy-fill::before{content:"\f2c4"}.bi-cloudy::before{content:"\f2c5"}.bi-code-slash::before{content:"\f2c6"}.bi-code-square::before{content:"\f2c7"}.bi-code::before{content:"\f2c8"}.bi-collection-fill::before{content:"\f2c9"}.bi-collection-play-fill::before{content:"\f2ca"}.bi-collection-play::before{content:"\f2cb"}.bi-collection::before{content:"\f2cc"}.bi-columns-gap::before{content:"\f2cd"}.bi-columns::before{content:"\f2ce"}.bi-command::before{content:"\f2cf"}.bi-compass-fill::before{content:"\f2d0"}.bi-compass::before{content:"\f2d1"}.bi-cone-striped::before{content:"\f2d2"}.bi-cone::before{content:"\f2d3"}.bi-controller::before{content:"\f2d4"}.bi-cpu-fill::before{content:"\f2d5"}.bi-cpu::before{content:"\f2d6"}.bi-credit-card-2-back-fill::before{content:"\f2d7"}.bi-credit-card-2-back::before{content:"\f2d8"}.bi-credit-card-2-front-fill::before{content:"\f2d9"}.bi-credit-card-2-front::before{content:"\f2da"}.bi-credit-card-fill::before{content:"\f2db"}.bi-credit-card::before{content:"\f2dc"}.bi-crop::before{content:"\f2dd"}.bi-cup-fill::before{content:"\f2de"}.bi-cup-straw::before{content:"\f2df"}.bi-cup::before{content:"\f2e0"}.bi-cursor-fill::before{content:"\f2e1"}.bi-cursor-text::before{content:"\f2e2"}.bi-cursor::before{content:"\f2e3"}.bi-dash-circle-dotted::before{content:"\f2e4"}.bi-dash-circle-fill::before{content:"\f2e5"}.bi-dash-circle::before{content:"\f2e6"}.bi-dash-square-dotted::before{content:"\f2e7"}.bi-dash-square-fill::before{content:"\f2e8"}.bi-dash-square::before{content:"\f2e9"}.bi-dash::before{content:"\f2ea"}.bi-diagram-2-fill::before{content:"\f2eb"}.bi-diagram-2::before{content:"\f2ec"}.bi-diagram-3-fill::before{content:"\f2ed"}.bi-diagram-3::before{content:"\f2ee"}.bi-diamond-fill::before{content:"\f2ef"}.bi-diamond-half::before{content:"\f2f0"}.bi-diamond::before{content:"\f2f1"}.bi-dice-1-fill::before{content:"\f2f2"}.bi-dice-1::before{content:"\f2f3"}.bi-dice-2-fill::before{content:"\f2f4"}.bi-dice-2::before{content:"\f2f5"}.bi-dice-3-fill::before{content:"\f2f6"}.bi-dice-3::before{content:"\f2f7"}.bi-dice-4-fill::before{content:"\f2f8"}.bi-dice-4::before{content:"\f2f9"}.bi-dice-5-fill::before{content:"\f2fa"}.bi-dice-5::before{content:"\f2fb"}.bi-dice-6-fill::before{content:"\f2fc"}.bi-dice-6::before{content:"\f2fd"}.bi-disc-fill::before{content:"\f2fe"}.bi-disc::before{content:"\f2ff"}.bi-discord::before{content:"\f300"}.bi-display-fill::before{content:"\f301"}.bi-display::before{content:"\f302"}.bi-distribute-horizontal::before{content:"\f303"}.bi-distribute-vertical::before{content:"\f304"}.bi-door-closed-fill::before{content:"\f305"}.bi-door-closed::before{content:"\f306"}.bi-door-open-fill::before{content:"\f307"}.bi-door-open::before{content:"\f308"}.bi-dot::before{content:"\f309"}.bi-download::before{content:"\f30a"}.bi-droplet-fill::before{content:"\f30b"}.bi-droplet-half::before{content:"\f30c"}.bi-droplet::before{content:"\f30d"}.bi-earbuds::before{content:"\f30e"}.bi-easel-fill::before{content:"\f30f"}.bi-easel::before{content:"\f310"}.bi-egg-fill::before{content:"\f311"}.bi-egg-fried::before{content:"\f312"}.bi-egg::before{content:"\f313"}.bi-eject-fill::before{content:"\f314"}.bi-eject::before{content:"\f315"}.bi-emoji-angry-fill::before{content:"\f316"}.bi-emoji-angry::before{content:"\f317"}.bi-emoji-dizzy-fill::before{content:"\f318"}.bi-emoji-dizzy::before{content:"\f319"}.bi-emoji-expressionless-fill::before{content:"\f31a"}.bi-emoji-expressionless::before{content:"\f31b"}.bi-emoji-frown-fill::before{content:"\f31c"}.bi-emoji-frown::before{content:"\f31d"}.bi-emoji-heart-eyes-fill::before{content:"\f31e"}.bi-emoji-heart-eyes::before{content:"\f31f"}.bi-emoji-laughing-fill::before{content:"\f320"}.bi-emoji-laughing::before{content:"\f321"}.bi-emoji-neutral-fill::before{content:"\f322"}.bi-emoji-neutral::before{content:"\f323"}.bi-emoji-smile-fill::before{content:"\f324"}.bi-emoji-smile-upside-down-fill::before{content:"\f325"}.bi-emoji-smile-upside-down::before{content:"\f326"}.bi-emoji-smile::before{content:"\f327"}.bi-emoji-sunglasses-fill::before{content:"\f328"}.bi-emoji-sunglasses::before{content:"\f329"}.bi-emoji-wink-fill::before{content:"\f32a"}.bi-emoji-wink::before{content:"\f32b"}.bi-envelope-fill::before{content:"\f32c"}.bi-envelope-open-fill::before{content:"\f32d"}.bi-envelope-open::before{content:"\f32e"}.bi-envelope::before{content:"\f32f"}.bi-eraser-fill::before{content:"\f330"}.bi-eraser::before{content:"\f331"}.bi-exclamation-circle-fill::before{content:"\f332"}.bi-exclamation-circle::before{content:"\f333"}.bi-exclamation-diamond-fill::before{content:"\f334"}.bi-exclamation-diamond::before{content:"\f335"}.bi-exclamation-octagon-fill::before{content:"\f336"}.bi-exclamation-octagon::before{content:"\f337"}.bi-exclamation-square-fill::before{content:"\f338"}.bi-exclamation-square::before{content:"\f339"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-exclamation-triangle::before{content:"\f33b"}.bi-exclamation::before{content:"\f33c"}.bi-exclude::before{content:"\f33d"}.bi-eye-fill::before{content:"\f33e"}.bi-eye-slash-fill::before{content:"\f33f"}.bi-eye-slash::before{content:"\f340"}.bi-eye::before{content:"\f341"}.bi-eyedropper::before{content:"\f342"}.bi-eyeglasses::before{content:"\f343"}.bi-facebook::before{content:"\f344"}.bi-file-arrow-down-fill::before{content:"\f345"}.bi-file-arrow-down::before{content:"\f346"}.bi-file-arrow-up-fill::before{content:"\f347"}.bi-file-arrow-up::before{content:"\f348"}.bi-file-bar-graph-fill::before{content:"\f349"}.bi-file-bar-graph::before{content:"\f34a"}.bi-file-binary-fill::before{content:"\f34b"}.bi-file-binary::before{content:"\f34c"}.bi-file-break-fill::before{content:"\f34d"}.bi-file-break::before{content:"\f34e"}.bi-file-check-fill::before{content:"\f34f"}.bi-file-check::before{content:"\f350"}.bi-file-code-fill::before{content:"\f351"}.bi-file-code::before{content:"\f352"}.bi-file-diff-fill::before{content:"\f353"}.bi-file-diff::before{content:"\f354"}.bi-file-earmark-arrow-down-fill::before{content:"\f355"}.bi-file-earmark-arrow-down::before{content:"\f356"}.bi-file-earmark-arrow-up-fill::before{content:"\f357"}.bi-file-earmark-arrow-up::before{content:"\f358"}.bi-file-earmark-bar-graph-fill::before{content:"\f359"}.bi-file-earmark-bar-graph::before{content:"\f35a"}.bi-file-earmark-binary-fill::before{content:"\f35b"}.bi-file-earmark-binary::before{content:"\f35c"}.bi-file-earmark-break-fill::before{content:"\f35d"}.bi-file-earmark-break::before{content:"\f35e"}.bi-file-earmark-check-fill::before{content:"\f35f"}.bi-file-earmark-check::before{content:"\f360"}.bi-file-earmark-code-fill::before{content:"\f361"}.bi-file-earmark-code::before{content:"\f362"}.bi-file-earmark-diff-fill::before{content:"\f363"}.bi-file-earmark-diff::before{content:"\f364"}.bi-file-earmark-easel-fill::before{content:"\f365"}.bi-file-earmark-easel::before{content:"\f366"}.bi-file-earmark-excel-fill::before{content:"\f367"}.bi-file-earmark-excel::before{content:"\f368"}.bi-file-earmark-fill::before{content:"\f369"}.bi-file-earmark-font-fill::before{content:"\f36a"}.bi-file-earmark-font::before{content:"\f36b"}.bi-file-earmark-image-fill::before{content:"\f36c"}.bi-file-earmark-image::before{content:"\f36d"}.bi-file-earmark-lock-fill::before{content:"\f36e"}.bi-file-earmark-lock::before{content:"\f36f"}.bi-file-earmark-lock2-fill::before{content:"\f370"}.bi-file-earmark-lock2::before{content:"\f371"}.bi-file-earmark-medical-fill::before{content:"\f372"}.bi-file-earmark-medical::before{content:"\f373"}.bi-file-earmark-minus-fill::before{content:"\f374"}.bi-file-earmark-minus::before{content:"\f375"}.bi-file-earmark-music-fill::before{content:"\f376"}.bi-file-earmark-music::before{content:"\f377"}.bi-file-earmark-person-fill::before{content:"\f378"}.bi-file-earmark-person::before{content:"\f379"}.bi-file-earmark-play-fill::before{content:"\f37a"}.bi-file-earmark-play::before{content:"\f37b"}.bi-file-earmark-plus-fill::before{content:"\f37c"}.bi-file-earmark-plus::before{content:"\f37d"}.bi-file-earmark-post-fill::before{content:"\f37e"}.bi-file-earmark-post::before{content:"\f37f"}.bi-file-earmark-ppt-fill::before{content:"\f380"}.bi-file-earmark-ppt::before{content:"\f381"}.bi-file-earmark-richtext-fill::before{content:"\f382"}.bi-file-earmark-richtext::before{content:"\f383"}.bi-file-earmark-ruled-fill::before{content:"\f384"}.bi-file-earmark-ruled::before{content:"\f385"}.bi-file-earmark-slides-fill::before{content:"\f386"}.bi-file-earmark-slides::before{content:"\f387"}.bi-file-earmark-spreadsheet-fill::before{content:"\f388"}.bi-file-earmark-spreadsheet::before{content:"\f389"}.bi-file-earmark-text-fill::before{content:"\f38a"}.bi-file-earmark-text::before{content:"\f38b"}.bi-file-earmark-word-fill::before{content:"\f38c"}.bi-file-earmark-word::before{content:"\f38d"}.bi-file-earmark-x-fill::before{content:"\f38e"}.bi-file-earmark-x::before{content:"\f38f"}.bi-file-earmark-zip-fill::before{content:"\f390"}.bi-file-earmark-zip::before{content:"\f391"}.bi-file-earmark::before{content:"\f392"}.bi-file-easel-fill::before{content:"\f393"}.bi-file-easel::before{content:"\f394"}.bi-file-excel-fill::before{content:"\f395"}.bi-file-excel::before{content:"\f396"}.bi-file-fill::before{content:"\f397"}.bi-file-font-fill::before{content:"\f398"}.bi-file-font::before{content:"\f399"}.bi-file-image-fill::before{content:"\f39a"}.bi-file-image::before{content:"\f39b"}.bi-file-lock-fill::before{content:"\f39c"}.bi-file-lock::before{content:"\f39d"}.bi-file-lock2-fill::before{content:"\f39e"}.bi-file-lock2::before{content:"\f39f"}.bi-file-medical-fill::before{content:"\f3a0"}.bi-file-medical::before{content:"\f3a1"}.bi-file-minus-fill::before{content:"\f3a2"}.bi-file-minus::before{content:"\f3a3"}.bi-file-music-fill::before{content:"\f3a4"}.bi-file-music::before{content:"\f3a5"}.bi-file-person-fill::before{content:"\f3a6"}.bi-file-person::before{content:"\f3a7"}.bi-file-play-fill::before{content:"\f3a8"}.bi-file-play::before{content:"\f3a9"}.bi-file-plus-fill::before{content:"\f3aa"}.bi-file-plus::before{content:"\f3ab"}.bi-file-post-fill::before{content:"\f3ac"}.bi-file-post::before{content:"\f3ad"}.bi-file-ppt-fill::before{content:"\f3ae"}.bi-file-ppt::before{content:"\f3af"}.bi-file-richtext-fill::before{content:"\f3b0"}.bi-file-richtext::before{content:"\f3b1"}.bi-file-ruled-fill::before{content:"\f3b2"}.bi-file-ruled::before{content:"\f3b3"}.bi-file-slides-fill::before{content:"\f3b4"}.bi-file-slides::before{content:"\f3b5"}.bi-file-spreadsheet-fill::before{content:"\f3b6"}.bi-file-spreadsheet::before{content:"\f3b7"}.bi-file-text-fill::before{content:"\f3b8"}.bi-file-text::before{content:"\f3b9"}.bi-file-word-fill::before{content:"\f3ba"}.bi-file-word::before{content:"\f3bb"}.bi-file-x-fill::before{content:"\f3bc"}.bi-file-x::before{content:"\f3bd"}.bi-file-zip-fill::before{content:"\f3be"}.bi-file-zip::before{content:"\f3bf"}.bi-file::before{content:"\f3c0"}.bi-files-alt::before{content:"\f3c1"}.bi-files::before{content:"\f3c2"}.bi-film::before{content:"\f3c3"}.bi-filter-circle-fill::before{content:"\f3c4"}.bi-filter-circle::before{content:"\f3c5"}.bi-filter-left::before{content:"\f3c6"}.bi-filter-right::before{content:"\f3c7"}.bi-filter-square-fill::before{content:"\f3c8"}.bi-filter-square::before{content:"\f3c9"}.bi-filter::before{content:"\f3ca"}.bi-flag-fill::before{content:"\f3cb"}.bi-flag::before{content:"\f3cc"}.bi-flower1::before{content:"\f3cd"}.bi-flower2::before{content:"\f3ce"}.bi-flower3::before{content:"\f3cf"}.bi-folder-check::before{content:"\f3d0"}.bi-folder-fill::before{content:"\f3d1"}.bi-folder-minus::before{content:"\f3d2"}.bi-folder-plus::before{content:"\f3d3"}.bi-folder-symlink-fill::before{content:"\f3d4"}.bi-folder-symlink::before{content:"\f3d5"}.bi-folder-x::before{content:"\f3d6"}.bi-folder::before{content:"\f3d7"}.bi-folder2-open::before{content:"\f3d8"}.bi-folder2::before{content:"\f3d9"}.bi-fonts::before{content:"\f3da"}.bi-forward-fill::before{content:"\f3db"}.bi-forward::before{content:"\f3dc"}.bi-front::before{content:"\f3dd"}.bi-fullscreen-exit::before{content:"\f3de"}.bi-fullscreen::before{content:"\f3df"}.bi-funnel-fill::before{content:"\f3e0"}.bi-funnel::before{content:"\f3e1"}.bi-gear-fill::before{content:"\f3e2"}.bi-gear-wide-connected::before{content:"\f3e3"}.bi-gear-wide::before{content:"\f3e4"}.bi-gear::before{content:"\f3e5"}.bi-gem::before{content:"\f3e6"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-geo-alt::before{content:"\f3e8"}.bi-geo-fill::before{content:"\f3e9"}.bi-geo::before{content:"\f3ea"}.bi-gift-fill::before{content:"\f3eb"}.bi-gift::before{content:"\f3ec"}.bi-github::before{content:"\f3ed"}.bi-globe::before{content:"\f3ee"}.bi-globe2::before{content:"\f3ef"}.bi-google::before{content:"\f3f0"}.bi-graph-down::before{content:"\f3f1"}.bi-graph-up::before{content:"\f3f2"}.bi-grid-1x2-fill::before{content:"\f3f3"}.bi-grid-1x2::before{content:"\f3f4"}.bi-grid-3x2-gap-fill::before{content:"\f3f5"}.bi-grid-3x2-gap::before{content:"\f3f6"}.bi-grid-3x2::before{content:"\f3f7"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid-3x3::before{content:"\f3fa"}.bi-grid-fill::before{content:"\f3fb"}.bi-grid::before{content:"\f3fc"}.bi-grip-horizontal::before{content:"\f3fd"}.bi-grip-vertical::before{content:"\f3fe"}.bi-hammer::before{content:"\f3ff"}.bi-hand-index-fill::before{content:"\f400"}.bi-hand-index-thumb-fill::before{content:"\f401"}.bi-hand-index-thumb::before{content:"\f402"}.bi-hand-index::before{content:"\f403"}.bi-hand-thumbs-down-fill::before{content:"\f404"}.bi-hand-thumbs-down::before{content:"\f405"}.bi-hand-thumbs-up-fill::before{content:"\f406"}.bi-hand-thumbs-up::before{content:"\f407"}.bi-handbag-fill::before{content:"\f408"}.bi-handbag::before{content:"\f409"}.bi-hash::before{content:"\f40a"}.bi-hdd-fill::before{content:"\f40b"}.bi-hdd-network-fill::before{content:"\f40c"}.bi-hdd-network::before{content:"\f40d"}.bi-hdd-rack-fill::before{content:"\f40e"}.bi-hdd-rack::before{content:"\f40f"}.bi-hdd-stack-fill::before{content:"\f410"}.bi-hdd-stack::before{content:"\f411"}.bi-hdd::before{content:"\f412"}.bi-headphones::before{content:"\f413"}.bi-headset::before{content:"\f414"}.bi-heart-fill::before{content:"\f415"}.bi-heart-half::before{content:"\f416"}.bi-heart::before{content:"\f417"}.bi-heptagon-fill::before{content:"\f418"}.bi-heptagon-half::before{content:"\f419"}.bi-heptagon::before{content:"\f41a"}.bi-hexagon-fill::before{content:"\f41b"}.bi-hexagon-half::before{content:"\f41c"}.bi-hexagon::before{content:"\f41d"}.bi-hourglass-bottom::before{content:"\f41e"}.bi-hourglass-split::before{content:"\f41f"}.bi-hourglass-top::before{content:"\f420"}.bi-hourglass::before{content:"\f421"}.bi-house-door-fill::before{content:"\f422"}.bi-house-door::before{content:"\f423"}.bi-house-fill::before{content:"\f424"}.bi-house::before{content:"\f425"}.bi-hr::before{content:"\f426"}.bi-hurricane::before{content:"\f427"}.bi-image-alt::before{content:"\f428"}.bi-image-fill::before{content:"\f429"}.bi-image::before{content:"\f42a"}.bi-images::before{content:"\f42b"}.bi-inbox-fill::before{content:"\f42c"}.bi-inbox::before{content:"\f42d"}.bi-inboxes-fill::before{content:"\f42e"}.bi-inboxes::before{content:"\f42f"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-circle::before{content:"\f431"}.bi-info-square-fill::before{content:"\f432"}.bi-info-square::before{content:"\f433"}.bi-info::before{content:"\f434"}.bi-input-cursor-text::before{content:"\f435"}.bi-input-cursor::before{content:"\f436"}.bi-instagram::before{content:"\f437"}.bi-intersect::before{content:"\f438"}.bi-journal-album::before{content:"\f439"}.bi-journal-arrow-down::before{content:"\f43a"}.bi-journal-arrow-up::before{content:"\f43b"}.bi-journal-bookmark-fill::before{content:"\f43c"}.bi-journal-bookmark::before{content:"\f43d"}.bi-journal-check::before{content:"\f43e"}.bi-journal-code::before{content:"\f43f"}.bi-journal-medical::before{content:"\f440"}.bi-journal-minus::before{content:"\f441"}.bi-journal-plus::before{content:"\f442"}.bi-journal-richtext::before{content:"\f443"}.bi-journal-text::before{content:"\f444"}.bi-journal-x::before{content:"\f445"}.bi-journal::before{content:"\f446"}.bi-journals::before{content:"\f447"}.bi-joystick::before{content:"\f448"}.bi-justify-left::before{content:"\f449"}.bi-justify-right::before{content:"\f44a"}.bi-justify::before{content:"\f44b"}.bi-kanban-fill::before{content:"\f44c"}.bi-kanban::before{content:"\f44d"}.bi-key-fill::before{content:"\f44e"}.bi-key::before{content:"\f44f"}.bi-keyboard-fill::before{content:"\f450"}.bi-keyboard::before{content:"\f451"}.bi-ladder::before{content:"\f452"}.bi-lamp-fill::before{content:"\f453"}.bi-lamp::before{content:"\f454"}.bi-laptop-fill::before{content:"\f455"}.bi-laptop::before{content:"\f456"}.bi-layer-backward::before{content:"\f457"}.bi-layer-forward::before{content:"\f458"}.bi-layers-fill::before{content:"\f459"}.bi-layers-half::before{content:"\f45a"}.bi-layers::before{content:"\f45b"}.bi-layout-sidebar-inset-reverse::before{content:"\f45c"}.bi-layout-sidebar-inset::before{content:"\f45d"}.bi-layout-sidebar-reverse::before{content:"\f45e"}.bi-layout-sidebar::before{content:"\f45f"}.bi-layout-split::before{content:"\f460"}.bi-layout-text-sidebar-reverse::before{content:"\f461"}.bi-layout-text-sidebar::before{content:"\f462"}.bi-layout-text-window-reverse::before{content:"\f463"}.bi-layout-text-window::before{content:"\f464"}.bi-layout-three-columns::before{content:"\f465"}.bi-layout-wtf::before{content:"\f466"}.bi-life-preserver::before{content:"\f467"}.bi-lightbulb-fill::before{content:"\f468"}.bi-lightbulb-off-fill::before{content:"\f469"}.bi-lightbulb-off::before{content:"\f46a"}.bi-lightbulb::before{content:"\f46b"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-charge::before{content:"\f46d"}.bi-lightning-fill::before{content:"\f46e"}.bi-lightning::before{content:"\f46f"}.bi-link-45deg::before{content:"\f470"}.bi-link::before{content:"\f471"}.bi-linkedin::before{content:"\f472"}.bi-list-check::before{content:"\f473"}.bi-list-nested::before{content:"\f474"}.bi-list-ol::before{content:"\f475"}.bi-list-stars::before{content:"\f476"}.bi-list-task::before{content:"\f477"}.bi-list-ul::before{content:"\f478"}.bi-list::before{content:"\f479"}.bi-lock-fill::before{content:"\f47a"}.bi-lock::before{content:"\f47b"}.bi-mailbox::before{content:"\f47c"}.bi-mailbox2::before{content:"\f47d"}.bi-map-fill::before{content:"\f47e"}.bi-map::before{content:"\f47f"}.bi-markdown-fill::before{content:"\f480"}.bi-markdown::before{content:"\f481"}.bi-mask::before{content:"\f482"}.bi-megaphone-fill::before{content:"\f483"}.bi-megaphone::before{content:"\f484"}.bi-menu-app-fill::before{content:"\f485"}.bi-menu-app::before{content:"\f486"}.bi-menu-button-fill::before{content:"\f487"}.bi-menu-button-wide-fill::before{content:"\f488"}.bi-menu-button-wide::before{content:"\f489"}.bi-menu-button::before{content:"\f48a"}.bi-menu-down::before{content:"\f48b"}.bi-menu-up::before{content:"\f48c"}.bi-mic-fill::before{content:"\f48d"}.bi-mic-mute-fill::before{content:"\f48e"}.bi-mic-mute::before{content:"\f48f"}.bi-mic::before{content:"\f490"}.bi-minecart-loaded::before{content:"\f491"}.bi-minecart::before{content:"\f492"}.bi-moisture::before{content:"\f493"}.bi-moon-fill::before{content:"\f494"}.bi-moon-stars-fill::before{content:"\f495"}.bi-moon-stars::before{content:"\f496"}.bi-moon::before{content:"\f497"}.bi-mouse-fill::before{content:"\f498"}.bi-mouse::before{content:"\f499"}.bi-mouse2-fill::before{content:"\f49a"}.bi-mouse2::before{content:"\f49b"}.bi-mouse3-fill::before{content:"\f49c"}.bi-mouse3::before{content:"\f49d"}.bi-music-note-beamed::before{content:"\f49e"}.bi-music-note-list::before{content:"\f49f"}.bi-music-note::before{content:"\f4a0"}.bi-music-player-fill::before{content:"\f4a1"}.bi-music-player::before{content:"\f4a2"}.bi-newspaper::before{content:"\f4a3"}.bi-node-minus-fill::before{content:"\f4a4"}.bi-node-minus::before{content:"\f4a5"}.bi-node-plus-fill::before{content:"\f4a6"}.bi-node-plus::before{content:"\f4a7"}.bi-nut-fill::before{content:"\f4a8"}.bi-nut::before{content:"\f4a9"}.bi-octagon-fill::before{content:"\f4aa"}.bi-octagon-half::before{content:"\f4ab"}.bi-octagon::before{content:"\f4ac"}.bi-option::before{content:"\f4ad"}.bi-outlet::before{content:"\f4ae"}.bi-paint-bucket::before{content:"\f4af"}.bi-palette-fill::before{content:"\f4b0"}.bi-palette::before{content:"\f4b1"}.bi-palette2::before{content:"\f4b2"}.bi-paperclip::before{content:"\f4b3"}.bi-paragraph::before{content:"\f4b4"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-patch-check::before{content:"\f4b6"}.bi-patch-exclamation-fill::before{content:"\f4b7"}.bi-patch-exclamation::before{content:"\f4b8"}.bi-patch-minus-fill::before{content:"\f4b9"}.bi-patch-minus::before{content:"\f4ba"}.bi-patch-plus-fill::before{content:"\f4bb"}.bi-patch-plus::before{content:"\f4bc"}.bi-patch-question-fill::before{content:"\f4bd"}.bi-patch-question::before{content:"\f4be"}.bi-pause-btn-fill::before{content:"\f4bf"}.bi-pause-btn::before{content:"\f4c0"}.bi-pause-circle-fill::before{content:"\f4c1"}.bi-pause-circle::before{content:"\f4c2"}.bi-pause-fill::before{content:"\f4c3"}.bi-pause::before{content:"\f4c4"}.bi-peace-fill::before{content:"\f4c5"}.bi-peace::before{content:"\f4c6"}.bi-pen-fill::before{content:"\f4c7"}.bi-pen::before{content:"\f4c8"}.bi-pencil-fill::before{content:"\f4c9"}.bi-pencil-square::before{content:"\f4ca"}.bi-pencil::before{content:"\f4cb"}.bi-pentagon-fill::before{content:"\f4cc"}.bi-pentagon-half::before{content:"\f4cd"}.bi-pentagon::before{content:"\f4ce"}.bi-people-fill::before{content:"\f4cf"}.bi-people::before{content:"\f4d0"}.bi-percent::before{content:"\f4d1"}.bi-person-badge-fill::before{content:"\f4d2"}.bi-person-badge::before{content:"\f4d3"}.bi-person-bounding-box::before{content:"\f4d4"}.bi-person-check-fill::before{content:"\f4d5"}.bi-person-check::before{content:"\f4d6"}.bi-person-circle::before{content:"\f4d7"}.bi-person-dash-fill::before{content:"\f4d8"}.bi-person-dash::before{content:"\f4d9"}.bi-person-fill::before{content:"\f4da"}.bi-person-lines-fill::before{content:"\f4db"}.bi-person-plus-fill::before{content:"\f4dc"}.bi-person-plus::before{content:"\f4dd"}.bi-person-square::before{content:"\f4de"}.bi-person-x-fill::before{content:"\f4df"}.bi-person-x::before{content:"\f4e0"}.bi-person::before{content:"\f4e1"}.bi-phone-fill::before{content:"\f4e2"}.bi-phone-landscape-fill::before{content:"\f4e3"}.bi-phone-landscape::before{content:"\f4e4"}.bi-phone-vibrate-fill::before{content:"\f4e5"}.bi-phone-vibrate::before{content:"\f4e6"}.bi-phone::before{content:"\f4e7"}.bi-pie-chart-fill::before{content:"\f4e8"}.bi-pie-chart::before{content:"\f4e9"}.bi-pin-angle-fill::before{content:"\f4ea"}.bi-pin-angle::before{content:"\f4eb"}.bi-pin-fill::before{content:"\f4ec"}.bi-pin::before{content:"\f4ed"}.bi-pip-fill::before{content:"\f4ee"}.bi-pip::before{content:"\f4ef"}.bi-play-btn-fill::before{content:"\f4f0"}.bi-play-btn::before{content:"\f4f1"}.bi-play-circle-fill::before{content:"\f4f2"}.bi-play-circle::before{content:"\f4f3"}.bi-play-fill::before{content:"\f4f4"}.bi-play::before{content:"\f4f5"}.bi-plug-fill::before{content:"\f4f6"}.bi-plug::before{content:"\f4f7"}.bi-plus-circle-dotted::before{content:"\f4f8"}.bi-plus-circle-fill::before{content:"\f4f9"}.bi-plus-circle::before{content:"\f4fa"}.bi-plus-square-dotted::before{content:"\f4fb"}.bi-plus-square-fill::before{content:"\f4fc"}.bi-plus-square::before{content:"\f4fd"}.bi-plus::before{content:"\f4fe"}.bi-power::before{content:"\f4ff"}.bi-printer-fill::before{content:"\f500"}.bi-printer::before{content:"\f501"}.bi-puzzle-fill::before{content:"\f502"}.bi-puzzle::before{content:"\f503"}.bi-question-circle-fill::before{content:"\f504"}.bi-question-circle::before{content:"\f505"}.bi-question-diamond-fill::before{content:"\f506"}.bi-question-diamond::before{content:"\f507"}.bi-question-octagon-fill::before{content:"\f508"}.bi-question-octagon::before{content:"\f509"}.bi-question-square-fill::before{content:"\f50a"}.bi-question-square::before{content:"\f50b"}.bi-question::before{content:"\f50c"}.bi-rainbow::before{content:"\f50d"}.bi-receipt-cutoff::before{content:"\f50e"}.bi-receipt::before{content:"\f50f"}.bi-reception-0::before{content:"\f510"}.bi-reception-1::before{content:"\f511"}.bi-reception-2::before{content:"\f512"}.bi-reception-3::before{content:"\f513"}.bi-reception-4::before{content:"\f514"}.bi-record-btn-fill::before{content:"\f515"}.bi-record-btn::before{content:"\f516"}.bi-record-circle-fill::before{content:"\f517"}.bi-record-circle::before{content:"\f518"}.bi-record-fill::before{content:"\f519"}.bi-record::before{content:"\f51a"}.bi-record2-fill::before{content:"\f51b"}.bi-record2::before{content:"\f51c"}.bi-reply-all-fill::before{content:"\f51d"}.bi-reply-all::before{content:"\f51e"}.bi-reply-fill::before{content:"\f51f"}.bi-reply::before{content:"\f520"}.bi-rss-fill::before{content:"\f521"}.bi-rss::before{content:"\f522"}.bi-rulers::before{content:"\f523"}.bi-save-fill::before{content:"\f524"}.bi-save::before{content:"\f525"}.bi-save2-fill::before{content:"\f526"}.bi-save2::before{content:"\f527"}.bi-scissors::before{content:"\f528"}.bi-screwdriver::before{content:"\f529"}.bi-search::before{content:"\f52a"}.bi-segmented-nav::before{content:"\f52b"}.bi-server::before{content:"\f52c"}.bi-share-fill::before{content:"\f52d"}.bi-share::before{content:"\f52e"}.bi-shield-check::before{content:"\f52f"}.bi-shield-exclamation::before{content:"\f530"}.bi-shield-fill-check::before{content:"\f531"}.bi-shield-fill-exclamation::before{content:"\f532"}.bi-shield-fill-minus::before{content:"\f533"}.bi-shield-fill-plus::before{content:"\f534"}.bi-shield-fill-x::before{content:"\f535"}.bi-shield-fill::before{content:"\f536"}.bi-shield-lock-fill::before{content:"\f537"}.bi-shield-lock::before{content:"\f538"}.bi-shield-minus::before{content:"\f539"}.bi-shield-plus::before{content:"\f53a"}.bi-shield-shaded::before{content:"\f53b"}.bi-shield-slash-fill::before{content:"\f53c"}.bi-shield-slash::before{content:"\f53d"}.bi-shield-x::before{content:"\f53e"}.bi-shield::before{content:"\f53f"}.bi-shift-fill::before{content:"\f540"}.bi-shift::before{content:"\f541"}.bi-shop-window::before{content:"\f542"}.bi-shop::before{content:"\f543"}.bi-shuffle::before{content:"\f544"}.bi-signpost-2-fill::before{content:"\f545"}.bi-signpost-2::before{content:"\f546"}.bi-signpost-fill::before{content:"\f547"}.bi-signpost-split-fill::before{content:"\f548"}.bi-signpost-split::before{content:"\f549"}.bi-signpost::before{content:"\f54a"}.bi-sim-fill::before{content:"\f54b"}.bi-sim::before{content:"\f54c"}.bi-skip-backward-btn-fill::before{content:"\f54d"}.bi-skip-backward-btn::before{content:"\f54e"}.bi-skip-backward-circle-fill::before{content:"\f54f"}.bi-skip-backward-circle::before{content:"\f550"}.bi-skip-backward-fill::before{content:"\f551"}.bi-skip-backward::before{content:"\f552"}.bi-skip-end-btn-fill::before{content:"\f553"}.bi-skip-end-btn::before{content:"\f554"}.bi-skip-end-circle-fill::before{content:"\f555"}.bi-skip-end-circle::before{content:"\f556"}.bi-skip-end-fill::before{content:"\f557"}.bi-skip-end::before{content:"\f558"}.bi-skip-forward-btn-fill::before{content:"\f559"}.bi-skip-forward-btn::before{content:"\f55a"}.bi-skip-forward-circle-fill::before{content:"\f55b"}.bi-skip-forward-circle::before{content:"\f55c"}.bi-skip-forward-fill::before{content:"\f55d"}.bi-skip-forward::before{content:"\f55e"}.bi-skip-start-btn-fill::before{content:"\f55f"}.bi-skip-start-btn::before{content:"\f560"}.bi-skip-start-circle-fill::before{content:"\f561"}.bi-skip-start-circle::before{content:"\f562"}.bi-skip-start-fill::before{content:"\f563"}.bi-skip-start::before{content:"\f564"}.bi-slack::before{content:"\f565"}.bi-slash-circle-fill::before{content:"\f566"}.bi-slash-circle::before{content:"\f567"}.bi-slash-square-fill::before{content:"\f568"}.bi-slash-square::before{content:"\f569"}.bi-slash::before{content:"\f56a"}.bi-sliders::before{content:"\f56b"}.bi-smartwatch::before{content:"\f56c"}.bi-snow::before{content:"\f56d"}.bi-snow2::before{content:"\f56e"}.bi-snow3::before{content:"\f56f"}.bi-sort-alpha-down-alt::before{content:"\f570"}.bi-sort-alpha-down::before{content:"\f571"}.bi-sort-alpha-up-alt::before{content:"\f572"}.bi-sort-alpha-up::before{content:"\f573"}.bi-sort-down-alt::before{content:"\f574"}.bi-sort-down::before{content:"\f575"}.bi-sort-numeric-down-alt::before{content:"\f576"}.bi-sort-numeric-down::before{content:"\f577"}.bi-sort-numeric-up-alt::before{content:"\f578"}.bi-sort-numeric-up::before{content:"\f579"}.bi-sort-up-alt::before{content:"\f57a"}.bi-sort-up::before{content:"\f57b"}.bi-soundwave::before{content:"\f57c"}.bi-speaker-fill::before{content:"\f57d"}.bi-speaker::before{content:"\f57e"}.bi-speedometer::before{content:"\f57f"}.bi-speedometer2::before{content:"\f580"}.bi-spellcheck::before{content:"\f581"}.bi-square-fill::before{content:"\f582"}.bi-square-half::before{content:"\f583"}.bi-square::before{content:"\f584"}.bi-stack::before{content:"\f585"}.bi-star-fill::before{content:"\f586"}.bi-star-half::before{content:"\f587"}.bi-star::before{content:"\f588"}.bi-stars::before{content:"\f589"}.bi-stickies-fill::before{content:"\f58a"}.bi-stickies::before{content:"\f58b"}.bi-sticky-fill::before{content:"\f58c"}.bi-sticky::before{content:"\f58d"}.bi-stop-btn-fill::before{content:"\f58e"}.bi-stop-btn::before{content:"\f58f"}.bi-stop-circle-fill::before{content:"\f590"}.bi-stop-circle::before{content:"\f591"}.bi-stop-fill::before{content:"\f592"}.bi-stop::before{content:"\f593"}.bi-stoplights-fill::before{content:"\f594"}.bi-stoplights::before{content:"\f595"}.bi-stopwatch-fill::before{content:"\f596"}.bi-stopwatch::before{content:"\f597"}.bi-subtract::before{content:"\f598"}.bi-suit-club-fill::before{content:"\f599"}.bi-suit-club::before{content:"\f59a"}.bi-suit-diamond-fill::before{content:"\f59b"}.bi-suit-diamond::before{content:"\f59c"}.bi-suit-heart-fill::before{content:"\f59d"}.bi-suit-heart::before{content:"\f59e"}.bi-suit-spade-fill::before{content:"\f59f"}.bi-suit-spade::before{content:"\f5a0"}.bi-sun-fill::before{content:"\f5a1"}.bi-sun::before{content:"\f5a2"}.bi-sunglasses::before{content:"\f5a3"}.bi-sunrise-fill::before{content:"\f5a4"}.bi-sunrise::before{content:"\f5a5"}.bi-sunset-fill::before{content:"\f5a6"}.bi-sunset::before{content:"\f5a7"}.bi-symmetry-horizontal::before{content:"\f5a8"}.bi-symmetry-vertical::before{content:"\f5a9"}.bi-table::before{content:"\f5aa"}.bi-tablet-fill::before{content:"\f5ab"}.bi-tablet-landscape-fill::before{content:"\f5ac"}.bi-tablet-landscape::before{content:"\f5ad"}.bi-tablet::before{content:"\f5ae"}.bi-tag-fill::before{content:"\f5af"}.bi-tag::before{content:"\f5b0"}.bi-tags-fill::before{content:"\f5b1"}.bi-tags::before{content:"\f5b2"}.bi-telegram::before{content:"\f5b3"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone-forward-fill::before{content:"\f5b5"}.bi-telephone-forward::before{content:"\f5b6"}.bi-telephone-inbound-fill::before{content:"\f5b7"}.bi-telephone-inbound::before{content:"\f5b8"}.bi-telephone-minus-fill::before{content:"\f5b9"}.bi-telephone-minus::before{content:"\f5ba"}.bi-telephone-outbound-fill::before{content:"\f5bb"}.bi-telephone-outbound::before{content:"\f5bc"}.bi-telephone-plus-fill::before{content:"\f5bd"}.bi-telephone-plus::before{content:"\f5be"}.bi-telephone-x-fill::before{content:"\f5bf"}.bi-telephone-x::before{content:"\f5c0"}.bi-telephone::before{content:"\f5c1"}.bi-terminal-fill::before{content:"\f5c2"}.bi-terminal::before{content:"\f5c3"}.bi-text-center::before{content:"\f5c4"}.bi-text-indent-left::before{content:"\f5c5"}.bi-text-indent-right::before{content:"\f5c6"}.bi-text-left::before{content:"\f5c7"}.bi-text-paragraph::before{content:"\f5c8"}.bi-text-right::before{content:"\f5c9"}.bi-textarea-resize::before{content:"\f5ca"}.bi-textarea-t::before{content:"\f5cb"}.bi-textarea::before{content:"\f5cc"}.bi-thermometer-half::before{content:"\f5cd"}.bi-thermometer-high::before{content:"\f5ce"}.bi-thermometer-low::before{content:"\f5cf"}.bi-thermometer-snow::before{content:"\f5d0"}.bi-thermometer-sun::before{content:"\f5d1"}.bi-thermometer::before{content:"\f5d2"}.bi-three-dots-vertical::before{content:"\f5d3"}.bi-three-dots::before{content:"\f5d4"}.bi-toggle-off::before{content:"\f5d5"}.bi-toggle-on::before{content:"\f5d6"}.bi-toggle2-off::before{content:"\f5d7"}.bi-toggle2-on::before{content:"\f5d8"}.bi-toggles::before{content:"\f5d9"}.bi-toggles2::before{content:"\f5da"}.bi-tools::before{content:"\f5db"}.bi-tornado::before{content:"\f5dc"}.bi-trash-fill::before{content:"\f5dd"}.bi-trash::before{content:"\f5de"}.bi-trash2-fill::before{content:"\f5df"}.bi-trash2::before{content:"\f5e0"}.bi-tree-fill::before{content:"\f5e1"}.bi-tree::before{content:"\f5e2"}.bi-triangle-fill::before{content:"\f5e3"}.bi-triangle-half::before{content:"\f5e4"}.bi-triangle::before{content:"\f5e5"}.bi-trophy-fill::before{content:"\f5e6"}.bi-trophy::before{content:"\f5e7"}.bi-tropical-storm::before{content:"\f5e8"}.bi-truck-flatbed::before{content:"\f5e9"}.bi-truck::before{content:"\f5ea"}.bi-tsunami::before{content:"\f5eb"}.bi-tv-fill::before{content:"\f5ec"}.bi-tv::before{content:"\f5ed"}.bi-twitch::before{content:"\f5ee"}.bi-twitter::before{content:"\f5ef"}.bi-type-bold::before{content:"\f5f0"}.bi-type-h1::before{content:"\f5f1"}.bi-type-h2::before{content:"\f5f2"}.bi-type-h3::before{content:"\f5f3"}.bi-type-italic::before{content:"\f5f4"}.bi-type-strikethrough::before{content:"\f5f5"}.bi-type-underline::before{content:"\f5f6"}.bi-type::before{content:"\f5f7"}.bi-ui-checks-grid::before{content:"\f5f8"}.bi-ui-checks::before{content:"\f5f9"}.bi-ui-radios-grid::before{content:"\f5fa"}.bi-ui-radios::before{content:"\f5fb"}.bi-umbrella-fill::before{content:"\f5fc"}.bi-umbrella::before{content:"\f5fd"}.bi-union::before{content:"\f5fe"}.bi-unlock-fill::before{content:"\f5ff"}.bi-unlock::before{content:"\f600"}.bi-upc-scan::before{content:"\f601"}.bi-upc::before{content:"\f602"}.bi-upload::before{content:"\f603"}.bi-vector-pen::before{content:"\f604"}.bi-view-list::before{content:"\f605"}.bi-view-stacked::before{content:"\f606"}.bi-vinyl-fill::before{content:"\f607"}.bi-vinyl::before{content:"\f608"}.bi-voicemail::before{content:"\f609"}.bi-volume-down-fill::before{content:"\f60a"}.bi-volume-down::before{content:"\f60b"}.bi-volume-mute-fill::before{content:"\f60c"}.bi-volume-mute::before{content:"\f60d"}.bi-volume-off-fill::before{content:"\f60e"}.bi-volume-off::before{content:"\f60f"}.bi-volume-up-fill::before{content:"\f610"}.bi-volume-up::before{content:"\f611"}.bi-vr::before{content:"\f612"}.bi-wallet-fill::before{content:"\f613"}.bi-wallet::before{content:"\f614"}.bi-wallet2::before{content:"\f615"}.bi-watch::before{content:"\f616"}.bi-water::before{content:"\f617"}.bi-whatsapp::before{content:"\f618"}.bi-wifi-1::before{content:"\f619"}.bi-wifi-2::before{content:"\f61a"}.bi-wifi-off::before{content:"\f61b"}.bi-wifi::before{content:"\f61c"}.bi-wind::before{content:"\f61d"}.bi-window-dock::before{content:"\f61e"}.bi-window-sidebar::before{content:"\f61f"}.bi-window::before{content:"\f620"}.bi-wrench::before{content:"\f621"}.bi-x-circle-fill::before{content:"\f622"}.bi-x-circle::before{content:"\f623"}.bi-x-diamond-fill::before{content:"\f624"}.bi-x-diamond::before{content:"\f625"}.bi-x-octagon-fill::before{content:"\f626"}.bi-x-octagon::before{content:"\f627"}.bi-x-square-fill::before{content:"\f628"}.bi-x-square::before{content:"\f629"}.bi-x::before{content:"\f62a"}.bi-youtube::before{content:"\f62b"}.bi-zoom-in::before{content:"\f62c"}.bi-zoom-out::before{content:"\f62d"}.bi-bank::before{content:"\f62e"}.bi-bank2::before{content:"\f62f"}.bi-bell-slash-fill::before{content:"\f630"}.bi-bell-slash::before{content:"\f631"}.bi-cash-coin::before{content:"\f632"}.bi-check-lg::before{content:"\f633"}.bi-coin::before{content:"\f634"}.bi-currency-bitcoin::before{content:"\f635"}.bi-currency-dollar::before{content:"\f636"}.bi-currency-euro::before{content:"\f637"}.bi-currency-exchange::before{content:"\f638"}.bi-currency-pound::before{content:"\f639"}.bi-currency-yen::before{content:"\f63a"}.bi-dash-lg::before{content:"\f63b"}.bi-exclamation-lg::before{content:"\f63c"}.bi-file-earmark-pdf-fill::before{content:"\f63d"}.bi-file-earmark-pdf::before{content:"\f63e"}.bi-file-pdf-fill::before{content:"\f63f"}.bi-file-pdf::before{content:"\f640"}.bi-gender-ambiguous::before{content:"\f641"}.bi-gender-female::before{content:"\f642"}.bi-gender-male::before{content:"\f643"}.bi-gender-trans::before{content:"\f644"}.bi-headset-vr::before{content:"\f645"}.bi-info-lg::before{content:"\f646"}.bi-mastodon::before{content:"\f647"}.bi-messenger::before{content:"\f648"}.bi-piggy-bank-fill::before{content:"\f649"}.bi-piggy-bank::before{content:"\f64a"}.bi-pin-map-fill::before{content:"\f64b"}.bi-pin-map::before{content:"\f64c"}.bi-plus-lg::before{content:"\f64d"}.bi-question-lg::before{content:"\f64e"}.bi-recycle::before{content:"\f64f"}.bi-reddit::before{content:"\f650"}.bi-safe-fill::before{content:"\f651"}.bi-safe2-fill::before{content:"\f652"}.bi-safe2::before{content:"\f653"}.bi-sd-card-fill::before{content:"\f654"}.bi-sd-card::before{content:"\f655"}.bi-skype::before{content:"\f656"}.bi-slash-lg::before{content:"\f657"}.bi-translate::before{content:"\f658"}.bi-x-lg::before{content:"\f659"}.bi-safe::before{content:"\f65a"}.bi-apple::before{content:"\f65b"}.bi-microsoft::before{content:"\f65d"}.bi-windows::before{content:"\f65e"}.bi-behance::before{content:"\f65c"}.bi-dribbble::before{content:"\f65f"}.bi-line::before{content:"\f660"}.bi-medium::before{content:"\f661"}.bi-paypal::before{content:"\f662"}.bi-pinterest::before{content:"\f663"}.bi-signal::before{content:"\f664"}.bi-snapchat::before{content:"\f665"}.bi-spotify::before{content:"\f666"}.bi-stack-overflow::before{content:"\f667"}.bi-strava::before{content:"\f668"}.bi-wordpress::before{content:"\f669"}.bi-vimeo::before{content:"\f66a"}.bi-activity::before{content:"\f66b"}.bi-easel2-fill::before{content:"\f66c"}.bi-easel2::before{content:"\f66d"}.bi-easel3-fill::before{content:"\f66e"}.bi-easel3::before{content:"\f66f"}.bi-fan::before{content:"\f670"}.bi-fingerprint::before{content:"\f671"}.bi-graph-down-arrow::before{content:"\f672"}.bi-graph-up-arrow::before{content:"\f673"}.bi-hypnotize::before{content:"\f674"}.bi-magic::before{content:"\f675"}.bi-person-rolodex::before{content:"\f676"}.bi-person-video::before{content:"\f677"}.bi-person-video2::before{content:"\f678"}.bi-person-video3::before{content:"\f679"}.bi-person-workspace::before{content:"\f67a"}.bi-radioactive::before{content:"\f67b"}.bi-webcam-fill::before{content:"\f67c"}.bi-webcam::before{content:"\f67d"}.bi-yin-yang::before{content:"\f67e"}.bi-bandaid-fill::before{content:"\f680"}.bi-bandaid::before{content:"\f681"}.bi-bluetooth::before{content:"\f682"}.bi-body-text::before{content:"\f683"}.bi-boombox::before{content:"\f684"}.bi-boxes::before{content:"\f685"}.bi-dpad-fill::before{content:"\f686"}.bi-dpad::before{content:"\f687"}.bi-ear-fill::before{content:"\f688"}.bi-ear::before{content:"\f689"}.bi-envelope-check-fill::before{content:"\f68b"}.bi-envelope-check::before{content:"\f68c"}.bi-envelope-dash-fill::before{content:"\f68e"}.bi-envelope-dash::before{content:"\f68f"}.bi-envelope-exclamation-fill::before{content:"\f691"}.bi-envelope-exclamation::before{content:"\f692"}.bi-envelope-plus-fill::before{content:"\f693"}.bi-envelope-plus::before{content:"\f694"}.bi-envelope-slash-fill::before{content:"\f696"}.bi-envelope-slash::before{content:"\f697"}.bi-envelope-x-fill::before{content:"\f699"}.bi-envelope-x::before{content:"\f69a"}.bi-explicit-fill::before{content:"\f69b"}.bi-explicit::before{content:"\f69c"}.bi-git::before{content:"\f69d"}.bi-infinity::before{content:"\f69e"}.bi-list-columns-reverse::before{content:"\f69f"}.bi-list-columns::before{content:"\f6a0"}.bi-meta::before{content:"\f6a1"}.bi-nintendo-switch::before{content:"\f6a4"}.bi-pc-display-horizontal::before{content:"\f6a5"}.bi-pc-display::before{content:"\f6a6"}.bi-pc-horizontal::before{content:"\f6a7"}.bi-pc::before{content:"\f6a8"}.bi-playstation::before{content:"\f6a9"}.bi-plus-slash-minus::before{content:"\f6aa"}.bi-projector-fill::before{content:"\f6ab"}.bi-projector::before{content:"\f6ac"}.bi-qr-code-scan::before{content:"\f6ad"}.bi-qr-code::before{content:"\f6ae"}.bi-quora::before{content:"\f6af"}.bi-quote::before{content:"\f6b0"}.bi-robot::before{content:"\f6b1"}.bi-send-check-fill::before{content:"\f6b2"}.bi-send-check::before{content:"\f6b3"}.bi-send-dash-fill::before{content:"\f6b4"}.bi-send-dash::before{content:"\f6b5"}.bi-send-exclamation-fill::before{content:"\f6b7"}.bi-send-exclamation::before{content:"\f6b8"}.bi-send-fill::before{content:"\f6b9"}.bi-send-plus-fill::before{content:"\f6ba"}.bi-send-plus::before{content:"\f6bb"}.bi-send-slash-fill::before{content:"\f6bc"}.bi-send-slash::before{content:"\f6bd"}.bi-send-x-fill::before{content:"\f6be"}.bi-send-x::before{content:"\f6bf"}.bi-send::before{content:"\f6c0"}.bi-steam::before{content:"\f6c1"}.bi-terminal-dash::before{content:"\f6c3"}.bi-terminal-plus::before{content:"\f6c4"}.bi-terminal-split::before{content:"\f6c5"}.bi-ticket-detailed-fill::before{content:"\f6c6"}.bi-ticket-detailed::before{content:"\f6c7"}.bi-ticket-fill::before{content:"\f6c8"}.bi-ticket-perforated-fill::before{content:"\f6c9"}.bi-ticket-perforated::before{content:"\f6ca"}.bi-ticket::before{content:"\f6cb"}.bi-tiktok::before{content:"\f6cc"}.bi-window-dash::before{content:"\f6cd"}.bi-window-desktop::before{content:"\f6ce"}.bi-window-fullscreen::before{content:"\f6cf"}.bi-window-plus::before{content:"\f6d0"}.bi-window-split::before{content:"\f6d1"}.bi-window-stack::before{content:"\f6d2"}.bi-window-x::before{content:"\f6d3"}.bi-xbox::before{content:"\f6d4"}.bi-ethernet::before{content:"\f6d5"}.bi-hdmi-fill::before{content:"\f6d6"}.bi-hdmi::before{content:"\f6d7"}.bi-usb-c-fill::before{content:"\f6d8"}.bi-usb-c::before{content:"\f6d9"}.bi-usb-fill::before{content:"\f6da"}.bi-usb-plug-fill::before{content:"\f6db"}.bi-usb-plug::before{content:"\f6dc"}.bi-usb-symbol::before{content:"\f6dd"}.bi-usb::before{content:"\f6de"}.bi-boombox-fill::before{content:"\f6df"}.bi-displayport::before{content:"\f6e1"}.bi-gpu-card::before{content:"\f6e2"}.bi-memory::before{content:"\f6e3"}.bi-modem-fill::before{content:"\f6e4"}.bi-modem::before{content:"\f6e5"}.bi-motherboard-fill::before{content:"\f6e6"}.bi-motherboard::before{content:"\f6e7"}.bi-optical-audio-fill::before{content:"\f6e8"}.bi-optical-audio::before{content:"\f6e9"}.bi-pci-card::before{content:"\f6ea"}.bi-router-fill::before{content:"\f6eb"}.bi-router::before{content:"\f6ec"}.bi-thunderbolt-fill::before{content:"\f6ef"}.bi-thunderbolt::before{content:"\f6f0"}.bi-usb-drive-fill::before{content:"\f6f1"}.bi-usb-drive::before{content:"\f6f2"}.bi-usb-micro-fill::before{content:"\f6f3"}.bi-usb-micro::before{content:"\f6f4"}.bi-usb-mini-fill::before{content:"\f6f5"}.bi-usb-mini::before{content:"\f6f6"}.bi-cloud-haze2::before{content:"\f6f7"}.bi-device-hdd-fill::before{content:"\f6f8"}.bi-device-hdd::before{content:"\f6f9"}.bi-device-ssd-fill::before{content:"\f6fa"}.bi-device-ssd::before{content:"\f6fb"}.bi-displayport-fill::before{content:"\f6fc"}.bi-mortarboard-fill::before{content:"\f6fd"}.bi-mortarboard::before{content:"\f6fe"}.bi-terminal-x::before{content:"\f6ff"}.bi-arrow-through-heart-fill::before{content:"\f700"}.bi-arrow-through-heart::before{content:"\f701"}.bi-badge-sd-fill::before{content:"\f702"}.bi-badge-sd::before{content:"\f703"}.bi-bag-heart-fill::before{content:"\f704"}.bi-bag-heart::before{content:"\f705"}.bi-balloon-fill::before{content:"\f706"}.bi-balloon-heart-fill::before{content:"\f707"}.bi-balloon-heart::before{content:"\f708"}.bi-balloon::before{content:"\f709"}.bi-box2-fill::before{content:"\f70a"}.bi-box2-heart-fill::before{content:"\f70b"}.bi-box2-heart::before{content:"\f70c"}.bi-box2::before{content:"\f70d"}.bi-braces-asterisk::before{content:"\f70e"}.bi-calendar-heart-fill::before{content:"\f70f"}.bi-calendar-heart::before{content:"\f710"}.bi-calendar2-heart-fill::before{content:"\f711"}.bi-calendar2-heart::before{content:"\f712"}.bi-chat-heart-fill::before{content:"\f713"}.bi-chat-heart::before{content:"\f714"}.bi-chat-left-heart-fill::before{content:"\f715"}.bi-chat-left-heart::before{content:"\f716"}.bi-chat-right-heart-fill::before{content:"\f717"}.bi-chat-right-heart::before{content:"\f718"}.bi-chat-square-heart-fill::before{content:"\f719"}.bi-chat-square-heart::before{content:"\f71a"}.bi-clipboard-check-fill::before{content:"\f71b"}.bi-clipboard-data-fill::before{content:"\f71c"}.bi-clipboard-fill::before{content:"\f71d"}.bi-clipboard-heart-fill::before{content:"\f71e"}.bi-clipboard-heart::before{content:"\f71f"}.bi-clipboard-minus-fill::before{content:"\f720"}.bi-clipboard-plus-fill::before{content:"\f721"}.bi-clipboard-pulse::before{content:"\f722"}.bi-clipboard-x-fill::before{content:"\f723"}.bi-clipboard2-check-fill::before{content:"\f724"}.bi-clipboard2-check::before{content:"\f725"}.bi-clipboard2-data-fill::before{content:"\f726"}.bi-clipboard2-data::before{content:"\f727"}.bi-clipboard2-fill::before{content:"\f728"}.bi-clipboard2-heart-fill::before{content:"\f729"}.bi-clipboard2-heart::before{content:"\f72a"}.bi-clipboard2-minus-fill::before{content:"\f72b"}.bi-clipboard2-minus::before{content:"\f72c"}.bi-clipboard2-plus-fill::before{content:"\f72d"}.bi-clipboard2-plus::before{content:"\f72e"}.bi-clipboard2-pulse-fill::before{content:"\f72f"}.bi-clipboard2-pulse::before{content:"\f730"}.bi-clipboard2-x-fill::before{content:"\f731"}.bi-clipboard2-x::before{content:"\f732"}.bi-clipboard2::before{content:"\f733"}.bi-emoji-kiss-fill::before{content:"\f734"}.bi-emoji-kiss::before{content:"\f735"}.bi-envelope-heart-fill::before{content:"\f736"}.bi-envelope-heart::before{content:"\f737"}.bi-envelope-open-heart-fill::before{content:"\f738"}.bi-envelope-open-heart::before{content:"\f739"}.bi-envelope-paper-fill::before{content:"\f73a"}.bi-envelope-paper-heart-fill::before{content:"\f73b"}.bi-envelope-paper-heart::before{content:"\f73c"}.bi-envelope-paper::before{content:"\f73d"}.bi-filetype-aac::before{content:"\f73e"}.bi-filetype-ai::before{content:"\f73f"}.bi-filetype-bmp::before{content:"\f740"}.bi-filetype-cs::before{content:"\f741"}.bi-filetype-css::before{content:"\f742"}.bi-filetype-csv::before{content:"\f743"}.bi-filetype-doc::before{content:"\f744"}.bi-filetype-docx::before{content:"\f745"}.bi-filetype-exe::before{content:"\f746"}.bi-filetype-gif::before{content:"\f747"}.bi-filetype-heic::before{content:"\f748"}.bi-filetype-html::before{content:"\f749"}.bi-filetype-java::before{content:"\f74a"}.bi-filetype-jpg::before{content:"\f74b"}.bi-filetype-js::before{content:"\f74c"}.bi-filetype-jsx::before{content:"\f74d"}.bi-filetype-key::before{content:"\f74e"}.bi-filetype-m4p::before{content:"\f74f"}.bi-filetype-md::before{content:"\f750"}.bi-filetype-mdx::before{content:"\f751"}.bi-filetype-mov::before{content:"\f752"}.bi-filetype-mp3::before{content:"\f753"}.bi-filetype-mp4::before{content:"\f754"}.bi-filetype-otf::before{content:"\f755"}.bi-filetype-pdf::before{content:"\f756"}.bi-filetype-php::before{content:"\f757"}.bi-filetype-png::before{content:"\f758"}.bi-filetype-ppt::before{content:"\f75a"}.bi-filetype-psd::before{content:"\f75b"}.bi-filetype-py::before{content:"\f75c"}.bi-filetype-raw::before{content:"\f75d"}.bi-filetype-rb::before{content:"\f75e"}.bi-filetype-sass::before{content:"\f75f"}.bi-filetype-scss::before{content:"\f760"}.bi-filetype-sh::before{content:"\f761"}.bi-filetype-svg::before{content:"\f762"}.bi-filetype-tiff::before{content:"\f763"}.bi-filetype-tsx::before{content:"\f764"}.bi-filetype-ttf::before{content:"\f765"}.bi-filetype-txt::before{content:"\f766"}.bi-filetype-wav::before{content:"\f767"}.bi-filetype-woff::before{content:"\f768"}.bi-filetype-xls::before{content:"\f76a"}.bi-filetype-xml::before{content:"\f76b"}.bi-filetype-yml::before{content:"\f76c"}.bi-heart-arrow::before{content:"\f76d"}.bi-heart-pulse-fill::before{content:"\f76e"}.bi-heart-pulse::before{content:"\f76f"}.bi-heartbreak-fill::before{content:"\f770"}.bi-heartbreak::before{content:"\f771"}.bi-hearts::before{content:"\f772"}.bi-hospital-fill::before{content:"\f773"}.bi-hospital::before{content:"\f774"}.bi-house-heart-fill::before{content:"\f775"}.bi-house-heart::before{content:"\f776"}.bi-incognito::before{content:"\f777"}.bi-magnet-fill::before{content:"\f778"}.bi-magnet::before{content:"\f779"}.bi-person-heart::before{content:"\f77a"}.bi-person-hearts::before{content:"\f77b"}.bi-phone-flip::before{content:"\f77c"}.bi-plugin::before{content:"\f77d"}.bi-postage-fill::before{content:"\f77e"}.bi-postage-heart-fill::before{content:"\f77f"}.bi-postage-heart::before{content:"\f780"}.bi-postage::before{content:"\f781"}.bi-postcard-fill::before{content:"\f782"}.bi-postcard-heart-fill::before{content:"\f783"}.bi-postcard-heart::before{content:"\f784"}.bi-postcard::before{content:"\f785"}.bi-search-heart-fill::before{content:"\f786"}.bi-search-heart::before{content:"\f787"}.bi-sliders2-vertical::before{content:"\f788"}.bi-sliders2::before{content:"\f789"}.bi-trash3-fill::before{content:"\f78a"}.bi-trash3::before{content:"\f78b"}.bi-valentine::before{content:"\f78c"}.bi-valentine2::before{content:"\f78d"}.bi-wrench-adjustable-circle-fill::before{content:"\f78e"}.bi-wrench-adjustable-circle::before{content:"\f78f"}.bi-wrench-adjustable::before{content:"\f790"}.bi-filetype-json::before{content:"\f791"}.bi-filetype-pptx::before{content:"\f792"}.bi-filetype-xlsx::before{content:"\f793"}.bi-1-circle-fill::before{content:"\f796"}.bi-1-circle::before{content:"\f797"}.bi-1-square-fill::before{content:"\f798"}.bi-1-square::before{content:"\f799"}.bi-2-circle-fill::before{content:"\f79c"}.bi-2-circle::before{content:"\f79d"}.bi-2-square-fill::before{content:"\f79e"}.bi-2-square::before{content:"\f79f"}.bi-3-circle-fill::before{content:"\f7a2"}.bi-3-circle::before{content:"\f7a3"}.bi-3-square-fill::before{content:"\f7a4"}.bi-3-square::before{content:"\f7a5"}.bi-4-circle-fill::before{content:"\f7a8"}.bi-4-circle::before{content:"\f7a9"}.bi-4-square-fill::before{content:"\f7aa"}.bi-4-square::before{content:"\f7ab"}.bi-5-circle-fill::before{content:"\f7ae"}.bi-5-circle::before{content:"\f7af"}.bi-5-square-fill::before{content:"\f7b0"}.bi-5-square::before{content:"\f7b1"}.bi-6-circle-fill::before{content:"\f7b4"}.bi-6-circle::before{content:"\f7b5"}.bi-6-square-fill::before{content:"\f7b6"}.bi-6-square::before{content:"\f7b7"}.bi-7-circle-fill::before{content:"\f7ba"}.bi-7-circle::before{content:"\f7bb"}.bi-7-square-fill::before{content:"\f7bc"}.bi-7-square::before{content:"\f7bd"}.bi-8-circle-fill::before{content:"\f7c0"}.bi-8-circle::before{content:"\f7c1"}.bi-8-square-fill::before{content:"\f7c2"}.bi-8-square::before{content:"\f7c3"}.bi-9-circle-fill::before{content:"\f7c6"}.bi-9-circle::before{content:"\f7c7"}.bi-9-square-fill::before{content:"\f7c8"}.bi-9-square::before{content:"\f7c9"}.bi-airplane-engines-fill::before{content:"\f7ca"}.bi-airplane-engines::before{content:"\f7cb"}.bi-airplane-fill::before{content:"\f7cc"}.bi-airplane::before{content:"\f7cd"}.bi-alexa::before{content:"\f7ce"}.bi-alipay::before{content:"\f7cf"}.bi-android::before{content:"\f7d0"}.bi-android2::before{content:"\f7d1"}.bi-box-fill::before{content:"\f7d2"}.bi-box-seam-fill::before{content:"\f7d3"}.bi-browser-chrome::before{content:"\f7d4"}.bi-browser-edge::before{content:"\f7d5"}.bi-browser-firefox::before{content:"\f7d6"}.bi-browser-safari::before{content:"\f7d7"}.bi-c-circle-fill::before{content:"\f7da"}.bi-c-circle::before{content:"\f7db"}.bi-c-square-fill::before{content:"\f7dc"}.bi-c-square::before{content:"\f7dd"}.bi-capsule-pill::before{content:"\f7de"}.bi-capsule::before{content:"\f7df"}.bi-car-front-fill::before{content:"\f7e0"}.bi-car-front::before{content:"\f7e1"}.bi-cassette-fill::before{content:"\f7e2"}.bi-cassette::before{content:"\f7e3"}.bi-cc-circle-fill::before{content:"\f7e6"}.bi-cc-circle::before{content:"\f7e7"}.bi-cc-square-fill::before{content:"\f7e8"}.bi-cc-square::before{content:"\f7e9"}.bi-cup-hot-fill::before{content:"\f7ea"}.bi-cup-hot::before{content:"\f7eb"}.bi-currency-rupee::before{content:"\f7ec"}.bi-dropbox::before{content:"\f7ed"}.bi-escape::before{content:"\f7ee"}.bi-fast-forward-btn-fill::before{content:"\f7ef"}.bi-fast-forward-btn::before{content:"\f7f0"}.bi-fast-forward-circle-fill::before{content:"\f7f1"}.bi-fast-forward-circle::before{content:"\f7f2"}.bi-fast-forward-fill::before{content:"\f7f3"}.bi-fast-forward::before{content:"\f7f4"}.bi-filetype-sql::before{content:"\f7f5"}.bi-fire::before{content:"\f7f6"}.bi-google-play::before{content:"\f7f7"}.bi-h-circle-fill::before{content:"\f7fa"}.bi-h-circle::before{content:"\f7fb"}.bi-h-square-fill::before{content:"\f7fc"}.bi-h-square::before{content:"\f7fd"}.bi-indent::before{content:"\f7fe"}.bi-lungs-fill::before{content:"\f7ff"}.bi-lungs::before{content:"\f800"}.bi-microsoft-teams::before{content:"\f801"}.bi-p-circle-fill::before{content:"\f804"}.bi-p-circle::before{content:"\f805"}.bi-p-square-fill::before{content:"\f806"}.bi-p-square::before{content:"\f807"}.bi-pass-fill::before{content:"\f808"}.bi-pass::before{content:"\f809"}.bi-prescription::before{content:"\f80a"}.bi-prescription2::before{content:"\f80b"}.bi-r-circle-fill::before{content:"\f80e"}.bi-r-circle::before{content:"\f80f"}.bi-r-square-fill::before{content:"\f810"}.bi-r-square::before{content:"\f811"}.bi-repeat-1::before{content:"\f812"}.bi-repeat::before{content:"\f813"}.bi-rewind-btn-fill::before{content:"\f814"}.bi-rewind-btn::before{content:"\f815"}.bi-rewind-circle-fill::before{content:"\f816"}.bi-rewind-circle::before{content:"\f817"}.bi-rewind-fill::before{content:"\f818"}.bi-rewind::before{content:"\f819"}.bi-train-freight-front-fill::before{content:"\f81a"}.bi-train-freight-front::before{content:"\f81b"}.bi-train-front-fill::before{content:"\f81c"}.bi-train-front::before{content:"\f81d"}.bi-train-lightrail-front-fill::before{content:"\f81e"}.bi-train-lightrail-front::before{content:"\f81f"}.bi-truck-front-fill::before{content:"\f820"}.bi-truck-front::before{content:"\f821"}.bi-ubuntu::before{content:"\f822"}.bi-unindent::before{content:"\f823"}.bi-unity::before{content:"\f824"}.bi-universal-access-circle::before{content:"\f825"}.bi-universal-access::before{content:"\f826"}.bi-virus::before{content:"\f827"}.bi-virus2::before{content:"\f828"}.bi-wechat::before{content:"\f829"}.bi-yelp::before{content:"\f82a"}.bi-sign-stop-fill::before{content:"\f82b"}.bi-sign-stop-lights-fill::before{content:"\f82c"}.bi-sign-stop-lights::before{content:"\f82d"}.bi-sign-stop::before{content:"\f82e"}.bi-sign-turn-left-fill::before{content:"\f82f"}.bi-sign-turn-left::before{content:"\f830"}.bi-sign-turn-right-fill::before{content:"\f831"}.bi-sign-turn-right::before{content:"\f832"}.bi-sign-turn-slight-left-fill::before{content:"\f833"}.bi-sign-turn-slight-left::before{content:"\f834"}.bi-sign-turn-slight-right-fill::before{content:"\f835"}.bi-sign-turn-slight-right::before{content:"\f836"}.bi-sign-yield-fill::before{content:"\f837"}.bi-sign-yield::before{content:"\f838"}.bi-ev-station-fill::before{content:"\f839"}.bi-ev-station::before{content:"\f83a"}.bi-fuel-pump-diesel-fill::before{content:"\f83b"}.bi-fuel-pump-diesel::before{content:"\f83c"}.bi-fuel-pump-fill::before{content:"\f83d"}.bi-fuel-pump::before{content:"\f83e"}.bi-0-circle-fill::before{content:"\f83f"}.bi-0-circle::before{content:"\f840"}.bi-0-square-fill::before{content:"\f841"}.bi-0-square::before{content:"\f842"}.bi-rocket-fill::before{content:"\f843"}.bi-rocket-takeoff-fill::before{content:"\f844"}.bi-rocket-takeoff::before{content:"\f845"}.bi-rocket::before{content:"\f846"}.bi-stripe::before{content:"\f847"}.bi-subscript::before{content:"\f848"}.bi-superscript::before{content:"\f849"}.bi-trello::before{content:"\f84a"}.bi-envelope-at-fill::before{content:"\f84b"}.bi-envelope-at::before{content:"\f84c"}.bi-regex::before{content:"\f84d"}.bi-text-wrap::before{content:"\f84e"}.bi-sign-dead-end-fill::before{content:"\f84f"}.bi-sign-dead-end::before{content:"\f850"}.bi-sign-do-not-enter-fill::before{content:"\f851"}.bi-sign-do-not-enter::before{content:"\f852"}.bi-sign-intersection-fill::before{content:"\f853"}.bi-sign-intersection-side-fill::before{content:"\f854"}.bi-sign-intersection-side::before{content:"\f855"}.bi-sign-intersection-t-fill::before{content:"\f856"}.bi-sign-intersection-t::before{content:"\f857"}.bi-sign-intersection-y-fill::before{content:"\f858"}.bi-sign-intersection-y::before{content:"\f859"}.bi-sign-intersection::before{content:"\f85a"}.bi-sign-merge-left-fill::before{content:"\f85b"}.bi-sign-merge-left::before{content:"\f85c"}.bi-sign-merge-right-fill::before{content:"\f85d"}.bi-sign-merge-right::before{content:"\f85e"}.bi-sign-no-left-turn-fill::before{content:"\f85f"}.bi-sign-no-left-turn::before{content:"\f860"}.bi-sign-no-parking-fill::before{content:"\f861"}.bi-sign-no-parking::before{content:"\f862"}.bi-sign-no-right-turn-fill::before{content:"\f863"}.bi-sign-no-right-turn::before{content:"\f864"}.bi-sign-railroad-fill::before{content:"\f865"}.bi-sign-railroad::before{content:"\f866"}.bi-building-add::before{content:"\f867"}.bi-building-check::before{content:"\f868"}.bi-building-dash::before{content:"\f869"}.bi-building-down::before{content:"\f86a"}.bi-building-exclamation::before{content:"\f86b"}.bi-building-fill-add::before{content:"\f86c"}.bi-building-fill-check::before{content:"\f86d"}.bi-building-fill-dash::before{content:"\f86e"}.bi-building-fill-down::before{content:"\f86f"}.bi-building-fill-exclamation::before{content:"\f870"}.bi-building-fill-gear::before{content:"\f871"}.bi-building-fill-lock::before{content:"\f872"}.bi-building-fill-slash::before{content:"\f873"}.bi-building-fill-up::before{content:"\f874"}.bi-building-fill-x::before{content:"\f875"}.bi-building-fill::before{content:"\f876"}.bi-building-gear::before{content:"\f877"}.bi-building-lock::before{content:"\f878"}.bi-building-slash::before{content:"\f879"}.bi-building-up::before{content:"\f87a"}.bi-building-x::before{content:"\f87b"}.bi-buildings-fill::before{content:"\f87c"}.bi-buildings::before{content:"\f87d"}.bi-bus-front-fill::before{content:"\f87e"}.bi-bus-front::before{content:"\f87f"}.bi-ev-front-fill::before{content:"\f880"}.bi-ev-front::before{content:"\f881"}.bi-globe-americas::before{content:"\f882"}.bi-globe-asia-australia::before{content:"\f883"}.bi-globe-central-south-asia::before{content:"\f884"}.bi-globe-europe-africa::before{content:"\f885"}.bi-house-add-fill::before{content:"\f886"}.bi-house-add::before{content:"\f887"}.bi-house-check-fill::before{content:"\f888"}.bi-house-check::before{content:"\f889"}.bi-house-dash-fill::before{content:"\f88a"}.bi-house-dash::before{content:"\f88b"}.bi-house-down-fill::before{content:"\f88c"}.bi-house-down::before{content:"\f88d"}.bi-house-exclamation-fill::before{content:"\f88e"}.bi-house-exclamation::before{content:"\f88f"}.bi-house-gear-fill::before{content:"\f890"}.bi-house-gear::before{content:"\f891"}.bi-house-lock-fill::before{content:"\f892"}.bi-house-lock::before{content:"\f893"}.bi-house-slash-fill::before{content:"\f894"}.bi-house-slash::before{content:"\f895"}.bi-house-up-fill::before{content:"\f896"}.bi-house-up::before{content:"\f897"}.bi-house-x-fill::before{content:"\f898"}.bi-house-x::before{content:"\f899"}.bi-person-add::before{content:"\f89a"}.bi-person-down::before{content:"\f89b"}.bi-person-exclamation::before{content:"\f89c"}.bi-person-fill-add::before{content:"\f89d"}.bi-person-fill-check::before{content:"\f89e"}.bi-person-fill-dash::before{content:"\f89f"}.bi-person-fill-down::before{content:"\f8a0"}.bi-person-fill-exclamation::before{content:"\f8a1"}.bi-person-fill-gear::before{content:"\f8a2"}.bi-person-fill-lock::before{content:"\f8a3"}.bi-person-fill-slash::before{content:"\f8a4"}.bi-person-fill-up::before{content:"\f8a5"}.bi-person-fill-x::before{content:"\f8a6"}.bi-person-gear::before{content:"\f8a7"}.bi-person-lock::before{content:"\f8a8"}.bi-person-slash::before{content:"\f8a9"}.bi-person-up::before{content:"\f8aa"}.bi-scooter::before{content:"\f8ab"}.bi-taxi-front-fill::before{content:"\f8ac"}.bi-taxi-front::before{content:"\f8ad"}.bi-amd::before{content:"\f8ae"}.bi-database-add::before{content:"\f8af"}.bi-database-check::before{content:"\f8b0"}.bi-database-dash::before{content:"\f8b1"}.bi-database-down::before{content:"\f8b2"}.bi-database-exclamation::before{content:"\f8b3"}.bi-database-fill-add::before{content:"\f8b4"}.bi-database-fill-check::before{content:"\f8b5"}.bi-database-fill-dash::before{content:"\f8b6"}.bi-database-fill-down::before{content:"\f8b7"}.bi-database-fill-exclamation::before{content:"\f8b8"}.bi-database-fill-gear::before{content:"\f8b9"}.bi-database-fill-lock::before{content:"\f8ba"}.bi-database-fill-slash::before{content:"\f8bb"}.bi-database-fill-up::before{content:"\f8bc"}.bi-database-fill-x::before{content:"\f8bd"}.bi-database-fill::before{content:"\f8be"}.bi-database-gear::before{content:"\f8bf"}.bi-database-lock::before{content:"\f8c0"}.bi-database-slash::before{content:"\f8c1"}.bi-database-up::before{content:"\f8c2"}.bi-database-x::before{content:"\f8c3"}.bi-database::before{content:"\f8c4"}.bi-houses-fill::before{content:"\f8c5"}.bi-houses::before{content:"\f8c6"}.bi-nvidia::before{content:"\f8c7"}.bi-person-vcard-fill::before{content:"\f8c8"}.bi-person-vcard::before{content:"\f8c9"}.bi-sina-weibo::before{content:"\f8ca"}.bi-tencent-qq::before{content:"\f8cb"}.bi-wikipedia::before{content:"\f8cc"}.bi-alphabet-uppercase::before{content:"\f2a5"}.bi-alphabet::before{content:"\f68a"}.bi-amazon::before{content:"\f68d"}.bi-arrows-collapse-vertical::before{content:"\f690"}.bi-arrows-expand-vertical::before{content:"\f695"}.bi-arrows-vertical::before{content:"\f698"}.bi-arrows::before{content:"\f6a2"}.bi-ban-fill::before{content:"\f6a3"}.bi-ban::before{content:"\f6b6"}.bi-bing::before{content:"\f6c2"}.bi-cake::before{content:"\f6e0"}.bi-cake2::before{content:"\f6ed"}.bi-cookie::before{content:"\f6ee"}.bi-copy::before{content:"\f759"}.bi-crosshair::before{content:"\f769"}.bi-crosshair2::before{content:"\f794"}.bi-emoji-astonished-fill::before{content:"\f795"}.bi-emoji-astonished::before{content:"\f79a"}.bi-emoji-grimace-fill::before{content:"\f79b"}.bi-emoji-grimace::before{content:"\f7a0"}.bi-emoji-grin-fill::before{content:"\f7a1"}.bi-emoji-grin::before{content:"\f7a6"}.bi-emoji-surprise-fill::before{content:"\f7a7"}.bi-emoji-surprise::before{content:"\f7ac"}.bi-emoji-tear-fill::before{content:"\f7ad"}.bi-emoji-tear::before{content:"\f7b2"}.bi-envelope-arrow-down-fill::before{content:"\f7b3"}.bi-envelope-arrow-down::before{content:"\f7b8"}.bi-envelope-arrow-up-fill::before{content:"\f7b9"}.bi-envelope-arrow-up::before{content:"\f7be"}.bi-feather::before{content:"\f7bf"}.bi-feather2::before{content:"\f7c4"}.bi-floppy-fill::before{content:"\f7c5"}.bi-floppy::before{content:"\f7d8"}.bi-floppy2-fill::before{content:"\f7d9"}.bi-floppy2::before{content:"\f7e4"}.bi-gitlab::before{content:"\f7e5"}.bi-highlighter::before{content:"\f7f8"}.bi-marker-tip::before{content:"\f802"}.bi-nvme-fill::before{content:"\f803"}.bi-nvme::before{content:"\f80c"}.bi-opencollective::before{content:"\f80d"}.bi-pci-card-network::before{content:"\f8cd"}.bi-pci-card-sound::before{content:"\f8ce"}.bi-radar::before{content:"\f8cf"}.bi-send-arrow-down-fill::before{content:"\f8d0"}.bi-send-arrow-down::before{content:"\f8d1"}.bi-send-arrow-up-fill::before{content:"\f8d2"}.bi-send-arrow-up::before{content:"\f8d3"}.bi-sim-slash-fill::before{content:"\f8d4"}.bi-sim-slash::before{content:"\f8d5"}.bi-sourceforge::before{content:"\f8d6"}.bi-substack::before{content:"\f8d7"}.bi-threads-fill::before{content:"\f8d8"}.bi-threads::before{content:"\f8d9"}.bi-transparency::before{content:"\f8da"}.bi-twitter-x::before{content:"\f8db"}.bi-type-h4::before{content:"\f8dc"}.bi-type-h5::before{content:"\f8dd"}.bi-type-h6::before{content:"\f8de"}.bi-backpack-fill::before{content:"\f8df"}.bi-backpack::before{content:"\f8e0"}.bi-backpack2-fill::before{content:"\f8e1"}.bi-backpack2::before{content:"\f8e2"}.bi-backpack3-fill::before{content:"\f8e3"}.bi-backpack3::before{content:"\f8e4"}.bi-backpack4-fill::before{content:"\f8e5"}.bi-backpack4::before{content:"\f8e6"}.bi-brilliance::before{content:"\f8e7"}.bi-cake-fill::before{content:"\f8e8"}.bi-cake2-fill::before{content:"\f8e9"}.bi-duffle-fill::before{content:"\f8ea"}.bi-duffle::before{content:"\f8eb"}.bi-exposure::before{content:"\f8ec"}.bi-gender-neuter::before{content:"\f8ed"}.bi-highlights::before{content:"\f8ee"}.bi-luggage-fill::before{content:"\f8ef"}.bi-luggage::before{content:"\f8f0"}.bi-mailbox-flag::before{content:"\f8f1"}.bi-mailbox2-flag::before{content:"\f8f2"}.bi-noise-reduction::before{content:"\f8f3"}.bi-passport-fill::before{content:"\f8f4"}.bi-passport::before{content:"\f8f5"}.bi-person-arms-up::before{content:"\f8f6"}.bi-person-raised-hand::before{content:"\f8f7"}.bi-person-standing-dress::before{content:"\f8f8"}.bi-person-standing::before{content:"\f8f9"}.bi-person-walking::before{content:"\f8fa"}.bi-person-wheelchair::before{content:"\f8fb"}.bi-shadows::before{content:"\f8fc"}.bi-suitcase-fill::before{content:"\f8fd"}.bi-suitcase-lg-fill::before{content:"\f8fe"}.bi-suitcase-lg::before{content:"\f8ff"}.bi-suitcase::before{content:"\f900"}.bi-suitcase2-fill::before{content:"\f901"}.bi-suitcase2::before{content:"\f902"}.bi-vignette::before{content:"\f903"}.bi-bluesky::before{content:"\f7f9"}.bi-tux::before{content:"\f904"}.bi-beaker-fill::before{content:"\f905"}.bi-beaker::before{content:"\f906"}.bi-flask-fill::before{content:"\f907"}.bi-flask-florence-fill::before{content:"\f908"}.bi-flask-florence::before{content:"\f909"}.bi-flask::before{content:"\f90a"}.bi-leaf-fill::before{content:"\f90b"}.bi-leaf::before{content:"\f90c"}.bi-measuring-cup-fill::before{content:"\f90d"}.bi-measuring-cup::before{content:"\f90e"}.bi-unlock2-fill::before{content:"\f90f"}.bi-unlock2::before{content:"\f910"}.bi-battery-low::before{content:"\f911"}.bi-anthropic::before{content:"\f912"}.bi-apple-music::before{content:"\f913"}.bi-claude::before{content:"\f914"}.bi-openai::before{content:"\f915"}.bi-perplexity::before{content:"\f916"}.bi-css::before{content:"\f917"}.bi-javascript::before{content:"\f918"}.bi-typescript::before{content:"\f919"}.bi-fork-knife::before{content:"\f91a"}.bi-globe-americas-fill::before{content:"\f91b"}.bi-globe-asia-australia-fill::before{content:"\f91c"}.bi-globe-central-south-asia-fill::before{content:"\f91d"}.bi-globe-europe-africa-fill::before{content:"\f91e"}

/* source: painel_v1_prototipo/styles.css */
:root {
      --bg: #070a1b;
      --panel: #12172d;
      --ink: #f8f9ff;
      --muted: #a6afc8;
      --line: #28304d;
      --blue: #8b5cf6;
      --green: #35e5a1;
      --amber: #ff8a3d;
      --red: #ff5b7c;
      --teal: #23d7ff;
      --nav: #050716;
      --nav-soft: #161b34;
      --chip: #1d2442;
      --brand-pink: #ff4fd8;
      --brand-orange: #ff8a3d;
      --card-radius: 8px;
      --shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.movement-type-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.source-confirmation {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 180px;
  padding: 3px 7px;
  border: 1px solid rgba(138, 151, 180, .28);
  border-radius: 999px;
  color: #9ca9c4;
  background: rgba(100, 116, 139, .09);
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
  white-space: normal;
}

.source-confirmation-confirmed {
  color: #4ce7a0;
  border-color: rgba(52, 211, 153, .30);
  background: rgba(16, 185, 129, .10);
}

.source-confirmation-divergent {
  color: #ff8c9d;
  border-color: rgba(251, 113, 133, .34);
  background: rgba(244, 63, 94, .10);
}

.source-confirmation-thebest_only,
.source-confirmation-notifique_only,
.source-confirmation-operational_only {
  color: #f5c56e;
  border-color: rgba(245, 158, 11, .28);
  background: rgba(245, 158, 11, .09);
}

    * { box-sizing: border-box; }

    body {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink);
      background: #000;
      letter-spacing: 0;
      min-height: 100vh;
      overflow-x: hidden;
    }

    body::before,
    body::after {
      content: "";
      position: fixed;
      inset: -18%;
      pointer-events: none;
      z-index: -2;
    }

    body::before {
      background:
        radial-gradient(circle at 10% 16%, rgba(255,255,255,1) 0 1px, transparent 3px),
        radial-gradient(circle at 34% 12%, rgba(59, 130, 246, 1) 0 2px, transparent 5px),
        radial-gradient(circle at 58% 20%, rgba(34, 211, 238, .95) 0 2px, transparent 6px),
        radial-gradient(circle at 78% 10%, rgba(99, 102, 241, .92) 0 1px, transparent 5px),
        radial-gradient(circle at 18% 72%, rgba(139, 92, 246, .92) 0 2px, transparent 6px),
        radial-gradient(circle at 48% 82%, rgba(255,255,255,.98) 0 2px, transparent 6px),
        radial-gradient(circle at 86% 62%, rgba(59, 130, 246, .92) 0 2px, transparent 6px);
      background-size: 310px 310px, 430px 430px, 520px 520px, 380px 380px, 470px 470px, 610px 610px, 540px 540px;
      opacity: .92;
      animation: starDrift 52s linear infinite;
    }

    body::after {
      background:
        radial-gradient(ellipse at 42% 26%, rgba(14, 165, 233, .18), transparent 28%),
        radial-gradient(ellipse at 30% 80%, rgba(99, 102, 241, .22), transparent 30%),
        radial-gradient(ellipse at 60% 72%, rgba(139, 92, 246, .14), transparent 24%),
        linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.96));
      filter: saturate(1.25);
      animation: universePulse 22s ease-in-out infinite alternate;
    }

    @keyframes starDrift {
      from { transform: translate3d(0, 0, 0) rotate(0deg); }
      to { transform: translate3d(-42px, 28px, 0) rotate(.8deg); }
    }

    @keyframes universePulse {
      from { transform: scale(1); opacity: .92; }
      to { transform: scale(1.04); opacity: 1; }
    }

    @keyframes dustFloat {
      from { transform: translate3d(0, 0, 0); }
      to { transform: translate3d(34px, -46px, 0); }
    }

    @keyframes floatPanel {
      from { transform: translateY(0); }
      to { transform: translateY(-4px); }
    }

    .shell {
      display: grid;
      grid-template-columns: 248px minmax(0, 1fr);
      min-height: 100vh;
      position: relative;
      z-index: 1;
      transition: grid-template-columns .22s ease;
    }

    .shell.sidebar-collapsed { grid-template-columns: 72px minmax(0, 1fr); }

    .shell::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: -1;
      background:
        radial-gradient(circle at 30% 24%, rgba(96, 165, 250, .96) 0 1px, transparent 3px),
        radial-gradient(circle at 54% 36%, rgba(255,255,255,.86) 0 1px, transparent 3px),
        radial-gradient(circle at 66% 20%, rgba(34, 211, 238, .82) 0 1px, transparent 4px),
        radial-gradient(circle at 82% 60%, rgba(255,255,255,.70) 0 1px, transparent 3px),
        radial-gradient(circle at 44% 76%, rgba(167, 139, 250, .82) 0 1px, transparent 4px);
      background-size: 420px 420px, 330px 330px, 510px 510px, 280px 280px, 460px 460px;
      opacity: .72;
      animation: dustFloat 60s linear infinite;
    }

    aside {
      background:
        radial-gradient(circle at 78% 14%, rgba(255, 138, 61, 0.18), transparent 24%),
        radial-gradient(circle at 25% 20%, rgba(255, 79, 216, 0.22), transparent 28%),
        rgba(2, 3, 12, 0.88);
      color: #f8fafc;
      padding: 18px 14px;
      position: sticky;
      top: 0;
      height: 100vh;
      border-right: 1px solid rgba(255,255,255,.08);
      backdrop-filter: blur(16px);
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 8px 8px 18px;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      margin-bottom: 16px;
    }

    .brand-text {
      min-width: 0;
      transition: opacity .18s ease;
    }

    .brand-mark {
      width: 42px;
      height: 42px;
      border-radius: 7px;
      background: linear-gradient(135deg, var(--brand-pink), var(--brand-orange));
      color: #fff;
      display: grid;
      place-items: center;
      font-weight: 800;
      font-size: 13px;
      box-shadow: 0 0 22px rgba(255, 79, 216, 0.35);
      overflow: hidden;
    }

    .brand-mark img { width: 100%; height: 100%; object-fit: cover; display: none; }
    .brand-mark.has-logo span { display: none; }
    .brand-mark.has-logo img { display: block; }

    .brand strong { display: block; font-size: 14px; }
    .brand span { display: block; color: #b9c3d6; font-size: 12px; margin-top: 2px; }

    .shell.sidebar-collapsed aside { padding: 12px 8px; }
    .shell.sidebar-collapsed .brand { justify-content: center; padding: 8px 4px 14px; }
    .shell.sidebar-collapsed .brand-text,
    .shell.sidebar-collapsed .nav-title,
    .shell.sidebar-collapsed .nav-label { display: none; }
    .shell.sidebar-collapsed .nav-btn { justify-content: center; }
    .sidebar-toggle { position:absolute; right:-15px; top:22px; width:30px; height:30px; padding:0; border:1px solid var(--line); border-radius:50%; background:#17171c; color:#fff; font-size:22px; z-index:4; }
    .shell.sidebar-expanded .sidebar-toggle { transform:rotate(180deg); }
    main { background:radial-gradient(circle at 50% 100%,rgba(183,16,204,.18),transparent 34%),radial-gradient(circle at 75% 7%,rgba(90,25,255,.13),transparent 29%),#06081d; }
    main .panel, main .card, main .kpi, main .modal { background:linear-gradient(145deg,rgba(16,18,55,.94),rgba(8,10,33,.96)); border-color:rgba(134,49,255,.48); box-shadow:0 0 0 1px rgba(255,48,201,.1),0 18px 48px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(14px); }
    main .action-btn.approved, main .sync-btn, main .primary { background:linear-gradient(100deg,#b928d3,#ee38b5 55%,#ff8148); color:#fff; border-color:#ef47c5; box-shadow:0 10px 28px rgba(228,54,190,.22); }
    aside { background:linear-gradient(180deg,#0c0d30,#07081e); border-right-color:rgba(134,49,255,.3); }

    .nav-title {
      color: #9aa7bd;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 12px 8px 7px;
    }

    .nav-btn {
      width: 100%;
      min-height: 38px;
      border: 0;
      background: transparent;
      color: #dbe5f5;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 10px;
      border-radius: 7px;
      text-align: left;
      cursor: pointer;
      font-size: 14px;
      font-weight: 600;
    }

    .nav-btn:hover, .nav-btn.active { background: var(--nav-soft); color: #fff; box-shadow: inset 3px 0 0 var(--brand-pink); }
    .nav-icon { width: 20px; text-align: center; color: var(--brand-pink); }
    .nav-icon svg { width: 18px; height: 18px; display: block; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

    main {
      min-width: 0;
      padding: 22px 24px 34px;
    }

    body.compact main { padding: 14px 18px 24px; }
    body.compact .kpi { min-height: 96px; padding: 10px; }
    body.compact .panel-header, body.compact .panel-body { padding: 10px 12px; }
    body.no-glow { background: var(--bg); }
    body.no-glow::before, body.no-glow::after, body.no-glow .shell::before { display: none; }
    body.no-glow .brand-mark, body.no-glow .kpi, body.no-glow .panel { box-shadow: none; }

    body.auth-locked { overflow: hidden; }
    body.auth-locked .shell { visibility: hidden; }

    .auth-gate {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: grid;
      place-items: center;
      padding: 20px;
      background:
        radial-gradient(circle at 22% 18%, rgba(255, 0, 170, .16), transparent 34%),
        radial-gradient(circle at 78% 72%, rgba(40, 190, 255, .13), transparent 32%),
        rgba(0, 0, 5, .94);
      backdrop-filter: blur(16px);
    }

    .auth-gate[hidden] { display: none; }

    .auth-panel {
      width: min(420px, 100%);
      padding: 28px;
      border: 1px solid rgba(255, 255, 255, .16);
      border-radius: 8px;
      background: rgba(14, 15, 24, .94);
      box-shadow: 0 24px 80px rgba(0, 0, 0, .62), 0 0 36px rgba(255, 0, 170, .10);
    }

    .auth-brand {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 24px;
    }

    .auth-logo {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255, 0, 170, .55);
      border-radius: 50%;
      color: #fff;
      font-weight: 900;
      background: linear-gradient(135deg, rgba(255, 0, 170, .76), rgba(50, 145, 255, .70));
      box-shadow: 0 0 24px rgba(255, 0, 170, .28);
    }

    .auth-brand strong { display: block; font-size: 19px; }
    .auth-brand span { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
    .auth-panel h2 { margin: 0 0 7px; font-size: 22px; }
    .auth-copy { margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.5; }
    .auth-form { display: grid; gap: 14px; }
    .auth-field { display: grid; gap: 7px; color: #dfe6f4; font-size: 12px; font-weight: 800; }
    .auth-field input {
      width: 100%;
      min-height: 44px;
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 7px;
      padding: 0 13px;
      background: rgba(255, 255, 255, .045);
      color: #fff;
      font: inherit;
      outline: none;
    }
    .auth-field input:focus { border-color: var(--brand-pink); box-shadow: 0 0 0 3px rgba(255, 0, 170, .12); }
    .auth-submit {
      min-height: 44px;
      border: 0;
      border-radius: 7px;
      margin-top: 4px;
      background: linear-gradient(90deg, var(--brand-pink), #ff4a75);
      color: #fff;
      font-weight: 900;
      cursor: pointer;
    }
    .auth-error { min-height: 18px; margin: 0; color: #ff6b72; font-size: 12px; font-weight: 750; }
    .logout-btn { color: #ff8d96; }

    .topbar {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 18px;
      margin-bottom: 18px;
    }

    h1 {
      margin: 0;
      font-size: 24px;
      line-height: 1.2;
      font-weight: 800;
    }

    .subtitle {
      margin: 5px 0 0;
      color: var(--muted);
      font-size: 13px;
    }

    .toolbar {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .period-quick { display:flex; gap:12px; padding:0; }
    .period-quick .seg { min-height:52px; padding:0 24px; border:1px solid #36363b; border-radius:14px; background:#121215; color:#b9b9c0; font-size:16px; display:grid; place-items:center; }
    .period-quick .seg.active { color:#fff; border-color:#ff35cb; background:linear-gradient(135deg,#ff1ec8,#e902a9); box-shadow:none; }

    .pending-payable-btn {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(255, 184, 0, .48);
      border-radius: 8px;
      padding: 0 13px;
      background: rgba(255, 184, 0, .10);
      color: #ffbe19;
      font-size: 13px;
      font-weight: 850;
      cursor: pointer;
      white-space: nowrap;
      box-shadow: 0 0 22px rgba(255, 184, 0, .08);
    }

    .pending-payable-btn:hover {
      border-color: #ffbe19;
      background: rgba(255, 184, 0, .16);
      box-shadow: 0 0 26px rgba(255, 184, 0, .16);
    }

    .pending-payable-btn svg {
      width: 19px;
      height: 19px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .sync-btn {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(53, 229, 161, .42);
      border-radius: 7px;
      padding: 0 12px;
      background: rgba(53, 229, 161, .09);
      color: var(--green);
      font-size: 12px;
      font-weight: 850;
      cursor: pointer;
      white-space: nowrap;
    }
    .sync-btn:hover { background: rgba(53, 229, 161, .15); border-color: var(--green); }
    .sync-btn:disabled { opacity: .58; cursor: wait; }
    .sync-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
    .sync-btn.blocked { color: var(--amber); border-color: rgba(255, 184, 0, .42); background: rgba(255, 184, 0, .08); }
    .local-server-warning {
      display: none;
      margin: 0 0 14px;
      padding: 14px 16px;
      border: 1px solid rgba(255, 184, 0, .45);
      border-radius: 8px;
      background: rgba(255, 184, 0, .1);
      color: var(--ink);
      font-weight: 800;
    }
    .local-server-warning code {
      display: block;
      margin-top: 8px;
      padding: 10px 12px;
      border-radius: 8px;
      background: rgba(0, 0, 0, .42);
      color: var(--green);
      white-space: normal;
      word-break: break-word;
      font-size: 12px;
    }
    body.file-mode .local-server-warning { display: block; }

    .control, .icon-btn {
      border: 1px solid var(--line);
      background: rgba(18, 23, 45, 0.78);
      color: var(--ink);
      border-radius: 7px;
      min-height: 36px;
      padding: 0 10px;
      font-size: 13px;
      font-weight: 650;
    }

    .clickable-row { cursor: pointer; }
    .clickable-row:hover { background: rgba(255,255,255,.045); }

    .icon-btn {
      min-width: 38px;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
    }

    .action-btn {
      border: 1px solid var(--line);
      background: rgba(18, 23, 45, 0.78);
      color: var(--ink);
      border-radius: 7px;
      min-height: 32px;
      padding: 0 10px;
      font-size: 12px;
      font-weight: 750;
      cursor: pointer;
      white-space: nowrap;
    }

    .action-btn:hover { border-color: var(--brand-pink); color: var(--brand-pink); }
    .action-btn.approved { background: rgba(53, 229, 161, 0.12); border-color: rgba(53, 229, 161, 0.45); color: var(--green); }
    .movement-table .action-btn.approved,
    [data-approve-id].approved {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 64px;
      min-height: 22px;
      padding: 0 8px;
      border-radius: 999px;
      border: 1px solid rgba(31, 235, 145, .42);
      background: rgba(21, 82, 58, .26);
      color: #50e6a4;
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
      box-shadow: none;
    }

    .movement-approved-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 64px;
      min-height: 22px;
      padding: 0 8px;
      border-radius: 999px;
      border: 1px solid rgba(31, 235, 145, .42);
      background: rgba(21, 82, 58, .26);
      color: #50e6a4;
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
      cursor: default;
      user-select: none;
    }

    .movement-status-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 68px;
      min-height: 24px;
      padding: 0 9px;
      border-radius: 999px;
      border: 1px solid transparent;
      font-size: 11px;
      font-weight: 850;
      line-height: 1;
      cursor: pointer;
      white-space: nowrap;
    }

    .movement-status-action.pending {
      border-color: rgba(255, 184, 77, .42);
      background: rgba(118, 71, 18, .25);
      color: #ffc46b;
    }

    .movement-status-action.approved {
      border-color: rgba(31, 235, 145, .42);
      background: rgba(21, 82, 58, .26);
      color: #50e6a4;
    }

    .movement-status-action:hover {
      filter: brightness(1.12);
    }

    .movement-status-cell {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      white-space: nowrap;
    }

    .movement-row-edit {
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid rgba(97, 163, 255, .34);
      border-radius: 7px;
      background: rgba(45, 112, 210, .10);
      color: #9cc8ff;
      font-size: 10px;
      font-weight: 780;
      cursor: pointer;
    }

    .movement-row-edit:hover,
    .movement-row-edit:focus-visible {
      border-color: rgba(255, 79, 216, .55);
      background: rgba(255, 79, 216, .10);
      color: #ffd6f5;
    }

    .modal-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(23, 32, 51, 0.42);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 18px;
      z-index: 30;
    }

    .modal-backdrop.open { display: flex; }

    .modal {
      width: min(620px, 100%);
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .modal-head, .modal-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 16px;
      border-bottom: 1px solid var(--line);
    }

    .modal-actions { border-top: 1px solid var(--line); border-bottom: 0; justify-content: flex-end; }
    .modal-title { font-size: 18px; font-weight: 850; }
    .modal-note { color: var(--muted); font-size: 13px; margin-top: 3px; }

    .payment-description-btn {
      display: inline-grid;
      gap: 3px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--ink);
      text-align: left;
      cursor: pointer;
      font: inherit;
    }

    .payment-description-btn strong {
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
    }

    .payment-description-btn:hover strong { color: var(--brand-pink); }

    .payment-items-list {
      display: grid;
      gap: 10px;
    }

    .payment-item-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      padding: 12px 14px;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 8px;
      background: rgba(18,23,45,.66);
    }

    .payment-item-row strong {
      display: block;
      color: var(--ink);
      font-size: 14px;
    }

    .payment-item-row small {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
    }

    .payment-item-row b {
      color: var(--green);
      font-size: 14px;
      white-space: nowrap;
    }

    #manualEntryModal {
      background: rgba(0, 0, 0, .78);
      backdrop-filter: blur(2px);
    }

    .loop-entry-modal {
      width: min(620px, calc(100vw - 36px));
      max-height: calc(100vh - 36px);
      overflow: auto;
      border: 1px solid #343434;
      border-radius: 16px;
      background: #151515;
      box-shadow: 0 24px 80px rgba(0, 0, 0, .62);
    }

    .loop-entry-modal .modal-head {
      padding: 24px 32px 12px;
      border-bottom: 0;
      align-items: flex-start;
    }

    .loop-entry-modal .modal-title {
      font-size: clamp(22px, 2.2vw, 26px);
      line-height: 1.12;
      letter-spacing: -.02em;
      font-weight: 850;
    }

    .loop-entry-close {
      border: 0;
      background: transparent;
      color: #b8b8bd;
      min-width: 36px;
      min-height: 36px;
      padding: 0;
      font-size: 34px;
      line-height: 1;
      font-weight: 300;
      cursor: pointer;
    }

    .loop-entry-close:hover { color: #fff; }

    .manual-entry-form {
      display: grid;
      gap: 16px;
      padding: 8px 32px 14px;
    }

    .manual-entry-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .manual-entry-field {
      display: grid;
      gap: 8px;
    }

    .manual-entry-field > span {
      color: #f7f7fa;
      font-size: 15px;
      line-height: 1.25;
      font-weight: 800;
    }

    .manual-entry-control {
      width: 100%;
      min-height: 46px;
      border: 1px solid #353535;
      border-radius: 10px;
      background: #1d1d1d;
      color: #f7f7fa;
      padding: 0 16px;
      font: inherit;
      font-size: 15px;
      outline: none;
      transition: border-color .18s ease, box-shadow .18s ease;
      color-scheme: dark;
    }

    .manual-entry-control::placeholder { color: #a8a8b1; opacity: 1; }
    .manual-entry-control:focus {
      border-color: var(--brand-pink);
      box-shadow: 0 0 0 3px rgba(255, 79, 216, .14);
    }

    select.manual-entry-control {
      appearance: auto;
      color: #b4b4bd;
    }

    select.manual-entry-control:valid { color: #f7f7fa; }

    .loop-entry-modal .modal-actions {
      padding: 12px 32px 24px;
      border: 0;
      gap: 12px;
    }

    .loop-entry-modal .modal-actions .action-btn {
      min-height: 46px;
      border-radius: 10px;
      padding: 0 22px;
      font-size: 15px;
      font-weight: 800;
    }

    .loop-entry-modal .modal-actions .approved {
      min-width: 190px;
      border-color: var(--brand-pink);
      background: var(--brand-pink);
      color: #fff;
    }

    .loop-entry-modal .modal-actions .approved:hover {
      filter: brightness(1.06);
      color: #fff;
    }

    @media (max-width: 700px) {
      .loop-entry-modal .modal-head { padding: 26px 24px 12px; }
      .manual-entry-form { padding: 10px 24px 18px; gap: 22px; }
      .manual-entry-row { grid-template-columns: 1fr; gap: 22px; }
      .manual-entry-field > span { font-size: 18px; }
      .manual-entry-control { min-height: 60px; padding: 0 18px; font-size: 18px; }
      .loop-entry-modal .modal-actions { padding: 12px 24px 26px; }
      .loop-entry-modal .modal-actions .action-btn { min-height: 54px; padding: 0 22px; font-size: 17px; }
      .loop-entry-modal .modal-actions .approved { min-width: 0; }
    }

    .reseller-list { padding: 8px 16px 4px; max-height: 360px; overflow: auto; }
    .reseller-item {
      display: grid;
      grid-template-columns: 28px minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      min-height: 58px;
      border-bottom: 1px solid var(--line);
    }
    .reseller-item:last-child { border-bottom: 0; }
    .reseller-name { font-weight: 800; }
    .reseller-meta { color: var(--muted); font-size: 12px; margin-top: 2px; }

    .setting-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(160px, 240px);
      gap: 12px;
      align-items: center;
      border: 1px solid var(--line);
      border-radius: var(--card-radius);
      padding: 12px;
      background: rgba(255,255,255,.03);
    }

    .setting-row strong { display: block; font-size: 13px; }
    .setting-row small { display: block; color: var(--muted); font-size: 12px; margin-top: 3px; line-height: 1.35; }

    .switch-control {
      position: relative;
      width: 48px;
      height: 26px;
      justify-self: end;
    }

    .switch-control input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .switch-control span {
      position: absolute;
      inset: 0;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(255,255,255,.08);
      cursor: pointer;
      transition: .2s ease;
    }

    .switch-control span::after {
      content: "";
      position: absolute;
      width: 18px;
      height: 18px;
      top: 3px;
      left: 3px;
      border-radius: 50%;
      background: var(--muted);
      transition: .2s ease;
    }

    .switch-control input:checked + span {
      border-color: rgba(255,79,216,.65);
      background: rgba(255,79,216,.22);
      box-shadow: 0 0 18px rgba(255,79,216,.14);
    }

    .switch-control input:checked + span::after {
      transform: translateX(22px);
      background: var(--brand-pink);
    }

    .settings-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .reseller-access-layout {
      display: grid;
      grid-template-columns: minmax(320px, .78fr) minmax(0, 1.35fr);
      gap: 14px;
      align-items: start;
    }

    .reseller-access-form {
      display: grid;
      gap: 13px;
    }

    .form-control-group {
      display: grid;
      gap: 7px;
    }

    .form-control-group > span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .reseller-access-form .control {
      width: 100%;
      min-height: 42px;
    }

    .integration-config-block {
      display: grid;
      gap: 12px;
      padding: 16px;
      border: 1px solid rgba(186, 104, 255, .28);
      border-radius: 14px;
      background: linear-gradient(145deg, rgba(145, 68, 255, .09), rgba(8, 17, 31, .6));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    }

    .integration-config-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .integration-config-heading > span:first-child {
      display: grid;
      gap: 3px;
    }

    .integration-config-heading strong {
      color: var(--text);
      font-size: 13px;
    }

    .integration-config-heading small,
    .integration-secret-note {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.45;
    }

    .reseller-form-actions {
      display: flex;
      gap: 8px;
      justify-content: flex-end;
      padding-top: 2px;
    }

    .reseller-form-actions .action-btn {
      min-height: 40px;
      padding: 0 15px;
    }

    .registration-status {
      min-height: 18px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

    .registration-status.success { color: var(--green); }
    .registration-status.error { color: var(--red); }

    .reseller-access-user {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .reseller-access-avatar {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      border-radius: 8px;
      background: rgba(255,79,216,.12);
      color: var(--brand-pink);
      font-size: 13px;
      font-weight: 850;
      text-transform: uppercase;
    }

    .reseller-access-user strong,
    .reseller-access-user small {
      display: block;
    }

    .reseller-access-user small {
      margin-top: 3px;
      color: var(--muted);
      font-size: 11px;
    }

    .reseller-access-table .action-btn {
      min-width: 82px;
    }

    .reseller-access-actions {
      display: flex;
      align-items: center;
      gap: 7px;
      white-space: nowrap;
    }

    .reseller-access-actions .action-btn.primary {
      border-color: rgba(255,79,216,.5);
      background: rgba(255,79,216,.12);
      color: var(--brand-pink);
    }

    .color-field {
      display: grid;
      gap: 8px;
      border: 1px solid var(--line);
      border-radius: var(--card-radius);
      padding: 12px;
      background: rgba(255,255,255,.03);
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .color-field input {
      width: 100%;
      height: 36px;
      border: 0;
      background: transparent;
      padding: 0;
      cursor: pointer;
    }

    .status-strip {
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      gap: 10px;
      margin-bottom: 14px;
    }

    .source-card {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px;
      box-shadow: var(--shadow);
      min-height: 72px;
    }

    .source-card .label {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }

    .source-card .value {
      margin-top: 6px;
      font-size: 16px;
      font-weight: 800;
    }

    .health {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 5px 8px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 750;
      margin-top: 7px;
    }

    .health.ok { background: #e7f7ee; color: var(--green); }
    .health.warn { background: #fff4dc; color: var(--amber); }
    .health.bad { background: #ffe8e6; color: var(--red); }
    .dot { width: 8px; height: 8px; border-radius: 99px; background: currentColor; }

    .kpi-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
      margin: 14px 0;
    }

    .dashboard-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .kpi {
      background: rgba(18, 23, 45, 0.64);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--card-radius);
      padding: 13px;
      min-height: 114px;
      box-shadow: 0 20px 48px rgba(0,0,0,.28), 0 0 28px rgba(255,79,216,.05);
      backdrop-filter: blur(14px);
      animation: floatPanel 7.8s ease-in-out infinite alternate;
    }

    .kpi[data-move-filter] { cursor: pointer; }
    .kpi[data-move-filter].active {
      border-color: rgba(255, 79, 216, .62);
      box-shadow: 0 0 0 1px rgba(255, 79, 216, .22), 0 20px 54px rgba(255, 79, 216, .16);
      background: rgba(24, 17, 46, .86);
    }

    .kpi:nth-child(2n) { animation-delay: .45s; }
    .kpi:nth-child(3n) { animation-delay: .9s; }

    .kpi-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 8px;
    }

    .kpi-icon {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      font-size: 18px;
      font-weight: 850;
      background: rgba(255, 79, 216, 0.12);
      color: var(--brand-pink);
    }

    .kpi-icon.green { background: rgba(53, 229, 161, 0.12); color: var(--green); }
    .kpi-icon.amber { background: rgba(255, 138, 61, 0.14); color: var(--amber); }
    .kpi-icon.teal { background: rgba(35, 215, 255, 0.12); color: var(--teal); }
    .kpi-icon.red { background: rgba(255, 91, 124, 0.14); color: var(--red); }
    .kpi-icon.gold { background: rgba(255, 204, 77, 0.16); color: #ffcc4d; }
    .kpi-icon.blue { background: rgba(96, 165, 250, 0.14); color: #60a5fa; }
    .kpi-icon.purple { background: rgba(168, 85, 247, 0.14); color: #a855f7; }
    .kpi-icon svg { width: 19px; height: 19px; display: block; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

    #funil .kpi-icon {
      width: 42px;
      height: 42px;
      background-image: linear-gradient(145deg, rgba(255,255,255,.07), transparent);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
    }

    #funil .kpi-icon svg {
      width: 23px;
      height: 23px;
      stroke-width: 1.9;
    }

    .kpi .name {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.3;
      font-weight: 750;
    }

    .kpi .metric {
      margin-top: 9px;
      font-size: 25px;
      line-height: 1;
      font-weight: 850;
    }

    .kpi .delta {
      margin-top: 10px;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.35;
    }

    .section-actions {
      display: flex;
      justify-content: flex-end;
      margin: 0 0 10px;
    }

    .good { color: var(--green); }
    .bad { color: var(--red); }
    .warn { color: var(--amber); }
    .blue { color: var(--blue); }

    .grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.9fr);
      gap: 14px;
      align-items: start;
    }

    .panel {
      background: rgba(18, 23, 45, 0.66);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--card-radius);
      box-shadow: 0 20px 52px rgba(0,0,0,.30), 0 0 34px rgba(255,138,61,.04);
      min-width: 0;
      overflow: hidden;
      backdrop-filter: blur(14px);
      animation: floatPanel 8.6s ease-in-out infinite alternate;
    }

    .panel-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 15px 10px;
      border-bottom: 1px solid var(--line);
    }

    .view-reseller-filter label {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
    }

    .view-reseller-filter .control { min-width: 190px; }

    .panel-title {
      font-size: 15px;
      font-weight: 800;
    }

    .panel-note {
      color: var(--muted);
      font-size: 12px;
      margin-top: 3px;
    }

    .panel-body { padding: 14px 15px; }

    #operacao .dashboard-surface {
      background: transparent;
      border: 0;
      box-shadow: none;
      overflow: visible;
      backdrop-filter: none;
      animation: none;
    }

    #operacao .dashboard-surface .panel-header {
      padding: 0 0 4px;
      border-bottom: 0;
    }

    #operacao .dashboard-surface .dashboard-grid {
      margin: 16px 0 0;
    }

    #operacao .dashboard-surface .kpi,
    #operacao .top-plan-panel {
      background: rgba(18, 23, 45, 0.72);
      box-shadow: 0 24px 58px rgba(0,0,0,.42), 0 0 34px rgba(255,79,216,.08);
    }

    #operacao .dashboard-grid {
      grid-template-columns: repeat(20, minmax(0, 1fr));
      gap: 14px;
    }

    #operacao .dashboard-grid .kpi {
      grid-column: span 5;
      min-height: 128px;
      display: grid;
      grid-template-columns: 56px minmax(0, 1fr);
      grid-template-rows: auto auto;
      column-gap: 20px;
      align-content: center;
      border-top: 3px solid rgba(255,79,216,.75);
      padding: 28px;
      animation: none;
    }

    #operacao .dashboard-grid .kpi:nth-child(n+5) {
      grid-column: span 4;
    }

    #operacao .dashboard-grid .kpi-head {
      display: contents;
    }

    #operacao .dashboard-grid .kpi-icon {
      grid-column: 1;
      grid-row: 1 / span 2;
      width: 56px;
      height: 56px;
      border-radius: 14px;
      align-self: center;
    }

    #operacao .dashboard-grid .kpi-icon svg {
      width: 27px;
      height: 27px;
    }

    #operacao .dashboard-grid .name {
      grid-column: 2;
      grid-row: 1;
      align-self: end;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 1.05;
      letter-spacing: .045em;
    }

    #operacao .dashboard-grid .metric {
      grid-column: 2;
      grid-row: 2;
      margin-top: 8px;
      font-size: 31px;
      line-height: 1.05;
      color: var(--ink);
      white-space: nowrap;
    }

    #operacao .dashboard-grid .delta {
      grid-column: 2;
      grid-row: 3;
      display: flex;
      align-items: center;
      gap: 5px;
      margin-top: 8px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
    }
    #operacao .dashboard-grid .delta.up { color: #22c55e; }
    #operacao .dashboard-grid .delta.down { color: #ef4444; }
    #operacao .dashboard-grid .delta.flat { color: #facc15; }

    .dashboard-insights {
      display: grid;
      grid-template-columns: minmax(0, 1.55fr) minmax(330px, .95fr);
      gap: 14px;
      margin-top: 18px;
      align-items: stretch;
    }

    .dashboard-insights .panel {
      min-height: 430px;
      animation: none;
    }

    .dashboard-finance-chart {
      height: 340px;
      padding: 14px 18px 18px;
    }

    .dashboard-finance-chart svg {
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    .dashboard-chart-area { fill: url(#dashboardAreaGradient); opacity: .7; }
    .dashboard-chart-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
    .dashboard-chart-label { fill: var(--muted); font-size: 11px; }
    .dashboard-chart-grid { stroke: rgba(255,255,255,.08); stroke-dasharray: 4 5; }

    .dashboard-plan-list {
      display: grid;
      gap: 22px;
      padding: 20px;
    }

    .dashboard-plan-item { display: grid; gap: 8px; }
    .dashboard-plan-head { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 800; }
    .dashboard-plan-head strong { color: var(--green); white-space: nowrap; }
    .dashboard-plan-track { height: 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
    .dashboard-plan-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--brand-pink), var(--brand-orange)); }

    .dashboard-secondary-insights {
      display: grid;
      grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
      gap: 14px;
      margin-top: 14px;
    }

    .server-revenue-list,
    .retention-list {
      display: grid;
      gap: 18px;
      padding: 20px;
    }

    .retention-row {
      display: grid;
      grid-template-columns: minmax(110px, 1fr) minmax(120px, 2fr) 64px;
      align-items: center;
      gap: 12px;
      font-size: 13px;
      font-weight: 750;
    }

    .retention-track {
      height: 10px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(255,255,255,.08);
    }

    .retention-fill { height: 100%; border-radius: inherit; }
    .retention-fill.green { background: var(--green); }
    .retention-fill.red { background: var(--red); }
    .retention-fill.amber { background: var(--amber); }

    .clients-toolbar {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      margin: 14px 0;
      flex-wrap: wrap;
    }

    .clients-search {
      width: min(430px, 100%);
      flex: 1 1 280px;
    }

    .clients-filter-bar {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      padding: 12px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.025);
      margin-bottom: 14px;
    }

    .clients-pagination {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      border-top: 1px solid var(--line);
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
    }

    .clients-pagination-actions { display: flex; align-items: center; gap: 8px; }
    .clients-pagination .control { min-width: 74px; }
    .password-value { display: inline-flex; align-items: center; gap: 7px; }
    .password-toggle {
      border: 0;
      background: transparent;
      color: var(--blue);
      cursor: pointer;
      padding: 4px;
      font-weight: 800;
    }

    .client-history-trigger {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: 6px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
      color: var(--muted);
      border-radius: 6px;
      padding: 5px 8px;
      font-size: 11px;
      font-weight: 850;
      cursor: pointer;
    }

    .client-history-trigger:hover {
      color: var(--ink);
      border-color: rgba(255,79,216,.44);
    }

    .client-history-modal {
      width: min(1080px, calc(100vw - 32px)) !important;
      min-width: min(900px, calc(100vw - 32px));
      max-width: none;
      max-height: min(880px, calc(100vh - 32px));
      overflow: hidden;
    }

    #clientHistoryModal { z-index: 1200; }

    .client360-body {
      display: grid;
      gap: 14px;
      max-height: calc(100vh - 190px);
      overflow: auto;
    }

    .client360-hero {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      min-height: 82px;
      padding: 14px;
      border: 1px solid rgba(255,79,216,.22);
      border-radius: 10px;
      background: linear-gradient(120deg, rgba(255,79,216,.10), rgba(92,157,239,.05) 58%, rgba(255,255,255,.015));
    }

    .client360-avatar {
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,79,216,.40);
      border-radius: 10px;
      color: #fff;
      background: linear-gradient(145deg, rgba(255,79,216,.28), rgba(120,82,255,.18));
      font-size: 22px;
      font-weight: 900;
    }

    .client360-identity { min-width: 0; }
    .client360-identity strong {
      display: block;
      overflow: hidden;
      color: var(--ink);
      font-size: 18px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .client360-identity span {
      display: block;
      margin-top: 5px;
      color: var(--muted);
      font-size: 12px;
    }

    .client360-health,
    .client360-sources,
    .client-history-event-title {
      display: flex;
      align-items: center;
      gap: 7px;
      flex-wrap: wrap;
    }
    .client360-health {
      justify-self: end;
      padding: 7px 10px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--muted);
      background: rgba(255,255,255,.03);
      font-size: 11px;
      font-weight: 850;
    }
    .client360-health i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
    .client360-health-green { color: #55d68f; border-color: rgba(85,214,143,.30); }
    .client360-health-amber { color: #f0aa24; border-color: rgba(240,170,36,.30); }
    .client360-health-red { color: #ff7078; border-color: rgba(255,112,120,.30); }
    .client360-health-blue { color: #69a8f5; border-color: rgba(105,168,245,.30); }
    .client360-sources { grid-column: 2 / -1; }
    .client360-sources span,
    .client-history-source {
      padding: 3px 7px;
      border: 1px solid rgba(145,162,197,.20);
      border-radius: 999px;
      color: #aeb9ce;
      background: rgba(145,162,197,.07);
      font-size: 10px;
      font-weight: 800;
    }

    .client360-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .client360-metric {
      position: relative;
      min-width: 0;
      padding: 12px 13px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 9px;
      background: rgba(255,255,255,.022);
    }
    .client360-metric::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 2px;
      background: #69a8f5;
    }
    .client360-metric span,
    .client360-metric small { display: block; color: var(--muted); font-size: 10px; }
    .client360-metric span { font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
    .client360-metric strong { display: block; margin: 7px 0 4px; color: var(--ink); font-size: 17px; }
    .client360-tone-purple::before { background: #a855f7; }
    .client360-tone-green::before { background: #55d68f; }
    .client360-tone-amber::before { background: #f0aa24; }
    .client360-tone-pink::before { background: #ff4fd8; }

    .client360-layout {
      display: grid;
      grid-template-columns: minmax(0, .86fr) minmax(0, 1.4fr);
      gap: 12px;
      align-items: start;
    }
    .client360-section {
      min-width: 0;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: rgba(4,9,20,.34);
    }
    .client360-section-head { margin-bottom: 12px; }
    .client360-section-head span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .client360-section-head h3 { margin: 4px 0 0; color: var(--ink); font-size: 15px; }

    .client360-section .client-history-summary {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin: 0;
    }

    .client-history-summary {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 16px;
    }

    .client-history-summary div {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 10px 12px;
      background: rgba(255,255,255,.025);
    }

    .client-history-summary span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      text-transform: uppercase;
    }

    .client-history-summary strong {
      display: block;
      margin-top: 4px;
      color: var(--ink);
      font-size: 14px;
    }

    .client-history-events {
      display: grid;
      gap: 10px;
      max-height: 520px;
      overflow: auto;
      padding-right: 4px;
    }

    .client360-timeline .client-history-events { max-height: 430px; }
    .client360-timeline .source-confirmation { font-size: 9px; }

    @media (max-width: 860px) {
      .client-history-modal { min-width: 0; }
      .client360-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .client360-layout { grid-template-columns: 1fr; }
    }

    @media (max-width: 620px) {
      .client-history-modal { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
      .client360-body {
        max-height: calc(100dvh - 166px);
        padding-bottom: 68px;
        overscroll-behavior: contain;
      }
      .client360-hero { grid-template-columns: 44px minmax(0, 1fr); }
      .client360-avatar { width: 44px; height: 44px; }
      .client360-health { grid-column: 1 / -1; justify-self: start; }
      .client360-sources { grid-column: 1 / -1; }
      .client360-metrics,
      .client360-section .client-history-summary { grid-template-columns: 1fr 1fr; }
      .client360-section { padding: 11px; }
      .client360-timeline .audit-row { grid-template-columns: 34px minmax(0, 1fr); }
      .client360-timeline .audit-icon { width: 34px; height: 34px; }
      .client360-timeline .audit-time { grid-column: 2; text-align: left; }
    }

    .tabs {
      display: flex;
      gap: 6px;
      padding: 4px;
      background: var(--chip);
      border-radius: 8px;
      width: fit-content;
    }

    .seg {
      border: 0;
      border-radius: 6px;
      padding: 7px 10px;
      background: transparent;
      color: var(--muted);
      cursor: pointer;
      font-size: 12px;
      font-weight: 800;
    }

    .seg.active { background: linear-gradient(135deg, rgba(255,79,216,.18), rgba(255,138,61,.16)); color: var(--ink); box-shadow: 0 0 18px rgba(255,79,216,.12); }

    .chart-wrap { height: 300px; position: relative; }
    svg { width: 100%; height: 100%; display: block; }
    .axis { stroke: var(--line); stroke-width: 1; }
    .gridline { stroke: rgba(255,255,255,.08); stroke-width: 1; }
    .line-blue { fill: none; stroke: var(--blue); stroke-width: 3; }
    .line-green { fill: none; stroke: var(--green); stroke-width: 3; }
    .line-amber { fill: none; stroke: var(--amber); stroke-width: 3; }
    .area-blue { fill: rgba(31,111,235,.10); }
    .chart-label { font-size: 11px; fill: var(--muted); font-weight: 650; }

    .bar-chart {
      display: grid;
      gap: 10px;
    }

    .bar-row {
      display: grid;
      grid-template-columns: 92px minmax(0, 1fr) 52px;
      gap: 9px;
      align-items: center;
      font-size: 12px;
      color: var(--muted);
      font-weight: 700;
    }

    .bar-track {
      height: 10px;
      background: rgba(255,255,255,.08);
      border-radius: 999px;
      overflow: hidden;
    }

    .bar-fill {
      height: 100%;
      background: var(--blue);
      border-radius: 999px;
    }

    .top-plan-chart .bar-row {
      grid-template-columns: 150px minmax(0, 1fr) 104px;
    }

    .top-plan-chart strong {
      color: var(--ink);
      text-align: right;
      white-space: nowrap;
    }

    .table-filter-row th {
      background: rgba(255,255,255,.025);
      padding: 10px 12px;
    }

    .table-filter-row .control {
      width: 100%;
      min-width: 150px;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 13px;
    }

    th {
      text-align: left;
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      padding: 10px 8px;
      border-bottom: 1px solid var(--line);
      background: rgba(255,255,255,.04);
    }

    .table-sort {
      border: 0;
      padding: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      text-transform: inherit;
      cursor: pointer;
    }

    td {
      padding: 11px 8px;
      border-bottom: 1px solid var(--line);
      vertical-align: middle;
    }

    tr:last-child td { border-bottom: 0; }

    .badge {
      display: inline-flex;
      min-height: 24px;
      align-items: center;
      padding: 3px 8px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }

    .badge.green { background: rgba(53, 229, 161, 0.12); color: var(--green); }
    .badge.red { background: rgba(255, 91, 124, 0.14); color: var(--red); }
    .badge.amber { background: rgba(255, 138, 61, 0.14); color: var(--amber); }
    .badge.blue { background: rgba(139, 92, 246, 0.16); color: var(--blue); }
    .badge.gray { background: rgba(255,255,255,.08); color: var(--muted); }
    .badge.reseller-orion {
      background: rgba(123, 92, 255, .20);
      color: #9f8cff;
      border: 1px solid rgba(123, 92, 255, .42);
      box-shadow: 0 0 16px rgba(123, 92, 255, .16);
    }
    .badge.reseller-nova {
      background: rgba(0, 215, 255, .16);
      color: #36e4ff;
      border: 1px solid rgba(0, 215, 255, .40);
      box-shadow: 0 0 16px rgba(0, 215, 255, .14);
    }
    .badge.reseller-nexus {
      background: rgba(0, 255, 150, .15);
      color: #36f6a8;
      border: 1px solid rgba(0, 255, 150, .38);
      box-shadow: 0 0 16px rgba(0, 255, 150, .14);
    }
    .badge.reseller-pulse {
      background: rgba(255, 51, 210, .15);
      color: #ff80e5;
      border: 1px solid rgba(255, 51, 210, .36);
      box-shadow: 0 0 16px rgba(255, 51, 210, .12);
    }
    .badge.reseller-default {
      background: rgba(255, 51, 210, .15);
      color: #ff80e5;
      border: 1px solid rgba(255, 51, 210, .36);
      box-shadow: 0 0 16px rgba(255, 51, 210, .12);
    }

    .timeline {
      display: grid;
      gap: 12px;
    }

    .event {
      display: grid;
      grid-template-columns: 12px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
    }

    .event-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-top: 5px;
      background: var(--blue);
      box-shadow: 0 0 0 4px rgba(255, 79, 216, 0.14);
    }

    .event strong { font-size: 13px; display: block; }
    .event span { display: block; color: var(--muted); font-size: 12px; margin-top: 3px; line-height: 1.35; }

    .audit-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 340px;
      gap: 18px;
      align-items: start;
    }

    .audit-toolbar {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .audit-toolbar .control {
      min-width: 220px;
    }

    .audit-summary {
      display: grid;
      gap: 12px;
    }

    .audit-summary-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 14px;
      background: rgba(255,255,255,.025);
    }

    .audit-summary-card span {
      display: block;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
    }

    .audit-summary-card strong {
      display: block;
      margin-top: 6px;
      font-size: 26px;
      color: var(--ink);
    }

    .audit-timeline {
      display: grid;
      gap: 10px;
      max-height: 650px;
      overflow: auto;
      padding-right: 4px;
    }

    .audit-row {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: start;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.025);
    }

    .audit-icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      background: rgba(255,79,216,.12);
      color: var(--pink);
      font-weight: 900;
    }

    .audit-action {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
      font-weight: 800;
      color: var(--ink);
    }

    .audit-meta {
      margin-top: 5px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .audit-details {
      margin-top: 9px;
      color: var(--muted);
      font-size: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .audit-time {
      color: var(--muted);
      font-size: 12px;
      white-space: nowrap;
      text-align: right;
    }

    @media (max-width: 1100px) {
      .audit-layout { grid-template-columns: 1fr; }
      .audit-row { grid-template-columns: 38px minmax(0, 1fr); }
      .audit-time { grid-column: 2; text-align: left; }
    }

    .view { display: none; }
    .view.active { display: block; }

    .two-col {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 14px;
    }

    .stack { display: grid; gap: 14px; }

    .callout {
      border-left: 4px solid var(--amber);
      background: rgba(255, 138, 61, 0.10);
      padding: 12px;
      border-radius: 6px;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.45;
    }

    .finance-workspace { display: grid; gap: 18px; }
    .finance-heading { margin: 0; font-size: 28px; font-weight: 850; }

    .finance-tabs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-bottom: 1px solid var(--line);
      background: rgba(0,0,0,.22);
    }

    .finance-tab {
      min-height: 58px;
      border: 0;
      border-bottom: 2px solid transparent;
      background: transparent;
      color: var(--muted);
      font-size: 14px;
      font-weight: 800;
      cursor: pointer;
    }

    .finance-tab.active {
      color: var(--brand-pink);
      border-bottom-color: var(--brand-pink);
      background: linear-gradient(180deg, rgba(255,79,216,.10), rgba(255,79,216,.035));
    }

    .finance-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
    }

    .finance-periods { display: flex; gap: 8px; flex-wrap: wrap; }

    .finance-period {
      min-height: 38px;
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 0 14px;
      background: rgba(18,23,45,.72);
      color: var(--muted);
      font-weight: 750;
      cursor: pointer;
    }

    .finance-period.active {
      color: #fff;
      border-color: rgba(255,79,216,.6);
      background: linear-gradient(135deg, var(--brand-pink), #d934b4);
      box-shadow: 0 0 24px rgba(255,79,216,.2);
    }

    .finance-summary-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 14px;
    }

    .finance-summary-card {
      min-height: 116px;
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr);
      gap: 14px;
      align-items: center;
      padding: 18px;
      border: 1px solid rgba(255,255,255,.13);
      border-top: 3px solid var(--brand-pink);
      border-radius: var(--card-radius);
      background: rgba(18,23,45,.72);
      box-shadow: 0 22px 52px rgba(0,0,0,.34);
      backdrop-filter: blur(14px);
    }

    .finance-summary-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      background: rgba(255,255,255,.06);
      font-size: 22px;
      font-weight: 850;
    }

    .finance-summary-icon svg {
      width: 23px;
      height: 23px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .finance-summary-label {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .finance-summary-value {
      margin-top: 6px;
      color: var(--ink);
      font-size: 25px;
      font-weight: 850;
      white-space: nowrap;
    }

    .finance-ledger {
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--card-radius);
      background: rgba(18,23,45,.66);
      overflow: hidden;
      box-shadow: 0 22px 52px rgba(0,0,0,.28);
      backdrop-filter: blur(14px);
    }

    .finance-ledger-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 16px 20px;
      border-bottom: 1px solid var(--line);
      font-weight: 850;
    }

    .finance-ledger-title { display: flex; align-items: center; gap: 9px; }
    .finance-ledger-list { display: grid; }

    .finance-entry {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      padding: 17px 20px;
      border-bottom: 1px solid rgba(255,255,255,.07);
    }

    .finance-entry:last-child { border-bottom: 0; }
    .finance-entry-title { font-size: 14px; font-weight: 800; }
    .finance-entry-meta { margin-top: 6px; color: var(--muted); font-size: 12px; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
    .finance-entry-meta .badge { min-height: 21px; padding: 2px 9px; font-size: 11px; }
    .finance-entry-dot { color: rgba(155,166,206,.72); }
    .finance-entry-side { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
    .finance-entry-value { font-size: 15px; font-weight: 850; text-align: right; white-space: nowrap; }
    .finance-entry-value.in { color: var(--green); }
    .finance-entry-value.out { color: var(--red); }
    .finance-entry-delete {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      border: 1px solid rgba(255, 91, 124, .28);
      background: rgba(255, 77, 120, .08);
      color: #ff6f8f;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      font-size: 16px;
      font-weight: 900;
    }
    .finance-entry-delete:hover { background: rgba(255, 77, 120, .16); border-color: rgba(255, 91, 124, .48); color: #fff; }
    .finance-summary-entry {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) auto;
      gap: 16px;
      align-items: start;
      padding: 22px 20px;
      border-bottom: 1px solid rgba(255,255,255,.07);
    }
    .finance-summary-entry:last-child { border-bottom: 0; }
    .finance-summary-kind-icon {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #ffb84d;
      background: rgba(255, 184, 77, .13);
      font-size: 21px;
      font-weight: 900;
    }
    .finance-summary-title {
      display: flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      font-size: 15px;
      font-weight: 850;
    }
    .finance-summary-breakdown {
      display: grid;
      gap: 8px;
      margin-top: 8px;
    }
    .finance-summary-reseller {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 760;
    }
    .finance-summary-reseller .badge {
      min-width: 66px;
      justify-content: center;
      text-transform: uppercase;
    }
    .finance-summary-values {
      display: grid;
      gap: 8px;
      justify-items: end;
      text-align: right;
      white-space: nowrap;
    }
    .finance-summary-total {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      min-height: 32px;
      color: var(--green);
      font-size: 15px;
      font-weight: 900;
    }
    .finance-summary-chevron {
      color: rgba(248,249,255,.62);
      font-size: 24px;
      line-height: 1;
    }
    .finance-summary-subtotal {
      color: rgba(248,249,255,.66);
      font-size: 14px;
      font-weight: 850;
    }
    .finance-empty { padding: 24px 20px; color: var(--muted); text-align: center; }
    .finance-pane[hidden] { display: none; }
    .finance-accounts-table .action-btn { min-width: 108px; }
    .accounts-payable-cards { display: grid; gap: 18px; }
    .payments-command-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 18px;
    }
    .payments-command-strip article {
      min-height: 92px;
      padding: 16px;
      border: 1px solid rgba(86, 111, 170, .24);
      border-radius: 8px;
      background: rgba(9, 14, 31, .82);
    }
    .payments-command-strip span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .payments-command-strip strong {
      display: block;
      margin-top: 8px;
      color: var(--ink);
      font-size: 24px;
      font-weight: 950;
    }
    .payments-command-strip small {
      display: block;
      margin-top: 6px;
      color: rgba(185, 195, 230, .78);
      font-size: 12px;
      font-weight: 750;
    }

    .finance-alert-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 18px;
    }

    .finance-alert-card {
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      min-height: 78px;
      padding: 12px 14px;
      border: 1px solid rgba(255,255,255,.11);
      border-left: 3px solid var(--teal);
      border-radius: var(--card-radius);
      background: rgba(18,23,45,.70);
      box-shadow: 0 14px 34px rgba(0,0,0,.20);
    }

    .finance-alert-card.warn { border-left-color: var(--amber); }
    .finance-alert-card.bad { border-left-color: var(--red); }
    .finance-alert-card.good { border-left-color: var(--green); }

    .finance-alert-card i {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      background: rgba(255,255,255,.07);
      color: var(--teal);
      font-style: normal;
      font-weight: 900;
    }

    .finance-alert-card.warn i { color: var(--amber); }
    .finance-alert-card.bad i { color: var(--red); }
    .finance-alert-card.good i { color: var(--green); }
    .finance-alert-card strong { display:block; color:var(--ink); font-size:13px; }
    .finance-alert-card span { display:block; color:var(--muted); font-size:12px; line-height:1.35; margin-top:4px; }

    .finance-quick-filters {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      align-items: center;
      margin: 18px 0;
    }

    .finance-quick-filters button {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 0 12px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 8px;
      background: rgba(18,23,45,.70);
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      cursor: pointer;
    }

    .finance-quick-filters button.active {
      color: #fff;
      border-color: rgba(255,79,216,.68);
      background: linear-gradient(100deg,#b928d3,#ee38b5 55%,#ff8148);
      box-shadow: 0 12px 28px rgba(228,54,190,.20);
    }

    .finance-quick-filters b {
      min-width: 22px;
      min-height: 20px;
      padding: 1px 7px;
      border-radius: 999px;
      background: rgba(255,255,255,.12);
      color: inherit;
      font-size: 11px;
      line-height: 18px;
      text-align: center;
    }

    .reseller-payable-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 18px;
    }

    .reseller-payable-card {
      padding: 14px;
      border: 1px solid rgba(255,255,255,.11);
      border-radius: var(--card-radius);
      background: linear-gradient(180deg, rgba(4,12,36,.74), rgba(3,8,26,.90));
      box-shadow: inset 0 1px rgba(255,255,255,.045), 0 14px 34px rgba(0,0,0,.22);
    }

    .reseller-payable-card header {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: center;
      margin-bottom: 12px;
    }

    .reseller-payable-card header strong { font-size: 14px; }
    .reseller-payable-card dl { display: grid; gap: 8px; margin: 0; }
    .reseller-payable-card div { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
    .reseller-payable-card dt { color: var(--muted); font-size: 12px; }
    .reseller-payable-card dd { margin: 0; color: var(--ink); font-size: 13px; font-weight: 850; text-align: right; }
    .reseller-payable-card .warn { color: var(--amber); }
    .reseller-payable-card .good { color: var(--green); }
    .reseller-payable-card .bad { color: var(--red); }
    .reseller-payable-card .blue { color: var(--teal); }

    .settlement-rule-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 14px;
      padding: 14px 16px;
      border: 1px solid rgba(255,255,255,.12);
      border-left: 3px solid var(--brand-pink);
      border-radius: var(--card-radius);
      background: rgba(18,23,45,.72);
      box-shadow: 0 18px 42px rgba(0,0,0,.22);
    }

    .settlement-rule-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .settlement-rule-copy strong {
      color: var(--ink);
      font-size: 15px;
      font-weight: 850;
    }

    .settlement-rule-copy small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .settlement-rule-controls {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }

    .settlement-rule-controls .control {
      width: 120px;
      min-height: 38px;
    }

    .settlement-rule-status {
      min-width: 112px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
      text-align: right;
    }

    .footer-note {
      margin-top: 16px;
      color: var(--muted);
      font-size: 12px;
    }

    @media (max-width: 1180px) {
      .shell { grid-template-columns: 72px minmax(0, 1fr); }
      aside { padding: 12px 8px; }
      .brand { justify-content: center; padding: 8px 4px 14px; }
      .brand-text, .nav-title, .nav-label { display: none; }
      .nav-btn { justify-content: center; }
      .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .grid, .two-col { grid-template-columns: 1fr; }
      .finance-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .finance-alert-strip,
      .reseller-payable-grid,
      .payments-command-strip { grid-template-columns: 1fr; }
      #operacao .dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #operacao .dashboard-grid .kpi,
      #operacao .dashboard-grid .kpi:nth-child(n+5) { grid-column: span 1; }
      .dashboard-insights { grid-template-columns: 1fr; }
      .dashboard-secondary-insights { grid-template-columns: 1fr; }
      .reseller-access-layout { grid-template-columns: 1fr; }
    }

    @media (max-width: 720px) {
      .shell { grid-template-columns: 1fr; }
      aside {
        position: static;
        height: auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 5px;
      }
      .brand, .nav-title { display: none; }
      main { padding: 16px; }
      .topbar { flex-direction: column; }
      .toolbar { justify-content: flex-start; width: 100%; }
      .control { flex: 1; min-width: 136px; }
      .kpi-grid, .status-strip { grid-template-columns: 1fr; }
      #operacao .dashboard-grid { grid-template-columns: 1fr; }
      .finance-summary-grid { grid-template-columns: 1fr; }
      .finance-entry { grid-template-columns: 1fr; gap: 8px; }
      .finance-entry-side { justify-content: space-between; }
      .finance-entry-value { text-align: left; }
      .panel-header { align-items: flex-start; flex-direction: column; }
      .settlement-rule-card { grid-template-columns: 1fr; }
      .settlement-rule-controls { justify-content: flex-start; }
      .settlement-rule-status { text-align: left; }
      .tabs { width: 100%; overflow-x: auto; }
      .seg { flex: 1; min-width: max-content; }
      .bar-row { grid-template-columns: 72px minmax(0, 1fr) 42px; }
      table { min-width: 680px; }
      .table-scroll { overflow-x: auto; }
      .setting-row, .settings-grid { grid-template-columns: 1fr; }
    }

    @media (prefers-reduced-motion: reduce) {
      body::before, body::after, .shell::before, .kpi, .panel { animation: none; }
    }

    /* Fusion+ V2 visual identity — reference dashboard 25/06/2026 */
    :root {
      --bg: #040618;
      --panel: #0b0f2a;
      --panel-strong: #101433;
      --ink: #f7f5ff;
      --muted: #9ba3c5;
      --line: rgba(144, 107, 255, .22);
      --brand-pink: #ff42d2;
      --brand-purple: #8b4dff;
      --brand-orange: #ff7a42;
      --green: #20f099;
      --amber: #ffc226;
      --red: #ff4d78;
      --teal: #25d7ff;
      --blue: #7c67ff;
      --card-radius: 10px;
      --shadow: 0 22px 56px rgba(0, 0, 0, .38);
    }

    body {
      background:
        radial-gradient(circle at 78% -8%, rgba(83, 42, 202, .28), transparent 30%),
        radial-gradient(circle at 58% 112%, rgba(247, 48, 199, .18), transparent 38%),
        linear-gradient(180deg, #05071b 0%, #030514 54%, #02030d 100%);
      color: var(--ink);
    }

    body::before {
      opacity: .22;
      background:
        radial-gradient(circle at 15% 22%, rgba(255,255,255,.8) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 18%, rgba(255,66,210,.7) 0 1px, transparent 3px),
        radial-gradient(circle at 46% 78%, rgba(124,103,255,.75) 0 1px, transparent 3px);
      background-size: 320px 320px, 460px 460px, 520px 520px;
    }

    body::after {
      background:
        radial-gradient(ellipse at 86% 12%, rgba(255,66,210,.16), transparent 24%),
        radial-gradient(ellipse at 42% 96%, rgba(139,77,255,.20), transparent 32%),
        linear-gradient(180deg, rgba(2,4,16,.30), rgba(2,3,13,.76));
    }

    .shell {
      grid-template-columns: 224px minmax(0, 1fr);
    }

    aside {
      background:
        radial-gradient(circle at 82% 12%, rgba(255,66,210,.18), transparent 28%),
        linear-gradient(180deg, rgba(9, 10, 35, .98), rgba(3, 5, 18, .98));
      border-right: 1px solid rgba(126, 98, 255, .26);
      padding: 18px 14px;
      box-shadow: inset -1px 0 0 rgba(255,255,255,.03), 18px 0 50px rgba(0,0,0,.16);
    }

    .brand {
      gap: 12px;
      padding: 6px 6px 22px;
      border-bottom: 1px solid rgba(126, 98, 255, .20);
      margin-bottom: 20px;
    }

    .brand-mark {
      width: 42px;
      height: 42px;
      border-radius: 9px;
      background:
        linear-gradient(#090b22, #090b22) padding-box,
        linear-gradient(135deg, var(--brand-pink), var(--brand-purple), var(--brand-orange)) border-box;
      border: 1px solid transparent;
      color: #ff65dc;
      font-size: 15px;
      box-shadow: 0 0 24px rgba(255,66,210,.24);
    }

    .brand strong {
      font-size: 22px;
      line-height: 1;
      letter-spacing: -.04em;
      background: linear-gradient(90deg, #fff, #ff6fde 72%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .brand span {
      display: none;
    }

    .nav-title { display: none; }

    .nav-btn {
      min-height: 43px;
      padding: 12px 14px;
      border-radius: 8px;
      color: #c4c9e6;
      font-size: 14px;
      font-weight: 650;
      margin-bottom: 6px;
    }

    .nav-icon {
      color: #b8b5ff;
    }

    .nav-btn:hover,
    .nav-btn.active {
      background:
        linear-gradient(90deg, rgba(255,66,210,.34), rgba(140,72,255,.18)),
        rgba(19, 20, 55, .92);
      color: #fff;
      box-shadow:
        inset 2px 0 0 var(--brand-pink),
        0 0 24px rgba(255,66,210,.18);
    }

    .sidebar-toggle {
      top: 18px;
      right: -54px;
      width: 44px;
      height: 44px;
      border-radius: 8px;
      border-color: rgba(126, 98, 255, .24);
      background: rgba(13, 15, 45, .88);
      color: #d8ceff;
      box-shadow: 0 10px 26px rgba(0,0,0,.28);
    }

    main {
      padding: 24px 28px 36px;
      background:
        radial-gradient(circle at 74% -12%, rgba(86, 42, 202, .20), transparent 34%),
        radial-gradient(circle at 48% 110%, rgba(255,66,210,.16), transparent 38%),
        rgba(3, 5, 18, .72);
    }

    .topbar {
      align-items: center;
      margin-bottom: 26px;
      gap: 20px;
    }

    h1 {
      font-size: 25px;
      letter-spacing: -.035em;
      text-shadow: 0 0 16px rgba(255,255,255,.10);
    }

    .subtitle {
      color: #a9aecf;
      font-size: 13px;
      margin-top: 7px;
    }

    .toolbar {
      gap: 12px;
    }

    .sync-btn,
    .pending-payable-btn,
    .control,
    .icon-btn {
      min-height: 48px;
      border-radius: 9px;
      background: rgba(10, 14, 42, .72);
      border: 1px solid rgba(112, 130, 210, .23);
      box-shadow: inset 0 1px rgba(255,255,255,.04);
      color: #f5f2ff;
    }

    .sync-btn:not(.blocked),
    .sync-btn.connected {
      color: var(--green);
      border-color: rgba(32, 240, 153, .20);
      background: rgba(8, 24, 30, .58);
    }

    .sync-dot {
      box-shadow: 0 0 14px currentColor;
    }

    .pending-payable-btn {
      color: #ffd05d;
      border-color: rgba(255, 194, 38, .30);
      background: rgba(30, 20, 6, .52);
    }

    .period-quick {
      gap: 10px;
      padding: 0;
      border: 1px solid rgba(126, 98, 255, .14);
      background: rgba(17, 21, 56, .52);
      border-radius: 14px;
      padding: 6px;
    }

    .period-quick .seg {
      min-height: 58px;
      padding: 0 26px;
      border-radius: 11px;
      background: rgba(9, 11, 28, .82);
      border: 1px solid rgba(116, 124, 185, .18);
      color: #b5b8d4;
      font-weight: 850;
      font-size: 17px;
    }

    .period-quick .seg.active {
      background: linear-gradient(135deg, #ff30ca, #ee23bd 56%, #ff7946);
      border-color: rgba(255, 92, 218, .68);
      color: #fff;
      box-shadow: 0 12px 34px rgba(255, 66, 210, .22);
    }

    .panel,
    .card,
    .kpi,
    .modal {
      background:
        linear-gradient(145deg, rgba(14, 17, 49, .88), rgba(7, 10, 32, .94));
      border: 1px solid rgba(126, 98, 255, .25);
      border-radius: 10px;
      box-shadow:
        0 18px 45px rgba(0,0,0,.34),
        inset 0 1px rgba(255,255,255,.055);
      backdrop-filter: blur(18px);
    }

    .panel-header {
      border-bottom-color: rgba(126, 98, 255, .16);
    }

    .panel-title {
      letter-spacing: -.02em;
    }

    #operacao .dashboard-surface .panel-header {
      display: none;
    }

    #operacao .dashboard-surface .dashboard-grid {
      margin: 0;
    }

    #operacao .dashboard-grid {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 12px;
    }

    #operacao .dashboard-grid .kpi {
      grid-column: span 4;
      min-height: 150px;
      grid-template-columns: 48px minmax(0, 1fr);
      column-gap: 16px;
      align-content: start;
      padding: 18px 18px 14px;
      border-top: 0;
      position: relative;
      overflow: hidden;
    }

    #operacao .dashboard-grid .kpi:nth-child(n+5) {
      grid-column: span 3;
      min-height: 136px;
    }

    #operacao .dashboard-grid .kpi::after {
      content: "";
      position: absolute;
      inset: auto 14px 13px 14px;
      height: 34px;
      pointer-events: none;
      opacity: .82;
      background:
        linear-gradient(90deg, transparent 0 6%, currentColor 6% 9%, transparent 9% 14%, currentColor 14% 17%, transparent 17% 28%, currentColor 28% 32%, transparent 32% 40%, currentColor 40% 44%, transparent 44% 58%, currentColor 58% 63%, transparent 63% 72%, currentColor 72% 76%, transparent 76% 86%, currentColor 86% 100%);
      clip-path: polygon(0 84%, 8% 78%, 15% 86%, 25% 64%, 34% 71%, 44% 48%, 55% 58%, 67% 34%, 77% 46%, 88% 23%, 100% 19%, 100% 100%, 0 100%);
      filter: drop-shadow(0 0 10px currentColor);
    }

    #operacao .dashboard-grid .kpi:nth-child(1),
    #operacao .dashboard-grid .kpi:nth-child(6),
    #operacao .dashboard-grid .kpi:nth-child(9) { color: #b752ff; }
    #operacao .dashboard-grid .kpi:nth-child(2),
    #operacao .dashboard-grid .kpi:nth-child(4),
    #operacao .dashboard-grid .kpi:nth-child(8) { color: #23e89c; }
    #operacao .dashboard-grid .kpi:nth-child(3),
    #operacao .dashboard-grid .kpi:nth-child(5) { color: #ff537b; }
    #operacao .dashboard-grid .kpi:nth-child(7) { color: #ff9e21; }

    #operacao .dashboard-grid .kpi-icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      color: currentColor;
      background: color-mix(in srgb, currentColor 18%, transparent);
      box-shadow: 0 0 28px color-mix(in srgb, currentColor 18%, transparent);
    }

    #operacao .dashboard-grid .kpi-icon svg {
      width: 22px;
      height: 22px;
    }

    #operacao .dashboard-grid .name {
      font-size: 13px;
      line-height: 1.15;
      color: #b8bbd9;
      text-transform: none;
      letter-spacing: 0;
      font-weight: 700;
    }

    #operacao .dashboard-grid .metric {
      color: #fff;
      font-size: 27px;
      font-weight: 900;
      line-height: 1;
      margin-top: 7px;
      letter-spacing: -.035em;
      text-shadow: 0 0 18px rgba(255,255,255,.08);
    }

    #operacao .dashboard-grid .metric.good { color: #fff; }
    #operacao .dashboard-grid .metric.warn { color: #fff; }

    .dashboard-insights,
    .dashboard-secondary-insights {
      gap: 16px;
    }

    .dashboard-insights .panel {
      min-height: 392px;
    }

    .dashboard-finance-chart {
      height: 300px;
    }

    .dashboard-chart-line {
      stroke-width: 3.4;
      filter: drop-shadow(0 0 8px currentColor);
    }

    .dashboard-plan-track,
    .server-bar-track {
      background: rgba(255,255,255,.07);
    }

    .dashboard-plan-fill,
    .server-bar-fill {
      background: linear-gradient(90deg, #ff42d2, #a24dff, #ff7a42);
      box-shadow: 0 0 16px rgba(255,66,210,.28);
    }

    table {
      border-color: rgba(126, 98, 255, .16);
    }

    th {
      background: rgba(255,255,255,.035);
      color: #9fa7ca;
      font-size: 12px;
      letter-spacing: .06em;
    }

    td {
      border-color: rgba(126, 98, 255, .12);
    }

    tbody tr:hover {
      background: rgba(255,66,210,.06);
    }

    .primary,
    .action-btn.approved,
    .sync-btn,
    button.primary {
      background: linear-gradient(100deg, #a340ff, #ff31c8 58%, #ff7a42);
      border-color: rgba(255,66,210,.56);
      color: #fff;
      box-shadow: 0 14px 34px rgba(255,66,210,.20);
    }

    input,
    select,
    textarea,
    .control {
      background-color: rgba(9, 12, 35, .84);
      border-color: rgba(126, 98, 255, .24);
      color: #f7f5ff;
    }

    input:focus,
    select:focus,
    textarea:focus {
      outline: 2px solid rgba(255,66,210,.55);
      outline-offset: 1px;
    }

    @media (max-width: 1280px) {
      #operacao .dashboard-grid .kpi,
      #operacao .dashboard-grid .kpi:nth-child(n+5) {
        grid-column: span 4;
      }
    }

    .reconciliation-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 18px;
    }

    .reconciliation-card {
      min-height: 132px;
      padding: 18px;
      border: 1px solid rgba(126, 98, 255, .25);
      border-radius: 10px;
      background: linear-gradient(145deg, rgba(14, 17, 49, .88), rgba(7, 10, 32, .94));
      box-shadow: 0 18px 45px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.055);
      position: relative;
      overflow: hidden;
    }

    .reconciliation-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      height: 3px;
      background: linear-gradient(90deg, #ff42d2, #8b4dff, #ff7a42);
      opacity: .9;
    }

    .reconciliation-card span {
      display: block;
      color: #a9aecf;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .05em;
      margin-bottom: 10px;
    }

    .reconciliation-card strong {
      display: block;
      color: #fff;
      font-size: 28px;
      line-height: 1;
      letter-spacing: -.04em;
    }

    .reconciliation-card small {
      display: block;
      color: #9ba3c5;
      margin-top: 10px;
      font-size: 12px;
    }

    .reconciliation-card.good strong { color: var(--green); }
    .reconciliation-card.warn strong { color: var(--amber); }
    .reconciliation-card.bad strong { color: var(--red); }

    .pending-center-grid,
    .closing-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 18px;
    }

    .pending-center-card,
    .closing-card {
      min-height: 104px;
      padding: 16px;
      border: 1px solid rgba(64, 123, 255, .26);
      border-radius: 8px;
      background: linear-gradient(180deg, rgba(4, 12, 36, .76), rgba(3, 8, 26, .90));
      box-shadow: inset 0 1px rgba(255,255,255,.045), 0 14px 34px rgba(0,0,0,.24);
    }

    .pending-center-card span,
    .closing-card span {
      display: block;
      color: #a9aecf;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .055em;
      margin-bottom: 8px;
    }

    .pending-center-card strong,
    .closing-card strong {
      display: block;
      color: #fff;
      font-size: 24px;
      letter-spacing: -.035em;
    }

    .pending-center-card small,
    .closing-card small { display:block; color:#9ba3c5; margin-top:8px; font-size:12px; }
    .pending-center-card.warn strong,.closing-card.warn strong{color:var(--amber)}
    .pending-center-card.good strong,.closing-card.good strong{color:var(--green)}
    .pending-center-card.bad strong,.closing-card.bad strong{color:var(--red)}

    .closing-status {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:100px;
      min-height:28px;
      padding:0 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:900;
      border:1px solid rgba(255,255,255,.16);
      color:#ffd064;
      background:rgba(255, 194, 38, .10);
    }
    .closing-status.fechado{color:var(--green);background:rgba(32,240,153,.10);border-color:rgba(32,240,153,.26)}
    .closing-status.pronto-para-fechar{color:#8fd3ff;background:rgba(27,124,255,.10);border-color:rgba(27,124,255,.26)}
    .closing-status.revisar-conciliacao{color:var(--red);background:rgba(255,77,120,.10);border-color:rgba(255,77,120,.28)}

    .daily-closing-panel{padding:0;margin-bottom:18px;overflow:hidden}
    .daily-closing-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px}
    .daily-closing-card{min-height:104px;padding:14px;border:1px solid rgba(64,123,255,.24);border-radius:8px;background:rgba(4,10,31,.72)}
    .daily-closing-card span{display:block;color:#a9aecf;font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;margin-bottom:8px}
    .daily-closing-card strong{display:block;color:#fff;font-size:22px;letter-spacing:-.035em;line-height:1.05}
    .daily-closing-card small{display:block;color:#9ba3c5;margin-top:8px;font-size:12px}
    .daily-closing-card.good strong{color:var(--green)}
    .daily-closing-card.warn strong{color:var(--amber)}
    .daily-closing-card.bad strong{color:var(--red)}
    .daily-closing-body{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:0 16px 16px}
    .daily-closing-box{border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.025);overflow:hidden}
    .daily-closing-box h3{margin:0;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.10);font-size:13px;color:#eef2ff;letter-spacing:.02em}
    .daily-closing-list{display:grid}
    .daily-closing-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#e8ecff;font-size:13px}
    .daily-closing-row:last-child{border-bottom:0}
    .daily-closing-row b{color:#fff}
    .daily-closing-row strong{color:var(--amber);white-space:nowrap}
    .daily-closing-row.good strong{color:var(--green)}
    .daily-closing-row.bad strong{color:var(--red)}

    .reconciliation-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 104px;
      min-height: 30px;
      border-radius: 999px;
      padding: 0 12px;
      font-size: 12px;
      font-weight: 900;
      border: 1px solid rgba(255,255,255,.15);
    }

    .reconciliation-status.conciliado {
      color: var(--green);
      background: rgba(32, 240, 153, .10);
      border-color: rgba(32, 240, 153, .26);
    }

    .reconciliation-status.atenção,
    .reconciliation-status.atencao {
      color: var(--amber);
      background: rgba(255, 194, 38, .10);
      border-color: rgba(255, 194, 38, .28);
    }

    .reconciliation-status.divergente {
      color: var(--red);
      background: rgba(255, 77, 120, .10);
      border-color: rgba(255, 77, 120, .28);
    }

    .reconciliation-diff.positive { color: var(--green); font-weight: 900; }
    .reconciliation-diff.negative { color: var(--red); font-weight: 900; }
    .reconciliation-diff.zero { color: #cfd4f3; font-weight: 800; }

    @media (max-width: 1180px) {
      .reconciliation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .pending-center-grid,
      .closing-grid,
      .daily-closing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .daily-closing-body { grid-template-columns: 1fr; }
    }

    @media (max-width: 720px) {
      .reconciliation-grid { grid-template-columns: 1fr; }
      .pending-center-grid,
      .closing-grid,
      .daily-closing-grid { grid-template-columns: 1fr; }
    }

    @media (min-width: 721px) {
      .shell.sidebar-expanded { grid-template-columns: 248px minmax(0, 1fr); }
      .shell.sidebar-expanded aside { padding: 18px 14px; }
      .shell.sidebar-expanded .brand { justify-content: flex-start; padding: 8px 8px 18px; }
      .shell.sidebar-expanded .brand-text { display: block; }
      .shell.sidebar-expanded .nav-title { display: block; }
      .shell.sidebar-expanded .nav-label { display: inline; }
      .shell.sidebar-expanded .nav-btn { justify-content: flex-start; }
    }

    /* Fusion+ Cyber HUD identity — reference 25/06/2026 19:02 */
    :root {
      --bg: #020512;
      --panel: rgba(4, 10, 31, .78);
      --panel-strong: rgba(8, 15, 43, .92);
      --ink: #f8f7ff;
      --muted: #9ba6ce;
      --line: rgba(64, 123, 255, .34);
      --brand-pink: #ff33d2;
      --brand-purple: #9a4dff;
      --brand-orange: #ff8a22;
      --cyber-blue: #1b7cff;
      --cyber-cyan: #00d7ff;
      --cyber-violet: #7b3cff;
      --card-radius: 9px;
    }

    body {
      background:
        radial-gradient(circle at 58% 0%, rgba(101, 40, 255, .20), transparent 31%),
        radial-gradient(circle at 94% 46%, rgba(0, 136, 255, .18), transparent 34%),
        radial-gradient(circle at 49% 104%, rgba(255, 34, 206, .13), transparent 37%),
        linear-gradient(180deg, #030615 0%, #02040f 52%, #01030a 100%);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .34;
      background:
        linear-gradient(rgba(45, 108, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(45, 108, 255, .055) 1px, transparent 1px),
        radial-gradient(circle at 14% 11%, rgba(255, 69, 223, .9) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 23%, rgba(0, 206, 255, .8) 0 1px, transparent 2px),
        radial-gradient(circle at 91% 68%, rgba(112, 75, 255, .85) 0 1px, transparent 2px);
      background-size: 72px 72px, 72px 72px, 420px 420px, 560px 560px, 610px 610px;
      mask-image: linear-gradient(180deg, rgba(0,0,0,.8), rgba(0,0,0,.25));
    }

    body::after {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(ellipse at 50% 40%, transparent 0 47%, rgba(0, 153, 255, .10) 48%, transparent 49%),
        radial-gradient(ellipse at 50% 40%, transparent 0 59%, rgba(155, 77, 255, .10) 60%, transparent 61%),
        linear-gradient(180deg, rgba(3, 6, 21, .12), rgba(2, 4, 15, .74));
    }

    .shell {
      grid-template-columns: 236px minmax(0, 1fr);
      background: transparent;
    }

    aside {
      border-right: 1px solid rgba(58, 111, 255, .42);
      background:
        linear-gradient(180deg, rgba(5, 9, 31, .96), rgba(2, 5, 18, .98)),
        radial-gradient(circle at 0% 8%, rgba(255, 53, 211, .20), transparent 27%);
      box-shadow:
        inset -1px 0 rgba(0, 216, 255, .18),
        16px 0 46px rgba(0, 0, 0, .32);
    }

    .brand {
      border-bottom: 1px solid rgba(58, 111, 255, .24);
      padding: 10px 8px 24px;
    }

    .brand-mark,
    .auth-logo {
      width: 46px;
      height: 46px;
      border-radius: 10px;
      background:
        linear-gradient(145deg, rgba(12, 16, 47, .98), rgba(6, 8, 28, .98)) padding-box,
        linear-gradient(135deg, #ff3bd8, #7b3cff 48%, #00c8ff) border-box;
      border: 1px solid transparent;
      color: #fff;
      box-shadow:
        0 0 0 1px rgba(255,255,255,.04),
        0 0 16px rgba(255, 51, 210, .72),
        0 0 28px rgba(27, 124, 255, .44);
      text-shadow: 0 0 12px rgba(255, 255, 255, .75);
    }

    .brand strong {
      font-size: 23px;
      font-weight: 900;
      background: linear-gradient(90deg, #fff 0%, #fff 58%, #ff31d2 82%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .brand span { display: none; }

    .nav-btn {
      min-height: 44px;
      padding: 12px 12px;
      margin-bottom: 7px;
      border: 1px solid transparent;
      border-radius: 6px;
      color: #d9ddff;
      text-transform: uppercase;
      letter-spacing: .02em;
      font-size: 12px;
      font-weight: 850;
      background: transparent;
      position: relative;
    }

    .nav-icon {
      width: 23px;
      color: #f1d9ff;
      filter: drop-shadow(0 0 7px rgba(255, 59, 216, .45));
    }

    .nav-btn:hover,
    .nav-btn.active {
      color: #fff;
      border-color: rgba(193, 74, 255, .72);
      background:
        linear-gradient(90deg, rgba(255, 51, 210, .34), rgba(124, 60, 255, .22) 58%, rgba(0, 145, 255, .18)),
        rgba(7, 13, 43, .88);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.06),
        inset 4px 0 0 #ff33d2,
        0 0 22px rgba(255, 51, 210, .32),
        0 0 34px rgba(27, 124, 255, .22);
    }

    .nav-btn.active::after {
      content: "";
      position: absolute;
      right: -9px;
      top: 8px;
      bottom: 8px;
      width: 8px;
      border: 1px solid rgba(123, 60, 255, .90);
      border-left: 0;
      border-radius: 0 8px 8px 0;
      box-shadow: 0 0 14px rgba(123, 60, 255, .85);
    }

    .sidebar-toggle {
      right: -16px;
      top: 24px;
      width: 32px;
      height: 46px;
      border-radius: 999px;
      background: rgba(7, 11, 34, .94);
      border-color: rgba(255, 67, 219, .45);
      box-shadow: 0 0 24px rgba(255, 51, 210, .32);
    }

    main {
      padding: 22px 24px 32px;
      background: transparent;
    }

    .topbar {
      gap: 18px;
      padding: 14px 18px;
      margin-bottom: 18px;
      border: 1px solid rgba(64, 123, 255, .32);
      border-radius: 8px;
      background:
        linear-gradient(180deg, rgba(6, 11, 35, .86), rgba(3, 8, 27, .72));
      box-shadow:
        inset 0 1px rgba(255,255,255,.04),
        inset 0 0 0 1px rgba(0, 216, 255, .04),
        0 0 32px rgba(27, 124, 255, .12);
      position: relative;
      overflow: visible;
    }

    .topbar::before,
    .panel::before,
    .card::before,
    .kpi::before,
    .reconciliation-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      border-radius: inherit;
      background:
        linear-gradient(90deg, #7b3cff 0 28px, transparent 28px calc(100% - 28px), #008dff calc(100% - 28px)) top / 100% 1px no-repeat,
        linear-gradient(90deg, #7b3cff 0 18px, transparent 18px calc(100% - 18px), #008dff calc(100% - 18px)) bottom / 100% 1px no-repeat,
        linear-gradient(#7b3cff 0 18px, transparent 18px calc(100% - 18px), #008dff calc(100% - 18px)) left / 1px 100% no-repeat,
        linear-gradient(#008dff 0 18px, transparent 18px calc(100% - 18px), #7b3cff calc(100% - 18px)) right / 1px 100% no-repeat;
      opacity: .76;
      filter: drop-shadow(0 0 7px rgba(0, 142, 255, .52));
    }

    h1 {
      text-transform: uppercase;
      font-size: 19px;
      letter-spacing: .02em;
      font-weight: 950;
    }

    .subtitle {
      font-size: 13px;
      color: #a8b1d4;
    }

    .toolbar { gap: 10px; }

    .sync-btn,
    .pending-payable-btn,
    .control,
    .icon-btn,
    .period-quick .seg {
      min-height: 42px;
      border-radius: 7px;
      background: rgba(3, 8, 28, .82);
      border: 1px solid rgba(64, 123, 255, .32);
      box-shadow:
        inset 0 1px rgba(255,255,255,.045),
        0 0 18px rgba(27,124,255,.10);
    }

    .sync-btn.connected,
    .sync-btn:not(.blocked) {
      color: #00ff96;
      border-color: rgba(0, 255, 150, .38);
      background: rgba(0, 32, 36, .48);
      text-shadow: 0 0 12px rgba(0, 255, 150, .30);
    }

    .pending-payable-btn {
      color: #ffd064;
      border-color: rgba(255, 153, 0, .34);
      background: rgba(25, 17, 3, .42);
    }

    .period-quick {
      padding: 0;
      gap: 10px;
      background: transparent;
      border: 0;
    }

    .period-quick .seg {
      min-height: 48px;
      padding: 0 22px;
      color: #d9dbec;
      font-size: 14px;
      text-transform: none;
    }

    .period-quick .seg.active,
    .primary,
    .action-btn.approved,
    button.primary {
      background: linear-gradient(135deg, #7b3cff 0%, #ff33d2 58%, #ff8a22 100%);
      color: #fff;
      border-color: rgba(255, 51, 210, .68);
      box-shadow:
        0 0 24px rgba(255, 51, 210, .34),
        inset 0 1px rgba(255,255,255,.22);
    }

    .panel,
    .card,
    .kpi,
    .modal,
    .reconciliation-card {
      border-radius: 8px;
      border: 1px solid rgba(64, 123, 255, .28);
      background:
        linear-gradient(180deg, rgba(4, 12, 36, .76), rgba(3, 8, 26, .90)),
        radial-gradient(circle at 85% 12%, rgba(0, 142, 255, .12), transparent 34%),
        radial-gradient(circle at 9% 9%, rgba(255, 51, 210, .10), transparent 26%);
      box-shadow:
        0 18px 46px rgba(0,0,0,.36),
        inset 0 1px rgba(255,255,255,.055),
        0 0 25px rgba(27, 124, 255, .12);
      position: relative;
      overflow: hidden;
    }

    .panel-header {
      min-height: 54px;
      border-bottom: 1px solid rgba(64, 123, 255, .18);
      background: rgba(2, 7, 25, .20);
    }

    .panel-title {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: .02em;
      font-weight: 950;
    }

    .panel-note {
      color: #a2abd0;
      font-size: 12px;
    }

    #operacao .dashboard-surface {
      background: transparent;
      border: 0;
      box-shadow: none;
      padding: 0;
      overflow: visible;
    }

    #operacao .dashboard-surface::before { display: none; }

    #operacao .dashboard-grid {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 14px;
    }

    #operacao .dashboard-grid .kpi {
      grid-column: span 2;
      min-height: 144px;
      padding: 16px 16px 13px;
      grid-template-columns: 44px minmax(0, 1fr);
      border-color: rgba(64, 123, 255, .38);
    }

    #operacao .dashboard-grid .kpi:nth-child(n+7) {
      grid-column: span 2;
      min-height: 120px;
    }

    #operacao .dashboard-grid .kpi:nth-child(n+7) .delta {
      display: flex;
    }

    #operacao .dashboard-grid .kpi::after {
      inset: auto 12px 10px 72px;
      height: 34px;
      opacity: .80;
      filter: drop-shadow(0 0 8px currentColor);
    }

    #operacao .dashboard-grid .kpi:nth-child(1) { color: #a85cff; border-color: rgba(168, 92, 255, .42); }
    #operacao .dashboard-grid .kpi:nth-child(2) { color: #00f0bd; border-color: rgba(0, 240, 189, .35); }
    #operacao .dashboard-grid .kpi:nth-child(3) { color: #ff3c73; border-color: rgba(255, 60, 115, .35); }
    #operacao .dashboard-grid .kpi:nth-child(4) { color: #2f99ff; border-color: rgba(47, 153, 255, .38); }
    #operacao .dashboard-grid .kpi:nth-child(5) { color: #32f1a1; }
    #operacao .dashboard-grid .kpi:nth-child(6) { color: #ff42d2; }
    #operacao .dashboard-grid .kpi:nth-child(7) { color: #1794ff; }
    #operacao .dashboard-grid .kpi:nth-child(8) { color: #00d7ff; }
    #operacao .dashboard-grid .kpi:nth-child(9) { color: #9a4dff; }

    #operacao .dashboard-grid .kpi-icon,
    .kpi-icon,
    .finance-summary-icon {
      width: 42px;
      height: 42px;
      border-radius: 10px;
      color: currentColor;
      background:
        radial-gradient(circle at 50% 55%, color-mix(in srgb, currentColor 22%, transparent), transparent 54%),
        rgba(255,255,255,.045);
      border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
      box-shadow:
        inset 0 0 18px color-mix(in srgb, currentColor 13%, transparent),
        0 0 20px color-mix(in srgb, currentColor 29%, transparent);
    }

    #operacao .dashboard-grid .kpi-icon svg,
    .kpi-icon svg,
    .finance-summary-icon svg {
      width: 21px;
      height: 21px;
      stroke-width: 2.05;
      filter: drop-shadow(0 0 6px currentColor);
    }

    #operacao .dashboard-grid .name {
      text-transform: uppercase;
      font-size: 11px;
      line-height: 1.25;
      color: #c5c8e6;
      letter-spacing: .04em;
      font-weight: 850;
    }

    #operacao .dashboard-grid .metric {
      margin-top: 8px;
      color: #fff;
      font-size: 22px;
      font-weight: 950;
      line-height: 1.05;
      letter-spacing: -.025em;
    }

    #operacao .dashboard-grid .delta {
      margin-top: 8px;
      color: #22f29a;
      font-size: 11px;
      font-weight: 800;
    }

    .dashboard-insights {
      grid-template-columns: 1.35fr .95fr;
      gap: 16px;
      margin-top: 16px;
    }

    .dashboard-secondary-insights {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }

    .dashboard-insights .panel,
    .dashboard-secondary-insights .panel {
      min-height: 288px;
    }

    .dashboard-finance-chart {
      height: 222px;
    }

    .dashboard-chart-grid {
      stroke: rgba(79, 135, 255, .18);
    }

    .dashboard-chart-line {
      stroke-width: 3;
      filter: drop-shadow(0 0 8px currentColor);
    }

    .dashboard-plan-item,
    .server-revenue-row,
    .retention-row,
    .recent-activity-row {
      border-color: rgba(64, 123, 255, .14);
    }

    .dashboard-plan-fill,
    .server-bar-fill {
      background: linear-gradient(90deg, #1b7cff, #7b3cff, #ff33d2);
      box-shadow: 0 0 14px rgba(51, 134, 255, .35);
    }

    table {
      background: rgba(3, 8, 28, .42);
      border-color: rgba(64, 123, 255, .18);
    }

    th {
      background: rgba(255,255,255,.035);
      color: #b4bce0;
    }

    td {
      border-color: rgba(64, 123, 255, .12);
    }

    tbody tr:hover {
      background: rgba(27, 124, 255, .075);
    }

    [data-card-action] {
      cursor: pointer;
      transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
    }

    [data-card-action]:hover {
      transform: translateY(-3px);
      filter: brightness(1.08);
    }

    [data-card-action]:focus-visible {
      outline: 2px solid rgba(255, 51, 210, .72);
      outline-offset: 3px;
    }

    /* Fusion+ identidade compacta — referência 26/06/2026 23:41 */
    :root {
      --compact-bg: #050c18;
      --compact-bg-2: #081323;
      --compact-surface: rgba(11, 20, 38, .88);
      --compact-surface-2: rgba(15, 27, 49, .78);
      --compact-line: rgba(91, 119, 170, .26);
      --compact-line-strong: rgba(126, 90, 255, .36);
      --compact-muted: #9da9c9;
      --compact-ink: #f7f8ff;
      --compact-green: #2cf0a0;
      --compact-blue: #318cff;
      --compact-pink: #ff3e96;
      --compact-purple: #9957ff;
    }

    body {
      background:
        radial-gradient(circle at 80% 0%, rgba(45, 91, 158, .14), transparent 34%),
        radial-gradient(circle at 50% 100%, rgba(120, 45, 180, .14), transparent 36%),
        linear-gradient(180deg, #07101d 0%, #050913 48%, #050811 100%) !important;
      color: var(--compact-ink);
    }

    body::before,
    body::after,
    .shell::before {
      opacity: .18 !important;
      filter: blur(.1px);
    }

    .shell {
      grid-template-columns: 220px minmax(0, 1fr) !important;
    }

    .shell.sidebar-collapsed {
      grid-template-columns: 68px minmax(0, 1fr) !important;
    }

    aside {
      padding: 24px 14px 18px !important;
      background:
        linear-gradient(180deg, rgba(9, 18, 34, .94), rgba(5, 11, 22, .98)),
        radial-gradient(circle at 0% 0%, rgba(140, 72, 255, .11), transparent 30%) !important;
      border-right: 1px solid rgba(77, 104, 150, .26) !important;
      box-shadow: inset -1px 0 rgba(255,255,255,.025) !important;
    }

    .brand {
      padding: 0 8px 24px !important;
      gap: 10px !important;
    }

    .brand-mark {
      width: 42px !important;
      height: 42px !important;
      border-radius: 10px !important;
      box-shadow: 0 0 20px rgba(161, 78, 255, .22) !important;
    }

    .brand-text strong {
      font-size: 26px !important;
      letter-spacing: -.04em !important;
    }

    .nav {
      gap: 8px !important;
    }

    .nav-btn {
      min-height: 42px !important;
      padding: 0 12px !important;
      border-radius: 7px !important;
      font-size: 13px !important;
      font-weight: 760 !important;
      letter-spacing: 0 !important;
      text-transform: none !important;
      border: 1px solid transparent !important;
      color: #d9def4 !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    .nav-btn.active,
    .nav-btn:hover {
      background: linear-gradient(90deg, rgba(143, 71, 255, .62), rgba(105, 44, 201, .72)) !important;
      border-color: rgba(170, 112, 255, .36) !important;
      box-shadow: inset 0 1px rgba(255,255,255,.07), 0 12px 22px rgba(52, 22, 104, .24) !important;
    }

    .nav-icon {
      width: 20px !important;
      height: 20px !important;
      font-size: 17px !important;
      color: #d9dbff !important;
      filter: none !important;
    }

    main {
      padding: 24px 24px 22px !important;
      background: transparent !important;
    }

    .topbar {
      min-height: 64px !important;
      margin-bottom: 18px !important;
      padding: 0 0 14px !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }

    .topbar h1,
    .section-title,
    #operacao .dashboard-surface .panel-title {
      font-size: 21px !important;
      line-height: 1.08 !important;
      letter-spacing: -.025em !important;
      text-transform: uppercase !important;
      font-weight: 900 !important;
    }

    .topbar p,
    .panel-note,
    .muted {
      color: var(--compact-muted) !important;
      font-size: 12px !important;
    }

    .top-actions,
    .toolbar,
    .filter-row {
      gap: 10px !important;
    }

    button,
    select,
    input,
    .chip,
    .period-button,
    .pill,
    .filter-select {
      border-radius: 7px !important;
    }

    .period-button,
    [data-period],
    .filter-select,
    .toolbar select,
    .topbar select {
      min-height: 38px !important;
      padding: 0 14px !important;
      font-size: 12px !important;
      font-weight: 760 !important;
      background: rgba(8, 14, 28, .84) !important;
      border: 1px solid rgba(91, 119, 170, .30) !important;
      color: #d8def6 !important;
      box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
    }

    .period-button.active,
    [data-period].active {
      background: linear-gradient(135deg, #ff3ba9, #7b45ff) !important;
      color: #fff !important;
      border-color: rgba(255, 79, 216, .42) !important;
      box-shadow: 0 0 20px rgba(255, 55, 186, .24), inset 0 1px rgba(255,255,255,.18) !important;
    }

    .parent-period-shell {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .parent-period-shell #periodFilter {
      display: none !important;
    }

    .parent-period-button {
      min-height: 38px;
      padding: 0 14px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(91, 119, 170, .30);
      border-radius: 7px;
      background: rgba(8, 14, 28, .84);
      color: #d8def6;
      font-size: 12px;
      font-weight: 800;
      box-shadow: inset 0 1px rgba(255,255,255,.035);
    }

    .parent-period-button.active {
      background: linear-gradient(135deg, #ff3ba9, #7b45ff);
      color: #fff;
      border-color: rgba(255, 79, 216, .52);
      box-shadow: 0 0 20px rgba(255, 55, 186, .24), inset 0 1px rgba(255,255,255,.18);
    }

    .parent-period-picker {
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      z-index: 60;
      width: min(760px, calc(100vw - 48px));
      padding: 18px;
      border: 1px solid rgba(91, 119, 170, .30);
      border-radius: 8px;
      background: #161616;
      box-shadow: 0 22px 60px rgba(0,0,0,.58);
    }

    .parent-period-picker[hidden] {
      display: none !important;
    }

    .parent-period-head,
    .parent-period-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .parent-period-nav {
      width: 38px;
      height: 38px;
      padding: 0;
      border: 1px solid rgba(91, 119, 170, .42);
      border-radius: 10px;
      background: #0b1021;
      color: #eef2ff;
      font-size: 22px;
    }

    .parent-period-months {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-top: 14px;
    }

    .parent-period-title {
      margin: 14px 0 12px;
      text-align: center;
      color: #f7f7fb;
      font-size: 18px;
      font-weight: 950;
    }

    .parent-period-weekdays,
    .parent-period-days {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 8px;
    }

    .parent-period-weekdays span {
      text-align: center;
      color: #9b9ba1;
      font-size: 13px;
      font-weight: 900;
    }

    .parent-period-day {
      width: 100%;
      height: 42px;
      padding: 0;
      border: 1px solid rgba(59, 80, 125, .65);
      border-radius: 8px;
      background: #0b1021;
      color: #e8ecff;
      font-size: 16px;
      font-weight: 900;
    }

    .parent-period-day.out {
      color: #6f7280;
    }

    .parent-period-day.in-range {
      background: #242427;
    }

    .parent-period-day.selected {
      background: #ff0bc7;
      border-color: #ff61df;
      color: #fff;
    }

    .parent-period-actions {
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.08);
      color: #b9bbca;
      font-weight: 800;
    }

    .parent-period-actions .primary {
      background: linear-gradient(135deg, #ff3ba9, #7b45ff);
      color: #fff;
    }

    @media (max-width: 760px) {
      .parent-period-picker {
        position: fixed;
        left: 12px;
        right: 12px;
        top: 78px;
        width: auto;
        max-height: calc(100vh - 96px);
        overflow: auto;
      }

      .parent-period-months {
        grid-template-columns: 1fr;
      }

      .parent-period-month:nth-child(2) {
        display: none;
      }
    }

    main .panel,
    main .card,
    main .kpi,
    main .modal {
      border-radius: 8px !important;
      border: 1px solid var(--compact-line) !important;
      background:
        radial-gradient(circle at 88% 100%, rgba(48, 108, 255, .08), transparent 32%),
        linear-gradient(180deg, rgba(12, 22, 42, .92), rgba(7, 14, 29, .96)) !important;
      box-shadow: inset 0 1px rgba(255,255,255,.035), 0 16px 34px rgba(0,0,0,.20) !important;
      backdrop-filter: none !important;
      animation: none !important;
    }

    main .panel::before,
    main .card::before,
    main .kpi::before,
    main .kpi::after,
    main .modal::before {
      opacity: 0 !important;
      display: none !important;
    }

    #operacao .dashboard-surface {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    #operacao .dashboard-surface .panel-header {
      padding: 0 0 10px !important;
      border-bottom: 0 !important;
    }

    #operacao .dashboard-surface .dashboard-grid,
    #operacao .dashboard-grid {
      display: grid !important;
      grid-template-columns: repeat(24, minmax(0, 1fr)) !important;
      gap: 12px !important;
      margin-top: 12px !important;
    }

    #operacao .dashboard-grid .kpi {
      grid-column: span 6 !important;
      min-height: 128px !important;
      padding: 16px 18px !important;
      display: grid !important;
      grid-template-columns: 50px minmax(0, 1fr) !important;
      grid-template-rows: auto auto 1fr !important;
      column-gap: 14px !important;
      align-content: stretch !important;
      border-top: 0 !important;
      overflow: hidden !important;
    }

    #operacao .dashboard-grid .kpi:nth-child(1),
    #operacao .dashboard-grid .kpi:nth-child(2),
    #operacao .dashboard-grid .kpi:nth-child(3) {
      grid-column: span 8 !important;
      min-height: 138px !important;
    }

    #operacao .dashboard-grid .kpi:nth-child(n+6) {
      grid-column: span 6 !important;
      min-height: 104px !important;
    }

    #operacao .dashboard-grid .kpi-head {
      display: contents !important;
    }

    #operacao .dashboard-grid .kpi-icon {
      grid-column: 1 !important;
      grid-row: 1 / span 2 !important;
      width: 42px !important;
      height: 42px !important;
      border-radius: 10px !important;
      align-self: start !important;
      box-shadow: inset 0 0 16px rgba(255,255,255,.04), 0 0 18px color-mix(in srgb, currentColor 22%, transparent) !important;
    }

    #operacao .dashboard-grid .kpi-icon svg {
      width: 20px !important;
      height: 20px !important;
    }

    #operacao .dashboard-grid .name {
      grid-column: 2 !important;
      grid-row: 1 !important;
      align-self: end !important;
      font-size: 10.5px !important;
      letter-spacing: .055em !important;
      color: #b4bedf !important;
      text-transform: uppercase !important;
      line-height: 1.15 !important;
    }

    #operacao .dashboard-grid .metric {
      grid-column: 2 !important;
      grid-row: 2 !important;
      margin-top: 4px !important;
      font-size: clamp(22px, 1.45vw, 27px) !important;
      line-height: 1.04 !important;
      letter-spacing: -.035em !important;
      color: #fff !important;
    }

    #operacao .dashboard-grid .delta {
      display: block !important;
      grid-column: 2 !important;
      grid-row: 3 !important;
      margin-top: 8px !important;
      font-size: 11px !important;
      color: var(--compact-green) !important;
    }

    #operacao .dashboard-grid .delta.up { color: #22c55e !important; }
    #operacao .dashboard-grid .delta.down { color: #ef4444 !important; }
    #operacao .dashboard-grid .delta.flat { color: #facc15 !important; }

    #operacao .dashboard-grid .kpi .sparkline,
    #operacao .dashboard-grid .kpi svg.sparkline {
      position: absolute !important;
      right: 14px !important;
      bottom: 10px !important;
      width: 126px !important;
      height: 34px !important;
      opacity: .86 !important;
    }

    .dashboard-command-center {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin: 12px 0;
    }

    .dashboard-command-card {
      position: relative;
      min-height: 96px;
      padding: 15px 16px;
      border: 1px solid rgba(64, 123, 255, .24);
      border-radius: 8px;
      background: linear-gradient(180deg, rgba(6, 15, 38, .86), rgba(4, 10, 28, .94));
      box-shadow: inset 0 1px rgba(255,255,255,.045), 0 12px 30px rgba(0,0,0,.20);
      overflow: hidden;
    }

    .dashboard-command-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 3px;
      background: #2f99ff;
      opacity: .78;
    }

    .dashboard-command-card.warning::before { background: var(--amber); }
    .dashboard-command-card.money::before { background: var(--amber); }
    .dashboard-command-card.good::before { background: var(--green); }

    .dashboard-command-card span {
      display: block;
      color: #aeb8d9;
      font-size: 11px;
      font-weight: 950;
      letter-spacing: .055em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    .dashboard-command-card strong {
      display: block;
      margin-top: 8px;
      color: #fff;
      font-size: clamp(21px, 1.35vw, 27px);
      line-height: 1.02;
      letter-spacing: -.035em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .dashboard-command-card small {
      display: block;
      margin-top: 8px;
      color: #8f9ac0;
      font-size: 12px;
      line-height: 1.25;
    }

    .dashboard-command-card.warning strong { color: var(--amber); }
    .dashboard-command-card.money strong { color: var(--amber); }
    .dashboard-command-card.good strong { color: var(--green); }

    .dashboard-insights {
      grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;
      gap: 12px !important;
      margin-top: 12px !important;
    }

    .dashboard-secondary-insights {
      display: grid !important;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
      gap: 12px !important;
      margin-top: 12px !important;
    }

    .dashboard-insights .panel,
    .dashboard-secondary-insights .panel,
    .panel {
      min-height: unset !important;
    }

    .panel-header,
    .panel-body {
      padding: 14px 16px !important;
    }

    .panel-title,
    .panel h2,
    .panel h3 {
      font-size: 15px !important;
      line-height: 1.15 !important;
      letter-spacing: -.01em !important;
      text-transform: uppercase !important;
    }

    .dashboard-chart,
    .chart-card,
    .dashboard-finance-chart {
      min-height: 170px !important;
    }

    .dashboard-chart-summary {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 10px;
    }

    .dashboard-chart-stat {
      min-height: 52px;
      padding: 8px 10px;
      border: 1px solid rgba(91,119,170,.22);
      border-radius: 8px;
      background: rgba(8,14,31,.58);
    }

    .dashboard-chart-stat span {
      display: block;
      color: #98a4c6;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .055em;
      text-transform: uppercase;
    }

    .dashboard-chart-stat strong {
      display: block;
      margin-top: 5px;
      color: #f8f9ff;
      font-size: clamp(12px, .9vw, 15px);
      line-height: 1.1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .dashboard-chart-stat.income strong { color: #35e5a1; }
    .dashboard-chart-stat.output strong { color: #ff5bca; }
    .dashboard-chart-stat.net strong,
    .dashboard-chart-stat.good strong { color: #5db8ff; }
    .dashboard-chart-stat.bad strong { color: #ff8a3d; }

    .dashboard-chart-tabs {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }

    .dashboard-chart-tabs button {
      min-height: 29px;
      padding: 0 10px;
      border: 1px solid rgba(91,119,170,.30);
      border-radius: 8px;
      background: rgba(8,14,28,.84);
      color: #d8def6;
      font-size: 12px;
      font-weight: 850;
    }

    .dashboard-chart-tabs button.active {
      border-color: rgba(255,79,216,.72);
      background: linear-gradient(135deg,#ff3ba9,#7b45ff);
      color: #fff;
    }

    .dashboard-chart-shell {
      position: relative;
      min-height: 152px;
      padding: 4px 4px 0;
      border: 1px solid rgba(91,119,170,.14);
      border-radius: 8px;
      background: linear-gradient(180deg,rgba(5,10,24,.28),rgba(5,10,24,.04));
    }

    .dashboard-axis-html {
      position: absolute;
      inset: 4px auto 0 10px;
      z-index: 2;
      width: 86px;
      pointer-events: none;
    }

    .dashboard-axis-html span {
      position: absolute;
      left: 0;
      transform: translateY(-50%);
      color: #8d97b8;
      font-size: 11px;
      font-weight: 750;
      letter-spacing: 0;
      white-space: nowrap;
      font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    }

    .dashboard-chart-legend {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      padding: 0 0 10px;
      color: #9faad0;
      font-size: 12px;
      font-weight: 800;
    }

    .dashboard-chart-legend span {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      white-space: nowrap;
    }

    .dashboard-chart-legend i {
      display: inline-block;
      width: 9px;
      height: 9px;
      border-radius: 999px;
      box-shadow: 0 0 14px currentColor;
    }

    .dashboard-chart-legend i.blue,
    .dashboard-chart-legend i.income { color: var(--blue); background: var(--blue); }
    .dashboard-chart-legend i.red,
    .dashboard-chart-legend i.output { color: var(--red); background: var(--red); }
    .dashboard-chart-legend i.green,
    .dashboard-chart-legend i.net { color: var(--green); background: var(--green); }

    .dashboard-chart-line {
      fill: none;
      stroke-width: 2.2;
      vector-effect: non-scaling-stroke;
      filter: drop-shadow(0 0 5px currentColor);
    }

    .dashboard-chart-line.income { stroke: var(--blue); color: var(--blue); }
    .dashboard-chart-line.output { stroke: var(--red); color: var(--red); }
    .dashboard-chart-line.net { stroke: var(--green); color: var(--green); }

    .dashboard-chart-point {
      fill: rgba(8,12,28,.96);
      stroke-width: 2;
      vector-effect: non-scaling-stroke;
      cursor: pointer;
    }

    .dashboard-chart-point.income { stroke: var(--blue); }
    .dashboard-chart-point.output { stroke: var(--red); }
    .dashboard-chart-point.net { stroke: var(--green); }
    .dashboard-chart-point.danger { stroke: #ff5b7c; fill: rgba(255,91,124,.22); }
    .dashboard-chart-point.neutral { stroke: #ffcc33; fill: rgba(255,204,51,.18); }

    .dashboard-chart-empty {
      display: grid;
      gap: 8px;
      padding: 20px;
      border: 1px dashed rgba(166,175,200,.25);
      border-radius: 8px;
      background: rgba(8,14,28,.58);
      color: #a6afc8;
    }

    .dashboard-chart-empty strong { color: #f8f9ff; font-size: 15px; }
    .dashboard-chart-empty span { font-size: 13px; line-height: 1.45; }

    table th,
    table td {
      padding: 10px 12px !important;
      font-size: 12px !important;
    }

    th {
      color: #a8b3d3 !important;
      letter-spacing: .055em !important;
    }

    .status-strip {
      gap: 0 !important;
      margin-top: 14px !important;
      border-radius: 8px !important;
      border: 1px solid var(--compact-line) !important;
      background: rgba(11, 20, 38, .82) !important;
    }

    .status-strip > * {
      padding: 12px 16px !important;
      min-height: 54px !important;
      border-right: 1px solid rgba(91,119,170,.20) !important;
    }

    @media (max-width: 1440px) {
      #operacao .dashboard-grid .kpi,
      #operacao .dashboard-grid .kpi:nth-child(n+7) {
        grid-column: span 8 !important;
      }
      .dashboard-command-center { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 1080px) {
      #operacao .dashboard-grid .kpi,
      #operacao .dashboard-grid .kpi:nth-child(n+7) {
        grid-column: span 12 !important;
      }
      .dashboard-insights,
      .dashboard-secondary-insights { grid-template-columns: 1fr !important; }
    }

    @media (max-width: 720px) {
      .topbar { padding: 14px; }
      #operacao .dashboard-grid .kpi,
      #operacao .dashboard-grid .kpi:nth-child(n+7) {
        grid-column: span 24 !important;
      }
      .dashboard-command-center { grid-template-columns: 1fr; }
      .dashboard-insights,
      .dashboard-secondary-insights {
        grid-template-columns: 1fr !important;
      }
    }
    /* Detalhamentos explicativos: aparecem só ao passar o mouse/focar o card. */
    .kpi .delta,
    .reconciliation-card small,
    .pending-center-card small,
    .closing-card small,
    .finance-summary-card small {
      max-height: 0 !important;
      margin-top: 0 !important;
      opacity: 0 !important;
      overflow: hidden !important;
      transform: translateY(-3px) !important;
      transition: max-height .18s ease, opacity .18s ease, margin-top .18s ease, transform .18s ease !important;
      pointer-events: none !important;
    }

    .kpi:hover .delta,
    .kpi:focus-within .delta,
    .kpi:focus-visible .delta,
    .reconciliation-card:hover small,
    .reconciliation-card:focus-within small,
    .pending-center-card:hover small,
    .pending-center-card:focus-within small,
    .closing-card:hover small,
    .closing-card:focus-within small,
    .finance-summary-card:hover small,
    .finance-summary-card:focus-within small {
      max-height: 44px !important;
      margin-top: 8px !important;
      opacity: 1 !important;
      transform: translateY(0) !important;
    }
    .loop-filter-backdrop{position:fixed;inset:0;z-index:399;background:rgba(0,0,0,.34)}
    .loop-filter-backdrop[hidden]{display:none!important}
    .loop-filter-drawer{position:fixed;inset:0 0 0 auto;z-index:400;width:320px;height:100vh;display:grid;grid-template-rows:auto 1fr auto;transform:translateX(104%);transition:transform .28s ease;background:rgba(29,29,29,.95);border-left:1px solid rgba(255,255,255,.08);box-shadow:-18px 0 42px rgba(0,0,0,.42);color:#f7f6fa;overflow:hidden;backdrop-filter:blur(18px)}
    .loop-filter-drawer.show{transform:translateX(0)}
    .loop-filter-head{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px}
    .loop-filter-head h2{margin:0;color:#fff;font-size:20px;font-weight:900}
    .loop-filter-head button{width:34px;height:34px;padding:0;border:0;background:transparent;color:#bdbbc1;box-shadow:none;font-size:31px;font-weight:300;line-height:1}
    .loop-filter-body{display:grid;align-content:start;gap:30px;padding:18px 24px 24px;overflow:auto}
    .loop-filter-body label{display:grid;gap:8px;color:#a8a8ad;font-size:14px;font-weight:850}
    .loop-filter-body select{height:51px;margin:0;padding:0 16px;border:1px solid #303033;border-radius:10px;background:#202020;color:#d7d7dc;box-shadow:none;font-size:15px}
    .loop-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 24px 24px}
    .loop-filter-actions button{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:15px}
    .loop-filter-actions button:not(.primary){background:#202020;border:1px solid #303033;color:#c8c5cd;box-shadow:none}
    .loop-filter-actions .primary{background:#ff00bd;border:0;color:#fff;box-shadow:none}
    .clients-filter-bar,.movement-filter-bar{display:none!important}
    @media(max-width:620px){.loop-filter-drawer{width:min(320px,88vw)}.loop-filter-head{height:60px;padding:0 18px}.loop-filter-body{padding:18px}.loop-filter-actions{padding:16px 18px 20px}}
    :root{
      --fusion-status-green-bg:rgba(34,197,94,.14);
      --fusion-status-green-border:rgba(34,197,94,.46);
      --fusion-status-green-text:#4ade80;
      --fusion-status-yellow-bg:rgba(250,204,21,.14);
      --fusion-status-yellow-border:rgba(250,204,21,.48);
      --fusion-status-yellow-text:#facc15;
      --fusion-status-red-bg:rgba(239,68,68,.14);
      --fusion-status-red-border:rgba(239,68,68,.48);
      --fusion-status-red-text:#f87171;
      --fusion-status-blue-bg:rgba(59,130,246,.14);
      --fusion-status-blue-border:rgba(59,130,246,.48);
      --fusion-status-blue-text:#60a5fa;
    }
    .badge.green,
    .status.approved,
    .status.active,
    .movement-status-action.approved,
    .movement-approved-pill,
    .payable-status-badge.paid{
      background:var(--fusion-status-green-bg)!important;
      border-color:var(--fusion-status-green-border)!important;
      color:var(--fusion-status-green-text)!important;
    }
    .badge.amber,
    .status.pending,
    .movement-status-action.pending,
    .payable-status-badge.pending,
    .payable-status-badge.due,
    .payable-status-badge.neutral{
      background:var(--fusion-status-yellow-bg)!important;
      border-color:var(--fusion-status-yellow-border)!important;
      color:var(--fusion-status-yellow-text)!important;
    }
    .badge.red,
    .status.blocked,
    .status.expired,
    .payable-status-badge.overdue,
    .payable-status-badge.error{
      background:var(--fusion-status-red-bg)!important;
      border-color:var(--fusion-status-red-border)!important;
      color:var(--fusion-status-red-text)!important;
    }
    .badge.blue,
    .payable-status-badge.receivable,
    .payment-method-badge,
    .statement-badge,
    .server-badge.reseller-default{
      background:var(--fusion-status-blue-bg)!important;
      border-color:var(--fusion-status-blue-border)!important;
      color:var(--fusion-status-blue-text)!important;
    }

    .vault-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px;align-items:start}
    .vault-admin-row-main{display:grid;gap:4px}
    .vault-admin-row-main strong{color:var(--text)}
    .vault-admin-row-main small{color:var(--muted)}
    .vault-admin-actions{display:flex;gap:8px;flex-wrap:wrap}
    .vault-admin-actions .action-btn{min-width:82px;padding:8px 10px}
    .inline-check{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}
    .inline-check input{width:auto}
    @media(max-width:1120px){.vault-admin-layout{grid-template-columns:1fr}}

    /* Dashboard financeiro: evita que resumo, legenda e grafico se sobreponham. */
    #operacao .dashboard-finance-chart {
      display: grid !important;
      grid-template-rows: auto auto auto minmax(190px, 1fr) !important;
      align-content: start !important;
      gap: 10px !important;
      height: auto !important;
      min-height: 380px !important;
      padding: 14px 16px 16px !important;
      overflow: hidden !important;
    }

    #operacao .dashboard-chart-summary {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 8px !important;
      margin: 0 !important;
      width: 100% !important;
    }

    #operacao .dashboard-chart-stat {
      display: grid !important;
      align-content: center !important;
      min-width: 0 !important;
      min-height: 56px !important;
      padding: 8px 10px !important;
      border: 1px solid rgba(91,119,170,.22) !important;
      border-radius: 8px !important;
      background: rgba(8,14,31,.62) !important;
      text-align: left !important;
    }

    #operacao .dashboard-chart-stat span,
    #operacao .dashboard-chart-stat strong {
      display: block !important;
      min-width: 0 !important;
      text-align: left !important;
      line-height: 1.12 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #operacao .dashboard-chart-stat span {
      color: #98a4c6 !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      letter-spacing: .055em !important;
      text-transform: uppercase !important;
    }

    #operacao .dashboard-chart-stat strong {
      margin-top: 5px !important;
      color: #f8f9ff !important;
      font-size: clamp(12px, .88vw, 15px) !important;
    }

    #operacao .dashboard-chart-tabs {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      flex-wrap: wrap !important;
      margin: 0 !important;
      width: 100% !important;
    }

    #operacao .dashboard-chart-tabs button {
      width: auto !important;
      min-width: 92px !important;
      height: 34px !important;
      min-height: 34px !important;
      padding: 0 12px !important;
      border-radius: 8px !important;
      font-size: 12px !important;
      line-height: 1 !important;
    }

    #operacao .dashboard-chart-legend {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 14px !important;
      flex-wrap: wrap !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
      color: #a6afcf !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
    }

    #operacao .dashboard-chart-legend span {
      display: inline-flex !important;
      align-items: center !important;
      gap: 7px !important;
      min-width: 0 !important;
      white-space: nowrap !important;
    }

    #operacao .dashboard-chart-legend i {
      display: inline-block !important;
      width: 9px !important;
      height: 9px !important;
      flex: 0 0 9px !important;
      border-radius: 999px !important;
    }

    #operacao .dashboard-chart-shell {
      position: relative !important;
      width: 100% !important;
      height: 210px !important;
      min-height: 210px !important;
      padding: 0 !important;
      border: 1px solid rgba(91,119,170,.16) !important;
      border-radius: 8px !important;
      background: linear-gradient(180deg,rgba(5,10,24,.30),rgba(5,10,24,.05)) !important;
      overflow: hidden !important;
    }

    #operacao .dashboard-chart-shell svg {
      position: absolute !important;
      inset: 0 !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      overflow: visible !important;
    }

    #operacao .dashboard-axis-html {
      position: absolute !important;
      top: 0 !important;
      bottom: 28px !important;
      left: 10px !important;
      z-index: 2 !important;
      width: 94px !important;
      pointer-events: none !important;
    }

    #operacao .dashboard-axis-html span {
      position: absolute !important;
      left: 0 !important;
      transform: translateY(-50%) !important;
      max-width: 88px !important;
      color: #8d97b8 !important;
      font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
      font-size: 11px !important;
      font-weight: 750 !important;
      letter-spacing: 0 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }

    @media (max-width: 980px) {
      #operacao .dashboard-chart-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }

    @media (max-width: 620px) {
      #operacao .dashboard-finance-chart {
        grid-template-rows: auto auto auto minmax(180px, 1fr) !important;
        min-height: 500px !important;
      }

      #operacao .dashboard-chart-summary {
        grid-template-columns: 1fr !important;
      }

      #operacao .dashboard-chart-shell {
        height: 190px !important;
        min-height: 190px !important;
      }
    }

/* source: painel_v1_prototipo/identity.css */
:root {
      --bg: #070b12;
      --panel: #0e141d;
      --ink: #f4f7fb;
      --muted: #8f9bad;
      --line: #253140;
      --blue: #3488e8;
      --green: #25c47a;
      --amber: #f2b705;
      --red: #ef476f;
      --teal: #35a7e8;
      --nav: #090d14;
      --nav-soft: rgba(239, 47, 143, .12);
      --chip: #121a25;
      --brand-pink: #ef2f8f;
      --brand-orange: #ef2f8f;
      --shadow: none;
    }

    body { background: #070b12 !important; color: var(--ink); }
    body::before, body::after, .shell::before { display: none !important; }
    aside {
      background: #090d14 !important;
      border-right: 1px solid #1b2531 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }
    .brand { border-bottom-color: #1b2531 !important; }
    .brand-mark { background: #ef2f8f !important; box-shadow: none !important; }
    .nav-btn {
      color: #9ca8b8 !important;
      border: 1px solid transparent !important;
      border-radius: 6px !important;
      box-shadow: none !important;
    }
    .nav-btn:hover { background: #111923 !important; color: #f4f7fb !important; }
    .nav-btn.active {
      background: rgba(239, 47, 143, .12) !important;
      border-color: rgba(239, 47, 143, .24) !important;
      color: #ff5eaa !important;
      box-shadow: inset 3px 0 0 #ef2f8f !important;
    }
    .nav-btn.active::after { display: none !important; }

    main { background: #070b12 !important; }
    .topbar {
      background: rgba(7, 11, 18, .97) !important;
      border-bottom: 1px solid #1b2531 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }
    .toolbar { border-color: #1b2531 !important; }
    .control, input, select, textarea {
      background: #0b1119 !important;
      border-color: #293646 !important;
      color: #f4f7fb !important;
      box-shadow: none !important;
    }
    .control:focus, input:focus, select:focus, textarea:focus {
      border-color: #ef2f8f !important;
      outline: none !important;
      box-shadow: 0 0 0 3px rgba(239, 47, 143, .12) !important;
    }

    main .panel, main .card, main .kpi, main .modal,
    .dashboard-command-card, .auth-panel, .loop-filter-drawer {
      background: #0e141d !important;
      border: 1px solid #253140 !important;
      border-radius: 8px !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }
    main .panel::before, main .card::before, main .kpi::before,
    main .kpi::after, main .modal::before, .dashboard-command-card::after {
      display: none !important;
    }
    .panel-header, .modal-head, .modal-actions { border-color: #253140 !important; }
    .panel-title, .modal-title { color: #f4f7fb !important; }
    .panel-note, .modal-note { color: #8f9bad !important; }
    .kpi { min-height: 104px !important; padding: 14px !important; }
    .kpi-icon { box-shadow: none !important; }
    .kpi .metric { color: #f4f7fb !important; letter-spacing: 0 !important; }
    .dashboard-command-card { min-height: 86px !important; }

    .action-btn, .icon-btn, .sync-btn, .pending-payable-btn,
    .finance-tab, .parent-period-nav, .parent-period-actions button {
      background: #121a25 !important;
      border-color: #2a3747 !important;
      color: #d7dee8 !important;
      border-radius: 6px !important;
      box-shadow: none !important;
    }
    .action-btn:hover, .icon-btn:hover { border-color: #526176 !important; color: #fff !important; }
    .action-btn.approved, .action-btn.primary, .sync-btn, .primary, .auth-submit {
      background: #ef2f8f !important;
      border-color: #ef2f8f !important;
      color: #fff !important;
      box-shadow: none !important;
    }
    .finance-tabs { background: #090d14 !important; border-color: #1b2531 !important; }
    .finance-tab { background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; }
    .finance-tab.active {
      background: rgba(239, 47, 143, .08) !important;
      border-bottom-color: #ef2f8f !important;
      color: #ff5eaa !important;
    }

    .table-scroll { border-color: #253140 !important; border-radius: 8px !important; }
    table { background: #0b1119 !important; }
    thead tr { background: #121a25 !important; }
    th { color: #aab5c5 !important; border-color: #253140 !important; }
    td { color: #dce3ec !important; border-color: #1d2835 !important; }
    tbody tr:hover { background: #111923 !important; }

    .modal-backdrop { background: rgba(0, 0, 0, .72) !important; backdrop-filter: blur(3px); }
    .modal { max-width: min(720px, calc(100vw - 32px)) !important; }
    .loop-entry-modal { max-width: min(640px, calc(100vw - 32px)) !important; }
    .loop-filter-backdrop { background: rgba(0, 0, 0, .66) !important; }
    .loop-filter-drawer { background: #0e141d !important; border-left-color: #253140 !important; }
    .auth-gate { background: rgba(7, 11, 18, .96) !important; }
    .auth-logo { background: #ef2f8f !important; box-shadow: none !important; }

    @media (max-width: 760px) {
      main .panel, main .card, main .kpi, main .modal, .dashboard-command-card { border-radius: 7px !important; }
      .modal, .loop-entry-modal { max-width: calc(100vw - 20px) !important; }
      .kpi { min-height: 94px !important; }
    }

    /* Fusion parent visual system v2 */
    :root {
      --bg:#080d12; --panel:#10171e; --ink:#f4f6f8; --muted:#9ba5ae;
      --line:#26313b; --nav:#070b0f; --nav-soft:rgba(240,43,120,.08);
      --brand-pink:#f02b78; --brand-orange:#f02b78; --chip:#121b23;
    }
    body { font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important; background:#080d12 !important; }
    aside { width:240px !important; padding:0 10px 12px !important; background:#070b0f !important; }
    .brand { min-height:88px !important; padding:0 24px !important; }
    .brand-mark { background:transparent !important; border:1px solid #f02b78 !important; color:#ff4389 !important; border-radius:7px !important; }
    .nav-btn { min-height:54px !important; padding:0 18px !important; border:0 !important; border-left:2px solid transparent !important; border-radius:0 !important; font-size:14px !important; font-weight:500 !important; }
    .nav-btn:hover { background:#0d141a !important; }
    .nav-btn.active { background:linear-gradient(90deg,rgba(240,43,120,.08),transparent 80%) !important; border:0 !important; border-left:2px solid #f02b78 !important; color:#ff3f89 !important; box-shadow:none !important; }
    main { background:#080d12 !important; }
    .topbar { min-height:88px !important; padding:0 28px !important; background:rgba(8,13,18,.96) !important; }
    .toolbar { min-height:64px !important; padding:10px 0 !important; }
    .control, input, select, textarea { background:#0b1117 !important; border-color:#26313b !important; border-radius:6px !important; }
    main .panel, main .card, main .kpi, main .modal, .dashboard-command-card, .auth-panel, .loop-filter-drawer {
      background:linear-gradient(135deg,#10171e,#0e151b) !important;
      border-color:#26313b !important;
    }
    .kpi { min-height:98px !important; padding:18px 20px !important; }
    .kpi-icon { width:46px !important; height:46px !important; border-radius:50% !important; }
    .kpi .name { font-size:12px !important; letter-spacing:0 !important; text-transform:none !important; }
    .kpi .metric { font-size:24px !important; letter-spacing:0 !important; }
    .panel-header { min-height:54px !important; padding:0 18px !important; }
    .panel-title { font-size:15px !important; font-weight:600 !important; }
    .action-btn, .icon-btn, .sync-btn, .pending-payable-btn, .finance-tab { border-radius:6px !important; font-weight:550 !important; }
    .action-btn.approved, .action-btn.primary, .sync-btn, .primary, .auth-submit { background:linear-gradient(90deg,#ed286e,#b728a5) !important; border-color:#e62d78 !important; }
    .finance-tabs { min-height:58px !important; background:#080d12 !important; }
    .finance-tab { min-width:150px !important; font-size:14px !important; }
    .finance-tab.active { background:transparent !important; border-bottom:3px solid #f02b78 !important; color:#ff4389 !important; }
    .table-scroll { background:#10171e !important; }
    table { background:#10171e !important; }
    thead tr { background:#121b23 !important; }
    th { height:48px !important; font-size:11px !important; font-weight:600 !important; }
    td { height:58px !important; font-size:13px !important; }
    tbody tr:hover { background:#15202a !important; }
    .modal { border-radius:8px !important; background:#10171e !important; }
    .loop-entry-modal { max-width:min(640px,calc(100vw - 32px)) !important; }
    .loop-filter-drawer { width:min(390px,100vw) !important; background:#10171e !important; }
    @media (max-width:1100px) { aside { width:72px !important; } .brand { padding:0 !important; justify-content:center !important; } }
    @media (max-width:760px) { .topbar { min-height:68px !important; padding:0 12px !important; } .kpi { min-height:90px !important; } .finance-tab { min-width:0 !important; flex:1 !important; } }

    /* Final SaaS sidebar polish */
    .shell {
      grid-template-columns: 214px minmax(0, 1fr) !important;
    }
    .shell.sidebar-expanded {
      grid-template-columns: 214px minmax(0, 1fr) !important;
    }
    .shell.sidebar-collapsed {
      grid-template-columns: 68px minmax(0, 1fr) !important;
    }
    aside {
      width: 214px !important;
      padding: 0 10px 18px !important;
      background: #070b0f !important;
      border-right: 1px solid rgba(145, 162, 197, .14) !important;
      box-shadow: 10px 0 28px rgba(0, 0, 0, .22) !important;
    }
    .brand {
      min-height: 74px !important;
      height: 74px !important;
      padding: 0 14px !important;
      gap: 10px !important;
      border-bottom: 1px solid rgba(145, 162, 197, .12) !important;
    }
    .brand-mark {
      width: 34px !important;
      height: 34px !important;
      border-radius: 7px !important;
      box-shadow: none !important;
    }
    .brand-text strong {
      font-size: 20px !important;
      letter-spacing: -.03em !important;
    }
    .brand-text span {
      font-size: 11px !important;
    }
    .nav-title {
      margin: 8px 10px 6px !important;
      font-size: 10px !important;
      letter-spacing: .08em !important;
      color: #7f8997 !important;
    }
    .nav {
      display: grid !important;
      gap: 3px !important;
      padding: 4px 0 !important;
    }
    .nav-btn {
      position: relative !important;
      min-height: 44px !important;
      height: 44px !important;
      padding: 0 12px !important;
      display: grid !important;
      grid-template-columns: 24px minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 10px !important;
      border: 1px solid transparent !important;
      border-radius: 7px !important;
      border-left: 1px solid transparent !important;
      background: transparent !important;
      color: #aeb6c7 !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      letter-spacing: 0 !important;
      box-shadow: none !important;
    }
    .nav-btn:hover {
      background: rgba(255, 255, 255, .035) !important;
      border-color: rgba(145, 162, 197, .10) !important;
      color: #f3f6ff !important;
    }
    .nav-btn.active {
      background: linear-gradient(90deg, rgba(240, 43, 120, .13), rgba(240, 43, 120, .035) 78%, transparent) !important;
      border-color: rgba(240, 43, 120, .22) !important;
      color: #ff5f9f !important;
      box-shadow: none !important;
    }
    .nav-btn.active::after {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      top: 9px !important;
      bottom: 9px !important;
      width: 2px !important;
      border-radius: 999px !important;
      background: #f02b78 !important;
      display: block !important;
    }
    .nav-icon {
      width: 22px !important;
      height: 22px !important;
      display: grid !important;
      place-items: center !important;
      color: inherit !important;
      font-size: 16px !important;
      filter: none !important;
    }
    .nav-icon svg {
      width: 17px !important;
      height: 17px !important;
      stroke-width: 1.8 !important;
    }
    .nav-label {
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    .sidebar-toggle {
      width: 26px !important;
      height: 26px !important;
      right: -13px !important;
      top: 20px !important;
      border-radius: 7px !important;
      font-size: 18px !important;
      box-shadow: none !important;
    }
    .shell.sidebar-collapsed aside {
      width: 68px !important;
      padding: 0 7px 14px !important;
    }
    .shell.sidebar-collapsed .brand {
      min-height: 68px !important;
      height: 68px !important;
      padding: 0 !important;
      justify-content: center !important;
    }
    .shell.sidebar-collapsed .nav {
      padding: 6px 0 !important;
    }
    .shell.sidebar-collapsed .nav-btn {
      grid-template-columns: 1fr !important;
      justify-items: center !important;
      min-height: 44px !important;
      height: 44px !important;
      padding: 0 !important;
    }
    .shell.sidebar-collapsed .nav-btn.active::after {
      left: 6px !important;
      top: 12px !important;
      bottom: 12px !important;
    }

/* source: painel_v1_prototipo/loop-proportions.css */
/* Loop proportion layer: dimensions only. Keep Fusion colors and business rules untouched. */
:root {
  --loop-radius: 8px;
  --loop-panel-radius: 10px;
  --loop-button-h: 32px;
  --loop-action-h: 30px;
  --loop-chip-h: 24px;
  --loop-field-h: 32px;
  --loop-row-h: 42px;
  --loop-modal-w: 460px;
}

.topbar {
  min-height: 52px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.toolbar {
  gap: 8px !important;
}

.pending-payable-btn,
.sync-btn {
  min-height: var(--loop-chip-h) !important;
  height: var(--loop-chip-h) !important;
  padding: 4px 10px !important;
  border-radius: var(--loop-radius) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  gap: 6px !important;
}

.pending-payable-btn svg {
  width: 14px !important;
  height: 14px !important;
}

.period-quick {
  gap: 8px !important;
}

.period-quick .seg,
.parent-period-button,
.control,
.action-btn,
.finance-tab,
.parent-period-nav,
.parent-period-actions button {
  min-height: var(--loop-button-h) !important;
  height: var(--loop-button-h) !important;
  padding: 0 12px !important;
  border-radius: var(--loop-radius) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  gap: 6px !important;
}

.action-btn {
  min-height: var(--loop-action-h) !important;
  height: var(--loop-action-h) !important;
  padding: 0 10px !important;
}

.icon-btn {
  width: var(--loop-button-h) !important;
  height: var(--loop-button-h) !important;
  min-width: var(--loop-button-h) !important;
  min-height: var(--loop-button-h) !important;
  padding: 0 !important;
  border-radius: var(--loop-radius) !important;
}

.shell .control,
.shell input,
.shell select,
.shell textarea,
.shell .manual-entry-control {
  min-height: var(--loop-field-h) !important;
  height: var(--loop-field-h) !important;
  padding: 8px 12px !important;
  border-radius: var(--loop-radius) !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.shell textarea,
.shell .manual-entry-control:is(textarea) {
  height: auto !important;
  min-height: 72px !important;
}

main .panel,
main .card,
main .kpi,
main .modal,
.dashboard-command-card,
.finance-summary-card,
.payable-card,
.payment-card {
  border-radius: var(--loop-panel-radius) !important;
}

.panel-header {
  min-height: 49px !important;
  padding: 12px 20px !important;
}

.panel-body,
.stack,
.manual-entry-form {
  gap: 12px !important;
}

#operacao .dashboard-grid,
.kpi-grid {
  gap: 16px !important;
}

#operacao .dashboard-grid .kpi,
.kpi {
  min-height: 82px !important;
  padding: 14px !important;
}

#operacao .dashboard-grid .kpi:nth-child(n+7) {
  min-height: 78px !important;
}

.kpi-icon,
.finance-summary-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
}

.kpi .name,
.finance-summary-card span {
  font-size: 12px !important;
  line-height: 16px !important;
}

.kpi .metric {
  font-size: clamp(20px, 1.55vw, 26px) !important;
  line-height: 1.08 !important;
  margin-top: 6px !important;
}

.kpi .delta,
.finance-summary-card small {
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

.finance-summary-grid,
.payable-summary-grid {
  gap: 16px !important;
}

.finance-summary-card,
.payable-summary-card {
  min-height: 78px !important;
  padding: 12px 14px !important;
}

.badge,
.chip,
.payable-status-badge,
.movement-approved-pill,
.movement-status-action {
  min-height: 22px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 600 !important;
}

.payable-status-badge.paid,
.badge.paid,
.payment-method-chip {
  min-height: 17px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  line-height: 15px !important;
}

table th,
.movement-table th {
  height: 40px !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
}

table td,
.movement-table td {
  min-height: var(--loop-row-h) !important;
  height: var(--loop-row-h) !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

.shell input[type="checkbox"],
.shell .payable-check,
.shell .movement-check {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  border-radius: 4px !important;
}

.modal-backdrop {
  padding: 16px !important;
}

.modal {
  width: min(var(--loop-modal-w), calc(100vw - 32px)) !important;
  max-width: min(var(--loop-modal-w), calc(100vw - 32px)) !important;
  border-radius: 12px !important;
  gap: 16px !important;
}

.modal-head {
  padding: 18px 18px 10px !important;
}

.modal-title {
  font-size: 19px !important;
  line-height: 1.15 !important;
}

.modal-note {
  font-size: 13px !important;
  line-height: 18px !important;
}

.modal .panel-body,
.modal .manual-entry-form {
  padding: 10px 18px !important;
}

.modal-actions {
  min-height: 52px !important;
  padding: 10px 18px 18px !important;
  gap: 8px !important;
}

.modal-actions .action-btn {
  min-height: var(--loop-button-h) !important;
  height: var(--loop-button-h) !important;
  padding: 8px 16px !important;
}

.loop-entry-modal {
  max-width: min(var(--loop-modal-w), calc(100vw - 32px)) !important;
}

.loop-entry-modal .modal-head,
.loop-entry-modal .modal-actions {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.manual-entry-row {
  gap: 12px !important;
}

@media (max-width: 760px) {
  .topbar {
    min-height: 52px !important;
    padding: 8px 12px !important;
  }

  .period-quick .seg,
  .action-btn,
  .control {
    min-height: 36px !important;
    height: 36px !important;
  }

  #operacao .dashboard-grid .kpi,
  .kpi {
    min-height: 78px !important;
    padding: 12px !important;
  }
}

/* Final compact pass: dimensions only, preserving Fusion colors and rules. */
main {
  padding-top: 14px !important;
}
.sidebar {
  width: 198px !important;
}
.main,
.content {
  margin-left: 198px !important;
}
.brand {
  min-height: 64px !important;
  height: 64px !important;
}
.nav-btn,
.sidebar button,
.menu button {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}
.nav-icon {
  width: 20px !important;
  font-size: 15px !important;
}
.panel-header {
  min-height: 42px !important;
  padding: 10px 16px !important;
}
.dashboard-command-card,
.finance-summary-card,
.payable-summary-card,
.payment-card {
  min-height: 78px !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
}
.dashboard-command-card strong,
.finance-summary-card strong,
.payable-summary-card strong {
  font-size: 20px !important;
}
.dashboard-command-card span,
.finance-summary-card span,
.payable-summary-card span {
  font-size: 10px !important;
}
.payable-item,
.payment-row,
.manual-entry-row {
  min-height: 54px !important;
  padding: 8px 12px !important;
}
.payable-day-head {
  min-height: 42px !important;
  padding: 0 14px !important;
}
.payment-selection-bar,
.payable-selection-bar {
  min-height: 64px !important;
  padding: 10px 14px !important;
}

/* Parent panel organization polish: visual density only, no behavior changes. */
.topbar {
  min-height: 58px !important;
  padding: 10px 18px !important;
}

.topbar h1,
.view-title h1,
.finance-title h1 {
  font-size: 30px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.toolbar,
.finance-toolbar,
.clients-toolbar,
.audit-toolbar {
  min-height: 48px !important;
  padding: 8px 0 !important;
  gap: 8px !important;
}

.period-quick {
  gap: 8px !important;
}

.period-quick .seg,
.finance-period,
.parent-period-button,
.parent-period-nav,
.action-btn,
.sync-btn,
.icon-btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 13px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

main .panel,
main .card,
main .kpi,
.dashboard-command-card,
.finance-summary-card,
.payable-summary-card,
.finance-ledger,
.table-scroll {
  border-radius: 10px !important;
}

#operacao .dashboard-grid,
.kpi-grid {
  gap: 12px !important;
}

#operacao .dashboard-grid .kpi,
.kpi {
  min-height: 76px !important;
  padding: 12px !important;
  gap: 10px !important;
}

#operacao .dashboard-grid .kpi:nth-child(n+7) {
  min-height: 72px !important;
}

.kpi-icon,
.finance-summary-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
}

.kpi-icon svg,
.finance-summary-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.kpi .name,
.finance-summary-label,
.finance-summary-card span,
.payable-summary-card span {
  font-size: 10px !important;
  line-height: 13px !important;
  letter-spacing: .055em !important;
}

.kpi .metric,
.finance-summary-value,
.payable-summary-card strong {
  font-size: 22px !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.kpi .delta,
.finance-summary-card small {
  margin-top: 4px !important;
  font-size: 10px !important;
  line-height: 13px !important;
}

.dashboard-command-center {
  gap: 10px !important;
  margin: 12px 0 !important;
}

.dashboard-command-card {
  min-height: 64px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}

.dashboard-command-card strong {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.dashboard-command-card span {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.dashboard-insights,
.dashboard-secondary-insights,
.accounts-payable-cards {
  gap: 12px !important;
  margin-top: 12px !important;
}

.finance-tabs {
  min-height: 46px !important;
}

.finance-tab {
  min-height: 44px !important;
  height: 44px !important;
  min-width: 132px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
}

.finance-summary-grid,
.payable-summary-grid {
  gap: 12px !important;
}

.finance-summary-card,
.payable-summary-card {
  min-height: 70px !important;
  padding: 10px 12px !important;
}

.finance-ledger-head,
.panel-header,
.payable-day-head {
  min-height: 38px !important;
  padding: 8px 12px !important;
}

.finance-ledger-title,
.panel-header h2,
.payable-day-head strong {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

table th,
.movement-table th {
  height: 34px !important;
  padding: 8px 10px !important;
  font-size: 10px !important;
  letter-spacing: .075em !important;
}

table td,
.movement-table td {
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

.badge,
.chip,
.server-badge,
.statement-badge,
.payment-method-chip,
.payable-status-badge,
.movement-approved-pill,
.movement-status-action {
  min-height: 20px !important;
  padding: 1px 7px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
}

.payable-item,
.payment-row,
.finance-summary-entry,
.account-payable-row,
.manual-entry-row {
  min-height: 50px !important;
  padding: 8px 10px !important;
}

.parent-alert-card,
.alert-card,
.status-strip > * {
  min-height: 50px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}

.empty-state,
.finance-empty {
  padding: 16px !important;
  border-radius: 10px !important;
}

@media (max-width: 980px) {
  .topbar {
    padding: 10px 12px !important;
  }

  .topbar h1,
  .view-title h1,
  .finance-title h1 {
    font-size: 26px !important;
  }

  .dashboard-command-center,
  .dashboard-insights,
  .dashboard-secondary-insights {
    grid-template-columns: 1fr !important;
  }
}

/* Parent panel premium skin: presentation only, preserving all calculations and flows. */
:root {
  --fusion-premium-bg: #060b12;
  --fusion-premium-bg-2: #09111d;
  --fusion-premium-surface: rgba(12, 20, 31, .92);
  --fusion-premium-surface-2: rgba(15, 25, 39, .86);
  --fusion-premium-line: rgba(116, 139, 177, .18);
  --fusion-premium-line-strong: rgba(255, 79, 216, .34);
  --fusion-premium-shadow: 0 12px 34px rgba(0, 0, 0, .30);
  --fusion-premium-shadow-soft: 0 8px 22px rgba(0, 0, 0, .20);
}

body {
  background:
    linear-gradient(180deg, var(--fusion-premium-bg-2) 0%, var(--fusion-premium-bg) 42%, #05080d 100%) !important;
}

main {
  background:
    linear-gradient(180deg, rgba(12, 21, 35, .72), rgba(5, 9, 15, .96)) !important;
}

.topbar {
  border-bottom: 1px solid rgba(116, 139, 177, .14) !important;
  background: rgba(6, 11, 18, .86) !important;
  backdrop-filter: blur(12px) !important;
}

.topbar h1,
.view-title h1,
.finance-title h1 {
  color: #f8fafc !important;
  font-weight: 850 !important;
}

.subtitle,
.panel-note,
.finance-summary-card small {
  color: #91a0b8 !important;
}

aside {
  background: linear-gradient(180deg, #070c13 0%, #05080d 100%) !important;
  border-right-color: rgba(116, 139, 177, .16) !important;
  box-shadow: 12px 0 30px rgba(0, 0, 0, .24) !important;
}

.brand {
  border-bottom-color: rgba(116, 139, 177, .13) !important;
}

.brand-mark {
  background: linear-gradient(135deg, rgba(255, 45, 175, .24), rgba(134, 92, 255, .16)) !important;
  border: 1px solid rgba(255, 79, 216, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.nav-btn {
  color: #aeb8ca !important;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
}

.nav-btn:hover {
  transform: translateX(1px) !important;
  background: rgba(255, 255, 255, .045) !important;
  border-color: rgba(116, 139, 177, .13) !important;
}

.nav-btn.active {
  color: #ff62b0 !important;
  background: linear-gradient(90deg, rgba(239, 47, 143, .18), rgba(239, 47, 143, .055) 62%, transparent) !important;
  border-color: rgba(239, 47, 143, .28) !important;
}

.nav-btn:focus-visible,
.action-btn:focus-visible,
.finance-period:focus-visible,
.period-quick .seg:focus-visible,
.control:focus-visible,
button:focus-visible {
  outline: 2px solid rgba(255, 79, 216, .58) !important;
  outline-offset: 2px !important;
}

main .panel,
main .card,
main .kpi,
.dashboard-command-card,
.finance-summary-card,
.payable-summary-card,
.finance-ledger,
.accounts-payable-card,
.table-scroll {
  background: linear-gradient(180deg, var(--fusion-premium-surface-2), var(--fusion-premium-surface)) !important;
  border-color: var(--fusion-premium-line) !important;
  box-shadow: var(--fusion-premium-shadow-soft) !important;
  backdrop-filter: none !important;
}

main .panel:hover,
main .kpi:hover,
.dashboard-command-card:hover,
.finance-summary-card:hover,
.payable-summary-card:hover {
  border-color: rgba(116, 139, 177, .30) !important;
  box-shadow: var(--fusion-premium-shadow) !important;
}

.kpi {
  animation: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.finance-summary-card,
.payable-summary-card {
  position: relative !important;
  overflow: hidden !important;
}

.kpi::before,
.finance-summary-card::before,
.payable-summary-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(255, 79, 216, .80), rgba(96, 165, 250, .42), transparent) !important;
  opacity: .72 !important;
  pointer-events: none !important;
}

.kpi-head {
  align-items: center !important;
}

.kpi .name,
.finance-summary-label,
.panel-title,
table th,
.movement-table th {
  color: #aab5ca !important;
  text-transform: uppercase !important;
  font-weight: 850 !important;
}

.kpi .metric,
.finance-summary-value,
.payable-summary-card strong,
.source-card .value {
  color: #f8fafc !important;
  font-variant-numeric: tabular-nums !important;
}

.kpi .delta {
  font-weight: 800 !important;
}

.kpi-icon,
.finance-summary-icon {
  border: 1px solid currentColor !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.dashboard-command-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "label value"
    "note value" !important;
  align-items: center !important;
}

.dashboard-command-card > span {
  grid-area: label !important;
  width: auto !important;
  color: #c2cae0 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
}

.dashboard-command-card > strong {
  grid-area: value !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 0 0 16px !important;
  max-width: 210px !important;
  text-align: right !important;
}

.dashboard-command-card > small {
  grid-area: note !important;
  margin-top: 5px !important;
  max-width: 100% !important;
}

.dashboard-command-card:hover {
  transform: translateY(-1px) !important;
}

.finance-tabs {
  background: rgba(6, 11, 18, .56) !important;
  border-bottom-color: rgba(116, 139, 177, .14) !important;
}

.finance-tab {
  color: #aeb8ca !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
}

.finance-tab.active {
  color: #ff4fb0 !important;
  background: rgba(239, 47, 143, .07) !important;
  border-bottom-color: #ff2fae !important;
  box-shadow: inset 0 -1px 0 rgba(255, 79, 216, .28) !important;
}

.period-quick .seg,
.finance-period,
.parent-period-button,
.action-btn,
.sync-btn,
.icon-btn,
.control,
select,
input,
textarea {
  background: rgba(10, 17, 28, .88) !important;
  border-color: rgba(116, 139, 177, .20) !important;
  color: #e7ecf7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.period-quick .seg:hover,
.finance-period:hover,
.parent-period-button:hover,
.action-btn:hover,
.sync-btn:hover,
.icon-btn:hover {
  border-color: rgba(255, 79, 216, .34) !important;
  background: rgba(16, 27, 43, .94) !important;
}

.period-quick .seg.active,
.finance-period.active,
.parent-period-button.active,
.action-btn.primary,
.auth-submit {
  color: #fff !important;
  border-color: rgba(255, 79, 216, .62) !important;
  background: linear-gradient(135deg, #ee2b83 0%, #d32bbf 100%) !important;
  box-shadow: 0 8px 22px rgba(239, 47, 143, .22) !important;
}

.table-scroll {
  overflow: auto !important;
}

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

table th,
.movement-table th {
  background: rgba(13, 22, 36, .92) !important;
  border-bottom: 1px solid rgba(116, 139, 177, .16) !important;
}

table td,
.movement-table td {
  border-bottom: 1px solid rgba(116, 139, 177, .10) !important;
}

tbody tr,
.finance-entry,
.payable-item,
.payment-row,
.account-payable-row {
  transition: background .16s ease, border-color .16s ease !important;
}

tbody tr:hover,
.finance-entry:hover,
.payable-item:hover,
.payment-row:hover,
.account-payable-row:hover {
  background: rgba(255, 255, 255, .025) !important;
}

.badge,
.chip,
.server-badge,
.statement-badge,
.payment-method-chip,
.payable-status-badge,
.movement-approved-pill,
.movement-status-action {
  border-width: 1px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.status-strip > *,
.parent-alert-card,
.alert-card {
  background: linear-gradient(180deg, rgba(15, 25, 39, .94), rgba(11, 18, 29, .94)) !important;
  border-color: rgba(116, 139, 177, .18) !important;
  box-shadow: none !important;
}

.modal,
.auth-panel,
.loop-filter-drawer {
  background: linear-gradient(180deg, #111a25, #0b121b) !important;
  border-color: rgba(116, 139, 177, .24) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .52) !important;
}

.modal-head,
.modal-actions {
  border-color: rgba(116, 139, 177, .14) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Finance premium refinement: visual layer only. */
.finance-workspace {
  gap: 14px !important;
}

.finance-heading {
  margin: 0 0 6px !important;
  color: #f8fafc !important;
  font-size: 32px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.finance-tabs {
  min-height: 48px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(116, 139, 177, .14) !important;
  border-radius: 10px !important;
  background: rgba(7, 13, 22, .62) !important;
  overflow: hidden !important;
}

.finance-tab {
  position: relative !important;
  min-height: 46px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: #aeb8ca !important;
  background: transparent !important;
}

.finance-tab.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(239, 47, 143, .16), rgba(239, 47, 143, .05)) !important;
}

.finance-tab.active::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff2fae, #8b5cf6) !important;
}

.finance-toolbar {
  padding: 10px 0 4px !important;
}

.finance-periods {
  padding: 4px !important;
  border: 1px solid rgba(116, 139, 177, .13) !important;
  border-radius: 10px !important;
  background: rgba(7, 13, 22, .50) !important;
}

.finance-period {
  border-radius: 8px !important;
}

.finance-summary-grid,
.payable-summary-grid {
  gap: 10px !important;
}

.finance-summary-card,
.payable-summary-card {
  min-height: 86px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px !important;
  border-top: 0 !important;
}

.finance-summary-card::after,
.payable-summary-card::after {
  content: none !important;
  display: none !important;
}

.finance-summary-icon,
.payable-summary-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .045) !important;
}

.finance-summary-value,
.payable-summary-card strong {
  margin-top: 5px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.finance-pane {
  margin-top: 2px !important;
}

.finance-ledger,
.finance-accounts-table,
.accounts-payable-card,
.payments-command-strip article {
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(15, 25, 39, .94), rgba(10, 17, 28, .96)) !important;
  border-color: rgba(116, 139, 177, .18) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .26) !important;
}

.finance-ledger-head {
  min-height: 48px !important;
  padding: 12px 16px !important;
  background: rgba(6, 11, 18, .34) !important;
  border-bottom-color: rgba(116, 139, 177, .14) !important;
}

.finance-ledger-title {
  color: #e8eefb !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.finance-summary-entry,
.finance-entry,
.account-payable-row,
.payment-row,
.payable-item {
  border-color: rgba(116, 139, 177, .11) !important;
}

.finance-summary-entry:hover,
.finance-entry:hover,
.account-payable-row:hover,
.payment-row:hover,
.payable-item:hover {
  background: linear-gradient(90deg, rgba(255, 79, 216, .045), rgba(96, 165, 250, .025)) !important;
}

.finance-summary-kind-icon,
.statement-icon {
  border: 1px solid currentColor !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09) !important;
}

.finance-quick-filters,
.payable-status-tabs,
.payable-method-chips {
  gap: 7px !important;
}

.finance-quick-filters button,
.payable-status-tabs button,
.payable-method-chip {
  min-height: 30px !important;
  border-radius: 999px !important;
  border-color: rgba(116, 139, 177, .20) !important;
  background: rgba(10, 17, 28, .80) !important;
  color: #aeb8ca !important;
}

.finance-quick-filters button.active,
.payable-status-tabs button.active,
.payable-method-chip.active {
  color: #fff !important;
  border-color: rgba(255, 79, 216, .55) !important;
  background: rgba(255, 79, 216, .16) !important;
}

.payment-selection-bar,
.payable-selection-bar {
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(17, 26, 37, .97), rgba(11, 18, 27, .97)) !important;
  border-color: rgba(255, 79, 216, .34) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .40) !important;
}

.payment-card,
.paid-details-card {
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(17, 26, 37, .98), rgba(9, 15, 24, .99)) !important;
}

/* source: painel_v1_prototipo/professional-console.css */
/* Fusion+ Professional Console — selected direction 01 */
:root {
  --pro-bg: #070d17;
  --pro-sidebar: #080f1a;
  --pro-surface: #0f1827;
  --pro-surface-2: #121d2d;
  --pro-surface-3: #162235;
  --pro-line: #223149;
  --pro-line-soft: rgba(124, 146, 181, .16);
  --pro-text: #f4f7fb;
  --pro-muted: #91a0b8;
  --pro-pink: #ff4d9d;
  --pro-purple: #945cff;
  --pro-blue: #4f86ff;
  --pro-green: #45df8a;
  --pro-red: #ff5578;
  --pro-orange: #f6a625;
  --pro-radius: 10px;
  --pro-shadow: 0 14px 34px rgba(0, 0, 0, .22);
  --bg: var(--pro-bg);
  --panel: var(--pro-surface);
  --panel-2: var(--pro-surface-2);
  --line: var(--pro-line);
  --ink: var(--pro-text);
  --muted: var(--pro-muted);
  --brand-pink: var(--pro-pink);
}

html {
  color-scheme: dark;
  background: var(--pro-bg);
}

body {
  min-width: 0 !important;
  background:
    radial-gradient(circle at 72% -18%, rgba(55, 91, 151, .13), transparent 34%),
    linear-gradient(180deg, #080f1a 0%, var(--pro-bg) 48%, #060b13 100%) !important;
  color: var(--pro-text) !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px;
}

button,
input,
select,
textarea {
  font-family: inherit !important;
}

.shell {
  display: block !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  background: transparent !important;
}

.shell aside {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 120 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 216px !important;
  min-width: 216px !important;
  height: 100vh !important;
  padding: 0 12px 132px !important;
  overflow: hidden auto !important;
  background: linear-gradient(180deg, rgba(8, 15, 26, .99), rgba(6, 12, 21, .99)) !important;
  border: 0 !important;
  border-right: 1px solid var(--pro-line) !important;
  box-shadow: none !important;
}

.shell main {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 0 0 216px !important;
  padding: 0 22px 34px !important;
  background: transparent !important;
}

.shell.sidebar-collapsed aside {
  width: 76px !important;
  min-width: 76px !important;
}

.shell.sidebar-collapsed main {
  margin-left: 76px !important;
}

.brand {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 82px !important;
  margin: 0 0 10px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pro-line-soft) !important;
  background: transparent !important;
}

.brand-mark {
  display: grid !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 77, 157, .38) !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, rgba(148, 92, 255, .18), rgba(255, 77, 157, .12)) !important;
  box-shadow: none !important;
  color: var(--pro-pink) !important;
}

.brand-text {
  min-width: 0 !important;
}

.brand-text strong {
  color: var(--pro-text) !important;
  font-size: 19px !important;
  font-weight: 820 !important;
  letter-spacing: -.02em !important;
}

.brand-text strong::after {
  content: "" !important;
}

.brand-mark span {
  margin: 0 !important;
  color: var(--pro-pink) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.brand-mark img {
  border-radius: 8px !important;
  object-fit: contain !important;
}

.brand-text span {
  color: var(--pro-muted) !important;
  font-size: 10px !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

.nav-title {
  margin: 12px 12px 7px !important;
  color: #6f7c91 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.nav-btn {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 1px 0 !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #aeb8ca !important;
  font-size: 13px !important;
  font-weight: 630 !important;
  text-align: left !important;
}

.nav-btn:hover {
  border-color: rgba(134, 153, 184, .16) !important;
  background: rgba(255, 255, 255, .035) !important;
  color: var(--pro-text) !important;
  transform: none !important;
}

.nav-btn.active,
.nav-btn.is-active,
.nav-btn[aria-current="page"] {
  border-color: rgba(255, 77, 157, .24) !important;
  background: linear-gradient(90deg, rgba(255, 77, 157, .17), rgba(148, 92, 255, .08)) !important;
  color: #ff7db6 !important;
  box-shadow: inset 3px 0 0 var(--pro-pink) !important;
}

.nav-btn.active::after {
  display: none !important;
}

.nav-icon {
  display: grid !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  place-items: center !important;
  color: currentColor !important;
}

.nav-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
}

.sidebar-toggle {
  position: fixed !important;
  z-index: 122 !important;
  top: auto !important;
  right: auto !important;
  left: 12px !important;
  bottom: 18px !important;
  width: 192px !important;
  height: 40px !important;
  min-height: 40px !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: 8px !important;
  background: rgba(15, 24, 39, .92) !important;
  box-shadow: none !important;
  color: var(--pro-muted) !important;
  font-size: 17px !important;
}

.shell.sidebar-collapsed .sidebar-toggle {
  width: 52px !important;
}

.topbar {
  position: relative !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 102px !important;
  margin: 0 -22px 18px !important;
  padding: 20px 22px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pro-line-soft) !important;
  background: rgba(7, 13, 23, .88) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

.topbar h1 {
  margin: 0 !important;
  color: var(--pro-text) !important;
  font-size: clamp(26px, 2.2vw, 34px) !important;
  font-weight: 820 !important;
  letter-spacing: -.035em !important;
  line-height: 1.08 !important;
  text-transform: none !important;
}

.topbar-subtitle {
  margin: 7px 0 0 !important;
  color: var(--pro-muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  max-width: 930px !important;
  padding: 0 !important;
  flex-wrap: wrap !important;
}

.toolbar button,
.toolbar select,
.toolbar .control,
.parent-period-button,
.sync-btn,
.pending-payable-btn {
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: 8px !important;
  background: rgba(13, 22, 35, .84) !important;
  box-shadow: none !important;
  color: #d6deeb !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.toolbar button:hover,
.toolbar select:hover {
  border-color: #3a4d68 !important;
  background: var(--pro-surface-2) !important;
  transform: none !important;
}

.dashboard-period-controls {
  order: 20 !important;
  display: flex !important;
  flex: 0 0 100% !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.tabs.period-quick {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.toolbar .period-quick .seg,
.toolbar .parent-period-button {
  min-width: auto !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 17px !important;
  border: 1px solid #34363d !important;
  border-radius: 8px !important;
  background: rgba(12, 15, 21, .92) !important;
  color: #aeb2bb !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.toolbar .dashboard-period-controls .reseller-scope-filter {
  width: 224px !important;
  min-width: 224px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 38px 0 17px !important;
  border: 1px solid #34363d !important;
  border-radius: 8px !important;
  background-color: rgba(12, 15, 21, .92) !important;
  color: #e4e8f0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.toolbar .dashboard-period-controls .reseller-scope-filter:hover,
.toolbar .dashboard-period-controls .reseller-scope-filter:focus {
  border-color: #4a4d56 !important;
  background-color: rgba(18, 23, 32, .98) !important;
  color: #fff !important;
  outline: none !important;
}

.toolbar .period-quick .seg:hover,
.toolbar .parent-period-button:hover {
  border-color: #4a4d56 !important;
  background: rgba(18, 23, 32, .98) !important;
  color: #f4f6fb !important;
}

.toolbar .period-quick .seg.active,
.toolbar .parent-period-button.active {
  border-color: #eb0cba !important;
  background: #e600b7 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.toolbar .parent-period-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.toolbar .parent-period-button svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

.sync-btn .sync-dot {
  box-shadow: none !important;
}

.pending-payable-btn strong {
  color: var(--pro-text) !important;
}

.icon-btn {
  width: 42px !important;
  padding: 0 !important;
  font-size: 16px !important;
}

.local-server-warning {
  border-radius: var(--pro-radius) !important;
}

.view {
  min-width: 0 !important;
}

.view:not(.active) {
  display: none !important;
}

main .panel,
main .card,
main .kpi,
main .modal,
.dashboard-command-card,
.auth-panel,
.loop-filter-drawer {
  border: 1px solid var(--pro-line) !important;
  border-radius: var(--pro-radius) !important;
  background: linear-gradient(145deg, rgba(18, 29, 45, .96), rgba(13, 22, 35, .98)) !important;
  box-shadow: var(--pro-shadow) !important;
}

main .panel:hover,
main .kpi:hover,
.dashboard-command-card:hover {
  border-color: #334560 !important;
  transform: translateY(-1px) !important;
}

.panel-header,
.panel-head,
.statement-head {
  min-height: 50px !important;
  padding: 13px 16px !important;
  border-bottom: 1px solid var(--pro-line-soft) !important;
  background: transparent !important;
}

.panel-title,
.panel-head h2,
.statement-head h2 {
  color: var(--pro-text) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

.panel-note,
.muted,
.note {
  color: var(--pro-muted) !important;
}

#operacao.view.active {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 358px) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body .shell main #operacao.view:not(.active) {
  display: none !important;
}

#operacao > .dashboard-surface,
#operacao > .dashboard-secondary-insights {
  grid-column: 1 / -1 !important;
}

#operacao > .dashboard-surface {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#operacao > .dashboard-surface > .panel-header {
  display: none !important;
}

#operacao .dashboard-grid,
#operacao .kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}

#operacao .dashboard-grid .kpi {
  position: relative !important;
  min-width: 0 !important;
  min-height: 122px !important;
  grid-column: auto !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#operacao .dashboard-grid .kpi::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 11px !important;
  left: 56px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, currentColor) !important;
  opacity: .52 !important;
}

#operacao .dashboard-grid .kpi:nth-child(4),
#operacao .dashboard-grid .kpi:nth-child(6),
#operacao .dashboard-grid .kpi:nth-child(8),
#operacao .dashboard-grid .kpi:nth-child(9) {
  display: none !important;
}

#operacao .dashboard-grid .kpi:nth-child(5) {
  order: 4 !important;
}

#operacao .dashboard-grid .kpi:nth-child(7) {
  order: 5 !important;
}

.kpi-head {
  align-items: flex-start !important;
  gap: 10px !important;
}

.kpi .name {
  color: var(--pro-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.kpi .metric {
  margin-top: 10px !important;
  color: var(--pro-text) !important;
  font-size: clamp(20px, 1.65vw, 27px) !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
  line-height: 1.05 !important;
}

.kpi .delta {
  margin-top: 9px !important;
  color: var(--pro-green) !important;
  font-size: 11px !important;
}

.kpi-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-width: 1px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: none !important;
}

.dashboard-insights {
  display: contents !important;
}

.dashboard-insights > .panel:first-child {
  grid-column: 1 !important;
  grid-row: 2 / span 2 !important;
  min-height: 458px !important;
  margin: 0 !important;
}

.dashboard-insights > .top-plan-panel {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-height: 218px !important;
  margin: 0 !important;
}

.dashboard-command-center {
  grid-column: 2 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  min-height: 226px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: var(--pro-radius) !important;
  background: linear-gradient(145deg, rgba(18, 29, 45, .96), rgba(13, 22, 35, .98)) !important;
  box-shadow: var(--pro-shadow) !important;
}

.dashboard-command-center::before {
  content: "Resumo do período" !important;
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  border-bottom: 1px solid var(--pro-line-soft) !important;
  color: var(--pro-text) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

.dashboard-command-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-content: center !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pro-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.dashboard-command-card:last-child {
  border-bottom: 0 !important;
}

.dashboard-command-card::before,
.dashboard-command-card::after {
  display: none !important;
}

.dashboard-command-card span {
  color: #dfe5ef !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.dashboard-command-card strong {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  margin: 0 0 0 12px !important;
  color: var(--pro-orange) !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}

.dashboard-command-card.good strong {
  color: var(--pro-green) !important;
}

.dashboard-command-card small {
  margin-top: 3px !important;
  color: var(--pro-muted) !important;
  font-size: 10px !important;
}

.dashboard-finance-chart {
  min-height: 385px !important;
  padding: 16px !important;
}

.dashboard-chart-shell {
  min-height: 240px !important;
  border-color: transparent !important;
  background: transparent !important;
}

.dashboard-secondary-insights {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
}

.dashboard-secondary-insights > .panel {
  margin: 0 !important;
}

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

th {
  height: 42px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--pro-line) !important;
  background: rgba(8, 15, 26, .36) !important;
  color: #91a0b8 !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

td {
  min-height: 44px !important;
  padding: 11px 12px !important;
  border-bottom: 1px solid var(--pro-line-soft) !important;
  color: #dbe2ee !important;
  font-size: 12px !important;
}

tbody tr:hover {
  background: rgba(255, 255, 255, .025) !important;
}

.status,
.status-toggle,
.badge {
  border-radius: 999px !important;
  box-shadow: none !important;
}

.control,
input,
select,
textarea,
.manual-entry-control {
  min-height: 40px !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: 8px !important;
  background: #0b1422 !important;
  box-shadow: none !important;
  color: var(--pro-text) !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid rgba(255, 77, 157, .78) !important;
  outline-offset: 2px !important;
}

.action-btn.primary,
.auth-submit,
.modal-actions .primary {
  border-color: var(--pro-pink) !important;
  background: var(--pro-pink) !important;
  box-shadow: none !important;
  color: #fff !important;
}

.modal,
.auth-panel,
.loop-entry-modal {
  border-radius: 12px !important;
}

@media (max-width: 1260px) {
  .toolbar {
    max-width: 720px !important;
  }

  #operacao {
    grid-template-columns: minmax(0, 1fr) 310px !important;
  }

  #operacao .dashboard-grid,
  #operacao .kpi-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .shell aside {
    width: 76px !important;
    min-width: 76px !important;
    padding-inline: 10px !important;
  }

  .shell main,
  .shell.sidebar-expanded main {
    margin-left: 76px !important;
  }

  .brand {
    justify-content: center !important;
    padding-inline: 0 !important;
  }

  .brand-text,
  .nav-title,
  .nav-label {
    display: none !important;
  }

  .nav-btn {
    justify-content: center !important;
    padding-inline: 0 !important;
  }

  .sidebar-toggle {
    width: 52px !important;
  }

  .topbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .toolbar {
    justify-content: flex-start !important;
    max-width: none !important;
  }

  #operacao {
    grid-template-columns: 1fr !important;
  }

  #operacao > *,
  .dashboard-insights > .panel:first-child,
  .dashboard-insights > .top-plan-panel,
  .dashboard-command-center {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .dashboard-command-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dashboard-command-center::before {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  body {
    font-size: 13px !important;
  }

  .shell aside,
  .shell.sidebar-expanded aside,
  .shell.sidebar-collapsed aside {
    inset: auto 0 0 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 70px !important;
    padding: 8px 10px !important;
    overflow: hidden auto !important;
    border: 0 !important;
    border-top: 1px solid var(--pro-line) !important;
    border-right: 0 !important;
  }

  .brand,
  .nav-title,
  .sidebar-toggle {
    display: none !important;
  }

  .nav-btn {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-height: 50px !important;
    margin: 0 2px !important;
    padding: 0 !important;
  }

  .shell main,
  .shell.sidebar-expanded main,
  .shell.sidebar-collapsed main {
    margin-left: 0 !important;
    padding: 0 12px 88px !important;
  }

  .topbar {
    min-height: 0 !important;
    margin: 0 -12px 14px !important;
    padding: 16px 12px !important;
  }

  .topbar h1 {
    font-size: 26px !important;
  }

  .toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .toolbar > *,
  .toolbar .control,
  .parent-period-shell {
    min-width: 0 !important;
    width: 100% !important;
  }

  .toolbar .icon-btn {
    width: 100% !important;
  }

  .dashboard-period-controls {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .toolbar .period-quick {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .toolbar .period-quick .seg,
  .toolbar .parent-period-button,
  .toolbar .dashboard-period-controls .reseller-scope-filter {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  #operacao .dashboard-grid,
  #operacao .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #operacao .dashboard-grid .kpi {
    min-height: 112px !important;
    padding: 12px !important;
  }

  #operacao .dashboard-grid .kpi:nth-child(7) {
    grid-column: 1 / -1 !important;
  }

  .dashboard-command-center,
  .dashboard-secondary-insights {
    grid-template-columns: 1fr !important;
  }

  .dashboard-command-center::before {
    grid-column: 1 !important;
  }

  .dashboard-finance-chart {
    min-height: 300px !important;
    padding: 10px !important;
  }

  .panel-header,
  .panel-head,
  .statement-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .table-wrap {
    max-width: calc(100vw - 24px) !important;
  }
}

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

/* Specificity guard for the legacy theme's final dashboard rules. */
body .shell aside .brand {
  opacity: 1 !important;
  filter: none !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: currentColor !important;
}

body .shell aside .brand .brand-mark,
body .shell aside .brand .brand-mark.has-logo,
body .shell aside .brand #brandMark {
  display: grid !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  place-items: center !important;
}

body .shell aside .brand .brand-mark.has-logo img {
  display: none !important;
}

body .shell aside .brand .brand-mark.has-logo span {
  display: block !important;
}

body .shell aside .brand #brandMark > span {
  display: block !important;
  color: var(--pro-pink) !important;
  -webkit-text-fill-color: var(--pro-pink) !important;
}

body .shell aside .brand .brand-text {
  display: block !important;
  opacity: 1 !important;
}

body .shell aside .brand #brandName {
  color: #f4f7fb !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #f4f7fb !important;
}

body .shell main #operacao .dashboard-chart-label {
  display: none !important;
}

@media (min-width: 1100px) {
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi,
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n) {
    grid-column: auto !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(4),
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(6),
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(8),
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(9) {
    display: none !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi .metric {
    overflow: visible !important;
    font-size: 16px !important;
    white-space: nowrap !important;
  }
}

/* Refinamento visual — filtros globais e financeiro (11/08/2026). */
.topbar {
  align-items: center !important;
}

.topbar .toolbar {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-areas: "status filters actions" !important;
  align-items: center !important;
  gap: 10px !important;
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  flex: 1 1 760px !important;
}

.topbar .toolbar-status {
  grid-area: status !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.topbar .dashboard-period-controls {
  grid-area: filters !important;
  order: initial !important;
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.topbar .toolbar-actions {
  grid-area: actions !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.topbar .toolbar-status .sync-btn,
.topbar .toolbar-status .pending-payable-btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

.topbar .toolbar-status .pending-payable-btn strong {
  font-size: 12px !important;
}

.topbar .toolbar .period-quick .seg,
.topbar .toolbar .parent-period-button,
.topbar .toolbar .dashboard-period-controls .reseller-scope-filter {
  height: 36px !important;
  min-height: 36px !important;
  font-size: 12px !important;
}

.topbar .toolbar .period-quick .seg {
  padding: 0 11px !important;
}

.topbar .toolbar .parent-period-button {
  padding: 0 12px !important;
}

.topbar .toolbar .dashboard-period-controls .reseller-scope-filter {
  width: 192px !important;
  min-width: 192px !important;
  padding-left: 12px !important;
}

.topbar .toolbar-actions .icon-btn {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

#operacao .dashboard-grid .kpi::after {
  content: none !important;
  display: none !important;
}

#operacao .dashboard-grid .kpi .metric {
  font-size: clamp(20px, 1.45vw, 23px) !important;
}

#operacao .dashboard-grid .kpi-icon {
  color: #aeb8c7 !important;
  border-color: rgba(174, 184, 199, .28) !important;
  background: rgba(174, 184, 199, .07) !important;
  box-shadow: none !important;
}

#operacao .dashboard-grid .kpi:nth-child(2) .kpi-icon,
#operacao .dashboard-grid .kpi:nth-child(3) .kpi-icon {
  color: #ff7b85 !important;
  border-color: rgba(255, 123, 133, .34) !important;
  background: rgba(255, 123, 133, .08) !important;
}

#operacao .dashboard-grid .kpi:nth-child(5) .kpi-icon {
  color: #f0bd61 !important;
  border-color: rgba(240, 189, 97, .34) !important;
  background: rgba(240, 189, 97, .08) !important;
}

/* A folha legada usa seletores de alta especificidade para os ícones. */
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid .kpi .kpi-icon {
  color: #aeb8c7 !important;
  border-color: rgba(174, 184, 199, .28) !important;
  background: rgba(174, 184, 199, .07) !important;
  box-shadow: none !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid .kpi:nth-child(1) .kpi-icon,
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid .kpi:nth-child(2) .kpi-icon {
  color: #62d9a5 !important;
  border-color: rgba(98, 217, 165, .3) !important;
  background: rgba(98, 217, 165, .08) !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid .kpi:nth-child(3) .kpi-icon {
  color: #ff7886 !important;
  border-color: rgba(255, 120, 134, .32) !important;
  background: rgba(255, 120, 134, .08) !important;
}

#carteira .finance-workspace {
  gap: 16px !important;
}

#carteira .finance-tabs {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

#carteira .finance-tab {
  flex: 1 0 0 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

#carteira .finance-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#carteira .finance-summary-grid > :nth-child(-n + 3) {
  grid-column: span 2 !important;
}

#carteira .finance-summary-grid > :nth-child(n + 4) {
  grid-column: span 3 !important;
}

@media (max-width: 1440px) {
  .topbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .topbar .toolbar {
    flex: 0 1 auto !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 1140px) {
  .topbar .toolbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "status actions" "filters filters" !important;
  }

  #carteira .finance-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #carteira .finance-summary-grid > :nth-child(n) {
    grid-column: span 1 !important;
  }
}

@media (max-width: 760px) {
  .topbar .toolbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "status actions" "filters filters" !important;
  }

  .topbar .toolbar-status {
    min-width: 0 !important;
    width: auto !important;
  }

  .topbar .toolbar-actions {
    width: auto !important;
  }

  .topbar .toolbar-actions .icon-btn {
    width: 36px !important;
  }

  .topbar .toolbar-status .sync-btn,
  .topbar .toolbar-status .pending-payable-btn {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .topbar .dashboard-period-controls {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .topbar .dashboard-period-controls .period-quick {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .topbar .toolbar .dashboard-period-controls .reseller-scope-filter,
  .topbar .toolbar .parent-period-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  #carteira .finance-tab {
    flex: 0 0 auto !important;
    min-width: 138px !important;
  }

  #carteira .finance-summary-grid {
    grid-template-columns: 1fr !important;
  }
}

/* source: painel_v1_prototipo/executive-console-v2.css */
/* Fusion+ Console Executivo V2 — final visual layer */
:root {
  --pro-bg: #070b12;
  --pro-sidebar: #080d14;
  --pro-surface: #0e1622;
  --pro-surface-2: #121d2c;
  --pro-line: #22314a;
  --pro-line-soft: rgba(125, 146, 180, .15);
  --pro-text: #f5f7fb;
  --pro-muted: #9aa8bd;
  --pro-pink: #f02b78;
  --pro-blue: #5d9dff;
  --pro-green: #35d39a;
  --pro-orange: #ff9a4d;
  --pro-radius: 10px;
  --pro-shadow: none;
}

html body {
  background: radial-gradient(circle at 72% -22%, rgba(93, 157, 255, .08), transparent 34%), var(--pro-bg) !important;
}

body .panel,
body .kpi,
body .dashboard-command-center {
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body .panel:hover,
body .kpi:hover,
body .dashboard-command-card:hover {
  transform: none !important;
}

body .topbar {
  min-height: 68px !important;
  margin: 0 -22px 16px !important;
  padding: 12px 22px !important;
  border-bottom-color: var(--pro-line-soft) !important;
  background: rgba(7, 11, 18, .92) !important;
  box-shadow: none !important;
}

body .topbar .toolbar {
  width: min(100%, 1110px) !important;
  max-width: 1110px !important;
  gap: 8px !important;
}

body .topbar .toolbar-status,
body .topbar .dashboard-period-controls {
  gap: 8px !important;
}

body .topbar .toolbar-status .sync-btn,
body .topbar .toolbar-status .pending-payable-btn {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: 9px !important;
  background: #0b131f !important;
  box-shadow: none !important;
}

body .topbar .toolbar .period-quick {
  display: flex !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 3px !important;
  overflow: hidden !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: 10px !important;
  background: #0a111b !important;
}

body .topbar .toolbar .period-quick .seg {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #aeb9ca !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body .topbar .toolbar .period-quick .seg:hover {
  background: rgba(255, 255, 255, .04) !important;
  color: var(--pro-text) !important;
}

body .topbar .toolbar .period-quick .seg.active,
body .topbar .toolbar .period-quick .seg[aria-pressed="true"] {
  background: var(--pro-pink) !important;
  color: #fff !important;
}

body .topbar .toolbar .parent-period-button,
body .topbar .toolbar .dashboard-period-controls .reseller-scope-filter,
body .topbar .toolbar-actions .icon-btn {
  height: 40px !important;
  min-height: 40px !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: 9px !important;
  background: #0b131f !important;
  box-shadow: none !important;
}

body .topbar .toolbar .dashboard-period-controls .reseller-scope-filter {
  width: 208px !important;
  min-width: 208px !important;
}

body .shell main #operacao.view.active {
  gap: 12px 14px !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1.3fr)) repeat(2, minmax(0, .82fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--pro-line) !important;
  border-radius: var(--pro-radius) !important;
  background: var(--pro-surface) !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi,
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n) {
  grid-column: auto !important;
  min-height: 108px !important;
  padding: 15px 16px !important;
  border: 0 !important;
  border-right: 1px solid var(--pro-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(4),
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(6),
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(8),
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(9) {
  display: none !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi::before,
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi::after {
  display: none !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid .kpi-icon {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 9px !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid .metric {
  margin-top: 9px !important;
  color: var(--pro-text) !important;
  font-size: clamp(20px, 1.5vw, 27px) !important;
  font-weight: 850 !important;
  font-variant-numeric: tabular-nums !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid .delta {
  display: block !important;
  max-height: none !important;
  margin-top: 8px !important;
  opacity: 1 !important;
  transform: none !important;
  color: var(--pro-muted) !important;
  font-size: 10px !important;
}

body .shell main #operacao.view.active .panel,
body .shell main #operacao.view.active > .dashboard-command-center {
  border-color: var(--pro-line) !important;
  background: var(--pro-surface) !important;
}

body .shell main #operacao.view.active > .dashboard-command-center {
  min-height: 212px !important;
  padding: 0 14px !important;
}

body .shell main #operacao.view.active > .dashboard-command-center::before {
  min-height: 46px !important;
}

body .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card {
  min-height: 41px !important;
  padding: 7px 0 !important;
}

body .shell main #operacao.view.active .panel-header {
  min-height: 54px !important;
  padding: 12px 18px !important;
}

body .shell main #operacao.view.active .panel-title {
  font-size: 15px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body .shell main #operacao.view.active .dashboard-insights > .panel:first-child {
  min-height: 394px !important;
}

body .shell main #operacao.view.active .dashboard-finance-chart {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  min-height: 326px !important;
  padding: 14px 18px 18px !important;
}

body .shell main #operacao.view.active .dashboard-chart-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--pro-line-soft) !important;
  border-radius: 9px !important;
  background: #0b131f !important;
}

body .shell main #operacao.view.active .dashboard-chart-stat {
  min-height: 64px !important;
  padding: 11px 13px !important;
  border: 0 !important;
  border-right: 1px solid var(--pro-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body .shell main #operacao.view.active .dashboard-chart-stat:last-child {
  border-right: 0 !important;
}

body .shell main #operacao.view.active .dashboard-chart-stat span,
body .shell main #operacao.view.active .dashboard-chart-extremes span,
body .shell main #operacao.view.active .dashboard-chart-equation small {
  color: var(--pro-muted) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

body .shell main #operacao.view.active .dashboard-chart-stat strong {
  display: block !important;
  margin-top: 6px !important;
  color: var(--pro-text) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  font-variant-numeric: tabular-nums !important;
}

body .shell main #operacao.view.active .dashboard-chart-stat.income strong { color: var(--pro-green) !important; }
body .shell main #operacao.view.active .dashboard-chart-stat.output strong { color: var(--pro-orange) !important; }
body .shell main #operacao.view.active .dashboard-chart-stat.net strong { color: var(--pro-blue) !important; }
body .shell main #operacao.view.active .dashboard-chart-stat.bad strong { color: var(--pro-orange) !important; }

body .shell main #operacao.view.active .dashboard-single-day {
  display: grid !important;
  gap: 15px !important;
  min-height: 182px !important;
  padding: 18px !important;
  border: 1px solid var(--pro-line-soft) !important;
  border-radius: 10px !important;
  background: #0b131f !important;
}

body .shell main #operacao.view.active .dashboard-single-day-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

body .shell main #operacao.view.active .dashboard-single-day-head span,
body .shell main #operacao.view.active .dashboard-single-day-head strong {
  display: block !important;
}

body .shell main #operacao.view.active .dashboard-single-day-head span {
  color: var(--pro-muted) !important;
  font-size: 11px !important;
}

body .shell main #operacao.view.active .dashboard-single-day-head strong {
  margin-top: 5px !important;
  color: var(--pro-text) !important;
  font-size: 17px !important;
}

body .shell main #operacao.view.active .dashboard-single-day-head b {
  color: var(--pro-green) !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
}

body .shell main #operacao.view.active .dashboard-single-day.negative .dashboard-single-day-head b {
  color: var(--pro-orange) !important;
}

body .shell main #operacao.view.active .dashboard-chart-equation {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding-top: 15px !important;
  border-top: 1px solid var(--pro-line-soft) !important;
}

body .shell main #operacao.view.active .dashboard-chart-equation small,
body .shell main #operacao.view.active .dashboard-chart-equation strong {
  display: block !important;
}

body .shell main #operacao.view.active .dashboard-chart-equation strong {
  margin-top: 5px !important;
  color: var(--pro-text) !important;
  font-size: 15px !important;
  font-variant-numeric: tabular-nums !important;
}

body .shell main #operacao.view.active .dashboard-chart-equation i {
  color: #73819a !important;
  font-size: 18px !important;
  font-style: normal !important;
}

body .shell main #operacao.view.active .dashboard-chart-extremes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body .shell main #operacao.view.active .dashboard-chart-extremes > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 3px 10px !important;
  padding: 9px 11px !important;
  border-bottom: 1px solid var(--pro-line-soft) !important;
}

body .shell main #operacao.view.active .dashboard-chart-extremes strong {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  color: var(--pro-green) !important;
  font-size: 13px !important;
  font-variant-numeric: tabular-nums !important;
}

body .shell main #operacao.view.active .dashboard-chart-extremes .worst strong { color: var(--pro-orange) !important; }
body .shell main #operacao.view.active .dashboard-chart-extremes small { color: #75839a !important; font-size: 10px !important; }

body .shell main #operacao.view.active .dashboard-chart-tabs {
  gap: 4px !important;
  margin: 0 !important;
}

body .shell main #operacao.view.active .dashboard-chart-tabs button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-color: transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--pro-muted) !important;
  box-shadow: none !important;
}

body .shell main #operacao.view.active .dashboard-chart-tabs button.active,
body .shell main #operacao.view.active .dashboard-chart-tabs button[aria-selected="true"] {
  border-color: rgba(240, 43, 120, .34) !important;
  background: rgba(240, 43, 120, .12) !important;
  color: #ff6da5 !important;
}

body .shell main #operacao.view.active .dashboard-chart-shell {
  min-height: 205px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body .shell main #operacao.view.active .dashboard-chart-label {
  display: block !important;
  fill: #77859b !important;
  font-size: 9px !important;
}

body .shell main #operacao.view.active .dashboard-chart-grid { stroke: rgba(125, 146, 180, .14) !important; }

body .shell main #operacao.view.active .dashboard-chart-empty {
  min-height: 150px !important;
  border: 1px dashed var(--pro-line) !important;
  border-radius: 9px !important;
  background: #0b131f !important;
}

@media (max-width: 1440px) {
  body .topbar { align-items: flex-start !important; flex-direction: column !important; }
  body .topbar .toolbar { width: 100% !important; max-width: none !important; }
}

@media (max-width: 1140px) {
  body .topbar .toolbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "status actions" "filters filters" !important;
  }

  body .topbar .dashboard-period-controls { justify-content: flex-start !important; }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3) {
    grid-column: span 2 !important;
    border-bottom: 1px solid var(--pro-line-soft) !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(5),
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
    grid-column: span 3 !important;
  }
}

@media (max-width: 760px) {
  body .topbar { margin: 0 -12px 14px !important; padding: 10px 12px !important; }

  body .topbar .dashboard-period-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .topbar .dashboard-period-controls .period-quick {
    display: flex !important;
    width: 100% !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body .topbar .dashboard-period-controls .period-quick::-webkit-scrollbar { display: none !important; }

  body .topbar .toolbar .dashboard-period-controls .reseller-scope-filter,
  body .topbar .toolbar .parent-period-button { width: 100% !important; min-width: 0 !important; }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n) {
    grid-column: span 1 !important;
    border-right: 1px solid var(--pro-line-soft) !important;
    border-bottom: 1px solid var(--pro-line-soft) !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3) { grid-column: 1 / -1 !important; }

  body .shell main #operacao.view.active .dashboard-chart-summary,
  body .shell main #operacao.view.active .dashboard-chart-extremes { grid-template-columns: 1fr !important; }

  body .shell main #operacao.view.active .dashboard-chart-stat {
    border-right: 0 !important;
    border-bottom: 1px solid var(--pro-line-soft) !important;
  }

  body .shell main #operacao.view.active .dashboard-chart-stat:last-child { border-bottom: 0 !important; }
  body .shell main #operacao.view.active .dashboard-chart-equation { grid-template-columns: 1fr !important; }
  body .shell main #operacao.view.active .dashboard-chart-equation i { display: none !important; }
  body .shell main #operacao.view.active .dashboard-single-day-head { flex-direction: column !important; }
}

/* source: painel_v1_prototipo/executive-polish-v3.css */
/* Fusion+ Executive Polish V3
   Visual direction: calm executive console, low-noise surfaces and strong hierarchy. */
:root {
  --fx-bg: #06101a;
  --fx-sidebar: #07111c;
  --fx-surface: #0a1623;
  --fx-surface-raised: #0d1a29;
  --fx-surface-hover: #112033;
  --fx-line: #22344a;
  --fx-line-soft: rgba(127, 151, 184, .16);
  --fx-text: #f6f8fc;
  --fx-muted: #9aa9bd;
  --fx-dim: #718198;
  --fx-pink: #ed2d86;
  --fx-pink-soft: rgba(237, 45, 134, .13);
  --fx-green: #55d68f;
  --fx-red: #ff6169;
  --fx-blue: #5c9def;
  --fx-amber: #f0aa24;
  --fx-radius: 9px;
}

html,
html body {
  color: var(--fx-text) !important;
  background: var(--fx-bg) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body::before,
body::after,
.shell::before {
  display: none !important;
}

body .shell {
  display: grid !important;
  grid-template-columns: 238px minmax(0, 1fr) !important;
  min-height: 100vh !important;
  background: var(--fx-bg) !important;
}

body .shell > aside {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  height: 100vh !important;
  padding: 18px 10px !important;
  overflow-y: auto !important;
  border-right: 1px solid var(--fx-line) !important;
  background: linear-gradient(180deg, #07121e 0%, #06101a 100%) !important;
  box-shadow: none !important;
}

body .shell > main {
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding: 0 24px 30px !important;
  background: transparent !important;
}

body .brand {
  min-height: 70px !important;
  margin: 0 0 8px !important;
  padding: 8px 12px 17px !important;
  border-bottom: 1px solid var(--fx-line-soft) !important;
}

body .brand-mark,
body .brand-mark.has-logo,
body #brandMark {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border: 1px solid var(--fx-pink) !important;
  border-radius: 10px !important;
  background: var(--fx-pink-soft) !important;
  box-shadow: none !important;
}

body .brand-mark span,
body #brandMark > span {
  color: #ff5fa6 !important;
  font-size: 15px !important;
}

body .brand-text strong,
body #brandName {
  color: var(--fx-text) !important;
  font-size: 21px !important;
  letter-spacing: -.025em !important;
}

body .brand-text span,
body .nav-title {
  display: none !important;
}

body .nav-btn {
  position: relative !important;
  min-height: 48px !important;
  margin: 2px 0 !important;
  padding: 0 13px !important;
  gap: 12px !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #aeb9ca !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body .nav-btn:hover {
  border-color: var(--fx-line-soft) !important;
  background: rgba(255, 255, 255, .025) !important;
  color: var(--fx-text) !important;
}

body .nav-btn.active,
body .nav-btn.is-active,
body .nav-btn[aria-current="page"] {
  border-color: rgba(237, 45, 134, .24) !important;
  background: linear-gradient(90deg, rgba(237, 45, 134, .17), rgba(237, 45, 134, .055)) !important;
  color: #ff609f !important;
}

body .nav-btn.active::after,
body .nav-btn.is-active::after,
body .nav-btn[aria-current="page"]::after {
  content: "" !important;
  position: absolute !important;
  inset: 7px auto 7px -10px !important;
  width: 3px !important;
  border-radius: 0 3px 3px 0 !important;
  background: var(--fx-pink) !important;
  box-shadow: none !important;
}

body .nav-icon,
body .nav-icon svg {
  width: 20px !important;
  height: 20px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

body .sidebar-toggle {
  width: 28px !important;
  height: 28px !important;
  right: -14px !important;
  top: 22px !important;
  border: 1px solid var(--fx-line) !important;
  border-radius: 7px !important;
  background: var(--fx-surface-raised) !important;
  color: var(--fx-muted) !important;
  box-shadow: none !important;
}

body .topbar {
  display: flex !important;
  min-height: 0 !important;
  margin: 0 -24px 16px !important;
  padding: 26px 24px 0 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 18px !important;
  border: 0 !important;
  background: var(--fx-bg) !important;
  box-shadow: none !important;
}

body .topbar h1 {
  margin: 0 !important;
  color: var(--fx-text) !important;
  font-size: clamp(25px, 2.15vw, 31px) !important;
  font-weight: 780 !important;
  letter-spacing: -.035em !important;
}

body .topbar-subtitle {
  margin-top: 5px !important;
  color: var(--fx-muted) !important;
  font-size: 13px !important;
}

body .topbar .toolbar {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 46px !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

body .topbar .toolbar-status,
body .topbar .dashboard-period-controls,
body .topbar .toolbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body .topbar .dashboard-period-controls {
  justify-content: flex-end !important;
}

body .topbar .toolbar-status .sync-btn,
body .topbar .toolbar-status .pending-payable-btn,
body .topbar .toolbar .parent-period-button,
body .topbar .toolbar .dashboard-period-controls .reseller-scope-filter,
body .topbar .toolbar-actions .icon-btn {
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--fx-line) !important;
  border-radius: 8px !important;
  background: var(--fx-surface) !important;
  color: #c9d1de !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

body .topbar .toolbar-status .sync-btn:hover,
body .topbar .toolbar-status .pending-payable-btn:hover,
body .topbar .toolbar .parent-period-button:hover,
body .topbar .toolbar .dashboard-period-controls .reseller-scope-filter:hover,
body .topbar .toolbar-actions .icon-btn:hover {
  border-color: #35506e !important;
  background: var(--fx-surface-hover) !important;
}

body .topbar .toolbar-status .sync-dot {
  width: 9px !important;
  height: 9px !important;
  background: var(--fx-green) !important;
  box-shadow: none !important;
}

body .topbar .toolbar-status .pending-payable-btn strong {
  color: #ff579f !important;
}

body .topbar .toolbar .period-quick {
  display: flex !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 3px !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--fx-line) !important;
  border-radius: 8px !important;
  background: var(--fx-surface) !important;
}

body .topbar .toolbar .period-quick .seg {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #b1bdcd !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

body .topbar .toolbar .period-quick .seg.active,
body .topbar .toolbar .period-quick .seg[aria-pressed="true"] {
  background: linear-gradient(180deg, #f13f91, #d91f73) !important;
  color: #fff !important;
}

body .topbar .toolbar .dashboard-period-controls .reseller-scope-filter {
  width: clamp(178px, 16vw, 225px) !important;
  min-width: 178px !important;
}

body .topbar .toolbar-actions .icon-btn {
  width: 46px !important;
  padding: 0 !important;
  font-size: 20px !important;
}

body .local-server-warning,
body .footer-note {
  display: none !important;
}

body .view {
  min-width: 0 !important;
  animation: none !important;
}

body .panel,
body .kpi,
body .reconciliation-card,
body .closing-card,
body .daily-closing-card,
body .finance-summary-card,
body .pending-center-card,
body .audit-summary-card {
  border-color: var(--fx-line) !important;
  border-radius: var(--fx-radius) !important;
  background: var(--fx-surface) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body .panel:hover,
body .kpi:hover {
  transform: none !important;
  box-shadow: none !important;
}

body .panel-header,
body .panel-head,
body .finance-ledger-head {
  min-height: 58px !important;
  padding: 14px 18px !important;
  border-color: var(--fx-line-soft) !important;
  background: transparent !important;
}

body .panel-title,
body .panel-head h2,
body .finance-ledger-title {
  color: var(--fx-text) !important;
  font-size: 15px !important;
  font-weight: 720 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

body .panel-note,
body .muted {
  color: var(--fx-muted) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

body .panel-body {
  padding: 18px !important;
}

body .kpi-grid,
body .finance-summary-grid,
body .reconciliation-grid,
body .closing-grid,
body .daily-closing-grid {
  gap: 10px !important;
}

body .kpi {
  min-height: 112px !important;
  padding: 16px !important;
}

body .kpi .name,
body .finance-summary-label,
body .reconciliation-card span,
body .closing-card span,
body .daily-closing-card span {
  color: #aab6c7 !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

body .kpi .metric,
body .finance-summary-value,
body .reconciliation-card strong,
body .closing-card strong,
body .daily-closing-card strong {
  color: var(--fx-text) !important;
  font-variant-numeric: tabular-nums !important;
}

body .kpi-icon,
body .finance-summary-icon {
  border: 1px solid currentColor !important;
  border-radius: 9px !important;
  background: rgba(92, 157, 239, .09) !important;
  box-shadow: none !important;
}

body .control,
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body select,
body textarea {
  min-height: 40px !important;
  border: 1px solid var(--fx-line) !important;
  border-radius: 7px !important;
  background: #091522 !important;
  color: var(--fx-text) !important;
  box-shadow: none !important;
}

body input:focus,
body select:focus,
body textarea:focus {
  outline: 2px solid rgba(237, 45, 134, .24) !important;
  outline-offset: 1px !important;
  border-color: rgba(237, 45, 134, .62) !important;
}

body button,
body .action-btn,
body button.primary {
  border-radius: 7px !important;
  box-shadow: none !important;
}

body .action-btn,
body button.primary {
  min-height: 40px !important;
  border: 1px solid var(--fx-line) !important;
  background: #0d1a29 !important;
  color: #d2d9e4 !important;
}

body .action-btn:hover,
body button.primary:hover {
  border-color: #35506e !important;
  background: var(--fx-surface-hover) !important;
}

body .action-btn.approved,
body button.primary,
body .auth-submit {
  border-color: #e12a7f !important;
  background: linear-gradient(180deg, #ef398d, #d71f73) !important;
  color: #fff !important;
}

body .badge,
body .status,
body .movement-status-action,
body .movement-approved-pill {
  border-radius: 999px !important;
  box-shadow: none !important;
}

body .table-scroll,
body .table-wrap {
  border-color: var(--fx-line-soft) !important;
  background: transparent !important;
}

body table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #dbe1ea !important;
}

body thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  height: 42px !important;
  padding: 10px 12px !important;
  border-color: var(--fx-line-soft) !important;
  background: #0c1927 !important;
  color: #8998ad !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

body tbody td {
  min-height: 46px !important;
  padding: 12px !important;
  border-color: var(--fx-line-soft) !important;
  background: transparent !important;
  color: #cbd4e0 !important;
  font-size: 12px !important;
}

body tbody tr:hover td {
  background: rgba(92, 157, 239, .035) !important;
}

body .clients-pagination {
  min-height: 56px !important;
  padding: 10px 14px !important;
  border-top: 1px solid var(--fx-line-soft) !important;
  color: var(--fx-muted) !important;
  background: #08131f !important;
}

/* Dashboard: match the selected executive concept. */
body .shell main #operacao.view.active {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}

body .shell main #operacao.view.active > * {
  grid-column: 1 !important;
  grid-row: auto !important;
}

body #operacao > .dashboard-surface {
  order: 1 !important;
  overflow: hidden !important;
  border: 1px solid var(--fx-line) !important;
  background: var(--fx-surface) !important;
}

body #operacao > .dashboard-surface > .panel-header {
  display: none !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
  display: grid !important;
  grid-template-columns: 1.08fr 1.05fr 1.08fr .86fr .86fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi,
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n) {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  min-height: 168px !important;
  padding: 26px 16px !important;
  column-gap: 14px !important;
  border: 0 !important;
  border-right: 1px solid var(--fx-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(4),
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(6),
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(8),
body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(9) {
  display: none !important;
}

body .shell main #operacao.view.active .dashboard-grid .kpi::before,
body .shell main #operacao.view.active .dashboard-grid .kpi::after {
  display: none !important;
}

body .shell main #operacao.view.active .dashboard-grid .kpi-head {
  display: contents !important;
}

body .shell main #operacao.view.active .dashboard-grid .kpi-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 42px !important;
  height: 42px !important;
  align-self: start !important;
}

body .shell main #operacao.view.active .dashboard-grid .name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  max-width: 122px !important;
  color: #b4becc !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body .shell main #operacao.view.active .dashboard-grid .metric {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 10px 0 0 !important;
  color: var(--fx-text) !important;
  font-size: clamp(19px, 1.45vw, 26px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

body .shell main #operacao.view.active .dashboard-grid .delta {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: end !important;
  margin: 12px 0 0 !important;
  color: var(--fx-muted) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body .shell main #operacao.view.active .dashboard-grid .kpi:nth-child(1) .metric { color: var(--fx-green) !important; }
body .shell main #operacao.view.active .dashboard-grid .kpi:nth-child(2) .metric,
body .shell main #operacao.view.active .dashboard-grid .kpi:nth-child(3) .metric { color: var(--fx-red) !important; }

body #operacao > .dashboard-insights {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, .9fr) !important;
  gap: 12px !important;
}

body #operacao > .dashboard-insights > .panel {
  min-height: 430px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 1121px) {
  body .shell main #operacao.view.active > .dashboard-insights {
    height: 485px !important;
    min-height: 485px !important;
  }

  body .shell main #operacao.view.active > .dashboard-insights > .panel {
    height: 485px !important;
    min-height: 485px !important;
  }
}

body #operacao .dashboard-finance-chart {
  min-height: 358px !important;
  padding: 14px 18px 18px !important;
}

body #operacao .dashboard-chart-summary {
  overflow: hidden !important;
  border: 1px solid var(--fx-line) !important;
  border-radius: 7px !important;
  background: #081522 !important;
}

body #operacao .dashboard-chart-stat {
  border-color: var(--fx-line-soft) !important;
  background: transparent !important;
}

body #operacao .dashboard-chart-shell {
  min-height: 218px !important;
}

body .shell main #operacao.view.active > .dashboard-command-center {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  min-height: 114px !important;
  margin: 0 !important;
  padding: 43px 0 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--fx-line) !important;
  border-radius: var(--fx-radius) !important;
  background: var(--fx-surface) !important;
}

body .shell main #operacao.view.active > .dashboard-command-center::before {
  content: "Resumo e ações" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  height: 43px !important;
  padding: 0 17px !important;
  border-bottom: 1px solid var(--fx-line-soft) !important;
  color: var(--fx-text) !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

body .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card {
  min-height: 70px !important;
  padding: 14px 17px !important;
  border: 0 !important;
  border-right: 1px solid var(--fx-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card::before {
  display: none !important;
}

body .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card strong {
  color: var(--fx-text) !important;
  font-size: 18px !important;
}

body .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card span,
body .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card small {
  color: var(--fx-muted) !important;
}

body #operacao > .dashboard-secondary-insights {
  order: 4 !important;
  gap: 12px !important;
}

/* Form-heavy pages: restore comfortable working widths. */
body .reseller-access-layout {
  grid-template-columns: minmax(390px, .78fr) minmax(0, 1.42fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body .vault-admin-layout {
  grid-template-columns: minmax(0, 1.5fr) minmax(390px, .65fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body .reseller-access-form {
  display: grid !important;
  gap: 13px !important;
}

body .form-control-group > span,
body .setting-row strong {
  color: #c7d0dd !important;
  font-size: 11px !important;
  font-weight: 680 !important;
}

body .form-control-group textarea {
  min-height: 92px !important;
}

body .integration-config-block,
body .callout,
body .setting-row,
body .settlement-rule-card,
body .daily-closing-box {
  border-color: var(--fx-line) !important;
  border-radius: 8px !important;
  background: #081522 !important;
  box-shadow: none !important;
}

body #configuracoes > .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

body .modal,
body .auth-gate {
  background: rgba(2, 7, 13, .82) !important;
  backdrop-filter: blur(7px) !important;
}

body .modal-card,
body .auth-panel {
  border: 1px solid var(--fx-line) !important;
  border-radius: 12px !important;
  background: var(--fx-surface-raised) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .48) !important;
}

@media (max-width: 1320px) {
  body .topbar .toolbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "status actions" "filters filters" !important;
  }

  body .topbar .toolbar-status { grid-area: status !important; }
  body .topbar .dashboard-period-controls { grid-area: filters !important; justify-content: flex-start !important; }
  body .topbar .toolbar-actions { grid-area: actions !important; }
}

@media (max-width: 1120px) {
  body .reseller-access-layout,
  body .vault-admin-layout,
  body #configuracoes > .grid {
    grid-template-columns: 1fr !important;
  }

  body #operacao > .dashboard-insights {
    grid-template-columns: 1fr !important;
  }

  body #operacao > .dashboard-command-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body .shell,
  body .shell.sidebar-expanded,
  body .shell.sidebar-collapsed {
    grid-template-columns: 70px minmax(0, 1fr) !important;
  }

  body .shell > aside {
    padding: 14px 7px !important;
  }

  body .brand {
    justify-content: center !important;
    padding-inline: 0 !important;
  }

  body .brand-text,
  body .nav-label {
    display: none !important;
  }

  body .nav-btn {
    justify-content: center !important;
    padding: 0 !important;
  }

  body .shell > main {
    padding-inline: 18px !important;
  }

  body .topbar {
    margin-inline: -18px !important;
    padding-inline: 18px !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n) {
    border-bottom: 1px solid var(--fx-line-soft) !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 700px) {
  body .shell,
  body .shell.sidebar-expanded,
  body .shell.sidebar-collapsed {
    display: block !important;
  }

  body .shell > aside {
    position: fixed !important;
    inset: auto 0 0 !important;
    display: flex !important;
    width: 100% !important;
    height: 64px !important;
    padding: 5px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    border-top: 1px solid var(--fx-line) !important;
  }

  body .shell > aside .brand,
  body .shell > aside .nav-title,
  body .shell > aside .sidebar-toggle {
    display: none !important;
  }

  body .shell > aside .nav-btn {
    flex: 0 0 48px !important;
    min-width: 48px !important;
    height: 52px !important;
    min-height: 52px !important;
  }

  body .shell > aside .nav-btn.active::after {
    inset: auto 12px 1px !important;
    width: auto !important;
    height: 2px !important;
  }

  body .shell > main {
    padding: 0 12px 82px !important;
  }

  body .topbar {
    margin-inline: -12px !important;
    padding: 18px 12px 0 !important;
  }

  body .topbar .toolbar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body .topbar .toolbar-status,
  body .topbar .dashboard-period-controls,
  body .topbar .toolbar-actions {
    width: 100% !important;
    overflow-x: auto !important;
  }

  body .topbar .dashboard-period-controls {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body .topbar .toolbar .period-quick {
    width: 100% !important;
    overflow-x: auto !important;
  }

  body .topbar .toolbar .dashboard-period-controls .reseller-scope-filter,
  body .topbar .toolbar .parent-period-button {
    width: 100% !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid,
  body #operacao > .dashboard-command-center {
    grid-template-columns: 1fr !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
    grid-column: auto !important;
  }

  body .panel-header,
  body .panel-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body .panel-header .toolbar,
  body .movement-filter-bar,
  body .audit-toolbar {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }
}

/* Mobile application shell v4 — structural responsive layer. */
.mobile-menu-toggle,
.mobile-nav-close,
.mobile-nav-backdrop {
  display: none;
}

@media (min-width: 769px) and (max-width: 1024px) {
  body .shell,
  body .shell.sidebar-expanded,
  body .shell.sidebar-collapsed {
    grid-template-columns: 70px minmax(0, 1fr) !important;
  }

  body .shell > aside {
    padding: 14px 7px !important;
  }

  body .shell > aside .brand {
    justify-content: center !important;
    padding-inline: 0 !important;
  }

  body .shell > aside .brand-text,
  body .shell > aside .nav-label {
    display: none !important;
  }

  body .shell > aside .nav-btn {
    justify-content: center !important;
    padding: 0 !important;
  }

  body .shell > main {
    padding-inline: 18px !important;
  }

  body .topbar {
    margin-inline: -18px !important;
    padding-inline: 18px !important;
  }

  body #operacao > .dashboard-insights,
  body .reseller-access-layout,
  body .vault-admin-layout,
  body #configuracoes > .grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  body.responsive-shell-v4.mobile-nav-open {
    overflow: hidden;
  }

  body.responsive-shell-v4 .shell,
  body.responsive-shell-v4 .shell.sidebar-expanded,
  body.responsive-shell-v4 .shell.sidebar-collapsed {
    display: block !important;
    min-width: 0 !important;
  }

  body.responsive-shell-v4 .shell > main {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 0 12px 28px !important;
  }

  body.responsive-shell-v4 .shell > aside {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1002 !important;
    display: flex !important;
    width: min(86vw, 300px) !important;
    height: 100dvh !important;
    padding: 16px 12px 24px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden auto !important;
    border: 0 !important;
    border-right: 1px solid var(--fx-line) !important;
    background: #07111c !important;
    box-shadow: 24px 0 70px rgba(0, 0, 0, .52) !important;
    transform: translateX(-105%);
    transition: transform .24s ease;
  }

  body.responsive-shell-v4.mobile-nav-open .shell > aside {
    transform: translateX(0);
  }

  body.responsive-shell-v4 .shell > aside .brand {
    display: flex !important;
    min-height: 60px !important;
    justify-content: flex-start !important;
    padding: 0 46px 12px 8px !important;
  }

  body.responsive-shell-v4 .shell > aside .brand-text,
  body.responsive-shell-v4 .shell > aside .nav-title,
  body.responsive-shell-v4 .shell > aside .nav-label {
    display: block !important;
  }

  body.responsive-shell-v4 .shell > aside .sidebar-toggle {
    display: none !important;
  }

  body.responsive-shell-v4 .shell > aside .nav-btn {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 0 12px !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    justify-content: stretch !important;
    text-align: left !important;
  }

  body.responsive-shell-v4 .shell > aside .nav-btn.active::after {
    inset: 10px auto 10px 0 !important;
    width: 2px !important;
    height: auto !important;
  }

  .mobile-menu-toggle,
  .mobile-nav-close {
    display: inline-grid;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--fx-line);
    border-radius: 10px;
    background: #0b1826;
    color: #f4f7fb;
  }

  .mobile-menu-toggle {
    align-content: center;
    gap: 4px;
  }

  .mobile-menu-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
  }

  .mobile-nav-close {
    position: absolute;
    top: 14px;
    right: 12px;
    z-index: 2;
    font-size: 26px;
    line-height: 1;
  }

  .mobile-nav-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(2, 7, 13, .72);
    backdrop-filter: blur(3px);
  }

  .mobile-nav-backdrop:not([hidden]) {
    display: block;
  }

  body .topbar {
    display: grid !important;
    margin: 0 -12px 16px !important;
    padding: 12px !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px 12px !important;
  }

  body .topbar > div:first-of-type {
    min-width: 0;
  }

  body .topbar h1 {
    font-size: clamp(22px, 7vw, 28px) !important;
  }

  body .topbar .toolbar {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body .topbar .toolbar-status,
  body .topbar .dashboard-period-controls,
  body .topbar .toolbar-actions {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body .topbar .toolbar-status > *,
  body .topbar .dashboard-period-controls > *,
  body .topbar .toolbar-actions > * {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
  }

  body .topbar .toolbar .period-quick {
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body .topbar .period-quick .seg {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid,
  body #operacao > .dashboard-insights,
  body #operacao > .dashboard-command-center,
  body .reseller-access-layout,
  body .vault-admin-layout,
  body #configuracoes > .grid {
    grid-template-columns: 1fr !important;
  }

  body .panel,
  body .card,
  body .kpi {
    min-width: 0 !important;
  }

  body .retention-row {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
  }

  body .panel-header,
  body .panel-head {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body .panel-header .toolbar,
  body .movement-filter-bar,
  body .audit-toolbar,
  body .finance-toolbar,
  body .client-filter-bar,
  body .clients-pagination,
  body .modal-actions {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  body select,
  body textarea,
  body .control {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
  }

  body button,
  body .action-btn,
  body .icon-btn {
    min-height: 44px;
  }

  body .table-scroll,
  body .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
  }

  body .table-scroll table,
  body .table-wrap table {
    width: max-content !important;
    min-width: 720px !important;
  }

  body.responsive-shell-v4 #financeiro.view.active .panel-body.stack {
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.responsive-shell-v4 #financeiro.view.active .callout {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
  }

  body.responsive-shell-v4 #financeiro.view.active .panel-body.stack > table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
  }

  body .modal-backdrop {
    padding: 12px !important;
    align-items: center !important;
  }

  body .modal,
  body .loop-entry-modal {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: hidden auto !important;
  }

  body .modal-head,
  body .modal-actions,
  body .modal .panel-body {
    padding-inline: 16px !important;
  }

  body .modal-actions > * {
    width: 100% !important;
  }

  body svg,
  body canvas,
  body .dashboard-finance-chart,
  body .dashboard-chart-shell,
  body .chart-wrap {
    max-width: 100% !important;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  body .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid,
  body #operacao > .dashboard-command-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  body .auth-panel {
    width: calc(100vw - 24px) !important;
    padding: 22px 18px !important;
  }

  body .metric,
  body .kpi .metric {
    font-size: clamp(22px, 8vw, 30px) !important;
  }
}

/* Mobile premium v5 — app navigation, compact filters and touch-first density. */
.mobile-bottom-nav,
.mobile-filter-trigger,
.mobile-filter-sheet,
.mobile-sheet-backdrop {
  display: none;
}

@media (max-width: 768px) {
  :root {
    --mobile-nav-height: 68px;
    --mobile-gutter: 12px;
    --mobile-radius: 14px;
  }

  body.mobile-premium-v5 {
    background-attachment: fixed;
  }

  body.mobile-premium-v5.mobile-nav-open,
  body.mobile-premium-v5.mobile-sheet-open {
    overflow: hidden;
    touch-action: none;
  }

  body.mobile-premium-v5 .shell > main {
    padding-bottom: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px) + 28px) !important;
  }

  body.mobile-premium-v5 .mobile-bottom-nav {
    position: fixed;
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    left: 8px;
    z-index: 1000;
    display: grid;
    min-height: var(--mobile-nav-height);
    padding: 6px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    border: 1px solid rgba(126, 151, 190, .22);
    border-radius: 18px;
    background: rgba(7, 17, 28, .94);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .035);
    backdrop-filter: blur(20px) saturate(135%);
  }

  body.mobile-premium-v5 .mobile-bottom-item {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 54px;
    padding: 5px 2px 4px;
    place-items: center;
    align-content: center;
    gap: 3px;
    border: 0;
    border-radius: 13px;
    background: transparent;
    color: #8290a8;
    box-shadow: none;
    transition: color .18s ease, background-color .18s ease, transform .16s ease;
    -webkit-tap-highlight-color: transparent;
  }

  body.mobile-premium-v5 .mobile-bottom-item svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }

  body.mobile-premium-v5 .mobile-bottom-item span {
    width: 100%;
    overflow: hidden;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-premium-v5 .mobile-bottom-item.active {
    background: linear-gradient(180deg, rgba(255, 79, 216, .14), rgba(139, 92, 246, .055));
    color: #ff72dc;
  }

  body.mobile-premium-v5 .mobile-bottom-item.active::after {
    position: absolute;
    right: 28%;
    bottom: 1px;
    left: 28%;
    height: 2px;
    border-radius: 999px;
    background: #ff4fd8;
    box-shadow: 0 0 10px rgba(255, 79, 216, .65);
    content: "";
  }

  body.mobile-premium-v5 .mobile-bottom-item:active,
  body.mobile-premium-v5 button:active,
  body.mobile-premium-v5 [role="button"]:active {
    transform: scale(.975);
  }

  body.mobile-premium-v5 .topbar {
    position: sticky;
    top: 0;
    z-index: 80;
    display: grid !important;
    margin: 0 -12px 14px !important;
    padding: 10px 12px 11px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    border-bottom: 1px solid rgba(126, 151, 190, .14);
    background: rgba(5, 13, 22, .92) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
    backdrop-filter: blur(18px) saturate(130%);
  }

  body.mobile-premium-v5 .topbar > div:first-of-type {
    grid-column: 1 !important;
  }

  body.mobile-premium-v5 .topbar h1 {
    font-size: 21px !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
  }

  body.mobile-premium-v5 .topbar-subtitle {
    display: none !important;
  }

  body.mobile-premium-v5 .topbar .toolbar {
    display: grid !important;
    grid-column: 1 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "filter actions" "status status" !important;
    gap: 8px !important;
  }

  body.mobile-premium-v5 .mobile-filter-trigger {
    grid-area: filter;
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 5px 9px;
    grid-template-columns: 26px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(126, 151, 190, .22);
    border-radius: 12px;
    background: rgba(11, 24, 38, .84);
    color: #edf2fb;
    text-align: left;
    box-shadow: none;
  }

  body.mobile-premium-v5 .mobile-filter-trigger > svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #ff65d5;
    stroke-width: 1.8;
  }

  body.mobile-premium-v5 .mobile-filter-copy {
    display: grid;
    min-width: 0;
    gap: 1px;
  }

  body.mobile-premium-v5 .mobile-filter-copy small {
    color: #7f8ca3;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.1;
    text-transform: uppercase;
  }

  body.mobile-premium-v5 .mobile-filter-copy strong {
    overflow: hidden;
    font-size: 12px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-premium-v5 .mobile-filter-count {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3fc8, #8b5cf6);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
  }

  body.mobile-premium-v5 .topbar .toolbar-actions {
    grid-area: actions;
    display: flex !important;
    width: auto !important;
    gap: 6px !important;
  }

  body.mobile-premium-v5 .topbar .toolbar-actions > * {
    width: 42px !important;
    min-width: 42px !important;
    min-height: 46px !important;
  }

  body.mobile-premium-v5 .topbar .toolbar-status {
    grid-area: status;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.mobile-premium-v5 .topbar .toolbar-status > * {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 7px 10px !important;
    overflow: hidden;
    font-size: 11px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-premium-v5 .mobile-nav-backdrop {
    transition: opacity .2s ease;
  }

  body.mobile-premium-v5 .mobile-sheet-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: none;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(1, 5, 10, .68);
    backdrop-filter: blur(4px);
  }

  body.mobile-premium-v5 .mobile-sheet-backdrop:not([hidden]) {
    display: block;
  }

  body.mobile-premium-v5 .mobile-filter-sheet {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1090;
    display: block;
    max-height: min(84dvh, 720px);
    padding: 7px 14px calc(18px + env(safe-area-inset-bottom, 0px));
    overflow: hidden auto;
    border: 1px solid rgba(126, 151, 190, .22);
    border-bottom: 0;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(180deg, #0d1a29, #07111c);
    box-shadow: 0 -28px 70px rgba(0, 0, 0, .58);
    transform: translateY(105%);
    transition: transform .22s cubic-bezier(.2, .72, .24, 1);
    visibility: hidden;
  }

  body.mobile-premium-v5.mobile-sheet-open .mobile-filter-sheet {
    transform: translateY(0);
    visibility: visible;
  }

  body.mobile-premium-v5 .mobile-sheet-handle {
    width: 38px;
    height: 4px;
    margin: 0 auto 8px;
    border-radius: 999px;
    background: #3a4a60;
  }

  body.mobile-premium-v5 .mobile-sheet-head {
    display: flex;
    min-height: 52px;
    margin-bottom: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid rgba(126, 151, 190, .14);
  }

  body.mobile-premium-v5 .mobile-sheet-head > div {
    display: grid;
    gap: 2px;
  }

  body.mobile-premium-v5 .mobile-sheet-head span {
    color: #ff65d5;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  body.mobile-premium-v5 .mobile-sheet-head strong {
    font-size: 16px;
  }

  body.mobile-premium-v5 .mobile-sheet-close {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    border: 1px solid rgba(126, 151, 190, .2);
    border-radius: 12px;
    background: #111f30;
    color: #eef2f8;
    font-size: 24px;
  }

  body.mobile-premium-v5 .mobile-sheet-body .dashboard-period-controls {
    display: grid !important;
    width: 100% !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
  }

  body.mobile-premium-v5 .mobile-sheet-body .period-quick {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.mobile-premium-v5 .mobile-sheet-body .period-quick .seg,
  body.mobile-premium-v5 .mobile-sheet-body .parent-period-button,
  body.mobile-premium-v5 .mobile-sheet-body .reseller-scope-filter {
    width: 100% !important;
    min-height: 46px !important;
  }

  body.mobile-premium-v5 .mobile-sheet-body .parent-period-button svg {
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.mobile-premium-v5 .mobile-sheet-body .parent-period-shell {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-premium-v5 .mobile-sheet-body .parent-period-picker {
    position: static !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-height: 56dvh !important;
    margin-top: 8px !important;
    overflow: auto !important;
    transform: none !important;
  }

  body.mobile-premium-v5 .view.active {
    animation: mobile-view-enter .18s ease-out both;
  }

  body.mobile-premium-v5 .panel,
  body.mobile-premium-v5 .card,
  body.mobile-premium-v5 .kpi {
    border-radius: var(--mobile-radius) !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .15) !important;
  }

  body.mobile-premium-v5 .panel-header,
  body.mobile-premium-v5 .panel-head {
    padding: 14px !important;
  }

  body.mobile-premium-v5 .panel-title {
    font-size: 15px !important;
  }

  body.mobile-premium-v5 .panel-note,
  body.mobile-premium-v5 .delta,
  body.mobile-premium-v5 .muted {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  body.mobile-premium-v5 .panel-header .toolbar {
    display: flex !important;
    width: 100% !important;
    padding-bottom: 2px;
    gap: 8px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  body.mobile-premium-v5 .panel-header .toolbar::-webkit-scrollbar {
    display: none;
  }

  body.mobile-premium-v5 .panel-header .toolbar > * {
    flex: 0 0 auto;
    width: auto !important;
    min-height: 42px !important;
  }

  body.mobile-premium-v5 .status,
  body.mobile-premium-v5 .badge,
  body.mobile-premium-v5 [class*="badge"] {
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body.mobile-premium-v5 .finance-empty,
  body.mobile-premium-v5 .empty-state {
    min-height: 96px;
    padding: 26px 16px !important;
    align-content: center;
    border: 1px dashed rgba(126, 151, 190, .24);
    border-radius: 12px;
    background: rgba(9, 21, 34, .45);
    color: #91a0b8;
    line-height: 1.5;
    text-align: center;
  }

  body.mobile-premium-v5 .dashboard-finance-chart,
  body.mobile-premium-v5 .dashboard-chart-shell,
  body.mobile-premium-v5 .chart-wrap {
    min-height: 210px;
    contain: layout paint;
  }

  body.mobile-premium-v5 .modal-backdrop {
    padding: 0 !important;
    align-items: flex-end !important;
  }

  body.mobile-premium-v5 .modal-backdrop > .modal,
  body.mobile-premium-v5 .modal-backdrop > .loop-entry-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 92dvh !important;
    margin: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    border-radius: 22px 22px 0 0 !important;
    animation: mobile-modal-enter .2s ease-out both;
  }

  body.mobile-premium-v5 .modal-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, rgba(7, 17, 28, .1), #07111c 24%);
  }
}

@media (min-width: 360px) and (max-width: 768px) {
  body.mobile-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid,
  body.mobile-premium-v5 #operacao > .dashboard-command-center,
  body.mobile-premium-v5 #clientes > .kpi-grid,
  body.mobile-premium-v5 #funil > .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mobile-premium-v5 .kpi {
    min-height: 118px !important;
    padding: 14px !important;
  }

  body.mobile-premium-v5 .kpi .metric {
    margin-top: 8px !important;
    font-size: clamp(20px, 6.3vw, 28px) !important;
  }

  body.mobile-premium-v5 .shell main #operacao.view.active > .dashboard-command-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mobile-premium-v5 .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card {
    display: grid !important;
    min-height: 128px !important;
    padding: 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "label" "value" "note" !important;
    align-content: center !important;
    gap: 5px !important;
  }

  body.mobile-premium-v5 .shell main #operacao.view.active > .dashboard-command-center .dashboard-command-card > strong {
    justify-self: start !important;
    margin: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 520px) {
  body.mobile-premium-v5 table:has(> tbody#movementRows),
  body.mobile-premium-v5 table:has(> tbody#testRows),
  body.mobile-premium-v5 table:has(> tbody#clientRows),
  body.mobile-premium-v5 table:has(> tbody#approvalRows) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.mobile-premium-v5 table:has(> tbody#movementRows) thead,
  body.mobile-premium-v5 table:has(> tbody#testRows) thead,
  body.mobile-premium-v5 table:has(> tbody#clientRows) thead,
  body.mobile-premium-v5 table:has(> tbody#approvalRows) thead {
    display: none !important;
  }

  body.mobile-premium-v5 tbody#movementRows,
  body.mobile-premium-v5 tbody#testRows,
  body.mobile-premium-v5 tbody#clientRows,
  body.mobile-premium-v5 tbody#approvalRows {
    display: grid !important;
    width: 100% !important;
    gap: 10px;
  }

  body.mobile-premium-v5 tbody#movementRows > tr,
  body.mobile-premium-v5 tbody#testRows > tr,
  body.mobile-premium-v5 tbody#clientRows > tr,
  body.mobile-premium-v5 tbody#approvalRows > tr {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 6px 12px;
    border: 1px solid rgba(126, 151, 190, .18);
    border-radius: 13px;
    background: rgba(8, 19, 31, .72);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .13);
  }

  body.mobile-premium-v5 tbody#movementRows > tr > td,
  body.mobile-premium-v5 tbody#testRows > tr > td,
  body.mobile-premium-v5 tbody#clientRows > tr > td,
  body.mobile-premium-v5 tbody#approvalRows > tr > td {
    display: grid !important;
    min-width: 0 !important;
    min-height: 38px;
    padding: 8px 0 !important;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(126, 151, 190, .11) !important;
    font-size: 12px !important;
    overflow-wrap: anywhere;
  }

  body.mobile-premium-v5 tbody#movementRows > tr > td:last-child,
  body.mobile-premium-v5 tbody#testRows > tr > td:last-child,
  body.mobile-premium-v5 tbody#clientRows > tr > td:last-child,
  body.mobile-premium-v5 tbody#approvalRows > tr > td:last-child {
    border-bottom: 0 !important;
  }

  body.mobile-premium-v5 td[data-label]::before {
    color: #7f8ca3;
    content: attr(data-label);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"] {
    grid-template-rows: auto auto auto;
    align-items: start !important;
  }

  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"]::before {
    grid-column: 1;
    grid-row: 1;
  }

  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"] > strong,
  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"] > .panel-note,
  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"] > .client-history-trigger {
    grid-column: 2;
    min-width: 0;
  }

  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"] > strong {
    grid-row: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"] > .panel-note {
    grid-row: 2;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Usuário"] > .client-history-trigger {
    grid-row: 3;
    justify-self: start;
    width: auto !important;
    min-height: 30px !important;
    margin: 5px 0 0 !important;
    position: relative;
    z-index: 1;
  }

  body.mobile-premium-v5 tbody#clientRows > tr > td[data-label="Senha"] > .password-value {
    grid-column: 2;
  }

  body.mobile-premium-v5 tr:has(.finance-empty) {
    display: block !important;
    padding: 0 !important;
  }

  body.mobile-premium-v5 tr:has(.finance-empty) > td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.mobile-premium-v5 .table-scroll,
  body.mobile-premium-v5 .table-wrap {
    overflow: visible !important;
  }
}

@media (max-width: 359px) {
  body.mobile-premium-v5 .mobile-bottom-item span {
    font-size: 8px;
  }

  body.mobile-premium-v5 .topbar .toolbar-status {
    grid-template-columns: 1fr !important;
  }

  body.mobile-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid,
  body.mobile-premium-v5 #clientes > .kpi-grid,
  body.mobile-premium-v5 #funil > .kpi-grid {
    grid-template-columns: 1fr !important;
  }

  body.mobile-premium-v5 .shell main #operacao.view.active > .dashboard-command-center {
    grid-template-columns: 1fr !important;
  }
}

@keyframes mobile-view-enter {
  from { opacity: .72; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mobile-modal-enter {
  from { opacity: .7; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  body.mobile-premium-v5 *,
  body.mobile-premium-v5 *::before,
  body.mobile-premium-v5 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Period range: applied endpoints stay legible and the interval reads as one selection. */
body .parent-period-day.in-range,
body .parent-period-day.range-middle {
  border-color: rgba(255, 79, 216, .30) !important;
  background: rgba(255, 79, 216, .13) !important;
  color: #f7eefa !important;
}

body .parent-period-day.range-start,
body .parent-period-day.range-end,
body .parent-period-day.range-single,
body .parent-period-day.selected {
  border-color: rgba(255, 142, 231, .88) !important;
  background: linear-gradient(135deg, #ff3ba9, #8b45ff) !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(255, 79, 216, .12), 0 5px 16px rgba(139, 69, 255, .24) !important;
}

body .parent-period-day.range-start:not(.range-single) {
  border-radius: 9px 4px 4px 9px !important;
}

body .parent-period-day.range-end:not(.range-single) {
  border-radius: 4px 9px 9px 4px !important;
}

/* source: painel_v1_prototipo/fusion-premium-v5.css */
:root {
  --fp-bg: #030a14;
  --fp-bg-deep: #02070f;
  --fp-sidebar: #050c16;
  --fp-surface: #081322;
  --fp-surface-2: #0a1727;
  --fp-surface-3: #0d1b2d;
  --fp-line: rgba(127, 151, 190, .18);
  --fp-line-strong: rgba(139, 92, 246, .34);
  --fp-text: #f5f7ff;
  --fp-muted: #8f9cb2;
  --fp-violet: #8b5cf6;
  --fp-pink: #f34daf;
  --fp-green: #31df8b;
  --fp-red: #ff5572;
  --fp-blue: #4aa8ff;
  --fp-amber: #ff9d35;
  --fp-radius: 14px;
}

/* High-priority usability pass — operational density, financial semantics and settings. */
html body.fusion-premium-v5 #operacao .dashboard-grid .delta.good {
  color: #42d88f !important;
}

html body.fusion-premium-v5 #operacao .dashboard-grid .delta.bad {
  color: #ff7285 !important;
}

html body.fusion-premium-v5 #operacao .dashboard-grid .delta.neutral {
  color: #98a4b8 !important;
}

html body.fusion-premium-v5 #funil > .kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

html body.fusion-premium-v5 #funil > .kpi-grid > .kpi {
  min-height: 92px !important;
  padding: 12px 14px !important;
}

html body.fusion-premium-v5 #funil > .kpi-grid > .kpi:nth-child(3),
html body.fusion-premium-v5 #funil > .kpi-grid > .kpi:nth-child(6),
html body.fusion-premium-v5 #funil > .kpi-grid > .kpi:nth-child(7) {
  display: none !important;
}

html body.fusion-premium-v5 #funil > .kpi-grid .kpi-head {
  align-items: center !important;
}

html body.fusion-premium-v5 #funil > .kpi-grid .kpi-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
}

html body.fusion-premium-v5 #funil > .kpi-grid .metric {
  margin-top: 5px !important;
  font-size: 23px !important;
}

html body.fusion-premium-v5 #funil > .kpi-grid .delta {
  display: none !important;
}

html body.fusion-premium-v5 #funil > .panel {
  margin-top: 10px !important;
}

html body.fusion-premium-v5 #carteira .finance-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.fusion-premium-v5 #carteira .finance-summary-card {
  min-height: 82px !important;
  padding: 12px !important;
}

html body.fusion-premium-v5 #carteira .finance-summary-card:nth-child(5) {
  display: none !important;
}

html body.fusion-premium-v5 #configuracoes .parent-settings-tabs {
  position: sticky;
  top: 70px;
  z-index: 12;
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid rgba(126, 151, 190, .18);
  border-radius: 12px;
  background: rgba(7, 17, 28, .94);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
  backdrop-filter: blur(16px);
  scrollbar-width: none;
}

html body.fusion-premium-v5 #configuracoes .parent-settings-tabs::-webkit-scrollbar {
  display: none;
}

html body.fusion-premium-v5 #configuracoes .parent-settings-tabs button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #98a4b8;
  font-size: 12px;
  font-weight: 800;
}

html body.fusion-premium-v5 #configuracoes .parent-settings-tabs button.active {
  border-color: rgba(255, 79, 216, .32);
  background: rgba(255, 79, 216, .12);
  color: #fff;
}

html body.fusion-premium-v5 #configuracoes > .grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.fusion-premium-v5 #configuracoes [data-settings-pane][hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  html body.mobile-premium-v5.fusion-premium-v5 .shell main {
    padding-bottom: calc(var(--mobile-nav-height, 68px) + env(safe-area-inset-bottom, 0px) + 38px) !important;
    scroll-padding-bottom: calc(var(--mobile-nav-height, 68px) + env(safe-area-inset-bottom, 0px) + 38px);
  }

  html body.mobile-premium-v5.fusion-premium-v5 #funil > .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #funil > .kpi-grid > .kpi {
    min-height: 84px !important;
    padding: 11px 12px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #funil > .kpi-grid .kpi-icon {
    width: 30px !important;
    height: 30px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #funil > .kpi-grid .metric {
    margin-top: 2px !important;
    font-size: 21px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #funil > .panel .panel-header {
    align-items: flex-start !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #carteira .finance-tabs {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #carteira .finance-tabs::-webkit-scrollbar {
    display: none;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #carteira .finance-tab {
    flex: 0 0 auto !important;
    min-width: 148px !important;
    scroll-snap-align: start;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #carteira .finance-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #carteira .finance-summary-card {
    min-height: 76px !important;
    padding: 10px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer {
    inset: auto 0 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: 72dvh !important;
    border: 1px solid rgba(126, 151, 190, .22) !important;
    border-bottom: 0 !important;
    border-radius: 22px 22px 0 0 !important;
    transform: translateY(105%) !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer.show {
    transform: translateY(0) !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-body {
    overflow-y: auto;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-actions {
    position: sticky;
    bottom: 0;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    background: #07111c;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .modal-backdrop > .modal,
  html body.mobile-premium-v5.fusion-premium-v5 .modal-backdrop > .loop-entry-modal {
    max-height: calc(var(--fusion-mobile-viewport-height, 100dvh) - 8px) !important;
    overflow: hidden auto !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .modal-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 6 !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 #configuracoes .parent-settings-tabs {
    top: 8px;
    margin-inline: -2px;
  }
}

/* Cobertura da operação — indicador independente do filtro histórico do dashboard. */
html body.fusion-premium-v5 .shell main #operacao.view.active > .operation-coverage-card {
  order: 1 !important;
  position: relative;
  overflow: hidden;
  padding: 18px 20px;
  border: 1px solid var(--fp-line);
  border-radius: var(--fp-radius);
  background:
    radial-gradient(circle at 88% -40%, rgba(139, 92, 246, .16), transparent 40%),
    linear-gradient(150deg, rgba(10, 23, 39, .98), rgba(6, 16, 29, .99));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .16);
}

html body.fusion-premium-v5 .operation-coverage-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: var(--coverage-accent, var(--fp-blue));
  box-shadow: 0 0 20px var(--coverage-accent, var(--fp-blue));
  opacity: .85;
}

html body.fusion-premium-v5 .operation-coverage-card[data-coverage-state="near"] { --coverage-accent: var(--fp-amber); }
html body.fusion-premium-v5 .operation-coverage-card[data-coverage-state="paid"] { --coverage-accent: var(--fp-green); }
html body.fusion-premium-v5 .operation-coverage-card[data-coverage-state="above"] { --coverage-accent: var(--fp-pink); }
html body.fusion-premium-v5 .operation-coverage-card[data-coverage-state="no_costs"],
html body.fusion-premium-v5 .operation-coverage-card[data-coverage-state="error"] { --coverage-accent: #718096; }

html body.fusion-premium-v5 .operation-coverage-header,
html body.fusion-premium-v5 .operation-coverage-heading,
html body.fusion-premium-v5 .operation-coverage-result-line {
  display: flex;
  align-items: center;
}

html body.fusion-premium-v5 .operation-coverage-header {
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

html body.fusion-premium-v5 .operation-coverage-heading { min-width: 0; gap: 11px; }
html body.fusion-premium-v5 .operation-coverage-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--coverage-accent, var(--fp-blue)) 42%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--coverage-accent, var(--fp-blue)) 12%, transparent);
  color: var(--coverage-accent, var(--fp-blue));
}
html body.fusion-premium-v5 .operation-coverage-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; }
html body.fusion-premium-v5 .operation-coverage-heading h2 {
  margin: 0;
  color: var(--fp-text);
  font-size: 15px;
  font-weight: 760;
  letter-spacing: -.01em;
}
html body.fusion-premium-v5 .operation-coverage-heading p,
html body.fusion-premium-v5 .operation-coverage-summary p {
  margin: 3px 0 0;
  color: var(--fp-muted);
  font-size: 10px;
  line-height: 1.4;
}

html body.fusion-premium-v5 .operation-coverage-modes {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(64px, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--fp-line);
  border-radius: 10px;
  background: rgba(3, 10, 20, .7);
}
html body.fusion-premium-v5 .operation-coverage-modes button {
  min-height: 32px !important;
  padding: 0 13px;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--fp-muted) !important;
  font-size: 11px;
  font-weight: 720;
}
html body.fusion-premium-v5 .operation-coverage-modes button.active {
  background: rgba(139, 92, 246, .2) !important;
  color: #f7f4ff !important;
  box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .25);
}

html body.fusion-premium-v5 .operation-coverage-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 31%);
  gap: 24px;
  align-items: end;
}
html body.fusion-premium-v5 .operation-coverage-summary { min-width: 0; }
html body.fusion-premium-v5 .operation-coverage-result-line { gap: 12px; margin-bottom: 11px; }
html body.fusion-premium-v5 .operation-coverage-result-line strong {
  color: var(--coverage-accent, var(--fp-blue));
  font-size: clamp(26px, 2.4vw, 34px);
  font-weight: 790;
  line-height: 1;
  letter-spacing: -.035em;
}
html body.fusion-premium-v5 .operation-coverage-result-line span {
  color: #d9e1ed;
  font-size: 12px;
  font-weight: 700;
}
html body.fusion-premium-v5 .operation-coverage-track {
  height: 7px;
  overflow: hidden;
  border: 1px solid rgba(127, 151, 190, .12);
  border-radius: 999px;
  background: rgba(2, 8, 17, .84);
}
html body.fusion-premium-v5 .operation-coverage-track > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--coverage-accent, var(--fp-blue)) 68%, #fff), var(--coverage-accent, var(--fp-blue)));
  box-shadow: 0 0 16px color-mix(in srgb, var(--coverage-accent, var(--fp-blue)) 52%, transparent);
  transition: width .35s ease;
}
html body.fusion-premium-v5 .operation-coverage-summary p { margin-top: 9px; }

html body.fusion-premium-v5 .operation-coverage-highlight {
  min-width: 0;
  padding: 13px 15px;
  border: 1px solid rgba(127, 151, 190, .14);
  border-radius: 11px;
  background: rgba(5, 14, 25, .7);
}
html body.fusion-premium-v5 .operation-coverage-highlight > span {
  display: block;
  color: var(--fp-muted);
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .065em;
  text-transform: uppercase;
}
html body.fusion-premium-v5 .operation-coverage-highlight strong {
  display: block;
  margin-top: 5px;
  color: var(--fp-text);
  font-size: 16px;
  font-weight: 760;
}
html body.fusion-premium-v5 .operation-coverage-highlight small {
  display: block;
  margin-top: 5px;
  color: var(--fp-muted);
  font-size: 9px;
  line-height: 1.45;
}
html body.fusion-premium-v5 .operation-coverage-highlight .operation-coverage-pace {
  color: #b9c5d8;
  font-weight: 680;
}
html body.fusion-premium-v5 .operation-coverage-highlight .operation-coverage-reached {
  color: var(--fp-green);
  font-weight: 680;
}
html body.fusion-premium-v5 .operation-coverage-details-toggle {
  display: flex;
  width: 100%;
  min-height: 28px !important;
  margin-top: 8px;
  padding: 0 !important;
  align-items: center;
  justify-content: space-between;
  border: 0 !important;
  background: transparent !important;
  color: #b9c5d8 !important;
  font-size: 10px;
  font-weight: 720;
}
html body.fusion-premium-v5 .operation-coverage-details-toggle span:last-child { transition: transform .18s ease; }
html body.fusion-premium-v5 .operation-coverage-details-toggle[aria-expanded="true"] span:last-child { transform: rotate(180deg); }
html body.fusion-premium-v5 .operation-coverage-details[hidden] { display: none !important; }
html body.fusion-premium-v5 .operation-coverage-details {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--fp-line);
}
html body.fusion-premium-v5 .operation-coverage-details-head,
html body.fusion-premium-v5 .operation-coverage-detail-row,
html body.fusion-premium-v5 .operation-coverage-detail-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
html body.fusion-premium-v5 .operation-coverage-details-head { margin-bottom: 9px; }
html body.fusion-premium-v5 .operation-coverage-details-head strong,
html body.fusion-premium-v5 .operation-coverage-detail-total strong {
  color: var(--fp-text);
  font-size: 11px;
}
html body.fusion-premium-v5 .operation-coverage-details-head span,
html body.fusion-premium-v5 .operation-coverage-detail-row small,
html body.fusion-premium-v5 .operation-coverage-detail-total span {
  color: var(--fp-muted);
  font-size: 9px;
}
html body.fusion-premium-v5 .operation-coverage-detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 20px;
}
html body.fusion-premium-v5 .operation-coverage-detail-row {
  min-width: 0;
  min-height: 28px;
  padding: 0 2px;
  border-bottom: 1px solid rgba(127, 151, 190, .09);
}
html body.fusion-premium-v5 .operation-coverage-detail-row span {
  min-width: 0;
  overflow: hidden;
  color: #d4dce8;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body.fusion-premium-v5 .operation-coverage-detail-row strong { color: #edf2fa; font-size: 10px; }
html body.fusion-premium-v5 .operation-coverage-detail-row small { margin-left: auto; }
html body.fusion-premium-v5 .operation-coverage-detail-total { margin-top: 8px; }
html body.fusion-premium-v5 .operation-coverage-toast {
  position: fixed;
  z-index: 180;
  right: 24px;
  bottom: 24px;
  display: flex;
  min-height: 46px;
  padding: 0 16px;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(49, 223, 139, .35);
  border-radius: 12px;
  background: rgba(7, 24, 26, .96);
  color: #eafff4;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .35);
  font-size: 11px;
}
html body.fusion-premium-v5 .operation-coverage-toast[hidden] { display: none !important; }
html body.fusion-premium-v5 .operation-coverage-toast span { color: var(--fp-green); font-size: 17px; }
html body.fusion-premium-v5 .operation-coverage-card.is-loading { opacity: .78; }
html body.fusion-premium-v5 .operation-coverage-card.is-loading .operation-coverage-track > span { width: 24%; opacity: .45; }

html body.fusion-premium-v5 .manual-entry-cadence[hidden] { display: none !important; }
html body.fusion-premium-v5 .manual-entry-cadence > small {
  color: var(--fp-muted);
  font-size: 10px;
  line-height: 1.45;
}

@media (max-width: 760px) {
  html body.mobile-premium-v5.fusion-premium-v5 .shell main #operacao.view.active > .operation-coverage-card {
    padding: 15px;
  }
  html body.fusion-premium-v5 .operation-coverage-header { align-items: flex-start; margin-bottom: 16px; }
  html body.fusion-premium-v5 .operation-coverage-heading p { max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html body.fusion-premium-v5 .operation-coverage-modes { grid-template-columns: repeat(2, minmax(52px, 1fr)); }
  html body.fusion-premium-v5 .operation-coverage-modes button { min-height: 34px !important; padding: 0 9px; }
  html body.fusion-premium-v5 .operation-coverage-body { grid-template-columns: 1fr; gap: 12px; }
  html body.fusion-premium-v5 .operation-coverage-highlight { padding: 11px 12px; }
  html body.fusion-premium-v5 .operation-coverage-result-line { align-items: baseline; flex-wrap: wrap; gap: 7px 10px; }
  html body.fusion-premium-v5 .operation-coverage-result-line strong { font-size: 29px; }
  html body.fusion-premium-v5 .operation-coverage-detail-list { grid-template-columns: 1fr; }
  html body.fusion-premium-v5 .operation-coverage-toast {
    right: 14px;
    bottom: 82px;
    left: 14px;
    justify-content: center;
  }
}

body.fusion-premium-v5 {
  color: var(--fp-text) !important;
  background:
    radial-gradient(circle at 78% -8%, rgba(92, 67, 210, .12), transparent 31rem),
    radial-gradient(circle at 14% 34%, rgba(243, 77, 175, .055), transparent 28rem),
    var(--fp-bg) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.fusion-premium-v5 .shell,
body.fusion-premium-v5 .shell.sidebar-expanded {
  grid-template-columns: 216px minmax(0, 1fr) !important;
  background: transparent !important;
}

body.fusion-premium-v5 .shell > aside {
  position: sticky !important;
  width: auto !important;
  padding: 16px 12px 18px !important;
  border-right: 1px solid var(--fp-line) !important;
  background: linear-gradient(180deg, rgba(5, 13, 24, .99), rgba(3, 9, 17, .99)) !important;
  box-shadow: 18px 0 45px rgba(0, 0, 0, .18) !important;
}

body.fusion-premium-v5 .brand {
  min-height: 92px !important;
  margin: 0 0 14px !important;
  padding: 8px 13px 18px !important;
  gap: 10px !important;
  border-bottom-color: var(--fp-line) !important;
}

body.fusion-premium-v5 .brand-mark,
body.fusion-premium-v5 .brand-mark.has-logo,
body.fusion-premium-v5 #brandMark {
  width: 68px !important;
  height: 68px !important;
  flex: 0 0 68px !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 0 24px rgba(243, 77, 175, .16) !important;
}

body.fusion-premium-v5 #brandMark > img,
body.fusion-premium-v5 .brand-mark img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

body.fusion-premium-v5 #brandMark > span { display: none !important; }
body.fusion-premium-v5 .brand-text strong,
body.fusion-premium-v5 #brandName { font-size: 19px !important; font-weight: 760 !important; }
body.fusion-premium-v5 .brand-text span { display: block !important; color: var(--fp-muted) !important; font-size: 10px !important; }

body.fusion-premium-v5 .nav-btn {
  min-height: 43px !important;
  margin: 2px 0 !important;
  padding: 0 12px !important;
  gap: 11px !important;
  border-radius: 8px !important;
  color: #9aa7bc !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease !important;
}

body.fusion-premium-v5 .nav-btn:hover {
  border-color: rgba(139, 92, 246, .18) !important;
  background: rgba(139, 92, 246, .055) !important;
}

body.fusion-premium-v5 .nav-btn.active,
body.fusion-premium-v5 .nav-btn.is-active,
body.fusion-premium-v5 .nav-btn[aria-current="page"] {
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(90deg, rgba(127, 72, 207, .34), rgba(89, 50, 150, .16)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 8px 22px rgba(61, 36, 120, .12) !important;
}

body.fusion-premium-v5 .nav-btn.active::after {
  inset: 10px auto 10px -12px !important;
  width: 2px !important;
  background: linear-gradient(var(--fp-pink), var(--fp-violet)) !important;
  box-shadow: 0 0 12px rgba(243, 77, 175, .5) !important;
}

body.fusion-premium-v5 .shell > main {
  padding: 0 26px 40px !important;
  background: transparent !important;
}

/* Desktop command/search bar */
body.fusion-premium-v5 .premium-command-bar {
  position: relative;
  z-index: 100;
  height: 68px;
  margin: 0 -26px;
  padding: 0 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--fp-line);
  background: rgba(3, 10, 20, .82);
  backdrop-filter: blur(18px);
}

body.fusion-premium-v5 .premium-search { position: relative; width: min(450px, 52vw); }
body.fusion-premium-v5 .premium-search > svg {
  position: absolute; left: 13px; top: 50%; z-index: 1; width: 17px; height: 17px;
  transform: translateY(-50%); stroke: var(--fp-muted); fill: none;
}
body.fusion-premium-v5 .premium-search input {
  width: 100%; height: 38px; margin: 0 !important; padding: 0 56px 0 40px !important;
  border: 1px solid var(--fp-line) !important; border-radius: 8px !important;
  background: rgba(4, 12, 23, .9) !important; color: var(--fp-text) !important;
  font-size: 12px !important; box-shadow: inset 0 1px rgba(255,255,255,.02) !important;
}
body.fusion-premium-v5 .premium-search input:focus { border-color: rgba(139,92,246,.65) !important; outline: 0 !important; }
body.fusion-premium-v5 .premium-search kbd {
  position: absolute; right: 9px; top: 50%; transform: translateY(-50%);
  min-width: 29px; padding: 3px 6px; border: 1px solid rgba(139,92,246,.5); border-radius: 5px;
  color: #b99cff; background: rgba(139,92,246,.08); font: 700 10px/1.2 ui-monospace, monospace; text-align: center;
}
body.fusion-premium-v5 .premium-search-results {
  position: absolute; inset: 44px 0 auto; z-index: 50; max-height: 310px; overflow: auto;
  padding: 7px; border: 1px solid var(--fp-line-strong); border-radius: 11px;
  background: rgba(7,18,32,.98); box-shadow: 0 20px 55px rgba(0,0,0,.48);
}
body.fusion-premium-v5 .premium-search-results[hidden] { display: none !important; }
body.fusion-premium-v5 .premium-search-results button,
body.fusion-premium-v5 .premium-profile-menu button {
  width: 100%; min-height: 42px; padding: 8px 10px !important; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border: 0 !important; border-radius: 7px !important; background: transparent !important; color: var(--fp-text) !important; text-align: left;
}
body.fusion-premium-v5 .premium-search-results button:hover,
body.fusion-premium-v5 .premium-profile-menu button:hover { background: rgba(139,92,246,.12) !important; }
body.fusion-premium-v5 .premium-search-results small { color: var(--fp-muted); font-size: 10px; }
body.fusion-premium-v5 .premium-search-results p { margin: 12px; color: var(--fp-muted); font-size: 12px; }
body.fusion-premium-v5 .premium-command-actions { display: flex; align-items: center; gap: 9px; }
body.fusion-premium-v5 .premium-command-icon {
  position: relative; width: 38px; height: 38px; padding: 0 !important; display: grid; place-items: center;
  border: 1px solid transparent !important; border-radius: 9px !important; background: transparent !important; color: #d8def0 !important;
}
body.fusion-premium-v5 .premium-command-icon:hover { border-color: var(--fp-line) !important; background: var(--fp-surface) !important; }
body.fusion-premium-v5 .premium-command-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; }
body.fusion-premium-v5 .premium-notification-dot {
  position: absolute; right: 7px; top: 7px; width: 6px; height: 6px; border: 1px solid var(--fp-bg); border-radius: 50%; background: var(--fp-pink);
}
body.fusion-premium-v5 .premium-profile-wrap { position: relative; }
body.fusion-premium-v5 .premium-profile-button {
  min-height: 46px; padding: 4px 5px 4px 8px !important; display: flex; align-items: center; gap: 9px;
  border: 0 !important; background: transparent !important; color: var(--fp-text) !important; text-align: left;
}
body.fusion-premium-v5 .premium-profile-button img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
body.fusion-premium-v5 .premium-profile-button span { display: grid; gap: 1px; }
body.fusion-premium-v5 .premium-profile-button strong { font-size: 11px; }
body.fusion-premium-v5 .premium-profile-button small { color: var(--fp-muted); font-size: 9px; }
body.fusion-premium-v5 .premium-profile-button b { color: var(--fp-muted); font-size: 12px; }
body.fusion-premium-v5 .premium-profile-menu {
  position: absolute; right: 0; top: 51px; z-index: 60; width: 190px; padding: 7px;
  border: 1px solid var(--fp-line-strong); border-radius: 11px; background: rgba(7,18,32,.98); box-shadow: 0 18px 45px rgba(0,0,0,.45);
}
body.fusion-premium-v5 .premium-profile-menu[hidden] { display: none !important; }
body.fusion-premium-v5 .premium-profile-menu svg { width: 16px; height: 16px; stroke: currentColor; fill: none; }

body.fusion-premium-v5 .topbar {
  display: grid !important;
  grid-template-columns: minmax(210px, 1fr) auto !important;
  min-height: 116px !important;
  margin: 0 -26px 18px !important;
  padding: 24px 26px !important;
  align-items: center !important;
  gap: 18px !important;
  border-bottom: 1px solid rgba(127,151,190,.08) !important;
  background: transparent !important;
}
body.fusion-premium-v5 .topbar h1 { font-size: clamp(25px, 2vw, 29px) !important; font-weight: 760 !important; }
body.fusion-premium-v5 .topbar-subtitle { color: var(--fp-muted) !important; font-size: 12px !important; }
body.fusion-premium-v5 .topbar .toolbar {
  display: flex !important; width: auto !important; grid-template-columns: none !important; flex-wrap: wrap !important; justify-content: flex-end !important;
}
body.fusion-premium-v5 .topbar .toolbar-status,
body.fusion-premium-v5 .topbar .dashboard-period-controls,
body.fusion-premium-v5 .topbar .toolbar-actions { display: flex !important; width: auto !important; }
body.fusion-premium-v5 .topbar .toolbar-status .sync-btn,
body.fusion-premium-v5 .topbar .toolbar-status .pending-payable-btn,
body.fusion-premium-v5 .topbar .toolbar .parent-period-button,
body.fusion-premium-v5 .topbar .toolbar-actions .icon-btn,
body.fusion-premium-v5 .premium-filter-toggle {
  height: 42px !important; min-height: 42px !important; padding: 0 12px !important;
  border: 1px solid var(--fp-line) !important; border-radius: 9px !important;
  background: rgba(8,19,34,.82) !important; color: #d3daea !important; box-shadow: none !important;
}
body.fusion-premium-v5 .topbar .toolbar-actions .icon-btn { width: 42px !important; padding: 0 !important; }
body.fusion-premium-v5 .parent-period-button svg,
body.fusion-premium-v5 .premium-filter-toggle svg { width: 16px; height: 16px; stroke: currentColor; fill: none; }
body.fusion-premium-v5 .premium-filter-toggle { position: relative; display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
body.fusion-premium-v5 .premium-filter-count {
  min-width: 18px; height: 18px; padding: 0 5px; display: grid; place-items: center; border-radius: 999px; background: var(--fp-violet); color: #fff; font-size: 9px;
}
body.fusion-premium-v5 .dashboard-period-controls { position: relative !important; }
body.fusion-premium-v5 .premium-filter-popover {
  position: absolute; z-index: 45; right: 0; top: 50px; width: min(560px, 86vw); padding: 10px;
  display: grid; grid-template-columns: 1fr 210px; gap: 9px; align-items: center;
  border: 1px solid var(--fp-line-strong); border-radius: 12px; background: rgba(7,18,32,.98); box-shadow: 0 22px 55px rgba(0,0,0,.5);
}
body.fusion-premium-v5 .premium-filter-popover[hidden] { display: none !important; }
body.fusion-premium-v5 .topbar .premium-filter-popover .period-quick { display: flex !important; height: 42px !important; }
body.fusion-premium-v5 .topbar .premium-filter-popover .reseller-scope-filter {
  width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; border-color: var(--fp-line) !important; background: var(--fp-surface-2) !important;
}
body.fusion-premium-v5 .premium-mobile-brand { display: none; }

/* Cards and dashboard hierarchy */
body.fusion-premium-v5 .panel,
body.fusion-premium-v5 .kpi,
body.fusion-premium-v5 .reconciliation-card,
body.fusion-premium-v5 .closing-card,
body.fusion-premium-v5 .daily-closing-card,
body.fusion-premium-v5 .finance-summary-card,
body.fusion-premium-v5 .pending-center-card,
body.fusion-premium-v5 .audit-summary-card {
  border-color: var(--fp-line) !important;
  border-radius: var(--fp-radius) !important;
  background: linear-gradient(155deg, rgba(10,23,39,.96), rgba(6,16,29,.98)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.015), 0 16px 38px rgba(0,0,0,.12) !important;
}
body.fusion-premium-v5 .panel-header,
body.fusion-premium-v5 .panel-head,
body.fusion-premium-v5 .finance-ledger-head {
  min-height: 55px !important; padding: 14px 16px !important; border-bottom-color: var(--fp-line) !important; background: transparent !important;
}
body.fusion-premium-v5 .panel-title,
body.fusion-premium-v5 .panel-head h2 { color: var(--fp-text) !important; font-size: 14px !important; font-weight: 730 !important; }
body.fusion-premium-v5 .panel-note { margin-top: 4px !important; color: var(--fp-muted) !important; font-size: 10px !important; }

body.fusion-premium-v5 #operacao > .dashboard-surface {
  overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; overflow: visible !important;
}
body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n) {
  display: none !important;
}
body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3),
body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important; grid-template-rows: auto auto auto !important;
  min-height: 150px !important; padding: 18px !important; column-gap: 12px !important;
  border: 1px solid var(--fp-line) !important; border-radius: var(--fp-radius) !important;
  background: linear-gradient(155deg, rgba(10,23,39,.97), rgba(6,16,29,.98)) !important;
}
body.fusion-premium-v5 #operacao .dashboard-grid .kpi-head { display: contents !important; }
body.fusion-premium-v5 #operacao .dashboard-grid .name {
  grid-column: 1 !important; grid-row: 1 !important; max-width: none !important; color: #c7cfdd !important; font-size: 12px !important; font-weight: 620 !important; text-transform: none !important;
}
body.fusion-premium-v5 #operacao .dashboard-grid .kpi-icon {
  grid-column: 2 !important; grid-row: 1 / span 2 !important; width: 38px !important; height: 38px !important; border: 1px solid currentColor !important; border-radius: 10px !important;
}
body.fusion-premium-v5 #operacao .dashboard-grid .metric {
  grid-column: 1 / -1 !important; grid-row: 2 !important; margin: 15px 0 0 !important; color: var(--fp-text) !important; font-size: clamp(22px, 2vw, 28px) !important; font-weight: 780 !important;
}
body.fusion-premium-v5 #operacao .dashboard-grid .delta {
  grid-column: 1 / -1 !important; grid-row: 3 !important; align-self: end !important; margin: 12px 0 0 !important; color: var(--fp-green) !important; font-size: 10px !important;
}
body.fusion-premium-v5 #operacao .dashboard-grid .kpi:nth-child(2) .metric,
body.fusion-premium-v5 #operacao .dashboard-grid .kpi:nth-child(3) .metric { color: var(--fp-text) !important; }

body.fusion-premium-v5 #operacao > .dashboard-insights {
  order: 2 !important; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .85fr) !important; gap: 14px !important;
}
body.fusion-premium-v5 #operacao > .dashboard-insights,
body.fusion-premium-v5 #operacao > .dashboard-insights > .panel { height: auto !important; min-height: 405px !important; }
body.fusion-premium-v5 #operacao .dashboard-finance-chart { min-height: 335px !important; }

body.fusion-premium-v5 .premium-section-disclosure {
  width: 100%; min-height: 42px; margin: 2px 0 0; padding: 0 4px !important; display: flex; align-items: center; justify-content: space-between;
  border: 0 !important; background: transparent !important; color: #dbe1ed !important; font-size: 12px; font-weight: 700; text-align: left;
}
body.fusion-premium-v5 .premium-section-disclosure b { color: var(--fp-muted); transition: transform .2s ease; }
body.fusion-premium-v5 .premium-section-disclosure[aria-expanded="true"] b { transform: rotate(180deg); }
body.fusion-premium-v5 #operacao > .dashboard-command-center,
body.fusion-premium-v5 #operacao > .dashboard-secondary-insights {
  max-height: 900px !important; opacity: 1; transform: translateY(0); transition: max-height .25s ease, opacity .2s ease, transform .2s ease !important;
}
body.fusion-premium-v5 #operacao > .dashboard-command-center.premium-collapsed,
body.fusion-premium-v5 #operacao > .dashboard-secondary-insights.premium-collapsed {
  display: grid !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; opacity: 0; transform: translateY(-5px);
}
body.fusion-premium-v5 #operacao > .dashboard-command-center::before { display: none !important; }
body.fusion-premium-v5 #operacao > .dashboard-command-center:not(.premium-collapsed) {
  padding: 0 !important; border-radius: var(--fp-radius) !important; background: var(--fp-surface) !important;
}

/* Working screens, tables and actions */
body.fusion-premium-v5 .action-btn,
body.fusion-premium-v5 button.secondary,
body.fusion-premium-v5 .seg {
  border-radius: 8px !important; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease !important;
}
body.fusion-premium-v5 .action-btn.approved,
body.fusion-premium-v5 button.primary,
body.fusion-premium-v5 .primary {
  border-color: rgba(243,77,175,.65) !important;
  background: linear-gradient(100deg, #a84fe6, #ee4bab) !important;
  color: #fff !important; box-shadow: 0 8px 22px rgba(192,57,168,.16) !important;
}
body.fusion-premium-v5 input,
body.fusion-premium-v5 select,
body.fusion-premium-v5 textarea {
  border-color: var(--fp-line) !important; border-radius: 8px !important; background: #081522 !important; color: var(--fp-text) !important;
}
body.fusion-premium-v5 input:focus,
body.fusion-premium-v5 select:focus,
body.fusion-premium-v5 textarea:focus { border-color: rgba(139,92,246,.68) !important; outline: 0 !important; box-shadow: 0 0 0 3px rgba(139,92,246,.09) !important; }
body.fusion-premium-v5 .table-wrap { border-color: var(--fp-line) !important; border-radius: 10px !important; }
body.fusion-premium-v5 table thead th { color: #8f9cb2 !important; background: rgba(10,23,39,.78) !important; font-size: 10px !important; letter-spacing: .045em !important; }
body.fusion-premium-v5 table td { min-height: 54px; border-color: rgba(127,151,190,.10) !important; color: #cfd6e5 !important; }
body.fusion-premium-v5 table tbody tr { transition: background .16s ease !important; }
body.fusion-premium-v5 table tbody tr:hover { background: rgba(139,92,246,.045) !important; }

body.fusion-premium-v5 .premium-actions-wrap { position: relative; display: inline-flex; }
body.fusion-premium-v5 .premium-more-button {
  width: 40px; height: 40px; padding: 0 !important; border: 1px solid var(--fp-line) !important; border-radius: 8px !important; background: var(--fp-surface-2) !important; color: #cbd3e2 !important;
}
body.fusion-premium-v5 .premium-actions-menu {
  position: absolute; right: 0; top: 46px; z-index: 45; min-width: 210px; padding: 7px;
  border: 1px solid var(--fp-line-strong); border-radius: 11px; background: rgba(7,18,32,.99); box-shadow: 0 20px 48px rgba(0,0,0,.48);
}
body.fusion-premium-v5 .premium-actions-menu[hidden] { display: none !important; }
body.fusion-premium-v5 .premium-actions-menu .action-btn { width: 100% !important; min-height: 40px !important; margin: 0 !important; padding: 8px 10px !important; justify-content: flex-start !important; border: 0 !important; background: transparent !important; color: #d6ddec !important; box-shadow: none !important; text-align: left !important; }
body.fusion-premium-v5 .premium-actions-menu .action-btn:hover { background: rgba(139,92,246,.12) !important; }

@media (max-width: 1180px) {
  body.fusion-premium-v5 .shell,
  body.fusion-premium-v5 .shell.sidebar-expanded { grid-template-columns: 76px minmax(0, 1fr) !important; }
  body.fusion-premium-v5 .brand-text,
  body.fusion-premium-v5 .nav-label { display: none !important; }
  body.fusion-premium-v5 .brand { justify-content: center !important; padding-inline: 0 !important; }
  body.fusion-premium-v5 .nav-btn { justify-content: center !important; padding: 0 !important; }
  body.fusion-premium-v5 .topbar { grid-template-columns: 1fr !important; }
  body.fusion-premium-v5 .topbar .toolbar { justify-content: flex-start !important; }
  body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
  body.fusion-premium-v5 .shell,
  body.fusion-premium-v5 .shell.sidebar-expanded,
  body.fusion-premium-v5 .shell.sidebar-collapsed { display: block !important; }
  body.responsive-shell-v4.fusion-premium-v5 .shell > aside {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1002 !important;
    width: min(86vw, 300px) !important;
    height: 100dvh !important;
    padding: 16px 12px 24px !important;
    border: 0 !important;
    border-right: 1px solid var(--fp-line) !important;
    background: rgba(5, 13, 24, .98) !important;
    box-shadow: 24px 0 70px rgba(0,0,0,.52) !important;
    transform: translateX(-105%) !important;
  }
  body.responsive-shell-v4.fusion-premium-v5.mobile-nav-open .shell > aside { transform: translateX(0) !important; }
  body.fusion-premium-v5 .shell > main { margin: 0 !important; padding: 0 14px 92px !important; }
  body.fusion-premium-v5 .premium-command-bar { display: none !important; }
  body.fusion-premium-v5 .topbar {
    min-height: 0 !important; margin: 0 -14px 14px !important; padding: 14px !important;
    display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; gap: 12px !important;
  }
  body.fusion-premium-v5 .premium-mobile-brand { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 7px; }
  body.fusion-premium-v5 .premium-mobile-brand img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; filter: drop-shadow(0 0 10px rgba(243,77,175,.22)); }
  body.fusion-premium-v5 .premium-mobile-brand strong { display: none; }
  body.fusion-premium-v5 .topbar > div:first-of-type { grid-column: 1; grid-row: 1; }
  body.fusion-premium-v5 .topbar h1 { font-size: 24px !important; }
  body.fusion-premium-v5 .topbar .toolbar { grid-column: 1 / -1; display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; }
  body.fusion-premium-v5 .topbar .toolbar-status { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; }
  body.fusion-premium-v5 .topbar .dashboard-period-controls { display: grid !important; grid-template-columns: minmax(0,1fr) 48px !important; width: 100% !important; gap: 8px !important; }
  body.fusion-premium-v5 .topbar .toolbar-actions { display: none !important; }
  body.fusion-premium-v5 .parent-period-shell { width: 100% !important; }
  body.fusion-premium-v5 .parent-period-button { width: 100% !important; justify-content: flex-start !important; }
  body.fusion-premium-v5 .premium-filter-toggle { width: 48px !important; padding: 0 !important; justify-content: center; }
  body.fusion-premium-v5 .premium-filter-toggle span { display: none; }
  body.fusion-premium-v5 .premium-filter-count { position: absolute; right: -3px; top: -4px; }
  body.fusion-premium-v5 .premium-filter-popover {
    position: static; grid-column: 1 / -1; width: 100%; padding: 0; grid-template-columns: 1fr; border: 0; background: transparent; box-shadow: none;
  }
  body.fusion-premium-v5 .premium-filter-popover[hidden] { display: none !important; }
  body.fusion-premium-v5 .topbar .premium-filter-popover .period-quick { display: grid !important; width: 100% !important; height: auto !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  body.fusion-premium-v5 .topbar .premium-filter-popover .period-quick .seg { height: 42px !important; border: 1px solid var(--fp-line) !important; background: var(--fp-surface) !important; }
  body.fusion-premium-v5 .topbar .premium-filter-popover .period-quick .seg.active { background: linear-gradient(100deg,#9a4ee0,#e94aa9) !important; }
  body.fusion-premium-v5 .topbar .premium-filter-popover .reseller-scope-filter { height: 44px !important; }
  body.fusion-premium-v5 #operacao.view.active { gap: 10px !important; }
  body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; }
  body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
  body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
  body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3),
  body.fusion-premium-v5 #operacao > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
    min-height: 132px !important; padding: 14px !important; grid-template-columns: minmax(0,1fr) 34px !important;
  }
  body.fusion-premium-v5 #operacao .dashboard-grid .kpi-icon { width: 33px !important; height: 33px !important; border-radius: 9px !important; }
  body.fusion-premium-v5 #operacao .dashboard-grid .name { font-size: 10px !important; }
  body.fusion-premium-v5 #operacao .dashboard-grid .metric { margin-top: 12px !important; font-size: clamp(17px, 5.5vw, 22px) !important; }
  body.fusion-premium-v5 #operacao .dashboard-grid .delta { font-size: 9px !important; }
  body.fusion-premium-v5 #operacao > .dashboard-insights { grid-template-columns: 1fr !important; gap: 10px !important; }
  body.fusion-premium-v5 #operacao > .dashboard-insights,
  body.fusion-premium-v5 #operacao > .dashboard-insights > .panel { min-height: 0 !important; }
  body.fusion-premium-v5 .panel-header,
  body.fusion-premium-v5 .panel-head { padding: 13px 14px !important; }
  body.fusion-premium-v5 .panel-note { max-width: 70vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.fusion-premium-v5 .premium-actions-menu { position: fixed; inset: auto 10px 78px; min-width: 0; }
  body.fusion-premium-v5 .action-btn,
  body.fusion-premium-v5 button { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  body.fusion-premium-v5 *,
  body.fusion-premium-v5 *::before,
  body.fusion-premium-v5 *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Final dashboard rules intentionally mirror the existing selector weight. */
body.fusion-premium-v5 .shell main #operacao.view.active > .premium-command-disclosure { order: 3 !important; }
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-command-center { order: 4 !important; }
body.fusion-premium-v5 .shell main #operacao.view.active > .premium-secondary-disclosure { order: 5 !important; }
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-secondary-insights { order: 6 !important; }
body.fusion-premium-v5 .shell.sidebar-expanded > aside #brandMark.brand-mark,
body.fusion-premium-v5 .shell.sidebar-expanded > aside #brandMark.brand-mark.has-logo {
  position: relative !important; display: block !important; width: 64px !important; height: 64px !important; flex: 0 0 64px !important; max-width: 64px !important; max-height: 64px !important;
}
body.fusion-premium-v5 .shell.sidebar-expanded > aside #brandMark.brand-mark > img {
  position: absolute !important; inset: 0 !important; width: 64px !important; height: 64px !important; max-width: 64px !important; max-height: 64px !important; object-fit: cover !important;
}
html body.fusion-premium-v5 .shell.sidebar-expanded > aside #brandMark.brand-mark > span { display: none !important; }
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface {
  overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
  display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; overflow: visible !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n) { display: none !important; }
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3),
body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
  display: flex !important; flex-direction: column !important;
  min-height: 150px !important; padding: 18px !important; gap: 0 !important;
  border: 1px solid var(--fp-line) !important; border-radius: var(--fp-radius) !important;
  background: linear-gradient(155deg,rgba(10,23,39,.97),rgba(6,16,29,.98)) !important;
}
body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .kpi-head {
  display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 10px !important;
}
body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .name {
  display: block !important; max-width: none !important; color: #c7cfdd !important; font-size: 12px !important; font-weight: 620 !important; line-height: 1.35 !important; text-transform: none !important;
}
body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .kpi-icon {
  width: 38px !important; height: 38px !important; flex: 0 0 38px !important; align-self: auto !important; border: 1px solid currentColor !important; border-radius: 10px !important;
}
body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .metric {
  display: block !important; width: 100% !important; margin: 16px 0 0 !important; color: var(--fp-text) !important; font-size: clamp(22px,2vw,28px) !important; font-weight: 780 !important; line-height: 1.1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .delta {
  display: block !important; width: 100% !important; margin: auto 0 0 !important; padding-top: 12px !important; color: var(--fp-green) !important; font-size: 10px !important; line-height: 1.35 !important;
}

@media (max-width: 1180px) {
  body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
  body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
  body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
  body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
  body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3),
  body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
    min-height: 132px !important; padding: 14px !important;
  }
  body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .name { font-size: 10px !important; }
  body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .kpi-icon { width: 33px !important; height: 33px !important; flex-basis: 33px !important; border-radius: 9px !important; }
  body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .metric { margin-top: 12px !important; font-size: clamp(17px,5.5vw,22px) !important; }
  body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .delta { font-size: 9px !important; }
}

/* Final mobile composition: the header, sheet and four primary KPIs follow the
   selected reference without changing the original data or interactions. */
@media (max-width: 760px) {
  html body.mobile-premium-v5.fusion-premium-v5 .topbar {
    grid-template-columns: minmax(0, 1fr) 56px !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .topbar > .premium-mobile-brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 56px !important;
    justify-self: end !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .topbar > .premium-mobile-brand + div {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .topbar > .toolbar {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .topbar .toolbar-status {
    width: 100% !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
  html body.mobile-premium-v5.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
  html body.mobile-premium-v5.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3),
  html body.mobile-premium-v5.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
    grid-column: auto !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .dashboard-period-controls {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .premium-filter-toggle {
    display: none !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .premium-filter-popover,
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .premium-filter-popover[hidden] {
    position: static !important;
    display: grid !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .premium-filter-popover .period-quick {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .premium-filter-popover .period-quick .seg,
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .premium-filter-popover .reseller-scope-filter,
  html body.mobile-premium-v5.fusion-premium-v5 .mobile-sheet-body .parent-period-button {
    width: 100% !important;
    min-height: 46px !important;
  }
}

html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-command-center.premium-collapsed {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}
html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-command-center.premium-collapsed::before {
  display: none !important;
}
html body.fusion-premium-v5 #movementFilterBar[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer {
    display: grid !important;
    width: 100vw !important;
    max-width: 390px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 64px minmax(0, 1fr) auto !important;
    overflow: hidden !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer .loop-filter-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 18px !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer .loop-filter-body {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
    gap: 18px !important;
    overflow: auto !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer .loop-filter-body label,
  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer .loop-filter-body select {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.mobile-premium-v5.fusion-premium-v5 .loop-filter-drawer .loop-filter-actions {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    background: rgba(7, 17, 28, .96) !important;
    border-top: 1px solid var(--fp-line) !important;
  }
}
body.fusion-premium-v5 .client-screens-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid rgba(139, 92, 246, .34);
  border-radius: 999px;
  color: #c4b5fd;
  background: rgba(139, 92, 246, .1);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

/* Parent controls v2: period is a dedicated control; listing filters live in
   the existing filter drawer and never alter the global pending indicator. */
html body.fusion-premium-v5 .parent-filter-source[hidden],
html body.fusion-premium-v5 .mobile-filter-trigger[hidden],
html body.fusion-premium-v5 .premium-filter-count[hidden] {
  display: none !important;
}

html body.fusion-premium-v5 .topbar .dashboard-period-controls[data-separated-filters="true"] {
  position: relative !important;
  display: flex !important;
  width: auto !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.fusion-premium-v5 .parent-period-shell {
  position: relative !important;
  display: block !important;
  min-width: 170px !important;
}

html body.fusion-premium-v5 .topbar .toolbar .parent-period-menu-button {
  width: 100% !important;
  min-width: 170px !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 0 11px !important;
}

html body.fusion-premium-v5 .parent-period-menu-button.active {
  border-color: rgba(255, 79, 216, .48) !important;
  background: rgba(18, 25, 44, .96) !important;
  box-shadow: 0 0 0 1px rgba(255, 79, 216, .08) !important;
}

html body.fusion-premium-v5 .parent-period-control-copy {
  display: grid !important;
  min-width: 0 !important;
  flex: 1 !important;
  gap: 0 !important;
  text-align: left !important;
}

html body.fusion-premium-v5 .parent-period-control-copy small {
  color: var(--fp-muted) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body.fusion-premium-v5 .parent-period-control-copy strong {
  max-width: 230px !important;
  overflow: hidden !important;
  color: #eef3fb !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.fusion-premium-v5 .parent-period-chevron {
  color: var(--fp-muted) !important;
  font-size: 13px !important;
}

html body.fusion-premium-v5 .parent-period-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 95 !important;
  width: 306px !important;
  padding: 10px !important;
  border: 1px solid var(--fp-line-strong) !important;
  border-radius: 13px !important;
  background: rgba(7, 18, 32, .98) !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .5) !important;
}

html body.fusion-premium-v5 .parent-period-menu[hidden],
html body.fusion-premium-v5 .loop-filter-body [hidden] {
  display: none !important;
}

html body.fusion-premium-v5 .topbar .parent-period-menu .period-quick {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  border: 0 !important;
  background: transparent !important;
}

html body.fusion-premium-v5 .topbar .parent-period-menu .period-quick .seg {
  min-width: 0 !important;
  height: 40px !important;
  border: 1px solid var(--fp-line) !important;
  border-radius: 9px !important;
  background: var(--fp-surface-2) !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
}

html body.fusion-premium-v5 .topbar .parent-period-menu .period-quick .seg.active {
  border-color: rgba(255, 79, 216, .45) !important;
  background: linear-gradient(105deg, rgba(154, 78, 224, .88), rgba(233, 74, 169, .88)) !important;
  color: #fff !important;
}

html body.fusion-premium-v5 .parent-period-custom-option {
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  margin-top: 8px !important;
  padding: 0 11px !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid var(--fp-line) !important;
  border-radius: 9px !important;
  background: rgba(12, 25, 42, .88) !important;
  color: #dbe4f1 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

html body.fusion-premium-v5 .parent-period-custom-option svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #ff65d5 !important;
  fill: none !important;
}

html body.fusion-premium-v5 .parent-period-custom-option span:nth-child(2) {
  flex: 1 !important;
  text-align: left !important;
}

html body.fusion-premium-v5 .parent-period-picker {
  z-index: 100 !important;
  border-color: var(--fp-line-strong) !important;
  border-radius: 14px !important;
  background: #071220 !important;
}

html body.fusion-premium-v5 .parent-header-filter-toggle.active {
  border-color: rgba(139, 92, 246, .48) !important;
  color: #f4efff !important;
}

html body.fusion-premium-v5 .loop-filter-head {
  height: auto !important;
  min-height: 76px !important;
}

html body.fusion-premium-v5 .loop-filter-head p {
  margin: 4px 0 0 !important;
  color: var(--fp-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

@media (max-width: 768px) {
  html body.mobile-premium-v5.fusion-premium-v5 .topbar .dashboard-period-controls[data-separated-filters="true"] {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 8px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .parent-period-shell {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .topbar .toolbar .parent-period-menu-button {
    min-width: 0 !important;
    min-height: 46px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .parent-period-control-copy strong {
    max-width: min(55vw, 240px) !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .parent-period-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: min(306px, calc(100vw - 28px)) !important;
    padding: 12px !important;
    border-radius: 17px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .parent-period-picker {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: calc(100vw - 28px) !important;
    max-height: calc(100dvh - 210px) !important;
    overflow: auto !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .parent-header-filter-toggle {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 46px !important;
  }
}

/* source: painel_v1_prototipo/dashboard-finance-charts-v2.css */
/* Dashboard charts V2 — context instead of repeating KPI totals. */
html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights {
  display: grid !important;
  grid-template-columns: minmax(0, 1.92fr) minmax(330px, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: stretch !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .panel {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 394px !important;
  height: 394px !important;
  margin: 0 !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .panel:first-child {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .top-plan-panel {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-finance-chart,
html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-expense-chart {
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

body.fusion-premium-v5 #operacao .dashboard-finance-chart {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 10px !important;
  padding: 12px 16px 16px !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-legend {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px 14px !important;
  min-width: 0 !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-legend span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #9ca8ba !important;
  font-size: 9px !important;
  font-weight: 690 !important;
  white-space: nowrap !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-legend i,
body.fusion-premium-v5 #operacao .dashboard-trend-tooltip i {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 3px !important;
  background: #46d58c !important;
  box-shadow: 0 0 9px rgba(70, 213, 140, .25) !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-legend .output i,
body.fusion-premium-v5 #operacao .dashboard-trend-tooltip .output i {
  background: #ef5b84 !important;
  box-shadow: 0 0 9px rgba(239, 91, 132, .24) !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-legend .cumulative i,
body.fusion-premium-v5 #operacao .dashboard-trend-tooltip .cumulative i,
body.fusion-premium-v5 #operacao .dashboard-trend-tooltip .result i {
  height: 3px !important;
  border-radius: 999px !important;
  background: #a78bfa !important;
  box-shadow: 0 0 9px rgba(167, 139, 250, .36) !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-context {
  display: grid !important;
  grid-template-columns: auto auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 2px 8px !important;
  min-width: 150px !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-context > span {
  grid-row: 1 / 3 !important;
  align-self: stretch !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 9px !important;
  border: 1px solid rgba(127, 151, 190, .17) !important;
  border-radius: 8px !important;
  background: rgba(7, 18, 32, .54) !important;
  color: #9aa7ba !important;
  font-size: 8px !important;
  font-weight: 730 !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-context strong {
  color: #a78bfa !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-context strong.crescimento { color: #46d58c !important; }
body.fusion-premium-v5 #operacao .dashboard-trend-context strong.queda { color: #ef7899 !important; }

body.fusion-premium-v5 #operacao .dashboard-trend-context small {
  color: #727f93 !important;
  font-size: 8px !important;
  font-weight: 630 !important;
  text-align: right !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-stage {
  position: relative !important;
  width: 100% !important;
  height: 265px !important;
  min-height: 265px !important;
  overflow: hidden !important;
  border: 1px solid rgba(127, 151, 190, .12) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(139, 92, 246, .07), transparent 38%),
    rgba(5, 14, 27, .36) !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  touch-action: pan-y !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-tooltip {
  position: absolute !important;
  z-index: 6 !important;
  display: grid !important;
  gap: 5px !important;
  width: 182px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(127, 151, 190, .25) !important;
  border-radius: 10px !important;
  background: rgba(5, 14, 27, .97) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .38) !important;
  pointer-events: none !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-tooltip[hidden],
body.fusion-premium-v5 #operacao .dashboard-expense-tooltip[hidden] { display: none !important; }

body.fusion-premium-v5 #operacao .dashboard-trend-tooltip > strong {
  padding-bottom: 4px !important;
  border-bottom: 1px solid rgba(127, 151, 190, .13) !important;
  color: #e8ecf4 !important;
  font-size: 10px !important;
  font-weight: 780 !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-tooltip span {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 6px !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-tooltip b,
body.fusion-premium-v5 #operacao .dashboard-trend-tooltip em {
  font-size: 8px !important;
  font-style: normal !important;
}

body.fusion-premium-v5 #operacao .dashboard-trend-tooltip b { color: #8e9bb0 !important; font-weight: 650 !important; }
body.fusion-premium-v5 #operacao .dashboard-trend-tooltip em { color: #f2f4f8 !important; font-weight: 780 !important; }

body.fusion-premium-v5 #operacao .dashboard-expense-chart {
  padding: 11px 13px 14px !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-layout {
  display: grid !important;
  grid-template-columns: minmax(145px, .86fr) minmax(155px, 1.14fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 300px !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-stage {
  position: relative !important;
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-donut {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  touch-action: pan-y !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-center {
  position: absolute !important;
  left: 50% !important;
  top: calc(50% - 2px) !important;
  z-index: 2 !important;
  width: min(104px, 50%) !important;
  min-height: 62px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 7px !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid rgba(127, 151, 190, .17) !important;
  border-radius: 999px !important;
  background: rgba(4, 12, 24, .94) !important;
  box-shadow: inset 0 0 22px rgba(139, 92, 246, .07), 0 8px 22px rgba(0, 0, 0, .24) !important;
  text-align: center !important;
  pointer-events: none !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-center span {
  color: #8390a5 !important;
  font-size: 7px !important;
  font-weight: 740 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-center strong {
  max-width: 100% !important;
  overflow: hidden !important;
  color: #f3f5f9 !important;
  font-size: clamp(10px, .9vw, 13px) !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend button {
  display: grid !important;
  grid-template-columns: 9px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(127, 151, 190, .12) !important;
  border-radius: 8px !important;
  background: rgba(7, 18, 32, .45) !important;
  box-shadow: none !important;
  color: inherit !important;
  text-align: left !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend button:hover,
body.fusion-premium-v5 #operacao .dashboard-expense-legend button.active {
  transform: translateX(2px) !important;
  border-color: rgba(167, 139, 250, .3) !important;
  background: rgba(139, 92, 246, .075) !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend button > i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--expense-color) !important;
  box-shadow: 0 0 9px rgba(139, 92, 246, .30) !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend button > span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend b {
  overflow: hidden !important;
  color: #bfc8d7 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend small {
  color: #707d91 !important;
  font-size: 7px !important;
  font-weight: 650 !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-legend strong {
  color: #f0f2f7 !important;
  font-size: 9px !important;
  font-weight: 790 !important;
  white-space: nowrap !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-tooltip {
  position: absolute !important;
  z-index: 6 !important;
  display: grid !important;
  gap: 2px !important;
  width: 134px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(127, 151, 190, .25) !important;
  border-radius: 9px !important;
  background: rgba(5, 14, 27, .97) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .35) !important;
  pointer-events: none !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-tooltip strong { color: #aeb8c9 !important; font-size: 8px !important; font-weight: 700 !important; }
body.fusion-premium-v5 #operacao .dashboard-expense-tooltip span { color: #f7f8fb !important; font-size: 11px !important; font-weight: 810 !important; }
body.fusion-premium-v5 #operacao .dashboard-expense-tooltip small { color: #a78bfa !important; font-size: 9px !important; font-weight: 750 !important; }

body.fusion-premium-v5 #operacao .dashboard-expense-empty,
body.fusion-premium-v5 #operacao .dashboard-chart-empty {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 6px !important;
  min-height: 278px !important;
  padding: 22px !important;
  border: 1px dashed rgba(127, 151, 190, .2) !important;
  border-radius: 10px !important;
  background: rgba(5, 14, 27, .3) !important;
  text-align: center !important;
}

body.fusion-premium-v5 #operacao .dashboard-expense-empty strong,
body.fusion-premium-v5 #operacao .dashboard-chart-empty strong { color: #e5e9f1 !important; font-size: 11px !important; }
body.fusion-premium-v5 #operacao .dashboard-expense-empty span,
body.fusion-premium-v5 #operacao .dashboard-chart-empty span { max-width: 330px !important; color: #7f8ba0 !important; font-size: 9px !important; line-height: 1.45 !important; }

body.fusion-premium-v5 #operacao .dashboard-trend-canvas:focus-visible,
body.fusion-premium-v5 #operacao .dashboard-expense-donut:focus-visible,
body.fusion-premium-v5 #operacao .dashboard-expense-legend button:focus-visible {
  outline: 2px solid rgba(167, 139, 250, .82) !important;
  outline-offset: 2px !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-secondary-insights > .dashboard-reseller-analysis {
  grid-column: 1 / -1 !important;
}

body.fusion-premium-v5 #operacao .dashboard-reseller-analysis .server-revenue-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

@media (max-width: 1120px) {
  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .panel:first-child,
  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .top-plan-panel {
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .panel:first-child {
    grid-row: 1 !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .top-plan-panel {
    grid-row: 2 !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-expense-layout {
    grid-template-columns: minmax(200px, .8fr) minmax(260px, 1.2fr) !important;
  }
}

@media (max-width: 700px) {
  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .panel {
    height: auto !important;
    min-height: 0 !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-finance-chart {
    padding: 10px 12px 13px !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-trend-head {
    align-items: flex-start !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-trend-context {
    min-width: 126px !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-trend-stage {
    height: 246px !important;
    min-height: 246px !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-expense-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-expense-stage {
    width: min(100%, 320px) !important;
    height: 210px !important;
    min-height: 210px !important;
    justify-self: center !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-reseller-analysis .server-revenue-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  body.fusion-premium-v5 #operacao .dashboard-trend-head {
    display: grid !important;
    gap: 8px !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-trend-context {
    justify-content: stretch !important;
    grid-template-columns: auto 1fr !important;
    min-width: 0 !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-trend-context strong,
  body.fusion-premium-v5 #operacao .dashboard-trend-context small { text-align: left !important; }

  body.fusion-premium-v5 #operacao .dashboard-trend-stage {
    height: 235px !important;
    min-height: 235px !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-expense-chart {
    padding-inline: 12px !important;
  }

  body.fusion-premium-v5 #operacao .dashboard-expense-legend button {
    min-height: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.fusion-premium-v5 #operacao .dashboard-expense-legend button {
    transition: none !important;
  }
}

/* source: painel_v1_prototipo/visual-system-v6.css */
/*
 * Fusion+ visual system v6
 * Final, authoritative presentation layer. Business rules remain in app.js.
 */

html body {
  --v6-surface: #0a1522;
  --v6-surface-raised: #0d1a29;
  --v6-line: rgba(126, 151, 187, .18);
  --v6-line-strong: rgba(145, 169, 205, .28);
  --v6-text: #f4f7fb;
  --v6-muted: #97a5ba;
  --v6-brand: #ef2f8f;
  --v6-brand-soft: rgba(239, 47, 143, .12);
  --v6-success: #42d88f;
  --v6-danger: #fb7185;
  --v6-warning: #f7b955;
}

html body .panel,
html body .kpi,
html body .finance-summary-card,
html body .dashboard-command-card {
  border-color: var(--v6-line) !important;
  border-radius: 12px !important;
  background: linear-gradient(155deg, rgba(12, 26, 42, .97), rgba(7, 17, 30, .99)) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .14), inset 0 1px rgba(255, 255, 255, .018) !important;
}

html body .panel-header,
html body .panel-head {
  min-height: 56px !important;
  padding: 14px 16px !important;
  border-bottom-color: var(--v6-line) !important;
}

html body .panel-title,
html body .panel-head h2 {
  color: var(--v6-text) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

html body .panel-note {
  color: var(--v6-muted) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html body .action-btn,
html body button,
html body .control {
  border-radius: 8px !important;
}

html body .action-btn {
  min-height: 36px !important;
  padding: 0 12px !important;
  border-color: var(--v6-line-strong) !important;
  background: rgba(14, 28, 44, .88) !important;
  color: #d5ddea !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}

html body .action-btn:hover {
  border-color: rgba(239, 47, 143, .42) !important;
  background: rgba(239, 47, 143, .08) !important;
  color: #fff !important;
}

html body .action-btn.approved,
html body .action-btn.primary {
  border-color: var(--v6-brand) !important;
  background: var(--v6-brand) !important;
  color: #fff !important;
}

html body .action-btn.danger-subtle {
  border-color: rgba(251, 113, 133, .28) !important;
  background: rgba(251, 113, 133, .07) !important;
  color: #fda4af !important;
}

html body .action-btn.success-subtle {
  border-color: rgba(66, 216, 143, .28) !important;
  background: rgba(66, 216, 143, .07) !important;
  color: #73e7ad !important;
}

html body .table-scroll,
html body .table-wrap {
  border-color: var(--v6-line) !important;
  border-radius: 10px !important;
}

html body table thead th {
  height: 42px !important;
  color: #8f9db1 !important;
  background: #0b1725 !important;
  font-size: 10px !important;
  font-weight: 780 !important;
  letter-spacing: .045em !important;
}

html body table td {
  border-color: rgba(126, 151, 187, .11) !important;
  color: #d2d9e5 !important;
}

html body table tbody tr:hover {
  background: rgba(239, 47, 143, .035) !important;
}

html body .finance-empty {
  min-height: 118px !important;
  display: grid !important;
  place-items: center !important;
  padding: 26px !important;
  border: 1px dashed rgba(126, 151, 187, .2) !important;
  border-radius: 10px !important;
  background: rgba(7, 17, 30, .42) !important;
  color: var(--v6-muted) !important;
}

/* Dashboard: four primary KPIs with consistent rhythm. */
html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3),
html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
  min-height: 132px !important;
  padding: 16px !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .metric {
  margin-top: 12px !important;
  font-size: clamp(21px, 1.8vw, 27px) !important;
}

html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .delta {
  display: -webkit-box !important;
  max-height: 2.8em !important;
  padding-top: 9px !important;
  overflow: hidden !important;
  color: var(--v6-muted) !important;
  font-size: 10px !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body.fusion-premium-v5 .shell main #operacao [data-dashboard="netRevenue"].good,
html body.fusion-premium-v5 .shell main #operacao [data-dashboard="netRevenue"].blue {
  color: var(--v6-success) !important;
}

html body.fusion-premium-v5 .shell main #operacao [data-dashboard="netRevenue"].bad,
html body.fusion-premium-v5 .shell main #operacao [data-dashboard="netRevenue"].warn {
  color: var(--v6-danger) !important;
}

html body #operacao > .dashboard-command-center {
  gap: 10px !important;
  border-color: var(--v6-line) !important;
  border-radius: 12px !important;
  background: rgba(8, 20, 34, .72) !important;
}

/* Clients: five indicators stay balanced instead of leaving an orphan card. */
html body #clientes > .kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body #clientes > .kpi-grid > .kpi {
  min-height: 112px !important;
  padding: 14px !important;
}

html body #clientes > .kpi-grid .metric {
  margin-top: 10px !important;
  font-size: 24px !important;
}

html body #clientes > .kpi-grid .delta {
  margin-top: 7px !important;
  color: var(--v6-muted) !important;
  font-size: 10px !important;
}

/* Financial workspace: four equally weighted summaries. */
html body #carteira .finance-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body #carteira .finance-summary-grid > .finance-summary-card:nth-child(n) {
  grid-column: auto !important;
  min-height: 88px !important;
  padding: 13px 14px !important;
}

html body #carteira .finance-summary-grid > .finance-summary-card:nth-child(5) {
  display: none !important;
}

html body #carteira .finance-summary-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
}

html body #carteira .finance-summary-label {
  color: var(--v6-muted) !important;
  font-size: 10px !important;
  letter-spacing: .045em !important;
}

html body #carteira .finance-summary-value {
  margin-top: 5px !important;
  color: var(--v6-text) !important;
  font-size: clamp(18px, 1.5vw, 23px) !important;
  font-variant-numeric: tabular-nums;
}

/* Reseller administration: concise base form + optional integrations. */
html body .reseller-access-layout {
  grid-template-columns: minmax(360px, .72fr) minmax(0, 1.55fr) !important;
  gap: 14px !important;
}

html body .reseller-access-form {
  gap: 12px !important;
}

html body .reseller-integration-disclosure {
  overflow: hidden !important;
  border: 1px solid var(--v6-line) !important;
  border-radius: 10px !important;
  background: rgba(7, 18, 31, .7) !important;
}

html body .reseller-integration-disclosure > summary {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 11px 13px !important;
  cursor: pointer !important;
  list-style: none !important;
}

html body .reseller-integration-disclosure > summary::-webkit-details-marker {
  display: none;
}

html body .reseller-integration-disclosure > summary span:first-child {
  display: grid !important;
  gap: 3px !important;
}

html body .reseller-integration-disclosure > summary strong {
  color: #dde5f0 !important;
  font-size: 12px !important;
}

html body .reseller-integration-disclosure > summary small {
  color: var(--v6-muted) !important;
  font-size: 10px !important;
}

html body .integration-disclosure-chevron {
  color: var(--v6-muted) !important;
  font-size: 17px !important;
  transition: transform .2s ease;
}

html body .reseller-integration-disclosure[open] .integration-disclosure-chevron {
  transform: rotate(180deg);
}

html body .reseller-integration-disclosure[open] > summary {
  border-bottom: 1px solid var(--v6-line) !important;
}

html body .integration-config-content {
  display: grid !important;
  gap: 12px !important;
  padding: 13px !important;
}

html body .reseller-access-table {
  overflow-x: auto !important;
}

html body .reseller-access-table table {
  min-width: 940px !important;
}

html body .reseller-access-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html body .reseller-access-actions .action-btn {
  min-width: max-content !important;
  min-height: 34px !important;
  padding-inline: 10px !important;
}

html body .reseller-form-actions {
  padding-top: 2px !important;
}

html body .callout {
  padding: 12px 13px !important;
  color: #a9b5c7 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

/* Settings and filter surfaces use the same density and hierarchy. */
html body #configuracoes > .grid {
  gap: 14px !important;
}

html body .parent-settings-tabs {
  padding: 4px !important;
  border: 1px solid var(--v6-line) !important;
  border-radius: 10px !important;
  background: rgba(7, 18, 31, .72) !important;
}

html body .parent-settings-tabs button {
  min-height: 38px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--v6-muted) !important;
}

html body .parent-settings-tabs button.active,
html body .parent-settings-tabs button[aria-selected="true"] {
  background: var(--v6-brand-soft) !important;
  color: #ff77b8 !important;
  box-shadow: inset 0 -2px var(--v6-brand) !important;
}

@media (max-width: 1500px) {
  html body .reseller-access-layout {
    grid-template-columns: 1fr !important;
  }

  html body #revendedores .reseller-access-layout > .panel:first-child {
    width: min(100%, 720px) !important;
  }
}

@media (max-width: 1180px) {
  html body #clientes > .kpi-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body #clientes > .kpi-grid > .kpi {
    grid-column: span 2 !important;
  }

  html body #clientes > .kpi-grid > .kpi:nth-last-child(-n + 2) {
    grid-column: span 3 !important;
  }
}

@media (max-width: 760px) {
  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid,
  html body.mobile-premium-v5.fusion-premium-v5 .shell main #carteira.view.active .finance-summary-grid,
  html body.mobile-premium-v5.fusion-premium-v5 .shell main #clientes.view.active > .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(1),
  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(2),
  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(3),
  html body.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(7) {
    min-height: 116px !important;
    padding: 12px !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .name {
    font-size: 10px !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .kpi-icon {
    width: 31px !important;
    height: 31px !important;
    flex-basis: 31px !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .metric {
    margin-top: 9px !important;
    font-size: clamp(17px, 5.1vw, 21px) !important;
  }

  html body.fusion-premium-v5 .shell main #operacao.view.active .dashboard-grid .delta {
    padding-top: 7px !important;
    font-size: 9px !important;
    -webkit-line-clamp: 1;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .shell main #clientes.view.active > .kpi-grid > .kpi:nth-child(n) {
    grid-column: auto !important;
    min-height: 104px !important;
    padding: 11px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .shell main #clientes.view.active > .kpi-grid > .kpi:last-child {
    grid-column: 1 / -1 !important;
    min-height: 82px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .shell main #clientes.view.active > .kpi-grid .metric {
    margin-top: 7px !important;
    font-size: 20px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .shell main #clientes.view.active > .kpi-grid .delta {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .shell main #carteira.view.active .finance-summary-grid > .finance-summary-card:nth-child(n) {
    grid-column: auto !important;
    min-height: 82px !important;
    padding: 11px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .shell main #carteira.view.active .finance-summary-value {
    font-size: clamp(16px, 5vw, 20px) !important;
  }

  html body .panel-header,
  html body .panel-head {
    min-height: 52px !important;
    padding: 12px !important;
  }

  html body .panel-note {
    max-width: 76vw !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .reseller-access-table {
    margin-inline: -1px !important;
  }

  html body .reseller-access-table table {
    min-width: 820px !important;
  }

  html body .reseller-access-actions {
    justify-content: flex-start !important;
  }

  html body .parent-settings-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .mobile-bottom-nav {
    left: max(8px, env(safe-area-inset-left)) !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    bottom: max(7px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    overflow: hidden !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .integration-disclosure-chevron {
    transition: none !important;
  }
}

/* Final mobile placement for the separated parent period/filter controls. */
html body.fusion-premium-v5 .premium-filter-count[hidden],
html body.fusion-premium-v5 .mobile-filter-trigger[hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  html body.mobile-premium-v5.fusion-premium-v5 .topbar > .toolbar {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "status" "filters" !important;
    justify-content: stretch !important;
    gap: 8px !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .topbar .toolbar-status {
    grid-area: status !important;
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.mobile-premium-v5.fusion-premium-v5 .topbar .dashboard-period-controls[data-separated-filters="true"] {
    grid-area: filters !important;
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    justify-content: stretch !important;
  }
}

/* source: painel_v1_prototipo/client-expirations-v1.css */
.client-expirations {
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) repeat(3, minmax(130px, .85fr)) minmax(190px, 1.1fr);
  min-height: 78px;
  margin: 18px 0;
  overflow: hidden;
  border: 1px solid rgba(145, 162, 197, .22);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(15, 23, 40, .96), rgba(7, 13, 25, .94));
  box-shadow: 0 16px 38px rgba(0, 0, 0, .16);
}

body.fusion-premium-v5 #operacao.view.active > .client-expirations { order: 1 !important; }

.client-expirations__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 16px 20px;
}

.client-expirations__icon {
  display: grid;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(74, 163, 255, .36);
  border-radius: 10px;
  color: #53aaff;
  background: rgba(39, 118, 214, .11);
}

.client-expirations__icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.client-expirations__icon i { font-size: 19px; line-height: 1; }
.client-expirations__heading strong { display: block; color: #f4f7ff; font-size: 15px; line-height: 1.2; }
.client-expirations__heading small { display: block; margin-top: 4px; color: #8e9ab7; font-size: 11px; line-height: 1.3; }

.client-expirations__item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 78px;
  padding: 14px 18px;
  border: 0;
  border-left: 1px solid rgba(145, 162, 197, .16);
  border-radius: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  transition: background-color .18s ease, box-shadow .18s ease;
}

.client-expirations__item:hover,
.client-expirations__item:focus-visible {
  background: rgba(86, 116, 174, .09);
  outline: none;
  box-shadow: inset 0 -2px 0 rgba(255, 79, 216, .62);
}

.client-expirations__copy { min-width: 0; }
.client-expirations__label { display: block; overflow: hidden; color: #9ba6c0; font-size: 12px; font-weight: 750; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.client-expirations__count { display: block; margin-top: 7px; color: #f7f9ff; font-size: 24px; font-weight: 850; line-height: 1; letter-spacing: -.02em; }
.client-expirations__item--danger .client-expirations__count { color: #ff7d8d; }
.client-expirations__chevron { display: grid; width: 24px; height: 24px; place-items: center; color: #69758f; }
.client-expirations__chevron svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; transform: rotate(-90deg); }
.client-expirations__chevron i { font-size: 14px; line-height: 1; }
.client-expirations[data-state="loading"] .client-expirations__count { color: #67728d; }
.client-expirations[data-state="error"] .client-expirations__heading small { color: #ff8b99; }

.client-expiry-filter {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 7px 8px 7px 12px;
  border: 1px solid rgba(255, 79, 216, .34);
  border-radius: 10px;
  color: #dfe5f5;
  background: rgba(255, 79, 216, .08);
  font-size: 12px;
  font-weight: 750;
}

.client-expiry-filter[hidden] { display: none !important; }
.client-expiry-filter button { display: grid; width: 26px; height: 26px; min-height: 0; padding: 0; place-items: center; border: 0; border-radius: 7px; color: #ff89df; background: rgba(255, 79, 216, .12); }

.client-expirations__smart {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(260px, 1.25fr) auto auto;
  align-items: center;
  gap: 18px;
  min-height: 68px;
  padding: 12px 16px 12px 20px;
  border-top: 1px solid rgba(145, 162, 197, .16);
  background: linear-gradient(90deg, rgba(99, 46, 178, .11), rgba(11, 21, 39, .28) 52%, rgba(18, 80, 105, .08));
}

.client-expirations__smart-copy { display: grid; min-width: 0; gap: 2px; }
.client-expirations__smart-kicker { color: #b98cff; font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.client-expirations__smart-copy strong { overflow: hidden; color: #f5f7ff; font-size: 14px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.client-expirations__smart-copy small { overflow: hidden; color: #8390ac; font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.client-expirations__smart-stats { display: flex; align-items: center; gap: 8px; }

.smart-expiry-stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid rgba(145, 162, 197, .2);
  border-radius: 9px;
  color: #aab4ca;
  background: rgba(5, 10, 20, .32);
  font-size: 10px;
  font-weight: 750;
  white-space: nowrap;
}

.smart-expiry-stat b { color: #f4f7ff; font-size: 12px; }
.smart-expiry-stat--critical { border-color: rgba(255, 104, 126, .28); color: #ff9baa; background: rgba(150, 28, 55, .1); }
.smart-expiry-stat--critical b { color: #ff7d91; }
.smart-expiry-stat--contact { border-color: rgba(45, 205, 158, .24); color: #7edbbf; background: rgba(21, 120, 91, .08); }
.smart-expiry-stat--contact b { color: #54ddb4; }

.client-expirations__smart-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid rgba(184, 103, 255, .46);
  border-radius: 10px;
  color: #f2e8ff;
  background: linear-gradient(135deg, rgba(113, 55, 194, .54), rgba(194, 44, 153, .38));
  box-shadow: 0 8px 24px rgba(51, 22, 102, .18);
  font: inherit;
  font-size: 11px;
  font-weight: 820;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .18s ease, filter .18s ease, transform .18s ease;
}

.client-expirations__smart-open:hover,
.client-expirations__smart-open:focus-visible { border-color: rgba(224, 150, 255, .72); filter: brightness(1.08); outline: none; transform: translateY(-1px); }
.client-expirations__smart-open:disabled { cursor: default; filter: grayscale(.45); opacity: .55; transform: none; }
.client-expirations__smart-open svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.smart-expiry-dialog {
  width: min(1120px, calc(100vw - 34px));
  max-width: 1120px;
  max-height: min(880px, calc(100dvh - 34px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(136, 159, 203, .28);
  border-radius: 20px;
  color: #edf2ff;
  background: #07111f;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .62), 0 0 0 1px rgba(115, 73, 187, .09) inset;
  z-index: 1000000;
}

.smart-expiry-dialog[open] { display: block; }
.smart-expiry-dialog::backdrop { background: rgba(0, 5, 14, .78); backdrop-filter: blur(9px); }
.smart-expiry-dialog__surface { display: grid; grid-template-rows: auto auto auto auto minmax(140px, 1fr) auto; max-height: inherit; }

.smart-expiry-dialog__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 23px 26px 20px;
  border-bottom: 1px solid rgba(136, 159, 203, .17);
  background: radial-gradient(circle at 12% 0, rgba(130, 58, 214, .18), transparent 34%), linear-gradient(145deg, rgba(14, 25, 46, .98), rgba(7, 14, 27, .98));
}

.smart-expiry-dialog__eyebrow { display: block; margin-bottom: 5px; color: #bd8dff; font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.smart-expiry-dialog__header h2 { margin: 0; color: #f8f9ff; font-size: clamp(23px, 2.2vw, 30px); font-weight: 850; line-height: 1.1; letter-spacing: -.025em; }
.smart-expiry-dialog__header p { margin: 7px 0 0; color: #8e9bb7; font-size: 12px; }
.smart-expiry-dialog__close { display: grid; width: 38px; height: 38px; min-height: 0; flex: 0 0 38px; padding: 0; place-items: center; border: 1px solid rgba(136, 159, 203, .22); border-radius: 11px; color: #c4cce0; background: rgba(11, 20, 36, .75); cursor: pointer; }
.smart-expiry-dialog__close:hover { color: #fff; background: rgba(48, 61, 87, .66); }
.smart-expiry-dialog__close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

.smart-expiry-dialog__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid rgba(136, 159, 203, .14); background: rgba(8, 17, 31, .94); }
.smart-expiry-dialog__metrics article { display: grid; gap: 5px; min-height: 76px; padding: 16px 20px; border-left: 1px solid rgba(136, 159, 203, .12); }
.smart-expiry-dialog__metrics article:first-child { border-left: 0; }
.smart-expiry-dialog__metrics span { color: #8794af; font-size: 10px; font-weight: 760; letter-spacing: .025em; text-transform: uppercase; }
.smart-expiry-dialog__metrics strong { color: #f4f7ff; font-size: 23px; line-height: 1; }
.smart-expiry-dialog__metrics .is-critical strong { color: #ff738a; }
.smart-expiry-dialog__metrics .is-warning strong { color: #ffbd68; }

.smart-expiry-dialog__toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(190px, 240px); gap: 12px; padding: 16px 20px 10px; }
.smart-expiry-search, .smart-expiry-select { position: relative; display: flex; align-items: center; min-width: 0; }
.smart-expiry-search svg { position: absolute; left: 13px; width: 17px; height: 17px; fill: none; stroke: #7987a4; stroke-width: 1.8; pointer-events: none; }
.smart-expiry-search input, .smart-expiry-select select { width: 100%; min-height: 42px; margin: 0; border: 1px solid rgba(136, 159, 203, .22); border-radius: 10px; color: #e9edfa; background: rgba(12, 23, 41, .88); box-shadow: none; font: inherit; font-size: 12px; }
.smart-expiry-search input { padding: 9px 13px 9px 40px; }
.smart-expiry-select select { padding: 9px 36px 9px 13px; }
.smart-expiry-search input:focus, .smart-expiry-select select:focus { border-color: rgba(170, 100, 255, .68); outline: none; box-shadow: 0 0 0 3px rgba(125, 64, 205, .13); }
.smart-expiry-dialog__result { padding: 1px 22px 8px; color: #76849f; font-size: 10px; font-weight: 720; }
.smart-expiry-queue { display: grid; align-content: start; gap: 8px; padding: 0 20px 18px; overflow-y: auto; overscroll-behavior: contain; }

.smart-expiry-row {
  --smart-tone: #6e8fbe;
  display: grid;
  grid-template-columns: 70px minmax(190px, 1.35fr) minmax(132px, .8fr) minmax(150px, 1fr) auto;
  align-items: center;
  gap: 14px;
  height: auto !important;
  min-height: 82px !important;
  padding: 12px 14px 12px 11px;
  border: 1px solid rgba(136, 159, 203, .16);
  border-left: 3px solid var(--smart-tone);
  border-radius: 12px;
  background: linear-gradient(100deg, color-mix(in srgb, var(--smart-tone) 7%, #0b1627), rgba(10, 20, 36, .95) 34%);
}

.smart-expiry-row--danger { --smart-tone: #ff6179; }
.smart-expiry-row--warning { --smart-tone: #ffb65c; }
.smart-expiry-row--accent { --smart-tone: #a873ff; }
.smart-expiry-row--calm { --smart-tone: #4aa8ff; }
.smart-expiry-row__priority { display: grid; justify-items: center; gap: 4px; }
.smart-expiry-row__priority span { color: var(--smart-tone); font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.smart-expiry-row__priority strong { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid color-mix(in srgb, var(--smart-tone) 44%, transparent); border-radius: 10px; color: #f4f7ff; background: color-mix(in srgb, var(--smart-tone) 12%, transparent); font-size: 13px; }
.smart-expiry-row__identity { display: flex; align-items: center; gap: 11px; min-width: 0; }
.smart-expiry-row__avatar { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border: 1px solid rgba(142, 113, 207, .36); border-radius: 10px; color: #e7d7ff; background: linear-gradient(145deg, rgba(115, 55, 184, .38), rgba(40, 35, 91, .4)); font-size: 13px; font-weight: 850; }
.smart-expiry-row__identity > div:last-child { min-width: 0; }
.smart-expiry-row__identity strong, .smart-expiry-row__timing strong { display: block; overflow: hidden; color: #f1f4fc; font-size: 12px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.smart-expiry-row__identity span, .smart-expiry-row__timing span { display: block; overflow: hidden; margin-top: 5px; color: #8794ad; font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.smart-expiry-row__timing strong { color: var(--smart-tone); }
.smart-expiry-row__reasons { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.smart-expiry-row__reasons span { display: inline-flex; max-width: 100%; padding: 4px 7px; overflow: hidden; border: 1px solid rgba(136, 159, 203, .14); border-radius: 7px; color: #909db7; background: rgba(3, 9, 17, .26); font-size: 9px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.smart-expiry-row__actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.smart-expiry-action { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 6px 9px; border: 1px solid rgba(136, 159, 203, .24); border-radius: 8px; color: #cbd3e6; background: rgba(16, 29, 49, .88); font: inherit; font-size: 9px; font-weight: 790; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; }
.smart-expiry-action:hover { border-color: rgba(184, 137, 255, .5); color: #fff; filter: brightness(1.08); }
.smart-expiry-action--contact { border-color: rgba(46, 204, 151, .28); color: #69dcba; }
.smart-expiry-action--primary { border-color: rgba(185, 91, 240, .42); color: #f1e6ff; background: linear-gradient(135deg, rgba(105, 51, 183, .62), rgba(173, 41, 137, .48)); }
.smart-expiry-no-contact { display: inline-flex; align-items: center; min-height: 32px; color: #b17e87; font-size: 9px; font-weight: 750; white-space: nowrap; }
.smart-expiry-empty { display: grid; min-height: 180px; place-content: center; justify-items: center; gap: 7px; padding: 24px; border: 1px dashed rgba(136, 159, 203, .22); border-radius: 12px; text-align: center; }
.smart-expiry-empty strong { color: #eef2fc; font-size: 14px; }
.smart-expiry-empty span { color: #7f8ca6; font-size: 11px; }

.smart-expiry-dialog__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 58px; padding: 11px 20px; border-top: 1px solid rgba(136, 159, 203, .15); background: rgba(6, 13, 24, .97); }
.smart-expiry-dialog__footer p { max-width: 760px; margin: 0; color: #727f98; font-size: 9px; line-height: 1.4; }
.smart-expiry-dialog__footer button { min-height: 34px; padding: 7px 14px; border: 1px solid rgba(136, 159, 203, .24); border-radius: 9px; color: #d7deed; background: rgba(18, 30, 49, .88); font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.smart-expiry-dialog .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

@media (max-width: 1060px) {
  .client-expirations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-expirations__heading { grid-column: 1 / -1; border-bottom: 1px solid rgba(145, 162, 197, .16); }
  .client-expirations__item:nth-of-type(odd) { border-left: 0; }
  .client-expirations__item:nth-of-type(n + 3) { border-top: 1px solid rgba(145, 162, 197, .16); }
  .client-expirations__smart { grid-template-columns: minmax(220px, 1fr) auto; }
  .client-expirations__smart-stats { display: none; }
  .smart-expiry-row { grid-template-columns: 60px minmax(170px, 1fr) minmax(125px, .7fr) auto; }
  .smart-expiry-row__reasons { display: none; }
}

@media (max-width: 620px) {
  .client-expirations { margin: 14px 0; border-radius: 12px; }
  .client-expirations__heading { min-height: 62px; padding: 12px 14px; }
  .client-expirations__icon { flex-basis: 32px; width: 32px; height: 32px; border-radius: 8px; }
  .client-expirations__heading small { display: none; }
  .client-expirations__item { min-height: 70px; padding: 12px 14px; }
  .client-expirations__label { font-size: 11px; }
  .client-expirations__count { margin-top: 6px; font-size: 21px; }
  .client-expirations__chevron { width: 18px; }
  .client-expiry-filter { width: 100%; justify-content: space-between; }
  .client-expirations__smart { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 13px 14px 14px; }
  .client-expirations__smart-copy strong, .client-expirations__smart-copy small { white-space: normal; }
  .client-expirations__smart-open { width: 100%; }
  .smart-expiry-dialog { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; border: 0; border-radius: 0; }
  .smart-expiry-dialog__surface { height: 100dvh; max-height: none; }
  .smart-expiry-dialog__header { padding: 17px 16px 14px; }
  .smart-expiry-dialog__header h2 { font-size: 23px; }
  .smart-expiry-dialog__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .smart-expiry-dialog__metrics article { min-height: 64px; padding: 12px 15px; }
  .smart-expiry-dialog__metrics article:nth-child(3) { border-left: 0; border-top: 1px solid rgba(136, 159, 203, .12); }
  .smart-expiry-dialog__metrics article:nth-child(4) { border-top: 1px solid rgba(136, 159, 203, .12); }
  .smart-expiry-dialog__metrics strong { font-size: 20px; }
  .smart-expiry-dialog__toolbar { grid-template-columns: 1fr; gap: 8px; padding: 12px 12px 8px; }
  .smart-expiry-dialog__result { padding: 1px 14px 7px; }
  .smart-expiry-queue { gap: 9px; padding: 0 12px 14px; }
  .smart-expiry-dialog .smart-expiry-queue > .smart-expiry-row {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px 12px;
    min-height: 174px !important;
    padding: 12px;
  }
  .smart-expiry-row__priority { grid-row: 1 / span 2; }
  .smart-expiry-row__timing { grid-column: 2; }
  .smart-expiry-row__reasons { display: flex; grid-column: 1 / -1; }
  .smart-expiry-row__actions { grid-column: 1 / -1; justify-content: stretch; }
  .smart-expiry-action { flex: 1 1 auto; }
  .smart-expiry-no-contact { flex: 1 1 auto; justify-content: center; }
  .smart-expiry-dialog__footer { padding: 10px 12px; }
  .smart-expiry-dialog__footer p { display: none; }
  .smart-expiry-dialog__footer button { width: 100%; }
}

/* source: painel_v1_prototipo/dashboard-highlights-v1.css */
.dashboard-highlight-grid{
  --highlight-card:#111318;
  --highlight-border:#252a33;
  --highlight-text:#f5f7fb;
  --highlight-muted:#858d99;
  --highlight-primary:#ff00b8;
  --highlight-success:#28d768;
  --highlight-warning:#ffad33;
  --highlight-danger:#ff5368;
  --highlight-info:#4da3ff;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  width:100%;
  margin:18px 0;
}
.dashboard-highlight-card{
  position:relative;
  min-width:0;
  min-height:224px;
  overflow:hidden;
  border:1px solid var(--highlight-border);
  border-radius:16px;
  background:var(--highlight-card);
  color:var(--highlight-text);
  box-shadow:0 16px 34px rgba(0,0,0,.16);
}
.dashboard-highlight-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--highlight-primary),rgba(255,0,184,.2));
}
.dashboard-highlight-card__body{height:100%;padding:22px 24px}
.dashboard-highlight-card__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.dashboard-highlight-title{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#c7cbd2;
  font-size:14px;
  font-weight:800;
}
.dashboard-highlight-title__icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border-radius:10px;
  background:rgba(255,255,255,.045);
  color:var(--highlight-primary);
  font-size:18px;
}
.dashboard-highlight-info{
  position:relative;
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#777f8b;
  font-size:16px;
  cursor:pointer;
}
.dashboard-highlight-info:hover,.dashboard-highlight-info:focus-visible{
  background:rgba(255,255,255,.055);
  color:#d8dce4;
  outline:2px solid rgba(77,163,255,.35);
  outline-offset:1px;
}
.dashboard-highlight-tooltip{
  position:absolute;
  z-index:8;
  top:48px;
  right:20px;
  width:min(320px,calc(100% - 40px));
  padding:12px 14px;
  border:1px solid #343b48;
  border-radius:10px;
  background:#080a0f;
  color:#cdd2dc;
  box-shadow:0 18px 42px rgba(0,0,0,.4);
  font-size:12px;
  line-height:1.5;
}
.dashboard-highlight-tooltip[hidden]{display:none}
.dashboard-highlight-variation{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  color:var(--highlight-muted);
  font-size:12px;
  font-weight:750;
}
.dashboard-highlight-variation.is-positive{color:var(--highlight-success)}
.dashboard-highlight-variation.is-negative{color:var(--highlight-danger)}
.dashboard-highlight-variation.is-neutral{color:var(--highlight-muted)}
.dashboard-highlight-share .dashboard-highlight-card__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,32%);
  gap:24px;
  align-items:stretch;
}
.dashboard-highlight-share__main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dashboard-highlight-share__value-row{
  display:flex;
  align-items:baseline;
  gap:14px;
  min-width:0;
  margin-top:14px;
  flex-wrap:wrap;
}
.dashboard-highlight-share__value{
  color:var(--highlight-text);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:clamp(30px,2.15vw,43px);
  font-weight:850;
  letter-spacing:.015em;
  line-height:1;
  white-space:nowrap;
}
.dashboard-highlight-share__total{color:#b5bbc6;font-size:13px;font-weight:750}
.dashboard-highlight-share__total strong{color:#e5e8ee}
.dashboard-highlight-share__comparison{margin-top:13px}
.dashboard-highlight-share__metrics{
  min-width:0;
  display:grid;
  align-content:center;
  gap:16px;
  padding-left:24px;
  border-left:1px solid var(--highlight-border);
}
.dashboard-highlight-side-metric{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:4px 10px;
  min-width:0;
}
.dashboard-highlight-side-metric__icon{
  grid-row:1 / span 2;
  color:var(--highlight-info);
  font-size:17px;
}
.dashboard-highlight-side-metric.is-output .dashboard-highlight-side-metric__icon{color:var(--highlight-danger)}
.dashboard-highlight-side-metric strong{
  min-width:0;
  color:#eef1f6;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:20px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dashboard-highlight-renewal .dashboard-highlight-card__body{
  display:flex;
  flex-direction:column;
  gap:13px;
}
.dashboard-highlight-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:5px 10px;
  border:1px solid rgba(77,163,255,.42);
  border-radius:999px;
  background:rgba(77,163,255,.09);
  color:#a9d5ff;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.dashboard-highlight-live.is-closed{border-color:#343a44;background:#181b21;color:#979eaa}
.dashboard-highlight-renewal__headline{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
  flex-wrap:wrap;
}
.dashboard-highlight-renewal__rate{
  color:var(--highlight-warning);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:clamp(31px,2.3vw,45px);
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.dashboard-highlight-renewal__context{color:#b9bec8;font-size:14px;font-weight:750}
.dashboard-highlight-renewal__context span{color:#737b88;font-weight:600}
.dashboard-highlight-renewal__progress-label{color:#747c88;font-size:12px;font-weight:700}
.dashboard-highlight-segments{
  display:flex;
  width:100%;
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:#262a31;
}
.dashboard-highlight-segments span{display:block;height:100%;min-width:0}
.dashboard-highlight-segments .is-on-time{background:#43ca20}
.dashboard-highlight-segments .is-late{background:#ff9518}
.dashboard-highlight-segments .is-returned{background:#4da3ff}
.dashboard-highlight-segments .is-expired{background:repeating-linear-gradient(135deg,#ff7888 0 6px,#e65467 6px 12px)}
.dashboard-highlight-legend{
  display:flex;
  align-items:center;
  gap:8px 14px;
  flex-wrap:wrap;
  color:#959ca7;
  font-size:12px;
}
.dashboard-highlight-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dashboard-highlight-legend i{font-size:13px}
.dashboard-highlight-legend .is-on-time i{color:#43ca20}
.dashboard-highlight-legend .is-late i{color:#ff9518}
.dashboard-highlight-legend .is-returned i{color:#4da3ff}
.dashboard-highlight-legend .is-expired i{color:#ff6577}
.dashboard-highlight-empty{opacity:.78}
@media(max-width:1100px){
  .dashboard-highlight-share .dashboard-highlight-card__body{grid-template-columns:1fr}
  .dashboard-highlight-share__metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0 0;border-left:0;border-top:1px solid var(--highlight-border)}
}
@media(max-width:780px){
  .dashboard-highlight-grid{grid-template-columns:1fr;gap:14px;margin:14px 0}
  .dashboard-highlight-card{min-height:0}
  .dashboard-highlight-card__body{padding:19px 18px}
  .dashboard-highlight-share__value{font-size:clamp(29px,9vw,39px)}
  .dashboard-highlight-renewal__rate{font-size:clamp(31px,10vw,42px)}
}
@media(max-width:420px){
  .dashboard-highlight-share__metrics{grid-template-columns:1fr}
  .dashboard-highlight-renewal .dashboard-highlight-card__header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
  }
  .dashboard-highlight-renewal .dashboard-highlight-title{grid-column:1;grid-row:1}
  .dashboard-highlight-renewal .dashboard-highlight-info{grid-column:2;grid-row:1}
  .dashboard-highlight-renewal .dashboard-highlight-live{
    grid-column:1 / -1;
    grid-row:2;
    justify-self:start;
    max-width:100%;
  }
  .dashboard-highlight-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.dashboard-highlight-card *{scroll-behavior:auto!important}}

/* source: painel_v1_prototipo/ranking-module-v1.css */
.ranking-view {
  --ranking-bg: #090a0d;
  --ranking-panel: #19191c;
  --ranking-panel-soft: #202024;
  --ranking-border: #35353a;
  --ranking-divider: #2b2b30;
  --ranking-text: #f7f7fa;
  --ranking-muted: #97979f;
  --ranking-pink: #f400c1;
  --ranking-blue: #2585ff;
  --ranking-green: #64d329;
  --ranking-orange: #ffae00;
  --ranking-red: #ff6f74;
  overflow-x: clip;
}

body.ranking-screen-active.fusion-parent-app main > .topbar,
body.ranking-screen-active:not(.fusion-parent-app) .global-bar,
body.ranking-screen-active:not(.fusion-parent-app) .top {
  display: none !important;
}

body.ranking-screen-active .ranking-view {
  background: var(--ranking-bg);
}

.ranking-shell {
  display: grid;
  gap: 22px;
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--ranking-text);
  font-variant-numeric: tabular-nums;
}

.ranking-module-head {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.ranking-module-head h2 {
  margin: 0;
  color: var(--ranking-text);
  font-size: clamp(26px, 2.1vw, 36px);
  font-weight: 900;
  letter-spacing: -.03em;
}

.ranking-head-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #74747c;
  font-size: 13px;
  font-weight: 700;
}

.ranking-refresh,
.ranking-copy,
.ranking-period-tabs button,
.ranking-custom-period button {
  border: 1px solid var(--ranking-border);
  background: #0d0e11;
  color: #aaaab2;
  font: inherit;
  font-weight: 800;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}

.ranking-refresh {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-color: transparent;
  border-radius: 9px;
  background: transparent;
  font-size: 19px;
}

.ranking-refresh:hover,
.ranking-copy:hover,
.ranking-period-tabs button:hover,
.ranking-custom-period button:hover {
  border-color: #686870;
  color: #fff;
}

.ranking-refresh:hover {
  background: #18181c;
}

.ranking-refresh:active,
.ranking-copy:active,
.ranking-period-tabs button:active,
.ranking-custom-period button:active {
  transform: translateY(1px);
}

.ranking-toolbar {
  position: relative;
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-inline: -26px;
  padding: 12px 26px;
  border-block: 1px solid #202025;
}

.ranking-period-tabs {
  display: flex;
  align-items: center;
  gap: 9px;
  max-width: 100%;
}

.ranking-period-tabs button,
.ranking-copy {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border-radius: 9px;
  white-space: nowrap;
}

.ranking-period-tabs button.active {
  border-color: var(--ranking-pink);
  background: var(--ranking-pink);
  color: #0b0710;
  box-shadow: 0 7px 26px rgba(244, 0, 193, .13);
}

.ranking-copy {
  min-width: 104px;
}

.ranking-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  stroke: currentColor;
}

.ranking-custom-period {
  position: absolute;
  z-index: 25;
  top: calc(100% + 8px);
  left: 26px;
  display: grid;
  grid-template-columns: repeat(2, minmax(145px, 1fr)) auto auto;
  align-items: end;
  gap: 10px;
  padding: 14px;
  border: 1px solid #45454c;
  border-radius: 12px;
  background: #151519;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}

.ranking-custom-period[hidden] {
  display: none;
}

.ranking-custom-period label {
  display: grid;
  gap: 6px;
  color: var(--ranking-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ranking-custom-period input {
  min-height: 39px;
  border: 1px solid #404047;
  border-radius: 8px;
  background: #0d0e11;
  color: #fff;
  padding: 0 10px;
  color-scheme: dark;
}

.ranking-custom-period button {
  min-height: 39px;
  border-radius: 8px;
  padding: 0 13px;
}

.ranking-custom-period [data-ranking-custom-apply] {
  border-color: var(--ranking-pink);
  background: var(--ranking-pink);
  color: #0a0710;
}

.ranking-status[hidden] {
  display: none;
}

.ranking-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 15px;
  border: 1px solid #3a3a41;
  border-radius: 10px;
  background: #151519;
  color: #c8c8d0;
  font-size: 13px;
}

.ranking-callout.is-error {
  border-color: rgba(255, 111, 116, .55);
  color: #ff9297;
}

.ranking-callout button {
  border: 1px solid currentColor;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  padding: 7px 11px;
  font-weight: 800;
}

.ranking-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 18px;
}

.ranking-summary-card {
  position: relative;
  display: grid;
  min-height: 102px;
  align-content: center;
  gap: 11px;
  padding: 18px;
  border: 1px solid var(--ranking-border);
  border-radius: 14px;
  background: linear-gradient(145deg, #202023, #1a1a1d);
  overflow: hidden;
}

.ranking-summary-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--ranking-pink), rgba(244, 0, 193, .08));
}

.ranking-summary-card > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9c9ca3;
  font-size: 13px;
  font-weight: 850;
}

.ranking-summary-card > span .ranking-icon,
.ranking-summary-card > span .bi {
  color: var(--card-accent, #aaa);
  font-size: 17px;
}

.ranking-summary-card strong {
  color: var(--card-accent, #f7f7fa);
  font-size: clamp(22px, 1.8vw, 31px);
  font-weight: 900;
  line-height: 1;
}

.ranking-summary-card.tone-blue { --card-accent: var(--ranking-blue); }
.ranking-summary-card.tone-neutral { --card-accent: #efeff2; }
.ranking-summary-card.tone-green { --card-accent: var(--ranking-green); }
.ranking-summary-card.tone-orange { --card-accent: var(--ranking-orange); }
.ranking-summary-card.tone-yellow { --card-accent: #ffc107; }
.ranking-summary-card.tone-red { --card-accent: var(--ranking-red); }
.ranking-summary-card.tone-purple { --card-accent: #a970ff; }

.ranking-boards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.ranking-board {
  min-width: 0;
  border: 1px solid var(--ranking-border);
  border-radius: 15px;
  background: #18181b;
  overflow: hidden;
}

.ranking-board > header {
  display: flex;
  min-height: 58px;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid var(--ranking-divider);
}

.ranking-board h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: #f6f6f8;
  font-size: 17px;
  font-weight: 900;
}

.ranking-board h3 .ranking-icon,
.ranking-board h3 .bi {
  color: var(--board-accent);
  font-size: 18px;
}

.ranking-board h3 small {
  color: #85858d;
  font-size: 13px;
}

.ranking-board-sales { --board-accent: var(--ranking-blue); }
.ranking-board-renewals { --board-accent: var(--ranking-orange); }
.ranking-board-clients {
  --board-accent: #a970ff;
  grid-column: 1 / -1;
}

.ranking-board-note {
  margin-left: auto;
  color: #85858d;
  font-size: 11px;
  font-weight: 750;
}

.ranking-board-clients .ranking-revenue i::before {
  background: var(--ranking-red);
}

.ranking-mobile-label {
  display: none;
}

.ranking-table-head,
.ranking-row {
  display: grid;
  grid-template-columns: 44px minmax(125px, 1fr) 68px 128px 132px;
  align-items: center;
  gap: 10px;
}

.ranking-table-head {
  min-height: 46px;
  padding: 0 15px;
  border-bottom: 1px solid var(--ranking-divider);
  color: #77777e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ranking-table-head span:nth-child(n+3) {
  text-align: right;
}

.ranking-row {
  position: relative;
  min-height: 58px;
  margin: 0 10px;
  padding: 0 6px;
  border-bottom: 1px solid var(--ranking-divider);
  color: #dddde2;
}

.ranking-row:last-child {
  border-bottom: 0;
}

.ranking-row.is-top-1,
.ranking-row.is-top-2,
.ranking-row.is-top-3 {
  margin-block: 5px 0;
  border: 1px solid var(--medal-border);
  border-radius: 11px;
  background: linear-gradient(90deg, var(--medal-bg), rgba(31, 31, 34, .55));
}

.ranking-row.is-top-1 { --medal-border: #8a6711; --medal-bg: rgba(138, 103, 17, .17); --medal: #f1bd24; }
.ranking-row.is-top-2 { --medal-border: #73747c; --medal-bg: rgba(171, 174, 186, .1); --medal: #c7c9d1; }
.ranking-row.is-top-3 { --medal-border: #805323; --medal-bg: rgba(128, 83, 35, .14); --medal: #d18a3f; }

.ranking-rank {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #2a2a2e;
  color: #d8d8de;
  font-size: 12px;
  font-weight: 900;
}

.ranking-row[class*="is-top-"] .ranking-rank {
  background: transparent;
  color: var(--medal);
  font-size: 0;
}

.ranking-row[class*="is-top-"] .ranking-rank::before {
  content: "🏅";
  font-size: 17px;
}

.ranking-reseller {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.ranking-reseller strong {
  overflow: hidden;
  color: #efeff2;
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ranking-reseller small {
  flex: 0 0 auto;
  padding: 3px 7px;
  border: 1px solid #9d197f;
  border-radius: 5px;
  background: rgba(244, 0, 193, .16);
  color: #ff4cd9;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.ranking-count,
.ranking-rate,
.ranking-revenue {
  text-align: right;
}

.ranking-count {
  color: #e7e7ea;
  font-size: 14px;
}

.ranking-rate {
  color: #e7e7ea;
  font-size: 13px;
  white-space: nowrap;
}

.ranking-rate small {
  margin-left: 4px;
  color: #8b8b93;
  font-size: 11px;
}

.ranking-revenue {
  display: grid;
  justify-items: end;
  gap: 7px;
}

.ranking-revenue strong {
  color: #e9e9ed;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.ranking-revenue i {
  position: relative;
  width: 70px;
  height: 4px;
  border-radius: 99px;
  background: #29292d;
  overflow: hidden;
}

.ranking-revenue i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--ranking-bar, 0%);
  border-radius: inherit;
  background: #d10bae;
}

.ranking-empty {
  padding: 52px 20px;
  color: var(--ranking-muted);
  text-align: center;
}

.ranking-skeleton {
  min-height: 440px;
  background: linear-gradient(100deg, #17171a 20%, #232328 38%, #17171a 56%);
  background-size: 240% 100%;
  animation: ranking-shimmer 1.25s linear infinite;
}

@keyframes ranking-shimmer {
  to { background-position: -240% 0; }
}

.ranking-refresh:focus-visible,
.ranking-copy:focus-visible,
.ranking-period-tabs button:focus-visible,
.ranking-custom-period input:focus-visible,
.ranking-custom-period button:focus-visible {
  outline: 3px solid rgba(244, 0, 193, .35);
  outline-offset: 2px;
}

@media (max-width: 1420px) {
  .ranking-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
  .ranking-boards { grid-template-columns: 1fr; }
  .ranking-board-clients { grid-column: auto; }
}

@media (max-width: 760px) {
  .ranking-shell { gap: 15px; }
  .ranking-module-head { min-height: 42px; }
  .ranking-module-head h2 { font-size: 25px; }
  .ranking-head-meta > span { display: none; }
  .ranking-toolbar {
    min-height: 64px;
    margin-inline: -14px;
    padding-inline: 14px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .ranking-toolbar::-webkit-scrollbar { display: none; }
  .ranking-period-tabs { flex: 0 0 auto; }
  .ranking-period-tabs button,
  .ranking-copy { min-height: 40px; padding: 0 13px; }
  .ranking-custom-period {
    position: fixed;
    inset: auto 12px 74px;
    grid-template-columns: 1fr 1fr;
  }
  .ranking-custom-period button { width: 100%; }
  .ranking-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ranking-summary-card { min-height: 88px; padding: 14px; }
  .ranking-summary-card strong { font-size: 23px; }
  .ranking-board > header { min-height: 52px; padding-inline: 14px; }
  .ranking-table-head { display: none; }
  .ranking-row {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    grid-template-rows: minmax(36px, auto) minmax(30px, auto);
    gap: 2px 7px;
    min-height: 76px;
    padding-block: 6px;
  }
  .ranking-rank { grid-column: 1; grid-row: 1 / span 2; }
  .ranking-reseller { grid-column: 2; grid-row: 1; }
  .ranking-count { grid-column: 3; grid-row: 1; }
  .ranking-rate { grid-column: 2; grid-row: 2; text-align: left; }
  .ranking-revenue { grid-column: 3; grid-row: 2; }
  .ranking-revenue i { width: 60px; }
  .ranking-mobile-label { display: inline; color: #8b8b93; font-size: 10px; font-weight: 750; }
  .ranking-board-note { display: none; }
}

@media (max-width: 420px) {
  .ranking-summary-card > span { font-size: 11px; }
  .ranking-rate small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ranking-refresh,
  .ranking-copy,
  .ranking-period-tabs button,
  .ranking-custom-period button { transition: none; }
  .ranking-skeleton { animation: none; }
}

/* source: painel_v1_prototipo/notification-center-v1.css */
.fusion-notification-bell{position:relative;width:42px;height:42px;min-width:42px;padding:0!important;display:grid!important;place-items:center;border:1px solid rgba(145,162,197,.24)!important;border-radius:10px!important;background:rgba(9,16,34,.78)!important;color:#dce5f8!important;box-shadow:none!important;cursor:pointer}.fusion-notification-bell:hover,.fusion-notification-bell[aria-expanded="true"]{border-color:rgba(255,79,216,.58)!important;color:#ff71da!important;background:rgba(255,79,216,.08)!important}.fusion-notification-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fusion-notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #070b17;border-radius:999px;background:#ec39bd;color:#fff;font-size:10px;font-weight:900;line-height:1}
.fusion-notification-backdrop{position:fixed;inset:0;z-index:6998;background:rgba(0,3,10,.58);backdrop-filter:blur(2px)}.fusion-notification-drawer{position:fixed;z-index:6999;top:14px;right:14px;bottom:14px;width:min(420px,calc(100vw - 28px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(108,132,177,.33);border-radius:18px;background:linear-gradient(180deg,#0c1425 0%,#070d19 100%);color:#f4f7ff;box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 34px rgba(236,57,189,.08);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.fusion-notification-drawer[hidden],.fusion-notification-backdrop[hidden]{display:none!important}.fusion-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid rgba(116,137,177,.18)}.fusion-notification-head h2{margin:0;font-size:19px;letter-spacing:-.01em}.fusion-notification-head p{margin:5px 0 0;color:#929fba;font-size:12px}.fusion-notification-head-actions{display:flex;gap:7px}.fusion-notification-icon-btn{width:34px;height:34px;min-width:34px;padding:0!important;border:1px solid rgba(145,162,197,.22)!important;border-radius:9px!important;background:#101a2d!important;color:#dce5f8!important;display:grid!important;place-items:center;font-size:18px;cursor:pointer}
.fusion-notification-body{overflow:auto;padding:14px 14px 24px}.fusion-notification-list{display:grid;gap:10px}.fusion-notification-empty{display:grid;place-items:center;min-height:260px;padding:30px;text-align:center;border:1px dashed rgba(145,162,197,.22);border-radius:14px;background:rgba(8,15,29,.55)}.fusion-notification-empty strong{font-size:15px}.fusion-notification-empty p{max-width:290px;margin:8px 0 0;color:#909db7;font-size:13px;line-height:1.5}
.fusion-notification-item{position:relative;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;padding:14px;border:1px solid rgba(116,137,177,.18);border-radius:14px;background:rgba(13,23,42,.78);color:#f4f7ff;text-align:left;overflow:hidden}.fusion-notification-item:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#52617b}.fusion-notification-item.is-unread{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.fusion-notification-item.is-incident{border-color:rgba(255,105,122,.3);background:linear-gradient(135deg,rgba(72,21,34,.48),rgba(13,23,42,.9))}.fusion-notification-item.is-incident:before{background:#ff6579}.fusion-notification-item.is-action{border-color:rgba(246,174,64,.26);background:linear-gradient(135deg,rgba(61,41,16,.4),rgba(13,23,42,.9))}.fusion-notification-item.is-action:before{background:#f2ab25}.fusion-notification-item.is-information:before{background:#4d8cff}.fusion-notification-item.lifecycle-resolved{opacity:.76}.fusion-notification-kind-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(145,162,197,.22);border-radius:9px;background:#111c31;color:#cbd5e8;font-size:13px;font-weight:900}.is-incident .fusion-notification-kind-icon{border-color:rgba(255,101,121,.42);background:rgba(255,101,121,.12);color:#ff9eaa}.is-action .fusion-notification-kind-icon{border-color:rgba(242,171,37,.4);background:rgba(242,171,37,.11);color:#ffc85f}.is-information .fusion-notification-kind-icon{border-color:rgba(77,140,255,.38);background:rgba(77,140,255,.1);color:#85afff}
.fusion-notification-copy{min-width:0}.fusion-notification-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.fusion-notification-copy strong{display:block;color:#f7f9ff;font-size:13px;line-height:1.35}.fusion-notification-kind-label{flex:none;padding:3px 7px;border:1px solid rgba(145,162,197,.18);border-radius:999px;color:#9eacc5;font-size:9px;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.045em}.is-incident .fusion-notification-kind-label{border-color:rgba(255,101,121,.35);color:#ff9eaa}.is-action .fusion-notification-kind-label{border-color:rgba(242,171,37,.32);color:#ffc85f}.fusion-notification-copy p{margin:6px 0 9px;color:#b1bdd3;font-size:12px;line-height:1.48}.fusion-notification-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#73819e;font-size:10px}.fusion-notification-category,.fusion-notification-lifecycle,.fusion-notification-required{padding:3px 6px;border-radius:999px;background:rgba(125,92,246,.13);color:#c8baff}.fusion-notification-lifecycle{background:rgba(255,255,255,.055);color:#b9c5da}.lifecycle-acknowledged .fusion-notification-lifecycle{background:rgba(242,171,37,.11);color:#ffc85f}.fusion-notification-required{background:rgba(255,101,121,.1);color:#ff9eaa}
.fusion-notification-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}.fusion-notification-open,.fusion-notification-state{min-height:32px;padding:0 10px!important;border-radius:8px!important;font:800 10px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;cursor:pointer}.fusion-notification-open{border:1px solid rgba(108,85,240,.45)!important;background:rgba(108,85,240,.13)!important;color:#d5ceff!important}.fusion-notification-open span{margin-left:3px}.fusion-notification-state{border:1px solid rgba(145,162,197,.22)!important;background:#111c2f!important;color:#cbd5e8!important}.fusion-notification-state.is-resolve{border-color:rgba(66,216,143,.3)!important;color:#83edba!important}.fusion-notification-open:hover,.fusion-notification-state:hover{filter:brightness(1.18)}
.fusion-notification-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 2px;color:#8794ae;font-size:11px}.fusion-notification-link{padding:5px!important;border:0!important;background:transparent!important;color:#ef75d2!important;font-size:11px!important;cursor:pointer}
.fusion-push-settings{margin-top:18px!important}.fusion-push-settings .panel-body{display:grid;gap:16px}.fusion-push-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;border:1px solid rgba(116,137,177,.18);border-radius:12px;background:rgba(7,14,29,.55)}.fusion-push-intro h3{margin:0;color:#f5f7ff;font-size:15px}.fusion-push-intro p{margin:6px 0 0;color:#9eabc3;font-size:12px;line-height:1.5}.fusion-push-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.fusion-push-primary,.fusion-push-secondary{min-height:38px;padding:0 13px!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important;cursor:pointer}.fusion-push-primary{border:1px solid rgba(255,79,216,.6)!important;background:linear-gradient(135deg,#d828a5,#8b36d9)!important;color:#fff!important}.fusion-push-secondary{border:1px solid rgba(116,137,177,.28)!important;background:#101a2d!important;color:#d7e0f2!important}.fusion-push-status{display:inline-flex;align-items:center;gap:7px;margin-top:9px;color:#92a0ba;font-size:11px}.fusion-push-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#75819a}.fusion-push-status.is-success:before{background:#42d88f}.fusion-push-status.is-warning:before{background:#f2ab25}.fusion-push-status.is-error:before{background:#ff7285}.fusion-preference-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fusion-preference-group{padding:14px;border:1px solid rgba(116,137,177,.16);border-radius:12px;background:rgba(10,18,34,.48)}.fusion-preference-group h4{margin:0 0 8px;color:#dce5f7;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.fusion-preference-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.fusion-preference-row+.fusion-preference-row{border-top:1px solid rgba(116,137,177,.1)}.fusion-preference-row span{display:grid;gap:3px;color:#e8edf8;font-size:12px}.fusion-preference-row small{color:#7f8ca7;font-size:10px;line-height:1.35}.fusion-preference-row input{width:17px!important;height:17px!important;min-width:17px;margin:0!important;accent-color:#ec39bd}.fusion-preference-row.is-future{opacity:.58}.fusion-preference-row.is-future small:after{content:" · Próxima etapa";color:#ef75d2}.fusion-push-note{padding:11px 13px;border-left:3px solid #6d4fd5;border-radius:8px;background:rgba(75,52,151,.12);color:#9da9c1;font-size:11px;line-height:1.5}.fusion-toast{position:fixed;z-index:7002;right:24px;bottom:24px;max-width:min(360px,calc(100vw - 32px));padding:12px 15px;border:1px solid rgba(66,216,143,.38);border-radius:10px;background:#0d211b;color:#dffbed;box-shadow:0 18px 50px rgba(0,0,0,.45);font:700 12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}.fusion-toast.is-error{border-color:rgba(255,114,133,.42);background:#29131a;color:#ffdce1}
@media(max-width:760px){.fusion-notification-drawer{top:auto;right:0;bottom:0;left:0;width:100%;max-height:min(86vh,760px);border-radius:20px 20px 0 0}.fusion-notification-backdrop{background:rgba(0,3,10,.7)}.fusion-preference-groups{grid-template-columns:1fr}.fusion-push-intro{grid-template-columns:1fr}.fusion-push-actions{justify-content:flex-start}.fusion-notification-bell{width:40px;height:40px;min-width:40px}.fusion-toast{right:16px;bottom:84px}.fusion-notification-title-row{display:grid}.fusion-notification-kind-label{width:max-content}.fusion-notification-actions{display:grid;grid-template-columns:1fr 1fr}.fusion-notification-open{grid-column:1/-1}.fusion-notification-open,.fusion-notification-state{min-height:38px}}
@media(max-width:390px){.fusion-notification-head{padding:17px}.fusion-notification-body{padding:11px 11px 20px}.fusion-notification-item{grid-template-columns:30px minmax(0,1fr);padding:12px}.fusion-notification-kind-icon{width:28px;height:28px}}

/* source: painel_revendedor/repasse-module-v1.css */
#repasses {
  --repasse-bg: #08090d;
  --repasse-surface: #17181c;
  --repasse-surface-soft: #1d1e22;
  --repasse-border: rgba(255, 255, 255, .11);
  --repasse-border-soft: rgba(255, 255, 255, .07);
  --repasse-text: #f4f4f6;
  --repasse-muted: #98999f;
  --repasse-accent: #ff08bd;
  --repasse-orange: #ff9d1a;
  --repasse-green: #51c52c;
  --repasse-red: #ff4c59;
  display: grid;
  gap: 20px;
  padding: 0 0 40px;
  color: var(--repasse-text);
}

body:has(#repasses.active) #resellerAlertCenter,
body:has(#repasses.active) .period-filter-shell,
body:has(#repasses.active) .global-bar {
  display: none !important;
}

.repasse-page-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  min-height: 18px;
}

.repasse-updated {
  margin-left: auto;
  color: #777980;
  font-size: 12px;
  font-weight: 650;
}

.repasse-toolbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 58px;
  padding: 8px 0 12px;
  border-bottom: 1px solid var(--repasse-border-soft);
}

.repasse-tabs {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--repasse-border);
  border-radius: 11px;
  background: #141519;
}

.repasse-mode-button {
  min-height: 38px;
  padding: 0 15px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #8d8e94;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
}

.repasse-mode-button:hover {
  color: #fff;
}

html body #repasses .repasse-tabs .repasse-mode-button.active,
html body #repasses .repasse-tabs .repasse-mode-button.is-active,
html body #repasses .repasse-tabs .repasse-mode-button[aria-selected="true"] {
  border: 1px solid rgba(255, 94, 205, .88) !important;
  background: linear-gradient(135deg, #ef2f8f, #9a43e8) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08) inset, 0 0 18px rgba(239, 47, 143, .24) !important;
}

.repasse-toolbar-actions,
.repasse-period-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.repasse-period-actions {
  position: relative;
  transition: opacity .18s ease;
}

#repasses:not(.repasse-history-mode) .repasse-period-actions {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.repasse-period-actions > button,
.repasse-new-entry {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--repasse-border);
  border-radius: 8px;
  background: #101115;
  color: #a3a4aa;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.repasse-period-actions > button:hover,
.repasse-new-entry:hover {
  border-color: rgba(255, 8, 189, .45);
  color: #fff;
}

html body #repasses .repasse-period-actions > button.active,
html body #repasses .repasse-period-actions > button.is-active,
html body #repasses .repasse-period-actions > button[aria-pressed="true"] {
  border-color: #ef2f8f !important;
  background: linear-gradient(135deg, rgba(239, 47, 143, .25), rgba(139, 92, 246, .20)) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255, 79, 216, .16) inset, 0 0 16px rgba(239, 47, 143, .18) !important;
}

html body #repasses .repasse-period-actions > button[aria-pressed="true"]::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  border-radius: 999px;
  background: #ff70cf;
  box-shadow: 0 0 9px rgba(255, 79, 216, .9);
  vertical-align: middle;
}

.repasse-new-entry {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.repasse-range-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 40;
  width: 310px;
  padding: 14px;
  border: 1px solid var(--repasse-border);
  border-radius: 12px;
  background: #191a1f;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .55);
}

.repasse-range-popover[hidden] {
  display: none !important;
}

.repasse-range-popover label {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
  color: var(--repasse-muted);
  font-size: 11px;
  font-weight: 800;
}

.repasse-range-popover input {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--repasse-border);
  border-radius: 8px;
  background: #101115;
  color: #fff;
  color-scheme: dark;
}

.repasse-range-popover .primary {
  width: 100%;
  min-height: 40px;
}

.repasse-overview {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(420px, 1.1fr);
  gap: 34px;
  min-height: 220px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--repasse-border);
  border-radius: 14px;
  background: var(--repasse-surface);
}

.repasse-overview::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--repasse-accent), rgba(255, 8, 189, .32));
}

.repasse-overview-main {
  min-width: 0;
}

.repasse-overview-label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #f0f0f2;
  font-size: 13px;
}

.repasse-overview-label i {
  color: var(--repasse-orange);
  font-size: 17px;
}

.repasse-overview-main > strong {
  display: block;
  margin: 14px 0 8px;
  color: #fff;
  font-size: clamp(30px, 3vw, 44px);
  font-variant-numeric: tabular-nums;
  letter-spacing: .025em;
}

.repasse-overview-main > small {
  display: block;
  color: var(--repasse-muted);
  font-size: 12px;
}

.repasse-open-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 18px;
  color: var(--repasse-muted);
  font-size: 11px;
  font-weight: 700;
}

.repasse-open-metrics span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.repasse-open-metrics span + span::before {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #7754ff;
  box-shadow: 0 0 10px rgba(119, 84, 255, .6);
  content: "";
}

.repasse-open-metrics [hidden] {
  display: none !important;
}

.repasse-selection-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  margin-top: 17px;
  padding: 0 12px;
  border: 1px solid rgba(255, 157, 26, .28);
  border-radius: 9px;
  background: rgba(255, 157, 26, .08);
  color: #b9aa96;
  font-size: 11px;
}

.repasse-selection-strip b {
  color: #efb568;
  font-size: 12px;
  white-space: nowrap;
}

.repasse-selection-strip button {
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: var(--repasse-accent);
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.repasse-selection-strip button:disabled {
  display: none;
}

.repasse-open-payment {
  min-width: 150px;
  min-height: 42px;
  margin-top: 13px;
  border: 0;
  border-radius: 8px;
  background: var(--repasse-accent) !important;
  color: #160210 !important;
  font-weight: 950;
}

.repasse-open-payment:disabled {
  opacity: .42;
}

.repasse-history-mode .repasse-selection-strip,
.repasse-history-mode .repasse-open-payment {
  display: none !important;
}

.repasse-history-mode [data-repasse-show-history] {
  display: none !important;
}

.repasse-history-mode .repasse-extract-card {
  min-height: 220px;
}

.repasse-history-mode .repasse-overview-label i {
  color: var(--repasse-green);
}

.repasse-overview-breakdown {
  align-self: center;
  min-width: 0;
}

.repasse-overview-breakdown > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 47px;
  border-bottom: 1px solid var(--repasse-border-soft);
}

.repasse-overview-breakdown > div:last-child {
  border-bottom: 0;
}

.repasse-overview-breakdown span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #b6b7bb;
  font-size: 12px;
}

.repasse-overview-breakdown i {
  color: #3687ff;
  font-size: 16px;
}

.repasse-overview-breakdown .credit i,
.repasse-overview-breakdown .other i {
  color: var(--repasse-red);
}

.repasse-overview-breakdown b {
  color: #f1f1f2;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.repasse-overview-breakdown b.negative {
  color: var(--repasse-red);
}

.repasse-overview-breakdown .repasse-calculation-copy {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.repasse-overview-breakdown .repasse-calculation-copy > span {
  display: grid;
  gap: 2px;
}

.repasse-overview-breakdown .repasse-calculation-copy strong {
  color: #d8d9dd;
  font-size: 12px;
  font-weight: 750;
}

.repasse-overview-breakdown .repasse-calculation-copy small {
  color: var(--repasse-muted);
  font-size: 11px;
}

.repasse-overview-breakdown .repasse-calculation-total {
  min-height: 54px;
  margin-top: 2px;
  border-bottom: 0;
}

.repasse-overview-breakdown .repasse-calculation-total span,
.repasse-overview-breakdown .repasse-calculation-total b {
  color: #f4f4f6;
  font-size: 14px;
  font-weight: 900;
}

.repasse-calculation-note {
  margin: -2px 0 0 26px;
  color: var(--repasse-muted);
  font-size: 10px;
  line-height: 1.5;
}

.repasse-section-card {
  overflow: hidden;
  border: 1px solid var(--repasse-border);
  border-radius: 14px;
  background: var(--repasse-surface);
}

.repasse-section-card > header {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid var(--repasse-border-soft);
}

.repasse-select-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-left: auto;
  color: #b9bac0;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
}

.repasse-select-all input,
.repasse-row-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.repasse-select-all > span,
.repasse-row-check > span {
  position: relative;
  width: 19px;
  height: 19px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 6px;
  background: #0f1015;
  color: transparent;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.repasse-select-all input:focus-visible + span,
.repasse-row-check input:focus-visible + span {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.repasse-select-all input:checked + span,
.repasse-select-all input:indeterminate + span,
.repasse-row-check input:checked + span {
  border-color: var(--repasse-accent);
  background: var(--repasse-accent);
  color: #190312;
  box-shadow: 0 0 18px rgba(255, 8, 189, .22);
}

.repasse-select-all input:indeterminate + span::after {
  width: 9px;
  height: 2px;
  border-radius: 2px;
  background: #190312;
  content: "";
}

.repasse-select-all input:disabled + span {
  opacity: .38;
}

.repasse-history-mode .repasse-select-all {
  display: none !important;
}

.repasse-section-card h3 {
  margin: 0;
  color: #eeeeef;
  font-size: 13px;
}

.repasse-section-card h3 > i {
  margin-right: 9px;
  color: var(--repasse-accent);
  font-size: 15px;
}

.repasse-section-card h3 small {
  margin-left: 7px;
  color: #787a80;
  font-size: 11px;
}

.repasse-compact-list {
  display: grid;
  padding: 10px 18px 0;
}

.repasse-day-group {
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid var(--repasse-border-soft);
  border-left: 3px solid var(--repasse-orange);
  border-radius: 10px;
  background: #141519;
}

.repasse-history-mode .repasse-day-group {
  border-left-color: var(--repasse-green);
}

.repasse-day-group > header {
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 12px;
  background: var(--repasse-surface-soft);
  color: #777980;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.repasse-day-group > header b {
  color: #a6a7ad;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.repasse-ledger-row {
  width: 100%;
  min-width: 0;
  min-height: 50px !important;
  display: grid;
  grid-template-columns: 20px minmax(170px, 1.2fr) minmax(120px, .75fr) auto 110px 14px;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid var(--repasse-border-soft);
  background: transparent;
  color: #dadadd;
  text-align: left;
}

#repasses .repasse-ledger-row {
  height: auto !important;
  min-height: 50px !important;
}

.repasse-ledger-row.repasse-composed-row,
.repasse-row-detail.repasse-composed-row {
  grid-template-columns: 20px minmax(0, 1fr) auto 110px 14px;
}

.repasse-row-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.repasse-row-copy > strong,
.repasse-row-copy > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.repasse-selectable-row {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 0;
  padding: 0;
}

.repasse-row-check {
  min-width: 44px;
  min-height: 50px;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.repasse-row-check > span {
  width: 21px;
  height: 21px;
}

.repasse-row-check > span i {
  font-size: 13px;
  line-height: 1;
}

.repasse-row-check input:disabled + span {
  border-color: rgba(119, 84, 255, .35);
  background: rgba(119, 84, 255, .1);
  color: #8d7cff;
  opacity: .7;
}

.repasse-row-check input:disabled + span::after {
  width: 7px;
  height: 7px;
  border: 2px solid currentColor;
  border-radius: 999px;
  content: "";
}

.repasse-row-check input:disabled + span i {
  display: none;
}

.repasse-row-detail {
  width: 100%;
  min-width: 0;
  min-height: 50px !important;
  display: grid;
  align-items: center;
  gap: 9px;
  padding: 0 12px 0 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

#repasses .repasse-row-detail {
  height: auto !important;
  min-height: 50px !important;
}

.repasse-row-detail:hover,
.repasse-selectable-row.selected {
  background: rgba(255, 255, 255, .028);
}

.repasse-selectable-row.selected {
  box-shadow: inset 3px 0 0 var(--repasse-accent);
}

.repasse-selectable-row.locked {
  background: rgba(119, 84, 255, .035);
}

.repasse-ledger-row:last-child {
  border-bottom: 0;
}

.repasse-ledger-row[data-repasse-select-id] {
  cursor: pointer;
}

.repasse-ledger-row[data-paid-details] {
  cursor: pointer;
}

.repasse-ledger-row[data-repasse-item-id] {
  cursor: pointer;
}

.repasse-ledger-row[data-repasse-select-id]:hover,
.repasse-ledger-row[data-paid-details]:hover,
.repasse-ledger-row[data-repasse-item-id]:hover,
.repasse-ledger-row.selected {
  background: rgba(255, 255, 255, .025);
}

.repasse-ledger-row.selected {
  box-shadow: inset 3px 0 0 var(--repasse-accent);
}

.repasse-ledger-row.mandatory {
  box-shadow: inset 3px 0 0 var(--repasse-orange);
}

.repasse-row-icon {
  display: grid;
  place-items: center;
  color: #2784ff;
  font-size: 14px;
}

.repasse-ledger-row.credit .repasse-row-icon,
.repasse-ledger-row.other .repasse-row-icon {
  color: var(--repasse-red);
}

.repasse-ledger-row.payment .repasse-row-icon {
  color: var(--repasse-green);
}

.repasse-ledger-row strong {
  min-width: 0;
  overflow: hidden;
  color: #dedee1;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.repasse-row-meta {
  min-width: 0;
  overflow: hidden;
  color: #8f9096;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.repasse-row-status,
.repasse-paid-badge {
  justify-self: end;
  padding: 3px 8px;
  border: 1px solid rgba(255, 157, 26, .34);
  border-radius: 999px;
  background: rgba(255, 157, 26, .08);
  color: #e7a13d;
  font-size: 9px;
  font-weight: 850;
  white-space: nowrap;
}

.repasse-row-status.locked {
  border-color: rgba(119, 84, 255, .42);
  background: rgba(119, 84, 255, .12);
  color: #a99cff;
}

.repasse-paid-badge {
  border-color: rgba(81, 197, 44, .45);
  background: rgba(81, 197, 44, .1);
  color: #69d542;
}

.repasse-ledger-row > b,
.repasse-row-detail > b {
  justify-self: end;
  color: #e4e4e6;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.repasse-ledger-row > b.negative,
.repasse-row-detail > b.negative {
  color: var(--repasse-red);
}

.repasse-row-chevron {
  justify-self: end;
  color: #73747a;
  font-size: 11px;
}

.repasse-section-link {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  padding: 0 20px;
  border: 0;
  background: transparent;
  color: var(--repasse-accent);
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.repasse-payment-source {
  display: none !important;
}

.repasse-selection-dock {
  position: sticky;
  z-index: 32;
  bottom: 16px;
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto auto;
  align-items: center;
  gap: 18px;
  padding: 13px 15px 13px 20px;
  border: 1px solid rgba(255, 8, 189, .38);
  border-radius: 14px;
  background: rgba(17, 18, 24, .96);
  box-shadow: 0 18px 54px rgba(0, 0, 0, .58), 0 0 24px rgba(255, 8, 189, .1);
  backdrop-filter: blur(18px);
}

.repasse-selection-dock[hidden],
.repasse-history-mode .repasse-selection-dock {
  display: none !important;
}

.repasse-selection-dock > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.repasse-selection-dock > div strong {
  color: #f1f1f4;
  font-size: 13px;
}

.repasse-selection-dock > div span {
  color: var(--repasse-muted);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.repasse-selection-dock > b {
  color: #fff;
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.repasse-clear-selection {
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid var(--repasse-border);
  border-radius: 8px;
  background: transparent;
  color: #b9bac0;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.repasse-clear-selection:hover {
  border-color: rgba(255, 255, 255, .28);
  color: #fff;
}

.repasse-selection-dock .repasse-open-payment {
  min-width: 164px;
  margin: 0;
}

.repasse-pay-mobile {
  display: none;
}

.repasse-section-link[hidden] {
  display: none !important;
}

.repasse-empty {
  min-height: 92px;
  display: grid;
  place-items: center;
  padding: 20px;
  color: var(--repasse-muted);
  font-size: 12px;
  text-align: center;
}

@media (max-width: 1180px) {
  .repasse-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .repasse-toolbar-actions {
    width: 100%;
    justify-content: space-between;
  }

  .repasse-period-actions {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .repasse-period-actions::-webkit-scrollbar {
    display: none;
  }

  .repasse-period-actions > button {
    flex: 0 0 auto;
  }
}

@media (max-width: 840px) {
  .repasse-overview {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .repasse-ledger-row {
    grid-template-columns: 20px minmax(0, 1fr) auto 14px;
    min-height: 54px !important;
  }

  #repasses .repasse-ledger-row {
    min-height: 54px !important;
  }

  .repasse-ledger-row.repasse-composed-row,
  .repasse-row-detail.repasse-composed-row {
    grid-template-columns: 20px minmax(0, 1fr) auto 14px;
  }

  .repasse-selectable-row {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 0;
  }

  .repasse-row-meta {
    grid-column: 2;
  }

  .repasse-row-status,
  .repasse-paid-badge {
    grid-column: 3;
    grid-row: 1;
  }

  .repasse-ledger-row > b,
  .repasse-row-detail > b {
    grid-column: 3;
    grid-row: 2;
  }

  .repasse-row-chevron {
    grid-column: 4;
    grid-row: 1 / span 2;
  }

  .repasse-selection-dock {
    grid-template-columns: minmax(130px, 1fr) auto auto;
    gap: 12px;
  }

  .repasse-clear-selection {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    min-height: 28px;
    padding: 0;
    border: 0;
    color: var(--repasse-accent);
  }

  .repasse-selection-dock .repasse-open-payment {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 620px) {
  .sidebar .nav {
    justify-content: flex-start !important;
    gap: 4px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .sidebar .nav::-webkit-scrollbar {
    display: none;
  }

  .sidebar .nav button {
    flex: 0 0 46px;
  }

  #repasses {
    gap: 14px;
    padding-bottom: 90px;
  }

  .repasse-page-head { min-height: 16px; }

  .repasse-toolbar {
    gap: 12px;
  }

  .repasse-tabs {
    width: 100%;
  }

  .repasse-mode-button {
    flex: 1;
  }

  .repasse-toolbar-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .repasse-period-actions {
    width: 100%;
  }

  .repasse-period-actions > button {
    min-height: 36px;
    padding: 0 11px;
  }

  .repasse-new-entry {
    justify-content: center;
    width: 100%;
  }

  #repasses:not(.repasse-history-mode) .repasse-period-actions {
    display: none;
  }

  .repasse-range-popover {
    position: fixed;
    top: 82px;
    right: 12px;
    left: 12px;
    width: auto;
  }

  .repasse-overview {
    min-height: 0;
    padding: 21px 18px;
    border-radius: 12px;
  }

  .repasse-overview-main > strong {
    font-size: 32px;
  }

  .repasse-selection-strip {
    grid-template-columns: 1fr auto;
  }

  .repasse-selection-strip button {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .repasse-open-payment {
    width: 100%;
  }

  .repasse-section-card {
    border-radius: 12px;
  }

  .repasse-section-card > header {
    padding: 0 14px;
  }

  .repasse-compact-list {
    padding: 8px 10px 0;
  }

  .repasse-day-group > header {
    padding: 0 9px;
  }

  .repasse-ledger-row {
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 8px 9px;
  }

  .repasse-ledger-row.repasse-composed-row,
  .repasse-row-detail.repasse-composed-row {
    grid-template-columns: 18px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    row-gap: 4px;
  }

  .repasse-selectable-row {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0;
    padding: 0;
  }

  .repasse-ledger-row.repasse-composed-row {
    min-height: 68px !important;
  }

  #repasses .repasse-ledger-row.repasse-composed-row,
  #repasses .repasse-row-detail {
    height: auto !important;
    min-height: 68px !important;
  }

  .repasse-row-check {
    min-height: 68px;
  }

  .repasse-row-detail {
    min-height: 68px !important;
    padding: 9px 9px 9px 0;
  }

  .repasse-composed-row .repasse-row-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .repasse-composed-row .repasse-row-copy {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }

  .repasse-row-meta {
    grid-column: 2;
  }

  .repasse-row-status,
  .repasse-paid-badge {
    grid-column: 3;
    grid-row: 1;
  }

  .repasse-ledger-row > b,
  .repasse-row-detail > b {
    grid-column: 3;
    grid-row: 2;
    font-size: 11px;
  }

  .repasse-row-chevron {
    display: none;
  }

  .repasse-section-link {
    min-height: 42px;
    padding: 0 14px;
  }

  .repasse-select-all b {
    display: none;
  }

  .repasse-selection-dock {
    position: fixed;
    right: 12px;
    bottom: 76px;
    left: 12px;
    min-height: 72px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 9px;
    padding: 10px 10px 10px 14px;
    border-radius: 13px;
  }

  .repasse-selection-dock > b {
    font-size: 17px;
  }

  .repasse-selection-dock .repasse-open-payment {
    min-width: 82px;
    min-height: 48px;
    padding: 0 16px;
  }

  .repasse-pay-desktop {
    display: none;
  }

  .repasse-pay-mobile {
    display: inline;
  }
}

/* source: painel_v1_prototipo/repasse-unificado-v1.css */
#carteira > .finance-workspace[hidden],
.nav-btn[data-view="financeiro"][hidden] {
  display: none !important;
}

#carteira .parent-repasse-workspace {
  width: 100%;
  max-width: none;
}

#carteira .repasse-page-head {
  min-height: 22px;
}

#carteira .repasse-overview-label svg,
#carteira .repasse-period-actions svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

#carteira .repasse-overview-label svg {
  color: var(--repasse-orange);
}

#carteira #parentRepasseScopeStrip {
  grid-template-columns: minmax(0, 1fr) auto;
}

#carteira .repasse-ledger-row {
  cursor: pointer;
}

#carteira .repasse-ledger-row.ads .repasse-row-icon {
  color: #ff5b67;
}

#carteira .repasse-calculation-row.ads i {
  color: #ff5b67;
}

#carteira .repasse-section-link[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  #carteira .repasse-page-head {
    display: none;
  }

  #carteira .parent-repasse-workspace {
    padding-bottom: 84px;
  }
}

/* source: shared/fusion-saas-premium-v1.css */
/* Fusion+ Graphite Premium v2
 * Shared visual system for Parent and Reseller.
 * Presentation only: business behavior stays in each panel's existing modules.
 */

:where(.fusion-parent-app, .fusion-reseller-app) {
  --bg-main: #07080a;
  --bg-deep: #090a0d;
  --surface-1: #101217;
  --surface-2: #111318;
  --surface-3: #151820;
  --border-default: #232832;
  --border-strong: #252a33;
  --text-primary: #f5f7fb;
  --text-secondary: #858d99;
  --text-auxiliary: #6e7681;
  --primary: #ff00b8;
  --primary-secondary: #a900ff;
  --success: #28d768;
  --warning: #ffad33;
  --danger: #ff5368;
  --info: #4da3ff;

  --ui-bg: var(--bg-main);
  --ui-bg-elevated: var(--bg-deep);
  --ui-surface: var(--surface-1);
  --ui-surface-raised: var(--surface-2);
  --ui-surface-soft: var(--surface-3);
  --ui-border: var(--border-default);
  --ui-border-strong: var(--border-strong);
  --ui-text: var(--text-primary);
  --ui-text-soft: var(--text-secondary);
  --ui-muted: var(--text-secondary);
  --ui-disabled: var(--text-auxiliary);
  --ui-primary: var(--primary);
  --ui-primary-hover: #ff33c6;
  --ui-primary-soft: rgba(255, 0, 184, .08);
  --ui-success: var(--success);
  --ui-warning: var(--warning);
  --ui-danger: var(--danger);
  --ui-info: var(--info);

  /* Legacy aliases keep every existing component on the same visual system. */
  --bg: var(--bg-main);
  --side: var(--bg-deep);
  --panel: var(--surface-1);
  --panel2: var(--surface-2);
  --border: var(--border-default);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --pink: var(--primary);
  --purple: var(--primary-secondary);
  --teal: var(--info);
  --green: var(--success);
  --yellow: var(--warning);
  --orange: var(--warning);
  --red: var(--danger);
  --blue: var(--info);
  --brand-pink: var(--primary);
  --brand-orange: var(--warning);
  --ui-radius-xs: 6px;
  --ui-radius-sm: 9px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --ui-radius-xl: 20px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-shadow-sm: 0 8px 24px rgba(0, 0, 0, .14);
  --ui-shadow-md: 0 18px 48px rgba(0, 0, 0, .3);
  --ui-focus: 0 0 0 3px rgba(255, 0, 184, .16);
  color: var(--ui-text);
  background: var(--ui-bg);
  font-variant-numeric: tabular-nums;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(button, input, select, textarea) {
  font: inherit;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(button, [role="button"], a, input, select, textarea):focus-visible {
  outline: 2px solid rgba(255, 100, 184, .9) !important;
  outline-offset: 2px !important;
  box-shadow: var(--ui-focus) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(button, [role="button"]) {
  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

@media (hover:hover) {
  :where(.fusion-parent-app, .fusion-reseller-app) :where(button, [role="button"]):not(:disabled):hover {
    transform: translateY(-1px);
  }
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(button, [role="button"]):active {
  transform: translateY(0);
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(button, input, select, textarea):disabled {
  cursor: not-allowed;
  opacity: .52;
}

/* Main shells and navigation */
.fusion-parent-app .shell,
.fusion-reseller-app .shell {
  background: var(--ui-bg) !important;
}

.fusion-parent-app aside,
.fusion-reseller-app .sidebar {
  background: var(--bg-deep) !important;
  border-color: var(--ui-border) !important;
  box-shadow: none !important;
}

.fusion-parent-app aside .nav button,
.fusion-reseller-app .nav button {
  border-radius: var(--ui-radius-sm) !important;
  color: var(--text-secondary) !important;
}

.fusion-parent-app aside .nav button:hover,
.fusion-reseller-app .nav button:hover {
  color: var(--ui-text) !important;
  background: rgba(255, 255, 255, .035) !important;
}

.fusion-parent-app aside .nav button.active,
.fusion-parent-app aside .nav button[aria-current="page"],
.fusion-reseller-app .nav button.active,
.fusion-reseller-app .nav button.is-active,
.fusion-reseller-app .nav button[aria-current="page"] {
  color: var(--text-primary) !important;
  border-color: rgba(255, 0, 184, .2) !important;
  background: #18121a !important;
  box-shadow: inset 2px 0 0 var(--ui-primary) !important;
}

.fusion-parent-app .topbar,
.fusion-reseller-app .global-bar {
  background: var(--bg-deep) !important;
  border-color: var(--ui-border) !important;
  backdrop-filter: none !important;
}

/* Page hierarchy */
.fusion-parent-app :where(.view-header h1, .topbar-title, .page-title),
.fusion-reseller-app .top h1 {
  color: var(--ui-text) !important;
  font-size: clamp(26px, 2.1vw, 34px) !important;
  font-weight: 820 !important;
  letter-spacing: -.035em !important;
  line-height: 1.12 !important;
}

.fusion-parent-app :where(.topbar-subtitle, .view-subtitle, .panel-note),
.fusion-reseller-app :where(.top p, .panel-head p, .muted) {
  color: var(--ui-muted) !important;
}

/* Cards and panels */
.fusion-parent-app :where(.panel, .metric-card, .finance-summary-card, .dashboard-command-card, .reconciliation-card, .daily-closing-card, .closing-card, .pending-center-card, .audit-summary-card, .quality-score-card),
.fusion-reseller-app :where(.panel, .metric, .setting-card, .settings-plans, .client-table-panel, .payable-card, .plans-table-panel, .repasse-section-card, .repasse-overview, .reseller-command-card) {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--surface-1) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

.fusion-parent-app :where(.panel, .metric-card, .finance-summary-card, .dashboard-command-card),
.fusion-reseller-app :where(.panel, .metric, .finance-summary-card) {
}

.fusion-parent-app :where(.panel-header, .finance-ledger-head),
.fusion-reseller-app :where(.panel-head, .statement-head, .repasse-section-head) {
  border-color: var(--ui-border) !important;
}

.fusion-parent-app :where(.panel-title, .panel-header h2),
.fusion-reseller-app :where(.panel-head h2, .panel-head h3, .statement-head b, .repasse-section-head h3) {
  color: var(--ui-text) !important;
  font-size: 16px !important;
  font-weight: 780 !important;
  letter-spacing: -.012em !important;
}

.fusion-parent-app :where(.metric, [data-dashboard], [data-finance]),
.fusion-reseller-app :where(.metric strong, .payable-summary-card strong, .finance-summary-card strong, .repasse-overview-value) {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em !important;
}

.fusion-parent-app .metric-card .metric,
.fusion-reseller-app .metric strong {
  font-size: clamp(22px, 1.8vw, 30px) !important;
  line-height: 1.08 !important;
}

/* Tables and dense financial lists */
:where(.fusion-parent-app, .fusion-reseller-app) :where(.table-scroll, .table-wrap) {
  scrollbar-width: thin;
  scrollbar-color: #353b46 transparent;
}

:where(.fusion-parent-app, .fusion-reseller-app) table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
}

:where(.fusion-parent-app, .fusion-reseller-app) thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  color: var(--text-secondary) !important;
  background: var(--bg-deep) !important;
  border-color: var(--ui-border) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase;
}

:where(.fusion-parent-app, .fusion-reseller-app) tbody td {
  color: var(--text-primary) !important;
  border-color: var(--border-default) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) tbody tr {
  transition: background-color 120ms ease;
}

:where(.fusion-parent-app, .fusion-reseller-app) tbody tr:hover {
  background: rgba(255, 255, 255, .025) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(td:last-child, th:last-child, .amount, [data-money]) {
  font-variant-numeric: tabular-nums;
}

/* Controls, filters and buttons */
:where(.fusion-parent-app, .fusion-reseller-app) :where(input, select, textarea) {
  color: var(--ui-text) !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-sm) !important;
  background: var(--surface-3) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(input, select, textarea)::placeholder {
  color: var(--text-auxiliary) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(input, select, textarea):focus {
  border-color: rgba(255, 0, 184, .72) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.primary, button.primary, .auth-submit, .login-submit, .new-entry, .new-client) {
  color: #fff !important;
  border: 1px solid var(--ui-primary) !important;
  border-radius: var(--ui-radius-sm) !important;
  background: var(--ui-primary) !important;
  box-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.primary, button.primary, .auth-submit, .login-submit, .new-entry, .new-client):hover {
  background: var(--ui-primary-hover) !important;
  box-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.period-quick button.active, .period-quick button.is-active, .period-quick button[aria-pressed="true"], .period-tabs button.active, .finance-tab.active, .repasse-mode-button.active, .repasse-filter-button.active) {
  color: #fff !important;
  border-color: rgba(255, 0, 184, .62) !important;
  background: var(--ui-primary-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 0, 184, .06) !important;
}

/* Status system */
:where(.fusion-parent-app, .fusion-reseller-app) :where(.status, .badge, .pill) {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 999px !important;
  font-weight: 750 !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.status.approved, .status.active, .status.paid, .badge.good, .badge.success) {
  color: var(--success) !important;
  border-color: rgba(40, 215, 104, .32) !important;
  background: rgba(40, 215, 104, .09) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.status.pending, .badge.warn, .badge.warning) {
  color: var(--warning) !important;
  border-color: rgba(255, 173, 51, .32) !important;
  background: rgba(255, 173, 51, .09) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.status.blocked, .status.expired, .status.cancelled, .badge.bad, .badge.danger) {
  color: var(--danger) !important;
  border-color: rgba(255, 83, 104, .32) !important;
  background: rgba(255, 83, 104, .09) !important;
}

/* Modals, notifications and empty/loading states */
:where(.fusion-parent-app, .fusion-reseller-app) .modal {
  background: rgba(0, 0, 0, .8) !important;
  backdrop-filter: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.modal-card, .payment-card, .paid-details-card, .auth-panel) {
  color: var(--ui-text) !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-xl) !important;
  background: var(--surface-1) !important;
  box-shadow: var(--ui-shadow-md) !important;
  animation: fusion-modal-enter 160ms ease-out both;
}

:where(.fusion-parent-app, .fusion-reseller-app) .modal-actions {
  border-color: var(--ui-border) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.empty, .empty-state, [data-empty-state]) {
  color: var(--ui-muted) !important;
  border: 1px dashed var(--border-strong) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--surface-2) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where([aria-busy="true"], .is-loading) {
  cursor: progress;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.toast, [role="status"], [role="alert"]) {
  border-radius: var(--ui-radius-md);
}

@keyframes fusion-modal-enter {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Repasse selection and payment reference */
.fusion-reseller-app :where(.repasse-selectable-row, .repasse-history-row),
.fusion-parent-app :where(.repasse-selectable-row, .repasse-history-row) {
  border-color: var(--border-default) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) .repasse-selectable-row:has(.repasse-pay-check:checked) {
  background: rgba(255, 0, 184, .05) !important;
  box-shadow: inset 2px 0 0 var(--ui-primary) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) .repasse-selection-dock {
  border: 1px solid rgba(255, 0, 184, .28) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--surface-2) !important;
  box-shadow: var(--ui-shadow-md) !important;
  backdrop-filter: none !important;
}

.fusion-reseller-app .crypto-payment-panel {
  border-color: var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--surface-2) !important;
}

.fusion-reseller-app :where(.crypto-payment-qr, .crypto-payment-details) {
  min-width: 0;
}

.fusion-reseller-app .crypto-payment-qr img {
  border-radius: var(--ui-radius-md) !important;
  background: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .3);
}

/* Keep hidden routes cheap until they are opened. */
:where(.fusion-parent-app, .fusion-reseller-app) .view:not(.active) {
  content-visibility: hidden;
  contain-intrinsic-size: 1px 900px;
}

:where(.fusion-parent-app, .fusion-reseller-app) .view.active {
  content-visibility: visible;
}

@media (max-width: 768px) {
  :where(.fusion-parent-app, .fusion-reseller-app) {
    --ui-radius-lg: 14px;
    --ui-radius-xl: 18px;
  }

  :where(.fusion-parent-app, .fusion-reseller-app) :where(button, [role="button"], input, select) {
    min-height: 44px;
  }

  .fusion-parent-app :where(.view-header h1, .topbar-title, .page-title),
  .fusion-reseller-app .top h1 {
    font-size: 26px !important;
  }

  .fusion-parent-app :where(.panel, .metric-card, .finance-summary-card),
  .fusion-reseller-app :where(.panel, .metric, .finance-summary-card) {
    box-shadow: none !important;
  }

  :where(.fusion-parent-app, .fusion-reseller-app) :where(.modal-card, .payment-card, .paid-details-card) {
    width: min(100%, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: var(--ui-radius-lg) !important;
  }

  :where(.fusion-parent-app, .fusion-reseller-app) .repasse-selection-dock {
    position: sticky !important;
    bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 520px) {
  :where(.fusion-parent-app, .fusion-reseller-app) :where(.panel-header, .panel-head) {
    align-items: flex-start !important;
    gap: var(--ui-space-3) !important;
  }

  :where(.fusion-parent-app, .fusion-reseller-app) :where(.panel-note, .metric small) {
    line-height: 1.45 !important;
  }

  .fusion-reseller-app .crypto-payment-content {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.fusion-parent-app, .fusion-reseller-app) *,
  :where(.fusion-parent-app, .fusion-reseller-app) *::before,
  :where(.fusion-parent-app, .fusion-reseller-app) *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (prefers-contrast: more) {
  :where(.fusion-parent-app, .fusion-reseller-app) {
    --ui-border: rgba(190, 207, 232, .36);
    --ui-border-strong: rgba(204, 220, 242, .58);
    --ui-muted: #b5bfd0;
  }
}

/* Repasse — modal de novo lançamento. Escopo fechado para não alterar os demais diálogos. */
.fusion-reseller-app #modal:not(.finance-entry-modal) .finance-modal-close {
  display: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal {
  z-index: 2600 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(2, 5, 9, .78) !important;
  backdrop-filter: blur(3px) !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-card {
  position: relative !important;
  width: min(840px, calc(100vw - 48px)) !important;
  max-width: 840px !important;
  max-height: calc(100dvh - 48px) !important;
  overflow: auto !important;
  box-sizing: border-box !important;
  padding: 38px 42px 34px !important;
  border: 1px solid rgba(188, 196, 213, .24) !important;
  border-radius: 22px !important;
  background: #101113 !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, .52) !important;
  color: #f7f8fb !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-card::before {
  display: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-card h2 {
  margin: 0 52px 30px 0 !important;
  color: #f8f9fc !important;
  font-size: clamp(27px, 3vw, 34px) !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-modal-close {
  position: absolute !important;
  z-index: 3 !important;
  top: 24px !important;
  right: 26px !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: #aeb2bc !important;
  box-shadow: none !important;
  font-size: 20px !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-modal-close:hover,
.fusion-reseller-app #modal.finance-entry-modal .finance-modal-close:focus-visible {
  border-color: rgba(188, 196, 213, .24) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: #fff !important;
}

.fusion-reseller-app #modal.finance-entry-modal #modalForm,
.fusion-reseller-app #modal.finance-entry-modal #modalFields,
.fusion-reseller-app #modal.finance-entry-modal #financeTypeFields {
  display: grid !important;
  gap: 24px !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-entry-first-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.16fr) minmax(290px, .84fr) !important;
  gap: 24px !important;
  align-items: end !important;
}

.fusion-reseller-app #modal.finance-entry-modal :where(.finance-input-field, .finance-choice-field) {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.fusion-reseller-app #modal.finance-entry-modal :where(.finance-input-field > span:first-child, .finance-choice-field > legend) {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #c0c2c9 !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-input-field > span em {
  margin-left: 5px !important;
  color: #7f838d !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  text-transform: uppercase !important;
  letter-spacing: .045em !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-type-control {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  height: 62px !important;
  margin: 0 !important;
  border: 1px solid #393b40 !important;
  border-radius: 13px !important;
  background: #1a1b1e !important;
  transition: border-color .16s ease, background .16s ease !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-type-control:focus-within {
  border-color: rgba(255, 79, 216, .72) !important;
  background: #1d1d21 !important;
  box-shadow: 0 0 0 3px rgba(255, 79, 216, .09) !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-type-control > i {
  position: absolute !important;
  z-index: 2 !important;
  left: 18px !important;
  width: 24px !important;
  color: #48d597 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-type-control[data-tone="expense"] > i {
  color: #ff526a !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-type-control[data-tone="activation"] > i,
.fusion-reseller-app #modal.finance-entry-modal .finance-type-control[data-tone="credit"] > i {
  color: #a47aff !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-type-control[data-tone="ads"] > i {
  color: #ff9a48 !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-type-control select {
  width: 100% !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 48px 0 54px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #f7f8fb !important;
  box-shadow: none !important;
  font-size: 17px !important;
  font-weight: 720 !important;
  cursor: pointer !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-choice-grid {
  display: grid !important;
  gap: 12px !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-payer-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-server-grid {
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)) !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-choice-button {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-choice-button > input {
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-choice-button > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 62px !important;
  padding: 0 18px !important;
  border: 1px solid #393b40 !important;
  border-radius: 13px !important;
  background: #1a1b1e !important;
  color: #f0f1f5 !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: border-color .16s ease, background .16s ease, color .16s ease !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-choice-button:hover > span {
  border-color: rgba(255, 79, 216, .42) !important;
  background: #1f1f23 !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-choice-button > input:checked + span {
  border-color: #ff39c5 !important;
  background: #ed24b7 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-choice-button > input:focus-visible + span {
  outline: 3px solid rgba(255, 79, 216, .2) !important;
  outline-offset: 2px !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-server-field .finance-choice-button > input:checked + span {
  border-color: rgba(255, 79, 216, .72) !important;
  background: rgba(255, 42, 190, .12) !important;
  color: #ff75d8 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 79, 216, .08) !important;
}

.fusion-reseller-app #modal.finance-entry-modal :where(.finance-input-field > input, .finance-input-field > select, .finance-date-control input) {
  width: 100% !important;
  min-width: 0 !important;
  height: 62px !important;
  min-height: 62px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #393b40 !important;
  border-radius: 13px !important;
  background: #1a1b1e !important;
  color: #f7f8fb !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
}

.fusion-reseller-app #modal.finance-entry-modal :where(.finance-input-field > input, .finance-input-field > select, .finance-date-control input):focus {
  border-color: rgba(255, 79, 216, .72) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(255, 79, 216, .09) !important;
}

.fusion-reseller-app #modal.finance-entry-modal :where(input, select)[aria-invalid="true"] {
  border-color: #ff5d71 !important;
  box-shadow: 0 0 0 3px rgba(255, 76, 99, .09) !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-value-date-grid,
.fusion-reseller-app #modal.finance-entry-modal .finance-dynamic-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-date-control {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-date-control input {
  padding-right: 52px !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-date-control input::-webkit-calendar-picker-indicator {
  position: absolute !important;
  z-index: 2 !important;
  right: 16px !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-date-control > i {
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  color: #c8cad1 !important;
  font-size: 18px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-input-field > small:not(.finance-field-error) {
  display: block !important;
  margin-top: 8px !important;
  color: #81858f !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  line-height: 1.4 !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-field-error {
  display: block !important;
  min-height: 0 !important;
  margin-top: 7px !important;
  color: #ff7183 !important;
  font-size: 12px !important;
  font-weight: 690 !important;
  line-height: 1.35 !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-field-error:empty {
  display: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal .finance-optional-block {
  padding-top: 2px !important;
}

.fusion-reseller-app #modal.finance-entry-modal #modalError {
  min-height: 0 !important;
  margin: -8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ff7183 !important;
  font-size: 13px !important;
  font-weight: 690 !important;
}

.fusion-reseller-app #modal.finance-entry-modal #modalError:empty {
  display: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-actions button {
  min-width: 150px !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 25px !important;
  border: 1px solid #3b3d42 !important;
  border-radius: 12px !important;
  background: #17181b !important;
  color: #c9cbd2 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-actions .primary {
  min-width: 220px !important;
  border-color: #ed24b7 !important;
  background: #ed24b7 !important;
  color: #fff !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-actions .primary:hover:not(:disabled) {
  border-color: #ff42ca !important;
  background: #ff42ca !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-actions .primary:disabled {
  cursor: wait !important;
  opacity: .68 !important;
}

.fusion-reseller-app .finance-entry-toast {
  position: fixed !important;
  z-index: 3000 !important;
  right: 24px !important;
  bottom: 24px !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(66, 216, 143, .36) !important;
  border-radius: 12px !important;
  background: #0e1a17 !important;
  color: #8df0ba !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .36) !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

.fusion-reseller-app .finance-entry-toast.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.fusion-reseller-app .finance-entry-toast.is-error {
  border-color: rgba(255, 93, 113, .38) !important;
  background: #211014 !important;
  color: #ff9aa8 !important;
}

@media (max-width: 700px) {
  .fusion-reseller-app #modal.finance-entry-modal {
    align-items: flex-end !important;
    padding: 10px 8px 0 !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .modal-card {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 10px) !important;
    padding: 26px 18px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 20px 20px 0 0 !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .modal-card h2 {
    margin-bottom: 26px !important;
    font-size: 27px !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .finance-modal-close {
    top: 18px !important;
    right: 16px !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .finance-entry-first-row,
  .fusion-reseller-app #modal.finance-entry-modal .finance-value-date-grid,
  .fusion-reseller-app #modal.finance-entry-modal .finance-dynamic-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .finance-payer-grid,
  .fusion-reseller-app #modal.finance-entry-modal .finance-server-grid {
    grid-template-columns: 1fr !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .finance-choice-button > span,
  .fusion-reseller-app #modal.finance-entry-modal .finance-type-control,
  .fusion-reseller-app #modal.finance-entry-modal :where(.finance-input-field > input, .finance-input-field > select, .finance-date-control input) {
    height: 56px !important;
    min-height: 56px !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .finance-type-control select {
    height: 54px !important;
    min-height: 54px !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .modal-actions {
    position: sticky !important;
    bottom: calc(-20px - env(safe-area-inset-bottom, 0px)) !important;
    z-index: 4 !important;
    flex-direction: column !important;
    margin: 0 -18px calc(-20px - env(safe-area-inset-bottom, 0px)) !important;
    padding: 14px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(188, 196, 213, .13) !important;
    background: #101113 !important;
  }

  .fusion-reseller-app #modal.finance-entry-modal .modal-actions button,
  .fusion-reseller-app #modal.finance-entry-modal .modal-actions .primary {
    width: 100% !important;
    min-width: 0 !important;
  }

  .fusion-reseller-app .finance-entry-toast {
    right: 16px !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Painel Pai — paridade visual do modal de lançamento do Repasse. */
.fusion-parent-app #manualEntryModal.parent-entry-backdrop {
  z-index: 2600 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(2, 5, 9, .80) !important;
  backdrop-filter: blur(3px) !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal {
  position: relative !important;
  width: min(840px, calc(100vw - 48px)) !important;
  max-width: 840px !important;
  max-height: calc(100dvh - 48px) !important;
  overflow: auto !important;
  border: 1px solid rgba(188, 196, 213, .24) !important;
  border-radius: 22px !important;
  background: #101113 !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, .52) !important;
  color: #f7f8fb !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .modal-head {
  align-items: center !important;
  min-height: 0 !important;
  padding: 38px 42px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .modal-title {
  margin: 0 52px 0 0 !important;
  color: #f8f9fc !important;
  font-size: clamp(27px, 3vw, 34px) !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .loop-entry-close {
  position: absolute !important;
  z-index: 3 !important;
  top: 24px !important;
  right: 26px !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: #aeb2bc !important;
  box-shadow: none !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .loop-entry-close:hover,
.fusion-parent-app #manualEntryModal .parent-entry-modal .loop-entry-close:focus-visible {
  border-color: rgba(188, 196, 213, .24) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: #fff !important;
}

.fusion-parent-app #manualEntryModal #manualEntryForm,
.fusion-parent-app #manualEntryModal .parent-entry-form {
  display: grid !important;
  gap: 24px !important;
}

.fusion-parent-app #manualEntryModal #manualEntryForm {
  padding: 30px 42px 34px !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-form {
  padding: 0 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-first-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.16fr) minmax(290px, .84fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.fusion-parent-app #manualEntryModal :where(.manual-entry-field, .parent-entry-choice-field) {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.fusion-parent-app #manualEntryModal :where(.manual-entry-field > span:first-child, .parent-entry-choice-field > legend) {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #c0c2c9 !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-type-control {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 62px !important;
  border: 1px solid #393b40 !important;
  border-radius: 13px !important;
  background: #1a1b1e !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-type-control:focus-within {
  border-color: rgba(255, 79, 216, .72) !important;
  background: #1d1d21 !important;
  box-shadow: 0 0 0 3px rgba(255, 79, 216, .09) !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-type-icon {
  position: absolute !important;
  z-index: 2 !important;
  left: 18px !important;
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  color: #48d597 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-type-control[data-tone="expense"] .parent-entry-type-icon { color: #ff526a !important; }
.fusion-parent-app #manualEntryModal .parent-entry-type-control[data-tone="activation"] .parent-entry-type-icon,
.fusion-parent-app #manualEntryModal .parent-entry-type-control[data-tone="credit"] .parent-entry-type-icon { color: #a47aff !important; }
.fusion-parent-app #manualEntryModal .parent-entry-type-control[data-tone="ads"] .parent-entry-type-icon { color: #ff9a48 !important; }

.fusion-parent-app #manualEntryModal .parent-entry-type-control .manual-entry-control {
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 48px 0 54px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f7f8fb !important;
  font-size: 17px !important;
  font-weight: 720 !important;
  cursor: pointer !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-grid {
  display: grid !important;
  gap: 12px !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-payer-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-server-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-button {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-button > input {
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-button > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 62px !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #393b40 !important;
  border-radius: 13px !important;
  background: #1a1b1e !important;
  color: #f0f1f5 !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: border-color .16s ease, background .16s ease, color .16s ease !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-button:hover > span {
  border-color: rgba(255, 79, 216, .42) !important;
  background: #1f1f23 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-button > input:checked + span {
  border-color: #ff39c5 !important;
  background: #ed24b7 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-server-field .parent-entry-choice-button > input:checked + span {
  border-color: rgba(255, 79, 216, .72) !important;
  background: rgba(255, 42, 190, .12) !important;
  color: #ff75d8 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-button > input:focus-visible + span {
  outline: 3px solid rgba(255, 79, 216, .2) !important;
  outline-offset: 2px !important;
}

.fusion-parent-app #manualEntryModal :where(.manual-entry-field > .manual-entry-control, .parent-entry-date-control .manual-entry-control) {
  width: 100% !important;
  min-width: 0 !important;
  height: 62px !important;
  min-height: 62px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #393b40 !important;
  border-radius: 13px !important;
  background: #1a1b1e !important;
  color: #f7f8fb !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 620 !important;
}

.fusion-parent-app #manualEntryModal :where(.manual-entry-field > .manual-entry-control, .parent-entry-date-control .manual-entry-control):focus {
  border-color: rgba(255, 79, 216, .72) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(255, 79, 216, .09) !important;
}

.fusion-parent-app #manualEntryModal :where(input, select)[aria-invalid="true"],
.fusion-parent-app #manualEntryModal .parent-entry-type-control:has(select[aria-invalid="true"]) {
  border-color: #ff5d71 !important;
  box-shadow: 0 0 0 3px rgba(255, 76, 99, .09) !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-value-date-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-date-control {
  position: relative !important;
  display: block !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-date-control input {
  padding-right: 52px !important;
  color-scheme: dark !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-date-control input::-webkit-calendar-picker-indicator {
  position: absolute !important;
  z-index: 2 !important;
  right: 16px !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-date-control > span {
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  color: #c8cad1 !important;
  font-size: 18px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

.fusion-parent-app #manualEntryModal :where(.parent-entry-choice-field > small, .manual-entry-cadence > small) {
  display: block !important;
  margin-top: 8px !important;
  color: #81858f !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  line-height: 1.4 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-field-error {
  display: block !important;
  min-height: 0 !important;
  margin-top: 7px !important;
  color: #ff7183 !important;
  font-size: 12px !important;
  font-weight: 690 !important;
  line-height: 1.35 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-field-error:empty,
.fusion-parent-app #manualEntryModal .parent-entry-form-error:empty {
  display: none !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-form-error {
  margin: -4px 0 0 !important;
  color: #ff7183 !important;
  font-size: 13px !important;
  font-weight: 690 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-choice-empty {
  grid-column: 1 / -1 !important;
  padding: 16px !important;
  border: 1px dashed #393b40 !important;
  border-radius: 12px !important;
  color: #aeb2bc !important;
  text-align: center !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions .action-btn {
  min-width: 150px !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 25px !important;
  border: 1px solid #3b3d42 !important;
  border-radius: 12px !important;
  background: #17181b !important;
  color: #c9cbd2 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions .approved {
  min-width: 220px !important;
  border-color: #ed24b7 !important;
  background: #ed24b7 !important;
  color: #fff !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions .approved:hover:not(:disabled) {
  border-color: #ff42ca !important;
  background: #ff42ca !important;
}

.fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions .approved:disabled {
  cursor: wait !important;
  opacity: .68 !important;
}

.fusion-parent-app .parent-entry-toast {
  position: fixed !important;
  z-index: 3000 !important;
  right: 24px !important;
  bottom: 24px !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(66, 216, 143, .36) !important;
  border-radius: 12px !important;
  background: #0e1a17 !important;
  color: #8df0ba !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .36) !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

.fusion-parent-app .parent-entry-toast.is-visible { opacity: 1 !important; transform: translateY(0) !important; }
.fusion-parent-app .parent-entry-toast.is-error { border-color: rgba(255, 93, 113, .38) !important; background: #211014 !important; color: #ff9aa8 !important; }

@media (max-width: 700px) {
  .fusion-parent-app #manualEntryModal.parent-entry-backdrop {
    align-items: flex-end !important;
    padding: 10px 8px 0 !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-modal {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 10px) !important;
    border-radius: 20px 20px 0 0 !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-modal .modal-head {
    padding: 26px 18px 0 !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-modal .modal-title {
    font-size: 27px !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-modal .loop-entry-close {
    top: 18px !important;
    right: 16px !important;
  }

  .fusion-parent-app #manualEntryModal #manualEntryForm {
    padding: 26px 18px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-first-row,
  .fusion-parent-app #manualEntryModal .parent-entry-value-date-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-payer-grid,
  .fusion-parent-app #manualEntryModal .parent-entry-server-grid {
    grid-template-columns: 1fr !important;
  }

  .fusion-parent-app #manualEntryModal :where(.parent-entry-choice-button > span, .parent-entry-type-control, .manual-entry-field > .manual-entry-control, .parent-entry-date-control .manual-entry-control) {
    height: 56px !important;
    min-height: 56px !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-type-control .manual-entry-control {
    height: 54px !important;
    min-height: 54px !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions {
    position: sticky !important;
    bottom: calc(-20px - env(safe-area-inset-bottom, 0px)) !important;
    z-index: 4 !important;
    flex-direction: column !important;
    margin: 0 -18px calc(-20px - env(safe-area-inset-bottom, 0px)) !important;
    padding: 14px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(188, 196, 213, .13) !important;
    background: #101113 !important;
  }

  .fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions .action-btn,
  .fusion-parent-app #manualEntryModal .parent-entry-modal .modal-actions .approved {
    width: 100% !important;
    min-width: 0 !important;
  }

  .fusion-parent-app .parent-entry-toast {
    right: 16px !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* --------------------------------------------------------------------------
   Graphite Premium v2 — compatibility layer for every existing route
   -------------------------------------------------------------------------- */

:where(.fusion-parent-app, .fusion-reseller-app) {
  min-height: 100%;
  accent-color: var(--primary);
  color-scheme: dark;
}

:where(.fusion-parent-app, .fusion-reseller-app),
:where(.fusion-parent-app, .fusion-reseller-app) :where(.main, main, .content, .view, .view-stage) {
  background-color: var(--bg-main) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.topbar, .global-bar, .top, .mobile-header) {
  background-color: var(--bg-deep) !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.sidebar, aside) {
  background-color: var(--bg-deep) !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.brand, .profile, .sidebar-footer, .sidebar-brand) {
  border-color: var(--border-default) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(h1, h2, h3, h4, strong, b, .panel-title, .finance-ledger-title) {
  color: var(--text-primary);
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(p, small, .muted, .panel-note, .updated, .repasse-updated) {
  color: var(--text-secondary);
}

/* Neutral graphite surfaces. Specific business/status colors remain semantic. */
.fusion-parent-app :where(
  .panel, .metric-card, .finance-summary-card, .dashboard-command-card,
  .reconciliation-card, .daily-closing-card, .closing-card, .pending-center-card,
  .audit-summary-card, .quality-score-card, .operation-coverage-card,
  .finance-ledger, .client-history-card, .settlement-rule-card,
  .repasse-overview, .repasse-section-card, .login-card
),
.fusion-reseller-app :where(
  .panel, .metric, .setting-card, .settings-plans, .client-table-panel,
  .payable-card, .payable-summary-card, .plans-table-panel, .repasse-section-card,
  .repasse-overview, .reseller-command-card, .finance-summary-card,
  .client-history-card, .operation-coverage-card, .login-card
) {
  background-color: var(--surface-1) !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .panel-header, .panel-head, .statement-head, .finance-ledger-head,
  .repasse-section-head, .repasse-toolbar, .repasse-page-head,
  .client-pagination, .modal-actions, .filters-actions
) {
  border-color: var(--border-default) !important;
  background-image: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .dashboard-command-card, .finance-summary-card, .payable-summary-card,
  .operation-coverage-card, .quality-score-card
)::before,
:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .dashboard-command-card, .finance-summary-card, .payable-summary-card,
  .operation-coverage-card, .quality-score-card
)::after {
  filter: none !important;
  box-shadow: none !important;
}

/* One restrained brand line instead of multiple gradients or glows. */
:where(.fusion-parent-app, .fusion-reseller-app) :where(.repasse-overview, .finance-summary-card, .payable-summary-card) {
  position: relative;
  overflow: hidden;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.repasse-overview, .finance-summary-card, .payable-summary-card)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  width: auto !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--primary) !important;
  opacity: .72 !important;
  pointer-events: none;
}

/* Dense tables and financial lists. */
:where(.fusion-parent-app, .fusion-reseller-app) :where(
  table, .table-scroll, .table-wrap, .client-table-shell,
  .statement-list, .finance-ledger-list, .payable-extract,
  .repasse-compact-list
) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .statement-row, .finance-ledger-row, .repasse-compact-row,
  .repasse-selectable-row, .repasse-history-row, .client-history-row
) {
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .statement-row, .finance-ledger-row, .repasse-compact-row,
  .repasse-selectable-row, .repasse-history-row, .client-history-row
):hover {
  background-color: rgba(255, 255, 255, .025) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) thead th {
  background-color: var(--bg-deep) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(tbody tr, tbody td, thead th) {
  box-shadow: none !important;
}

/* Controls and secondary actions. */
:where(.fusion-parent-app, .fusion-reseller-app) :where(
  input, select, textarea, .control, .period, .parent-period-picker,
  .client-search-wrap, .parent-entry-type-control, .parent-entry-date-control
) {
  color: var(--text-primary) !important;
  background-color: var(--surface-3) !important;
  background-image: none !important;
  border-color: var(--border-strong) !important;
  box-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  button, .action-btn, .parent-period-button, .repasse-period-button,
  .repasse-mode-button, .finance-tab, .repasse-new-entry,
  .dashboard-see-all, .plans-back, .table-sort
):not(.primary):not(.approved) {
  background-image: none !important;
  box-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .parent-period-button, .repasse-period-button, .repasse-mode-button,
  .finance-tab, .payable-status-tabs button, .period-quick button,
  .period-tabs button, .tabs button, .payment-mode-tabs button
) {
  color: var(--text-secondary) !important;
  background-color: transparent !important;
  border-color: var(--border-default) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .parent-period-button.active, .parent-period-button[aria-pressed="true"],
  .repasse-period-button.active, .repasse-period-button[aria-pressed="true"],
  .repasse-mode-button.active, .finance-tab.active,
  .payable-status-tabs button.active, .payable-status-tabs button[aria-selected="true"],
  .period-quick button.active, .period-quick button[aria-pressed="true"],
  .period-tabs button.active, .tabs button.active,
  .payment-mode-tabs button.active
) {
  color: var(--text-primary) !important;
  background-color: rgba(255, 0, 184, .07) !important;
  background-image: none !important;
  border-color: rgba(255, 0, 184, .62) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 0, 184, .04) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  button.primary, .primary, .approved, .auth-submit, .login-submit,
  .new-entry, .new-client
) {
  color: #fff !important;
  background-color: var(--primary) !important;
  background-image: none !important;
  border-color: var(--primary) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  button.primary, .primary, .approved, .auth-submit, .login-submit,
  .new-entry, .new-client
):hover:not(:disabled) {
  background-color: var(--ui-primary-hover) !important;
  border-color: var(--ui-primary-hover) !important;
  box-shadow: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) input[type="checkbox"] {
  accent-color: var(--primary) !important;
}

/* Charts retain data color, without decorative glow. */
:where(.fusion-parent-app, .fusion-reseller-app) :where(svg, canvas) {
  filter: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.chart-grid, .chart-axis, .grid-line) {
  color: var(--border-default) !important;
  stroke: var(--border-default) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.chart-income, .series-income, .series-revenue) {
  color: var(--primary) !important;
  stroke: var(--primary) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.chart-expense, .series-expense, .series-cost) {
  color: var(--info) !important;
  stroke: var(--info) !important;
}

/* Modals, drawers and QR payment. */
:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .modal, .filters-backdrop, .loop-filter-backdrop,
  .parent-entry-backdrop
) {
  backdrop-filter: none !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(
  .modal-card, .payment-card, .paid-details-card,
  .filters-drawer, .loop-filter-drawer, .parent-entry-modal,
  .crypto-payment-panel, .parent-period-menu, .repasse-range-popover
) {
  color: var(--text-primary) !important;
  background-color: var(--surface-1) !important;
  background-image: none !important;
  border-color: var(--border-strong) !important;
  box-shadow: var(--ui-shadow-md) !important;
  backdrop-filter: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal .modal-card,
.fusion-parent-app #manualEntryModal .parent-entry-modal {
  background-color: var(--surface-1) !important;
  border-color: var(--border-strong) !important;
}

.fusion-reseller-app #modal.finance-entry-modal :where(.finance-entry-field, .finance-entry-control, .finance-entry-choice > span),
.fusion-parent-app #manualEntryModal :where(.manual-entry-field, .manual-entry-control, .parent-entry-choice-button > span) {
  background-color: var(--surface-3) !important;
  background-image: none !important;
  border-color: var(--border-strong) !important;
  box-shadow: none !important;
}

.fusion-reseller-app #modal.finance-entry-modal :where(.finance-entry-choice input:checked + span),
.fusion-parent-app #manualEntryModal :where(.parent-entry-choice-button input:checked + span) {
  color: var(--text-primary) !important;
  background-color: rgba(255, 0, 184, .08) !important;
  border-color: rgba(255, 0, 184, .7) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.crypto-payment-qr, .crypto-payment-qr img) {
  background: #fff !important;
}

/* Semantic colors are intentionally consistent across both products. */
:where(.fusion-parent-app, .fusion-reseller-app) :where(.good, .positive, .success, [data-tone="success"]) {
  color: var(--success) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.warn, .warning, [data-tone="warning"]) {
  color: var(--warning) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.bad, .danger, .negative, .error, [data-tone="danger"]) {
  color: var(--danger) !important;
}

:where(.fusion-parent-app, .fusion-reseller-app) :where(.blue, .info, [data-tone="info"]) {
  color: var(--info) !important;
}

/* Keep the two-column Repasse summary intact on desktop. */
:where(.fusion-parent-app, .fusion-reseller-app) .repasse-overview {
  display: grid !important;
  grid-template-columns: minmax(280px, .9fr) minmax(420px, 1.1fr) !important;
  align-items: stretch !important;
}

@media (max-width: 900px) {
  :where(.fusion-parent-app, .fusion-reseller-app) .repasse-overview {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .fusion-parent-app :where(.metrics, .finance-summary-grid),
  .fusion-reseller-app :where(#dashboard .metrics, .client-metrics, .finance-summary-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  :where(.fusion-parent-app, .fusion-reseller-app) :where(.metric-card, .metric) {
    min-width: 0 !important;
    box-shadow: none !important;
  }

  :where(.fusion-parent-app, .fusion-reseller-app) :where(.repasse-toolbar, .repasse-toolbar-actions, .dashboard-period-controls) {
    align-items: stretch !important;
    flex-wrap: wrap !important;
  }
}

/* ID-scoped route bridge outranks the historic route-specific skins. */
html body.fusion-parent-app .shell main > :is(
  #operacao, #clientes, #movimentacoes, #conciliacao, #fechamento,
  #auditoria, #notificacoes, #saude, #revendedores, #cofre,
  #configuracoes, #repasses, #financeiro, #funil
) :is(
  .panel, .kpi, .metric-card, .finance-summary-card, .dashboard-command-card,
  .repasse-overview, .repasse-section-card, .operation-coverage-card,
  .daily-closing-card, .closing-card, .pending-center-card,
  .quality-score-card, .audit-summary-card, .settlement-rule-card
),
html body.fusion-reseller-app .shell main > :is(
  #dashboard, #financeiro, #repasses, #clientes, #movimentacoes,
  #ads, #cofre, #configuracoes, #planos
) :is(
  .panel, .metric, .finance-summary-card, .payable-summary-card,
  .repasse-overview, .repasse-section-card, .operation-coverage-card,
  .reseller-command-card, .setting-card, .settings-plans
) {
  background: var(--surface-1) !important;
  border-color: var(--border-default) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

html body.fusion-parent-app #operacao :is(.upcoming-expiry-strip, .intelligent-queue-strip),
html body.fusion-reseller-app #dashboard :is(.upcoming-expiry-strip, .intelligent-queue-strip, .reseller-alert-center) {
  background: var(--surface-1) !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

html body.fusion-reseller-app #dashboard .reseller-alert-center > *,
html body.fusion-parent-app #operacao :is(.dashboard-command-card, .queue-action-card),
html body.fusion-reseller-app #dashboard :is(.reseller-command-card, .queue-action-card) {
  background-color: var(--surface-2) !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

@media (max-width: 620px) {
  html body.fusion-parent-app .shell main > :is(
    #operacao, #clientes, #movimentacoes, #conciliacao, #fechamento,
    #auditoria, #notificacoes, #saude, #revendedores, #cofre,
    #configuracoes, #repasses, #financeiro, #funil
  ) :is(.panel, .kpi, .metric-card),
  html body.fusion-reseller-app .shell main > :is(
    #dashboard, #financeiro, #repasses, #clientes, #movimentacoes,
    #ads, #cofre, #configuracoes, #planos
  ) :is(.panel, .metric) {
    box-shadow: none !important;
  }
}

@media (max-width: 360px) {
  .fusion-parent-app :where(.metrics, .finance-summary-grid),
  .fusion-reseller-app :where(#dashboard .metrics, .client-metrics, .finance-summary-grid) {
    grid-template-columns: 1fr !important;
  }
}

/* Specificity bridge for legacy theme files that still use html/body chains. */
html body.fusion-parent-app,
html body.fusion-reseller-app {
  background: var(--bg-main) !important;
  color: var(--text-primary) !important;
}

html body.fusion-parent-app .shell,
html body.fusion-reseller-app .shell,
html body.fusion-parent-app .shell main,
html body.fusion-reseller-app .shell main,
html body.fusion-parent-app .view,
html body.fusion-reseller-app .view {
  background-color: var(--bg-main) !important;
  background-image: none !important;
}

html body.fusion-parent-app .shell > aside,
html body.fusion-reseller-app .shell > .sidebar,
html body.fusion-parent-app .topbar,
html body.fusion-reseller-app .global-bar,
html body.fusion-reseller-app .top {
  background-color: var(--bg-deep) !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

html body.fusion-parent-app .shell main .view :where(.panel, .kpi, .metric-card, .finance-summary-card, .dashboard-command-card, .repasse-overview, .repasse-section-card),
html body.fusion-reseller-app .shell main .view :where(.panel, .metric, .finance-summary-card, .payable-summary-card, .repasse-overview, .repasse-section-card) {
  background-color: var(--surface-1) !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

html body.fusion-parent-app .shell main .view :where(.panel, .kpi, .metric-card, .finance-summary-card, .dashboard-command-card, .repasse-overview, .repasse-section-card)::before,
html body.fusion-parent-app .shell main .view :where(.panel, .kpi, .metric-card, .finance-summary-card, .dashboard-command-card, .repasse-overview, .repasse-section-card)::after,
html body.fusion-reseller-app .shell main .view :where(.panel, .metric, .finance-summary-card, .payable-summary-card, .repasse-overview, .repasse-section-card)::before,
html body.fusion-reseller-app .shell main .view :where(.panel, .metric, .finance-summary-card, .payable-summary-card, .repasse-overview, .repasse-section-card)::after {
  filter: none !important;
  box-shadow: none !important;
}

html body.fusion-parent-app .shell main .view :where(.panel-header, .panel-body, .table-scroll),
html body.fusion-reseller-app .shell main .view :where(.panel-head, .table-wrap, .statement-list) {
  border-color: var(--border-default) !important;
}

html body.fusion-parent-app.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-surface .dashboard-grid.kpi-grid > .kpi:nth-child(n),
html body.fusion-reseller-app.fusion-premium-v5 .shell main #dashboard.view.active #metrics.metrics > .metric {
  background: var(--surface-1) !important;
  border-color: var(--border-default) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

html body.fusion-parent-app.fusion-premium-v5 .shell main #operacao.view.active > .dashboard-insights > .panel,
html body.fusion-parent-app.fusion-premium-v5 .shell main #operacao.view.active .dashboard-secondary-insights > .panel,
html body.fusion-reseller-app.fusion-premium-v5 .shell main #dashboard.view.active .dashboard-organized-grid > .panel {
  background: var(--surface-1) !important;
  border-color: var(--border-default) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

html body.fusion-parent-app.fusion-premium-v5 .shell main #operacao.view.active .dashboard-command-card,
html body.fusion-reseller-app.fusion-premium-v5 .shell main #dashboard.view.active .reseller-command-card {
  background: var(--surface-2) !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

html body.fusion-parent-app.fusion-premium-v5 .shell main #operacao.view.active .client-expirations,
html body.fusion-reseller-app.fusion-premium-v5 .shell main #dashboard.view.active .client-expirations,
html body.fusion-reseller-app.fusion-premium-v5 .shell main #dashboard.view.active .reseller-alert-center {
  background: var(--surface-1) !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

html body.fusion-parent-app.fusion-premium-v5 .shell main #operacao.view.active .client-expirations__queue,
html body.fusion-reseller-app.fusion-premium-v5 .shell main #dashboard.view.active .client-expirations__queue,
html body.fusion-reseller-app.fusion-premium-v5 .shell main #dashboard.view.active .reseller-alert-center > * {
  background-color: var(--surface-2) !important;
  background-image: none !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

html body.fusion-parent-app.fusion-premium-v5 #repasses .repasse-mode-button.active,
html body.fusion-parent-app.fusion-premium-v5 #repasses .repasse-period-button.active,
html body.fusion-reseller-app.fusion-premium-v5 #repasses .repasse-mode-button.active,
html body.fusion-reseller-app.fusion-premium-v5 #repasses .repasse-period-button.active,
html body.fusion-parent-app.fusion-premium-v5 #financeiro .finance-tab.active,
html body.fusion-reseller-app.fusion-premium-v5 #financeiro .finance-tab.active {
  color: var(--text-primary) !important;
  background-color: rgba(255, 0, 184, .07) !important;
  background-image: linear-gradient(180deg, rgba(255, 0, 184, .10), rgba(255, 0, 184, .05)) !important;
  border-color: rgba(255, 0, 184, .62) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 0, 184, .04) !important;
}

html body.fusion-parent-app.fusion-premium-v5 #repasses .repasse-period-actions > button.active,
html body.fusion-parent-app.fusion-premium-v5 #repasses .repasse-period-actions > button.is-active,
html body.fusion-parent-app.fusion-premium-v5 #repasses .repasse-period-actions > button[aria-pressed="true"],
html body.fusion-reseller-app.fusion-premium-v5 #repasses .repasse-period-actions > button.active,
html body.fusion-reseller-app.fusion-premium-v5 #repasses .repasse-period-actions > button.is-active,
html body.fusion-reseller-app.fusion-premium-v5 #repasses .repasse-period-actions > button[aria-pressed="true"] {
  color: var(--text-primary) !important;
  background-color: rgba(255, 0, 184, .07) !important;
  background-image: linear-gradient(180deg, rgba(255, 0, 184, .10), rgba(255, 0, 184, .05)) !important;
  border-color: rgba(255, 0, 184, .62) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 0, 184, .04) !important;
}

html body.fusion-parent-app.fusion-premium-v5 #repasses .repasse-period-actions > button[aria-pressed="true"]::after,
html body.fusion-reseller-app.fusion-premium-v5 #repasses .repasse-period-actions > button[aria-pressed="true"]::after {
  background: var(--primary) !important;
  box-shadow: none !important;
}

@media (max-width: 620px) {
  html body.fusion-parent-app .shell main .view :where(.panel, .kpi, .metric-card),
  html body.fusion-reseller-app .shell main .view :where(.panel, .metric) {
    box-shadow: none !important;
  }
}