/* v25: mobile-only access desk. Desktop component rules are unchanged. */
.mobile-topbar,.mobile-bottom-nav,.mobile-app-tabs { display:none; }
@media (max-width:760px) {
  [data-entry=choose] .mobile-presence { display:none; }
  .support-app .service-choice-inner { padding:22px max(16px,env(safe-area-inset-right)) 22px max(16px,env(safe-area-inset-left)); }
  .service-choice-heading { margin-bottom:18px; }
  .service-choice-heading h2 { font-size:22px; }
  .service-choice-heading p { font-size:12px; margin-top:4px; }
  .service-choice-list { gap:10px; }
  .service-choice-button { min-height:70px; padding:11px 14px; gap:12px; border-radius:12px; }
  .service-choice-button .nav-logo { width:42px; height:42px; }
  .service-choice-button .topic-copy strong { font-size:16px; }
  .service-choice-button .topic-copy small { font-size:11px; }
  .service-choice-note { margin-top:18px; font-size:11px; }
  html[data-mobile-kind=app] body { overflow:visible; }
  html[data-mobile-kind=app] { scroll-padding-top:calc(158px + env(safe-area-inset-top)); scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
  .support-app > .sidebar,.support-app .conversation-header,.support-app .conversation-footer { display:none; }
  .support-app { border:0; border-radius:0; box-shadow:none; }
  .mobile-topbar { display:grid; grid-template-columns:88px minmax(0,1fr) 88px; align-items:center; min-height:72px; flex:none; padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left)); background:#fff; border-bottom:1px solid #e6edf5; z-index:10; }
  .mobile-header-leading { display:flex; align-items:center; }
  .mobile-header-leading .service-logo { width:36px; height:36px; }
  .mobile-app-mark { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; color:#176bd6; background:#eaf3ff; }
  .mobile-header-copy { text-align:center; min-width:0; padding-block:12px; }
  .mobile-topbar { height:calc(72px + env(safe-area-inset-top)); min-height:calc(72px + env(safe-area-inset-top)); }
  .mobile-header-copy > h1 { display:block; font-size:16px; line-height:24px; font-weight:650; white-space:nowrap; }
  .mobile-header-copy > p { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:2px; white-space:nowrap; color:#5e728a; font-size:10px; line-height:18px; }
  .mobile-presence { display:flex; align-items:center; gap:4px; }
  .mobile-presence i { width:4px; height:4px; border-radius:50%; background:#71869c; }
  .mobile-topbar[data-state=online] .mobile-presence i { background:#21844e; }
  .mobile-topbar[data-state=error] .mobile-presence i { background:#aa4e2c; }
  .mobile-topbar[data-state=loading] .mobile-presence i { background:#176bd6; }
  .mobile-header-actions { display:flex; justify-content:flex-end; }
  .mobile-header-actions button { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border-radius:9px; color:#176bd6; background:transparent; font-size:12px; }
  .mobile-header-actions button:hover { background:#edf4ff; }
  #mobile-switch-service > .icon { width:13px; height:13px; }
  #mobile-open-more { color:#516782; }
  .mobile-bottom-nav { display:grid; grid-template-columns:1fr 1fr; flex:none; gap:8px; padding:7px max(14px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); background:#fff; border-top:1px solid #e1eaf4; z-index:12; }
  .mobile-bottom-nav button { display:flex; align-items:center; justify-content:center; gap:9px; height:48px; min-height:44px; border-radius:12px; background:transparent; color:#576b83; font-size:14px; font-weight:600; }
  .mobile-bottom-nav button[aria-pressed=true] { color:#115fbf; background:#eaf3ff; }
  .mobile-bottom-nav .icon { width:21px; height:21px; }
  [data-keyboard-compact=true] .mobile-bottom-nav { display:none; }
  .support-app[data-mobile-group=chat] .conversation { flex:1; min-height:0; }
  .support-app[data-mobile-group=chat] .content-panels { min-height:0; }
  .support-app[data-mobile-group=app] .mobile-topbar { position:sticky; top:0; }
  .support-app[data-mobile-group=app] { background:#f5f8fc; }
  [data-mobile-group=app] .mobile-presence { display:none; }
  [data-mobile-group=app] .mobile-app-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left)); position:sticky; top:calc(72px + env(safe-area-inset-top)); z-index:9; background:#fff; border-bottom:1px solid #e6edf5; }
  .mobile-app-tabs .mobile-app-option { display:flex; flex-direction:row; justify-content:center; align-items:center; min-height:48px; padding:8px 6px; margin:0; gap:8px; border-radius:10px; background:#f5f8fc; border:1px solid #e7edf5; }
  .mobile-app-tabs .mobile-app-option[aria-pressed=true] { background:#eaf3ff; border-color:#9ec7f5; }
  .mobile-app-tabs .topic-copy { flex:0 1 auto; width:auto; }
  .mobile-app-tabs .topic-copy strong { font-size:14px; }
  .mobile-app-tabs .topic-image { width:28px; height:28px; }
  .mobile-app-tabs .topic-copy small,.mobile-app-tabs .topic-arrow,.mobile-app-tabs .topic::before { display:none; }
  [data-mobile-group=app] .mobile-bottom-nav { position:fixed; bottom:0; left:0; right:0; }
  .support-app[data-mobile-group=app] .conversation { padding-bottom:calc(78px + env(safe-area-inset-bottom)); background:#f5f8fc; }
  .support-app[data-mobile-group=app] .mj-navigation { background:#f5f8fc; }
  .support-app .mj-navigation-inner { padding:18px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left)); }
  .support-app .mj-app-intro,.support-app .app-shortcuts { display:none; }
  .support-app .mj-section { margin-top:0; }
  .support-app .login-section { margin-top:24px; }
  .support-app .mj-section-heading { margin-bottom:12px; }
  .support-app .mj-section-heading h3 { font-size:16px; font-weight:650; gap:0; scroll-margin-top:calc(158px + env(safe-area-inset-top)); }
  .support-app .section-index { display:none; }
  .support-app .mj-section-heading > span { font-size:11px; }
  .support-app .download-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .support-app .download-card { grid-template-columns:24px minmax(0,1fr); gap:10px 8px; min-height:96px; padding:14px 12px; border-radius:12px; }
  .support-app .download-icon { width:24px; height:30px; border:0; background:transparent; }
  .support-app .download-icon .icon { width:23px; height:23px; }
  .support-app .download-copy strong { font-size:14px; font-weight:600; letter-spacing:0; }
  .support-app .download-copy small { display:none; }
  .support-app .download-action { padding-top:5px; border:0; font-size:12px; }
  .support-app .download-note { margin-top:10px; font-size:11px; }
  .support-app .single-app-download { grid-template-columns:24px minmax(0,1fr) auto; min-height:80px; }
  .support-app .single-app-download .download-action { grid-column:3; padding:0; gap:4px; font-size:11px; }
  .support-app .single-app-download .download-copy small { display:block; font-size:11px; }
  .support-app .login-grid,.support-app #mingjue-app-navigation .login-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .support-app .login-card { display:grid; grid-template-columns:minmax(0,1fr) 14px; align-items:start; gap:8px; min-height:88px; padding:14px 12px; border-radius:12px; background:#fff; }
  .support-app .login-card .line-number { display:none; }
  .support-app .login-card strong { font-size:14px; font-weight:600; }
  .support-app .login-card small,.support-app #mingjue-app-navigation .login-card small { font-size:11px; margin-top:7px; overflow-wrap:anywhere; word-break:normal; }
  .support-app .login-card > .icon { display:block; width:14px; height:14px; margin-top:4px; }
  .support-app #mingjue-app-navigation .login-card { min-height:88px; padding:14px 12px; }
  .support-app .login-note { font-size:11px; margin-top:14px; }
  .support-app .room-notice { margin-bottom:20px; padding:10px 12px; gap:4px 8px; border-radius:12px; }
  .support-app .room-number-line { gap:4px; }
  .support-app .room-number-line > strong { font-size:21px; }
  .support-app .room-copy { min-height:44px; padding:8px; font-size:11px; }
  .support-app .fuyou-access-notice { margin-bottom:20px; padding:0 12px; }
  .support-app .fuyou-access-row { gap:6px; padding-block:12px; }
  .support-app .access-value > code { font-size:14px; }
  dialog.mobile-sheet { position:fixed; inset:auto 0 8px; margin:0 auto; width:calc(100% - 16px); max-width:520px; max-height:calc(var(--phone-visible-height,100dvh) - 24px); padding:20px 16px max(16px,env(safe-area-inset-bottom)); border:0; border-radius:22px; box-shadow:0 12px 50px #1839562b; }
  .mobile-sheet::backdrop { background:#172d465c; backdrop-filter:blur(3px); }
  .mobile-sheet-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
  .mobile-sheet-heading h2 { font-size:20px; font-weight:650; }
  .mobile-sheet-heading p { margin:4px 0 0; font-size:12px; }
  .mobile-sheet-heading .icon-button { flex:none; background:#f1f5fa; border:0; border-radius:50%; }
  .mobile-service-list { display:grid; gap:7px; }
  .mobile-service-list .mobile-service-option { display:flex; flex-direction:row; justify-content:flex-start; gap:12px; min-height:68px; margin:0; padding:10px 12px; text-align:left; border:1px solid #e4ebf4; border-radius:12px; background:#fff; }
  .mobile-service-list .topic-copy { flex:1; width:auto; }
  .mobile-service-list .topic-copy strong { font-size:16px; }
  .mobile-service-list .topic-copy small { display:block; margin-top:3px; font-size:11px; color:#586d85; white-space:normal; }
  .mobile-service-list .nav-logo { width:38px; height:38px; }
  .mobile-service-list .topic-arrow,.mobile-service-list .topic::before { display:none; }
  .mobile-service-list .topic[aria-pressed=true] { background:#eaf3ff; border-color:#a6c9f3; }
  .mobile-current-marker { display:none; font-size:11px; color:#115fbf; }
  .mobile-service-option[aria-pressed=true] .mobile-current-marker { display:block; }
  .mobile-sheet-app-link { display:flex; align-items:center; gap:10px; width:100%; min-height:48px; margin-top:15px; padding:10px 12px; border-radius:10px; background:#f3f7fc; color:#176bd6; font-size:13px; }
  .mobile-sheet-app-link > span { flex:1; text-align:left; }
  .mobile-sheet-app-link .icon { width:18px; height:18px; }
  .mobile-more-action { display:flex; align-items:center; gap:12px; width:100%; min-height:76px; padding:12px 8px; border-bottom:1px solid #edf1f7; background:#fff; text-align:left; }
  .mobile-more-action > span { flex:1; }
  .mobile-more-action strong { display:block; font-size:15px; font-weight:600; }
  .mobile-more-action small { display:block; font-size:12px; margin-top:4px; color:#5e728a; }
  .mobile-more-action > .icon { color:#176bd6; width:20px; height:20px; }
}