/* Rabitalk Desktop/PC refinement v1
   Desktop-only rules. Mobile/tablet <= 1023px intentionally unchanged. */
@media (min-width:1024px){
  html{min-width:1024px}
  body{overflow-x:hidden}

  /* Main Rabitalk application (index.php) */
  .app-shell{
    grid-template-columns:260px minmax(0,1fr);
    min-height:100vh;
  }
  .sidebar{
    width:260px;
    padding:28px 20px;
  }
  .workspace{
    width:min(100%,1320px);
    max-width:1320px;
    padding:42px clamp(34px,4vw,64px) 54px;
  }
  .workspace>.topbar{
    min-height:54px;
    margin-bottom:30px;
  }
  .workspace>.topbar h1{font-size:clamp(32px,2.5vw,42px)}
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .contact-card{padding:18px 20px}
  .story-feed{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
  .identity-card{max-width:720px}

  /* Chat becomes a desktop conversation window, not a narrow phone drawer. */
  .chat-panel{
    top:28px;
    right:28px;
    bottom:28px;
    width:min(620px,calc(100vw - 330px));
    border-radius:28px;
  }
  .chat-panel header{padding:18px 20px}
  .messages{padding:22px 24px}
  .composer{padding:14px 16px}
  .profile-viewer img,.profile-viewer #profile-fallback{
    width:min(420px,42vw);
    height:min(420px,42vw);
  }

  /* Auth screens */
  .auth-shell{grid-template-columns:minmax(480px,1.05fr) minmax(480px,.95fr)}
  .brand-panel{padding:clamp(56px,6vw,92px)}
  .auth-card{width:min(540px,calc(100% - 64px));padding:42px 44px}
  .wordmark-hero{font-size:clamp(66px,7vw,96px)}

  /* Legacy pages using assets/css/app.css */
  .wrap{
    width:min(1180px,calc(100% - 72px));
    max-width:1180px;
    padding:40px 0 52px;
  }
  .wrap>.topbar{margin-bottom:24px}
  .wrap>.grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px}
  .wrap>.card{padding:24px 26px}
  .wrap .card{border-radius:20px}
  .rt-brand .title,.rt-brand-title{max-width:none;font-size:22px}
  .rt-brand .sub{max-width:560px}
  .rt-dropdown{min-width:220px}

  /* Dedicated audio call */
  #audio-call-app{
    width:100%;
    min-height:100vh;
    grid-template-rows:82px minmax(0,1fr) 108px;
  }
  .ac-header{min-height:82px;padding:18px 36px}
  .ac-stage{padding:24px 24px 28px}
  .ac-rings{width:min(44vw,520px)}
  .ac-avatar{width:clamp(190px,18vw,250px)}
  .ac-stage h1{font-size:clamp(30px,3vw,38px);margin-top:24px}
  .ac-controls{min-height:108px;padding:18px 20px 22px;gap:20px}
  .ac-control{width:82px;height:68px}

  /* Dedicated video call */
  #video-call-app{
    height:100vh;
    grid-template-rows:78px minmax(0,1fr) 118px;
  }
  .vc-header{min-height:78px;padding:14px 32px}
  .vc-stage{max-height:calc(100vh - 196px)}
  .vc-local-wrap{
    right:24px;
    bottom:22px;
    width:clamp(150px,14vw,210px);
    border-radius:20px;
  }
  .vc-waiting h1{font-size:30px}
  .vc-controls{min-height:118px;padding:16px 24px 24px;gap:14px}
  .vc-control{width:72px;height:68px;border-radius:20px}
  .vc-error{bottom:138px}
}

@media (min-width:1440px){
  .workspace{max-width:1380px}
  .contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wrap{max-width:1240px;width:min(1240px,calc(100% - 96px))}
}