/* Explicit opt-in: business logic, POS, embedded reverse and print layouts stay separate. */
@media screen {
body.dsk-backoffice-ci{font-family:'Noto Sans Thai',sans-serif!important;background:#f5f7fb!important;color:#243447;line-height:1.6}
.dsk-backoffice-ci .navbar-admin,.dsk-backoffice-ci .navbar-custom,.dsk-backoffice-ci>nav.navbar,.dsk-backoffice-ci .topbar{background:#15385f!important;color:#fff;border-bottom:1px solid #23476e;box-shadow:none!important}
.dsk-backoffice-ci .navbar-brand,.dsk-backoffice-ci .navbar-custom a:not(.btn),.dsk-backoffice-ci .topbar .brand{color:#fff!important;font-weight:700}
.dsk-backoffice-ci .navbar .btn-outline-primary,.dsk-backoffice-ci .topbar .btn-outline-primary{color:#fff;border-color:#b7c8dd}
.dsk-backoffice-ci .navbar .btn-outline-primary:hover,.dsk-backoffice-ci .topbar .btn-outline-primary:hover{background:#fff;color:#15385f}
.dsk-backoffice-ci .card,.dsk-backoffice-ci .card-custom,.dsk-backoffice-ci .card-setting,.dsk-backoffice-ci .calc-card,.dsk-backoffice-ci .track-card{border:1px solid #e1e8f1!important;border-radius:14px!important;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.04)!important;overflow-wrap:anywhere}
.dsk-backoffice-ci .card-header{background:#f8fafc!important;border-bottom:1px solid #e1e8f1;color:#243447!important;padding:14px 18px}
.dsk-backoffice-ci .card-header .text-white,.dsk-backoffice-ci .card-header.text-white{color:#243447!important}
.dsk-backoffice-ci h1,.dsk-backoffice-ci h2,.dsk-backoffice-ci h3,.dsk-backoffice-ci h4,.dsk-backoffice-ci h5{letter-spacing:0;font-weight:700}
.dsk-backoffice-ci .form-control,.dsk-backoffice-ci .form-select,.dsk-backoffice-ci .input-group-text{border-color:#d3ddea;border-radius:6px;font-family:inherit}
.dsk-backoffice-ci .input-group>.form-control{border-top-left-radius:0;border-bottom-left-radius:0}
.dsk-backoffice-ci .form-control:focus,.dsk-backoffice-ci .form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .18rem rgba(13,110,253,.12)}
.dsk-backoffice-ci .btn{font-family:inherit;border-radius:6px;font-weight:500}
.dsk-backoffice-ci .btn-primary{background:#0d6efd;border-color:#0d6efd}
.dsk-backoffice-ci .table thead th{background:#f8fafc!important;color:#64748b!important;border-color:#e1e8f1;font-size:.78rem;font-weight:600}
.dsk-backoffice-ci .table td{vertical-align:middle;border-color:#e1e8f1;font-size:.84rem}
.dsk-backoffice-ci .table-hover tbody tr:hover{--bs-table-hover-bg:#f1f6fc}
.dsk-backoffice-ci .modal-content{border:1px solid #dbe4ef;border-radius:14px;box-shadow:0 12px 40px rgba(15,23,42,.16)}
.dsk-backoffice-ci .modal-header{background:#15385f!important;color:#fff!important;border-bottom:0}
.dsk-backoffice-ci .modal-header .modal-title{color:#fff!important}
.dsk-backoffice-ci .alert{border-radius:8px;line-height:1.7}
.dsk-backoffice-ci .hero{background:#15385f;border-radius:0;padding-top:26px;padding-bottom:28px}
.dsk-backoffice-ci .search-input,.dsk-backoffice-ci .search-btn{border-radius:8px!important}
.dsk-backoffice-ci .ci-pagebar{background:#15385f;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.dsk-backoffice-ci .ci-pagebar a{color:#fff;text-decoration:none;border:1px solid #b7c8dd;border-radius:6px;padding:5px 12px;font-size:14px}
/* Login uses the same business identity without changing authentication. */
.dsk-backoffice-ci.dsk-login .wrap{min-height:100vh;padding:28px 16px}
.dsk-backoffice-ci.dsk-login .login-card{max-width:460px;border:1px solid #e1e8f1;border-radius:14px;box-shadow:0 8px 30px rgba(15,23,42,.07)}
.dsk-backoffice-ci.dsk-login .brand{background:#15385f;padding:24px}
.dsk-backoffice-ci.dsk-login .brand-icon{border-radius:12px;background:#ffefbd;color:#936600}
.dsk-backoffice-ci.dsk-login .login-title{font-size:21px;margin:0 0 4px}
.dsk-backoffice-ci.dsk-login .login-subtitle{font-size:13px;color:#64748b;margin-bottom:20px}
.dsk-backoffice-ci.dsk-login .pending-note{background:#f8fafc;border:1px solid #e1e8f1;color:#64748b;border-radius:8px}
@media(max-width:575px){.dsk-backoffice-ci .ci-pagebar{padding:12px;flex-wrap:wrap}.dsk-backoffice-ci .navbar-brand{font-size:1rem;white-space:normal}.dsk-backoffice-ci .container,.dsk-backoffice-ci .container-fluid{padding-left:12px;padding-right:12px}}
}