/* Studio 3.5: component-scoped presentation, after legacy compatibility styles. */
:root{--tm-muted:#6b647d;--tm-line:#e7e3ef}
:root[data-tm-theme=dark]{--tm-muted:#b9b0cd;--tm-line:#3b304f}
.tm-site .tm-catalog .tm-section-heading{flex-wrap:wrap;gap:22px}
.tm-site .tm-billing{flex-wrap:wrap;gap:3px;max-width:100%;flex-shrink:1;padding:6px;border-radius:12px}
.tm-site .tm-billing button{font-size:13px;padding:10px 14px;min-height:40px}
.tm-site .tm-billing button[aria-pressed=true]{background:var(--tm-accent);color:var(--tm-on-accent)}
.tm-site .tm-package{box-shadow:0 8px 26px #38281608;background:var(--tm-card);color:var(--tm-card-ink,var(--tm-ink));border-radius:16px;transition:box-shadow .2s,border-color .2s}
.tm-site .tm-package:hover{box-shadow:0 15px 36px #38281612;border-color:var(--tm-accent)}
.tm-site .tm-package .tm-package-name{padding:28px 25px 22px;display:flex;align-items:center;gap:16px}
.tm-site .tm-package-name h3{margin:0;letter-spacing:-.35px;font-size:20px}
.tm-site .tm-package .tm-product-icon{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:12px;float:none}
.tm-site .tm-package .tm-package-price{background:transparent;margin:0 25px;padding:23px 0 18px;border-top:1px solid var(--tm-line);border-bottom:0;min-height:126px;position:relative}
.tm-site .tm-package-price strong{color:var(--tm-card-ink,var(--tm-ink));font-size:clamp(24px,2.1vw,30px);font-weight:750;letter-spacing:-1px;line-height:1.25;font-variant-numeric:tabular-nums}
.tm-site .tm-package-price span,.tm-site .tm-package-price small{font-size:12px;color:var(--tm-muted);line-height:1.45;margin:6px 0 0}
.tm-site .tm-package-price .tm-saving{display:inline-block;background:var(--tm-soft);color:var(--tm-accent);border-radius:6px;font-weight:650;padding:4px 8px;margin:0 0 10px;font-size:11px}
.tm-site .tm-price-reference{max-width:240px}
.tm-site .tm-package .tm-package-buy{padding:0 25px 8px;margin-top:0}
.tm-site .tm-package-buy .tm-button{min-height:48px;box-shadow:none;border-radius:8px;background:var(--tm-accent);color:var(--tm-on-accent)!important}
.tm-site .tm-package .tm-package-features{padding:20px 25px 28px;margin:0}
.tm-site .tm-package-features li{font-size:14px;line-height:1.5;padding:7px 0;gap:12px}
.tm-site .tm-package-features i{font-size:14px;min-width:18px;text-align:center;margin-top:4px;color:var(--tm-accent)}
.tm-site .tm-package .tm-popular{top:-14px;padding:6px 17px;font-size:11px;width:auto;border-radius:20px;font-weight:700;color:var(--tm-on-accent)}
.tm-site .tm-packages-vertical-b .tm-package-name{border-left:4px solid var(--tm-accent);margin:25px 0 0;padding-top:0;padding-bottom:0}
.tm-site .tm-packages-vertical-b .tm-package-price{margin-top:24px}
.tm-site .tm-packages-vertical-c .tm-package-price{margin:0;padding:23px 25px;background:var(--tm-soft);border-bottom:1px solid var(--tm-line)}
.tm-site .tm-packages-vertical-c .tm-package-buy{order:4;padding:20px 25px 25px;border-top:1px solid var(--tm-line);margin-top:auto}
.tm-site .tm-packages[class*=horizontal] .tm-package-name{padding:0}
.tm-site .tm-packages[class*=horizontal] .tm-package-price{padding:0;margin:0;border:0;min-height:0}
.tm-site .tm-packages[class*=horizontal] .tm-package-features{padding:0}
.tm-site .tm-packages[class*=horizontal] .tm-package-buy{padding:0;margin:0}
/* Menu labels remain visible with badges, including keyboard-open menus. */
.tm-site .tm-menu-label{position:relative;min-width:0}
.tm-site .tm-menu-badge{display:inline-block;padding:3px 7px;border-radius:12px;background:var(--tm-badge-bg,var(--tm-accent));color:var(--tm-badge-ink,var(--tm-on-accent));font-size:9px;font-weight:750;line-height:1.1;letter-spacing:0;white-space:nowrap}
.tm-site .tm-nav>ul>li>a .tm-menu-badge,.tm-site .tm-nav>ul>li>details>summary .tm-menu-badge{position:absolute;bottom:calc(100% + 3px);left:0}
.tm-site .tm-header .tm-mega{left:50%;right:auto;transform:translateX(-50%);width:min(800px,calc(100vw - 40px));padding:16px;border-radius:14px;top:calc(100% + 10px);border-top:1px solid var(--tm-line)}
.tm-site .tm-header .tm-mega-three{width:min(1060px,calc(100vw - 40px))}
.tm-site .tm-mega-three>ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.tm-site .tm-mega>ul{gap:10px}
.tm-site .tm-mega li>a,.tm-site .tm-mega li>details>summary{padding:13px;min-height:86px;border-radius:10px;gap:13px;font-size:14px;font-weight:650;white-space:normal;position:relative}
.tm-site .tm-mega li>a>i,.tm-site .tm-mega li>details>summary>i:first-child{width:46px;height:48px;display:grid;place-items:center;border-radius:9px;background:var(--tm-soft);color:var(--tm-accent);flex-shrink:0;font-size:20px}
.tm-site .tm-mega small{font-size:12px;line-height:1.35;white-space:normal;margin-top:5px}
.tm-site .tm-mega .tm-menu-badge{position:static;margin-left:5px;vertical-align:middle}
.tm-site .tm-header .tm-mega .tm-mega{width:auto;transform:none;position:static;padding:10px 0;border:0}
.tm-site .tm-menu-promo{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--tm-line);background:var(--tm-soft);color:var(--tm-ink);padding:14px 16px;margin:14px -16px -16px;border-radius:0 0 14px 14px;font-size:13px;font-weight:600}
/* Editable account introduction. Form fields, captcha and validation stay native contracts. */
.tm-site .tm-auth{grid-template-columns:minmax(270px,.8fr) minmax(0,1.25fr);max-width:1180px;overflow:visible;border-radius:20px;box-shadow:0 12px 50px #38281607;margin:36px auto}
.tm-site .tm-auth>aside{background:var(--tm-auth-bg,#f3efff);color:var(--tm-auth-ink,#30234d);padding:48px 38px;border-radius:20px 0 0 20px;align-content:start;position:relative}
.tm-site .tm-auth>aside h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.3px;line-height:1.15;margin:28px 0 20px}
.tm-site .tm-auth>aside p{font-size:15px;line-height:1.8;color:inherit;opacity:.85;max-width:none;display:block}
.tm-site .tm-auth>aside .tm-eyebrow{color:inherit}
.tm-site .tm-auth-symbol{display:grid;place-items:center;width:86px;height:86px;border:1px solid currentColor;border-radius:24px;font-size:37px;margin:48px 0 28px;opacity:.7;transform:rotate(-6deg)}
.tm-site .tm-auth>aside .tm-auth-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:inherit;border:1px solid currentColor;border-radius:9px;padding:14px 16px;margin-top:35px;font-weight:600}
.tm-site .tm-auth-form{padding:35px;min-width:0;color:var(--tm-ink)}
.tm-site .tm-auth .card-body{padding:18px 0!important;overflow:visible;min-width:0}
.tm-site .tm-auth .card{overflow:visible;min-width:0;max-width:100%!important}
.tm-site .tm-auth .card-footer{padding:22px 0!important}
.tm-site .tm-auth .row{margin-left:-8px;margin-right:-8px}
.tm-site .tm-auth .row>[class*=col-]{padding-left:8px;padding-right:8px;min-width:0}
.tm-site .tm-auth .form-control,.tm-site .tm-auth input.field,.tm-site .tm-auth select.field{min-height:46px;background:var(--tm-card);border:1px solid var(--tm-line);border-radius:8px;color:var(--tm-ink);max-width:100%;box-sizing:border-box}
.tm-site .tm-auth .input-group .form-control{min-width:0}
.tm-site .tm-auth .input-group-text{background:var(--tm-soft);border-color:var(--tm-line);color:var(--tm-accent)}
.tm-site .tm-auth #registration h3{font-size:16px;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--tm-line)}
.tm-site .tm-auth #registration .card+.card{margin-top:10px!important}
.tm-site .tm-auth #registration .field-icon{color:var(--tm-muted)}
.tm-site .tm-auth #registration .intl-tel-input{width:100%;min-width:0}
.tm-site .tm-auth .login-form #login{min-width:130px;min-height:46px;border-radius:8px}
.tm-site .tm-auth #registration input[type=submit]{min-height:48px;padding:12px 36px;border-radius:9px}
.tm-site .tm-auth-form-heading{padding:12px 0 22px;border-bottom:1px solid var(--tm-line);margin-bottom:14px}
.tm-site .tm-auth-form-heading h2{font-size:28px;letter-spacing:-.6px}
.tm-site .tm-auth-form-heading p{color:var(--tm-muted);font-size:14px}
.tm-site .tm-auth-centered{display:block;max-width:760px}
.tm-site .tm-auth-centered>aside{border-radius:20px 20px 0 0;padding:28px 35px}
.tm-site .tm-auth-centered .tm-auth-symbol{display:none}
.tm-site .tm-auth-centered>aside h1{font-size:28px;margin:15px 0}
.tm-site .tm-auth-centered>aside .tm-auth-switch{display:inline-flex;margin:12px 0 0}
:root[data-tm-theme=dark] .tm-site .tm-auth>aside{background:var(--tm-auth-dark-bg,#251c38);color:var(--tm-auth-dark-ink,#f3efff)}
/* Footer variants: deliberately scoped more specifically than shared legacy rules. */
.tm-site .tm-footer .tm-footer-grid{display:flex;flex-wrap:wrap;gap:40px;padding:48px 0}
.tm-site .tm-footer .tm-footer-brand{flex:1.5;min-width:220px;max-width:340px}
.tm-site .tm-footer .tm-footer-column{flex:1;min-width:130px}
.tm-site .tm-footer .tm-contact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px 0;margin:0;position:static}
.tm-site .tm-footer .tm-contact-strip>a{display:flex;align-items:center;gap:16px;margin:0;padding:20px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff06;min-width:0;color:#e9e3df}
.tm-site .tm-footer .tm-contact-strip b{color:#fff}
.tm-site .tm-footer .tm-footer-column h3,.tm-site .tm-footer .tm-footer-column h3 a{color:#fff}
.tm-site .tm-footer-a{background:#25211e;border-top:0}
.tm-site .tm-footer-b{background:var(--tm-card);color:var(--tm-ink);border-top:4px solid var(--tm-accent)}
.tm-site .tm-footer-b .tm-contact-strip>a{background:var(--tm-soft);border-color:var(--tm-line);color:var(--tm-ink);box-shadow:0 8px 22px #38281608}
.tm-site .tm-footer-b .tm-footer-grid{padding-top:30px}
.tm-site .tm-footer-c{background:#242321;padding-top:20px}
.tm-site .tm-footer-c .tm-footer-grid{gap:25px;padding:28px 0}
.tm-site .tm-footer-c .tm-footer-brand{flex-basis:100%;max-width:none;display:flex;align-items:center;gap:24px}
.tm-site .tm-footer-c .tm-footer-brand p{margin:0;max-width:500px}
.tm-site .tm-footer-c .tm-footer-column ul{display:flex;flex-wrap:wrap;gap:0 16px}
.tm-site .tm-footer-c .tm-contact-strip>a{padding:12px 0;background:none;border:0;box-shadow:none}
.tm-site .tm-footer-c .tm-footer-column h3{margin-bottom:10px}
.tm-site .tm-footer-d{background:#2f241e;border-top:5px solid var(--tm-accent)}
.tm-site .tm-footer-d .tm-footer-brand{flex-basis:100%;max-width:none;display:flex;align-items:center;gap:35px;padding:0 0 32px;border-bottom:1px solid #ffffff26}
.tm-site .tm-footer-d .tm-footer-brand p{margin:0;max-width:470px}
.tm-site .tm-footer-d .tm-socials{margin-left:auto}
.tm-site .tm-footer-e{background:var(--tm-card);color:var(--tm-ink);border-top:1px solid var(--tm-line)}
.tm-site .tm-footer-e .tm-contact-strip{order:2;border-top:1px solid var(--tm-line);border-bottom:0}
.tm-site .tm-footer-e>.container{display:flex;flex-direction:column}
.tm-site .tm-footer-e .tm-footer-bottom{order:3}
.tm-site .tm-footer-e .tm-contact-strip>a{border:0;background:transparent;color:var(--tm-ink)}
.tm-site .tm-footer-b .tm-brand,.tm-site .tm-footer-e .tm-brand{color:var(--tm-ink)!important}
.tm-site .tm-footer-b .tm-footer-column h3,.tm-site .tm-footer-b .tm-footer-column h3 a,.tm-site .tm-footer-e .tm-footer-column h3,.tm-site .tm-footer-e .tm-footer-column h3 a,.tm-site .tm-footer-b .tm-contact-strip b,.tm-site .tm-footer-e .tm-contact-strip b{color:var(--tm-ink)}
.tm-site .tm-footer-b .tm-footer-column ul a,.tm-site .tm-footer-e .tm-footer-column ul a,.tm-site .tm-footer-b p,.tm-site .tm-footer-e p,.tm-site .tm-footer-b .tm-footer-bottom,.tm-site .tm-footer-e .tm-footer-bottom,.tm-site .tm-footer-b .tm-footer-bottom a,.tm-site .tm-footer-e .tm-footer-bottom a{color:var(--tm-muted);border-color:var(--tm-line)}
.tm-site .tm-footer-b .tm-socials a,.tm-site .tm-footer-e .tm-socials a{background:var(--tm-soft);color:var(--tm-accent);border-color:var(--tm-line)}
.tm-site .tm-footer-b .tm-logo-light,.tm-site .tm-footer-e .tm-logo-light{display:block}
.tm-site .tm-footer-b .tm-logo-dark,.tm-site .tm-footer-e .tm-logo-dark{display:none}
:root[data-tm-theme=dark] .tm-site .tm-footer-b .tm-logo-light,:root[data-tm-theme=dark] .tm-site .tm-footer-e .tm-logo-light{display:none}
:root[data-tm-theme=dark] .tm-site .tm-footer-b .tm-logo-dark,:root[data-tm-theme=dark] .tm-site .tm-footer-e .tm-logo-dark{display:block}
.tm-site .tm-footer-f{background:#241f1b;padding-top:34px}
.tm-site .tm-footer-f .tm-contact-strip{padding:25px;background:var(--tm-soft);border:0;border-radius:18px}
.tm-site .tm-footer-f .tm-contact-strip>a{background:var(--tm-card);color:var(--tm-ink);border-color:var(--tm-line);padding:23px 18px}
.tm-site .tm-footer-f .tm-contact-strip b{color:var(--tm-ink)}
/* Own client overview with WHMCS-provided, permission-filtered panel data. */
.tm-client-hub{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;margin:25px 0 40px}
.tm-hub-nav{background:var(--tm-card);border:1px solid var(--tm-line);border-radius:16px;padding:24px 14px;align-self:start;display:flex;flex-direction:column;gap:7px}
.tm-hub-nav>span{padding:8px 12px;font-weight:700;font-size:15px}
.tm-hub-nav>a{padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--tm-ink)}
.tm-hub-nav>a:hover,.tm-hub-nav>a[aria-current=page]{background:var(--tm-soft);color:var(--tm-accent)}
.tm-hub-main{min-width:0}.tm-hub-hero{padding:30px;border:1px solid var(--tm-line);border-radius:16px;background:var(--tm-soft);margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.tm-hub-hero h1{font-size:29px;letter-spacing:-.8px;margin:10px 0}.tm-hub-hero p{color:var(--tm-muted);font-size:14px;margin:0;max-width:600px}
.tm-hub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}
.tm-hub-stats>a{background:var(--tm-card);border:1px solid var(--tm-line);border-radius:13px;padding:23px 18px;color:var(--tm-ink);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
.tm-hub-stats i{font-size:22px;color:var(--tm-accent)}.tm-hub-stats strong{font-size:29px;font-weight:750}.tm-hub-stats span{grid-column:1/-1;color:var(--tm-muted);font-size:13px}
.tm-hub-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tm-hub-panel{border:1px solid var(--tm-line);background:var(--tm-card);border-radius:14px;overflow:hidden;min-width:0}.tm-hub-panel-wide{grid-column:1/-1}
.tm-hub-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--tm-line)}.tm-hub-panel h2{font-size:16px;margin:0}.tm-hub-panel header>a{font-size:12px;color:var(--tm-accent);font-weight:600}.tm-hub-panel>footer:empty{display:none}.tm-hub-panel>footer,.tm-hub-panel-body{padding:18px 20px;font-size:14px}
.tm-hub-panel .list-group-item{color:var(--tm-ink);background:transparent;border-color:var(--tm-line);font-size:14px;padding:16px 20px}.tm-hub-panel .list-group-item:hover{background:var(--tm-soft)}
@media(min-width:992px){.tm-site .tm-auth-register .col-sm-4{flex:0 0 50%;max-width:50%}.tm-site .tm-auth-register .col-sm-4:last-child{flex-basis:100%;max-width:100%}}
@media(max-width:1199px){.tm-client-hub{grid-template-columns:190px minmax(0,1fr);gap:20px}.tm-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-hub-hero{flex-wrap:wrap}}
@media(max-width:991px){.tm-site .tm-header .tm-mega{width:auto;position:static;transform:none;margin-top:12px;border-radius:12px}.tm-site .tm-mega-three>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-site .tm-nav>ul>li>a .tm-menu-badge,.tm-site .tm-nav>ul>li>details>summary .tm-menu-badge{position:static;margin-left:7px}.tm-site .tm-footer .tm-contact-strip{gap:10px}.tm-site .tm-footer .tm-contact-strip>a{padding:16px;flex-wrap:wrap}.tm-site .tm-auth{grid-template-columns:minmax(220px,.65fr) minmax(0,1fr)}.tm-site .tm-auth>aside{padding:32px 25px}.tm-site .tm-auth-form{padding:25px}.tm-hub-panels{grid-template-columns:1fr}}
@media(max-width:767px){.tm-site .tm-auth{display:block}.tm-site .tm-auth>aside{border-radius:20px 20px 0 0;padding:26px}.tm-site .tm-auth-symbol{display:none}.tm-site .tm-auth>aside h1{margin:18px 0}.tm-site .tm-auth>aside p{display:block}.tm-site .tm-footer .tm-contact-strip{grid-template-columns:1fr}.tm-site .tm-footer .tm-contact-strip>a{flex-wrap:nowrap}.tm-site .tm-footer-d .tm-footer-brand,.tm-site .tm-footer-c .tm-footer-brand{display:block}.tm-site .tm-footer .tm-footer-brand p{margin:20px 0}.tm-site .tm-footer-d .tm-socials{margin-left:0}.tm-client-hub{grid-template-columns:1fr}.tm-hub-nav{flex-direction:row;flex-wrap:wrap;padding:10px;gap:3px}.tm-hub-nav>span{width:100%}.tm-hub-nav>a{font-size:12px;padding:9px}.tm-site .tm-mega-three>ul{grid-template-columns:1fr}}
@media(max-width:991px){.tm-site .tm-auth{display:block}.tm-site .tm-auth>aside{border-radius:20px 20px 0 0}.tm-site .tm-auth-symbol{display:none}}
@media(max-width:479px){.tm-site .tm-auth-form{padding:20px}.tm-site .tm-auth .row>.col-sm-4{flex:0 0 100%;max-width:100%}.tm-hub-hero{padding:22px}.tm-hub-stats>a{padding:18px 14px}.tm-site .tm-mega>ul{grid-template-columns:1fr}}