/* ============================================================================
   dashboard — DESKTOP layout (min-width:768px). LAYOUT ONLY (mobile SoT untouched).
   เดิม: desktop = mobile ยืดเป็นคอลัมน์เดียวกว้าง 1080 (เปลืองพื้นที่แนวนอน).
   ใหม่: บาลานซ์เป็น "bento" 2 คอลัมน์ — ซ้าย = ฟีดออเดอร์/พัสดุ · ขวา = ระดับ/แจ้งเตือน,
   ยอดเงินเป็นแถบบนสุด, ปุ่มลัดเต็มความกว้าง.
   ============================================================================ */
@media (min-width:768px){
  .page-header .ib{display:none}
  .page-header{background:#fff;border-bottom:1px solid #F0E7DA}
  body{background:#F4F5F7 !important}          /* light desktop canvas (เข้าธีม appshell) */

  /* greeting hero = แบนเนอร์กว้างเท่าคอลัมน์เนื้อหา (มุมโค้ง ไม่ full-bleed) */
  .hero{max-width:1180px;margin:16px auto 0;border-radius:22px}

  /* content = bento grid 2 คอลัมน์ (ซ้ายกว้าง = ฟีด · ขวาแคบ = แผงบัญชี) */
  html body main.page{
    max-width:1180px;margin-inline:auto;padding-left:0 !important;padding-right:0 !important;
    display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px 20px;align-items:start;
    grid-template-areas:
      "bal      level"
      "quick    quick"
      "orders   notifs"
      "parcels  notifs";
  }
  #balRow      {grid-area:bal;     margin:0}
  #levelCard   {grid-area:level;   margin:0;align-self:stretch}
  #quick       {grid-area:quick;   margin:0}
  .blk-orders  {grid-area:orders;  margin:0}
  .blk-parcels {grid-area:parcels; margin:0}
  .blk-notifs  {grid-area:notifs;  margin:0}

  /* cards: เงานุ่ม + เส้นบางเข้าธีม light บนพื้นเทา */
  main.page .card,.hero{box-shadow:0 18px 44px -30px rgba(20,25,35,.26)}
  main.page .bal,main.page .qbtn{box-shadow:0 18px 44px -30px rgba(20,25,35,.22)}

  /* balance = 2 การ์ดในคอลัมน์ซ้ายบน (คงเดิม 2 ช่อง) */
  #balRow{grid-template-columns:1fr 1fr;gap:14px}
  .bal-amt{font-size:24px}

  /* quick actions เต็มความกว้าง — ปุ่มโปร่งขึ้นเล็กน้อย */
  .qgrid{grid-template-columns:repeat(4,1fr);gap:14px}
  .qbtn{padding:16px 6px 13px}
  .qic{width:46px;height:46px}

  /* ฟีดในการ์ด: เว้นช่วงแถวสบายตาบน desktop */
  .orow,.nrow{padding:14px 16px}
  .blk .title{margin-bottom:2px}
}

@media (min-width:1280px){
  .hero{max-width:1240px}
  html body main.page{max-width:1240px}
}