/* Gọn giao diện (31/10/2026): Tổng quan gọn, Chỉ tiêu thành viên, thẻ căn 5 dòng, sửa bố cục điện thoại.
   Nạp sau giaodien-v2.css / goi-dien.css nên ghi đè được. Dùng biến màu v2 → đúng cả nền sáng và nền tối. Chữ nhỏ nhất 12px. */

/* ---------- Tổng quan gọn ---------- */
.se-kpi{padding:10px 16px}
.se-kpi-h{margin-bottom:8px;gap:10px}
.se-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.se-kc{padding:0 14px}
.se-kc .l{font-size:12px}
.se-kc .v{font-size:18px;margin-top:0}
.se-kc .s{font-size:12px}
.se-mini{height:4px;margin-top:4px}

/* ---------- Chỉ tiêu thành viên ---------- */
.se-team{background:var(--se-card);border:1px solid var(--se-line);border-radius:var(--se-r);box-shadow:var(--se-sh);padding:8px 16px 10px}
.tv-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tv-t{border:0;background:none;padding:2px 0;font-weight:600;font-size:15px;color:var(--se-tx);cursor:pointer}
.tv-chev{color:var(--se-tx3);font-size:12px}
.tv-note{font-size:12px;color:var(--se-tx3);margin-left:auto}
.tv-empty{font-size:13px;color:var(--se-tx3);padding:8px 0 2px}
.tv-tw{overflow-x:auto;margin-top:8px}
.tv-t2{width:100%;border-collapse:collapse;font-size:13.5px}
.tv-t2 th{font-size:12px;font-weight:600;color:var(--se-tx3);text-align:left;padding:5px 8px;border-bottom:1px solid var(--se-line);white-space:nowrap}
.tv-t2 td{padding:6px 8px;border-bottom:1px solid var(--se-line2);white-space:nowrap;font-variant-numeric:tabular-nums}
.tv-t2 .n{text-align:right}
.tv-t2 td small{color:var(--se-tx3);font-size:12px}
.tv-t2 td.nm{font-weight:600;color:var(--se-navy-tx)}
.tv-t2 tr[data-tvu]{cursor:pointer}
.tv-t2 tr[data-tvu]:hover td{background:var(--se-navy-xl)}
.tv-t2 tr.me td.nm::after{content:" (tôi)";font-weight:400;color:var(--se-tx3);font-size:12px}
.tv-t2 tr.tot td{font-weight:700;background:var(--se-card2);border-bottom:0}
.tv-t2 tr.free td{color:var(--se-tx3)}
.tv-t2 td.need,.tv-c b.need{color:var(--se-need)}
.tv-pb{display:inline-block;vertical-align:middle;width:70px;height:5px;background:var(--se-line2);border-radius:5px;overflow:hidden;margin-right:6px}
.tv-pb i{display:block;height:100%;background:var(--se-ok)}
.tv-a{font-weight:600}
.tv-a i{font-style:normal;font-weight:400;color:var(--se-tx3);font-size:12px}
.tv-a.ok{color:var(--se-ok)}
.tv-a.zero{color:var(--se-g1)}
.tv-warn{color:var(--se-due);font-size:12.5px}
.tv-bad{color:var(--se-g1);font-size:12.5px;font-weight:600}
.tv-ok{color:var(--se-ok)}
.tv-mut{color:var(--se-tx3);font-size:12.5px}
.tv-cards{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.tv-c{border:1px solid var(--se-line2);border-radius:10px;padding:7px 10px;display:flex;flex-direction:column;gap:3px;cursor:pointer}
.tv-c.me{border-color:var(--se-navy)}
.tv-c.tot{background:var(--se-card2);cursor:default}
.tv-c1{display:flex;align-items:baseline;gap:8px}
.tv-c1 b{color:var(--se-navy-tx);font-size:14px}
.tv-c1 span,.tv-c2 span{font-size:12.5px;color:var(--se-tx2)}
.tv-c2{display:flex;align-items:center;gap:4px}
.tv-c3{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12.5px;color:var(--se-tx2)}
.tv-c4{display:flex;flex-wrap:wrap;gap:2px 12px}

/* ---------- Thẻ căn gọn 5 dòng ---------- */
.se-card{padding:10px 13px 10px;gap:6px}
.se-c-top{align-items:center}
.se-c-id{font-size:15.5px}
.se-c-hd{font-weight:400;font-size:12.5px;color:var(--se-tx3);margin-left:7px}
.se-c-name{display:flex;align-items:center;gap:6px;white-space:normal;overflow:visible}
.se-c-name>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14.5px;font-weight:500}
.se-card .se-bar{height:5px;margin:2px 0 0}
.se-card .se-bar b{top:-2px;height:9px}
.se-card .se-bar b::after{display:none}
.se-c-money div{padding:3px 7px}
.se-c-money dd{font-size:14px}
.se-c-meta{display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap;font-size:12.5px;color:var(--se-tx3);min-width:0}
.se-c-meta .se-tg{flex:none}
.se-c-meta .se-note{min-width:0;overflow:hidden;text-overflow:ellipsis;margin-left:2px}

/* ================= ĐIỆN THOẠI ================= */
@media (max-width:899px){
  .se-kpi{padding:10px 12px}
  .se-kpi-h{gap:8px}
  .se-kpi-grid{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px 14px}
  .se-kc .v{font-size:16.5px}
  .se-kc .l{font-size:12px;letter-spacing:0;white-space:nowrap}
  .se-kc .s{font-size:12px}
  .se-kpi.open .se-kpi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .se-camp{padding:6px 6px 6px 10px;gap:4px 8px}
  .se-camp-name{flex:1 1 calc(100% - 30px);min-width:0;white-space:normal;line-height:1.3}
  .se-team{padding:8px 12px 10px}
  .tv-note{margin-left:0;width:100%}
  .tv-t2.mob{font-size:13px}
  .tv-t2.mob th,.tv-t2.mob td{padding:6px 4px}
  .tv-t2.mob th:first-child,.tv-t2.mob td:first-child{padding-left:0}
  .tv-t2.mob td.nm{max-width:78px;overflow:hidden;text-overflow:ellipsis}
  .tv-leg{font-size:12px;color:var(--se-tx3);margin-top:6px;line-height:1.4}
  .se-card{padding:9px 12px}
  .se-c-money{gap:4px}

  /* Chi tiết căn: % nằm cùng dòng; tab nhãn ngắn, vừa một màn hình */
  #modalBackdrop .modal-title{font-size:18px;gap:6px;flex-wrap:nowrap;min-width:0}
  #modalBackdrop .modal-title .card-unit{font-size:12.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #modalBackdrop .modal-title .card-pct{flex:none}
  #modalBackdrop .modal-title-row{padding-bottom:8px}
  #modalBackdrop .modal-tabs{gap:0}
  #modalBackdrop .modal-tab[data-s]{flex:1 1 auto;min-width:0;padding:10px 4px;font-size:0;text-align:center}
  #modalBackdrop .modal-tab[data-s]::after{content:attr(data-s);font-size:13.5px}
  .cu-src{display:none}

  /* Lịch nhắc: giờ + nút ở hàng trên, nội dung chiếm hết bề ngang; ô nhập không tràn */
  .reminder-add-form{grid-template-columns:minmax(0,1fr)}
  .reminder-input{min-width:0;width:100%;box-sizing:border-box}
  .reminder-add-form .reminder-input[style*="grid-column"]{grid-column:auto!important}
  .reminder-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"time act" "body body";gap:4px 8px;padding:9px 11px}
  .reminder-time{grid-area:time;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  .reminder-body{grid-area:body;min-width:0}
  .reminder-actions{grid-area:act}
  .reminder-user{font-size:12px;margin:0}

  /* Danh bạ: thẻ gọn */
  .db-card{padding:9px 12px!important;margin-bottom:8px!important}
  .db-card-addr{font-size:12.5px!important;margin:2px 0 4px!important}
  .db-phones{gap:6px!important}

  /* Báo cáo tổng quan: ô số gọn */
  .dash-kpi-grid{gap:8px!important}
  .dash-kpi{padding:9px 11px!important}
  .dash-kpi-value{font-size:22px!important}
  .dash-kpi-label{font-size:12px!important}
  .dash-kpi-sub{font-size:12px!important}
  .dash-card{padding:12px!important}

  /* Đợt bàn giao: ô chọn người không đè lên mã căn */
  .batch-record{gap:8px}
  .batch-record-info{flex:1;min-width:0}
  .batch-record-id{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
  .batch-record-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .batch-record-assignment select{min-width:0!important;width:118px}

  /* Giỏ hàng: tiêu đề cột không bẻ từng chữ (bảng cuộn ngang) */
  .gh-table th{white-space:nowrap}
}