/* VOLTURA • Atelier Aqua. A purposeful, high-contrast luxury workspace.
   This layer leaves Supabase queries, customer history, passkeys and OCR untouched. */
:root{color-scheme:light!important;--bg:#f7fbfa!important;--panel:#fff!important;--panel2:#eff8f7!important;--border:#dce9e7!important;--soft:#617777!important;--txt:#172f31!important;--y:#a5e1db!important;--green:#196f59!important;--red:#a83b42!important;--aqua:#90d7d0;--aqua-dark:#126d6b;--aqua-ink:#173c3e;--aqua-paper:#f7fbfa;--aqua-line:#dbeae8}
html,body{background:#f7fbfa!important;color:#172f31!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body::before,body::after{display:none!important} button,input,select,textarea{font-family:inherit!important}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #45aaa7!important;outline-offset:2px!important}
::selection{background:#b7e7e1;color:#18393b}
#app.shell{background:linear-gradient(140deg,#f9fcfc 0%,#f0f8f7 48%,#f9fcfc 100%)!important;color:#173537!important;min-height:100dvh}
#app .sidebar{background:#fff!important;width:242px!important;min-width:242px!important;border-right:1px solid #e2eeec!important;box-shadow:none!important;padding:28px 16px!important;color:#1b3b3d!important}
#app .sidebar .side-logo{margin-bottom:10px;padding:3px 12px 20px!important;display:flex;align-items:center;gap:9px}
#app .sidebar .sig-side-mark{width:38px!important;height:38px!important;object-fit:contain}
#app .sidebar .sig-side-word{filter:brightness(0) saturate(100%)!important;max-width:125px!important}
#app .sidebar .navnote{font-size:10px!important;font-weight:700!important;letter-spacing:.15em!important;color:#7b9a97!important;opacity:1!important;margin:20px 14px 12px!important}
#app .sidebar>.nav{display:flex!important;align-items:center!important;min-height:48px!important;font-size:14px!important;line-height:1.3!important;font-weight:570!important;background:transparent!important;border:0!important;border-radius:12px!important;color:#3a5959!important;margin:3px 0!important;padding:12px 13px!important;gap:12px!important;transition:background .18s,color .18s!important}
#app .sidebar>.nav svg{stroke:#3c5e5e!important;width:20px!important;height:20px!important}
#app .sidebar>.nav:hover{background:#eff8f6!important;color:#135b59!important}
#app .sidebar>.nav.selected{background:#c9ebe7!important;color:#125a58!important;font-weight:760!important}
#app .sidebar>.nav.selected svg{stroke:#126864!important}
#app .sidebar .sidebar-foot{margin-top:auto!important;background:#f4faf9!important;border:1px solid #e1edeb!important;border-radius:18px!important;padding:16px 12px!important;color:#183f40!important}
#app .sidebar .sidebar-foot b{color:#183f40!important;font-size:13px!important}
#app .sidebar .muted{color:#68817f!important;opacity:1!important}
#app .sidebar .avatar{background:#d1ebe6!important;color:#185453!important}
#app .sidebar .button.secondary{background:#fff!important;color:#145e5b!important;border:1px solid #c7e3df!important;border-radius:12px!important}
#app .sidebar #logout{color:#537672!important;font-size:12px!important}
#app .sidebar .sig-ai-nav,#vmmSheet [data-signature-page="ai"],#app [data-signature-page="ai"],.sig-ai-card,.sig-ai-widget{display:none!important}
#app .content{padding:28px clamp(22px,3.4vw,60px) 76px!important;background:transparent!important;max-width:none!important}
#vaTopbar{min-height:67px!important;display:flex!important;align-items:center!important;gap:15px!important;margin-bottom:28px!important;padding-bottom:19px;border-bottom:1px solid #e1eeec!important}
.va-top-brand{font-weight:600!important;font-family:Georgia,"Times New Roman",serif!important;letter-spacing:.16em!important;color:#1d3f40!important;font-size:19px!important}
.va-top-brand img{width:39px!important;height:39px!important;object-fit:contain}
.va-store-switch{border:1px solid #d7e7e4!important;background:#fff!important;color:#1a4142!important;border-radius:14px!important;padding:11px 46px 11px 18px!important;min-width:205px!important;box-shadow:0 5px 18px #1d4e4c0a!important;min-height:57px!important}
.va-store-switch>span:first-child{font-size:11px!important;color:#5e807f!important}
.va-store-switch strong{font-size:14px!important;color:#183e3f!important;line-height:1.45!important}
.va-chevron{color:#347b79!important}
.va-top-tools{margin-left:auto}
.va-top-tools button{background:#fff!important;border:1px solid #dcebe8!important;color:#275d5a!important;padding:11px 16px!important;border-radius:12px!important;font-size:13px!important;min-height:44px}
.va-top-tools button:hover,.va-store-switch:hover{border-color:#80bcb6!important;background:#f7fbfa!important}
.va-workspace{width:min(1220px,100%)!important;margin-inline:auto!important}
.va-kicker{font-size:11px!important;color:#437e79!important;letter-spacing:.18em!important;font-weight:700!important;text-transform:uppercase!important;margin-bottom:11px!important}
.va-intro{position:relative;gap:22px!important;margin-bottom:29px!important;align-items:center!important}
.va-intro h2{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(35px,4.4vw,59px)!important;letter-spacing:-.04em!important;font-weight:500!important;color:#153839!important;line-height:1.12!important;margin:0 0 12px!important}
.va-intro p{font-size:15px!important;color:#5b7674!important;max-width:670px!important;line-height:1.6!important}
.va-add,#app .button:not(.secondary),#vcuWizard .vcu-button.vcu-primary,#vcuProfile .vcu-button.vcu-primary{background:#9cdbd5!important;color:#123e3d!important;border:1px solid #81c7c1!important;border-radius:13px!important;box-shadow:0 4px 16px #68afa718!important;font-weight:750!important;letter-spacing:0!important}
.va-add{font-size:14px!important;padding:13px 20px!important;min-height:54px!important;white-space:nowrap!important}
.va-add:hover,#app .button:not(.secondary):hover,#vcuWizard .vcu-primary:hover{background:#87d0c9!important;box-shadow:0 8px 20px #57a8a21c!important;transform:translateY(-1px)!important}
.va-add span{font-weight:400!important}
.va-metrics{gap:15px!important;margin:0 0 24px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.va-metric{background:#fff!important;border:1px solid #deebe8!important;border-radius:20px!important;padding:22px 24px!important;min-height:135px!important;box-shadow:0 7px 22px #17474509!important;color:#16393a!important;position:relative;overflow:hidden!important}
.va-metric::after{content:"";position:absolute;right:-25px;top:-39px;width:110px;height:110px;border:17px solid #ddf2ef;border-radius:50%;opacity:.6;pointer-events:none}
.va-metric span{font-size:13px!important;color:#3f6764!important;position:relative;z-index:1}
.va-metric strong{font-size:38px!important;color:#173a3b!important;letter-spacing:-.055em!important;position:relative;z-index:1;font-weight:650!important}
.va-metric small{font-size:12px!important;color:#658280!important;position:relative;z-index:1}
.va-metric.va-selected{background:linear-gradient(135deg,#d9f2ee,#c6eae5)!important;border-color:#86c9c1!important;box-shadow:0 9px 25px #378e8514!important}
.va-toolbar{gap:14px!important;margin-bottom:23px!important;flex-wrap:wrap!important}
.va-search-wrap{background:#fff!important;border:1px solid #d4e8e4!important;box-shadow:0 5px 16px #21554c09!important;min-height:57px!important;border-radius:15px!important}
.va-search-wrap:focus-within{border-color:#78bcb6!important;box-shadow:0 0 0 4px #8ed6ce28!important}
.va-search-wrap>svg{stroke:#52817f!important}
#app #vaSearch{font-size:15px!important;color:#193f40!important;font-weight:480!important}
#app #vaSearch::placeholder{color:#6f8787!important;opacity:1!important}
.va-scan-inline{display:none!important;color:#277f79!important;margin-right:7px!important;background:#e8f5f2!important;border-radius:10px!important}
.va-scan-inline:hover{background:#c9eae5!important}
.va-service-filters{background:#eaf5f2!important;border:1px solid #dfebe8!important;border-radius:15px!important;padding:5px!important}
.va-service-filters button{padding:12px 17px!important;color:#396361!important;min-height:45px!important;font-size:13px!important;border-radius:11px!important}
.va-service-filters button.va-active{background:#fff!important;color:#115d59!important;font-weight:800!important;box-shadow:0 2px 12px #174c470c!important}
.va-list-head{margin:9px 0 14px!important;gap:12px!important}
.va-list-head strong{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;font-size:24px!important;letter-spacing:-.035em!important;color:#143638!important}
.va-list-head span,.va-list-head .va-sort{font-size:13px!important;color:#62817e!important}
.va-rows{background:#fff!important;border:1px solid #dcebe8!important;border-radius:20px!important;box-shadow:0 9px 25px #10413a09!important;overflow:hidden!important}
.va-client-row{border-color:#e6f0ee!important;min-height:87px!important;padding:15px 20px!important;gap:17px!important}
.va-client-row:hover{background:#f4fbfa!important}
.va-initial{width:45px!important;height:45px!important;background:#ccece7!important;color:#1b6560!important;font-size:14px!important;font-weight:750!important}
.va-client-name>strong{font-size:15px!important;color:#183638!important}
.va-client-name>small{font-size:12px!important;color:#4e7974!important;gap:7px!important}
.va-service{background:#e9f6f3!important;color:#156e6a!important;font-size:11px!important;border-radius:7px!important;padding:4px 8px!important}
.va-service.gas{background:#e6f2f8!important;color:#376b87!important}
.va-mini-supplier{color:#6f8784!important}
.va-client-date{min-width:145px!important}
.va-client-date b{font-size:13px!important;color:#365452!important}.va-client-date .va-date-due{color:#a34548!important}.va-client-date small{font-size:11px!important;color:#6e8482!important}
.va-call,.va-detail{background:#e5f4f1!important;border:1px solid #cde9e3!important;color:#23766f!important;border-radius:12px!important;width:41px!important;height:41px!important}
.va-call:hover,.va-detail:hover{background:#cfebe6!important}
.va-zero{background:#fff!important;border:1px dashed #c6dfda!important;color:#183a39!important}
.va-zero h3{font-size:20px!important;color:#153b3a!important}.va-zero p{font-size:14px!important;color:#65817e!important}
.va-secondary{margin-top:24px!important;gap:10px!important}
.va-secondary button{font-size:13px!important;background:#fff!important;border:1px solid #dcebe8!important;color:#265e5b!important;padding:14px 18px!important;border-radius:14px!important}
/* Uniformly light and legible everywhere including legacy sections */
#app .panel,#app .tile,#app .insight,#app .sig-stat,#app .sig-action-card,#app .docitem,#app .history-event,#app .vcu-service,#app .vcu-history-event,#app .vcu-profile-card{background:#fff!important;border:1px solid #daebe7!important;color:#193d3b!important;box-shadow:0 7px 20px #164b4509!important}
#app .panel h3,#app .tile strong,#app .sig-stat strong,#app .history-event .change,#app .vcu-service strong{color:#173f3e!important}
#app .panel-sub,#app .muted,#app .tile-label,#app .page-desc,#app .vcu-service small,#app .vcu-history-event .vcu-history-diff{color:#5d7a76!important;opacity:1!important}
#app .tag,#app .pill{font-size:12px!important}
#app .button.secondary,#app .vcu-button.vcu-muted{background:#fff!important;color:#226761!important;border:1px solid #c6e2dc!important;box-shadow:none!important}
#app .field{color:#204e4b!important;font-weight:650!important;font-size:13px!important}
#app .field input,#app .field select,#app .field textarea{border:1px solid #cadfdb!important;background:#fff!important;color:#173b3b!important;border-radius:12px!important;font-size:15px!important}
#app .field input::placeholder,#app textarea::placeholder{color:#738985!important;opacity:1}
#app .drawer,#app .drawer.open{background:#f7fbfa!important;color:#173d3c!important}
#app .drawer h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;color:#153b3a!important}
#app .drawer-tabs button{color:#446c68!important}#app .drawer-tabs button.on{background:#cceae5!important;color:#0d5b57!important}
#app .vcu-avatar{background:#d9f2ee!important;color:#1b6761!important;border-radius:50%!important}
#app .vcu-pill{border-color:#d6e8e4!important;background:#edf7f5!important;color:#235951!important}
#app .vcu-pill.luce{color:#22726a!important;background:#dff2ed!important}
#app .vcu-pill.gas{color:#316f88!important;background:#e6f3fa!important}
#app .vcu-history-main{color:#146b66!important}
#vcuWizard .vcu-dialog,#vcuProfile .vcu-dialog{background:#f8fcfb!important;color:#1b3d3b!important;border:1px solid #d0e6e0!important;box-shadow:0 30px 100px #143f3c27!important;border-radius:24px!important;padding:31px!important}
#vcuWizard .vcu-top h2,#vcuProfile .vcu-top h2{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(30px,4vw,39px)!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1.16!important;color:#153c3c!important}
#vcuWizard .vcu-top p,#vcuProfile .vcu-top p{font-size:14px!important;color:#557873!important;line-height:1.55!important}
#vcuWizard .vcu-eyebrow,#vcuProfile .vcu-eyebrow{color:#3a8680!important;letter-spacing:.15em!important;font-size:11px!important}
#vcuWizard .vcu-section-heading,#vcuProfile .vcu-section-heading{font-size:14px!important;color:#1c6560!important;margin-top:26px!important;letter-spacing:.015em!important}
#vcuWizard .vcu-close,#vcuProfile .vcu-close{background:#e5f4f1!important;border:1px solid #cfe8e4!important;color:#245f5c!important;min-width:46px!important;min-height:46px!important}
#vcuWizard .vcu-field,#vcuProfile .vcu-field{font-size:14px!important;font-weight:660!important;color:#274f4b!important;gap:9px!important;line-height:1.45!important}
#vcuWizard .vcu-field input,#vcuWizard .vcu-field select,#vcuProfile .vcu-field input,#vcuProfile .vcu-field select{background:#fff!important;border:1px solid #c9dedb!important;color:#193d3a!important;min-height:51px!important;font-size:16px!important;padding:13px 14px!important;border-radius:11px!important;box-shadow:none!important}
#vcuWizard .vcu-field input::placeholder{color:#718b87!important;opacity:1!important}
#vcuWizard .vcu-grid{gap:18px!important}
#vcuWizard .vcu-button,#vcuProfile .vcu-button{min-height:48px!important;font-size:14px!important;padding:12px 17px!important;border-radius:12px!important}
#vcuWizard .vcu-neutral,#vcuProfile .vcu-neutral{background:#eaf6f3!important;color:#245956!important}
#vcuWizard .vcu-success{background:#e3f5eb!important;color:#166b48!important;border:1px solid #b9dfc7!important}
#vcuWizard .vcu-warning{background:#fff5e6!important;color:#805323!important;border:1px solid #ecd3a4!important}
#vcuWizard .vcu-error{background:#fff0f0!important;color:#9c3434!important;border:1px solid #eecaca!important}
#vcuWizard .vcu-match-row,#vcuProfile .vcu-match-row{border-bottom-color:#dbece7!important}
#vcuWizard .vcu-match-row small{color:#517873!important}
#vcuWizard .va-wizard-extras{background:#fff!important;border-color:#d8e8e4!important;border-radius:14px!important}
#vcuWizard .va-wizard-extras>summary{font-size:14px!important;color:#2d6a65!important;padding:16px!important}
#vcuWizard .va-wizard-extras>summary>span{color:#2a7870!important}
#vcuWizard .vcu-hint{background:#ecf8f5!important;color:#3b6460!important;border:1px solid #d0e8e0!important;font-size:13px!important}
#vcuProfile .vcu-service{padding:20px!important;gap:14px!important;border-radius:18px!important}
#vcuProfile .vcu-service-head h3{color:#17403d!important;font-size:19px!important}
#vcuProfile .vcu-state{color:#4f756f!important;font-size:12px!important}
#vcuProfile .vcu-service-info small{color:#67827e!important;font-size:13px!important}
#vcuProfile .vcu-history-event{background:#fff!important;border-color:#d7e8e4!important}
#vcuWizard .vcu-bottom{background:transparent!important}
#vcuWizard .vcu-overlay-bg,#vcuProfile .vcu-overlay-bg{background:#173b3a89!important;backdrop-filter:blur(4px)!important}
/* Atelier login */
#login.login{display:flex!important;min-height:100dvh!important;align-items:center!important;justify-content:center!important;background:radial-gradient(ellipse 62% 65% at 103% 5%,#b9ebe5 0%,transparent 65%),radial-gradient(ellipse 40% 48% at -12% 100%,#d8f1ec 0%,transparent 74%),#f6fbfa!important;position:relative!important;isolation:isolate!important}
#login.login::before{content:"";width:210px;height:210px;position:fixed;right:-105px;bottom:10vh;border:58px solid #d3f0eb;border-radius:50%;pointer-events:none;opacity:.55;z-index:-1}
#login .login-visual{display:none!important}
#login .login-right{display:flex!important;width:100%!important;min-height:100dvh!important;align-items:center!important;justify-content:center!important;padding:30px 20px!important;background:transparent!important;overflow:visible!important}
#login .login-box{width:min(465px,100%)!important;border-radius:26px!important;padding:43px 42px 38px!important;border:1px solid #e0eeeb!important;background:#fff!important;color:#183d3a!important;box-shadow:0 25px 85px #12453b14,0 3px 11px #20473f05!important;margin:0!important;backdrop-filter:none!important}
#login .voltura-login-showcase{display:none!important}
#login .voltura-login-brand{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;margin:0 auto 27px!important}
#login .voltura-login-brand img:first-child{height:62px!important;width:70px!important;object-fit:contain!important;filter:none!important}
#login .voltura-login-brand img:last-child{max-width:215px!important;width:215px!important;max-height:46px!important;height:auto!important;filter:brightness(0) saturate(100%)!important;object-fit:contain!important}
#login .login-box h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.035em!important;color:#193b3b!important;font-size:36px!important;margin:0 0 10px!important}
#login .login-box>p{font-size:14px!important;line-height:1.55!important;color:#56716e!important;margin:0 0 25px!important}
#login .login-box .field{color:#2d5853!important;font-size:14px!important;font-weight:650!important;margin:16px 0!important;display:block!important}
#login .login-box .field input{background:#fafeff!important;border:1px solid #cbdfdb!important;border-radius:12px!important;min-height:54px!important;font-size:16px!important;color:#133b39!important;margin-top:8px!important;padding:13px 15px!important;box-shadow:none!important}
#login .login-box .field input::placeholder{color:#7d9290!important;opacity:1!important}
#login #loginButton{min-height:54px!important;margin:14px 0 0!important;width:100%!important;border-radius:12px!important;background:#a5e0d9!important;color:#12413e!important;border:1px solid #8dccbf!important;box-shadow:none!important;font-weight:760!important;font-size:15px!important}
#login #passkeyLogin{width:100%!important;min-height:51px!important;margin:13px 0 6px!important;background:#f1f9f7!important;color:#215d59!important;border:1px solid #d1e6e1!important;border-radius:12px!important;font-size:15px!important}
#login .face-icon{color:#27867f!important}
#login .login-msg{color:#a1363b!important;font-size:13px!important}
/* Store selection resembles a curated storefront gallery */
#vaStoreGate{background:radial-gradient(ellipse at 0% 0%,#e0f5f1,transparent 46%),linear-gradient(125deg,#f8fcfb,#f1f9f7)!important;padding:40px 22px!important}
.va-gate-box{width:min(980px,100%)!important;padding:47px clamp(25px,5vw,66px) 44px!important;background:#fff!important;border:1px solid #deebe7!important;border-radius:28px!important;box-shadow:0 24px 80px #16474114!important;color:#173b3a!important}
.va-gate-brand{justify-content:center!important;color:#19413e!important;font-family:Georgia,"Times New Roman",serif!important;font-size:19px!important;letter-spacing:.16em!important;gap:9px!important}
.va-gate-brand img{width:43px!important;height:43px!important}
.va-gate-overline{text-align:center!important;letter-spacing:.22em!important;color:#3a8983!important;margin:26px 0 13px!important;font-size:11px!important}
.va-gate-box h1{text-align:center!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.035em!important;color:#143b39!important;font-size:clamp(35px,5vw,52px)!important}
.va-gate-box>p{text-align:center!important;color:#5f7e78!important;font-size:15px!important;margin:0 auto 30px!important;max-width:600px!important}
.va-store-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
.va-store-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow:hidden!important;min-width:0!important;min-height:0!important;border:1px solid #dcebe7!important;border-radius:16px!important;padding:0!important;background:#fff!important;color:#173d3b!important;text-align:left!important;box-shadow:0 6px 18px #1748400a!important;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease!important}
.va-store-card img{display:block!important;width:100%!important;height:165px!important;object-fit:cover!important;border-radius:0!important}
.va-store-card span{display:flex!important;flex-direction:column!important;padding:17px 16px 19px!important;gap:6px!important;min-height:84px!important;position:relative!important}
.va-store-card b{font-size:17px!important;color:#193e3c!important;line-height:1.3!important}
.va-store-card small{font-size:12px!important;color:#6b827e!important}
.va-store-card em{position:absolute!important;right:17px!important;bottom:16px!important;font-size:23px!important;color:#358680!important;font-style:normal!important;margin:0!important}
.va-store-card:hover,.va-store-card:focus-visible{border-color:#7ebdb4!important;box-shadow:0 14px 30px #15544c14!important;transform:translateY(-2px)!important}
.va-gate-footer{font-size:12px!important;color:#678882!important;margin-top:28px!important;letter-spacing:.02em!important}
.va-store-inside{max-width:960px!important;margin:0 auto!important}
.va-store-inside h2{font-family:Georgia,"Times New Roman",serif!important;color:#173f3e!important;font-size:36px!important}
.va-store-inside>.va-store-card{margin-bottom:13px!important}
/* Analysis should remain visual, without confusing call lists */
.tfy-analytics{max-width:1150px;margin:0 auto;padding:3px 0 50px}
.tfy-analytics h2{font:500 clamp(35px,4vw,53px)/1.1 Georgia,"Times New Roman",serif;color:#173c3a;margin:0 0 10px;letter-spacing:-.04em}
.tfy-analytics .tfy-sub{color:#617f7a;font-size:15px;margin:0 0 26px;line-height:1.6}
.tfy-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tfy-chart{background:#fff;border:1px solid #daebe7;border-radius:22px;padding:25px;min-width:0;box-shadow:0 7px 24px #14473b0a}
.tfy-chart h3{margin:0 0 5px;font:500 24px/1.2 Georgia,"Times New Roman",serif;color:#143e3c}
.tfy-chart p{font-size:13px;color:#65847e;margin:0 0 20px}.tfy-chart.big{grid-column:1/-1}
.tfy-chart .tfy-bars{height:194px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #d8e6e3;padding-bottom:12px;margin:28px 0 8px}
.tfy-chart .tfy-col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:6px}
.tfy-chart .tfy-col b{font-size:12px;color:#315d58}.tfy-chart .tfy-bar{width:min(50px,100%);min-height:5px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#8ad0c8,#4aaba3)}
.tfy-chart .tfy-axis{display:flex;gap:14px}.tfy-chart .tfy-axis span{flex:1;min-width:0;text-align:center;font-size:11px;color:#5e7e79;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tfy-chart .tfy-ring-wrap{display:flex;align-items:center;justify-content:center;gap:28px;min-height:187px}
.tfy-ring{width:176px;height:176px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#46a9a2 0 var(--percent),#cceae4 var(--percent) 100%)}
.tfy-ring span{width:126px;height:126px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#193e3a;font-size:32px;font-weight:650;letter-spacing:-.05em}.tfy-ring span small{font-size:12px;font-weight:500;letter-spacing:0;color:#6e8681}
.tfy-legend{display:grid;gap:13px;font-size:14px;color:#456a65}.tfy-legend span{display:flex;align-items:center;gap:9px}.tfy-legend i{width:11px;height:11px;border-radius:50%;display:inline-block;background:#46a9a2}.tfy-legend i.gas{background:#cceae4}
.tfy-chart .tfy-line{width:100%;max-height:230px;display:block}.tfy-chart .tfy-line path.area{fill:#d8f1ed}.tfy-chart .tfy-line path.stroke{stroke:#2c9790;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tfy-chart .tfy-empty{font-size:15px;color:#65847e;min-height:170px;display:grid;place-items:center}
/* Mobile responsive: prioritize legibility and comfortable tap targets */
@media(max-width:900px){.va-store-list{gap:12px!important}.va-store-card img{height:125px!important}.va-store-card b{font-size:15px!important}}
@media(max-width:740px){
 html,body{background:#f7fbfa!important;color:#173e3b!important}
 #app.shell{min-height:100dvh!important}
 #app .sidebar{display:none!important}
 #app .content{padding:13px 16px calc(105px + env(safe-area-inset-bottom,0px))!important}
 #volturaMobileHeader{background:#f9fdfcee!important;color:#173d3a!important;border-bottom:1px solid #d9eae5!important;box-shadow:none!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;min-height:62px!important}
 .vmh-brand b{color:#154743!important;letter-spacing:.12em!important}.vmh-caption{color:#3d8078!important;font-size:11px!important}
 #vmhMore{background:#e6f5f1!important;color:#236e65!important;border:1px solid #cde8e0!important}
 #vaTopbar{border:0!important;margin:0 0 16px!important;padding:0!important;min-height:50px!important}
 .va-top-brand,.va-top-tools{display:none!important}
 .va-store-switch{width:100%!important;min-width:0!important;min-height:54px!important;border-radius:13px!important}
 .va-store-switch strong{font-size:15px!important}
 .va-intro{flex-wrap:wrap!important;gap:16px!important;margin-bottom:22px!important}
 .va-intro h2{font-size:clamp(34px,9vw,44px)!important;line-height:1.09!important;margin-bottom:8px!important}
 .va-intro p{font-size:14px!important;line-height:1.48!important}
 .va-intro .va-add{font-size:14px!important;padding:13px 16px!important;min-height:49px!important;width:100%!important;max-width:none!important;text-align:center!important;white-space:normal!important}
 .va-metrics{gap:8px!important;margin-bottom:19px!important}
 .va-metric{min-height:102px!important;padding:15px 11px!important;border-radius:15px!important}
 .va-metric span{font-size:12px!important}.va-metric strong{font-size:30px!important}.va-metric small{font-size:11px!important;line-height:1.2!important}
 .va-metric::after{right:-40px;top:-35px}
 .va-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
 .va-search-wrap{width:100%!important;height:53px!important;min-height:53px!important}
 #app #vaSearch{font-size:16px!important}
 .va-scan-inline{display:flex!important;width:43px!important;height:43px!important}
 .va-service-filters{width:100%!important;gap:4px!important}
 .va-service-filters button{min-height:43px!important;flex:1!important;padding:10px 6px!important;font-size:12px!important}
 .va-list-head{margin:18px 0 12px!important}.va-list-head strong{font-size:21px!important}.va-list-head span{font-size:12px!important}.va-list-head .va-sort{font-size:11px!important;white-space:nowrap!important}
 .va-rows{border-radius:15px!important}
 .va-client-row{min-height:79px!important;gap:6px!important;padding:13px 10px!important}
 .va-initial{width:35px!important;height:35px!important;font-size:12px!important}
 .va-client-identity{gap:8px!important}
 .va-client-name>strong{font-size:13px!important}.va-client-name>small{font-size:11px!important;gap:4px!important}
 .va-mini-supplier{display:none!important}
 .va-service{font-size:10px!important;padding:3px 5px!important}
 .va-client-date{min-width:82px!important}.va-client-date b{font-size:11px!important}.va-client-date small{font-size:10px!important}
 .va-call{height:37px!important;width:37px!important}.va-detail{display:none!important}
 .va-secondary{flex-direction:column!important}.va-secondary button{min-height:49px!important;font-size:13px!important}
 #volturaMobileDock{position:fixed!important;inset:auto 10px calc(8px + env(safe-area-inset-bottom,0px)) 10px!important;z-index:1500!important;background:#fffffffa!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid #cee4df!important;box-shadow:0 7px 27px #183b3921!important;border-radius:19px!important;min-height:66px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:6px!important}
 #volturaMobileDock .vmd-scan{display:none!important}
 #volturaMobileDock .vmd-item{color:#577b75!important;min-width:0!important}
 #volturaMobileDock .vmd-item.active{color:#135c58!important;background:#d5eee8!important;border-radius:12px!important}
 #volturaMobileDock .vmd-item.active svg{color:#126b65!important;filter:none!important}
 #volturaMobileDock .vmd-item span{font-size:11px!important}
 .vmm-sheet:not([hidden]){background:#183a3a75!important}
 .vmm-content{background:#f7fbfa!important;color:#173e3b!important;border-color:#d9e9e5!important;box-shadow:0 -8px 35px #20484024!important}
 .vmm-top h2{color:#183f3c!important;font-family:Georgia,serif!important}
 .vmm-grid button,.vmm-footer button{min-height:47px!important;background:#fff!important;color:#245a56!important;border:1px solid #d4e6e0!important}
 .vmm-grid svg{color:#247e76!important}
 .drawer,.drawer.open{background:#f9fcfb!important;padding:17px 16px calc(94px + env(safe-area-inset-bottom,0px))!important}
 .voltura-scan-modal{background:#173f3a85!important}.scan-card{background:#f8fcfb!important;color:#173e3c!important;border:1px solid #d2e6e0!important}
 .scan-head h2{color:#143f3b!important}.scan-camera-btn,.scan-read{background:#9ddfd6!important;color:#173d3a!important}.scan-status{background:#e5f6f1!important;color:#184c46!important}
 #vaStoreGate{padding:18px!important;align-items:start!important}
 .va-gate-box{padding:25px 18px 23px!important;margin:auto 0!important;border-radius:22px!important}
 .va-gate-overline{margin-top:14px!important}.va-gate-box h1{font-size:35px!important}.va-gate-box>p{font-size:13px!important;margin-bottom:20px!important}
 .va-store-list{grid-template-columns:1fr!important;gap:11px!important}
 .va-store-card{display:flex!important;flex-direction:row!important;align-items:center!important;min-height:89px!important}
 .va-store-card img{width:98px!important;height:89px!important;flex:none!important;object-fit:cover!important}
 .va-store-card span{padding:13px!important;min-height:0!important;justify-content:center!important}
 .va-store-card b{font-size:15px!important}.va-store-card small{font-size:12px!important}
 .va-store-card em{right:12px!important;bottom:12px!important}
 .va-gate-footer{font-size:11px!important;margin-top:19px!important}
 #login .login-right{padding:21px 16px!important;min-height:100dvh!important}
 #login .login-box{padding:29px 23px!important;border-radius:22px!important}
 #login .login-box h2{font-size:33px!important}
 #login .login-box>p{font-size:13px!important}
 #login .login-box .field{font-size:14px!important;color:#28534d!important}
 #login .login-box .field input{font-size:16px!important}
 #vcuWizard .vcu-dialog,#vcuProfile .vcu-dialog{padding:calc(22px + env(safe-area-inset-top,0px)) 17px calc(25px + env(safe-area-inset-bottom,0px))!important;border-radius:0!important;max-height:100dvh!important}
 #vcuWizard .vcu-field,#vcuProfile .vcu-field{font-size:14px!important}
 #vcuWizard .vcu-grid{grid-template-columns:1fr!important;gap:12px!important}
 #vcuWizard .vcu-bottom{position:sticky!important;bottom:-24px!important;background:#f8fcfbee!important;padding:14px 0 18px!important;border-top:1px solid #daebe7!important}
 .tfy-chart-grid{grid-template-columns:1fr!important;gap:12px!important}.tfy-chart{padding:21px 17px!important;border-radius:18px!important}.tfy-chart.big{grid-column:auto!important}.tfy-chart h3{font-size:22px!important}.tfy-chart .tfy-ring-wrap{gap:18px!important}.tfy-ring{height:140px;width:140px}.tfy-ring span{width:103px;height:103px;font-size:25px}.tfy-chart .tfy-bars{gap:8px!important}
}
@media(max-width:390px){.va-client-date{min-width:74px!important}.va-client-row{padding:11px 8px!important}.va-client-name>strong{font-size:12px!important}.va-metric{padding:13px 7px!important}.va-metric span{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep store selection modal visually isolated from the prior workspace. */
body.va-gated #app{visibility:hidden!important}
/* The Tiffany concept uses an elegant typographic wordmark rather than the old geometric lettering. */
#login .voltura-login-brand img:last-child{display:none!important}
#login .voltura-login-brand::after{content:"VOLTURA";display:block;font:500 30px/1 Georgia,"Times New Roman",serif;letter-spacing:.22em;color:#183f3b;margin:4px 0 0 7px}

.va-store-card{position:relative!important}