/* PaskaTok v0.3.4.1 — DESKTOP CONTROL ROOM RESTORE */
/* ---------- desktop scaffolding ---------- */
.desktop-left-rail,.desktop-right-rail{display:none;}

@media(min-width:900px){
  body{
    padding:28px 32px;
    align-items:flex-start;
    background:
      radial-gradient(circle at 12% 4%,rgba(222,149,96,.16),transparent 28%),
      radial-gradient(circle at 88% 92%,rgba(170,180,93,.10),transparent 30%),
      linear-gradient(145deg,#20130b,#2d1c11 48%,#21150d);
  }
  .stage{
    width:min(1440px,100%);
    gap:12px;
  }
  .brandline{
    align-self:flex-start;
    margin-left:8px;
    color:#d8b868;
    opacity:.78;
    font-size:10px;
    letter-spacing:.16em;
  }
  .phone{
    width:100%!important;
    height:min(880px,calc(100vh - 88px))!important;
    min-height:690px;
    padding:0!important;
    border-radius:32px!important;
    overflow:hidden;
    background:#3c2819!important;
    box-shadow:
      0 0 0 1px rgba(244,198,91,.20),
      0 36px 90px -30px rgba(0,0,0,.72),
      inset 0 1px rgba(255,255,255,.04)!important;
  }
  .notch{display:none!important;}
  .screen{
    height:100%!important;
    border-radius:32px!important;
    overflow:hidden!important;
    position:relative;
    background:linear-gradient(180deg,#50351f,#352216)!important;
  }
  .status-strip{
    flex:none;
    height:68px;
    min-height:68px!important;
    grid-template-columns:240px 1fr 240px!important;
    padding:10px 20px!important;
    background:linear-gradient(180deg,rgba(255,247,234,.055),rgba(255,247,234,.015))!important;
    border-bottom:1px solid rgba(244,198,91,.13)!important;
    z-index:30;
  }
  .status-brand-icon{width:38px!important;height:38px!important;}
  #screen-name{font-size:11px!important;letter-spacing:.14em!important;}
  .status-utils{justify-self:end;}
  .header-search-btn{width:40px!important;height:40px!important;}
  .header-search-btn img{width:34px!important;height:34px!important;}
  .status-utils #clock{font-size:9px!important;}

  .desktop-left-rail,.desktop-right-rail{
    display:flex;
    position:absolute;
    top:68px;
    bottom:0;
    z-index:22;
    flex-direction:column;
    background:linear-gradient(180deg,rgba(65,42,26,.98),rgba(48,30,19,.98));
  }
  .desktop-left-rail{
    left:0;
    width:224px;
    padding:18px 14px 16px;
    border-right:1px solid rgba(244,198,91,.10);
  }
  .desktop-right-rail{
    right:0;
    width:252px;
    padding:18px 16px 16px;
    border-left:1px solid rgba(244,198,91,.10);
  }
  .desktop-rail-title{
    display:flex;
    align-items:center;
    gap:10px;
    padding:2px 6px 15px;
    margin-bottom:8px;
    border-bottom:1px solid rgba(255,247,234,.06);
  }
  .desktop-rail-title img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.24));}
  .desktop-rail-title b{display:block;font:700 12px var(--font-body);color:#fff7ea;}
  .desktop-rail-title small{display:block;margin-top:3px;font:7px var(--font-mono);color:#bda98d;letter-spacing:.05em;}
  .desktop-nav-stack{display:grid;gap:5px;}
  .desktop-nav-btn{
    appearance:none;
    border:1px solid transparent;
    background:transparent;
    color:#ddcbb0;
    width:100%;
    min-height:52px;
    border-radius:16px;
    padding:7px 10px;
    display:grid;
    grid-template-columns:38px 1fr;
    align-items:center;
    gap:10px;
    text-align:left;
    cursor:pointer;
    transition:.18s ease;
  }
  .desktop-nav-btn:hover{
    background:rgba(255,247,234,.035);
    border-color:rgba(255,247,234,.055);
  }
  .desktop-nav-btn.active{
    color:#fff7ea;
    background:linear-gradient(90deg,rgba(244,198,91,.12),rgba(244,198,91,.035));
    border-color:rgba(244,198,91,.18);
    box-shadow:inset 3px 0 #f4c65b;
  }
  .desktop-nav-btn img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.20));}
  .desktop-nav-btn span{font:600 9px var(--font-body);}
  .desktop-nav-btn small{display:block;margin-top:2px;font:6.8px var(--font-mono);font-weight:400;color:#ab987d;}
  .desktop-nav-btn.desktop-create{
    margin:8px 0;
    min-height:64px;
    background:linear-gradient(135deg,rgba(244,198,91,.10),rgba(222,149,96,.06));
    border-color:rgba(244,198,91,.14);
  }
  .desktop-nav-btn.desktop-create img{width:46px;height:46px;}
  .desktop-rail-foot{
    margin-top:auto;
    padding:12px;
    border:1px solid rgba(255,247,234,.06);
    border-radius:15px;
    background:rgba(255,247,234,.025);
    font:7.2px var(--font-mono);
    color:#ae9a7f;
    line-height:1.55;
  }
  .desktop-rail-foot b{color:#d9c4a6;}

  .desktop-pressure-card{
    border:1px solid rgba(244,198,91,.12);
    border-radius:18px;
    padding:14px;
    background:linear-gradient(145deg,rgba(244,198,91,.06),rgba(255,247,234,.018));
    box-shadow:inset 0 1px rgba(255,255,255,.025);
  }
  .desktop-pressure-head{display:flex;align-items:center;gap:10px;}
  .desktop-pressure-head img{width:52px;height:52px;border-radius:13px;object-fit:contain;}
  .desktop-pressure-head small{display:block;font:6.8px var(--font-mono);color:#aa967a;letter-spacing:.06em;}
  .desktop-pressure-head b{display:block;margin-top:3px;font:700 11px var(--font-body);color:#fff3df;}
  .desktop-pressure-value{margin-top:13px;font:500 26px var(--font-mono);color:#f4c65b;letter-spacing:-.06em;}
  .desktop-pressure-value span{font-size:10px;color:#ccb897;letter-spacing:0;}
  .desktop-pressure-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:9px;}
  .desktop-pressure-bar i{display:block;width:72%;height:100%;border-radius:99px;background:linear-gradient(90deg,#aab45d,#f4c65b);box-shadow:0 0 12px rgba(244,198,91,.22);}
  .desktop-context-label{margin:18px 3px 8px;font:600 7px var(--font-mono);letter-spacing:.10em;color:#ad997c;text-transform:uppercase;}
  .desktop-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .desktop-stat{
    padding:10px;
    border:1px solid rgba(255,247,234,.055);
    border-radius:13px;
    background:rgba(255,247,234,.022);
  }
  .desktop-stat b{display:block;font:500 14px var(--font-mono);color:#ead4b3;}
  .desktop-stat span{display:block;margin-top:4px;font:6.5px var(--font-mono);color:#9f8b70;line-height:1.35;}
  .desktop-now-card{
    padding:12px;
    border-radius:15px;
    border:1px solid rgba(255,247,234,.055);
    background:rgba(255,247,234,.025);
  }
  .desktop-now-card strong{display:block;font:700 10px var(--font-body);color:#fff4e3;}
  .desktop-now-card p{margin:6px 0 0;font:7.4px var(--font-mono);line-height:1.5;color:#b9a589;}
  .desktop-action-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;}
  .desktop-action-row button{
    appearance:none;border:1px solid rgba(244,198,91,.11);background:rgba(244,198,91,.045);color:#ddc8a8;border-radius:12px;padding:9px 6px;font:600 7px var(--font-mono);cursor:pointer;
  }
  .desktop-action-row button:hover{background:rgba(244,198,91,.09);color:#fff0d8;}

  .view{
    margin-left:224px!important;
    margin-right:252px!important;
    width:auto!important;
    min-width:0;
  }
  .bottom-nav{display:none!important;}
  .desktop-note,.caption-strip{display:none!important;}

  /* desktop feed becomes the hero panel */
  #view-feed{
    border-left:1px solid rgba(255,247,234,.035);
    border-right:1px solid rgba(255,247,234,.035);
  }
  #view-feed .feed-top{top:16px;}
  #view-feed .live-pill{top:72px!important;left:18px!important;}
  #view-feed .feed-more{top:72px!important;right:16px!important;}
  #view-feed .feed-side{right:18px!important;bottom:104px!important;gap:14px!important;}
  #view-feed .feed-side .icon-circle{width:48px!important;height:48px!important;border-radius:17px!important;font-size:18px!important;}
  #view-feed .feed-bottom{
    left:18px!important;
    right:94px!important;
    bottom:20px!important;
    max-width:620px;
    padding:14px 16px 13px;
    border-radius:20px;
  }
  #view-feed .feed-bottom .uname{font-size:16px!important;}
  #view-feed .feed-bottom .cap{font-size:12.5px!important;}
  #view-feed .sound-row{font-size:9.5px!important;}
  #view-feed .tags{font-size:10px!important;}

  /* non-feed desktop content gets breathable working canvas */
  #view-studio,#view-profile,#view-search,#view-inbox{
    padding-left:22px;
    padding-right:22px;
  }
  #view-studio .studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  #view-studio .s-card.wide{grid-column:1/-1;}
  #view-profile .profile-top{max-width:760px;margin:0 auto;width:100%;}
  #view-profile .p-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:900px;margin:0 auto;width:100%;}
  #view-search .challenge-row{overflow:visible;flex-wrap:wrap;}
  #view-inbox .dm-list{max-width:820px;width:100%;margin:0 auto;}
  #view-camera .cam-filters{right:24px!important;top:112px!important;}
  #view-camera .cam-bottom{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(520px,calc(100% - 80px));bottom:24px!important;}
  #view-camera .duration-row{width:100%!important;max-width:none!important;}
}

@media(min-width:1180px){
  .desktop-left-rail{width:244px;}
  .desktop-right-rail{width:278px;}
  .view{margin-left:244px!important;margin-right:278px!important;}
  .status-strip{grid-template-columns:260px 1fr 260px!important;}
}