/* ===== KHU VỰC ĐIỀU TRỊ — bảng phân công theo ngày (phancong.js, 24/09/2026) =====
   Không đường viền; phân vùng bằng mảng nền nhạt. Một nút chính tím (ở hộp xếp). Lưới 7 cột trên máy tính, thẻ theo ghế
   trên điện thoại (≤760px). */
.bpc{display:flex;flex-direction:column;gap:14px;max-width:1500px}
.bpc-dau{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.bpc-dau h1{margin:0;font-size:28px;letter-spacing:-.02em}
.bpc-dau p{margin:4px 0 0;color:var(--chu3);font-size:14px}
.bpc-ic{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bpc-ngay{display:flex;align-items:center;gap:6px;background:var(--the);border-radius:999px;padding:5px;box-shadow:0 1px 2px rgba(30,20,70,.05)}
.bpc-ngay input{border:0;background:transparent;font:inherit;font-size:14px;color:var(--chu);padding:6px 4px}
.bpc-nut-tron{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--chu2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.bpc-nut-tron:hover{background:var(--nen)}
.bpc-hom-nay{border:0;border-radius:999px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:var(--chu2);padding:7px 14px;cursor:pointer;white-space:nowrap}
.bpc-hom-nay.chon{background:var(--nhan-nhat);color:var(--nhan)}

.bpc-so-hang{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bpc-so{border-radius:20px;padding:14px 16px;background:linear-gradient(160deg,var(--the),color-mix(in srgb,var(--nhan-nhat) 40%,var(--the)));display:flex;flex-direction:column;gap:2px}
.bpc-so small{font-size:12.5px;color:var(--chu3)}
.bpc-so b{font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bpc-so span{font-size:12px;color:var(--chu3)}
.bpc-so.canh{background:linear-gradient(160deg,var(--the),color-mix(in srgb,var(--canh) 14%,var(--the)))}
.bpc-so.canh b{color:var(--canh)}
.bpc-so.tot b{color:var(--tot)}

.bpc-chip{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bpc-chip button{border:0;border-radius:999px;background:var(--the);color:var(--chu2);font:inherit;font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bpc-chip button.chon{background:var(--nhan-nhat);color:var(--nhan)}
.bpc-chip .bpc-can{margin-left:auto}
.bpc-chip .bpc-can.chon{background:color-mix(in srgb,var(--canh) 18%,var(--the));color:var(--canh)}
.bpc-chip.nho button{padding:5px 10px;font-size:12.5px}

/* người rảnh / nghỉ */
.bpc-ranh{display:flex;gap:12px;flex-wrap:wrap}
.bpc-ranh-ca{background:color-mix(in srgb,var(--tot) 7%,var(--the));border-radius:18px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex:1 1 320px;min-width:0}
.bpc-ranh-ca.nghi{background:color-mix(in srgb,var(--loi) 6%,var(--the));flex:0 1 auto}
.bpc-ranh-ca small{font-size:12px;color:var(--chu3);font-weight:600;display:flex;align-items:center;gap:5px}
.bpc-ranh-ds{display:flex;gap:6px;flex-wrap:wrap}
.bpc-ranh-nguoi{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:var(--the);padding:3px 10px 3px 3px;font:inherit;font-size:12.5px;color:var(--chu);cursor:default}
button.bpc-ranh-nguoi{cursor:pointer}
button.bpc-ranh-nguoi:hover{background:var(--nhan-nhat)}

/* bảng */
.bpc-hang{display:grid;grid-template-columns:92px minmax(150px,1fr) minmax(140px,1fr) minmax(220px,2fr) minmax(110px,.8fr) 120px;gap:8px;align-items:center}
/* đầu cột = cột tên dòng (190px + khe 16px) + đúng 6 cột của một hàng ca */
.bpc-dau-cot{display:grid;grid-template-columns:190px 92px minmax(150px,1fr) minmax(140px,1fr) minmax(220px,2fr) minmax(110px,.8fr) 120px;column-gap:8px;align-items:end;padding:0 14px;font-size:12px;color:var(--chu3);font-weight:600}
.bpc-dau-cot>span:first-child{margin-right:8px}
.bpc-dau-cot span{display:flex;align-items:center;gap:5px}
.bpc-dau-cot small{font-weight:500}
.bpc-bang{display:flex;flex-direction:column;gap:8px}
.bpc-nhom{display:grid;grid-template-columns:190px 1fr;gap:4px 16px;background:var(--the);border-radius:20px;padding:10px 14px;box-shadow:0 1px 2px rgba(30,20,70,.04)}
.bpc-nhom.khac{background:linear-gradient(120deg,var(--the),color-mix(in srgb,var(--nhan-nhat) 35%,var(--the)))}
.bpc-nhom.bao-tri{opacity:.6}
.bpc-ten-dong{display:flex;align-items:center;gap:10px;min-width:0}
.bpc-ten-dong b{display:block;font-size:14.5px}
.bpc-ten-dong small{display:block;font-size:12px;color:var(--chu3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bpc-ic-dong{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--nhan-nhat);color:var(--nhan);flex:none}
.bpc-cac-ca{display:flex;flex-direction:column;gap:2px;min-width:0}
.bpc-hang{padding:4px 0;border-radius:12px}
.bpc-hang+.bpc-hang{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--nen) 60%,transparent) 12%,transparent)}
.bpc-hang.can{background:color-mix(in srgb,var(--canh) 7%,transparent)}
.bpc-hang.khac{grid-template-columns:92px minmax(0,3.7fr) minmax(120px,1fr) 130px}
.bpc-o{min-width:0}
.bpc-ca{font-size:12px;font-weight:700;color:var(--chu3);text-transform:uppercase;letter-spacing:.04em}
.bpc-nhieu{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

.bpc-nguoi{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:0;border-radius:999px;background:var(--nen);padding:3px 10px 3px 3px;font:inherit;color:var(--chu);text-align:left;position:relative}
.bpc-nguoi.bam{cursor:pointer}
.bpc-nguoi.bam:hover{background:var(--nhan-nhat)}
.bpc-nguoi.nghi{background:color-mix(in srgb,var(--loi) 9%,var(--the));color:var(--chu3)}
.bpc-nguoi.nghi .bpc-mat{filter:grayscale(1);opacity:.55}
.bpc-nguoi.nghi .bpc-ten{text-decoration:line-through}
.bpc-mat{width:28px;height:28px;border-radius:50%;overflow:hidden;flex:none;display:inline-flex}
.bpc-mat>*{width:100%;height:100%}
.bpc-ten{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bpc-ten sup{font-size:10px;color:var(--nhan);margin-left:2px;font-weight:700}
.bpc-han{font-size:11px;color:var(--chu3);white-space:nowrap;display:inline-flex;align-items:center}
.bpc-han.vo{color:var(--nhan)}
.bpc-han.ngay{color:var(--canh);font-weight:600}
.bpc-nhan-nghi{font-size:11px;font-weight:700;color:var(--loi);background:color-mix(in srgb,var(--loi) 12%,transparent);border-radius:999px;padding:1px 7px}
.bpc-khong-ca{color:var(--canh);display:inline-flex}
.bpc-them{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:transparent;color:var(--chu3);font:inherit;font-size:12.5px;font-weight:600;padding:6px 11px;cursor:pointer}
.bpc-them:hover{background:var(--nhan-nhat);color:var(--nhan)}
.bpc-them.tron{width:26px;height:26px;padding:0;justify-content:center;background:var(--nen)}
.bpc-nguoi.nho{padding:2px 8px 2px 2px;gap:5px}
.bpc-nguoi.nho .bpc-mat{width:22px;height:22px}
.bpc-nguoi.nho .bpc-ten{font-size:12.5px}
.bpc-nguoi.nho .bpc-han{font-size:10.5px}
.bpc-them.can{background:color-mix(in srgb,var(--canh) 14%,transparent);color:var(--canh)}
.bpc-trong{font-size:12.5px;color:var(--chu3)}
.bpc-trong.can{color:var(--canh);font-weight:600}
.bpc-gc,.bpc-gc-them{border:0;background:transparent;font:inherit;font-size:12.5px;line-height:1.35;color:var(--chu2);text-align:left;cursor:pointer;padding:4px 8px;border-radius:8px;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.bpc-gc-them{display:inline-flex;align-items:center}
span.bpc-gc{cursor:default}
.bpc-gc{background:color-mix(in srgb,var(--canh) 9%,transparent)}
.bpc-gc-them{color:var(--chu3);opacity:.55}
.bpc-gc-them:hover{opacity:1;background:var(--nen)}
.bpc-lich{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;border:0;background:transparent;font:inherit;cursor:pointer;padding:4px 6px;border-radius:10px;text-align:left;width:100%}
.bpc-lich:hover{background:var(--nen)}
.bpc-lich-so{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.bpc-lich small{grid-column:1/-1;font-size:11px;color:var(--chu3)}
.bpc-thanh{height:5px;border-radius:5px;background:var(--nen);overflow:hidden;display:block}
.bpc-thanh i{display:block;height:100%;border-radius:5px;background:var(--chu3)}
.bpc-lich.tot .bpc-thanh i{background:var(--tot)} .bpc-lich.tot .bpc-lich-so{color:var(--tot)}
.bpc-lich.vua .bpc-thanh i{background:var(--nhan)}
.bpc-lich.thap .bpc-thanh i{background:var(--canh)}
.bpc-h3{margin:10px 0 0;font-size:16px}

/* hộp xếp người */
.bpc-hop{display:flex;flex-direction:column;gap:10px;min-width:min(560px,86vw)}
.bpc-hop h4{margin:6px 0 0;font-size:13px;color:var(--chu3)}
.bpc-hop textarea{width:100%;border:0;border-radius:14px;background:var(--nen);padding:10px 12px;font:inherit}
.bpc-hien-tai{display:flex;align-items:center;gap:10px;background:var(--nen);border-radius:16px;padding:8px 10px;flex-wrap:wrap}
.bpc-hien-tai small{display:block;color:var(--chu3);font-size:12px}
.bpc-go{margin-left:auto;display:flex;gap:6px}
.bpc-go .nguy{color:var(--loi)}
.bpc-tim input{width:100%;border:0;border-radius:12px;background:var(--nen);padding:9px 12px;font:inherit}
.bpc-chon-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;max-height:300px;overflow:auto;padding:2px}
.bpc-ung{display:flex;align-items:center;gap:8px;border:0;border-radius:14px;background:var(--nen);padding:6px 8px;font:inherit;text-align:left;cursor:pointer;min-width:0}
.bpc-ung:hover{background:var(--nhan-nhat)}
.bpc-ung.chon{background:var(--nhan);color:#fff}
.bpc-ung.chon small{color:rgba(255,255,255,.8)}
.bpc-ung.nghi{opacity:.45;cursor:not-allowed}
.bpc-ung-chu{display:flex;flex-direction:column;min-width:0}
.bpc-ung-chu b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bpc-ung-chu small{font-size:11.5px;color:var(--chu3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bpc-han-chon{display:flex;flex-direction:column;gap:8px}
.bpc-den,.bpc-ca-ngay{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--chu2)}
.bpc-den input{border:0;border-radius:10px;background:var(--nen);padding:6px 10px;font:inherit}
.bpc-thu{display:flex;flex-direction:column;gap:4px}
.bpc-thu small{font-size:12px;color:var(--chu3)}
.bpc-mo{margin:0;color:var(--chu2)}
.bpc-cho-ds{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow:auto}
.bpc-cho{border:0;border-radius:12px;background:var(--nen);padding:9px 12px;font:inherit;text-align:left;cursor:pointer}
.bpc-cho:hover{background:var(--nhan-nhat)}
.bpc-cho.can{background:color-mix(in srgb,var(--canh) 12%,var(--the));font-weight:600}

/* điện thoại: mỗi ghế một thẻ, mỗi ca một khối, nhãn cột hiện cạnh ô */
@media (max-width:760px){
  .bpc-dau h1{font-size:24px}
  .bpc-so-hang{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bpc-so b{font-size:22px}
  .bpc-nhom{grid-template-columns:1fr;padding:12px}
  .bpc-hang,.bpc-hang.khac{grid-template-columns:1fr;gap:6px;padding:10px;background:var(--nen)!important;border-radius:14px;margin-top:6px}
  .bpc-hang.can{background:color-mix(in srgb,var(--canh) 10%,var(--the))!important}
  .bpc-o[data-cot]{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:8px}
  .bpc-o[data-cot]::before{content:attr(data-cot);font-size:11.5px;color:var(--chu3);font-weight:600}
  .bpc-o:empty{display:none}
  .bpc-chip .bpc-can{margin-left:0}
  .bpc-ngay{width:100%;justify-content:space-between}
}

/* Ca theo lịch phòng khám: tên ngắn + giờ; nhóm ghế theo tầng (24/09/2026). */
.bpc-ca small{display:block;font-size:10.5px;font-weight:600;color:var(--chu3);text-transform:none;letter-spacing:0;margin-top:2px}
.bpc-tang{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--nhan);padding:6px 4px 0}
.bpc-tang span{font-size:11.5px;color:var(--chu3);background:var(--chim);border-radius:999px;padding:1px 8px}
.bpc-ca small{white-space:nowrap}

/* Nút nhỏ danh sách lịch ở ô Lịch hẹn · hộp danh sách · thẻ lịch hẹn · việc vòng ngoài · khu vực của tôi (24/09/2026). */
div.bpc-lich{cursor:default}
div.bpc-lich.bam{cursor:pointer}
div.bpc-lich:not(.bam):hover{background:transparent}
.bpc-lich-ds{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:4px;border:0;border-radius:999px;background:var(--nhan-nhat);color:var(--nhan);font:inherit;font-size:11.5px;font-weight:700;padding:3px 9px 3px 7px;cursor:pointer}
.bpc-lich-ds:hover{background:color-mix(in srgb,var(--nhan) 18%,var(--the))}
.bpc-doi{display:grid;grid-template-columns:auto auto 1fr;gap:10px 16px;background:linear-gradient(135deg,var(--nen),color-mix(in srgb,var(--nhan-nhat) 45%,var(--the)));border-radius:18px;padding:10px 12px}
.bpc-doi>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.bpc-doi small,.bpc-hen-nguoi small,.bpc-giao>small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--chu3);font-weight:600}
.bpc-doi small i,.bpc-hen-nguoi small i{font-style:normal;font-weight:500}
.bpc-lh-tom{display:flex;align-items:baseline;gap:10px;padding:0 4px}
.bpc-lh-tom b{font-size:15px}
.bpc-lh-tom span{font-size:12.5px;color:var(--chu3)}
.bpc-lh-ds{display:flex;flex-direction:column;gap:6px;max-height:min(52vh,460px);overflow:auto}
.bpc-the-hen{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border:0;border-radius:16px;background:var(--nen);padding:9px 12px;font:inherit;color:var(--chu);text-align:left;cursor:pointer;width:100%}
.bpc-the-hen:hover{background:var(--nhan-nhat)}
.bpc-the-hen.completed{opacity:.6}
.bpc-gio{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}
.bpc-gio b{font-size:14.5px}
.bpc-gio small{font-size:11px;color:var(--chu3)}
.bpc-the-chu{display:flex;flex-direction:column;gap:2px;min-width:0}
.bpc-the-chu>b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bpc-the-chu>small{font-size:12px;color:var(--chu3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bpc-the-nguoi{display:flex;align-items:center;gap:4px;margin-top:3px}
.bpc-the-nguoi .bpc-mat{width:22px;height:22px}
.bpc-the-viec{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--canh);background:color-mix(in srgb,var(--canh) 12%,transparent);border-radius:999px;padding:2px 7px;margin-left:4px}
.bpc-the-viec.xong{color:var(--tot);background:color-mix(in srgb,var(--tot) 12%,transparent)}
.bpc-the-cb{display:inline-flex;color:var(--nhan);margin-left:2px}
.bpc-tt{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap;background:var(--the);color:var(--chu3)}
.bpc-tt.confirmed{color:var(--nhan)}
.bpc-tt.arrived,.bpc-tt.in_treatment{color:var(--canh);background:color-mix(in srgb,var(--canh) 12%,var(--the))}
.bpc-tt.completed{color:var(--tot)}
.bpc-lh-mo{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:transparent;color:var(--chu3);font:inherit;font-size:12.5px;font-weight:600;padding:6px 10px;cursor:pointer}
.bpc-lh-mo:hover{background:var(--nen);color:var(--nhan)}
.bpc-hen-tt{display:flex;flex-direction:column;gap:6px;background:linear-gradient(150deg,var(--nen),color-mix(in srgb,var(--nhan-nhat) 40%,var(--the)));border-radius:18px;padding:12px 14px}
.bpc-hen-dau{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--chu3)}
.bpc-hen-loai{color:var(--nhan);font-weight:600}
.bpc-hen-dv{font-size:15px}
.bpc-hen-dong{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--chu2)}
.bpc-hen-dong .bpc-ic{margin-top:2px;color:var(--nhan)}
.bpc-hen-dong small{display:block;font-size:11px;color:var(--chu3);font-weight:600}
.bpc-hen-nguoi{display:flex;gap:18px;flex-wrap:wrap;padding:2px 4px}
.bpc-hen-nguoi>div{display:flex;flex-direction:column;gap:5px}
.bpc-hen-pt{display:inline-flex;align-items:center;gap:6px}
.bpc-nut-nho{width:28px;height:28px;border:0;border-radius:50%;background:var(--nen);color:var(--chu2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.bpc-nut-nho:hover{background:var(--nhan-nhat);color:var(--nhan)}
.bpc-hen-chon:empty{display:none}
.bpc-hop h4{display:flex;align-items:center;gap:6px}
.bpc-viec-ds{display:flex;flex-direction:column;gap:5px}
.bpc-viec{display:flex;align-items:center;gap:8px;background:var(--nen);border-radius:14px;padding:6px 8px}
.bpc-viec.toi{background:color-mix(in srgb,var(--nhan-nhat) 70%,var(--the))}
.bpc-viec.xong .bpc-viec-chu b{text-decoration:line-through;color:var(--chu3)}
.bpc-viec .bpc-mat{width:24px;height:24px}
.bpc-viec-tick{width:24px;height:24px;border-radius:50%;border:0;background:var(--the);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--chu3) 45%,transparent)}
button.bpc-viec-tick{cursor:pointer}
.bpc-viec.xong .bpc-viec-tick{background:var(--tot);box-shadow:none}
.bpc-viec-chu{display:flex;flex-direction:column;min-width:0;flex:1}
.bpc-viec-chu b{font-size:13px;font-weight:600}
.bpc-viec-chu small{font-size:11.5px;color:var(--chu3)}
.bpc-giao{display:flex;flex-direction:column;gap:7px;background:var(--nen);border-radius:16px;padding:10px 12px}
.bpc-giao input{border:0;border-radius:12px;background:var(--the);padding:9px 12px;font:inherit}
.bpc-chip-nguoi{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:var(--the);padding:2px 10px 2px 2px;font:inherit;font-size:12.5px;font-weight:600;color:var(--chu);cursor:pointer}
.bpc-chip-nguoi .bpc-mat{width:24px;height:24px}
.bpc-chip-nguoi sup{font-size:10px;color:var(--nhan)}
.bpc-chip-nguoi.chon{background:var(--nhan-nhat);color:var(--nhan)}
.bpc-chip-nguoi.them{padding:5px 10px;color:var(--chu3)}
.bpc-mo.nho{font-size:12.5px;color:var(--chu3)}
.bpc-khoi-hen:empty{display:none}
.bpc-khoi-hen{margin-top:12px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,var(--nen),color-mix(in srgb,var(--nhan-nhat) 40%,var(--the)));border-radius:16px;padding:10px 12px}
.bpc-khoi-dau{display:flex;align-items:center;gap:8px}
.bpc-khoi-dau .bpc-nhieu{gap:2px}
.bpc-khoi-dau .bpc-mat{width:22px;height:22px}
.bpc-khoi-dau .bpc-nut-nho{margin-left:auto;background:var(--the)}
/* khu vực của tôi */
.bpc-ct{gap:12px}
.bpc-ct-the{background:var(--the);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(30,20,70,.04)}
.bpc-ct-the.nghi{opacity:.6}
.bpc-ct-dau{display:flex;align-items:center;gap:12px}
.bpc-ct-ca{display:flex;flex-direction:column;min-width:64px}
.bpc-ct-ca b{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--chu3)}
.bpc-ct-ca small{font-size:11.5px;color:var(--chu3)}
.bpc-ct-noi b{display:block;font-size:17px}
.bpc-ct-noi small{font-size:12.5px;color:var(--chu3)}
.bpc-ct-vai{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bpc-ct-nhan{font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 11px;background:var(--nhan-nhat);color:var(--nhan)}
.bpc-ct-nhan.pt_ngoai{background:color-mix(in srgb,var(--canh) 14%,var(--the));color:var(--canh)}
.bpc-ct-nhan.thuc_hien{background:color-mix(in srgb,var(--tot) 14%,var(--the));color:var(--tot)}
.bpc-ct-doi{display:inline-flex;gap:2px;margin-left:auto}
.bpc-ct-doi .bpc-mat{width:24px;height:24px}
.bpc-ct-hen{display:flex;flex-direction:column;gap:4px}
.bpc-ct-hen .bpc-viec-ds{padding-left:62px}
.bpc-ct-trong{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:linear-gradient(160deg,var(--the),color-mix(in srgb,var(--nhan-nhat) 40%,var(--the)));border-radius:22px;padding:24px 16px;color:var(--nhan)}
.bpc-ct-trong b{color:var(--chu);font-size:15px}
.bpc-ct-trong small{color:var(--chu3)}
@media (max-width:760px){
  .bpc-doi{grid-template-columns:1fr 1fr}
  .bpc-doi>.rong{grid-column:1/-1}
  .bpc-the-hen{grid-template-columns:46px 1fr;padding:9px 10px}
  .bpc-the-hen>.bpc-tt{grid-column:2;justify-self:start}
  .bpc-ct-hen .bpc-viec-ds{padding-left:0}
  .bpc-lh-ds{max-height:none}
  .bpc-hop{min-width:0;max-width:100%}
}
.bpc-giao input{width:100%;box-sizing:border-box;min-width:0}
.bpc-hen .bpc-hen-dau,.bpc-hen .bpc-viec{min-width:0}