/* Dismox — mobile layout layer */
html, body { min-width: 0; overflow-x: hidden; }
button, input, textarea, select { max-width: 100%; }
img, video { max-width: 100%; }

@media (max-width: 650px) {
  body { font-size: 12px; }
  .app-shell, .workspace, .channel-stage, .news-view, .admin-view, .profile-view, .discover-view, .store-view { min-width: 0; width: 100%; }
  .workspace-header { min-width: 0; padding: 0 10px; }
  .workspace-header .channel-heading { min-width: 0; }
  .workspace-header .channel-heading strong, .workspace-header .channel-heading small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .workspace-actions { gap: 2px; }
  .workspace-actions .header-action { width: 30px; height: 30px; }
  .workspace-actions .header-action:nth-child(n+4) { display: none; }
  .channel-stage { box-sizing: border-box; }
  .channel-stage-tools { flex-wrap: wrap; }
  .channel-search { min-width: 0; flex: 1 1 150px; }
  .channel-create-button { min-height: 36px; }
  .channel-row { min-width: 0; }
  .channel-row .channel-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .voice-join-strip { align-items: flex-start; flex-wrap: wrap; }
  .voice-join-strip .btn { margin-left: auto; }
  .composer, .composer input { min-width: 0; }
  .modal-backdrop { align-items: start; padding: 8px; overflow-y: auto; }
  .modal, .modal-wide, .modal-medium, .modal-small { width: 100%; max-width: none; max-height: calc(100dvh - 16px); border-radius: 13px; }
  .modal-head { gap: 10px; padding: 15px; }
  .modal-head h2 { font-size: 16px; }
  .modal-form { padding: 15px; gap: 11px; }
  .modal-foot { flex-wrap: wrap; }
  .modal-foot .btn { flex: 1 1 130px; }
  #settings-modal .settings-modal, #permissions-modal .permissions-modal { width: 100%; height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); }
  #permissions-modal .permission-layout { height: auto; overflow: auto; }
  .permission-row { grid-template-columns: minmax(0, 1fr) 45px 45px 20px !important; gap: 4px; }
  .permission-label strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .news-page-shell, .admin-shell, .account-page-shell { width: calc(100% - 20px); max-width: none; padding-bottom: 30px; }
  .standalone-page-topbar { padding-top: 14px; }
  .news-hero { min-height: 0; padding: 22px 18px; }
  .news-hero h1, .news-hero h2 { font-size: clamp(28px, 9vw, 42px); }
  .news-layout, .news-feed { grid-template-columns: 1fr !important; }
  .news-cover { height: 190px; }
  .news-card-body { padding: 16px; }
  .news-card-body h3, .news-item h3 { font-size: 16px; }
  .news-filter-row { gap: 12px; padding-top: 18px; }
  .news-filter-chips { width: 100%; overflow-x: auto; padding-bottom: 3px; }
  .news-filter-chips button { flex: 0 0 auto; }
  .b37-news-modal { max-height: calc(100dvh - 16px); overflow: auto; }
  .forum-head { align-items: stretch; flex-direction: column; gap: 18px; padding: 25px 18px; }
  .forum-head h2 { font-size: clamp(34px, 12vw, 52px); }
  .forum-toolbar { flex-wrap: wrap; position: static; padding: 10px; }
  .forum-toolbar > button { flex: 1 0 auto; padding: 9px 10px; }
  .forum-toolbar label { order: -1; width: 100%; min-width: 0; margin-left: 0; }
  .forum-surface { min-height: 0; }
  .forum-categories { padding: 13px; }
  .forum-feed { padding: 15px 12px; }
  .forum-topic-row { grid-template-columns: 3px 36px minmax(0, 1fr); gap: 9px; padding: 13px 4px; }
  .forum-topic-row .avatar, .forum-user-avatar .avatar { width: 36px; height: 36px; }
  .forum-topic-title { font-size: 12px; }
  .forum-detail, .forum-compose { padding: 15px; }
  .forum-post > header { padding: 15px; }
  .forum-post h2 { font-size: 20px; }
  .forum-post-body { padding: 19px 15px; font-size: 13px; }
  .forum-comments { padding: 15px; }
  .admin-shell { padding-top: 8px; }
  .admin-command-head { align-items: flex-start; flex-direction: column; gap: 15px; padding: 22px 18px; border-radius: 16px; }
  .admin-command-head h2 { font-size: clamp(30px, 10vw, 46px); }
  .admin-command-head p { font-size: 12px; }
  .admin-stat-grid { gap: 7px; margin: 10px 0; }
  .admin-stat-grid article { padding: 13px; border-radius: 11px; }
  .admin-stat-grid b { font-size: 20px; }
  .admin-workspace { min-height: 0; border-radius: 15px; }
  .admin-nav { padding: 9px; gap: 3px; }
  .admin-nav button { width: auto; flex: 0 0 auto; padding: 10px 12px; font-size: 11px; }
  .admin-panel-content { padding: 16px 12px; }
  .admin-section-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .admin-section-head h3 { font-size: 20px; }
  .admin-list article, .admin-table > div { grid-template-columns: 1fr; gap: 8px; padding: 12px; }
  .admin-user-grid, .admin-server-grid, .admin-product-grid { gap: 10px; }
  .admin-permission-grid { grid-template-columns: 1fr; }
  .admin-product-grid > form { grid-template-columns: 1fr; padding: 12px; }
  .admin-product-preview { min-height: 150px; }
  .admin-product-fields { grid-template-columns: 1fr; }
  .admin-product-fields .wide { grid-column: auto; }
  .profile-showcase-content { display: block; }
  .profile-showcase-actions { gap: 7px; }
  .profile-showcase-actions .btn { flex: 1 1 120px; }
  .profile-post-composer, .profile-post { grid-template-columns: 34px minmax(0, 1fr); padding: 12px; }
  .profile-post-avatar { width: 34px; height: 34px; }
  .profile-post-content > header { display: block; }
  .profile-post-content time { display: block; margin-top: 4px; }
  .store-plan-tabs, .store-config { grid-template-columns: 1fr; }
  .store-plan-tabs { padding: 13px 15px 0; }
  .store-config { padding: 15px; }
  .store-total { justify-items: start; }
}

/* v49 — gerçek mobil çekmece, eşit geri çubuğu ve kompakt formlar. */
@media(max-width:700px){
  #app-shell{isolation:auto!important}
  .workspace-header{height:62px!important;min-height:62px!important;padding:0 9px!important;gap:7px}
  .channel-heading{gap:8px;min-width:0}.channel-heading h1{font-size:14px!important}.channel-heading p{font-size:8px!important}
  #back-to-discover{width:30px;height:30px;min-width:30px;display:grid!important;place-items:center;padding:0!important;border:1px solid #2e2c35;border-radius:8px;color:#aaa5b4;background:#151519}
  #back-to-discover.hidden{display:none!important}#back-to-discover span{display:none}
  .workspace-actions{max-width:none!important;gap:1px!important}.workspace-actions .header-action{width:29px!important;min-width:29px!important;height:29px!important;flex:0 0 29px!important;padding:0!important}

  .members-sidebar,.members-sidebar.open{position:fixed!important;z-index:220!important;inset:62px 0 0 8px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(205px,42dvh) minmax(0,1fr)!important;overflow:hidden!important;opacity:1!important;filter:none!important;border:1px solid #2b2932;border-right:0;border-bottom:0;border-radius:15px 0 0 0;background:#101013!important;box-shadow:-20px 0 60px #000b;will-change:transform}
  .members-sidebar:not(.open){visibility:hidden!important;transform:translate3d(105%,0,0)!important;pointer-events:none!important}
  .members-sidebar.open{visibility:visible!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important}
  .members-sidebar .server-profile-panel{min-height:0!important;overflow:auto!important;border-bottom:1px solid #242229;background:#111114;-webkit-overflow-scrolling:touch}
  .members-sidebar .server-banner{height:128px!important;min-height:128px!important}.members-sidebar .server-profile-body{padding-bottom:12px}
  .members-sidebar .right-chat-panel{min-height:0!important;overflow:hidden!important;background:#0f0f12}.members-sidebar .messages-list{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  .members-sidebar .composer{flex:0 0 auto;margin-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
  .mobile-panel-close{position:absolute!important;z-index:225!important;top:10px!important;right:10px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center;padding:0;border:1px solid #383540;border-radius:9px;color:#d7d2df;background:#17171bcc;font-size:19px}
  .mobile-drawer-backdrop{position:fixed!important;z-index:210!important;inset:62px 0 0!important;display:block!important;visibility:hidden!important;opacity:0!important;border:0;background:#030305a6!important;backdrop-filter:none!important;pointer-events:none!important}
  body.mobile-drawer-open .mobile-drawer-backdrop{visibility:visible!important;opacity:1!important;pointer-events:auto!important}

  .standalone-page-topbar,.profile-page-topbar{position:sticky!important;z-index:35!important;top:0!important;width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important;padding:7px 4px!important;backdrop-filter:blur(12px)}
  .standalone-page-topbar button,.profile-page-topbar button{min-width:76px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;border:1px solid #302d38!important;border-radius:8px!important;color:#cbc6d2!important;background:#17171c!important;font-size:9px!important;font-weight:750!important;letter-spacing:0!important}
  .standalone-page-topbar>span,.profile-page-topbar>span{min-width:0;overflow:hidden;padding-left:8px;color:#777184;font-size:6px!important;text-overflow:ellipsis;white-space:nowrap}
  #store-view .standalone-page-topbar,#social-view .standalone-page-topbar{padding:7px 4px!important;min-height:48px!important}
  #store-page-back{margin:0!important;transform:none!important}

  .channel-actions{display:flex!important;gap:3px}.channel-action{width:25px!important;height:25px!important;border:1px solid #292730!important;border-radius:7px!important;background:#151519!important}
  [data-tooltip]::before,[data-tooltip]::after{display:none!important}

  .modal-backdrop:not(.hidden){align-items:center!important;padding:12px!important}
  .modal-backdrop:not(.hidden) .modal{width:min(100%,430px)!important;max-height:calc(100dvh - 24px)!important;border-radius:18px!important}
  .modal-head{padding:17px 17px 12px!important}.modal-head h2,.modal h2{font-size:17px!important}.modal-head p,.modal p{font-size:9px!important;line-height:1.55!important}
  .modal-form{gap:10px!important;padding:12px 17px 17px!important}.modal-form label,.modal-form small{font-size:9px!important}.modal-form input,.modal-form textarea,.modal-form select,.auth-form input,.store-config input,.store-config select{min-height:40px!important;padding:9px 10px!important;font-size:14px!important;line-height:1.35!important}.modal-form textarea{min-height:78px!important}
  .modal-foot{gap:7px!important}.modal-foot .btn{min-height:36px!important;font-size:9px!important}
  #action-confirm-modal{align-items:center!important}.action-confirm{grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;padding:20px 16px 16px!important;border-radius:18px!important;background:radial-gradient(circle at 0 0,#5b273b3d,transparent 42%),#151519!important}.action-confirm-icon{width:38px!important;height:38px!important;border-radius:12px!important}.action-confirm-copy span{font-size:7px!important}.action-confirm-copy h2{margin:4px 0 6px!important;font-size:17px!important}.action-confirm-copy p{font-size:9px!important}.action-confirm-buttons{gap:7px!important;padding-top:8px!important}.action-confirm-buttons .btn{min-width:0!important;min-height:38px!important}

  #social-view .dm-mobile-back{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #423858!important;border-radius:9px!important;color:#e2dcff!important;background:linear-gradient(145deg,#29213c,#17151e)!important;font-size:15px!important;box-shadow:none!important}
  #social-view .dm-head{gap:8px!important;padding:8px!important}#social-view .dm-head-actions{gap:4px!important}#social-view .dm-head-actions button{width:30px!important;height:30px!important}
}

/* v2.6.1 — son mobil özel sohbet düzeltmeleri */
@media(max-width:700px){
  #social-view .dm-sidebar-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;padding:12px!important}
  #social-view .dm-inbox-title>span{display:block!important;margin:0 0 7px 1px!important}
  #social-view .dm-inbox-title>div{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  #social-view .dm-inbox-title #dm-page-back{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border:1px solid #343642!important;border-radius:8px!important;background:#181a22!important}
  #social-view .dm-inbox-title strong{font-size:16px!important;line-height:1!important;white-space:nowrap!important}
  #social-view .dm-sidebar-tools{align-self:end!important;margin-bottom:0!important}
  #social-view .direct-call-stage{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:170px!important;flex:0 0 170px!important;gap:10px!important;margin:0!important;padding:14px 10px!important;border:0!important;border-bottom:1px solid #272b35!important;border-radius:0!important;background:radial-gradient(circle at 50% 10%,rgba(118,87,225,.18),transparent 48%),linear-gradient(90deg,#11121b,#111821)!important;box-shadow:none!important}
  #social-view .direct-call-stage .call-stage-people{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;gap:13px!important;margin:0 auto!important}
  #social-view .direct-call-stage .call-person{display:flex!important;flex-direction:column!important;align-items:center!important;width:76px!important;gap:2px!important}
  #social-view .direct-call-stage .call-person-avatar{width:50px!important;height:50px!important}
  #social-view .direct-call-stage .call-link{display:flex!important;width:48px!important;min-width:48px!important}.direct-call-stage .call-link span,.direct-call-stage .call-link i{display:none!important}
  #social-view .direct-call-stage .call-stage-controls{position:static!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:7px!important;transform:none!important;margin:0 auto!important}
  #social-view .direct-call-stage .call-stage-controls button{width:35px!important;height:35px!important;border-radius:10px!important}
}

/* v2.6.2 final mobile overrides. */
@media(max-width:700px){
  #social-view .dm-sidebar-head{display:flex!important;align-items:center!important;min-height:62px!important;padding:10px 12px!important}
  #social-view .dm-inbox-title{min-width:0!important;flex:1 1 auto!important}
  #social-view .dm-sidebar-head .dm-sidebar-tools{flex:0 0 auto!important}
  #social-view .friend-search{margin:8px 12px!important}
  #social-view .friend-search + .friend-request-toggle{width:calc(100% - 24px)!important;min-height:35px!important;margin:0 12px 9px!important}
  #social-view .friend-request-toggle + .friend-request-popover{top:144px!important;right:10px!important;left:10px!important;width:auto!important;max-height:min(430px,65dvh)!important}
  #social-view .direct-call-stage{width:100%!important;min-height:178px!important;flex-basis:178px!important;margin:0!important;padding:15px 10px!important;border:0!important;border-bottom:1px solid #272b35!important;border-radius:0!important}
  #social-view .direct-call-stage .call-stage-people{gap:15px!important}
  #social-view .direct-call-stage .call-person{width:80px!important}
  #social-view .direct-call-stage .call-person-avatar{width:52px!important;height:52px!important}
  #social-view .direct-call-stage .call-stage-controls button,
  #social-view .direct-call-stage .call-stage-controls .hangup{width:35px!important;height:35px!important;min-width:35px!important;border-radius:10px!important}
  .custom-emoji-section img,.premium-emoji-grid img,.custom-message-emoji{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
}

/* v54 — mobil sohbet listesi ve ortalanmış sesli görüşme. */
@media(max-width:700px){
  #social-view .dm-sidebar-head{overflow:visible!important;padding:10px 11px!important}
  #social-view .dm-sidebar-tools{gap:4px!important}
  #social-view .friend-request-toggle{height:29px!important;padding:0 7px!important}
  #social-view .friend-request-popover{width:calc(100vw - 20px)!important;max-height:min(430px,70dvh)!important;top:calc(100% - 3px)!important;right:10px!important}
  #social-view .friend-request-popover .friend-list{max-height:calc(min(430px,70dvh) - 58px)!important}
  #social-view .dm-sidebar>#friend-list{display:grid!important;grid-auto-rows:max-content!important;align-content:start!important;gap:3px!important;padding:0 7px 12px!important}
  #social-view .dm-sidebar>#friend-list .friend-row{height:54px!important;min-height:54px!important;padding:6px 8px!important}
  #social-view .direct-call-stage{width:calc(100% - 24px)!important;min-height:176px!important;flex:0 0 176px!important;grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;gap:10px!important;margin:10px auto 5px!important;padding:15px 12px 12px!important;border-radius:16px!important}
  #social-view .call-stage-people{width:min(330px,100%)!important;display:grid!important;grid-template-columns:1fr 48px 1fr!important;gap:7px!important}
  #social-view .call-person{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:2px!important}
  #social-view .call-person-avatar{width:48px!important;height:48px!important;font-size:12px!important}
  #social-view .call-person .call-voice-waves{height:10px!important}
  #social-view .call-link{display:grid!important;min-width:0!important}
  #social-view .call-link::before{width:25px!important;height:25px!important}
  #social-view .call-link span,#social-view .call-link i{display:none!important}
  #social-view .call-stage-controls{flex-direction:row!important;gap:7px!important}
  #social-view .call-stage-controls button{width:34px!important;height:34px!important;border-radius:50%!important}
}

@media (max-width:700px){
  #social-view .dm-sidebar{width:100%!important;min-width:0!important}
  #social-view .dm-sidebar-head{padding:14px 14px 12px!important}
  .dm-inbox-title>div{gap:9px}.dm-inbox-title #dm-page-back{font-size:10px}
  #social-view .friend-row{grid-template-columns:36px minmax(0,1fr) auto!important;padding:8px 6px!important}
  #social-view .direct-call-stage{min-height:178px!important;flex-basis:178px!important;padding:16px 12px 58px!important}
  #social-view .call-stage-people{gap:14px!important;justify-content:center!important}
  #social-view .call-link{max-width:72px!important}
  #social-view .call-stage-controls{left:50%!important;right:auto!important;top:auto!important;bottom:10px!important;transform:translateX(-50%)!important}
  #social-view .dm-form{grid-template-columns:auto minmax(0,1fr) 40px!important;padding:9px 10px max(9px,env(safe-area-inset-bottom))!important}
  #social-view .dm-form input{font-size:13px!important}
  .dm-media-actions{gap:4px}.dm-media-actions button{min-width:34px;width:34px;height:36px}
  .dm-media-popover{left:8px!important;bottom:62px!important;width:calc(100% - 16px)!important;max-height:55vh!important}
  .admin-media-form{grid-template-columns:1fr 1fr!important}.admin-media-form .media-file,.admin-media-form button{grid-column:1/-1}.admin-media-grid{grid-template-columns:1fr}
  .channel-note-message{margin:10px!important;padding:14px!important}
}

@media(max-width:380px){
  .workspace-header{padding:0 6px!important}.workspace-actions .header-action{width:27px!important;min-width:27px!important;flex-basis:27px!important}.channel-heading p{display:none!important}.hash-icon{width:23px;height:23px}.members-sidebar,.members-sidebar.open{left:4px!important}
}

@media (max-width: 380px) {
  .app-shell { grid-template-columns: 50px minmax(0, 1fr); }
  .server-sidebar { left: 50px; width: min(235px, calc(100vw - 50px)); }
  .workspace-header { padding: 0 7px; }
  .workspace-header .channel-heading small { display: none; }
  .workspace-actions .header-action { width: 27px; }
  .admin-stat-grid { grid-template-columns: 1fr; }
}

/* v42 — phone-first application shell. Kept last in the cascade intentionally. */
@media (max-width: 700px) {
  :root { --mobile-page-pad: 14px; }
  html, body { width: 100%; max-width: 100%; height: 100%; min-width: 0 !important; overflow: hidden; }
  body { position: relative; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  * { min-width: 0; }
  button, a, input, select, textarea { touch-action: manipulation; }

  /* The desktop rail and information column must never consume phone width. */
  .app-shell,
  .app-shell.server-mode,
  .app-shell.browse-mode,
  .app-shell.discover-mode,
  .app-shell.news-mode,
  .app-shell.admin-mode,
  .app-shell.store-mode,
  .app-shell.profile-mode,
  .app-shell.account-mode {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden;
  }
  .app-shell > .server-rail,
  .app-shell > .server-sidebar { display: none !important; }
  .workspace { width: 100% !important; max-width: 100% !important; height: 100%; overflow: hidden; }

  .workspace-header {
    width: 100%; height: 62px; min-height: 62px; padding: 0 12px !important;
    gap: 8px; background: rgba(15,15,18,.97); backdrop-filter: blur(14px);
  }
  .back-to-discover { flex: 0 0 auto; padding: 0 4px; }
  .back-to-discover span { display: none; }
  .channel-heading { flex: 1 1 auto; gap: 8px; overflow: hidden; }
  .channel-heading > div { min-width: 0; }
  .channel-heading h1 { overflow: hidden; margin: 0; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
  .channel-heading p { max-width: 44vw !important; overflow: hidden; margin-top: 3px; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .hash-icon { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 8px; }
  .workspace-actions { flex: 0 0 auto; gap: 1px; }
  .workspace-actions .header-action { width: 31px; height: 31px; }
  .workspace-actions .header-action:nth-child(2),
  .workspace-actions .header-action:nth-child(3),
  .workspace-actions #open-server-settings,
  .workspace-actions #open-permissions { display: none !important; }
  .notification-dropdown { position: fixed; top: 58px; right: 8px; left: 8px; width: auto; max-height: min(68dvh,520px); }

  .channel-stage,
  .app-shell.server-mode .channel-stage {
    width: 100%; height: 0; min-height: 0; padding: 14px var(--mobile-page-pad) 0 !important;
    overflow: hidden;
  }
  .channel-stage-head { width: 100% !important; max-width: none !important; margin: 0 !important; }
  .channel-stage-head strong { font-size: 15px; }
  .channel-stage-tools { display: grid; grid-template-columns:minmax(0,1fr) 42px; gap: 8px; }
  .channel-search { width: 100% !important; min-width: 0; }
  .channel-create-button { width: 42px; min-width: 42px; height: 38px; justify-content: center; padding: 0; font-size: 0; }
  .channel-create-button::first-letter { font-size: 18px; }
  .tree-heading-note { display: none; }
  .channel-stage .channel-tree { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 80px !important; }
  .channel-stage .channel-row { padding-left: 8px; padding-right: 7px; }
  .channel-stage .channel-children { margin-left: 12px; padding-left: 7px; }
  .channel-stage .channel-member-row { padding-left: 8px; gap: 7px; }
  .channel-stage .channel-member-copy { max-width: calc(100% - 130px); }
  .channel-stage .channel-member-actions { margin-left: auto; gap: 2px; }
  .channel-stage .channel-member-actions button { width: 25px; height: 25px; }
  .workspace-footer { padding: 5px var(--mobile-page-pad) 9px; }
  .members-sidebar { width: min(92vw, 350px) !important; max-width: 350px; }

  /* Full-width standalone pages */
  .discover-view, .news-view, .admin-view, .store-view, .profile-view, .account-view {
    width: 100%; max-width: 100%; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto;
  }
  .app-shell.discover-mode .discover-view { padding: 22px var(--mobile-page-pad) 34px !important; }
  .discover-page-shell, .store-page-shell,
  #news-view .news-page-shell, #admin-view .admin-shell,
  .news-page-shell, .admin-shell, .account-page-shell {
    width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0; padding-right: 0;
  }
  .discover-hero, .app-shell.discover-mode .discover-hero { display: block; padding: 20px 16px !important; border-radius: 14px; }
  .discover-hero h2, .app-shell.discover-mode .discover-hero h2 { margin: 9px 0; font-size: clamp(27px,9vw,38px) !important; line-height: 1.04; }
  .discover-hero-panel { width: 100% !important; min-height: 135px !important; margin-top: 18px; }
  .discover-stats, .app-shell.discover-mode .discover-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .discover-directory-head { align-items: stretch; flex-direction: column; }
  .discover-directory-tools { display: grid; grid-template-columns:minmax(0,1fr) auto; width: 100%; }
  .discover-search, .app-shell.discover-mode .discover-search { width: 100% !important; }
  .discover-server-grid, .app-shell.discover-mode .discover-server-grid { grid-template-columns: minmax(0,1fr) !important; }
  .discover-card-cover { height: 150px !important; }

  /* Journal, admin and account surfaces */
  #news-view .news-page-shell, #admin-view .admin-shell { padding: 14px var(--mobile-page-pad) 35px !important; }
  #news-view .forum-head, #admin-view .admin-command-head { padding: 12px 0 18px !important; }
  #news-view .forum-head h2, #admin-view .admin-command-head h2 { font-size: 22px !important; }
  .b36-blog { gap: 22px; }
  .b36-hero { grid-template-columns: 1fr !important; min-height: 0; border-radius: 13px; }
  .b36-cover.hero { min-height: 220px; }
  .b36-hero-copy { min-height: 260px; padding: 24px 20px; }
  .b36-hero h1 { font-size: 28px; }
  .b36-layout { display: block !important; }
  .b36-grid { grid-template-columns: 1fr !important; }
  .b36-card { min-height: 0; }
  .b36-card .b36-cover { height: 190px; }
  .b36-footer { grid-template-columns: 1fr; gap: 16px; padding: 24px 20px; }
  .b37-news-modal { width: calc(100vw - 12px) !important; max-height: calc(100dvh - 12px) !important; border-radius: 13px; }
  .b37-reader-cover { height: 210px !important; }

  #admin-view .admin-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #admin-view .admin-workspace { display: block; min-height: 0; }
  #admin-view .admin-nav { display: flex !important; width: 100%; overflow-x: auto; border-right: 0; border-bottom: 1px solid #24242b; scrollbar-width: none; }
  #admin-view .admin-nav::-webkit-scrollbar { display:none; }
  #admin-view .admin-nav button { flex: 0 0 auto; width: auto; white-space: nowrap; }
  #admin-view .admin-panel-content { padding: 14px 10px !important; }
  #admin-view .admin-section-head h3 { font-size: 17px !important; }
  #admin-view .a32-access { grid-template-columns: 1fr !important; }
  #admin-view .a32-user-list { min-height: 0; max-height: 220px; }
  #admin-view .a32-editor { max-height: none; overflow: visible; }
  #admin-view .a34-fields, #admin-view .a34-fields.server,
  #admin-view .admin-product-fields { grid-template-columns: 1fr !important; }
  #admin-view .admin-product-grid > form { grid-template-columns: 1fr !important; }
  #admin-view .a33-server-table { width: 100%; overflow: visible; }
  #admin-view .a33-server-table > header { display: none; }
  #admin-view .a33-server-table > article { display: grid; min-width: 0 !important; grid-template-columns: 1fr !important; gap: 8px; padding: 13px; }
  #admin-view .a33-actions { min-width: 0; flex-wrap: wrap; }

  .auth-screen { min-height: 100dvh; padding: 14px; overflow-y: auto; }
  .auth-card { width: 100%; max-width: 430px; padding: 26px 20px; }
  .auth-card h1 { font-size: 28px; }
  .auth-side-copy { display: none !important; }
  .toast-stack {
    top: 70px !important; right: 10px; bottom: auto !important; left: 10px;
    display: flex; width: auto; max-height: 132px; align-items: stretch;
    flex-direction: column; gap: 6px; overflow: hidden; pointer-events: none;
  }
  .toast-stack .toast {
    width: 100%; min-height: 0 !important; max-height: 60px; flex: 0 0 auto;
    align-items: center; padding: 10px 12px; border-radius: 10px;
    background: rgba(22,22,26,.96); backdrop-filter: blur(14px);
    box-shadow: 0 12px 30px rgba(0,0,0,.38); pointer-events: auto;
  }
  .toast-stack .toast span { overflow: hidden; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
}

/* v47 — polished phone navigation, drawers, Store and direct messages. */
.mobile-drawer-backdrop, .mobile-panel-close { display: none; }

@media (max-width: 700px) {
  :root { --mobile-rail: 58px; --mobile-header: 62px; --mobile-page-pad: 16px; }
  body { font-size: 11px; color: #d9d6e1; }

  /* Keep joined servers available without stealing the content width. */
  .app-shell.server-mode > .server-rail {
    position: fixed !important; z-index: 32; top: var(--mobile-header); bottom: 0; left: 0;
    display: flex !important; visibility: visible !important; width: var(--mobile-rail);
    padding: 10px 7px; border-right: 1px solid #232329; background: #0c0c0f;
    pointer-events: auto !important; overflow-x: hidden; overflow-y: auto;
  }
  .app-shell.server-mode .server-rail-list { gap: 9px; }
  .app-shell.server-mode .server-rail-item { width: 43px; height: 43px; flex: 0 0 43px; }
  .app-shell.server-mode #rail-home, .app-shell.server-mode #create-server-rail { display: grid; }
  .app-shell.server-mode .workspace { width: calc(100% - var(--mobile-rail)) !important; margin-left: var(--mobile-rail); }

  /* Right information/chat becomes a real dismissible drawer. */
  .members-sidebar {
    position: fixed !important; z-index: 51 !important; top: var(--mobile-header) !important;
    right: 0 !important; bottom: 0 !important; left: auto !important;
    display: flex !important; visibility: hidden !important;
    width: min(88vw, 370px) !important; max-width: none !important;
    transform: translate3d(105%,0,0) !important; transition: transform .22s ease, visibility 0s linear .22s;
    background: #101013; box-shadow: -24px 0 60px rgba(0,0,0,.58); pointer-events: none !important;
  }
  .members-sidebar.open {
    visibility: visible !important; transform: translate3d(0,0,0) !important;
    transition-delay: 0s; pointer-events: auto !important;
  }
  .mobile-drawer-backdrop {
    position: fixed; z-index: 49; inset: var(--mobile-header) 0 0 0; width: 100%; height: auto;
    border: 0; background: rgba(3,3,5,.66); backdrop-filter: blur(2px); opacity: 0;
    pointer-events: none; transition: opacity .2s ease;
  }
  body.mobile-drawer-open .mobile-drawer-backdrop { display: block; opacity: 1; pointer-events: auto; }
  .mobile-panel-close {
    position: absolute; z-index: 5; top: 10px; right: 10px; display: grid; width: 32px; height: 32px;
    place-items: center; padding: 0; border: 1px solid #34313b; border-radius: 8px;
    color: #d8d3df; background: rgba(17,17,20,.9); font-size: 20px; line-height: 1;
  }
  .members-sidebar .server-profile-panel { padding-top: 0; }
  .members-sidebar .server-banner { min-height: 136px; }
  .members-sidebar .right-chat-panel { min-height: 0; }

  /* Do not hide the management action merely because it is the fourth icon. */
  .workspace-actions #open-admin:not(.hidden) { display: grid !important; }
  .workspace-actions { max-width: 150px; }
  .workspace-actions .header-action { flex: 0 0 30px; }

  /* Original desktop typography scaled consistently, without oversized headings. */
  .channel-stage-head strong { font-size: 14px; }
  .channel-row .channel-name { font-size: 11px; }
  .channel-member-copy strong { font-size: 9px; }
  .channel-member-copy small, .mini-label, .eyebrow { font-size: 7px; }
  .btn { min-height: 36px; font-size: 10px; border-radius: 8px; }

  /* Store: readable spacing and a visible back action. */
  #store-view { background: radial-gradient(circle at 100% 0,rgba(111,83,239,.10),transparent 28%),#0d0d10; }
  #store-view .store-page-shell { padding: 0 var(--mobile-page-pad) 40px !important; }
  #store-view .standalone-page-topbar {
    position: sticky; z-index: 12; top: 0; min-height: 48px; padding: 8px 0 !important;
   backdrop-filter: blur(12px);
  }
  #store-page-back { min-height: 32px; padding: 0 9px; border: 1px solid #302d38; border-radius: 7px; background: #141419; }
  .store-page-hero { min-height: 0 !important; padding: 24px 8px 28px !important; }
  .store-page-hero h2 { margin: 8px 0 10px; font-size: 27px !important; line-height: 1.02; }
  .store-page-hero p { max-width: 420px; font-size: 10px; line-height: 1.65; }
  .store-hero-badge { display: none !important; }
  .store-page-layout { width: 100% !important; }
  .store-builder-card { padding: 18px 14px 16px !important; border-radius: 14px; }
  .store-section-heading { margin-bottom: 18px; }
  .store-section-heading h3 { font-size: 17px; }
  .store-plan-tabs { gap: 12px !important; padding: 0 !important; }
  .store-plan-tab { min-height: 94px; padding: 14px !important; border-radius: 12px; }
  .store-config { gap: 13px !important; padding: 20px 0 0 !important; }
  .store-config label { gap: 7px; font-size: 9px; }
  .store-config input, .store-config select { min-height: 44px; }
  .store-total, .store-order-summary, .store-page-foot { margin-top: 14px; }

  /* Direct messages: compact contact area, tall usable conversation. */
  #social-view .account-page-shell { padding: 10px var(--mobile-page-pad) 28px !important; }
  #social-view .standalone-page-topbar { min-height: 42px; padding: 4px 0 10px; }
  #social-view .social-hub { display: flex !important; min-height: 0; gap: 10px; flex-direction: column; }
  #social-view .dm-sidebar {
    flex: 0 0 auto; max-height: 185px !important; border-radius: 12px;
    overflow-x: hidden !important; overflow-y: auto !important;
  }
  #social-view .dm-sidebar-head { min-height: 58px; padding: 11px 14px; }
  #social-view .dm-sidebar-head strong { font-size: 14px; }
  #social-view .friend-search { height: 38px; margin: 10px; }
  #social-view .friend-row { min-height: 48px; padding: 6px 9px; }
  #social-view .friend-avatar { width: 34px; height: 34px; }
  #social-view .dm-panel { flex: 1 1 420px; min-height: 430px !important; border-radius: 12px; }
  #social-view #dm-conversation { height: min(60dvh,590px) !important; min-height: 430px; }
  #social-view .dm-head { min-height: 62px; padding: 9px 12px; }
  #social-view #dm-user-avatar { width: 38px; height: 38px; }
  #social-view .dm-person-copy strong { font-size: 12px; }
  #social-view .dm-message-list { padding: 16px 12px 20px; gap: 9px; }
  #social-view .dm-message { max-width: 82%; padding: 9px 11px; }
  #social-view .dm-message p { font-size: 10px; line-height: 1.5; }
  #social-view .dm-form { margin: 0 8px 8px; }

  /* Slower, calmer mobile motion. */
  *, *::before, *::after { scroll-behavior: auto !important; }
  .discover-server-card, .store-plan-tab, .friend-row, .channel-row, .btn { transition-duration: .26s !important; }
}

@media (max-width: 390px) {
  :root { --mobile-rail: 54px; --mobile-page-pad: 12px; }
  .app-shell.server-mode .server-rail-item { width: 39px; height: 39px; flex-basis: 39px; }
  .workspace-actions { max-width: 124px; }
  .workspace-actions .header-action { width: 28px; flex-basis: 28px; }
  .store-page-hero h2 { font-size: 24px !important; }
}

@media (max-width: 390px) {
  :root { --mobile-page-pad: 10px; }
  .workspace-actions .header-action { width: 28px; height: 28px; }
  .channel-heading p { display: none; }
  .discover-stats, .app-shell.discover-mode .discover-stats { grid-template-columns: 1fr 1fr !important; }
  #admin-view .admin-stat-grid { gap: 6px; }
  #admin-view .admin-stat-grid article { min-height: 64px; padding: 11px; }
}

/* v44 — iOS/Android interaction and scrolling repair. */
@media (max-width: 700px) {
  html { height: 100%; overflow-x: hidden; overflow-y: auto; }
  body { position: static; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: auto; }
  body::before, body::after,
  .discover-hero::before, .discover-hero::after,
  .discover-server-card::before, .discover-server-card::after,
  .b36-cover::before, .b36-cover::after { pointer-events: none !important; }

  .app-shell,
  .app-shell.server-mode,
  .app-shell.browse-mode,
  .app-shell.discover-mode,
  .app-shell.news-mode,
  .app-shell.admin-mode,
  .app-shell.store-mode,
  .app-shell.profile-mode,
  .app-shell.account-mode {
    position: relative;
    display: flex !important;
    flex-direction: column;
    height: 100dvh !important;
    min-height: 100svh;
    overflow: hidden;
    isolation: isolate;
  }

  .workspace {
    position: relative; z-index: 1; display: flex; flex: 1 1 auto;
    width: 100%; height: 100%; min-height: 0; overflow: hidden;
  }
  .workspace-header { position: relative; z-index: 20; flex: 0 0 62px; }
  .workspace-header button, .workspace-header a { position: relative; z-index: 2; pointer-events: auto !important; }

  .app-shell > .server-rail,
  .app-shell > .server-sidebar { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  .members-sidebar:not(.open) { display: none !important; visibility: hidden; pointer-events: none !important; }
  .members-sidebar.open { display: flex !important; visibility: visible; pointer-events: auto; }

  .channel-stage {
    display: flex; flex: 1 1 0; height: 0 !important; min-height: 0;
    overflow: hidden; pointer-events: auto;
  }
  .channel-stage .channel-tree {
    flex: 1 1 0; height: 0 !important; min-height: 0;
    overflow-x: hidden !important; overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; touch-action: pan-y; overscroll-behavior-y: contain;
  }
  .channel-stage button, .channel-stage input,
  .channel-stage .channel-row, .channel-stage .channel-member-row { pointer-events: auto !important; }

  .discover-view, .news-view, .admin-view, .store-view, .profile-view, .account-view,
  #discover-view, #news-view, #admin-view, #store-view, #profile-view, #account-view {
    display: block; flex: 1 1 0; height: 0; min-height: 0;
    overflow-x: hidden !important; overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; touch-action: pan-y; overscroll-behavior-y: contain;
    pointer-events: auto;
  }
  .discover-view button, .discover-view a,
  .news-view button, .news-view a,
  .admin-view button, .admin-view a,
  .store-view button, .store-view a,
  .profile-view button, .profile-view a,
  .account-view button, .account-view a { position: relative; pointer-events: auto !important; touch-action: manipulation; }

  .modal-backdrop.hidden { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  .modal-backdrop:not(.hidden) { visibility: visible; overflow-x: hidden; overflow-y: auto; pointer-events: auto !important; -webkit-overflow-scrolling: touch; }
  .modal-backdrop:not(.hidden) .modal { pointer-events: auto !important; }
  .notification-dropdown.hidden { display: none !important; pointer-events: none !important; }

  .admin-nav, .news-filter-chips, .b36-section-head nav,
  .community-switch, .forum-toolbar, .f32-tabs {
    overflow-x: auto !important; overflow-y: hidden;
    -webkit-overflow-scrolling: touch; touch-action: pan-x;
  }
  input, textarea, select { font-size: 16px !important; }
}

/* v48 — son mobil yerleşim. Eski kuralların üzerine çıkar. */
@media(max-width:700px){
:root{--mobile-header:62px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px)}html,body{width:100%;height:100%;overscroll-behavior:none}body{font-family:Inter,system-ui,sans-serif;touch-action:manipulation}button,a,[role=button]{touch-action:manipulation}
.workspace-header{position:relative!important;z-index:60!important;min-height:var(--mobile-header)}.workspace-heading{min-width:0}.workspace-heading strong{font-size:15px!important}.workspace-heading small{max-width:190px;overflow:hidden;font-size:8px!important;text-overflow:ellipsis;white-space:nowrap}.workspace-actions{margin-left:auto;gap:3px}
.members-sidebar,.members-sidebar.open{position:fixed!important;z-index:82!important;inset:var(--mobile-header) 0 0 12px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;overflow:hidden!important;border-left:1px solid #2a2731;border-radius:16px 0 0 0;background:#101013!important;box-shadow:-24px 0 70px #0000009e;transition:transform .24s ease,visibility 0s linear .24s}.members-sidebar{visibility:hidden!important;transform:translate3d(102%,0,0)!important;pointer-events:none!important}.members-sidebar.open{visibility:visible!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important;transition-delay:0s}.members-sidebar>*{min-height:0}.members-sidebar .server-profile-panel,.members-sidebar .right-chat-panel{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mobile-panel-close{display:grid!important;position:fixed!important;z-index:84!important;top:calc(var(--mobile-header) + 10px);right:10px}.mobile-drawer-backdrop{position:fixed!important;z-index:79!important;inset:var(--mobile-header) 0 0!important;display:block!important;background:#040406b8!important;backdrop-filter:none!important;opacity:0;visibility:hidden;pointer-events:none!important}body.mobile-drawer-open{overflow:hidden!important}body.mobile-drawer-open .mobile-drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto!important}
#social-view{overflow:hidden!important}#social-view .account-page-shell{display:flex;flex-direction:column;height:100%;min-height:0;padding:8px 10px 10px!important}#social-view .standalone-page-topbar{flex:0 0 42px}#social-view .social-hub{flex:1 1 0!important;height:0;min-height:0!important;display:block!important;overflow:hidden}#social-view .dm-sidebar{width:100%;height:100%;max-height:none!important;display:flex;flex-direction:column;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}#social-view .friend-list{flex:0 0 auto}#social-view .dm-panel{display:none;width:100%;height:100%;min-height:0!important;overflow:hidden;border-radius:13px}#social-view.conversation-open .dm-sidebar{display:none!important}#social-view.conversation-open .dm-panel{display:block!important}#social-view #dm-empty{height:100%}#social-view #dm-conversation{width:100%;height:100%!important;min-height:0!important;display:flex;flex-direction:column;overflow:hidden}#social-view #dm-conversation.hidden{display:none!important}#social-view .dm-head{flex:0 0 62px;min-height:62px;padding:8px 10px}#social-view .dm-mobile-back{display:grid!important;width:32px;height:32px;flex:0 0 32px;place-items:center;padding:0;border:1px solid #302d38;border-radius:8px;color:#cfc9d9;background:#18171c}#social-view .dm-person-copy{min-width:0}#social-view .dm-person-copy strong,#social-view .dm-person-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#social-view .dm-security-line{flex:0 0 auto;padding:8px 10px;font-size:7px}#social-view .direct-call-strip{flex:0 0 auto}#social-view .direct-call-stage{flex:0 0 auto;min-height:205px;margin:0 10px}#social-view .call-stage-people{width:100%;grid-template-columns:1fr 36px 1fr}#social-view .call-person-avatar{width:66px;height:66px}#social-view .dm-message-list{flex:1 1 0;min-height:90px;overflow-x:hidden;overflow-y:auto;padding:14px 11px 18px;-webkit-overflow-scrolling:touch;touch-action:pan-y}#social-view .dm-form{flex:0 0 52px;min-height:52px;display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:6px;margin:0 8px calc(8px + var(--mobile-safe-bottom));padding:6px}#social-view .dm-form input{width:100%;min-width:0;height:38px;padding:0 8px;font-size:16px!important}#social-view .dm-form .dm-attach,#social-view .dm-form .send-button{width:34px;height:34px;min-width:34px;display:grid;place-items:center;padding:0}#social-view .dm-form .send-button{width:38px;min-width:38px}
.modal-backdrop:not(.hidden){z-index:150!important;display:flex!important;align-items:flex-end!important;padding:8px 8px calc(8px + var(--mobile-safe-bottom))!important;background:#040407c7;backdrop-filter:blur(5px)}.modal-backdrop:not(.hidden) .modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 16px - var(--mobile-safe-bottom))!important;overflow-x:hidden;overflow-y:auto;border-radius:16px;font-family:Inter,system-ui,sans-serif;-webkit-overflow-scrolling:touch}.modal-head{padding:18px 18px 13px!important}.modal-head h2,.modal h2{font-size:19px!important;line-height:1.15}.modal-head p,.modal p{font-size:10px!important;line-height:1.55}.modal-form{padding:14px 18px 18px!important}.modal-form label{font-size:10px!important}.modal-foot{position:sticky;bottom:-18px;padding-top:12px;padding-bottom:calc(4px + var(--mobile-safe-bottom));background:linear-gradient(180deg,transparent,#131315 25%)}.action-confirm{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:20px 17px!important}.action-confirm-icon{width:40px;height:40px}.action-confirm-copy h2{margin-top:5px;font-size:18px!important}.action-confirm-buttons{display:grid;grid-template-columns:1fr 1fr}[data-tooltip]::after{display:none!important}
}

/* v50 — Dismox final mobile overrides. This block intentionally stays last. */
@media(max-width:700px){
  #app-shell{isolation:auto!important}
  .workspace-header{z-index:200!important}.workspace-actions{position:relative;z-index:202!important}
  #toggle-members{display:grid!important;visibility:visible!important;pointer-events:auto!important}
  .members-sidebar,.members-sidebar.open{position:fixed!important;z-index:220!important;inset:62px 0 0 8px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(190px,40dvh) minmax(0,1fr)!important;overflow:hidden!important;opacity:1!important;filter:none!important;visibility:visible;background:#101013!important;border:1px solid #2d2a34!important;border-right:0!important;border-bottom:0!important;border-radius:15px 0 0 0!important;box-shadow:-24px 0 70px #000b!important;transition:transform .22s ease,visibility 0s linear .22s!important}
  .members-sidebar:not(.open){visibility:hidden!important;transform:translate3d(105%,0,0)!important;pointer-events:none!important}
  .members-sidebar.open{visibility:visible!important;transform:none!important;pointer-events:auto!important;transition-delay:0s!important}
  .members-sidebar .server-profile-panel,.members-sidebar .right-chat-panel{min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;opacity:1!important;filter:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
  .members-sidebar .right-chat-panel{display:flex!important;flex-direction:column!important}.members-sidebar .messages-list{min-height:0!important;overflow-y:auto!important}.members-sidebar .composer{flex:0 0 auto!important;margin-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
  .mobile-panel-close{position:absolute!important;z-index:225!important;top:10px!important;right:10px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #3a3643!important;border-radius:9px!important;color:#eeeaf5!important;background:#17171de8!important;font-size:20px!important;pointer-events:auto!important}
  .mobile-drawer-backdrop{position:fixed!important;z-index:210!important;inset:62px 0 0!important;display:block!important;visibility:hidden!important;opacity:0!important;background:#030305a6!important;pointer-events:none!important}
  body.mobile-drawer-open .mobile-drawer-backdrop{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .channel-stage-tools{display:flex!important;width:100%!important}.channel-search{min-width:0!important;flex:1 1 auto!important}.channel-create-button{width:42px!important;min-width:42px!important;height:40px!important;display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;padding:0!important;color:#ded6ff!important;font-size:0!important;opacity:1!important}.channel-create-button::before{content:'+';font-size:21px!important;line-height:1!important}
  .channel-actions{display:flex!important;gap:3px!important}.channel-action{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border:1px solid #302d38!important;border-radius:7px!important;background:#17171c!important}
  [data-tooltip]::before,[data-tooltip]::after{display:none!important}
  .standalone-page-topbar,.profile-page-topbar{position:sticky!important;z-index:35!important;top:0!important;width:100%!important;min-height:48px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 12px!important;padding:7px 4px!important;backdrop-filter:blur(12px)!important}
  .standalone-page-topbar button,.profile-page-topbar button{min-width:78px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 10px!important;border:1px solid #302d38!important;border-radius:8px!important;color:#d1ccd8!important;background:#17171c!important;font-size:9px!important;font-weight:750!important}
  .standalone-page-topbar>span,.profile-page-topbar>span{min-width:0!important;overflow:hidden!important;margin-left:auto!important;padding:0!important;color:#777184!important;font-size:6px!important;text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #social-view .account-page-shell,#store-view .account-page-shell,.account-page-shell{width:100%!important;box-sizing:border-box!important;padding:8px 10px 12px!important}
  #social-view .dm-mobile-back{width:34px!important;height:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #443b59!important;border-radius:9px!important;color:#e7e1ff!important;background:#211b2d!important;font-size:17px!important;font-weight:900!important;box-shadow:inset 0 1px #ffffff0b!important}
  .modal-backdrop:not(.hidden){z-index:300!important;align-items:center!important;padding:10px!important}.modal-backdrop:not(.hidden) .modal{width:min(100%,430px)!important;max-width:430px!important;max-height:calc(100dvh - 20px)!important;border-radius:18px!important}
  .modal-head{padding:16px 16px 11px!important}.modal-head h2,.modal h2{font-size:17px!important}.modal-head p,.modal p{font-size:9px!important}.modal-form{gap:9px!important;padding:11px 16px 16px!important}.modal-form label,.modal-form small{font-size:8px!important}.modal-form input,.modal-form textarea,.modal-form select,.settings-panel input,.settings-panel textarea,.settings-panel select{min-height:38px!important;padding:8px 10px!important;font-size:13px!important;line-height:1.3!important}.modal-form textarea,.settings-panel textarea{min-height:72px!important}.modal-foot{gap:7px!important;padding-top:10px!important}
  #action-confirm-modal{align-items:center!important}.action-confirm{grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;padding:19px 16px 16px!important;border:1px solid #403a49!important;border-radius:18px!important;background:radial-gradient(circle at 5% 0,#5c293d45,transparent 42%),#151519!important;box-shadow:0 30px 80px #000c!important}.action-confirm-icon{width:38px!important;height:38px!important;border-radius:12px!important}.action-confirm-copy h2{margin:4px 0 6px!important;font-size:17px!important}.action-confirm-copy p{font-size:9px!important}.action-confirm-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.action-confirm-buttons .btn{min-width:0!important;min-height:38px!important}
  #social-view .dm-form{grid-template-columns:34px minmax(0,1fr) 38px!important;gap:6px!important;margin:0 8px calc(8px + env(safe-area-inset-bottom,0px))!important;padding:6px!important}#social-view .dm-form input{min-width:0!important;width:100%!important;height:38px!important;padding:0 8px!important;font-size:14px!important}
}
@media(max-width:380px){.workspace-actions{gap:1px!important}.workspace-actions .header-action{width:27px!important;min-width:27px!important;padding:0!important}.members-sidebar,.members-sidebar.open{left:4px!important}.channel-create-button{width:40px!important;min-width:40px!important}}

/* v51 — unified phone spacing, controls and typography. Keep this last. */
@media(max-width:700px){
  :root{--mobile-page-pad:12px!important}
  html,body,#app-shell,.workspace{max-width:100%!important;overflow-x:hidden!important}
  .workspace-header{width:100%!important;min-width:0!important;box-sizing:border-box!important;gap:7px!important;padding:0 9px 0 8px!important}
  .channel-heading{min-width:0!important;flex:1 1 auto!important;gap:8px!important}.channel-heading h1{max-width:145px!important;font-size:14px!important}.channel-heading p{max-width:155px!important;font-size:7px!important}
  .workspace-actions{min-width:0!important;max-width:none!important;flex:0 0 auto!important;justify-content:flex-end!important;gap:2px!important;margin:0!important}.workspace-actions .header-action{width:29px!important;min-width:29px!important;height:29px!important;flex:0 0 29px!important;padding:0!important}.workspace-actions .notification-center{flex:0 0 29px!important}
  .channel-stage-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}.channel-search{height:40px!important}
  .channel-create-button{width:auto!important;min-width:105px!important;height:40px!important;display:inline-flex!important;gap:7px!important;padding:0 12px!important;border-color:#514475!important;border-radius:9px!important;color:#eeeaff!important;background:linear-gradient(135deg,#2d2450,#211b3a)!important;box-shadow:inset 0 1px #ffffff0b!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important}.channel-create-button::before{content:none!important}.channel-create-button>span{display:inline!important;font-size:9px!important}
  .discover-view,.news-view,.admin-view,.store-view,.profile-view,.account-view{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important}
  .store-page-shell,.news-page-shell,#news-view .news-page-shell,.admin-shell,#admin-view .admin-shell,.profile-page-shell,.account-page-shell{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:10px var(--mobile-page-pad) 36px!important}
  .standalone-page-topbar,.profile-page-topbar,#store-view .standalone-page-topbar,#social-view .standalone-page-topbar{position:sticky!important;z-index:35!important;top:0!important;width:100%!important;min-height:48px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 14px!important;padding:7px 0!important;}
  .standalone-page-topbar button,.profile-page-topbar button{width:auto!important;min-width:80px!important;height:34px!important;margin:0!important;padding:0 10px!important;border:1px solid #34313d!important;border-radius:8px!important;background:#17171c!important;font-size:8px!important}.standalone-page-topbar>span,.profile-page-topbar>span{min-width:0!important;margin-left:auto!important;padding:0!important;text-align:right!important;font-size:6px!important}
  .profile-page-card{overflow:hidden!important;border-radius:14px!important}.profile-showcase-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:14px!important}.profile-main-column,.profile-side-column{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;gap:14px!important;margin:0!important}.profile-info-block,.profile-wall,.profile-stat-grid{margin:0!important}.profile-stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.profile-stat-grid>span{min-height:62px!important;padding:10px 8px!important}.profile-server-card{margin:0!important}.profile-server-grid{gap:10px!important}
  input,textarea,select,.auth-form input,.channel-search input,.discover-search input,.friend-search input,.composer input,.dm-form input,.store-config input,.store-config select,.modal-form input,.modal-form textarea,.modal-form select,.settings-panel input,.settings-panel textarea,.settings-panel select{font-size:12px!important;line-height:1.3!important}.channel-search input,.discover-search input,.friend-search input,.composer input,.dm-form input{min-height:36px!important}.modal-form input,.modal-form select,.settings-panel input,.settings-panel select{min-height:37px!important}.modal-form textarea,.settings-panel textarea{min-height:68px!important}
}
@media(max-width:390px){.workspace-header{padding-right:6px!important}.channel-heading h1{max-width:120px!important}.channel-heading p{max-width:125px!important}.channel-create-button{min-width:96px!important;padding:0 9px!important}.profile-showcase-content{padding:11px!important;gap:12px!important}.profile-main-column,.profile-side-column{gap:12px!important}.store-page-shell,.news-page-shell,#news-view .news-page-shell,.admin-shell,#admin-view .admin-shell,.profile-page-shell,.account-page-shell{padding-left:10px!important;padding-right:10px!important}}

/* v52 — mobil sohbet ve sıfır boşluklu sunucu rayı. Keep this last. */
@media(max-width:700px){
  .app-shell.server-mode>.server-rail{top:0!important;bottom:0!important;height:100dvh!important;padding-top:10px!important;border-top:0!important;background:#0b0c0f!important}
  .app-shell.server-mode>.server-rail .rail-top{padding-top:0!important}
  .journal-page-shell .section-page-head{min-height:94px!important;display:flex!important;align-items:flex-end!important;margin:0!important;padding:13px 2px 16px!important}
  .journal-page-shell .section-page-head h2{margin:5px 0 5px!important;font-size:21px!important}
  .journal-page-shell .section-page-head p{max-width:330px!important;font-size:8px!important;line-height:1.5!important}
  .journal-page-shell .section-page-head .pulse-head-actions button{min-width:78px!important;height:32px!important;padding:0 9px!important;font-size:8px!important}
  #social-view .account-page-shell,#invoices-view .account-page-shell{height:100%!important;padding:10px var(--mobile-page-pad) 16px!important}
  #social-view .social-hub{height:calc(100% - 156px)!important;min-height:0!important;margin-top:10px!important;border-radius:13px!important}
  #social-view .dm-sidebar{height:100%!important;max-height:none!important;border-right:0!important}
  #social-view .dm-sidebar-head{min-height:64px!important;padding:12px 14px!important}
  #social-view .friend-search{flex-basis:38px!important;height:38px!important;margin:10px!important}
  #social-view .friend-row{min-height:54px!important}
  #social-view .dm-panel{height:100%!important;min-height:0!important;border-radius:13px!important}
  #social-view.conversation-open .section-page-head{display:none!important}
  #social-view.conversation-open .social-hub{height:calc(100% - 62px)!important;margin-top:0!important}
  #social-view #dm-conversation{height:100%!important;min-height:0!important}
  #social-view .dm-head{flex:0 0 60px!important;min-height:60px!important;padding:8px 10px!important}
  #social-view .dm-security-line{padding:6px 10px!important}
  #social-view .dm-message-list{padding:14px 10px 17px!important;gap:10px!important}
  #social-view .dm-message-row{gap:6px!important}
  #social-view .dm-message-avatar{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:7px!important;font-size:7px!important}
  #social-view .dm-message-row .dm-message{max-width:79%!important;min-width:58px!important;padding:9px 11px!important}
  #social-view .dm-message-row .dm-message p{font-size:10px!important}
  #social-view .dm-form{min-height:50px!important;margin:0 7px calc(7px + env(safe-area-inset-bottom,0px))!important}
  #social-view .dm-form input{font-size:12px!important}
  #social-view .direct-call-stage{flex:0 0 126px!important;min-height:126px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important}
  #social-view .direct-call-stage.hidden{display:none!important}
  #social-view .call-stage-people{width:100%!important;gap:9px!important;justify-content:space-around!important}
  #social-view .call-person{grid-template-columns:36px minmax(0,1fr)!important;column-gap:6px!important}
  #social-view .call-person-avatar{width:36px!important;height:36px!important;font-size:10px!important}
  #social-view .call-link{min-width:20px!important}#social-view .call-link i{display:none!important}#social-view .call-link span{display:none!important}
  #social-view .call-stage-controls{flex-direction:column!important;gap:4px!important}#social-view .call-stage-controls button{width:30px!important;height:30px!important;border-radius:8px!important}
  #invoices-view .invoice-surface{min-height:300px!important;margin-top:10px!important;padding:12px!important;border-radius:13px!important}
  #invoices-view .invoice-surface .invoice-empty{min-height:274px!important;padding:35px 12px!important}
}
@media(max-width:390px){
  .journal-page-shell .section-page-head{min-height:88px!important}.journal-page-shell .section-page-head h2{font-size:19px!important}
  #social-view .social-hub{height:calc(100% - 150px)!important}
  #social-view.conversation-open .social-hub{height:calc(100% - 62px)!important}
}

/* v53 — mobil özel sohbet, Journal hizası ve kompakt formlar. */
@media(max-width:700px){
  #news-view,#invoices-view{padding:0!important}
  #news-view .news-page-shell,#invoices-view .journal-page-shell{width:100%!important;margin:0!important;padding:10px var(--mobile-page-pad) 36px!important}
  #news-view .standalone-page-topbar,#invoices-view .standalone-page-topbar{min-height:48px!important;margin:0 0 14px!important;padding:7px 0!important}
  #news-view .pulse-page-head,#invoices-view .section-page-head{min-height:94px!important;padding:13px 2px 16px!important}
  #news-view .pulse-page-head h2,#invoices-view .section-page-head h2{font-size:21px!important}
  #news-view .pulse-surface,#invoices-view .invoice-surface{margin-top:10px!important}
  #social-view{height:calc(100dvh - 62px)!important;padding:0!important}
  #social-view .account-page-shell{height:100%!important;padding:0!important}
  #social-view .standalone-page-topbar,#social-view .section-page-head{display:none!important}
  #social-view .social-hub,#social-view.conversation-open .social-hub{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important}
  #social-view .dm-sidebar{height:100%!important}
  #social-view .dm-sidebar-head{min-height:66px!important;padding:11px 14px!important}
  #social-view .friend-search{height:38px!important;margin:9px 12px!important}
  #social-view .friend-row{min-height:57px!important;margin:2px 0!important;padding:7px 9px!important;border-radius:9px!important}
  #social-view .dm-panel{height:100%!important;border-radius:0!important}
  #social-view .dm-head{flex:0 0 58px!important;min-height:58px!important;padding:7px 9px!important}
  #social-view .dm-security-line{order:8!important;padding:6px 10px!important}
  #social-view .dm-message-list{padding:12px 9px 15px!important}
  #social-view .dm-form{order:9!important;margin:0 7px calc(7px + env(safe-area-inset-bottom,0px))!important;border-radius:10px!important}
  #social-view .direct-call-stage{flex:0 0 112px!important;min-height:112px!important;padding:8px!important}
  .channel-row .channel-actions:empty{display:none!important}
  input,textarea,select,.auth-form input,.channel-search input,.discover-search input,.friend-search input,.composer input,.dm-form input,.store-config input,.store-config select,.modal-form input,.modal-form textarea,.modal-form select,.settings-panel input,.settings-panel textarea,.settings-panel select{font-size:11px!important}
}

/* v54-final — bu blok tüm eski mobil sohbet kurallarından sonra uygulanır. */
@media(max-width:700px){
  #social-view .dm-sidebar-head{position:relative!important;overflow:visible!important;padding:10px 11px!important}
  #social-view .dm-sidebar-tools{display:flex!important;align-items:center!important;gap:4px!important}
  #social-view .friend-request-toggle{height:29px!important;display:flex!important;align-items:center!important;gap:4px!important;padding:0 7px!important}
  #social-view .friend-request-popover{width:calc(100vw - 20px)!important;max-height:min(430px,70dvh)!important;top:calc(100% - 3px)!important;right:10px!important}
  #social-view .friend-request-popover .friend-list{max-height:calc(min(430px,70dvh) - 58px)!important;display:grid!important;grid-auto-rows:max-content!important;align-content:start!important}
  #social-view .dm-sidebar>#friend-list{flex:1 1 auto!important;display:grid!important;grid-auto-rows:max-content!important;align-content:start!important;gap:3px!important;overflow-y:auto!important;padding:0 7px 12px!important}
  #social-view .dm-sidebar>#friend-list .friend-row{width:100%!important;height:54px!important;min-height:54px!important;margin:0!important;padding:6px 8px!important;border-radius:9px!important}
  #social-view .direct-call-stage{width:calc(100% - 24px)!important;min-height:176px!important;flex:0 0 176px!important;align-self:center!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;place-items:center!important;gap:10px!important;margin:10px auto 5px!important;padding:15px 12px 12px!important;border:1px solid #373047!important;border-radius:16px!important}
  #social-view .direct-call-stage.hidden{display:none!important}
  #social-view .call-stage-people{width:min(330px,100%)!important;display:grid!important;grid-template-columns:1fr 48px 1fr!important;align-items:center!important;justify-content:center!important;gap:7px!important}
  #social-view .call-person{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;justify-items:center!important;gap:2px!important}
  #social-view .call-person-avatar{grid-row:auto!important;width:48px!important;height:48px!important;font-size:12px!important}
  #social-view .call-person .call-voice-waves,#social-view .call-person strong,#social-view .call-person small{grid-column:auto!important}
  #social-view .call-person .call-voice-waves{height:10px!important;justify-content:center!important}
  #social-view .call-link{display:grid!important;min-width:0!important;justify-items:center!important}
  #social-view .call-link::before{width:25px!important;height:25px!important}
  #social-view .call-link span,#social-view .call-link i{display:none!important}
  #social-view .call-stage-controls{display:flex!important;flex-direction:row!important;justify-content:center!important;gap:7px!important}
  #social-view .call-stage-controls button{width:34px!important;height:34px!important;border-radius:50%!important}
}

/* v2.6.1-final */
@media(max-width:700px){
  #social-view .dm-sidebar-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;padding:12px!important}
  #social-view .dm-inbox-title>span{display:block!important;margin:0 0 7px 1px!important}
  #social-view .dm-inbox-title>div{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  #social-view .dm-inbox-title #dm-page-back{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border:1px solid #343642!important;border-radius:8px!important;background:#181a22!important}
  #social-view .dm-inbox-title strong{font-size:16px!important;line-height:1!important;white-space:nowrap!important}
  #social-view .dm-sidebar-tools{align-self:end!important;margin-bottom:0!important}
  #social-view .direct-call-stage{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:170px!important;flex:0 0 170px!important;gap:10px!important;margin:0!important;padding:14px 10px!important;border:0!important;border-bottom:1px solid #272b35!important;border-radius:0!important;background:radial-gradient(circle at 50% 10%,rgba(118,87,225,.18),transparent 48%),linear-gradient(90deg,#11121b,#111821)!important;box-shadow:none!important}
  #social-view .direct-call-stage .call-stage-people{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;gap:13px!important;margin:0 auto!important}
  #social-view .direct-call-stage .call-person{display:flex!important;flex-direction:column!important;align-items:center!important;width:76px!important;gap:2px!important}
  #social-view .direct-call-stage .call-person-avatar{width:50px!important;height:50px!important}
  #social-view .direct-call-stage .call-link{display:flex!important;width:48px!important;min-width:48px!important}
  #social-view .direct-call-stage .call-link span,#social-view .direct-call-stage .call-link i{display:none!important}
  #social-view .direct-call-stage .call-stage-controls{position:static!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:7px!important;transform:none!important;margin:0 auto!important}
  #social-view .direct-call-stage .call-stage-controls button{width:35px!important;height:35px!important;border-radius:10px!important}
}