/* DESAKONEK Tahap 12 — unified responsive design system */
:root{--dk-primary:#0ea5e9;--dk-dark:#0369a1;--dk-bg:#f3f8fd;--dk-surface:#fff;--dk-text:#0f172a;--dk-border:#dce8f1;--dk-muted:#64748b;color-scheme:light}
html[data-theme="dark"]{--dk-bg:#0b1625;--dk-surface:#162538;--dk-text:#e7f0fa;--dk-border:#34465a;--dk-muted:#b3c7db;color-scheme:dark}
html,body{max-width:100%;min-width:0}body{background:var(--dk-bg)!important;color:var(--dk-text)!important;overflow-x:clip}img,video,iframe{max-width:100%}main,.container,.container-fluid,.row,[class*=col-]{min-width:0}
.card,.contact-card,.service-card,.feature,.dk-panel,.dk-stat,.customer-main .card,.modal-content,.dropdown-menu{background:var(--dk-surface)!important;color:var(--dk-text)!important;border:1px solid var(--dk-border)!important;border-radius:12px!important}
.card,.dk-panel,.dk-stat{box-shadow:0 6px 25px rgba(2,68,112,.07)!important}
.form-control,.form-select,.form-check-input,textarea,input,select{border-radius:9px}.form-control,.form-select{background:var(--dk-surface)!important;color:var(--dk-text)!important;border-color:var(--dk-border)!important;max-width:100%}
.form-control::placeholder{color:var(--dk-muted)}.form-control:focus,.form-select:focus{border-color:var(--dk-primary)!important;box-shadow:0 0 0 .2rem rgba(14,165,233,.16)!important}
.text-secondary,.text-muted{color:var(--dk-muted)!important}.table{--bs-table-bg:var(--dk-surface);--bs-table-color:var(--dk-text);--bs-table-border-color:var(--dk-border);color:var(--dk-text)}
.table-responsive{max-width:100%;overflow-x:auto}table{max-width:100%}.btn{border-radius:9px}.btn-primary{background:#0284c7;border-color:#0284c7}.btn-primary:hover{background:#0369a1;border-color:#0369a1}
html[data-theme="dark"] .bg-white,html[data-theme="dark"] .bg-light,html[data-theme="dark"] .navbar.bg-white{background:var(--dk-surface)!important;color:var(--dk-text)!important}
html[data-theme="dark"] .nav-link,html[data-theme="dark"] .navbar-brand,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] label{color:var(--dk-text)!important}
html[data-theme="dark"] .alert-info{background:#143d58;color:#d4f1ff;border-color:#2d6784}html[data-theme="dark"] .alert-success{background:#153c32;color:#d8ffe9;border-color:#2c6550}
html[data-theme="dark"] .dk-topbar{background:var(--dk-surface)!important;color:var(--dk-text)!important}html[data-theme="dark"] .dk-body{background:var(--dk-bg)!important;color:var(--dk-text)!important}
html[data-theme="dark"] .customer-main{color:var(--dk-text)}html[data-theme="dark"] .tinted{background:#101f32!important}
.dk-theme-button{min-width:38px;min-height:38px}.dk-mobile-tabs{display:none}
@media(max-width:900px){.dk-main{padding:16px!important;padding-bottom:90px!important}.dk-topbar{padding:0 12px!important}.dk-mobile-tabs{position:fixed;bottom:0;left:0;right:0;z-index:35;background:#07577e;display:flex;justify-content:space-around;padding:9px 6px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 24px #0002}.dk-mobile-tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-decoration:none;font-size:11px;min-width:55px}.dk-mobile-tabs i{font-size:19px}}
@media(max-width:767px){.customer-main{padding-bottom:100px!important}.mobile-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}.mobile-bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}.display-4{font-size:clamp(2rem,9vw,3.2rem)}.row{--bs-gutter-x:1rem}}