/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* PHIMAI HEALTH 5.3: scoped interface theme; existing page content/layout remains authoritative. */
body.phimai53{--pa-brand:#0b7566;--pa-brand-dark:#075548;--pa-ink:#193c35;--pa-muted:#61766e;--pa-line:#dde9e3;--pa-paper:#fff;--pa-wash:#f3f7f4;--pa-ease:cubic-bezier(.2,.8,.2,1);--bs-primary:#0b7566;--bs-primary-rgb:11,117,102;--bs-link-color:#0a7063;--bs-link-hover-color:#064f44;--bs-body-color:var(--pa-ink);--bs-border-color:var(--pa-line);background-color:var(--pa-wash);color:var(--pa-ink);text-rendering:optimizeLegibility}
.phimai53 :is(button,input,select,textarea){font-family:inherit}
.phimai53 :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #dcae4d;outline-offset:3px}
.phimai53 :is(.btn,.pa-tool){border-radius:12px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s var(--pa-ease)}
.phimai53 .btn{--bs-btn-font-weight:600;--bs-btn-padding-y:.65rem;--bs-btn-padding-x:1rem;line-height:1.55}
.phimai53 .btn-primary{--bs-btn-bg:var(--pa-brand);--bs-btn-border-color:var(--pa-brand);--bs-btn-hover-bg:var(--pa-brand-dark);--bs-btn-hover-border-color:var(--pa-brand-dark);--bs-btn-active-bg:#06483e;--bs-btn-active-border-color:#06483e;--bs-btn-disabled-bg:#578d81;--bs-btn-disabled-border-color:#578d81;background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color);color:#fff}
.phimai53 .btn-outline-primary{--bs-btn-color:var(--pa-brand-dark);--bs-btn-border-color:#9dcbbd;--bs-btn-hover-bg:var(--pa-brand);--bs-btn-hover-border-color:var(--pa-brand);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--pa-brand);--bs-btn-active-border-color:var(--pa-brand);color:var(--pa-brand-dark);border-color:#9dcbbd}
.phimai53 .btn-primary:hover{background-color:var(--pa-brand-dark);border-color:var(--pa-brand-dark);color:#fff}.phimai53 .btn-outline-primary:hover{background:var(--pa-brand);border-color:var(--pa-brand);color:#fff}
.phimai53 .btn:active{transform:scale(.98)}.phimai53 .btn:disabled{transform:none;box-shadow:none}
.phimai53 .btn-sm{padding:.4rem .7rem;font-size:.85rem;border-radius:9px}
.phimai53 :is(.form-control,.form-select){border:1px solid #cfdfd7;border-radius:12px;background-color:#fff;color:var(--pa-ink);min-height:44px;transition:border-color .2s,box-shadow .2s}
.phimai53 :is(.form-control,.form-select):focus{border-color:#5da88e;box-shadow:0 0 0 .23rem #0b756614;background-color:white}
.phimai53 :is(.form-control,.form-select):disabled{background:#edf2ef;color:#74877f}
.phimai53 :is(.form-label,label){line-height:1.65}.phimai53 .form-label{font-weight:600;color:#274e42}
.phimai53 .form-check-input:checked{background-color:var(--pa-brand);border-color:var(--pa-brand)}
.phimai53 .input-group>.form-control{min-width:0}
.phimai53 :is(.shell-main main,.accessible-admin,.dashboard-ui) .card{border:1px solid var(--pa-line);border-radius:20px;box-shadow:0 6px 24px #123c3010}
.phimai53 :is(.shell-main main,.accessible-admin) .card-header{background:#f5faf7;border-bottom:1px solid var(--pa-line);padding:16px 20px;border-radius:20px 20px 0 0}
.phimai53 .shell-main main .card-body{padding:22px}
.phimai53 .shell-main main>:is(h1,h2){font-weight:700;letter-spacing:-.02em;color:var(--pa-ink)}
.phimai53 .shell-main main>h1{font-size:clamp(1.4rem,2.5vw,2rem)}
.phimai53 .shell-header{background:#ffffffed;border-bottom:1px solid var(--pa-line);box-shadow:0 3px 20px #1c4b3810;backdrop-filter:blur(14px);transition:box-shadow .2s}
.phimai53.pa-scrolled .shell-header{box-shadow:0 8px 28px #1c4b3818}
.phimai53 .header-title{color:var(--pa-ink);font-weight:700;line-height:1.55}
.phimai53 .header-search .form-control{background:#f3f8f5;border-color:transparent}
.phimai53 #systemSidebar{background:linear-gradient(170deg,#103f36,#0e2e29);border-right:1px solid #295147;box-shadow:7px 0 32px #163c350b}
.phimai53 #systemSidebar .side-link{position:relative;border-radius:12px;color:#d9eae3!important;transition:background .2s,transform .24s var(--pa-ease),box-shadow .2s}
.phimai53 #systemSidebar .side-link:is(.is-active,[aria-current=page]){background:#246252!important;color:#fff!important;box-shadow:inset 3px 0 #a2dbc4}
.phimai53 #systemSidebar .side-link:hover{background:#1c5144!important;color:white!important;transform:translateX(2px)}
.phimai53 #systemSidebar .nav-group>summary{color:#a8c9bb!important;padding:12px 10px;letter-spacing:.02em;border-radius:10px}
.phimai53 #systemSidebar .nav-group>summary:hover{background:#ffffff09}
.phimai53 .nav-popover .popover-panel{border:1px solid var(--pa-line);border-radius:18px;box-shadow:0 18px 50px #173d3024;padding:18px;max-width:calc(100vw - 24px)}
.phimai53 .popover-panel>a{display:block;border-radius:10px;padding:10px 12px;transition:background .18s}.phimai53 .popover-panel>a:hover{background:#edf7f1}
.phimai53 nav[aria-label=breadcrumb]{font-size:.9rem;color:var(--pa-muted);padding:10px 14px;border:1px solid #e1ebe5;border-radius:12px;background:#ffffffb3}
.phimai53 nav[aria-label=breadcrumb] a{color:var(--pa-brand);text-decoration:none}
.phimai53 .management-switcher{border:1px solid var(--pa-line);border-radius:18px;background:white;padding:16px 18px;box-shadow:0 4px 18px #173d3008;margin-bottom:16px}
.phimai53 .management-switcher strong{color:#52776a;font-size:.82rem;letter-spacing:.04em}
.phimai53 .management-switcher-links{gap:8px}.phimai53 .management-switcher .btn{font-size:.87rem}
.phimai53 .settings-jump{gap:8px;scrollbar-width:thin}.phimai53 .settings-jump a{border-radius:999px;padding:9px 15px;border:1px solid var(--pa-line);background:#fff;text-decoration:none;transition:background .2s,box-shadow .2s}
.phimai53 .settings-jump a:hover{background:#e8f4ed;box-shadow:0 3px 10px #17473210}
.phimai53 :is(.table-responsive,.table-wrap,.pa-table-scroll){border:1px solid var(--pa-line);border-radius:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%}
.phimai53 .pa-table-scroll>table{margin-bottom:0}
.phimai53 .table{color:var(--pa-ink);vertical-align:middle;font-size:.94rem;--bs-table-bg:transparent;--bs-table-striped-bg:#f5faf7;--bs-table-hover-bg:#eef7f1;--bs-table-border-color:#e4ede7}
.phimai53 .table thead th{background:#edf6f0;color:#2a5544;font-size:.84rem;font-weight:700;white-space:nowrap;padding:15px 16px;border-bottom:1px solid #dce8df}
.phimai53 .table tbody td{padding:15px 16px;line-height:1.7;border-color:#e6eee8}
.phimai53 .table tbody tr{transition:background .18s}.phimai53 .table tbody tr:hover{background:#f0f8f3}
.phimai53 .table .btn{white-space:nowrap}
.phimai53 .alert{border-radius:14px;padding:16px 20px;line-height:1.8;border-width:1px}
.phimai53 .alert-success{background:#eaf6ee;border-color:#c4e2d1;color:#1a5e3a}
.phimai53 .alert-warning{background:#fff7e7;border-color:#f3dfb1;color:#7e561a}
.phimai53 .alert-danger{background:#fff0f0;border-color:#f0caca;color:#8f3030}
.phimai53 .page-link{border-color:var(--pa-line);color:var(--pa-brand);border-radius:9px;margin:0 3px}.phimai53 .active>.page-link{background:var(--pa-brand);border-color:var(--pa-brand);color:white}
.phimai53 .modal-content{border:1px solid #dce8e0;border-radius:22px;box-shadow:0 24px 80px #163c3530}.phimai53 .modal-header{padding:20px 24px;border-color:var(--pa-line)}.phimai53 .modal-body{padding:24px}
.phimai53 .modal.fade .modal-dialog{transition:transform .25s var(--pa-ease)}
.phimai53 .dropdown-menu{border:1px solid var(--pa-line);border-radius:14px;padding:8px;box-shadow:0 15px 40px #163c351a}.phimai53 .dropdown-item{border-radius:9px;padding:9px 14px}.phimai53 .dropdown-item:hover{background:#eaf5ee;color:var(--pa-brand-dark)}
.phimai53 .mobile-bottom{background:#fffffff7;border-top:1px solid #d5e7dc;box-shadow:0 -6px 28px #14382b14;backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom,0px)}
.phimai53 .mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;min-height:58px;border-radius:13px;color:#587568;text-decoration:none;transition:background .2s,color .2s}
.phimai53 .mobile-bottom a[aria-current=page]{background:#e3f3e9;color:#075b45;font-weight:700}
.phimai53 .pa-nav-icon{width:20px;height:20px;flex:none}
.phimai53 .footer{border-top-color:var(--pa-line);color:#6a8175}
.phimai53.homepage .blog-item{border-radius:18px}
@media(hover:hover){.phimai53 .btn:hover{box-shadow:0 5px 15px #14382b12}.phimai53 :is(.dashboard-stat,.unit-feed-card,.blog-item,.category-row){transition:box-shadow .25s,transform .25s var(--pa-ease)}.phimai53 :is(.dashboard-stat,.category-row):hover{transform:translateY(-3px);box-shadow:0 12px 28px #173d3014}}
@media(max-width:1199.98px){.phimai53 :is(.management-switcher-links,.settings-jump){flex-wrap:wrap}.phimai53 .management-switcher{padding:14px}.phimai53 .shell-main main .card-body{padding:18px}}
@media(max-width:767.98px){.phimai53 .shell-header{gap:8px;padding:12px 14px;flex-wrap:wrap}.phimai53 .header-title{font-size:1rem}.phimai53 .header-search{max-width:none;flex:1 1 100%;order:10}.phimai53 .shell-main main{padding-left:14px!important;padding-right:14px!important}.phimai53 .shell-main main .card.p-4{padding:18px!important}.phimai53 .table{font-size:.87rem}.phimai53 .table :is(th,td){padding:12px}.phimai53 .management-switcher .btn{padding:8px 11px}.phimai53 .category-row>form{flex-wrap:wrap}.phimai53 .modal-dialog{margin:12px}.phimai53 .modal-content{border-radius:18px}.phimai53 .modal-body{padding:18px}.phimai53 .footer{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.phimai53 *, .phimai53 *::before,.phimai53 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}