:root {
    --zh-brand: #61423e;
    --zh-brand-hover: #74534e;
    --zh-brand-tint: #f5f1f0;
    --zh-accent: #ffc71c;
    --zh-ink: #303133;
    --zh-muted: #606266;
    --zh-subtle: #909399;
    --zh-canvas: #ffffff;
    --zh-surface: #ffffff;
    --zh-surface-muted: #fafafa;
    --zh-border: #e4e7ed;
    --zh-border-strong: #dcdfe6;
    --zh-sidebar: #304156;
    --zh-sidebar-sub: #1f2d3d;
    --zh-sidebar-hover: #001528;
    --zh-danger: #c45656;
    --zh-success: #5c8a69;
    --zh-warning: #b98520;
    --zh-info: #708090;
    --zh-radius-sm: 4px;
    --zh-radius-md: 6px;
}

html,
body,
button,
input,
select,
textarea {
    font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
    letter-spacing: 0;
}

body {
    color: var(--zh-ink);
    background: var(--zh-canvas);
}

a { color: var(--zh-brand); }
a:hover,
a:focus { color: var(--zh-brand-hover); }

code,
pre,
.room-number,
[data-field="order_sn"],
[data-field="external_order_no"] {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

/* Application shell: quiet content surfaces with a compact, neutral navigation rail. */
body[class*="skin-"] .wrapper { background: var(--zh-canvas); }
body[class*="skin-"] .main-sidebar,
body[class*="skin-"] .left-side { background: var(--zh-sidebar); }

body[class*="skin-"] .main-header {
    background: var(--zh-sidebar);
    box-shadow: 0 1px 3px rgba(30, 32, 35, 0.08);
}

body[class*="skin-"] .main-header .logo,
body[class*="skin-"] .main-header .logo:hover {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--zh-sidebar);
    color: #fff;
    font-weight: 600;
}

body[class*="skin-"] .main-header .navbar {
    border-bottom: 1px solid var(--zh-border);
    background: var(--zh-surface);
}

body[class*="skin-"] .main-header .navbar .nav > li > a,
body[class*="skin-"] .main-header .navbar .sidebar-toggle { color: var(--zh-muted); }

body[class*="skin-"] .main-header .navbar .nav > li > a:hover,
body[class*="skin-"] .main-header .navbar .nav > li > a:focus,
body[class*="skin-"] .main-header .navbar .sidebar-toggle:hover,
body[class*="skin-"] .main-header .navbar .sidebar-toggle:focus {
    background: var(--zh-brand-tint);
    color: var(--zh-brand);
}

body[class*="skin-"] .main-header .nav-addtabs > li.active > a {
    border-bottom: 2px solid var(--zh-brand);
    background: var(--zh-surface);
    color: var(--zh-brand);
    font-weight: 600;
}

/* The corporate shell is fixed; legacy skin switching would be misleading. */
body[class*="skin-"] .navbar-custom-menu [data-toggle="control-sidebar"] { display: none; }

body[class*="skin-"] .main-header li.user-header { background: var(--zh-sidebar); }
body[class*="skin-"] .sidebar a { color: #d7d8db; }
body[class*="skin-"] .sidebar-menu > li.header {
    background: var(--zh-sidebar);
    color: #8fa0b3;
}

body[class*="skin-"] .sidebar-menu > li > a {
    min-height: 48px;
    padding: 14px 15px;
    border-left: 0;
}

body[class*="skin-"] .sidebar-menu > li > a > .fa,
body[class*="skin-"] .sidebar-menu > li > a > .glyphicon {
    width: 18px;
    margin-right: 12px;
    text-align: center;
}

body[class*="skin-"] .sidebar-menu > li.active > a,
body[class*="skin-"] .sidebar-menu > li:hover > a {
    background: var(--zh-sidebar-hover);
    color: var(--zh-accent);
}

body[class*="skin-"] .sidebar-menu > li > .treeview-menu { background: var(--zh-sidebar-sub); }
body[class*="skin-"] .treeview-menu > li > a { color: #b9b8bc; }
body[class*="skin-"] .treeview-menu > li.active > a,
body[class*="skin-"] .treeview-menu > li > a:hover {
    background: var(--zh-sidebar-hover);
    color: var(--zh-accent);
}

body[class*="skin-"] .treeview-menu > li > a { min-height: 42px; padding: 11px 15px 11px 45px; }

body[class*="skin-"] .user-panel > .info,
body[class*="skin-"] .user-panel > .info > a { color: #fff; }
body[class*="skin-"] .user-panel .text-success { color: #9bc5a6 !important; }

body[class*="skin-"] .sidebar-form {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--zh-radius-sm);
    background: rgba(255, 255, 255, 0.06);
}

body[class*="skin-"] .sidebar-form input[type="text"],
body[class*="skin-"] .sidebar-form .btn {
    background: transparent;
    color: #e4e4e6;
}

body[class*="skin-"] .sidebar-form input[type="text"]::placeholder { color: #98969a; }

.content-wrapper,
body.inside-header,
body.inside-aside,
#content,
.content { background: var(--zh-canvas); }

body.inside-header .content { padding: 20px; }
#ribbon {
    border-bottom: 1px solid var(--zh-border);
    background: var(--zh-surface);
    color: var(--zh-muted);
}

/* Business surfaces */
.panel,
.card,
.well {
    border: 1px solid var(--zh-border);
    border-radius: var(--zh-radius-md);
    background: var(--zh-surface);
    box-shadow: 0 1px 2px rgba(31, 35, 41, 0.04);
}

/* Match sleepwell-hotel-web's 180px navigation shell. */
@media (min-width: 768px) {
    body[class*="skin-"] .main-header .logo,
    body[class*="skin-"] .main-sidebar,
    body[class*="skin-"] .left-side { width: 180px; }

    body[class*="skin-"] .main-header .navbar,
    body[class*="skin-"] .content-wrapper,
    body[class*="skin-"] .right-side,
    body[class*="skin-"] .main-footer { margin-left: 180px; }

    body[class*="skin-"].sidebar-mini.sidebar-collapse .main-sidebar,
    body[class*="skin-"].sidebar-mini.sidebar-collapse .main-header .logo { width: 36px !important; }

    body[class*="skin-"].sidebar-mini.sidebar-collapse .main-header .navbar,
    body[class*="skin-"].sidebar-mini.sidebar-collapse .content-wrapper,
    body[class*="skin-"].sidebar-mini.sidebar-collapse .right-side,
    body[class*="skin-"].sidebar-mini.sidebar-collapse .main-footer { margin-left: 36px !important; }

    body[class*="skin-"].sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a { width: 216px; }
    body[class*="skin-"].sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
    body[class*="skin-"].sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        left: 36px;
        width: 180px;
    }
}

.panel-intro,
.panel-default,
.panel-primary,
.panel-info,
.panel-success,
.panel-warning,
.panel-danger { border-top: 1px solid var(--zh-border); }

.panel-heading,
.panel-default > .panel-heading,
.panel-intro > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel-success > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
    border-color: var(--zh-border);
    border-radius: var(--zh-radius-md) var(--zh-radius-md) 0 0;
    background: var(--zh-surface);
    color: var(--zh-ink);
}

.panel-heading .panel-lead,
.panel-heading .panel-lead em {
    color: var(--zh-ink);
    font-style: normal;
}

.panel-title,
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4 {
    color: var(--zh-ink);
    font-weight: 600;
}

.box,
.info-box,
.small-box {
    border-radius: var(--zh-radius-md);
    box-shadow: 0 1px 2px rgba(31, 35, 41, 0.05);
}

/* Forms and commands */
.form-control,
.input-group-addon,
.bootstrap-select > .dropdown-toggle,
.selectpage .sp_input {
    min-height: 34px;
    border-color: var(--zh-border-strong);
    border-radius: var(--zh-radius-sm);
    color: var(--zh-ink);
    box-shadow: none;
}

.form-control:focus,
.bootstrap-select.open > .dropdown-toggle,
.selectpage .sp_input:focus {
    border-color: var(--zh-brand);
    box-shadow: 0 0 0 2px rgba(97, 66, 62, 0.12);
}

.input-group-addon {
    background: var(--zh-surface-muted);
    color: var(--zh-muted);
}

.control-label { color: var(--zh-ink); font-weight: 600; }
.help-block,
.text-muted { color: var(--zh-subtle) !important; }

.btn {
    border-radius: var(--zh-radius-sm);
    font-weight: 500;
    box-shadow: none;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    border-color: var(--zh-brand);
    background: var(--zh-brand);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus { border-color: var(--zh-brand-hover); background: var(--zh-brand-hover); }

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    border-color: var(--zh-success);
    background: var(--zh-success);
    color: #fff;
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    border-color: var(--zh-info);
    background: var(--zh-info);
    color: #fff;
}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    border-color: var(--zh-warning);
    background: var(--zh-warning);
    color: #fff;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    border-color: var(--zh-danger);
    background: var(--zh-danger);
    color: #fff;
}

.btn-default {
    border-color: var(--zh-border-strong);
    background: var(--zh-surface);
    color: var(--zh-muted);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #c9bdba;
    background: var(--zh-brand-tint);
    color: var(--zh-brand);
}

.btn:focus-visible,
a:focus-visible,
.form-control:focus-visible {
    outline: 2px solid var(--zh-brand);
    outline-offset: 2px;
}

.toolbar {
    margin-top: 0;
    padding: 10px 12px;
    border: 1px solid var(--zh-border);
    border-radius: var(--zh-radius-md);
    background: var(--zh-surface);
}

/* Tables and dense data */
.fixed-table-container,
.bootstrap-table .table,
.table-bordered { border-color: var(--zh-border); }

.table > thead > tr > th,
.bootstrap-table .table > thead > tr > th {
    border-bottom: 1px solid var(--zh-border-strong);
    background: var(--zh-surface-muted);
    color: var(--zh-ink);
    font-weight: 600;
}

.table > tbody > tr > td { border-color: #ebeef2; }
.table-striped > tbody > tr:nth-of-type(odd) { background: #fcfcfd; }
.table-hover > tbody > tr:hover > td { background: var(--zh-brand-tint); }
.fixed-table-container tbody .selected td { background: #efe8e6; }

.pagination > li > a,
.pagination > li > span {
    border-color: var(--zh-border);
    color: var(--zh-muted);
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
    border-color: var(--zh-brand);
    background: var(--zh-brand);
    color: #fff;
}

/* Navigation, messages and overlays */
.nav-tabs { border-bottom-color: var(--zh-border); }
.nav-tabs > li > a {
    border-radius: var(--zh-radius-sm) var(--zh-radius-sm) 0 0;
    color: var(--zh-muted);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: transparent transparent var(--zh-brand);
    border-bottom-width: 2px;
    background: transparent;
    color: var(--zh-brand);
    font-weight: 600;
}

.dropdown-menu {
    border-color: var(--zh-border);
    border-radius: var(--zh-radius-md);
    box-shadow: 0 6px 18px rgba(31, 35, 41, 0.12);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background: var(--zh-brand-tint); color: var(--zh-brand); }

/* Workspace hotel switcher lives in the shell, left of the tab bar. */
.pms-hotel-switcher {
    position: relative;
    height: 50px;
    margin: 0;
    border-right: 1px solid var(--zh-border);
}
.pms-hotel-switcher > .pms-hotel-current {
    display: flex; align-items: center; gap: 9px; min-height: 50px; padding: 7px 14px;
    color: var(--zh-ink); white-space: nowrap;
}
.pms-hotel-switcher > .pms-hotel-current:hover,
.pms-hotel-switcher.open > .pms-hotel-current { background: var(--zh-brand-tint); color: var(--zh-brand); }
.pms-hotel-mark { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; background: var(--zh-accent); color: var(--zh-sidebar); }
.pms-hotel-current-copy { display: flex; flex-direction: column; line-height: 1.15; }
.pms-hotel-current-copy small { color: var(--zh-subtle); font-size: 10px; }
.pms-hotel-current-copy strong { max-width: 170px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 600; }
.pms-hotel-chevron { color: var(--zh-subtle); font-size: 12px; }
.pms-hotel-menu { left: 0; right: auto; min-width: 290px; padding: 7px; }
.pms-hotel-menu-heading { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 11px 9px; color: var(--zh-ink); font-size: 12px; font-weight: 700; }
.pms-hotel-menu-heading small { color: var(--zh-subtle); font-weight: 400; }
.pms-hotel-menu > li > a.pms-hotel-option { display: flex; align-items: center; gap: 10px; padding: 10px 11px; border-radius: 5px; color: var(--zh-ink); }
.pms-hotel-option-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 6px; background: var(--zh-surface-muted); color: var(--zh-brand); }
.pms-hotel-option-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; line-height: 1.3; }
.pms-hotel-option-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.pms-hotel-option-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--zh-subtle); font-size: 11px; }
.pms-hotel-menu > li > a.pms-hotel-option.is-active { background: var(--zh-brand-tint); color: var(--zh-brand); }
.pms-hotel-check { color: var(--zh-brand); }
@media (max-width: 767px) {
    .pms-hotel-switcher { border-right-color: rgba(255,255,255,.12); }
    .pms-hotel-switcher > .pms-hotel-current { color: #fff; padding: 7px 10px; }
    .pms-hotel-switcher > .pms-hotel-current:hover,
    .pms-hotel-switcher.open > .pms-hotel-current { background: rgba(255,255,255,.08); color: #fff; }
    .pms-hotel-current-copy small { color: rgba(255,255,255,.62); }
    .pms-hotel-current-copy strong { max-width: 96px; }
    .pms-hotel-chevron { color: rgba(255,255,255,.65); }
    .pms-hotel-menu { position: fixed; top: 50px; left: 8px; right: 8px; min-width: 0; }
}

/* FastAdmin pins tabs at left:45px; keep the switcher in flow so they cannot overlap. */
#firstnav {
    display: flex;
    align-items: stretch;
}
#firstnav .sidebar-toggle {
    position: relative;
    flex: 0 0 45px;
    z-index: 100;
}
#firstnav .pms-hotel-switcher {
    float: none;
    flex: 0 0 auto;
    z-index: 99;
}
#firstnav .nav-addtabs {
    position: relative;
    left: auto;
    flex: 1 1 auto;
    min-width: 0;
}
#firstnav .navbar-custom-menu {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 auto;
    margin-left: auto;
}
.multiplenav #firstnav .nav-addtabs {
    padding-right: 0;
}

.label { border-radius: var(--zh-radius-sm); font-weight: 500; }
.label-primary,
.badge.bg-primary { background: var(--zh-brand) !important; }
.label-info { background: var(--zh-info); }
.label-warning { background: var(--zh-warning); color: #fff; }
.label-success { background: var(--zh-success); }
.label-danger { background: var(--zh-danger); }

.alert { border-radius: var(--zh-radius-md); }
.alert-info { border-color: #cfd8df; background: #f3f7fa; color: #516879; }
.alert-warning { border-color: #ead49c; background: #fff9e8; color: #745b1d; }
.alert-success { border-color: #b9d1bf; background: #f1f7f3; color: #45634d; }
.alert-danger { border-color: #e2b8b8; background: #fcf2f2; color: #843f3f; }

.modal-content,
.layui-layer-fast { border-radius: var(--zh-radius-md) !important; }

.modal-header,
.layui-layer-fast .layui-layer-title {
    border-bottom: 1px solid var(--zh-border) !important;
    border-radius: var(--zh-radius-md) var(--zh-radius-md) 0 0;
    background: var(--zh-surface) !important;
    color: var(--zh-ink) !important;
    font-weight: 600;
}

/* Keep dialog close controls visible on the light PMS dialog headers. */
.modal-header .close,
.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--zh-border) !important;
    border-radius: 50%;
    background: var(--zh-surface-muted) !important;
    color: var(--zh-ink) !important;
    opacity: 1 !important;
    text-shadow: none;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.modal-header .close {
    margin-top: -6px;
    font-size: 22px;
    line-height: 1;
}

.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin {
    top: 6px;
    right: 10px;
    height: 32px;
}

.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a {
    margin-left: 6px;
    line-height: 32px !important;
}

.layui-layer-fast .layui-layer-setwin > a:after {
    position: static;
    display: block;
    color: var(--zh-ink) !important;
    font-size: 16px;
    line-height: 30px;
}

.modal-header .close:hover,
.modal-header .close:focus,
.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a:hover,
.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a:focus {
    border-color: #d9a5a5 !important;
    background: #fff1f1 !important;
    color: var(--zh-danger) !important;
    box-shadow: 0 0 0 3px rgba(185, 64, 64, .10);
    outline: none;
}

.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a:hover:after,
.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a:focus:after {
    color: var(--zh-danger) !important;
}

.layui-layer-fast .layui-layer-btn .layui-layer-btn0 { background: var(--zh-brand); }

/* Dashboard cards */
body .sm-st {
    min-height: 94px;
    padding: 15px;
    border: 1px solid var(--zh-border);
    border-radius: var(--zh-radius-md);
    background: var(--zh-surface);
    box-shadow: 0 1px 2px rgba(31, 35, 41, 0.04);
}

body .sm-st-icon {
    width: 48px;
    height: 48px;
    border-radius: var(--zh-radius-md);
    background: var(--zh-brand-tint) !important;
    color: var(--zh-brand) !important;
    line-height: 48px;
    font-size: 21px;
}

body .sm-st:nth-child(2n) .sm-st-icon { background: #f1f3f5 !important; }
body .stat-icon { color: var(--zh-brand) !important; }
body .progress-bar,
body .progress-bar-success { background: var(--zh-brand); }
body .bg-blue-gradient,
body .bg-teal-gradient { background: var(--zh-info) !important; color: #fff; }

/* Front desk workbench */
.pms-workbench-page .workbench-search-panel .panel-body {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(240px, 2fr);
    gap: 10px;
}

.pms-workbench-page .workbench-search-panel .panel-body:before,
.pms-workbench-page .workbench-search-panel .panel-body:after { display: none; }

.pms-workbench-page .workbench-search-panel form {
    display: flex;
    gap: 6px;
    margin: 0 !important;
}

.pms-workbench-page .workbench-search-panel form .form-control { min-width: 0; }
.pms-workbench-page .workbench-search-panel form input { flex: 1 1 auto; }

.pms-workbench-page .workbench-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 15px;
}

.pms-workbench-page .workbench-status-grid:before,
.pms-workbench-page .workbench-status-grid:after { display: none; }
.pms-workbench-page .workbench-status-grid > [class*="col-"] { width: auto; padding: 0; }

.pms-workbench-page .workbench-queue-panel {
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    box-shadow: none;
}

.pms-workbench-page .workbench-queue-panel > .panel-heading {
    border-bottom: 0;
    color: #fff;
    font-weight: 600;
}

.pms-workbench-page .workbench-queue-panel.queue-confirm { border-color: #d8a8a5; }
.pms-workbench-page .workbench-queue-panel.queue-confirm > .panel-heading { background: #a95555; }
.pms-workbench-page .workbench-queue-panel.queue-confirm > .panel-body { background: #fcf3f2; }

.pms-workbench-page .workbench-queue-panel.queue-arrival { border-color: #afc6d1; }
.pms-workbench-page .workbench-queue-panel.queue-arrival > .panel-heading { background: #52768a; }
.pms-workbench-page .workbench-queue-panel.queue-arrival > .panel-body { background: #f1f6f8; }

.pms-workbench-page .workbench-queue-panel.queue-inhouse { border-color: #b4ccba; }
.pms-workbench-page .workbench-queue-panel.queue-inhouse > .panel-heading { background: #567a61; }
.pms-workbench-page .workbench-queue-panel.queue-inhouse > .panel-body { background: #f1f7f3; }

.pms-workbench-page .workbench-queue-panel.queue-departure { border-color: #dec98f; }
.pms-workbench-page .workbench-queue-panel.queue-departure > .panel-heading { background: #8a651b; }
.pms-workbench-page .workbench-queue-panel.queue-departure > .panel-body { background: #fff8e8; }

.pms-workbench-page .workbench-order-list { min-height: 108px; padding: 8px 12px; }
.pms-workbench-page .workbench-order-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #ebeef2;
    line-height: 20px;
}

.pms-workbench-page .workbench-order-item:last-child { border-bottom: 0; }
.pms-workbench-page .workbench-order-main { min-width: 0; }
.pms-workbench-page .workbench-order-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 4px;
}

.pms-workbench-page .workbench-order-list .workbench-open-order {
    display: block;
    overflow: hidden;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-workbench-page .workbench-order-list .workbench-open-flow {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--zh-brand);
    font-weight: 600;
    white-space: nowrap;
}

.pms-workbench-page #workbench-detail h4 {
    margin-top: 22px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--zh-border);
    color: var(--zh-brand);
    font-weight: 600;
}

@media (max-width: 991px) {
    .pms-workbench-page .workbench-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pms-workbench-page .workbench-search-panel .panel-body { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    body[class*="skin-"] .main-header .navbar { background: var(--zh-sidebar); border-bottom-color: var(--zh-sidebar); }
    body[class*="skin-"] .main-header .navbar .nav > li > a,
    body[class*="skin-"] .main-header .navbar .sidebar-toggle { color: #fff; }
    body.inside-header .content { padding: 8px; }
    .toolbar { padding: 8px; }
    .pms-workbench-page .workbench-status-grid { grid-template-columns: 1fr; }
    .pms-workbench-page .workbench-search-panel form { flex-wrap: wrap; }
    .pms-workbench-page .workbench-search-panel form .form-control,
    .pms-workbench-page .workbench-search-panel form .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}