/* Vozua workspace. One authoritative shell for customer and administration. */
@font-face{font-family:VozuaRoboto;src:url('../fonts/Roboto-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:VozuaRoboto;src:url('../fonts/Roboto-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
body:is(.customer-role,.admin-role){--primary:#0068fc;--blue:#0068fc;--workspace-ink:#102d3c;--workspace-muted:#76828e;background:#f7f8fc!important;color:#102d3c!important;font-family:VozuaRoboto,Arial,sans-serif!important;font-size:14px!important;overflow-x:clip!important}
body:is(.customer-role,.admin-role) *{box-sizing:border-box;font-family:inherit!important}
body:is(.customer-role,.admin-role) .app-shell{display:block!important;background:#f7f8fc!important;min-height:100vh!important;transform:none!important}
body:is(.customer-role,.admin-role) aside.sidebar#sidebar{position:fixed!important;inset:0 auto 0 0!important;width:252px!important;max-width:252px!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;overflow:hidden!important;background:#f7f8fc!important;border:0!important;border-right:1px solid #e8ebef!important;border-radius:0!important;box-shadow:none!important;z-index:1200!important;transform:none!important;transition:none!important;contain:layout paint!important}
body #sidebar .sidebar-account{position:relative!important;display:flex!important;align-items:center!important;flex:0 0 76px!important;min-height:76px!important;padding:18px 24px!important;margin:0!important;border:0!important;border-bottom:1px solid #eceef2!important;background:transparent!important}
body #sidebar .vz-brand{gap:7px!important;color:#102d3c!important}
body #sidebar .vz-brand>svg{width:32px!important;height:32px!important}
body #sidebar .vz-brand>span>b{font-size:22px!important;color:#102d3c!important;letter-spacing:-.6px!important}
body #sidebar .vz-brand>span>b>span{color:#0068fc!important}
body #sidebar .vz-brand small{display:none!important}
body #sidebar .sidebar-menu-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 20px 18px!important;overscroll-behavior:contain!important;touch-action:pan-y!important;scrollbar-width:thin;scrollbar-color:#bdcce2 transparent}
body #sidebar nav{display:block!important;overflow:visible!important;padding:0!important;margin:0!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important}
body #sidebar nav a,body #sidebar summary{display:flex!important;align-items:center!important;gap:13px!important;min-height:42px!important;height:auto!important;margin:3px 0!important;padding:11px 15px!important;border:0!important;border-left:3px solid transparent!important;border-radius:4px!important;color:#536875!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;text-decoration:none!important;cursor:pointer;list-style:none!important;transform:none!important;transition:background-color .12s!important}
body #sidebar summary::-webkit-details-marker{display:none}
body #sidebar nav a:before{display:none!important}
body #sidebar nav a i,body #sidebar summary i{display:flex!important;flex:0 0 18px!important;width:18px!important;color:#7c8c96!important}
body #sidebar nav svg{width:18px!important;height:18px!important}
body #sidebar nav a:hover,body #sidebar summary:hover{background:#eef4ff!important;color:#0068fc!important}
body #sidebar nav a.active{background:#e8f0ff!important;border-left-color:#0068fc!important;color:#0068fc!important;font-weight:700!important}
body #sidebar nav a.active i{color:inherit!important}
body #sidebar .nav-label{display:block!important;margin:23px 7px 12px!important;padding:0!important;color:#939a9f!important;font-size:10px!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.8px!important}
body #sidebar .nav-chevron{margin-left:auto;font-size:20px;line-height:14px;transition:transform .15s}
body #sidebar details[open]>summary .nav-chevron{transform:rotate(90deg)}
body #sidebar .nav-submenu{padding-left:17px;border-left:1px solid #dfe7e5;margin-left:24px}
body #sidebar .nav-submenu a{font-size:12px!important;min-height:36px!important;padding:7px 9px!important;gap:7px!important}
body #sidebar .nav-submenu i{display:none!important}
body #sidebar .logout{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;min-height:59px!important;height:auto!important;gap:12px!important;margin:0!important;padding:13px 34px calc(13px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid #e6e9ee!important;border-radius:0!important;background:#f7f8fc!important;color:#536875!important;box-shadow:none!important;transform:none!important}
body #sidebar .logout-icon{width:19px!important;height:19px!important;flex:0 0 19px!important;background:none!important;color:inherit!important}
body #sidebar .logout-icon svg{width:19px!important;height:19px!important;stroke:currentColor;fill:none}
body #sidebar .logout-copy b{font-size:13px!important;font-weight:400!important}
body #sidebar .logout-copy small,body .sidebar-powered,body .vz-sidebar-promo{display:none!important}
body:is(.customer-role,.admin-role) .main{display:flex!important;flex-direction:column!important;width:calc(100% - 252px)!important;margin-left:252px!important;min-width:0!important;min-height:100vh!important;height:auto!important;background:#f7f8fc!important;transform:none!important}
body:is(.customer-role,.admin-role) .topbar{position:sticky!important;inset:0 0 auto!important;display:flex!important;align-items:center!important;gap:14px!important;min-height:70px!important;height:70px!important;width:100%!important;padding:0 26px!important;border:0!important;background:#f7f8fc!important;box-shadow:none!important;z-index:100!important}
body .topbar .menu-btn{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:36px!important;min-height:0!important;padding:5px!important;background:transparent!important;border:0!important;color:#61737c!important}
body .menu-btn svg{width:22px;height:22px}
body .shell-credit{display:flex;align-items:center;gap:9px;min-height:36px;border:1px solid #e6e9ee;padding:7px 11px;border-radius:4px;color:#6a7b83;font-size:11px;white-space:nowrap;text-decoration:none}
body .shell-credit .vz-icon{width:17px;height:17px;color:#0068fc}
body .shell-credit b{color:#102d3c;font-size:14px}
body .top-actions{display:flex!important;align-items:center!important;gap:13px!important;margin-left:auto!important;min-width:0!important}
body .top-actions .balance-pill,body .top-actions .install-icon,body .vz-mobile-brand,body .top-title{display:none!important}
body .top-actions .vz-user-copy{display:none!important}
body .top-actions .account-button{gap:0!important;font-size:0!important}
body .top-actions .vz-avatar{width:32px!important;height:32px!important;font-size:12px!important;background:#e8f0ff!important;color:#0068fc!important}
body .top-actions .icon-btn{width:33px!important;height:33px!important;background:white!important;border:1px solid #e9ecef!important;box-shadow:none!important;color:#72818b!important;border-radius:50%!important}
body .top-actions .icon-btn svg{width:18px;height:18px}
body:is(.customer-role,.admin-role) .content{flex:1 0 auto!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:14px 18px 28px!important;min-width:0!important;overflow:visible!important}
body:is(.customer-role,.admin-role) .bottom-nav{display:none!important}
body:is(.customer-role,.admin-role) .vz-footer{margin-top:auto!important;padding:24px!important;background:transparent!important;border:0!important;color:#7f8992!important;font-size:11px!important;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
body:is(.customer-role,.admin-role) .vz-footer a{color:#0068fc!important}
body:is(.customer-role,.admin-role) h1,body:is(.customer-role,.admin-role) h2,body:is(.customer-role,.admin-role) h3{color:#102d3c!important;font-weight:600!important;letter-spacing:0!important;line-height:1.4}
body:is(.customer-role,.admin-role) h1{font-size:21px!important}
body:is(.customer-role,.admin-role) h2{font-size:18px!important}
body:is(.customer-role,.admin-role) h3{font-size:15px!important}
body:is(.customer-role,.admin-role) p{color:#7d8791!important;line-height:1.6}
body:is(.customer-role,.admin-role) a{color:#0068fc}
body:is(.customer-role,.admin-role) .card{min-width:0!important;background:#fff!important;border:1px solid #e8ecf0!important;border-radius:10px!important;box-shadow:none!important;padding:20px!important}
body:is(.customer-role,.admin-role) .vz-page-heading,body:is(.customer-role,.admin-role) .admin-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 20px!important;background:#fff!important;border:1px solid #e8ecf0!important;border-radius:13px!important;padding:17px 20px!important}
body .vz-page-heading h1,body .admin-page-head h2{margin:0!important;font-size:20px!important}
body .vz-page-heading p,body .admin-page-head p{margin:5px 0 0!important;font-size:12px!important}
body .section-kicker,body .vz-wide-promo{display:none!important}
body:is(.customer-role,.admin-role) .btn{min-height:38px!important;border-radius:4px!important;padding:9px 16px!important;box-shadow:none!important;background:#0068fc!important;color:#fff!important;border:1px solid #0068fc!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;white-space:normal!important;transform:none!important}
body:is(.customer-role,.admin-role) .btn.ghost,body:is(.customer-role,.admin-role) .btn.outline{background:#fff!important;color:#0068fc!important;border:1px solid #9abcf5!important}
body:is(.customer-role,.admin-role) input:not([type=checkbox]):not([type=radio]),body:is(.customer-role,.admin-role) select,body:is(.customer-role,.admin-role) textarea{width:100%;min-width:0;min-height:42px!important;padding:10px 12px!important;border:1px solid #e1e5e9!important;border-radius:5px!important;box-shadow:none!important;color:#203b49!important;background:#fff!important;font-size:13px!important}
body:is(.customer-role,.admin-role) input:focus,body:is(.customer-role,.admin-role) textarea:focus,body:is(.customer-role,.admin-role) select:focus{outline:2px solid #0068fc24!important;outline-offset:1px;border-color:#0068fc!important}
body:is(.customer-role,.admin-role) input[type=checkbox],body:is(.customer-role,.admin-role) input[type=radio]{accent-color:#0068fc!important;min-height:0!important;flex:none}
body:is(.customer-role,.admin-role) label{font-size:13px!important;font-weight:400!important;line-height:1.5}
body:is(.customer-role,.admin-role) table{font-size:12px!important;width:100%!important}
body:is(.customer-role,.admin-role) th{background:white!important;font-size:12px!important;font-weight:600!important;color:#173644!important;border-bottom:1px solid #e9edf0!important;padding:15px 12px!important;text-transform:none!important}
body:is(.customer-role,.admin-role) td{padding:16px 12px!important;color:#596f7c!important;border-bottom:1px solid #eef0f3!important}
body .table-wrap{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y!important;border:1px solid #eef0f3;border-radius:7px}
body .vz-stat-grid,body .vz-workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
body .vz-stat,body .vz-workspace-stat{display:flex;align-items:flex-start;gap:13px;padding:18px!important;border:1px solid #e8ecf0!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;min-width:0}
body .vz-stat strong,body .vz-workspace-stat strong{font-size:24px!important;font-weight:600!important;color:#102d3c!important}
body .vz-stat span,body .vz-workspace-stat span{font-size:10px;color:#78858d}
body .vz-stat small,body .vz-workspace-stat small{font-size:11px;color:#8b959d}
body .vz-stat-icon{width:39px;height:39px;flex:0 0 39px;border-radius:8px;color:#0068fc!important;background:#edf4ff!important;padding:9px}
body .vz-workspace-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;background:white;border:1px solid #e8ecf0;border-radius:13px;margin-bottom:18px}
body .vz-workspace-hero h1{margin:0 0 5px}body .vz-workspace-hero p{margin:0;font-size:12px}
body .vz-focus-grid,body .vz-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
body .vz-focus-grid>aside,body .vz-form-stack,body .vz-column{display:grid;gap:18px;min-width:0}
body .vz-form-stack label{display:grid;gap:7px}
body .vz-balance-figure{display:block;font-size:28px;margin:14px 0;color:#102d3c}
body .vz-next-steps{padding-left:19px;font-size:12px;color:#77848d;line-height:2}
body .vz-package-options,body .vz-compact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body .vz-package-option{display:flex!important;align-items:start;gap:10px;padding:18px;border:1px solid #e1e8e6;border-radius:8px}
body .vz-package-option:has(input:checked){border-color:#0068fc;background:#f3f7ff}
body .vz-package-option span{display:grid;gap:6px}body .vz-package-option b{font-size:22px;color:#0068fc}
body .vz-confirm-payment{display:flex!important;align-items:start;gap:10px}
body .vz-payment-notice{background:#fffaeb;border:1px solid #f5eaca;border-radius:6px;padding:16px}
body .vz-provider-countries{display:flex;gap:8px;margin-bottom:20px}body .vz-provider-countries a{padding:10px 20px;border:1px solid #dde7e3;border-radius:4px;background:#fff}
body .vz-provider-countries a.active{background:#0068fc;color:white!important}
body .vz-workflow-steps{display:flex;gap:20px;flex-wrap:wrap;padding:18px;margin-bottom:18px;background:#fff;border:1px solid #e8ecf0;border-radius:8px;color:#0068fc;font-size:12px}
body .vz-compact-links a{display:flex;gap:10px;align-items:center;padding:15px;border:1px solid #e8ecf0;border-radius:6px}
body .vz-compact-links small{display:block;color:#7d8791;font-size:11px;margin-top:4px}
body .vz-loader{background:#f7f8fcab!important;backdrop-filter:none!important}
body .vz-loader-card{width:auto!important;min-width:150px;padding:22px!important;border:1px solid #e6ece9!important;border-radius:9px!important;box-shadow:0 8px 28px #102d3c10!important}
body .vz-logo-loader{width:30px!important;height:30px!important;margin:0 auto 12px!important}
body .vz-logo-loader img,body .vz-logo-loader:after,body #vzLoaderText:empty{display:none!important}
body .vz-logo-loader:before{inset:0!important;border:2px solid #e8f0ff!important;border-top-color:#0068fc!important;animation:vzSpin .8s linear infinite!important}
body .vz-loader-card strong{font-size:12px!important;font-weight:400!important}
body .shell-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e8ecf0;border-radius:10px;padding:24px;color:#102d3c;box-shadow:0 20px 70px #102d3c25}
body .shell-dialog::backdrop{background:#102d3c55}
body .shell-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}
body .shell-dialog-head h2{margin:0}
body .shell-dialog-head button{border:0;background:transparent;font-size:25px;color:#6f818a;cursor:pointer}
body .shell-empty{padding:48px 20px;text-align:center;color:#7d8791;font-size:13px}
body .shell-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body .shell-stat-note{padding:14px 18px;background:#fff9e9;border:1px solid #f3e8c8;border-radius:8px;margin-bottom:16px;font-size:13px;color:#736443}
body .shell-table-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
body .shell-table-tools input{max-width:320px}
body .shell-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#7d8791;padding-top:18px}
@media(min-width:961px){body .topbar .menu-btn{display:none!important}body #sidebar .close-side{display:none!important}body .sidebar-backdrop{display:none!important}}
@media(max-width:960px){
body:is(.customer-role,.admin-role) .main{width:100%!important;margin-left:0!important}
body:is(.customer-role,.admin-role) aside.sidebar#sidebar{width:min(304px,86vw)!important;max-width:86vw!important;transform:translate3d(-100%,0,0)!important;transition:transform .2s ease!important;visibility:hidden!important}
body:is(.customer-role,.admin-role) aside.sidebar#sidebar.open{transform:translate3d(0,0,0)!important;visibility:visible!important}
body #sidebar .close-side{display:block!important;position:absolute;right:13px;top:23px;width:30px;height:30px;border:0;background:transparent;color:#6d7d86;font-size:25px}
body #sidebar .sidebar-account{padding-left:22px!important}
body:is(.customer-role,.admin-role).sidebar-is-open{position:fixed!important;top:var(--drawer-scroll-top,0)!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important}
body .sidebar-backdrop{position:fixed!important;inset:0!important;z-index:1190!important;background:#102d3c55!important;opacity:0!important;visibility:hidden!important;backdrop-filter:none!important;transition:opacity .2s!important}
body .sidebar-backdrop.open{opacity:1!important;visibility:visible!important}
body .vz-focus-grid,body .vz-form-layout,body .page-grid,body .vz-table-layout{grid-template-columns:1fr!important}
body .vz-stat-grid,body .vz-workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:is(.customer-role,.admin-role) .topbar{height:64px!important;min-height:64px!important;padding:0 14px!important;gap:9px!important}
body:is(.customer-role,.admin-role) .content{padding:10px 14px 24px!important}
body .vz-workspace-hero time{display:none}
body .vz-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
}
@media(max-width:560px){
body:is(.customer-role,.admin-role) .vz-page-heading,body:is(.customer-role,.admin-role) .admin-page-head{align-items:flex-start!important;flex-wrap:wrap;padding:16px!important}
body .vz-page-heading>.btn{font-size:12px!important}
body:is(.customer-role,.admin-role) .card{padding:16px!important}
body .vz-workspace-hero{align-items:start;flex-wrap:wrap;padding:18px}
body .vz-stat{padding:14px!important;gap:9px!important;flex-wrap:wrap}
body .vz-stat strong{font-size:22px!important}
body .vz-package-options,body .vz-compact-links,body .vz-dashboard-grid{grid-template-columns:1fr!important}
body .shell-credit{gap:6px;padding:7px 8px;font-size:10px}
body .shell-credit .vz-icon{display:none}
body .top-actions{gap:8px!important}
body .shell-table-tools{align-items:stretch;flex-direction:column}
body .shell-table-tools input{max-width:none}
body .shell-dialog{padding:18px}
}
@media(prefers-reduced-motion:reduce){body #sidebar,body .sidebar-backdrop,body .nav-chevron{transition:none!important}body .vz-logo-loader:before{animation:none!important}}
body .shell-table-tools>label{display:flex!important;align-items:center;gap:8px;white-space:nowrap;margin:0!important}body .shell-table-tools select{width:70px!important;margin:0!important}body .compose-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}body .compose-types a{display:grid;gap:5px;padding:15px 18px;border:1px solid #e5eae8;border-radius:7px;background:#fff;color:#627681;font-size:13px}body .compose-types a.active{border-color:#0068fc;background:#edf4ff;color:#0068fc}body .compose-types small{color:#76828e;font-size:11px}@media(max-width:560px){body .compose-types{grid-template-columns:1fr;gap:7px}body .compose-types a{padding:10px 14px;grid-template-columns:1fr}body .compose-types small{display:none}}
body .shell-search{display:flex;gap:8px;align-items:center;flex:1;margin:0!important}body .shell-search input{margin:0!important}body .shell-search .btn{flex:none}
body.public-role .shell-auth{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff;font-family:VozuaRoboto,Arial,sans-serif;color:#102d3c}body.public-role .shell-auth-form{padding:44px 12%;display:flex;flex-direction:column;justify-content:center;gap:40px}body.public-role .shell-auth-fields{max-width:440px;width:100%;margin:auto}body.public-role .shell-auth-fields h1{font-size:28px!important;color:#102d3c!important;margin:0 0 10px}body.public-role .shell-auth-fields>p{font-size:14px;color:#7c8891;margin:0 0 30px}body.public-role .shell-auth .vz-brand{max-width:200px}body.public-role .shell-auth .vz-brand small{display:none}body.public-role .shell-auth .vz-brand>svg{width:35px}body.public-role .shell-auth .vz-brand>span>b{font-size:26px}body.public-role .shell-auth .vz-input{display:block;margin-bottom:22px}body.public-role .shell-auth .vz-input>.vz-icon{display:none}body.public-role .shell-auth .vz-input>input,body.public-role .shell-auth .password-field>input{padding:13px!important;min-height:48px!important;background:#f8fafc!important;border:1px solid #e3e8ed!important}body.public-role .shell-auth .btn{background:#0068fc!important;border-radius:5px!important;min-height:45px;color:#fff!important}body.public-role .shell-auth a{color:#0068fc}body.public-role .shell-auth-aside{padding:12%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#edf4ff,#f7f8fc);border-left:1px solid #e9eeec}body.public-role .shell-auth-aside h2{font-size:38px;line-height:1.3;color:#001d48}body.public-role .shell-auth-aside>span{font-size:11px;letter-spacing:2px;color:#0068fc}body.public-role .shell-auth-aside p{line-height:1.8;max-width:420px}body.public-role .shell-auth-fields form small{display:block;margin:5px 0;color:#88939b;font-size:11px}body.public-role .shell-auth .vz-auth-remember{font-size:12px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}body.public-role .shell-auth .vz-auth-remember label{display:flex;gap:7px;align-items:center;margin:0}body.public-role .shell-auth .vz-auth-remember input{width:16px;min-height:0}body.public-role .shell-auth .vz-input .password-field{display:block}body.public-role .shell-auth .vz-input small{position:static!important}body.public-role .shell-auth .vz-auth-separator{margin:25px 0;color:#8b959e}@media(max-width:960px){body.public-role .shell-auth{grid-template-columns:1fr}body.public-role .shell-auth-aside{display:none}body.public-role .shell-auth-form{padding:36px 24px;gap:35px}body.public-role .shell-auth-fields{margin:25px auto}}
/* Older screen styles must never override native visibility or source order. */
body .content [hidden],body .sidebar [hidden]{display:none!important}
body:is(.customer-role,.admin-role) .page-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;align-items:start!important;gap:20px!important}
body:is(.customer-role,.admin-role) .page-grid>section{order:0!important;min-width:0!important}
body:is(.customer-role,.admin-role) .page-grid>aside{order:1!important;min-width:0!important}
body:is(.customer-role,.admin-role) .vz-phone{transform:none!important;rotate:none!important;animation:none!important;perspective:none!important;width:100%!important;max-width:320px!important;height:auto!important;min-height:230px!important;max-height:none!important;display:block!important;margin:18px auto!important;padding:16px!important;border:1px solid #e0e7e4!important;border-radius:12px!important;background:#f8faf9!important;box-shadow:none!important;overflow:hidden!important}
body .vz-phone:before,body .vz-phone:after,body .vz-phone-top{display:none!important}
body .vz-phone-name{padding:0 0 12px!important;margin:0!important;text-align:center;color:#0068fc;font-size:12px;border-bottom:1px solid #e4e9e7}
body .vz-phone-message{position:static!important;display:block!important;width:auto!important;min-height:130px!important;margin:15px 0 0!important;padding:13px!important;border-radius:8px!important;background:#eef3fb!important;color:#203b49!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;transform:none!important;box-shadow:none!important;font-size:13px!important}
body .calculator{position:sticky!important;top:88px!important}
@media(max-width:960px){body:is(.customer-role,.admin-role) .page-grid{grid-template-columns:1fr!important}body .calculator{position:static!important}}
body .default-sender-note{border:1px solid #e3eae7!important;background:#f6f9ff!important;border-radius:6px!important;padding:12px!important}body .default-sender-note.danger-note{background:#fff7f6!important;border-color:#f0d8d4!important}body .purchase-preview{background:#f2f6ff!important;border-color:#dce9e2!important;border-radius:7px!important}body .quick-amounts button{border-radius:5px!important;background:#fff!important;border-color:#dce9e2!important;color:#0068fc!important;box-shadow:none!important}body .status{border-radius:4px!important;font-size:11px!important;padding:5px 9px!important;font-weight:400!important}
body .shell-public-form{width:min(560px,calc(100% - 32px));margin:40px auto;padding:28px;border:1px solid #e4eae7;border-radius:12px;background:#fff}body .shell-public-form .vz-brand{margin-bottom:30px}body .shell-public-form h1{font-size:24px}body .shell-public-form>p{font-size:14px;line-height:1.7}body .shell-public-form label{display:block;margin:18px 0}body .shell-public-form .btn{background:#0068fc!important}

/* Shared administration layout and accessible controls. */
body.admin-role .vz-workspace-stat{display:grid;grid-template-columns:40px minmax(0,1fr);gap:7px 13px;align-items:center}
body.admin-role .vz-workspace-stat .vz-stat-icon{grid-row:1/4}body.admin-role .vz-workspace-stat strong{grid-column:2}body.admin-role .vz-workspace-stat a{grid-column:2;font-size:12px;color:#0068fc}
body.admin-role .vz-workspace-stat>span{font-size:12px}body.admin-role .vz-workspace-hero time{font-size:12px;color:#76828e}
body .provider-account-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf0f5}body .provider-account-row strong{display:block;margin-top:5px;font-size:19px}body .provider-account-row .btn{flex-shrink:0}
body .vz-footer>div{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}body a.play-store-badge{display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:139px;padding:8px 13px!important;background:#001d48!important;color:#fff!important;border:1px solid #28456c!important;border-radius:7px!important;text-decoration:none!important;text-align:left!important;line-height:1.1!important}body .play-store-badge svg{width:23px;height:26px;fill:currentColor}body .play-store-badge small{display:block;font-size:9px!important;color:#fff!important;letter-spacing:.6px}body .play-store-badge b{display:block;font-size:17px!important;font-weight:600!important;color:#fff!important;margin-top:3px}
body .vz-loader-card{display:grid;justify-items:center;gap:5px;max-width:250px}body .vz-loader-card strong{font-weight:600!important;font-size:13px!important;color:#001d48}body .vz-loader-card>span{font-size:12px;color:#76828e}body .vz-logo-loader:before{border-width:3px!important}body .vz-logo-loader{width:34px!important;height:34px!important}
body :is(a,button,summary):focus-visible{outline:3px solid #0068fc!important;outline-offset:3px}body.admin-role .card h2{font-size:18px}body.admin-role .card>p{font-size:13px;line-height:1.7}body .vz-compact-links a:hover{border-color:#b6cfff;background:#f6f9ff}
@media(max-width:600px){body .vz-footer{display:grid!important;gap:15px!important}body .vz-footer>div{justify-content:flex-start}body .provider-account-row{align-items:flex-start;flex-wrap:wrap}body.admin-role .vz-workspace-hero{align-items:flex-start;flex-direction:column}body.admin-role .vz-workspace-stat{padding:14px!important;grid-template-columns:32px minmax(0,1fr);gap:6px 9px}body.admin-role .vz-workspace-stat .vz-stat-icon{width:32px;height:32px;padding:7px;flex-basis:32px}body.admin-role .vz-workspace-stat strong{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

body .auth-app-link{margin-top:25px}body.public-role .shell-auth a.play-store-badge{color:white!important}body.public-role .shell-auth a.play-store-badge:hover{background:#0055d9!important}

/* Viewport-anchored header shared by every customer and administrator route. */
body:is(.customer-role,.admin-role){--workspace-header-height:70px;scroll-padding-top:86px}
body:is(.customer-role,.admin-role) .main{padding-top:var(--workspace-header-height)!important;filter:none!important;perspective:none!important;contain:none!important}
body:is(.customer-role,.admin-role) .topbar{position:fixed!important;top:0!important;right:0!important;bottom:auto!important;left:252px!important;width:calc(100% - 252px)!important;max-width:none!important;height:var(--workspace-header-height)!important;min-height:var(--workspace-header-height)!important;z-index:1000!important;transform:none!important;transition:none!important;border-bottom:1px solid #e8ebef!important}
body:is(.customer-role,.admin-role) .content :is([id],input,select,textarea,button){scroll-margin-top:calc(var(--workspace-header-height) + 16px)}
@media(max-width:960px){body:is(.customer-role,.admin-role){--workspace-header-height:64px}body:is(.customer-role,.admin-role) .topbar{left:0!important;width:100%!important}}

/* Sender IDs: focused list and a single-column request dialog. */
body .sender-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 24px}body .sender-page-heading h1{margin:0 0 8px}body .sender-page-heading p{color:#76828e;margin:0;font-size:13px}
body .sender-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}body .sender-summary article{padding:20px 24px;border:1px solid #e6ebf2;background:#fff;border-radius:8px}body .sender-summary span{display:block;color:#76828e;font-size:10px;text-transform:uppercase;letter-spacing:.7px}body .sender-summary strong{display:block;margin-top:12px;font-size:25px;color:#0068fc}
body .sender-filter-row{display:flex;align-items:end;gap:15px;padding-bottom:24px;border-bottom:1px solid #edf0f5;margin-bottom:18px}body .sender-filter-row label{flex:1;max-width:350px}body .sender-filter-row .btn{flex:none}body .sender-details-link{font-size:12px;color:#0068fc;white-space:nowrap}body .sender-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;color:#76828e;font-size:12px}body .sender-pagination button{padding:9px 13px;background:white;border:1px solid #e4e9f1;border-radius:4px;color:#0068fc;cursor:pointer}body .sender-pagination button:disabled{opacity:.45;cursor:default}
body dialog.sender-request-dialog{width:min(560px,calc(100vw - 24px))!important;max-width:560px!important;max-height:calc(100dvh - 24px)!important;padding:0!important;border:1px solid #e0e6ef!important;border-radius:8px!important;background:white!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:0 24px 80px #001d4838!important}body dialog.sender-request-dialog::backdrop{background:#00152c70}body .sender-dialog-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid #edf0f5;background:#fff}body .sender-dialog-heading h2{font-size:19px!important;margin:0!important}body .sender-dialog-heading button{border:0;background:none;color:#76828e;font-size:24px;padding:0 4px;cursor:pointer}body .sender-dialog-body{display:grid;gap:23px;padding:24px}body .sender-dialog-body label{display:grid!important;gap:10px!important;font-weight:400!important;font-size:13px!important}body .sender-dialog-body small{font-size:11px;color:#76828e;font-weight:400}body .sender-dialog-body textarea{resize:vertical;min-height:125px}body .sender-fee-note{font-size:12px;line-height:1.8;margin:0!important;color:#607590;background:#f3f7ff;padding:13px;border-radius:5px}body .sender-dialog-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #edf0f5;background:#fff;z-index:2}body .sender-fee-options{border:1px solid #e4e9f1;padding:15px;display:grid;gap:14px}body .sender-fee-options label,body .sender-dialog-body .sender-payment-consent{display:flex!important;align-items:flex-start!important;gap:10px!important}body .sender-fee-options input,body .sender-payment-consent input{width:16px!important;height:16px!important;flex:none;margin:0!important}body .sender-fee-options strong{display:block;margin-top:5px}body .sender-payment-consent span{font-size:12px;line-height:1.7}body .sender-detail-list{display:grid;grid-template-columns:110px 1fr;gap:18px 22px;margin:0;font-size:13px}body .sender-detail-list dt{color:#76828e}body .sender-detail-list dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}body .sender-sample{padding:12px;background:#f7f8fc;border-radius:5px;line-height:1.8}body .sender-dialog-body>p{line-height:1.8;font-size:12px;color:#76828e}body .sender-mapping-advanced{margin:22px 0}body .sender-mapping-advanced>summary{cursor:pointer;padding:17px 20px;border:1px solid #e4e9f1;background:white;border-radius:6px;font-size:13px;color:#0068fc}
@media(max-width:600px){body .sender-page-heading{align-items:flex-start;flex-direction:column;gap:15px}body .sender-summary{gap:8px}body .sender-summary article{padding:15px 10px}body .sender-summary span{font-size:9px;letter-spacing:0}body .sender-summary strong{font-size:22px}body .sender-filter-row{flex-wrap:wrap;gap:12px}body .sender-filter-row label{flex:1 1 130px;max-width:none}body .sender-pagination{align-items:flex-start;flex-direction:column}body .sender-dialog-body{padding:20px;gap:21px}body .sender-dialog-heading,body .sender-dialog-footer{padding-left:20px;padding-right:20px}body .sender-detail-list{grid-template-columns:90px 1fr;gap:17px}}

body .sender-dialog-body label{margin:0!important}body .sender-dialog-body{gap:18px!important}body .sender-dialog-body label{gap:8px!important}html:has(dialog[open]),body:has(dialog[open]){overflow:hidden!important}body .sender-page-heading+.sender-summary{margin-top:0!important}body .sender-list-card .shell-table-tools{margin-bottom:16px!important}
