/* =========================================================
   Snake EA Pro — Member Web / Android App visual parity
   Visual-only layer. Scoped to .member-shell so public/admin
   pages, theme logic, language logic, API, forms and actions
   keep their existing behaviour.
   ========================================================= */

.member-shell{
  --app-bg:#FAFBFD;
  --app-surface:#FFFFFF;
  --app-surface-variant:#F3F6F9;
  --app-primary:#0B315E;
  --app-primary-container:#E5EEF8;
  --app-on-bg:#102033;
  --app-on-variant:#52677B;
  --app-outline:#8798AA;
  --app-outline-variant:#DCE4EC;
  --app-success:#08795C;
  --app-danger:#B4233A;
  --app-warning:#D78B27;
  --app-radius:22px;
  --app-radius-sm:14px;
  --app-shadow:0 5px 18px rgba(4,18,37,.055);
  background:var(--app-bg)!important;
  color:var(--app-on-bg)!important;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
html[data-snake-theme="dark"] .member-shell{
  --app-bg:#041225;
  --app-surface:#071B36;
  --app-surface-variant:#0B274B;
  --app-primary:#D7B257;
  --app-primary-container:#3D3217;
  --app-on-bg:#F8FAFD;
  --app-on-variant:#AFC0D1;
  --app-outline:#3C5875;
  --app-outline-variant:#1B3B5B;
  --app-success:#22A678;
  --app-danger:#D9475A;
  --app-warning:#D78B27;
  --app-shadow:0 8px 24px rgba(0,0,0,.18);
}

/* ---------- Desktop application shell ---------- */
@media(min-width:901px){
  .member-shell .member-sidebar{
    width:264px!important;
    padding:16px 14px!important;
    background:var(--app-surface)!important;
    border-right:1px solid var(--app-outline-variant)!important;
    box-shadow:8px 0 28px rgba(4,18,37,.035)!important;
  }
  .member-shell .app-main{margin-left:264px!important;background:var(--app-bg)!important;min-height:100vh!important}
  .member-shell .app-header{
    min-height:72px!important;
    padding:12px 24px!important;
    background:color-mix(in srgb,var(--app-bg) 91%,transparent)!important;
    border-bottom:1px solid var(--app-outline-variant)!important;
    box-shadow:none!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .member-shell .app-header-copy h1{font-size:20px!important;line-height:1.18!important;color:var(--app-on-bg)!important;font-weight:800!important;letter-spacing:-.025em!important}
  .member-shell .app-header-copy p{margin-top:4px!important;color:var(--app-on-variant)!important;font-size:11px!important;line-height:1.35!important}
  .member-shell .app-content{width:100%!important;max-width:1040px!important;margin:0 auto!important;padding:22px 24px 72px!important}
}

.member-shell .sidebar-brand{
  min-height:62px!important;
  padding:9px 10px!important;
  gap:11px!important;
  border-radius:18px!important;
  background:var(--app-surface-variant)!important;
  border:1px solid var(--app-outline-variant)!important;
  color:var(--app-on-bg)!important;
  box-shadow:none!important;
}
.member-shell .sidebar-brand img{width:42px!important;height:42px!important;object-fit:contain!important}
.member-shell .sidebar-brand>span{color:var(--app-on-bg)!important;font-size:12px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:.06em!important}
.member-shell .sidebar-brand small{display:block!important;margin-top:4px!important;color:var(--app-on-variant)!important;font-size:7px!important;letter-spacing:.16em!important}
.member-shell .sidebar-nav{padding:13px 0 8px!important;gap:4px!important}
.member-shell .sidebar-group{gap:3px!important;margin:0 0 10px!important}
.member-shell .sidebar-group-label{padding:7px 11px 4px!important;color:var(--app-on-variant)!important;font-size:9px!important;letter-spacing:.13em!important;font-weight:800!important;text-transform:uppercase!important}
.member-shell .sidebar-nav a{
  min-height:46px!important;
  margin:0!important;
  padding:8px 10px!important;
  gap:10px!important;
  border-radius:15px!important;
  border:1px solid transparent!important;
  color:var(--app-on-variant)!important;
  font-size:12px!important;
  font-weight:700!important;
  background:transparent!important;
}
.member-shell .sidebar-nav a:hover{background:var(--app-surface-variant)!important;color:var(--app-on-bg)!important}
.member-shell .sidebar-nav a.active{background:var(--app-primary-container)!important;color:var(--app-primary)!important;border-color:color-mix(in srgb,var(--app-primary) 18%,var(--app-outline-variant))!important}
.member-shell .sidebar-nav .nav-dot{
  width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--app-primary) 11%,transparent)!important;
  border:0!important;position:relative!important;
}
.member-shell .sidebar-nav .nav-dot:after{
  content:"";width:17px;height:17px;display:block;background:currentColor;
  -webkit-mask:center/contain no-repeat var(--member-nav-icon);mask:center/contain no-repeat var(--member-nav-icon);
}
.member-shell .sidebar-nav a[href$="dashboard.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.8 12 3l9 7.8V21h-6v-6H9v6H3z'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="accounts.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M3 6h18v12H3zM15 10h6v4h-6a2 2 0 0 1 0-4Z'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="remote-ea.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M4 7h10m4 0h2M4 12h5m4 0h7M4 17h2m4 0h10'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='11' cy='12' r='2'/%3E%3Ccircle cx='8' cy='17' r='2'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="monitoring.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M3 19h18M5 16l4-5 4 3 6-8'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="licenses.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M12 3 4 6v6c0 5 3 8 8 9 5-1 8-4 8-9V6z'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='m9 12 2 2 4-5'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="invoices.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="history.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M3 12a9 9 0 1 0 3-6.7L3 8M3 3v5h5M12 7v5l3 2'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="notifications.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="si-snake.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='6' width='14' height='12' rx='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M9 10h.01M15 10h.01M9 14h6M12 3v3'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="help-center.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M9.8 9a2.4 2.4 0 1 1 3.8 2c-1 .7-1.6 1.2-1.6 2.5M12 17h.01'/%3E%3C/svg%3E")}
.member-shell .sidebar-nav a[href$="profile.php"]{--member-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
.member-shell .sidebar-count{background:var(--app-danger)!important;color:#fff!important;border:2px solid var(--app-surface)!important}
.member-shell .sidebar-bottom{padding-top:10px!important;border-top:1px solid var(--app-outline-variant)!important}
.member-shell .member-profile-card{padding:9px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .member-profile-card .member-chip-avatar{width:42px!important;height:42px!important;min-width:42px!important}
.member-shell .member-profile-copy strong{color:var(--app-on-bg)!important;font-size:11px!important}
.member-shell .member-profile-copy small,.member-shell .member-profile-hint{color:var(--app-on-variant)!important;font-size:9px!important}
.member-shell .logout-link{min-height:42px!important;margin-top:8px!important;border-radius:14px!important;background:color-mix(in srgb,var(--app-danger) 10%,transparent)!important;color:var(--app-danger)!important;justify-content:center!important;font-size:11px!important;font-weight:800!important}

/* ---------- App bar controls ---------- */
.member-shell .snake-control,.member-shell .notification-bell,.member-shell .avatar-link,.member-shell .btn{
  border-radius:14px!important;
}
.member-shell .app-header .snake-control{height:42px!important;min-height:42px!important;background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-on-bg)!important;font-size:11px!important}
.member-shell .app-header .notification-bell,.member-shell .app-header .avatar-link{width:42px!important;height:42px!important;background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-primary)!important;box-shadow:none!important}

/* ---------- Universal Material 3 content ---------- */
.member-shell .card,
.member-shell .metric-card,
.member-shell .member-disclosure,
.member-shell .member-item-disclosure,
.member-shell .member-account-item,
.member-shell .license-item-v425,
.member-shell .invoice-item-v425,
.member-shell .history-item,
.member-shell .notification-item-v425,
.member-shell .notification-preferences-card,
.member-shell .device-list-card,
.member-shell .member-notification-panel,
.member-shell .support-contact-card,
.member-shell .si-snake-page{
  background:var(--app-surface)!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:var(--app-radius)!important;
  color:var(--app-on-bg)!important;
  box-shadow:var(--app-shadow)!important;
}
.member-shell .card-head,.member-shell .member-notification-panel-head{
  padding:17px 18px!important;border-bottom:1px solid var(--app-outline-variant)!important;background:transparent!important;
}
.member-shell .card-body,.member-shell .member-notification-panel-body{padding:18px!important}
.member-shell h1,.member-shell h2,.member-shell h3,.member-shell h4,.member-shell strong{color:var(--app-on-bg)}
.member-shell .muted,.member-shell .metric-note,.member-shell .form-help,.member-shell small,.member-shell p{color:var(--app-on-variant)}
.member-shell .metric-label,.member-shell .form-label,.member-shell .eyebrow{color:var(--app-on-variant)!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:700!important;text-transform:uppercase!important}
.member-shell .metric-value{color:var(--app-on-bg)!important;font-size:20px!important;font-weight:900!important}
.member-shell .text-green{color:var(--app-success)!important}.member-shell .text-red{color:var(--app-danger)!important}.member-shell .text-warning{color:var(--app-warning)!important}

.member-shell .member-disclosure{overflow:hidden!important;margin:0 0 12px!important}
.member-shell .member-disclosure>summary,.member-shell .member-item-disclosure>summary{
  min-height:72px!important;padding:15px 17px!important;display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;color:var(--app-on-bg)!important;
}
.member-shell .member-disclosure>summary:hover{background:var(--app-surface-variant)!important}
.member-shell .member-disclosure>summary strong,.member-shell .member-item-disclosure>summary strong{font-size:14px!important;font-weight:800!important;color:var(--app-on-bg)!important}
.member-shell .member-disclosure>summary small,.member-shell .member-item-disclosure>summary small{margin-top:4px!important;color:var(--app-on-variant)!important;font-size:11px!important;line-height:1.4!important}
.member-shell .disclosure-action{padding:7px 10px!important;border-radius:12px!important;background:var(--app-primary-container)!important;color:var(--app-primary)!important;font-size:10px!important;font-weight:800!important}
.member-shell .member-disclosure-body{padding:17px 18px 18px!important;border-top:1px solid var(--app-outline-variant)!important;background:transparent!important;color:var(--app-on-bg)!important}

.member-shell .form-group{margin-bottom:14px!important}
.member-shell .form-control,
.member-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.member-shell select,
.member-shell textarea{
  min-height:52px!important;padding:13px 14px!important;border:1px solid var(--app-outline)!important;border-radius:14px!important;background:var(--app-surface)!important;color:var(--app-on-bg)!important;font:500 12px/1.35 Roboto,system-ui,sans-serif!important;box-shadow:none!important;
}
.member-shell textarea{min-height:108px!important;resize:vertical!important}
.member-shell input::placeholder,.member-shell textarea::placeholder{color:color-mix(in srgb,var(--app-on-variant) 75%,transparent)!important}
.member-shell .form-control:focus,.member-shell input:focus,.member-shell select:focus,.member-shell textarea:focus{outline:3px solid color-mix(in srgb,var(--app-primary) 16%,transparent)!important;border-color:var(--app-primary)!important}
.member-shell .form-row{gap:12px!important}
.member-shell .checkbox-row{padding:12px 13px!important;border-radius:14px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .switch{width:48px!important;height:28px!important}.member-shell .slider:before{width:22px!important;height:22px!important;left:3px!important;top:3px!important}.member-shell .switch input:checked+.slider{background:var(--app-primary)!important}.member-shell .switch input:checked+.slider:before{transform:translateX(20px)!important;background:var(--app-bg)!important}

.member-shell .btn{min-height:46px!important;padding:11px 15px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em!important;box-shadow:none!important}
.member-shell .btn-primary,.member-shell .btn-gold{background:var(--app-primary)!important;border-color:var(--app-primary)!important;color:#fff!important}
html[data-snake-theme="dark"] .member-shell .btn-primary,html[data-snake-theme="dark"] .member-shell .btn-gold{color:#041225!important}
.member-shell .btn-secondary,.member-shell .btn-ghost{background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-primary)!important}
.member-shell .btn-danger{background:color-mix(in srgb,var(--app-danger) 11%,transparent)!important;border:1px solid color-mix(in srgb,var(--app-danger) 35%,var(--app-outline-variant))!important;color:var(--app-danger)!important}
.member-shell .button-row{gap:9px!important}
.member-shell .save-bar{padding:13px!important;border:1px solid var(--app-outline-variant)!important;border-radius:20px!important;background:color-mix(in srgb,var(--app-surface) 93%,transparent)!important;box-shadow:0 -7px 25px rgba(4,18,37,.08)!important;backdrop-filter:blur(14px)!important}

.member-shell .status-badge,.member-shell .android-status-pill{min-height:30px!important;padding:6px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important;border:1px solid currentColor!important}
.member-shell .status-online,.member-shell .status-active{color:var(--app-success)!important;background:color-mix(in srgb,var(--app-success) 10%,transparent)!important}
.member-shell .status-offline,.member-shell .status-expired{color:var(--app-danger)!important;background:color-mix(in srgb,var(--app-danger) 10%,transparent)!important}
.member-shell .status-warning,.member-shell .status-pending{color:var(--app-warning)!important;background:color-mix(in srgb,var(--app-warning) 10%,transparent)!important}
.member-shell .status-info{color:var(--app-primary)!important;background:color-mix(in srgb,var(--app-primary) 10%,transparent)!important}

/* ---------- Overview / HomeScreen ---------- */
.member-shell.page-overview .app-content{max-width:840px!important}
.member-shell.page-overview .dashboard-web-details{display:none!important}
.member-shell.page-overview .app-home-screen{gap:14px!important}
.member-shell.page-overview .app-balance-card,
.member-shell.page-overview .app-home-metric-card,
.member-shell.page-overview .app-performance-card,
.member-shell.page-overview .app-license-card{background:var(--app-surface)!important;border-color:var(--app-outline-variant)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-overview .app-balance-card{background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface) 52%,var(--app-surface-variant))!important;border-color:color-mix(in srgb,var(--app-primary) 35%,var(--app-outline-variant))!important}
.member-shell.page-overview .app-account-picker,.member-shell.page-overview .app-quick-action{background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell.page-overview .app-quick-action{min-height:130px!important}
.member-shell.page-overview .app-quick-action>strong{margin-top:16px!important;text-transform:none!important;font-size:13px!important}

/* ---------- MonitoringScreen ---------- */
.member-shell.page-monitoring .app-content{max-width:840px!important}
.member-shell .monitoring-disclosure-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.member-shell .monitoring-status-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important}
.member-shell .monitoring-status-item{min-height:88px!important;padding:14px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .live-telemetry-bar{padding:16px 18px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important;border:1px solid color-mix(in srgb,var(--app-primary) 35%,var(--app-outline-variant))!important;box-shadow:var(--app-shadow)!important}
.member-shell .profit-list,.member-shell .risk-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.member-shell .profit-list>*,.member-shell .risk-list>*{padding:13px!important;border-radius:15px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .market-status{padding:14px!important;border-radius:18px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .market-symbol{min-width:58px!important;min-height:48px!important;border-radius:14px!important;background:var(--app-primary-container)!important;color:var(--app-primary)!important}

/* ---------- RemoteScreen ---------- */
.member-shell.page-remote .app-content{max-width:840px!important}
.member-shell .remote-settings-form{display:grid!important;gap:13px!important}
.member-shell .settings-tabs,.member-shell .remote-section-nav{display:flex!important;gap:8px!important;padding:2px 0 8px!important;overflow:auto!important;scrollbar-width:none!important}
.member-shell .settings-tabs::-webkit-scrollbar{display:none!important}
.member-shell .settings-tab{min-height:40px!important;padding:9px 13px!important;border-radius:14px!important;background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-on-variant)!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
.member-shell .settings-tab.active{background:var(--app-primary-container)!important;color:var(--app-primary)!important;border-color:color-mix(in srgb,var(--app-primary) 30%,var(--app-outline-variant))!important}
.member-shell .remote-master{border-color:color-mix(in srgb,var(--app-primary) 40%,var(--app-outline-variant))!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important}
.member-shell .settings-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.member-shell .settings-fields .form-group{margin:0!important}
.member-shell .remote-save-bar{position:sticky!important;bottom:14px!important;z-index:12!important}

/* ---------- NotificationsScreen ---------- */
.member-shell.page-notifications .app-content{max-width:840px!important}
.member-shell .member-notification-toolbar{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important;padding:0!important;background:transparent!important;border:0!important}
.member-shell .notification-filters-v425{display:flex!important;gap:8px!important;overflow:auto!important;scrollbar-width:none!important}
.member-shell .filter-pill{min-height:36px!important;padding:8px 12px!important;border-radius:999px!important;background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-on-variant)!important;font-size:10px!important;font-weight:800!important}
.member-shell .filter-pill.active{background:var(--app-primary-container)!important;color:var(--app-primary)!important;border-color:color-mix(in srgb,var(--app-primary) 30%,var(--app-outline-variant))!important}
.member-shell .notification-list-v425{display:grid!important;gap:11px!important}
.member-shell .notification-item-v425{padding:15px!important;position:relative!important}
.member-shell .notification-item-v425.unread{border-color:color-mix(in srgb,var(--app-primary) 45%,var(--app-outline-variant))!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface) 42%)!important}
.member-shell .notification-dot{width:38px!important;height:38px!important;border-radius:50%!important;background:color-mix(in srgb,var(--app-primary) 14%,transparent)!important}
.member-shell .notification-title{font-size:13px!important;font-weight:800!important;color:var(--app-on-bg)!important}
.member-shell .notification-item-body{font-size:11px!important;line-height:1.5!important;color:var(--app-on-variant)!important}
.member-shell .notification-item-actions{gap:7px!important}

/* ---------- ProfileScreen ---------- */
.member-shell.page-profile .app-content{max-width:840px!important}
.member-shell .profile-grid-v425{grid-template-columns:1fr!important;gap:12px!important}
.member-shell .profile-photo-panel{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:16px!important;align-items:center!important}
.member-shell .profile-photo-preview{width:96px!important;height:96px!important;border:4px solid var(--app-primary-container)!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-primary))!important;box-shadow:none!important}
.member-shell.page-profile .member-disclosure:not(.member-danger-zone-v42957)>summary:before{
  content:"";width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:color-mix(in srgb,var(--app-primary) 12%,transparent);position:relative;
}
.member-shell.page-profile .member-danger-zone-v42957{border-color:color-mix(in srgb,var(--app-danger) 30%,var(--app-outline-variant))!important}
.member-shell .danger-warning-v42957,.member-shell .security-note,.member-shell .legal-consent-box{padding:14px!important;border-radius:16px!important;background:color-mix(in srgb,var(--app-warning) 10%,var(--app-surface))!important;border:1px solid color-mix(in srgb,var(--app-warning) 30%,var(--app-outline-variant))!important;color:var(--app-on-variant)!important}

/* ---------- AccountsScreen ---------- */
.member-shell.page-accounts .app-content{max-width:840px!important}
.member-shell .member-account-list{display:grid!important;gap:12px!important}
.member-shell .member-account-item{padding:0!important;overflow:hidden!important}
.member-shell .member-account-body{padding:16px!important}
.member-shell .member-account-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important}
.member-shell .member-account-meta>*{padding:12px!important;border-radius:14px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .account-summary-statuses{display:flex!important;gap:7px!important;flex-wrap:wrap!important}

/* ---------- LicenseScreen + web purchasing ---------- */
.member-shell.page-licenses .app-content,.member-shell.page-invoices .app-content{max-width:920px!important}
.member-shell .license-list-v425,.member-shell .invoice-list-v425{display:grid!important;gap:12px!important}
.member-shell .license-item-v425,.member-shell .invoice-item-v425{padding:0!important;overflow:hidden!important}
.member-shell .license-item-body,.member-shell .invoice-item-body{padding:17px!important}
.member-shell .license-meta,.member-shell .invoice-meta-v425{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important}
.member-shell .license-meta>*,.member-shell .invoice-meta-v425>*{padding:12px!important;border-radius:14px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .qris-payment-grid-v425{gap:14px!important}
.member-shell .qris-merchant-card,.member-shell .qris-disclosure{border-radius:22px!important}
.member-shell .qris-image-wrap{padding:14px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .workflow-scroll{padding-bottom:5px!important}
.member-shell .workflow-step{border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .refund-panel-v425{border-radius:22px!important;background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important}

/* ---------- HistoryScreen ---------- */
.member-shell.page-history .app-content{max-width:840px!important}
.member-shell .history-grid-v425{grid-template-columns:1fr!important;gap:12px!important}
.member-shell .history-item{padding:15px!important}
.member-shell .history-item-body{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:11px!important;align-items:start!important}
.member-shell .history-title-copy strong{font-size:13px!important;font-weight:800!important}
.member-shell .history-retention-note{padding:13px 14px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-on-variant)!important}

/* ---------- Notification settings / device cards ---------- */
.member-shell.page-notification-settings .app-content{max-width:840px!important}
.member-shell .notification-channel-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.member-shell .notification-option,.member-shell .device-push-card,.member-shell .device-list-item{padding:14px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .device-list{display:grid!important;gap:10px!important}

/* ---------- Help / AI chat ---------- */
.member-shell .si-snake-launcher{display:none!important}
.member-shell.page-si-snake .app-content{max-width:840px!important}
.member-shell .si-snake-page{height:calc(100vh - 118px)!important;min-height:560px!important;overflow:hidden!important}
.member-shell .si-snake-head{background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important;border-bottom:1px solid var(--app-outline-variant)!important}
.member-shell .si-snake-messages{background:var(--app-bg)!important}
.member-shell .si-snake-bubble{border-radius:16px!important;background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-on-bg)!important}
.member-shell .si-snake-message.is-user .si-snake-bubble{background:var(--app-primary)!important;color:#fff!important;border-color:var(--app-primary)!important}
.member-shell .si-snake-form{background:var(--app-surface)!important;border-top:1px solid var(--app-outline-variant)!important}

/* ---------- Dark mode integrity ---------- */
html[data-snake-theme="dark"] .member-shell .member-sidebar,
html[data-snake-theme="dark"] .member-shell .app-header,
html[data-snake-theme="dark"] .member-shell .card,
html[data-snake-theme="dark"] .member-shell .metric-card,
html[data-snake-theme="dark"] .member-shell .member-disclosure,
html[data-snake-theme="dark"] .member-shell .member-item-disclosure,
html[data-snake-theme="dark"] .member-shell .member-account-item,
html[data-snake-theme="dark"] .member-shell .license-item-v425,
html[data-snake-theme="dark"] .member-shell .invoice-item-v425,
html[data-snake-theme="dark"] .member-shell .history-item,
html[data-snake-theme="dark"] .member-shell .notification-item-v425,
html[data-snake-theme="dark"] .member-shell .notification-preferences-card,
html[data-snake-theme="dark"] .member-shell .device-list-card,
html[data-snake-theme="dark"] .member-shell .member-notification-panel,
html[data-snake-theme="dark"] .member-shell .si-snake-page{background:var(--app-surface)!important;color:var(--app-on-bg)!important;border-color:var(--app-outline-variant)!important}
html[data-snake-theme="dark"] .member-shell .form-control,
html[data-snake-theme="dark"] .member-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-snake-theme="dark"] .member-shell select,
html[data-snake-theme="dark"] .member-shell textarea{background:var(--app-surface-variant)!important;color:var(--app-on-bg)!important;border-color:var(--app-outline)!important}
html[data-snake-theme="dark"] .member-shell .btn-primary{color:#041225!important}
html[data-snake-theme="dark"] .member-shell .status-badge{box-shadow:none!important}

/* ---------- Mobile: exact application shell ---------- */
@media(max-width:900px){
  .member-shell{padding-bottom:0!important;background:var(--app-bg)!important}
  .member-shell .member-sidebar{width:min(310px,86vw)!important;padding:14px!important;background:var(--app-surface)!important;border-right:1px solid var(--app-outline-variant)!important}
  .member-shell .app-main{margin:0!important;background:var(--app-bg)!important}
  .member-shell .mobile-appbar{
    display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
    height:64px!important;padding:0 14px!important;position:sticky!important;top:0!important;z-index:10010!important;
    background:color-mix(in srgb,var(--app-bg) 93%,transparent)!important;border-bottom:1px solid var(--app-outline-variant)!important;
    backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  }
  .member-shell .mobile-appbar>button{width:42px!important;height:42px!important;border:1px solid var(--app-outline-variant)!important;border-radius:13px!important;background:var(--app-surface-variant)!important;color:var(--app-primary)!important;font-size:0!important;position:relative!important}
  .member-shell .mobile-appbar>button:before,.member-shell .mobile-appbar>button:after{content:"";position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor!important;box-shadow:0 6px 0 currentColor,-0 -6px 0 currentColor}
  .member-shell .mobile-appbar-title{font-size:17px!important;font-weight:900!important;color:var(--app-on-bg)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .member-shell .mobile-appbar-actions{gap:7px!important}
  .member-shell .mobile-appbar .notification-bell,.member-shell .mobile-profile-link{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;color:var(--app-primary)!important}
  .member-shell .app-header{display:none!important}
  .member-shell .app-content{width:100%!important;max-width:840px!important;margin:0 auto!important;padding:18px 18px 104px!important;background:transparent!important}
  .member-shell.page-overview .mobile-appbar{display:none!important}
  .member-shell.page-overview .app-content{padding-top:18px!important}
  .member-shell .member-bottom-nav{
    height:76px!important;padding:5px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    background:color-mix(in srgb,var(--app-surface) 96%,transparent)!important;border-top:1px solid var(--app-outline-variant)!important;
    box-shadow:0 -8px 24px rgba(4,18,37,.09)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  }
  .member-shell .member-bottom-nav a{gap:4px!important;color:var(--app-on-variant)!important;border-radius:16px!important}
  .member-shell .member-bottom-nav a.active{color:var(--app-primary)!important}
  .member-shell .member-bottom-nav a.active .member-bottom-nav-icon{width:48px!important;height:30px!important;border-radius:999px!important;background:var(--app-primary-container)!important}
  .member-shell .member-bottom-nav-label{font-size:10px!important;font-weight:600!important}
  .member-shell .sidebar-overlay.active{background:rgba(0,0,0,.38)!important;backdrop-filter:blur(2px)!important}
  .member-shell .save-bar{bottom:88px!important}
  .member-shell .settings-fields{grid-template-columns:1fr!important}
  .member-shell .notification-channel-grid{grid-template-columns:1fr!important}
  .member-shell .si-snake-page{height:calc(100dvh - 82px)!important;min-height:480px!important}
}

@media(max-width:560px){
  .member-shell .app-content{padding:14px 14px 100px!important}
  .member-shell .card,
  .member-shell .metric-card,
  .member-shell .member-disclosure,
  .member-shell .member-item-disclosure,
  .member-shell .member-account-item,
  .member-shell .license-item-v425,
  .member-shell .invoice-item-v425,
  .member-shell .history-item,
  .member-shell .notification-item-v425,
  .member-shell .notification-preferences-card,
  .member-shell .device-list-card,
  .member-shell .member-notification-panel{border-radius:20px!important}
  .member-shell .monitoring-status-panel{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .member-shell .profit-list,.member-shell .risk-list{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .member-shell .member-account-meta,.member-shell .license-meta,.member-shell .invoice-meta-v425{grid-template-columns:1fr 1fr!important}
  .member-shell .profile-photo-panel{grid-template-columns:80px minmax(0,1fr)!important;gap:12px!important}
  .member-shell .profile-photo-preview{width:80px!important;height:80px!important}
  .member-shell .button-row{display:grid!important;grid-template-columns:1fr 1fr!important}
  .member-shell .button-row .btn{width:100%!important}
  .member-shell .qris-payment-grid-v425{grid-template-columns:1fr!important}
}

@media(max-width:390px){
  .member-shell .app-content{padding-inline:12px!important}
  .member-shell .member-account-meta,.member-shell .license-meta,.member-shell .invoice-meta-v425{grid-template-columns:1fr!important}
  .member-shell .monitoring-status-item{padding:12px!important}
  .member-shell .profit-list>*,.member-shell .risk-list>*{padding:11px!important}
  .member-shell .button-row{grid-template-columns:1fr!important}
}

/* Shared Android AccountPicker used by Monitoring, Remote, License and other member screens. */
.member-shell .member-app-account-picker{
  position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px!important;align-items:center!important;gap:12px!important;
  min-height:78px!important;margin:0 0 14px!important;padding:13px 14px!important;border:1px solid var(--app-outline-variant)!important;border-radius:18px!important;
  background:color-mix(in srgb,var(--app-surface-variant) 82%,var(--app-surface))!important;box-shadow:none!important;overflow:hidden!important;cursor:pointer!important;
}
.member-shell .member-app-account-mark{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:var(--app-primary-container)!important;color:var(--app-primary)!important;font-size:12px!important;font-weight:900!important}
.member-shell .member-app-account-copy{min-width:0!important;display:block!important}
.member-shell .member-app-account-copy strong{display:block!important;color:var(--app-on-bg)!important;font-size:15px!important;line-height:1.22!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.member-shell .member-app-account-copy small{display:block!important;margin-top:5px!important;color:var(--app-on-variant)!important;font-size:12px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.member-shell .member-app-account-picker select{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;border:0!important;opacity:.001!important;cursor:pointer!important}
.member-shell .member-app-account-chevron{width:22px!important;height:22px!important;fill:none!important;stroke:var(--app-primary)!important;stroke-width:2.3!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.member-shell .member-app-empty{padding:30px 20px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important;text-align:center!important}
.member-shell .member-app-empty-icon{width:56px;height:56px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:var(--app-primary-container);color:var(--app-primary);font-size:13px;font-weight:900}
@media(max-width:390px){.member-shell .member-app-account-picker{grid-template-columns:44px minmax(0,1fr) 22px!important;min-height:72px!important;padding:12px!important;gap:10px!important}.member-shell .member-app-account-mark{width:44px!important;height:44px!important}.member-shell .member-app-account-copy strong{font-size:14px!important}}

/* Android MonitoringScreen and RemoteScreen are continuous card stacks, not accordions. */
.member-shell.page-monitoring details.member-disclosure>summary .disclosure-action,
.member-shell.page-remote details.remote-setting-panel>summary .disclosure-action{display:none!important}
.member-shell.page-monitoring details.member-disclosure:not([open])>.member-disclosure-body,
.member-shell.page-remote details.remote-setting-panel:not([open])>.member-disclosure-body{display:block!important}
.member-shell.page-monitoring details.member-disclosure>summary,
.member-shell.page-remote details.remote-setting-panel>summary{cursor:default!important;pointer-events:none!important}
.member-shell.page-remote .remote-section-nav{display:none!important}
.member-shell.page-monitoring .member-disclosure,
.member-shell.page-remote .remote-setting-panel{margin-bottom:0!important}

/* ProfileScreen parity: highlighted account card and Android-style menu rows. */
.member-shell .member-app-profile-summary{padding:18px!important;margin-bottom:12px!important;border:1px solid color-mix(in srgb,var(--app-primary) 42%,var(--app-outline-variant))!important;border-radius:22px!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface) 50%,var(--app-surface-variant))!important;box-shadow:0 8px 24px color-mix(in srgb,var(--app-primary) 10%,transparent)!important}
.member-shell .member-app-profile-main{display:grid!important;grid-template-columns:74px minmax(0,1fr) 24px!important;gap:15px!important;align-items:center!important;color:var(--app-on-bg)!important;text-decoration:none!important}
.member-shell .member-app-profile-avatar{width:74px!important;height:74px!important;min-width:74px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-primary))!important}
.member-shell .member-app-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.member-shell .member-app-profile-copy{min-width:0!important}
.member-shell .member-app-profile-copy strong{display:block!important;color:var(--app-on-bg)!important;font-size:17px!important;line-height:1.2!important;font-weight:900!important;overflow-wrap:anywhere!important}
.member-shell .member-app-profile-copy small{display:block!important;margin-top:5px!important;color:var(--app-on-variant)!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.member-shell .member-app-profile-copy b{display:block!important;margin-top:10px!important;font-size:11px!important;font-weight:900!important}
.member-shell .member-app-profile-copy b.is-verified{color:var(--app-success)!important}.member-shell .member-app-profile-copy b.is-pending{color:var(--app-warning)!important}
.member-shell .member-app-profile-main>.member-app-icon{width:22px!important;height:22px!important;color:var(--app-primary)!important}
.member-shell .member-app-profile-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--app-outline-variant)!important}
.member-shell .member-app-profile-metrics>div{text-align:left!important}.member-shell .member-app-profile-metrics span{display:block!important;color:var(--app-on-variant)!important;font-size:10px!important;letter-spacing:.08em!important}.member-shell .member-app-profile-metrics strong{display:block!important;margin-top:5px!important;color:var(--app-on-bg)!important;font-size:15px!important;font-weight:800!important}
.member-shell .member-app-profile-menu{display:grid!important;gap:9px!important;margin-bottom:15px!important}
.member-shell .member-app-profile-menu>a{display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;align-items:center!important;gap:12px!important;padding:14px!important;border-radius:18px!important;background:color-mix(in srgb,var(--app-surface-variant) 72%,var(--app-surface))!important;border:1px solid transparent!important;color:var(--app-on-bg)!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.member-shell .member-app-profile-menu>a:hover{transform:translateY(-1px)!important;border-color:var(--app-outline-variant)!important;background:var(--app-surface-variant)!important}
.member-shell .member-app-menu-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:color-mix(in srgb,var(--app-primary) 13%,transparent)!important;color:var(--app-primary)!important}
.member-shell .member-app-menu-icon .member-app-icon{width:22px!important;height:22px!important}
.member-shell .member-app-profile-menu>a>span:nth-child(2){min-width:0!important}
.member-shell .member-app-profile-menu>a strong{display:block!important;color:var(--app-on-bg)!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important}
.member-shell .member-app-profile-menu>a small{display:block!important;margin-top:3px!important;color:var(--app-on-variant)!important;font-size:12px!important;line-height:1.35!important}
.member-shell .member-app-profile-menu>a>.member-app-icon{width:20px!important;height:20px!important;color:var(--app-primary)!important}
.member-shell .member-app-detail-title{margin:18px 1px 10px!important}.member-shell .member-app-detail-title strong{display:block!important;color:var(--app-on-bg)!important;font-size:18px!important;font-weight:800!important}.member-shell .member-app-detail-title span{display:block!important;margin-top:4px!important;color:var(--app-on-variant)!important;font-size:11px!important}
.member-shell .member-app-icon{display:block!important;flex:0 0 auto!important}
@media(max-width:420px){.member-shell .member-app-profile-main{grid-template-columns:64px minmax(0,1fr) 22px!important;gap:12px!important}.member-shell .member-app-profile-avatar{width:64px!important;height:64px!important;min-width:64px!important}.member-shell .member-app-profile-copy strong{font-size:15px!important}.member-shell .member-app-profile-menu>a{grid-template-columns:40px minmax(0,1fr) 18px!important;padding:12px!important}.member-shell .member-app-menu-icon{width:40px!important;height:40px!important}}

/* AccountsScreen parity. Account cards expose their live summary like the app. */
.member-shell.page-accounts .member-account-item>summary{padding:15px 16px!important;cursor:default!important;pointer-events:none!important;background:transparent!important}
.member-shell.page-accounts .member-account-item>summary:before{content:"MT5";width:46px;height:46px;min-width:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--app-primary) 14%,transparent);color:var(--app-primary);font-size:12px;font-weight:900}
.member-shell.page-accounts .member-account-item>summary>span:first-of-type{flex:1!important;min-width:0!important}
.member-shell.page-accounts .member-account-item>summary>span:first-of-type strong{font-size:14px!important;font-weight:900!important}.member-shell.page-accounts .member-account-item>summary>span:first-of-type small{font-size:12px!important;color:var(--app-on-variant)!important}
.member-shell.page-accounts .member-account-item:not([open])>.member-account-body{display:block!important}
.member-shell .member-app-account-balance{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:14px!important}
.member-shell .member-app-account-balance>div{padding:14px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .member-app-account-balance span{display:block!important;color:var(--app-on-variant)!important;font-size:10px!important;letter-spacing:.08em!important}.member-shell .member-app-account-balance strong{display:block!important;margin-top:6px!important;color:var(--app-on-bg)!important;font-size:18px!important;font-weight:900!important}
.member-shell.page-accounts .member-account-body>.button-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.member-shell.page-accounts .member-account-body>.button-row .btn{min-width:0!important;padding-inline:8px!important}
@media(max-width:680px){.member-shell.page-accounts .member-account-body>.button-row{grid-template-columns:1fr 1fr!important}.member-shell.page-accounts .account-summary-statuses{justify-content:flex-end!important}.member-shell.page-accounts .member-account-item>summary{align-items:flex-start!important}.member-shell.page-accounts .member-account-item>summary:before{width:42px;height:42px;min-width:42px}}

/* LicenseScreen parity plus web-only purchase flow. */
.member-shell.page-licenses .license-item-v425>summary{padding:16px!important;cursor:default!important;pointer-events:none!important}
.member-shell.page-licenses .license-item-v425>summary:before{content:"";width:56px;height:56px;min-width:56px;border-radius:18px;background:color-mix(in srgb,var(--app-primary) 14%,transparent);color:var(--app-primary);-webkit-mask:none;mask:none;display:block;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary) 18%,transparent)}
.member-shell.page-licenses .license-item-v425>summary:after{content:"✓";position:absolute;margin-left:18px;color:var(--app-primary);font-size:24px;font-weight:900}
.member-shell.page-licenses .license-item-v425:not([open])>.license-item-body{display:block!important}
.member-shell .license-key{padding:13px 14px!important;border-radius:15px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .progress{height:8px!important;border-radius:999px!important;background:var(--app-primary-container)!important;overflow:hidden!important}.member-shell .progress>span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,var(--app-primary),var(--app-success))!important}
.member-shell .member-app-package-field{grid-column:1/-1!important}
.member-shell .member-app-package-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:7px!important}
.member-shell .member-app-package-option{position:relative!important;cursor:pointer!important}
.member-shell .member-app-package-option>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.member-shell .member-app-package-option>span{min-height:126px!important;padding:15px!important;display:flex!important;flex-direction:column!important;border-radius:18px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important;transition:border-color .18s ease,background .18s ease,transform .18s ease!important}
.member-shell .member-app-package-option:hover>span{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--app-primary) 35%,var(--app-outline-variant))!important}
.member-shell .member-app-package-option>input:checked+span{background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important;border-color:var(--app-primary)!important;box-shadow:0 7px 20px color-mix(in srgb,var(--app-primary) 10%,transparent)!important}
.member-shell .member-app-package-option b{display:block!important;color:var(--app-on-bg)!important;font-size:14px!important;font-weight:800!important}.member-shell .member-app-package-option strong{display:block!important;margin-top:13px!important;color:var(--app-primary)!important;font-size:19px!important;font-weight:900!important}.member-shell .member-app-package-option small{display:block!important;margin-top:auto!important;padding-top:10px!important;color:var(--app-on-variant)!important;font-size:10px!important;line-height:1.4!important}
@media(max-width:680px){.member-shell .member-app-package-grid{grid-template-columns:1fr!important}.member-shell .member-app-package-option>span{min-height:104px!important}}

/* MonitoringScreen graph card generated from the same seven telemetry periods. */
.member-shell .member-app-monitor-chart{padding:18px!important;margin-bottom:14px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:linear-gradient(135deg,var(--app-surface),var(--app-surface-variant),var(--app-surface))!important;box-shadow:var(--app-shadow)!important}
.member-shell .member-app-section-head strong{display:block!important;color:var(--app-on-bg)!important;font-size:18px!important;font-weight:800!important}.member-shell .member-app-section-head small{display:block!important;margin-top:4px!important;color:var(--app-on-variant)!important;font-size:11px!important}
.member-shell .member-app-chart-bars{height:126px!important;margin-top:16px!important;padding:8px 6px 22px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:9px!important;border-bottom:1px solid var(--app-outline-variant)!important;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--app-primary-container) 28%,transparent))!important;border-radius:16px 16px 0 0!important}
.member-shell .member-app-chart-bars>i{position:relative!important;width:clamp(12px,8%,22px)!important;height:var(--chart-height,18px)!important;min-height:12px!important;border-radius:999px 999px 4px 4px!important;background:linear-gradient(180deg,var(--app-primary),color-mix(in srgb,var(--app-primary) 40%,transparent))!important}
.member-shell .member-app-chart-bars>i.is-negative{background:linear-gradient(180deg,var(--app-danger),color-mix(in srgb,var(--app-danger) 35%,transparent))!important}
.member-shell .member-app-chart-bars>i>span{position:absolute!important;left:50%!important;bottom:-20px!important;transform:translateX(-50%)!important;color:var(--app-on-variant)!important;font-style:normal!important;font-size:8px!important;white-space:nowrap!important}
.member-shell .member-app-chart-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:15px!important}
.member-shell .member-app-chart-metrics span{display:block!important;color:var(--app-on-variant)!important;font-size:10px!important;letter-spacing:.08em!important}.member-shell .member-app-chart-metrics strong{display:block!important;margin-top:5px!important;color:var(--app-on-bg)!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important}
@media(max-width:420px){.member-shell .member-app-chart-bars{gap:5px!important}.member-shell .member-app-chart-bars>i>span{font-size:7px!important}.member-shell .member-app-chart-metrics{gap:7px!important}.member-shell .member-app-chart-metrics strong{font-size:12px!important}}

/* NotificationsScreen cards show the message immediately, as in Compose. */
.member-shell.page-notifications .notification-item-v425>summary{padding:15px!important;cursor:default!important;pointer-events:none!important;display:grid!important;grid-template-columns:auto 38px minmax(0,1fr) auto!important;gap:11px!important;align-items:start!important}
.member-shell.page-notifications .notification-item-v425:not([open])>.notification-item-body{display:block!important}
.member-shell.page-notifications .notification-item-body{padding:0 15px 15px 64px!important;border-top:0!important;background:transparent!important}
.member-shell.page-notifications .notification-item-body p{margin:0!important;color:var(--app-on-variant)!important;font-size:11px!important;line-height:1.5!important}
.member-shell.page-notifications .notification-item-actions{margin-top:11px!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important;pointer-events:auto!important}
.member-shell.page-notifications .notification-item-actions .btn{min-height:36px!important;padding:7px 10px!important;font-size:9px!important}
.member-shell.page-notifications .notification-title small{display:block!important;margin-top:5px!important;color:var(--app-outline)!important;font-size:10px!important}
.member-shell.page-notifications .notification-meta-strip{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 11px!important;padding:10px 12px!important;border:1px solid var(--app-outline-variant)!important;border-radius:14px!important;background:var(--app-surface-variant)!important;color:var(--app-on-variant)!important;font-size:10px!important}
.member-shell.page-notifications .member-notification-toolbar-main{display:flex!important;gap:7px!important;overflow:auto!important;scrollbar-width:none!important}.member-shell.page-notifications .member-notification-toolbar-main::-webkit-scrollbar{display:none!important}
.member-shell.page-notifications .notification-bulkbar{padding:10px!important;border-radius:14px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
@media(max-width:520px){.member-shell.page-notifications .notification-item-v425>summary{grid-template-columns:auto 34px minmax(0,1fr)!important;padding:13px!important}.member-shell.page-notifications .notification-item-v425>summary>.status-badge{grid-column:3!important;justify-self:start!important}.member-shell.page-notifications .notification-item-body{padding:0 13px 13px 59px!important}.member-shell.page-notifications .member-notification-toolbar{display:grid!important;grid-template-columns:1fr auto!important}.member-shell.page-notifications .notification-bulkbar{display:grid!important;grid-template-columns:1fr 1fr!important}.member-shell.page-notifications .notification-bulkbar>label{grid-column:1/-1!important}}

/* HistoryScreen parity: activity cards are readable without extra expansion. */
.member-shell.page-history .history-grid-v425>.member-disclosure{margin-bottom:12px!important}
.member-shell.page-history .history-grid-v425>.member-disclosure>summary{cursor:default!important;pointer-events:none!important}
.member-shell.page-history .history-item-list{display:grid!important;gap:10px!important}
.member-shell.page-history .history-item>summary{padding:14px!important;cursor:default!important;pointer-events:none!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.member-shell.page-history .history-item:not([open])>.history-item-body{display:block!important}
.member-shell.page-history .history-summary-main{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:start!important;min-width:0!important}
.member-shell.page-history .history-summary-main:before{content:"";width:36px;height:36px;grid-column:1;grid-row:1/3;border-radius:50%;background:color-mix(in srgb,var(--app-primary) 14%,transparent);box-shadow:inset 0 0 0 10px color-mix(in srgb,var(--app-primary) 6%,transparent)}
.member-shell.page-history .history-summary-main>input{grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;z-index:1!important}
.member-shell.page-history .history-title-copy{grid-column:2!important;min-width:0!important}
.member-shell.page-history .history-item-body{padding:0 14px 14px 60px!important;border-top:0!important;display:block!important}
.member-shell.page-history .history-item-body p{margin:0!important;color:var(--app-on-variant)!important;font-size:12px!important;line-height:1.48!important}
.member-shell.page-history .history-item-actions{margin-top:9px!important;pointer-events:auto!important}
.member-shell.page-history .history-bulkbar{padding:10px!important;border-radius:14px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
@media(max-width:520px){.member-shell.page-history .history-item-body{padding-left:54px!important}.member-shell.page-history .history-ip{max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}

/* Invoice and purchase workflow adapted to Material 3 cards. */
.member-shell.page-invoices .qris-disclosure>summary,
.member-shell.page-invoices>.app-main .invoice-page-v425>.member-disclosure>summary{cursor:default!important;pointer-events:none!important}
.member-shell.page-invoices .invoice-item-v425>summary{padding:16px!important;cursor:default!important;pointer-events:none!important}
.member-shell.page-invoices .invoice-item-v425:not([open])>.invoice-item-body{display:block!important}
.member-shell.page-invoices .invoice-item-v425>summary:before{content:"";width:46px;height:46px;min-width:46px;border-radius:14px;background:color-mix(in srgb,var(--app-primary) 14%,transparent);display:block}
.member-shell.page-invoices .invoice-item-v425>summary:after{content:"▤";position:absolute;margin-left:14px;color:var(--app-primary);font-size:20px;font-weight:900}
.member-shell.page-invoices .invoice-actions-v425{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--app-outline-variant)!important}
.member-shell.page-invoices .invoice-upload-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important;padding:13px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell.page-invoices .invoice-upload-form>label{grid-column:1/-1!important;color:var(--app-on-variant)!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.member-shell.page-invoices .workflow-steps{display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr))!important;gap:8px!important}
.member-shell.page-invoices .workflow-step{min-width:120px!important;padding:12px 10px!important;color:var(--app-on-variant)!important;font-size:10px!important;font-weight:700!important}
.member-shell.page-invoices .workflow-step.current{background:var(--app-primary-container)!important;color:var(--app-primary)!important;border-color:var(--app-primary)!important}.member-shell.page-invoices .workflow-step.done{background:color-mix(in srgb,var(--app-success) 10%,var(--app-surface))!important;color:var(--app-success)!important;border-color:color-mix(in srgb,var(--app-success) 38%,var(--app-outline-variant))!important}
.member-shell.page-invoices .workflow-number{width:24px!important;height:24px!important;border-radius:50%!important;background:color-mix(in srgb,currentColor 12%,transparent)!important;display:grid!important;place-items:center!important}
@media(max-width:620px){.member-shell.page-invoices .invoice-upload-form{grid-template-columns:1fr!important}.member-shell.page-invoices .workflow-scroll{overflow-x:auto!important}.member-shell.page-invoices .invoice-meta-v425{grid-template-columns:1fr 1fr!important}}

/* NotificationSettingsScreen parity. */
.member-shell .notification-email-master,.member-shell .notification-option,.member-shell .notification-cooldown-setting{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border:1px solid var(--app-outline-variant)!important}
.member-shell .notification-email-master h4,.member-shell .notification-option h4,.member-shell .notification-cooldown-setting h4{margin:0!important;color:var(--app-on-bg)!important;font-size:13px!important;font-weight:800!important}.member-shell .notification-email-master p,.member-shell .notification-option p,.member-shell .notification-cooldown-setting p{margin:4px 0 0!important;color:var(--app-on-variant)!important;font-size:11px!important;line-height:1.4!important}
.member-shell .notification-email-options{display:grid!important;gap:10px!important;margin-top:14px!important;padding:0!important;border:0!important}.member-shell .notification-email-options legend{margin-bottom:8px!important;color:var(--app-on-bg)!important;font-size:14px!important;font-weight:800!important}
.member-shell .notification-select-actions{display:flex!important;gap:8px!important;margin-bottom:2px!important}
.member-shell .notification-cooldown-setting{margin-top:12px!important}.member-shell .notification-cooldown-setting .form-control{width:180px!important;min-width:180px!important}
.member-shell .device-push-card{margin-top:12px!important}.member-shell .device-push-card-copy{display:flex!important;align-items:center!important;gap:12px!important}.member-shell .device-push-card-icon{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:color-mix(in srgb,var(--app-primary) 13%,transparent)!important;color:var(--app-primary)!important}.member-shell .device-push-card-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important}
@media(max-width:620px){.member-shell .notification-cooldown-setting{align-items:stretch!important;flex-direction:column!important}.member-shell .notification-cooldown-setting .form-control{width:100%!important;min-width:0!important}.member-shell .notification-email-master,.member-shell .notification-option{padding:13px!important}}

/* ---------- Extra app screens: app back bar, Help and Report ---------- */
@media(max-width:900px){
  .member-shell .mobile-appbar>button:after{display:none!important}
  .member-shell .mobile-appbar-back{
    width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;
    border:1px solid var(--app-outline-variant)!important;border-radius:13px!important;background:var(--app-surface-variant)!important;
    color:var(--app-primary)!important;text-decoration:none!important;
  }
  .member-shell .mobile-appbar-back .member-app-icon{width:22px!important;height:22px!important}
}

.member-shell.page-help .app-content{max-width:840px!important}
.member-shell.page-help .help-hero{padding:0!important;background:transparent!important}
.member-shell.page-help .help-hero-inner{width:100%!important;max-width:none!important;padding:18px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important;box-shadow:var(--app-shadow)!important;text-align:left!important}
.member-shell.page-help .help-kicker{color:var(--app-primary)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.11em!important}
.member-shell.page-help .help-hero h1{margin:7px 0 5px!important;color:var(--app-on-bg)!important;font-size:22px!important;line-height:1.2!important;letter-spacing:-.025em!important}
.member-shell.page-help .help-hero p{max-width:680px!important;margin:0!important;color:var(--app-on-variant)!important;font-size:12px!important;line-height:1.5!important}
.member-shell.page-help .help-search{margin-top:15px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.member-shell.page-help .help-search input{min-width:0!important}
.member-shell.page-help .help-layout{width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.member-shell.page-help .help-categories{position:sticky!important;top:92px!important;padding:12px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-help .help-category-head{padding:5px 6px 10px!important;border-bottom:1px solid var(--app-outline-variant)!important}.member-shell.page-help .help-category-head h2{font-size:15px!important}.member-shell.page-help .help-category-head span{color:var(--app-primary)!important}
.member-shell.page-help .help-category-link{min-height:42px!important;margin-top:5px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:13px!important;color:var(--app-on-variant)!important;background:transparent!important;font-size:11px!important;font-weight:700!important}
.member-shell.page-help .help-category-link.active{background:var(--app-primary-container)!important;border-color:color-mix(in srgb,var(--app-primary) 22%,var(--app-outline-variant))!important;color:var(--app-primary)!important}
.member-shell.page-help .help-results-head{margin-bottom:12px!important;padding:2px 2px 0!important}.member-shell.page-help .help-results-head h2{font-size:19px!important}.member-shell.page-help .help-results-head p{margin-top:5px!important;font-size:11px!important}
.member-shell.page-help .help-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.member-shell.page-help .help-card{min-height:0!important;padding:17px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-help .help-card-meta span,.member-shell.page-help .help-card-meta b{color:var(--app-primary)!important;font-size:9px!important}.member-shell.page-help .help-card h3{margin:7px 0 5px!important;font-size:15px!important}.member-shell.page-help .help-card h3 a{color:var(--app-on-bg)!important}.member-shell.page-help .help-card p{font-size:11px!important;line-height:1.5!important}.member-shell.page-help .help-card-footer{margin-top:12px!important;padding-top:10px!important;border-top:1px solid var(--app-outline-variant)!important}.member-shell.page-help .help-card-footer span{color:var(--app-outline)!important;font-size:9px!important}.member-shell.page-help .help-card-footer a{color:var(--app-primary)!important;font-size:10px!important;font-weight:800!important}
.member-shell.page-help .help-contact-strip{width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:18px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}.member-shell.page-help .help-contact-strip h2{font-size:17px!important}.member-shell.page-help .help-contact-strip p{font-size:11px!important}

/* Help detail becomes the same stacked PremiumCard flow as the Android HelpDetailScreen. */
.member-shell.page-help .help-breadcrumb{width:100%!important;max-width:none!important;margin:0 0 12px!important;padding:0 2px!important;color:var(--app-on-variant)!important;font-size:10px!important}
.member-shell.page-help .help-article-layout{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.member-shell.page-help .help-article-toc{position:sticky!important;top:92px!important;padding:14px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}.member-shell.page-help .help-article-toc strong{font-size:13px!important}.member-shell.page-help .help-article-toc a{padding:7px 8px!important;border-radius:10px!important;color:var(--app-on-variant)!important;font-size:10px!important}.member-shell.page-help .help-article-toc a:hover{background:var(--app-primary-container)!important;color:var(--app-primary)!important}
.member-shell.page-help .help-article-main{display:grid!important;gap:11px!important}
.member-shell.page-help .help-article-header,.member-shell.page-help .help-article-section,.member-shell.page-help .help-article-support,.member-shell.page-help .help-related{margin:0!important;padding:18px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important;color:var(--app-on-bg)!important}
.member-shell.page-help .help-article-header{background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important}.member-shell.page-help .help-article-header h1{font-size:21px!important;line-height:1.25!important}.member-shell.page-help .help-article-header p{font-size:12px!important;line-height:1.55!important}.member-shell.page-help .help-article-facts{gap:7px!important}.member-shell.page-help .help-article-facts span{padding:7px 9px!important;border-radius:11px!important;background:var(--app-surface-variant)!important;color:var(--app-on-variant)!important;font-size:9px!important}
.member-shell.page-help .help-article-section h2,.member-shell.page-help .help-related h2{font-size:16px!important}.member-shell.page-help .help-article-section p,.member-shell.page-help .help-article-section li{color:var(--app-on-variant)!important;font-size:11px!important;line-height:1.62!important}.member-shell.page-help .help-article-section ol{padding-left:20px!important}.member-shell.page-help .help-warning-section{border-color:color-mix(in srgb,var(--app-warning) 40%,var(--app-outline-variant))!important}.member-shell.page-help .help-danger-section{border-color:color-mix(in srgb,var(--app-danger) 35%,var(--app-outline-variant))!important}.member-shell.page-help .help-primary-steps{border-color:color-mix(in srgb,var(--app-primary) 35%,var(--app-outline-variant))!important}
.member-shell.page-help .help-article-faq details{margin-top:8px!important;border:1px solid var(--app-outline-variant)!important;border-radius:14px!important;background:var(--app-surface-variant)!important;overflow:hidden!important}.member-shell.page-help .help-article-faq summary{padding:12px!important;color:var(--app-on-bg)!important;font-size:11px!important;font-weight:800!important}.member-shell.page-help .help-article-faq details p{padding:0 12px 12px!important}
.member-shell.page-help .help-related-grid{grid-template-columns:1fr!important;gap:8px!important}.member-shell.page-help .help-related-grid a{padding:13px!important;border:1px solid var(--app-outline-variant)!important;border-radius:15px!important;background:var(--app-surface-variant)!important}.member-shell.page-help .help-related-grid strong{font-size:12px!important}.member-shell.page-help .help-related-grid small{font-size:10px!important}

/* ReportScreen / contact workflow in member shell. */
.member-shell.page-help .section.section-soft{padding:0!important;background:transparent!important}.member-shell.page-help .section>.container{width:100%!important;max-width:none!important;padding:0!important}.member-shell.page-help .section-head.center{text-align:left!important;margin:0 0 14px!important;padding:18px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important;box-shadow:var(--app-shadow)!important}.member-shell.page-help .section-head.center h2{font-size:22px!important}.member-shell.page-help .section-head.center p{font-size:12px!important}
.member-shell.page-help .contact-grid{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:14px!important;align-items:start!important}.member-shell.page-help .support-contact-card{padding:14px!important}.member-shell.page-help .support-contact-method{padding:13px!important;border-radius:16px!important;background:var(--app-surface-variant)!important;border-color:var(--app-outline-variant)!important}.member-shell.page-help .support-contact-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:var(--app-primary-container)!important}.member-shell.page-help .support-contact-method h4{font-size:12px!important}.member-shell.page-help .support-contact-method p{font-size:10px!important}.member-shell.page-help .support-contact-method small{font-size:9px!important}.member-shell.page-help .contact-upload-zone{border-radius:16px!important;background:var(--app-surface-variant)!important;border-color:var(--app-outline)!important}.member-shell.page-help .contact-upload-meta{color:var(--app-on-variant)!important;font-size:9px!important}

/* Small visual integrity fixes. */
.member-shell.page-licenses .license-item-v425>summary,.member-shell.page-invoices .invoice-item-v425>summary{position:relative!important}
.member-shell.page-licenses .member-disclosure-body>.form-row{grid-template-columns:1fr!important}

@media(max-width:760px){
  .member-shell.page-help .help-layout,.member-shell.page-help .help-article-layout,.member-shell.page-help .contact-grid{grid-template-columns:1fr!important}
  .member-shell.page-help .help-categories,.member-shell.page-help .help-article-toc{position:static!important}
  .member-shell.page-help .help-categories{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:9px!important;scrollbar-width:none!important}.member-shell.page-help .help-categories::-webkit-scrollbar{display:none!important}.member-shell.page-help .help-category-head{display:none!important}.member-shell.page-help .help-category-link{min-width:max-content!important;margin:0!important}
  .member-shell.page-help .help-article-toc{display:none!important}
}
@media(max-width:520px){
  .member-shell.page-help .help-search{grid-template-columns:1fr!important}.member-shell.page-help .help-search .btn{width:100%!important}
  .member-shell.page-help .help-hero-inner,.member-shell.page-help .help-article-header,.member-shell.page-help .help-article-section,.member-shell.page-help .help-article-support,.member-shell.page-help .help-related,.member-shell.page-help .section-head.center{padding:15px!important;border-radius:20px!important}
  .member-shell.page-help .help-hero h1,.member-shell.page-help .section-head.center h2{font-size:19px!important}
}

/* Free-trial confirmation mirrors the Android license activation screen. */
.member-shell .trial-confirm{max-width:720px!important;margin:0 auto!important;overflow:hidden!important}
.member-shell .trial-confirm .card-head{background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important}
.member-shell .trial-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
.member-shell .trial-summary>div{min-height:86px!important;padding:14px!important;border:1px solid var(--app-outline-variant)!important;border-radius:16px!important;background:var(--app-surface-variant)!important}
.member-shell .trial-summary span{display:block!important;margin-bottom:7px!important;color:var(--app-on-variant)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}.member-shell .trial-summary strong{font-size:15px!important}
.member-shell .trial-consent{margin:14px 0!important;padding:13px!important;border:1px solid var(--app-outline-variant)!important;border-radius:16px!important;background:var(--app-surface-variant)!important}
.member-shell .trial-confirm .flash-warning{position:static!important;width:auto!important;padding:13px!important;border-radius:15px!important;background:color-mix(in srgb,var(--app-warning) 11%,transparent)!important;border:1px solid color-mix(in srgb,var(--app-warning) 38%,var(--app-outline-variant))!important;color:var(--app-warning)!important}
@media(max-width:560px){.member-shell .trial-summary{grid-template-columns:1fr!important}.member-shell .trial-confirm .button-row{display:grid!important;grid-template-columns:1fr!important}.member-shell .trial-confirm .button-row .btn{width:100%!important}}

/* =========================================================
   3.9.4.1 — Feature/data preservation audit
   App parity must not hide, disable, or flatten web functions.
   ========================================================= */

/* Dashboard: retain every web-only statistic below the app summary. */
.member-shell.page-overview .dashboard-web-details{
  display:block!important;
  width:100%!important;
  margin-top:20px!important;
}
.member-shell.page-overview .member-app-web-detail-title{
  margin:4px 2px 12px!important;
}
.member-shell.page-overview .calendar-period-summary{
  display:grid!important;
  grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr)!important;
  gap:12px!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:22px!important;
  background:var(--app-surface)!important;
  box-shadow:var(--app-shadow)!important;
}
.member-shell.page-overview .calendar-period-heading{
  min-width:0!important;
  padding:14px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,var(--app-primary-container),var(--app-surface))!important;
}
.member-shell.page-overview .calendar-period-heading span,
.member-shell.page-overview .calendar-period-heading small{
  display:block!important;
  color:var(--app-on-variant)!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.member-shell.page-overview .calendar-period-heading strong{
  display:block!important;
  margin:7px 0!important;
  color:var(--app-on-bg)!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.member-shell.page-overview .calendar-period-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  min-width:0!important;
  overflow:visible!important;
}
.member-shell.page-overview .calendar-period-metrics article{
  min-width:0!important;
  padding:12px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:15px!important;
  background:var(--app-surface-variant)!important;
}
.member-shell.page-overview .calendar-period-metrics article span{
  display:block!important;
  color:var(--app-on-variant)!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.member-shell.page-overview .calendar-period-metrics article strong{
  display:block!important;
  margin-top:7px!important;
  color:var(--app-on-bg)!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}
.member-shell.page-overview .member-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
}
.member-shell.page-overview .member-dashboard-grid .member-disclosure-wide{
  grid-column:1/-1!important;
}

/* Restore native accordion behavior and every original open/close control. */
.member-shell.page-monitoring details.member-disclosure>summary,
.member-shell.page-remote details.remote-setting-panel>summary,
.member-shell.page-accounts .member-account-item>summary,
.member-shell.page-licenses .license-item-v425>summary,
.member-shell.page-notifications .notification-item-v425>summary,
.member-shell.page-history .history-grid-v425>.member-disclosure>summary,
.member-shell.page-history .history-item>summary,
.member-shell.page-invoices .qris-disclosure>summary,
.member-shell.page-invoices .invoice-page-v425>.member-disclosure>summary,
.member-shell.page-invoices .invoice-item-v425>summary{
  cursor:pointer!important;
  pointer-events:auto!important;
}
.member-shell.page-monitoring details.member-disclosure:not([open])>.member-disclosure-body,
.member-shell.page-remote details.remote-setting-panel:not([open])>.member-disclosure-body,
.member-shell.page-accounts .member-account-item:not([open])>.member-account-body,
.member-shell.page-licenses .license-item-v425:not([open])>.license-item-body,
.member-shell.page-notifications .notification-item-v425:not([open])>.notification-item-body,
.member-shell.page-history .history-item:not([open])>.history-item-body,
.member-shell.page-invoices .invoice-item-v425:not([open])>.invoice-item-body{
  display:none!important;
}
.member-shell.page-monitoring details.member-disclosure>summary .disclosure-action,
.member-shell.page-remote details.remote-setting-panel>summary .disclosure-action{
  display:inline-flex!important;
}
.member-shell.page-remote .remote-section-nav{
  display:flex!important;
  position:sticky!important;
  top:80px!important;
  z-index:10!important;
  padding:8px!important;
  margin:0 0 12px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--app-surface) 94%,transparent)!important;
  box-shadow:var(--app-shadow)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* Web CS remains available; only hide the launcher on the chat page itself. */
.member-shell .si-snake-launcher{display:flex!important}
.member-shell.page-si-snake .si-snake-launcher{display:none!important}

/* Data readability: never clip core values or metadata. */
.member-shell .metric-value,
.member-shell .member-app-chart-metrics strong,
.member-shell .member-app-account-balance strong,
.member-shell .license-meta strong,
.member-shell .invoice-meta-v425 strong{
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}
.member-shell .member-account-meta>*,
.member-shell .license-meta>*,
.member-shell .invoice-meta-v425>*{
  min-width:0!important;
}

@media(max-width:900px){
  .member-shell.page-overview .calendar-period-summary{grid-template-columns:1fr!important}
  .member-shell.page-overview .calendar-period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .member-shell.page-overview .member-dashboard-grid{grid-template-columns:1fr!important}
  .member-shell.page-overview .member-dashboard-grid .member-disclosure-wide{grid-column:auto!important}
  .member-shell.page-remote .remote-section-nav{top:72px!important}
  .member-shell .si-snake-launcher{
    right:12px!important;
    bottom:88px!important;
    min-height:56px!important;
    padding:6px!important;
    border-radius:18px!important;
  }
  .member-shell .si-snake-launcher>span:last-child{display:none!important}
  .member-shell .si-snake-launcher-icon{width:44px!important;height:44px!important;border-radius:14px!important}
}
@media(max-width:520px){
  .member-shell.page-overview .calendar-period-metrics{grid-template-columns:1fr 1fr!important}
  .member-shell.page-overview .calendar-period-metrics article:last-child{grid-column:1/-1!important}
  .member-shell .member-account-meta,
  .member-shell .license-meta,
  .member-shell .invoice-meta-v425{grid-template-columns:1fr!important}
}

/* =========================================================
   3.9.5 — Main member screens rebuilt from Android 3.9.0
   Visual-only parity layer. Business logic and endpoints stay intact.
   ========================================================= */
.member-shell .member-screen-header{display:none}
.member-shell .app-premium-card{
  width:100%;
  padding:18px;
  border:1px solid var(--app-outline-variant);
  border-radius:22px;
  background:linear-gradient(135deg,var(--app-surface),color-mix(in srgb,var(--app-surface-variant) 72%,var(--app-surface)),var(--app-surface));
  box-shadow:var(--app-shadow);
  color:var(--app-on-bg);
}
.member-shell .app-premium-card.is-highlighted{
  border-color:color-mix(in srgb,var(--app-primary) 48%,var(--app-outline-variant));
  background:linear-gradient(135deg,color-mix(in srgb,var(--app-primary-container) 78%,var(--app-surface)),var(--app-surface) 52%,color-mix(in srgb,var(--app-surface-variant) 92%,var(--app-surface)));
  box-shadow:0 8px 24px color-mix(in srgb,var(--app-primary) 10%,transparent);
}
.member-shell .app-metric-label{
  display:block;
  color:var(--app-on-variant);
  font-size:11px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.member-shell .text-primary{color:var(--app-primary)!important}
.member-shell .align-end{text-align:right;align-items:flex-end}
.member-shell .android-status-pill.is-warning{color:var(--app-warning)!important;background:color-mix(in srgb,var(--app-warning) 12%,transparent)!important;border-color:color-mix(in srgb,var(--app-warning) 48%,transparent)!important}
.member-shell .android-status-pill.is-neutral{color:var(--app-on-variant)!important;background:color-mix(in srgb,var(--app-on-variant) 10%,transparent)!important;border-color:color-mix(in srgb,var(--app-on-variant) 40%,transparent)!important}
.member-shell .member-app-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px}
.member-shell .member-app-section-head>span{min-width:0}
.member-shell .member-app-section-head strong{display:block;color:var(--app-on-bg);font-size:18px;line-height:1.25;font-weight:800}
.member-shell .member-app-section-head small{display:block;margin-top:4px;color:var(--app-on-variant);font-size:11px;line-height:1.45;font-weight:400}
.member-shell .member-inline-flash{position:static!important;width:auto!important;margin:0!important;border-radius:16px!important}
.member-shell .app-primary-wide-button,
.member-shell .app-secondary-wide-button,
.member-shell .app-outlined-danger-button{
  width:100%;min-height:54px;padding:12px 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;
  font:800 12px/1.2 Roboto,system-ui,sans-serif;letter-spacing:.06em;text-align:center;cursor:pointer;
}
.member-shell .app-primary-wide-button{border:1px solid var(--app-primary);background:var(--app-primary);color:#fff}
html[data-snake-theme="dark"] .member-shell .app-primary-wide-button{color:var(--app-bg)}
.member-shell .app-secondary-wide-button{border:0;background:color-mix(in srgb,var(--app-outline-variant) 78%,var(--app-surface));color:color-mix(in srgb,var(--app-on-variant) 72%,transparent)}
.member-shell .app-secondary-wide-button:not(:disabled){border:1px solid var(--app-outline-variant);background:var(--app-surface-variant);color:var(--app-primary)}
.member-shell .app-outlined-danger-button{border:1px solid var(--app-outline);background:transparent;color:var(--app-danger)}
.member-shell .app-outlined-danger-button .member-app-icon,.member-shell .app-secondary-wide-button .member-app-icon{width:19px;height:19px}
.member-shell .member-header-icon-button{
  width:42px;height:42px;min-width:42px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--app-primary);cursor:pointer
}
.member-shell .member-header-icon-button:hover{background:var(--app-primary-container)}
.member-shell .member-header-icon-button.is-danger{color:var(--app-danger)}
.member-shell .member-header-icon-button .member-app-icon{width:24px;height:24px}
.member-shell .member-header-action-form{display:inline-flex;margin:0}
.member-shell .member-screen-text-action{padding:9px 8px;border-radius:12px;color:var(--app-primary);font-size:12px;font-weight:800;text-decoration:none}
.member-shell .member-screen-text-action:hover{background:var(--app-primary-container)}

/* Monitoring — same continuous card order as the Android screen. */
.member-shell .monitoring-app-screen{display:flex;flex-direction:column;gap:14px}
.member-shell .monitoring-realtime-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.member-shell .monitoring-realtime-top>div{display:flex;flex-direction:column;gap:7px}
.member-shell .monitoring-realtime-top strong{color:var(--app-success);font-size:12px;line-height:1.35}
.member-shell .monitoring-realtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 22px;margin-top:18px}
.member-shell .monitoring-realtime-grid>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.member-shell .monitoring-realtime-grid strong{font-size:14px;line-height:1.35;font-weight:800;overflow-wrap:anywhere}
.member-shell .monitoring-chart-card{padding-bottom:16px}
.member-shell .app-line-chart{height:170px;margin:4px 0 0;overflow:hidden}
.member-shell .app-line-chart svg{width:100%;height:100%;display:block;overflow:visible}
.member-shell .app-line-chart-grid line{stroke:var(--app-outline-variant);stroke-width:1}
.member-shell .app-line-chart-fill{fill:color-mix(in srgb,var(--app-primary) 18%,transparent)}
.member-shell .app-line-chart-line{fill:none;stroke:var(--app-primary);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.member-shell .app-line-chart circle{fill:var(--app-primary)}
.member-shell .app-line-chart circle.point-core{fill:var(--app-surface)}
.member-shell .app-chart-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:-8px;color:var(--app-on-variant);font-size:9px;text-align:center}
.member-shell .member-app-chart-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:18px!important;padding-top:14px!important;border-top:1px solid var(--app-outline-variant)!important}
.member-shell .member-app-chart-metrics>div{display:flex!important;flex-direction:column!important;gap:6px!important}
.member-shell .member-app-chart-metrics>div:nth-child(2){align-items:center;text-align:center}
.member-shell .member-app-chart-metrics>div:last-child{align-items:flex-end;text-align:right}
.member-shell .member-app-chart-metrics span{color:var(--app-on-variant)!important;font-size:11px!important;letter-spacing:.07em!important}
.member-shell .member-app-chart-metrics strong{font-size:15px!important;font-weight:800!important}
.member-shell .app-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 28px;margin-top:4px}
.member-shell .app-period-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.member-shell .app-period-grid>div span{color:var(--app-on-variant);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.member-shell .app-period-grid>div strong{font-size:15px;line-height:1.3;font-weight:800;overflow-wrap:anywhere}
.member-shell .monitoring-news-card>.android-status-pill,.member-shell .monitoring-instance-card>.android-status-pill{display:inline-flex;margin-top:0}
.member-shell .monitoring-news-next{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.member-shell .monitoring-news-next strong{font-size:13px;line-height:1.45}
.member-shell .monitoring-news-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:15px}
.member-shell .monitoring-news-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.member-shell .monitoring-news-grid>div:nth-child(2){align-items:center;text-align:center}
.member-shell .monitoring-news-grid strong{font-size:13px;overflow-wrap:anywhere}
.member-shell .monitoring-instance-card p{margin:11px 0 0;color:var(--app-on-variant);font-size:11px}
.member-shell .monitoring-reset-form{margin:0}

/* Remote EA — Material fields and full card stack from the Android app. */
.member-shell .remote-sync-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px}
.member-shell .remote-sync-copy{min-width:0;display:flex;flex-direction:column}
.member-shell .remote-sync-copy>strong{margin-top:8px;font-size:13px;line-height:1.45;font-weight:800}
.member-shell .remote-sync-copy>small{margin-top:5px;color:var(--app-on-variant);font-size:12px}
.member-shell .app-remote-form{display:flex;flex-direction:column;gap:14px}
.member-shell .app-settings-card{margin:0!important}
.member-shell .app-settings-card .member-app-section-head{margin-bottom:15px}
.member-shell .app-fields-stack{display:flex;flex-direction:column;gap:12px}
.member-shell .app-field{position:relative;margin-top:5px}
.member-shell .app-field>label{
  position:absolute;z-index:2;left:13px;top:-7px;padding:0 5px;background:var(--app-surface);color:var(--app-on-variant);font-size:11px;line-height:1.2;font-weight:500
}
.member-shell .app-premium-card.is-highlighted .app-field>label{background:color-mix(in srgb,var(--app-primary-container) 20%,var(--app-surface))}
.member-shell .app-field input:not([type="checkbox"]):not([type="radio"]),.member-shell .app-field select{
  width:100%!important;min-height:58px!important;margin:0!important;padding:17px 14px 12px!important;border:1px solid var(--app-outline)!important;border-radius:14px!important;background:transparent!important;color:var(--app-on-bg)!important;font-size:14px!important;font-weight:500!important
}
.member-shell .app-field select{padding-right:42px!important}
.member-shell .app-field-with-icon>.member-app-icon{position:absolute;left:15px;top:19px;width:22px;height:22px;color:var(--app-on-variant);z-index:2}
.member-shell .app-field-with-icon>label{left:62px}
.member-shell .app-field-with-icon input{padding-left:62px!important}
.member-shell .app-setting-switch{display:flex;align-items:center;gap:16px;width:100%;padding:7px 0;color:var(--app-on-bg);cursor:pointer}
.member-shell .app-setting-switch>span:first-child{min-width:0;flex:1;display:flex;flex-direction:column}
.member-shell .app-setting-switch strong{font-size:13px;line-height:1.35;font-weight:800}
.member-shell .app-setting-switch small{margin-top:5px;color:var(--app-on-variant);font-size:12px;line-height:1.45}
.member-shell .app-setting-switch .switch{flex:0 0 auto;width:52px!important;height:30px!important}
.member-shell .app-setting-switch .slider:before{width:24px!important;height:24px!important;left:3px!important;top:3px!important}
.member-shell .app-setting-switch .switch input:checked+.slider:before{transform:translateX(22px)!important}
.member-shell .app-setting-switch-spaced{margin-top:8px}
.member-shell .app-dependent-fields[hidden]{display:none!important}
.member-shell .remote-preset-card .app-secondary-wide-button{margin-top:12px}
.member-shell .app-settings-note{margin:15px 0 0;color:var(--app-on-variant);font-size:11px}
.member-shell .remote-preset-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.member-shell .remote-preset-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--app-outline-variant);border-radius:14px;background:var(--app-surface-variant)}
.member-shell .remote-preset-item>strong{min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-shell .remote-preset-item>span{display:flex;gap:6px}
.member-shell .app-power-card{padding-top:15px;padding-bottom:15px}
.member-shell .remote-risk-warning{margin:2px 0;color:var(--app-warning);font-size:12px;line-height:1.55}

/* Notifications — simple Android cards, advanced web controls stay folded. */
.member-shell .notifications-app-screen{display:flex;flex-direction:column;gap:12px}
.member-shell .notification-tools-panel{overflow:hidden;border:1px solid var(--app-outline-variant);border-radius:18px;background:var(--app-surface);box-shadow:var(--app-shadow)}
.member-shell .notification-tools-panel>summary{min-height:64px;padding:12px 15px;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:11px;cursor:pointer;list-style:none}
.member-shell .notification-tools-panel>summary::-webkit-details-marker{display:none}
.member-shell .notification-tools-panel>summary>.member-app-icon:first-child{width:22px;height:22px;color:var(--app-primary)}
.member-shell .notification-tools-panel>summary>.member-app-icon:last-child{width:18px;height:18px;color:var(--app-primary);transition:transform .2s ease}
.member-shell .notification-tools-panel[open]>summary>.member-app-icon:last-child{transform:rotate(90deg)}
.member-shell .notification-tools-panel>summary strong{display:block;font-size:13px;font-weight:800}
.member-shell .notification-tools-panel>summary small{display:block;margin-top:3px;color:var(--app-on-variant);font-size:11px}
.member-shell .notification-tools-body{padding:13px 15px 15px;border-top:1px solid var(--app-outline-variant)}
.member-shell .notification-settings-shortcut{margin-bottom:10px}
.member-shell .notification-settings-shortcut a{min-height:46px;padding:10px 12px;display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;border:1px solid var(--app-outline-variant);border-radius:14px;background:var(--app-surface-variant);color:var(--app-on-bg);font-size:12px;font-weight:800;text-decoration:none}
.member-shell .notification-settings-shortcut .member-app-icon{width:20px;height:20px;color:var(--app-primary)}
.member-shell .notification-settings-shortcut .member-app-icon:last-child{width:17px;height:17px}
.member-shell .notification-tools-actions{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.member-shell .notification-tools-actions::-webkit-scrollbar{display:none}
.member-shell .notification-tools-actions>*{flex:0 0 auto}
.member-shell .notification-category-scroll{display:flex;gap:7px;overflow-x:auto;margin-top:10px;padding-bottom:3px;scrollbar-width:none}
.member-shell .notification-category-scroll::-webkit-scrollbar{display:none}
.member-shell .notification-bulk-controls{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:11px;padding:10px;border:1px solid var(--app-outline-variant);border-radius:14px;background:var(--app-surface-variant)}
.member-shell .notification-list-limit{margin-top:10px!important}
.member-shell .app-notification-list{display:flex;flex-direction:column;gap:12px}
.member-shell .app-notification-card{
  position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:start;gap:12px;padding:18px;
  border:1px solid var(--app-outline-variant);border-radius:22px;background:linear-gradient(135deg,var(--app-surface),color-mix(in srgb,var(--app-surface-variant) 70%,var(--app-surface)),var(--app-surface));box-shadow:var(--app-shadow)
}
.member-shell .app-notification-card.is-unread{border-color:color-mix(in srgb,var(--app-primary) 38%,var(--app-outline-variant));box-shadow:0 7px 22px color-mix(in srgb,var(--app-primary) 9%,transparent)}
.member-shell .app-notification-tone{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--notice-tone) 14%,transparent)}
.member-shell .app-notification-tone i{width:10px;height:10px;border-radius:50%;background:var(--notice-tone)}
.member-shell .app-notification-card.tone-danger{--notice-tone:var(--app-danger)}
.member-shell .app-notification-card.tone-warning{--notice-tone:var(--app-warning)}
.member-shell .app-notification-card.tone-success{--notice-tone:var(--app-success)}
.member-shell .app-notification-card.tone-primary{--notice-tone:var(--app-primary)}
.member-shell .app-notification-open{min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}
.member-shell .app-notification-open strong{display:block;font-size:13px;line-height:1.4;font-weight:800}
.member-shell .app-notification-open>span{display:block;margin-top:5px;color:var(--app-on-variant);font-size:11px;line-height:1.5}
.member-shell .app-notification-open time{display:block;margin-top:8px;color:var(--app-outline);font-size:11px;line-height:1.35}
.member-shell .app-notification-delete{width:42px;height:42px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--app-danger);cursor:pointer}
.member-shell .app-notification-delete:hover{background:color-mix(in srgb,var(--app-danger) 10%,transparent)}
.member-shell .app-notification-delete .member-app-icon{width:23px;height:23px}
.member-shell .notification-select-checkbox{position:absolute;left:8px;top:8px;width:18px;height:18px;opacity:0;pointer-events:none;transition:opacity .15s ease}
.member-shell .app-notification-list.is-bulk-mode .notification-select-checkbox{opacity:1;pointer-events:auto}
.member-shell .notification-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:36px}
.member-shell .notification-empty-card>.member-app-icon{width:42px;height:42px;color:var(--app-primary)}
.member-shell .notification-empty-card>strong{margin-top:12px;font-size:14px}
.member-shell .notification-empty-card>p{margin:5px 0 0;font-size:11px}

/* Profile — Android header/card/menu rhythm plus complete web controls. */
.member-shell .profile-app-preference-controls .snake-experience-controls{display:grid!important;grid-template-columns:42px 1fr 1fr!important;gap:8px!important;width:100%!important}
.member-shell .profile-app-preference-controls .snake-control{width:100%!important;min-width:0!important;height:46px!important;border:1px solid var(--app-outline-variant)!important;border-radius:14px!important;background:var(--app-surface-variant)!important;color:var(--app-on-bg)!important}
.member-shell .profile-preference-links{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--app-outline-variant)}
.member-shell .profile-preference-links a{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--app-on-bg);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--app-outline-variant)}
.member-shell .profile-preference-links a .member-app-icon{width:18px;height:18px;color:var(--app-primary)}
.member-shell .member-profile-logout-form{margin:14px 0 0}
.member-shell .member-profile-logout-button{width:100%;min-height:58px;border:0;border-radius:18px;background:color-mix(in srgb,var(--app-danger) 11%,var(--app-surface));color:var(--app-danger);font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}

@media(max-width:900px){
  .member-shell.page-overview .mobile-appbar,
  .member-shell.page-monitoring .mobile-appbar,
  .member-shell.page-remote .mobile-appbar,
  .member-shell.page-notifications .mobile-appbar,
  .member-shell.page-profile .mobile-appbar{display:none!important}
  .member-shell .app-content{padding:18px 18px calc(98px + env(safe-area-inset-bottom))!important}
  .member-shell .member-screen-header{display:flex;align-items:center;gap:12px;margin:0 0 18px}
  .member-shell .member-screen-header-copy{min-width:0;flex:1}
  .member-shell .member-screen-header h1{margin:0;color:var(--app-on-bg);font-size:23px;line-height:1.2;font-weight:900;letter-spacing:-.025em}
  .member-shell .member-screen-header p{margin:5px 0 0;color:var(--app-on-variant);font-size:11px;line-height:1.4}
  .member-shell .member-screen-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto}
  .member-shell.page-notifications .notification-tools-panel:not([open]){display:none!important}
  .member-shell .member-app-account-picker{margin-bottom:14px!important}
  .member-shell.page-overview .dashboard-web-details{display:none!important}
  .member-shell.page-overview .app-content{padding-top:18px!important}
  .member-shell.page-monitoring .app-content,
  .member-shell.page-remote .app-content,
  .member-shell.page-notifications .app-content,
  .member-shell.page-profile .app-content{padding-top:18px!important}
  .member-shell .member-bottom-nav{height:82px!important;padding-top:6px!important;background:color-mix(in srgb,var(--app-surface) 96%,transparent)!important}
  .member-shell .member-bottom-nav a{min-width:0!important;padding:3px 2px!important}
  .member-shell .member-bottom-nav-icon{width:48px!important;height:30px!important}
  .member-shell .member-bottom-nav-icon svg{width:23px!important;height:23px!important}
  .member-shell .member-bottom-nav-label{font-size:10px!important;font-weight:600!important;white-space:nowrap!important}
  .member-shell .si-snake-launcher{display:none!important}
}
@media(min-width:901px){
  .member-shell.page-monitoring .monitoring-app-screen,
  .member-shell.page-remote .app-remote-form,
  .member-shell.page-notifications .notifications-app-screen{max-width:840px;margin-inline:auto}
  .member-shell.page-remote .remote-sync-card{max-width:840px;margin:0 auto 14px}
}
@media(max-width:560px){
  .member-shell .app-content{padding-left:18px!important;padding-right:18px!important}
  .member-shell .app-premium-card{padding:18px;border-radius:22px}
  .member-shell .member-screen-header{margin-bottom:18px}
  .member-shell .member-app-section-head strong{font-size:18px}
  .member-shell .remote-sync-card{grid-template-columns:1fr auto}
  .member-shell .app-notification-card{padding:16px;grid-template-columns:38px minmax(0,1fr) 38px;gap:10px}
  .member-shell .notification-bulk-controls{grid-template-columns:1fr 1fr}
  .member-shell .notification-bulk-controls>label{grid-column:1/-1}
  .member-shell .notification-tools-panel{border-radius:18px}
  .member-shell .member-app-profile-summary{margin-top:0!important}
  .member-shell .member-app-profile-menu{gap:10px!important}
  .member-shell .member-app-profile-menu>a{min-height:94px!important;padding:14px 16px!important;border-radius:18px!important;background:var(--app-surface-variant)!important;border:0!important;box-shadow:none!important}
}
@media(max-width:390px){
  .member-shell .app-content{padding-left:14px!important;padding-right:14px!important}
  .member-shell .monitoring-realtime-grid{gap:15px 14px}
  .member-shell .monitoring-realtime-grid strong{font-size:13px}
  .member-shell .app-period-grid{gap:15px 18px}
  .member-shell .app-chart-labels{font-size:8px}
  .member-shell .remote-sync-card{grid-template-columns:1fr}
  .member-shell .remote-sync-card>.android-status-pill{justify-self:start}
  .member-shell .app-notification-card{grid-template-columns:34px minmax(0,1fr) 34px;padding:14px}
  .member-shell .app-notification-tone{width:34px;height:34px}
  .member-shell .app-notification-delete{width:34px;height:34px}
}

/* =========================================================
   5.1.1 — Mobile precision and alignment hotfix
   - removes the duplicated mobile top offset
   - keeps the MT5 account badge centered and single-rendered
   - normalizes SVG icon boxes
   - locks every toggle to one consistent geometry
   ========================================================= */

/* The legacy parity sheet adds a second MT5 badge with ::before.
   The new picker already has a real badge element, so render only one. */
.member-shell .account-selector.member-app-account-picker::before,
.member-shell .member-app-account-picker::before{
  content:none!important;
  display:none!important;
}
.member-shell .member-app-account-picker{
  padding:13px 14px!important;
}
.member-shell .member-app-account-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:unset!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-indent:0!important;
  text-align:center!important;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}

/* Stable SVG geometry. Icons must occupy their own box instead of inheriting
   line-height, text alignment, or transforms from generic web controls. */
.member-shell .member-app-icon,
.member-shell .member-bottom-nav-icon svg,
.member-shell .notification-bell svg,
.member-shell .mobile-profile-link svg,
.member-shell .member-app-account-chevron{
  display:block!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  vertical-align:middle!important;
  transform-origin:50% 50%!important;
}
.member-shell .member-app-icon *,
.member-shell .member-bottom-nav-icon svg *,
.member-shell .notification-bell svg *{
  vector-effect:non-scaling-stroke;
}
.member-shell .member-app-menu-icon,
.member-shell .member-header-icon-button,
.member-shell .member-bottom-nav-icon,
.member-shell .notification-bell,
.member-shell .mobile-profile-link,
.member-shell .mobile-appbar-back{
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
  text-align:center!important;
}
.member-shell .member-app-menu-icon .member-app-icon{
  width:22px!important;
  height:22px!important;
}
.member-shell .member-app-profile-menu>a>.member-app-icon{
  width:20px!important;
  height:20px!important;
  justify-self:center!important;
  align-self:center!important;
}
.member-shell .member-header-icon-button .member-app-icon{
  width:23px!important;
  height:23px!important;
}
.member-shell .member-bottom-nav-icon svg{
  width:23px!important;
  height:23px!important;
}
.member-shell .member-app-account-chevron{
  justify-self:center!important;
  align-self:center!important;
}
.member-shell .app-outlined-danger-button .member-app-icon,
.member-shell .app-secondary-wide-button .member-app-icon{
  width:19px!important;
  height:19px!important;
  align-self:center!important;
}

/* Material switch reset. This intentionally overrides the older compact
   switch rules in app.css and prevents the thumb/rail from drifting. */
.member-shell .switch{
  position:relative!important;
  display:inline-block!important;
  width:52px!important;
  height:30px!important;
  min-width:52px!important;
  min-height:30px!important;
  flex:0 0 52px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  line-height:0!important;
  vertical-align:middle!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.member-shell .switch>input{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.member-shell .switch>.slider{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--app-outline)!important;
  border-radius:999px!important;
  background:#CBD4DF!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
.member-shell .switch>.slider::before{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#FFFFFF!important;
  box-shadow:0 1px 3px rgba(4,18,37,.22)!important;
  transform:translateX(0)!important;
  transition:transform .18s ease,background-color .18s ease!important;
  box-sizing:border-box!important;
}
.member-shell .switch>input:checked+.slider{
  border-color:var(--app-primary)!important;
  background:var(--app-primary)!important;
}
.member-shell .switch>input:checked+.slider::before{
  transform:translateX(22px)!important;
  background:#FFFFFF!important;
}
.member-shell .switch>input:focus-visible+.slider{
  outline:3px solid color-mix(in srgb,var(--app-primary) 22%,transparent)!important;
  outline-offset:2px!important;
}
.member-shell .app-setting-switch{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 52px!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:16px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
}
.member-shell .app-setting-switch>span:first-child{
  grid-column:1!important;
  min-width:0!important;
}
.member-shell .app-setting-switch>.switch{
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
}
.member-shell .notification-option>.switch,
.member-shell .notification-email-master>.switch,
.member-shell .notification-cooldown-setting>.switch{
  margin-left:auto!important;
  align-self:center!important;
}

/* Input icons and floating labels use one measured vertical center. */
.member-shell .app-field-with-icon>.member-app-icon{
  left:16px!important;
  top:50%!important;
  width:21px!important;
  height:21px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
.member-shell .app-field-with-icon>label{
  left:52px!important;
}
.member-shell .app-field-with-icon input{
  padding-left:52px!important;
}

@media(max-width:900px){
  /* app.css reserves a fixed app-bar offset. Main app screens hide that bar,
     while detail screens keep it in normal sticky flow. Both cases therefore
     need zero synthetic top padding on app-main. */
  .member-shell .app-main{
    padding-top:0!important;
  }
  .member-shell .app-content{
    padding-top:14px!important;
  }
  .member-shell.page-overview .app-content,
  .member-shell.page-monitoring .app-content,
  .member-shell.page-remote .app-content,
  .member-shell.page-notifications .app-content,
  .member-shell.page-profile .app-content{
    padding-top:14px!important;
  }
  .member-shell .member-screen-header{
    margin-top:0!important;
    margin-bottom:16px!important;
  }
  .member-shell .mobile-appbar.mobile-appbar-detail{
    grid-template-columns:42px minmax(0,1fr)!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 14px!important;
  }
  .member-shell .mobile-appbar.mobile-appbar-detail .mobile-appbar-actions{
    display:none!important;
  }
  .member-shell .mobile-appbar.mobile-appbar-detail .mobile-appbar-title{
    font-size:18px!important;
    line-height:1.18!important;
  }
}

@media(max-width:390px){
  .member-shell .member-app-account-mark{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    font-size:11px!important;
  }
}

.member-shell .member-app-account-picker>select{
  opacity:0!important;
  color:transparent!important;
  background:transparent!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

/* Edit profile detail page */
.member-shell.page-profile-edit .app-main{padding-bottom:28px!important}
.member-shell.page-profile-edit .app-content{max-width:820px!important}
.member-shell.page-profile-edit .member-screen-header{margin-bottom:14px!important}
.member-shell.page-profile-edit .member-screen-header-copy h1{font-size:2rem!important}
.member-edit-profile-page{display:grid!important;gap:18px!important}
.member-edit-card{background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;border-radius:30px!important;padding:28px!important;box-shadow:var(--app-shadow)!important}
.member-edit-photo-card{padding-top:34px!important}
.member-edit-photo-form{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.member-edit-photo-preview{display:grid!important;place-items:center!important;margin-bottom:16px!important}
.member-edit-photo-avatar{width:128px!important;height:128px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(135deg,var(--app-primary-container),var(--app-primary))!important;color:#fff!important;font-size:2.4rem!important;font-weight:800!important;border:4px solid rgba(18,83,145,.08)!important;box-shadow:0 12px 30px rgba(6,31,60,.12)!important}
.member-edit-photo-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.member-edit-photo-caption{max-width:560px!important;margin:0 0 22px!important;color:var(--app-on-variant)!important;font-size:1rem!important;line-height:1.7!important}
.member-edit-photo-buttons{display:flex!important;gap:14px!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important}
.member-edit-outline-button{min-width:184px!important;min-height:66px!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;border-radius:18px!important;border:2px solid color-mix(in srgb,var(--app-primary) 28%,var(--app-outline-variant))!important;background:#fff!important;color:var(--app-primary)!important;font-weight:800!important;font-size:1rem!important;letter-spacing:.02em!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important}
.member-edit-outline-button:hover{background:var(--app-surface-variant)!important}
.member-edit-button-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important}
.member-edit-button-icon .member-app-icon{width:22px!important;height:22px!important}
.member-edit-photo-filename{display:block!important;margin-top:12px!important;color:var(--app-on-variant)!important;font-size:.82rem!important}
.member-edit-photo-submit[hidden]{display:none!important}
.member-edit-name-form{display:grid!important;gap:20px!important}
.member-edit-field{position:relative!important;display:block!important}
.member-edit-field>span{position:absolute!important;top:-11px!important;left:18px!important;padding:0 8px!important;background:var(--app-surface)!important;color:var(--app-on-variant)!important;font-size:.94rem!important;font-weight:500!important;z-index:2!important}
.member-edit-text-input{width:100%!important;min-height:84px!important;padding:28px 22px 18px!important;border:2px solid color-mix(in srgb,var(--app-primary) 24%,var(--app-outline))!important;border-radius:20px!important;background:var(--app-surface)!important;color:var(--app-on-bg)!important;font:500 1rem/1.4 Roboto,system-ui,sans-serif!important;box-shadow:none!important;text-transform:uppercase!important}
.member-edit-text-input:focus{outline:none!important;border-color:var(--app-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--app-primary) 12%,transparent)!important}
.member-edit-save-button{min-height:74px!important;border-radius:20px!important;font-size:1.08rem!important;font-weight:800!important;letter-spacing:.03em!important}
@media (max-width: 767px){
  .member-shell.page-profile-edit .app-content{max-width:none!important}
  .member-shell.page-profile-edit .member-screen-header{display:none!important}
  .member-edit-profile-page{gap:14px!important}
  .member-edit-card{padding:22px 16px!important;border-radius:26px!important}
  .member-edit-photo-card{padding-top:26px!important}
  .member-edit-photo-avatar{width:108px!important;height:108px!important}
  .member-edit-photo-caption{font-size:.9rem!important;line-height:1.65!important;margin-bottom:18px!important}
  .member-edit-photo-buttons{gap:12px!important}
  .member-edit-outline-button{flex:1 1 0!important;min-width:0!important;min-height:58px!important;padding:0 16px!important;border-radius:16px!important;font-size:.95rem!important}
  .member-edit-field>span{left:16px!important;font-size:.9rem!important}
  .member-edit-text-input{min-height:80px!important;padding:26px 18px 16px!important;border-radius:18px!important;font-size:.94rem!important}
  .member-edit-save-button{min-height:68px!important;border-radius:18px!important;font-size:1rem!important}
}

/* Change email detail page */
.member-shell.page-email-change .app-main{padding-bottom:28px!important}
.member-shell.page-email-change .app-content{max-width:820px!important}
.member-shell.page-email-change .member-screen-header{margin-bottom:14px!important}
.member-shell.page-email-change .member-screen-header-copy h1{font-size:2rem!important}
.member-email-change-page{display:grid!important;gap:18px!important}
.member-email-card{background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;border-radius:30px!important;padding:26px!important;box-shadow:var(--app-shadow)!important}
.member-email-form{display:grid!important;gap:16px!important}
.member-email-current-block{display:grid!important;gap:6px!important;padding:6px 2px 4px!important}
.member-email-label{color:var(--app-on-variant)!important;font-size:1rem!important;font-weight:500!important}
.member-email-current-value{font-size:1.15rem!important;line-height:1.5!important;color:var(--app-on-bg)!important;word-break:break-word!important}
.member-email-input-wrap{display:block!important}
.member-email-input{width:100%!important;min-height:82px!important;padding:0 22px!important;border:2px solid color-mix(in srgb,var(--app-primary) 24%,var(--app-outline))!important;border-radius:20px!important;background:var(--app-surface)!important;color:var(--app-on-bg)!important;font:500 1rem/1.4 Roboto,system-ui,sans-serif!important;box-shadow:none!important}
.member-email-input::placeholder{color:color-mix(in srgb,var(--app-on-variant) 88%,white)!important;opacity:1!important}
.member-email-input:focus{outline:none!important;border-color:var(--app-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--app-primary) 12%,transparent)!important}
.member-email-primary-button{min-height:74px!important;border-radius:20px!important;font-size:1.06rem!important;font-weight:800!important;letter-spacing:.03em!important}
.member-email-verify-header{margin-bottom:14px!important}
.member-email-verify-header h2{margin:0 0 8px!important;font-size:1.75rem!important;line-height:1.2!important;color:var(--app-on-bg)!important}
.member-email-verify-header p{margin:0!important;color:var(--app-on-variant)!important;font-size:.98rem!important;line-height:1.7!important}
.member-email-pending-note{margin-top:12px!important;padding:12px 14px!important;border-radius:16px!important;background:color-mix(in srgb,var(--app-primary-container) 42%,white)!important;color:var(--app-on-bg)!important;font-size:.92rem!important;line-height:1.55!important}
.member-email-otp-input{text-transform:uppercase!important;letter-spacing:.02em!important}
.member-email-secondary-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:18px!important}
.member-email-secondary-row form{margin:0!important}
.member-email-text-button{border:0!important;background:none!important;padding:0!important;color:var(--app-primary)!important;font-weight:700!important;font-size:1rem!important;cursor:pointer!important}
.member-email-text-button.danger{color:var(--app-danger)!important}
@media (max-width: 767px){
  .member-shell.page-email-change .app-content{max-width:none!important}
  .member-shell.page-email-change .member-screen-header{display:none!important}
  .member-email-change-page{gap:14px!important}
  .member-email-card{padding:20px 16px!important;border-radius:26px!important}
  .member-email-current-value{font-size:1.05rem!important}
  .member-email-input{min-height:80px!important;border-radius:18px!important;padding:0 18px!important;font-size:.94rem!important}
  .member-email-primary-button{min-height:68px!important;border-radius:18px!important;font-size:1rem!important}
  .member-email-verify-header h2{font-size:1.35rem!important}
  .member-email-verify-header p,.member-email-pending-note{font-size:.9rem!important;line-height:1.65!important}
  .member-email-secondary-row{margin-top:16px!important}
  .member-email-text-button{font-size:.98rem!important}
}

/* Change password detail page */
.member-shell.page-password-change .app-main{padding-bottom:28px!important}
.member-shell.page-password-change .app-content{max-width:820px!important}
.member-shell.page-password-change .member-screen-header{margin-bottom:14px!important}
.member-shell.page-password-change .member-screen-header-copy h1{font-size:2rem!important}
.member-password-change-page{display:grid!important;gap:18px!important}
.member-password-card{background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;border-radius:30px!important;padding:26px!important;box-shadow:var(--app-shadow)!important}
.member-password-form{display:grid!important;gap:16px!important}
.member-password-input-wrap{display:block!important}
.member-password-input{width:100%!important;min-height:82px!important;padding:0 22px!important;border:2px solid color-mix(in srgb,var(--app-primary) 24%,var(--app-outline))!important;border-radius:20px!important;background:var(--app-surface)!important;color:var(--app-on-bg)!important;font:500 1rem/1.4 Roboto,system-ui,sans-serif!important;box-shadow:none!important}
.member-password-input::placeholder{color:color-mix(in srgb,var(--app-on-variant) 88%,white)!important;opacity:1!important}
.member-password-input:focus{outline:none!important;border-color:var(--app-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--app-primary) 12%,transparent)!important}
.member-password-helper{margin:0!important;color:var(--app-on-variant)!important;font-size:.97rem!important;line-height:1.65!important}
.member-password-primary-button{min-height:74px!important;border-radius:20px!important;font-size:1.06rem!important;font-weight:800!important;letter-spacing:.03em!important}
@media (max-width: 767px){
  .member-shell.page-password-change .app-content{max-width:none!important}
  .member-shell.page-password-change .member-screen-header{display:none!important}
  .member-password-change-page{gap:14px!important}
  .member-password-card{padding:20px 16px!important;border-radius:26px!important}
  .member-password-input{min-height:80px!important;border-radius:18px!important;padding:0 18px!important;font-size:.94rem!important}
  .member-password-helper{font-size:.9rem!important;line-height:1.65!important}
  .member-password-primary-button{min-height:68px!important;border-radius:18px!important;font-size:1rem!important}
}

/* Application settings and diagnostic detail pages */
.member-shell.page-app-settings .app-content,
.member-shell.page-system-status .app-content,
.member-shell.page-push-config .app-content,
.member-shell.page-privacy-data .app-content{max-width:820px!important}
.member-shell.page-app-settings .member-screen-header,
.member-shell.page-system-status .member-screen-header,
.member-shell.page-push-config .member-screen-header,
.member-shell.page-privacy-data .member-screen-header{margin-bottom:14px!important}
.member-shell.page-app-settings .member-screen-header-copy h1,
.member-shell.page-system-status .member-screen-header-copy h1,
.member-shell.page-push-config .member-screen-header-copy h1,
.member-shell.page-privacy-data .member-screen-header-copy h1{font-size:2rem!important}

.member-app-settings-page{display:grid!important;gap:18px!important}
.member-settings-card,.member-system-card{background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;border-radius:30px!important;padding:26px!important;box-shadow:var(--app-shadow)!important}
.member-settings-theme-card h2,.member-system-card h2{margin:0 0 18px!important;color:var(--app-on-bg)!important;font-size:1.45rem!important;line-height:1.25!important}
.member-theme-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-radius:22px!important;overflow:hidden!important;background:var(--app-surface-variant)!important}
.member-theme-option{min-height:138px!important;padding:18px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;border:0!important;background:transparent!important;color:var(--app-on-bg)!important;cursor:pointer!important;font:inherit!important}
.member-theme-option.is-active{background:var(--app-primary-container)!important;color:var(--app-primary)!important}
.member-theme-option-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important}
.member-theme-option-icon .member-app-icon{width:36px!important;height:36px!important}
.member-theme-option strong{font-size:1.02rem!important;line-height:1.25!important}
.member-settings-row{width:100%!important;min-height:112px!important;padding:18px 22px!important;display:grid!important;grid-template-columns:64px minmax(0,1fr) 28px!important;gap:18px!important;align-items:center!important;border:0!important;border-radius:24px!important;background:var(--app-surface-variant)!important;color:var(--app-on-bg)!important;text-decoration:none!important;text-align:left!important;font:inherit!important;cursor:pointer!important;box-shadow:none!important}
.member-settings-row>.member-app-icon{width:24px!important;height:24px!important;color:var(--app-primary)!important}
.member-settings-icon{width:64px!important;height:64px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:var(--app-primary-container)!important;color:var(--app-primary)!important}
.member-settings-icon .member-app-icon{width:32px!important;height:32px!important}
.member-settings-copy{display:grid!important;gap:7px!important;min-width:0!important}
.member-settings-copy strong{font-size:1.15rem!important;line-height:1.25!important;color:var(--app-on-bg)!important}
.member-settings-copy small{font-size:.92rem!important;line-height:1.5!important;color:var(--app-on-variant)!important}

.member-language-dialog[hidden]{display:none!important}
.member-language-dialog{position:fixed!important;inset:0!important;z-index:10030!important;display:grid!important;place-items:center!important;padding:18px!important}
.member-language-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(2px)!important}
.member-language-panel{position:relative!important;width:min(500px,92vw)!important;max-height:min(820px,88dvh)!important;padding:30px 34px!important;border-radius:34px!important;background:var(--app-surface)!important;color:var(--app-on-bg)!important;box-shadow:0 32px 90px rgba(0,0,0,.3)!important;overflow:auto!important}
.member-language-panel h2{margin:0 0 20px!important;font-size:2rem!important;line-height:1.15!important}
.member-language-options{display:grid!important;gap:4px!important}
.member-language-option{min-height:66px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;color:var(--app-on-bg)!important;font-size:1.05rem!important;cursor:pointer!important}
.member-language-option input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.member-language-radio-ui{width:30px!important;height:30px!important;border:3px solid var(--app-outline)!important;border-radius:50%!important;display:block!important;position:relative!important}
.member-language-option input:checked+.member-language-radio-ui{border-color:var(--app-primary)!important}
.member-language-option input:checked+.member-language-radio-ui:after{content:""!important;position:absolute!important;inset:5px!important;border-radius:50%!important;background:var(--app-primary)!important}
.member-language-close{margin:24px 0 0 auto!important;display:block!important;padding:10px 12px!important;border:0!important;background:transparent!important;color:var(--app-primary)!important;font-size:1rem!important;font-weight:700!important;cursor:pointer!important}
body.member-language-dialog-open{overflow:hidden!important}

.member-system-status-page,.member-push-config-page,.member-privacy-data-page{display:grid!important;gap:18px!important}
.member-system-checks-card,.member-push-status-card{display:grid!important;gap:2px!important}
.member-system-check-row{min-height:92px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;padding:15px 2px!important}
.member-system-check-row>span:last-child{display:grid!important;gap:7px!important}
.member-system-check-row strong{font-size:1rem!important;line-height:1.35!important;color:var(--app-on-bg)!important}
.member-system-check-row small{font-size:.91rem!important;line-height:1.55!important;color:var(--app-on-variant)!important}
.member-system-check-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;color:var(--app-success)!important}
.member-system-check-icon .member-app-icon{width:28px!important;height:28px!important}
.member-system-check-row.is-warning .member-system-check-icon{color:var(--app-warning)!important}
.member-system-device-card p{margin:0 0 12px!important;color:var(--app-on-variant)!important;font-size:.96rem!important;line-height:1.55!important;word-break:break-word!important}
.member-settings-outline-action{width:100%!important;min-height:72px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;border:2px solid color-mix(in srgb,var(--app-primary) 25%,var(--app-outline))!important;border-radius:20px!important;background:var(--app-surface)!important;color:var(--app-primary)!important;text-decoration:none!important;font-size:1rem!important;font-weight:800!important;letter-spacing:.015em!important;cursor:pointer!important}
.member-settings-outline-action .member-app-icon{width:24px!important;height:24px!important}
.member-system-latest-pill{width:max-content!important;max-width:100%!important;padding:18px 24px!important;border:1px solid var(--app-outline-variant)!important;border-radius:24px!important;background:var(--app-surface)!important;color:var(--app-on-bg)!important;font-size:1.12rem!important;font-weight:800!important;box-shadow:var(--app-shadow)!important}
.member-push-main-button{min-height:76px!important;border-radius:22px!important;font-size:1.06rem!important;font-weight:800!important}
.member-push-refresh-link{justify-self:center!important;padding:10px 16px!important;color:var(--app-primary)!important;text-decoration:none!important;font-weight:700!important}
.member-push-warning{margin:6px 0 0!important;color:var(--app-warning)!important;font-size:.92rem!important;line-height:1.6!important}
.member-privacy-description-card p{margin:0!important;color:var(--app-on-variant)!important;font-size:.96rem!important;line-height:1.7!important}
.member-privacy-delete-button{min-height:76px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important;border-radius:22px!important;background:#D94359!important;color:#fff!important;text-decoration:none!important;font-size:1.08rem!important;font-weight:800!important;letter-spacing:.02em!important}

@media(max-width:767px){
  .member-shell.page-app-settings .app-content,
  .member-shell.page-system-status .app-content,
  .member-shell.page-push-config .app-content,
  .member-shell.page-privacy-data .app-content{max-width:none!important}
  .member-shell.page-app-settings .member-screen-header,
  .member-shell.page-system-status .member-screen-header,
  .member-shell.page-push-config .member-screen-header,
  .member-shell.page-privacy-data .member-screen-header{display:none!important}
  .member-app-settings-page,.member-system-status-page,.member-push-config-page,.member-privacy-data-page{gap:14px!important}
  .member-settings-card,.member-system-card{padding:20px 16px!important;border-radius:26px!important}
  .member-settings-theme-card h2,.member-system-card h2{font-size:1.25rem!important;margin-bottom:16px!important}
  .member-theme-option{min-height:120px!important;padding:14px 8px!important;gap:12px!important}
  .member-theme-option-icon{width:38px!important;height:38px!important}
  .member-theme-option-icon .member-app-icon{width:32px!important;height:32px!important}
  .member-theme-option strong{font-size:.92rem!important}
  .member-settings-row{min-height:104px!important;padding:16px 18px!important;grid-template-columns:58px minmax(0,1fr) 24px!important;gap:14px!important;border-radius:22px!important}
  .member-settings-icon{width:58px!important;height:58px!important;border-radius:17px!important}
  .member-settings-icon .member-app-icon{width:29px!important;height:29px!important}
  .member-settings-copy strong{font-size:1rem!important}
  .member-settings-copy small{font-size:.84rem!important;line-height:1.45!important}
  .member-language-panel{width:min(480px,88vw)!important;padding:26px 28px!important;border-radius:32px!important}
  .member-language-panel h2{font-size:1.75rem!important}
  .member-language-option{min-height:62px!important;font-size:1rem!important}
  .member-system-check-row{min-height:82px!important;padding:13px 0!important;grid-template-columns:32px minmax(0,1fr)!important;gap:14px!important}
  .member-system-check-row strong{font-size:.94rem!important}
  .member-system-check-row small{font-size:.84rem!important}
  .member-settings-outline-action{min-height:66px!important;border-radius:18px!important;font-size:.94rem!important}
  .member-system-latest-pill{padding:16px 20px!important;border-radius:22px!important;font-size:1rem!important}
  .member-push-main-button,.member-privacy-delete-button{min-height:68px!important;border-radius:19px!important;font-size:1rem!important}
  .member-push-warning,.member-privacy-description-card p{font-size:.86rem!important}
}

/* Activity history page with the same mobile card language as app settings/profile screens. */
.member-shell.page-history .member-screen-header{margin-bottom:14px!important}
.member-shell.page-history .member-screen-header-copy h1{font-size:2rem!important}
.member-shell.page-history .activity-history-page{display:grid!important;gap:14px!important}
.member-shell.page-history .activity-filter-row{display:flex!important;align-items:center!important;gap:12px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:2px!important}
.member-shell.page-history .activity-filter-row::-webkit-scrollbar{display:none!important}
.member-shell.page-history .activity-filter-row .filter-pill{min-width:max-content!important;min-height:48px!important;padding:12px 22px!important;border-radius:16px!important;font-size:1rem!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.member-shell.page-history .activity-filter-row .filter-pill.active{background:#f7e4a7!important;color:#483c18!important;border-color:#f0d98d!important}
.member-shell.page-history .activity-history-list{display:grid!important;gap:16px!important}
.member-shell.page-history .activity-history-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;padding:22px!important;border:1px solid var(--app-outline-variant)!important;border-radius:28px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-history .activity-card-icon{width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--app-surface-variant)!important;color:var(--app-primary)!important}
.member-shell.page-history .activity-card-icon .member-app-icon{width:24px!important;height:24px!important}
.member-shell.page-history .activity-card-body{min-width:0!important}
.member-shell.page-history .activity-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.member-shell.page-history .activity-card-copy{min-width:0!important}
.member-shell.page-history .activity-card-copy h2{margin:0!important;color:var(--app-on-bg)!important;font-size:1.35rem!important;line-height:1.3!important;font-weight:900!important}
.member-shell.page-history .activity-card-copy p{margin:7px 0 0!important;color:var(--app-on-variant)!important;font-size:1rem!important;line-height:1.55!important}
.member-shell.page-history .activity-card-body time{display:block!important;margin-top:18px!important;color:var(--app-outline)!important;font-size:.96rem!important;line-height:1.4!important}
.member-shell.page-history .activity-card-pill{flex-shrink:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:8px 16px!important;border-radius:999px!important;border:1px solid currentColor!important;font-size:.95rem!important;font-weight:900!important;letter-spacing:.01em!important}
.member-shell.page-history .activity-card-pill i{width:10px!important;height:10px!important;border-radius:50%!important;background:currentColor!important;display:block!important}
.member-shell.page-history .activity-card-pill.is-ea{color:#d1962a!important;background:color-mix(in srgb,#d1962a 10%,transparent)!important;border-color:color-mix(in srgb,#d1962a 45%,transparent)!important}
.member-shell.page-history .activity-card-pill.is-account{color:#758391!important;background:color-mix(in srgb,#758391 10%,transparent)!important;border-color:color-mix(in srgb,#758391 45%,transparent)!important}
.member-shell.page-history .activity-empty-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;padding:22px!important;border:1px solid var(--app-outline-variant)!important;border-radius:28px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-history .activity-empty-icon{width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--app-primary-container)!important;color:var(--app-primary)!important}
.member-shell.page-history .activity-empty-icon .member-app-icon{width:24px!important;height:24px!important}
.member-shell.page-history .activity-empty-card h2{margin:0!important;color:var(--app-on-bg)!important;font-size:1.35rem!important;font-weight:900!important}
.member-shell.page-history .activity-empty-card p{margin:8px 0 0!important;color:var(--app-on-variant)!important;font-size:1rem!important;line-height:1.55!important}
@media(max-width:640px){
  .member-shell.page-history .member-screen-header{display:none!important}
  .member-shell.page-history .activity-filter-row{gap:10px!important}
  .member-shell.page-history .activity-filter-row .filter-pill{min-height:44px!important;padding:10px 18px!important;border-radius:14px!important;font-size:.95rem!important}
  .member-shell.page-history .activity-history-card,.member-shell.page-history .activity-empty-card{grid-template-columns:46px minmax(0,1fr)!important;gap:14px!important;padding:18px!important;border-radius:24px!important}
  .member-shell.page-history .activity-card-icon,.member-shell.page-history .activity-empty-icon{width:46px!important;height:46px!important}
  .member-shell.page-history .activity-card-icon .member-app-icon,.member-shell.page-history .activity-empty-icon .member-app-icon{width:20px!important;height:20px!important}
  .member-shell.page-history .activity-card-head{gap:12px!important}
  .member-shell.page-history .activity-card-copy h2,.member-shell.page-history .activity-empty-card h2{font-size:1.1rem!important}
  .member-shell.page-history .activity-card-copy p,.member-shell.page-history .activity-empty-card p{font-size:.92rem!important}
  .member-shell.page-history .activity-card-body time{margin-top:12px!important;font-size:.84rem!important}
  .member-shell.page-history .activity-card-pill{min-height:38px!important;padding:6px 14px!important;font-size:.84rem!important}
}

/* Connected devices / login devices page */
.member-shell.page-devices .member-devices-page{display:grid!important;gap:18px!important}
.member-shell.page-devices .member-devices-security-card{display:grid!important;gap:16px!important;padding:22px!important;border:1px solid var(--app-outline-variant)!important;border-radius:28px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-devices .member-devices-security-copy h2{margin:0!important;font-size:1.45rem!important;font-weight:900!important;color:var(--app-on-bg)!important}
.member-shell.page-devices .member-devices-security-copy p{margin:10px 0 0!important;color:var(--app-on-variant)!important;font-size:1rem!important;line-height:1.6!important}
.member-shell.page-devices .member-devices-outline-action{width:100%!important;min-height:68px!important;padding:0 22px!important;border-radius:22px!important;border:2px solid #8ca0b1!important;background:#fff!important;color:var(--app-primary)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;font-size:1.03rem!important;font-weight:900!important;letter-spacing:.01em!important}
.member-shell.page-devices .member-devices-outline-action .member-app-icon{width:23px!important;height:23px!important}
.member-shell.page-devices .member-devices-list{display:grid!important;gap:18px!important}
.member-shell.page-devices .member-device-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:18px!important;padding:22px!important;border:1px solid var(--app-outline-variant)!important;border-radius:28px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-devices .member-device-card.is-current{background:#fffdf2!important;border-color:#b59f63!important}
.member-shell.page-devices .member-device-icon{width:56px!important;height:56px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#f2eecf!important;color:var(--app-primary)!important}
.member-shell.page-devices .member-device-icon .member-app-icon{width:28px!important;height:28px!important}
.member-shell.page-devices .member-device-copy{min-width:0!important}
.member-shell.page-devices .member-device-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.member-shell.page-devices .member-device-head h3{margin:0!important;font-size:1.42rem!important;font-weight:900!important;color:var(--app-on-bg)!important;line-height:1.3!important}
.member-shell.page-devices .member-device-head p{margin:8px 0 0!important;font-size:1rem!important;color:var(--app-on-variant)!important;line-height:1.45!important}
.member-shell.page-devices .member-device-copy small{display:block!important;margin-top:16px!important;font-size:.97rem!important;color:var(--app-outline)!important;line-height:1.5!important}
.member-shell.page-devices .member-device-badge{flex-shrink:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:8px 16px!important;border-radius:999px!important;border:1px solid rgba(55,164,116,.45)!important;background:rgba(55,164,116,.10)!important;color:#2f9b6d!important;font-size:.95rem!important;font-weight:900!important}
.member-shell.page-devices .member-device-badge i{display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:currentColor!important}
.member-shell.page-devices .member-device-delete{width:48px!important;height:48px!important;border:0!important;border-radius:16px!important;background:rgba(220,74,94,.08)!important;color:#d54d63!important;display:grid!important;place-items:center!important;padding:0!important}
.member-shell.page-devices .member-device-delete .member-app-icon{width:24px!important;height:24px!important}
@media (max-width:640px){
  .member-shell.page-devices .member-devices-page{gap:14px!important}
  .member-shell.page-devices .member-devices-security-card{padding:18px!important;border-radius:24px!important}
  .member-shell.page-devices .member-devices-security-copy h2{font-size:1.18rem!important}
  .member-shell.page-devices .member-devices-security-copy p{font-size:.92rem!important;margin-top:8px!important}
  .member-shell.page-devices .member-devices-outline-action{min-height:56px!important;border-radius:18px!important;font-size:.92rem!important;padding:0 16px!important}
  .member-shell.page-devices .member-devices-list{gap:14px!important}
  .member-shell.page-devices .member-device-card{grid-template-columns:42px minmax(0,1fr)!important;gap:14px!important;padding:18px!important;border-radius:24px!important}
  .member-shell.page-devices .member-device-icon{width:42px!important;height:42px!important;border-radius:14px!important}
  .member-shell.page-devices .member-device-icon .member-app-icon{width:22px!important;height:22px!important}
  .member-shell.page-devices .member-device-head{gap:10px!important}
  .member-shell.page-devices .member-device-head h3{font-size:1.02rem!important}
  .member-shell.page-devices .member-device-head p{font-size:.92rem!important;margin-top:6px!important}
  .member-shell.page-devices .member-device-copy small{margin-top:12px!important;font-size:.85rem!important}
  .member-shell.page-devices .member-device-badge{min-height:38px!important;padding:6px 12px!important;font-size:.82rem!important}
  .member-shell.page-devices .member-device-delete{width:42px!important;height:42px!important;border-radius:14px!important}
}

/* Notification settings: stack device + email channels vertically like app */
.member-shell.page-notifications .notification-channel-grid{
  grid-template-columns:1fr !important;
  gap:14px !important;
}
.member-shell.page-notifications .notification-email-master,
.member-shell.page-notifications .notification-device-master,
.member-shell.page-notifications .notification-email-channel{
  min-height:108px !important;
  padding:20px 18px !important;
  border-radius:24px !important;
}
.member-shell.page-notifications .notification-device-master{
  background:#ffffff !important;
  border-color:var(--app-outline-variant) !important;
}
.member-shell.page-notifications .notification-email-channel{
  background:#ffffff !important;
  border-color:var(--app-outline-variant) !important;
}
.member-shell.page-notifications .notification-email-master h4{
  font-size:1.08rem !important;
  font-weight:900 !important;
}
.member-shell.page-notifications .notification-email-master p{
  margin-top:8px !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
}
@media (max-width:640px){
  .member-shell.page-notifications .notification-email-master,
  .member-shell.page-notifications .notification-device-master,
  .member-shell.page-notifications .notification-email-channel{
    min-height:auto !important;
    padding:16px !important;
    border-radius:22px !important;
  }
  .member-shell.page-notifications .notification-email-master h4{
    font-size:1rem !important;
  }
  .member-shell.page-notifications .notification-email-master p{
    font-size:.86rem !important;
    margin-top:6px !important;
  }
}

/* CS AI attachment composer */
.member-shell.page-si-snake .si-snake-composer{
  grid-template-columns:48px minmax(0,1fr) 64px !important;
  gap:9px !important;
  align-items:end !important;
}
.member-shell.page-si-snake .si-snake-attach{
  width:48px !important;
  height:48px !important;
  border:2px solid color-mix(in srgb,var(--app-primary) 32%,var(--app-outline-variant)) !important;
  border-radius:16px !important;
  background:var(--app-surface) !important;
  color:var(--app-primary) !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
}
.member-shell.page-si-snake .si-snake-attach svg{
  width:23px !important;
  height:23px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.member-shell.page-si-snake .si-snake-composer textarea{
  min-height:48px !important;
  padding:13px 15px !important;
  border-radius:16px !important;
  font-size:.95rem !important;
}
.member-shell.page-si-snake .si-snake-composer>[data-si-snake-send]{
  min-width:64px !important;
  min-height:48px !important;
  border-radius:16px !important;
  font-size:.84rem !important;
}
.member-shell.page-si-snake .si-snake-attach-note{
  margin:8px 2px 0 !important;
  font-size:.72rem !important;
  line-height:1.45 !important;
}
.member-shell.page-si-snake .si-snake-selected-files{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  gap:8px !important;
  overflow:visible !important;
  margin:0 0 9px !important;
  padding:0 !important;
}
.member-shell.page-si-snake .si-snake-selected-files[hidden]{display:none !important}
.member-shell.page-si-snake .si-snake-selected-file{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 30px !important;
  align-items:center !important;
  gap:9px !important;
  max-width:none !important;
  padding:7px 8px !important;
  border:1px solid var(--app-outline-variant) !important;
  border-radius:14px !important;
  background:var(--app-surface-variant) !important;
  color:var(--app-on-bg) !important;
  white-space:normal !important;
  overflow:visible !important;
}
.member-shell.page-si-snake .si-snake-selected-file-preview{
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  background:var(--app-primary-container) !important;
  color:var(--app-primary) !important;
  font-size:.62rem !important;
  font-weight:900 !important;
}
.member-shell.page-si-snake .si-snake-selected-file-preview img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.member-shell.page-si-snake .si-snake-selected-file-info{
  display:grid !important;
  min-width:0 !important;
  gap:2px !important;
}
.member-shell.page-si-snake .si-snake-selected-file-info strong{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:.78rem !important;
}
.member-shell.page-si-snake .si-snake-selected-file-info small{
  color:var(--app-on-variant) !important;
  font-size:.68rem !important;
}
.member-shell.page-si-snake .si-snake-selected-file-remove{
  width:30px !important;
  height:30px !important;
  border:0 !important;
  border-radius:10px !important;
  background:color-mix(in srgb,var(--app-danger) 10%,transparent) !important;
  color:var(--app-danger) !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  font-size:1.2rem !important;
  line-height:1 !important;
  cursor:pointer !important;
}
.member-shell.page-si-snake .si-snake-file-error{
  grid-column:1/-1 !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  background:color-mix(in srgb,var(--app-danger) 9%,var(--app-surface)) !important;
  color:var(--app-danger) !important;
  font-size:.78rem !important;
  font-weight:700 !important;
}
@media(max-width:640px){
  .member-shell.page-si-snake .si-snake-composer{
    grid-template-columns:44px minmax(0,1fr) 58px !important;
    gap:7px !important;
  }
  .member-shell.page-si-snake .si-snake-attach{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
  }
  .member-shell.page-si-snake .si-snake-composer textarea{
    min-height:44px !important;
    padding:11px 13px !important;
    font-size:.9rem !important;
  }
  .member-shell.page-si-snake .si-snake-composer>[data-si-snake-send]{
    min-width:58px !important;
    min-height:44px !important;
    border-radius:14px !important;
  }
  .member-shell.page-si-snake .si-snake-attach-note{
    font-size:.65rem !important;
  }
  .member-shell.page-si-snake .si-snake-selected-files{
    grid-template-columns:1fr !important;
  }
}

/* Full app-style notification settings screen. */
.member-shell.page-notification-settings .app-content{max-width:820px!important}
.member-shell.page-notification-settings .app-main{padding-bottom:36px!important}
.member-shell.page-notification-settings .member-screen-header{margin-bottom:16px!important}
.member-shell.page-notification-settings .app-notification-settings-page{display:block!important}
.member-shell.page-notification-settings .app-notification-form{display:grid!important;gap:18px!important}
.member-shell.page-notification-settings .app-notification-card{background:var(--app-surface)!important;border:1px solid var(--app-outline-variant)!important;border-radius:30px!important;padding:24px!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-notification-settings .app-notification-channel-card{display:grid!important;gap:0!important}
.member-shell.page-notification-settings .app-notification-divider{height:1px!important;background:var(--app-outline-variant)!important;margin:18px 0!important}
.member-shell.page-notification-settings .app-notification-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;min-height:82px!important}
.member-shell.page-notification-settings .app-notification-master-row{min-height:96px!important}
.member-shell.page-notification-settings .app-notification-copy{min-width:0!important;flex:1 1 auto!important}
.member-shell.page-notification-settings .app-notification-copy h2,
.member-shell.page-notification-settings .app-notification-copy h3{margin:0!important;color:var(--app-on-bg)!important;font-weight:900!important;line-height:1.25!important}
.member-shell.page-notification-settings .app-notification-copy h2{font-size:1.25rem!important}
.member-shell.page-notification-settings .app-notification-copy h3{font-size:1.02rem!important}
.member-shell.page-notification-settings .app-notification-copy p{margin:8px 0 0!important;color:var(--app-on-variant)!important;font-size:.96rem!important;line-height:1.5!important}
.member-shell.page-notification-settings .app-notification-copy small{display:block!important;margin-top:7px!important;color:var(--app-outline)!important;font-size:.82rem!important;line-height:1.45!important}
.member-shell.page-notification-settings .app-notification-toggle{position:relative!important;display:block!important;width:78px!important;height:48px!important;flex:0 0 78px!important;cursor:pointer!important}
.member-shell.page-notification-settings .app-notification-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.member-shell.page-notification-settings .app-notification-toggle span{position:absolute!important;inset:0!important;border-radius:999px!important;background:#c9d2df!important;transition:background .2s ease!important;box-shadow:inset 0 0 0 1px rgba(16,35,63,.08)!important}
.member-shell.page-notification-settings .app-notification-toggle span::after{content:''!important;position:absolute!important;width:38px!important;height:38px!important;left:5px!important;top:5px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px rgba(16,35,63,.18)!important;transition:transform .2s ease!important}
.member-shell.page-notification-settings .app-notification-toggle input:checked+span{background:#0c4178!important}
.member-shell.page-notification-settings .app-notification-toggle input:checked+span::after{transform:translateX(30px)!important}
.member-shell.page-notification-settings .app-notification-toggle input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--app-primary) 24%,transparent)!important;outline-offset:3px!important}
.member-shell.page-notification-settings .app-notification-groups{display:grid!important;gap:18px!important;margin:0!important;padding:0!important;border:0!important;min-width:0!important}
.member-shell.page-notification-settings .app-notification-groups:disabled{opacity:.58!important}
.member-shell.page-notification-settings .app-notification-section-title{margin:0 0 12px!important;color:var(--app-on-bg)!important;font-size:1.35rem!important;font-weight:900!important;line-height:1.25!important}
.member-shell.page-notification-settings .app-notification-category-list{display:grid!important}
.member-shell.page-notification-settings .app-notification-category-list .app-notification-row+ .app-notification-row{border-top:1px solid color-mix(in srgb,var(--app-outline-variant) 74%,transparent)!important}
.member-shell.page-notification-settings .app-notification-category-list .app-notification-row{padding:10px 0!important}
.member-shell.page-notification-settings .app-notification-email-setting{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.member-shell.page-notification-settings .app-notification-email-setting select{min-width:150px!important;min-height:52px!important;padding:0 38px 0 16px!important;border:1.5px solid var(--app-outline)!important;border-radius:16px!important;background:var(--app-surface)!important;color:var(--app-on-bg)!important;font-weight:700!important;font-size:.94rem!important}
.member-shell.page-notification-settings .app-notification-note{margin:0!important;color:#bd8427!important;font-size:.9rem!important;line-height:1.55!important}
.member-shell.page-notification-settings .app-notification-save{width:100%!important;min-height:76px!important;border:0!important;border-radius:22px!important;background:#0b3d73!important;color:#fff!important;font-size:1.08rem!important;font-weight:900!important;letter-spacing:.03em!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(11,61,115,.16)!important}
.member-shell.page-notification-settings .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:767px){
  .member-shell.page-notification-settings .app-content{max-width:none!important}
  .member-shell.page-notification-settings .member-screen-header{display:none!important}
  .member-shell.page-notification-settings .app-notification-form{gap:14px!important}
  .member-shell.page-notification-settings .app-notification-card{padding:18px 16px!important;border-radius:26px!important}
  .member-shell.page-notification-settings .app-notification-divider{margin:14px 0!important}
  .member-shell.page-notification-settings .app-notification-row{gap:14px!important;min-height:74px!important}
  .member-shell.page-notification-settings .app-notification-master-row{min-height:84px!important}
  .member-shell.page-notification-settings .app-notification-copy h2{font-size:1.08rem!important}
  .member-shell.page-notification-settings .app-notification-copy h3{font-size:.96rem!important}
  .member-shell.page-notification-settings .app-notification-copy p{margin-top:6px!important;font-size:.86rem!important;line-height:1.48!important}
  .member-shell.page-notification-settings .app-notification-copy small{font-size:.75rem!important}
  .member-shell.page-notification-settings .app-notification-toggle{width:66px!important;height:42px!important;flex-basis:66px!important}
  .member-shell.page-notification-settings .app-notification-toggle span::after{width:34px!important;height:34px!important;left:4px!important;top:4px!important}
  .member-shell.page-notification-settings .app-notification-toggle input:checked+span::after{transform:translateX(24px)!important}
  .member-shell.page-notification-settings .app-notification-section-title{font-size:1.18rem!important;margin-bottom:8px!important}
  .member-shell.page-notification-settings .app-notification-category-list .app-notification-row{padding:8px 0!important}
  .member-shell.page-notification-settings .app-notification-email-setting{align-items:stretch!important;flex-direction:column!important;gap:14px!important}
  .member-shell.page-notification-settings .app-notification-email-setting select{width:100%!important;min-width:0!important}
  .member-shell.page-notification-settings .app-notification-note{font-size:.82rem!important}
  .member-shell.page-notification-settings .app-notification-save{min-height:68px!important;border-radius:20px!important;font-size:1rem!important}
}

/* 5.1.15 — CS AI web page rebuilt to match the Android app chat screen. */
.member-shell.page-si-snake .mobile-appbar,
.member-shell.page-si-snake .member-bottom-nav,
.member-shell.page-si-snake .app-header{display:none!important}
.member-shell.page-si-snake .app-content{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  padding:0!important;
}
.member-shell.page-si-snake .si-snake-page-section{
  width:100%!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
}
.member-shell.page-si-snake .si-snake-page{
  width:100%!important;
  height:100dvh!important;
  min-height:620px!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#10233f!important;
}
.member-shell.page-si-snake .si-snake-app-head{
  min-height:104px!important;
  padding:20px 28px!important;
  display:grid!important;
  grid-template-columns:46px 60px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:14px!important;
  border:0!important;
  background:#fff!important;
  color:#10233f!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-app-back,
.member-shell.page-si-snake .si-snake-app-clear{
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#0b3b70!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.member-shell.page-si-snake .si-snake-app-back:hover,
.member-shell.page-si-snake .si-snake-app-clear:hover{background:#f1f5f9!important}
.member-shell.page-si-snake .si-snake-app-back svg,
.member-shell.page-si-snake .si-snake-app-clear svg{
  width:29px!important;
  height:29px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.member-shell.page-si-snake .si-snake-app-clear{color:#d94b60!important}
.member-shell.page-si-snake .si-snake-app-clear:disabled{opacity:.45!important;cursor:wait!important}
.member-shell.page-si-snake .si-snake-app-head .si-snake-avatar{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#e5ebf2!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-app-head .si-snake-avatar img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
}
.member-shell.page-si-snake .si-snake-app-title{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
.member-shell.page-si-snake .si-snake-app-title strong{
  display:block!important;
  color:#10233f!important;
  font-size:1.55rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.member-shell.page-si-snake .si-snake-app-title span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#2fa779!important;
  font-size:1rem!important;
  line-height:1.25!important;
}
.member-shell.page-si-snake .si-snake-app-title span i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#2fa779!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-messages{
  min-height:0!important;
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
  padding:28px 30px 36px!important;
  background:#fff!important;
  scrollbar-width:thin!important;
}
.member-shell.page-si-snake .si-snake-message{
  display:block!important;
  width:auto!important;
  max-width:88%!important;
}
.member-shell.page-si-snake .si-snake-message.is-user{align-self:flex-end!important;max-width:82%!important}
.member-shell.page-si-snake .si-snake-message.is-assistant,
.member-shell.page-si-snake .si-snake-message.is-admin,
.member-shell.page-si-snake .si-snake-message.is-system{align-self:flex-start!important}
.member-shell.page-si-snake .si-snake-message-label,
.member-shell.page-si-snake .si-snake-message-meta{display:none!important}
.member-shell.page-si-snake .si-snake-bubble{
  position:relative!important;
  padding:20px 22px!important;
  border:0!important;
  border-radius:24px!important;
  background:#f3f6f9!important;
  color:#1b2c43!important;
  box-shadow:0 7px 22px rgba(15,38,67,.06)!important;
}
.member-shell.page-si-snake .si-snake-message.is-user .si-snake-bubble{
  padding:16px 20px!important;
  border-radius:24px!important;
  background:#dce3ea!important;
  color:#1b2c43!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-message.is-assistant .si-snake-bubble,
.member-shell.page-si-snake .si-snake-message.is-admin .si-snake-bubble{
  padding-left:74px!important;
  background:#f1f4f7!important;
}
.member-shell.page-si-snake .si-snake-message.is-assistant .si-snake-bubble:before,
.member-shell.page-si-snake .si-snake-message.is-admin .si-snake-bubble:before{
  content:""!important;
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#dfe6ee url('../images/live-chat.png') center/25px 25px no-repeat!important;
}
.member-shell.page-si-snake .si-snake-message.is-system .si-snake-bubble{
  background:#fff7e8!important;
  color:#6c5317!important;
}
.member-shell.page-si-snake .si-snake-bubble p{
  margin:0!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  color:inherit!important;
  font-size:1.02rem!important;
  line-height:1.62!important;
  font-weight:400!important;
}
.member-shell.page-si-snake .si-snake-sources{display:none!important}
.member-shell.page-si-snake .si-snake-attachments{
  margin-top:14px!important;
  gap:8px!important;
}
.member-shell.page-si-snake .si-snake-attachment{
  padding:10px 12px!important;
  border-radius:14px!important;
  border-color:#d5dee8!important;
  background:#fff!important;
  color:#17324b!important;
}
.member-shell.page-si-snake .si-snake-message.is-user .si-snake-attachment{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(16,35,63,.12)!important;
  color:#17324b!important;
}
.member-shell.page-si-snake .si-snake-message.is-user .si-snake-attachment small{color:#6f7d91!important}
.member-shell.page-si-snake .si-snake-quick{display:none!important}
.member-shell.page-si-snake .si-snake-form{
  position:relative!important;
  z-index:5!important;
  display:block!important;
  padding:12px 20px max(14px,env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid #eef2f6!important;
  background:#fff!important;
  box-shadow:0 -8px 28px rgba(15,38,67,.05)!important;
}
.member-shell.page-si-snake .si-snake-selected-files{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:0!important;
}
.member-shell.page-si-snake .si-snake-selected-files[hidden]{display:none!important}
.member-shell.page-si-snake .si-snake-composer{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 54px 48px!important;
  gap:10px!important;
  align-items:center!important;
}
.member-shell.page-si-snake .si-snake-attach,
.member-shell.page-si-snake .si-snake-app-send,
.member-shell.page-si-snake .si-snake-app-support{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  padding:0!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.member-shell.page-si-snake .si-snake-attach{
  border:2px solid #c8d4df!important;
  background:#fff!important;
  color:#0b3b70!important;
}
.member-shell.page-si-snake .si-snake-app-send{
  border:0!important;
  background:transparent!important;
  color:#0b3b70!important;
}
.member-shell.page-si-snake .si-snake-app-support{
  width:48px!important;
  min-width:48px!important;
  border:0!important;
  background:transparent!important;
  color:#d98b20!important;
}
.member-shell.page-si-snake .si-snake-attach svg,
.member-shell.page-si-snake .si-snake-app-send svg,
.member-shell.page-si-snake .si-snake-app-support svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.member-shell.page-si-snake .si-snake-composer textarea{
  width:100%!important;
  min-height:54px!important;
  max-height:128px!important;
  resize:none!important;
  padding:15px 18px!important;
  border:2px solid #c8d4df!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#17324b!important;
  font:inherit!important;
  font-size:1rem!important;
  line-height:1.45!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-composer textarea:focus{
  outline:0!important;
  border-color:#0b3b70!important;
  box-shadow:0 0 0 3px rgba(11,59,112,.08)!important;
}
.member-shell.page-si-snake .si-snake-attach-note{display:none!important}
.member-shell.page-si-snake .si-snake-typing{
  align-self:flex-start!important;
  margin-left:18px!important;
  color:#718094!important;
}
@media(max-width:700px){
  .member-shell.page-si-snake .app-main{min-height:100dvh!important}
  .member-shell.page-si-snake .si-snake-app-head{
    min-height:92px!important;
    padding:14px 18px!important;
    grid-template-columns:40px 52px minmax(0,1fr) 40px!important;
    gap:10px!important;
  }
  .member-shell.page-si-snake .si-snake-app-back,
  .member-shell.page-si-snake .si-snake-app-clear{width:40px!important;height:40px!important;border-radius:13px!important}
  .member-shell.page-si-snake .si-snake-app-back svg,
  .member-shell.page-si-snake .si-snake-app-clear svg{width:26px!important;height:26px!important}
  .member-shell.page-si-snake .si-snake-app-head .si-snake-avatar{width:52px!important;height:52px!important;min-width:52px!important}
  .member-shell.page-si-snake .si-snake-app-head .si-snake-avatar img{width:30px!important;height:30px!important}
  .member-shell.page-si-snake .si-snake-app-title strong{font-size:1.15rem!important}
  .member-shell.page-si-snake .si-snake-app-title span{font-size:.86rem!important}
  .member-shell.page-si-snake .si-snake-messages{gap:16px!important;padding:18px 18px 24px!important}
  .member-shell.page-si-snake .si-snake-message{max-width:94%!important}
  .member-shell.page-si-snake .si-snake-message.is-user{max-width:86%!important}
  .member-shell.page-si-snake .si-snake-bubble{padding:17px 18px!important;border-radius:22px!important}
  .member-shell.page-si-snake .si-snake-message.is-user .si-snake-bubble{padding:14px 17px!important;border-radius:22px!important}
  .member-shell.page-si-snake .si-snake-message.is-assistant .si-snake-bubble,
  .member-shell.page-si-snake .si-snake-message.is-admin .si-snake-bubble{padding-left:18px!important;padding-top:62px!important}
  .member-shell.page-si-snake .si-snake-message.is-assistant .si-snake-bubble:before,
  .member-shell.page-si-snake .si-snake-message.is-admin .si-snake-bubble:before{top:16px!important;left:16px!important;width:38px!important;height:38px!important;background-size:23px 23px!important}
  .member-shell.page-si-snake .si-snake-bubble p{font-size:.94rem!important;line-height:1.6!important}
  .member-shell.page-si-snake .si-snake-form{padding:10px 14px max(12px,env(safe-area-inset-bottom))!important}
  .member-shell.page-si-snake .si-snake-composer{grid-template-columns:48px minmax(0,1fr) 46px 40px!important;gap:7px!important}
  .member-shell.page-si-snake .si-snake-attach,
  .member-shell.page-si-snake .si-snake-app-send{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:16px!important}
  .member-shell.page-si-snake .si-snake-app-support{width:40px!important;height:48px!important;min-width:40px!important;min-height:48px!important}
  .member-shell.page-si-snake .si-snake-attach svg,
  .member-shell.page-si-snake .si-snake-app-send svg,
  .member-shell.page-si-snake .si-snake-app-support svg{width:24px!important;height:24px!important}
  .member-shell.page-si-snake .si-snake-composer textarea{min-height:48px!important;padding:12px 15px!important;border-radius:19px!important;font-size:.94rem!important}
}

/* 5.1.16 — notification settings rebuilt with isolated class names.
   This prevents the notification-list card grid from affecting settings cards. */
.member-shell.page-notification-settings .notif-settings-page{
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
}
.member-shell.page-notification-settings .notif-settings-form{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
}
.member-shell.page-notification-settings .notif-settings-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:24px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:30px!important;
  background:var(--app-surface)!important;
  box-shadow:var(--app-shadow)!important;
  overflow:hidden!important;
}
.member-shell.page-notification-settings .notif-settings-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 78px!important;
  align-items:center!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
}
.member-shell.page-notification-settings .notif-settings-master-row{
  min-height:86px!important;
}
.member-shell.page-notification-settings .notif-settings-copy{
  display:block!important;
  min-width:0!important;
  width:auto!important;
}
.member-shell.page-notification-settings .notif-settings-copy h2,
.member-shell.page-notification-settings .notif-settings-copy h3{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:var(--app-on-bg)!important;
  font-weight:900!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.member-shell.page-notification-settings .notif-settings-copy h2{
  font-size:1.22rem!important;
}
.member-shell.page-notification-settings .notif-settings-copy h3{
  font-size:1.03rem!important;
}
.member-shell.page-notification-settings .notif-settings-copy p{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:8px 0 0!important;
  padding:0!important;
  color:var(--app-on-variant)!important;
  font-size:.96rem!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.member-shell.page-notification-settings .notif-settings-copy small{
  display:block!important;
  margin-top:6px!important;
  color:var(--app-outline)!important;
  font-size:.82rem!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
.member-shell.page-notification-settings .notif-settings-toggle{
  position:relative!important;
  display:block!important;
  width:78px!important;
  height:48px!important;
  min-width:78px!important;
  max-width:78px!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  cursor:pointer!important;
}
.member-shell.page-notification-settings .notif-settings-toggle input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.member-shell.page-notification-settings .notif-settings-toggle span{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:999px!important;
  background:#c9d2df!important;
  box-shadow:inset 0 0 0 1px rgba(16,35,63,.08)!important;
  transition:background .18s ease!important;
}
.member-shell.page-notification-settings .notif-settings-toggle span::after{
  content:''!important;
  position:absolute!important;
  top:5px!important;
  left:5px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(16,35,63,.18)!important;
  transition:transform .18s ease!important;
}
.member-shell.page-notification-settings .notif-settings-toggle input:checked + span{
  background:#0c4178!important;
}
.member-shell.page-notification-settings .notif-settings-toggle input:checked + span::after{
  transform:translateX(30px)!important;
}
.member-shell.page-notification-settings .notif-settings-toggle input:focus-visible + span{
  outline:3px solid color-mix(in srgb,var(--app-primary) 24%,transparent)!important;
  outline-offset:3px!important;
}
.member-shell.page-notification-settings .notif-settings-groups{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.member-shell.page-notification-settings .notif-settings-groups:disabled{
  opacity:.58!important;
}
.member-shell.page-notification-settings .notif-settings-section-title{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 12px!important;
  padding:0!important;
  color:var(--app-on-bg)!important;
  font-size:1.35rem!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.member-shell.page-notification-settings .notif-settings-list{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.member-shell.page-notification-settings .notif-settings-option-row{
  min-height:90px!important;
  padding:12px 0!important;
}
.member-shell.page-notification-settings .notif-settings-option-row + .notif-settings-option-row{
  border-top:1px solid color-mix(in srgb,var(--app-outline-variant) 78%,transparent)!important;
}
.member-shell.page-notification-settings .notif-settings-cooldown-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  align-items:center!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
}
.member-shell.page-notification-settings .notif-settings-select-wrap{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.member-shell.page-notification-settings .notif-settings-select-wrap select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  padding:0 42px 0 16px!important;
  border:1.5px solid var(--app-outline)!important;
  border-radius:16px!important;
  background-color:var(--app-surface)!important;
  color:var(--app-on-bg)!important;
  font-size:.95rem!important;
  font-weight:700!important;
}
.member-shell.page-notification-settings .notif-settings-note{
  margin:0!important;
  color:#bd8427!important;
  font-size:.9rem!important;
  line-height:1.55!important;
}
.member-shell.page-notification-settings .notif-settings-save{
  display:block!important;
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:22px!important;
  background:#0b3d73!important;
  color:#fff!important;
  font-size:1.08rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(11,61,115,.16)!important;
}
.member-shell.page-notification-settings .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:767px){
  .member-shell.page-notification-settings .notif-settings-page{
    max-width:none!important;
  }
  .member-shell.page-notification-settings .notif-settings-form{
    gap:14px!important;
  }
  .member-shell.page-notification-settings .notif-settings-card{
    padding:18px 16px!important;
    border-radius:26px!important;
  }
  .member-shell.page-notification-settings .notif-settings-row{
    grid-template-columns:minmax(0,1fr) 66px!important;
    gap:14px!important;
  }
  .member-shell.page-notification-settings .notif-settings-master-row{
    min-height:76px!important;
  }
  .member-shell.page-notification-settings .notif-settings-copy h2{
    font-size:1.08rem!important;
  }
  .member-shell.page-notification-settings .notif-settings-copy h3{
    font-size:.97rem!important;
  }
  .member-shell.page-notification-settings .notif-settings-copy p{
    margin-top:6px!important;
    font-size:.86rem!important;
    line-height:1.48!important;
  }
  .member-shell.page-notification-settings .notif-settings-copy small{
    font-size:.75rem!important;
  }
  .member-shell.page-notification-settings .notif-settings-toggle{
    width:66px!important;
    height:42px!important;
    min-width:66px!important;
    max-width:66px!important;
  }
  .member-shell.page-notification-settings .notif-settings-toggle span::after{
    top:4px!important;
    left:4px!important;
    width:34px!important;
    height:34px!important;
  }
  .member-shell.page-notification-settings .notif-settings-toggle input:checked + span::after{
    transform:translateX(24px)!important;
  }
  .member-shell.page-notification-settings .notif-settings-section-title{
    margin-bottom:8px!important;
    font-size:1.18rem!important;
  }
  .member-shell.page-notification-settings .notif-settings-option-row{
    min-height:82px!important;
    padding:9px 0!important;
  }
  .member-shell.page-notification-settings .notif-settings-cooldown-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .member-shell.page-notification-settings .notif-settings-select-wrap select{
    min-height:52px!important;
  }
  .member-shell.page-notification-settings .notif-settings-note{
    font-size:.82rem!important;
  }
  .member-shell.page-notification-settings .notif-settings-save{
    min-height:68px!important;
    border-radius:20px!important;
    font-size:1rem!important;
  }
}

/* 5.1.17 — CS AI mobile parity and upload reliability fixes. */
.member-shell.page-si-snake{
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}
.member-shell.page-si-snake .app-main,
.member-shell.page-si-snake .app-content,
.member-shell.page-si-snake .si-snake-page-section{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.member-shell.page-si-snake .si-snake-page{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.member-shell.page-si-snake .si-snake-quick{display:none!important}
.member-shell.page-si-snake .si-snake-app-head{
  flex:none!important;
  min-height:88px!important;
  padding:14px 18px!important;
  grid-template-columns:42px 48px minmax(0,1fr) 42px!important;
  gap:10px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-app-back,
.member-shell.page-si-snake .si-snake-app-clear{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
}
.member-shell.page-si-snake .si-snake-app-back svg,
.member-shell.page-si-snake .si-snake-app-clear svg{
  width:25px!important;
  height:25px!important;
}
.member-shell.page-si-snake .si-snake-app-head .si-snake-avatar{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:50%!important;
  background:#e3e9f0!important;
  color:#0b3b70!important;
}
.member-shell.page-si-snake .si-snake-robot-icon{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.member-shell.page-si-snake .si-snake-app-title strong{
  font-size:1.12rem!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.member-shell.page-si-snake .si-snake-app-title span{
  margin-top:2px!important;
  font-size:.84rem!important;
}
.member-shell.page-si-snake .si-snake-messages{
  align-self:stretch!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:16px 18px 24px!important;
  gap:12px!important;
  background:#fff!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:auto!important;
}
.member-shell.page-si-snake .si-snake-welcome-card{
  width:100%!important;
  margin:8px 0 0!important;
  padding:18px!important;
  border:1px solid #e0e6ed!important;
  border-radius:24px!important;
  background:#f8fafc!important;
  box-shadow:0 5px 18px rgba(15,38,67,.035)!important;
}
.member-shell.page-si-snake .si-snake-welcome-card h2{
  margin:0!important;
  color:#10233f!important;
  font-size:1.06rem!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.member-shell.page-si-snake .si-snake-welcome-card p{
  margin:8px 0 0!important;
  color:#6c7b8e!important;
  font-size:.88rem!important;
  line-height:1.55!important;
}
.member-shell.page-si-snake .si-snake-message{
  width:auto!important;
  max-width:88%!important;
  flex:0 0 auto!important;
}
.member-shell.page-si-snake .si-snake-message.is-user{max-width:88%!important}
.member-shell.page-si-snake .si-snake-bubble,
.member-shell.page-si-snake .si-snake-message.is-assistant .si-snake-bubble,
.member-shell.page-si-snake .si-snake-message.is-admin .si-snake-bubble{
  padding:14px 16px!important;
  border:0!important;
  border-radius:18px!important;
  background:#f1f4f7!important;
  color:#1b2c43!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-message.is-user .si-snake-bubble{
  padding:14px 16px!important;
  border-radius:18px!important;
  background:#dce3ea!important;
  color:#1b2c43!important;
}
.member-shell.page-si-snake .si-snake-message.is-assistant .si-snake-bubble::before,
.member-shell.page-si-snake .si-snake-message.is-admin .si-snake-bubble::before{
  content:none!important;
  display:none!important;
}
.member-shell.page-si-snake .si-snake-bubble p{
  margin:0!important;
  color:inherit!important;
  font-size:.92rem!important;
  line-height:1.58!important;
  font-weight:400!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.member-shell.page-si-snake .si-snake-message-label,
.member-shell.page-si-snake .si-snake-message-meta{display:none!important}
.member-shell.page-si-snake .si-snake-form{
  align-self:end!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid #edf1f5!important;
  background:#fff!important;
  box-shadow:0 -5px 18px rgba(15,38,67,.035)!important;
  overflow:visible!important;
}
.member-shell.page-si-snake .si-snake-selected-files{
  max-height:112px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin:0 0 8px!important;
}
.member-shell.page-si-snake .si-snake-selected-file{
  min-height:58px!important;
  padding:7px 9px!important;
  border-radius:16px!important;
  border:1px solid #d8e0e8!important;
  background:#f6f8fb!important;
  box-shadow:none!important;
}
.member-shell.page-si-snake .si-snake-selected-file-preview{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:11px!important;
}
.member-shell.page-si-snake .si-snake-selected-file-info strong{
  font-size:.76rem!important;
  line-height:1.3!important;
}
.member-shell.page-si-snake .si-snake-selected-file-info small{
  font-size:.68rem!important;
}
.member-shell.page-si-snake .si-snake-selected-file-remove{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:11px!important;
}
.member-shell.page-si-snake .si-snake-upload-status{
  margin:7px 4px 0!important;
  color:#b87d23!important;
  font-size:.76rem!important;
  line-height:1.45!important;
}
.member-shell.page-si-snake .si-snake-upload-status[hidden]{display:none!important}
.member-shell.page-si-snake .si-snake-composer{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:46px minmax(0,1fr) 44px 38px!important;
  gap:7px!important;
  align-items:end!important;
}
.member-shell.page-si-snake .si-snake-attach,
.member-shell.page-si-snake .si-snake-app-send{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:15px!important;
}
.member-shell.page-si-snake .si-snake-app-support{
  width:38px!important;
  height:46px!important;
  min-width:38px!important;
  min-height:46px!important;
}
.member-shell.page-si-snake .si-snake-attach svg,
.member-shell.page-si-snake .si-snake-app-send svg,
.member-shell.page-si-snake .si-snake-app-support svg{
  width:23px!important;
  height:23px!important;
}
.member-shell.page-si-snake .si-snake-composer textarea{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  max-height:112px!important;
  padding:11px 15px!important;
  border:2px solid #c7d2dd!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#17324b!important;
  font-size:.9rem!important;
  line-height:1.4!important;
}
.member-shell.page-si-snake .si-snake-form.is-loading,
.member-shell.page-si-snake .si-snake-page.is-loading{cursor:progress!important}
@media(max-width:380px){
  .member-shell.page-si-snake .si-snake-app-head{
    padding-left:10px!important;
    padding-right:10px!important;
    grid-template-columns:38px 44px minmax(0,1fr) 38px!important;
    gap:7px!important;
  }
  .member-shell.page-si-snake .si-snake-app-back,
  .member-shell.page-si-snake .si-snake-app-clear{width:38px!important;height:38px!important}
  .member-shell.page-si-snake .si-snake-app-head .si-snake-avatar{width:44px!important;height:44px!important;min-width:44px!important}
  .member-shell.page-si-snake .si-snake-app-title strong{font-size:1rem!important}
  .member-shell.page-si-snake .si-snake-app-title span{font-size:.75rem!important}
  .member-shell.page-si-snake .si-snake-messages{padding-left:12px!important;padding-right:12px!important}
  .member-shell.page-si-snake .si-snake-form{padding-left:9px!important;padding-right:9px!important}
  .member-shell.page-si-snake .si-snake-composer{grid-template-columns:42px minmax(0,1fr) 40px 34px!important;gap:5px!important}
  .member-shell.page-si-snake .si-snake-attach,
  .member-shell.page-si-snake .si-snake-app-send{width:42px!important;height:44px!important;min-width:42px!important;min-height:44px!important}
  .member-shell.page-si-snake .si-snake-app-support{width:34px!important;height:44px!important;min-width:34px!important;min-height:44px!important}
}

/* Help Center member app parity — single-column Android-style guide list. */
.member-shell.page-help .app-content{max-width:820px!important}
.member-shell.page-help .member-help-app{display:grid!important;gap:16px!important}
.member-shell.page-help .member-help-app-header{display:none!important}
.member-shell.page-help .member-help-search{position:relative!important;display:flex!important;align-items:center!important;min-height:76px!important;margin:0!important;padding:0 58px 0 66px!important;border:2px solid color-mix(in srgb,var(--app-primary) 30%,var(--app-outline))!important;border-radius:24px!important;background:var(--app-surface)!important;box-shadow:none!important}
.member-shell.page-help .member-help-search-icon{position:absolute!important;left:22px!important;top:50%!important;width:28px!important;height:28px!important;transform:translateY(-50%)!important;color:var(--app-on-variant)!important;display:grid!important;place-items:center!important}
.member-shell.page-help .member-help-search-icon svg{width:28px!important;height:28px!important}
.member-shell.page-help .member-help-search input{width:100%!important;height:72px!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--app-on-bg)!important;font:500 1.12rem/1.4 Roboto,system-ui,sans-serif!important;padding:0!important;box-shadow:none!important}
.member-shell.page-help .member-help-search input::placeholder{color:var(--app-on-variant)!important;opacity:1!important}
.member-shell.page-help .member-help-clear{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--app-surface-variant)!important;color:var(--app-on-variant)!important;text-decoration:none!important;font-size:1.4rem!important;line-height:1!important}
.member-shell.page-help .member-help-list{display:grid!important;gap:16px!important}
.member-shell.page-help .member-help-card{display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;gap:18px!important;min-height:154px!important;padding:28px 24px 26px!important;border:1px solid var(--app-outline-variant)!important;border-radius:30px!important;background:color-mix(in srgb,var(--app-surface-variant) 72%,var(--app-surface))!important;box-shadow:0 8px 22px rgba(7,31,61,.035)!important;color:inherit!important;text-decoration:none!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.member-shell.page-help .member-help-card:hover,.member-shell.page-help .member-help-card:focus-visible{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--app-primary) 35%,var(--app-outline-variant))!important;box-shadow:0 12px 26px rgba(7,31,61,.07)!important;outline:none!important}
.member-shell.page-help .member-help-card-copy{min-width:0!important}
.member-shell.page-help .member-help-category{display:block!important;margin:0 0 18px!important;color:var(--app-primary)!important;font-size:.83rem!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.035em!important;text-transform:uppercase!important}
.member-shell.page-help .member-help-card h2{margin:0!important;color:var(--app-on-bg)!important;font-size:1.2rem!important;line-height:1.32!important;font-weight:900!important;letter-spacing:-.012em!important}
.member-shell.page-help .member-help-card p{margin:12px 0 0!important;color:var(--app-on-variant)!important;font-size:.96rem!important;line-height:1.55!important}
.member-shell.page-help .member-help-chevron{display:grid!important;place-items:center!important;color:var(--app-primary)!important}
.member-shell.page-help .member-help-chevron .member-app-icon{width:28px!important;height:28px!important;stroke-width:2.4!important}
.member-shell.page-help .member-help-empty{padding:34px 24px!important;border:1px solid var(--app-outline-variant)!important;border-radius:28px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important;text-align:center!important}
.member-shell.page-help .member-help-empty-icon{width:58px!important;height:58px!important;margin:0 auto 16px!important;border-radius:18px!important;background:var(--app-primary-container)!important;color:var(--app-primary)!important;display:grid!important;place-items:center!important}
.member-shell.page-help .member-help-empty-icon .member-app-icon{width:28px!important;height:28px!important}
.member-shell.page-help .member-help-empty h2{margin:0!important;color:var(--app-on-bg)!important;font-size:1.25rem!important;font-weight:900!important}
.member-shell.page-help .member-help-empty p{margin:10px 0 18px!important;color:var(--app-on-variant)!important;line-height:1.55!important}
.member-shell.page-help .member-help-empty a{color:var(--app-primary)!important;font-weight:800!important;text-decoration:none!important}

@media(max-width:900px){
  .member-shell.page-help .mobile-appbar{display:none!important}
  .member-shell.page-help .app-content{max-width:none!important;padding:16px 18px 104px!important}
  .member-shell.page-help .member-help-app{gap:14px!important}
  .member-shell.page-help .member-help-app-header{display:grid!important;grid-template-columns:50px minmax(0,1fr) 50px!important;align-items:center!important;gap:12px!important;padding:0 0 8px!important}
  .member-shell.page-help .member-help-back,.member-shell.page-help .member-help-support{width:50px!important;height:50px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:16px!important;background:var(--app-surface-variant)!important;color:var(--app-primary)!important;text-decoration:none!important}
  .member-shell.page-help .member-help-back .member-app-icon,.member-shell.page-help .member-help-support .member-app-icon{width:28px!important;height:28px!important;stroke-width:2.2!important}
  .member-shell.page-help .member-help-support{background:transparent!important}
  .member-shell.page-help .member-help-app-title{min-width:0!important}
  .member-shell.page-help .member-help-app-title h1{margin:0!important;color:var(--app-on-bg)!important;font-size:1.86rem!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.03em!important}
  .member-shell.page-help .member-help-app-title p{margin:8px 0 0!important;color:var(--app-on-variant)!important;font-size:.96rem!important;line-height:1.35!important}
  .member-shell.page-help .member-help-search{min-height:82px!important;padding:0 54px 0 64px!important;border-radius:24px!important}
  .member-shell.page-help .member-help-search input{height:78px!important;font-size:1.08rem!important}
  .member-shell.page-help .member-help-search-icon{left:20px!important;width:27px!important;height:27px!important}
  .member-shell.page-help .member-help-list{gap:16px!important}
  .member-shell.page-help .member-help-card{grid-template-columns:minmax(0,1fr) 30px!important;min-height:156px!important;padding:28px 24px!important;border-radius:30px!important;gap:14px!important}
  .member-shell.page-help .member-help-category{margin-bottom:18px!important;font-size:.78rem!important}
  .member-shell.page-help .member-help-card h2{font-size:1.14rem!important;line-height:1.34!important}
  .member-shell.page-help .member-help-card p{font-size:.91rem!important;line-height:1.52!important;margin-top:11px!important}
  .member-shell.page-help .member-help-chevron .member-app-icon{width:25px!important;height:25px!important}
}

@media(max-width:430px){
  .member-shell.page-help .app-content{padding-left:14px!important;padding-right:14px!important}
  .member-shell.page-help .member-help-app-header{grid-template-columns:46px minmax(0,1fr) 46px!important;gap:10px!important}
  .member-shell.page-help .member-help-back,.member-shell.page-help .member-help-support{width:46px!important;height:46px!important;border-radius:14px!important}
  .member-shell.page-help .member-help-app-title h1{font-size:1.55rem!important}
  .member-shell.page-help .member-help-app-title p{font-size:.86rem!important;margin-top:6px!important}
  .member-shell.page-help .member-help-search{min-height:72px!important;padding-left:58px!important;border-radius:22px!important}
  .member-shell.page-help .member-help-search input{height:68px!important;font-size:1rem!important}
  .member-shell.page-help .member-help-search-icon{left:18px!important}
  .member-shell.page-help .member-help-card{min-height:142px!important;padding:23px 20px!important;border-radius:26px!important}
  .member-shell.page-help .member-help-category{font-size:.72rem!important;margin-bottom:14px!important}
  .member-shell.page-help .member-help-card h2{font-size:1.02rem!important}
  .member-shell.page-help .member-help-card p{font-size:.84rem!important}
}

/* Report issue — dedicated member screen matching the Android form. */
.member-shell.page-report .member-report-page{max-width:760px;margin:0 auto!important}
.member-shell.page-report .member-report-form{display:grid!important;gap:18px!important}
.member-shell.page-report .member-report-card{padding:28px!important;border:1px solid var(--app-outline-variant)!important;border-radius:28px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-report .member-report-field{position:relative!important;margin-bottom:18px!important}
.member-shell.page-report .member-report-control{width:100%!important;min-height:78px!important;padding:0 22px!important;border:2px solid #8da0b1!important;border-radius:22px!important;background:transparent!important;color:var(--app-on-bg)!important;font:inherit!important;font-size:1.08rem!important;outline:none!important;box-shadow:none!important}
.member-shell.page-report .member-report-control:focus{border-color:var(--app-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 12%,transparent)!important}
.member-shell.page-report .member-report-control::placeholder{color:var(--app-on-variant)!important;opacity:1!important}
.member-shell.page-report .member-report-select-field label{position:absolute!important;z-index:2!important;left:18px!important;top:-9px!important;padding:0 8px!important;background:var(--app-surface)!important;color:var(--app-on-variant)!important;font-size:.9rem!important;line-height:1!important}
.member-shell.page-report .member-report-select-field select{appearance:auto!important;padding-right:42px!important}
.member-shell.page-report .member-report-textarea{min-height:174px!important;padding-top:22px!important;padding-bottom:22px!important;resize:vertical!important;line-height:1.55!important}
.member-shell.page-report .member-report-upload{margin-top:-20px!important}
.member-shell.page-report .member-report-upload>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.member-shell.page-report .member-report-upload-button{width:100%!important;min-height:72px!important;padding:0 20px!important;border:2px solid #8da0b1!important;border-radius:22px!important;background:var(--app-surface)!important;color:var(--app-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;font-size:1rem!important;font-weight:900!important;cursor:pointer!important}
.member-shell.page-report .member-report-upload-icon{display:grid!important;place-items:center!important}
.member-shell.page-report .member-report-upload-icon .member-app-icon{width:23px!important;height:23px!important}
.member-shell.page-report .member-report-file-preview{display:grid!important;grid-template-columns:52px minmax(0,1fr) 42px!important;gap:12px!important;align-items:center!important;margin-top:12px!important;padding:12px!important;border:1px solid var(--app-outline-variant)!important;border-radius:18px!important;background:var(--app-surface-variant)!important}
.member-shell.page-report .member-report-file-preview[hidden]{display:none!important}
.member-shell.page-report .member-report-file-preview img{width:52px!important;height:52px!important;border-radius:12px!important;object-fit:cover!important;background:#eef2f6!important}
.member-shell.page-report .member-report-file-preview strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--app-on-bg)!important;font-size:.9rem!important}
.member-shell.page-report .member-report-file-preview small{display:block!important;margin-top:4px!important;color:var(--app-on-variant)!important;font-size:.8rem!important}
.member-shell.page-report .member-report-file-preview button{width:42px!important;height:42px!important;border:0!important;border-radius:14px!important;background:color-mix(in srgb,var(--app-danger) 12%,var(--app-surface))!important;color:var(--app-danger)!important;display:grid!important;place-items:center!important;padding:0!important}
.member-shell.page-report .member-report-file-preview button .member-app-icon{width:20px!important;height:20px!important}
.member-shell.page-report .member-report-note{margin:0!important;color:#bb8428!important;font-size:.9rem!important;line-height:1.55!important}
.member-shell.page-report .member-report-submit{width:100%!important;min-height:76px!important;border:0!important;border-radius:24px!important;background:var(--app-primary)!important;color:#fff!important;font-size:1rem!important;font-weight:900!important;letter-spacing:.025em!important;cursor:pointer!important}
.member-shell.page-report .member-report-submit:disabled{background:#a9bacd!important;color:#6f8196!important;cursor:not-allowed!important}
@media(max-width:900px){
  .member-shell.page-report .mobile-appbar{display:none!important}
  .member-shell.page-report .member-screen-header{display:flex!important;margin-bottom:16px!important}
  .member-shell.page-report .member-bottom-nav{display:none!important}
  .member-shell.page-report .app-content{padding:18px 18px calc(28px + env(safe-area-inset-bottom))!important}
}
@media(max-width:640px){
  .member-shell.page-report .member-report-form{gap:14px!important}
  .member-shell.page-report .member-report-card{padding:20px 16px!important;border-radius:24px!important}
  .member-shell.page-report .member-report-field{margin-bottom:14px!important}
  .member-shell.page-report .member-report-control{min-height:66px!important;padding:0 18px!important;border-radius:20px!important;font-size:1rem!important}
  .member-shell.page-report .member-report-textarea{min-height:150px!important;padding-top:18px!important;padding-bottom:18px!important}
  .member-shell.page-report .member-report-upload{margin-top:-16px!important}
  .member-shell.page-report .member-report-upload-button{min-height:62px!important;border-radius:20px!important;font-size:.92rem!important}
  .member-shell.page-report .member-report-note{font-size:.82rem!important}
  .member-shell.page-report .member-report-submit{min-height:66px!important;border-radius:22px!important}
}

/* Report issue 5.1.20: internal support contacts + reliable multi-file upload */
.member-shell.page-report .member-report-page{display:grid!important;gap:20px!important;max-width:760px!important;margin:0 auto!important}
.member-shell.page-report .member-report-support-card{display:grid!important;gap:14px!important;padding:20px!important;border:1px solid var(--app-outline-variant)!important;border-radius:28px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-report .member-report-support-row{display:grid!important;grid-template-columns:58px minmax(0,1fr) 28px!important;gap:14px!important;align-items:center!important;padding:18px!important;border:1px solid var(--app-outline-variant)!important;border-radius:22px!important;background:var(--app-surface)!important;color:inherit!important;text-decoration:none!important}
.member-shell.page-report .member-report-support-row:hover,.member-shell.page-report .member-report-support-row:focus-visible{border-color:var(--app-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 10%,transparent)!important;outline:none!important}
.member-shell.page-report .member-report-support-row.is-static{cursor:default!important}
.member-shell.page-report .member-report-support-icon{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:var(--app-surface-variant)!important;overflow:hidden!important}
.member-shell.page-report .member-report-support-icon img{width:34px!important;height:34px!important;object-fit:contain!important}
.member-shell.page-report .member-report-support-copy{min-width:0!important;display:grid!important;gap:4px!important}
.member-shell.page-report .member-report-support-copy strong{color:var(--app-on-bg)!important;font-size:1.08rem!important;font-weight:900!important;line-height:1.3!important}
.member-shell.page-report .member-report-support-copy b{color:var(--app-on-bg)!important;font-size:.94rem!important;font-weight:800!important;overflow-wrap:anywhere!important}
.member-shell.page-report .member-report-support-copy small{color:var(--app-on-variant)!important;font-size:.88rem!important;line-height:1.45!important}
.member-shell.page-report .member-report-support-arrow{color:var(--app-primary)!important;font-size:1.15rem!important;font-weight:900!important;text-align:center!important}
.member-shell.page-report .member-report-security-note{padding:16px 18px!important;border:1px solid #ead69a!important;border-radius:18px!important;background:#fff9e6!important;color:#8b6721!important;font-size:.88rem!important;line-height:1.55!important}
.member-shell.page-report .member-report-attachments{display:grid!important;gap:10px!important;margin-top:2px!important}
.member-shell.page-report .member-report-attachment-heading{display:flex!important;align-items:baseline!important;gap:8px!important;color:var(--app-on-bg)!important}
.member-shell.page-report .member-report-attachment-heading strong{font-size:1rem!important;font-weight:900!important}
.member-shell.page-report .member-report-attachment-heading span{font-size:.84rem!important;color:var(--app-on-variant)!important}
.member-shell.page-report .member-report-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.member-shell.page-report .member-report-upload-zone{min-height:150px!important;padding:18px!important;border:2px dashed #9bb0c5!important;border-radius:22px!important;background:color-mix(in srgb,var(--app-primary-container) 34%,var(--app-surface))!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;cursor:pointer!important}
.member-shell.page-report .member-report-upload-zone:hover,.member-shell.page-report .member-report-upload-zone:focus-visible,.member-shell.page-report .member-report-upload-zone.is-dragging{border-color:var(--app-primary)!important;background:color-mix(in srgb,var(--app-primary-container) 55%,var(--app-surface))!important;outline:none!important}
.member-shell.page-report .member-report-upload-zone.has-files{border-style:solid!important}
.member-shell.page-report .member-report-upload-icon{width:58px!important;height:58px!important;border-radius:18px!important;background:var(--app-surface)!important;color:var(--app-primary)!important;display:grid!important;place-items:center!important;box-shadow:var(--app-shadow)!important}
.member-shell.page-report .member-report-upload-icon .member-app-icon{width:28px!important;height:28px!important}
.member-shell.page-report .member-report-upload-copy{display:grid!important;gap:5px!important;min-width:0!important}
.member-shell.page-report .member-report-upload-copy strong{color:var(--app-on-bg)!important;font-size:1rem!important;font-weight:900!important}
.member-shell.page-report .member-report-upload-copy small{color:var(--app-on-variant)!important;font-size:.86rem!important;line-height:1.45!important}
.member-shell.page-report .member-report-file-trigger{grid-column:1/-1!important;min-height:48px!important;border:1px solid #a9bacb!important;border-radius:16px!important;background:var(--app-surface)!important;color:var(--app-primary)!important;font-weight:900!important;cursor:pointer!important}
.member-shell.page-report .member-report-upload-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;color:var(--app-on-variant)!important;font-size:.76rem!important;line-height:1.45!important}
.member-shell.page-report .member-report-upload-meta b{flex-shrink:0!important;color:var(--app-primary)!important;font-weight:900!important}
.member-shell.page-report .member-report-upload-error{padding:10px 12px!important;border-radius:14px!important;background:color-mix(in srgb,var(--app-danger) 10%,var(--app-surface))!important;color:var(--app-danger)!important;font-size:.84rem!important;font-weight:800!important}
.member-shell.page-report .member-report-selected-files{display:grid!important;gap:10px!important}
.member-shell.page-report .member-report-selected-files[hidden]{display:none!important}
.member-shell.page-report .member-report-selected-files .contact-selected-file{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:11px!important;border:1px solid var(--app-outline-variant)!important;border-radius:16px!important;background:var(--app-surface-variant)!important}
.member-shell.page-report .member-report-selected-files .contact-selected-file-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--app-primary-container)!important;color:var(--app-primary)!important;display:grid!important;place-items:center!important;font-weight:900!important}
.member-shell.page-report .member-report-selected-files .contact-selected-file-copy{min-width:0!important;display:grid!important;gap:3px!important}
.member-shell.page-report .member-report-selected-files .contact-selected-file-copy strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--app-on-bg)!important;font-size:.86rem!important}
.member-shell.page-report .member-report-selected-files .contact-selected-file-copy small{color:var(--app-on-variant)!important;font-size:.75rem!important}
.member-shell.page-report .member-report-selected-files .contact-file-remove{border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--app-danger) 11%,var(--app-surface))!important;color:var(--app-danger)!important;padding:9px 10px!important;font-size:.78rem!important;font-weight:900!important;cursor:pointer!important}
@media(max-width:640px){
  .member-shell.page-report .member-report-page{gap:14px!important}
  .member-shell.page-report .member-report-support-card{padding:14px!important;border-radius:24px!important;gap:12px!important}
  .member-shell.page-report .member-report-support-row{grid-template-columns:48px minmax(0,1fr) 22px!important;padding:14px!important;border-radius:20px!important;gap:12px!important}
  .member-shell.page-report .member-report-support-icon{width:48px!important;height:48px!important;border-radius:15px!important}
  .member-shell.page-report .member-report-support-icon img{width:29px!important;height:29px!important}
  .member-shell.page-report .member-report-support-copy strong{font-size:.97rem!important}
  .member-shell.page-report .member-report-support-copy b{font-size:.84rem!important}
  .member-shell.page-report .member-report-support-copy small{font-size:.78rem!important}
  .member-shell.page-report .member-report-security-note{padding:13px 14px!important;font-size:.78rem!important}
  .member-shell.page-report .member-report-upload-zone{min-height:138px!important;padding:14px!important;grid-template-columns:48px minmax(0,1fr)!important;border-radius:20px!important;gap:12px!important}
  .member-shell.page-report .member-report-upload-icon{width:48px!important;height:48px!important;border-radius:15px!important}
  .member-shell.page-report .member-report-upload-icon .member-app-icon{width:24px!important;height:24px!important}
  .member-shell.page-report .member-report-upload-copy strong{font-size:.92rem!important}
  .member-shell.page-report .member-report-upload-copy small{font-size:.78rem!important}
  .member-shell.page-report .member-report-upload-meta{display:grid!important;gap:5px!important;font-size:.7rem!important}
  .member-shell.page-report .member-report-upload-meta b{justify-self:start!important}
}

/* v5.1.21: native, mobile-safe attachment picker for member issue reports. */
.member-shell.page-report label.member-report-upload-zone{-webkit-tap-highlight-color:transparent!important;user-select:none!important}
.member-shell.page-report .member-report-file-trigger{display:flex!important;align-items:center!important;justify-content:center!important}
.member-shell.page-report .member-report-selected-files .contact-selected-file-icon{overflow:hidden!important;font-size:.67rem!important;letter-spacing:.02em!important}
.member-shell.page-report .member-report-selected-files .contact-selected-file-icon img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}

/* Report attachment immediate-upload states */
.member-report-upload-zone.is-uploading{opacity:.78;pointer-events:none}
.contact-selected-file.status-uploading{border-color:rgba(20,74,126,.35);background:rgba(20,74,126,.045)}
.contact-selected-file.status-uploaded{border-color:rgba(45,165,111,.4);background:rgba(45,165,111,.055)}
.contact-selected-file.status-failed{border-color:rgba(214,72,94,.45);background:rgba(214,72,94,.055)}
.contact-selected-file.status-uploading .contact-selected-file-copy small{color:#174f82;font-weight:700}
.contact-selected-file.status-uploaded .contact-selected-file-copy small{color:#26996a;font-weight:800}
.contact-selected-file.status-failed .contact-selected-file-copy small{color:#c84459;font-weight:800}

/* v5.1.25: use the same direct multipart picker as the public contact form. */
.member-shell.page-report .member-report-upload-zone{
  position:relative!important;
  overflow:hidden!important;
}
.member-shell.page-report .member-report-file-input{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  cursor:pointer!important;
}
.member-shell.page-report .member-report-file-trigger{
  pointer-events:none!important;
}
.member-shell.page-report .member-report-upload-zone:focus-within{
  border-color:var(--app-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 12%,transparent)!important;
}


/* v5.1.26 — native Android-safe report attachment input.
   The browser owns the FileList from selection through form submission; no
   DataTransfer rewrite, hidden overlay input, or programmatic picker click. */
.member-shell.page-report .member-report-upload-zone{
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
}
.member-shell.page-report .member-report-file-trigger{
  pointer-events:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.member-shell.page-report .member-report-native-file{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:7px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:16px!important;
  background:var(--app-surface)!important;
  color:var(--app-on-bg)!important;
  opacity:1!important;
  overflow:visible!important;
  clip:auto!important;
  font:inherit!important;
  cursor:pointer!important;
}
.member-shell.page-report .member-report-native-file::file-selector-button{
  min-height:40px!important;
  margin-right:10px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--app-primary)!important;
  color:var(--app-on-primary)!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.member-shell.page-report .member-report-native-file::-webkit-file-upload-button{
  min-height:40px!important;
  margin-right:10px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--app-primary)!important;
  color:var(--app-on-primary)!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.member-shell.page-report .member-report-native-help{
  display:block!important;
  color:var(--app-on-variant)!important;
  font-size:.76rem!important;
  line-height:1.45!important;
}
.member-shell.page-report .member-report-selected-files .contact-selected-file{
  grid-template-columns:38px minmax(0,1fr)!important;
}
.member-shell.page-report .member-report-clear-files{
  width:100%!important;
  min-height:44px!important;
  border:1px solid color-mix(in srgb,var(--app-danger) 35%,var(--app-outline-variant))!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--app-danger) 8%,var(--app-surface))!important;
  color:var(--app-danger)!important;
  font-weight:900!important;
  cursor:pointer!important;
}
@media(max-width:640px){
  .member-shell.page-report .member-report-native-file{
    min-height:58px!important;
    font-size:.78rem!important;
  }
  .member-shell.page-report .member-report-native-file::file-selector-button,
  .member-shell.page-report .member-report-native-file::-webkit-file-upload-button{
    min-height:42px!important;
    padding:0 13px!important;
    font-size:.78rem!important;
  }
}

/* 5.1.27 — keep report submit clickable without depending on JavaScript state. */
.member-shell.page-report .member-report-submit.is-incomplete{opacity:.76!important}
.member-shell.page-report .member-report-submit[aria-disabled="true"]{cursor:default}

/* 5.1.28 — one attachment picker only.
   Keep the proven native file input, but place it transparently over the
   large upload card so the duplicate browser field is no longer rendered. */
.member-shell.page-report .member-report-upload-zone{
  position:relative!important;
  overflow:hidden!important;
}
.member-shell.page-report .member-report-native-file{
  position:absolute!important;
  inset:0!important;
  z-index:10!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  color:transparent!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:auto!important;
  cursor:pointer!important;
  font-size:0!important;
}
.member-shell.page-report .member-report-native-file::file-selector-button,
.member-shell.page-report .member-report-native-file::-webkit-file-upload-button{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.member-shell.page-report .member-report-upload-zone > :not(.member-report-native-file){
  pointer-events:none!important;
}


/* 5.1.29 — Report attachments now reuse the exact public contact uploader. */
.member-shell.page-report .member-report-contact-upload{
  display:block!important;
  margin:4px 0 0!important;
}
.member-shell.page-report .member-report-contact-upload>label{
  color:var(--app-on-bg)!important;
  font-size:1rem!important;
  font-weight:900!important;
}
.member-shell.page-report .member-report-contact-upload>label small{
  color:var(--app-on-variant)!important;
  font-size:.84rem!important;
}
.member-shell.page-report .member-report-contact-upload .contact-upload-zone{
  width:100%!important;
  box-sizing:border-box!important;
}
.member-shell.page-report .member-report-contact-upload .contact-selected-files[hidden],
.member-shell.page-report .member-report-contact-upload .contact-upload-error[hidden]{
  display:none!important;
}
@media(max-width:640px){
  .member-shell.page-report .member-report-contact-upload>label{font-size:.96rem!important}
  .member-shell.page-report .member-report-contact-upload>label small{font-size:.78rem!important}
}

/* 5.1.30 — Android-style back navigation, visible in light and dark themes. */
.member-shell .member-screen-back{
  display:none;
  text-decoration:none!important;
}

@media(max-width:900px){
  /* Detail headers match the Android composition: back tile, title/subtitle, actions. */
  .member-shell .member-screen-header{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:14px!important;
    min-height:62px!important;
  }
  .member-shell .member-screen-back{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #dce4ec!important;
    border-radius:16px!important;
    background:#f3f6f9!important;
    color:#0b315e!important;
    opacity:1!important;
    visibility:visible!important;
    line-height:0!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .member-shell .member-screen-back .member-app-icon{
    width:26px!important;
    height:26px!important;
    display:block!important;
    color:inherit!important;
    stroke:currentColor!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .member-shell .member-screen-back:hover,
  .member-shell .member-screen-back:focus-visible{
    border-color:#0b315e!important;
    background:#e5eef8!important;
    color:#0b315e!important;
    outline:3px solid rgba(11,49,94,.12)!important;
    outline-offset:2px!important;
  }

  /* Primary Android tabs do not show a back arrow. */
  .member-shell.page-overview .member-screen-back,
  .member-shell.page-monitoring .member-screen-back,
  .member-shell.page-remote .member-screen-back,
  .member-shell.page-notifications .member-screen-back,
  .member-shell.page-profile .member-screen-back{
    display:none!important;
  }
  .member-shell.page-overview .member-screen-header,
  .member-shell.page-monitoring .member-screen-header,
  .member-shell.page-remote .member-screen-header,
  .member-shell.page-notifications .member-screen-header,
  .member-shell.page-profile .member-screen-header{
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  /* Existing compact detail app-bars also receive an explicit, high-contrast arrow. */
  .member-shell .mobile-appbar-back{
    border-color:#dce4ec!important;
    background:#f3f6f9!important;
    color:#0b315e!important;
    opacity:1!important;
    visibility:visible!important;
    box-shadow:none!important;
  }
  .member-shell .mobile-appbar-back .member-app-icon{
    color:inherit!important;
    stroke:currentColor!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* The report page intentionally hides the compact bar and uses the full app header. */
  .member-shell.page-report .member-screen-header{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:14px!important;
    margin:0 0 18px!important;
  }
  .member-shell.page-report .member-screen-header-copy h1{
    font-size:23px!important;
    line-height:1.2!important;
  }
  .member-shell.page-report .member-screen-header-copy p{
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
}

html[data-snake-theme="dark"] .member-shell .member-screen-back,
html[data-snake-theme="dark"] .member-shell .mobile-appbar-back{
  border-color:#1b3b5b!important;
  background:#0b274b!important;
  color:#d7b257!important;
}
html[data-snake-theme="dark"] .member-shell .member-screen-back:hover,
html[data-snake-theme="dark"] .member-shell .member-screen-back:focus-visible{
  border-color:#d7b257!important;
  background:#3d3217!important;
  color:#d7b257!important;
  outline-color:rgba(215,178,87,.18)!important;
}

/* =========================================================
   5.1.33 — Desktop uses the same five-destination app shell
   as the Android bottom navigation.
   - compact icon rail by default
   - expands on pointer/focus to reveal labels
   - removes the legacy desktop-only header/menu hierarchy
   - keeps the same mobile card stack and screen headers
   ========================================================= */
@media (min-width:901px){
  .member-shell .member-sidebar.member-desktop-rail{
    width:78px!important;
    padding:14px 10px!important;
    overflow:hidden!important;
    background:color-mix(in srgb,var(--app-surface) 97%,transparent)!important;
    border-right:1px solid var(--app-outline-variant)!important;
    box-shadow:6px 0 24px rgba(4,18,37,.045)!important;
    transition:width .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease!important;
    z-index:10030!important;
    isolation:isolate!important;
  }
  .member-shell .member-sidebar.member-desktop-rail:hover,
  .member-shell .member-sidebar.member-desktop-rail:focus-within{
    width:238px!important;
    box-shadow:14px 0 34px rgba(4,18,37,.13)!important;
  }
  html[data-snake-theme="dark"] .member-shell .member-sidebar.member-desktop-rail{
    box-shadow:8px 0 28px rgba(0,0,0,.24)!important;
  }

  .member-shell .member-desktop-rail-brand{
    width:100%!important;
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:7px!important;
    border-radius:17px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .member-shell .member-desktop-rail-brand img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:12px!important;
  }
  .member-shell .member-desktop-rail-brand-copy{
    width:142px!important;
    min-width:142px!important;
    opacity:0!important;
    transform:translateX(-8px)!important;
    pointer-events:none!important;
    transition:opacity .16s ease,transform .22s ease!important;
  }
  .member-shell .member-desktop-rail:hover .member-desktop-rail-brand-copy,
  .member-shell .member-desktop-rail:focus-within .member-desktop-rail-brand-copy{
    opacity:1!important;
    transform:translateX(0)!important;
  }

  .member-shell .member-desktop-rail-nav{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    margin:8px 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .member-shell .member-desktop-rail-link{
    position:relative!important;
    width:100%!important;
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:7px!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:transparent!important;
    color:var(--app-on-variant)!important;
    text-decoration:none!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  .member-shell .member-desktop-rail-link:hover,
  .member-shell .member-desktop-rail-link:focus-visible{
    background:var(--app-surface-variant)!important;
    color:var(--app-primary)!important;
    border-color:var(--app-outline-variant)!important;
    outline:none!important;
  }
  .member-shell .member-desktop-rail-link.active{
    background:var(--app-primary-container)!important;
    color:var(--app-primary)!important;
    border-color:color-mix(in srgb,var(--app-primary) 24%,var(--app-outline-variant))!important;
  }
  .member-shell .member-desktop-rail-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    color:inherit!important;
    transition:background .18s ease,transform .18s ease!important;
  }
  .member-shell .member-desktop-rail-link.active .member-desktop-rail-icon{
    background:color-mix(in srgb,var(--app-primary) 10%,transparent)!important;
  }
  .member-shell .member-desktop-rail-link:hover .member-desktop-rail-icon{
    transform:translateX(1px)!important;
  }
  .member-shell .member-desktop-rail-icon svg{
    display:block!important;
    width:25px!important;
    height:25px!important;
    fill:none!important;
    stroke:currentColor!important;
    vector-effect:non-scaling-stroke!important;
  }
  .member-shell .member-desktop-rail-label{
    width:142px!important;
    min-width:142px!important;
    color:inherit!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    opacity:0!important;
    transform:translateX(-8px)!important;
    pointer-events:none!important;
    transition:opacity .16s ease,transform .22s ease!important;
  }
  .member-shell .member-desktop-rail:hover .member-desktop-rail-label,
  .member-shell .member-desktop-rail:focus-within .member-desktop-rail-label{
    opacity:1!important;
    transform:translateX(0)!important;
  }
  .member-shell .member-desktop-rail-badge{
    position:absolute!important;
    top:5px!important;
    left:43px!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    display:grid!important;
    place-items:center!important;
    border:2px solid var(--app-surface)!important;
    border-radius:999px!important;
    background:var(--app-danger)!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    transition:left .22s ease!important;
  }
  .member-shell .member-desktop-rail:hover .member-desktop-rail-badge,
  .member-shell .member-desktop-rail:focus-within .member-desktop-rail-badge{
    left:auto!important;
    right:12px!important;
    top:18px!important;
  }

  /* The app rail replaces the separate desktop dashboard chrome. */
  .member-shell .app-main{
    margin-left:78px!important;
    padding-top:0!important;
    min-height:100vh!important;
    background:var(--app-bg)!important;
  }
  .member-shell .app-header{
    display:none!important;
  }
  .member-shell .app-content{
    width:100%!important;
    max-width:840px!important;
    margin:0 auto!important;
    padding:24px 28px 72px!important;
    background:transparent!important;
  }
  .member-shell .member-screen-header{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin:0 0 18px!important;
  }
  .member-shell .member-screen-header-copy{
    min-width:0!important;
    flex:1!important;
  }
  .member-shell .member-screen-header h1{
    margin:0!important;
    color:var(--app-on-bg)!important;
    font-size:23px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  .member-shell .member-screen-header p{
    margin:5px 0 0!important;
    color:var(--app-on-variant)!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
  .member-shell .member-screen-header-actions{
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    margin-left:auto!important;
  }
  .member-shell.page-overview .app-content{
    padding-top:24px!important;
  }
  .member-shell.page-overview .dashboard-web-details{
    display:none!important;
  }
  .member-shell.page-overview .app-home-screen,
  .member-shell.page-monitoring .monitoring-app-screen,
  .member-shell.page-remote .app-remote-form,
  .member-shell.page-notifications .notifications-app-screen,
  .member-shell.page-profile .member-app-profile-screen{
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  .member-shell .member-bottom-nav{
    display:none!important;
  }
}

@media (min-width:901px) and (max-height:620px){
  .member-shell .member-desktop-rail-nav{gap:4px!important}
  .member-shell .member-desktop-rail-link{min-height:48px!important}
  .member-shell .member-desktop-rail-icon{width:36px!important;height:36px!important;min-width:36px!important}
}

/* =========================================================
   5.1.34 — Remote EA custom preset layout stabilization.
   The decorative icon was removed from the text field because it overlapped
   the placeholder at desktop zoom levels and on narrow Android browsers.
   This block intentionally uses a dedicated field class so other Remote EA
   controls remain unchanged.
   ========================================================= */
.member-shell.page-remote .remote-preset-card{
  overflow:visible!important;
  min-width:0!important;
}
.member-shell.page-remote .remote-preset-card .member-app-section-head{
  margin-bottom:20px!important;
}
.member-shell.page-remote .remote-preset-name-field{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.member-shell.page-remote .remote-preset-name-field>label{
  position:absolute!important;
  z-index:3!important;
  top:-8px!important;
  left:14px!important;
  max-width:calc(100% - 28px)!important;
  margin:0!important;
  padding:0 7px!important;
  background:var(--app-surface)!important;
  color:var(--app-on-bg)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}
.member-shell.page-remote .remote-preset-name-field>input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:18px 16px 12px!important;
  border:1px solid var(--app-outline)!important;
  border-radius:14px!important;
  background:var(--app-surface)!important;
  color:var(--app-on-bg)!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.member-shell.page-remote .remote-preset-name-field>input::placeholder{
  color:color-mix(in srgb,var(--app-on-variant) 78%,transparent)!important;
  opacity:1!important;
}
.member-shell.page-remote .remote-preset-name-field>input:focus{
  border-color:var(--app-primary)!important;
  outline:3px solid color-mix(in srgb,var(--app-primary) 16%,transparent)!important;
  outline-offset:0!important;
}
.member-shell.page-remote .remote-preset-card .app-secondary-wide-button{
  min-width:0!important;
  margin-top:16px!important;
  padding-inline:16px!important;
  overflow:hidden!important;
}
.member-shell.page-remote .remote-preset-card .app-secondary-wide-button>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.member-shell.page-remote .remote-preset-card .app-settings-note{
  margin:16px 0 0!important;
  line-height:1.5!important;
}
.member-shell.page-remote .remote-preset-item{
  min-width:0!important;
}
.member-shell.page-remote .remote-preset-item>span{
  flex:0 0 auto!important;
}

@media(max-width:640px){
  .member-shell.page-remote .remote-preset-card{
    padding:17px!important;
  }
  .member-shell.page-remote .remote-preset-card .member-app-section-head{
    margin-bottom:19px!important;
  }
  .member-shell.page-remote .remote-preset-card .member-app-section-head strong{
    font-size:17px!important;
  }
  .member-shell.page-remote .remote-preset-card .member-app-section-head small{
    font-size:11px!important;
    line-height:1.45!important;
  }
  .member-shell.page-remote .remote-preset-name-field>label{
    left:12px!important;
    max-width:calc(100% - 24px)!important;
    font-size:11px!important;
  }
  .member-shell.page-remote .remote-preset-name-field>input{
    height:56px!important;
    min-height:56px!important;
    padding:17px 14px 11px!important;
    font-size:13px!important;
  }
  .member-shell.page-remote .remote-preset-card .app-secondary-wide-button{
    min-height:52px!important;
    margin-top:14px!important;
    font-size:11px!important;
    letter-spacing:.035em!important;
  }
  .member-shell.page-remote .remote-preset-item{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .member-shell.page-remote .remote-preset-item>span{
    width:100%!important;
  }
  .member-shell.page-remote .remote-preset-item>span .btn{
    flex:1 1 0!important;
  }
}


/* =========================================================
   5.1.35 — MT5 badge optical centering on every member screen
   Keep the short MT5 label perfectly centered on mobile and desktop,
   regardless of inherited line-height or browser font metrics.
   ========================================================= */
.member-shell :is(
  .member-app-account-mark,
  .app-account-picker-mark,
  .member-app-empty-icon,
  .license-account-badge,
  .license-purchase-account-icon,
  .mt5-card-badge
){
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:unset!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin-block:auto!important;
  line-height:0!important;
  font-size:0!important;
  text-align:center!important;
  vertical-align:middle!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  overflow:hidden!important;
}
.member-shell :is(
  .member-app-account-mark,
  .app-account-picker-mark,
  .member-app-empty-icon,
  .license-account-badge,
  .license-purchase-account-icon,
  .mt5-card-badge
)::after{
  content:"MT5"!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  color:var(--app-primary,var(--snake-primary,#0b3d6e))!important;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-indent:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:translateY(.5px)!important;
  pointer-events:none!important;
}
@media(max-width:390px){
  .member-shell :is(
    .member-app-account-mark,
    .app-account-picker-mark,
    .member-app-empty-icon,
    .license-account-badge,
    .license-purchase-account-icon,
    .mt5-card-badge
  )::after{
    font-size:11px!important;
  }
}

/* =========================================================
   5.1.36 — Dashboard light palette parity with Android.
   The web dashboard previously inherited the cool-blue desktop palette,
   overriding the warmer Android cards. These overrides restore the same
   cream balance card, pearl metric surfaces, soft quick actions, and
   blue-grey navigation background on both mobile and desktop.
   ========================================================= */
html:not([data-snake-theme="dark"]) .member-shell.page-overview{
  --app-bg:#ffffff;
  --app-surface:#ffffff;
  --app-surface-variant:#f8fafc;
  --app-primary-container:#eaf2fb;
  --app-success:#22a678;
  background:#ffffff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-main,
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-content,
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-home-screen{
  background:#ffffff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-account-picker{
  background:linear-gradient(135deg,#fbfdff 0%,#f8fbfe 100%)!important;
  border-color:#dde5ec!important;
  box-shadow:0 2px 8px rgba(16,32,51,.025)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-account-picker-mark{
  background:#edf4fc!important;
  color:#0b315e!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-balance-card{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 4% 3%,rgba(230,186,65,.30) 0%,rgba(243,216,137,.18) 24%,transparent 48%) padding-box,
    radial-gradient(circle at 96% 96%,rgba(103,126,172,.10) 0%,transparent 50%) padding-box,
    linear-gradient(135deg,#fffaf0 0%,#fffefb 43%,#ffffff 62%,#f8f9fc 100%) padding-box,
    linear-gradient(112deg,#4f5d60 0%,#747d78 42%,#b5a17c 100%) border-box!important;
  box-shadow:0 7px 22px rgba(83,79,64,.075)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-home-metric-card,
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-performance-card,
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-license-card{
  background:
    radial-gradient(circle at 8% 4%,rgba(255,255,255,.98) 0%,transparent 42%),
    radial-gradient(circle at 96% 96%,rgba(154,140,174,.075) 0%,transparent 48%),
    linear-gradient(135deg,#ffffff 0%,#fcfdff 52%,#f7f7fa 100%)!important;
  border-color:#e1e5e9!important;
  box-shadow:0 3px 12px rgba(16,32,51,.035)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-progress-track{
  background:#dfe7ee!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-quick-action{
  background:linear-gradient(145deg,#fbfcfe 0%,#f6f9fc 58%,#f5f7fa 100%)!important;
  border:0!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .app-quick-icon{
  background:#e4ecf4!important;
  color:#0b315e!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .member-bottom-nav{
  background:#dfe4ea!important;
  border-top-color:#d4dce4!important;
  box-shadow:0 -5px 18px rgba(16,32,51,.045)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-overview .member-bottom-nav a.active .member-bottom-nav-icon{
  background:#e5eef8!important;
}

/* =========================================================
   5.1.37 — Monitoring light palette parity with Android.
   Keep Monitoring on the same warm pearl palette used by the Android app
   on both mobile and desktop. Dark mode intentionally remains unchanged.
   ========================================================= */
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring{
  --app-bg:#ffffff;
  --app-surface:#ffffff;
  --app-surface-variant:#f7f9fb;
  --app-primary-container:#eaf2fb;
  --app-success:#22a678;
  --app-warning:#d29224;
  background:#ffffff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-main,
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-content,
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .monitoring-app-screen{
  background:#ffffff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .member-app-account-picker{
  background:linear-gradient(135deg,#fbfdff 0%,#f7fbff 100%)!important;
  border-color:#dce4eb!important;
  box-shadow:0 2px 8px rgba(16,32,51,.025)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .member-app-account-mark{
  background:#edf4fc!important;
  color:#0b315e!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .monitoring-realtime-card{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 4% 3%,rgba(232,191,70,.28) 0%,rgba(247,225,157,.16) 25%,transparent 50%) padding-box,
    radial-gradient(circle at 98% 98%,rgba(124,136,166,.10) 0%,transparent 50%) padding-box,
    linear-gradient(135deg,#fffaf0 0%,#fffefb 44%,#ffffff 64%,#f7f8fb 100%) padding-box,
    linear-gradient(112deg,#526166 0%,#777f79 45%,#b5a47d 100%) border-box!important;
  box-shadow:0 7px 22px rgba(83,79,64,.07)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring :is(
  .monitoring-chart-card,
  .monitoring-period-card,
  .monitoring-news-card,
  .monitoring-instance-card
){
  background:
    radial-gradient(circle at 8% 4%,rgba(255,255,255,.99) 0%,transparent 42%),
    radial-gradient(circle at 96% 96%,rgba(146,139,171,.075) 0%,transparent 50%),
    linear-gradient(135deg,#ffffff 0%,#fcfdff 54%,#f7f7fa 100%)!important;
  border-color:#e0e5e9!important;
  box-shadow:0 3px 12px rgba(16,32,51,.035)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-line-chart-grid line{
  stroke:#e3e8ed!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-line-chart-fill{
  fill:rgba(11,49,94,.17)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-line-chart-line{
  stroke:#0b3d70!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-line-chart circle{
  fill:#0b3d70!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-line-chart circle.point-core{
  fill:#ffffff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .member-app-chart-metrics{
  border-top-color:#e1e6eb!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .text-green{
  color:#229e76!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .text-warning{
  color:#d29224!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .android-status-pill.is-live{
  color:#229e76!important;
  background:rgba(34,166,120,.075)!important;
  border-color:rgba(34,166,120,.62)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .android-status-pill.is-warning{
  color:#c9861b!important;
  background:rgba(210,146,36,.09)!important;
  border-color:rgba(210,146,36,.55)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .app-outlined-danger-button{
  background:#ffffff!important;
  border-color:#7a8994!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .member-bottom-nav{
  background:#dfe4ea!important;
  border-top-color:#d4dce4!important;
  box-shadow:0 -5px 18px rgba(16,32,51,.045)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .member-bottom-nav a.active .member-bottom-nav-icon{
  background:#e5eef8!important;
}
@media(min-width:901px){
  html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .member-desktop-rail{
    background:#f5f7f9!important;
    border-right-color:#dde4ea!important;
  }
  html:not([data-snake-theme="dark"]) .member-shell.page-monitoring .member-desktop-rail-link.active .member-desktop-rail-icon{
    background:#e5eef8!important;
  }
}

/* =========================================================
   5.1.38 — Remote EA light palette parity with Android.
   The Remote EA screen previously inherited the cooler web palette,
   leaving the page background, synchronization card, settings cards,
   switches, and navigation visually different from the Android app.
   These overrides are scoped to Remote EA light mode only so business
   logic and dark mode remain unchanged on mobile and desktop.
   ========================================================= */
html:not([data-snake-theme="dark"]) .member-shell.page-remote{
  --app-bg:#ffffff;
  --app-surface:#ffffff;
  --app-surface-variant:#f7f8fa;
  --app-primary:#0b3d70;
  --app-primary-container:#eaf2fb;
  --app-on-bg:#102033;
  --app-on-variant:#5b6f80;
  --app-outline:#8395a4;
  --app-outline-variant:#e0e5e9;
  --app-success:#22a678;
  --app-warning:#d29224;
  background:#ffffff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-main,
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-content,
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-remote-form{
  background:#ffffff!important;
}

/* Android account selector: pearl-blue surface instead of the web grey. */
html:not([data-snake-theme="dark"]) .member-shell.page-remote .member-app-account-picker{
  background:linear-gradient(135deg,#f8fbfe 0%,#f3f7fb 100%)!important;
  border-color:#dbe3e9!important;
  box-shadow:0 2px 8px rgba(16,32,51,.025)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .member-app-account-mark{
  background:#edf4fc!important;
  color:#0b315e!important;
}

/* Warm synchronization card from the Android screen. */
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-sync-card{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 4% 5%,rgba(231,190,67,.30) 0%,rgba(247,226,161,.17) 27%,transparent 52%) padding-box,
    radial-gradient(circle at 97% 96%,rgba(139,140,160,.085) 0%,transparent 49%) padding-box,
    linear-gradient(135deg,#fffaf0 0%,#fffefb 45%,#ffffff 65%,#f8f8fa 100%) padding-box,
    linear-gradient(112deg,#536267 0%,#7a827b 43%,#b6a47a 100%) border-box!important;
  box-shadow:0 7px 22px rgba(83,79,64,.07)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-sync-card .android-status-pill.is-live{
  color:#229e76!important;
  background:rgba(34,166,120,.075)!important;
  border-color:rgba(34,166,120,.62)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-sync-card .android-status-pill.is-warning{
  color:#c9861b!important;
  background:rgba(210,146,36,.09)!important;
  border-color:rgba(210,146,36,.55)!important;
}

/* Pearl settings cards used by the Android app. */
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-settings-card{
  background:
    radial-gradient(circle at 8% 4%,rgba(255,255,255,.99) 0%,transparent 42%),
    radial-gradient(circle at 96% 96%,rgba(145,139,169,.075) 0%,transparent 50%),
    linear-gradient(135deg,#ffffff 0%,#fbfcfd 52%,#f5f6f8 100%)!important;
  border-color:#dfe4e8!important;
  box-shadow:0 3px 12px rgba(16,32,51,.035)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-power-card{
  background:
    radial-gradient(circle at 8% 4%,rgba(255,255,255,.99) 0%,transparent 42%),
    radial-gradient(circle at 96% 96%,rgba(145,139,169,.07) 0%,transparent 50%),
    linear-gradient(135deg,#ffffff 0%,#fbfcfd 54%,#f6f7f9 100%)!important;
}

/* Material fields must blend into the pearl card, not create white patches. */
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-field>label,
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-preset-name-field>label{
  background:#f9fafb!important;
  color:#5b6f80!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-field input:not([type="checkbox"]):not([type="radio"]),
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-field select,
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-preset-name-field>input{
  background:rgba(255,255,255,.28)!important;
  border-color:#8395a4!important;
  color:#102033!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-field input:not([type="checkbox"]):not([type="radio"]):focus,
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-field select:focus,
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-preset-name-field>input:focus{
  border-color:#0b3d70!important;
  outline-color:rgba(11,61,112,.14)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-preset-name-field>input::placeholder{
  color:#687c8d!important;
}

/* Android switch colours: warm-grey off state and navy active state. */
html:not([data-snake-theme="dark"]) .member-shell.page-remote .switch>.slider{
  border-color:#8799a8!important;
  background:#e3e0e5!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .switch>.slider::before{
  background:#91a2b1!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .switch>input:checked+.slider{
  border-color:#0b3d70!important;
  background:#0b3d70!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .switch>input:checked+.slider::before{
  background:#ffffff!important;
}

html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-secondary-wide-button{
  background:#e1e5e9!important;
  color:#8997a5!important;
  border-color:#e1e5e9!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-secondary-wide-button:not(:disabled){
  background:#f5f7f9!important;
  color:#0b3d70!important;
  border-color:#d8e0e6!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-primary-wide-button{
  background:#0b3d70!important;
  border-color:#0b3d70!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .app-outlined-danger-button{
  background:#ffffff!important;
  border-color:#7b8c98!important;
  color:#c7334d!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .remote-risk-warning{
  color:#c58a2a!important;
}

/* The Android bottom bar/desktop rail use the same blue-grey navigation tint. */
html:not([data-snake-theme="dark"]) .member-shell.page-remote .member-bottom-nav{
  background:#dfe4ea!important;
  border-top-color:#d4dce4!important;
  box-shadow:0 -5px 18px rgba(16,32,51,.045)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-remote .member-bottom-nav a.active .member-bottom-nav-icon{
  background:#e5eef8!important;
}
@media(min-width:901px){
  html:not([data-snake-theme="dark"]) .member-shell.page-remote .member-desktop-rail{
    background:#f5f7f9!important;
    border-right-color:#dde4ea!important;
  }
  html:not([data-snake-theme="dark"]) .member-shell.page-remote .member-desktop-rail-link.active .member-desktop-rail-icon{
    background:#e5eef8!important;
  }
}

/* =========================================================
   5.1.39 — Profile light palette parity with Android.
   The member Profile screen previously kept the cooler web-blue card
   palette. These light-mode overrides restore the Android cream profile
   summary, pearl menu rows, soft blue icon tiles, and blue-grey navigation
   on both mobile and desktop. Dark mode and profile functionality remain
   unchanged.
   ========================================================= */
html:not([data-snake-theme="dark"]) .member-shell.page-profile{
  --app-bg:#ffffff;
  --app-surface:#ffffff;
  --app-surface-variant:#f7f9fb;
  --app-primary:#0b3d70;
  --app-primary-container:#eaf2fb;
  --app-on-bg:#102033;
  --app-on-variant:#607283;
  --app-outline-variant:#dfe5ea;
  --app-success:#22a678;
  background:#ffffff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .app-main,
html:not([data-snake-theme="dark"]) .member-shell.page-profile .app-content,
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-screen{
  background:#ffffff!important;
}

/* Android profile summary: warm cream highlight fading into a pearl card. */
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-summary{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 5% 6%,rgba(231,190,67,.30) 0%,rgba(247,226,161,.18) 27%,transparent 53%) padding-box,
    radial-gradient(circle at 96% 96%,rgba(139,140,160,.075) 0%,transparent 49%) padding-box,
    linear-gradient(135deg,#fffaf0 0%,#fffefb 45%,#ffffff 66%,#f8f8fa 100%) padding-box,
    linear-gradient(112deg,#536267 0%,#7a827b 43%,#b6a47a 100%) border-box!important;
  box-shadow:0 7px 22px rgba(83,79,64,.07)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-avatar{
  border:0!important;
  background:#e8eef4!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-main>.member-app-icon{
  color:#0b3d70!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-copy b.is-verified,
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-metrics .text-green{
  color:#229e76!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-metrics{
  border-top-color:rgba(95,108,114,.18)!important;
}

/* Android menu rows: nearly white pearl cards instead of cool-blue blocks. */
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-menu>a{
  background:
    radial-gradient(circle at 7% 4%,rgba(255,255,255,.99) 0%,transparent 42%),
    radial-gradient(circle at 97% 96%,rgba(145,139,169,.055) 0%,transparent 49%),
    linear-gradient(135deg,#fbfdff 0%,#f7fafc 55%,#f5f7f9 100%)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-menu>a:hover,
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-menu>a:focus-visible{
  background:linear-gradient(135deg,#f8fbfe 0%,#f1f5f8 100%)!important;
  border-color:#dce4ea!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-menu-icon{
  background:#e2eaf2!important;
  color:#0b3d70!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-app-profile-menu>a>.member-app-icon{
  color:#0b3d70!important;
}

html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-profile-logout-button{
  background:#f9e8eb!important;
  color:#c23c53!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-profile-logout-button:hover{
  background:#f6dfe4!important;
}

/* Match the Android blue-grey navigation surface. */
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-bottom-nav{
  background:#dfe4ea!important;
  border-top-color:#d4dce4!important;
  box-shadow:0 -5px 18px rgba(16,32,51,.045)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-bottom-nav a.active .member-bottom-nav-icon{
  background:#e5eef8!important;
}
@media(min-width:901px){
  html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-desktop-rail{
    background:#f5f7f9!important;
    border-right-color:#dde4ea!important;
  }
  html:not([data-snake-theme="dark"]) .member-shell.page-profile .member-desktop-rail-link.active .member-desktop-rail-icon{
    background:#e5eef8!important;
  }
}

/* =========================================================
   5.1.40 — Detail-screen Android parity and duplicate-header cleanup.
   - one Android-style header per detail screen
   - light palette follows the native app pearl/cream surfaces
   - account, license, device, history and settings pages share one visual system
   ========================================================= */

/* The compact legacy detail bar caused duplicated titles such as
   “Status Lisensi” and “Perangkat Login”. Every detail screen now uses
   its full Android header with subtitle and back tile. */
.member-shell .mobile-appbar.mobile-appbar-detail{display:none!important}

.member-shell .member-add-circle{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:50%!important;
  background:#0d4d8d!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(13,77,141,.18)!important;
}
.member-shell .member-add-circle:hover,
.member-shell .member-add-circle:focus-visible{background:#083b70!important;color:#fff!important}
.member-shell .member-add-circle .member-app-icon{width:23px!important;height:23px!important;stroke-width:2.4!important}

@media(max-width:900px){
  .member-shell .member-screen-header{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    margin:0 0 18px!important;
    min-height:62px!important;
  }
  .member-shell .member-screen-header-copy h1{
    margin:0!important;
    color:#11243b!important;
    font-size:23px!important;
    line-height:1.16!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  .member-shell .member-screen-header-copy p{
    display:block!important;
    margin:5px 0 0!important;
    color:#68788a!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
  .member-shell .member-screen-back{
    width:52px!important;height:52px!important;min-width:52px!important;
    border:0!important;border-radius:16px!important;
    background:#f4f7fa!important;color:#0b3b6d!important;
    box-shadow:none!important;
  }
  .member-shell .member-screen-header-actions{display:flex!important;align-items:center!important;margin-left:auto!important}

  /* Older page-specific rules hid these full headers on mobile. */
  .member-shell:is(.page-profile-edit,.page-email-change,.page-password-change,.page-app-settings,.page-system-status,.page-push-config,.page-privacy-data,.page-history,.page-notification-settings,.page-devices,.page-accounts,.page-licenses,.page-invoices) .member-screen-header{
    display:grid!important;
  }
}

html:not([data-snake-theme="dark"]) .member-shell{
  --detail-page-bg:#ffffff;
  --detail-card:#ffffff;
  --detail-card-pearl:linear-gradient(135deg,#ffffff 0%,#fcfdff 50%,#f6f7f9 100%);
  --detail-card-soft:linear-gradient(135deg,#fbfdff 0%,#f5f8fb 100%);
  --detail-cream:radial-gradient(circle at 5% 4%,rgba(236,197,74,.28) 0%,rgba(248,228,166,.16) 28%,transparent 52%),linear-gradient(135deg,#fffdf4 0%,#ffffff 58%,#f8f9fb 100%);
  --detail-border:#dde3e8;
  --detail-outline:#8295a5;
  --detail-text:#102238;
  --detail-muted:#657587;
  --detail-icon-bg:#e8eef5;
  --detail-shadow:0 4px 14px rgba(16,34,56,.035);
}
html:not([data-snake-theme="dark"]) .member-shell:not(.page-overview):not(.page-monitoring):not(.page-remote):not(.page-profile) .app-main,
html:not([data-snake-theme="dark"]) .member-shell:not(.page-overview):not(.page-monitoring):not(.page-remote):not(.page-profile) .app-content{
  background:var(--detail-page-bg)!important;
}

/* Shared pearl cards used by Android detail screens. */
html:not([data-snake-theme="dark"]) .member-shell :is(
  .member-edit-card,
  .member-email-card,
  .member-password-card,
  .member-settings-card,
  .member-settings-row,
  .member-devices-security-card,
  .member-device-card,
  .activity-history-card,
  .notif-settings-card,
  .app-notification-card,
  .member-report-card,
  .member-report-support-card,
  .member-help-card,
  .billing-summary-card,
  .billing-payment-card,
  .billing-card,
  .license-purchase-card,
  .trial-confirm
){
  background:var(--detail-card-pearl)!important;
  border-color:var(--detail-border)!important;
  box-shadow:var(--detail-shadow)!important;
}

/* Form controls use the app's darker grey outline and white interior. */
html:not([data-snake-theme="dark"]) .member-shell :is(
  .member-edit-text-input,
  .member-email-input,
  .member-password-input,
  .member-report-control,
  .notif-settings-select-wrap select,
  .billing-form-control,
  .mt5-modal .form-control
){
  background:#fff!important;
  border-color:var(--detail-outline)!important;
  color:var(--detail-text)!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell :is(
  .member-edit-text-input,
  .member-email-input,
  .member-password-input,
  .member-report-control,
  .billing-form-control
)::placeholder{color:#748394!important;opacity:1!important}

/* Edit profile. */
html:not([data-snake-theme="dark"]) .member-shell.page-profile-edit .member-edit-profile-page{background:#fff!important}
html:not([data-snake-theme="dark"]) .member-shell.page-profile-edit .member-edit-photo-card,
html:not([data-snake-theme="dark"]) .member-shell.page-profile-edit .member-edit-name-card{
  background:var(--detail-card-pearl)!important;
  border-color:var(--detail-border)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile-edit .member-edit-outline-button{
  background:#fff!important;border-color:var(--detail-outline)!important;color:#0b3b6d!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-profile-edit .member-edit-photo-filename:empty{display:none!important}

/* Account / MT5 card and compact app-style plus action. */
.member-shell.page-accounts .mt5-page{gap:18px!important}
.member-shell.page-accounts .mt5-page-header{display:none!important}
html:not([data-snake-theme="dark"]) .member-shell.page-accounts .mt5-card{
  background:var(--detail-cream)!important;
  border-color:#a89a70!important;
  box-shadow:0 5px 17px rgba(105,92,55,.055)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-accounts .mt5-card-badge{
  background:linear-gradient(135deg,#ece7cf,#deddd5)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-accounts .mt5-action-neutral{background:#efeee8!important;border-color:#efeee8!important;color:#123d6f!important}
html:not([data-snake-theme="dark"]) .member-shell.page-accounts .mt5-action-blue{background:#e9f0fb!important;border-color:#e9f0fb!important;color:#123d6f!important}
html:not([data-snake-theme="dark"]) .member-shell.page-accounts .mt5-action-danger{background:#fff0f2!important;border-color:#fff0f2!important;color:#d34e64!important}

/* License: remove the repeated internal title and use the same cream status card. */
.member-shell.page-licenses .license-page-header{display:none!important}
html:not([data-snake-theme="dark"]) .member-shell.page-licenses .license-account-switcher,
html:not([data-snake-theme="dark"]) .member-shell.page-licenses .license-purchase-account{
  background:var(--detail-card-soft)!important;border-color:var(--detail-border)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-licenses .license-card{
  background:var(--detail-cream)!important;border-color:#a89a70!important;box-shadow:0 5px 17px rgba(105,92,55,.055)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-licenses .license-card-icon{background:linear-gradient(135deg,#e8e3cb,#dcdad0)!important}
html:not([data-snake-theme="dark"]) .member-shell.page-licenses .license-refresh{background:#fff!important;border-color:var(--detail-outline)!important;color:#0b3b6d!important}

/* Connected/login devices: one header only, current device highlighted in cream. */
html:not([data-snake-theme="dark"]) .member-shell.page-devices .member-device-card.is-current{
  background:var(--detail-cream)!important;border-color:#a89a70!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-devices .member-device-icon{
  background:#f1f5f8!important;color:#0b3b6d!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-devices .member-device-card.is-current .member-device-icon{
  background:rgba(236,221,151,.30)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-devices .member-devices-outline-action{
  background:#fff!important;border-color:var(--detail-outline)!important;color:#0b3b6d!important;
}

/* History list and filters. */
html:not([data-snake-theme="dark"]) .member-shell.page-history .filter-pill{
  background:#fff!important;border-color:var(--detail-outline)!important;color:#536579!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-history .filter-pill.active{
  background:linear-gradient(135deg,#fff4bd,#ffe796)!important;border-color:#ffe796!important;color:#3f3925!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-history .activity-card-icon{
  background:#eef2f6!important;color:#52677d!important;
}

/* Settings and notification cards. */
html:not([data-snake-theme="dark"]) .member-shell.page-app-settings .member-settings-icon{
  background:#e8f0fa!important;color:#0b3b6d!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-app-settings .member-theme-options,
html:not([data-snake-theme="dark"]) .member-shell.page-app-settings .member-theme-option{
  background:#f4f7fa!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-app-settings .member-theme-option.active,
html:not([data-snake-theme="dark"]) .member-shell.page-app-settings .member-theme-option[aria-checked="true"]{
  background:#e7f0fb!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-notification-settings .notif-settings-card,
html:not([data-snake-theme="dark"]) .member-shell.page-notification-settings .app-notification-card{
  background:var(--detail-card-pearl)!important;
}

/* Help search previously looked like two nested columns; make it one clean field. */
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search{
  display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;
  min-height:72px!important;padding:0 16px!important;border:1.5px solid var(--detail-outline)!important;
  border-radius:22px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input{
  width:100%!important;height:100%!important;min-height:68px!important;margin:0!important;padding:0 8px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-card{
  background:linear-gradient(135deg,#fbfcfe 0%,#f5f7fa 100%)!important;border-color:var(--detail-border)!important;
}

/* Report issue and upload area. */
html:not([data-snake-theme="dark"]) .member-shell.page-report .member-report-card{
  background:var(--detail-card-pearl)!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-report .contact-upload-zone{
  background:#f7fbfe!important;border-color:#aac0d2!important;
}

/* Billing surfaces. */
html:not([data-snake-theme="dark"]) .member-shell.page-invoices .billing-summary-card,
html:not([data-snake-theme="dark"]) .member-shell.page-invoices .billing-payment-card,
html:not([data-snake-theme="dark"]) .member-shell.page-invoices .billing-card{
  background:var(--detail-card-pearl)!important;border-color:var(--detail-border)!important;
}

/* Keep Android spacing at narrow widths. */
@media(max-width:640px){
  .member-shell .app-content{padding-top:18px!important}
  .member-shell.page-accounts .mt5-card{padding:18px 14px 16px!important}
  .member-shell.page-accounts .mt5-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .member-shell.page-accounts .mt5-action-btn{min-width:0!important;padding:12px 5px!important;font-size:11px!important;gap:5px!important}
  .member-shell.page-accounts .mt5-action-btn svg{width:17px!important;height:17px!important}
  .member-shell.page-licenses .license-purchase-card{margin-top:4px!important}
}

/* Desktop detail screens also retain the Android back tile. */
@media(min-width:901px){
  .member-shell .member-screen-header .member-screen-back{
    display:grid!important;
    place-items:center!important;
    width:46px!important;height:46px!important;min-width:46px!important;
    border:0!important;border-radius:15px!important;
    background:#f4f7fa!important;color:#0b3b6d!important;
    text-decoration:none!important;
  }
  html[data-snake-theme="dark"] .member-shell .member-screen-header .member-screen-back{
    background:#0b274b!important;color:#d7b257!important;
  }
}

/* 5.1.41 — Help Center search/icon and Android light-palette parity. */
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-app{
  background:#fff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-app-header{
  background:#fff!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-back{
  background:#f5f7fa!important;
  color:#0b3b6d!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-support{
  background:transparent!important;
  color:#0b3b6d!important;
}

/* Keep the icon and placeholder in one field. The old grid left the input in
   a 54px implicit column, which made the word “Cari” overlap the icon. */
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:82px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid #8294a3!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search-icon{
  position:absolute!important;
  z-index:2!important;
  left:22px!important;
  top:50%!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#52697d!important;
  pointer-events:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search-icon svg{
  display:block!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input[type="search"]{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  margin:0!important;
  padding:0 58px 0 72px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#102238!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  font:500 1.08rem/1.35 Roboto,system-ui,sans-serif!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input[type="search"]::placeholder{
  color:#667789!important;
  opacity:1!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input[type="search"]::-webkit-search-decoration,
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input[type="search"]::-webkit-search-cancel-button,
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input[type="search"]::-webkit-search-results-button,
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input[type="search"]::-webkit-search-results-decoration{
  display:none!important;
  -webkit-appearance:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-clear{
  position:absolute!important;
  z-index:3!important;
  right:18px!important;
  top:50%!important;
  width:34px!important;
  height:34px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:#eef1f5!important;
  color:#52697d!important;
}

/* Android uses a slightly cooler pearl card rather than the almost-white web card. */
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-card{
  background:linear-gradient(135deg,#f8f9fc 0%,#f3f4f8 58%,#f1f2f6 100%)!important;
  border:1px solid #dfe4e8!important;
  box-shadow:none!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-category,
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-chevron{
  color:#0b3b6d!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-card h2{
  color:#102238!important;
}
html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-card p{
  color:#667789!important;
}

@media(max-width:640px){
  html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search{
    min-height:84px!important;
    border-radius:24px!important;
  }
  html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search input[type="search"]{
    height:80px!important;
    min-height:80px!important;
    padding-left:76px!important;
    font-size:1.05rem!important;
  }
  html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search-icon{
    left:22px!important;
    width:29px!important;
    height:29px!important;
  }
  html:not([data-snake-theme="dark"]) .member-shell.page-help .member-help-search-icon svg{
    width:29px!important;
    height:29px!important;
  }
}

/* =========================================================
   5.1.42 — Desktop member pages use the full available width.
   The compact Android-style navigation rail remains 78px wide;
   every member screen now fills the remaining desktop viewport
   instead of being constrained to the old 760–920px mobile column.
   Mobile/tablet layout is intentionally unchanged.
   ========================================================= */
@media (min-width:901px){
  .member-shell .app-main{
    width:calc(100% - 78px)!important;
    max-width:none!important;
    margin-left:78px!important;
    overflow-x:clip!important;
  }

  .member-shell[class*="page-"] .app-content{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:24px clamp(24px,2.6vw,46px) 72px!important;
  }

  /* Main Android-parity screens. */
  .member-shell.page-overview .app-home-screen,
  .member-shell.page-monitoring .monitoring-app-screen,
  .member-shell.page-remote .app-remote-form,
  .member-shell.page-remote .remote-sync-card,
  .member-shell.page-notifications .notifications-app-screen,
  .member-shell.page-profile .member-app-profile-screen,
  .member-shell.page-accounts .member-accounts-screen,
  .member-shell.page-licenses .member-license-screen,
  .member-shell.page-invoices .member-invoice-screen,
  .member-shell.page-history .member-history-screen,
  .member-shell.page-help .member-help-app,
  .member-shell.page-si-snake .si-snake-page,
  .member-shell.page-notification-settings .notif-settings-page,
  .member-shell.page-report .member-report-page{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Detail forms previously limited to a narrow phone-sized column. */
  .member-shell.page-profile-edit .member-edit-profile-page,
  .member-shell.page-email-change .member-email-change-page,
  .member-shell.page-password-change .member-password-change-page,
  .member-shell.page-app-settings .member-app-settings-page,
  .member-shell.page-privacy-data .member-privacy-page,
  .member-shell.page-system-status .member-system-status-page,
  .member-shell.page-push-config .member-push-config-page{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Keep dashboard, monitoring and remote cards fluid across the canvas. */
  .member-shell.page-overview .app-premium-card,
  .member-shell.page-monitoring .app-premium-card,
  .member-shell.page-remote .app-premium-card,
  .member-shell.page-profile .app-premium-card{
    max-width:none!important;
  }
}


/* =========================================================
   5.1.43 — Restore the visible coloured Snake EA Pro mark on
   the compact desktop rail. Older parity CSS forced the white
   mark intended for the legacy navy sidebar, making it almost
   invisible on the current light rail surface.
   ========================================================= */
@media (min-width:901px){
  html:not([data-snake-theme="dark"]) .member-shell .member-desktop-rail-brand img{
    content:url('../images/app-logo-mark.png')!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
  }
  html[data-snake-theme="dark"] .member-shell .member-desktop-rail-brand img{
    content:url('../images/app-logo-white-mark.png')!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  html:not([data-snake-theme="dark"]) .member-shell .member-desktop-rail-brand{
    background:linear-gradient(145deg,#f8fbff 0%,#edf3f8 100%)!important;
  }
}

/* =========================================================
   5.1.44 — Unified member UI size system.
   One semantic scale is shared by desktop and mobile so page
   titles, card titles, body copy, fields, buttons and icons no
   longer change randomly from one member screen to another.
   Large financial figures and avatars intentionally keep their
   existing emphasis.
   ========================================================= */
.member-shell{
  --member-type-page:28px;
  --member-type-section:21px;
  --member-type-row:17px;
  --member-type-body:15px;
  --member-type-label:14px;
  --member-type-caption:13px;
  --member-control-height:58px;
  --member-button-height:56px;
  --member-icon-size:24px;
  --member-icon-tile:52px;
  --member-icon-action:48px;
  --member-control-radius:18px;
}

/* Consistent text hierarchy across every authenticated member page. */
.member-shell .member-screen-header-copy h1,
.member-shell .member-help-app-header h1,
.member-shell .si-snake-page-title,
.member-shell .member-app-page-title{
  font-size:var(--member-type-page)!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
.member-shell .member-screen-header-copy p,
.member-shell .member-help-app-header p,
.member-shell .member-app-page-subtitle{
  font-size:var(--member-type-caption)!important;
  line-height:1.45!important;
}
.member-shell .app-content h2,
.member-shell .notif-settings-section-title,
.member-shell .member-help-card h2{
  font-size:var(--member-type-section)!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.member-shell .app-content h3,
.member-shell .app-content h4,
.member-shell .notification-title,
.member-shell .history-title-copy strong,
.member-shell .member-app-profile-menu strong,
.member-shell .member-settings-copy strong,
.member-shell .member-report-support-copy strong{
  font-size:var(--member-type-row)!important;
  line-height:1.3!important;
  font-weight:800!important;
}
.member-shell .app-content p,
.member-shell .app-content li,
.member-shell .app-content td,
.member-shell .app-content th,
.member-shell .member-disclosure>summary small,
.member-shell .member-item-disclosure>summary small,
.member-shell .notification-item-body,
.member-shell .member-settings-copy p,
.member-shell .member-report-support-copy b{
  font-size:var(--member-type-body)!important;
  line-height:1.5!important;
}
.member-shell .app-content small,
.member-shell .muted,
.member-shell .form-help,
.member-shell .metric-note,
.member-shell .member-settings-copy small,
.member-shell .member-report-support-copy small,
.member-shell .contact-upload-meta{
  font-size:var(--member-type-caption)!important;
  line-height:1.45!important;
}
.member-shell .metric-label,
.member-shell .form-label,
.member-shell .eyebrow,
.member-shell label,
.member-shell legend,
.member-shell fieldset>label{
  font-size:var(--member-type-label)!important;
  line-height:1.35!important;
  font-weight:700!important;
}

/* All text fields/selects now use the same readable 16px text and 58px height. */
.member-shell .form-control,
.member-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
.member-shell select,
.member-shell .member-edit-text-input,
.member-shell .member-email-input,
.member-shell .member-password-input,
.member-shell .member-report-control,
.member-shell .billing-form-control{
  box-sizing:border-box!important;
  min-height:var(--member-control-height)!important;
  height:var(--member-control-height)!important;
  padding:0 18px!important;
  border-radius:var(--member-control-radius)!important;
  font:500 16px/1.35 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.member-shell textarea,
.member-shell textarea.form-control,
.member-shell .member-report-textarea{
  height:auto!important;
  min-height:150px!important;
  padding:17px 18px!important;
  font:500 16px/1.5 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.member-shell input::placeholder,
.member-shell textarea::placeholder{
  font-size:16px!important;
}

/* Buttons share one height, radius, font size and icon size. */
.member-shell .btn,
.member-shell .member-report-submit,
.member-shell .member-edit-submit,
.member-shell .member-email-submit,
.member-shell .member-password-submit,
.member-shell .remote-primary-action,
.member-shell .remote-reset-action,
.member-shell .license-refresh,
.member-shell .member-devices-outline-action,
.member-shell .contact-upload-button{
  box-sizing:border-box!important;
  min-height:var(--member-button-height)!important;
  padding:0 20px!important;
  border-radius:var(--member-control-radius)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
}
.member-shell :is(.btn,.member-report-submit,.member-edit-submit,.member-email-submit,.member-password-submit,.remote-primary-action,.remote-reset-action,.license-refresh,.member-devices-outline-action,.contact-upload-button) svg,
.member-shell :is(.btn,.member-report-submit,.member-edit-submit,.member-email-submit,.member-password-submit,.remote-primary-action,.remote-reset-action,.license-refresh,.member-devices-outline-action,.contact-upload-button) .member-app-icon{
  width:var(--member-icon-size)!important;
  height:var(--member-icon-size)!important;
  min-width:var(--member-icon-size)!important;
}

/* One icon language for menu rows, activity, devices, settings and support. */
.member-shell :is(
  .member-app-menu-icon,
  .activity-card-icon,
  .activity-empty-icon,
  .member-device-icon,
  .member-settings-icon,
  .device-push-card-icon,
  .member-report-support-icon,
  .support-contact-icon,
  .license-purchase-account-icon,
  .license-card-icon,
  .member-app-empty-icon,
  .app-quick-icon
){
  box-sizing:border-box!important;
  width:var(--member-icon-tile)!important;
  height:var(--member-icon-tile)!important;
  min-width:var(--member-icon-tile)!important;
  min-height:var(--member-icon-tile)!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
}
.member-shell :is(
  .member-app-menu-icon,
  .activity-card-icon,
  .activity-empty-icon,
  .member-device-icon,
  .member-settings-icon,
  .device-push-card-icon,
  .member-report-support-icon,
  .support-contact-icon,
  .license-purchase-account-icon,
  .license-card-icon,
  .app-quick-icon
) :is(svg,.member-app-icon,img){
  width:var(--member-icon-size)!important;
  height:var(--member-icon-size)!important;
  min-width:var(--member-icon-size)!important;
  object-fit:contain!important;
}

/* Navigation and compact action icons use one 24px glyph size. */
.member-shell .member-app-icon,
.member-shell .member-bottom-nav-icon svg,
.member-shell .member-desktop-rail-icon svg,
.member-shell .member-header-icon-button .member-app-icon,
.member-shell .member-screen-back .member-app-icon,
.member-shell .member-help-back svg,
.member-shell .member-help-support svg,
.member-shell .member-add-circle .member-app-icon,
.member-shell .member-edit-button-icon .member-app-icon,
.member-shell .member-theme-option-icon .member-app-icon,
.member-shell .member-system-check-icon .member-app-icon{
  width:var(--member-icon-size)!important;
  height:var(--member-icon-size)!important;
}
.member-shell :is(
  .member-header-icon-button,
  .member-screen-back,
  .member-help-back,
  .member-help-support,
  .member-add-circle
){
  box-sizing:border-box!important;
  width:var(--member-icon-action)!important;
  height:var(--member-icon-action)!important;
  min-width:var(--member-icon-action)!important;
  min-height:var(--member-icon-action)!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
}
.member-shell .member-bottom-nav-icon,
.member-shell .member-desktop-rail-icon{
  display:grid!important;
  place-items:center!important;
}
.member-shell .member-bottom-nav-label,
.member-shell .member-desktop-rail-label{
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

/* Switches/status pills also stay uniform on every screen. */
.member-shell .switch{
  width:58px!important;
  height:34px!important;
  min-width:58px!important;
}
.member-shell .slider:before{
  width:28px!important;
  height:28px!important;
  left:3px!important;
  top:3px!important;
}
.member-shell .switch input:checked+.slider:before{transform:translateX(24px)!important}
.member-shell .status-badge,
.member-shell .android-status-pill,
.member-shell .member-status-pill,
.member-shell .activity-type-badge{
  min-height:34px!important;
  padding:7px 12px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

/* Remove older mobile-only reductions: the semantic sizes above are shared. */
@media(max-width:900px){
  .member-shell .mobile-appbar-title{font-size:var(--member-type-row)!important}
  .member-shell .member-screen-header-copy h1{font-size:var(--member-type-page)!important}
  .member-shell .member-screen-header-copy p{font-size:var(--member-type-caption)!important}
  .member-shell .member-app-menu-icon,
  .member-shell .activity-card-icon,
  .member-shell .activity-empty-icon,
  .member-shell .member-device-icon,
  .member-shell .member-settings-icon,
  .member-shell .member-report-support-icon{
    width:var(--member-icon-tile)!important;
    height:var(--member-icon-tile)!important;
    min-width:var(--member-icon-tile)!important;
  }
  .member-shell .member-app-menu-icon .member-app-icon,
  .member-shell .activity-card-icon .member-app-icon,
  .member-shell .activity-empty-icon .member-app-icon,
  .member-shell .member-device-icon .member-app-icon,
  .member-shell .member-settings-icon .member-app-icon,
  .member-shell .member-report-support-icon img{
    width:var(--member-icon-size)!important;
    height:var(--member-icon-size)!important;
  }
}

/* =========================================================
   5.1.45 — Desktop detail-header and CS AI rail collision fix.
   - Pusat Bantuan now keeps the same visible back/title/support header
     on desktop as the Android/mobile screen.
   - CS AI is offset by the compact desktop rail instead of rendering
     underneath it, while retaining the full-height chat layout.
   ========================================================= */
@media (min-width:901px){
  /* Help Center: restore the Android-style detail header on desktop. */
  .member-shell.page-help .member-help-app{
    width:100%!important;
    max-width:none!important;
    gap:18px!important;
  }
  .member-shell.page-help .member-help-app-header{
    display:grid!important;
    grid-template-columns:var(--member-icon-action) minmax(0,1fr) var(--member-icon-action)!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    margin:0!important;
    padding:0 0 4px!important;
  }
  .member-shell.page-help .member-help-back,
  .member-shell.page-help .member-help-support{
    display:grid!important;
    place-items:center!important;
    width:var(--member-icon-action)!important;
    height:var(--member-icon-action)!important;
    min-width:var(--member-icon-action)!important;
    min-height:var(--member-icon-action)!important;
    border:1px solid var(--app-outline-variant)!important;
    border-radius:15px!important;
    background:var(--app-surface-variant)!important;
    color:var(--app-primary)!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .member-shell.page-help .member-help-support{
    border-color:transparent!important;
    background:transparent!important;
  }
  .member-shell.page-help .member-help-back:hover,
  .member-shell.page-help .member-help-back:focus-visible,
  .member-shell.page-help .member-help-support:hover,
  .member-shell.page-help .member-help-support:focus-visible{
    border-color:color-mix(in srgb,var(--app-primary) 30%,var(--app-outline-variant))!important;
    background:var(--app-primary-container)!important;
    outline:none!important;
  }
  .member-shell.page-help .member-help-back .member-app-icon,
  .member-shell.page-help .member-help-support .member-app-icon{
    width:var(--member-icon-size)!important;
    height:var(--member-icon-size)!important;
  }
  .member-shell.page-help .member-help-app-title{
    min-width:0!important;
  }
  .member-shell.page-help .member-help-app-title h1{
    margin:0!important;
    color:var(--app-on-bg)!important;
    font-size:var(--member-type-page)!important;
    line-height:1.18!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  .member-shell.page-help .member-help-app-title p{
    margin:5px 0 0!important;
    color:var(--app-on-variant)!important;
    font-size:var(--member-type-caption)!important;
    line-height:1.45!important;
  }

  /* CS AI: the full-screen page must begin after the 78px desktop rail. */
  .member-shell.page-si-snake .app-main{
    box-sizing:border-box!important;
    width:calc(100% - 78px)!important;
    max-width:none!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0 0 0 78px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .member-shell.page-si-snake .app-content,
  .member-shell.page-si-snake .si-snake-page-section,
  .member-shell.page-si-snake .si-snake-page{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .member-shell.page-si-snake .si-snake-app-head{
    width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .member-shell.page-si-snake .si-snake-messages{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .member-shell.page-si-snake .si-snake-form{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

html[data-snake-theme="dark"] .member-shell.page-help .member-help-back,
html[data-snake-theme="dark"] .member-shell.page-help .member-help-support{
  color:#d7b257!important;
}

/* =========================================================
   5.1.46 — Compact minimalist member UI system.
   A single smaller semantic scale is enforced across desktop
   and mobile for typography, fields, buttons, icons, switches,
   status pills and recurring member cards. Financial headline
   values keep a restrained hierarchy without oversized text.
   ========================================================= */
.member-shell{
  --member-type-page:22px;
  --member-type-section:18px;
  --member-type-row:15px;
  --member-type-body:13.5px;
  --member-type-label:12.5px;
  --member-type-caption:12px;
  --member-type-micro:11px;
  --member-control-height:48px;
  --member-button-height:46px;
  --member-icon-size:20px;
  --member-icon-tile:44px;
  --member-icon-action:40px;
  --member-control-radius:14px;
  --member-card-radius:20px;
  --member-card-padding:18px;
  --member-row-gap:12px;
  font-size:var(--member-type-body)!important;
  line-height:1.42!important;
}

/* Page titles and detail headers. */
.member-shell :is(
  .member-screen-header-copy h1,
  .member-help-app-title h1,
  .member-app-page-title,
  .si-snake-page-title,
  .mobile-appbar-title
){
  font-size:var(--member-type-page)!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.018em!important;
}
.member-shell :is(
  .member-screen-header-copy p,
  .member-help-app-title p,
  .member-app-page-subtitle,
  .mobile-appbar-subtitle
){
  font-size:var(--member-type-caption)!important;
  line-height:1.4!important;
}
.member-shell .member-screen-header{margin-bottom:14px!important;gap:10px!important}

/* Consistent section and row hierarchy. */
.member-shell :is(
  .app-content h2,
  .android-section-title,
  .notif-settings-section-title,
  .app-section-head h2,
  .member-app-section-head>span>strong,
  .member-app-section-head>strong,
  .license-purchase-heading h2,
  .billing-heading h2,
  .member-help-empty h2
){
  font-size:var(--member-type-section)!important;
  line-height:1.28!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
}
.member-shell :is(
  .app-content h3,
  .app-content h4,
  .member-app-profile-menu strong,
  .member-settings-copy strong,
  .member-report-support-copy strong,
  .member-help-card h2,
  .activity-card-copy strong,
  .member-device-copy strong,
  .notification-title,
  .mt5-card-copy strong,
  .license-card-copy strong,
  .license-purchase-account-copy strong,
  .billing-invoice-number,
  .billing-payment-copy strong,
  .remote-preset-item strong,
  .app-account-picker-copy strong,
  .app-quick-action strong,
  .si-snake-app-name
){
  font-size:var(--member-type-row)!important;
  line-height:1.32!important;
  font-weight:800!important;
}
.member-shell :is(
  .app-content p,
  .app-content li,
  .app-content td,
  .app-content th,
  .member-app-profile-menu small,
  .member-settings-copy p,
  .member-report-support-copy b,
  .member-help-card-copy p,
  .activity-card-copy p,
  .member-device-copy p,
  .notification-item-body,
  .mt5-card-copy p,
  .license-card-copy p,
  .billing-invoice-sub,
  .app-account-picker-copy small,
  .app-quick-action small,
  .si-snake-bubble
){
  font-size:var(--member-type-body)!important;
  line-height:1.46!important;
}
.member-shell :is(
  .app-content small,
  .muted,
  .form-help,
  .metric-note,
  .member-settings-copy small,
  .member-report-support-copy small,
  .member-help-category,
  .activity-card-copy time,
  .member-device-copy small,
  .contact-upload-meta,
  .app-card-label,
  .app-metric-label,
  .si-snake-app-status
){
  font-size:var(--member-type-caption)!important;
  line-height:1.4!important;
}
.member-shell :is(
  .metric-label,
  .form-label,
  .eyebrow,
  label,
  legend,
  fieldset>label,
  .billing-field-label
){
  font-size:var(--member-type-label)!important;
  line-height:1.32!important;
  font-weight:700!important;
}

/* Restrained, consistent metric hierarchy. */
.member-shell :is(
  .app-balance-value,
  .mt5-metric strong,
  .billing-summary-card strong
){
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
.member-shell :is(
  .app-home-metric-card strong,
  .app-performance-copy strong,
  .app-license-body strong,
  .monitoring-realtime-grid strong,
  .app-period-grid strong,
  .license-meta-item strong,
  .billing-meta strong
){
  font-size:20px!important;
  line-height:1.15!important;
}

/* All member text boxes, selects and textareas use one compact size. */
.member-shell :is(
  .form-control,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select,
  .member-edit-text-input,
  .member-email-input,
  .member-password-input,
  .member-report-control,
  .billing-form-control,
  .member-help-search input,
  [data-si-snake-input]
){
  box-sizing:border-box!important;
  min-height:var(--member-control-height)!important;
  height:var(--member-control-height)!important;
  padding:0 14px!important;
  border-radius:var(--member-control-radius)!important;
  font:500 14px/1.35 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.member-shell :is(textarea,textarea.form-control,.member-report-textarea,[data-si-snake-input]){
  height:auto!important;
  min-height:112px!important;
  padding:13px 14px!important;
  font:500 14px/1.46 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.member-shell .si-snake-form [data-si-snake-input]{
  min-height:44px!important;
  max-height:112px!important;
  padding:11px 14px!important;
  border-radius:14px!important;
}
.member-shell :is(input,textarea)::placeholder{font-size:14px!important}
.member-shell .app-field{gap:6px!important}
.member-shell .app-fields-stack{gap:12px!important}

/* Compact, uniform buttons. Icon-only controls are handled separately below. */
.member-shell :is(
  .btn,
  .member-report-submit,
  .member-edit-save-button,
  .member-edit-outline-button,
  .member-email-primary-button,
  .member-password-primary-button,
  .notif-settings-save,
  .app-primary-wide-button,
  .app-secondary-wide-button,
  .app-outlined-danger-button,
  .remote-primary-action,
  .remote-reset-action,
  .license-refresh,
  .license-purchase-button,
  .member-devices-outline-action,
  .contact-upload-button,
  .billing-btn,
  .billing-buy-link,
  .mt5-action-btn,
  .member-profile-logout-button,
  .filter-pill
){
  box-sizing:border-box!important;
  min-height:var(--member-button-height)!important;
  height:auto!important;
  padding:0 16px!important;
  border-radius:var(--member-control-radius)!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.008em!important;
}
.member-shell :is(
  .btn,
  .member-report-submit,
  .member-edit-save-button,
  .member-edit-outline-button,
  .member-email-primary-button,
  .member-password-primary-button,
  .notif-settings-save,
  .app-primary-wide-button,
  .app-secondary-wide-button,
  .app-outlined-danger-button,
  .license-refresh,
  .member-devices-outline-action,
  .contact-upload-button,
  .billing-btn,
  .mt5-action-btn
) :is(svg,.member-app-icon){
  width:var(--member-icon-size)!important;
  height:var(--member-icon-size)!important;
  min-width:var(--member-icon-size)!important;
}

/* One compact icon system throughout member pages. */
.member-shell .member-app-icon,
.member-shell .member-bottom-nav-icon svg,
.member-shell .member-desktop-rail-icon svg,
.member-shell .member-header-icon-button .member-app-icon,
.member-shell .member-screen-back .member-app-icon,
.member-shell .member-help-back svg,
.member-shell .member-help-support svg,
.member-shell .member-add-circle .member-app-icon,
.member-shell .member-edit-button-icon .member-app-icon,
.member-shell .member-theme-option-icon .member-app-icon,
.member-shell .member-system-check-icon .member-app-icon{
  width:var(--member-icon-size)!important;
  height:var(--member-icon-size)!important;
}
.member-shell :is(
  .member-app-menu-icon,
  .activity-card-icon,
  .activity-empty-icon,
  .member-device-icon,
  .member-settings-icon,
  .device-push-card-icon,
  .member-report-support-icon,
  .support-contact-icon,
  .license-purchase-account-icon,
  .license-card-icon,
  .member-app-empty-icon,
  .app-quick-icon,
  .billing-payment-icon
){
  box-sizing:border-box!important;
  width:var(--member-icon-tile)!important;
  height:var(--member-icon-tile)!important;
  min-width:var(--member-icon-tile)!important;
  min-height:var(--member-icon-tile)!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
}
.member-shell :is(
  .member-app-menu-icon,
  .activity-card-icon,
  .activity-empty-icon,
  .member-device-icon,
  .member-settings-icon,
  .device-push-card-icon,
  .member-report-support-icon,
  .support-contact-icon,
  .license-purchase-account-icon,
  .license-card-icon,
  .member-app-empty-icon,
  .app-quick-icon,
  .billing-payment-icon
) :is(svg,.member-app-icon,img){
  width:var(--member-icon-size)!important;
  height:var(--member-icon-size)!important;
  min-width:var(--member-icon-size)!important;
  object-fit:contain!important;
}
.member-shell :is(
  .member-header-icon-button,
  .member-screen-back,
  .member-help-back,
  .member-help-support,
  .member-add-circle
){
  box-sizing:border-box!important;
  width:var(--member-icon-action)!important;
  height:var(--member-icon-action)!important;
  min-width:var(--member-icon-action)!important;
  min-height:var(--member-icon-action)!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
}

/* All switch families use exactly the same compact 46x26 geometry. */
.member-shell .switch,
.member-shell .app-setting-switch .switch,
.member-shell .notification-option>.switch,
.member-shell .notification-email-master>.switch,
.member-shell .notification-cooldown-setting>.switch{
  position:relative!important;
  width:46px!important;
  height:26px!important;
  min-width:46px!important;
  max-width:46px!important;
  flex:0 0 46px!important;
}
.member-shell .switch>.slider,
.member-shell .switch .slider{
  border-radius:999px!important;
}
.member-shell .switch>.slider::before,
.member-shell .switch .slider::before,
.member-shell .slider:before{
  width:20px!important;
  height:20px!important;
  left:3px!important;
  top:3px!important;
}
.member-shell .switch>input:checked+.slider::before,
.member-shell .switch input:checked+.slider:before{
  transform:translateX(20px)!important;
}
.member-shell.page-notification-settings .notif-settings-toggle{
  position:relative!important;
  width:46px!important;
  height:26px!important;
  min-width:46px!important;
  max-width:46px!important;
  flex:0 0 46px!important;
}
.member-shell.page-notification-settings .notif-settings-toggle span::after{
  top:3px!important;
  left:3px!important;
  width:20px!important;
  height:20px!important;
}
.member-shell.page-notification-settings .notif-settings-toggle input:checked+span::after{
  transform:translateX(20px)!important;
}

/* Uniform compact status chips and filters. */
.member-shell :is(
  .status-badge,
  .android-status-pill,
  .member-status-pill,
  .activity-type-badge,
  .member-device-badge,
  .license-status-pill,
  [class*="mt5-status-pill"]
){
  box-sizing:border-box!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:800!important;
}

/* Compact recurring cards and rows without changing information structure. */
.member-shell :is(
  .app-premium-card,
  .app-performance-card,
  .app-license-card,
  .app-home-metric-card,
  .member-app-profile-summary,
  .member-report-card,
  .member-report-support-card,
  .member-help-card,
  .activity-history-card,
  .member-device-card,
  .member-devices-security-card,
  .notif-settings-card,
  .member-settings-card,
  .member-settings-theme-card,
  .member-edit-card,
  .member-email-card,
  .member-password-card,
  .license-card,
  .license-purchase-card,
  .billing-card,
  .mt5-card
){
  border-radius:var(--member-card-radius)!important;
}
.member-shell :is(
  .member-app-profile-menu>a,
  .member-settings-row,
  .member-report-support-row,
  .app-quick-action,
  .activity-history-card,
  .member-device-card
){
  min-height:72px!important;
  padding:14px 16px!important;
  gap:12px!important;
}
.member-shell :is(
  .member-app-profile-menu,
  .member-devices-list,
  .activity-history-list,
  .member-help-list,
  .notif-settings-form,
  .app-quick-grid
){
  gap:var(--member-row-gap)!important;
}

/* Notification settings rows should no longer look oversized. */
.member-shell.page-notification-settings .notif-settings-card{padding:18px!important}
.member-shell.page-notification-settings .notif-settings-section-title{margin-bottom:8px!important}
.member-shell.page-notification-settings .notif-settings-option-row{
  min-height:64px!important;
  padding:10px 0!important;
  gap:12px!important;
}
.member-shell.page-notification-settings .notif-settings-copy h2{font-size:16px!important}
.member-shell.page-notification-settings .notif-settings-copy h3{font-size:14px!important}
.member-shell.page-notification-settings .notif-settings-copy p{font-size:12.5px!important}
.member-shell.page-notification-settings .notif-settings-save{min-height:46px!important}

/* Theme chooser and settings rows use the same compact language. */
.member-shell .member-theme-options{min-height:96px!important}
.member-shell .member-theme-option{min-height:88px!important;padding:12px 8px!important;gap:8px!important}
.member-shell .member-theme-option strong{font-size:13px!important}
.member-shell .member-theme-option-icon{width:34px!important;height:34px!important}

/* Navigation labels and icons stay small and consistent. */
.member-shell .member-bottom-nav-icon svg,
.member-shell .member-desktop-rail-icon svg{width:21px!important;height:21px!important}
.member-shell .member-bottom-nav-label{font-size:11px!important;line-height:1.15!important;font-weight:700!important}
.member-shell .member-desktop-rail-label{font-size:12px!important;line-height:1.2!important;font-weight:750!important}

/* CS AI compact typography and composer controls. */
.member-shell.page-si-snake .si-snake-app-name{font-size:15px!important}
.member-shell.page-si-snake .si-snake-app-status{font-size:11.5px!important}
.member-shell.page-si-snake .si-snake-bubble{font-size:13.5px!important;line-height:1.48!important}
.member-shell.page-si-snake .si-snake-form button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
}
.member-shell.page-si-snake .si-snake-form button svg{width:20px!important;height:20px!important}

/* Mobile keeps the exact same semantic scale; only page title is reduced a touch. */
@media(max-width:900px){
  .member-shell{--member-type-page:21px;--member-card-padding:16px}
  .member-shell .mobile-appbar-title{font-size:15px!important}
  .member-shell :is(
    .member-app-menu-icon,
    .activity-card-icon,
    .activity-empty-icon,
    .member-device-icon,
    .member-settings-icon,
    .member-report-support-icon,
    .app-quick-icon
  ){
    width:var(--member-icon-tile)!important;
    height:var(--member-icon-tile)!important;
    min-width:var(--member-icon-tile)!important;
  }
}

/* =========================================================
   5.1.48 — Android dark palette parity across member pages.
   Visual-only overrides. No API, database, form, upload, or
   business logic is changed by this section.
   ========================================================= */
html[data-snake-theme="dark"] .member-shell{
  --app-bg:#06172b;
  --app-surface:#0d2a4d;
  --app-surface-variant:#102d50;
  --app-primary:#e1b94f;
  --app-primary-container:#4a380b;
  --app-on-bg:#f6f8fa;
  --app-on-variant:#aeb9c5;
  --app-outline:#4b6782;
  --app-outline-variant:#1e4668;
  --app-success:#21a77c;
  --app-danger:#e14c64;
  --app-warning:#d8952e;
  --app-shadow:none;
  --member-dark-page:#06172b;
  --member-dark-card:#0d2a4d;
  --member-dark-card-2:#0b2748;
  --member-dark-card-3:#102f54;
  --member-dark-nav:#243341;
  --member-dark-icon:#344858;
  --member-dark-border:#214a6d;
  --member-dark-border-strong:#4b6782;
  --member-dark-gold:#e1b94f;
  --member-dark-gold-soft:#5a430c;
  --member-dark-muted:#aeb9c5;
  --member-dark-input:#0b2748;
  background:linear-gradient(180deg,#051426 0%,#071a30 57%,#1a2c43 100%) fixed!important;
  color:var(--app-on-bg)!important;
}
html[data-snake-theme="dark"] .member-shell,
html[data-snake-theme="dark"] .member-shell .app-main,
html[data-snake-theme="dark"] .member-shell .app-content,
html[data-snake-theme="dark"] .member-shell :is(
  .app-home-screen,.monitoring-app-screen,.app-remote-form,
  .member-app-profile-screen,.member-help-app,.member-report-page,
  .member-edit-profile-page,.member-settings-page,.member-devices-page,
  .activity-history-page,.notification-settings-page,.license-page,
  .billing-page,.mt5-page,.si-snake-page
){
  background:transparent!important;
  color:var(--app-on-bg)!important;
}
html[data-snake-theme="dark"] .member-shell .app-main{
  background:linear-gradient(180deg,#051426 0%,#071a30 58%,#1a2c43 100%) fixed!important;
}

/* Core typography and icon colors. */
html[data-snake-theme="dark"] .member-shell :is(
  h1,h2,h3,h4,h5,h6,strong,b,label,legend,
  .member-screen-title,.mobile-appbar-title,.member-help-title,
  .si-snake-app-name,.member-app-profile-copy strong,
  .member-app-profile-menu strong,.member-settings-copy strong,
  .member-report-support-copy strong,.activity-card-copy strong,
  .member-device-copy strong,.billing-card strong,.license-card strong
){color:var(--app-on-bg)!important}
html[data-snake-theme="dark"] .member-shell :is(
  p,small,.muted,.member-screen-subtitle,.member-help-subtitle,
  .member-app-profile-copy span,.member-settings-copy small,
  .member-report-support-copy small,.activity-card-copy p,
  .member-device-copy p,.form-help,.field-help,.app-field-help,
  .member-email-current-label,.member-email-current-value,
  .member-edit-photo-help,.member-report-note
){color:var(--app-on-variant)!important}
html[data-snake-theme="dark"] .member-shell :is(
  .member-app-icon,.member-help-chevron,.member-settings-chevron,
  .member-report-support-arrow,.member-device-icon svg,
  .activity-card-icon svg,.member-app-menu-icon svg
){color:inherit!important}

/* Shared Android dark cards. */
html[data-snake-theme="dark"] .member-shell :is(
  .card,.metric-card,.app-premium-card,.app-home-metric-card,
  .app-performance-card,.app-license-card,.app-quick-action,
  .monitoring-chart-card,.monitoring-period-card,.monitoring-news-card,
  .monitoring-instance-card,.app-settings-card,.app-power-card,
  .member-app-profile-menu>a,.member-edit-card,.member-email-card,
  .member-password-card,.member-settings-card,.member-settings-row,
  .member-devices-security-card,.member-device-card,.activity-history-card,
  .notif-settings-card,.app-notification-card,.member-report-card,
  .member-report-support-card,.member-help-card,.billing-summary-card,
  .billing-payment-card,.billing-card,.license-purchase-card,
  .license-purchase-account,.license-account-switcher,.license-card,
  .mt5-card,.trial-confirm,.contact-upload-zone,.si-snake-welcome,
  .si-snake-bubble.is-assistant,.si-snake-message.is-assistant .si-snake-bubble
){
  background:linear-gradient(145deg,var(--member-dark-card) 0%,var(--member-dark-card-2) 100%)!important;
  border-color:var(--member-dark-border)!important;
  color:var(--app-on-bg)!important;
  box-shadow:none!important;
}

/* Highlighted account/status cards use the app's gold outline. */
html[data-snake-theme="dark"] .member-shell :is(
  .app-balance-card,.monitoring-realtime-card,.remote-sync-card,
  .member-app-profile-summary,.mt5-card.is-selected,.mt5-card.is-primary,
  .license-card,.member-device-card.is-current
){
  background:linear-gradient(135deg,#0c2b4f 0%,#0b294b 62%,#0b2645 100%)!important;
  border:1px solid #9b8957!important;
  box-shadow:none!important;
}

/* Account selectors and MT5 badges. */
html[data-snake-theme="dark"] .member-shell :is(
  .app-account-picker,.member-app-account-picker,.license-account-switcher,
  .license-purchase-account
){
  background:#0b2b4f!important;
  border-color:#214a6d!important;
  color:var(--app-on-bg)!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell :is(
  .app-account-picker-mark,.member-app-account-mark,.mt5-card-badge,
  .license-account-badge,.license-purchase-account-icon,.member-app-empty-icon
){
  background:#4a380b!important;
  color:var(--member-dark-gold)!important;
  border-color:#5d4b1d!important;
}
html[data-snake-theme="dark"] .member-shell :is(
  .app-account-picker-chevron,.member-app-account-chevron,
  .license-account-switcher-chevron
){color:var(--member-dark-gold)!important}

/* Form controls and Material-style fields. */
html[data-snake-theme="dark"] .member-shell :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,textarea,.form-control,.member-edit-text-input,.member-email-input,
  .member-password-input,.member-report-control,.billing-form-control,
  .notif-settings-select-wrap select,.remote-preset-name-field>input
){
  background:var(--member-dark-input)!important;
  border-color:var(--member-dark-border-strong)!important;
  color:var(--app-on-bg)!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  textarea,.member-edit-text-input,.member-email-input,.member-password-input,
  .member-report-control,.billing-form-control,.remote-preset-name-field>input
)::placeholder{
  color:#a7b4c2!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .member-shell :is(
  .app-field>label,.remote-preset-name-field>label,.member-report-select-field>label,
  .member-edit-field>label,.member-email-field>label,.member-password-field>label
){
  color:var(--app-on-variant)!important;
  background:var(--member-dark-card)!important;
}
html[data-snake-theme="dark"] .member-shell select{
  color-scheme:dark!important;
}

/* One compact dark switch language on every page. */
html[data-snake-theme="dark"] .member-shell .switch>.slider,
html[data-snake-theme="dark"] .member-shell .switch .slider,
html[data-snake-theme="dark"] .member-shell.page-notification-settings .notif-settings-toggle span{
  background:#4b596c!important;
  border:1px solid #708096!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell .switch>.slider::before,
html[data-snake-theme="dark"] .member-shell .switch .slider::before,
html[data-snake-theme="dark"] .member-shell.page-notification-settings .notif-settings-toggle span::after{
  background:#607d97!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell .switch>input:checked+.slider,
html[data-snake-theme="dark"] .member-shell .switch input:checked+.slider,
html[data-snake-theme="dark"] .member-shell.page-notification-settings .notif-settings-toggle input:checked+span{
  background:var(--member-dark-gold)!important;
  border-color:var(--member-dark-gold)!important;
}
html[data-snake-theme="dark"] .member-shell .switch>input:checked+.slider::before,
html[data-snake-theme="dark"] .member-shell .switch input:checked+.slider::before,
html[data-snake-theme="dark"] .member-shell.page-notification-settings .notif-settings-toggle input:checked+span::after{
  background:#07172a!important;
}

/* Buttons and status pills. */
html[data-snake-theme="dark"] .member-shell :is(
  .btn-primary,.btn-gold,.app-primary-wide-button,.member-report-submit,
  .member-edit-save-button,.member-email-primary-button,.member-password-submit,
  .notif-settings-save
){
  background:var(--member-dark-gold)!important;
  border-color:var(--member-dark-gold)!important;
  color:#07172a!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell :is(
  .btn-secondary,.btn-ghost,.app-secondary-wide-button,.license-refresh,
  .member-devices-outline-action,.member-edit-outline-button,
  .app-outlined-danger-button,.contact-upload-button
){
  background:transparent!important;
  border-color:var(--member-dark-border-strong)!important;
  color:var(--app-on-bg)!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell :is(button,.btn,[role="button"]):disabled,
html[data-snake-theme="dark"] .member-shell :is(button,.btn,[role="button"])[aria-disabled="true"]{
  background:#31445a!important;
  border-color:#31445a!important;
  color:#8796a6!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .member-shell :is(
  .status-online,.status-active,.android-status-pill.is-live,.license-status-pill.is-active,
  .member-device-badge.is-current,.text-green
){color:var(--app-success)!important}
html[data-snake-theme="dark"] .member-shell :is(
  .android-status-pill.is-live,.license-status-pill.is-active,.member-device-badge.is-current
){
  background:rgba(33,167,124,.08)!important;
  border-color:rgba(33,167,124,.58)!important;
}
html[data-snake-theme="dark"] .member-shell :is(.text-warning,.android-status-pill.is-warning){color:var(--app-warning)!important}
html[data-snake-theme="dark"] .member-shell :is(.text-danger,.danger,.app-outlined-danger-button){color:var(--app-danger)!important}

/* Home / dashboard dark palette. */
html[data-snake-theme="dark"] .member-shell.page-overview .app-balance-card{
  background:linear-gradient(135deg,#0c2b4e 0%,#0a294a 72%,#0a2543 100%)!important;
  border-color:#9b8957!important;
}
html[data-snake-theme="dark"] .member-shell.page-overview :is(
  .app-home-metric-card,.app-performance-card,.app-license-card
){background:linear-gradient(145deg,#0d2b4e,#0a2747)!important;border-color:#214a6d!important}
html[data-snake-theme="dark"] .member-shell.page-overview .app-quick-action{
  background:#0d2a4d!important;
  border-color:#0d2a4d!important;
}
html[data-snake-theme="dark"] .member-shell.page-overview .app-quick-icon{
  background:#344858!important;
  color:var(--member-dark-gold)!important;
}
html[data-snake-theme="dark"] .member-shell.page-overview .app-progress-track{background:#164064!important}
html[data-snake-theme="dark"] .member-shell.page-overview .member-app-chart-bars>i,
html[data-snake-theme="dark"] .member-shell.page-overview .app-performance-bars>i{
  background:linear-gradient(180deg,#e1b94f,#7b6738)!important;
}

/* Monitoring dark palette and gold chart. */
html[data-snake-theme="dark"] .member-shell.page-monitoring :is(
  .monitoring-chart-card,.monitoring-period-card,.monitoring-news-card,.monitoring-instance-card
){background:linear-gradient(145deg,#0d2a4d,#0b2748)!important;border-color:#214a6d!important}
html[data-snake-theme="dark"] .member-shell.page-monitoring .app-line-chart-grid line{stroke:#1d4162!important}
html[data-snake-theme="dark"] .member-shell.page-monitoring .app-line-chart-fill{fill:rgba(225,185,79,.17)!important}
html[data-snake-theme="dark"] .member-shell.page-monitoring .app-line-chart-line{stroke:var(--member-dark-gold)!important}
html[data-snake-theme="dark"] .member-shell.page-monitoring .app-line-chart circle{fill:var(--member-dark-gold)!important}
html[data-snake-theme="dark"] .member-shell.page-monitoring .app-line-chart circle.point-core{fill:#0b2748!important}
html[data-snake-theme="dark"] .member-shell.page-monitoring .member-app-chart-metrics{border-top-color:#1d4162!important}

/* Remote EA dark palette. */
html[data-snake-theme="dark"] .member-shell.page-remote :is(.app-settings-card,.app-power-card){
  background:linear-gradient(145deg,#0d2a4d,#0b2748)!important;
  border-color:#214a6d!important;
}
html[data-snake-theme="dark"] .member-shell.page-remote .remote-sync-card{border-color:#9b8957!important}
html[data-snake-theme="dark"] .member-shell.page-remote .remote-risk-warning{color:#d7a548!important}
html[data-snake-theme="dark"] .member-shell.page-remote .app-outlined-danger-button{
  background:transparent!important;border-color:#4b6782!important;color:var(--app-danger)!important;
}

/* Profile and menu rows. */
html[data-snake-theme="dark"] .member-shell.page-profile .member-app-profile-summary{
  background:linear-gradient(135deg,#0c2b4e,#0a294a)!important;
  border-color:#9b8957!important;
}
html[data-snake-theme="dark"] .member-shell.page-profile .member-app-profile-menu>a{
  background:#0d2a4d!important;
  border-color:#0d2a4d!important;
}
html[data-snake-theme="dark"] .member-shell.page-profile .member-app-menu-icon{
  background:#344858!important;
  color:var(--member-dark-gold)!important;
}
html[data-snake-theme="dark"] .member-shell.page-profile .member-app-profile-menu>a>.member-app-icon,
html[data-snake-theme="dark"] .member-shell.page-profile .member-app-profile-main>.member-app-icon{
  color:var(--member-dark-gold)!important;
}
html[data-snake-theme="dark"] .member-shell.page-profile .member-profile-logout-button{
  background:#2c2234!important;
  color:#ee6476!important;
  border-color:#2c2234!important;
}

/* Notification list. */
html[data-snake-theme="dark"] .member-shell.page-notifications .app-notification-card{
  background:#0d2a4d!important;
  border-color:#214a6d!important;
}
html[data-snake-theme="dark"] .member-shell.page-notifications :is(
  .notification-settings-link,.notification-delete-all,.notification-delete-button
){color:var(--member-dark-gold)!important}
html[data-snake-theme="dark"] .member-shell.page-notifications :is(
  .notification-delete-all,.notification-delete-button
){color:var(--app-danger)!important}
html[data-snake-theme="dark"] .member-shell.page-notifications .app-notification-dot{
  background:var(--member-dark-gold)!important;
  box-shadow:0 0 0 12px rgba(225,185,79,.12)!important;
}

/* Detail pages, settings, help, report, devices, history, billing. */
html[data-snake-theme="dark"] .member-shell :is(
  .member-screen-header,.member-help-app-header,.mobile-appbar-detail
){background:transparent!important;border-color:transparent!important}
html[data-snake-theme="dark"] .member-shell :is(
  .member-screen-back,.member-help-back,.mobile-appbar-back,.member-help-support,.member-add-circle
){
  background:#0d2a4d!important;
  color:var(--member-dark-gold)!important;
  border-color:#214a6d!important;
}
html[data-snake-theme="dark"] .member-shell.page-help .member-help-search{
  background:#0b2748!important;
  border-color:#4b6782!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-help .member-help-search input[type="search"]{
  background:transparent!important;border:0!important;color:var(--app-on-bg)!important;
}
html[data-snake-theme="dark"] .member-shell.page-help .member-help-search-icon,
html[data-snake-theme="dark"] .member-shell.page-help :is(.member-help-category,.member-help-chevron,.member-help-support){
  color:var(--member-dark-gold)!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone{
  background:#0b2748!important;border-color:#4b6782!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .member-report-support-icon,
html[data-snake-theme="dark"] .member-shell.page-app-settings .member-settings-icon,
html[data-snake-theme="dark"] .member-shell.page-history .activity-card-icon,
html[data-snake-theme="dark"] .member-shell.page-devices .member-device-icon{
  background:#344858!important;color:var(--member-dark-gold)!important;
}
html[data-snake-theme="dark"] .member-shell.page-history .filter-pill{
  background:transparent!important;border-color:#4b6782!important;color:var(--app-on-variant)!important;
}
html[data-snake-theme="dark"] .member-shell.page-history .filter-pill.active{
  background:#5a430c!important;border-color:#5a430c!important;color:#f4d36f!important;
}
html[data-snake-theme="dark"] .member-shell.page-app-settings :is(.member-theme-options,.member-theme-option){
  background:#0b2748!important;border-color:#214a6d!important;
}
html[data-snake-theme="dark"] .member-shell.page-app-settings .member-theme-option.active,
html[data-snake-theme="dark"] .member-shell.page-app-settings .member-theme-option[aria-checked="true"]{
  background:#183757!important;color:var(--member-dark-gold)!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-card,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-card,
html[data-snake-theme="dark"] .member-shell.page-devices .member-device-card.is-current{
  background:linear-gradient(135deg,#0c2b4f,#0a2949)!important;
  border-color:#9b8957!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts :is(.mt5-action-neutral,.mt5-action-blue){
  background:#183757!important;border-color:#183757!important;color:#e6edf4!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-action-danger{
  background:#2c2234!important;border-color:#2c2234!important;color:#ee6476!important;
}

/* CS AI follows the same dark application canvas. */
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-page,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-messages{
  background:#06172b!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-header{
  background:#06172b!important;border-bottom-color:#1e4668!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-user .si-snake-bubble,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-bubble.is-user{
  background:#26394b!important;color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-composer{
  background:#243341!important;border-top-color:#1e4668!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-form textarea{
  background:#0b2748!important;border-color:#4b6782!important;color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-form button{
  color:var(--member-dark-gold)!important;
}

/* Dark Android navigation: blue-grey bar with gold active destination. */
html[data-snake-theme="dark"] .member-shell .member-bottom-nav{
  background:var(--member-dark-nav)!important;
  border-top-color:#2d4051!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav a{
  color:#bcc8d3!important;
}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav a.active{
  color:#f0cb65!important;
}
html[data-snake-theme="dark"] .member-shell .member-bottom-nav a.active .member-bottom-nav-icon{
  background:#5a430c!important;
  color:#f0cb65!important;
}
@media(min-width:901px){
  html[data-snake-theme="dark"] .member-shell .member-desktop-rail{
    background:#07182c!important;
    border-right-color:#1e4668!important;
  }
  html[data-snake-theme="dark"] .member-shell .member-desktop-rail-link{
    color:#bcc8d3!important;
  }
  html[data-snake-theme="dark"] .member-shell .member-desktop-rail-link.active{
    color:#f0cb65!important;
  }
  html[data-snake-theme="dark"] .member-shell .member-desktop-rail-link.active .member-desktop-rail-icon{
    background:#5a430c!important;
    color:#f0cb65!important;
  }
  html[data-snake-theme="dark"] .member-shell .member-desktop-rail-brand{
    background:#0d2a4d!important;border-color:#214a6d!important;
  }
}

/* =========================================================
   5.1.50 — Dark-mode visibility hardening.
   Fixes hard-coded light surfaces and low-contrast text that
   remained on CS AI, licenses, billing, accounts, and forms.
   Visual-only; no business logic or data flow changes.
   ========================================================= */

/* CS AI: the actual header/form class names are app-head and form. */
html[data-snake-theme="dark"] .member-shell.page-si-snake,
html[data-snake-theme="dark"] .member-shell.page-si-snake .app-main,
html[data-snake-theme="dark"] .member-shell.page-si-snake .app-content,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-page-section,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-page,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-messages{
  background:#06172b!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-head{
  background:#06172b!important;
  border-bottom:1px solid #1e4668!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-title strong{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-title span{
  color:#54c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-back{
  background:#0d2a4d!important;
  color:#e1b94f!important;
  border-color:#214a6d!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-clear{
  background:transparent!important;
  color:#e14c64!important;
  border-color:transparent!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-head .si-snake-avatar{
  background:#344858!important;
  color:#e1b94f!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-welcome-card,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-assistant .si-snake-bubble,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-admin .si-snake-bubble{
  background:#0d2a4d!important;
  border-color:#214a6d!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-welcome-card h2,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-bubble p{
  color:inherit!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-welcome-card p{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-user .si-snake-bubble{
  background:#26394b!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-system .si-snake-bubble{
  background:#2c2a22!important;
  border:1px solid #7d6530!important;
  color:#ead18b!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attachment,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-selected-file{
  background:#183757!important;
  border-color:#365a78!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attachment small,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-selected-file-info small{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-form{
  background:#243341!important;
  border-top:1px solid #1e4668!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-composer{
  background:transparent!important;
  border:0!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-composer textarea{
  background:#0b2748!important;
  border-color:#4b6782!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-composer textarea::placeholder{
  color:#a7b4c2!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attach,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-send,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-support{
  background:transparent!important;
  border-color:#4b6782!important;
  color:#e1b94f!important;
}

/* License purchase: remove white cards/white text in dark mode. */
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-card,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-empty{
  background:linear-gradient(145deg,#0d2a4d,#0b2748)!important;
  border-color:#214a6d!important;
  color:#f6f8fa!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-heading h3,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-account-copy strong,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-empty h3{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-heading p,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-account-copy span,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-empty p,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-note{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-package-option-content{
  background:#0b2748!important;
  border-color:#4b6782!important;
  color:#f6f8fa!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-package-option:hover .license-package-option-content{
  border-color:#8a7744!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-package-option input:checked + .license-package-option-content{
  background:linear-gradient(145deg,#173657,#102d4d)!important;
  border-color:#e1b94f!important;
  box-shadow:0 0 0 3px rgba(225,185,79,.12)!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-package-option-content b{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-package-option-content strong{
  color:#e1b94f!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-package-option-content small{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-package-popular{
  background:#5a430c!important;
  color:#f4d36f!important;
  border:1px solid #8a6b1f!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-consent{
  background:#2c2a22!important;
  border-color:#7d6530!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-consent span{
  color:#d7c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-consent a{
  color:#e1b94f!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-button{
  background:#e1b94f!important;
  border-color:#e1b94f!important;
  color:#07172a!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-card-icon{
  background:#344858!important;
  color:#e1b94f!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-card-copy h3,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-meta-item strong{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-card-copy p,
html[data-snake-theme="dark"] .member-shell.page-licenses .license-meta-item label{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-status-pill{
  background:rgba(33,167,124,.08)!important;
  border-color:rgba(33,167,124,.65)!important;
  color:#54c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-status-pill.inactive{
  background:#26394b!important;
  border-color:#60748a!important;
  color:#b9c5d1!important;
}

/* MT5 accounts: status and action labels must remain readable. */
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-status-pill{
  background:rgba(33,167,124,.08)!important;
  border-color:rgba(33,167,124,.65)!important;
  color:#54c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-status-pill.offline{
  background:#26394b!important;
  border-color:#60748a!important;
  color:#b9c5d1!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-card-copy h3,
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-stat strong{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-card-copy p,
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-stat span{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-action-btn{
  color:#e7edf3!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-action-neutral,
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-action-blue{
  background:#183757!important;
  border-color:#274b69!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .mt5-action-danger{
  background:#2c2234!important;
  border-color:#5c3042!important;
  color:#ee6476!important;
}
html[data-snake-theme="dark"] .member-shell.page-accounts .member-add-circle{
  background:#0d3d73!important;
  color:#e1b94f!important;
  border-color:#214a6d!important;
}

/* Billing: preserve readable status/action/progress surfaces. */
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-payment-icon{
  background:#344858!important;
  color:#e1b94f!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-buy-link{
  background:#0d3d73!important;
  color:#f4d36f!important;
  border:1px solid #214a6d!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-status{
  background:#26394b!important;
  border-color:#60748a!important;
  color:#d5dee7!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-status.success{
  background:rgba(33,167,124,.08)!important;
  border-color:rgba(33,167,124,.65)!important;
  color:#54c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-status.warning{
  background:rgba(216,149,46,.10)!important;
  border-color:rgba(216,149,46,.58)!important;
  color:#e4ad50!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-status.info{
  background:#183757!important;
  border-color:#31597a!important;
  color:#b8d3ef!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-status.danger{
  background:#2c2234!important;
  border-color:#673649!important;
  color:#ee6476!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-meta{
  border-top-color:#365a78!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-step{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-step i{
  background:#26394b!important;
  color:#b9c5d1!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-step.done,
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-step.current{
  color:#d7e0e8!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-step.done i{
  background:rgba(33,167,124,.14)!important;
  color:#54c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-step.current i{
  background:#5a430c!important;
  color:#f4d36f!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-btn{
  background:#183757!important;
  border-color:#365a78!important;
  color:#e7edf3!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-btn.primary{
  background:#e1b94f!important;
  border-color:#e1b94f!important;
  color:#07172a!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-btn.danger{
  background:#2c2234!important;
  border-color:#673649!important;
  color:#ee6476!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-modal{
  background:#0d2a4d!important;
  border:1px solid #214a6d!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-modal h3,
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-field-label{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-modal-sub,
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-instructions{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-qris-wrap,
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-total-box{
  background:#0b2748!important;
  border-color:#365a78!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-total-box span{
  color:#aeb9c5!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-total-box strong{
  color:#e1b94f!important;
}
html[data-snake-theme="dark"] .member-shell.page-invoices .billing-refund-info{
  background:#2c2a22!important;
  border-color:#7d6530!important;
  color:#d7c99e!important;
}

/* Dark form visibility: controls, autofill, and browser password affordances. */
html[data-snake-theme="dark"] .member-shell input,
html[data-snake-theme="dark"] .member-shell textarea,
html[data-snake-theme="dark"] .member-shell select{
  color-scheme:dark!important;
}
html[data-snake-theme="dark"] .member-shell input:-webkit-autofill,
html[data-snake-theme="dark"] .member-shell input:-webkit-autofill:hover,
html[data-snake-theme="dark"] .member-shell input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f6f8fa!important;
  -webkit-box-shadow:0 0 0 1000px #0b2748 inset!important;
  caret-color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell .member-email-text-button{
  color:#e1b94f!important;
}
html[data-snake-theme="dark"] .member-shell .member-email-text-button.danger{
  color:#ee6476!important;
}

/* Report/help detail cards: prevent pale text on pale panels. */
html[data-snake-theme="dark"] .member-shell.page-report .member-report-warning{
  background:#2c2a22!important;
  border-color:#7d6530!important;
  color:#d7c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .member-report-warning p,
html[data-snake-theme="dark"] .member-shell.page-report .member-report-warning span{
  color:inherit!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone :is(strong,b){
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone :is(p,small,span){
  color:#aeb9c5!important;
}

/* Correct selector for the report security notice. */
html[data-snake-theme="dark"] .member-shell.page-report .member-report-security-note{
  background:#2c2a22!important;
  border-color:#7d6530!important;
  color:#d7c99e!important;
}
html[data-snake-theme="dark"] .member-shell.page-licenses .license-purchase-consent input{
  accent-color:#e1b94f!important;
}

/* =========================================================
   5.1.51 — Password visibility control alignment and contrast
   Member pages only. Keeps every eye toggle exactly aligned with
   its adjacent password input in light and dark modes.
   ========================================================= */
.member-shell .app-content .password-field,
.member-shell .member-email-input-wrap > .password-field,
.member-shell .member-password-input-wrap > .password-field{
  --member-password-control-height:50px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--member-password-control-height)!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

.member-shell .app-content .password-field > input,
.member-shell .app-content .password-field > .form-control,
.member-shell .member-email-input-wrap > .password-field > .member-email-input,
.member-shell .member-password-input-wrap > .password-field > .member-password-input{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  height:var(--member-password-control-height)!important;
  min-height:var(--member-password-control-height)!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1.25!important;
}

/* Keep non-password fields on these two forms visually identical. */
.member-shell.page-email-change .member-email-input,
.member-shell.page-password-change .member-password-input{
  min-height:50px!important;
  height:50px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1.25!important;
}

.member-shell .app-content .password-field > .password-visibility-toggle,
.member-shell .app-content .password-field > [data-password-toggle]{
  grid-column:2!important;
  grid-row:1!important;
  box-sizing:border-box!important;
  width:var(--member-password-control-height)!important;
  min-width:var(--member-password-control-height)!important;
  height:var(--member-password-control-height)!important;
  min-height:var(--member-password-control-height)!important;
  max-height:var(--member-password-control-height)!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  overflow:hidden!important;
  border:1.5px solid #8da2b5!important;
  border-radius:14px!important;
  background:#f7fafc!important;
  background-image:none!important;
  color:#0b3d6a!important;
  box-shadow:none!important;
  line-height:1!important;
  cursor:pointer!important;
}

.member-shell .app-content .password-field > .password-visibility-toggle::before,
.member-shell .app-content .password-field > [data-password-toggle]::before{
  content:""!important;
  display:block!important;
  width:21px!important;
  height:21px!important;
  background:currentColor!important;
  -webkit-mask:url('../images/icons/hide-layer.png') center/contain no-repeat!important;
  mask:url('../images/icons/hide-layer.png') center/contain no-repeat!important;
}

.member-shell .app-content .password-field > .password-visibility-toggle.is-password-visible::before,
.member-shell .app-content .password-field > [data-password-toggle].is-password-visible::before{
  -webkit-mask-image:url('../images/icons/visible.png')!important;
  mask-image:url('../images/icons/visible.png')!important;
}

.member-shell .app-content .password-field > .password-visibility-toggle:hover,
.member-shell .app-content .password-field > [data-password-toggle]:hover{
  background:#edf3f8!important;
  border-color:#56738d!important;
  color:#062f56!important;
  filter:none!important;
}

.member-shell .app-content .password-field > .password-visibility-toggle:focus-visible,
.member-shell .app-content .password-field > [data-password-toggle]:focus-visible{
  outline:3px solid rgba(18,83,145,.22)!important;
  outline-offset:2px!important;
}

html[data-snake-theme="dark"] .member-shell .app-content .password-field > .password-visibility-toggle,
html[data-snake-theme="dark"] .member-shell .app-content .password-field > [data-password-toggle]{
  background:#173757!important;
  background-image:none!important;
  border-color:#d0aa45!important;
  color:#f4d36f!important;
  box-shadow:0 0 0 1px rgba(244,211,111,.08)!important;
}

html[data-snake-theme="dark"] .member-shell .app-content .password-field > .password-visibility-toggle:hover,
html[data-snake-theme="dark"] .member-shell .app-content .password-field > [data-password-toggle]:hover{
  background:#21486c!important;
  border-color:#f4d36f!important;
  color:#fff0ad!important;
}

html[data-snake-theme="dark"] .member-shell .app-content .password-field > .password-visibility-toggle:focus-visible,
html[data-snake-theme="dark"] .member-shell .app-content .password-field > [data-password-toggle]:focus-visible{
  outline-color:rgba(244,211,111,.38)!important;
}

/* Prevent a browser-native reveal affordance from creating a second eye. */
.member-shell input[type="password"]::-ms-reveal,
.member-shell input[type="password"]::-ms-clear{
  display:none!important;
}

@media(max-width:767px){
  .member-shell .app-content .password-field,
  .member-shell .member-email-input-wrap > .password-field,
  .member-shell .member-password-input-wrap > .password-field{
    --member-password-control-height:48px;
    gap:8px!important;
  }
  .member-shell.page-email-change .member-email-input,
  .member-shell.page-password-change .member-password-input{
    min-height:48px!important;
    height:48px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  .member-shell .app-content .password-field > .password-visibility-toggle,
  .member-shell .app-content .password-field > [data-password-toggle]{
    border-radius:13px!important;
  }
}

/* =========================================================
   5.1.52 — Dark-mode upload and attachment icon visibility.
   Keeps report-upload and CS AI attachment controls readable
   against the Android-style navy canvas. Visual-only fix.
   ========================================================= */

/* Report issue: every upload/support glyph must remain visible in dark mode. */
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone{
  background:#0b2748!important;
  border-color:#365a78!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone:hover,
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone:focus-visible,
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone:focus-within,
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone.is-dragging{
  background:#0d2f55!important;
  border-color:#e1b94f!important;
  box-shadow:0 0 0 3px rgba(225,185,79,.16)!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-zone.has-files{
  background:#0d2f55!important;
  border-color:#5f7f9b!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-icon{
  box-sizing:border-box!important;
  background:#183757!important;
  border:1.5px solid #d0aa45!important;
  color:#f4d36f!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-icon svg{
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  opacity:1!important;
  filter:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-copy strong{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-copy small,
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-meta{
  color:#b9c5d1!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-button{
  background:#183757!important;
  border-color:#d0aa45!important;
  color:#f4d36f!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-button:hover,
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-button:focus-visible{
  background:#21486c!important;
  border-color:#f4d36f!important;
  color:#fff0ad!important;
  outline:3px solid rgba(244,211,111,.20)!important;
  outline-offset:2px!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-meta b{
  background:#5a430c!important;
  color:#f4d36f!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-selected-file{
  background:#183757!important;
  border-color:#365a78!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-selected-file-icon{
  background:#5a430c!important;
  border:1px solid #d0aa45!important;
  color:#f4d36f!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-selected-file-copy strong{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-selected-file-copy small{
  color:#b9c5d1!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-file-remove{
  background:#392235!important;
  border:1px solid #673649!important;
  color:#ff7185!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .contact-upload-error{
  background:#392235!important;
  border-color:#784052!important;
  color:#ff9cab!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .member-report-support-icon{
  background:#183757!important;
  border:1px solid #365a78!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .member-report-support-icon img{
  opacity:1!important;
  filter:brightness(0) saturate(100%) invert(82%) sepia(48%) saturate(662%) hue-rotate(356deg) brightness(96%) contrast(91%)!important;
}
html[data-snake-theme="dark"] .member-shell.page-report .member-report-support-arrow{
  color:#f4d36f!important;
}

/* CS AI: attachment, file-preview, send, and support icons stay high contrast. */
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attach{
  background:#183757!important;
  border:1.5px solid #d0aa45!important;
  color:#f4d36f!important;
  box-shadow:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-send,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-app-support{
  background:transparent!important;
  border-color:transparent!important;
  color:#f4d36f!important;
  opacity:1!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake :is(.si-snake-attach,.si-snake-app-send,.si-snake-app-support) svg{
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  opacity:1!important;
  filter:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake :is(.si-snake-attach,.si-snake-app-send,.si-snake-app-support):hover,
html[data-snake-theme="dark"] .member-shell.page-si-snake :is(.si-snake-attach,.si-snake-app-send,.si-snake-app-support):focus-visible{
  color:#fff0ad!important;
  filter:none!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attach:hover,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attach:focus-within{
  background:#21486c!important;
  border-color:#f4d36f!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-selected-file{
  background:#183757!important;
  border-color:#365a78!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-selected-file-preview{
  background:#5a430c!important;
  border:1px solid #d0aa45!important;
  color:#f4d36f!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-selected-file-info strong{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-selected-file-info small{
  color:#b9c5d1!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-selected-file-remove{
  background:#392235!important;
  border:1px solid #673649!important;
  color:#ff7185!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attachment{
  background:#183757!important;
  border-color:#4b6782!important;
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attachment:hover{
  background:#21486c!important;
  border-color:#d0aa45!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attachment>b{
  background:#5a430c!important;
  border:1px solid #d0aa45!important;
  color:#f4d36f!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attachment strong{
  color:#f6f8fa!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-attachment small{
  color:#b9c5d1!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-user .si-snake-attachment{
  background:#32485b!important;
  border-color:#60748a!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-user .si-snake-attachment>b{
  background:#e1b94f!important;
  border-color:#f4d36f!important;
  color:#07172a!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-message.is-user .si-snake-attachment small{
  color:#d7e0e8!important;
}
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-file-error,
html[data-snake-theme="dark"] .member-shell.page-si-snake .si-snake-upload-status{
  color:#f4d36f!important;
}

/* 5.1.53 — Report issue message textarea alignment and stable sizing. */
.member-shell.page-report #report-message.member-report-textarea{
  display:block!important;
  width:100%!important;
  height:126px!important;
  min-height:126px!important;
  max-height:320px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  line-height:1.5!important;
  text-align:left!important;
  vertical-align:top!important;
  resize:vertical!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.member-shell.page-report #report-message.member-report-textarea::placeholder{
  color:var(--app-on-variant)!important;
  opacity:1!important;
  line-height:1.5!important;
}
@media(max-width:640px){
  .member-shell.page-report #report-message.member-report-textarea{
    height:132px!important;
    min-height:132px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
}

/* =========================================================
   5.1.54 — Refined compact member scale.
   Smaller, consistent typography and controls for a restrained
   website-style interface. Existing light/dark colors are kept.
   ========================================================= */
.member-shell{
  --member-type-page:18.5px;
  --member-type-section:15.5px;
  --member-type-row:13.5px;
  --member-type-body:12.5px;
  --member-type-label:11.5px;
  --member-type-caption:11px;
  --member-type-micro:10px;
  --member-control-height:42px;
  --member-button-height:40px;
  --member-icon-size:18px;
  --member-icon-tile:38px;
  --member-icon-action:36px;
  --member-control-radius:12px;
  --member-card-radius:17px;
  --member-card-padding:14px;
  --member-row-gap:9px;
  font-size:var(--member-type-body)!important;
  line-height:1.4!important;
}

/* Compact page, section, row, body, label, and caption hierarchy. */
.member-shell :is(
  .member-screen-header-copy h1,.member-help-app-title h1,.member-app-page-title,
  .si-snake-page-title,.mobile-appbar-title,.app-header-copy h1
){
  font-size:var(--member-type-page)!important;
  line-height:1.18!important;
  letter-spacing:-.014em!important;
}
.member-shell .app-content h1{font-size:var(--member-type-page)!important;line-height:1.18!important}
.member-shell :is(
  .app-content h2,.android-section-title,.notif-settings-section-title,
  .app-section-head h2,.member-app-section-head>span>strong,
  .member-app-section-head>strong,.license-purchase-heading h2,
  .billing-heading h2,.member-help-empty h2
){font-size:var(--member-type-section)!important;line-height:1.25!important}
.member-shell :is(
  .app-content h3,.app-content h4,.app-content h5,.app-content h6,
  .member-app-profile-menu strong,.member-settings-copy strong,
  .member-report-support-copy strong,.member-help-card h2,
  .activity-card-copy strong,.member-device-copy strong,.notification-title,
  .mt5-card-copy strong,.license-card-copy strong,
  .license-purchase-account-copy strong,.billing-invoice-number,
  .billing-payment-copy strong,.remote-preset-item strong,
  .app-account-picker-copy strong,.app-quick-action strong,
  .si-snake-app-name,.support-contact-copy strong
){font-size:var(--member-type-row)!important;line-height:1.3!important}
.member-shell :is(
  .app-content p,.app-content li,.app-content td,.app-content th,
  .app-content dd,.app-content dt,.member-app-profile-menu small,
  .member-settings-copy p,.member-report-support-copy b,
  .member-help-card-copy p,.activity-card-copy p,.member-device-copy p,
  .notification-item-body,.mt5-card-copy p,.license-card-copy p,
  .billing-invoice-sub,.app-account-picker-copy small,
  .app-quick-action small,.si-snake-bubble,.support-contact-copy p
){font-size:var(--member-type-body)!important;line-height:1.43!important}
.member-shell :is(
  .app-content small,.muted,.form-help,.field-help,.app-field-help,
  .metric-note,.member-settings-copy small,.member-report-support-copy small,
  .member-help-category,.activity-card-copy time,.member-device-copy small,
  .contact-upload-meta,.app-card-label,.app-metric-label,
  .si-snake-app-status,.member-screen-subtitle,.member-help-subtitle,
  .member-app-page-subtitle,.mobile-appbar-subtitle
){font-size:var(--member-type-caption)!important;line-height:1.38!important}
.member-shell :is(.metric-label,.form-label,.eyebrow,label,legend,fieldset>label,.billing-field-label){
  font-size:var(--member-type-label)!important;
  line-height:1.28!important;
}

/* Financial and telemetry values remain distinct, but no longer oversized. */
.member-shell :is(.app-balance-value,.mt5-metric strong,.billing-summary-card strong){
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
}
.member-shell :is(
  .app-home-metric-card>strong,.app-performance-copy>strong,.app-license-body>strong,
  .monitoring-realtime-grid strong,.app-period-grid strong,.license-meta-item strong,
  .billing-meta strong,.metric-value,.overview-summary-value,.member-app-account-balance
){font-size:17px!important;line-height:1.12!important}
.member-shell :is(.app-balance-floating>strong,.accurate-profit-value,.member-app-profile-metrics strong){
  font-size:16px!important;
  line-height:1.12!important;
}
.member-shell :is(.billing-invoice-number,.license-card-copy>strong,.mt5-card-copy>strong){
  overflow-wrap:anywhere!important;
}

/* One compact field geometry for all member forms. */
.member-shell :is(
  .form-control,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select,.member-edit-text-input,.member-email-input,.member-password-input,
  .member-report-control,.billing-form-control,.member-help-search input,
  [data-si-snake-input]
){
  min-height:var(--member-control-height)!important;
  height:var(--member-control-height)!important;
  padding:0 12px!important;
  border-radius:var(--member-control-radius)!important;
  font:500 13px/1.32 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.member-shell :is(input,textarea)::placeholder{font-size:13px!important}
.member-shell :is(textarea,textarea.form-control,.member-report-textarea,[data-si-snake-input]){
  height:auto!important;
  min-height:96px!important;
  padding:11px 12px!important;
  font:500 13px/1.42 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.member-shell.page-report #report-message.member-report-textarea{
  height:104px!important;
  min-height:104px!important;
  max-height:280px!important;
  padding:12px!important;
  border-radius:14px!important;
  line-height:1.42!important;
}
.member-shell .si-snake-form [data-si-snake-input]{
  min-height:40px!important;
  max-height:96px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
}
.member-shell :is(.app-field,.member-edit-field,.member-email-field,.member-password-field){gap:5px!important}
.member-shell :is(.app-fields-stack,.settings-fields){gap:10px!important}

/* Compact buttons and action controls. */
.member-shell :is(
  .btn,.member-report-submit,.member-edit-save-button,.member-edit-outline-button,
  .member-email-primary-button,.member-password-primary-button,.member-password-submit,
  .notif-settings-save,.app-primary-wide-button,.app-secondary-wide-button,
  .app-outlined-danger-button,.remote-primary-action,.remote-reset-action,
  .license-refresh,.license-purchase-button,.member-devices-outline-action,
  .contact-upload-button,.billing-btn,.billing-buy-link,.mt5-action-btn,
  .member-profile-logout-button,.filter-pill
){
  min-height:var(--member-button-height)!important;
  padding:0 14px!important;
  border-radius:var(--member-control-radius)!important;
  font-size:12px!important;
  line-height:1.18!important;
  letter-spacing:.006em!important;
}
.member-shell :is(
  .member-header-icon-button,.member-screen-back,.member-help-back,
  .member-help-support,.member-add-circle,.member-edit-button-icon
){
  width:var(--member-icon-action)!important;
  height:var(--member-icon-action)!important;
  min-width:var(--member-icon-action)!important;
  min-height:var(--member-icon-action)!important;
  border-radius:11px!important;
}
.member-shell :is(
  .member-app-menu-icon,.activity-card-icon,.activity-empty-icon,
  .member-device-icon,.member-settings-icon,.device-push-card-icon,
  .member-report-support-icon,.support-contact-icon,
  .license-purchase-account-icon,.license-card-icon,.member-app-empty-icon,
  .app-quick-icon,.billing-payment-icon
){
  width:var(--member-icon-tile)!important;
  height:var(--member-icon-tile)!important;
  min-width:var(--member-icon-tile)!important;
  min-height:var(--member-icon-tile)!important;
  border-radius:12px!important;
}
.member-shell :is(
  .member-app-icon,.member-bottom-nav-icon svg,.member-desktop-rail-icon svg,
  .member-header-icon-button svg,.member-screen-back svg,.member-help-back svg,
  .member-help-support svg,.member-add-circle svg,.member-app-menu-icon svg,
  .activity-card-icon svg,.member-device-icon svg,.member-settings-icon svg,
  .app-quick-icon svg
){width:var(--member-icon-size)!important;height:var(--member-icon-size)!important}

/* Every on/off control shares the same smaller 40 × 22 geometry. */
.member-shell .switch,
.member-shell .app-setting-switch .switch,
.member-shell .notification-option>.switch,
.member-shell .notification-email-master>.switch,
.member-shell .notification-cooldown-setting>.switch{
  width:40px!important;
  height:22px!important;
  min-width:40px!important;
  max-width:40px!important;
  flex:0 0 40px!important;
}
.member-shell .switch>.slider::before,
.member-shell .switch .slider::before,
.member-shell .slider:before{
  width:16px!important;
  height:16px!important;
  left:3px!important;
  top:3px!important;
}
.member-shell .switch>input:checked+.slider::before,
.member-shell .switch input:checked+.slider:before{transform:translateX(18px)!important}
.member-shell.page-notification-settings .notif-settings-toggle{
  width:40px!important;
  height:22px!important;
  min-width:40px!important;
  max-width:40px!important;
  flex:0 0 40px!important;
}
.member-shell.page-notification-settings .notif-settings-toggle span::after{
  top:3px!important;
  left:3px!important;
  width:16px!important;
  height:16px!important;
}
.member-shell.page-notification-settings .notif-settings-toggle input:checked+span::after{
  transform:translateX(18px)!important;
}

/* Password controls follow the compact field height without losing alignment. */
.member-shell .app-content .password-field,
.member-shell .member-email-input-wrap>.password-field,
.member-shell .member-password-input-wrap>.password-field{
  --member-password-control-height:42px!important;
  gap:7px!important;
}
.member-shell .app-content .password-field>input,
.member-shell .app-content .password-field>.form-control,
.member-shell .member-email-input-wrap>.password-field>.member-email-input,
.member-shell .member-password-input-wrap>.password-field>.member-password-input{
  height:42px!important;
  min-height:42px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
.member-shell .app-content .password-field>.password-visibility-toggle,
.member-shell .app-content .password-field>[data-password-toggle]{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:12px!important;
}
.member-shell .app-content .password-field>.password-visibility-toggle::before,
.member-shell .app-content .password-field>[data-password-toggle]::before{
  width:18px!important;
  height:18px!important;
}

/* Smaller pills, cards, account pickers, rows, and navigation. */
.member-shell :is(
  .status-badge,.android-status-pill,.member-status-pill,.activity-type-badge,
  .member-device-badge,.license-status-pill,[class*="mt5-status-pill"]
){
  min-height:24px!important;
  padding:4px 8px!important;
  font-size:10.5px!important;
  line-height:1.12!important;
}
.member-shell :is(
  .app-premium-card,.app-performance-card,.app-license-card,.app-home-metric-card,
  .member-app-profile-summary,.member-report-card,.member-report-support-card,
  .member-help-card,.activity-history-card,.member-device-card,
  .member-devices-security-card,.notif-settings-card,.member-settings-card,
  .member-settings-theme-card,.member-edit-card,.member-email-card,
  .member-password-card,.license-card,.license-purchase-card,.billing-card,.mt5-card
){border-radius:var(--member-card-radius)!important}
.member-shell :is(
  .member-app-profile-menu>a,.member-settings-row,.member-report-support-row,
  .activity-history-card,.member-device-card,.notification-item,
  .member-help-card,.app-setting-switch
){
  min-height:60px!important;
  padding:12px 13px!important;
  gap:10px!important;
}
.member-shell :is(.app-account-picker,.member-app-account-picker){
  min-height:62px!important;
  padding:10px 12px!important;
  gap:10px!important;
}
.member-shell :is(.app-account-picker-mark,.member-app-account-mark){
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  font-size:12px!important;
  border-radius:12px!important;
}
.member-shell .member-screen-header{margin-bottom:11px!important;gap:8px!important}
.member-shell .member-bottom-nav{
  min-height:64px!important;
  height:64px!important;
}
.member-shell .member-bottom-nav a{font-size:10px!important;gap:3px!important}
.member-shell .member-bottom-nav-icon{width:34px!important;height:28px!important}
.member-shell .member-desktop-rail-label{font-size:11px!important}
.member-shell .sidebar a,.member-shell .sidebar button{font-size:11.5px!important}
.member-shell .app-content{font-size:var(--member-type-body)!important}

@media(max-width:767px){
  .member-shell{
    --member-type-page:18px;
    --member-type-section:15px;
    --member-type-row:13px;
    --member-type-body:12.25px;
    --member-control-height:42px;
    --member-button-height:40px;
    --member-card-padding:13px;
  }
  .member-shell .app-content{padding-bottom:82px!important}
  .member-shell.page-report #report-message.member-report-textarea{
    height:104px!important;
    min-height:104px!important;
    padding:12px!important;
  }
}

/* =========================================================
   5.1.55 — Uniform extra-compact member scale and MT5 badge fix.
   Keeps the established colour system while removing mixed
   typography sizes and duplicate MT5 text across all viewports.
   ========================================================= */
.member-shell{
  --member-type-page:16px;
  --member-type-section:13.5px;
  --member-type-row:12px;
  --member-type-body:11.5px;
  --member-type-label:10.5px;
  --member-type-caption:10px;
  --member-type-micro:9px;
  --member-control-height:38px;
  --member-button-height:36px;
  --member-icon-size:16px;
  --member-icon-tile:34px;
  --member-icon-action:32px;
  --member-card-radius:15px;
  --member-control-radius:10px;
  font-size:var(--member-type-body)!important;
}

/* One restrained typographic scale without oversized exceptions. */
.member-shell :is(
  .member-screen-header-copy h1,.member-help-app-title h1,.member-app-page-title,
  .si-snake-page-title,.mobile-appbar-title,.app-header-copy h1,.app-content h1
){font-size:var(--member-type-page)!important;line-height:1.2!important;letter-spacing:-.01em!important}
.member-shell :is(
  .app-content h2,.android-section-title,.notif-settings-section-title,
  .app-section-head h2,.member-app-section-head>span>strong,
  .member-app-section-head>strong,.license-purchase-heading h2,
  .billing-heading h2,.member-help-empty h2
){font-size:var(--member-type-section)!important;line-height:1.25!important}
.member-shell :is(
  .app-content h3,.app-content h4,.app-content h5,.app-content h6,
  .member-app-profile-menu strong,.member-settings-copy strong,
  .member-report-support-copy strong,.member-help-card h2,
  .activity-card-copy strong,.member-device-copy strong,.notification-title,
  .mt5-card-copy strong,.license-card-copy strong,.license-purchase-account-copy strong,
  .billing-invoice-number,.billing-payment-copy strong,.remote-preset-item strong,
  .app-account-picker-copy strong,.member-app-account-copy strong,
  .app-quick-action strong,.si-snake-app-name,.support-contact-copy strong,
  .app-setting-switch strong
){font-size:var(--member-type-row)!important;line-height:1.28!important}
.member-shell :is(
  .app-content p,.app-content li,.app-content td,.app-content th,
  .app-content dd,.app-content dt,.member-app-profile-menu small,
  .member-settings-copy p,.member-report-support-copy b,
  .member-help-card-copy p,.activity-card-copy p,.member-device-copy p,
  .notification-item-body,.mt5-card-copy p,.license-card-copy p,
  .billing-invoice-sub,.app-account-picker-copy small,
  .member-app-account-copy small,.app-quick-action small,.si-snake-bubble,
  .support-contact-copy p,.app-setting-switch small
){font-size:var(--member-type-body)!important;line-height:1.4!important}
.member-shell :is(
  .app-content small,.muted,.form-help,.field-help,.app-field-help,
  .metric-note,.member-settings-copy small,.member-report-support-copy small,
  .member-help-category,.activity-card-copy time,.member-device-copy small,
  .contact-upload-meta,.app-card-label,.app-metric-label,
  .si-snake-app-status,.member-screen-subtitle,.member-help-subtitle,
  .member-app-page-subtitle,.mobile-appbar-subtitle
){font-size:var(--member-type-caption)!important;line-height:1.36!important}
.member-shell :is(.metric-label,.form-label,.eyebrow,label,legend,fieldset>label,.billing-field-label){
  font-size:var(--member-type-label)!important;
  line-height:1.25!important;
}

/* Market, balance, profit, floating, drawdown and telemetry values all use one size. */
.member-shell :is(
  .app-balance-value,.app-balance-floating>strong,
  .app-home-metric-card>strong,.app-performance-copy>strong,.app-license-body>strong,
  .monitoring-realtime-grid strong,.app-period-grid strong,
  .mt5-metric strong,.member-app-account-balance strong,.accurate-profit-value,
  .metric-value,.overview-summary-value,.billing-summary-card strong,
  .billing-meta strong,.license-meta-item strong,.member-app-profile-metrics strong,
  .member-app-account-balance,.member-app-account-balance>div>strong,
  [data-live-app-money],[data-live-profit],[data-live-sign]
){
  font-size:13px!important;
  line-height:1.24!important;
  letter-spacing:0!important;
}
.member-shell .mt5-metric label,
.member-shell .mt5-meta-item label,
.member-shell .monitoring-realtime-grid span,
.member-shell .app-period-grid>div span{
  font-size:var(--member-type-label)!important;
  line-height:1.25!important;
}

/* Remove the duplicated MT5 text while retaining a centered single badge. */
.member-shell :is(.member-app-account-mark,.app-account-picker-mark){
  position:relative!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:10px!important;
}
.member-shell :is(.member-app-account-mark,.app-account-picker-mark)::after{
  content:"MT5"!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  transform:none!important;
}
.member-shell .account-selector.member-app-account-picker::before,
.member-shell .member-app-account-picker::before{
  content:none!important;
  display:none!important;
}
.member-shell :is(.app-account-picker,.member-app-account-picker){
  grid-template-columns:36px minmax(0,1fr) 18px!important;
  min-height:54px!important;
  padding:8px 11px!important;
  gap:9px!important;
}
.member-shell .member-app-account-chevron{width:18px!important;height:18px!important}

/* Compact controls, buttons, icon actions and switches everywhere. */
.member-shell :is(
  .form-control,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select,.member-edit-text-input,.member-email-input,.member-password-input,
  .member-report-control,.billing-form-control,.member-help-search input
){
  min-height:var(--member-control-height)!important;
  height:var(--member-control-height)!important;
  padding:0 11px!important;
  border-radius:var(--member-control-radius)!important;
  font-size:11.5px!important;
}
.member-shell :is(textarea,textarea.form-control,.member-report-textarea){
  height:auto!important;
  min-height:82px!important;
  padding:10px 11px!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
.member-shell :is(
  .btn,.member-report-submit,.member-edit-save-button,.member-edit-outline-button,
  .member-email-primary-button,.member-password-primary-button,.member-password-submit,
  .notif-settings-save,.app-primary-wide-button,.app-secondary-wide-button,
  .app-outlined-danger-button,.remote-primary-action,.remote-reset-action,
  .license-refresh,.license-purchase-button,.member-devices-outline-action,
  .contact-upload-button,.billing-btn,.billing-buy-link,.mt5-action-btn,
  .member-profile-logout-button,.filter-pill
){
  min-height:var(--member-button-height)!important;
  padding:0 12px!important;
  border-radius:var(--member-control-radius)!important;
  font-size:10.5px!important;
}
.member-shell :is(
  .member-header-icon-button,.member-screen-back,.member-help-back,
  .member-help-support,.member-add-circle,.member-edit-button-icon
){
  width:var(--member-icon-action)!important;
  height:var(--member-icon-action)!important;
  min-width:var(--member-icon-action)!important;
  min-height:var(--member-icon-action)!important;
  border-radius:9px!important;
}
.member-shell :is(
  .member-app-menu-icon,.activity-card-icon,.activity-empty-icon,
  .member-device-icon,.member-settings-icon,.member-report-support-icon,
  .support-contact-icon,.license-purchase-account-icon,.license-card-icon,
  .member-app-empty-icon,.app-quick-icon,.billing-payment-icon
){
  width:var(--member-icon-tile)!important;
  height:var(--member-icon-tile)!important;
  min-width:var(--member-icon-tile)!important;
  min-height:var(--member-icon-tile)!important;
  border-radius:10px!important;
}
.member-shell .switch,
.member-shell .app-setting-switch .switch,
.member-shell .notification-option>.switch,
.member-shell .notification-email-master>.switch,
.member-shell .notification-cooldown-setting>.switch,
.member-shell.page-notification-settings .notif-settings-toggle{
  width:36px!important;
  height:20px!important;
  min-width:36px!important;
  max-width:36px!important;
  flex:0 0 36px!important;
}
.member-shell .switch>.slider::before,
.member-shell .switch .slider::before,
.member-shell .slider:before,
.member-shell.page-notification-settings .notif-settings-toggle span::after{
  width:14px!important;
  height:14px!important;
  left:3px!important;
  top:3px!important;
}
.member-shell .switch>input:checked+.slider::before,
.member-shell .switch input:checked+.slider:before,
.member-shell.page-notification-settings .notif-settings-toggle input:checked+span::after{
  transform:translateX(16px)!important;
}

@media(max-width:767px){
  .member-shell{
    --member-type-page:16px;
    --member-type-section:13.5px;
    --member-type-row:12px;
    --member-type-body:11.5px;
    --member-control-height:38px;
    --member-button-height:36px;
  }
}

/* =========================================================
   5.1.56 — True compact consistency pass.
   Reduces the remaining page-specific oversized values/cards and
   guarantees one MT5 badge render on desktop and mobile. Colours,
   data logic and member functionality remain unchanged.
   ========================================================= */
html body.member-shell{
  --member-type-page:15px;
  --member-type-section:13px;
  --member-type-row:11.5px;
  --member-type-body:10.75px;
  --member-type-label:9.5px;
  --member-type-caption:9.5px;
  --member-control-height:34px;
  --member-button-height:32px;
  --member-icon-size:14px;
  --member-icon-tile:30px;
  --member-icon-action:28px;
  --member-card-radius:13px;
  --member-control-radius:9px;
}

/* Final type scale: page, section, row, body, labels. */
html body.member-shell .app-main .app-content{
  font-size:var(--member-type-body)!important;
  line-height:1.38!important;
}
html body.member-shell .app-main .app-content :is(h1,.member-app-page-title,.member-help-app-title h1,.si-snake-page-title){
  font-size:var(--member-type-page)!important;
  line-height:1.18!important;
  letter-spacing:-.01em!important;
}
html body.member-shell .app-main .app-content :is(h2,.android-section-title,.notif-settings-section-title,.license-purchase-heading h3){
  font-size:var(--member-type-section)!important;
  line-height:1.22!important;
}
html body.member-shell .app-main .app-content :is(h3,h4,h5,h6,strong,b){
  font-size:var(--member-type-row)!important;
  line-height:1.28!important;
  letter-spacing:0!important;
}
html body.member-shell .app-main .app-content :is(p,li,dt,dd,td,th,small,span,label,legend){
  font-size:var(--member-type-body)!important;
  line-height:1.38!important;
}
html body.member-shell .app-main .app-content :is(.app-card-label,.metric-label,.form-label,.eyebrow,.license-meta-item label,.billing-field-label){
  font-size:var(--member-type-label)!important;
  line-height:1.2!important;
}
html body.member-shell .app-main .app-content :is(.member-screen-subtitle,.member-app-page-subtitle,.member-help-subtitle,.form-help,.field-help,.app-field-help,.metric-note,.muted){
  font-size:var(--member-type-caption)!important;
}

/* One single MT5 label. Source markup is intentionally empty and the
   pseudo label is the only visible render, avoiding the stacked duplicate. */
html body.member-shell .app-main .app-content :is(.app-account-picker-mark,.member-app-account-mark){
  position:relative!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:0!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
html body.member-shell .app-main .app-content :is(.app-account-picker-mark,.member-app-account-mark)::before{
  content:none!important;
  display:none!important;
}
html body.member-shell .app-main .app-content :is(.app-account-picker-mark,.member-app-account-mark)::after{
  content:"MT5"!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  transform:none!important;
}
html body.member-shell .app-main .app-content :is(.app-account-picker,.member-app-account-picker){
  grid-template-columns:32px minmax(0,1fr) 16px!important;
  min-height:48px!important;
  padding:7px 10px!important;
  gap:8px!important;
  border-radius:13px!important;
}
html body.member-shell .app-main .app-content :is(.app-account-picker-copy,.member-app-account-copy) strong{
  font-size:11.5px!important;
}
html body.member-shell .app-main .app-content :is(.app-account-picker-copy,.member-app-account-copy) small{
  margin-top:2px!important;
  font-size:9.5px!important;
}
html body.member-shell .app-main .app-content :is(.app-account-picker-chevron,.member-app-account-chevron){
  width:16px!important;
  height:16px!important;
}

/* Dashboard values and cards: no remaining 20–38 px exceptions. */
html body.member-shell.page-overview .app-main .app-content .android-welcome{
  gap:8px!important;
  margin-bottom:10px!important;
}
html body.member-shell.page-overview .app-main .app-content .android-welcome .android-profile-avatar{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
}
html body.member-shell.page-overview .app-main .app-content .android-welcome-copy span{
  font-size:9.5px!important;
}
html body.member-shell.page-overview .app-main .app-content .android-welcome-copy strong{
  margin-top:2px!important;
  font-size:12px!important;
}
html body.member-shell.page-overview .app-main .app-content .android-status-pill{
  min-height:24px!important;
  padding:4px 8px!important;
  gap:5px!important;
  font-size:9.5px!important;
}
html body.member-shell.page-overview .app-main .app-content .android-status-pill::before{
  width:5px!important;
  height:5px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-account-picker-mark{
  font-size:0!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-card{
  padding:14px 16px!important;
  border-radius:16px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-top{
  gap:14px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-value,
html body.member-shell.page-overview .app-main .app-content .app-balance-floating>strong,
html body.member-shell.page-overview .app-main .app-content .app-balance-metric>strong,
html body.member-shell.page-overview .app-main .app-content .app-home-metric-card>strong,
html body.member-shell.page-overview .app-main .app-content .app-performance-copy>strong,
html body.member-shell.page-overview .app-main .app-content .app-license-body strong{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.22!important;
  letter-spacing:0!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-primary>small,
html body.member-shell.page-overview .app-main .app-content .app-balance-floating>small,
html body.member-shell.page-overview .app-main .app-content .app-balance-updated,
html body.member-shell.page-overview .app-main .app-content .app-home-metric-card>small,
html body.member-shell.page-overview .app-main .app-content .app-performance-copy :is(span,small){
  margin-top:4px!important;
  font-size:9.5px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-bottom{
  gap:12px!important;
  margin-top:12px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-updated{
  margin-top:9px!important;
  padding:3px 0!important;
}
html body.member-shell.page-overview .app-main .app-content .app-home-metric-row{
  gap:10px!important;
  margin-top:10px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-home-metric-card{
  min-height:82px!important;
  padding:12px!important;
  border-radius:14px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-performance-card,
html body.member-shell.page-overview .app-main .app-content .app-license-card{
  padding:13px 14px!important;
  border-radius:14px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-performance-body{
  grid-template-columns:minmax(0,1fr) 92px!important;
  gap:10px!important;
  margin-top:9px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-mini-bars{
  height:54px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-section-head strong{
  font-size:12px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-section-head :is(small,span){
  font-size:9.5px!important;
}

/* Monitoring, accounts, invoices and telemetry use the same 13 px value scale. */
html body.member-shell.page-monitoring .app-main .app-content :is(
  .monitoring-realtime-grid strong,.app-period-grid strong,.metric-value,.overview-summary-value
),
html body.member-shell.page-accounts .app-main .app-content :is(
  .mt5-metric strong,.member-app-account-balance strong,.member-app-account-balance
),
html body.member-shell.page-invoices .app-main .app-content :is(
  .billing-summary-card strong,.billing-meta strong,.billing-invoice-number
){
  font-size:13px!important;
  line-height:1.24!important;
  letter-spacing:0!important;
}
html body.member-shell.page-monitoring .app-main .app-content :is(.monitoring-realtime-grid span,.app-period-grid span),
html body.member-shell.page-accounts .app-main .app-content :is(.mt5-metric label,.mt5-meta-item label),
html body.member-shell.page-invoices .app-main .app-content .billing-summary-card span{
  font-size:9.5px!important;
}
html body.member-shell.page-invoices .app-main .app-content .billing-summary-card{
  min-height:76px!important;
  padding:11px 12px!important;
  border-radius:13px!important;
}

/* License page: compact package, status and purchase geometry. */
html body.member-shell.page-licenses .app-main .app-content .license-page{
  gap:10px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-account-switcher{
  min-height:50px!important;
  padding:8px 10px!important;
  gap:8px!important;
  border-radius:13px!important;
}
html body.member-shell.page-licenses .app-main .app-content :is(.license-account-badge,.license-purchase-account-icon,.license-card-icon){
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:9px!important;
}
html body.member-shell.page-licenses .app-main .app-content :is(.license-account-badge,.license-purchase-account-icon)::after{
  font-size:9px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-card{
  padding:13px!important;
  border-radius:14px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-card-identity{
  gap:9px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-card-icon svg{
  width:18px!important;
  height:18px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-card-copy h3,
html body.member-shell.page-licenses .app-main .app-content .license-card-copy p,
html body.member-shell.page-licenses .app-main .app-content .license-meta-item strong{
  font-size:11.5px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-card-copy p{
  margin-top:3px!important;
  font-size:9.5px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-status-pill{
  padding:4px 8px!important;
  gap:5px!important;
  border-width:1px!important;
  font-size:9.5px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-status-pill::before{
  width:5px!important;
  height:5px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-meta-grid{
  gap:12px!important;
  margin-top:12px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-meta-item label{
  margin-bottom:4px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-refresh{
  min-height:32px!important;
  padding:0 10px!important;
  gap:6px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-refresh svg{
  width:15px!important;
  height:15px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-card{
  padding:13px!important;
  border-radius:14px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-heading{
  margin-bottom:10px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-heading h3{
  font-size:13px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-heading p{
  margin-top:4px!important;
  font-size:10px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-account{
  gap:8px!important;
  padding:8px 9px!important;
  margin-bottom:10px!important;
  border-radius:11px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-account-copy strong{
  font-size:11px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-account-copy span{
  margin-top:2px!important;
  font-size:9.5px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-package-grid{
  gap:9px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-package-option-content{
  min-height:82px!important;
  padding:11px 12px!important;
  gap:4px!important;
  border-radius:13px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-package-option-content b{
  font-size:11.5px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-package-option-content strong{
  font-size:13px!important;
  line-height:1.2!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-package-option-content small{
  padding-top:3px!important;
  font-size:9px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-package-popular{
  top:8px!important;
  right:8px!important;
  padding:3px 6px!important;
  font-size:8.5px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-consent{
  gap:7px!important;
  margin-top:10px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-consent input{
  width:16px!important;
  height:16px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-consent span{
  font-size:9.5px!important;
  line-height:1.42!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-button{
  min-height:32px!important;
  margin-top:10px!important;
  border-radius:10px!important;
  font-size:9.5px!important;
}
html body.member-shell.page-licenses .app-main .app-content .license-purchase-note{
  margin-top:7px!important;
  font-size:9px!important;
}

/* Controls and icon geometry are now uniformly compact on every member page. */
html body.member-shell .app-main .app-content :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select,.form-control,.member-report-control,.member-edit-text-input,.member-email-input,.member-password-input
){
  min-height:34px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
}
html body.member-shell .app-main .app-content :is(textarea,textarea.form-control,.member-report-textarea){
  min-height:72px!important;
  padding:9px 10px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
}
html body.member-shell .app-main .app-content :is(
  .btn,button:not(.switch):not(.member-header-icon-button),.license-purchase-button,
  .member-report-submit,.member-edit-save-button,.member-email-primary-button,.member-password-primary-button
){
  font-size:9.5px!important;
}
html body.member-shell .app-main .app-content :is(.switch,.notif-settings-toggle){
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:18px!important;
  flex-basis:32px!important;
}
html body.member-shell .app-main .app-content .switch .slider::before,
html body.member-shell .app-main .app-content .switch>.slider::before{
  width:12px!important;
  height:12px!important;
  left:3px!important;
  top:3px!important;
}
html body.member-shell .app-main .app-content .switch input:checked+.slider::before,
html body.member-shell .app-main .app-content .switch>input:checked+.slider::before{
  transform:translateX(14px)!important;
}

@media(max-width:767px){
  html body.member-shell{
    --member-type-page:15px;
    --member-type-section:13px;
    --member-type-row:11.5px;
    --member-type-body:10.75px;
    --member-control-height:34px;
    --member-button-height:32px;
  }
  html body.member-shell.page-overview .app-main .app-content .app-balance-card{
    padding:13px!important;
  }
  html body.member-shell.page-overview .app-main .app-content .app-performance-body{
    grid-template-columns:minmax(0,1fr) 78px!important;
  }
  html body.member-shell.page-licenses .app-main .app-content .license-package-grid{
    grid-template-columns:1fr!important;
  }
  html body.member-shell.page-licenses .app-main .app-content .license-package-option-content{
    min-height:76px!important;
  }
}

/* =========================================================
   5.1.57 — Content-fit card density pass.
   Removes oversized empty vertical space from member cards while
   preserving the existing colour system, behaviour and responsive layout.
   ========================================================= */
html body.member-shell{
  --member-fit-card-pad-y:10px;
  --member-fit-card-pad-x:12px;
  --member-fit-card-gap:8px;
}

/* Shared content-fit rows and cards: their height now follows their content. */
html body.member-shell .app-main .app-content :is(
  .app-quick-action,
  .member-help-card,
  .activity-history-card,
  .activity-empty-card,
  .member-device-card,
  .member-devices-security-card,
  .notif-settings-card,
  .notif-settings-row,
  .member-app-profile-menu>a,
  .member-settings-row,
  .member-report-support-row,
  .notification-item,
  .app-setting-switch
){
  min-height:0!important;
}

/* Dashboard quick access: compact tiles without large unused lower areas. */
html body.member-shell.page-overview .app-main .app-content .app-quick-section{
  margin-top:12px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-quick-grid{
  gap:8px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-quick-action{
  min-height:76px!important;
  padding:10px 12px!important;
  gap:6px!important;
  border-radius:13px!important;
  align-content:center!important;
}
html body.member-shell.page-overview .app-main .app-content .app-quick-action>strong{
  margin-top:5px!important;
  font-size:10.5px!important;
  line-height:1.22!important;
}
html body.member-shell.page-overview .app-main .app-content .app-quick-action>small{
  margin-top:1px!important;
  font-size:9px!important;
  line-height:1.28!important;
}
html body.member-shell.page-overview .app-main .app-content .app-quick-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border-radius:9px!important;
}
html body.member-shell.page-overview .app-main .app-content .app-quick-icon svg{
  width:14px!important;
  height:14px!important;
}

/* Help centre: search and article cards use a compact information density. */
html body.member-shell.page-help .app-main .app-content .member-help-app{
  gap:10px!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-search{
  min-height:44px!important;
  height:44px!important;
  padding:0 12px!important;
  border-radius:13px!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-search input{
  min-height:40px!important;
  height:40px!important;
  padding:0 8px!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-list{
  gap:8px!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-card{
  grid-template-columns:minmax(0,1fr) 24px!important;
  min-height:76px!important;
  padding:11px 14px!important;
  gap:8px!important;
  border-radius:14px!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-category{
  margin-bottom:4px!important;
  font-size:8.5px!important;
  line-height:1.15!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-card h2{
  margin:0!important;
  font-size:10.75px!important;
  line-height:1.25!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-card p{
  margin:4px 0 0!important;
  font-size:9.25px!important;
  line-height:1.35!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-chevron{
  width:18px!important;
  height:18px!important;
}

/* Notification settings: master cards and option rows no longer reserve tablet-sized heights. */
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-page{
  max-width:none!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-form,
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-groups{
  gap:9px!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-card{
  padding:11px 13px!important;
  border-radius:13px!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-row{
  grid-template-columns:minmax(0,1fr) 32px!important;
  gap:10px!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-master-row{
  min-height:48px!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-option-row{
  min-height:42px!important;
  padding:7px 0!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-section-title{
  margin:0 0 6px!important;
  font-size:11px!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-copy :is(h2,h3){
  font-size:10.75px!important;
  line-height:1.24!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-copy p{
  margin-top:3px!important;
  font-size:9.25px!important;
  line-height:1.3!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-copy small{
  margin-top:3px!important;
  font-size:8.75px!important;
  line-height:1.28!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-cooldown-layout{
  grid-template-columns:minmax(0,1fr) 126px!important;
  gap:10px!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-select-wrap select{
  min-height:32px!important;
  height:32px!important;
  padding:0 28px 0 9px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-note{
  font-size:8.75px!important;
  line-height:1.35!important;
}
html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-save{
  min-height:32px!important;
  height:32px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
}

/* Connected devices: concise security panel and device rows. */
html body.member-shell.page-devices .app-main .app-content .member-devices-page{
  gap:9px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-devices-security-card{
  gap:8px!important;
  padding:11px 13px!important;
  border-radius:13px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-devices-security-copy p{
  margin-top:3px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-devices-outline-action{
  min-height:32px!important;
  height:32px!important;
  margin-top:2px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-devices-list{
  gap:8px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-device-card{
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:64px!important;
  padding:10px 12px!important;
  gap:9px!important;
  border-radius:13px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-device-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:9px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-device-copy :is(strong,p,small){
  margin-top:0!important;
}
html body.member-shell.page-devices .app-main .app-content .member-device-copy p{
  margin-top:2px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-device-copy small{
  margin-top:4px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-device-badge{
  min-height:24px!important;
  padding:4px 8px!important;
  font-size:8.75px!important;
}
html body.member-shell.page-devices .app-main .app-content .member-device-delete{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:9px!important;
}

/* Activity history: compact list rows that remain easy to scan. */
html body.member-shell.page-history .app-main .app-content .activity-history-page{
  gap:9px!important;
}
html body.member-shell.page-history .app-main .app-content .activity-filter-row{
  gap:7px!important;
  padding-bottom:0!important;
}
html body.member-shell.page-history .app-main .app-content .activity-filter-row .filter-pill{
  min-height:30px!important;
  height:30px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  font-size:9px!important;
}
html body.member-shell.page-history .app-main .app-content .activity-history-list{
  gap:8px!important;
}
html body.member-shell.page-history .app-main .app-content .activity-history-card,
html body.member-shell.page-history .app-main .app-content .activity-empty-card{
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:64px!important;
  padding:10px 12px!important;
  gap:9px!important;
  border-radius:13px!important;
}
html body.member-shell.page-history .app-main .app-content .activity-card-icon,
html body.member-shell.page-history .app-main .app-content .activity-empty-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:9px!important;
}
html body.member-shell.page-history .app-main .app-content .activity-card-copy p{
  margin-top:2px!important;
}
html body.member-shell.page-history .app-main .app-content .activity-card-copy time{
  display:block!important;
  margin-top:4px!important;
  font-size:8.75px!important;
}
html body.member-shell.page-history .app-main .app-content .activity-card-pill{
  min-height:24px!important;
  padding:4px 8px!important;
  font-size:8.75px!important;
}

/* Other menu/settings rows receive the same content-fit rhythm. */
html body.member-shell .app-main .app-content :is(
  .member-app-profile-menu>a,
  .member-settings-row,
  .member-report-support-row,
  .notification-item,
  .app-setting-switch
){
  min-height:54px!important;
  padding:9px 11px!important;
  gap:8px!important;
  border-radius:13px!important;
}

@media(max-width:767px){
  html body.member-shell{
    --member-fit-card-pad-y:10px;
    --member-fit-card-pad-x:11px;
  }
  html body.member-shell.page-overview .app-main .app-content .app-quick-action{
    min-height:88px!important;
    padding:11px!important;
  }
  html body.member-shell.page-help .app-main .app-content .member-help-card{
    min-height:86px!important;
    padding:12px 13px!important;
  }
  html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-card{
    padding:12px!important;
  }
  html body.member-shell.page-notification-settings .app-main .app-content .notif-settings-cooldown-layout{
    grid-template-columns:1fr!important;
  }
  html body.member-shell.page-devices .app-main .app-content .member-device-card,
  html body.member-shell.page-history .app-main .app-content .activity-history-card,
  html body.member-shell.page-history .app-main .app-content .activity-empty-card{
    min-height:70px!important;
    padding:11px!important;
  }
}

/* Direct-child correction for device and activity cards. Actions live inside
   their copy/header containers, so the outer card uses two columns only. */
html body.member-shell.page-devices .app-main .app-content .member-device-card,
html body.member-shell.page-history .app-main .app-content .activity-history-card,
html body.member-shell.page-history .app-main .app-content .activity-empty-card{
  grid-template-columns:30px minmax(0,1fr)!important;
}

/* =========================================================
   5.1.58 — Help search icon geometry + dashboard value emphasis.
   Fixes the compact Help Center search icon/placeholder collision and
   restores a slightly stronger visual hierarchy inside the balance card
   without changing the established light/dark colour palette.
   ========================================================= */

/* Pusat Bantuan: keep one real icon lane and one text lane. The previous
   compact override removed the field's left inset, so the magnifier sat on
   top of the placeholder. This geometry is shared by light and dark modes. */
html body.member-shell.page-help .app-main .app-content .member-help-search{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-search-icon{
  position:absolute!important;
  z-index:3!important;
  left:14px!important;
  top:50%!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  pointer-events:none!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-search-icon svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  flex:none!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-search input[type="search"]{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 38px 0 42px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  line-height:42px!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-search input[type="search"]::-webkit-search-decoration,
html body.member-shell.page-help .app-main .app-content .member-help-search input[type="search"]::-webkit-search-cancel-button,
html body.member-shell.page-help .app-main .app-content .member-help-search input[type="search"]::-webkit-search-results-button,
html body.member-shell.page-help .app-main .app-content .member-help-search input[type="search"]::-webkit-search-results-decoration{
  display:none!important;
  -webkit-appearance:none!important;
}
html body.member-shell.page-help .app-main .app-content .member-help-clear{
  z-index:4!important;
  right:8px!important;
  width:26px!important;
  height:26px!important;
  font-size:15px!important;
}

/* Dashboard balance card: still compact, but primary financial/status data
   is now one clear step above captions and descriptive text. */
html body.member-shell.page-overview .app-main .app-content .app-balance-card .app-card-label{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-value{
  margin-top:5px!important;
  font-size:17px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.012em!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-primary>small,
html body.member-shell.page-overview .app-main .app-content .app-balance-floating>small{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:550!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-floating>strong{
  margin-top:5px!important;
  font-size:15.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-metric>strong{
  margin-top:5px!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  font-weight:850!important;
}
html body.member-shell.page-overview .app-main .app-content .app-balance-updated{
  margin-top:10px!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:600!important;
}

@media(max-width:767px){
  html body.member-shell.page-help .app-main .app-content .member-help-search,
  html body.member-shell.page-help .app-main .app-content .member-help-search input[type="search"]{
    min-height:44px!important;
    height:44px!important;
  }
  html body.member-shell.page-help .app-main .app-content .member-help-search input[type="search"]{
    padding-left:42px!important;
    line-height:44px!important;
  }
}

/* =========================================================
   5.1.59 — Help Center search icon structural fix.
   The icon now occupies its own grid column instead of floating over the
   input. The field uses type=text + inputmode=search so WebKit/Chromium
   cannot add a second native magnifier. Applies to light and dark modes.
   ========================================================= */
html body.member-shell.page-help .app-main .app-content form.member-help-search{
  position:relative!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body.member-shell.page-help .app-main .app-content form.member-help-search .member-help-search-icon{
  position:static!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  line-height:1!important;
  pointer-events:none!important;
}
html body.member-shell.page-help .app-main .app-content form.member-help-search .member-help-search-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  overflow:visible!important;
  flex:none!important;
}
html body.member-shell.page-help .app-main .app-content form.member-help-search input#member-help-query[type="text"]{
  position:static!important;
  inset:auto!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:stretch!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  line-height:40px!important;
  text-indent:0!important;
}
html body.member-shell.page-help .app-main .app-content form.member-help-search input#member-help-query[type="text"]::placeholder{
  opacity:1!important;
}
html body.member-shell.page-help .app-main .app-content form.member-help-search .member-help-clear{
  position:static!important;
  inset:auto!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  transform:none!important;
  line-height:1!important;
}
html body.member-shell.page-help .app-main .app-content form.member-help-search > input[type="hidden"],
html body.member-shell.page-help .app-main .app-content form.member-help-search > .sr-only{
  position:absolute!important;
}
@media(max-width:767px){
  html body.member-shell.page-help .app-main .app-content form.member-help-search{
    grid-template-columns:18px minmax(0,1fr) auto!important;
    column-gap:9px!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 11px!important;
  }
  html body.member-shell.page-help .app-main .app-content form.member-help-search input#member-help-query[type="text"]{
    min-height:40px!important;
    height:40px!important;
    padding:0!important;
    line-height:40px!important;
  }
}
/* 5.1.61 — exact member scroll restoration for browser gestures and app back buttons. */
html.snake-restoring-scroll {
  scroll-behavior: auto !important;
}


/* =========================================================
   5.1.62 — Realtime historical balance / equity chart
   ========================================================= */
.member-shell .balance-history-card{
  --history-balance:#1f5ea8;
  --history-equity:var(--app-success);
  position:relative!important;
  overflow:hidden!important;
  padding:16px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:var(--app-radius)!important;
  background:var(--app-surface)!important;
  box-shadow:var(--app-shadow)!important;
}
html[data-snake-theme="dark"] .member-shell .balance-history-card{
  --history-balance:var(--app-primary);
  --history-equity:#28b98b;
  background:var(--app-surface)!important;
  border-color:var(--app-outline-variant)!important;
}
.member-shell .balance-history-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
.member-shell .balance-history-head>div{display:grid!important;gap:3px!important}
.member-shell .balance-history-head strong{font-size:14px!important;line-height:1.25!important;font-weight:850!important;color:var(--app-on-bg)!important}
.member-shell .balance-history-head small{font-size:10px!important;line-height:1.4!important;color:var(--app-on-variant)!important}
.member-shell .balance-history-live{
  display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;
  min-height:28px!important;padding:5px 9px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--app-success) 42%,var(--app-outline-variant))!important;
  background:color-mix(in srgb,var(--app-success) 8%,transparent)!important;
  color:var(--app-success)!important;font-size:9px!important;font-weight:800!important;
}
.member-shell .balance-history-live i{width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent)!important}
.member-shell .balance-history-live.is-offline{color:var(--app-on-variant)!important;border-color:var(--app-outline-variant)!important;background:var(--app-surface-variant)!important}
.member-shell .balance-history-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
.member-shell .balance-history-periods{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;padding:1px 1px 4px!important;scrollbar-width:none!important}
.member-shell .balance-history-periods::-webkit-scrollbar{display:none!important}
.member-shell .balance-history-periods button{
  appearance:none!important;border:1px solid var(--app-outline-variant)!important;background:var(--app-surface-variant)!important;color:var(--app-on-variant)!important;
  min-height:28px!important;padding:5px 9px!important;border-radius:999px!important;white-space:nowrap!important;
  font:800 9px/1.1 inherit!important;cursor:pointer!important;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important;
}
.member-shell .balance-history-periods button:hover{transform:translateY(-1px)!important;color:var(--app-on-bg)!important;border-color:var(--app-outline)!important}
.member-shell .balance-history-periods button.is-active{background:var(--app-primary-container)!important;color:var(--app-primary)!important;border-color:color-mix(in srgb,var(--app-primary) 42%,var(--app-outline-variant))!important}
.member-shell .balance-history-select{display:none!important}
.member-shell .balance-history-chart-wrap{
  position:relative!important;width:100%!important;min-height:340px!important;border-radius:16px!important;
  border:1px solid var(--app-outline-variant)!important;background:color-mix(in srgb,var(--app-surface-variant) 62%,var(--app-surface))!important;
  overflow:hidden!important;isolation:isolate!important;
}
.member-shell .balance-history-svg{display:block!important;width:100%!important;height:clamp(340px,28vw,420px)!important;overflow:visible!important;touch-action:pan-y!important}
.member-shell .balance-history-svg [data-history-grid] line{stroke:var(--app-outline-variant)!important;stroke-width:1!important;vector-effect:non-scaling-stroke!important}
.member-shell .balance-history-svg [data-history-grid] .is-vertical{opacity:.5!important}
.member-shell .balance-history-svg text{fill:var(--app-on-variant)!important;font:500 9px/1 Roboto,system-ui,sans-serif!important}
.member-shell .balance-history-area{fill:color-mix(in srgb,var(--history-equity) 12%,transparent)!important;stroke:none!important}
.member-shell .balance-history-line{fill:none!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important;filter:drop-shadow(0 2px 3px rgba(4,18,37,.12))!important}
.member-shell .balance-history-line.is-balance{stroke:var(--history-balance)!important}
.member-shell .balance-history-line.is-equity{stroke:var(--history-equity)!important;stroke-width:1.8!important}
.member-shell .balance-history-last{stroke:var(--app-surface)!important;stroke-width:2!important;vector-effect:non-scaling-stroke!important}
.member-shell .balance-history-last.is-balance{fill:var(--history-balance)!important}
.member-shell .balance-history-last.is-equity{fill:var(--history-equity)!important}
.member-shell .balance-history-crosshair{stroke:var(--app-outline)!important;stroke-width:1!important;stroke-dasharray:4 4!important;vector-effect:non-scaling-stroke!important}
.member-shell .balance-history-tooltip{
  position:absolute!important;z-index:5!important;display:grid!important;gap:5px!important;min-width:164px!important;padding:9px 10px!important;
  border-radius:12px!important;border:1px solid var(--app-outline-variant)!important;background:color-mix(in srgb,var(--app-surface) 94%,transparent)!important;
  box-shadow:0 10px 28px rgba(3,15,31,.18)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  color:var(--app-on-bg)!important;pointer-events:none!important;
}
.member-shell .balance-history-tooltip[hidden]{display:none!important}
.member-shell .balance-history-tooltip>b{font-size:9px!important;color:var(--app-on-variant)!important}
.member-shell .balance-history-tooltip span{display:grid!important;grid-template-columns:8px 1fr auto!important;align-items:center!important;gap:6px!important;font-size:9px!important;color:var(--app-on-variant)!important}
.member-shell .balance-history-tooltip span i,.member-shell .balance-history-legend i{width:7px!important;height:7px!important;border-radius:50%!important;background:currentColor!important}
.member-shell .balance-history-tooltip .is-balance,.member-shell .balance-history-legend .is-balance{color:var(--history-balance)!important}
.member-shell .balance-history-tooltip .is-equity,.member-shell .balance-history-legend .is-equity{color:var(--history-equity)!important}
.member-shell .balance-history-tooltip strong{font-size:10px!important;color:var(--app-on-bg)!important}
.member-shell .balance-history-tooltip small{font-size:8px!important;color:var(--app-on-variant)!important}
.member-shell .balance-history-state{
  position:absolute!important;inset:0!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:18px!important;text-align:center!important;background:color-mix(in srgb,var(--app-surface) 78%,transparent)!important;color:var(--app-on-variant)!important;
}
.member-shell .balance-history-state[hidden]{display:none!important}
.member-shell .balance-history-state b{max-width:420px!important;font-size:10px!important;line-height:1.45!important}
.member-shell .balance-history-state.is-error b{color:var(--app-danger)!important}
.member-shell .balance-history-spinner{width:16px!important;height:16px!important;border-radius:50%!important;border:2px solid var(--app-outline-variant)!important;border-top-color:var(--app-primary)!important;animation:balance-history-spin .8s linear infinite!important}
@keyframes balance-history-spin{to{transform:rotate(360deg)}}
.member-shell .balance-history-legend{display:flex!important;align-items:center!important;gap:12px!important;margin-top:8px!important;min-height:20px!important}
.member-shell .balance-history-legend>span{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:9px!important;font-weight:750!important;color:var(--app-on-variant)!important}
.member-shell .balance-history-legend>small{margin-left:auto!important;text-align:right!important;font-size:8px!important;color:var(--app-on-variant)!important}
.member-shell .balance-history-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important}
.member-shell .balance-history-stats>div{display:grid!important;gap:3px!important;padding:8px 9px!important;border-radius:12px!important;background:var(--app-surface-variant)!important;border:1px solid color-mix(in srgb,var(--app-outline-variant) 75%,transparent)!important}
.member-shell .balance-history-stats span{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--app-on-variant)!important}
.member-shell .balance-history-stats strong{font-size:10px!important;line-height:1.25!important;color:var(--app-on-bg)!important;overflow-wrap:anywhere!important}
.member-shell .balance-history-card.is-compact{margin:0!important;padding:14px!important}
.member-shell .balance-history-card.is-compact .balance-history-chart-wrap{min-height:300px!important}
.member-shell .balance-history-card.is-compact .balance-history-svg{height:clamp(310px,24vw,360px)!important}
.member-shell .balance-history-card.is-compact .balance-history-stats>div:nth-child(4){display:none!important}
.member-shell .balance-history-card.is-compact .balance-history-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media(max-width:700px){
  .member-shell .balance-history-card{padding:14px!important}
  .member-shell .balance-history-head strong{font-size:13px!important}
  .member-shell .balance-history-head small{font-size:9px!important}
  .member-shell .balance-history-live{min-height:26px!important;padding:4px 8px!important;font-size:8px!important}
  .member-shell .balance-history-periods{display:none!important}
  .member-shell .balance-history-controls{justify-content:flex-end!important}
  .member-shell .balance-history-select{display:grid!important;grid-template-columns:auto minmax(116px,1fr)!important;align-items:center!important;gap:7px!important;color:var(--app-on-variant)!important;font-size:8px!important}
  .member-shell .balance-history-select select{height:32px!important;min-height:32px!important;padding:4px 28px 4px 9px!important;border:1px solid var(--app-outline-variant)!important;border-radius:10px!important;background:var(--app-surface-variant)!important;color:var(--app-on-bg)!important;font-size:9px!important;font-weight:750!important}
  .member-shell .balance-history-chart-wrap{min-height:280px!important;border-radius:14px!important}
  .member-shell .balance-history-svg{height:300px!important}
  .member-shell .balance-history-svg text{font-size:8px!important}
  .member-shell .balance-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .member-shell .balance-history-card.is-compact .balance-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .member-shell .balance-history-card.is-compact .balance-history-stats>div:nth-child(4){display:grid!important}
  .member-shell .balance-history-legend{flex-wrap:wrap!important;gap:8px 12px!important}
  .member-shell .balance-history-legend>small{width:100%!important;margin-left:0!important;text-align:left!important}
}
@media(prefers-reduced-motion:reduce){
  .member-shell .balance-history-spinner{animation:none!important}
  .member-shell .balance-history-periods button{transition:none!important}
}

/* =========================================================
   5.1.64 — instant balance chart hydration and endpoint values
   ========================================================= */
.member-shell .balance-history-end-values{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.member-shell .balance-history-end-values[hidden]{display:none!important}
.member-shell .balance-history-end-value{
  position:absolute!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  gap:1px!important;
  min-width:108px!important;
  max-width:150px!important;
  padding:6px 8px 6px 10px!important;
  border:1px solid color-mix(in srgb,currentColor 48%,var(--app-outline-variant))!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--app-surface) 92%,transparent)!important;
  box-shadow:0 7px 18px rgba(4,18,37,.16)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  transition:top .24s ease,transform .18s ease,opacity .18s ease!important;
}
.member-shell .balance-history-end-value::before{
  content:""!important;
  position:absolute!important;
  right:100%!important;
  top:50%!important;
  width:18px!important;
  border-top:1.5px solid currentColor!important;
  opacity:.72!important;
}
.member-shell .balance-history-end-value span{
  font-size:7px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:var(--app-on-variant)!important;
}
.member-shell .balance-history-end-value strong{
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:900!important;
  white-space:nowrap!important;
  color:currentColor!important;
}
.member-shell .balance-history-end-value.is-balance{color:var(--history-balance)!important}
.member-shell .balance-history-end-value.is-equity{color:var(--history-equity)!important}
.member-shell .balance-history-end-value.is-balance{z-index:3!important}
.member-shell .balance-history-end-value.is-equity{z-index:2!important}
.member-shell .balance-history-end-value span,
.member-shell .balance-history-end-value strong{position:relative!important;z-index:1!important}
html[data-snake-theme="dark"] .member-shell .balance-history-end-value{
  background:color-mix(in srgb,var(--app-surface) 94%,#07192f 6%)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.member-shell .balance-history-card.is-refreshing .balance-history-live i{
  animation:balance-history-live-pulse 1.1s ease-in-out infinite!important;
}
@keyframes balance-history-live-pulse{
  0%,100%{transform:scale(.9);opacity:.65}
  50%{transform:scale(1.18);opacity:1}
}
@media(max-width:700px){
  .member-shell .balance-history-end-value{
    right:5px!important;
    min-width:94px!important;
    max-width:122px!important;
    padding:5px 7px 5px 8px!important;
    border-radius:9px!important;
  }
  .member-shell .balance-history-end-value::before{width:12px!important}
  .member-shell .balance-history-end-value span{font-size:6.5px!important}
  .member-shell .balance-history-end-value strong{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .member-shell .balance-history-card.is-refreshing .balance-history-live i{animation:none!important}
  .member-shell .balance-history-end-value{transition:none!important}
}


/* 5.1.67 — Realtime Auto Trend signal from EA, including strength states. */
.member-shell .app-auto-trend-signal-row,
.member-shell .monitoring-auto-trend-signal{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}
.member-shell .app-auto-trend-signal-row{
  margin-top:10px!important;
  padding-top:9px!important;
  border-top:1px solid var(--app-outline-soft)!important;
}
.member-shell .app-auto-trend-signal-row>span:first-child,
.member-shell .monitoring-auto-trend-signal>span:first-child{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.member-shell .app-auto-trend-signal-row small,
.member-shell .monitoring-auto-trend-signal small{
  color:var(--app-on-variant)!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.member-shell .monitoring-auto-trend-signal{
  margin-top:12px!important;
  padding-top:11px!important;
  border-top:1px solid var(--app-outline-soft)!important;
}
.member-shell .android-status-pill.is-signal-strong-buy,
.member-shell .android-status-pill.is-signal-buy{
  color:#087a54!important;
  border-color:rgba(8,168,112,.55)!important;
  background:rgba(27,205,139,.16)!important;
  box-shadow:0 0 0 1px rgba(27,205,139,.08),0 7px 18px rgba(8,122,84,.12)!important;
}
.member-shell .android-status-pill.is-signal-neutral{
  color:#9a6500!important;
  border-color:rgba(222,157,18,.58)!important;
  background:rgba(255,199,55,.18)!important;
  box-shadow:0 0 0 1px rgba(255,199,55,.08),0 7px 18px rgba(154,101,0,.10)!important;
}
.member-shell .android-status-pill.is-signal-sell,
.member-shell .android-status-pill.is-signal-strong-sell{
  color:#b4233a!important;
  border-color:rgba(226,57,84,.58)!important;
  background:rgba(231,64,91,.15)!important;
  box-shadow:0 0 0 1px rgba(231,64,91,.07),0 7px 18px rgba(180,35,58,.12)!important;
}
html[data-snake-theme="dark"] .member-shell .android-status-pill.is-signal-strong-buy,
html[data-snake-theme="dark"] .member-shell .android-status-pill.is-signal-buy{color:#54e2ac!important;background:rgba(20,151,102,.24)!important;border-color:rgba(84,226,172,.55)!important}
html[data-snake-theme="dark"] .member-shell .android-status-pill.is-signal-neutral{color:#ffd166!important;background:rgba(176,111,14,.24)!important;border-color:rgba(255,209,102,.52)!important}
html[data-snake-theme="dark"] .member-shell .android-status-pill.is-signal-sell,
html[data-snake-theme="dark"] .member-shell .android-status-pill.is-signal-strong-sell{color:#ff758e!important;background:rgba(166,36,59,.28)!important;border-color:rgba(255,117,142,.58)!important}
@media(max-width:700px){
  .member-shell .app-auto-trend-signal-row,
  .member-shell .monitoring-auto-trend-signal{gap:8px!important}
  .member-shell .app-auto-trend-signal-row small,
  .member-shell .monitoring-auto-trend-signal small{font-size:8px!important}
  .member-shell .app-auto-trend-signal-row .android-status-pill,
  .member-shell .monitoring-auto-trend-signal .android-status-pill{flex:0 0 auto!important;max-width:46%!important;text-align:center!important}
}


/* 5.2.6 — Direction mode and runtime badge layout. */
.member-shell .trade-direction-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}
.member-shell .trade-direction-badges .android-status-pill{
  flex:0 0 auto!important;
  min-width:54px!important;
  justify-content:center!important;
  text-align:center!important;
}
.member-shell .app-trade-direction-row small,
.member-shell .monitoring-trade-direction small{
  font-weight:700!important;
  letter-spacing:.025em!important;
}
@media(max-width:700px){
  .member-shell .trade-direction-badges{gap:5px!important}
  .member-shell .trade-direction-badges .android-status-pill{min-width:48px!important}
}

/* =========================================================
   5.2.7 — interactive balance history viewport
   ========================================================= */
.member-shell .balance-history-controls{
  flex-wrap:wrap!important;
}
.member-shell .balance-history-viewport-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  margin-left:auto!important;
  min-width:0!important;
}
.member-shell .balance-history-viewport-controls button{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 8px!important;
  border:1px solid var(--app-outline-variant)!important;
  border-radius:9px!important;
  background:var(--app-surface-variant)!important;
  color:var(--app-on-bg)!important;
  font:850 13px/1 Roboto,system-ui,sans-serif!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.member-shell .balance-history-viewport-controls button:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:var(--app-outline)!important;
  background:var(--app-primary-container)!important;
  color:var(--app-primary)!important;
}
.member-shell .balance-history-viewport-controls button:focus-visible{
  outline:2px solid color-mix(in srgb,var(--app-primary) 60%,transparent)!important;
  outline-offset:2px!important;
}
.member-shell .balance-history-viewport-controls button:disabled{
  opacity:.42!important;
  cursor:default!important;
  transform:none!important;
}
.member-shell .balance-history-viewport-controls .is-zoom-readout{
  min-width:48px!important;
  font-size:9px!important;
}
.member-shell .balance-history-viewport-controls .is-latest{
  min-width:62px!important;
  font-size:8px!important;
  letter-spacing:.02em!important;
}
.member-shell .balance-history-viewport-controls .is-latest.is-active{
  border-color:color-mix(in srgb,var(--app-success) 44%,var(--app-outline-variant))!important;
  background:color-mix(in srgb,var(--app-success) 9%,transparent)!important;
  color:var(--app-success)!important;
}
.member-shell .balance-history-viewport-count{
  min-width:70px!important;
  text-align:right!important;
  white-space:nowrap!important;
  color:var(--app-on-variant)!important;
  font-size:8px!important;
  font-weight:700!important;
}
.member-shell .balance-history-svg{
  cursor:crosshair!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.member-shell .balance-history-card.is-history-dragging .balance-history-svg{
  cursor:grabbing!important;
}
.member-shell .balance-history-card.is-history-dragging .balance-history-tooltip{
  display:none!important;
}
.member-shell .balance-history-card.is-history-panned .balance-history-live::after{
  content:' · Riwayat'!important;
}
@media(max-width:700px){
  .member-shell .balance-history-controls{
    justify-content:space-between!important;
    align-items:center!important;
  }
  .member-shell .balance-history-select{
    flex:1 1 132px!important;
    max-width:190px!important;
  }
  .member-shell .balance-history-viewport-controls{
    flex:1 1 100%!important;
    justify-content:center!important;
    order:3!important;
    margin-left:0!important;
    padding-top:2px!important;
  }
  .member-shell .balance-history-viewport-controls button{
    min-width:34px!important;
    height:32px!important;
  }
  .member-shell .balance-history-viewport-controls .is-latest{
    min-width:58px!important;
  }
  .member-shell .balance-history-viewport-count{
    min-width:58px!important;
    font-size:7px!important;
  }
  .member-shell .balance-history-svg{
    touch-action:pan-y!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .member-shell .balance-history-viewport-controls button{transition:none!important}
}


/* =========================================================
   5.3.1 — Daily TP target and remaining amount.
   ========================================================= */
.member-shell .app-target-tp-metric{min-width:0}
.member-shell .app-target-tp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.member-shell .app-target-tp-head .android-status-pill{flex:0 0 auto;min-height:20px!important;padding:3px 7px!important;font-size:8.5px!important}
.member-shell .app-target-value{display:block;overflow-wrap:anywhere}
.member-shell .app-target-remaining,.member-shell .app-target-inactive{display:block;margin-top:4px;color:var(--app-on-variant);font-size:9.5px;line-height:1.3}
.member-shell .app-target-remaining b{color:var(--app-warning);font-weight:850}
.member-shell .app-target-progress,.member-shell .monitoring-target-progress{display:block;width:100%;height:5px;margin-top:7px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--app-outline-variant) 78%,transparent)}
.member-shell .app-target-progress>i,.member-shell .monitoring-target-progress>i{display:block;width:var(--target-progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--app-primary),var(--app-success));transition:width .25s ease}
.member-shell .monitoring-target-progress{margin-top:16px;height:6px}
.member-shell .monitoring-target-cell .android-status-pill{align-self:inherit}
@media(max-width:520px){
  .member-shell .app-target-tp-head{align-items:flex-start;flex-direction:column;gap:5px}
  .member-shell .app-target-tp-head .android-status-pill{align-self:flex-start}
}