/* Scoped customer cabinet and support. Public/auth/admin styles are unchanged. */
.mt-cabinet { --mtr-font-display: var(--mtr-font-text); grid-template-columns: 248px minmax(0,1fr); }
.mt-cabinet .mt-sidebar { background: var(--mt-color-background-surface); }
.mt-cabinet .mt-sidebar .mt-brand { padding-inline: 8px; }
.mt-cabinet .mt-side-nav a { min-height: 48px; }
.mt-cabinet .mt-app-main { width: 100%; }
.mt-cabinet .mt-app-topbar { padding-inline: 32px; gap: 16px; min-height: 92px; background: var(--mt-color-background-canvas); backdrop-filter: none; }
.mt-cabinet .mt-app-topbar h1 { font-size: 28px; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.25; }
.mt-cabinet .mt-app-topbar h1:focus { outline: none; }
.mt-cabinet #pageDescription { font-size: 14px; margin-top: 4px; }
.mt-cabinet .mt-connection-pill { background: transparent; border: 0; color: var(--mt-color-text-secondary); font-size: 13px; padding-inline: 8px; }
.mt-cabinet .mt-view { width: 100%; max-width: 1400px; padding: 28px 32px 64px; margin-inline: auto; gap: 24px; }
.mt-cabinet .mt-card { padding: 24px; border-radius: 18px; box-shadow: none; min-width: 0; }
.mt-cabinet .mt-button-primary { box-shadow: none; }
.mt-cabinet .mt-button, .mt-cabinet .mt-text-button, .mt-cabinet .mt-icon-button, .mt-cabinet .mt-list-actions button { min-height: 44px; }
.mt-cabinet .mt-text-button { white-space: normal; text-align: start; display: inline-flex; align-items: center; gap: 8px; }
.mt-cabinet .mt-card-head { align-items: flex-start; gap: 16px; }
.mt-cabinet .mt-card-head > div { min-width: 0; }
.mt-cabinet .mt-card-head h2, .mt-cabinet .mt-card h3 { font-size: 19px; line-height: 1.35; }
.mt-cabinet .mt-card-head p { font-size: 14px; }
.mt-cabinet .mt-section-head h2 { font-size: 24px; line-height: 1.3; }
.mt-cabinet .mt-section-head p { max-width: 58ch; }
.mt-cabinet h2, .mt-cabinet h3, .mt-cabinet p, .mt-cabinet strong { overflow-wrap: anywhere; }
.mt-cabinet .mt-dashboard { grid-template-columns: minmax(0,1fr) 280px; gap: 24px; }
.mt-cabinet .mt-dashboard-main, .mt-cabinet .mt-rail { gap: 24px; }
.mt-cabinet .mt-connection-hero { grid-template-areas: 'copy art' 'facts facts'; grid-template-columns: minmax(0,1fr) 176px; gap: 24px; background: var(--mt-color-background-surface); }
.mt-cabinet .mt-connection-hero h2 { font-size: 29px; margin: 0 0 12px; }
.mt-cabinet .mt-connection-hero > div > p { font-size: 15px; margin: 12px 0 20px; }
.mt-cabinet .mt-connection-hero .mt-actions { gap: 10px; }
.mt-cabinet .mt-connection-hero .mt-route-svg { width: 100%; max-width: 176px; }
.mt-cabinet .mt-hero-facts { border-top: 1px solid var(--mt-color-border-subtle); padding-top: 20px; margin: 0; gap: 16px; }
.mt-cabinet .mt-hero-facts .mt-tile { background: transparent; border: 0; padding: 0; border-radius: 0; gap: 8px; }
.mt-cabinet .mt-hero-facts dt { font-size: 13px; color: var(--mt-color-text-secondary); }
.mt-cabinet .mt-hero-facts dd { font-size: 16px; font-weight: 650; margin: 0; line-height: 1.4; }
.mt-cabinet .mt-hero-facts b { font-weight: inherit; }
.mt-cabinet-overview-lists { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.mt-cabinet-overview-lists > .mt-card { display: flex; flex-direction: column; }
.mt-cabinet-overview-lists > .mt-card > .mt-text-button { margin-top: auto; padding-top: 16px; }
.mt-cabinet .mt-overview-device { padding: 0; background: transparent; border: 0; align-items: flex-start; gap: 12px; }
.mt-cabinet .mt-device-icon { flex-shrink: 0; width: 40px; height: 40px; }
.mt-cabinet .mt-device-icon svg { width: 22px; height: 22px; }
.mt-cabinet .mt-list-main { min-width: 0; }
.mt-cabinet .mt-list-main span { overflow-wrap: anywhere; font-size: 13px; line-height: 1.6; }
.mt-cabinet .mt-activity-item { gap: 12px; }
.mt-cabinet .mt-activity-item > span { width: 32px; height: 32px; flex-shrink: 0; }
.mt-cabinet .mt-activity-item svg { width: 18px; height: 18px; }
.mt-cabinet .mt-activity-item strong { font-size: 14px; }
.mt-cabinet .mt-activity-item small { font-size: 13px; }
.mt-cabinet .mt-cabinet-start .mt-quickstart-list { margin: 24px 0; }
.mt-cabinet .mt-cabinet-start .mt-button + .mt-button { margin-top: 12px; }
.mt-cabinet-location-link { display: flex; align-items: center; gap: 12px; min-height: 72px; padding: 12px 8px; text-align: start; border: 0; background: transparent; color: var(--mt-color-text-primary); font-size: 14px; cursor: pointer; }
.mt-cabinet-location-link > svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--mt-color-text-accent); }
.mt-cabinet-location-link > svg:last-child { margin-left: auto; }
.mt-cabinet-location-link small { display: block; margin-top: 4px; color: var(--mt-color-text-secondary); font-size: 13px; }
.mt-cabinet .mt-support-rail { padding: 18px; }
.mt-cabinet .mt-support-rail small { font-size: 13px; }
.mt-cabinet #locationGrid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; }
.mt-cabinet #locationGrid > .mt-empty-state { grid-column: 1/-1; }
.mt-cabinet-country { display: grid; justify-items: center; gap: 12px; padding: 18px 8px; border: 1px solid var(--mt-color-border-subtle); border-radius: 12px; text-align: center; align-content: start; }
.mt-cabinet-country .mt-flag { width: 40px; height: 40px; font-size: 12px; }
.mt-cabinet-country strong { font-size: 13px; line-height: 1.45; }
.mt-cabinet-country small { font-size: 12px; color: var(--mt-color-status-success); margin-top: auto; }
.mt-cabinet-country.is-offline small { color: var(--mt-color-status-warning); }
.mt-cabinet .mt-two-column { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.mt-cabinet #connection .mt-card-head:first-child { flex-wrap: wrap; }
.mt-cabinet #subscriptionUrl { color: var(--mt-color-text-secondary); font-family: var(--mtr-font-text); font-size: 14px; line-height: 1.5; }
.mt-cabinet .mt-secret-field { padding: 16px; border-radius: 12px; }
.mt-cabinet .mt-secret-field > svg { flex-shrink: 0; }
.mt-cabinet-advanced { margin-top: 24px; border-top: 1px solid var(--mt-color-border-subtle); }
.mt-cabinet-advanced > summary { min-height: 52px; padding-block: 16px; cursor: pointer; font-weight: 600; font-size: 14px; }
.mt-cabinet-advanced p { font-size: 14px; margin-bottom: 16px; max-width: 58ch; }
.mt-cabinet-advanced .mt-card-actions { display: grid; justify-items: start; gap: 12px; }
.mt-cabinet .mt-cabinet-instructions h2 { font-size: 20px; }
.mt-cabinet .mt-cabinet-instructions .mt-steps-vertical { margin-top: 24px; }
.mt-cabinet .mt-cabinet-instructions small { font-size: 14px; line-height: 1.65; }
.mt-cabinet-safety { display: flex; align-items: flex-start; gap: 12px; padding: 16px 0; font-size: 14px; }
.mt-cabinet-safety svg { width: 20px; height: 20px; flex-shrink: 0; }
.mt-cabinet .mt-profile-layout { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 24px; }
.mt-cabinet .mt-profile-card { align-self: start; }
.mt-cabinet .mt-profile-identity { gap: 16px; }
.mt-cabinet .mt-profile-label { display: none; }
.mt-cabinet .mt-profile-identity .mt-avatar { width: 44px; height: 44px; font-size: 18px; border-radius: 14px; box-shadow: none; background: var(--mt-color-action-primary); }
.mt-cabinet .mt-profile-identity h3 { font-size: 20px; }
.mt-cabinet .mt-security-head { padding-bottom: 20px; }
.mt-cabinet .mt-security-summary { padding-block: 16px; }
.mt-cabinet .mt-security-summary span { font-size: 12px; }
.mt-cabinet .mt-security-summary strong { font-size: 16px; }
.mt-cabinet .mt-session-region-head { padding-top: 20px; }
.mt-cabinet #revokeOtherSessions { margin-top: 20px; white-space: normal; text-align: center; }
.mt-cabinet #revokeOtherSessions:disabled { display: none; }
.mt-cabinet .mt-session-list .mt-list-row { padding-block: 16px; }
.mt-cabinet-preferences { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.mt-cabinet-preferences .mt-theme-switch { max-width: 360px; flex: 1 1 280px; }
.mt-cabinet .mt-theme-switch button { min-height: 44px; }
.mt-cabinet .mt-support-layout { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: 24px; }
.mt-cabinet .mt-form label input, .mt-cabinet .mt-form textarea { font-size: 16px; }
.mt-cabinet .mt-form textarea { min-height: 180px; }
.mt-cabinet .mt-feedback:empty { display: none; }
.mt-cabinet .mt-ticket-row { background: transparent; border: 1px solid var(--mt-color-border-subtle); border-radius: 12px; padding: 16px; }
.mt-cabinet .mt-ticket-summary { gap: 12px; flex-wrap: wrap; }
.mt-cabinet .mt-ticket-message { max-width: 94%; font-size: 14px; }
.mt-cabinet .mt-ticket-message p { overflow-wrap: anywhere; white-space: pre-wrap; }
.mt-cabinet .mt-ticket-message time { font-size: 12px; }
.mt-cabinet .mt-ticket-reply { background: transparent; color: var(--mt-color-text-primary); justify-self: stretch; }
.mt-cabinet .mt-ticket-reply label { display: grid; gap: 8px; font-size: 14px; }
.mt-cabinet .mt-ticket-reply textarea { width: 100%; min-height: 88px; padding: 12px; border: 1px solid var(--mt-color-border-strong); border-radius: 12px; background: var(--mt-color-background-surface); color: var(--mt-color-text-primary); font: inherit; resize: vertical; }
.mt-cabinet .mt-ticket-reply button { justify-self: end; }
.mt-cabinet-notice { margin: 20px 32px 0; padding: 16px; border: 1px solid var(--mt-color-border-strong); border-radius: 12px; color: var(--mt-color-text-secondary); font-size: 14px; }
.mt-cabinet-load-error { max-width: 440px; padding: 24px; text-align: center; }
.mt-cabinet-load-error h2 { font-size: 24px; margin-bottom: 16px; }
.mt-cabinet-load-error p { margin-bottom: 24px; }
.mt-cabinet-load-error .mt-text-button { display: flex; justify-content: center; margin-top: 16px; min-height: 44px; }
#loadingProgress { display: grid; justify-items: center; gap: 20px; }
.mt-page-account .mt-dialog { border-radius: 20px; }
.mt-page-account .mt-dialog .mt-button { min-height: 44px; box-shadow: none; }
.mt-page-account .mt-dialog-close { min-width: 44px; min-height: 44px; }
.mt-page-account .mt-dialog-close svg { width: 20px; height: 20px; }
.mt-page-account .mt-dialog input { font-size: 16px; }
.mt-page-account .mt-term-option { min-height: 84px; padding: 16px 10px; }
.mt-page-account .mt-term-option span { font-size: 14px; }
.mt-page-account .mt-term-option em { position: static; font-size: 12px; padding: 4px 6px; box-shadow: none; white-space: normal; }
.mt-page-account .mt-term-option strong { font-size: 18px; }
.mt-page-account .mt-term-option.is-selected { box-shadow: none; }
.mt-page-account .mt-vpn-plan-card { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.mt-cabinet-selected-price { margin: 20px 0 8px; font-size: 17px; color: var(--mt-color-text-accent); font-weight: 650; }
@media(max-width:1200px) {
  .mt-cabinet .mt-dashboard { grid-template-columns: minmax(0,1fr); }
  .mt-cabinet .mt-rail { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mt-cabinet .mt-cabinet-start { grid-row: span 2; }
  .mt-cabinet #locationGrid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mt-cabinet .mt-support-layout, .mt-cabinet .mt-profile-layout { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:1080px) {
  .mt-cabinet { grid-template-columns: minmax(0,1fr); }
  .mt-cabinet .mt-sidebar { display: none; }
  .mt-cabinet .mt-view { padding-bottom: calc(104px + env(safe-area-inset-bottom,0px)); }
  .mt-cabinet .mt-mobile-nav { display: flex; }
  .mt-cabinet .mt-mobile-nav a { flex: 1; min-width: 0; min-height: 60px; font-size: 12px; gap: 6px; }
  .mt-cabinet .mt-mobile-utility { display: flex; }
}
@media(max-width:760px) {
  .mt-cabinet .mt-app-topbar { min-height: 76px; padding: 12px 16px; }
  .mt-cabinet .mt-app-topbar h1 { font-size: 23px; }
  .mt-cabinet #pageDescription { display: none; }
  .mt-cabinet .mt-view { padding: 20px 16px calc(104px + env(safe-area-inset-bottom,0px)); gap: 20px; }
  .mt-cabinet .mt-card { padding: 20px; }
  .mt-cabinet .mt-connection-hero { grid-template-areas: 'copy' 'facts'; grid-template-columns: minmax(0,1fr); gap: 20px; }
  .mt-cabinet .mt-connection-hero .mt-route-svg { display: none; }
  .mt-cabinet .mt-connection-hero h2 { font-size: 26px; }
  .mt-cabinet .mt-connection-hero .mt-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .mt-cabinet .mt-hero-facts { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .mt-cabinet .mt-hero-facts .mt-tile { display: grid; align-content: start; }
  .mt-cabinet .mt-hero-facts dt { font-size: 12px; }
  .mt-cabinet .mt-hero-facts dd { font-size: 14px; }
  .mt-cabinet-overview-lists, .mt-cabinet .mt-two-column, .mt-cabinet .mt-rail { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .mt-cabinet .mt-cabinet-start { grid-row: auto; }
  .mt-cabinet #locationGrid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .mt-cabinet-country { padding: 14px 8px; gap: 8px; }
  .mt-cabinet #connection .mt-card-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .mt-cabinet #connection .mt-card-actions .mt-button { width: 100%; }
  .mt-cabinet #subscription .mt-section-head { flex-direction: column; }
  .mt-cabinet .mt-section-head h2 { font-size: 22px; }
  .mt-cabinet .mt-security-summary { display: none; }
  .mt-cabinet .mt-session-region-head > span { display: none; }
  .mt-cabinet #revokeOtherSessions { width: 100%; }
  .mt-cabinet-preferences { display: grid; gap: 16px; }
  .mt-cabinet-preferences .mt-theme-switch { max-width: none; }
  .mt-cabinet .mt-list-row { flex-wrap: wrap; align-items: flex-start; gap: 12px; }
  .mt-cabinet .mt-list-actions { flex-shrink: 0; }
  .mt-cabinet .mt-form-meta { line-height: 1.6; }
  .mt-cabinet .mt-support-categories { gap: 8px; }
  .mt-cabinet .mt-support-categories span { padding-inline: 12px; }
  .mt-cabinet #supportSubmit { width: 100%; }
  .mt-cabinet .mt-ticket-message { max-width: 100%; padding: 12px; }
  .mt-cabinet .mt-ticket-summary { display: grid; grid-template-columns: minmax(0,1fr); }
  .mt-cabinet .mt-ticket-summary em { justify-self: start; }
  .mt-cabinet-notice { margin-inline: 16px; }
  .mt-page-account .mt-dialog { border-radius: 20px 20px 0 0; }
}
@media(prefers-reduced-motion:reduce) {
  .mt-cabinet *, .mt-dialog * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Scoped connection release: existing live styles retained above. */
.mt-cabinet #connection { max-width: 1184px; gap: 20px; }
.mt-cabinet #locationGrid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.mt-cabinet #locationGrid > .mt-empty-state { grid-column: 1/-1; }
.mt-cabinet-country { display: grid; grid-template-columns: auto minmax(0,1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; row-gap: 3px; min-width: 0; padding: 12px; border: 1px solid var(--mt-color-border-subtle); border-radius: 12px; text-align: start; background: color-mix(in srgb,var(--mt-color-background-surface-raised) 36%,transparent); }
.mt-cabinet-country .mt-flag { grid-row: 1/3; width: 38px; height: 38px; font-size: 11px; border-radius: 10px; }
.mt-cabinet-country strong { font-size: 13px; line-height: 1.35; }
.mt-cabinet-country small { font-size: 11px; line-height: 1.35; color: var(--mt-color-status-success); }
.mt-cabinet-country.is-offline small { color: var(--mt-color-status-warning); }
.mt-cabinet .mt-manual-connection { padding: 0 !important; overflow: hidden; }
.mt-cabinet .mt-manual-connection .mt-cabinet-advanced { margin: 0; border: 0; }
.mt-cabinet .mt-manual-connection summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 16px; min-height: 86px; padding: 16px 20px; list-style: none; cursor: pointer; }
.mt-cabinet .mt-manual-connection summary::-webkit-details-marker { display: none; }
.mt-cabinet .mt-manual-icon,.mt-cabinet .mt-location-icon { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 13px; background: var(--mt-color-action-primary-soft); color: var(--mt-color-text-accent); }
.mt-cabinet .mt-manual-icon svg,.mt-cabinet .mt-location-icon svg { width: 22px; height: 22px; }
.mt-cabinet .mt-manual-copy { display: grid; gap: 4px; min-width: 0; }
.mt-cabinet .mt-manual-copy strong { color: var(--mt-color-text-primary); font-size: 16px; }
.mt-cabinet .mt-manual-copy small { color: var(--mt-color-text-secondary); font-size: 13px; line-height: 1.45; }
.mt-cabinet .mt-manual-action { display: inline-flex; align-items: center; gap: 8px; color: var(--mt-color-text-secondary-strong); font-size: 13px; white-space: nowrap; }
.mt-cabinet .mt-manual-action svg { width: 18px; height: 18px; transition: transform var(--mt-duration-normal) var(--mt-easing-standard); }
.mt-cabinet .mt-manual-connection details[open] .mt-manual-action svg { transform: rotate(90deg); }
.mt-cabinet .mt-manual-body { padding: 22px 20px 24px 80px; border-top: 1px solid var(--mt-color-border-subtle); }
.mt-cabinet .mt-cabinet-locations { padding: 20px; }
.mt-cabinet .mt-cabinet-locations .mt-card-head { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 16px; }
.mt-cabinet .mt-cabinet-locations .mt-card-head > div { flex: 1 1 auto; }
.mt-cabinet .mt-cabinet-locations .mt-card-head h2 { font-size: 18px; }
.mt-cabinet .mt-cabinet-locations .mt-card-head p { margin-top: 3px; }
.mt-cabinet-safety { display: flex; align-items: flex-start; gap: 12px; padding: 8px 2px 16px; color: var(--mt-color-text-secondary); font-size: 13px; }
@media(max-width:760px) {
  .mt-cabinet .mt-manual-connection summary { grid-template-columns: auto minmax(0,1fr) auto; min-height: 82px; padding: 14px 16px; gap: 12px; }
  .mt-cabinet .mt-manual-connection #profileBadge { display: none; }
  .mt-cabinet .mt-manual-action { font-size: 0; }
  .mt-cabinet .mt-manual-action svg { width: 20px; height: 20px; }
  .mt-cabinet .mt-manual-body { padding: 20px 16px 22px; }
  .mt-cabinet .mt-cabinet-locations { padding: 18px 16px; overflow: hidden; }
  .mt-cabinet .mt-cabinet-locations .mt-card-head { align-items: flex-start; }
}
@media(max-width:340px) {
  .mt-cabinet:has(#connection:not([hidden])) .mt-mobile-nav a { gap: 4px; padding-inline: 2px; font-size: 10px; letter-spacing: -.015em; }
  .mt-cabinet #connection.mt-view { padding-inline: 12px; }
}
@media(max-width:1080px) and (max-height:500px) and (orientation:landscape) {
  .mt-cabinet:has(#connection:not([hidden])) .mt-app-topbar { min-height: 64px; padding: 8px 20px; }
  .mt-cabinet:has(#connection:not([hidden])) .mt-app-topbar h1 { font-size: 22px; }
  .mt-cabinet:has(#connection:not([hidden])) #pageDescription { display: none; }
  .mt-cabinet #connection.mt-view { padding: 12px 20px calc(104px + env(safe-area-inset-bottom,0px)); }
}
/* Connection: link first, followed by device-specific instructions. */
.mt-cabinet .mt-connect-link,
.mt-cabinet .mt-connect-guide { padding: 28px; border-radius: 16px; }
.mt-cabinet .mt-connect-link { border-color: var(--mt-component-portal-hero-border); }
.mt-cabinet .mt-connect-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mt-cabinet .mt-connect-heading h2,
.mt-cabinet .mt-connect-guide > h2 { margin: 0; font-size: 24px; line-height: 1.3; letter-spacing: -.02em; }
.mt-cabinet .mt-connect-heading .mt-status { flex-shrink: 0; margin-top: 3px; }
.mt-cabinet .mt-connect-intro { margin: 8px 0 20px; color: var(--mt-color-text-secondary-strong); font-size: 15px; line-height: 1.5; }
.mt-connect-url-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mt-cabinet #subscriptionUrl.mt-connect-url { display: block; width: 100%; min-width: 0; height: 54px; padding: 0 16px; border: 1px solid var(--mt-color-border-strong); border-radius: 10px; background: var(--mt-color-background-surface-raised); color: var(--mt-color-text-primary); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 16px; line-height: 1.5; text-overflow: ellipsis; }
.mt-cabinet #subscriptionUrl::placeholder { color: var(--mt-color-text-secondary); font-family: var(--mtr-font-text); }
.mt-cabinet .mt-connect-link-actions { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 12px; margin-top: 12px; }
.mt-cabinet .mt-connect-link-actions .mt-button { min-height: 50px; font-size: 15px; gap: 10px; }
.mt-cabinet .mt-connect-link-actions svg { width: 20px; height: 20px; flex-shrink: 0; }
.mt-cabinet .mt-connect-access { margin-top: 18px; color: var(--mt-color-text-secondary-strong); font-size: 14px; line-height: 1.5; }
.mt-cabinet .mt-connect-access > strong { font-size: 16px; color: var(--mt-color-text-primary); }
.mt-cabinet .mt-connect-access > p { margin: 6px 0 0; }
.mt-cabinet .mt-connect-access[data-state='ready'] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.mt-cabinet .mt-connect-access[data-state='ready'] > strong { font-size: 14px; color: var(--mt-color-status-success); }
.mt-cabinet .mt-connect-access[data-state='ready'] > p { margin: 0; }
.mt-cabinet .mt-connect-access[data-state='ready'] > strong::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; margin-right: 8px; vertical-align: middle; }
.mt-cabinet .mt-connect-recovery { display: flex; flex-wrap: wrap; gap: 10px; }
.mt-cabinet .mt-connect-recovery > :not([hidden]) { margin-top: 12px; }
.mt-cabinet .mt-connect-privacy { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; color: var(--mt-color-text-secondary); font-size: 13px; line-height: 1.5; }
.mt-cabinet .mt-connect-privacy svg { width: 16px; height: 18px; flex-shrink: 0; }
.mt-cabinet .mt-connect-copy-feedback { margin: 12px 0 0; color: var(--mt-color-text-accent); font-size: 14px; line-height: 1.5; }
.mt-cabinet .mt-connect-devices { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.mt-cabinet .mt-connect-devices button { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 50px; padding: 10px 8px; border: 1px solid var(--mt-color-border-strong); border-radius: 10px; background: var(--mt-color-background-surface); color: var(--mt-color-text-primary); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color 150ms, border-color 150ms; }
.mt-cabinet .mt-connect-devices button[aria-pressed='true'] { background: var(--mt-color-action-primary-soft); border-color: var(--mt-color-text-accent); color: var(--mt-color-text-accent); }
.mt-cabinet .mt-connect-devices button:hover { background: var(--mt-color-action-primary-soft); }
.mt-cabinet .mt-connect-devices svg { width: 21px; height: 21px; flex-shrink: 0; }
.mt-cabinet .mt-connect-steps { display: grid; gap: 20px; margin: 24px 0 12px; padding: 0; list-style: none; }
.mt-cabinet .mt-connect-steps li { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: start; gap: 14px; }
.mt-cabinet .mt-connect-steps li > b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--mt-color-action-primary-soft); color: var(--mt-color-text-accent); font-size: 18px; font-weight: 650; }
.mt-cabinet .mt-connect-steps h3 { margin: 0; font-size: 16px; line-height: 1.45; }
.mt-cabinet .mt-connect-steps p { margin: 5px 0 0; max-width: 80ch; color: var(--mt-color-text-secondary-strong); font-size: 14px; line-height: 1.55; }
.mt-cabinet .mt-connect-guide-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 12px; }
.mt-cabinet .mt-connect-guide-footer .mt-text-button { min-height: 44px; font-size: 14px; }
.mt-cabinet #connection button:focus-visible,
.mt-cabinet #connection a:focus-visible,
.mt-cabinet #connection input:focus-visible,
.mt-cabinet #connection summary:focus-visible { outline: 3px solid var(--mt-color-text-accent); outline-offset: 3px; }
.mt-connect-qr { width: min(100%,280px); margin: 0 auto 20px; background: #fff; border-radius: 8px; overflow: hidden; }
.mt-connect-qr svg { display: block; width: 100%; height: auto; aspect-ratio: 1; }
@media(max-width:760px) {
  .mt-cabinet .mt-connect-link,.mt-cabinet .mt-connect-guide { padding: 20px 16px; }
  .mt-cabinet .mt-connect-heading { gap: 8px 12px; }
  .mt-cabinet .mt-connect-heading h2 { min-width: 0; font-size: 20px; }
  .mt-cabinet .mt-connect-guide > h2 { font-size: 21px; }
  .mt-cabinet .mt-connect-intro { font-size: 14px; margin-bottom: 16px; }
  .mt-cabinet .mt-connect-link-actions { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .mt-cabinet .mt-connect-link-actions .mt-button { min-height: 48px; }
  .mt-cabinet .mt-connect-devices { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .mt-cabinet .mt-connect-devices button:last-child { grid-column: 1/-1; }
  .mt-cabinet .mt-connect-devices button { font-size: 13px; min-height: 46px; }
  .mt-cabinet .mt-connect-steps { gap: 20px; margin-top: 22px; }
  .mt-cabinet .mt-connect-steps li { grid-template-columns: 32px minmax(0,1fr); gap: 12px; }
  .mt-cabinet .mt-connect-steps li > b { width: 32px; height: 32px; font-size: 16px; }
  .mt-cabinet .mt-connect-steps h3 { font-size: 15px; }
  .mt-cabinet .mt-connect-steps p { font-size: 14px; }
  .mt-cabinet .mt-connect-guide-footer { gap: 4px; }
  .mt-cabinet .mt-connect-guide-footer .mt-text-button { font-size: 13px; }
  .mt-cabinet #connection #locationGrid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; margin-inline: 0; }
  .mt-cabinet #connection .mt-cabinet-country { grid-template-columns: minmax(0,1fr); padding: 12px 10px; }
  .mt-cabinet #connection .mt-cabinet-country strong { font-size: 12px; overflow-wrap: normal; }
  .mt-cabinet #connection .mt-cabinet-country .mt-flag { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .mt-cabinet .mt-connect-devices button { transition: none; }
}
@media(min-width:540px) and (max-height:520px) {
  .mt-cabinet .mt-connect-link { padding: 16px 20px; }
  .mt-cabinet .mt-connect-heading h2 { max-width: none; font-size: 21px; }
  .mt-cabinet .mt-connect-intro { margin: 4px 0 10px; font-size: 14px; }
  .mt-cabinet #subscriptionUrl.mt-connect-url { height: 44px; }
  .mt-cabinet .mt-connect-link-actions { grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 10px; margin-top: 10px; }
  .mt-cabinet .mt-connect-link-actions .mt-button { min-height: 44px; }
}