/* ============================================================================
   หน้างานรวม "กระดานเดียว" (Boss สั่ง 2026-09-13)
   งานทุกแหล่ง — รูปในอัลบั้ม / งานจากรีวิว / ใบแจ้งซ่อม — มาลงเป็นการ์ดหน้าตา
   เดียวกันในกล่องเดียว จัดกลุ่ม โซน → บ้าน

   ⚠️ ตั้งใจไม่ใช้คลาส .album-item ซ้ำ ถึงแม้หน้าตาคล้ายกัน
      เพราะ .album-item มีกฎทับซ้อนอยู่หลายชั้นในหน้า (เช่น @media 1100px
      ย่อรูปเหลือ 78px + scale ปุ่มมุมเหลือ .74) ซึ่งทำให้การ์ด "ข้อความ"
      เล็กจนอ่านไม่ออก · ที่นี่จึงเขียนชุดของตัวเอง ขึ้นต้นด้วย ub- ทั้งหมด
============================================================================ */

/* ---- หัวโซน ---- */
.ub-zone { margin: 0 0 22px; }
.ub-zone-head {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 12px; padding: 9px 12px;
  background: #0d1424; border: 1px solid #1e2740; border-radius: 11px;
}
.ub-zone-name { font-size: 15px; font-weight: 800; color: #e6ebf5; }
.ub-zone-n {
  background: #f97316; color: #fff; border-radius: 999px;
  padding: 2px 10px; font-size: 12px; font-weight: 800;
}
.ub-zone-pick {
  margin-left: auto; cursor: pointer;
  background: #151c30; border: 1px solid #2b3550; border-radius: 8px;
  padding: 5px 11px; font-family: inherit; font-size: 12px; font-weight: 700; color: #b9c5de;
}
.ub-zone-pick:hover { border-color: #6366f1; color: #e6ebf5; }

/* ---- หัวบ้าน (ชั้นที่ 2) ---- */
.ub-house { margin: 0 0 14px; }
.ub-house-head {
  display: flex; align-items: center; gap: 8px;
  margin: 0 0 8px; padding: 0 2px;
  font-size: 13px; font-weight: 700; color: #b9c5de;
}
.ub-house-n { color: #93a0bd; font-weight: 500; }
.ub-house-pick {
  margin-left: auto; cursor: pointer;
  background: none; border: 1px solid #2b3550; border-radius: 7px;
  padding: 3px 9px; font-family: inherit; font-size: 11px; font-weight: 700; color: #93a0bd;
}
.ub-house-pick:hover { border-color: #6366f1; color: #e6ebf5; }

/* ---- ตารางการ์ด ---- */
/* ไม่ผูกกับ .album-grid เพื่อไม่ให้โดนกฎย่อ 78px ของจอกว้างทับ */
.ub-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}
/* คอม = ไทล์เล็กลง (Boss สั่ง 2026-09-13 "ยังไงมันจะขยายอยู่แล้ว")
   เดิม minmax(150px) ได้ไทล์ 163px / 6 คอลัมน์ — ใหญ่เกินจำเป็นเพราะคลิก/ชี้ก็ขยายดูอยู่แล้ว
   ⚠️ ใช้ (min-width:561px) ให้เริ่มต่อจากเบรกมือถือ (max-width:560px) พอดี ไม่ทับกัน
      มือถือคงเป็น 3 คอลัมน์ตายตัวเหมือนเดิม ไม่โดนกฎนี้ */
@media (min-width: 561px) {
  .ub-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 8px; }
  /* ไทล์เหลือ ~100px — ปุ่มมุม/ตัวหนังสือต้องย่อตาม ไม่งั้นบังรูปจนดูไม่ออก
     (ยืมค่าชุดเดียวกับเบรกมือถือ ซึ่งพิสูจน์แล้วว่าอ่านออกที่ ~110px) */
  .ub-card .ub-check, .ub-card .ub-btn,
  .ub-card .itm-done, .ub-card .itm-done-tag { width: 21px; height: 21px; min-width: 21px; }
  .ub-card .ub-check { font-size: 13px; }
  .ub-card .ub-btn { font-size: 11px; }
  .ub-card .itm-done, .ub-card .itm-done-tag { padding: 0; font-size: 11px; }
  .ub-card .ub-edit, .ub-card .ub-pin { top: 32px; }
  .ub-card .ub-loc { font-size: 9px; padding: 1px 5px; max-width: calc(100% - 34px); }
  .ub-txt { padding: 26px 7px 24px; gap: 3px; }
  .ub-kind { font-size: 9px; padding: 1px 6px; }
  .ub-title { font-size: 10.5px; -webkit-line-clamp: 3; }
  .ub-txt:has(.ub-desc) .ub-title { -webkit-line-clamp: 1; }
  .ub-txt:has(.ub-desc) { padding: 20px 6px 30px; gap: 1px; }
  .ub-txt:has(.ub-desc) .ub-kind { display: none; }   /* ไทล์ ~100px ไม่พอ 4 ชั้น — ป้ายชนิดดูจากสีพื้นได้ */
  .ub-desc { font-size: 9.5px; -webkit-line-clamp: 4; min-height: 2.6em; }
  .ub-sub { font-size: 9px; }
}
/* ---- การ์ด ---- */
.ub-card {
  position: relative; aspect-ratio: 1; overflow: hidden;
  background: #151c30; border: 2px solid #2b3550; border-radius: 12px;
  cursor: pointer; transition: border-color .12s, transform .12s;
}
.ub-card:hover { border-color: #6366f1; transform: translateY(-2px); }
.ub-card.sel { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.35); }
.ub-card.done { opacity: .62; }
.ub-card > img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* การ์ดข้อความ (งานรีวิว / ใบแจ้งซ่อมที่ไม่มีรูป) — สีพื้นแยกตามชนิด
   จะได้กวาดตาแล้วรู้ว่างานมาจากไหน โดยไม่ต้องอ่านป้าย */
.ub-txt {
  /* ⚠️⚠️ การ์ดสูงด้วย `aspect-ratio:1` ไม่ได้ตั้ง height เป็นตัวเลข
     → ลูกที่ใช้ `height:100%` จะ "อ้างอิงความสูงไม่ได้" แล้วยืดตามเนื้อหาแทน
       (เดิมไม่มีใครเห็น เพราะมีแค่ชื่อ 4 บรรทัดที่พอดีอยู่แล้ว)
     พอเพิ่มบรรทัดปัญหา กล่องเลยสูงทะลุการ์ด ข้อความไหลไปทับแถว 🏠
     ⇒ ยึดกับกรอบการ์ดตรง ๆ ด้วย absolute inset:0 ความสูงจึงเท่าการ์ดเสมอ */
  position: absolute; inset: 0;
  padding: 30px 10px 28px;
  display: flex; flex-direction: column; gap: 5px; overflow: hidden;
}
.ub-card.k-review .ub-txt { background: linear-gradient(160deg, #2a1f3d, #1a1430); }
.ub-card.k-task   .ub-txt { background: linear-gradient(160deg, #10283d, #0e1c2e); }
.ub-kind {
  flex: 0 0 auto; align-self: flex-start;
  background: rgba(0,0,0,.4); border-radius: 999px; padding: 2px 8px;
  font-size: 10px; font-weight: 800; color: #cbd5e1; letter-spacing: .2px;
}
.ub-title {
  font-size: 12px; font-weight: 700; line-height: 1.35; color: #e6ebf5;
  /* ตัดข้อความให้พอดีไทล์ — ยาวกว่านี้ต้องแตะการ์ดอ่านเต็ม */
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 0;
}
/* 🔴 เนื้อ "ปัญหา" ของงานรีวิว (Boss สั่ง 2026-09-14 ให้เห็นในช่องเลย)
   ⚠️⚠️ ไทล์จริงกว้างแค่ ~107px — ของเดิมชื่อยาวได้ 4 บรรทัดจนเต็มพอดี
      พอแทรกบรรทัดปัญหาเข้าไป ข้อความ "ทะลุลงไปชนแถว 🏠 ด้านล่าง"
      ⇒ ① บีบชื่อเหลือ 2 บรรทัด (ชื่อเป็นชื่อบ้าน/หมวด สั้นอยู่แล้ว ที่ว่างควรเป็นของปัญหา)
        ② ใส่ min-height:0 — flex item ที่ clamp ไว้ ถ้าไม่มีอันนี้ "หดไม่ได้" แล้วล้นออกนอกกล่อง
        ③ ตัวปัญหาเป็นตัวยืดหยุ่น (flex:1 1 auto) ให้มันหดเองเมื่อที่ไม่พอ */
.ub-txt:has(.ub-desc) .ub-title { -webkit-line-clamp: 1; flex: 0 0 auto; min-height: 0;
  font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
/* ⚠️⚠️ ไทล์สูงแค่ ~107px — หัก padding บน 30 ล่าง 28 เหลือเนื้อที่จริงราว 45px เท่านั้น
   ถ้าวาง ป้ายชนิด + ชื่อ + ปัญหา + วันที่ ครบ 4 ชั้น ตัวปัญหาจะโดนบีบจนสูงเกือบ 0 อ่านไม่ออก
   ⇒ การ์ดที่มีบรรทัดปัญหา จัดใหม่: ชิดขอบบนขึ้น · ซ่อน "วันที่" (มีในป๊อปอัปตอนชี้อยู่แล้ว)
     · บีบ gap — ยกพื้นที่ทั้งหมดให้ตัวปัญหา ซึ่งเป็นสิ่งที่ Boss สั่งให้เห็น */
.ub-txt:has(.ub-desc) { padding: 22px 8px 30px; gap: 2px; }
.ub-txt:has(.ub-desc) .ub-sub { display: none; }
.ub-txt:has(.ub-desc) .ub-kind { font-size: 9px; padding: 1px 6px; }
.ub-desc {
  /* ⚠️ อย่าใช้ flex:1 1 auto ล้วน ๆ — ในไทล์เตี้ย flex จะบีบตัวนี้จนสูง 0 แล้ว "หายไปเลย"
     ตัวปัญหาคือของที่ต้องเห็น จึงกันความสูงขั้นต่ำไว้ 2 บรรทัดก่อน ค่อยยืดถ้ามีที่เหลือ */
  flex: 1 1 auto; min-height: 2.6em;
  font-size: 10px; line-height: 1.28; color: #cfd8e8; font-weight: 500;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.ub-txt:has(.ub-desc) .ub-sub { flex: 0 0 auto; }
.ub-sub { margin-top: auto; font-size: 10px; color: #93a0bd; }

/* การ์ดรูปที่โหลดรูปไม่ขึ้น — กันจอว่างเปล่าไม่รู้ว่าเป็นการ์ดอะไร */
.ub-noimg {
  height: 100%; display: flex; align-items: center; justify-content: center;
  font-size: 30px; background: #101728;
}

/* ---- ปุ่มมุมการ์ด (ชุดเดียวกับอัลบั้มเดิม แต่ขนาดคงที่ ไม่โดน scale ทับ) ---- */
.ub-card .ub-check {
  position: absolute; top: 7px; left: 7px; width: 24px; height: 24px; border-radius: 8px;
  background: rgba(0,0,0,.55); border: 2px solid rgba(255,255,255,.45);
  display: flex; align-items: center; justify-content: center;
  color: transparent; font-size: 15px; font-weight: 800; line-height: 1;
}
.ub-card.sel .ub-check { background: #6366f1; border-color: #6366f1; color: #fff; }
.ub-card .ub-btn {
  position: absolute; width: 24px; height: 24px; border-radius: 7px;
  background: rgba(0,0,0,.55); border: 1px solid rgba(255,255,255,.28);
  color: #e6ebf5; font-size: 12px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center; padding: 0;
}
.ub-card .ub-del  { top: 7px; right: 7px; }
.ub-card .ub-del:hover { background: #dc2626; border-color: #dc2626; }
.ub-card .ub-edit { top: 36px; left: 7px; }
.ub-card .ub-pin  { top: 36px; right: 7px; }
.ub-card .ub-pin.on { background: #f59e0b; border-color: #f59e0b; color: #1a1200; }
.ub-card .ub-btn:hover { border-color: #6366f1; }

.ub-card .ub-loc {
  position: absolute; left: 7px; bottom: 7px; max-width: calc(100% - 60px);
  background: rgba(0,0,0,.6); border-radius: 7px; padding: 2px 7px;
  font-size: 10px; font-weight: 700; color: #cbd5e1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ub-card .ub-loc.none { color: #fbbf24; }
/* ปุ่ม/ป้าย "เสร็จ" — ใช้ data-itemdone ตัวเดียวกับทั้งหน้า (handler อยู่ที่ document) */
.ub-card .itm-done, .ub-card .itm-done-tag {
  position: absolute; right: 7px; bottom: 7px;
  min-width: 26px; height: 24px; padding: 0 7px; border-radius: 7px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; line-height: 1; cursor: pointer;
  background: #14532d; border: 1px solid #1f7a45; color: #86efac;
  transform: none;   /* กันกฎ scale(.74) ของ .sv-col .album-item เผลอมาโดน */
}
.ub-card .itm-done:hover { background: #1f7a45; color: #eafff1; }

/* มือถือ = 3 คอลัมน์ตายตัว (Boss สั่ง 2026-09-13 "การ์ดมันดูใหญ่ไป")
   ใช้ repeat(3,1fr) ไม่ใช่ auto-fill minmax เพราะ auto-fill ที่จอ 375px คำนวณได้แค่
   2 คอลัมน์ และพอจอกว้างขึ้นนิดเดียวก็กระโดดเป็น 4 — จำนวนคอลัมน์เอาแน่เอานอนไม่ได้ */
@media (max-width: 560px) {
  .ub-grid { grid-template-columns: repeat(3, 1fr); gap: 7px; }
  /* ไทล์เหลือ ~110px — ปุ่มมุมกับตัวหนังสือต้องย่อตาม ไม่งั้นบังกันจนดูรูปไม่ออก
     (พื้นที่กดยังเท่าเดิม เพราะขยายด้วย ::after ในบล็อก @media (hover:none)) */
  .ub-card .ub-check, .ub-card .ub-btn,
  .ub-card .itm-done, .ub-card .itm-done-tag { width: 21px; height: 21px; min-width: 21px; }
  .ub-card .ub-check { font-size: 13px; }
  .ub-card .ub-btn { font-size: 11px; }
  .ub-card .itm-done, .ub-card .itm-done-tag { padding: 0; font-size: 11px; }
  .ub-card .ub-edit, .ub-card .ub-pin { top: 32px; }
  .ub-card .ub-loc { font-size: 9px; padding: 1px 5px; max-width: calc(100% - 34px); }
  .ub-txt { padding: 26px 7px 24px; gap: 3px; }
  .ub-kind { font-size: 9px; padding: 1px 6px; }
  .ub-title { font-size: 10.5px; -webkit-line-clamp: 3; }
  .ub-txt:has(.ub-desc) .ub-title { -webkit-line-clamp: 1; }
  .ub-txt:has(.ub-desc) { padding: 20px 6px 30px; gap: 1px; }
  .ub-txt:has(.ub-desc) .ub-kind { display: none; }   /* ไทล์ ~100px ไม่พอ 4 ชั้น — ป้ายชนิดดูจากสีพื้นได้ */
  .ub-desc { font-size: 9.5px; -webkit-line-clamp: 4; min-height: 2.6em; }
  .ub-sub { font-size: 9px; }
}


/* ---- ป๊อปอัปตอนเอาเมาส์วาง (เดสก์ท็อปเท่านั้น) ----
   ไทล์จัตุรัสตัดข้อความไว้ 4 บรรทัด และรูปก็เล็ก — ต้องมีทางอ่านรายละเอียด
   โดยไม่ต้องคลิกเปิดทีละใบ · ใช้แพตเทิร์นเดียวกับ #pinPop ของหน้าหมุด
   ⚠️ pointer-events:none สำคัญมาก — ถ้าเมาส์ชนกล่องได้ จะเกิด mouseout ของการ์ด
      แล้วป๊อปอัปกะพริบปิด-เปิดไม่หยุด */
#ubPop {
  position: fixed; z-index: 9998; pointer-events: none;
  background: #0f1524; border: 1px solid #3a4767; border-radius: 12px;
  padding: 12px 14px; box-shadow: 0 18px 48px rgba(0,0,0,.66);
  width: 400px; max-width: calc(100vw - 24px); max-height: 70vh; overflow: hidden;
  opacity: 0; transition: opacity .1s; display: none;
}
#ubPop.on { opacity: 1; display: block; }
#ubPop .upp-kind, #pinPop.upp .upp-kind, .ub-info .upp-kind {
  display: inline-block; background: #1e2740; border-radius: 999px;
  padding: 2px 9px; margin-bottom: 7px;
  font-size: 10px; font-weight: 800; color: #a9b6d4;
}
#ubPop .upp-title, #pinPop.upp .upp-title, .ub-info .upp-title {
  font-size: 14px; font-weight: 800; color: #e6ebf5;
  line-height: 1.4; margin-bottom: 9px; word-break: break-word;
}
#ubPop img.upp-photo, #pinPop.upp img.upp-photo, .ub-info img.upp-photo {
  width: 100%; max-height: 210px; object-fit: cover;
  border-radius: 9px; margin-bottom: 10px; display: block;
}
#ubPop .upp-row, #pinPop.upp .upp-row, .ub-info .upp-row {
  display: flex; gap: 8px; padding: 4px 0;
  font-size: 12px; line-height: 1.45; border-top: 1px solid #1b2338;
}
#ubPop .upp-row:first-of-type, #pinPop.upp .upp-row:first-of-type, .ub-info .upp-row:first-of-type { border-top: none; }
#ubPop .upp-k, #pinPop.upp .upp-k, .ub-info .upp-k { flex: 0 0 92px; color: #8d9ab8; font-weight: 600; }
#ubPop .upp-v, #pinPop.upp .upp-v, .ub-info .upp-v { flex: 1; color: #dbe3f2; word-break: break-word; }
/* ข้อความยาว (รายละเอียดรีวิว/แผนแก้) ตัดที่ 6 บรรทัด กันป๊อปอัปสูงล้นจอ */
#ubPop .upp-v.long, #pinPop.upp .upp-v.long, .ub-info .upp-v.long {
  display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
}
#ubPop .upp-hint, #pinPop.upp .upp-hint, .ub-info .upp-hint { margin-top: 9px; font-size: 11px; color: #7c89a8; }
@media (hover: none) { #ubPop { display: none !important; } }

/* ---- รายละเอียดแบบเดียวกัน แต่เป็นแผ่นซ้อนสำหรับ "จอสัมผัส" ----
   มือถือไม่มี hover จริง → กดค้างที่การ์ดแล้วกางแผ่นนี้แทน (Boss สั่ง 2026-09-13
   "อยากแบบนี้ได้ทั้งมือถือและในคอม") เนื้อหาตัวเดียวกับ #ubPop เป๊ะ ๆ
   ต่างแค่มีที่ให้เลื่อน จึงไม่ต้องตัดข้อความ/ย่อรูปเหมือนตอน hover */
.ub-info .upp-v.long { -webkit-line-clamp: unset; overflow: visible; }
.ub-info img.upp-photo { max-height: 46vh; }
.ub-info .upp-hint { display: none; }          /* คำใบ้ของฝั่ง hover ไม่ตรงกับการกดค้าง */
.ub-info-more {
  width: 100%; margin-top: 14px; cursor: pointer;
  background: #6366f1; border: none; border-radius: 11px; padding: 12px;
  font-family: inherit; font-size: 14px; font-weight: 800; color: #fff;
}

/* ปุ่มมุมการ์ดบนจอสัมผัส — 24px เล็กเกินกว่านิ้วจะกดแม่น ขยายพื้นที่กดด้วย
   ::after โปร่งใส (ไม่ขยายตัวปุ่มที่ตาเห็น ไม่งั้นบังรูปจนดูไม่ออก) */
@media (hover: none) {
  .ub-card .ub-check::after,
  .ub-card .ub-btn::after,
  .ub-card .itm-done::after {
    content: ''; position: absolute; top: -7px; right: -7px; bottom: -7px; left: -7px;
  }
  .ub-card:hover { transform: none; }          /* จอสัมผัสไม่ควรมีสถานะ hover ค้าง */
}

/* คำใบ้วิธีดูรายละเอียดบนมือถือ — โผล่เฉพาะจอสัมผัส เพราะ "กดค้าง" ไม่มีอะไรบอก
   (เดสก์ท็อปไม่ต้อง เอาเมาส์วางก็เจอเอง) */
#ubTouchHint { display: none; }
@media (hover: none) {
  #ubTouchHint {
    display: block; margin: 0 0 12px; padding: 9px 12px;
    background: #151c30; border: 1px solid #2b3550; border-radius: 10px;
    font-size: 12px; line-height: 1.5; color: #93a0bd;
  }
}

/* ---- แผงรายละเอียด (แตะการ์ดข้อความแล้วกาง) ---- */
.ub-sheet {
  position: fixed; inset: 0; z-index: 120;
  background: rgba(3,6,14,.72);
  display: flex; align-items: flex-end; justify-content: center;
}
@media (min-width: 700px) { .ub-sheet { align-items: center; } }
.ub-sheet-in {
  width: min(680px, 100%); max-height: 86vh; overflow-y: auto;
  background: #121828; border: 1px solid #1e2740;
  border-radius: 16px 16px 0 0; padding: 16px;
}
@media (min-width: 700px) { .ub-sheet-in { border-radius: 16px; } }
.ub-sheet-close {
  float: right; cursor: pointer; background: #151c30;
  border: 1px solid #2b3550; border-radius: 9px; padding: 6px 12px;
  font-family: inherit; font-size: 13px; font-weight: 700; color: #b9c5de;
}

/* ---- แถบ "ที่เลือกไว้" สำหรับการ์ดที่ไม่ใช่รูป ---- */
/* ปุ่มของรูป (ย้ายบ้าน/สั่งงาน/ลบ) ใช้แถบ #fabBar เดิม — แถบนี้เสริมเฉพาะงานรีวิว/แจ้งซ่อม
   ที่ทำสองอย่างนั้นไม่ได้ เหลือแค่ปักหมุดกับปิดงาน */
.ub-bulk {
  position: sticky; bottom: 10px; z-index: 25;
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
  margin: 14px 0 0; padding: 10px 13px;
  background: #0d1424; border: 1px solid #6366f1; border-radius: 12px;
  font-size: 13px; font-weight: 700; color: #e6ebf5;
}
.ub-bulk button {
  cursor: pointer; background: #151c30; border: 1px solid #2b3550; border-radius: 9px;
  padding: 7px 13px; font-family: inherit; font-size: 13px; font-weight: 700; color: #b9c5de;
}
.ub-bulk button:hover { border-color: #6366f1; color: #e6ebf5; }

/* ---- ว่างเปล่า ---- */
.ub-empty { padding: 40px 16px; text-align: center; color: #93a0bd; }
.ub-empty .emoji { font-size: 34px; margin-bottom: 8px; }

/* ============================================================================
   ซ่อน 3 ส่วนเดิม — ยังต้องเก็บ DOM ไว้ทั้งหมด!
   renderAlbum() / renderReviewInbox() / renderAllJobs() ยังวาดลงในนั้นอยู่
   และกระดานนี้อ่านผลจากตัวแปรที่ฟังก์ชันพวกนั้นเตรียมไว้ · ถ้าลบ DOM ทิ้ง
   ฟังก์ชันเดิมจะพังทั้งหน้า (เคยมีบันทึกไว้แล้วว่า "ตัดบล็อกแล้วปุ่มหาย")
============================================================================ */
.sv-col:has(> #ccPhoto),
.sv-col:has(> #ccReview),
.sv-col:has(> #ccAll),
.sv-col:has(> #ccTrack) { display: none !important; }

/* ช่องติ๊ก "แสดงทุกกล่อง" คุมการพับ/กางของ 3 ส่วนที่ซ่อนไปแล้ว → กดแล้วไม่มีอะไรเกิดขึ้น
   ซ่อนทิ้ง (ไม่ลบ element เพราะ svAllCb ยัง sync สถานะกับหัวข้อที่ซ่อนอยู่) */
#svAllCb { display: none !important; }

/* กระดานรวมกินเต็มกล่อง และไม่ต้องมีหัวข้อแบบแถบคั่นอีก (เหลือส่วนเดียวแล้ว) */
#ubCol { padding: 0 !important; }
/* แถบเครื่องมือ (เลือกหลายรูป / ถ่ายรูป / สั่งงานจากข้อความ) ที่ย้ายขึ้นมาไว้บนสุด */
#ubTools { margin: 0 0 14px; }