/* Community · สไตล์ร่วม (หลังบ้าน + แอปพนักงาน) · 1 พ.ย. 2569 · หน้าตาแบบ Facebook โทนขาว–ดำ Push Media · ไอคอนเส้น (cb-shared.js CB.ic) */
.cbi{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.cbvh{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.cbav{position:relative;flex:none;display:inline-grid;place-items:center;border-radius:50%;background:#2F2F2F;color:#fff;font-weight:600;overflow:hidden;line-height:1}
.cbav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cbchip{display:inline-block;padding:0 8px;border-radius:99px;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap;color:var(--c);background:#F2F2F2;background:color-mix(in srgb,var(--c) 10%,#fff)}
.cbdot{width:9px;height:9px;border-radius:50%;background:#2563EB;flex:none;align-self:center}
.cbmen{font-weight:600;color:#1D4ED8}

/* ปุ่มใน Community: ล้างสไตล์ปุ่มรวมของแต่ละหน้า (แอปพนักงานตั้ง button สูง 40 จัดกลาง) · :where = ความเจาะจงต่ำ คลาสของแต่ละปุ่มยังชนะ */
:where(.cbcard,.cbcbox,.cbx,.cbpop,.cbl-sh,.cbl-home) button{height:auto;min-height:0;margin:0}

/* การ์ดโพสต์ */
.cbcard{background:#fff;border:1px solid #E4E4E4;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);display:flex;flex-direction:column;text-align:left}
.cbcard.pinned{border-color:#CFCFCF}
.cbpinbar{display:flex;align-items:center;gap:6px;padding:9px 16px 0;font-size:12.5px;font-weight:600;color:#5F5F5F}.cbpinbar .cbi{width:15px;height:15px}
.cbhd{display:flex;align-items:center;gap:10px;padding:12px 12px 4px 16px}
.cbwho{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cbwho b{font-size:15px;font-weight:600;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbwho span{font-size:12.5px;color:#7A7A7A;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.cbmw{position:relative}.cbmore{width:36px;height:36px;border-radius:50%;border:0;background:none;display:grid;place-items:center;color:#5F5F5F;cursor:pointer}
.cbmore:hover,.cbmore[aria-expanded="true"]{background:#F0F0F0}.cbmore .cbi{width:22px;height:22px}
.cbmenu{position:absolute;right:0;top:40px;z-index:30;width:320px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.05);padding:8px}
.cbmenu button{display:flex;gap:12px;align-items:flex-start;width:100%;border:0;background:none;text-align:left;padding:9px 10px;border-radius:8px;font:inherit;color:#111;cursor:pointer}
.cbmenu button:hover{background:#F2F2F2}.cbmenu .cbi{width:22px;height:22px;margin-top:1px}.cbmenu b{display:block;font-size:14.5px;font-weight:600}.cbmenu small{display:block;font-size:12.5px;color:#7A7A7A;margin-top:1px}
.cbmenu button.bad,.cbmenu button.bad b{color:#C0392B}.cbmenu hr{border:0;border-top:1px solid #E8E8E8;margin:6px 10px}
.cbflags{display:flex;gap:12px;padding:2px 16px 0;font-size:12.5px;color:#5F5F5F}.cbflags span{display:inline-flex;align-items:center;gap:4px}.cbflags .cbi{width:15px;height:15px}.cbflags .ok{color:#1A8A4A;font-weight:600}
.cbtxt{padding:6px 16px 10px;font-size:15px;line-height:23px;color:#111;word-break:break-word}.cbtxt a{color:#1D4ED8}
.cbtxt.clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:0}
.cbseemore{display:block;height:auto;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#5F5F5F;padding:2px 16px 10px;text-align:left;cursor:pointer}
.cbimgl{cursor:pointer}.cbimgs{display:grid;gap:2px;background:#F2F2F2}.cbimgs.n2,.cbimgs.n4{grid-template-columns:1fr 1fr}.cbimgs.n3{grid-template-columns:2fr 1fr 1fr}
.cbimgs img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#E8E8E8}.cbimgs.n1 img{aspect-ratio:auto;max-height:480px;object-fit:contain}
.cbimgs.n2 img{aspect-ratio:4/5}.cbimgs a{display:block}
.cbstat{display:flex;align-items:center;gap:6px;padding:10px 16px 8px;font-size:13.5px;color:#6A6A6A;min-height:20px}.cbstat .sp{flex:1}
.cbstat button{display:inline;height:auto;border:0;background:none;font:inherit;color:#6A6A6A;cursor:pointer;padding:0}.cbstat button:hover{text-decoration:underline}
.cblk{width:19px;height:19px;border-radius:50%;background:#2563EB;color:#fff;display:inline-grid;place-items:center}.cblk .cbi{width:11px;height:11px;fill:#fff}
.cbacts{display:flex;gap:4px;margin:0 12px;padding:4px 0;border-top:1px solid #E8E8E8}
.cbacts button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;border-radius:6px;padding:8px;font:inherit;font-size:14.5px;font-weight:600;color:#5F5F5F;cursor:pointer}
.cbacts button:hover{background:#F2F2F2}.cbacts button.on{color:#2563EB}.cbacts button.on .cbi{fill:#2563EB;fill-opacity:.15}.cbacts button:disabled{opacity:.5;cursor:default}

/* ความคิดเห็น */
.cbthread{display:flex;flex-direction:column;gap:12px;padding:10px 16px 6px;border-top:1px solid #E8E8E8}
.cbcm{display:flex;gap:8px;align-items:flex-start}.cbcb{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.cbbub{background:#F0F2F5;border-radius:16px;padding:8px 12px;font-size:14.5px;line-height:21px;color:#111;word-break:break-word;max-width:100%}
.cbbub b{font-size:13.5px;font-weight:600}.cbbub small{font-size:12px;color:#7A7A7A;margin-left:6px}.cbbub a{color:#1D4ED8}
.cbcm .cbimgs{border-radius:12px;overflow:hidden;max-width:280px;width:100%}
.cbca{display:flex;gap:14px;align-items:center;padding-left:12px;font-size:12.5px;color:#7A7A7A}.cbca button{display:inline;height:auto;border:0;background:none;font:inherit;font-weight:600;color:#5F5F5F;padding:0;cursor:pointer}
.cbca button:hover{text-decoration:underline}.cbca button.bad{color:#C0392B}
.cbkids{padding-left:42px;display:flex;flex-direction:column;gap:10px}
.cbcm.best .cbbub{background:#EAF6EF;box-shadow:inset 0 0 0 1px #B7E2C7}.cbbest{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#1A8A4A}.cbbest .cbi{width:14px;height:14px}
.cbdelx{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#8A8A8A;background:#F4F4F4;border-radius:12px;padding:7px 12px}.cbdelx .cbi{width:15px;height:15px}
.cbnone{font-size:13px;color:#8A8A8A;padding:6px 2px}

/* ช่องแสดงความคิดเห็น */
.cbcbox{padding:8px 16px 12px;display:flex;flex-direction:column;gap:6px}
.cbrepto{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6A6A6A;padding-left:42px}.cbrepto .cbi{width:15px;height:15px}
.cbrepto button{margin-left:auto;border:0;background:none;color:#6A6A6A;cursor:pointer;display:grid;place-items:center}
.cbcrow{display:flex;align-items:flex-end;gap:8px}
.cbpill{flex:1;min-width:0;display:flex;align-items:flex-end;background:#F0F2F5;border-radius:20px;padding:4px 6px 4px 14px}
.cbpill textarea{flex:1;min-width:0;border:0;background:none;resize:none;outline:none;font:inherit;font-size:15px;line-height:21px;padding:5px 0;max-height:140px;color:#111}
.cbpi{display:flex;gap:2px}.cbpi button,.cbpi label{position:relative;width:32px;height:32px;border-radius:50%;border:0;background:none;display:grid;place-items:center;color:#6A6A6A;cursor:pointer;overflow:hidden}
.cbpi button:hover,.cbpi label:hover{background:#E4E6E9}
.cbsend{width:36px;height:36px;border-radius:50%;border:0;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.cbsend:disabled{background:#E4E4E4;color:#9A9A9A;cursor:default}.cbsend .cbi{width:18px;height:18px}
.cbups{display:flex;gap:6px;flex-wrap:wrap}.cbups:empty{display:none}.cbcbox .cbups{padding-left:42px}
.cbup{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;background:#E6E6E6}.cbup img{width:100%;height:100%;object-fit:cover}.cbup.ld{opacity:.5}
.cbup button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.cbup button .cbi{width:13px;height:13px}

/* สร้างโพสต์ */
.cbx-who{display:flex;gap:10px;align-items:center}.cbx-who b{font-size:15px;font-weight:600}
.cbx-pills{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.cbx-aud select{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbaud{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-left:2px;padding:0 6px;border-radius:5px;background:#EFEFEF;color:#444;font-size:11.5px;font-weight:500;white-space:nowrap}.cbaud .cbi{width:12px;height:12px}
.cbx-pill{position:relative;display:inline-flex;align-items:center;gap:5px;background:#E9EAEC;border-radius:7px;padding:3px 8px;font-size:12.5px;font-weight:600;color:#111}
.cbx-pill .cbi{width:15px;height:15px}.cbx-pill select{all:unset;font-size:12.5px;font-weight:600;padding-right:20px;margin-right:-20px;cursor:pointer;color:#111;position:relative;z-index:1}
.cbx-txt{width:100%;min-height:140px;border:0;outline:none;resize:none;background:none;font:inherit;font-size:22px;line-height:32px;color:#111;padding:6px 0}
.cbx-txt::placeholder,#cbct::placeholder{color:#8A8D91}
.cbx-add{display:flex;align-items:center;gap:6px;border:1px solid #CED0D4;border-radius:10px;padding:8px 10px 8px 16px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.cbx-add b{flex:1;font-size:15px;font-weight:600}
.cbx-ic{position:relative;width:38px;height:38px;border-radius:50%;border:0;background:none;display:grid;place-items:center;cursor:pointer;overflow:hidden}.cbx-ic:hover{background:#F2F2F2}.cbx-ic .cbi{width:24px;height:24px}
.cbx-ic.cbg{color:#45BD62}.cbx-ic.cbbl{color:#1877F2}.cbx-ic.cbor{color:#F7B928}
.cbx-ann{display:flex;align-items:flex-start;gap:8px;background:#F5F7FF;border:1px solid #DCE4FB;border-radius:10px;padding:9px 12px;font-size:13px;color:#1F3A8A;line-height:19px}.cbx-ann[hidden]{display:none}.cbx-ann .cbi{width:17px;height:17px;margin-top:1px}
.cbx-go{display:flex;align-items:center;justify-content:center;height:auto;width:100%;border:0;border-radius:8px;padding:10px;font:inherit;font-size:15px;font-weight:600;background:#111;color:#fff;cursor:pointer}.cbx-go:disabled{background:#E4E6EB;color:#BCC0C4;cursor:default}

/* แผงลอย: อีโมจิ / แท็กคน */
.cbpop{background:#fff;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.05);padding:8px;z-index:40}
.cbemo{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-width:320px}.cbemo button{border:0;background:none;font-size:22px;border-radius:8px;padding:4px;cursor:pointer;line-height:1.2}.cbemo button:hover{background:#F2F2F2}
.cbtag{max-width:320px;display:flex;flex-direction:column;gap:2px}.cbtagq{display:flex;align-items:center;gap:8px;background:#F0F2F5;border-radius:18px;padding:6px 12px;margin-bottom:4px}
.cbtagq .cbi{width:16px;height:16px;color:#6A6A6A}.cbtagq input{border:0;background:none;outline:none;font:inherit;font-size:14px;flex:1;min-width:0}
.cbtag button{display:block;height:auto;width:100%;border:0;background:none;text-align:left;padding:7px 10px;border-radius:8px;font:inherit;cursor:pointer}.cbtag button:hover{background:#F2F2F2}.cbtag b{display:block;font-size:14px}.cbtag small{font-size:12px;color:#7A7A7A}

/* หลังบ้าน (admin-community.js) · คอลัมน์เดียวกลางจอ (1 พ.ย. 2569) */
.cba-wrap{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-bottom:40px}
.cba-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:4px}.cba-head h1{margin:0;font-size:26px;font-weight:700;color:#111}.cba-head .sub{font-size:13.5px;color:#6A6A6A;margin-top:2px}
.cba-q{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E3E3;border-radius:20px;padding:8px 14px;width:280px;max-width:100%}.cba-q .cbi{width:17px;height:17px;color:#8A8A8A}
.cba-q input{all:unset;font:inherit;font-size:14px;flex:1;min-width:0}
.cba-back{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:#6A6A6A;cursor:pointer;margin-bottom:2px}.cba-back:hover{color:#111}.cba-bk{width:16px;height:16px;transform:rotate(90deg)}
.cba-start{flex-direction:row;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;font:inherit;width:100%}
.cba-start>span:not(.cbav){flex:1;background:#F0F2F5;border-radius:20px;padding:10px 16px;color:#65676B;font-size:15.5px;text-align:left}.cba-start:hover>span:not(.cbav){background:#E4E6E9}.cba-start .cbg{color:#45BD62;width:26px;height:26px}
.cba-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cba-chips{display:flex;gap:6px;flex-wrap:wrap}
.cba-chip{height:32px;padding:0 14px;border:1px solid #E3E3E3;border-radius:99px;background:#fff;font:inherit;font-size:13.5px;color:#111;cursor:pointer;white-space:nowrap}.cba-chip:hover{background:#F5F5F5}
.cba-chip[aria-pressed="true"]{background:#111;border-color:#111;color:#fff;font-weight:600}
.cba-tabs{display:flex;gap:18px}.cba-tabs button{border:0;background:none;padding:6px 0;font:inherit;font-size:14px;color:#7A7A7A;cursor:pointer;border-bottom:2px solid transparent}
.cba-tabs button:hover{color:#111}.cba-tabs button[aria-pressed="true"]{color:#111;font-weight:600;border-bottom-color:#111}
#cb-feed{display:flex;flex-direction:column;gap:14px}
.cba-more{border:1px solid #E3E3E3;background:#fff;border-radius:10px;padding:11px;font:inherit;font-weight:600;cursor:pointer}.cba-more:hover{background:#F5F5F5}
.cba-empty{padding:44px 20px;text-align:center;color:#7A7A7A}
.cba-mw{position:fixed;inset:0;z-index:55;background:rgba(244,244,244,.8);display:flex;align-items:center;justify-content:center;padding:16px}
.cba-modal{width:min(500px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1)}
.cba-mh{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:12px 14px;border-bottom:1px solid #E4E6EB}.cba-mh h3{margin:0;text-align:center;font-size:20px;font-weight:700}
.cba-x{width:36px;height:36px;border-radius:50%;border:0;background:#E4E6EB;display:grid;place-items:center;cursor:pointer;color:#606770}.cba-x:hover{background:#D8DADF}
.cba-mb{padding:16px;display:flex;flex-direction:column;gap:14px}
.cba-pop{position:fixed;z-index:120}
.cba-dash{padding:14px 0 6px}.cba-dh{display:flex;align-items:center;gap:8px;padding:0 18px 8px}.cba-new{background:#2563EB;color:#fff;border-radius:99px;padding:0 8px;font-size:11.5px;font-weight:600}
.cba-dr{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #EDEDED;background:none;padding:9px 18px;font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.cba-dr:hover{background:#F7F7F7}
.cba-dt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cba-dt.un{font-weight:600}.cba-pin{width:15px;height:15px;color:#5F5F5F}
.cba-dc{display:inline-flex;align-items:center;gap:4px;color:#8A8A8A;font-size:12.5px}.cba-dc .cbi{width:15px;height:15px}
@media (max-width:640px){.cba-q{width:100%}.cba-head{align-items:stretch}}

/* แอปพนักงาน (liff-community.js) */
.cbl-feed{padding:12px 10px 110px;display:flex;flex-direction:column;gap:10px}.cbl-post{padding-bottom:16px}
.cbl-start{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;width:100%}.cbl-start>span:not(.cbav){flex:1;background:#F0F2F5;border-radius:20px;padding:9px 14px;color:#65676B;font-size:15px;text-align:left}.cbl-start .cbg{color:#45BD62;width:24px;height:24px}
.cbl-chips{display:flex;gap:6px;overflow-x:auto;margin:0 -10px;padding:0 10px;scrollbar-width:none}.cbl-chips::-webkit-scrollbar{display:none}
.cbl-chips button{flex:none;border:1px solid #E3E3E3;background:#fff;border-radius:99px;padding:5px 13px;font-size:13px;color:#111}.cbl-chips button[aria-pressed="true"]{background:#111;border-color:#111;color:#fff;font-weight:600}
.cbl-seg{display:flex;gap:16px;padding:0 4px}.cbl-seg button{font-size:13.5px;color:#8A8A8A}.cbl-seg button[aria-pressed="true"]{color:#111;font-weight:600}
.cbl-empty{padding:34px 16px;text-align:center;color:#7A7A7A}.cbl-more{border:1px solid #E3E3E3;background:#fff;border-radius:10px;padding:11px;font-weight:600}
.cbl-feed .cbcard{border-radius:10px}.cbl-feed .cbmenu{display:none}
.cbl-bar{position:sticky;bottom:0;z-index:6;background:#fff;border-top:1px solid #E4E4E4;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.cbl-bar .cbcbox{padding:8px 10px}
.cbl-nh{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:56px;padding:0 6px;background:#fff;border-bottom:1px solid #E4E6EB}
.cbl-nh h1{margin:0;text-align:center;font-size:18px;font-weight:700;color:#111}.cbl-nh button{width:40px;height:40px;border-radius:50%;background:#E4E6EB;display:grid;place-items:center;color:#606770}
.cbl-compose{padding:14px 14px 30px;display:flex;flex-direction:column;gap:14px;background:#fff;min-height:calc(100% - 56px)}.cbl-compose .cbx-txt{min-height:200px;font-size:20px;line-height:29px}
.cbl-home{padding:12px 0 4px;display:flex;flex-direction:column}.cbl-hh{display:flex;align-items:center;gap:8px;padding:0 16px 8px;text-align:left}.cbl-hh b{font-size:15px}
.cbl-badge{background:#2563EB;color:#fff;border-radius:99px;padding:0 7px;font-size:11px;font-weight:600}
.cbl-hr{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid #EDEDED;text-align:left;width:100%}.cbl-ht{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.cbl-ht.un{font-weight:600}
.cbl-pin{width:14px;height:14px;color:#5F5F5F}
.cbl-sh{display:flex;flex-direction:column;gap:2px}.cbl-sh button{display:flex;gap:14px;align-items:center;width:100%;text-align:left;padding:11px 6px;border-radius:10px;color:#111}
.cbl-sh button .cbi{width:24px;height:24px}.cbl-sh b{display:block;font-size:15px;font-weight:600}.cbl-sh small{display:block;font-size:12.5px;color:#7A7A7A}.cbl-sh .bad,.cbl-sh .bad b{color:#C0392B}.cbl-sh hr{border:0;border-top:1px solid #E8E8E8;margin:4px 0}
.cbl-f{display:flex;flex-direction:column;gap:6px;font-size:14px}.cbl-f input{font:inherit;font-size:16px;padding:10px;border:1px solid #D4D4D4;border-radius:10px}
.cbl-edt{width:100%;min-height:140px;border:1px solid #D4D4D4;border-radius:10px;padding:10px;font:inherit;font-size:16px;resize:vertical}
.btn.cbl-bad{background:#C0392B;color:#fff}.sheetm .cbemo,.sheetm .cbtag{box-shadow:none;padding:0;max-width:none}.sheetm .cbemo button{font-size:26px}