/* ======================================================================
   TIAEW NEE HUR — INDEPENDENT DESKTOP APPLICATION
   No rule in this file applies below 1024px.
   ====================================================================== */
@media (min-width:1024px) {
  :root {
    --desk-side:260px;--desk-top:94px;--desk-bg:#050a10;--desk-panel:#0a1520;
    --desk-panel-2:#0e1c2a;--desk-line:rgba(181,211,235,.13);
    --desk-text:#f4f8fb;--desk-sub:#8298aa;--desk-blue:#38bdf8;
    --desk-green:#34d399;--desk-gold:#e8c47b;--desk-radius:17px;
  }

  body.desktop-app-mounted { min-width:1024px;background:var(--desk-bg)!important;overflow-x:hidden; }
  body.desktop-app-mounted #appShell.desktop-source-hidden { display:none!important; }
  #desktopApp[hidden] { display:none!important; }
  #desktopApp {
    min-height:100vh;display:grid;grid-template-columns:var(--desk-side) minmax(0,1fr);
    color:var(--desk-text);font-family:var(--font,'Prompt','Sarabun',sans-serif);
    background:
      radial-gradient(900px 520px at 80% -10%,rgba(13,148,202,.11),transparent 65%),
      radial-gradient(700px 460px at 12% 110%,rgba(16,185,129,.07),transparent 68%),
      var(--desk-bg);
  }
  #desktopApp *,#desktopApp *::before,#desktopApp *::after { box-sizing:border-box; }
  #desktopApp button,#desktopApp input,#desktopApp select,#desktopApp textarea { font:inherit; }

  /* Desktop-only sidebar */
  #desktopApp .desk-side {
    position:fixed;inset:0 auto 0 0;z-index:50;width:var(--desk-side);height:100vh;
    padding:18px 14px;display:flex;flex-direction:column;overflow-y:auto;
    border-right:1px solid var(--desk-line);background:linear-gradient(180deg,rgba(10,22,34,.99),rgba(4,10,16,.995));
    box-shadow:16px 0 55px rgba(0,0,0,.28);
  }
  #desktopApp .desk-brand {
    width:100%;padding:0 4px 17px;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--desk-line);
    background:none;color:#fff;text-align:left;cursor:pointer;
  }
  #desktopApp .desk-brand img { width:43px;height:43px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px rgba(56,189,248,.08); }
  #desktopApp .desk-brand span { min-width:0;display:flex;flex-direction:column; }
  #desktopApp .desk-brand strong { font-size:16px;line-height:1.3; }
  #desktopApp .desk-brand small { margin-top:2px;color:#587287;font-size:8px;font-weight:700;letter-spacing:1.2px; }
  #desktopApp .desk-nav-label { margin:22px 10px 8px;color:#526a7e;font-size:9px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase; }
  #desktopApp .desk-service-label { margin-top:18px; }
  #desktopApp .desk-nav { display:flex;flex-direction:column;gap:5px; }
  #desktopApp .desk-nav-button {
    width:100%;min-height:60px;padding:10px 11px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;
    border:1px solid transparent;border-radius:11px;background:transparent;color:#7890a4;text-align:left;cursor:pointer;transition:.2s ease;
  }
  #desktopApp .desk-nav-button:hover { color:#dceaf4;background:rgba(255,255,255,.035);transform:translateX(2px); }
  #desktopApp .desk-nav-button.active { color:#f3fbff;border-color:rgba(56,189,248,.23);background:linear-gradient(100deg,rgba(14,165,233,.17),rgba(16,185,129,.04));box-shadow:inset 3px 0 0 var(--desk-blue); }
  #desktopApp .desk-nav-button svg { width:23px;height:23px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
  #desktopApp .desk-nav-button span { display:flex;min-width:0;flex-direction:column; }
  #desktopApp .desk-nav-button strong { font-size:14px;line-height:1.35; }
  #desktopApp .desk-nav-button small { margin-top:3px;color:#60798d;font-size:9px;letter-spacing:.55px; }
  #desktopApp .desk-nav-button.active small { color:#6da7be; }
  #desktopApp .desk-services { display:flex;flex-direction:column;gap:3px; }
  #desktopApp .desk-services button { width:100%;padding:11px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:9px;background:none;color:#849bad;font-size:12px;text-align:left;cursor:pointer; }
  #desktopApp .desk-services button:hover { color:#d6e8f4;background:rgba(56,189,248,.06); }
  #desktopApp .desk-services b { color:#4e7189;font-size:12px; }
  #desktopApp .desk-side-foot { margin-top:auto;padding:14px 9px 2px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--desk-line); }
  #desktopApp .desk-online-dot { width:8px;height:8px;flex:none;border-radius:50%;background:var(--desk-green);box-shadow:0 0 11px rgba(52,211,153,.78); }
  #desktopApp .desk-side-foot div { display:flex;flex-direction:column; }
  #desktopApp .desk-side-foot strong { color:#8fa5b6;font-size:9px;font-weight:650; }
  #desktopApp .desk-side-foot small { margin-top:2px;color:#465e72;font-size:7px; }

  /* Desktop stage and top bar */
  #desktopApp .desk-stage { grid-column:2;min-width:0;min-height:100vh; }
  #desktopApp .desk-top {
    position:sticky;top:0;z-index:40;height:var(--desk-top);padding:0 31px;display:flex;align-items:center;justify-content:space-between;gap:28px;
    border-bottom:1px solid var(--desk-line);background:rgba(5,11,18,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  }
  #desktopApp .desk-page-copy { min-width:0; }
  #desktopApp .desk-page-copy > small { display:block;margin-bottom:3px;color:#55afd2;font-size:9px;font-weight:800;letter-spacing:1.1px; }
  #desktopApp .desk-page-copy h1 { display:inline;margin:0;color:#f4f8fb;font-size:24px;line-height:1.2;letter-spacing:-.2px; }
  #desktopApp .desk-page-copy p { display:inline;margin-left:14px;color:#738b9e;font-size:11px; }
  #desktopApp .desk-top-actions { flex:none;display:flex;align-items:center;gap:7px; }
  #desktopApp .desk-top-actions button { height:40px;padding:0 15px;border:1px solid var(--desk-line);border-radius:10px;background:rgba(255,255,255,.025);color:#9eb2c1;font-size:11px;cursor:pointer; }
  #desktopApp .desk-top-actions button:hover { color:#fff;border-color:rgba(125,211,252,.3); }
  #desktopApp .desk-top-actions .desk-contact { color:#c9edfb;border-color:rgba(56,189,248,.25);background:rgba(14,165,233,.09); }
  #desktopApp .desk-workspace { width:100%;min-height:calc(100vh - var(--desk-top));padding:28px 32px 72px; }
  #desktopApp .desk-view-slot,#desktopApp .desk-home-hero { width:min(100%,1540px);margin-left:auto;margin-right:auto; }

  /* Desktop home hero */
  #desktopApp .desk-home-hero {
    position:relative;height:334px;margin-bottom:25px;overflow:hidden;border:1px solid rgba(196,220,239,.14);border-radius:21px;background:#091521;box-shadow:0 22px 55px rgba(0,0,0,.29);
  }
  #desktopApp .desk-home-hero[hidden] { display:none!important; }
  #desktopApp .desk-home-hero > img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%; }
  #desktopApp .desk-hero-shade { position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.9),rgba(3,9,15,.18) 58%,rgba(3,9,15,.42)),linear-gradient(0deg,rgba(3,9,15,.79),transparent 55%); }
  #desktopApp .desk-hero-copy { position:absolute;left:32px;bottom:32px;z-index:2;width:min(590px,52%); }
  #desktopApp .desk-hero-copy > small { display:block;margin-bottom:8px;color:#78d6f8;font-size:9px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase; }
  #desktopApp #deskGreeting { display:flex!important;align-items:center!important;gap:15px!important;color:#fff; }
  #desktopApp #deskGreeting > img { width:58px!important;height:58px!important;max-width:58px!important;min-width:58px!important;object-fit:cover!important;border:2px solid rgba(125,211,252,.64)!important;border-radius:50%!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important; }
  #desktopApp #deskGreeting .home-greet-copy { min-width:0!important; }
  #desktopApp #deskGreeting :is(h1,h2,.greet-title) { margin:0!important;color:#fff!important;font-size:clamp(23px,2vw,31px)!important;line-height:1.3!important;text-align:left!important; }
  #desktopApp #deskGreeting :is(p,.greet-sub) { margin:7px 0 0!important;color:#b6c8d5!important;font-size:13px!important;text-align:left!important; }
  #desktopApp #deskGreeting > button { min-height:42px!important;padding:0 15px!important;border-radius:11px!important;font-size:12px!important; }
  #desktopApp .desk-hero-flow { position:absolute;right:25px;bottom:25px;z-index:2;width:min(500px,43%);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(183,216,239,.17);border-radius:13px;background:rgba(5,14,23,.7);backdrop-filter:blur(13px); }
  #desktopApp .desk-hero-flow span { display:flex;flex-direction:column;gap:3px;color:#c1d1dd;font-size:10px;white-space:nowrap; }
  #desktopApp .desk-hero-flow b { color:#67d5fa;font-size:10px; }
  #desktopApp .desk-hero-flow i { width:28px;height:1px;background:rgba(148,181,205,.28); }

  /* Only live data views are mounted here. Mobile header/nav never enter. */
  #desktopApp .view-page { display:none!important;width:100%!important;min-height:0!important;background:transparent!important; }
  #desktopApp .view-page.active-page { display:block!important;animation:deskFade .2s ease!important; }
  #desktopApp .view-page > .main { width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important; }
  @keyframes deskFade { from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none} }

  /* Home dashboard */
  #desktopApp #homeContent .pc-layout { display:grid!important;grid-template-columns:minmax(0,1fr) 278px!important;gap:20px!important;align-items:start!important; }
  #desktopApp #homeContent .pc-intro { display:none!important; }
  #desktopApp #homeContent .pc-toolbar { grid-column:1/-1!important;margin:0!important;padding:0!important;border:0!important; }
  #desktopApp #homeContent .pc-main { grid-column:1!important;min-width:0!important; }
  #desktopApp #homeContent .pc-support { grid-column:2!important;position:sticky!important;top:calc(var(--desk-top) + 20px)!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important; }
  #desktopApp .home-quick-actions { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important; }
  #desktopApp .qa-mini { min-height:86px!important;padding:15px 17px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;border:1px solid var(--desk-line)!important;border-radius:14px!important;background:linear-gradient(140deg,rgba(14,29,44,.96),rgba(8,18,28,.95))!important;box-shadow:none!important; }
  #desktopApp .qa-mini-ico { width:44px!important;height:44px!important;display:grid!important;place-items:center!important;flex:none!important;border-radius:12px!important;font-size:22px!important; }
  #desktopApp .qa-mini-label { color:#eef7fc!important;font-size:14px!important;text-align:left!important; }
  #desktopApp .sec-hdr { margin:23px 0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important; }
  #desktopApp .sec-hdr :is(h2,div:first-child) { color:#f2f7fb!important;font-size:21px!important; }
  #desktopApp .divider { display:none!important; }
  #desktopApp #upcomingList,#desktopApp #bookingUpcomingList { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;overflow:visible!important; }
  #desktopApp #upcomingList .trip-hcard2,#desktopApp #bookingUpcomingList .trip-hcard2 { height:246px!important;min-width:0!important;margin:0!important;border-radius:16px!important; }
  #desktopApp .pc-support :is(.stat-bar,a) { width:100%!important;margin:0!important;padding:16px!important;border:1px solid var(--desk-line)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(14,28,42,.96),rgba(7,17,27,.94))!important;box-shadow:none!important;color:#dcebf5!important; }
  #desktopApp .calendar-entry-card { min-height:105px!important;margin:0!important;border-radius:14px!important; }
  #desktopApp .past-grid { display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important; }
  #desktopApp .past-card { min-height:155px!important;border-radius:13px!important; }

  /* Shared trip card language */
  #desktopApp .trip-hcard2 { overflow:hidden!important;border:1px solid var(--desk-line)!important;background:var(--desk-panel)!important;box-shadow:0 12px 29px rgba(0,0,0,.18)!important;transition:.2s ease!important; }
  #desktopApp .trip-hcard2:hover { border-color:rgba(125,211,252,.34)!important;box-shadow:0 20px 42px rgba(0,0,0,.3)!important; }
  #desktopApp .trip-hcard2 .thc-photo { position:relative!important;height:100%!important;overflow:hidden!important; }
  #desktopApp .trip-hcard2 .thc-photo > img { width:100%!important;height:100%!important;object-fit:cover!important; }
  #desktopApp #upcomingList .thc-overlay,#desktopApp #bookingUpcomingList .thc-overlay { position:absolute!important;inset:0!important;padding:17px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:linear-gradient(0deg,rgba(3,9,15,.96),rgba(3,9,15,.04) 73%)!important; }
  #desktopApp .trip-hcard2 .thc-title { color:#fff!important;font-size:19px!important;line-height:1.4!important;text-shadow:none!important; }
  #desktopApp .trip-hcard2 .thc-meta-row { color:#b8c8d4!important;font-size:11px!important; }
  #desktopApp .trip-hcard2 .thc-bottom-row { padding-top:8px!important;border-top:1px solid rgba(255,255,255,.11)!important; }
  #desktopApp .trip-hcard2 .thc-price strong { color:#f5dfb1!important;font-size:23px!important; }
  #desktopApp .trip-hcard2 .thc-price > span { color:#9aafbf!important;font-size:10px!important; }
  #desktopApp .pc-card-caption { display:none!important; }

  /* Trip catalogue is a desktop result list. */
  #desktopApp #tab-trips .search-wrap { width:min(520px,100%)!important;height:44px!important;margin:0 0 17px!important;border:1px solid var(--desk-line)!important;border-radius:11px!important;background:rgba(10,22,34,.9)!important; }
  #desktopApp #tab-trips .search-wrap input { font-size:11px!important; }
  #desktopApp #tripListFull { display:flex!important;flex-direction:column!important;gap:11px!important; }
  #desktopApp #tripListFull .trip-hcard2 { width:100%!important;height:168px!important;display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;border-radius:14px!important; }
  #desktopApp #tripListFull .trip-hcard2:hover { transform:translateX(3px)!important; }
  #desktopApp #tripListFull .thc-photo { grid-column:1!important; }
  #desktopApp #tripListFull .thc-overlay { grid-column:2!important;position:relative!important;padding:18px 22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:linear-gradient(115deg,rgba(14,29,44,.98),rgba(7,17,27,.97))!important; }
  #desktopApp #tripListFull .thc-title { max-width:72%!important;margin-bottom:7px!important;font-size:18px!important; }
  #desktopApp #tripListFull .thc-meta-row { margin-bottom:10px!important;font-size:10px!important; }
  #desktopApp #tripListFull .thc-bottom-row { margin-top:0!important;padding-top:10px!important; }
  #desktopApp #tripListFull .thc-price strong { font-size:21px!important; }
  #desktopApp #tripListFull .thc-status-pill { top:14px!important;left:14px!important;font-size:9px!important; }

  /* Profile dashboard */
  #desktopApp #myContent { display:grid!important;grid-template-columns:1fr!important;gap:15px!important; }
  #desktopApp #myContent .my-profile { min-height:178px!important;margin:0!important;padding:22px 25px!important;display:grid!important;grid-template-columns:105px minmax(230px,.7fr) minmax(390px,1.3fr)!important;align-items:center!important;gap:22px!important;border:1px solid var(--desk-line)!important;border-radius:16px!important;background:linear-gradient(115deg,rgba(14,30,44,.97),rgba(7,17,27,.96))!important;box-shadow:none!important; }
  #desktopApp #myContent .my-ava-col { width:105px!important; }
  #desktopApp #myContent .my-ava { width:83px!important;height:83px!important; }
  #desktopApp #myContent .my-info { text-align:left!important; }
  #desktopApp #myContent .my-info h2 { font-size:20px!important; }
  #desktopApp #myContent .my-stats { margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important; }
  #desktopApp #myContent .my-stat { min-height:80px!important;padding:12px!important;border:1px solid var(--desk-line)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important; }
  #desktopApp #myContent .my-payment-filter { width:max-content!important;max-width:100%!important;margin:0!important;padding:4px!important;border-radius:11px!important; }
  #desktopApp #myContent .hist-card { min-height:220px!important;margin:0!important;border-radius:15px!important; }
  #desktopApp #myContent .hist-group-title { margin:19px 0 9px!important;color:#f0f6fa!important;font-size:16px!important; }
  #desktopApp #myContent :is(#bookingHistoryList,.my-past-fade-list) { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; }
  #desktopApp #myContent .my-past-fade-list > * { position:relative!important;opacity:1!important;transform:none!important; }
  #desktopApp #myContent .btn-logout { max-width:310px!important;margin:25px auto 0!important; }

  /* Learning centre */
  #desktopApp #notifContent { display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;gap:14px 20px!important;align-items:start!important; }
  #desktopApp #notifContent .learning-page-intro { grid-column:1!important;margin:0!important; }
  #desktopApp #notifContent .learning-summary-card { grid-column:1!important;position:sticky!important;top:calc(var(--desk-top) + 20px)!important;margin:0!important;border-radius:15px!important; }
  #desktopApp #notifContent .prep-item-card { grid-column:2!important;min-height:104px!important;margin:0!important;padding:16px 18px!important;display:grid!important;grid-template-columns:52px 1fr 34px!important;align-items:center!important;border:1px solid var(--desk-line)!important;border-radius:14px!important;background:linear-gradient(120deg,rgba(14,29,43,.96),rgba(8,18,28,.95))!important; }
  #desktopApp #notifContent .prep-item-icon { width:45px!important;height:45px!important; }
  #desktopApp #notifContent .prep-item-title { font-size:14px!important; }
  #desktopApp #notifContent .learning-topic-heading { grid-column:2!important;margin:15px 0 0!important; }

  /* Independent desktop landing */
  #desktopApp .desk-landing { position:fixed;inset:0;z-index:3000;padding:25px;display:none;grid-template-columns:minmax(0,1.55fr) minmax(390px,.7fr);gap:24px;background:#04090f; }
  #desktopApp .desk-landing.show { display:grid; }
  body.desktop-landing-open { overflow:hidden!important; }
  #desktopApp .desk-landing-art { position:relative;min-width:0;overflow:hidden;border:1px solid var(--desk-line);border-radius:22px;background:#08121d; }
  #desktopApp .desk-landing-art > img { width:100%;height:100%;padding:24px;object-fit:contain;background:radial-gradient(circle at 55% 45%,#10283a,#040a11 72%); }
  #desktopApp .desk-landing-art::after { content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,14,.86),transparent 62%); }
  #desktopApp .desk-landing-caption { display:none;position:absolute;left:34px;bottom:34px;z-index:2; }
  #desktopApp .desk-landing-caption small { color:#69d3f8;font-size:9px;font-weight:800;letter-spacing:1.5px; }
  #desktopApp .desk-landing-caption h2 { margin:10px 0 7px;color:#fff;font-size:clamp(31px,3.2vw,52px);line-height:1.15;letter-spacing:-1px; }
  #desktopApp .desk-landing-caption p { margin:0;color:#a9bdcb;font-size:12px; }
  #desktopApp .desk-landing-panel { padding:7px 5px;display:flex;min-width:0;flex-direction:column; }
  #desktopApp .desk-landing-head { padding:5px 0 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--desk-line); }
  #desktopApp .desk-landing-head img { width:46px;height:46px;border-radius:50%; }
  #desktopApp .desk-landing-head div { display:flex;flex-direction:column; }
  #desktopApp .desk-landing-head strong { color:#fff;font-size:17px; }
  #desktopApp .desk-landing-head small { margin-top:2px;color:#536d81;font-size:8px;font-weight:800;letter-spacing:1.1px; }
  #desktopApp .desk-landing-intro { margin:auto 0 20px; }
  #desktopApp .desk-landing-intro > small { color:#58c8ef;font-size:9px;font-weight:800;letter-spacing:1.2px; }
  #desktopApp .desk-landing-intro h1 { margin:8px 0;color:#fff;font-size:26px;line-height:1.25; }
  #desktopApp .desk-landing-intro p { max-width:350px;margin:0;color:#71899c;font-size:11px;line-height:1.6; }
  #desktopApp .desk-landing-menu { display:flex;flex-direction:column;gap:8px; }
  #desktopApp .desk-landing-menu button { min-height:72px;padding:12px 15px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;border:1px solid var(--desk-line);border-radius:13px;background:rgba(12,25,38,.82);color:#fff;text-align:left;cursor:pointer;transition:.2s ease; }
  #desktopApp .desk-landing-menu button:hover { transform:translateX(-4px);border-color:rgba(125,211,252,.36);background:rgba(16,35,52,.95); }
  #desktopApp .desk-landing-menu svg { width:22px;height:22px;margin:auto;fill:none;stroke:#80d8f8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
  #desktopApp .desk-landing-chat { width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(56,189,248,.1);color:#80d8f8;font-size:18px;letter-spacing:2px; }
  #desktopApp .desk-landing-menu button > span:nth-child(2) { display:flex;flex-direction:column; }
  #desktopApp .desk-landing-menu strong { font-size:13px; }
  #desktopApp .desk-landing-menu small { margin-top:3px;color:#71899c;font-size:9px; }
  #desktopApp .desk-landing-menu b { color:#5a788d;font-size:14px; }
  #desktopApp .desk-landing-foot { margin-top:auto;padding:19px 0 3px;display:flex;justify-content:space-between;border-top:1px solid var(--desk-line);color:#4c6579;font-size:8px; }
  #desktopApp .desk-landing-foot i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--desk-green);box-shadow:0 0 9px rgba(52,211,153,.7); }

  /* Full-screen workflows remain shared, but use desktop workbench proportions. */
  #bookingPage2 .bk-body { width:min(calc(100% - 60px),1480px)!important;max-width:1480px!important;grid-template-columns:minmax(0,1fr) 520px!important; }
  #bookingPage2 .van-blocks-row { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  #bookingPage2 #seatFormsContainer { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #modalBg .modal-sheet { width:min(1040px,calc(100vw - 80px))!important;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important; }
  #adminCenter.show { grid-template-columns:226px minmax(0,1fr)!important;grid-template-rows:70px minmax(0,1fr)!important; }

  #desktopApp :is(button,a,[role="button"]):focus-visible { outline:3px solid rgba(125,211,252,.72);outline-offset:3px; }
}

@media (min-width:1024px) and (max-width:1279px) {
  :root { --desk-side:210px; }
  #desktopApp .desk-workspace { padding-left:22px;padding-right:22px; }
  #desktopApp .desk-page-copy p { display:none; }
  #desktopApp #homeContent .pc-layout { grid-template-columns:1fr!important; }
  #desktopApp #homeContent .pc-support { position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  #desktopApp #upcomingList,#desktopApp #bookingUpcomingList { grid-template-columns:1fr!important; }
  #desktopApp #myContent .my-profile { grid-template-columns:92px 1fr!important; }
  #desktopApp #myContent .my-stats { grid-column:1/-1!important; }
  #desktopApp #notifContent { grid-template-columns:250px minmax(0,1fr)!important; }
  #desktopApp .desk-landing { grid-template-columns:minmax(0,1.2fr) 380px;padding:18px;gap:18px; }
}

@media (min-width:1600px) {
  #desktopApp #upcomingList,#desktopApp #bookingUpcomingList { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  #desktopApp .past-grid { grid-template-columns:repeat(5,minmax(0,1fr))!important; }
  #desktopApp #myContent :is(#bookingHistoryList,.my-past-fade-list) { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}