/* V10 (chủ duyệt 18/10) — GIAO DIỆN MÁY TÍNH THEO BẢN THỬ ĐÃ CHỐT: menu xanh chuyển màu, chữ Nunito, nền xanh nhạt, thẻ trắng bo tròn,
   biểu tượng số liệu nền nhạt, nút bo tròn. Chỉ đổi giao diện, không đổi chức năng. Điện thoại giữ nguyên (đã có giao-dien-dt-v9854.css). */
#vsmt-desktop-v19,#vsmt-desktop-v19 button,#vsmt-desktop-v19 input,#vsmt-desktop-v19 select{font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
#vsmt-desktop-v19{--line:#e3ebf2;--muted:#5f7a8f}
/* menu trái */
#vsmt-desktop-v19 .sidebar{background:linear-gradient(180deg,var(--v10s1,#0d3b66),var(--v10s2,#1d6fa5))!important;color:var(--v10ink,#fff)!important;padding:14px 10px!important;gap:8px!important}
#vsmt-desktop-v19 .brand{padding:4px 6px 8px!important}
#vsmt-desktop-v19 .brand .logo{background:rgba(255,255,255,.18)!important;border-radius:11px!important}
#vsmt-desktop-v19 .brand h1{color:var(--v10ink,#fff)!important;font-weight:900!important;font-size:16px!important}
#vsmt-desktop-v19 .brand p{color:rgba(255,255,255,.75)!important;font-size:11px!important}
#vsmt-desktop-v19 #v10nav button{font-size:13.5px}
#vsmt-desktop-v19 .side-card{background:rgba(255,255,255,.1)!important;border:0!important;border-radius:14px!important}
#vsmt-desktop-v19 .profile-mini .avatar{background:rgba(255,255,255,.2)!important}
/* vùng nội dung */
#vsmt-desktop-v19 .main{background:#f4f8fa!important}
#vsmt-desktop-v19 .content{padding:16px 18px 24px!important}
#vsmt-desktop-v19 .topbar{background:#fff!important;border-bottom:1px solid #e3ebf2!important;padding:0 18px!important;gap:12px!important}
#vsmt-desktop-v19 .topbar h2{font-size:18px!important;font-weight:900!important;color:var(--v10a1,#0d3b66)!important}
#v10crumb{font-size:12.5px;color:#5f7a8f;font-weight:700;white-space:nowrap}
#v10crumb+h2{margin-left:-4px!important}
#vsmt-desktop-v19 .role-chip{font-size:11px!important;padding:4px 10px!important;background:#eaf3fb!important;color:var(--v10a1,#0d3b66)!important}
#vsmt-desktop-v19 .control,#vsmt-desktop-v19 .btn{border-radius:11px!important;border-color:#d6e3ee!important;font-size:13px}
#vsmt-desktop-v19 .btn{font-weight:800!important;color:var(--v10a1,#0d3b66)}
#vsmt-desktop-v19 .btn:hover{background:#eaf3fb!important}
#vsmt-desktop-v19 .btn.primary{background:linear-gradient(135deg,var(--v10a1,#0d3b66),var(--v10a2,#1d6fa5))!important;border-color:transparent!important;color:#fff!important}
#vsmt-desktop-v19 .bell-btn{border-radius:11px!important}
/* thẻ */
#vsmt-desktop-v19 .card{border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important}
#vsmt-desktop-v19 .card-h{border-bottom:1px solid #edf2f7!important;padding:12px 14px!important}
#vsmt-desktop-v19 .card-h h3{font-size:14.5px!important;font-weight:900!important;color:#16324a}
#vsmt-desktop-v19 .kpis{gap:12px!important}
#vsmt-desktop-v19 .kpi{padding:12px 14px!important}
#vsmt-desktop-v19 .kpi .ico{border-radius:12px!important;width:40px!important;height:40px!important;font-size:17px!important}
#vsmt-desktop-v19 .kpi .ico.blue{background:#e8f1f9!important;color:var(--v10a1,#0d3b66)!important}
#vsmt-desktop-v19 .kpi .ico.green{background:#e6f7ee!important;color:#1f9d63!important}
#vsmt-desktop-v19 .kpi .ico.orange{background:#fff4d6!important;color:#d97706!important}
#vsmt-desktop-v19 .kpi .ico.red{background:#fde8e8!important;color:#dc2626!important}
#vsmt-desktop-v19 .kpi .ico.purple{background:#efe9fe!important;color:#7c3aed!important}
#vsmt-desktop-v19 .kpi .ico.cyan{background:#e0f2f8!important;color:#0e7490!important}
#vsmt-desktop-v19 .kpi b{font-size:22px!important;font-weight:900!important;color:#16324a}
#vsmt-desktop-v19 .kpi span{font-size:12px!important;color:#5f7a8f!important}
/* bảng */
#vsmt-desktop-v19 .table{font-size:12.5px!important}
#vsmt-desktop-v19 .table th{background:#f4f8fa!important;color:#5f7a8f!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.04em;font-weight:800!important}
#vsmt-desktop-v19 .table td{border-bottom:1px solid #edf2f7!important}
#vsmt-desktop-v19 .table tbody tr:hover{background:#f4f8fa}
/* màn hình chi tiết (mở từ menu) trên máy tính: cùng nền và chữ */
body.v17-native-mode #root .app-shell{background:#f4f8fa!important;font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}

/* khung Trợ lý AI: ngăn kéo bên phải cao hết màn hình, gọn, cùng màu app; không hiện chi phí / tên máy AI */
.v43-ai-sheet{top:0!important;right:0!important;bottom:0!important;width:min(460px,100vw)!important;border-radius:0!important}
.v43-ai-head{padding:14px 16px!important}
.v43-ai-security,.v54-file-note,.v54-msg-meta,.v43-ai-meta,.v43-ai-foot{display:none!important}
.v43-ai-tabs{padding:10px 12px!important;gap:6px!important}
.v43-ai-tabs button{padding:6px 12px!important;font-size:12.5px!important}
.v43-ai-body{padding:6px 14px 12px!important}
.v54-chat-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.v54-chat-head span{display:none!important}
.v43-ai-quick button{padding:6px 11px!important;font-size:12.5px!important}
.v54-msg-body{font-size:14px!important}

/* ===== V10 · ĐỒNG BỘ GIAO DIỆN MỌI MỤC CHỨC NĂNG (chủ yêu cầu 18/10): cùng màu xanh Hướng Sáng, chữ Nunito, thẻ trắng bo tròn ===== */
/* các trang Hôm nay / Tuyến / Ảnh theo tháng trên máy tính */
#vsmt-desktop-v19 .v24-stage{background:#f4f8fa!important;font-family:Nunito,system-ui,sans-serif}
#vsmt-desktop-v19 .v24-card{border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important}
#vsmt-desktop-v19 .v24-btn{border-radius:11px!important;border-color:#d6e3ee!important;font-weight:800!important;color:var(--v10a1,#0d3b66)!important}
#vsmt-desktop-v19 .v24-btn.primary{background:linear-gradient(135deg,var(--v10a1,#0d3b66),var(--v10a2,#1d6fa5))!important;border-color:transparent!important;color:#fff!important}
#vsmt-desktop-v19 .v24-pill{border-radius:999px!important}
#vsmt-desktop-v19 .v24-section-title,#vsmt-desktop-v19 .v24-today-head b,#vsmt-desktop-v19 .v24-summary-head b{color:var(--v10a1,#0d3b66)!important;font-weight:900!important}
/* chi tiết còn sót màu xanh lá / vàng cũ */
#vsmt-desktop-v19 .logo{background:rgba(255,255,255,.18)!important;box-shadow:none!important}
#vsmt-desktop-v19 .btn.soft{background:#eaf3fb!important;border-color:#cfe0ee!important;color:var(--v10a1,#0d3b66)!important}
#vsmt-desktop-v19 .real-map .map-expand-btn:hover,#vsmt-desktop-v19 .real-map .map-incidents-btn[aria-expanded="true"]{background:#eaf3fb!important;color:var(--v10a1,#0d3b66)!important;border-color:#cfe0ee!important}
#vsmt-desktop-v19 .real-map .map-expand-btn,#vsmt-desktop-v19 .real-map .map-incidents-btn{border-radius:11px!important;font-family:Nunito,system-ui,sans-serif!important}

/* các màn hình mở riêng: Ảnh khắc phục, Báo cáo nhanh, Số liệu tháng, Tuyến trọng điểm, Hòa Cường A+B, Ảnh ngày mưa, Cỏ vỉa hè, Phân ca thùng, Sao lưu, mật khẩu, chọn mẫu báo cáo */
:is(#v9827-adj,#v9828-pl,#v9841-hcab,#v9830-z,#v9849-bc,#rain-overlay,#svg-overlay,#vsmt-bin-overlay,#v9853-bk,#v9832-pin,#v902ReportModal),
:is(#v9827-adj,#v9828-pl,#v9841-hcab,#v9830-z,#v9849-bc,#rain-overlay,#svg-overlay,#vsmt-bin-overlay,#v9853-bk,#v9832-pin,#v902ReportModal) :is(button,input,select,textarea){font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif!important}
:is(#v9827-adj,#v9828-pl,#v9841-hcab,#v9830-z,#v9849-bc,#rain-overlay,#svg-overlay){background:#f4f8fa!important;color:#16324a!important}
:is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header :is(b,strong,h1,h2,h3),#v9841-hcab>header :is(b,strong,h1,h2,h3){color:var(--v10ink,#fff)!important}
:is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header small,#v9841-hcab>header small{color:var(--v10ink,#fff)!important;opacity:.8}
:is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header :is(button,.tool),#v9841-hcab>header button,#rain-overlay .rain-top button,#vsmt-bin-overlay .vsmt-bin-shell>header button{background:color-mix(in srgb,var(--v10ink,#fff) 16%,transparent)!important;color:var(--v10ink,#fff)!important;border:0!important;border-radius:11px!important}
:is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header,#v9841-hcab>header,#rain-overlay .rain-top,#vsmt-bin-overlay .vsmt-bin-shell>header{background:linear-gradient(135deg,var(--v10s1,#0d3b66),var(--v10s2,#1d6fa5))!important;color:var(--v10ink,#fff)!important;box-shadow:0 6px 18px rgba(13,59,102,.18)}
:is(#v9827-adj,#v9828-pl,#v9841-hcab,#v9830-z,#rain-overlay,#svg-overlay,#vsmt-bin-overlay,#v9849-bc) :is(.card,.box,.panel){border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important}
:is(#v9827-adj,#v9828-pl,#v9841-hcab,#v9830-z,#rain-overlay,#svg-overlay,#vsmt-bin-overlay,#v9853-bk,#v9832-pin,#v902ReportModal) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:11px!important;border-color:#d6e3ee!important}
:is(#v9827-adj,#v9828-pl,#v9841-hcab,#rain-overlay,#svg-overlay,#vsmt-bin-overlay,#v9853-bk,#v9832-pin,#v902ReportModal) button{border-radius:11px!important}
/* nút chính của các màn hình cũ (xanh đậm #0b5f86 / xanh lá) → màu app */
.rain-tabs button.active,.rain-photo-buttons button,.rain-save,.svg-photo-buttons button+button,#v9832-pin .row button.p{background:linear-gradient(135deg,var(--v10a1,#0d3b66),var(--v10a2,#1d6fa5))!important;border-color:transparent!important;color:#fff!important}
#v9832-pin .box,#v902ReportModal>div,#v9853-bk>div{border-radius:20px!important;box-shadow:0 20px 60px rgba(13,40,70,.3)!important}

/* màn hình chi tiết trên máy tính (Báo cáo tháng, Nhật ký giám sát, File ảnh, Không đạt…): cùng màu chủ đạo với Hôm nay */
body.v17-native-mode #root .primary{background:linear-gradient(135deg,var(--v10a1,#0d3b66),var(--v10a2,#1d6fa5))!important;box-shadow:0 8px 18px rgba(13,59,102,.18)!important;border-radius:14px!important}
body.v17-native-mode #root .secondary{border-radius:14px!important}
body.v17-native-mode #root .screen-page>.topbar strong{color:var(--v10a1,#0d3b66)!important;font-weight:900}
body.v17-native-mode #root :is(.report-head,.export-card,.data-card,.notice,.consistency-note){border-radius:16px!important}
/* nút + nổi của điện thoại không cần trên máy tính (đã có mục Chụp ảnh chuyên đề) */
@media (min-width:900px){body.v10-desk #v9824-fab{display:none!important}}

/* ===== V10 · CÁC MÀN HÌNH CHI TIẾT TRÊN MÁY TÍNH THEO BẢN THỬ (Tuyến giám sát, Không đạt & sự cố, Chụp ảnh chuyên đề, Xuất báo cáo,
   Ảnh theo tháng, Số liệu tháng, Lịch & tuyến, Dữ liệu, Tài khoản, Nâng cao): đầu trang trắng gọn, thẻ trắng bo tròn, thẻ chọn dạng viên ===== */
body.v17-native-mode #root .screen-page:not(.home-page){background:#f4f8fa!important}
body.v17-native-mode #root .screen-page:not(.home-page)>.topbar{position:sticky;top:0;z-index:20;margin:0!important;border-radius:0!important;background:#fff!important;color:var(--v10a1,#0d3b66)!important;box-shadow:none!important;border-bottom:1px solid #e3ebf2!important;min-height:60px;padding:0 20px!important;display:flex;align-items:center;gap:12px}
body.v17-native-mode #root .screen-page:not(.home-page)>.topbar :is(h1,h2,strong){color:var(--v10a1,#0d3b66)!important;font-size:18px!important;font-weight:900!important;letter-spacing:0!important}
body.v17-native-mode #root .screen-page:not(.home-page)>.topbar button{background:#eef3f7!important;color:var(--v10a1,#0d3b66)!important;border-radius:11px!important;width:38px;height:38px}
body.v17-native-mode #root .screen-content{padding:16px 20px 24px!important;max-width:none!important}
body.v17-native-mode #root .data-hero{background:#fff!important;color:#16324a!important;border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important;padding:14px 16px!important}
body.v17-native-mode #root .data-hero b{color:var(--v10a1,#0d3b66)!important;font-size:16px!important;font-weight:900!important}
body.v17-native-mode #root .data-hero small{color:#5f7a8f!important}
body.v17-native-mode #root .data-hero em{display:none!important}
body.v17-native-mode #root .data-hero>svg{color:var(--v10a2,#1d6fa5)!important}
body.v17-native-mode #root .toolbox-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:12px!important}
body.v17-native-mode #root .tool-card{min-height:96px!important;border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important;transition:transform .12s,box-shadow .12s}
body.v17-native-mode #root .tool-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,59,102,.12)!important}
body.v17-native-mode #root .tool-card b{color:#16324a;font-weight:900;font-size:14.5px}
body.v17-native-mode #root .tool-card small{color:#5f7a8f}
body.v17-native-mode #root .tool-card .tool-icon{background:color-mix(in srgb,var(--v10a2,#1d6fa5) 12%,#fff)!important;color:var(--v10a1,#0d3b66)!important;border-radius:12px!important}
body.v17-native-mode #root :is(.panel,.cards>.route-card,.route-card,.ward-route-card,.violation-summary-card,.violation-route-head,.violation-day-row,.data-sync-card,.data-check-row,.schedule-route-card,.device-card,.profile-card,.export-demo-card,.info-grid>div,.stat-grid>div,.audit-row,.map-card,.work-card){background:#fff!important;border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important}
body.v17-native-mode #root :is(.segment-tabs,.detail-tabs,.map-filter-tabs,.v9824-chips) button{border-radius:999px!important;font-weight:800!important}
body.v17-native-mode #root :is(.segment-tabs,.detail-tabs,.map-filter-tabs) button:is(.active,.on,[aria-selected="true"]){background:var(--v10a1,#0d3b66)!important;color:#fff!important;border-color:transparent!important}
body.v17-native-mode #root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){border-radius:11px!important;border-color:#d6e3ee!important}
body.v17-native-mode #root .cards.route-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
body.v17-native-mode #root .ward-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}

/* ===== V10 · HÀNG THẺ CHỌN Ở ĐẦU TRANG (như bản thử) + mọi màn hình nằm gọn trong vùng nội dung (bên phải menu, dưới hàng thẻ, trên thanh hỏi AI) ===== */
html.v10-tabs{--v10tabs:58px}
#v10tabs{display:none}
html.v10-tabs #v10tabs{display:flex;position:fixed;top:0;left:var(--v18-sidebar,270px);right:0;height:58px;z-index:40002;background:#fff;border-bottom:1px solid #e3ebf2;align-items:center;gap:18px;padding:0 20px;font-family:Nunito,system-ui,sans-serif;box-shadow:0 4px 12px rgba(13,59,102,.05)}
#v10tabs .tt{display:grid;line-height:1.15;white-space:nowrap}
#v10tabs .tt small{font-size:11.5px;color:#5f7a8f;font-weight:700}
#v10tabs .tt b{font-size:16px;font-weight:900;color:var(--v10a1,#0d3b66)}
#v10tabs .tp{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
#v10tabs .tp button{border:1px solid #d6e3ee;background:#fff;color:#16324a;border-radius:999px;padding:7px 15px;font:800 13px Nunito,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
#v10tabs .tp button:hover{background:#eaf3fb}
#v10tabs .tp button[aria-selected="true"]{background:var(--v10a1,#0d3b66);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(13,59,102,.2)}
html.v10-tabs body.v17-native-mode #root .app-shell{padding-top:58px!important}
html.v10-tabs body.v17-native-mode #root .screen-page:not(.home-page)>.topbar{top:58px!important}
@media (min-width:900px){
  body.v10-desk :is(.rain-overlay,.svg-overlay,#vsmt-bin-overlay,#v9828-pl,#v9830-z,#v9849-bc,#v9827-adj,#v9841-hcab){left:var(--v18-sidebar,270px)!important;right:0!important;top:var(--v10tabs,0px)!important;bottom:var(--v10-aibar,0px)!important;width:auto!important;height:auto!important}
  body.v10-desk :is(#v9830-z,#v9827-adj) .save{bottom:var(--v10-aibar,0px)!important;left:var(--v18-sidebar,270px)!important}
}

/* ===== V10 · TỪNG MÀN HÌNH THEO BẢN THỬ (chủ góp ý 18/10 tối): bớt khoảng trắng, chia cột, đầu trang trắng gọn ===== */
html:has(body.v10-desk),body.v10-desk{overflow-x:hidden}
#vsmt-desktop-v19 .sidebar{overflow-x:hidden!important}
@media (min-width:900px){
  /* đầu các màn hình mở riêng: nền trắng như các trang khác (trước: dải màu đậm) */
  body.v10-desk :is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header,body.v10-desk #v9841-hcab>header,body.v10-desk #rain-overlay .rain-top,body.v10-desk #svg-overlay .svg-top,body.v10-desk #vsmt-bin-overlay .vsmt-bin-shell>header{background:#fff!important;color:var(--v10a1,#0d3b66)!important;border-bottom:1px solid #e3ebf2!important;box-shadow:none!important;padding:10px 20px!important}
  body.v10-desk :is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header :is(b,strong,h1,h2,h3),body.v10-desk #v9841-hcab>header :is(b,strong,h1,h2,h3),body.v10-desk :is(#rain-overlay .rain-top,#svg-overlay .svg-top,#vsmt-bin-overlay .vsmt-bin-shell>header) :is(b,strong,h1,h2,h3){color:var(--v10a1,#0d3b66)!important}
  body.v10-desk :is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header small,body.v10-desk #v9841-hcab>header small,body.v10-desk :is(#rain-overlay .rain-top,#svg-overlay .svg-top,#vsmt-bin-overlay .vsmt-bin-shell>header) :is(small,span,p){color:#5f7a8f!important;opacity:1!important}
  body.v10-desk :is(#v9827-adj,#v9828-pl,#v9830-z,#v9849-bc) .sh>header :is(button,.tool),body.v10-desk #v9841-hcab>header button,body.v10-desk :is(#rain-overlay .rain-top,#svg-overlay .svg-top,#vsmt-bin-overlay .vsmt-bin-shell>header) button{background:#eef3f7!important;color:var(--v10a1,#0d3b66)!important;box-shadow:none!important;font-size:15px!important;min-height:38px}
  /* Báo cáo nhanh: dùng hết bề ngang, các phường 2 cột (mở phường thì chiếm cả hàng) */
  body.v10-desk #v9849-bc .sh{max-width:none!important;padding-bottom:20px!important}
  body.v10-desk #v9849-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:16px 20px!important;align-items:start}
  body.v10-desk #v9849-body>*{grid-column:1/-1}
  body.v10-desk #v9849-body>details.wd:not([open]){grid-column:auto}
  /* Ảnh ngày mưa, Cỏ vỉa hè: bớt lề trống hai bên */
  body.v10-desk #rain-overlay .rain-shell{max-width:1400px!important;padding:16px 20px 24px!important}
  body.v10-desk #svg-overlay :is(.svg-rule,.svg-wards,.svg-tools,.svg-list){max-width:none!important;margin-left:20px!important;margin-right:20px!important}
  body.v10-desk #svg-overlay .svg-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  /* Không đạt: các phường 3 cột; Lịch: các phường 3 cột */
  body.v17-native-mode #root .violation-ward-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body.v17-native-mode #root .violation-ward-list>button{margin:0!important}
  body.v17-native-mode #root .form-grid.single-month{max-width:360px}
  body.v17-native-mode #root .pick-route-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body.v17-native-mode #root .pick-route-list>button{margin:0!important;background:#fff!important;border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important}
  body.v17-native-mode #root .pick-route-list>button b{color:var(--v10a1,#0d3b66)!important}
  /* Xuất báo cáo: quy trình và nội dung nằm cạnh nhau, ô chọn và nút bên dưới */
  body.v17-native-mode #root .screen-content:has(>.export-demo-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
  body.v17-native-mode #root .screen-content:has(>.export-demo-card)>*{grid-column:1/-1;margin:0!important}
  body.v17-native-mode #root .screen-content>.export-demo-card:has(+.report-incident-preview),body.v17-native-mode #root .screen-content>.export-demo-card+.report-incident-preview{grid-column:auto}
  body.v17-native-mode #root .report-incident-preview{background:#fff!important;border:1px solid #e3ebf2!important;border-radius:16px!important;box-shadow:0 4px 14px rgba(13,59,102,.06)!important;padding:14px 16px!important}
  body.v17-native-mode #root .screen-content:has(>.export-demo-card)>.primary{justify-self:start;width:auto!important;min-width:320px;min-height:48px;padding:0 28px!important}
  /* Tài khoản: thẻ hồ sơ nằm ngang, màu chủ đạo (trước: chữ trắng trên nền trắng nên trông trống) */
  body.v17-native-mode #root .account-page .profile-card{background:linear-gradient(135deg,var(--v10s1,#0d3b66),var(--v10s2,#1d6fa5))!important;border:0!important;display:grid!important;grid-template-columns:auto minmax(0,1.2fr) repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;align-items:center;column-gap:20px;row-gap:2px;text-align:left!important;padding:18px 22px!important}
  body.v17-native-mode #root .account-page .profile-card>.user-avatar{grid-column:1;grid-row:1/4;margin:0!important}
  body.v17-native-mode #root .account-page .profile-card>:is(strong,span,em){grid-column:2;margin:0!important}
  body.v17-native-mode #root .account-page .profile-card>em{justify-self:start}
  body.v17-native-mode #root .account-page .profile-card>strong{grid-row:1;align-self:end}body.v17-native-mode #root .account-page .profile-card>span{grid-row:2}body.v17-native-mode #root .account-page .profile-card>em{grid-row:3;align-self:start}
  body.v17-native-mode #root .account-page .profile-card>.profile-meta:nth-of-type(1){grid-column:3}body.v17-native-mode #root .account-page .profile-card>.profile-meta:nth-of-type(2){grid-column:4}body.v17-native-mode #root .account-page .profile-card>.profile-meta:nth-of-type(3){grid-column:5}
  body.v17-native-mode #root .account-page .profile-card>.profile-meta{grid-row:1/4;grid-column:auto;align-self:stretch;display:grid;align-content:center;gap:4px;border:0!important;border-left:1px solid color-mix(in srgb,var(--v10ink,#fff) 25%,transparent)!important;padding:4px 0 4px 16px!important;margin:0!important}
  body.v17-native-mode #root .account-page .profile-card :is(strong,span,small,b,em){color:var(--v10ink,#fff)!important}
  body.v17-native-mode #root .account-page .profile-card em{background:color-mix(in srgb,var(--v10ink,#fff) 18%,transparent)!important}
  /* khung thông báo trong trang (Lịch giám sát, Dung lượng…): thẻ trắng có vạch màu */
  body.v17-native-mode #root .screen-content>.notice.show:not([style]){background:#fff!important;color:#16324a!important;border:1px solid #e3ebf2!important;border-left:4px solid var(--v10a2,#1d6fa5)!important;border-radius:14px!important;padding:12px 16px!important;box-shadow:0 4px 14px rgba(13,59,102,.05)!important}
  body.v17-native-mode #root .screen-content>.notice.show.error:not([style]){border-left-color:#e5534b!important;background:#fff7f6!important}
  body.v17-native-mode #root .screen-content>.notice.show b{color:var(--v10a1,#0d3b66)}
  body.v17-native-mode #root .screen-content>.notice.show .two-buttons{display:flex!important;gap:10px}
  body.v17-native-mode #root .screen-content>.notice.show .two-buttons button{flex:0 0 auto!important;width:auto!important;min-width:180px;min-height:40px;padding:0 18px!important;font-size:13px!important}
}

/* V10 (chủ 19/10): mở Trợ lý AI khi đang ở màn hình mở riêng (Báo cáo nhanh, Ảnh khắc phục…) — khung AI phải nằm TRÊN màn hình đó (trước bị che, chỉ thấy nền mờ) */
.v43-ai-panel{z-index:100800!important}