:root{--tv-primary:#3346a8;--tv-sidebar:#172044;--tv-background:#f4f6fb;--tv-accent:#16a085;--tv-radius:10px}
body{background:var(--tv-background)!important}.sidebar{background:var(--tv-sidebar)!important}.btn.primary,.nav-link.active{background:var(--tv-primary)!important;border-color:var(--tv-primary)!important}.panel,.btn,input,select,textarea{border-radius:var(--tv-radius)}.techvera-brand{display:flex;flex-direction:column;gap:5px}.techvera-brand strong{font-size:26px;color:white;letter-spacing:-1px}.techvera-brand strong span{font-size:10px;vertical-align:super;margin-left:3px}.techvera-brand small{color:#d3ddf6;font-size:10px;letter-spacing:1px}.techvera-brand img,.techvera-customer img{max-width:180px;max-height:62px;object-fit:contain}.techvera-customer{padding:8px 20px 18px;color:#dce4ff;border-bottom:1px solid #ffffff20}.techvera-customer img{display:block;background:transparent}.tv-studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tv-editor-card{border:1px solid var(--line);border-radius:12px;padding:20px;margin:18px 0}.tv-editor-row{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.tv-editor-row textarea{min-height:70px}.tv-nav-row,.tv-step-row{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.tv-nav-row label:first-child{flex:1}.tv-publish-bar{background:var(--soft);position:sticky;bottom:0;z-index:3}.tv-brand-preview{display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:var(--tv-sidebar);padding:30px;color:white;margin-top:20px}.tv-brand-preview strong{font-size:30px}.tv-brand-preview img{max-height:80px;max-width:250px;object-fit:contain}.tv-photo-result{max-width:500px;width:100%;aspect-ratio:4/3;object-fit:contain;background:repeating-conic-gradient(#e5e8ed 0 25%,#fff 0 50%) 50%/20px 20px;margin-top:20px}.product-theme-toggle-hidden{display:none!important}[data-tv-density=compact] .panel-body{padding:14px}[data-tv-density=compact] td{padding-top:9px;padding-bottom:9px}[hidden]{display:none!important}body.dark{--ink:#e3e9f5;--muted:#a9b5cc;--line:#36425a;--soft:#202c43;background:#111a2c!important;color:var(--ink)}body.dark .panel,body.dark .topbar{background:#19253b;color:var(--ink)}
@media(max-width:760px){.tv-editor-row{grid-template-columns:1fr}.tv-step-row>*{width:100%}.tv-publish-bar{position:static}[data-tv-menu=collapsed] .main-shell{margin-left:0}[data-tv-menu=collapsed] .sidebar{width:250px}[data-tv-menu=collapsed] .sidebar .nav-link span{display:inline}}

.tv-spinner{display:inline-block;width:20px;height:20px;border:2px solid #cbd3e7;border-top-color:var(--tv-primary);border-radius:50%;animation:tv-spin .8s linear infinite}@keyframes tv-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tv-spinner{animation:none}}

:root{font-family:var(--tv-font,Inter,sans-serif);font-size:var(--tv-font-size,14px)}.btn.primary,.nav-link.active{color:var(--tv-on-primary,#fff)!important}.sidebar .nav-link:not(.active),.sidebar .side-label,.techvera-brand strong,.techvera-customer{color:var(--tv-on-sidebar,#fff)!important}

#product-studio input[type="color"]{appearance:auto!important;width:100%!important;height:42px!important;padding:4px!important;cursor:pointer}#product-studio input[type="color"]::-webkit-color-swatch-wrapper{padding:0}#product-studio input[type="color"]::-webkit-color-swatch{border:0;border-radius:6px}

.techvera-brand .tv-logo-reversed{display:none}.sidebar .techvera-brand .tv-logo-colour,.login-brand .techvera-brand .tv-logo-colour{display:none}.sidebar .techvera-brand .tv-logo-reversed,.login-brand .techvera-brand .tv-logo-reversed{display:block}.techvera-brand img{width:180px;height:auto;max-height:60px}.tv-brand-loader{display:inline-flex;width:26px;height:26px}.tv-brand-loader img{width:26px;height:26px;object-fit:contain}.tv-brand-loader .tv-loader-still{display:none}.tv-brand-preview>img{max-width:280px;max-height:90px}@media(prefers-reduced-motion:reduce){.tv-brand-loader img:not(.tv-loader-still){display:none}.tv-brand-loader .tv-loader-still{display:block}}
.sidebar .power-brand{height:auto;min-height:78px;overflow:visible;align-items:flex-start}.sidebar .power-brand .techvera-brand{width:180px;flex:none}.sidebar .power-brand .techvera-brand img,.login-brand .techvera-brand img{width:180px;height:auto;max-height:60px;object-fit:contain;background:transparent;padding:0;border:0;box-shadow:none;border-radius:0;filter:none}.tv-brand-preview .tv-logo-colour{display:none}.tv-brand-preview .tv-logo-reversed{display:block}
/* Reference sign-in composition; navigation styling is unchanged. */
.login.login-reference{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}
.login-reference .login-brand{background:var(--tv-sidebar,#0c203b);padding:50px 48px 46px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;position:relative;overflow:hidden;color:#fff}
.login-reference .login-brand:before{display:block;content:'';position:absolute;width:300px;height:300px;left:-150px;bottom:-150px;border:30px solid #18365c;background:transparent;border-radius:50%;box-shadow:0 0 0 1px #23436b,inset 0 0 0 1px #315479;opacity:.6}
.login-reference .login-brand:after{display:block;content:'';position:absolute;right:-120px;top:-120px;width:300px;height:300px;border:1px solid #1f426c;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 25px var(--tv-sidebar),inset 0 0 0 26px #1f426c;pointer-events:none}
.login-reference .tv-reference-brand{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1;width:100%;margin:0 auto;white-space:nowrap}.login-reference .login-brand-head{margin:0;padding:0;flex:none}.login-reference .techvera-brand small{display:none}.login-reference .login-brand .techvera-brand img{width:150px;max-height:40px}.tv-reference-brand>span{border-left:1px solid #31506e;padding-left:12px;font-size:14px;font-weight:600;color:#afbdd0}.login-reference .techvera-customer{position:relative;z-index:1;padding:0;border:0;text-align:center}
.login-reference .tv-reference-story{position:relative;z-index:1;width:100%;max-width:490px;align-self:center;margin:auto 0}.login-reference .login-hero{width:420px;max-width:100%;height:300px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #1b3b62;border-radius:28px;background:radial-gradient(circle,#24456c 1px,transparent 1.6px) 0 0/22px 22px,#10294a;flex:none}.login-reference .login-art{width:330px;height:275px;max-width:90%;overflow:visible}.login-reference .la-bubble{display:none}.login-reference .la-ticket,.login-reference .la-done,.login-reference .la-pop{opacity:1;transform:none;animation:none}.login-reference .la-type,.login-reference .la-progress,.login-reference .la-check{animation:none;opacity:1;stroke-dashoffset:0}.login-reference .la-check-bg{fill:#17a879}.login-reference .la-progress{fill:#13abc0}
.login-reference .login-brand-main{margin:32px auto 0;text-align:center;max-width:490px}.login-reference .login-brand-main h1{font-size:44px;line-height:1.1;letter-spacing:-1.5px;font-weight:700;color:#fff;margin:0 0 20px}.login-reference .login-brand-main>p{font-size:18px;line-height:1.5;font-weight:400;color:#afbdd0;margin:0}.login-reference .tv-reference-credit{font-size:13px;color:#afbdd0;text-align:center;position:relative;z-index:1;margin:0;line-height:1.5}.tv-reference-credit strong{color:#83d3df;font-weight:600}
.login-reference .login-form{background:#fff;padding:60px 44px;display:flex;align-items:center;justify-content:center}.login-reference .login-form-content{width:100%;max-width:400px}.tv-reference-mode{display:inline-block;background:#fff4dc;color:#8a5706;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;margin-bottom:18px}.login-reference .login-form h2{font-size:34px;line-height:1.15;letter-spacing:-1px;color:#0c203b;margin:0 0 10px;font-weight:700}.login-reference .login-lead{font-size:15px;line-height:1.55;color:#526079;margin:0 0 28px}.login-reference .login-fields{gap:24px}.login-reference .login-field label,.login-reference .login-label-row label{font-size:14px;font-weight:600;color:#273447}.login-reference .login-fields input:not([type=checkbox]),.login-reference .login-fields select{height:48px;min-height:48px;border:1px solid #d5dce8;border-radius:10px;background:#fff;box-shadow:none;padding:12px 14px;font-size:14px}.login-reference .login-fields input::placeholder{color:#7b7b7b;opacity:1}.login-reference .login-fields input:focus{border-color:#13abc0;outline:2px solid #13abc018;outline-offset:1px}.login-reference .login-password input{padding-right:45px!important}.login-reference .login-link{font-size:14px;color:#00869b;font-weight:500}.login-reference .login-save-password{background:transparent;border:0;box-shadow:none;padding:4px 0;margin:8px 0;gap:10px;align-items:center}.login-reference .login-save-password input{width:17px;height:17px;flex:none;accent-color:#0c203b}.login-reference .login-save-password strong{font-size:14px;color:#344158;font-weight:400}.login-reference .login-save-password small{display:none}.login-reference .login-submit,.login-reference .login-submit:not(.is-ready){background:var(--tv-primary,#0c203b)!important;color:#fff!important;border-radius:10px;min-height:51px;opacity:1;font-size:15px;margin-top:2px;box-shadow:none}.login-reference .login-submit:hover{filter:brightness(1.12)}.login-reference .demo-signin{margin-top:24px;background:#f5f7fa;border:1px solid #e4e9f1;border-radius:10px;box-shadow:none}.login-reference .demo-signin summary{font-size:13px;color:#536078;padding:15px;font-weight:500}.tv-reference-support{font-size:14px;text-align:center;color:#536078;margin-top:25px}.tv-reference-support summary{cursor:pointer;list-style:none;line-height:1.6}.tv-reference-support summary::-webkit-details-marker{display:none}.tv-reference-support summary>span{color:#00869b;text-decoration:underline}.tv-reference-support p{font-size:13px;line-height:1.6;background:#f5f7fa;padding:12px;border-radius:8px}
@media(max-width:1100px) and (min-width:761px){.login-reference .login-brand{padding:42px 28px}.tv-reference-brand>span{font-size:11px;white-space:normal}.login-reference .login-brand-main h1{font-size:36px}.login-reference .login-brand-main>p{font-size:16px}.login-reference .login-hero{height:260px}.login-reference .login-art{height:240px}}
@media(max-width:760px){.login.login-reference{display:block}.login-reference .login-brand{padding:25px 24px;min-height:0;gap:0}.login-reference .tv-reference-brand{justify-content:flex-start}.tv-reference-brand>span{font-size:11px;white-space:normal}.login-reference .login-brand .techvera-brand img{width:135px}.login-reference .tv-reference-story,.login-reference .tv-reference-credit{display:none}.login-reference .login-brand:before,.login-reference .login-brand:after{display:none}.login-reference .login-form{padding:36px 24px;min-height:calc(100dvh - 90px);align-items:flex-start}.login-reference .login-form h2{font-size:30px}.login-reference .login-lead{margin-bottom:25px}.login-reference .tv-reference-mode{font-size:10px}.login-reference .login-fields input:not([type=checkbox]){font-size:16px}.login-reference .tv-reference-support{font-size:12px}}
.login.login-reference .login-submit,.login.login-reference .login-submit:not(.is-ready){filter:none!important;opacity:1!important;background:var(--tv-primary,#0c203b)!important;color:#fff!important}.login-reference .login-save-password{display:flex!important}.login-reference .login-save-password input{margin:0;box-shadow:none!important}.login-reference .demo-signin{padding:0!important}.login-reference .login-brand .techvera-brand img{width:180px}@media(max-width:760px){.login-reference .login-brand .techvera-brand img{width:135px}}
.shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{width:260px;padding-left:12px;padding-right:12px;background:var(--tv-sidebar,#0c203b)!important}.tv-reference-nav{padding-top:3px}.sidebar .tv-reference-nav .nav-create{display:flex;justify-content:center;align-items:center;gap:9px;min-height:42px;margin:4px 0 18px;padding:10px 14px;background:#13abc0!important;color:#071b30!important;border:0!important;border-radius:10px;font-size:14px;font-weight:600}.sidebar .tv-reference-nav .nav-create:hover{background:#24bbce!important}.sidebar .tv-reference-nav .nav-create .icon{color:#071b30}.sidebar .tv-reference-nav .side-label{padding:12px 12px 7px;margin-top:10px;font-size:10px;font-weight:600;letter-spacing:.09em;color:#8198b8!important;line-height:1.4}.sidebar .tv-reference-nav .nav-link:not(.nav-create){display:flex;align-items:center;gap:12px;min-height:39px;margin:1px 0;padding:9px 12px;font-size:13px;font-weight:500;line-height:1.5;border:0;border-radius:9px;color:#d6e3f6!important;background:transparent}.sidebar .tv-reference-nav .nav-link:not(.nav-create):hover{background:#ffffff08}.sidebar .tv-reference-nav .nav-link.active:not(.nav-create){background:#193961!important;color:#fff!important;font-weight:650;border:0!important;padding-left:12px}.sidebar .tv-reference-nav .nav-link .icon{width:17px;height:17px;color:#849bb8;flex:none}.sidebar .tv-reference-nav .nav-link.active .icon{color:#13bfd2}.sidebar .tv-reference-nav .nav-count{margin-left:auto;min-width:22px;height:19px;padding:1px 7px;display:inline-flex;align-items:center;justify-content:center;background:#203e65;color:#dceafa;border-radius:20px;font-size:11px;line-height:1}.sidebar .tv-reference-nav .nav-create .nav-count{display:none}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{width:260px;max-width:calc(100vw - 42px)}}
/* Reference refinements: wider navy panel, transparent art and layered corner orbits. */
@media(min-width:1101px){.login.login-reference{grid-template-columns:54.5% 45.5%}}
.login-reference .login-hero{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.login-reference .login-brand:before{display:none!important}
.login-reference .login-brand>.tv-login-orbits{position:absolute;left:0;bottom:0;width:clamp(200px,18vw,280px);height:auto;z-index:0;pointer-events:none}
.login-reference .login-brand>.tv-reference-credit{font-size:11px!important;font-weight:400!important;line-height:1.5;letter-spacing:0;text-align:center;margin:0 auto;width:100%;max-width:490px;align-self:center;color:#aebed0}
.login-reference .tv-reference-credit strong{font-size:inherit;font-weight:500}
@media(max-width:760px){.login-reference .login-brand>.tv-login-orbits{display:none}}
.login-reference .login-brand-main h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin-bottom:14px}.login-reference .login-brand-main>p{font-size:15px;line-height:1.6;max-width:380px;margin:0 auto}@media(min-width:761px) and (max-width:1100px){.login-reference .login-brand-main h1{font-size:29px}.login-reference .login-brand-main>p{font-size:14px}}
.login-reference .tv-reference-brand{justify-content:flex-start;margin-left:0;margin-right:0}.login-reference .login-brand .techvera-brand img{width:205px;max-width:205px;max-height:48px}@media(max-width:760px){.login-reference .login-brand .techvera-brand img{width:150px;max-width:150px;max-height:40px}.login-reference .tv-reference-brand{gap:10px}}
/* Finished sign-in states and spacing. */
.login-reference .login-form{padding-top:32px;padding-bottom:32px}.login-reference .login-form h2{font-size:32px}.login-reference .login-lead{margin-bottom:24px}.login-reference .tv-reference-mode{margin-bottom:14px}.login-reference #local-login{gap:18px}.login-reference .login-save-password{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start;gap:10px;min-height:24px;padding:0!important;margin:2px 0 0!important}.login-reference .login-save-password input{display:block!important;align-self:center!important;margin:0!important;width:17px;height:17px;min-height:17px;flex:0 0 17px}.login-reference .login-save-password span{display:inline;line-height:22px;font-size:13px;color:#344158}.login-reference .tv-remember-help{font-size:11px;line-height:1.5;color:#6c7a8e;margin:-12px 0 0}.login-reference .error-text:empty,.login-reference .tv-auth-status:empty{display:none}.login-reference .error-text:not(:empty){font-size:13px;line-height:1.5;border-left:3px solid #cf344b;padding:8px 10px;background:#fff4f5;border-radius:4px;margin:0}.login-reference input[aria-invalid=true]{border-color:#cf344b!important}.login-reference .login-submit{margin-top:2px;min-height:48px}.login-reference [aria-busy=true] button[type=submit]{cursor:wait;opacity:.8!important}.login-reference .demo-signin{margin-top:20px}.login-reference .demo-signin summary{padding:13px 15px}.login-reference .tv-reference-support{margin-top:20px}.login-reference .tv-auth-status{font-size:13px;line-height:1.6;color:#365467;margin:0}.login-reference .tv-support-contacts{display:grid;gap:10px;padding:14px 0}.login-reference .tv-support-contacts a{color:#007c90;overflow-wrap:anywhere}.login-reference .tv-login-recovery h3{font-size:22px;color:#0c203b;margin:0 0 12px}.login-reference .tv-login-recovery>p,.login-reference #password-reset-form>p{font-size:13px;line-height:1.6;color:#526079}.login-reference .tv-login-recovery .tv-back-signin{margin-top:18px}.login-reference #password-reset-form h3{margin:0;font-size:20px}.login-reference button:focus-visible,.login-reference summary:focus-visible,.login-reference a:focus-visible,.login-reference input:focus-visible{outline:3px solid #13abc080;outline-offset:3px}.login-reference .login-eye{min-width:44px;min-height:44px}.login-reference .login-link{min-height:28px}.login-reference .login-fields label{line-height:1.5}.login-reference .tv-login-recovery .login-fields{gap:14px}
@media(min-width:761px) and (max-height:800px){.login-reference .login-brand{padding-top:30px;padding-bottom:28px;gap:20px}.login-reference .login-hero{height:240px}.login-reference .login-art{height:235px}.login-reference .login-brand-main{margin-top:16px}.login-reference .login-brand-main h1{font-size:29px}.login-reference .login-brand-main>p{font-size:14px}.login-reference .login-form{padding-top:25px;padding-bottom:25px}}
@media(max-width:760px){.login-reference .login-form{padding-top:28px;padding-bottom:28px}.login-reference .login-link{min-height:40px}.login-reference .tv-remember-help{font-size:11px}.login-reference .tv-reference-support{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.login-reference .login-art *{animation:none!important;transition:none!important}}
.login-reference .tv-remember-block{display:grid;gap:6px}.login-reference .tv-remember-block .tv-remember-help{margin:0!important;line-height:1.5}.login-reference .tv-remember-block .login-save-password{margin:0!important}
/* Company identity, administration and authenticated MFA. */
.sidebar .techvera-brand small{display:none}.sidebar .power-brand{min-height:48px;padding:10px 0 7px}.sidebar .power-brand .techvera-brand img{width:140px;max-width:140px}.techvera-company-panel{margin:4px 0 14px;border:1px solid #254365;border-radius:10px;background:#112a48;color:#eef5ff}.techvera-company-panel>summary{display:flex;align-items:center;gap:9px;padding:10px;cursor:pointer;list-style:none;min-height:54px}.techvera-company-panel>summary::-webkit-details-marker{display:none}.tv-company-initials,.techvera-company-panel>summary>img{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;background:#1d3d62;border-radius:7px;color:#fff;font-size:11px;font-weight:700;object-fit:contain}.tv-company-copy{display:grid;gap:3px;min-width:0;flex:1}.tv-company-copy strong{font-size:12px;line-height:1.35;color:#f4f8ff;white-space:normal;overflow-wrap:anywhere;font-weight:650}.tv-company-copy small{font-size:10px;color:#95acc7;line-height:1.4}.tv-company-chevron{font-size:14px;color:#8da7c6}.techvera-company-panel>label{display:grid;gap:5px;margin:0;padding:0 10px 10px;font-size:10px;color:#b9cee3}.techvera-company-panel select{width:100%;min-width:0;font-size:12px;background:#fff;color:#0b1f36}
.brand-loader.tv-brand-loader{width:105px;height:25px;background:transparent;border-radius:0;overflow:visible}.tv-brand-loader img.tv-loader-wordmark{display:block;width:100%;height:100%;object-fit:contain;animation:tv-wordmark-pulse 1.2s ease-in-out infinite}.tv-brand-loader img.tv-loader-wordmark-dark{display:none}.btn.primary .tv-brand-loader img.tv-loader-wordmark{display:none}.btn.primary .tv-brand-loader img.tv-loader-wordmark-dark{display:block;width:100%;height:100%;object-fit:contain;animation:tv-wordmark-pulse 1.2s ease-in-out infinite}.btn .brand-loader.tv-brand-loader{width:78px;height:20px;background:transparent}.startup .brand-loader.tv-brand-loader{width:125px;height:30px}@keyframes tv-wordmark-pulse{0%,100%{opacity:.5}50%{opacity:1}}
.tv-location-add{display:flex;align-items:end;gap:12px;margin:18px 0}.tv-location-add label{flex:1}.tv-editor-card>summary{cursor:pointer;line-height:1.6;font-weight:600}.tv-editor-card[open]>summary{margin-bottom:18px}.tv-admin-records{margin:20px 0}#product-studio .check-label{display:flex;align-items:center;gap:9px}#product-studio .check-label input[type=checkbox]{width:17px;height:17px;min-height:17px;flex:none}#company-action-result{overflow-wrap:anywhere}#company-action-result code{display:block;padding:14px;background:#f4f6fa;border:1px solid var(--line);border-radius:8px;font-size:15px;user-select:all}.tv-mfa-secret{display:block;padding:14px;background:#f3f7fa;border:1px solid #d9e2ee;border-radius:8px;font-size:15px;letter-spacing:2px;line-height:1.7;overflow-wrap:anywhere;user-select:all}.tv-recovery-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.tv-recovery-code-grid code{font-size:13px;padding:8px;background:#f4f7fb;border-radius:5px;user-select:all}.tv-recovery-codes>p,.login-reference #mfa-verify-form>p{font-size:13px;line-height:1.6;color:#526079}.tv-recovery-codes .check-label{display:flex;gap:9px;align-items:flex-start;margin:20px 0;font-size:13px}.tv-recovery-codes input{width:17px;height:17px;flex:none}.tv-recovery-codes .btn.primary{width:100%;margin-top:10px}.login-reference #mfa-verify-form h3{font-size:21px;line-height:1.3;margin:0}.login-reference #mfa-verify-form input[name=code]{letter-spacing:3px;font-size:20px}.tv-custom-asset-fields:empty{display:none}@media(max-width:760px){.tv-location-add{display:block}.tv-location-add .btn{margin-top:12px}.tv-recovery-code-grid{gap:5px}.tv-recovery-code-grid code{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tv-brand-loader img{animation:none!important}}
[data-tv-sidebar-tone=light] .sidebar .tv-reference-nav .nav-link:not(.nav-create){color:#17324f!important}[data-tv-sidebar-tone=light] .sidebar .tv-reference-nav .side-label{color:#526b85!important}[data-tv-sidebar-tone=light] .sidebar .tv-reference-nav .nav-link.active:not(.nav-create){background:#d7e8fa!important;color:#0b1f36!important}[data-tv-sidebar-tone=light] .sidebar .techvera-brand .tv-logo-reversed{display:none}[data-tv-sidebar-tone=light] .sidebar .techvera-brand .tv-logo-colour{display:block}[data-tv-sidebar-tone=light] .techvera-company-panel{background:#ffffffcc;border-color:#c8d7e7}[data-tv-sidebar-tone=light] .tv-company-copy strong{color:#17324f}[data-tv-sidebar-tone=light] .tv-company-copy small{color:#526b85}body.dark .tv-brand-loader img.tv-loader-wordmark{display:none}body.dark .tv-brand-loader img.tv-loader-wordmark-dark{display:block;width:100%;height:100%;object-fit:contain}

.tv-device-diagnostics{padding:16px;min-width:0}.tv-device-diagnostics h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tv-diagnostic-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.tv-diagnostic-facts div{min-width:0}.tv-diagnostic-facts dt{font-size:12px;color:var(--muted,#63738c)}.tv-diagnostic-facts dd{margin:4px 0;overflow-wrap:anywhere}.tv-device-diagnostics details{margin-top:12px}.tv-device-diagnostics table{width:100%}.tv-device-diagnostics .table-wrap{max-width:100%;overflow-x:auto}.tv-device-diagnostics h4{overflow-wrap:anywhere}

.heimdal-device>.tv-device-diagnostics{grid-column:1/-1}.tv-device-diagnostics .tv-diagnostic-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tv-device-diagnostics>.notice{display:block}.tv-device-diagnostics>.notice strong{display:block}.tv-device-diagnostics>.notice ul{margin:8px 0 0;padding-left:20px}.tv-device-diagnostics table{table-layout:auto}

/* One Ticket Less wordmark: preserve the approved shell layout and company card. */
.sidebar .power-brand .techvera-brand{width:210px;max-width:100%}.sidebar .power-brand .techvera-brand img{width:210px;max-width:100%;max-height:48px}.login-reference .login-brand .techvera-brand img{width:235px;max-width:100%;max-height:48px}.tv-brand-loader{width:110px!important;min-width:110px}.tv-reference-credit{white-space:normal}

@media(prefers-reduced-motion:reduce){.tv-brand-loader img.tv-loader-wordmark{display:block!important;animation:none!important}.tv-brand-loader img.tv-loader-wordmark-dark{display:none!important;animation:none!important}body.dark .tv-brand-loader img.tv-loader-wordmark,.btn.primary .tv-brand-loader img.tv-loader-wordmark{display:none!important}body.dark .tv-brand-loader img.tv-loader-wordmark-dark,.btn.primary .tv-brand-loader img.tv-loader-wordmark-dark{display:block!important}}

/* Original symbol only; the product name remains in page titles and copy. */
.sidebar .power-brand .techvera-brand{width:56px}.sidebar .power-brand .techvera-brand img{width:48px;height:48px;max-height:48px;object-fit:contain}
.login-reference .login-brand .techvera-brand img{width:60px;height:60px;max-height:60px;object-fit:contain}
.login-reference .tv-reference-brand{justify-content:flex-start}
.tv-brand-loader{width:32px!important;min-width:32px;height:32px!important}.tv-brand-preview img{object-fit:contain}

.login-reference .tv-reference-brand>span.olt-login-name{font-size:26px;font-weight:700;letter-spacing:-.6px;color:#fff;border-left:0;padding-left:0;white-space:nowrap}
@media(max-width:1100px){.login-reference .tv-reference-brand>span.olt-login-name{font-size:22px}}

/* Product lettering and the licensed customer's public company name. */
.login-reference .tv-reference-brand{gap:16px;max-width:100%;flex-wrap:wrap}
.login-reference .tv-reference-brand>span.olt-login-name{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-weight:600;letter-spacing:-1px;font-size:28px}
.login-reference .tv-reference-brand>span.olt-login-client{font-size:14px;font-weight:500;color:#adc0d5;border-left:1px solid #31516b;padding-left:18px;white-space:normal;overflow-wrap:anywhere;max-width:220px;line-height:1.4}
@media(max-width:1100px){.login-reference .tv-reference-brand>span.olt-login-name{font-size:24px}.login-reference .tv-reference-brand>span.olt-login-client{max-width:180px}}

/* Compact sidebar identity replaces the separate company/location card. */
.sidebar .power-brand{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:88px;padding:14px 8px;margin-bottom:12px;overflow:visible}
.sidebar .power-brand .techvera-brand{width:48px;flex:0 0 48px}
.olt-sidebar-identity{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:left}
.olt-sidebar-identity>b{font-family:"Segoe UI",Arial,sans-serif;font-size:25px;line-height:1.1;letter-spacing:1px;font-weight:700;color:#fff}
.sidebar .olt-sidebar-identity .tv-company-copy strong{font-size:12px;font-weight:500;color:#abc1d7;overflow-wrap:anywhere;white-space:normal}
[data-tv-sidebar-tone=light] .olt-sidebar-identity>b{color:#0b1f36}
[data-tv-sidebar-tone=light] .sidebar .olt-sidebar-identity .tv-company-copy strong{color:#526b85}

/* VPN register: private workspace, scoped to this module. */
.vpn-private{--vpn-ink:#0b1f36;--vpn-muted:#68798c;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:28px auto 48px;border:1px solid #dce4ed;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #0b1f3609;background:#fff}
.vpn-private-intro{position:relative;padding:42px;color:#eef5ff;background:#0b1f36}.vpn-classification{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#80cdd7}.vpn-classification>span{width:6px;height:6px;border-radius:50%;background:#18afc1;flex-shrink:0}.vpn-vault-symbol{display:grid;place-items:center;margin:44px 0 26px;width:80px;height:80px;border:1px solid #315168;border-radius:20px;color:#81d4de;background:#123049}.vpn-vault-symbol svg{width:52px;height:52px}.vpn-private-intro h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;color:#fff;margin:0 0 16px}.vpn-private-intro>p{font-size:14px;line-height:1.7;color:#adc1d6;max-width:340px}.vpn-assurances{list-style:none;padding:0;margin:30px 0;display:grid;gap:22px}.vpn-assurances li{border-left:2px solid #2d647a;padding-left:14px;display:grid;gap:5px}.vpn-assurances b{font-size:12px;font-weight:600}.vpn-assurances span{font-size:12px;line-height:1.6;color:#a6bdd1}.vpn-private-footnote{padding-top:22px;border-top:1px solid #294158;font-size:11px;line-height:1.5;color:#94acc4}
.vpn-unlock-side{padding:44px;display:flex;flex-direction:column;justify-content:center;min-width:0}.vpn-lock-status{display:flex;align-items:center;gap:8px;color:#728299;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:28px}.vpn-lock-status svg{width:18px;height:18px}.vpn-unlock-form h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;color:#0b1f36;margin:0 0 12px}.vpn-unlock-lead{font-size:13px;line-height:1.7;color:#68798c;margin:0 0 26px}.vpn-unlock-form>label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px;color:#223952}.vpn-unlock-form>input{width:100%;min-width:0;height:48px;background:#f9fbfd;border:1px solid #ced9e5;border-radius:9px;padding:12px 14px;font-size:14px}.vpn-unlock-form>input:focus{outline:2px solid #13abc0;outline-offset:2px}.vpn-unlock-form .error-text:empty{display:none}.vpn-unlock-button{display:flex;justify-content:center;gap:9px;align-items:center;width:100%;min-height:48px;margin-top:25px}.vpn-unlock-button svg{width:20px;height:20px}.vpn-unlock-note{text-align:center;color:#748397;font-size:11px;line-height:1.6;margin:14px 0}.vpn-back-link{text-align:center;margin-top:25px;font-size:12px;color:#62738a}.vpn-register-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;background:#0b1f36;border-radius:14px;color:#fff;margin-bottom:28px}.vpn-register-banner h1{color:#fff;margin:13px 0 8px;font-size:27px}.vpn-register-banner p{color:#aabfd5;margin:0;font-size:13px}.vpn-session-status{color:#8bd7c5;font-size:12px;border:1px solid #315650;border-radius:24px;padding:10px 14px;white-space:nowrap}.vpn-private-workspace .vpn-register-card{box-shadow:none;border-left:3px solid #13abc0;background:var(--panel)}.vpn-private-workspace .vpn-register-card h3{font-size:16px}.vpn-private-workspace .vpn-register-username{font-family:ui-monospace,Consolas,monospace}.vpn-private-workspace .vpn-register-card>button{margin-top:10px}.vpn-private-workspace .vpn-register-results{padding:20px 0 12px}
@media(max-width:1000px){.vpn-private-intro,.vpn-unlock-side{padding:30px}.vpn-private-intro h1{font-size:25px}}
@media(max-width:760px){.vpn-private{grid-template-columns:1fr;margin:8px auto 24px}.vpn-private-intro{padding:25px}.vpn-vault-symbol{width:52px;height:52px;margin:24px 0 18px}.vpn-vault-symbol svg{width:34px;height:34px}.vpn-assurances{display:none}.vpn-private-footnote{margin-top:20px;padding-top:16px}.vpn-unlock-side{padding:28px 24px}.vpn-register-banner{align-items:flex-start;flex-direction:column;padding:24px}.vpn-classification{font-size:9px;letter-spacing:1px}}
body.dark .vpn-private{background:#12263d;border-color:#30455e}body.dark .vpn-unlock-form h2,body.dark .vpn-unlock-form>label{color:#e9f1fb}body.dark .vpn-unlock-form>input{background:#0b1f36;color:#e9f1fb;border-color:#38516c}body.dark .vpn-unlock-lead,body.dark .vpn-unlock-note,body.dark .vpn-back-link{color:#adc1d6}

/* Keep the first navigation group close to the compact identity. */
.sidebar .power-brand{margin-bottom:0;padding-bottom:8px;min-height:76px}
.sidebar .tv-reference-nav{padding-top:0}
.sidebar .tv-reference-nav>.side-label:first-child{margin-top:0;padding-top:8px}

/* Administration settings workspace. */
.olt-settings-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.olt-settings-navigation{background:var(--panel,#fff);border:1px solid var(--line,#dce3ef);border-radius:12px;padding:20px 12px;position:sticky;top:18px}.olt-settings-nav-title{font-size:10px;font-weight:700;letter-spacing:1.3px;color:var(--muted);padding:0 10px 15px}.olt-settings-search{display:block;padding:0 4px 18px}.olt-settings-search input{min-width:0;width:100%;height:36px;font-size:12px;background:var(--soft,#f5f7fb);border-radius:7px!important;padding:8px 10px}.olt-settings-group{margin:0 0 20px}.olt-settings-group h2{font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 10px;margin:0 0 7px}.olt-settings-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;text-align:left;color:var(--ink,#20334f);padding:10px 11px;border-radius:7px;font-size:12px;line-height:1.4;cursor:pointer;margin:2px 0}.olt-settings-link>span:last-child{color:var(--muted);font-size:16px}.olt-settings-link:hover{background:var(--soft,#f4f7fb)}.olt-settings-link.is-selected{color:#087f90;background:#e6f5f7;font-weight:650}.olt-settings-link.is-selected>span:last-child{color:#087f90}.olt-settings-nav-note{padding:16px 10px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.8;color:var(--muted)}.olt-settings-content{min-width:0}.olt-settings-context{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px;font-size:11px;color:var(--muted)}.olt-settings-context>span:first-child>span{margin:0 8px;color:#9ba9bd}.olt-settings-state{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 10px;border:1px solid var(--line);border-radius:20px;background:var(--panel,#fff)}.olt-settings-state>span{width:6px;height:6px;border-radius:50%;background:#27977a}.olt-settings-state.has-draft>span{background:#bc852b}.olt-settings-form{border-radius:12px!important;overflow:visible}.olt-settings-body{padding:28px!important}.olt-settings-body>h2{font-size:21px;line-height:1.3;margin:0 0 10px;letter-spacing:-.4px}.olt-settings-body>p{font-size:12px;line-height:1.7;color:var(--muted);max-width:760px;margin-bottom:25px}.olt-settings-section{padding:24px 0;border-top:1px solid var(--line)}.olt-settings-section h3{font-size:14px;font-weight:650;margin:0 0 6px}.olt-settings-section>p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 20px}.olt-settings-body .form-grid{gap:20px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.olt-settings-body label{font-size:12px;line-height:1.5;min-width:0;gap:7px}.olt-settings-body input:not([type=checkbox]):not([type=color]),.olt-settings-body select,.olt-settings-body textarea{font-size:13px;border-radius:8px;min-width:0;max-width:100%;background:var(--panel,#fff);padding:10px 12px}.olt-settings-body input[type=file]{font-size:11px!important;border:1px dashed #c8d5e4;padding:12px!important;background:var(--soft,#f8fafc)!important}.olt-settings-body input[type=file]::file-selector-button{background:#e8eef6;border:0;color:#28435f;border-radius:5px;padding:6px 9px;margin-right:8px;font-size:11px}.olt-settings-body .olt-colour-field{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;align-items:center}.olt-colour-field input[type=color]{grid-column:1;width:46px;height:38px;padding:3px;border:1px solid var(--line);border-radius:7px;margin-top:5px;cursor:pointer}.olt-colour-field output{grid-column:2;grid-row:2;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--muted);letter-spacing:.4px}.olt-settings-body .tv-editor-card{background:var(--soft,#f9fbfd);padding:20px}.olt-settings-body .tv-brand-preview{padding:24px;border-radius:10px;display:flex;flex-direction:row;align-items:center;gap:25px}.olt-settings-body .tv-brand-preview img{max-width:100px;max-height:55px}.olt-settings-publish{padding:20px 28px!important;border-top:1px solid var(--line);background:var(--panel,#fff);box-shadow:0 -5px 18px #0b1f3605;border-radius:0 0 12px 12px;display:grid;grid-template-columns:1fr;gap:14px;bottom:0}.olt-publish-copy{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.olt-publish-copy strong{font-size:13px}.olt-publish-copy span{font-size:11px;color:var(--muted);line-height:1.5}.olt-settings-publish>label{font-size:11px;display:grid;gap:6px}.olt-settings-publish input{min-height:38px;font-size:12px}.olt-publish-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.olt-publish-actions .btn{font-size:12px;min-height:36px;padding:8px 14px}.olt-publish-actions .olt-discard{margin-right:auto;color:var(--muted);border-color:transparent;background:transparent}.olt-settings-body .tv-editor-row{grid-template-columns:repeat(3,minmax(0,1fr))}.olt-settings-body .tv-step-row label{flex:1 1 150px}.olt-settings-body .tv-step-row{padding:16px 0}.olt-settings-body .row{flex-wrap:wrap}.olt-settings-body .btn{font-size:12px}.olt-settings-body .error-text:empty{display:none}body.dark .olt-settings-link.is-selected{background:#163c4c;color:#8bdce4}body.dark .olt-settings-body input[type=file]::file-selector-button{background:#30455e;color:#e2ecf9}
@media(max-width:1150px){.olt-settings-workspace{grid-template-columns:195px minmax(0,1fr);gap:16px}.olt-settings-body{padding:22px!important}.olt-publish-copy{display:grid;gap:6px}.olt-settings-body .tv-editor-row{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.olt-settings-workspace{grid-template-columns:1fr}.olt-settings-navigation{position:static;padding:16px}.olt-settings-navigation nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;max-height:240px;overflow:auto}.olt-settings-group{margin-bottom:10px}.olt-settings-nav-note{display:none}.olt-settings-search{padding-bottom:12px}.olt-settings-context{flex-wrap:wrap}}
@media(max-width:600px){.olt-settings-body{padding:20px 16px!important}.olt-settings-body .form-grid,.olt-settings-body .tv-editor-row{grid-template-columns:1fr}.olt-settings-publish{position:static;padding:18px 16px!important}.olt-settings-navigation nav{gap:8px}.olt-settings-link{font-size:11px;padding:8px}.olt-settings-group h2{font-size:9px}.olt-settings-body .tv-brand-preview{flex-wrap:wrap}.olt-settings-context{font-size:10px}.olt-settings-body .tv-step-row>*{max-width:100%}}

.olt-colour-caption{grid-column:1/-1}.olt-settings-publish{position:static}.olt-settings-navigation{max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:thin}
@media(max-width:900px){.olt-settings-navigation{max-height:none;overflow:visible}}

.olt-brand-feedback:empty{display:none}.olt-brand-feedback{padding:12px 14px;border:1px solid #b8dfe4;border-radius:8px;background:#edf8fa;color:#176674;font-size:12px;line-height:1.6;margin:14px 0}body.dark .olt-brand-feedback{background:#123442;color:#a3e3ea;border-color:#305b68}

.olt-sidebar-client-logo{padding:4px 12px 14px;display:flex;justify-content:flex-start}.olt-sidebar-client-logo img{max-width:175px;max-height:48px;width:auto;height:auto;object-fit:contain}.olt-settings-body .tv-brand-preview{min-height:95px}

/* Customer supplied Administration redesign, isolated to the module. */
@scope (#product-studio){

:scope{
  --primary:#0B1F36;--on-primary:#fff;--sidebar:#0B1F36;--bg:#F4F6FB;--accent:#13ABC0;--on-accent:#0B1F36;
  --btn:var(--primary);--on-btn:var(--on-primary);
  --radius:10px;--radius-sm:6px;--font:'Inter',system-ui,sans-serif;--fs:14px;--pad:24px;--gap:16px;
  --surface:#fff;--surface-2:#F7F9FC;--border:#E3E8EF;--field:#CBD3DF;--text:#0B1F36;--muted:#4A5568;--soft:#5B6678;
  --sel-bg:#E7F5F8;--sel-fg:#0A5966;--warn-bg:#FFF4DB;--warn-fg:#7A4E00;--ok-bg:#E6F6EF;--ok-fg:#0F6B45;--err-bg:#FDECEE;--err-fg:#A30D24;--info-bg:#EAF6F8;--info-fg:#0A4C57;
  --seg:#EEF1F6;--link:#0A7A8A;
}
:scope[data-mode="dark"]{
  --bg:#0E1726;--surface:#152238;--surface-2:#1A2A44;--border:#263752;--field:#33476A;--text:#E8EEF6;--muted:#B3C0D3;--soft:#9AA8BD;
  --sel-bg:#1C3550;--sel-fg:#8FDDE7;--warn-bg:#3A2E12;--warn-fg:#F5CF7A;--ok-bg:#123726;--ok-fg:#7FE0B0;--err-bg:#3D1820;--err-fg:#FF9DA9;--info-bg:#12313A;--info-fg:#9FE3EC;
  --seg:#1E2F4B;--link:#8FDDE7;--btn:var(--accent);--on-btn:var(--on-accent);
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--link)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.25}
h1{font-family:'Sora',var(--font);font-size:1.9em;letter-spacing:-.02em}
h2{font-family:'Sora',var(--font);font-size:1.55em;letter-spacing:-.02em}
h3{font-size:1.12em;font-weight:600}
p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--surface);padding:8px 12px;border-radius:8px}
.skip:focus{left:8px}

/* layout */
.app{display:flex;min-height:100vh}
.nav{flex:0 0 260px;width:260px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;gap:4px;padding:18px 12px;transition:flex-basis .2s,width .2s;position:sticky;top:0;height:100vh;overflow-y:auto}
.app.collapsed .nav{flex-basis:76px;width:76px}
.brandrow{display:flex;align-items:center;gap:10px;padding:2px 8px 10px;min-height:44px}
.brandrow .mark{flex:0 0 32px}
.brandtxt{display:flex;flex-direction:column;min-width:0}
.brandtxt b{font-family:'Sora',var(--font);font-size:17px;letter-spacing:-.02em;white-space:nowrap}
.brandtxt span{font-size:12px;color:#B8C4D6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clientlogo{margin:0 8px 8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;min-height:44px}
.clientlogo img{max-width:100%;max-height:40px;object-fit:contain}
.app.collapsed .brandtxt,.app.collapsed .navgrp,.app.collapsed .navlbl,.app.collapsed .clientlogo,.app.collapsed .navfoot .who{display:none}
.navgrp{margin:0;padding:14px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A9BB5}
.navsep{display:none;height:1px;background:rgba(255,255,255,.12);margin:10px 8px}
.app.collapsed .navsep{display:block}
.navitem{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#C9D3E3;font-size:14px;font-weight:500;cursor:pointer;text-align:left;width:100%}
.app.collapsed .navitem{justify-content:center;padding:0}
.navitem svg{flex:0 0 20px;stroke:#8A9BB5}
.navitem:hover{background:rgba(255,255,255,.08);color:#fff}
.navitem[aria-current="page"]{background:rgba(255,255,255,.14);color:#fff}
.navitem[aria-current="page"] svg{stroke:var(--accent)}
.navfoot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;display:flex;align-items:center;gap:10px;padding-left:6px}
.app.collapsed .navfoot{justify-content:center;padding-left:0}
.avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.who{display:flex;flex-direction:column;min-width:0}
.who b{font-size:14px}.who span{font-size:12px;color:#8A9BB5}

.page{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:20;min-height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:10px 24px;flex-wrap:wrap}
.crumb{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--soft);flex-wrap:wrap}
.crumb b{color:var(--text);font-weight:600}
.top .grow{flex:1}
.iconbtn{width:42px;height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
.iconbtn:hover{background:var(--surface-2)}
.iconbtn svg{stroke:currentColor}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pill.warn{background:var(--warn-bg);color:var(--warn-fg)}.pill.ok{background:var(--ok-bg);color:var(--ok-fg)}.pill.err{background:var(--err-bg);color:var(--err-fg)}.pill.mute{background:var(--seg);color:var(--muted)}.pill.info{background:var(--info-bg);color:var(--info-fg)}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.previewbar{background:var(--accent);color:var(--on-accent);padding:10px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:600}
.previewbar button{margin-left:auto}

main{padding:24px 28px 120px;width:100%;max-width:1600px}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.head p{color:var(--muted);margin-top:6px;max-width:760px}
.head .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cols{display:flex;gap:24px;align-items:flex-start}
.dir{flex:0 0 240px;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 10px;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow-y:auto}
.dir .search{position:relative;margin:0 4px 6px}
.dir .search svg{position:absolute;left:12px;top:12px;stroke:var(--soft)}
.dir .search input{width:100%;height:42px;padding:0 12px 0 36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.dirgrp{margin:0;padding:14px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.diritem{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font-size:14px;font-weight:500;color:var(--text)}
.diritem:hover{background:var(--surface-2)}
.diritem[aria-current="page"]{background:var(--sel-bg);color:var(--sel-fg);font-weight:600}
.diritem span:first-child{flex:1;min-width:0}
.content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:16px}
.sechead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sechead p{color:var(--muted);margin-top:4px}
.content{container-type:inline-size}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.grid2 > .side{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.stack{display:flex;flex-direction:column;gap:16px;min-width:0}

.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap)}
.cardhead{display:flex;align-items:flex-start;gap:14px}
.cardhead > div{flex:1;min-width:0}
.cardhead p{color:var(--muted);font-size:.95em;margin-top:2px}
.step{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--btn);color:var(--on-btn);font-weight:700;display:flex;align-items:center;justify-content:center}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px 20px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld.wide{grid-column:1/-1}
.fld > label,.lbl{font-weight:600;font-size:.95em}
.fld small,.hint{font-size:.86em;color:var(--soft)}
.req{color:var(--err-fg)}
input[type=text],input[type=email],input[type=url],input[type=number],input[type=password],input[type=search],input[type=tel],select,textarea{min-height:44px;padding:0 14px;border:1px solid var(--field);border-radius:var(--radius);background:var(--surface);width:100%}
textarea{padding:10px 14px;min-height:96px;resize:vertical}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235B6678' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--text)}
.bad input,.bad select,.bad textarea,input.bad{border-color:var(--err-fg)}
.errmsg{font-size:.86em;color:var(--err-fg);font-weight:500}
.btn{min-height:42px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--field);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.btn:hover{background:var(--surface-2)}
.btn.primary{background:var(--btn);border-color:var(--btn);color:var(--on-btn)}
.btn.primary:hover{filter:brightness(1.12)}
.btn.ghost{border-color:transparent;background:transparent}
.btn.ghost:hover{background:var(--surface-2)}
.btn.danger{color:var(--err-fg)}
.btn.sm{min-height:36px;padding:0 12px;font-size:.92em}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn svg{stroke:currentColor}
.seg{display:flex;gap:4px;padding:4px;background:var(--seg);border-radius:12px;flex-wrap:wrap}
.seg button{flex:1;min-height:38px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:600;font-size:.92em;cursor:pointer;white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(11,31,54,.14)}
.swrow{display:flex;align-items:center;gap:14px}
.swrow > div{flex:1;min-width:0;display:flex;flex-direction:column}
.swrow b{font-weight:600;font-size:.95em}
.swrow span{font-size:.88em;color:var(--soft)}
.sw{position:relative;width:46px;height:28px;flex:0 0 46px;border:0;border-radius:999px;background:var(--field);cursor:pointer;padding:0}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}
.sw[aria-checked="true"]{background:var(--btn)}
.sw[aria-checked="true"]::after{left:21px}
.sw:disabled{opacity:.5;cursor:not-allowed}
.divider{height:1px;background:var(--border)}
.note{display:flex;gap:10px;padding:12px 14px;border-radius:12px;font-size:.93em}
.note svg{flex:0 0 18px;margin-top:2px;stroke:currentColor}
.note.info{background:var(--info-bg);color:var(--info-fg)}.note.ok{background:var(--ok-bg);color:var(--ok-fg)}.note.err{background:var(--err-bg);color:var(--err-fg)}.note.warn{background:var(--warn-bg);color:var(--warn-fg)}

/* tables / rows */
.rows{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap}
.row:first-child{border-top:0}
.row.headrow{background:var(--surface-2);font-size:.82em;font-weight:600;color:var(--soft);text-transform:uppercase;letter-spacing:.05em;min-height:40px}
.row .c{min-width:0}
.row input,.row select{min-height:38px}
.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:760px}
th{background:var(--surface-2);text-align:left;font-size:.8em;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);font-weight:600;padding:10px 12px;white-space:nowrap}
td{padding:8px 12px;border-top:1px solid var(--border);vertical-align:middle}
td input,td select{min-height:38px}
td input[type=text],td input[type=email]{min-width:170px}
.ord{display:flex;gap:2px}
.ord .iconbtn{width:34px;height:34px;border-radius:8px}
.empty{padding:28px;text-align:center;color:var(--soft);border:1.5px dashed var(--field);border-radius:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:999px;background:var(--seg);font-size:.9em}
.chip button{width:24px;height:24px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.chip button:hover{background:var(--border)}
.chipadd{display:flex;gap:6px}
.chipadd input{min-height:36px;width:180px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.tabs button{border:0;background:transparent;padding:10px 14px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}

/* brand */
.palettes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.palette{padding:12px;border:2px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:10px;text-align:left}
.palette[aria-pressed="true"]{border-color:var(--text)}
.palette:hover{border-color:var(--soft)}
.sw4{display:flex;height:36px;border-radius:8px;overflow:hidden}
.colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.colorrow{border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px}
.colorrow > div{flex:1;min-width:0;display:flex;flex-direction:column}
.colorrow .hint{font-size:.82em}
.colorrow input[type=text]{width:100px;min-height:38px;font-family:ui-monospace,Menlo,monospace;text-transform:uppercase;font-size:.9em;padding:0 10px}
input[type=color]{-webkit-appearance:none;appearance:none;width:44px;height:44px;flex:0 0 44px;border:0;padding:0;border-radius:10px;background:none;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border)}
input[type=color]::-webkit-color-swatch-wrapper{padding:0}
input[type=color]::-webkit-color-swatch{border:0;border-radius:10px}
input[type=color]::-moz-color-swatch{border:0;border-radius:10px}
.drop{border:1.5px dashed var(--field);border-radius:14px;background:var(--surface-2);padding:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;cursor:pointer}
.drop:hover,.drop.over{border-color:var(--text)}
.drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.logothumb{width:120px;height:56px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}
.logothumb img{max-width:100%;max-height:100%;object-fit:contain}

/* mini preview */
.mini{height:300px;border-radius:12px;overflow:hidden;border:1px solid var(--border);display:flex}
.mini .ms{padding:12px 8px;display:flex;flex-direction:column;gap:6px;transition:flex-basis .2s}
.mini .mm{flex:1;min-width:0;display:flex;flex-direction:column}
.legend{display:flex;flex-direction:column;gap:6px;font-size:.9em;color:var(--muted)}
.legend span{display:flex;gap:8px;align-items:center}
.legend i{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--border);display:inline-block}

/* form preview */
.fpreview{display:flex;flex-direction:column;gap:14px}
.fpreview .fld input,.fpreview .fld select,.fpreview .fld textarea{pointer-events:none}
.flist{display:flex;flex-direction:column;gap:10px}
.fitem{border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.fitem .fi-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fitem .fi-top input[type=text]{flex:1 1 200px;width:auto}
.fitem .fi-top select{width:160px}
.steps{display:flex;flex-direction:column;gap:8px}
.stepline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stepnum{width:26px;height:26px;border-radius:50%;background:var(--seg);font-weight:700;font-size:.85em;display:flex;align-items:center;justify-content:center;flex:0 0 26px}
.flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.9em}
.flow .pill{font-weight:500}
code,.mono{font-family:ui-monospace,Menlo,monospace;font-size:.92em}
.token{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.token code{flex:1 1 260px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);word-break:break-all}
.intgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}

/* bottom bar */
.pubbar{position:fixed;left:260px;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:12px 28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;transition:left .2s}
.app.collapsed ~ .pubbar,.app.collapsed .pubbar{left:76px}
.pubbar .state{display:flex;flex-direction:column;min-width:0;flex:1}
.pubbar .state b{font-size:.98em}
.pubbar .state span{font-size:.86em;color:var(--soft)}

/* modal + toast */
.scrim{position:fixed;inset:0;background:rgba(8,20,36,.55);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.modal{background:var(--surface);color:var(--text);border-radius:18px;width:100%;max-width:620px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}
.modal header{padding:20px 24px 8px;display:flex;align-items:flex-start;gap:12px}
.modal header h3{font-size:1.2em;flex:1}
.modal .mb{padding:8px 24px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.modal footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.toasts{position:fixed;right:20px;bottom:88px;z-index:70;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.toast{background:#0B1F36;color:#fff;padding:12px 16px;border-radius:12px;max-width:380px;font-size:14px;display:flex;gap:10px;align-items:flex-start;animation:tin .18s ease-out}
.toast.err{background:#7A0E1F}
@keyframes tin{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.hist{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.hist .h{display:flex;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--border);flex-wrap:wrap}
.hist .h:first-child{border-top:0}
.hist .h > div{flex:1;min-width:200px}
.hist .h small{color:var(--soft);display:block}
.changes{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.changes li{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;background:var(--surface-2)}
footer.foot{padding:16px 28px 96px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--soft)}

@container (max-width:780px){.grid2{grid-template-columns:minmax(0,1fr)}.grid2 > .side{position:static}}
@media (max-width:960px){.cols{flex-direction:column}.dir{position:static;width:100%;flex-basis:auto;max-height:none}.dirlist{display:none}.dir.open .dirlist{display:block}.dirtoggle{display:flex!important}}
@media (max-width:760px){
  .nav{position:fixed;left:0;top:0;z-index:50;transform:translateX(-100%);transition:transform .2s;width:260px!important;flex-basis:260px!important}
  .app.mobile-open .nav{transform:none}
  .app.collapsed .brandtxt,.app.collapsed .navgrp,.app.collapsed .navlbl,.app.collapsed .clientlogo,.app.collapsed .navfoot .who{display:revert}
  .app.collapsed .navitem{justify-content:flex-start;padding:0 12px}
  .app.collapsed .navsep{display:none}
  .pubbar,.app.collapsed ~ .pubbar{left:0;padding:10px 16px}
  main{padding:16px 16px 140px}.top{padding:8px 16px}
  .navscrim{display:block!important}
  .crumb span:not(:last-child){display:none}.top .pill{display:none}.top{flex-wrap:nowrap}
}
.dirtoggle{display:none;width:100%;justify-content:space-between}
.navscrim{display:none;position:fixed;inset:0;z-index:45;background:rgba(8,20,36,.5)}
.app:not(.mobile-open) .navscrim{display:none!important}

/* ---- v2 additions ---- */
.dirselect{display:none}
details.ed{border:1px solid var(--border);border-radius:12px;background:var(--surface)}
details.ed > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:52px;flex-wrap:wrap}
details.ed > summary::-webkit-details-marker{display:none}
details.ed > summary .chev{margin-left:auto;transition:transform .15s;stroke:var(--soft)}
details.ed[open] > summary .chev{transform:rotate(90deg)}
details.ed > summary b{font-weight:600}
details.ed > .edb{padding:4px 14px 16px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--border);padding-top:14px}
.list{display:flex;flex-direction:column;gap:8px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.toolbar input[type=search]{max-width:280px}
.toolbar .seg{flex:0 1 auto}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:.93em;margin:0}
.kv dt{color:var(--soft)}.kv dd{margin:0;word-break:break-word}
.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.stat > div{border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;background:var(--surface-2)}
.stat span{font-size:.82em;color:var(--soft)}.stat b{font-size:1.02em;word-break:break-all}
.qr{background:#fff;padding:12px;border-radius:12px;display:inline-flex;border:1px solid var(--border)}
.qr svg{width:180px;height:180px;display:block}
.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-family:ui-monospace,Menlo,monospace}
.codes span{padding:8px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);text-align:center}
.checker{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%23E6EAF0'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23E6EAF0'/%3E%3C/svg%3E")}
.photo{aspect-ratio:4/3;width:100%;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:contain}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.gallery figure{margin:0;display:flex;flex-direction:column;gap:6px;font-size:.88em}
.sim{border:1.5px dashed var(--field);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}
.softlist{max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:10px}
.softlist div{padding:8px 12px;border-top:1px solid var(--border);font-size:.9em;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.softlist div:first-child{border-top:0}
.oncebox{border:2px solid var(--accent);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
#secTitle:focus{outline:none}
@media (max-width:960px){.cols{align-items:stretch}.content{width:100%}.dirlist{display:none!important}.dirtoggle{display:none!important}.dirselect{display:block;width:100%}.dir{padding:10px}}
@media (max-width:560px){
  .fields{grid-template-columns:1fr}
  .pubbar .state span{display:none}
  .pubbar .btn{flex:1 1 auto}
  .pubbar .btn.ghost{display:none}
  .head{margin-bottom:12px}
  #headDesc{display:none}
  h1{font-size:1.6em}
  .card{padding:16px;border-radius:14px}
  .seg button{min-height:40px}
  .kv{grid-template-columns:1fr}
  .kv dt{margin-top:6px}
  .toolbar input[type=search]{max-width:none}
  .modal{border-radius:16px 16px 0 0;align-self:flex-end;max-height:92vh}
  .scrim{padding:0}
  .toasts{left:12px;right:12px;bottom:84px;align-items:stretch}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

}

@font-face{font-family:Sora;font-style:normal;font-weight:600 700;font-display:swap;src:url('/sora-600.ttf') format('truetype')}
#product-studio.design-admin{font:14px/1.5 Inter,system-ui,sans-serif;color:var(--text);padding-bottom:95px;--primary:var(--tv-primary);--sidebar:var(--tv-sidebar);--bg:var(--tv-background);--accent:var(--tv-accent)}
#product-studio .head{margin-bottom:20px}#product-studio .head h1{font-family:Sora,Inter,sans-serif;font-size:26.6px;margin:0;letter-spacing:-.02em}#product-studio .head p{max-width:760px;margin-top:6px;color:var(--muted)}#product-studio .head .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#product-studio .cols{display:flex;gap:24px;align-items:flex-start}#product-studio .dir{top:18px;max-height:calc(100vh - 36px)}#product-studio .diritem{font-size:14px}#product-studio .search input{padding-left:14px}#product-studio .sechead h2{font-size:21.7px;font-family:Sora,Inter,sans-serif;margin:0}#product-studio .sechead p{font-size:14px;margin:4px 0 0}#product-studio .sechead>.pill{margin-top:8px}#product-studio .content{min-width:0;flex:1;display:flex;flex-direction:column;gap:16px;container-type:inline-size}#product-studio .card{margin:0;box-shadow:none;border-radius:16px;border:1px solid var(--border);padding:24px;background:var(--surface);gap:16px}#product-studio .card h3{font-size:15.7px;font-weight:600;margin:0}#product-studio .cardhead p{margin:2px 0 0;color:var(--muted);font-size:13.3px}#product-studio .grid2{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}#product-studio .stack{display:flex;flex-direction:column;gap:16px;min-width:0}#product-studio .side{position:sticky;top:18px;min-width:0;display:flex;flex-direction:column;gap:12px}#product-studio .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px 20px}#product-studio .fld{font-size:13.3px;font-weight:600;display:flex;flex-direction:column;gap:6px;min-width:0}#product-studio .fld small{font-weight:400}#product-studio input,#product-studio select,#product-studio textarea{font-size:14px}#product-studio input:not([type=file]):not([type=checkbox]):not([type=color]),#product-studio select{min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--field);border-radius:10px;background-color:var(--surface);color:var(--text)}#product-studio .btn{min-height:42px;padding:0 16px;border-radius:10px;font-weight:600;font-size:14px}#product-studio .design-drop-copy{flex:1 1 220px;display:flex;flex-direction:column;gap:2px}#product-studio .drop .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0}#product-studio .drop{margin:0;cursor:pointer;font-weight:400}#product-studio .drop b{font-size:14px}#product-studio .logothumb{flex:0 0 120px}#product-studio .logothumb>span{font-size:26px;color:var(--soft)}#product-studio .palettes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#product-studio .sw4>span:first-child{flex:2}#product-studio .sw4>span:last-child{flex:3;display:flex;align-items:center;justify-content:center;gap:6px}#product-studio .sw4 i:first-child{width:22px;height:10px;border-radius:3px}#product-studio .sw4 i:last-child{width:10px;height:10px;border-radius:50%}#product-studio .colors{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}#product-studio .colorrow input[type=text]{width:100px;min-height:38px;font-size:12.6px;padding:0 10px}#product-studio .colorrow b{font-size:14px}#product-studio .design-switch{appearance:none;width:46px!important;height:28px!important;border-radius:999px;background:var(--field);position:relative;flex:0 0 46px;border:0;cursor:pointer}#product-studio .design-switch:after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%}#product-studio .design-switch:checked{background:var(--primary)}#product-studio .design-switch:checked:after{left:21px}#product-studio .swrow{font-weight:400}#product-studio .design-preview-title{display:flex;justify-content:space-between;align-items:center;gap:8px}#product-studio .design-preview-title b{font-size:14px}#product-studio .design-preview-title .dot{color:#1fa971}#product-studio .mini{font-family:Inter,sans-serif;font-size:14px}#product-studio .mini .ms{flex:0 0 112px;background:var(--preview-sidebar);color:white;min-width:0}#product-studio .mini .ms>img{width:16px;height:16px;object-fit:contain}#product-studio .mini .ms>b{font-size:10px;white-space:nowrap}#product-studio .design-company{font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#product-studio .design-mini-nav{height:20px;min-height:20px;border-radius:5px;margin:0 4px;background:#ffffff12}#product-studio .design-mini-nav:after{content:'';display:block;width:60%;height:4px;background:#5e7290;margin:8px;border-radius:2px}#product-studio .mini .mm{background:var(--preview-background)}#product-studio .design-mini-top{height:32px;min-height:32px;background:#fff;border-bottom:1px solid #e3e8ef}#product-studio .design-mini-body{display:flex;flex-direction:column;gap:10px;padding:14px;color:#0b1f36}#product-studio .design-mini-body>b{font-size:14.7px}#product-studio .design-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}#product-studio .design-mini-metrics>span{background:#fff;border:1px solid #e3e8ef;border-radius:var(--preview-radius);padding:8px;display:flex;flex-direction:column;gap:4px;font-size:9px}#product-studio .design-mini-metrics strong{font-size:18px}#product-studio .design-mini-ticket{padding:8px;background:#fff;border:1px solid #e3e8ef;border-radius:var(--preview-radius);font-size:10px}#product-studio .design-mini-button{align-self:flex-start;background:var(--preview-primary);color:#fff;border-radius:var(--preview-radius);padding:6px 12px;font-size:10px}#product-studio .design-mini-dark .mm{background:#0f1a2b}#product-studio .design-mini-dark .design-mini-top,#product-studio .design-mini-dark .design-mini-metrics>span,#product-studio .design-mini-dark .design-mini-ticket{background:#16253d;border-color:#22324d;color:#f1f5f9}#product-studio .design-mini-dark .design-mini-body{color:#f1f5f9}#product-studio .design-mini-collapsed .ms{flex-basis:40px}#product-studio .design-mini-collapsed .ms>b,#product-studio .design-mini-collapsed .design-company{display:none}#product-studio .design-logo-proof{padding:16px;margin:0;border:1px solid var(--border);border-radius:12px}#product-studio #studio-brand-feedback:empty{display:none}#product-studio #studio-brand-feedback{font-size:12px;line-height:1.6;color:var(--info-fg);background:var(--info-bg);padding:10px;border-radius:8px}#product-studio .pubbar{left:260px;padding:12px 28px;background:var(--surface);border-top:1px solid var(--border);gap:12px;box-shadow:0 -4px 20px #0b1f3608}#product-studio .design-settings-body>.error-text:empty{display:none}#product-studio .design-review{margin-top:20px}#product-studio .design-existing-section>h2{font-family:Sora,Inter,sans-serif;font-size:18px;margin:0}#product-studio .design-existing-section>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}#product-studio .design-existing-section .form-grid{gap:16px 20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}#product-studio .design-existing-section .tv-editor-card{border-radius:12px;background:var(--surface-2);padding:18px}#product-studio .design-existing-section label{font-size:13px;display:grid;gap:6px}#product-studio .design-existing-section .check-label{display:flex}#product-studio .design-existing-section .row{padding:0;border:0;background:transparent}#product-studio .design-existing-section table{min-width:640px}#product-studio .design-existing-section .table-wrap{max-width:100%;overflow:auto}#product-studio .design-existing-section input[type=file]{max-width:100%}.navigation-collapsed #product-studio .pubbar{left:76px}
body.dark #product-studio{--surface:#152238;--surface-2:#1a2a44;--border:#263752;--field:#33476a;--text:#e8eef6;--muted:#b3c0d3;--soft:#9aa8bd;--sel-bg:#1c3550;--sel-fg:#8fdde7;--seg:#1e2f4b;--info-bg:#12313a;--info-fg:#9fe3ec}
@container(max-width:780px){#product-studio .grid2{grid-template-columns:minmax(0,1fr)}#product-studio .grid2>.side{position:static}}
@media(max-width:960px){#product-studio .cols{flex-direction:column;align-items:stretch}#product-studio .dir{position:static;width:100%;flex-basis:auto;max-height:none}#product-studio .dirlist{display:none}#product-studio .dirselect{display:block;width:100%}#product-studio .content{width:100%}}
@media(max-width:760px){#product-studio .pubbar,.navigation-collapsed #product-studio .pubbar{left:0;padding:12px 16px}#product-studio .head h1{font-size:24px}#product-studio .head p{font-size:12px}#product-studio .grid2{grid-template-columns:1fr}#product-studio .side{position:static}#product-studio .fields{grid-template-columns:1fr}#product-studio .card{padding:16px}#product-studio .pubbar .btn{min-height:42px;font-size:12px;padding:0 12px}#product-studio .pubbar .state{flex-basis:100%}#product-studio .design-existing-section .form-grid{grid-template-columns:1fr}#product-studio .colors{grid-template-columns:1fr}#product-studio .colorrow{gap:8px}#product-studio .colorrow input[type=text]{width:86px}#product-studio .design-review{margin-bottom:100px}#product-studio.design-admin{padding-bottom:160px}}

#product-studio .wf-engine-summary{display:flex;gap:8px;flex-wrap:wrap}#product-studio .wf-engine-summary span{padding:6px 10px;background:var(--sel-bg);color:var(--sel-fg);border-radius:20px;font-size:11px}#product-studio .wf-rule{display:grid;gap:20px;margin:20px 0}#product-studio .wf-stage{border:1px solid var(--border);border-radius:12px;padding:20px;background:var(--surface);display:grid;gap:16px}#product-studio .wf-stage h4{margin:0;font-size:13px}#product-studio .wf-condition{padding:14px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:9px;background:var(--surface-2);display:grid;gap:12px;min-width:0}#product-studio .wf-condition-tools{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}#product-studio .wf-condition-tools>label{flex:1;min-width:160px}#product-studio .wf-condition-children{display:grid;gap:10px}#product-studio .wf-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#product-studio .wf-comparison>.check-label{grid-column:1/-1}#product-studio .wf-no-condition{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px dashed var(--field);border-radius:8px;font-size:12px;color:var(--soft)}#product-studio .wf-stage select[multiple]{min-height:120px;padding:8px}#product-studio .wf-simulator{display:grid;gap:16px}#product-studio .wf-simulation-stage{padding:12px;border:1px solid var(--border);border-radius:8px;display:grid;gap:6px;margin-top:10px}#product-studio .wf-simulation-stage span{font-size:12px;color:var(--soft)}#product-studio #workflow-simulation .note{display:block}#product-studio #workflow-simulation .note p{margin-top:6px}@media(max-width:760px){#product-studio .wf-comparison{grid-template-columns:1fr}#product-studio .wf-stage{padding:12px}#product-studio .wf-condition{padding:10px}#product-studio .wf-condition .btn{font-size:11px;padding:0 9px}#product-studio .wf-no-condition{flex-wrap:wrap}}

.approval-group-progress{margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.approval-group-progress strong{font-size:12px}.approval-group-progress p{font-size:11px;line-height:1.6;margin:5px 0;color:var(--muted)}

@media(max-width:760px){#product-studio.design-admin .pubbar{left:0!important;right:0!important;width:auto!important;max-width:100vw!important;box-sizing:border-box;padding:12px 16px!important}.wf-comparison>*{min-width:0}}

@media(max-width:760px){#product-studio.design-admin .pubbar{transition:none!important}}

.otl-rotation{margin:20px 0;padding:20px;border:1px solid var(--border,#d5deeb);border-radius:12px}.otl-rotation-flow{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.otl-rotation-flow span{padding:12px 16px;background:#e4f5f7;color:#075d6b;border-radius:10px;animation:otl-turn 8s infinite}.otl-rotation-flow span:nth-child(2){animation-delay:2s}.otl-rotation-flow span:nth-child(3){animation-delay:4s}.otl-rotation-flow span:nth-child(4){animation-delay:6s}@keyframes otl-turn{0%,20%{box-shadow:inset 0 0 0 2px #13abc0}25%,100%{box-shadow:none}}@media(prefers-reduced-motion:reduce){.otl-rotation-flow span{animation:none}}

.as-section{border-top:1px solid #d5deeb;margin-top:24px;padding-top:24px;min-width:0}.as-section h3{margin:0 0 8px}.as-record{border:1px solid #d5deeb;border-radius:12px;margin:16px 0;padding:16px;min-width:0}.as-record>summary{cursor:pointer;font-weight:650;overflow-wrap:anywhere}.as-record>summary small{display:block;font-weight:400;color:var(--muted,#64748b);margin:6px 0 16px}.as-record[open]>.form-grid{margin-top:16px}.as-subrecord{background:var(--tv-background,#f4f6fb);border-radius:8px;padding:16px;margin:12px 0}.as-section select[multiple]{min-height:128px}.as-section label small{font-size:12px;font-weight:400}.as-section .btn{margin:6px 6px 6px 0}.as-section .row{align-items:end}.as-section .row>label{flex:1;min-width:160px}.as-table-wrap{max-width:100%;overflow-x:auto}.as-table-wrap table{width:100%;min-width:400px;border-collapse:collapse;font-size:13px}.as-table-wrap td,.as-table-wrap th{padding:10px;text-align:left;white-space:normal;vertical-align:top;border-bottom:1px solid #d5deeb}.as-ticket-history{margin:16px 0}.as-ticket-history>summary{padding:16px;cursor:pointer;font-weight:650}.as-section textarea{min-height:80px}.as-section input,.as-section select{max-width:100%}@media(max-width:760px){.as-section .form-grid{grid-template-columns:minmax(0,1fr)}.as-record{padding:12px}.as-section select[multiple]{width:100%}.as-section .row>label{min-width:0;width:100%}}

.setup-heading{display:flex;gap:16px;justify-content:space-between;align-items:start;flex-wrap:wrap}.setup-step-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.setup-step-list .btn[aria-current=step]{background:var(--tv-primary);color:var(--tv-on-primary);border-color:var(--tv-primary)}.setup-current{margin-top:24px;min-width:0}.setup-controls{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #d5deeb;padding-top:20px;margin-top:24px}.setup-current .form-grid{margin-top:20px;margin-bottom:12px}.setup-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-check{border:1px solid #d5deeb;border-left:4px solid #15956b;border-radius:10px;padding:16px}.setup-check.blocked{border-left-color:#dc3545}.setup-check.warning{border-left-color:#b47913}.setup-check b span{display:block;font-size:12px;font-weight:400;margin-top:4px}.ops-overall{padding:16px;border-radius:10px;background:#fff3d8;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.ops-overall.ok{background:#e1f5ea}.ops-overall.error{background:#fff0f0}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-card{padding:20px;border:1px solid #d5deeb;border-top:4px solid #78909c;border-radius:12px;overflow-wrap:anywhere;min-width:0}.ops-card h3{font-size:15px;margin:0 0 12px}.ops-card.ok{border-top-color:#15956b}.ops-card.error{border-top-color:#dc3545}.ops-card.warning,.ops-card.not_configured{border-top-color:#b47913}.ops-card.running{border-top-color:#13abc0}.ops-card small{font-size:12px}.ops-table{max-width:100%;overflow-x:auto}.ops-table table{width:100%;min-width:480px;border-collapse:collapse}.ops-table td,.ops-table th{padding:12px;text-align:left;border-bottom:1px solid #d5deeb}.ops-backup{border:1px solid #d5deeb;border-radius:12px;padding:20px;margin:24px 0}.ops-backup button{margin-top:12px}@media(max-width:760px){.ops-grid,.setup-checks{grid-template-columns:minmax(0,1fr)}.setup-controls .btn{flex:1}.setup-step-list .btn{font-size:12px;padding:8px}.setup-current .form-grid{grid-template-columns:minmax(0,1fr)}}

#studio-error:not(:empty){padding:16px;border:1px solid #e9a1a7;background:#fff1f2;color:#9b1c31;border-radius:10px;scroll-margin-top:100px}#studio-error:empty{display:none}

/* Task-oriented administration. Original controls remain the persisted source of truth. */
#product-studio .admin-easy-body{padding:0;border:0;background:transparent;display:grid;gap:20px;min-width:0}
#product-studio .admin-easy-body [hidden]{display:none!important}
#product-studio .admin-task-card{margin:0;padding:24px;border:1px solid var(--border,#d5deeb);border-radius:12px;background:var(--surface,#fff);min-width:0;scroll-margin-top:100px}
#product-studio .admin-task-card>h3{font-size:16px;margin:0 0 12px;line-height:1.5}
#product-studio .admin-help,#product-studio .admin-field-help{color:var(--soft,#65758b);font-size:12px;line-height:1.65;font-weight:400}
#product-studio .admin-field-help{display:block;margin-top:6px}
#product-studio .admin-guide{border-top:3px solid var(--accent,#10aec0);background:var(--surface,#fff)}
#product-studio .admin-guide>h3{font-size:20px;margin-bottom:6px}
#product-studio .admin-guide>.admin-help{font-size:14px;margin:0;max-width:75ch}
#product-studio .admin-steps{display:flex;flex-wrap:wrap;gap:16px 24px;padding:0;margin:20px 0;list-style:none}
#product-studio .admin-steps li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5}
#product-studio .admin-step-number{display:grid;place-items:center;background:var(--sel-bg,#e4f5f7);color:var(--sel-fg,#007e90);border-radius:50%;width:25px;height:25px;flex-shrink:0;font-weight:700}
#product-studio .admin-guide-details{border-top:1px solid var(--border,#d5deeb);padding-top:12px;font-size:12px;color:var(--soft,#65758b)}
#product-studio .admin-guide-details summary,#product-studio .admin-advanced summary{cursor:pointer;font-weight:600;padding:6px 0}
#product-studio .admin-section-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#product-studio .admin-section-links .btn{height:auto;min-height:32px;font-size:11px;padding:6px 10px}
#product-studio .admin-list-tools{display:flex;align-items:center;gap:12px;margin:16px 0}
#product-studio .admin-list-tools input{flex:1;max-width:420px}
#product-studio .admin-count{font-size:11px;color:var(--soft,#65758b);white-space:nowrap;font-weight:500}
#product-studio .admin-menu-list .tv-nav-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-bottom:1px solid var(--border,#d5deeb);padding:16px 0;margin:0}
#product-studio .admin-menu-list .tv-nav-row:last-child{border-bottom:0}
#product-studio .admin-menu-list .tv-nav-row>label:first-child{max-width:460px}
#product-studio .admin-check-row{display:flex!important;align-items:center!important;gap:10px;line-height:1.6;min-height:40px}
#product-studio .admin-check-row input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin:0}
#product-studio .admin-menu-preview{display:flex;flex-wrap:wrap;gap:8px}
#product-studio .admin-menu-preview span{padding:8px 12px;background:var(--sel-bg,#e4f5f7);border-radius:6px;font-size:12px;color:var(--sel-fg,#007e90)}
#product-studio .admin-location-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border,#d5deeb)}
#product-studio .admin-location-row strong{font-size:14px;overflow-wrap:anywhere}
#product-studio .admin-location-row small{display:block;font-size:11px;color:var(--soft,#65758b);margin-top:5px}
#product-studio .admin-contact-preview{display:grid;gap:10px;padding:20px;background:var(--surface-2,#f5f7fb);border-radius:8px;overflow-wrap:anywhere;font-size:13px}
#product-studio .admin-record-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:16px;list-style:none;background:var(--surface-2,#f5f7fb);border-radius:8px}
#product-studio .admin-record-editor>summary::-webkit-details-marker{display:none}
#product-studio .admin-record-editor>summary strong{display:block;font-size:14px;overflow-wrap:anywhere}
#product-studio .admin-record-editor>summary small{display:block;font-size:12px;font-weight:400;color:var(--soft,#65758b);margin-top:5px}
#product-studio .admin-edit-label{font-size:12px;color:var(--sel-fg,#007e90);flex-shrink:0}
#product-studio .admin-edit-label:after{content:' +';font-size:16px}
#product-studio .admin-record-editor[open]>.admin-record-body{padding:20px 4px 4px}
#product-studio .admin-record-editor[open]>summary .admin-edit-label:after{content:' −'}
#product-studio .admin-easy-body .tv-editor-row{display:block}
#product-studio .tv-editor-row .admin-record-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#product-studio .tv-editor-row .admin-record-body>.admin-advanced{grid-column:1/-1}
#product-studio .tv-editor-row .admin-record-body>button{justify-self:start}
#product-studio .admin-advanced{margin-top:16px;padding:12px;border:1px dashed var(--border,#d5deeb);border-radius:8px;font-size:12px}
#product-studio .admin-advanced[open]>.form-grid{margin-top:16px}
#product-studio .admin-stage-caption{font-weight:650;font-size:13px;margin:0;color:var(--sel-fg,#007e90)}
#product-studio .admin-native-multi{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
#product-studio .admin-native-multi select{width:1px!important;height:1px!important;min-height:1px!important;padding:0!important}
#product-studio .admin-picker{min-width:0;margin:0;padding:12px;border:1px solid var(--border,#d5deeb);border-radius:8px}
#product-studio .admin-picker legend{font-size:12px;font-weight:600;padding:0 5px;max-width:100%;overflow-wrap:anywhere}
#product-studio .admin-picker-tools{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
#product-studio .admin-picker-tools input{min-width:80px;flex:1;width:auto;font-size:12px}
#product-studio .admin-picker-tools .btn{padding:4px 8px;min-height:30px;height:auto;margin:0;font-size:11px}
#product-studio .admin-picker-options{display:grid;gap:2px;max-height:168px;overflow-y:auto;overscroll-behavior:contain}
#product-studio .admin-picker-option{display:flex!important;align-items:center!important;gap:10px;padding:8px;border-radius:5px;cursor:pointer;font-size:12px!important;font-weight:400!important}
#product-studio .admin-picker-option:hover{background:var(--surface-2,#f5f7fb)}
#product-studio .admin-picker-option input{width:16px!important;height:16px!important;flex-shrink:0;margin:0}
#product-studio .admin-picker-option span{overflow-wrap:anywhere}
#product-studio .admin-destructive{color:#b32637;border-color:#eac5cb}
#product-studio .admin-task-card .form-grid{gap:18px 24px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#product-studio .admin-task-card label{align-content:start}
#product-studio .wf-stage .admin-picker{grid-column:1/-1}
#product-studio .wf-stage .admin-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}
#product-studio .admin-task-card input,#product-studio .admin-task-card select,#product-studio .admin-task-card textarea{min-width:0;max-width:100%}
#product-studio .admin-task-card>p{line-height:1.65}
#product-studio .admin-task-card .row{flex-wrap:wrap;gap:10px}
#product-studio .admin-task-card details{min-width:0}
#product-studio .admin-task-card .btn{white-space:normal;height:auto;min-height:38px}
#product-studio .admin-easy-body :is(button,input,select,summary):focus-visible{outline:2px solid var(--accent,#10aec0);outline-offset:3px}
@media(max-width:760px){
 #product-studio .admin-easy-body{gap:14px}
 #product-studio.design-admin:has(.admin-easy-body) .head>div>p{display:none}
 #product-studio .admin-guide .admin-steps{display:none}
 #product-studio .admin-guide>.admin-help{font-size:12px}
 #product-studio .admin-guide-details{margin-top:12px}
 #product-studio .admin-section-links{display:none}
 #product-studio .admin-task-card{padding:16px}
 #product-studio .admin-guide>h3{font-size:18px}
 #product-studio .admin-steps{flex-direction:column;gap:10px}
 #product-studio .admin-menu-list .tv-nav-row{grid-template-columns:minmax(0,1fr);gap:8px}
 #product-studio .admin-task-card .form-grid{grid-template-columns:minmax(0,1fr)}
 #product-studio .admin-record-editor[open]>.admin-record-body{padding:16px 0 0}
 #product-studio .tv-editor-row .admin-record-body{grid-template-columns:minmax(0,1fr)}
 #product-studio .wf-stage .admin-picker-options{grid-template-columns:minmax(0,1fr)}
 #product-studio .admin-list-tools{flex-wrap:wrap}
 #product-studio .admin-task-card .row>label{min-width:0;flex-basis:100%}
 #product-studio .admin-task-card .btn{min-height:42px}
 #product-studio .admin-location-row .btn{flex-shrink:0}
}

/* Policy administration: bounded cards and readable mobile comparisons. */
.policy-card,.policy-field{border:1px solid var(--border,#d7dfed);border-radius:10px;padding:16px;margin:12px 0;min-width:0}
.policy-card summary,.policy-field summary,.policy-review summary{cursor:pointer;font-weight:600;padding:8px 0}
.policy-card fieldset{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.policy-card label,.policy-field label{display:block;margin:10px 0}
.policy-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.policy-compare>div{min-width:0}.policy-compare pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font-size:12px;background:#f4f6fb;padding:12px;border-radius:8px}
.policy-form-section{grid-column:1/-1;margin-bottom:0}.policy-review details{padding:8px;border-bottom:1px solid #d7dfed}
@media(max-width:700px){.policy-compare{grid-template-columns:1fr}.policy-card{padding:12px}.policy-card .form-grid{grid-template-columns:1fr}}
/* Publishing actions remain after the settings, rather than covering them. */
#product-studio .tv-publish-bar,.tv-publish-bar{position:static;bottom:auto;z-index:auto}
@media(max-width:900px){#product-studio .side,.grid2>.side{position:static;top:auto}}

/* Supplied One Ticket Less wordmarks and animated symbol. */
.sidebar .power-brand{flex-direction:column;align-items:flex-start;gap:9px}
.sidebar .power-brand .techvera-brand{width:100%;max-width:230px}
.sidebar .power-brand .techvera-brand img{width:100%;height:auto;max-height:44px;object-fit:contain}
.sidebar .olt-sidebar-identity{padding-left:0;min-width:0;width:100%}
.sidebar .olt-sidebar-identity .tv-company-copy strong{display:block;white-space:normal;overflow-wrap:anywhere}
.login-reference .login-brand .techvera-brand img{width:310px;max-width:100%;height:auto;max-height:65px}
.login-reference .login-brand-head{max-width:100%;min-width:0}
.login-reference .tv-reference-brand{align-items:center;gap:18px}
.brand-loader.tv-brand-loader.otl-brand-loader{width:32px!important;min-width:32px!important;height:32px!important}
.otl-brand-loader img{width:100%!important;height:100%!important;object-fit:contain;animation:none!important}
.otl-brand-loader .otl-loader-light{display:block}.otl-brand-loader .otl-loader-dark,.otl-brand-loader .otl-loader-still{display:none}
body.dark .otl-brand-loader .otl-loader-light,.btn.primary .otl-brand-loader .otl-loader-light{display:none}
body.dark .otl-brand-loader .otl-loader-dark,.btn.primary .otl-brand-loader .otl-loader-dark{display:block}
.startup .brand-loader.tv-brand-loader.otl-brand-loader{width:56px!important;min-width:56px!important;height:56px!important}
@media(prefers-reduced-motion:reduce){.otl-brand-loader img.otl-loader-light,.otl-brand-loader img.otl-loader-dark{display:none!important}.otl-brand-loader img.otl-loader-still{display:block!important}}
@media(max-width:760px){.login-reference .login-brand .techvera-brand img{width:250px}.login-reference .tv-reference-brand{gap:12px}}
.sidebar .power-brand{height:auto!important}.sidebar .power-brand>.techvera-brand,.sidebar .power-brand>.olt-sidebar-identity{flex:none}.sidebar .power-brand .olt-sidebar-identity{min-height:18px;height:auto;position:static}.sidebar .power-brand .olt-sidebar-identity .tv-company-copy{position:static;opacity:1;visibility:visible}

/* Startup occupies the viewport; loader artwork has no painted background. */
#app>.startup{box-sizing:border-box;min-height:100vh;min-height:100dvh;width:100%;margin:0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:transparent}#app>.startup>p{margin:0;color:var(--muted,#64748b);font-size:14px}.otl-brand-loader,.otl-brand-loader img{background:transparent!important;box-shadow:none;border:0}
/* Audit workspace: readable spacing and restrained evidence cards. */
#product-studio:has([data-readiness-content]) .design-existing-section{font-size:13px;line-height:1.65}#product-studio:has([data-readiness-content]) .design-existing-section>p{margin:12px 0}#product-studio [data-readiness-content] .ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px}#product-studio [data-readiness-content] .ops-card{padding:18px;border-top-width:2px;box-shadow:none}#product-studio [data-readiness-content] h3{font-size:15px;margin:0 0 10px}#product-studio [data-readiness-content] .ops-card p{margin:10px 0;line-height:1.65;font-size:12px}#product-studio:has([data-readiness-content]) .actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}#product-studio .content{align-self:start;min-height:0!important;padding-bottom:24px!important}#product-studio .design-settings-body{min-height:0!important;padding-bottom:16px!important}#product-studio #product-config-form{min-height:0!important;margin-bottom:0!important}#product-studio .pubbar{position:sticky!important;bottom:0;left:auto!important;right:auto!important;margin-top:18px;gap:10px;padding:14px 18px}#product-studio .layout{align-items:start!important}#product-studio .dir{max-height:calc(100dvh - 130px);align-self:start}@media(max-width:700px){#product-studio [data-readiness-content] .ops-grid{grid-template-columns:1fr}#product-studio .pubbar{flex-wrap:wrap}}
#product-studio.design-admin{padding-bottom:24px!important}#product-studio .wrap{align-items:start;min-height:0!important}#product-studio .content{padding-bottom:0!important}#product-studio .design-existing-section>h2{margin-bottom:12px}#product-studio .design-existing-section>p{line-height:1.65;margin:12px 0}