/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* One light palette for all viewport sizes; prevent browser automatic darkening. */
:root{color-scheme:only light;--ds-bg:#f4f7fa;--ds-surface:#fff;--ds-soft:#edf5f4;--ds-ink:#18313d;--ds-muted:#4b606a;--ds-line:#cddde0;--ds-brand:#087b80;--ds-brand-hover:#066268;--ds-accent:#2766a8;--ds-danger:#b52e43}
body{background-color:var(--ds-bg);color:var(--ds-ink)}.card,.card-body{color:var(--ds-ink)}.card{background-color:var(--ds-surface)}.muted,.text-muted{color:#4b606a!important}.shell-header,.mobile-bottom{background:#fff!important;color:#18313d!important;backdrop-filter:none}.mobile-bottom a{color:#08666e!important}.popover-panel{background:#fff!important;color:#18313d!important}.popover-panel a{color:#08666e}.form-control,.form-select{color:#18313d;background-color:#fff;border-color:#819ba4}.form-control::placeholder{color:#526973;opacity:1}.form-control:disabled,.form-control[readonly],.form-select:disabled{background-color:#edf2f4;color:#425964;-webkit-text-fill-color:#425964;opacity:1}.form-control:focus,.form-select:focus{background-color:#fff;color:#18313d}.bg-light{background-color:#edf5f4!important}.text-dark{color:#18313d!important}.btn-light{background:#edf5f4;color:#18313d;border-color:#b3c9cf}.btn-primary{background-color:#08666e;border-color:#08666e;color:#fff}.btn-primary:hover,.btn-primary:focus{background-color:#064f57;border-color:#064f57;color:#fff}.table{--bs-table-color:#18313d;--bs-table-bg:#fff;--bs-table-striped-bg:#edf5f4}.table th{background-color:#edf5f4;color:#334e5c}.table td{color:#18313d}.shell-header .header-title{color:#18313d}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:#087b8033}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #855a00;outline-offset:3px}body.homepage{background:#fff;color:#18313d}body.homepage .navbar{background:#fff!important}body.homepage .navbar .nav-link{color:#18313d}body.homepage .navbar .nav-link:hover,body.homepage .navbar .nav-link.active{color:#08666e}

.chat-notice{position:fixed;right:1rem;bottom:5rem;z-index:1065;width:min(360px,calc(100vw - 2rem));padding:1.25rem;border:1px solid #cbdce7;border-radius:18px;background:#fff;color:#193b4d;box-shadow:0 16px 50px #18374d33;overflow-wrap:anywhere}.chat-notice[hidden]{display:none!important}.chat-notice strong{font-size:1.05rem}.chat-notice p{margin:.75rem 0}.chat-notice .btn{min-height:44px;margin-right:.5rem}.chat-notice :focus-visible{outline:3px solid #147d88;outline-offset:3px}

/* Homepage bell: keep multi-digit counts inside a roomy, touch-friendly button. */
.homepage .navbar [data-notification-bell]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:84px;min-height:48px;width:auto;max-width:none;height:auto;padding:10px 14px;flex:0 0 auto;white-space:nowrap;line-height:1.25;border-radius:14px;box-sizing:border-box}
.homepage .navbar [data-notification-bell] svg{width:22px;height:22px;flex:0 0 22px}
.homepage .navbar [data-notification-bell] .nav-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;width:auto;height:auto;min-height:24px;padding:3px 8px;border-radius:999px;font-size:13px;font-weight:700;line-height:18px;white-space:nowrap;background:#ad293f;color:#fff;box-sizing:border-box;font-variant-numeric:tabular-nums}
.homepage .navbar [data-notification-bell] .nav-badge[hidden]{display:none!important}