/* THE ORDER 1.1.0-alpha.1 — Mobile Foundation */
.mobile-topbar,.mobile-bottom-nav,.mobile-more-sheet,.mobile-sheet-backdrop{display:none}
@media(max-width:860px){
:root{--mobile-nav-h:72px;--mobile-top-h:58px}
html,body{max-width:100%;overflow-x:hidden}
body{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px))}
#main-box.app-shell{min-height:100dvh!important;width:100%!important;overflow:visible!important}
.app-sidebar{z-index:1300;width:min(330px,88vw)!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
body.sidebar-open:after{content:"";position:fixed;inset:0;background:rgba(2,4,10,.72);backdrop-filter:blur(3px);z-index:1250}
.app-workspace{padding:calc(var(--mobile-top-h) + 10px) 10px calc(var(--mobile-nav-h) + 18px)!important;min-height:100dvh!important}
.system-bar{display:none!important}
.module-stage{width:100%;min-width:0}
.module-view{max-width:100%;min-width:0}
.page-heading{gap:8px!important;align-items:flex-start!important;flex-direction:column!important}
.page-heading h2{font-size:clamp(20px,6vw,28px)!important;line-height:1.08!important}
.mobile-topbar{display:flex;position:fixed;z-index:1200;top:0;left:0;right:0;height:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(8,10,18,.98),rgba(8,10,18,.93));border-bottom:1px solid rgba(205,172,65,.25);backdrop-filter:blur(14px);box-sizing:border-box}
.mobile-brand-btn,.mobile-alert-btn{width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(205,172,65,.28);border-radius:10px;background:#10131e;color:#e7d37b;display:grid;place-items:center;padding:0;margin:0}
.mobile-brand-btn img{width:27px;height:27px;object-fit:contain}.mobile-alert-btn{position:relative;font-size:19px}.mobile-alert-btn .mobile-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#b99732;color:#090b11;font-size:10px;font-weight:800;display:none;place-items:center;box-sizing:border-box}
.mobile-heading{min-width:0;flex:1}.mobile-heading small{display:block;color:#7f879e;font-size:9px;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-heading strong{display:block;color:#eef1f8;font-size:13px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.mobile-bottom-nav{display:grid;position:fixed;z-index:1200;left:0;right:0;bottom:0;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px));padding:7px 7px env(safe-area-inset-bottom,0px);grid-template-columns:repeat(5,1fr);background:rgba(8,10,17,.97);border-top:1px solid rgba(205,172,65,.25);backdrop-filter:blur(16px);box-sizing:border-box}
.mobile-nav-btn{border:0;background:transparent;color:#858da3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:3px 2px;margin:0;border-radius:9px;font:inherit}.mobile-nav-btn .mi{height:22px;display:grid;place-items:center;font-size:19px;line-height:1}.mobile-nav-btn img{width:20px;height:20px;object-fit:contain;filter:grayscale(1) brightness(1.4)}.mobile-nav-btn span:last-child{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-nav-btn.active{color:#efd56b;background:rgba(185,151,50,.09)}.mobile-nav-btn.active img{filter:sepia(1) saturate(2) brightness(1.25)}
.mobile-sheet-backdrop{position:fixed;z-index:1390;inset:0;background:rgba(1,3,8,.68);backdrop-filter:blur(3px)}.mobile-sheet-backdrop.open{display:block}
.mobile-more-sheet{position:fixed;z-index:1400;left:8px;right:8px;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px) + 6px);max-height:min(68dvh,620px);overflow:auto;background:#0d101a;border:1px solid rgba(205,172,65,.3);border-radius:16px;box-shadow:0 -20px 60px rgba(0,0,0,.55);padding:12px}.mobile-more-sheet.open{display:block}.mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 10px;border-bottom:1px solid #262b3a}.mobile-sheet-head strong{font-size:11px;letter-spacing:.15em;color:#d9c36b}.mobile-sheet-close{width:34px;height:34px;padding:0;margin:0;border:0;background:#171b28;color:#b9c0d2;border-radius:9px}.mobile-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:10px}.mobile-sheet-item{min-height:48px;border:1px solid #282e40;background:#111522;color:#c8cede;border-radius:10px;text-align:left;padding:9px 10px;font-size:11px;margin:0}.mobile-sheet-item:active{border-color:#806c2d;color:#efd56b}
/* Generic touch/mobile hardening */
button,input,select,textarea{max-width:100%}button{touch-action:manipulation}.modal,.modal-content,.dialog,.panel-dialog{max-width:calc(100vw - 20px)!important}.modal-overlay,.dialog-overlay{padding:10px!important}.toast-container{left:10px!important;right:10px!important;bottom:calc(var(--mobile-nav-h) + 12px + env(safe-area-inset-bottom,0px))!important}.toast{max-width:100%!important}
/* Alpha dashboard: keep desktop content but make cards readable */
#home-root{width:100%}.home-grid,.dashboard-grid,.home-main-grid{grid-template-columns:1fr!important}.home-hero,.dashboard-hero{min-height:auto!important}.home-card,.dashboard-card{min-width:0!important}.home-actions,.dashboard-actions{flex-wrap:wrap!important}
/* tables remain usable instead of crushing columns */
table{font-size:12px}.table-wrap,.data-table-wrap,.gm-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:420px){.mobile-sheet-grid{grid-template-columns:1fr}.app-workspace{padding-left:8px!important;padding-right:8px!important}}

/* THE ORDER 1.1.0-alpha.2 — mobile shell stabilization */
@media(max-width:860px){
:root{--mobile-nav-h:64px;--mobile-top-h:56px}
/* Mobile chrome exists only after successful authentication. */
body:not(.mobile-authenticated){padding-bottom:0!important}
body:not(.mobile-authenticated) .mobile-topbar,body:not(.mobile-authenticated) .mobile-bottom-nav,body:not(.mobile-authenticated) .mobile-more-sheet,body:not(.mobile-authenticated) .mobile-sheet-backdrop{display:none!important}
/* Desktop sidebar never participates in mobile layout. */
.app-sidebar{display:none!important}
body.sidebar-open:after{display:none!important}
.app-workspace{padding:calc(var(--mobile-top-h) + 8px) 10px calc(var(--mobile-nav-h) + 16px)!important}
.mobile-topbar{height:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px));padding-left:10px;padding-right:10px}
.mobile-brand-btn,.mobile-alert-btn{width:40px;height:40px;flex-basis:40px}
.mobile-heading strong{font-size:12px}.mobile-heading small{font-size:8px}
.mobile-bottom-nav{height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px));padding:5px 5px env(safe-area-inset-bottom,0px)}
.mobile-nav-btn{gap:2px;border-radius:8px}.mobile-nav-btn .mi{height:20px;font-size:18px}.mobile-nav-btn img{width:19px;height:19px}.mobile-nav-btn span:last-child{font-size:8px}
/* Real mobile drawer: overlays content; never resizes or shifts the page. */
.mobile-sheet-backdrop{display:block;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s;position:fixed;inset:0;z-index:1390;background:rgba(1,3,8,.72);backdrop-filter:blur(4px)}
.mobile-sheet-backdrop.open{opacity:1;visibility:visible}
.mobile-more-sheet{display:flex;flex-direction:column;left:auto;right:0;top:0;bottom:0;width:min(88vw,360px);max-height:none;border-radius:0;border-width:0 0 0 1px;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(102%);transition:transform .22s ease;box-sizing:border-box;background:linear-gradient(180deg,#0b0f18,#080b12);overflow:auto}
.mobile-more-sheet.open{display:flex;transform:translateX(0)}
.mobile-sheet-head{flex:0 0 auto;padding:4px 2px 13px}.mobile-sheet-head>div small{display:block;color:#747e95;font-size:8px;letter-spacing:.2em}.mobile-sheet-head>div strong{display:block;margin-top:4px;color:#e3d17b;font-size:11px;letter-spacing:.12em}
.mobile-sheet-grid{display:grid;grid-template-columns:1fr;gap:7px;padding:11px 0 0}.mobile-sheet-item{min-height:46px;font-size:11px;padding:10px 12px}
body.mobile-drawer-open{overflow:hidden}
/* Dashboard density */
#home-root .home-hero,#home-root .dashboard-hero{padding-top:22px!important;padding-bottom:22px!important}
#home-root .home-card,#home-root .dashboard-card{padding-top:16px!important;padding-bottom:16px!important}
/* Messages become a two-screen mobile messenger instead of stacked desktop panes. */
body.mobile-messages-module .app-workspace{padding-left:8px!important;padding-right:8px!important}
#messages-root .messages-head{align-items:center;margin-bottom:10px;gap:8px}
#messages-root .messages-head h2{font-size:24px}
#messages-root .msg-new{padding:9px 10px;font-size:10px;white-space:nowrap}
#messages-root .messages-tabs{margin-bottom:10px}#messages-root .messages-tabs button{flex:1;padding:10px 6px;font-size:10px}
#messages-root .rp-identity{margin-bottom:10px;gap:8px;flex-wrap:wrap}#messages-root .rp-identity select{min-width:0;flex:1}
#messages-root .messenger-shell{display:block;height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - 150px);min-height:420px;max-height:none;border:1px solid #303a47;overflow:hidden}
#messages-root .conversation-list{display:block;height:100%;max-height:none;border:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
#messages-root .conversation-row{min-height:66px;padding:11px 10px;grid-template-columns:26px minmax(0,1fr) auto}
#messages-root .conversation-pane{display:none;height:100%;min-height:0;overflow:hidden;background:rgba(9,13,19,.96)}
body.mobile-chat-open #messages-root .conversation-list{display:none}
body.mobile-chat-open #messages-root .conversation-pane{display:flex}
#messages-root .conversation-head{position:relative;flex:0 0 auto;align-items:center;padding:9px 8px;gap:6px;min-height:48px;box-sizing:border-box}
#messages-root .conversation-head>div:first-of-type{min-width:0;flex:1}#messages-root .conversation-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messages-root .conversation-head-actions{display:flex;flex:0 0 auto}
#messages-root .mobile-chat-back{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0!important;margin:0 2px 0 0!important;border:1px solid #303a47!important;border-radius:8px;background:#111822!important;color:#e4d06d!important;font-size:27px!important;line-height:1!important}
#messages-root .message-stream{min-height:0;padding:12px 8px;-webkit-overflow-scrolling:touch}
#messages-root .message-bubble{max-width:92%;margin-bottom:10px}
#messages-root .message-compose{flex:0 0 auto;padding:8px;background:#0b1119}
#messages-root .message-format-toolbar{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:5px}
#messages-root .message-compose-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}
#messages-root .message-compose textarea{min-height:44px;max-height:96px;font-size:16px}
#messages-root .message-compose-row>button{padding:8px 10px;font-size:10px}
#messages-root .msg-empty{padding:22px 14px;font-size:14px}
/* Content must never disappear under fixed bottom navigation. */
.module-stage{padding-bottom:8px}.module-view{scroll-margin-bottom:calc(var(--mobile-nav-h) + 10px)}
}
@media(max-width:420px){#messages-root .messages-head .eyebrow{display:none}#messages-root .messages-head h2{font-size:21px}.mobile-sheet-grid{grid-template-columns:1fr}}

/* THE ORDER 1.1.0 PWA — final mobile application shell */
@media(max-width:860px){
html,body{overscroll-behavior:none;background:#080b12}
body.mobile-authenticated{min-height:100dvh}
.mobile-nav-btn img{filter:invert(.78) sepia(.08) saturate(.55) hue-rotate(185deg) brightness(1.05)!important;opacity:.9}
.mobile-nav-btn.active img{filter:invert(.86) sepia(.75) saturate(1.8) hue-rotate(355deg) brightness(1.05)!important;opacity:1}
.mobile-sheet-group{display:block}.mobile-sheet-item{width:100%;display:flex;align-items:center;justify-content:space-between}.mobile-chevron{font-size:18px;transition:transform .18s ease}.mobile-sheet-item.expanded .mobile-chevron{transform:rotate(90deg)}
.mobile-submenu,.mobile-guide-pages{display:none;margin:5px 0 8px 10px;padding:5px 0 5px 9px;border-left:1px solid rgba(205,172,65,.22)}.mobile-submenu.open,.mobile-guide-pages.open{display:block}
.mobile-sub-item{width:100%;min-height:40px;margin:2px 0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#929bb1;text-align:left;font-size:10px;letter-spacing:.03em}.mobile-sub-item:active,.mobile-sub-item.expanded{background:rgba(185,151,50,.08);color:#ead06a}.mobile-era-btn{display:flex;justify-content:space-between;align-items:center}.mobile-guide-pages{margin-left:10px}
/* Galaxy: fixed, thumb-friendly toolbar and genuine two-finger interaction area. */
#module-galaxy_map{margin:0!important}.galaxy-shell{gap:8px!important}.galaxy-stage{height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - 24px)!important;min-height:430px!important;border-radius:10px!important;touch-action:none!important}
.galaxy-toolbar{left:8px!important;right:8px!important;top:8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(4,40px)!important;gap:5px!important;padding:6px!important;flex-wrap:nowrap!important;align-items:center!important}.galaxy-search{width:auto!important;min-width:0!important;grid-column:1/2!important;grid-row:1!important}.galaxy-search input{height:40px!important;font-size:16px!important}.galaxy-search-results{top:45px!important;z-index:60!important}.galaxy-toolbar>button{width:40px!important;height:40px!important;padding:0!important;overflow:hidden;font-size:0!important}.galaxy-toolbar>button::first-letter{font-size:18px}.galaxy-fullscreen-btn{font-size:18px!important}.galaxy-toolbar>button:nth-of-type(2),.galaxy-toolbar>button:nth-of-type(3){font-size:18px!important}.galaxy-toolbar>button:nth-of-type(4){font-size:0!important}.galaxy-toolbar>button:nth-of-type(4)::before{content:'⌂';font-size:18px}.galaxy-toolbar>button:nth-of-type(5){grid-column:1/-1;width:100%!important;font-size:10px!important;height:34px!important}
.galaxy-side{max-height:none!important}.galaxy-zoom{bottom:8px!important;right:8px!important}
/* Messages: compact native-messenger proportions. */
#messages-root .conversation-row{border-radius:0!important;border-left:0!important;border-right:0!important}#messages-root .message-bubble{max-width:86%!important;border-radius:14px!important}#messages-root .message-stream{padding:10px 8px 16px!important}#messages-root .message-compose{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
}
@media(display-mode:standalone){body{user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}}

/* 1.1.0 PWA — home install entry */
.pwa-home-install{position:fixed;right:112px;bottom:29px;z-index:120;display:none;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(104,126,171,.32);border-radius:8px;background:rgba(7,11,20,.76);box-shadow:0 0 18px rgba(45,78,142,.10),inset 0 0 12px rgba(67,92,145,.05);backdrop-filter:blur(8px);color:#7f8aa4;font:600 9px/1 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .18s}
.pwa-home-install::before{content:'▣';font-size:12px;color:#4d83aa}.pwa-home-install:hover{color:#c6d0e5;border-color:rgba(88,136,190,.62);background:rgba(12,18,31,.9);transform:translateY(-1px)}
body.pwa-home-visible .pwa-home-install{display:inline-flex}
@media(max-width:860px){.pwa-home-install{right:12px;bottom:calc(var(--mobile-nav-h,64px) + 14px);padding:9px 11px;font-size:8px}body.mobile-authenticated.pwa-home-visible .pwa-home-install{display:inline-flex}}
@media(display-mode:standalone){.pwa-home-install{display:none!important}}

/* THE ORDER 1.1.0 — mobile application finish layer */
@media(max-width:860px){
  :root{--mobile-nav-h:68px;--mobile-top-h:58px;--mobile-gutter:12px;--mobile-card-radius:12px}
  html{font-size:16px;min-width:0;overflow-x:hidden;overflow-x:clip}
  body{min-width:0;width:100%;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-x:clip;-webkit-tap-highlight-color:rgba(226,194,83,.14)}
  body.mobile-authenticated{background:#080b12}
  #main-box.app-shell{display:block!important;min-height:100dvh!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .app-workspace{box-sizing:border-box;width:100%;max-width:100%;padding:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px) + 14px) var(--mobile-gutter) calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px) + 18px)!important}
  .module-stage,.module-view{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:visible}
  .module-view-wide{width:100%!important}
  .mobile-topbar{height:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--mobile-gutter) 0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
  .mobile-brand-btn,.mobile-alert-btn{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:12px}
  .mobile-heading small{font-size:9px;line-height:1.2}.mobile-heading strong{font-size:13px;line-height:1.2}
  .mobile-bottom-nav{height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px));padding:6px 6px env(safe-area-inset-bottom,0px);box-shadow:0 -10px 28px rgba(0,0,0,.3)}
  .mobile-nav-btn{min-height:44px;padding:4px 2px;gap:3px}.mobile-nav-btn .mi{height:22px;font-size:20px}.mobile-nav-btn span:last-child{font-size:9px;line-height:1.1}
  .page-heading,.messages-head,.ec-head,.docs-head,.docs-viewer-head,.backup-head{width:100%;box-sizing:border-box;gap:12px;align-items:flex-start;flex-direction:column;margin-bottom:14px;padding-bottom:12px}
  .page-heading h2,.messages-head h2{font-size:clamp(21px,6.4vw,28px)!important;line-height:1.15;overflow-wrap:anywhere}
  .page-heading p{font-size:12px;line-height:1.5;max-width:60ch}
  .eyebrow{font-size:9px;line-height:1.4;letter-spacing:.12em}
  input,select,textarea{box-sizing:border-box;max-width:100%;min-height:42px;font-size:16px!important}
  button{min-height:42px;max-width:100%;font-size:12px}
  .modal-overlay,.order-dialog-overlay,.exchange-planet-modal,.exchange-choice-overlay{align-items:flex-end!important;padding:10px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
  .modal-card,.order-dialog-card,.exchange-planet-dialog,.exchange-action-dialog,.community-dialog,.profile-edit-dialog{box-sizing:border-box;width:min(100%,620px)!important;max-width:100%!important;max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;margin:0!important;overflow:auto;border-radius:16px 16px 10px 10px;padding:18px 14px!important}
  .modal-card form,.community-dialog form{min-width:0}
  .modal-card .user-actions,.order-dialog-actions,.new-message-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .modal-card .user-actions button,.order-dialog-actions button{width:100%;min-width:0}
  .modal-card label{min-width:0;line-height:1.4}
  .modal-card input,.modal-card select,.modal-card textarea{width:100%;min-width:0}
  .modal-grid-2,.character-create-grid,.inv-grid,.slots-grid,.gov-slots-grid,.labor-market-grid,.gm-skill-grid,.exchange-modal-two{grid-template-columns:minmax(0,1fr)!important}
  .modal-card h3,.community-dialog h2{font-size:20px;line-height:1.2;overflow-wrap:anywhere}
  .settings-page,.info-page,.docs-page,.docs-viewer-page{box-sizing:border-box;width:100%;max-width:none;padding:0 0 24px}
  .settings-profile{gap:12px;align-items:flex-start}.settings-profile-edit{min-height:48px}
  .settings-actions{gap:8px}.settings-actions button{min-height:56px;padding:11px 12px}
  .home-grid,.dashboard-grid,.home-main-grid,.home-actions,.dashboard-actions{grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:10px}
  .home-card,.dashboard-card,.info-panel,.settings-card,.exchange-create,.exchange-card,.economy-log,.profile-panel,.gm-char-card{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
  .planet-resources-grid,.grid-info,.attr-grid,.colony-main-data{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .planet-bar,.gm-colony-tabs,.colony-tabs,.gallery-filters,.messages-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .planet-bar::-webkit-scrollbar,.gm-colony-tabs::-webkit-scrollbar,.colony-tabs::-webkit-scrollbar,.gallery-filters::-webkit-scrollbar,.messages-tabs::-webkit-scrollbar{display:none}
  .table-wrap,.data-table-wrap,.gm-table-wrap,.forms-table-wrap,.ec-prod-card,.ec-dev-card{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table,.forms-table{min-width:560px}
  .character-gallery-grid,.gallery-skill-groups,.character-visual-grid{grid-template-columns:minmax(0,1fr)!important}
  .gallery-search,.planet-overview-search{max-width:100%;width:100%}
  .community-modal{padding:10px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;align-items:flex-end!important}
  .recipient-picker-head{align-items:stretch;flex-direction:column;gap:8px}.recipient-picker-head input{width:100%;max-width:none!important}.recipient-list{max-height:36dvh}.recipient-card{min-height:58px}
  .new-message-actions,.new-message-actions button{width:100%}.new-message-actions button{min-height:46px}
  .conversation-info-panel{position:fixed!important;inset:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px)) 0 calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px)) auto!important;width:min(100%,380px)!important;border-radius:16px 0 0 16px}
  #messages-root .messenger-shell{height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - 174px);min-height:360px}
  #messages-root .message-stream{overscroll-behavior:contain;overflow-y:auto;overflow-x:hidden}
  #messages-root .message-compose{padding-left:8px;padding-right:8px}
  #messages-root .message-compose textarea{font-size:16px!important;line-height:1.4;overflow-wrap:anywhere}
  #messages-root .conversation-head strong,#messages-root .message-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}
  #messages-root .message-text{overflow-wrap:anywhere;word-break:break-word}
  #messages-root .message-actions{opacity:1;right:6px;top:4px}
  .members-sidebar,.members-reopen-fixed{display:none!important}
  .member-profile-popover{inset:auto 10px calc(var(--mobile-nav-h) + 10px) 10px!important;width:auto!important;max-width:none!important}
  .mobile-more-sheet{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  /* Archive: navigation stays compact, text uses the full reading width. */
  .docs-page,.docs-viewer-page{padding:0 0 24px}
  .docs-toolbar{grid-template-columns:minmax(0,1fr)!important;gap:8px;margin:14px 0}
  .docs-grid{grid-template-columns:minmax(0,1fr)!important}
  .docs-reader{height:auto!important;min-height:calc(100dvh - var(--mobile-top-h));padding:0!important}
  .reader-top{gap:10px;padding:0 0 12px;flex-wrap:wrap}
  .reader-top .docs-back{order:2}.reader-doc-title{order:1!important;flex-basis:100%}
  .reader-shell{display:block!important;padding-top:10px}
  .reader-nav{max-height:220px;margin-bottom:10px}
  .reader-content{padding:20px 14px!important;min-height:0!important}
  .reader-content.structured h1{font-size:23px}
  .reader-paper{min-height:0!important}
  /* Galaxy: the map is a focused full-width workspace; details open below it. */
  #module-galaxy_map{margin:0!important;padding:0!important}
  .galaxy-shell{display:flex!important;flex-direction:column;height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - 26px)!important;min-height:520px!important;gap:8px}
  .galaxy-stage{flex:1 1 auto;width:100%;min-height:390px!important;border-radius:12px!important}
  .galaxy-side{flex:0 0 auto;max-height:30dvh!important;overflow:auto;border-radius:10px}
  .galaxy-toolbar{grid-template-columns:minmax(0,1fr) repeat(4,40px)!important;flex-wrap:nowrap!important}
  .galaxy-planet-label{font-size:13px}
  /* Economic cycle tables are intentionally scrollable inside their cards. */
  .ec-head,.ec-current-card,.ec-run-zone{align-items:flex-start;flex-direction:column}
  .ec-cycle-badge{width:100%;box-sizing:border-box;text-align:left}
  .ec-income-grid{grid-template-columns:minmax(0,1fr)!important}
  .ec-planet-row{grid-template-columns:minmax(0,1fr)!important;gap:7px}
  .ec-prod-card,.ec-dev-card{max-width:100%;overflow-x:auto}
  .ec-prod-table{min-width:560px}
  .ec-prod-table.single{min-width:360px}
  .ec-dev-row{min-width:720px}
  .audit-toolbar{grid-template-columns:minmax(0,1fr)!important}
  .act-view-head,.acts-toolbar{align-items:stretch;flex-direction:column}
}

@media(max-width:420px){
  :root{--mobile-gutter:10px}
  .planet-resources-grid,.grid-info,.attr-grid,.colony-main-data{grid-template-columns:minmax(0,1fr)!important}
  .mobile-heading small{font-size:8px}.mobile-heading strong{font-size:12px}
  .page-heading h2,.messages-head h2{font-size:21px!important}
  .message-format-toolbar{margin-right:-4px}
}
/* THE ORDER — focused mobile messenger */
@media(max-width:860px){
  body.mobile-messages-module .message-privacy-note{display:none}
  body.mobile-messages-module .app-workspace{padding-top:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px) + 8px)!important;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px) + 8px)!important}
  #messages-root{display:flex;flex-direction:column;min-height:0}
  #messages-root .messages-head{align-items:center;flex-direction:row;margin:0 0 10px;padding:2px 2px 0;border:0}
  #messages-root .messages-head .eyebrow{display:block;color:#75809b;font-size:8px}
  #messages-root .messages-head h2{margin:1px 0 0;font-size:20px!important;letter-spacing:.01em}
  #messages-root .msg-new{min-height:38px;padding:0 12px;border-color:rgba(207,173,65,.4);border-radius:10px;background:linear-gradient(135deg,#232033,#151a2a);color:#ecd778;font-size:10px;box-shadow:0 5px 16px rgba(0,0,0,.24)}
  #messages-root .messages-tabs{gap:5px;margin:0 0 9px;padding:4px;border:1px solid #262e44;border-radius:11px;background:#0b0f19;overflow:visible}
  #messages-root .messages-tabs button{min-height:38px;padding:0 10px;border:0!important;border-radius:8px;color:#7f8aa4;font-size:10px;font-weight:700;letter-spacing:.04em}
  #messages-root .messages-tabs button.active{background:linear-gradient(135deg,rgba(101,89,238,.3),rgba(37,42,74,.75));color:#eff1ff;box-shadow:inset 0 0 0 1px rgba(135,124,255,.35)}
  #messages-root .rp-identity{display:grid!important;grid-template-columns:1fr;margin:0 0 9px;padding:0;gap:5px}
  #messages-root .rp-identity>span{font-size:8px;color:#7d87a0}
  #messages-root .rp-identity-trigger{min-height:48px;border-radius:10px}
  #messages-root .messenger-shell{height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - 130px)!important;min-height:0!important;border:1px solid #283149;border-radius:14px;background:linear-gradient(180deg,rgba(13,18,30,.98),rgba(7,11,19,.98));box-shadow:0 14px 34px rgba(0,0,0,.28)}
  #messages-root .conversation-list{padding:5px 0;background:transparent}
  #messages-root .conversation-row{position:relative;min-height:72px;margin:0;padding:11px 12px;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;border:0;border-bottom:1px solid rgba(54,65,91,.5);background:transparent}
  #messages-root .conversation-row:active{background:rgba(109,96,238,.12)}
  #messages-root .conversation-row.active{background:linear-gradient(90deg,rgba(105,91,238,.18),rgba(21,27,44,.16))}
  #messages-root .conversation-row.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:0 3px 3px 0;background:#d9bf57;box-shadow:0 0 10px rgba(217,191,87,.5)}
  #messages-root .conversation-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3a4562;border-radius:50%;background:#151c2c;color:#dac15e;font-size:13px}
  #messages-root .conversation-row strong{color:#e4e9f5;font-size:13px;line-height:1.3}
  #messages-root .conversation-row small{margin-top:4px;color:#8490a9;font-size:11px;line-height:1.25}
  #messages-root .conversation-row>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0;border:1px solid rgba(215,192,95,.55);border-radius:50%;background:#6551db;color:#fff;font-size:10px;box-shadow:0 0 12px rgba(100,80,223,.38)}
  body.mobile-chat-open #messages-root .messages-head,body.mobile-chat-open #messages-root .messages-tabs,body.mobile-chat-open #messages-root .rp-identity{display:none!important}
  body.mobile-chat-open #messages-root .messenger-shell{height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - 16px)!important;border-radius:14px}
  #messages-root .conversation-pane{background:linear-gradient(180deg,#0b101a,#080c15)}
  #messages-root .conversation-head{min-height:58px;padding:8px 8px 8px 6px;border-bottom-color:#29334a;background:linear-gradient(180deg,#141a2a,#0e1421)}
  #messages-root .mobile-chat-back{width:38px;height:38px;flex-basis:38px;margin-right:2px!important;border-color:#3b4764!important;border-radius:11px;background:#171e30!important;color:#e5cc68!important;font-size:30px!important;line-height:.8!important}
  #messages-root .conversation-head strong{max-width:44vw;color:#eef1fa;font-size:14px}
  #messages-root .conversation-head small{display:block;margin-top:2px;color:#78849f;font-size:8px;letter-spacing:.11em}
  #messages-root .conversation-head-actions .msg-head-icon{width:34px;height:34px;border:1px solid #2d3952;border-radius:9px;background:#121a2a;color:#9aa6bd}
  #messages-root .conversation-head-actions .conversation-pin-btn{display:none}
  #messages-root .message-stream{padding:12px 10px 18px!important;background:radial-gradient(circle at 85% 5%,rgba(82,68,178,.1),transparent 33%),transparent}
  #messages-root .message-stream .message-bubble{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;margin:0 0 12px!important;padding:0 36px 0 0!important;background:transparent!important}
  #messages-root .message-stream .message-bubble>.message-avatar{width:34px!important;height:34px!important;border-color:#404b66}
  #messages-root .message-stream .message-body{padding:8px 10px!important;border:1px solid #29344c!important;border-radius:4px 14px 14px 14px!important;background:#141b2b!important;box-shadow:0 5px 14px rgba(0,0,0,.16)}
  #messages-root .message-stream .message-bubble.mine{padding:0 0 0 36px!important;grid-template-columns:minmax(0,1fr) 34px!important}
  #messages-root .message-stream .message-bubble.mine>.message-avatar{grid-column:2!important}
  #messages-root .message-stream .message-bubble.mine>.message-body{grid-column:1!important;border-color:rgba(177,151,60,.48)!important;border-radius:14px 4px 14px 14px!important;background:linear-gradient(135deg,#25223b,#1a1e32)!important}
  #messages-root .message-meta{min-height:auto!important;gap:6px!important}.message-meta strong{font-size:12px!important}.message-meta time{font-size:8px!important}
  #messages-root .message-stream .message-body>.message-text{font-size:14px!important;line-height:1.46!important;color:#d2d9e5!important}
  #messages-root .message-actions{right:0!important;top:3px!important;opacity:0!important;visibility:hidden!important;transform:scale(.9)!important}
  #messages-root .message-bubble:focus-within .message-actions,#messages-root .message-bubble:hover .message-actions{opacity:1!important;visibility:visible!important;transform:none!important}
  #messages-root .message-compose{padding:8px 9px calc(9px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #2b354b;background:rgba(10,15,25,.98);box-shadow:0 -12px 28px rgba(0,0,0,.2)}
  #messages-root .message-format-toolbar{gap:5px;padding:0 0 7px;border:0;background:transparent}#messages-root .message-format-toolbar button{width:32px;height:30px;border-color:#303b55;border-radius:8px;background:#151d2d;color:#aeb9d0}
  #messages-root .message-compose-row{gap:8px}#messages-root .message-compose textarea{min-height:46px!important;padding:11px 12px;border:1px solid #384560;border-radius:12px;background:#111927;color:#e6eaf4;font-size:16px!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.025)}
  #messages-root .message-compose-row>button{min-width:78px;padding:0 9px;border:1px solid rgba(213,185,83,.58);border-radius:12px;background:linear-gradient(145deg,#3d356d,#24274b);color:#f1df8a;font-size:10px;font-weight:800}
  #messages-root .reply-preview{margin:0;padding:8px 10px;border-top:1px solid #303a52;background:#101725}#messages-root .reply-preview span{max-width:48vw}
}
@media(min-width:861px){.mobile-topbar,.mobile-bottom-nav,.mobile-more-sheet,.mobile-sheet-backdrop{display:none!important}}

/* THE ORDER 1.2.0 — modern mobile application layer (mobile only, desktop untouched) */
@media(max-width:860px){
  :root{--mobile-nav-h:76px;--mobile-top-h:58px;--mobile-card-radius:16px}
  /* — Floating bottom dock — */
  body{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px))}
  .mobile-bottom-nav{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;height:64px;padding:6px 8px!important;border-radius:22px;border:1px solid rgba(126,140,175,.22);background:rgba(10,14,23,.9);backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(0,0,0,.5)}
  .mobile-nav-btn{border-radius:14px;transition:color .15s ease,background .15s ease}
  .mobile-nav-btn.active{background:linear-gradient(160deg,rgba(217,191,87,.18),rgba(217,191,87,.05));box-shadow:inset 0 0 0 1px rgba(217,191,87,.22)}
  .pwa-home-install{bottom:calc(var(--mobile-nav-h,76px) + 16px)}
  /* — Top bar — */
  .mobile-topbar{background:linear-gradient(180deg,rgba(9,12,20,.97),rgba(9,12,20,.88));border-bottom-color:rgba(205,172,65,.22);box-shadow:0 12px 32px rgba(0,0,0,.42)}
  .mobile-brand-btn,.mobile-alert-btn{border-radius:14px;background:rgba(255,255,255,.035);border-color:rgba(205,172,65,.24)}
  .mobile-alert-btn .mobile-badge{box-shadow:0 0 12px rgba(185,151,50,.4)}
  /* — Modern cards & sheets — */
  .home-card,.dashboard-card,.info-panel,.settings-card,.profile-panel,.exchange-card,.exchange-create,.economy-log,.gm-char-card,.ticket-card,.notification-item,.modal-card,.community-dialog,.order-dialog-card,.rp-identity-trigger,.recipient-picker{border-radius:var(--mobile-card-radius)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)}
  .community-modal:before{content:"";position:absolute;top:calc(10px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:2px;background:rgba(255,255,255,.18)}
  .mobile-sheet-item{border-radius:12px}
  /* — Messages: chat fills all space between top bar and bottom navigation — */
  body.mobile-messages-module #module-messages{display:flex!important;flex-direction:column;box-sizing:border-box;width:100%;height:calc(100dvh - var(--mobile-top-h) - env(safe-area-inset-top,0px) - var(--mobile-nav-h) - env(safe-area-inset-bottom,0px) - 12px)!important;margin:0!important;overflow:hidden}
  #messages-root{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  #messages-root .messenger-shell{flex:1 1 auto;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column;border-radius:16px}
  #messages-root .conversation-list{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;padding:6px 4px!important}
  #messages-root .conversation-pane{flex:1 1 auto;min-height:0;height:auto!important}
  #messages-root .message-stream{flex:1 1 auto;min-height:0}
  #messages-root .conversation-head,#messages-root .message-compose,#messages-root #message-reply-preview{flex:0 0 auto}
  body.mobile-chat-open .app-workspace{padding-top:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px) + 6px)!important;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px) + 6px)!important}
  body.mobile-chat-open #messages-root .messenger-shell{height:auto!important;border-radius:16px}
  /* Conversation list: card rows instead of full-bleed table lines */
  #messages-root .conversation-row{margin:2px 6px;border:1px solid transparent!important;border-radius:14px;background:rgba(255,255,255,.014)!important}
  #messages-root .conversation-row:active{background:rgba(109,96,238,.12)!important}
  #messages-root .conversation-row.active{border-color:rgba(217,191,87,.16)!important;background:linear-gradient(90deg,rgba(105,91,238,.16),rgba(21,27,44,.28))!important}
  /* Bubbles: softer modern radii */
  #messages-root .message-stream .message-body{border-radius:6px 18px 18px 18px!important}
  #messages-root .message-stream .message-bubble.mine>.message-body{border-radius:18px 6px 18px 18px!important}
  #messages-root .conversation-head-actions .msg-head-icon{border-radius:12px}
  #messages-root .mobile-chat-back{border-radius:12px!important}
  /* Compose bar: pill input + round send */
  #messages-root .message-compose textarea{border-radius:22px!important}
  #messages-root .message-compose-row>button{border-radius:22px!important;min-width:64px}
  /* Floating "jump to latest message" button */
  #messages-root .chat-scroll-bottom{position:absolute;right:12px;bottom:12px;z-index:8;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(217,191,87,.42);border-radius:50%;background:rgba(15,20,32,.94);color:#ecd778;font-size:20px;line-height:1;box-shadow:0 12px 28px rgba(0,0,0,.45);backdrop-filter:blur(8px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
  #messages-root .chat-scroll-bottom.visible{opacity:1;visibility:visible;transform:none}
  #messages-root .chat-scroll-bottom:active{transform:scale(.94)}
  /* Tap-revealed message actions (no hover on touch) */
  #messages-root .message-bubble.actions-on .message-actions{opacity:1!important;visibility:visible!important;transform:none!important}
  /* — Swipeable notification banners (top of screen) — */
  .message-toast{left:10px!important;right:10px!important;top:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px) + 10px)!important;bottom:auto!important;width:auto!important;max-width:none!important;padding:12px 14px!important;border-radius:14px!important;border-color:rgba(205,172,65,.32)!important;background:linear-gradient(135deg,rgba(16,21,34,.98),rgba(9,13,22,.98))!important;box-shadow:0 18px 44px rgba(0,0,0,.55)!important;backdrop-filter:blur(12px);touch-action:pan-y;will-change:transform;transition:transform .22s ease,opacity .18s ease}
  .message-toast:after{content:'СМАХНИТЕ, ЧТОБЫ СКРЫТЬ';margin-top:7px;color:#5b6680;font-size:7px;letter-spacing:.16em}
  #ux-toast-stack{left:10px!important;right:10px!important;top:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px) + 8px)!important;width:auto!important}
  .ux-toast{touch-action:pan-y;will-change:transform}
}


/* =========================================================
   THE ORDER — MOBILE UI 2.0
   Presentation layer only. Desktop (>=861px) is untouched.
   ========================================================= */
@media(max-width:860px){
  :root{
    --mobile-nav-h:72px;
    --mobile-top-h:60px;
    --mobile-gutter:12px;
    --m-bg:#070a10;
    --m-surface:#0d121c;
    --m-surface-2:#121925;
    --m-line:rgba(126,143,171,.18);
    --m-line-gold:rgba(214,181,71,.28);
    --m-text:#e8edf6;
    --m-muted:#7f8ba1;
    --m-gold:#ddc35f;
    --m-violet:#7062e8;
  }

  html,body{background:var(--m-bg)!important}
  body.mobile-authenticated{
    background:
      radial-gradient(circle at 50% -18%,rgba(91,78,175,.12),transparent 38%),
      linear-gradient(180deg,#090d15 0,#070a10 48%,#06090e 100%)!important;
  }

  /* App chrome */
  .mobile-topbar{
    gap:11px;
    background:linear-gradient(180deg,rgba(9,13,21,.985),rgba(8,11,18,.95))!important;
    border-bottom:1px solid var(--m-line)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(20px) saturate(1.2)!important;
  }
  .mobile-brand-btn,.mobile-alert-btn{
    border:1px solid var(--m-line)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#141b27,#0e141e)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 15px rgba(0,0,0,.18);
  }
  .mobile-brand-btn{border-color:var(--m-line-gold)!important}
  .mobile-brand-btn img{width:29px!important;height:29px!important}
  .mobile-heading small{color:#68758d!important;font-size:8px!important;letter-spacing:.18em!important}
  .mobile-heading strong{margin-top:3px!important;color:#f0f3f9!important;font-size:13px!important;letter-spacing:.055em!important}
  .mobile-alert-btn{color:#aeb8ca!important}
  .mobile-alert-btn .mobile-badge{background:var(--m-gold)!important;color:#11141a!important;box-shadow:0 0 0 2px #090d15}

  .mobile-bottom-nav{
    padding:7px 7px env(safe-area-inset-bottom,0px)!important;
    border-top:1px solid var(--m-line)!important;
    background:rgba(8,11,18,.965)!important;
    box-shadow:0 -14px 34px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(22px) saturate(1.25)!important;
  }
  .mobile-nav-btn{
    position:relative;
    min-height:52px!important;
    gap:3px!important;
    border-radius:13px!important;
    color:#727e94!important;
    transition:background .16s ease,color .16s ease,transform .12s ease!important;
  }
  .mobile-nav-btn:active{transform:scale(.96)}
  .mobile-nav-btn .mi{position:relative;height:24px!important;font-size:20px!important}
  .mobile-nav-btn span:last-child{font-size:9px!important;font-weight:650;letter-spacing:.015em}
  .mobile-nav-btn.active{
    color:#ead16e!important;
    background:linear-gradient(180deg,rgba(211,177,67,.12),rgba(211,177,67,.035))!important;
    box-shadow:inset 0 1px rgba(234,209,110,.08)!important;
  }
  .mobile-nav-btn.active:before{
    content:"";position:absolute;top:2px;left:50%;width:18px;height:2px;transform:translateX(-50%);
    border-radius:3px;background:#dfc45e;box-shadow:0 0 10px rgba(223,196,94,.45);
  }
  .mobile-message-badge{
    display:none;position:absolute;right:-7px;top:-3px;width:8px;height:8px;border:2px solid #0a0e16;
    border-radius:50%;background:#dfc45e;box-shadow:0 0 9px rgba(223,196,94,.55)
  }
  .mobile-message-badge.show{display:block}

  /* "More" is a native-feeling app drawer */
  .mobile-sheet-backdrop{background:rgba(2,4,8,.74)!important;backdrop-filter:blur(8px)!important}
  .mobile-more-sheet{
    width:min(90vw,390px)!important;
    padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px))!important;
    border-left:1px solid var(--m-line)!important;
    background:
      radial-gradient(circle at 100% 0,rgba(93,79,185,.12),transparent 32%),
      linear-gradient(180deg,#0d121c,#080c13 72%)!important;
    box-shadow:-24px 0 60px rgba(0,0,0,.55)!important;
  }
  .mobile-sheet-head{padding:5px 3px 15px!important;border-bottom:1px solid var(--m-line)!important}
  .mobile-sheet-head>div small{color:#68758c!important}
  .mobile-sheet-head>div strong{font-size:12px!important;color:#e5ce70!important}
  .mobile-sheet-close{width:40px!important;height:40px!important;border:1px solid var(--m-line)!important;border-radius:12px!important;background:#131a25!important;font-size:20px}
  .mobile-sheet-grid{gap:5px!important;padding-top:12px!important}
  .mobile-sheet-group{border-bottom:1px solid rgba(126,143,171,.09)}
  .mobile-sheet-item{
    min-height:50px!important;padding:11px 12px!important;border:0!important;border-radius:11px!important;
    background:transparent!important;color:#cbd3df!important;font-size:12px!important;font-weight:600;
  }
  .mobile-sheet-item:active,.mobile-sheet-item.expanded{background:rgba(112,98,232,.10)!important;color:#f0dc86!important}
  .mobile-submenu,.mobile-guide-pages{border-left-color:rgba(221,195,95,.20)!important}
  .mobile-sub-item{min-height:42px!important;color:#8490a5!important;font-size:11px!important}

  /* General mobile content: less "web page", more app surface */
  .app-workspace{padding-left:var(--mobile-gutter)!important;padding-right:var(--mobile-gutter)!important}
  .page-heading{border-bottom:0!important;margin-bottom:12px!important}
  .page-heading h2{letter-spacing:-.015em}
  .home-card,.dashboard-card,.info-panel,.settings-card,.exchange-card,.profile-panel,.gm-char-card{
    border-radius:14px!important;
  }

  /* ==========================
     SOCIAL / MESSENGER
     ========================== */
  body.mobile-messages-module{
    background:#070a10!important;
  }
  body.mobile-messages-module .app-workspace{
    padding:calc(var(--mobile-top-h) + env(safe-area-inset-top,0px) + 6px) 0
      calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px))!important;
  }
  body.mobile-messages-module #messages-root{width:100%;height:100%;padding:0!important}

  #messages-root .messages-head{
    min-height:54px;margin:0!important;padding:5px 14px 7px!important;
  }
  #messages-root .messages-head>div:first-child{min-width:0}
  #messages-root .messages-head .eyebrow{font-size:7px!important;letter-spacing:.18em!important;color:#68758d!important}
  #messages-root .messages-head h2{font-size:23px!important;line-height:1.1!important;font-weight:720;letter-spacing:-.02em!important}
  #messages-root .msg-new{
    width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;
    overflow:hidden;font-size:0!important;border:1px solid var(--m-line-gold)!important;border-radius:13px!important;
    background:linear-gradient(145deg,#2c2945,#181e2d)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.26)!important;
  }
  #messages-root .msg-new:before{content:"＋";font-size:23px;line-height:1;color:#ecd575}

  #messages-root .messages-tabs{
    width:auto!important;margin:0 12px 9px!important;padding:4px!important;gap:4px!important;
    border:1px solid var(--m-line)!important;border-radius:13px!important;background:#0c111a!important;
  }
  #messages-root .messages-tabs button{
    min-height:38px!important;border-radius:9px!important;font-size:10px!important;color:#78849a!important;
  }
  #messages-root .messages-tabs button.active{
    background:linear-gradient(180deg,#24263d,#191e30)!important;color:#f1f3fa!important;
    box-shadow:inset 0 0 0 1px rgba(128,117,234,.30),0 3px 9px rgba(0,0,0,.16)!important;
  }
  #messages-root .messages-tabs b{width:7px!important;min-width:7px!important;height:7px!important;margin-left:5px!important;background:#ddc35f!important}

  #messages-root .rp-identity{margin:0 12px 9px!important}
  #messages-root .rp-identity-trigger{
    min-height:52px!important;border:1px solid var(--m-line)!important;border-radius:13px!important;
    background:#0e141f!important;
  }

  #messages-root .messenger-shell{
    width:100%!important;height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - 116px)!important;
    margin:0!important;border:0!important;border-top:1px solid rgba(126,143,171,.13)!important;border-radius:0!important;
    background:#080c13!important;box-shadow:none!important;
  }
  #messages-root .conversation-list{
    padding:4px 0 14px!important;background:
      linear-gradient(180deg,rgba(15,21,32,.55),transparent 80px)!important;
  }
  #messages-root .conversation-row{
    min-height:76px!important;padding:11px 14px!important;grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:11px!important;border-bottom:1px solid rgba(126,143,171,.10)!important;
    transition:background .12s ease!important;
  }
  #messages-root .conversation-row:active{background:rgba(112,98,232,.10)!important}
  #messages-root .conversation-row.active{background:rgba(112,98,232,.075)!important}
  #messages-root .conversation-row.active:before{top:15px!important;bottom:15px!important;background:#ddc35f!important}
  #messages-root .conversation-mark{
    width:42px!important;height:42px!important;border:1px solid rgba(126,143,171,.24)!important;
    background:linear-gradient(145deg,#192233,#101722)!important;color:#e2ca6a!important;font-size:15px!important;
    box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
  }
  #messages-root .conversation-row strong{font-size:13.5px!important;font-weight:680;color:#e9edf5!important}
  #messages-root .conversation-row small{
    display:block!important;max-width:100%;margin-top:4px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#78859a!important;font-size:11px!important;
  }
  #messages-root .conversation-row>b{
    min-width:21px!important;height:21px!important;border:0!important;background:#d9bf59!important;color:#11151c!important;
    box-shadow:0 0 0 3px rgba(217,191,89,.08)!important;font-size:9px!important;font-weight:900;
  }

  /* Opening a conversation becomes a true full-screen app route. */
  body.mobile-chat-open{padding-bottom:0!important;overflow:hidden!important}
  body.mobile-chat-open .mobile-topbar,
  body.mobile-chat-open .mobile-bottom-nav{display:none!important}
  body.mobile-chat-open .app-workspace{
    position:fixed!important;inset:0!important;z-index:1195!important;width:100%!important;height:100dvh!important;
    padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)!important;background:#080c13!important;
  }
  body.mobile-chat-open .module-stage,
  body.mobile-chat-open #module-messages,
  body.mobile-chat-open #messages-root{height:100%!important;min-height:0!important}
  body.mobile-chat-open #messages-root .messenger-shell{
    height:100%!important;min-height:0!important;border:0!important;
  }
  body.mobile-chat-open #messages-root .conversation-pane{height:100%!important;background:#080c13!important}

  #messages-root .conversation-head{
    min-height:62px!important;padding:8px 10px!important;border-bottom:1px solid var(--m-line)!important;
    background:rgba(11,16,25,.97)!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;backdrop-filter:blur(16px);
  }
  #messages-root .mobile-chat-back{
    width:42px!important;height:42px!important;flex-basis:42px!important;border:0!important;border-radius:12px!important;
    background:transparent!important;color:#e5cc68!important;font-size:32px!important;
  }
  #messages-root .mobile-chat-back:active{background:rgba(221,195,95,.08)!important}
  #messages-root .conversation-head>div:not(.conversation-head-actions){min-width:0}
  #messages-root .conversation-head strong{max-width:52vw!important;font-size:14px!important;font-weight:700!important}
  #messages-root .conversation-head small{font-size:8px!important;color:#748198!important}
  #messages-root .conversation-head-actions{gap:3px!important}
  #messages-root .conversation-head-actions .msg-head-icon{
    width:38px!important;height:38px!important;border:0!important;border-radius:11px!important;background:transparent!important;
  }
  #messages-root .conversation-head-actions .msg-head-icon:active{background:#151d2a!important}

  #messages-root .message-stream{
    flex:1 1 auto!important;min-height:0!important;padding:14px 10px 20px!important;
    background:
      radial-gradient(circle at 92% 0,rgba(95,79,190,.075),transparent 28%),
      linear-gradient(180deg,#080c13,#070b11)!important;
  }
  #messages-root .message-stream .message-bubble{
    grid-template-columns:34px minmax(0,1fr)!important;column-gap:8px!important;
    width:100%!important;max-width:100%!important;margin:0 0 11px!important;padding:0 42px 0 2px!important;
  }
  #messages-root .message-stream .message-bubble>.message-avatar{
    width:32px!important;height:32px!important;border:1px solid rgba(126,143,171,.24)!important;
  }
  #messages-root .message-stream .message-body{
    width:fit-content!important;max-width:min(78vw,560px)!important;padding:8px 10px 9px!important;
    border:1px solid rgba(126,143,171,.19)!important;border-radius:5px 15px 15px 15px!important;
    background:#111925!important;box-shadow:0 5px 14px rgba(0,0,0,.13)!important;
  }
  #messages-root .message-stream .message-bubble.mine{
    grid-template-columns:minmax(0,1fr) 34px!important;padding:0 2px 0 42px!important;
  }
  #messages-root .message-stream .message-bubble.mine>.message-body{
    justify-self:end!important;border-color:rgba(205,174,72,.28)!important;border-radius:15px 5px 15px 15px!important;
    background:linear-gradient(145deg,#26243a,#1a2030)!important;
  }
  #messages-root .message-meta{gap:7px!important}
  #messages-root .message-meta strong{font-size:11.5px!important;color:#d9e0ec!important}
  #messages-root .message-meta time{font-size:8px!important;color:#6f7b91!important}
  #messages-root .message-stream .message-body>.message-text{
    margin-top:2px!important;font-size:14px!important;line-height:1.44!important;color:#d9e0e9!important;
  }
  #messages-root .message-quote{
    border-left:2px solid #9e8b43!important;border-radius:5px!important;background:rgba(213,184,77,.055)!important;
  }
  #messages-root .message-actions{
    right:3px!important;top:2px!important;border:1px solid var(--m-line)!important;border-radius:10px!important;
    background:#141c28!important;box-shadow:0 7px 18px rgba(0,0,0,.28)!important;
  }
  #messages-root .message-bubble.actions-on .message-actions{opacity:1!important;visibility:visible!important;transform:none!important}

  #messages-root .chat-scroll-bottom{
    right:14px!important;bottom:82px!important;width:40px!important;height:40px!important;border-radius:50%!important;
    border:1px solid var(--m-line-gold)!important;background:#151d29!important;color:#e5cc68!important;
    box-shadow:0 8px 20px rgba(0,0,0,.34)!important;
  }

  #messages-root .message-compose{
    flex:0 0 auto!important;padding:7px 9px calc(8px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid var(--m-line)!important;background:rgba(9,13,20,.985)!important;
    box-shadow:0 -12px 30px rgba(0,0,0,.18)!important;
  }
  #messages-root .message-format-toolbar{
    gap:4px!important;padding:0 1px 6px!important;overflow-x:auto;scrollbar-width:none!important;
  }
  #messages-root .message-format-toolbar::-webkit-scrollbar{display:none}
  #messages-root .message-format-toolbar button{
    flex:0 0 32px;width:32px!important;height:30px!important;min-height:30px!important;border:0!important;
    border-radius:9px!important;background:#111925!important;color:#8f9bb0!important;
  }
  #messages-root .message-compose-row{grid-template-columns:minmax(0,1fr) 46px!important;gap:7px!important}
  #messages-root .message-compose textarea{
    min-height:46px!important;max-height:110px!important;padding:11px 13px!important;border:1px solid rgba(126,143,171,.25)!important;
    border-radius:16px!important;background:#111823!important;color:#edf1f7!important;box-shadow:none!important;
  }
  #messages-root .message-compose-row>button{
    width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;
    overflow:hidden;font-size:0!important;border:1px solid rgba(213,185,83,.42)!important;border-radius:15px!important;
    background:linear-gradient(145deg,#3a3561,#22283e)!important;color:#f0da7e!important;
  }
  #messages-root .message-compose-row>button:after{content:"➤";font-size:19px;line-height:1}
  #messages-root .reply-preview{padding:7px 10px!important;background:#0d141f!important;border-top:0!important;border-left:2px solid #b29a45!important}

  /* Social creation modal behaves like a mobile sheet, while preserving existing form logic. */
  .community-modal{padding:10px!important;align-items:flex-end!important}
  .community-modal .new-message-dialog{
    width:100%!important;max-width:100%!important;max-height:88dvh!important;margin:0!important;
    border-radius:20px 20px 10px 10px!important;padding:18px 14px calc(16px + env(safe-area-inset-bottom,0px))!important;
    background:linear-gradient(180deg,#111824,#0b1018)!important;
  }
  .community-modal .new-message-dialog:before{
    content:"";display:block;width:38px;height:4px;margin:-8px auto 12px;border-radius:4px;background:#3b4557;
  }
  .recipient-picker-head{gap:8px!important}
  .recipient-picker-head input{border-radius:12px!important;background:#0c121c!important}
  .recipient-list{max-height:42dvh!important}
  .recipient-card{min-height:58px!important;border-radius:12px!important}
  .recipient-avatar{width:38px!important;height:38px!important}
  .new-message-actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,transparent,#0b1018 24%)!important}
  .new-message-actions .primary{min-height:48px!important;border-radius:13px!important}

  /* Notifications / characters read as app lists/cards rather than squeezed desktop. */
  #module-notifications .notification-item,
  #module-characters .character-card,
  #module-character_gallery .character-card{
    border-radius:14px!important;
  }
}

@media(max-width:420px){
  #messages-root .conversation-row{padding-left:12px!important;padding-right:12px!important}
  #messages-root .message-stream .message-body{max-width:80vw!important}
}


/* =========================================================
   THE ORDER — MOBILE UI 2.1 MINIMAL
   Final mobile-only polish. Keeps project palette/identity,
   removes glossy/volumetric effects and fixes reply quotes.
   ========================================================= */
@media(max-width:860px){
  :root{
    --m-bg:#080b11;
    --m-surface:#0e131c;
    --m-surface-2:#121822;
    --m-line:rgba(133,146,169,.14);
    --m-line-strong:rgba(133,146,169,.22);
    --m-gold:#cbb45d;
    --m-gold-soft:rgba(203,180,93,.13);
    --m-purple-soft:rgba(105,92,184,.12);
  }

  body.mobile-authenticated{
    background:#080b11!important;
  }

  /* Flat, quiet application chrome */
  .mobile-topbar{
    background:rgba(8,11,17,.97)!important;
    border-bottom:1px solid var(--m-line)!important;
    box-shadow:none!important;
    backdrop-filter:blur(14px)!important;
  }
  .mobile-brand-btn,.mobile-alert-btn{
    border-color:var(--m-line)!important;
    background:#0f141d!important;
    box-shadow:none!important;
  }
  .mobile-brand-btn{border-color:rgba(203,180,93,.22)!important}
  .mobile-alert-btn .mobile-badge{box-shadow:none!important}

  .mobile-bottom-nav{
    left:0!important;right:0!important;bottom:0!important;
    height:var(--mobile-nav-h)!important;
    padding:7px 7px env(safe-area-inset-bottom,0px)!important;
    border:0!important;border-top:1px solid var(--m-line)!important;border-radius:0!important;
    background:rgba(8,11,17,.98)!important;
    box-shadow:none!important;backdrop-filter:blur(14px)!important;
  }
  .mobile-nav-btn{background:transparent!important;box-shadow:none!important}
  .mobile-nav-btn.active{background:transparent!important;box-shadow:none!important;color:#d6c16b!important}
  .mobile-nav-btn.active:before{width:14px!important;height:2px!important;box-shadow:none!important;background:#cbb45d!important}
  .mobile-message-badge{box-shadow:none!important}

  .mobile-more-sheet{
    background:#0b0f16!important;
    box-shadow:-14px 0 32px rgba(0,0,0,.36)!important;
  }

  /* Messenger list */
  #messages-root .msg-new{
    background:#121823!important;
    border-color:rgba(203,180,93,.26)!important;
    box-shadow:none!important;
  }
  #messages-root .messages-tabs{
    background:#0c1118!important;border-color:var(--m-line)!important;
  }
  #messages-root .messages-tabs button.active{
    background:#171b28!important;
    box-shadow:none!important;
    color:#e7eaf0!important;
  }
  #messages-root .rp-identity-trigger{background:#0e131c!important;border-color:var(--m-line)!important}

  #messages-root .messenger-shell{
    background:#080b11!important;
    border-top-color:var(--m-line)!important;
  }
  #messages-root .conversation-list{background:#080b11!important}
  #messages-root .conversation-row{
    min-height:70px!important;
    border-bottom:1px solid rgba(133,146,169,.085)!important;
    background:transparent!important;
  }
  #messages-root .conversation-row.active{
    background:rgba(105,92,184,.075)!important;
  }
  #messages-root .conversation-row.active:before{
    background:#cbb45d!important;box-shadow:none!important;
  }
  #messages-root .conversation-mark{
    border-color:var(--m-line-strong)!important;
    background:#121822!important;
    box-shadow:none!important;
  }
  #messages-root .conversation-row>b{
    background:#cbb45d!important;color:#11151b!important;box-shadow:none!important;
  }

  /* Full-screen conversation */
  body.mobile-chat-open .app-workspace{background:#080b11!important}
  #messages-root .conversation-pane{background:#080b11!important}
  #messages-root .conversation-head{
    min-height:58px!important;
    background:rgba(9,12,18,.98)!important;
    border-bottom-color:var(--m-line)!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
  }
  #messages-root .mobile-chat-back{
    background:transparent!important;border:0!important;
    box-shadow:none!important;color:#d2bd66!important;
  }
  #messages-root .conversation-head-actions .msg-head-icon{
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  #messages-root .conversation-head-actions .msg-head-icon:active{background:#121823!important}

  #messages-root .message-stream{
    padding:12px 10px 18px!important;
    background:#080b11!important;
  }
  #messages-root .message-stream .message-bubble{
    margin-bottom:10px!important;
  }
  #messages-root .message-stream .message-bubble>.message-avatar{
    width:30px!important;height:30px!important;
    border-color:var(--m-line-strong)!important;
  }
  #messages-root .message-stream .message-body{
    max-width:min(78vw,560px)!important;
    padding:7px 9px 8px!important;
    border:1px solid rgba(133,146,169,.15)!important;
    border-radius:4px 13px 13px 13px!important;
    background:#111720!important;
    box-shadow:none!important;
    overflow:hidden!important;
    min-width:0!important;
  }
  #messages-root .message-stream .message-bubble.mine>.message-body{
    border-color:rgba(203,180,93,.20)!important;
    border-radius:13px 4px 13px 13px!important;
    background:#191a27!important;
    box-shadow:none!important;
  }
  #messages-root .message-meta{min-width:0!important}
  #messages-root .message-meta strong{
    min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:11.5px!important;
  }
  #messages-root .message-meta time{
    flex:0 0 auto!important;
    color:#606b7e!important;font-size:7.5px!important;
  }
  #messages-root .message-stream .message-body>.message-text{
    margin-top:3px!important;
    color:#d8dde5!important;font-size:14px!important;line-height:1.42!important;
    overflow-wrap:anywhere!important;word-break:break-word!important;
  }

  /* FIX: quoted/replied messages are compact and can never escape their bubble */
  #messages-root .message-stream .message-body>.message-quote{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:3px 0 5px!important;
    padding:5px 7px!important;
    overflow:hidden!important;
    border:0!important;
    border-left:2px solid rgba(203,180,93,.72)!important;
    border-radius:0 6px 6px 0!important;
    background:rgba(203,180,93,.055)!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  #messages-root .message-quote b{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    color:#bda95a!important;font-size:10px!important;line-height:1.25!important;
  }
  #messages-root .message-quote span{
    display:-webkit-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#737e90!important;
    font-size:10.5px!important;line-height:1.3!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;word-break:break-word!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  /* Reply composer preview: same restrained visual language */
  #messages-root .reply-preview{
    box-sizing:border-box!important;
    width:100%!important;min-width:0!important;
    padding:6px 9px!important;
    overflow:hidden!important;
    border:0!important;border-left:2px solid rgba(203,180,93,.65)!important;
    background:#0d121a!important;
  }
  #messages-root .reply-preview>div{min-width:0!important;overflow:hidden!important}
  #messages-root .reply-preview small{color:#5f6a7d!important}
  #messages-root .reply-preview strong{color:#bda95a!important}
  #messages-root .reply-preview span{
    display:block!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    color:#747f91!important;
  }
  #messages-root .reply-preview button{
    flex:0 0 30px!important;border:0!important;background:transparent!important;
  }

  /* Message controls: flat, secondary */
  #messages-root .message-actions{
    border-color:var(--m-line)!important;
    background:#111720!important;
    box-shadow:none!important;
  }
  #messages-root .chat-scroll-bottom{
    width:38px!important;height:38px!important;
    border-color:rgba(203,180,93,.24)!important;
    background:#111720!important;color:#cbb45d!important;
    box-shadow:none!important;backdrop-filter:none!important;
  }

  #messages-root .message-compose{
    padding-top:6px!important;
    border-top-color:var(--m-line)!important;
    background:#090d13!important;
    box-shadow:none!important;
  }
  #messages-root .message-format-toolbar{padding-bottom:5px!important}
  #messages-root .message-format-toolbar button{
    width:31px!important;height:29px!important;
    background:#101620!important;border:1px solid rgba(133,146,169,.10)!important;
    color:#8490a2!important;box-shadow:none!important;
  }
  #messages-root .message-compose textarea{
    min-height:44px!important;
    padding:10px 13px!important;
    border-color:rgba(133,146,169,.18)!important;
    border-radius:14px!important;
    background:#10151e!important;
    box-shadow:none!important;
  }
  #messages-root .message-compose-row>button{
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
    border-color:rgba(203,180,93,.24)!important;
    border-radius:14px!important;
    background:#1b1b28!important;
    color:#d2bd66!important;
    box-shadow:none!important;
  }

  /* Sheets / dialogs: less glass, less glow */
  .community-modal{background:rgba(2,4,7,.68)!important;backdrop-filter:blur(5px)!important}
  .community-modal .new-message-dialog{
    background:#0e131b!important;
    box-shadow:0 -12px 34px rgba(0,0,0,.32)!important;
  }
  .recipient-picker-head input{background:#0a0f16!important}
  .new-message-actions{background:#0e131b!important}

  /* Remove legacy "floating/glossy" mobile accents where possible */
  .home-card,.dashboard-card,.info-panel,.settings-card,.profile-panel,.exchange-card,.exchange-create,
  .economy-log,.gm-char-card,.ticket-card,.notification-item{
    box-shadow:none!important;
  }
}

@media(max-width:420px){
  #messages-root .message-stream .message-body{max-width:81vw!important}
  #messages-root .message-stream .message-bubble{padding-right:34px!important}
  #messages-root .message-stream .message-bubble.mine{padding-left:34px!important;padding-right:2px!important}
}

@media(max-width:860px){
 .push-health{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
 .push-health span{padding:5px 8px;border:1px solid rgba(133,146,169,.14);border-radius:8px;background:#0b1017;color:#6f7989;font-size:10px}
 .push-health span.ok{border-color:rgba(203,180,93,.22);color:#c5b15f}
 .push-test-button{width:100%;margin-top:9px;padding:10px 12px;border:1px solid rgba(203,180,93,.22);border-radius:10px;background:#111720;color:#d2bd66;font:inherit;box-shadow:none}
 .push-test-button:disabled{opacity:.55}
}

/* Mobile 2.3.1 — push settings compact layout */
@media(max-width:860px){
 .settings-notification-card{padding:14px!important}
 .settings-notification-card .settings-toggle-row{
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto!important;
   align-items:center!important;
   gap:12px!important;
 }
 .settings-notification-card .settings-toggle-row>div{min-width:0!important}
 .settings-notification-card .settings-toggle-row strong{
   display:block!important;
   font-size:15px!important;line-height:1.2!important;
   letter-spacing:.01em!important;
   overflow-wrap:normal!important;word-break:normal!important;
 }
 .settings-notification-card .settings-toggle-row small{
   display:block!important;
   margin-top:4px!important;
   max-width:42ch!important;
   font-size:11px!important;line-height:1.35!important;
   overflow-wrap:normal!important;word-break:normal!important;
 }
 .settings-notification-card .settings-switch{
   width:auto!important;min-width:118px!important;
   justify-content:flex-end!important;gap:8px!important;
 }
 .settings-notification-card .push-health{gap:5px!important;margin-top:12px!important}
 .settings-notification-card .push-health span{
   flex:1 1 auto!important;text-align:center!important;white-space:nowrap!important;
 }
 .settings-notification-card .push-test-button{
   min-height:42px!important;margin-top:8px!important;
   background:#151925!important;border-color:rgba(203,180,93,.24)!important;
   color:#d3bf69!important;box-shadow:none!important;
 }
}
@media(max-width:420px){
 .settings-notification-card .settings-toggle-row{grid-template-columns:1fr!important}
 .settings-notification-card .settings-switch{justify-content:flex-start!important;min-width:0!important}
}