/* WEB: giao diện riêng của bản Online (huy hiệu lượt mở, dải cập nhật, màn hình khóa, trang điện thoại).
 * Màu theo màn hình kích hoạt của bản desktop (cam / đen). */

/* ---------- Huy hiệu "Bản Online miễn phí · còn N/10 lần" (dùng nút trạng thái bản quyền) ---------- */
.pill.lic.webfree{border-color:var(--ac);color:var(--ac2);background:var(--ac-soft)}
.pill.lic.webfree.low{border-color:var(--red);color:var(--stopc);background:rgba(239,68,68,.12)}
#stWeb{font:inherit;font-size:11.5px;font-weight:600;color:var(--ac2);background:none;border:0;padding:0 6px;cursor:pointer;white-space:nowrap}
#stWeb.low{color:var(--stopc,#ef4444)}
:root[data-theme="light"] #stWeb{color:#b45309}

/* ---------- Tùy chọn: bản web luôn tự kiểm tra cập nhật, không có ô địa chỉ máy chủ ---------- */
.is-web .upd-box .opt-form{display:none}
/* Trình duyệt không chọn được thiết bị phát (không có setSinkId): ẩn lựa chọn ngõ ra */
.no-sink select[data-k="mDev"],.no-sink select[data-k="hDev"],.no-sink .ab[data-hw="usb"],.no-sink .ab[data-pre="dj"],.no-sink .addrow[data-add="head"]{display:none}

/* ---------- Dải thông báo cập nhật ---------- */
.web-upd{display:flex;align-items:center;gap:12px;flex:none;height:40px;padding:0 14px;background:linear-gradient(90deg,rgba(247,148,29,.22),rgba(247,148,29,.08));border-bottom:1px solid rgba(247,148,29,.45);color:var(--tx,#e8eaf0);font-size:13px;min-width:0}
.web-upd .wu-ic{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f7941d;color:#2a1700;font-weight:800;flex:none}
.web-upd b{white-space:nowrap;color:#ffb04d}
.web-upd .wu-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.web-upd button{font:inherit;cursor:pointer;height:28px;border-radius:8px;padding:0 14px;border:1px solid rgba(247,148,29,.5);background:transparent;color:inherit}
.web-upd .wu-go{background:linear-gradient(180deg,#ffb04d,#f7941d);color:#2a1700;font-weight:700;border:0}
.web-upd .wu-go:disabled{opacity:.7;cursor:progress}
.web-upd .wu-x{width:28px;padding:0}
.web-upd.must{background:linear-gradient(90deg,rgba(239,68,68,.25),rgba(239,68,68,.08));border-bottom-color:rgba(239,68,68,.5)}
:root[data-theme="light"] .web-upd b{color:#b45309}
:root[data-theme="light"] .web-upd{color:#3b2a14}
.wcard .web-upd{border-radius:12px;margin:-6px 0 18px;border:1px solid rgba(247,148,29,.45)}

/* ---------- Màn hình khóa + trang điện thoại ---------- */
html.web-locked #app,html.web-locked #longview,html.web-locked #megasfx,html.web-mobile #app{display:none!important}
html.web-locked,html.web-locked body,html.web-mobile,html.web-mobile body{overflow:auto;user-select:text}
.wlock,.wmob{--bg:#0f1115;--sf:#171a21;--sf2:#1e222b;--bd:#2a2f3a;--tx:#e8eaf0;--mu:#8a93a6;--ac:#f7941d;--ac2:#ffb04d;--red:#ef4444;--grn:#22c55e;
  position:fixed;inset:0;z-index:2147482000;overflow:auto;display:flex;padding:24px 16px;
  background:radial-gradient(1200px 700px at 20% -10%,#2a1c08 0,transparent 60%),var(--bg);color:var(--tx);
  font:14px/1.5 "Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,"SF Pro Text",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.wlock .wcard,.wmob .wcard{width:min(680px,100%);background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:30px 34px;box-shadow:0 30px 80px rgba(0,0,0,.5);margin:auto;box-sizing:border-box}
.wmob .wcard{width:min(460px,100%);padding:24px 20px}
.whead{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.whead img{width:64px;height:64px;border-radius:50%;background:#fff;padding:2px;flex:none}
.whead h1{margin:0;font-size:21px;letter-spacing:-.01em}.whead .sub{color:var(--mu);font-size:13px}
.wbanner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);margin-bottom:18px}
.wbanner.info{background:rgba(247,148,29,.08);border-color:rgba(247,148,29,.3)}
.wbanner .ic{font-size:26px;line-height:1}.wbanner b{display:block;font-size:15px}.wbanner small{color:var(--mu);font-size:13px}.wbanner small b{display:inline;font-size:inherit;color:var(--ac2)}
.wcount{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 18px}
.wcount div{background:var(--sf2);border:1px solid var(--bd);border-radius:12px;padding:10px 6px;text-align:center}
.wcount b{display:block;font:700 28px/1.1 ui-monospace,Consolas,"SF Mono",monospace;color:var(--ac2)}
.wcount small{color:var(--mu);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}
.wrow{display:flex;gap:10px;margin-top:10px}
.wbtn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--bd);background:var(--sf2);color:var(--tx);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;box-sizing:border-box;text-align:center}
.wbtn:hover{border-color:#44495a}
.wbtn.pri{background:linear-gradient(180deg,var(--ac2),var(--ac));color:#2a1700;font-weight:700;border:0;font-size:15px;min-height:48px}
.wbtn.pri:hover{filter:brightness(1.07)}
.wcontact{display:flex;gap:10px;margin-top:10px}
.wbtn.zalo,.wcontact .wbtn{flex:1;display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;border:1px solid rgba(247,148,29,.35);background:rgba(247,148,29,.08);color:var(--ac2,#ffb04d);font-weight:700;text-decoration:none}
.whot{margin-top:8px;text-align:center;color:var(--mu);font-size:13px}.whot b{color:var(--ac2,#ffb04d);font-size:15px;letter-spacing:.02em}
h3.wlbl{margin:24px 0 8px;font-size:13px;font-weight:700;letter-spacing:.04em}
.wcmp{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-top:6px}
.wcmp th,.wcmp td{padding:8px 12px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:middle}
.wcmp tr:last-child td{border-bottom:0}
.wcmp th{background:var(--sf2);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--mu)}
.wcmp th:nth-child(3),.wcmp td:nth-child(3){background:rgba(247,148,29,.07)}
.wcmp td:nth-child(2),.wcmp td:nth-child(3),.wcmp th:nth-child(2),.wcmp th:nth-child(3){width:26%;text-align:center}
.wcmp .y{color:var(--grn,#22c55e)}.wcmp .n{color:var(--mu)}
.wnote{margin-top:20px;padding:12px 14px;border-radius:12px;background:rgba(247,148,29,.08);border:1px solid rgba(247,148,29,.22);color:#e9c28f;font-size:13px;opacity:.75}
.wfoot{margin-top:14px;color:var(--mu);font-size:12px;text-align:center}
.wlist{margin:0 0 14px;padding-left:20px;color:#c9cfdb}.wlist li{margin:4px 0}
@media (max-width:560px){.wlock .wcard{padding:22px 18px}.wcount b{font-size:22px}.wcontact,.wrow{flex-direction:column}.wcmp th,.wcmp td{padding:7px 8px}}

/* ---------- Mục "Bản quyền" trong cài đặt (bản web) ---------- */
.spane .wcmp{--bd:var(--bd2,#2a2f3a)}
.spane .wcontact .wbtn,.spane .wbtn{color:inherit}
.spane .wbtn.pri{color:#2a1700}
.spane .wcontact .wbtn{color:var(--ac2,#ffb04d)}
ul.wmiss{margin:6px 0 0;padding-left:20px;max-height:260px;overflow:auto;color:var(--mu)}ul.wmiss li{margin:2px 0}

/* Ô chọn thư mục trên trình duyệt thư mục: ẩn dòng đường dẫn ảo */
.fb-tile[data-p="pick:"] small,.fs-it[data-p="pick:"] small{visibility:hidden}