/* dxsite1 · giao diện be — nền #F5EFE6, thẻ #FFFDF8, viền #E4D9C8, chữ #3B3328, nhấn #8B6B4A */
html.dxsite body{background:#F5EFE6!important;color:#3B3328;font-family:Roboto,Arial,sans-serif}
html.dxsite #dx-shell{background:#F5EFE6}
html.dxsite #dx-shell .sidebar{background:#FFFDF8!important;border-right:1px solid #E4D9C8!important;color:#3B3328!important;width:228px}
html.dxsite #dx-shell .sidebar-header{background:#FFFDF8!important;border-bottom:1px solid #E4D9C8;color:#3B3328!important}
html.dxsite #dx-shell .sidebar-header h1{color:#8B6B4A!important;font-size:22px;letter-spacing:.5px}
html.dxsite #dx-shell .sidebar-header .co{color:#7d7466!important;font-size:10px}
html.dxsite #dx-shell .nav-group-label{color:#9a8f7d!important;font-size:10px;letter-spacing:.8px;font-weight:700}
html.dxsite #dx-shell .nav-item{display:block;width:100%;text-align:left;background:transparent!important;color:#3B3328!important;border:0;border-radius:7px;padding:6px 10px;font-size:12.5px;font-weight:500;text-decoration:none;text-transform:none}
html.dxsite #dx-shell .nav-item:hover{background:#F3EADC!important}
html.dxsite #dx-shell .nav-item.active{background:#8B6B4A!important;color:#fff!important}
html.dxsite #dx-shell .sidebar-footer{border-top:1px solid #E4D9C8;padding:10px 14px;color:#8B6B4A}
html.dxsite #dx-shell .main{background:#F5EFE6}
html.dxsite #dx-shell .topbar{background:#FFFDF8!important;border-bottom:1px solid #E4D9C8!important;color:#3B3328!important;box-shadow:none}
html.dxsite #dx-shell .topbar .label{color:#9a8f7d!important}
html.dxsite #dx-title{color:#3B3328}
html.dxsite #dx-shell .btn-primary{background:#8B6B4A!important;border-color:#8B6B4A!important;color:#fff!important}
html.dxsite #dx-shell .btn-outline,html.dxsite #dx-shell .btn-ghost{background:#FFFDF8!important;border:1px solid #E4D9C8!important;color:#3B3328!important;border-radius:8px}
html.dxsite #dx-shell .dx-card,html.dxsite #dx-shell .dx-sgc,html.dxsite #dx-shell .dx-job,html.dxsite .dx-panel,html.dxsite #dx-shell .dx-scroll{background:#FFFDF8!important;border:1px solid #E4D9C8!important;border-radius:8px!important;box-shadow:0 1px 2px rgba(59,51,40,.04)}
html.dxsite #dx-shell table.dx-t{background:#FFFDF8;border:1px solid #E4D9C8;border-radius:8px;overflow:hidden}
html.dxsite #dx-shell table.dx-t th{background:#EFE6D8!important;color:#5a4a35!important;border-right:1px solid #E4D9C8!important;font-weight:700}
html.dxsite #dx-shell table.dx-t td{border-bottom:1px solid #EFE6D8!important}
html.dxsite #dx-shell table.dx-t tr:hover td{background:#F8F1E6!important}
html.dxsite #dx-shell .dx-chip.on{background:#8B6B4A!important;border-color:#8B6B4A}
.dx-panel{background:#fff;border:1px solid #d8cdb9;border-radius:8px;padding:10px 12px;font-size:12px}.dx-panel h4{margin:6px 0 6px;font-size:11.5px;letter-spacing:.5px;color:#8B6B4A}.dx-panel .ln{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0;border-bottom:1px dashed #EFE6D8}
.dx-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.dx-kpi{background:#FFFDF8;border:1px solid #E4D9C8;border-radius:8px;padding:10px 12px;cursor:pointer;box-shadow:0 1px 2px rgba(59,51,40,.04)}.dx-kpi:hover{border-color:#8B6B4A}
.dx-kpi .t{font-size:10.5px;color:#9a8f7d;font-weight:700;letter-spacing:.4px}.dx-kpi .v{font-size:26px;font-weight:700;margin-top:2px}
.dx-tc{display:grid;grid-template-columns:1fr;gap:8px;align-content:start}
.dx-truck{background:#FFFDF8;border:1px solid #E4D9C8;border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer}.dx-truck .a{display:flex;gap:8px;align-items:baseline}.dx-truck .a b{font-size:16px}.dx-truck .a i{margin-left:auto;font-style:normal;font-weight:700;font-size:11px}.dx-truck .b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a4f40;margin-top:2px}