/* USKOBOT • MATTE WORKSPACE 1.4 — GOLD / COMPACT SIDEBAR
   Presentation only. No external dependencies, no account or payment changes.
   Single fixed gold palette; no color picker or saved color selection. */
:root {
  color-scheme:dark;
  --mf-canvas:#0b111b; --mf-bg:#0b111b; --mf-sidebar:#0d1420;
  --mf-card:#151f2e; --mf-raised:#1d2b3f; --mf-input:#0d1624;
  --mf-line:#30435d; --mf-soft:#28384f; --mf-text:#f5f8ff;
  --mf-muted:#c1cfe2; --mf-dim:#a9bbd2;
  --mf-accent:#f2b84b; --mf-accent-hover:#ffd16f; --mf-accent-text:#ffd274;
  --mf-accent-ink:#161b25; --mf-accent-rgb:242,184,75;
  --mf-accent-soft:rgba(var(--mf-accent-rgb),.12);
  --mf-accent-line:rgba(var(--mf-accent-rgb),.48);
  --mf-focus:rgba(var(--mf-accent-rgb),.22);
  --mf-green:#4ce0a2; --mf-red:#ff8e9f;
  --fx-bg:var(--mf-bg); --fx-sidebar:var(--mf-sidebar); --fx-surface:var(--mf-card);
  --fx-surface-hover:var(--mf-raised); --fx-surface-raised:var(--mf-raised);
  --fx-line:var(--mf-line); --fx-line-soft:var(--mf-soft);
  --fx-text:var(--mf-text); --fx-muted:var(--mf-muted);
  --fx-gold:var(--mf-accent); --fx-gold-hot:var(--mf-accent-text); --fx-gold-dim:var(--mf-accent-soft);
  --fx-green:var(--mf-green); --text-color:var(--mf-text); --success-color:var(--mf-green);
  --primary-blue:var(--mf-accent); --dark-shadow:transparent; --light-shadow:transparent;
  accent-color:var(--mf-accent);
}
html {background:var(--mf-canvas);}
body.mf-theme {
  background:var(--mf-bg);margin:0;
  color:var(--mf-text); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:16px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;
  height:100vh;height:100dvh;overflow:hidden;
}
.mf-theme ::selection {background:var(--mf-accent);color:var(--mf-accent-ink);}
.mf-theme *, .mf-theme *::before, .mf-theme *::after {box-sizing:border-box;}
.mf-theme :focus-visible {outline:2px solid var(--mf-accent-text);outline-offset:3px;}
.mf-theme a:hover {color:var(--mf-text);}
.mf-theme button {font-family:inherit;}
.mf-theme svg {flex-shrink:0;}
.mf-theme [hidden] {display:none !important;}
.mf-sr-only {position:absolute !important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.mf-skip-link {position:fixed;top:-70px;left:24px;z-index:10000;background:var(--mf-accent);padding:10px 18px;border-radius:6px;color:white;}
.mf-skip-link:focus {top:12px;}
/* One sidebar only. Use the recovered width for content, not another rail. */
.mf-theme .dashboard-container {
  margin:0;width:100%;height:100vh;height:100dvh;
  min-height:0;display:flex;gap:0;padding:0;overflow:hidden;background:var(--mf-bg);
  border:0;border-radius:0;box-shadow:none;
}
.mf-theme .sidebar {position:relative;inset:auto;width:224px;flex:0 0 224px;height:100%;padding:18px 11px 10px;border:0;border-right:1px solid var(--mf-soft);border-radius:0;background:var(--mf-sidebar) !important;box-shadow:none !important;overflow:hidden;transform:none;transition:none;}
.mf-theme .sidebar .brand {display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 7px 23px;font-size:15px;font-weight:650;letter-spacing:.02em;color:var(--mf-text);text-shadow:none;min-height:25px;}
.mf-theme .sidebar .brand > span::after {display:none;}
.mf-theme .sidebar .brand > span {letter-spacing:inherit !important;}
.mf-brand-mark {display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:var(--mf-accent);color:#fff;}
.mf-brand-caption {margin-left:auto;font-size:13px;color:var(--mf-dim);font-weight:400;}
.mf-nav-search {display:flex;align-items:center;gap:7px;min-height:31px;margin:0 1px 22px;padding:0 8px;background:var(--mf-input);border:1px solid var(--mf-line);border-radius:5px;color:var(--mf-dim);}
.mf-nav-search:focus-within {border-color:var(--mf-accent-line);}
.mf-nav-search input {font:inherit;font-size:14px;background:transparent;border:0;outline:0;color:var(--mf-text);padding:6px 0;width:100%;min-width:0;}
.mf-nav-search input::placeholder {color:var(--mf-muted);}
.mf-nav-search kbd {font:12px "Segoe UI",sans-serif;white-space:nowrap;background:var(--mf-raised);color:var(--mf-muted);padding:1px 3px;border-radius:3px;}
.mf-nav-label {display:block;color:var(--mf-muted);text-transform:none;font-weight:500;font-size:14px;letter-spacing:.01em;margin:0 10px 9px;}
.mf-theme .sidebar nav {flex:1 1 0;min-height:0;width:100%;overflow-y:auto !important;overflow-x:hidden !important;padding-right:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c6380 transparent;}
.mf-theme .sidebar nav .mf-nav-label {margin-top:12px;}
.mf-theme .sidebar .nav-item {padding:8px 9px;gap:9px;min-height:33px;margin:0 0 2px;background:transparent;color:var(--mf-muted);font-size:15px;font-weight:400;border:1px solid transparent;border-radius:5px;box-shadow:none !important;transform:none !important;transition:background .15s,color .15s;}
.mf-theme .sidebar .nav-item svg {width:14px;height:14px;flex-basis:14px;opacity:.8;stroke-width:1.6;}
.mf-theme .sidebar .nav-item.active {background:var(--mf-accent-soft);color:var(--mf-text);border:1px solid var(--mf-line);box-shadow:none;}
.mf-theme .sidebar .nav-item.active::before,.mf-theme .sidebar .nav-item.active::after {display:none;}
.mf-theme .sidebar .nav-item.active svg {color:var(--mf-accent-text);opacity:1;}
.mf-theme .sidebar .nav-item:hover {background:var(--mf-raised);color:#fff;}
.mf-theme .sidebar .nav-item.locked-feature {opacity:.65;}
.mf-theme .sidebar-footer {flex:0 0 auto;margin-top:auto;padding-top:8px;border-top:1px solid var(--mf-soft);transform:none !important;}
.mf-sidebar-account {display:flex;align-items:center;gap:9px;padding:6px 5px 10px;min-width:0;}
.mf-small-avatar {display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#03100c;background:#4ce0a2;flex-shrink:0;}
.mf-sidebar-account > div {display:flex;flex-direction:column;min-width:0;flex:1;}
.mf-sidebar-account b {font-size:14px;line-height:1.4;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mf-sidebar-account small {font-size:13px;color:var(--mf-dim);}
.mf-theme .sidebar-footer .logout-btn {font-size:14px;color:var(--mf-muted) !important;min-height:30px;}
.mf-nav-empty {font-size:14px;color:var(--mf-muted);padding:12px 9px;}
/* Shared page header. */
.mf-theme .main-content {min-width:0;flex:1;height:100%;margin:0;padding:0 23px 18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4c6380 transparent;background:var(--mf-bg);}
.mf-theme .main-content::-webkit-scrollbar {width:5px;height:5px;}
.mf-theme .main-content::-webkit-scrollbar-thumb {background:#4c6380;border-radius:5px;}
.mf-theme .main-content::-webkit-scrollbar-track {background:transparent;}
.mf-theme .dashboard-header {position:relative;top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:99px;padding:17px 0 15px;margin:0;border:0;border-bottom:1px solid var(--mf-soft);background:var(--mf-bg);box-shadow:none;}
.mf-page-heading {flex:1;min-width:0;}
.mf-breadcrumb {display:flex;gap:7px;align-items:center;color:var(--mf-dim);font-size:13px;margin-bottom:6px;}
.mf-breadcrumb > span:last-child {color:var(--mf-muted);}
.mf-theme .page-title {font-size:28px;font-weight:550;letter-spacing:-.035em;line-height:1.2;margin:0;color:var(--mf-text);}
.mf-theme .dashboard-header .page-title::before {display:none;}
.mf-page-description {font-size:14px;color:var(--mf-muted);margin-top:5px;}
.mf-theme .header-actions {display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-shrink:0;}
.mf-button {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:7px 10px;white-space:nowrap;font-size:14px;line-height:1.3;color:var(--mf-muted);border:1px solid var(--mf-line);border-radius:5px;background:var(--mf-card);font-weight:500;}
.mf-button:hover {background:var(--mf-raised);color:#fff;}
.mf-button-primary {color:#fff;background:var(--mf-accent);border-color:var(--mf-accent-line);}
.mf-button-primary:hover {color:#fff;background:var(--mf-accent-hover);}
.mf-theme .mobile-toggle-btn,.mf-theme .menu-close-btn {background:var(--mf-card);color:var(--mf-muted);border:1px solid var(--mf-line);border-radius:6px;box-shadow:none;}
.mf-view-tabs {display:flex;align-items:center;gap:6px;padding:13px 0 14px;overflow:auto;scrollbar-width:none;}
.mf-view-tabs a {display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 9px;border:1px solid transparent;border-radius:5px;font-size:14px;color:var(--mf-muted);}
.mf-view-tabs a.is-active {color:var(--mf-text);background:var(--mf-raised);border-color:var(--mf-line);}
.mf-view-tabs a:hover {background:var(--mf-raised);color:var(--mf-text);}
.mf-view-tabs a > span {font-size:13px;color:var(--mf-muted);background:var(--mf-raised);padding:0 4px;border-radius:3px;}
/* Four compact account cards. */
.mf-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.mf-metric {display:flex;flex-direction:column;gap:4px;min-width:0;padding:13px 15px 12px;border:1px solid var(--mf-soft);border-radius:7px;background:var(--mf-card);transition:border-color .15s;}
.mf-metric:hover {border-color:var(--mf-accent-line);}
.mf-metric-label {display:flex;align-items:center;gap:6px;font-size:14px;color:var(--mf-muted);}
.mf-metric-label svg {width:13px;height:13px;}
.mf-metric strong {font-size:32px;font-weight:500;line-height:1.35;letter-spacing:-.05em;color:var(--mf-text);white-space:nowrap;}
.mf-metric strong small {font-size:15px;font-weight:400;color:var(--mf-muted);letter-spacing:0;margin-left:5px;}
.mf-metric-caption {display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--mf-muted);font-size:13px;line-height:1.4;margin-top:1px;}
.mf-mini-tag {font-size:12px;color:var(--mf-accent-text);background:var(--mf-accent-soft);border:1px solid var(--mf-line);border-radius:3px;padding:1px 4px;}
.mf-positive {color:var(--mf-green) !important;}
.mf-dot {display:inline-block;vertical-align:middle;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#4ce0a2;}
.mf-dot-muted {background:var(--mf-dim);}
.mf-overview-layout {display:grid;grid-template-columns:minmax(0,1fr) 267px;gap:14px;align-items:start;}
.mf-primary-column,.mf-secondary-column {display:flex;flex-direction:column;gap:14px;min-width:0;}
.mf-panel {padding:15px;background:var(--mf-card);border:1px solid var(--mf-soft);border-radius:7px;min-width:0;margin:0;}
.mf-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;min-height:17px;}
.mf-panel-heading h3 {margin:0;font-size:15px;font-weight:500;color:var(--mf-text);letter-spacing:-.01em;}
.mf-subtle-link {display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--mf-muted);white-space:nowrap;}
.mf-subtle-link svg {width:12px;height:12px;}
.mf-subtle-link:hover {color:var(--mf-accent-text) !important;}
.mf-capacity-summary {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 12px;}
.mf-capacity-summary > div {display:flex;align-items:baseline;gap:7px;}
.mf-capacity-summary strong {font-size:34px;line-height:1;font-weight:500;letter-spacing:-.04em;}
.mf-capacity-summary span {font-size:14px;color:var(--mf-muted);}
.mf-capacity-summary p {font-size:14px;color:var(--mf-muted);}
.mf-capacity-summary p > span {padding:0 5px;color:var(--mf-dim);}
.mf-capacity-bars {height:45px;display:flex;align-items:stretch;gap:5px;overflow:hidden;margin-top:10px;}
.mf-capacity-bars > span {flex:1;min-width:0;background:var(--mf-raised);border-radius:2px;border:1px solid var(--mf-line);}
.mf-capacity-bars > span.is-used {background:#25bb7c;border-color:#46e4a3;}
.mf-chart-caption {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;color:var(--mf-muted);font-size:12px;}
.mf-chart-caption > span:first-child {display:flex;align-items:center;gap:5px;}
.mf-chart-caption .mf-dot-muted {margin-left:7px;}
/* Loyalty controls keep the original selectors and IDs for script.js. */
.mf-theme .loyalty-panel {position:relative;overflow:visible;background:var(--mf-card);}
.mf-theme .loyalty-panel::before,.mf-theme .loyalty-panel::after {display:none;}
.mf-theme .tier-display-card {background:var(--mf-input) !important;border:1px solid var(--mf-soft);border-radius:5px;box-shadow:none !important;padding:12px;margin-bottom:12px;}
.mf-theme .tier-flex-container {gap:13px;}
.mf-theme .loyalty-panel .tier-flex-container {display:flex;align-items:center;gap:12px;}
.mf-theme .badge-container {width:42px;min-width:42px;display:grid;place-items:center;filter:none;}
.mf-theme .badge-container svg {width:42px;height:42px;filter:none;}
.mf-theme .xp-info-container {flex:1;min-width:0;}
.mf-theme .xp-header {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.mf-theme .xp-tier-name {font-size:14px;font-weight:500;color:var(--mf-text);}
.mf-theme .xp-values {font-size:13px;color:var(--mf-muted);}
.mf-theme .xp-current-bold {color:var(--mf-accent-text);font-weight:500;}
.mf-theme .progress-track {height:5px;border-radius:3px;background:var(--mf-accent-soft);border:0;box-shadow:none !important;overflow:hidden;}
.mf-theme .progress-fill-dynamic {height:100%;background:var(--mf-accent) !important;border-radius:3px;box-shadow:none;}
.mf-xp-caption {font-size:13px;color:var(--mf-muted);margin-top:7px;}
.mf-theme .loyalty-selector {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 0 12px;}
.mf-theme .rank-card-item {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:67px;padding:8px 3px;margin:0;background:var(--mf-input) !important;border:1px solid var(--mf-line) !important;border-radius:5px;box-shadow:none !important;transform:none !important;cursor:pointer;}
.mf-theme .rank-card-item:hover {background:var(--mf-raised) !important;border-color:var(--mf-accent-line) !important;}
.mf-theme .rank-card-item.active-rank {background:var(--mf-accent-soft) !important;border-color:var(--mf-accent-line) !important;box-shadow:none !important;}
.mf-theme .rank-card-item > svg {width:23px;height:23px;filter:none;}
.mf-theme .rank-info-text {text-align:center;}
.mf-theme .rank-card-label {display:block;font-size:13px;font-weight:500;color:var(--mf-text);margin:0;line-height:1.2;}
.mf-theme .rank-exp-range {display:block;font-size:12px;font-weight:400;color:var(--mf-muted);margin-top:3px;white-space:nowrap;}
.mf-theme .tier-details-bar {padding:10px 0 0;border:0;border-top:1px solid var(--mf-line);border-radius:0;background:transparent !important;box-shadow:none !important;}
.mf-theme .details-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.mf-theme .det-item {display:flex;flex-direction:column;gap:4px;text-align:left;}
.mf-theme .det-label {font-size:12px;color:var(--mf-muted);letter-spacing:0;text-transform:none;}
.mf-theme .det-item b {font-size:14px;font-weight:500;color:var(--mf-text);}
.mf-tag {display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1.4;font-weight:400;padding:2px 5px;border-radius:3px;border:1px solid var(--mf-line);color:var(--mf-text);background:var(--mf-accent-soft);white-space:nowrap;}
.mf-tag-purple {background:var(--mf-accent-soft);color:var(--mf-accent-text);border-color:var(--mf-line);}
.mf-tag-green {background:rgba(76,224,162,.12);color:#4ce0a2;border-color:rgba(76,224,162,.38);}
.mf-count {display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:16px;border:1px solid var(--mf-line);background:var(--mf-accent-soft);border-radius:3px;color:var(--mf-accent-text);font-size:13px;}
.mf-activity-list {margin-top:-4px;}
.mf-activity-row {display:grid;grid-template-columns:24px minmax(0,1fr) auto 76px;align-items:center;gap:10px;min-height:51px;padding:9px 0;border-top:1px solid var(--mf-line);}
.mf-activity-row:first-child {border-top:0;}
.mf-activity-row:hover .mf-activity-description b {color:var(--mf-accent-text);}
.mf-activity-icon {display:grid;place-items:center;color:var(--mf-muted);}
.mf-activity-icon svg {width:15px;height:15px;}
.mf-activity-description {display:flex;flex-direction:column;gap:3px;min-width:0;}
.mf-activity-description b {font-size:14px;font-weight:450;color:var(--mf-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mf-activity-description small {font-size:12px;color:var(--mf-muted);}
.mf-activity-amount {text-align:right;font-size:14px;color:var(--mf-text);font-variant-numeric:tabular-nums;}
.mf-activity-amount small {display:block;font-size:12px;color:var(--mf-muted);margin-top:2px;}
.mf-icon-link {display:inline-flex;color:var(--mf-muted);}
.mf-icon-link svg {width:13px;height:13px;}
.mf-definition-list {display:flex;flex-direction:column;gap:0;}
.mf-definition-list > div {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--mf-soft);}
.mf-definition-list > div:first-child {padding-top:0;}
.mf-definition-list > div:last-child {border-bottom:0;padding-bottom:0;}
.mf-definition-list dt {font-size:13px;color:var(--mf-muted);}
.mf-definition-list dd {font-size:14px;color:var(--mf-text);text-align:right;max-width:65%;overflow-wrap:anywhere;}
.mf-service-row {display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--mf-line);}
.mf-service-row:first-child {padding-top:0;}
.mf-service-row:last-child {border-bottom:0;}
.mf-service-icon {display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--mf-line);border-radius:5px;background:var(--mf-accent-soft);color:var(--mf-accent-text);}
.mf-service-icon svg {width:14px;height:14px;}
.mf-service-row > span:nth-child(2) {min-width:0;flex:1;}
.mf-service-row b {display:block;font-size:14px;font-weight:450;color:var(--mf-text);overflow-wrap:anywhere;}
.mf-service-row small {display:block;font-size:12px;color:var(--mf-muted);margin-top:3px;}
.mf-panel-footer-link {display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--mf-muted);font-size:13px;border-top:1px solid var(--mf-line);padding-top:10px;margin-top:7px;}
.mf-panel-footer-link svg {width:12px;height:12px;}
.mf-quick-links {display:flex;flex-direction:column;}
.mf-quick-links > a {display:flex;align-items:center;gap:9px;color:var(--mf-text);font-size:14px;padding:10px 0;border-top:1px solid var(--mf-line);}
.mf-quick-links > a:first-child {padding-top:0;border-top:0;}
.mf-quick-links > a:last-child {padding-bottom:0;}
.mf-quick-links > a > span {flex:1;}
.mf-quick-links svg {width:13px;height:13px;color:var(--mf-accent-text);}
.mf-quick-links svg:last-child {width:11px;height:11px;}
.mf-helper-note {display:flex;align-items:flex-start;gap:9px;padding:2px 6px;color:var(--mf-muted);}
.mf-helper-note > svg {width:14px;height:14px;color:var(--mf-accent-text);margin-top:2px;}
.mf-helper-note p {font-size:13px;line-height:1.7;}
.mf-helper-note b {color:var(--mf-text);font-weight:500;}
.mf-workspace-footer {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0 0;font-size:13px;color:var(--mf-muted);}
.mf-workspace-footer a {display:flex;align-items:center;gap:7px;}
.mf-workspace-footer svg {width:11px;height:11px;}
.mf-footer-dot {padding:0 5px;color:var(--mf-dim);}
.mf-empty-state {display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:32px 15px;color:var(--mf-muted);font-size:14px;}
.mf-empty-state > svg {width:22px;height:22px;color:var(--mf-accent-text);}
.mf-empty-state b {font-weight:500;color:var(--mf-text);}
.mf-empty-small {padding:10px 0;}
/* Existing forms, tables, support, settings and package pages. */
.mf-theme :is(.neu-panel-card,.login-card,.update-note-card,.cloud-modal-card,.settings-card,.signal-online-card,.admin-ticket-inbox,.ticket-chat-window,.pay-modal-box) {background:var(--mf-card) !important;color:var(--mf-text);border:1px solid var(--mf-line);border-radius:7px;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.mf-theme .neu-panel-card {padding:18px;margin-bottom:14px;}
.mf-theme .neu-panel-card:hover {border-color:var(--mf-accent-line);}
.mf-theme :is(.neu-icon,.summary-box,.price-display,.tier-footer-summary) {background:var(--mf-raised) !important;border:1px solid var(--mf-line);color:var(--mf-accent-text);border-radius:6px;box-shadow:none !important;}
.mf-theme .neu-icon {width:38px;height:38px;}
.mf-theme :is(.neu-btn,.btn,.show-more-card,.cloud-cancel-button) {border:1px solid var(--mf-line);background:var(--mf-raised);color:var(--mf-text);border-radius:5px;box-shadow:none !important;padding:10px 13px;font-size:14px;font-weight:500;min-height:34px;transform:none !important;}
.mf-theme :is(.neu-btn,.btn,.show-more-card):hover {background:var(--mf-raised);color:#fff;border-color:var(--mf-accent-line);transform:none !important;}
.mf-theme :is(.btn-primary,button[type='submit'].neu-btn,.pkg-card .neu-btn,.login-card form .neu-btn) {background:var(--mf-accent) !important;border-color:var(--mf-accent-line) !important;color:white !important;font-weight:500;box-shadow:none !important;}
.mf-theme :is(.btn-primary,button[type='submit'].neu-btn,.pkg-card .neu-btn,.login-card form .neu-btn):hover {background:var(--mf-accent-hover) !important;}
.mf-theme :is(button:disabled,.btn-disabled) {opacity:.5;cursor:not-allowed;}
.mf-theme :is(.neu-input,.form-control,select,textarea) {background:var(--mf-input) !important;color:var(--mf-text);border:1px solid var(--mf-line) !important;border-radius:5px;box-shadow:none !important;font-size:15px;min-height:39px;}
.mf-theme :is(.neu-input,.form-control,select,textarea):focus {border-color:var(--mf-accent-line) !important;box-shadow:0 0 0 2px var(--mf-focus) !important;transform:none !important;}
.mf-theme input::placeholder,.mf-theme textarea::placeholder {color:var(--mf-muted);}
.mf-theme select option {background:var(--mf-input);color:var(--mf-text);}
.mf-theme :is(.text-primary,.stat-value-blue) {color:var(--mf-accent-text) !important;}
.mf-theme :is(.text-success,.stat-value-green) {color:var(--mf-green) !important;}
.mf-theme :is(.text-danger,.alert-danger) {color:var(--mf-red) !important;}
.mf-theme .shadow-inset {box-shadow:none !important;}
.mf-theme .grid-3 {gap:14px;}
.mf-theme .pkg-grid {gap:14px;}
.mf-theme :is(.modal-overlay,.cloud-modal-overlay,.pay-modal) {background:rgba(2,7,14,.78);backdrop-filter:none;-webkit-backdrop-filter:none;}
.mf-theme :is(.cloud-modal-card,.pay-modal-box,.modal-content,.extend-modal-card) {background:var(--mf-card) !important;border:1px solid var(--mf-accent-line);color:var(--mf-text);border-radius:9px;box-shadow:0 24px 80px #0008;}
.mf-theme .neu-table {border-collapse:collapse !important;border-spacing:0 !important;font-size:14px;}
.mf-theme .neu-table thead th {background:var(--mf-input) !important;border-color:var(--mf-line) !important;color:var(--mf-muted);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;padding:11px 12px !important;}
.mf-theme .neu-table tbody tr {box-shadow:none !important;}
.mf-theme .neu-table tbody tr td {background:transparent !important;color:var(--mf-text);border-bottom:1px solid var(--mf-line);border-radius:0 !important;padding:12px !important;}
.mf-theme .neu-table tbody tr:hover td {background:var(--mf-accent-soft) !important;}
.mf-theme .table-responsive {border-radius:6px;}
.mf-theme .ticket-msg-bubble {background:var(--mf-raised) !important;border:1px solid var(--mf-line);box-shadow:none;color:var(--mf-text);}
.mf-theme .ticket-msg.mine .ticket-msg-bubble {background:var(--mf-accent-soft) !important;border-color:var(--mf-accent-line);}
.mf-theme :is(.ticket-type-tab.active,.pay-amount.is-selected) {background:var(--mf-accent-soft) !important;border-color:var(--mf-accent-line) !important;color:var(--mf-accent-text);}
.mf-theme .signal-online-table :is(th,td) {border-color:var(--mf-line);background:transparent;color:var(--mf-text);}
.mf-theme :is(.twofa-qr,.twofa-qr img) {background:#fff !important;} /* Keep actual QR contrast. */
/* Normalize inherited hard-coded blue-gray inline text, not status colors. */
.mf-theme :is(span,p,small,div,label)[style*="#94a3b8"],.mf-theme :is(span,p,small,div,label)[style*="#b3c0d3"] {color:var(--mf-muted) !important;}
/* Auth views retain the real form, csrf inputs and action URLs. */
.mf-theme .auth-container {position:relative;min-height:100vh;min-height:100dvh;height:100%;display:flex;justify-content:center;align-items:center;padding:80px 22px 30px;background:transparent !important;overflow:auto;}
.mf-auth-brand {position:absolute;top:28px;left:35px;display:flex;align-items:center;gap:9px;color:#f5f8ff !important;}
.mf-auth-brand > svg {width:28px;height:28px;border-radius:6px;padding:5px;background:var(--mf-accent);color:#fff;}
.mf-auth-brand b {font-size:15px;font-weight:650;letter-spacing:.02em;}
.mf-auth-brand > span {padding-left:12px;margin-left:4px;border-left:1px solid #30435d;color:#c1cfe2;font-size:14px;}
.mf-theme .login-card {width:100%;max-width:390px;padding:30px;background:var(--mf-bg) !important;border:1px solid var(--mf-line);border-radius:10px;box-shadow:0 14px 45px rgba(0,0,0,.22) !important;}
.mf-theme .login-card::before,.mf-theme .login-card::after {display:none;}
.mf-theme .login-card h2 {font-size:23px;font-weight:500;letter-spacing:-.04em;color:var(--mf-text);}
.mf-theme .login-card p {font-size:14px;}
.mf-theme .login-card > .text-center {margin-bottom:23px !important;}
.mf-theme .login-card > .text-center > .neu-icon {margin-bottom:18px !important;width:39px;height:39px;border-radius:8px;background:var(--mf-accent-soft) !important;color:var(--mf-accent-text);border-color:var(--mf-accent-line);}
.mf-theme .login-card > .text-center > .neu-icon svg {width:22px;height:22px;}
.mf-theme .login-card .neu-input {height:42px;padding:11px 13px;font-size:15px;}
.mf-theme .login-card .form-group {margin-top:14px !important;}
.mf-theme .login-card .form-group:first-of-type {margin-top:0 !important;}
.mf-theme .login-card form .neu-btn {height:40px;margin-top:22px !important;border-radius:5px;}
.mf-theme .login-card > .text-center a {font-size:14px !important;}
.mf-theme.mf-payment-page {height:auto !important;overflow:auto !important;min-height:100vh;display:grid;place-items:center;}
.mf-theme.mf-payment-page .box {background:var(--mf-bg);color:var(--mf-text);border:1px solid var(--mf-line);border-radius:10px;box-shadow:none;}
.mf-theme.mf-payment-page .muted {color:var(--mf-muted);}
/* Desktop to drawer breakpoint matches the existing menu script. */
@media(min-width:1600px) {.mf-theme .dashboard-container{max-width:none;margin:0;}.mf-overview-layout{grid-template-columns:minmax(0,1fr) 310px;}.mf-theme .main-content{padding-left:28px;padding-right:28px;}}
@media(min-width:993px) and (max-width:1150px) {.mf-theme .dashboard-container{margin:0;width:100%;height:100dvh;}.mf-theme .sidebar{width:224px;flex-basis:224px;}.mf-theme .main-content{padding:0 17px 15px;}.mf-overview-layout{grid-template-columns:minmax(0,1fr) 220px;gap:10px;}.mf-metrics{gap:7px;}.mf-metric{padding:11px 10px;}.mf-metric strong{font-size:28px;}.mf-metric-label{font-size:13px;}.mf-metric-caption{font-size:12px;}.mf-capacity-bars{gap:3px;}}
@media(max-width:992px) {
  body.mf-theme {background:var(--mf-bg);}
  .mf-theme .dashboard-container {margin:0;width:100%;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none;}
  .mf-theme .main-content {padding:0 18px 18px;height:100vh;height:100dvh;width:100%;overflow-x:hidden;}
  .mf-theme .sidebar {position:fixed;inset:0 auto 0 0;width:263px;flex-basis:auto;height:100vh;height:100dvh;padding:20px 13px 14px;z-index:1300;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;border-right:1px solid var(--mf-line);background:var(--mf-sidebar) !important;}
  .mf-theme .sidebar.active {transform:translateX(0);visibility:visible;}
  .mf-theme .sidebar .brand {margin-bottom:26px;padding-right:30px;}
  .mf-theme .sidebar .nav-item {min-height:43px;font-size:15px;}
  .mf-theme .sidebar .nav-item svg {width:17px;height:17px;flex-basis:17px;}
  .mf-theme .sidebar nav {overflow-y:auto !important;}
  .mf-theme .mobile-sidebar-overlay.active {display:block;position:fixed;inset:0;background:#0009;z-index:1200;backdrop-filter:none;}
  .mf-theme .dashboard-header {position:sticky;top:0;z-index:100;width:calc(100% + 36px);margin:0 -18px;padding:14px 18px;min-height:89px;background:var(--mf-bg) !important;border-bottom:1px solid var(--mf-line);}
  .mf-theme .dashboard-header .mobile-toggle-btn {display:flex;position:static;width:33px;height:33px;flex:0 0 33px;padding:7px;align-items:center;justify-content:center;}
  .mf-theme .menu-close-btn {display:flex;position:absolute;top:18px;right:12px;width:30px;height:30px;align-items:center;justify-content:center;}
  .mf-theme .page-title {font-size:26px;}
  .mf-page-description {font-size:14px;}
  .mf-breadcrumb {font-size:12px;}
  .mf-overview-layout {grid-template-columns:minmax(0,1fr) 240px;gap:12px;}
  .mf-theme .loyalty-selector {grid-template-columns:repeat(3,minmax(0,1fr));}
  .mf-theme .loyalty-panel .tier-flex-container {flex-direction:row;}
  .mf-theme .loyalty-panel .xp-info-container {width:auto;}
  .mf-theme .details-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .mf-theme .details-grid > * {grid-column:auto;}
  .mf-theme .auth-container {background:#0b111b !important;}
}
@media(max-width:700px) {
  .mf-overview-layout {grid-template-columns:1fr;}
  .mf-secondary-column {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .mf-theme .loyalty-selector {grid-template-columns:repeat(6,minmax(0,1fr));}
  .mf-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .mf-account-link {max-width:100%;}
  .mf-metric {padding:12px;}
  .mf-metric strong {font-size:32px;}
  .mf-metric-label {font-size:14px;}
  .mf-metric-caption {font-size:13px;}
  .mf-theme .neu-panel-card {padding:16px;}
  .mf-theme .neu-table tbody tr {background:var(--mf-card) !important;border:1px solid var(--mf-line) !important;border-radius:6px;}
  .mf-theme .neu-table tbody tr td {border-bottom:0;}
}
@media(max-width:460px) {
  .mf-theme .main-content {padding:0 12px 16px;}
  .mf-theme .dashboard-header {width:calc(100% + 24px);margin:0 -12px;padding:12px;gap:9px;min-height:82px;}
  .mf-theme .page-title {font-size:24px;}
  .mf-breadcrumb {font-size:12px;gap:5px;margin-bottom:5px;}
  .mf-page-description {display:none;}
  .mf-theme .header-actions {gap:0;}
  .mf-button {padding:7px 9px;font-size:14px;min-height:32px;}
  .mf-button svg {width:13px;height:13px;}
  .mf-view-tabs {gap:2px;padding:12px 0;}
  .mf-view-tabs a {padding:5px 7px;font-size:14px;}
  .mf-metric {padding:12px 11px;}
  .mf-metric strong {font-size:30px;}
  .mf-metric strong small {font-size:14px;}
  .mf-metric-caption {font-size:12px;}
  .mf-panel {padding:13px;}
  .mf-panel-heading h3 {font-size:15px;}
  .mf-capacity-summary p {font-size:13px;}
  .mf-capacity-summary span {font-size:13px;}
  .mf-capacity-bars {gap:3px;height:39px;}
  .mf-chart-caption {font-size:12px;gap:5px;}
  .mf-chart-caption > span:last-child {text-align:right;max-width:46%;}
  .mf-theme .loyalty-selector {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .mf-theme .rank-card-item {display:flex;flex-direction:row;gap:8px;min-height:48px;padding:8px 5px;}
  .mf-theme .rank-info-text {text-align:left;}
  .mf-theme .rank-card-label {font-size:13px;}
  .mf-theme .rank-exp-range {font-size:12px;}
  .mf-theme .tier-display-card {padding:10px;}
  .mf-theme .loyalty-panel .tier-flex-container {gap:10px;}
  .mf-theme .xp-header {gap:6px;}
  .mf-theme .xp-tier-name {font-size:14px;}
  .mf-theme .xp-values {font-size:12px;}
  .mf-xp-caption {font-size:12px;}
  .mf-theme .details-grid {gap:8px;}
  .mf-theme .det-item b {font-size:13px;}
  .mf-theme .det-label {font-size:12px;}
  .mf-activity-row {grid-template-columns:18px minmax(0,1fr) auto;gap:8px;min-height:54px;}
  .mf-activity-row > .mf-tag {display:none;}
  .mf-activity-description b {font-size:14px;}
  .mf-activity-amount {font-size:14px;}
  .mf-secondary-column {display:flex;}
  .mf-definition-list dt,.mf-definition-list dd {font-size:14px;}
  .mf-quick-links > a,.mf-service-row b {font-size:14px;}
  .mf-service-row small,.mf-panel-footer-link {font-size:13px;}
  .mf-workspace-footer {flex-direction:column;align-items:flex-start;gap:8px;font-size:13px;}
  .mf-theme .auth-container {padding:82px 18px 25px;align-items:safe center;}
  .mf-auth-brand {left:20px;top:24px;}
  .mf-theme .login-card {padding:25px;}
}
@media(prefers-reduced-motion:reduce) {.mf-theme *,.mf-theme *::before,.mf-theme *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important;}}
@media print {body.mf-theme{background:white;color:black;height:auto;overflow:visible;}.mf-theme .dashboard-container,.mf-theme .main-content{display:block;height:auto;width:100%;overflow:visible;margin:0;padding:0;border:0;}.mf-theme .sidebar,.mf-theme .header-actions,.mf-view-tabs{display:none !important;}.mf-theme .mf-panel,.mf-theme .mf-metric{background:white !important;color:black;border:1px solid #ccc;break-inside:avoid;}.mf-theme .mf-panel *,.mf-theme .mf-metric *{color:black !important;}}
/* Final scoped reset of legacy spacing (the old base uses !important). */
.mf-theme .mf-dashboard .loyalty-panel {padding:15px;margin:0;}
.mf-theme .mf-dashboard .loyalty-selector {width:100%;padding:0 !important;margin:0 0 11px !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
.mf-theme .mf-dashboard .loyalty-selector .rank-card-item {min-width:0;min-height:65px;padding:8px 3px;margin:0;border-radius:5px;}
.mf-theme .mf-dashboard .det-label {margin-bottom:0;}
.mf-theme .mf-dashboard .tier-details-bar {padding-top:10px;}
.mf-theme .mf-page-toolbar {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;}
.mf-theme .mf-page-toolbar p {font-size:14px;color:var(--mf-muted);}
.mf-theme .sidebar .brand .neu-icon {width:27px !important;height:27px !important;border-radius:6px;background:var(--mf-accent) !important;color:white !important;box-shadow:none !important;}
.mf-theme .mf-fallback-toggle {position:relative;inset:auto;margin:10px 0;}
.mf-theme .grid-4 {gap:14px;}
.mf-theme .pkg-card h3 {font-size:18px;font-weight:550;}
.mf-theme .pkg-price {font-size:30px;font-weight:550;color:var(--mf-text);}
.mf-theme .pkg-duration {font-size:14px;color:var(--mf-muted);}
@media(max-width:992px) {
  .mf-theme .dashboard-header {min-height:84px !important;padding:14px 18px !important;gap:12px !important;}
  .mf-theme .dashboard-header .mobile-toggle-btn {width:33px !important;height:33px !important;min-width:33px !important;min-height:33px !important;flex-basis:33px !important;}
  .mf-theme .mf-dashboard .loyalty-selector {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(min-width:461px) and (max-width:700px) {.mf-theme .mf-dashboard .loyalty-selector {grid-template-columns:repeat(6,minmax(0,1fr)) !important;}}
@media(max-width:460px) {
  .mf-theme .dashboard-header {min-height:78px !important;padding:12px !important;gap:9px !important;}
  .mf-theme .mf-dashboard .loyalty-panel {padding:13px;}
  .mf-theme .mf-dashboard .loyalty-selector .rank-card-item {min-height:49px;padding:8px 5px;}
  .mf-theme .mf-page-toolbar {align-items:flex-start;flex-direction:column;}
}

/* Readable text; compact sidebar spacing (1.4). */
body.mf-theme {font-size:16px;line-height:1.55;letter-spacing:0;}
.mf-theme .dashboard-container {max-width:none;}
.mf-theme .sidebar {padding:16px 10px 10px;}
.mf-theme .sidebar > :is(.brand,.mf-nav-search,.mf-nav-label) {flex-shrink:0;}
.mf-theme .sidebar .brand {font-size:17px;gap:8px;margin:0 6px 14px;}
.mf-brand-mark {width:28px;height:28px;}
.mf-brand-caption {font-size:12px;}
.mf-nav-search {min-height:36px;padding:0 8px;margin-bottom:14px;gap:7px;}
.mf-nav-search input {font-size:14px;padding:6px 0;}
.mf-nav-search kbd {font-size:12px;}
.mf-nav-label {font-size:13px;margin-bottom:6px;color:var(--mf-muted);}
.mf-theme .sidebar .nav-item {font-size:15px;min-height:38px;padding:7px 8px;gap:8px;line-height:1.4;}
.mf-theme .sidebar .nav-item svg {width:18px;height:18px;flex-basis:18px;}
.mf-theme .sidebar .nav-item span {min-width:0;overflow-wrap:break-word;}
.mf-theme .sidebar-footer .logout-btn {font-size:14px;min-height:38px;margin-top:4px;}
.mf-sidebar-account {padding:8px 4px;}
.mf-sidebar-account b {font-size:14px;}
.mf-sidebar-account small {font-size:12px;}
.mf-small-avatar {width:32px;height:32px;}
.mf-theme .main-content {padding:0 24px 24px;}
.mf-theme .dashboard-header {min-height:116px;padding:22px 0;}
.mf-theme .page-title {font-size:28px;font-weight:600;line-height:1.25;}
.mf-breadcrumb {font-size:12px;}
.mf-page-description {font-size:14px;line-height:1.5;}
.mf-button {font-size:14px;min-height:42px;padding:10px 14px;}
.mf-view-tabs {gap:8px;padding:16px 0;}
.mf-view-tabs a {font-size:14px;padding:8px 12px;min-height:40px;}
.mf-view-tabs a > span {font-size:12px;}
.mf-metrics {gap:14px;margin-bottom:18px;}
.mf-metric {padding:18px;gap:6px;}
.mf-metric-label {font-size:14px;line-height:1.4;}
.mf-metric-label svg {width:16px;height:16px;}
.mf-metric strong {font-size:32px;line-height:1.25;letter-spacing:-.04em;white-space:normal;overflow-wrap:anywhere;}
.mf-metric strong small {display:inline-block;font-size:14px;letter-spacing:0;}
.mf-metric-caption {font-size:13px;line-height:1.5;}
.mf-mini-tag {font-size:12px;}
.mf-overview-layout {grid-template-columns:minmax(0,1fr) 296px;gap:18px;}
.mf-primary-column,.mf-secondary-column {gap:18px;}
.mf-panel,.mf-theme .mf-dashboard .loyalty-panel {padding:20px;}
.mf-panel-heading {margin-bottom:17px;gap:12px;flex-wrap:wrap;}
.mf-panel-heading h3 {font-size:16px;font-weight:600;line-height:1.4;}
.mf-subtle-link {font-size:13px;min-height:28px;}
.mf-capacity-summary {flex-wrap:wrap;gap:8px;}
.mf-capacity-summary strong {font-size:34px;}
.mf-capacity-summary span,.mf-capacity-summary p {font-size:13px;line-height:1.5;}
.mf-capacity-bars {height:50px;}
.mf-chart-caption {font-size:12px;line-height:1.5;flex-wrap:wrap;align-items:flex-start;}
.mf-chart-caption > span:last-child {max-width:none;text-align:left;}
.mf-theme .tier-display-card {padding:15px;}
.mf-theme .xp-header {flex-wrap:wrap;gap:8px;}
.mf-theme .xp-tier-name {font-size:15px;}
.mf-theme .xp-values,.mf-xp-caption {font-size:13px;line-height:1.5;}
.mf-theme .progress-track {height:7px;}
.mf-theme .mf-dashboard .loyalty-selector {gap:8px;margin-bottom:16px !important;}
.mf-theme .mf-dashboard .loyalty-selector .rank-card-item {min-height:90px;padding:12px 5px;gap:8px;flex-direction:column;}
.mf-theme .rank-card-label {font-size:13px;line-height:1.4;}
.mf-theme .rank-exp-range {font-size:12px;line-height:1.4;}
.mf-theme .rank-card-item > svg {width:27px;height:27px;}
.mf-theme .rank-info-text {text-align:center;}
.mf-theme .det-label {font-size:12px;line-height:1.4;}
.mf-theme .det-item b {font-size:14px;line-height:1.5;overflow-wrap:break-word;}
.mf-theme .mf-dashboard .tier-details-bar {padding-top:16px;}
.mf-tag {font-size:12px;padding:3px 7px;}
.mf-count {font-size:12px;min-width:23px;min-height:23px;}
.mf-activity-row {grid-template-columns:24px minmax(0,1fr) auto 85px;gap:12px;min-height:74px;padding:13px 0;}
.mf-activity-description b {font-size:14px;line-height:1.5;font-weight:500;white-space:normal;overflow-wrap:anywhere;}
.mf-activity-description small,.mf-activity-amount small {font-size:12px;line-height:1.5;}
.mf-activity-amount {font-size:15px;}
.mf-activity-icon svg,.mf-icon-link svg {width:18px;height:18px;}
.mf-definition-list > div {padding:12px 0;}
.mf-definition-list dt {font-size:13px;}
.mf-definition-list dd {font-size:14px;}
.mf-service-row {padding:14px 0;}
.mf-service-icon {width:32px;height:32px;flex-shrink:0;}
.mf-service-row b {font-size:14px;line-height:1.5;}
.mf-service-row small {font-size:12px;line-height:1.5;}
.mf-panel-footer-link {font-size:13px;min-height:38px;}
.mf-quick-links > a {font-size:14px;line-height:1.5;min-height:44px;}
.mf-quick-links svg {width:16px;height:16px;}
.mf-helper-note p,.mf-workspace-footer {font-size:13px;line-height:1.6;}
.mf-theme :is(.neu-input,.form-control,select,textarea) {font-size:16px;min-height:44px;}
.mf-theme :is(.neu-btn,.btn,.show-more-card,.cloud-cancel-button) {font-size:14px;min-height:44px;line-height:1.5;}
.mf-theme .neu-table {font-size:14px;line-height:1.6;}
.mf-theme .neu-table thead th {font-size:13px;}
.mf-theme .neu-table td small {font-size:12px;}
.mf-theme .mf-page-toolbar p {font-size:14px;}
.mf-theme .login-card form .neu-btn {height:auto;min-height:46px;}
.mf-theme .login-card :is(label,.auth-subtitle) {font-size:14px !important;line-height:1.5;}
.mf-theme .login-card > .text-center a {font-size:14px !important;}
@media(min-width:993px) and (max-width:1279px) {
  .mf-theme .sidebar {width:224px;flex-basis:224px;}
  .mf-theme .main-content {padding-left:20px;padding-right:20px;}
  .mf-overview-layout {grid-template-columns:minmax(0,1fr);}
  .mf-secondary-column {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .mf-helper-note {align-self:start;}
}
@media(min-width:993px) and (max-width:1150px) {
  .mf-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mf-theme .dashboard-header {flex-wrap:wrap;}
  .mf-theme .header-actions {margin-left:auto;}
}
@media(max-width:992px) {
  .mf-theme .dashboard-container {margin:0;width:100%;height:100dvh;}
  .mf-theme .main-content {padding:0 18px 22px;}
  .mf-theme .sidebar {width:min(280px,calc(100vw - 32px));padding:16px 12px 10px;}
  .mf-theme .sidebar .brand {padding-right:42px;}
  .mf-theme .sidebar .nav-item {min-height:44px;padding:10px 8px;}
  .mf-theme .sidebar-footer .logout-btn {min-height:44px;}
  .mf-theme .sidebar .mf-nav-search {min-height:40px;}
  .mf-theme .sidebar .mf-nav-search input {padding:8px 0;}
  .mf-theme .dashboard-header {width:calc(100% + 36px);margin:0 -18px;min-height:96px !important;}
  .mf-theme .dashboard-header .mobile-toggle-btn {width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;flex-basis:42px !important;}
  .mf-theme .menu-close-btn {width:38px;height:38px;top:18px;right:12px;}
  .mf-theme .page-title {font-size:25px;}
  .mf-overview-layout {grid-template-columns:1fr;}
  .mf-secondary-column {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .mf-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mf-theme .mf-dashboard .loyalty-selector {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:600px) {
  .mf-theme .main-content {padding:0 14px 20px;}
  .mf-theme .dashboard-header {width:calc(100% + 28px);margin:0 -14px;padding:14px !important;gap:10px !important;}
  .mf-theme .page-title {font-size:24px;}
  .mf-breadcrumb {font-size:12px;line-height:1.4;flex-wrap:wrap;gap:3px 6px;}
  .mf-page-description {display:none;}
  .mf-button {font-size:13px;min-height:42px;padding:10px;}
  .mf-button svg {width:16px;height:16px;}
  .mf-view-tabs {flex-wrap:wrap;gap:6px;padding:14px 0;}
  .mf-view-tabs a {font-size:13px;padding:8px 10px;}
  .mf-metrics {gap:10px;}
  .mf-metric {padding:14px 12px;}
  .mf-metric-label {font-size:13px;gap:5px;}
  .mf-metric strong {font-size:30px;}
  .mf-metric strong small {font-size:13px;}
  .mf-metric-caption {font-size:12px;}
  .mf-panel,.mf-theme .mf-dashboard .loyalty-panel {padding:16px;}
  .mf-panel-heading h3 {font-size:16px;}
  .mf-theme .tier-display-card {padding:12px;}
  .mf-theme .loyalty-panel .tier-flex-container {gap:10px;}
  .mf-theme .badge-container,.mf-theme .badge-container svg {width:34px;min-width:34px;height:34px;}
  .mf-theme .xp-values,.mf-xp-caption {font-size:12px;}
  .mf-theme .mf-dashboard .loyalty-selector .rank-card-item {min-height:84px;padding:10px 4px;}
  .mf-theme .details-grid {grid-template-columns:1fr;gap:10px;}
  .mf-theme .det-item {flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;}
  .mf-theme .det-item b {text-align:right;}
  .mf-theme .det-label {font-size:13px;}
  .mf-activity-row {grid-template-columns:20px minmax(0,1fr) auto;gap:10px;}
  .mf-activity-row > .mf-tag {display:none;}
  .mf-secondary-column {display:flex;}
  .mf-workspace-footer {flex-direction:column;align-items:flex-start;gap:8px;}
}
@media(max-width:360px) {
  .mf-theme .page-title {font-size:22px;}
  .mf-theme .dashboard-header {gap:8px !important;}
  .mf-metrics {grid-template-columns:1fr;}
  .mf-button {padding:9px 8px;}
  .mf-activity-row {grid-template-columns:minmax(0,1fr) auto;}
  .mf-activity-icon {display:none;}
}
@media print {
  .mf-theme .dashboard-container,.mf-theme .main-content {margin:0;padding:0;width:100%;height:auto;overflow:visible;}
}

/* Remaining legacy inline / !important text rules. */
.mf-theme .login-card p {font-size:14px !important;line-height:1.6;}
.mf-theme .active-services-table .service-renew-label {font-size:13px !important;line-height:1.5;white-space:normal;font-weight:500;}
.mf-theme .active-services-table .service-action-cell .neu-btn {font-size:13px !important;min-height:44px;padding:10px 12px !important;line-height:1.4;white-space:normal;}
.mf-theme .active-services-table .service-renew-cell {flex-wrap:wrap;}
.mf-theme :is(span,p,small,div,label)[style*="#94a3b8"],.mf-theme :is(span,p,small,div,label)[style*="#b3c0d3"] {color:var(--mf-muted) !important;}
@media(max-width:600px) {
  .mf-theme .mf-dashboard .tier-details-bar .details-grid {grid-template-columns:1fr !important;gap:12px !important;}
  .mf-theme .mf-dashboard .tier-details-bar .details-grid .det-item {grid-column:auto !important;text-align:left !important;}
  .mf-theme .active-services-table .service-main-cell {grid-column:1 / -1 !important;grid-row:1 !important;}
  .mf-theme .active-services-table .service-expiry-cell {grid-column:1 / -1 !important;grid-row:2 !important;}
  .mf-theme .active-services-table .service-expiry-cell > div {flex-direction:row !important;align-items:baseline !important;justify-content:space-between;gap:8px;flex-wrap:wrap;}
  .mf-theme .active-services-table .service-expiry-cell span {font-size:14px !important;line-height:1.5;}
  .mf-theme .active-services-table .service-expiry-cell small {font-size:13px !important;line-height:1.5;}
  .mf-theme .active-services-table .service-renew-cell {grid-column:1 !important;grid-row:3 !important;}
  .mf-theme .active-services-table .service-action-cell {grid-column:2 !important;grid-row:3 !important;}
}

/* 1.2 — Edge-to-edge viewport. Keep inner padding, never an outer gray frame. */
html {margin:0;min-height:100%;background:var(--mf-bg);}
body.mf-theme {margin:0;background:var(--mf-bg);}
.mf-theme .dashboard-container {
  width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;
  height:100vh;height:100dvh;box-shadow:none;
}
.mf-theme .main-content {background:var(--mf-bg);}
.mf-theme .sidebar {border-right:1px solid var(--mf-line);}
.mf-theme .sidebar .brand {color:var(--mf-text);font-weight:750;}
.mf-theme .sidebar .nav-item {color:var(--mf-muted);font-weight:500;}
.mf-theme .sidebar .nav-item svg {opacity:1;}
.mf-theme .sidebar .nav-item:hover {background:var(--mf-raised);}
.mf-theme .sidebar .nav-item.active {
  background:var(--mf-accent-soft);color:var(--mf-accent-text);border-color:var(--mf-accent-line);
  box-shadow:inset 3px 0 0 var(--mf-accent) !important;font-weight:650;
}
.mf-theme .sidebar .nav-item.active svg {color:var(--mf-accent-text);}
.mf-theme .sidebar-footer .logout-btn {color:var(--mf-muted) !important;}
.mf-theme .sidebar-footer .logout-btn:hover {color:var(--mf-red) !important;}
.mf-brand-mark,.mf-theme .sidebar .brand .neu-icon,.mf-auth-brand > svg {
  background:var(--mf-accent) !important;color:var(--mf-accent-ink) !important;
}
.mf-theme .mf-button-primary,.mf-theme .mf-button-primary:hover,
.mf-theme :is(.btn-primary,button[type='submit'].neu-btn,.pkg-card .neu-btn,.login-card form .neu-btn) {
  color:var(--mf-accent-ink) !important;border-color:var(--mf-accent) !important;font-weight:650;
}
.mf-theme .mf-button-primary {background:var(--mf-accent);}
.mf-theme .mf-button-primary:hover {background:var(--mf-accent-hover);}
.mf-skip-link {color:var(--mf-accent-ink);}
.mf-theme .page-title {color:#f7faff;font-weight:700;}
.mf-page-description {color:var(--mf-muted);}
.mf-view-tabs a.is-active {
  color:var(--mf-accent-text);background:var(--mf-accent-soft);border-color:var(--mf-accent-line);font-weight:600;
}
.mf-metric {position:relative;border:1px solid var(--mf-line);border-top:2px solid var(--mf-accent-line);background:var(--mf-card);border-radius:9px;}
.mf-metric:first-child {background:linear-gradient(130deg,var(--mf-accent-soft),transparent 85%),var(--mf-card);}
.mf-metric-label {color:var(--mf-muted);font-weight:500;}
.mf-metric-label svg {color:var(--mf-accent-text);}
.mf-metric strong {font-weight:650;color:var(--mf-text);}
.mf-metric:first-child strong {color:var(--mf-accent-text);}
.mf-metric strong small {font-weight:400;color:var(--mf-muted);}
.mf-panel,.mf-theme .mf-dashboard .loyalty-panel {border:1px solid var(--mf-line);border-radius:9px;background:var(--mf-card);}
.mf-panel-heading h3 {color:var(--mf-text);}
.mf-capacity-bars > span {background:#203047;border-color:#314865;}
.mf-capacity-bars > span.is-used {background:linear-gradient(180deg,#42dba1,#1c9f70);border-color:#44d59c;}
.mf-dot {background:var(--mf-green);}
.mf-dot-muted {background:#52647e;}
.mf-theme .tier-display-card {background:var(--mf-input) !important;border-color:var(--mf-soft);}
.mf-theme .progress-track {background:var(--mf-raised);height:8px;}
.mf-theme .progress-fill-dynamic {background:var(--mf-accent) !important;}
.mf-theme .rank-card-item.active-rank {background:var(--mf-accent-soft) !important;border-color:var(--mf-accent) !important;}
.mf-theme .rank-card-item.active-rank .rank-card-label {color:var(--mf-accent-text);}
.mf-theme .rank-exp-range {color:var(--mf-muted);}
.mf-theme :is(.mf-tag-purple,.mf-mini-tag,.mf-count) {color:var(--mf-accent-text);background:var(--mf-accent-soft);border-color:var(--mf-accent-line);}
.mf-theme :is(.mf-subtle-link,.mf-icon-link,.mf-panel-footer-link):hover {color:var(--mf-accent-text);}
.mf-theme .mf-quick-links > a:hover {color:var(--mf-accent-text);}
.mf-theme .neu-table thead th {background:var(--mf-input) !important;color:var(--mf-muted);}
.mf-theme .neu-table tbody tr:hover td {background:var(--mf-raised) !important;}
.mf-theme .auth-container {background:var(--mf-bg) !important;}
.mf-auth-brand {color:var(--mf-text) !important;}
.mf-auth-brand > span {color:var(--mf-muted);border-color:var(--mf-line);}
.mf-theme .login-card {background:var(--mf-card) !important;border:1px solid var(--mf-line);box-shadow:0 18px 60px #0003 !important;}
.mf-theme .login-card > .text-center > .neu-icon {background:var(--mf-accent-soft) !important;color:var(--mf-accent-text);border-color:var(--mf-accent-line);}
.mf-theme .login-card p {color:var(--mf-muted);}
.mf-theme .login-card a {color:var(--mf-accent-text);}
.mf-theme .login-card .neu-input {min-height:46px;}
/* Header access to the existing update notes page. */
.mf-theme .dashboard-header {flex-wrap:wrap;}
.mf-theme .mf-page-heading {flex:1 1 220px;}
.mf-theme .dashboard-header > .header-actions {
  margin-left:auto;gap:10px !important;min-width:0 !important;
}
.mf-theme .mf-updates-link {
  color:var(--mf-accent-text);background:var(--mf-accent-soft);
  border-color:var(--mf-accent-line);font-size:14px;min-height:44px;
}
.mf-theme .mf-updates-link svg {width:18px;height:18px;}
.mf-theme .mf-updates-link:hover,
.mf-theme .mf-updates-link[aria-current="page"] {
  color:var(--mf-accent-text);background:rgba(var(--mf-accent-rgb),.20);border-color:var(--mf-accent);
}
/* Account is last in DOM order, including on phones. Long names remain usable. */
.mf-theme .header-actions > .mf-account-link {display:inline-flex;min-width:0;max-width:16rem;}
.mf-theme .mf-account-link > span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* On phones the actions wrap in the same reading order; labels stay readable. */
@media(max-width:700px) {
  .mf-theme .mf-page-heading {flex:1 1 0;}
  .mf-theme .dashboard-header > .header-actions {
    flex:0 0 100%;width:100% !important;margin:2px 0 0;
    flex-wrap:wrap !important;gap:8px !important;
  }
  .mf-theme .header-actions > .mf-updates-link {flex:1 1 150px;min-width:0;white-space:normal;text-align:center;}
  .mf-theme .header-actions > .mf-account-link {flex:0 1 auto;max-width:100%;}
  .mf-theme .header-actions > .mf-button-primary {flex:0 0 auto;}
  .mf-theme .header-actions > .mf-button {font-size:14px;min-height:44px;padding:10px 12px;}
}
@media(max-width:600px) {
  .mf-auth-brand {top:23px;left:20px;}
  .mf-auth-brand > span {display:none;}
}
@media print {
  html,body.mf-theme {background:#fff;color:#000;}
  .mf-theme .dashboard-container,.mf-theme .main-content {height:auto;overflow:visible;}
}

/* ---------------------------------------------------------
   1.5 - Support / active-service action label readability
   Keep short statuses and action labels on one line.
   Do not change other tables or functional PHP/JS behaviour.
   --------------------------------------------------------- */
.mf-theme .support-ticket-table td.support-ticket-status {
  min-width: 108px;
  white-space: nowrap !important;
  overflow: visible !important;
}
.mf-theme .support-ticket-table td.support-ticket-status > b {
  display: inline-block !important;
  max-width: none;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
.mf-theme .support-ticket-table td.support-ticket-priority {min-width: 77px;}
.mf-theme .support-ticket-table td.support-ticket-action {min-width: 112px;white-space: nowrap !important;}
.mf-theme .support-ticket-table td.support-ticket-action .neu-btn {white-space:nowrap !important;word-break:normal !important;}
/* Long subject text is the flexible column; never squeeze short status labels. */
.mf-theme .support-ticket-table td.support-ticket-subject,
.mf-theme .support-ticket-table td.support-ticket-subject > b {
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (min-width:993px) {
  .mf-theme .support-table-card {overflow-x:auto !important;}
  .mf-theme .support-ticket-table {min-width: 640px;table-layout:auto !important;}
}
@media (max-width:992px) {
  /* Existing mobile ticket cards still own their two-column layout. */
  .mf-theme .support-ticket-table td.support-ticket-priority,
  .mf-theme .support-ticket-table td.support-ticket-status,
  .mf-theme .support-ticket-table td.support-ticket-action {min-width:0 !important;width:auto !important;}
}
.mf-theme .active-services-table .service-action-cell .neu-btn {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap !important;
  width:max-content !important;
  max-width:100% !important;
  padding:10px 10px !important;
  font-size:13px !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
}
/* Tiny devices: give the action its own row instead of clipping its label. */
@media(max-width:350px) {
  .mf-theme .active-services-table .active-service-row {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .mf-theme .active-services-table .service-renew-cell {
    grid-column:1 !important;grid-row:3 !important;
  }
  .mf-theme .active-services-table .service-action-cell {
    grid-column:1 !important;grid-row:4 !important;
    justify-self:start !important;justify-content:flex-start !important;
  }
}

/* ---------------------------------------------------------
   1.6 - Sidebar search: focus belongs to the whole control.
   Avoid the global :focus-visible outline around only the
   inner text field; retain a clear accessible focus indicator.
   --------------------------------------------------------- */
.mf-theme .sidebar .mf-nav-search {
  transition: border-color .15s ease, box-shadow .15s ease;
}
.mf-theme .sidebar .mf-nav-search:focus-within {
  border-color: var(--mf-accent);
  box-shadow: 0 0 0 2px rgba(var(--mf-accent-rgb), .16);
}
.mf-theme .sidebar .mf-nav-search input,
.mf-theme .sidebar .mf-nav-search input:focus,
.mf-theme .sidebar .mf-nav-search input:focus-visible {
  border: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
@media (prefers-reduced-motion: reduce) {
  .mf-theme .sidebar .mf-nav-search { transition: none; }
}

/* ---------------------------------------------------------
   1.7 - ADMIN TICKET YONETIMI TAM GENISLIK
   support.php icindeki .admin-ticket-shell max-width:1100px
   sinirini yalnizca yonetim listesinin kendisinde gecersiz kil.
   Diger sayfalarin genisligini ve is mantigini degistirme.
   --------------------------------------------------------- */
body.mf-theme .main-content .admin-ticket-shell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
body.mf-theme .main-content .admin-ticket-shell > .admin-ticket-inbox {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}