/* ============================================================================
   theme.css — Giao dien TOI + BO CUC DIEN THOAI cho Facebook Auto Upload v19.16
   File nay nap SAU CUNG. The <link> phai dat sau base.html dong 58
   (sau login-batch.css), truoc </head> o dong 59:
     <link rel="stylesheet" href="{{base}}/static/theme.css?v={{app_version}}">
   Khong sua 51 file CSS cu. Chi dung !important o dung cho bat buoc.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1. BIEN MAU — doi 1 cho la doi ca app. Tat ca ti so tuong phan da tinh san.
   ------------------------------------------------------------------------ */
:root{
  color-scheme:dark;                 /* mo khoa widget goc: select, date, checkbox, scrollbar */

  --bg:#0f141c;                      /* nen trang, khong den tuyen */
  --surface:#171e2a;                 /* card, aside, menu, dialog, hang le bang */
  --surface-2:#1f2836;               /* th, hang chan, sub-setting, ghost */
  --surface-3:#26303f;               /* hover hang bang, copy-btn, chip trung tinh */
  --field:#131a25;                   /* o nhap lieu — chim hon card */

  --border:#2e3a4c;                  /* duong ke, vien card (trang tri) */
  --border-strong:#5b6b84;           /* vien o nhap, vien man hinh — 3.23:1 tren --field */

  --text:#e6ebf2;                    /* chu chinh, khong trang tinh */
  --text-2:#cbd5e1;                  /* chu than bai / nav / th */
  --muted:#9fb0c4;                   /* hint, small, muted, empty */

  --accent:#5b9bff;                  /* link, icon active, thanh tien trinh */
  --accent-2:#8ab4ff;                /* link hover, chu tren nen xanh nhat */
  --accent-bg:#17304f;               /* thay #eff6ff — notice, nav active, selection-bar */
  --accent-border:#2f4f7d;           /* thay #bfdbfe / #93c5fd */
  --info-text:#a8c9f5;               /* chu trong khoi thong bao xanh */

  --btn:#2d68cc;                     /* nut chinh (thay #2563eb) */
  --btn-text:#f2f6fc;
  --btn-2:#3f4d63;                   /* .secondary */

  --danger:#c53434;                  /* nen nut .danger */
  --danger-text:#f3a3a3;             /* chu do (loi, .red, .detail-link) */
  --danger-btn-text:#fdf2f2;
  --danger-bg:#46191c;               /* nen chip DIE / khoi loi */

  --ok:#1f7a42;                      /* nen nut thanh cong / switch bat */
  --ok-btn-text:#f0fdf4;
  --ok-text:#86e2a8;                 /* chu xanh la */
  --ok-bg:#17402a;                   /* nen chip LIVE */

  --warn-text:#ecc766;               /* chu vang-cam */
  --warn-bg:#40320f;                 /* nen chip CHO / banner canh bao */

  --shadow-1:0 2px 10px rgba(0,0,0,.45);
  --shadow-2:0 10px 30px rgba(0,0,0,.60);
  --shadow-3:0 24px 70px rgba(0,0,0,.70);

  /* Nen SANG cuc bo: chi dung cho 2 khoi bi style= inline !important khoa cung
     mau chu (#334155 / #2563eb / #64748b). CSS khong the de inline !important,
     nen phai doi nen de chu van doc duoc. #64748b tren #f8fafc = 4.55:1. */
  --locked-light:#f8fafc;

  color:var(--text);
  background:var(--bg);
}

/* Ti so tuong phan (WCAG AA can >= 4.5:1 cho chu thuong):
   #e6ebf2 / #0f141c = 15.42:1   #e6ebf2 / #171e2a = 13.97:1
   #e6ebf2 / #1f2836 = 12.39:1   #e6ebf2 / #26303f = 11.12:1
   #e6ebf2 / #131a25 = 14.58:1   #cbd5e1 / #171e2a = 11.27:1
   #cbd5e1 / #1f2836 = 10.00:1   #cbd5e1 / #26303f =  8.97:1
   #9fb0c4 / #171e2a =  7.55:1   #9fb0c4 / #1f2836 =  6.70:1
   #9fb0c4 / #26303f =  6.01:1   #9fb0c4 / #131a25 =  7.89:1
   #5b9bff / #171e2a =  6.03:1   #5b9bff / #0f141c =  6.67:1
   #8ab4ff / #17304f =  6.39:1   #a8c9f5 / #17304f =  7.85:1
   #a8c9f5 / #171e2a =  9.83:1   #f2f6fc / #2d68cc =  4.89:1
   #fdf2f2 / #c53434 =  4.89:1   #f0fdf4 / #1f7a42 =  5.12:1
   #86e2a8 / #17402a =  7.46:1   #86e2a8 / #171e2a = 10.72:1
   #f3a3a3 / #46191c =  7.47:1   #f3a3a3 / #171e2a =  8.43:1
   #ecc766 / #40320f =  7.69:1   #e6ebf2 / #3f4d63 =  7.15:1
   #5b6b84 / #131a25 =  3.23:1 (vien o nhap — chuan 3:1 cho thanh phan UI)
   Ngoai le khong the sua bang CSS:
   #64748b / #f8fafc =  4.55:1 (dao nen sang cuc bo — xem muc 14)
   #334155 / #f8fafc =  9.90:1   #2563eb / #f8fafc =  4.94:1
   #1d4ed8 / #dbeafe =  5.49:1 (chip SAN SANG do app.js:123 ghi inline !important) */

html,body{background:var(--bg);color:var(--text)}
::selection{background:#2f5286;color:var(--text)}

/* ---------------------------------------------------------------------------
   2. THANH CUON + CHU PLACEHOLDER — 51 file cu khong co rule nao cho hai thu nay
   ------------------------------------------------------------------------ */
*{scrollbar-width:thin;scrollbar-color:#4b5a72 var(--surface-2)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--surface-2)}
::-webkit-scrollbar-thumb{background:#4b5a72;border-radius:8px;border:2px solid var(--surface-2)}
::-webkit-scrollbar-thumb:hover{background:#6a7c99}
::placeholder{color:var(--muted);opacity:1}

/* ---------------------------------------------------------------------------
   3. SIDEBAR + NAV — icon SVG to mau bang stroke trong CSS, khong co fill= trong HTML
   ------------------------------------------------------------------------ */
aside{background:var(--surface);color:var(--text);border-right-color:var(--border);box-shadow:2px 0 14px rgba(0,0,0,.45)}
.brand>span,.login-brand>span{background:var(--btn);color:var(--btn-text)}
.brand small,.who{color:var(--muted)}
.who{border-bottom-color:var(--border)}
.nav-group{color:var(--muted)}
nav a{color:var(--text-2)}
nav a svg{stroke:var(--muted)}
nav a:hover,nav a.active{color:var(--accent-2);background:var(--accent-bg)}
nav a:hover svg,nav a.active svg{stroke:var(--accent-2)}
.sidebar-clock strong{color:var(--text)}

/* ---------------------------------------------------------------------------
   4. THE CARD / METRIC / KHOI THONG BAO — bong #0f172a vo hinh tren nen toi,
      thay bang bong den dam + vien sang
   ------------------------------------------------------------------------ */
.card,.metric{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-1)}
.metric span{color:var(--muted)}
.metric.live{border-left-color:#2fa85c}
.metric.die{border-left-color:#d84d4d}
.metric.success{border-left-color:var(--accent)}
.detail-link{color:var(--danger-text)}
.banner{background:var(--warn-bg);border-color:#6b571f;color:var(--warn-text)}
.notice{background:var(--accent-bg);border-color:var(--accent-border);color:var(--info-text)}
.error{background:var(--danger-bg);color:var(--danger-text)}
.warning-note{background:var(--warn-bg);border-color:#6b571f;color:var(--warn-text)}
.update-banner{background:var(--accent-bg);border-color:var(--accent-border);color:var(--info-text)}
.selection-bar{background:var(--accent-bg);border-color:var(--accent-border)}
.enrollment-box{background:var(--accent-bg);border-color:var(--accent-border)}
.enrollment-box code{background:var(--surface);color:var(--text)}
.callback-box{background:var(--surface-2);border-color:var(--border)}
.callback-box code{color:var(--accent-2)}
.sub-setting{background:var(--surface-2)}
.setting-row{border-bottom-color:var(--border)}
.setting-description,.setting-inline-hint,.picker-trigger small,.manual-page-picker .picker-trigger small{color:var(--muted)}
.scan-results{border-top-color:var(--border)}
hr{border-top-color:var(--border)}
.retry-history>div{border-bottom-color:var(--border)}
.muted,.hint,small,.empty{color:var(--muted)}
.red{color:var(--danger-text)}
.green{color:var(--ok-text)}
.page-destination{color:var(--text-2)}
#accounts .identity-name{color:var(--text)}
#accounts .page-source-list{color:var(--text-2)}

/* ---------------------------------------------------------------------------
   5. BANG — zebra 3 tang phai de DU CA 3, chi can khop do dac hieu (0,1,3),
      KHONG dung !important de con giu chi bao hang dang xu ly
   ------------------------------------------------------------------------ */
table{color:var(--text)}
th{color:var(--text-2);background:var(--surface-2)}
th,td{border-bottom-color:var(--border)}
tbody tr:nth-child(odd) td{background:var(--surface)}
tbody tr:nth-child(even) td{background:var(--surface-2)}
tbody tr:hover td{background:var(--surface-3)}
thead th{background:var(--surface-2)}
.history-table-viewport thead th,.reserve-proxy-scroll thead th{background:var(--surface-2)}
.txt-batch-detail-scroll .txt-job-detail-table thead th{background:var(--surface-2)}
.txt-batch-details>td{background:var(--surface-2)}
.disabled-cell{background:var(--surface-3);color:var(--muted)}
/* Cot hanh dong dinh ben phai: nen phai duc, neu quen se thanh dai sang doc trang */
.auto-history-table th:last-child,.auto-history-table td:last-child,
.auto-assignment-table th:last-child,.auto-assignment-table td:last-child,
.txt-detail-actions{background:var(--surface)}
.auto-history-table thead th:last-child,.auto-assignment-table thead th:last-child{background:var(--surface-2)}
.auto-history-table tbody tr:nth-child(even) td:last-child{background:var(--surface-2)}
.auto-assignment-table tbody tr:nth-child(even) td:last-child{background:var(--surface-2)}
.auto-assignment-table tbody tr:nth-child(even) .merged-page-cell{background:var(--surface-2)}
/* v103.css:5 da dat box-shadow:none!important cho cot cuoi — khong the dung bong
   lam ranh gioi, phai dung border-left (thuoc tinh chua bi khoa) */
main table th:last-child,main table td:last-child{border-left:1px solid var(--border)}
/* Hang danh dau lac quan: nen #fffbeb/#eff6ff !important — ha sang, giu ngu nghia */
.optimistic-table-row td{background:#3a2f12!important}
.optimistic-job-row td{background:#17304f!important}
.optimistic-job-row small{color:var(--accent-2)}

/* ---------------------------------------------------------------------------
   6. O NHAP LIEU / SELECT / TEXTAREA
   ------------------------------------------------------------------------ */
input,select,textarea{background:var(--field);color:var(--text);border-color:var(--border-strong)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
option,optgroup{background:var(--surface);color:var(--text)}
.row-check{accent-color:var(--accent)}
.picker-trigger{background:var(--field);color:var(--text);border-color:var(--border-strong)}
.color-picker{border-color:var(--border-strong)}
/* var(--color) o day la mau NGUOI DUNG chon cho preset video (video_edit.html:5)
   — chi doi vien, tuyet doi khong ep theo theme */
.color-picker label i{border-color:var(--border-strong)}

/* ---------------------------------------------------------------------------
   7. NUT — phai tach #fff-lam-NEN (27 cho) khoi #fff-lam-CHU-tren-nut (8 cho)
   ------------------------------------------------------------------------ */
button,.button-link{background:var(--btn);color:var(--btn-text)}
.ghost{background:var(--surface-2);color:var(--text)}
.danger{background:var(--danger);color:var(--danger-btn-text)}
.secondary,.button-link.secondary{background:var(--btn-2);color:var(--text)}
.success-btn{background:var(--ok);color:var(--ok-btn-text)}
.light-action{background:var(--accent-bg);color:var(--accent-2)}
.copy-btn{background:var(--surface-3);color:var(--text-2)}
.dialog-close{background:var(--surface-3);color:var(--text)}
.bgraph-relogin-btn{background:var(--ok);color:var(--ok-btn-text);border-color:var(--ok)}
.tabs a{background:var(--surface-2);color:var(--text-2);border-color:var(--border-strong)}
.tabs a.active{background:var(--btn);color:var(--btn-text);border-color:var(--btn)}
/* spinner nam TREN nut xanh — giu nguyen trang, khong doi theo chu nen toi */
.row-action-trigger{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}
/* v191.css:3-8 dat mau kem !important — ghi border-color rieng de giu do day 1px
   cua shorthand border:1px solid #cbd5e1!important */
.square-ellipsis-trigger{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border-strong)!important}
.square-add-source{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}

/* ---------------------------------------------------------------------------
   8. NHAN TRANG THAI — phai lap lai DUNG tung selector ke ca ID, vi v175/v180/
      v191/v171/v181 deu dat !important; .status chung chung (0,1,0) se thua het
   ------------------------------------------------------------------------ */
.status{background:var(--surface-3);color:var(--text-2)}
.status.live,.status.success,.status.used{background:var(--ok-bg);color:var(--ok-text)}
.status.die,.status.error{background:var(--danger-bg);color:var(--danger-text)}
.status.unchecked,.status.warning{background:var(--warn-bg);color:var(--warn-text)}
.status.ready{background:var(--accent-bg)!important;color:var(--info-text)!important}
.status.muted{background:var(--surface-3)!important;color:var(--muted)!important}
#accounts .status.ready{background:var(--accent-bg)!important;color:var(--info-text)!important}
#source-list .status.live,#source-list .status.ready,#accounts .status.live{background:var(--ok-bg)!important;color:var(--ok-text)!important}
#source-list .status.error{background:var(--danger-bg)!important;color:var(--danger-text)!important}
.job-state{color:var(--text-2)}
.job-state.ok{background:var(--ok-bg);color:var(--ok-text)}
.job-state.failed{background:var(--danger-bg);color:var(--danger-text)}
.job-state.waiting{background:var(--warn-bg);color:var(--warn-text)}
.auto-assignment-table .assignment-post-status .job-state.muted{background:var(--surface-3)!important;color:var(--muted)!important}
.txt-batch-status.txt-progress{background:var(--ok-bg)!important;color:var(--ok-text)!important}
.txt-batch-status.txt-complete{background:var(--accent-bg)!important;color:var(--info-text)!important}
.txt-batch-status.txt-paused{background:var(--warn-bg)!important;color:var(--warn-text)!important}
.txt-batch-status.txt-cancelled{background:var(--danger-bg)!important;color:var(--danger-text)!important}
/* v165.css:5 dat color !important nhung background la thuong */
.error-detail.websub-warning{color:var(--warn-text)!important;background:var(--warn-bg)}
/* Cong tac readonly: box-shadow inset la VIEN GIA, khong duoc xoa */
.readonly-switch{background:#4a5a72;box-shadow:inset 0 0 0 1px #7d8ca3}
.readonly-switch:after{background:var(--text)}
.readonly-switch.off{background:#4a5a72}
.readonly-switch.on{background:#2a9d52}
.readonly-switch.unknown{background:#c9a227}

/* ---------------------------------------------------------------------------
   9. MENU NOI / BANG GOI Y / DIALOG / ::backdrop
      ::backdrop khong ke thua tu body va khong khop selector thuong —
      phai viet dialog::backdrop, va can !important vi cac rule cu chat hon
   ------------------------------------------------------------------------ */
.menu,.menu-portal,.floating-action-menu{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-2)}
.entity-history-options,.content-page-options,.picker-options{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-2)}
.entity-history-options button,.picker-options button{background:var(--surface);color:var(--text)}
.entity-history-options button:hover,.picker-options button:hover{background:var(--surface-3)}
dialog{background:var(--surface);color:var(--text);box-shadow:var(--shadow-3)}
dialog::backdrop{background:rgba(2,5,10,.74)!important}
.dialog-close:hover{background:var(--btn-2)}
.account-edit-heading,.account-edit-field,.account-edit-identity{color:var(--text)}
/* v191.css:26-27 dat #172033 !important — chu gan nhu den, tren nen toi la vo hinh */
.quick-source-dialog [data-quick-source-page]{color:var(--text)!important}
.quick-source-dialog .dialog-head p{color:var(--text)!important}
.quick-source-menu summary{background:var(--btn);color:var(--btn-text)}
/* Tooltip da toi san — chi doi chu trang tinh sang --text */
.tooltip-note:hover:after{background:#050a14;color:var(--text)}

/* ---------------------------------------------------------------------------
   10. THANH TIEN TRINH — TUYET DOI khong dat width !important o day, JS va
       bien --progress / --update-progress dang ghi width vao chinh cac phan tu nay
   ------------------------------------------------------------------------ */
.progress{background:var(--surface-3)}
.progress i{background:var(--accent)}
.update-progress-label{color:var(--text-2)}
.update-progress-label strong{color:var(--accent-2)}
.update-progress-track{background:var(--surface-3);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
/* Gradient duy nhat trong 51 file (app.css:55) — grep theo hex khong ra */
.update-progress-track i{background:linear-gradient(90deg,#2a9d52,#2d68cc)}
/* rgba() — grep theo hex cung khong ra (app.css:47) */
.mini-progress{background:rgba(255,255,255,.14)}
.mini-progress:after{background:#35c46b}

/* ---------------------------------------------------------------------------
   11. MAN KHOA TOAN TRANG — chi hien tren 1-2 trang nen rat de sot,
       neu quen thi ca man hinh trang
   ------------------------------------------------------------------------ */
.vps-lock-screen{background:var(--bg)}
.update-lock{background:rgba(2,5,10,.85)}
.update-lock-card{background:var(--surface);color:var(--text);box-shadow:var(--shadow-3)}

/* ---------------------------------------------------------------------------
   12. MAN HINH BROWSER / VNC — da co nen den #111, GIU NGUYEN nen, chi doi vien
   ------------------------------------------------------------------------ */
.browser-screen,.vnc-screen{border-color:var(--border-strong)}
.browser-screen:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,155,255,.3)}
/* KHONG dung .vnc-screen canvas{width/height:100%!important} — de vao la meo hinh */

/* ---------------------------------------------------------------------------
   13. ANH PNG NEN DAC — khong sua duoc file anh, phai xu ly bang CSS
   ------------------------------------------------------------------------ */
/* tiktok-circle.png la hinh tron DEN tuyen tren nen trong suot → mat hut tren
   nen toi. Long mot vong nen sang phia sau. */
img[src$="tiktok-circle.png"]{background:#fff!important;border-radius:50%!important}
/* youtube-circle.png co nen KEM DAC phu kin o vuong → ep cat tron de khong
   thanh o sang choi (v169.css:3 da bo cat o #accounts .source-identity) */
img[src$="youtube-circle.png"]{border-radius:50%!important;overflow:hidden!important}
/* facebook-circle.png va page-flag.png nen trong suot — KHONG dung den */

/* ---------------------------------------------------------------------------
   14. HAI KHOI BI style= INLINE !important KHOA CUNG MAU CHU
       Theo thu tu cascade, inline duoc xet SAU Importance → khong co selector
       nao va khong bao nhieu !important de duoc. Giai phap duy nhat khong sua
       file: dao nen cua khoi cha sang mau sang cuc bo.
       #334155/#f8fafc = 9.90:1 · #2563eb/#f8fafc = 4.94:1 · #64748b/#f8fafc = 4.55:1
   ------------------------------------------------------------------------ */
#dashboard-filter-progress{background:var(--locked-light);border-color:#cbd5e1;color:#334155}
#scan-save-progress{background:var(--locked-light);border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px}
label[for="allow-no-proxy"]{background:var(--locked-light);border-radius:6px;padding:2px 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 9 khai bao mau inline KHONG co !important thi de duoc bang !important */
#scan-picked-count{color:var(--muted)!important}

/* ---------------------------------------------------------------------------
   15. TRANG /content — RAO CAN LON NHAT: content.html:3 tu chen content.css
       BEN TRONG {% block content %}, nghia la the <link> roi vao <body>,
       nap SAU theme.css. Phan nay phai dung !important CONG do dac hieu
       cao hon (them tien to #content-app / #content-results).
   ------------------------------------------------------------------------ */
#content-app .content-page-options,#content-results .content-page-options{background:var(--surface)!important;border-color:var(--border-strong)!important;color:var(--text)!important}
#content-app .content-page-option:hover{background:var(--surface-3)!important}
#content-app .content-page-id{color:var(--muted)!important}
#content-app .content-delete-success,#content-results .content-delete-success{color:var(--ok-text)!important}
#content-app .content-delete-error,#content-results .content-delete-error{color:var(--danger-text)!important}

/* ============================================================================
   PHAN 2 — BO CUC DIEN THOAI. Bo cuc may tinh giu NGUYEN, chi doi duoi 760px.
   Nho: media query KHONG cong do dac hieu. O 375px thi 13 khoi @media 1200px,
   11 khoi 980px, 3 khoi 1100px... van dang ap dung. Moi thuoc tinh ma 51 file
   cu dat !important thi o day BAT BUOC cung phai !important.
   ========================================================================== */
@media (max-width:760px){

  /* 16. Khung trang — luoi ve 1 cot, chan tran ngang o cap trang */
  body{overflow-x:hidden}
  main{margin-left:0!important;padding:12px!important;max-width:100%!important}
  .card,.metric{padding:14px!important;border-radius:10px}
  h1{font-size:21px}
  h2{font-size:17px}
  .vps-top-grid,.edit-preset-grid,.pipe-schedule-row,.upload-schedule-row{grid-template-columns:1fr!important}
  .color-picker{grid-column:span 1!important}
  .vps-top-card{height:auto!important;min-height:0!important;max-height:none!important}
  .vnc-screen{height:58vh!important;min-height:300px!important}
  .browser-screen{max-height:58vh}
  /* login-batch.css:10 khong co @media nao ha ve 1 cot (dong 14 chi lo cho
     .facebook-login-columns) nen 2 tieu de van nam canh nhau, moi cai ~155px */
  .facebook-login-headings{grid-template-columns:1fr!important}
  .section-head,.setting-title,.label-action-row,.dialog-head,.dialog-actions,.search,.browser-toolbar,.update-banner{flex-wrap:wrap!important;align-items:stretch!important}
  .section-head{flex-direction:column!important}
  .history-filters{grid-template-columns:1fr}
  /* Cac khoi bi inline display:flex!important khoa — de thuoc tinh LAN CAN
     (flex-wrap chua bi inline chiem) thay vi co de display */
  #scan-save-progress>div,#dashboard-filter-progress>div{flex-wrap:wrap!important}
  span:has(>input#allow-no-proxy){flex-wrap:wrap!important}

  /* 17. GO SAN PX CUA BANG (nguyen nhan goc)
     table-layout:fixed (v103.css:1) + hang tram width:NNNpx tren col/th/td lam
     tong be rong px thanh SAN CUNG: 45+125+95+105=370+19=389px o settings.html;
     11 cot v162 = 1695+58 = 1753px o pages.html. Dat width:100% la vo nghia,
     phai go table-layout VA huy toan bo width/max-width/min-width cap cot. */
  main table{table-layout:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;font-size:12px!important}
  #accounts .merged-facebook-table,.auto-assignment-table,.auto-history-table,
  .manual-job-history-table,.txt-job-detail-table,.cookie-table,.scanned-pages-table,
  .source-video-table,.dashboard-upload-table,.settings-history table,.vps-table,
  .platform-cookie-table,.reserve-proxy-table{table-layout:auto!important;width:100%!important;max-width:100%!important}
  /* :nth-child(n) khop moi o va cong (0,1,0) do dac hieu → (0,1,3) vuot moi
     lop cot dang .video-title-column / .dashboard-platform / .auto-col-* (0,1,0) */
  main table :is(th,td,col):nth-child(n){width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;padding:8px 6px!important;text-align:left!important}
  main table colgroup col[class]{width:auto!important;min-width:0!important;max-width:none!important}
  .auto-assignment-table colgroup col[class]{width:auto!important;min-width:0!important;max-width:none!important}
  /* Cac cot dat trong selector co ID (v162, v178, v191) can (1,x,y) moi vuot */
  #accounts table :is(th,td,col):nth-child(n),
  #destination-pages table :is(th,td,col):nth-child(n),
  #source-list table :is(th,td,col):nth-child(n),
  #auto-connections table :is(th,td,col):nth-child(n),
  #auto-history table :is(th,td,col):nth-child(n),
  #manual-history table :is(th,td,col):nth-child(n),
  #content-app table :is(th,td,col):nth-child(n){width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important}
  #accounts .merged-facebook-table :is(th,td,col):nth-child(n){width:auto!important;min-width:0!important;max-width:none!important}
  /* Chip tron thi KHONG cho xuong dong, neu khong se meo */
  main table :is(th,td) :is(.status,.job-state,.txt-batch-status,.source-id,.elapsed,.nowrap){white-space:nowrap!important;display:inline-block!important;max-width:100%!important;overflow-wrap:normal!important}
  /* min-width!important cua v162/v167/v171/v172/v174/v175/v176 va cac min-width
     thuong cua app.css:22/46/65 va content.css */
  #accounts .merged-facebook-table,.auto-assignment-table,.auto-history-table,
  .manual-job-history-table,.txt-job-detail-table,.cookie-table,.content-table,
  .detail,.history-table,.page-destination,.history-page-identity,.retry-history,
  .scanned-pages-table,.source-video-table,.dashboard-upload-table{min-width:0!important}
  #content-app .content-table{min-width:0!important}
  .error-detail,.history-detail,.browser-proxy-card,.content-action-error{max-width:100%!important}

  /* 18. CUON NGANG TRONG KHUNG RIENG, KHONG EP CO
     Bang nhieu cot giu san be rong de doc duoc roi cuon ngang ben trong khung;
     trang khong tran vi khung da max-width:100%. */
  #accounts .merged-facebook-table{min-width:760px!important}
  .auto-assignment-table{min-width:820px!important}
  .auto-history-table,.manual-job-history-table,.txt-job-detail-table,
  .source-video-table,.dashboard-upload-table,.detail,.history-table{min-width:720px!important}
  #content-app .content-table{min-width:720px!important}
  /* v103.css:4 dang CAT phan tran (overflow-x:hidden!important) khien 35/40 nut
     o pages.html va 20/21 nut o auto.html khong the voi toi — mo lai cuon that */
  main .table-scroll-x,main .assignment-scroll,main .account-table-scroll,
  main .cookie-table-wrap,#auto-history,.merged-facebook-scroll,
  .history-table-viewport,.reserve-proxy-scroll,.txt-batch-detail-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  /* Ba bang khong co div boc → lay chinh the card lam khung cuon.
     Phai ghi de v123.css:3 (.source-list-card{overflow:visible!important}) */
  section.card.wide,.source-list-card,.dashboard-upload-card,.settings-history{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  /* 19. HANG LOC — cho XUONG DONG. Phai lap lai DUNG danh sach selector cua
     v181.css:2 va v167.css:3-4 (co ca ID) moi bang do dac hieu de thang nho nap sau */
  .unified-filter-row,#source-list .source-filters,#auto-connections .connection-filters,
  #auto-history .history-head,#auto-history .history-filters,
  #manual-history .manual-history-head,#manual-history .manual-history-filters{flex-wrap:wrap!important;white-space:normal!important;min-width:0!important;max-width:100%!important;overflow-x:visible!important;align-items:stretch!important;row-gap:8px!important}
  #auto-history{overflow-x:auto!important}
  .unified-filter-row>*,#source-list .source-filters>*,#auto-connections .connection-filters>*,
  #auto-history .history-filters>*,#manual-history .manual-history-filters>*{width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 100%!important}
  /* Meo width:0 + min-width:190px + flex:1 1 0 cua v181/v191 — phai doi CA BA
     thuoc tinh cung luc, neu chi min-width:0 thi o loc co ve 0px va bien mat */
  #accounts .unified-filter-row>.entity-history-picker,#accounts .facebook-state-filter,
  #auto-connections .connection-filters>.entity-history-picker,
  #auto-connections .connection-filters>select[name="connection_sort"]{width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 100%!important}
  .entity-history-picker{min-width:0!important;max-width:100%!important}

  /* 20. HANG NUT — day moi la cai lam "nut de nhau" va "nut tran".
     v103.css:6 da tung thu .row-actions{flex-wrap:wrap!important} nhung THUA
     v106.css:10 vi ben kia co ID → o day BAT BUOC giu ID trong selector. */
  #accounts .row-actions,#destination-pages .page-row-actions,
  main .action-column .actions,main .action-column .job-actions,
  main table td:last-child .actions,main .job-actions,main .row-actions,
  .auto-assignment-table td:last-child .actions,
  .source-video-table td:last-child .actions,.txt-detail-actions .job-actions,
  .actions,.job-actions,.row-actions,.page-row-actions,.square-row-actions,
  .management-actions,.txt-actions{flex-wrap:wrap!important;white-space:normal!important;justify-content:flex-start!important;text-align:left!important;min-width:0!important;row-gap:6px!important;gap:6px!important}
  .actions input,.inline select,.menu button,.retry-history{min-width:0!important}
  .menu button,.job-actions button,.row-actions button{white-space:normal!important}
  /* app.css:45 con dat .auto-assignment-table td:last-child .actions{min-width:160px} */
  .auto-assignment-table td:last-child,.source-video-table td:last-child{text-align:left!important}
  /* O tieu de cot HANH DONG: padding 0 30px + details position:absolute:right:0
     an het cho trong o hep → la nguon 2 cap de nhau o settings.html */
  .table-action-head{position:static!important;padding:0!important;min-height:0!important;flex-wrap:wrap!important;justify-content:flex-start!important}
  .table-action-head>details{position:static!important}
  .table-action-head>span{margin:0!important}

  /* 21. NUT CAO >= 44px cho ngon tay */
  main button,main .button-link,main summary,
  main input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  main select,main textarea{min-height:44px!important}
  main textarea{min-height:88px!important}
  /* v191.css:3-8 (36px) va v159.css:5 / v160.css:30 (38px, co ID nen thang v191)
     — phai giu ID moi vuot duoc */
  .square-ellipsis-trigger,.square-add-source,.row-action-trigger,
  #accounts .row-action-trigger,#accounts .square-add-source,
  #destination-pages .row-action-trigger,#destination-pages .square-add-source{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .row-actions button,.job-actions button,.actions button{font-size:12px!important;padding:10px 12px!important}
  .row-check{width:22px!important;height:22px!important}

  /* 22. MENU NOI → BOTTOM SHEET.
     O 375px moi menu deu bi app.js:377 ep vao dai 8px..187px nen chong len nhau.
     !important trong CSS thang style inline KHONG co !important ma JS ghi vao,
     nen khong can sua app.js. CHI lam trong media query nay. */
  .menu:not(.hidden),.menu-portal:not(.hidden),.floating-action-menu:not(.hidden){position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:min(60vh,420px)!important;overflow:auto!important;z-index:10000!important}
  .menu>*,.floating-action-menu>*{width:100%!important;margin:3px 0!important}
  /* Bang goi y: cung 300px trong khi viewport 375px, lai lay left tu rect.left
     cua input dang cuon ngang nen tran ra ngoai man hinh.
     v167.css:2 dat right:auto!important cho ban floating → dung left+width. */
  .entity-history-options:not([hidden]){left:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;max-height:50vh!important}
  .entity-history-options.floating-entity-options:not([hidden]){left:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  .content-page-options,.picker-options{max-width:100%!important;max-height:50vh!important}

  /* 23. THANH CHON HANG LOAT — 5 nut wrap thanh 2-3 dong cao ~140px nhung main
     chi co padding-bottom:92px (v181.css:14) nen thanh de len cuoi bang */
  .selection-bar:not(.hidden){flex-direction:column!important;align-items:stretch!important;left:8px!important;right:8px!important;bottom:8px!important;gap:8px!important;max-height:46vh;overflow:auto}
  .selection-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body:has(.selection-bar:not(.hidden)) main{padding-bottom:200px!important}

  /* 24. Cac o rong co dinh con lai */
  .login,.job-edit-dialog,.account-edit-dialog,.update-confirm-dialog,
  .quick-source-dialog,.delete-confirm-dialog,.confirm-dialog,.relogin-modal{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:16px!important}
  .vps-lock-card,.update-lock-card{width:calc(100vw - 20px)!important}
  .enrollment-list,.release-history{max-height:none!important}
  .metric b{font-size:24px}
  .tabs{flex-wrap:wrap!important}
  .time-slots{grid-template-columns:1fr!important}
}
/* ============================================================
   VA BO SUNG — do that trong trinh duyet phat hien con sot
   ============================================================ */
@media (max-width: 760px) {
  /* main.center la grid; con cua grid mac dinh min-width:auto nen cot
     phinh theo noi dung rong nhat (790px o pages, 750px o dashboard).
     minmax(0,1fr) ep cot co theo khung. Day la nguyen nhan con lai
     cua tran ngang o pages va dashboard. */
  main.center { grid-template-columns: minmax(0, 1fr) !important; }
  main.center > * { min-width: 0 !important; max-width: 100% !important; }

  /* Moi khoi con trong card cung phai chiu co lai */
  .card, .card > *, section > * { min-width: 0 !important; }

  /* Cot hanh dong: nut phai xuong dong thay vi tran de len nhau.
     v106.css:10 #accounts .row-actions la nguyen nhan cap
     Relogin<->Check Token va Chinh sua<->Scan Page. */
  #accounts .row-actions,
  #destination-pages .page-actions,
  .row-actions,
  .page-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    white-space: normal !important;
    overflow: visible !important;
    min-width: 0 !important;
  }
  #accounts .row-actions > *,
  #destination-pages .page-actions > *,
  .row-actions > *,
  .page-actions > * {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    min-height: 44px !important;
  }

  /* Hang loc / dau muc: cho xuong dong, khong ep mot hang */
  .unified-filter-row, .section-head, .filters,
  .facebook-state-filter, .entity-history-picker {
    display: flex !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .unified-filter-row > *, .section-head > *, .filters > *,
  .facebook-state-filter > *, .entity-history-picker > * {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }
}

@media (max-width: 760px) {
  /* The so lieu .metric cung la grid bi phinh theo chu dai
     ("Chua co du lieu doanh thu" ep cot rong 383px). */
  .metric-grid, .metric-grid.two, .metric-grid.four {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .metric {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .metric > *, .metric b, .metric span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  /* Bat ky grid nao con lai cung phai chiu co */
  main [style*="grid"], main .two, main .four {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ============================================================
   VA BO SUNG 2 — quet tu dong tim cho con nen sang
   ============================================================ */
/* Dong ho o thanh ben (v156.css:1 background:#f8fafc) */
.sidebar-clock{background:var(--surface-2)!important;border-color:var(--border)!important;box-shadow:none!important}
.sidebar-clock strong{color:var(--text)!important}
.sidebar-clock small{color:var(--accent)!important}

/* Nut mo menu "•••" va muc "Da thu lai" (nen #f1f5f9) */
.action-menu > summary,
.table-action-head summary,
.retry-history > summary,
details > summary:not(.quick-source-menu summary){
  background:var(--surface-3)!important;
  color:var(--text-2)!important;
  border-color:var(--border)!important;
}
/* Rieng menu nguon nhanh giu mau xanh chu dao */
.quick-source-menu summary{background:var(--btn)!important;color:#fff!important}

/* Nhan o tich "Khong dung proxy" va thanh tien trinh (do chinh tool nay them vao) */
label[for="allow-no-proxy"]{background:transparent!important;color:var(--muted)!important}
#allow-no-proxy{accent-color:var(--accent)!important}
#scan-save-progress,#dashboard-filter-progress{background:var(--surface)!important;border-color:var(--border)!important}
#scan-save-text,#dashboard-filter-text{color:var(--text-2)!important}
#scan-save-percent,#dashboard-filter-percent{color:var(--accent)!important}
#scan-save-bar,#dashboard-filter-bar{background:var(--accent)!important}
#scan-picked-count,#dashboard-filter-note{color:var(--muted)!important}

/* Canh bao vang trong dang nhap hang loat (login-batch.css:7) */
.login-info-warning{background:var(--warn-bg)!important;color:var(--warn-text)!important}

/* Khu vuc sao luu du lieu */
.backup-version-item,.data-backup-list,.data-backup-action,.backup-section-head{
  background:var(--surface-2)!important;border-color:var(--border)!important;
}

/* ============================================================
   TOI UU MAY TINH — ap dung moi kich thuoc man hinh
   Truoc: bang rong 1696px keo CA TRANG truot ngang, thanh ben
   troi theo, phai cuon ca trang moi thay cot cuoi.
   Sau: khung bang co lai bang be ngang man hinh, bang cuon BEN
   TRONG khung. Thanh ben va dau trang dung yen.
   An toan voi menu "•••": v123.css:2 dat .floating-action-menu
   position:fixed nen menu van thoat ra ngoai khung cuon.
   ============================================================ */
main.center{grid-template-columns:minmax(0,1fr)!important}
main.center > *{min-width:0!important;max-width:100%!important}

.account-table-scroll,.merged-facebook-scroll,.table-scroll-x,
.assignment-scroll,.cookie-table-wrap,.source-video-scroll,
#auto-history,.settings-history,.dashboard-upload-card{
  max-width:100%!important;
  overflow-x:auto!important;
}
/* Thanh cuon ngang de nhin tren nen toi */
.account-table-scroll::-webkit-scrollbar,.merged-facebook-scroll::-webkit-scrollbar,
.table-scroll-x::-webkit-scrollbar,.assignment-scroll::-webkit-scrollbar,
#auto-history::-webkit-scrollbar{height:10px}
.account-table-scroll::-webkit-scrollbar-thumb,.merged-facebook-scroll::-webkit-scrollbar-thumb,
.table-scroll-x::-webkit-scrollbar-thumb,.assignment-scroll::-webkit-scrollbar-thumb,
#auto-history::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}

/* SUA DO UU TIEN: v103.css:4 dung 'main .table-scroll-x{overflow-x:hidden!important}'
   co do cu the (0,1,1). Rule cua theme chi (0,1,0) nen THUA -> bang bi CAT mat.
   Phai lap lai tien to 'main' de bang do cu the, them 'html body' cho chac. */
html body main .table-scroll-x,
html body main .assignment-scroll,
html body main .account-table-scroll,
html body main .merged-facebook-scroll,
html body main .cookie-table-wrap,
html body main .source-video-scroll,
html body main #auto-history,
html body main .settings-history,
html body #auto-history,
html body .merged-facebook-scroll,
html body .account-table-scroll{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}


/* ============================================================
   DIEN THOAI — BANG NHIEU COT DOI THANH THE DOC
   Ep bang 11 cot vao 375px lam chu vo vun ("ST/T", "Mau/u").
   Thay vi ep, moi DONG thanh MOT THE, moi O mot hang
   "Nhan: gia tri". Nhan lay tu <th> qua mobile-cards.js.
   ============================================================ */
@media (max-width: 760px) {
  html body main table,
  html body main table tbody,
  html body main table tr,
  html body main table td{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html body main table colgroup{display:none!important}

  /* <thead> KHONG an het: trong do co menu "•••" (Check All Token, Xoa All...)
     va o chon tat ca. An cac tieu de chu thuong, giu lai o co nut thanh
     mot thanh cong cu nam tren cac the. */
  html body main table thead{display:block!important;margin:0 0 10px!important}
  html body main table thead tr{
    display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;
    align-items:center!important;gap:8px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    margin:0!important;padding:0!important;
  }
  html body main table thead th{display:none!important}
  html body main table thead th:has(details, button, select, input:not([type=hidden])){
    display:flex!important;align-items:center!important;gap:8px!important;
    width:auto!important;min-width:0!important;padding:0!important;
    border:0!important;background:transparent!important;position:static!important;
  }
  html body main table thead th .table-action-head{
    display:flex!important;align-items:center!important;gap:8px!important;
    min-height:0!important;padding:0!important;position:static!important;
  }
  /* Chu "HANH DONG" canh nut ••• la thua tren thanh cong cu */
  html body main table thead th .table-action-head > span,
  html body main table thead th .visually-hidden{display:none!important}
  html body main table thead th summary{min-height:40px!important;min-width:44px!important}
  /* O chon tat ca dung mot minh thi kho hieu: them chu */
  html body main table thead th:has(> input.check-all)::after{
    content:"Chọn tất cả";color:var(--text-2);font-size:13px;font-weight:600;
  }
  html body main table thead th > input.check-all{width:20px!important;height:20px!important;margin:0!important}

  /* Khung cuon khong can cuon ngang nua */
  html body main .table-scroll-x,
  html body main .assignment-scroll,
  html body main .account-table-scroll,
  html body main .merged-facebook-scroll,
  html body main .cookie-table-wrap,
  html body main .source-video-scroll,
  html body main #auto-history,
  html body main .settings-history{overflow-x:visible!important}

  /* Moi dong = mot the */
  html body main table tbody tr{
    background:var(--surface)!important;
    border:1px solid var(--border)!important;
    border-radius:12px!important;
    margin:0 0 12px!important;
    padding:6px 10px!important;
    box-shadow:0 2px 10px rgba(0,0,0,.35)!important;
  }
  html body main table tbody tr:nth-child(even) td{background:transparent!important}
  html body main table tbody tr:hover td{background:transparent!important}

  /* Moi o = mot hang "Nhan: gia tri" */
  html body main table tbody td{
    display:grid!important;
    grid-template-columns:40% 1fr!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 0!important;
    border:0!important;
    border-bottom:1px solid var(--border)!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    font-size:13px!important;
  }
  html body main table tbody td:last-child{border-bottom:0!important}
  html body main table tbody td::before{
    content:attr(data-label);
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    letter-spacing:.03em!important;
    line-height:1.3!important;
  }
  /* O khong co nhan (cot chon, cot hanh dong) thi chiem tron be ngang */
  html body main table tbody td:not([data-label]){
    grid-template-columns:1fr!important;
  }
  html body main table tbody td:not([data-label])::before{content:none!important}
  /* Cot hanh dong: nut dan hang ngang, xuong dong khi het cho */
  html body main table tbody td .row-actions,
  html body main table tbody td .page-actions,
  html body main table tbody td .actions{
    display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;
  }
  html body main table tbody td button,
  html body main table tbody td .button-link{min-height:40px!important}
}


/* ============================================================
   DIEN THOAI — GO min-width CUNG CUA BANG
   Lap lai CHINH XAC tung selector da dat min-width trong 51 file cu
   (vd #accounts .merged-facebook-table{min-width:1695px!important}).
   Cung do cu the nhung nam sau trong thu tu nap nen thang.
   Quet tu dong, khong doan.
   ============================================================ */
@media (max-width: 760px) {
#accounts .facebook-state-filter,
#accounts .merged-facebook-table,
#accounts .merged-facebook-table td:nth-child(7),
#accounts .merged-facebook-table th:nth-child(7),
#accounts .page-name-cell>.page-name-stack,
#accounts .page-source-list .source-identity>span,
#accounts .row-action-trigger,
#accounts .source-identity img,
#accounts .source-identity span,
#accounts .source-platform-icon,
#accounts .source-platform-icon img,
#accounts .square-add-source,
#accounts .unified-filter-row>.entity-history-picker,
#accounts table,
#auto-history .entity-history-picker,
#auto-history .history-filters,
#auto-history .history-filters>.entity-history-picker,
#auto-history .history-filters>select,
#destination-pages .page-row-actions,
#destination-pages .row-action-trigger,
#destination-pages .square-add-source,
#destination-pages table,
#source-list .entity-history-picker,
#source-list .source-filters>select,
#source-list .source-page-identity img,
#source-list .source-page-identity span,
#source-list td:nth-child(3),
#source-list th:nth-child(3),
.account-table-scroll table,
.auto-assignment-table,
.auto-assignment-table .assignment-edit-profile form,
.auto-assignment-table .assignment-edit-profile select,
.auto-assignment-table .assignment-type form,
.auto-assignment-table .assignment-type select,
.auto-assignment-table .page-inline-actions,
.auto-assignment-table td:last-child,
.auto-assignment-table td:last-child .actions,
.auto-assignment-table td:nth-child(2),
.auto-assignment-table th:last-child,
.auto-assignment-table th:last-child .table-action-head,
.auto-assignment-table th:nth-child(2),
.auto-history-table,
.auto-history-table td:last-child,
.auto-history-table td:last-child .job-actions,
.auto-history-table th:last-child,
.content-table,
.content-table td:last-child,
.content-table td:nth-child(3),
.content-table td:nth-child(5),
.cookie-table,
.history-table,
.manual-job-history-table,
.platform-cookie-table,
.scanned-pages-table td,
.scanned-pages-table td:nth-child(7) button,
.scanned-pages-table td:nth-child(8) button,
.scanned-pages-table th,
.source-list-card .source-video-table,
.source-list-card table,
.txt-batch-table,
.txt-batch-table>tbody>tr.txt-batch-summary>td:nth-child(8),
.txt-batch-table>tbody>tr.txt-batch-summary>td:nth-child(9),
.txt-batch-table>thead>tr>th:nth-child(8),
.txt-batch-table>thead>tr>th:nth-child(9),
.txt-job-detail-table,
.txt-job-detail-table td,
.txt-job-detail-table th,
.vps-table,
main table,
main table td,
main table td .actions,
main table td .actions form,
main table td:last-child,
main table td:last-child .actions,
main table th,
main table th:last-child{min-width:0!important;width:auto!important;max-width:100%!important}
}


/* Ranh thanh tien trinh (style= noi tuyen #e2e8f0, khong !important nen de duoc) */
#dashboard-filter-progress div:has(> #dashboard-filter-bar),
#scan-save-progress div:has(> #scan-save-bar){background:var(--surface-3)!important}

/* ============ NHOM 2: thong bao loi, hop xac nhan, khung quet Page ============ */
.ajax-toast.error{background:var(--danger-bg)!important;color:var(--danger-text)!important;border:1px solid var(--danger-text)!important;cursor:pointer}
.ajax-toast.notice{background:var(--accent-bg)!important;color:var(--info-text)!important;border:1px solid var(--accent-border)!important}
main > .error{border:1px solid var(--danger-text)!important;border-left-width:4px!important;font-weight:600}
.delete-confirm-dialog .confirm-detail{margin:6px 0 16px;color:var(--warn-text);font-size:13px;font-weight:600;line-height:1.45}
/* Khung "Page da quet" gio nam ngoai #accounts nen can khung rieng */
.scan-results.card{margin-top:18px!important;padding:16px!important}

/* ============ NHOM 3: luong lam viec ============ */
/* Nut Scan Page ngay trong o "Chua co Page" */
.empty-page-cell{white-space:normal!important}
.empty-page-cell .empty-page-scan{display:block!important;margin-top:8px!important;min-height:34px!important;padding:6px 12px!important;font-size:13px!important}
/* Goi y buoc tiep theo sau khi Luu Page */
.notice.next-step{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;line-height:1.5}
.notice.next-step a{color:var(--accent-2);font-weight:700}
.notice.next-step button{margin-left:auto;min-height:34px}
/* VPS: "Xem loi" mo ra noi dung loi */
.vps-error-detail > summary{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}
.vps-error-detail[open] > .error-detail{margin-top:8px;max-width:420px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px!important}
/* O "Ngay sau khi ket noi se dang video moi nhat…": CSS goc to nen trang #eff6ff -> chu sang khong doc duoc */
.latest-connect-option,.quick-source-latest{background:var(--surface-2);border-color:var(--border);color:var(--text)}
/* Upload thu cong: thanh % tai video len trong dong job tam */
.optimistic-job-row .upload-progress{display:block!important;min-width:0;margin-top:4px}
.optimistic-job-row .upload-progress-text{display:block!important;white-space:normal!important}
.optimistic-job-row .upload-progress-bar{display:block!important;width:100%!important;max-width:240px!important;height:6px;margin-top:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.optimistic-job-row .upload-progress-bar > i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
/* the mobile: o chia 2 cot (nhan | gia tri) -> dat khoi % vao cot gia tri, duoi ten video */
@media (max-width:760px){html body main table tbody tr.optimistic-job-row td > .upload-progress{grid-column:-2 / -1!important}}
/* ===== Nen sang / chu toi con sot tu CSS goc (quet do tuong phan tung phan tu, 2026-09-28) ===== */
.quick-source-dialog{color:var(--text)}
.quick-source-choice,.quick-source-global-options,.quick-source-content-types,
.cookie-add-panel,.schedule-entry-row,.edit-preset-list article{background:var(--surface-2);border-color:var(--border)}
.quick-source-selected-pane,.quick-source-picker-pane,.quick-source-selected{background:var(--surface);border-color:var(--border)}
.picker-panel,.bulk-picker-panel,.quick-source-picker-panel{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-2)}
.quick-source-picker-trigger{background:var(--surface);border-color:var(--border-strong);color:var(--text)}
.quick-source-dialog .quick-source-options>label{background:var(--surface);border-color:var(--border)}
.quick-source-dialog .quick-source-options>label.connected-source{background:var(--ok-bg);border-color:var(--ok-bg)}
.quick-source-options>label:hover,.bulk-picker-options>label:hover,
.quick-source-dialog .quick-source-options>label:hover,.page-inline-actions .quick-source-link:hover{background:var(--surface-3);border-color:var(--border-strong)}
.quick-source-selected>span{background:var(--accent-bg);color:var(--accent-2)}
.quick-source-selected-label{color:var(--text-2)}
.quick-source-selected>small,.quick-source-dialog .quick-source-options small,.quick-source-result-note{color:var(--muted)}
.zip-help{background:var(--surface-2);color:var(--muted)}
.bulk-id-actions>.fill-ids{background:var(--accent-bg);color:var(--accent-2);border-color:transparent}
.channel-link{background:var(--accent-bg);color:var(--accent-2)}
.credential-state.missing{background:var(--warn-bg);color:var(--warn-text)}
.txt-job-detail-table{background:var(--surface)}
.scheduled-time{color:var(--text-2)}
.backup-version-item span{color:var(--text-2)}
.enrollment-countdown{color:var(--accent-2)}
.enrollment-box.expired .enrollment-countdown{color:var(--danger-text)}
/* ten Page trong bang Page Facebook: rule goc (1,3,0) to #172033, thang "#accounts .identity-name" */
#accounts .page-name-cell>.page-name-stack .identity-name{color:var(--text)}
/* ===== Cot TEN VIDEO bang lich su Upload/Pipe: app.js gan .video-title-column{width:13.5%}
   trong bang table-layout:fixed -> cac cot px chiem het, cot nay con 6-19px o kho 1280.
   Tren PC dat cung 205px (dung so thiet ke goc), bang du thi cuon ngang nhu cu. ===== */
@media (min-width:761px){
  .manual-job-history-table .video-title-column{width:205px!important;min-width:205px!important}
}
/* Chinh sua Video: o ZIP anh/font, vi tri text, mau chu duoc JS gan [hidden] khi khong dung,
   nhung "label{display:grid}" goc de len [hidden] cua trinh duyet -> luc nao cung hien */
.edit-preset-form [hidden]{display:none!important}
/* Chinh sua Video: khung xem truoc ban Edit */
.edit-preview{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;margin:22px 0 16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.edit-preview-controls{display:flex;flex-direction:column;gap:12px;min-width:0}
.edit-preview-controls h3{margin:0;font-size:16px}
.edit-preview-play{display:flex;align-items:center;gap:10px}
.edit-preview-play button{flex:none;min-width:72px}
.edit-preview-play input[type=range]{flex:1;min-width:0;padding:0;border:0;background:transparent;accent-color:var(--accent)}
.edit-preview-buttons{display:flex;flex-wrap:wrap;gap:8px}
.edit-preview-info{margin:0;color:var(--text-2);font-size:12px;font-weight:600}
.edit-preview-note{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.edit-preview-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:320px;padding:12px;border-radius:10px;background:var(--bg)}
.edit-preview-stage canvas{display:block;max-width:100%;max-height:560px;width:auto;height:auto;border:1px solid var(--border-strong);box-shadow:var(--shadow-2)}
@media (max-width:760px){
  .edit-preview{grid-template-columns:minmax(0,1fr)!important;padding:12px}
  .edit-preview-stage{min-height:0}
  .edit-preview-stage canvas{max-height:60vh}
}
/* ===== Khung moi cua v19.25 tren giao dien toi (CSS goc cua v19.25 viet cho nen sang) ===== */
/* Hop Xoa Nguon: o chon nguon nen #f8fafc -> chu sang khong doc duoc */
.page-sources-options label{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.page-sources-options label:hover{background:var(--surface-3)}
/* Thong bao goc duoi khi token doi trang thai: nen #fff */
.token-state-toast{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-2)}
/* Mau trang thai token theo bo mau giao dien toi (mau goc #15803d/#dc2626/#b45309 toi tren nen toi) */
.page-token-status.die,.token-check-die{color:var(--danger-text)}
.page-token-status.live,.token-check-live{color:var(--ok-text)}
.page-token-status.check-error,.token-check-error{color:var(--warn-text)}
/* legacy.css:1185 '#accounts .page-name-cell>.page-name-stack small' (co ID) to xam + chu manh -> can selector co ID */
#accounts .page-name-cell>.page-name-stack small.page-token-status{font-weight:700;margin-top:3px}
#accounts .page-name-cell>.page-name-stack small.page-token-status.die{color:var(--danger-text)}
#accounts .page-name-cell>.page-name-stack small.page-token-status.live{color:var(--ok-text)}
#accounts .page-name-cell>.page-name-stack small.page-token-status.check-error{color:var(--warn-text)}
/* page-sources.css: nut Xoa Nguon #dc2626!important -> cung mau voi Xoa Page/Xoa Tai khoan */
[data-detach-page-sources]{background:var(--danger)!important;border-color:var(--danger)!important;color:var(--danger-btn-text)!important}
@media (max-width:760px){
  /* vps-actions.css (nap sau theme, co ID) day nut VPS sang phai tren dien thoai; bang khac deu can trai */
  html body #vps-list .vps-table .vps-row-actions{justify-content:flex-start!important}
  /* .actions{justify-content:flex-start!important} o tren lam lech nut Co/Khong cua hop Xoa Nguon */
  #page-sources-confirm .actions{justify-content:center!important}
}
/* Content: ghi chu Thu nhap mau #64748b */
.content-earnings-note{color:var(--muted)}
/* Dong "Chua co tai khoan Facebook." la o cuoi (duy nhat) cua dong -> legacy.css
   #accounts .merged-facebook-table td:last-child{text-align:right!important} can nham sang phai. Dua ra giua. */
#accounts .merged-facebook-table tbody td.empty{text-align:center!important}