/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Additive presentation layer. No menu visibility or content ordering rules. */
:root{--pa-ink:#193c35;--pa-muted:#60756e;--pa-accent:#087e70;--pa-line:#dce8e3;--pa-soft:#f3f7f6;--pa-radius:18px;--pa-ease:cubic-bezier(.2,.75,.25,1)}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body.phimai-app{background-color:var(--pa-soft);-webkit-tap-highlight-color:transparent}
.phimai-app :focus-visible{outline:3px solid #08a88b;outline-offset:4px}
.phimai-app .shell-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--pa-line);box-shadow:0 4px 24px #153b3010;gap:12px}
.phimai-app .header-title{font-weight:700;color:var(--pa-ink)}
.phimai-app #systemSidebar{border-right:1px solid var(--pa-line);box-shadow:8px 0 40px #163c3506}
.phimai-app #systemSidebar a{border-radius:12px;transition:background .2s,color .2s,transform .25s var(--pa-ease)}
.phimai-app #systemSidebar a:hover{background:#e7f3ed;transform:translateX(3px)}
.phimai-app #systemSidebar a[aria-current=page]{background:#d9efe5;color:#075849;font-weight:700}
.phimai-app .nav-popover .popover-panel{border:1px solid var(--pa-line);border-radius:16px;box-shadow:0 20px 60px #163c3520}
.phimai-app .btn{transition:box-shadow .22s,transform .22s var(--pa-ease),background-color .22s;border-radius:11px}
.phimai-app .btn:active{transform:scale(.98)}
.phimai-app .form-control,.phimai-app .form-select{border-radius:11px;transition:border-color .2s,box-shadow .2s}
.phimai-app .form-control:focus,.phimai-app .form-select:focus{border-color:#43a893;box-shadow:0 0 0 4px #087e7015}
.phimai-app .shell-main main .card{border-radius:var(--pa-radius);border-color:var(--pa-line);box-shadow:0 6px 25px #163c3508}
.phimai-app .table{vertical-align:middle;font-size:.94rem}
.phimai-app .table thead th{background:#edf5f1;color:var(--pa-ink);padding-top:15px;padding-bottom:15px;white-space:nowrap}
.phimai-app .table tbody td{padding-top:14px;padding-bottom:14px;border-color:#edf2ef}
.phimai-app .table tbody tr{transition:background .18s}
.phimai-app .table tbody tr:hover{background:#f3faf6}
.phimai-app .table-responsive{border:1px solid var(--pa-line);border-radius:16px;overscroll-behavior-x:contain}
.phimai-app nav[aria-label=breadcrumb]{color:var(--pa-muted);font-size:.9rem}
.phimai-app .mobile-bottom{padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--pa-line);box-shadow:0 -8px 30px #163c350c}
.phimai-app .mobile-bottom a{border-radius:12px;transition:background .2s,color .2s}
.phimai-app .mobile-bottom a[aria-current=page]{background:#e0f2e9;color:#075849;font-weight:700}
.phimai-app .blog-item,.phimai-app .program-item,.phimai-app .unit-feed-card{transition:transform .28s var(--pa-ease),box-shadow .28s var(--pa-ease)}
@media(hover:hover){.phimai-app .blog-item:hover,.phimai-app .program-item:hover,.phimai-app .unit-feed-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #163c3517}.phimai-app .btn:hover{box-shadow:0 6px 16px #163c3512}}
.pa-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
.pa-tool{font:inherit;font-size:13px;border:1px solid var(--pa-line);border-radius:999px;background:white;color:#15594d;padding:9px 16px;cursor:pointer;min-height:42px;display:inline-flex;align-items:center;gap:8px;transition:background .2s}
.pa-tool:hover{background:#e9f5ef}.pa-tool[hidden]{display:none}
.pa-tool svg{width:17px;height:17px;flex-shrink:0}
.pa-dialog{width:min(540px,calc(100% - 32px));padding:0;border:1px solid var(--pa-line);border-radius:22px;box-shadow:0 30px 90px #102f3533;color:var(--pa-ink);max-height:80dvh}
.pa-dialog::backdrop{background:#102f3566;backdrop-filter:blur(4px)}
.pa-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--pa-line)}
.pa-dialog h2{font-size:19px;margin:0}.pa-dialog-body{padding:20px 24px}.pa-dialog input{width:100%;box-sizing:border-box;border:1px solid var(--pa-line);border-radius:12px;padding:12px;font:inherit}
.pa-results{display:grid;gap:5px;margin-top:12px;max-height:45dvh;overflow:auto}.pa-results a{color:var(--pa-ink);text-decoration:none;padding:12px;border-radius:10px;display:block}.pa-results a:hover,.pa-results a:focus-visible{background:#e9f5ef}
.pa-empty{color:var(--pa-muted);margin:14px 0}.pa-state{font-size:12px;color:var(--pa-muted)}
.pa-skip{position:fixed;top:-100px;left:16px;z-index:99999;background:white;padding:12px 20px;border-radius:12px}.pa-skip:focus{top:12px}
@media(max-width:991.98px){.phimai-app .shell-header{gap:8px}.phimai-app .header-title{font-size:1rem}.phimai-app .header-search{min-width:0}.phimai-app .pa-tools{gap:6px}.pa-tool{font-size:12px;padding:8px 12px}.phimai-app .footer{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}}
@media(display-mode:standalone){.phimai-app .shell-header{padding-top:max(12px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phimai-app .btn,.phimai-app #systemSidebar a,.phimai-app .blog-item,.phimai-app .program-item,.phimai-app .unit-feed-card{transition:none;transform:none!important}}

/* Home keeps the existing navigation; hide the optional app toolbar. */


/* Collapsed utility drawer: no toolbar occupies the Hero/content flow. */
.pa-dock{position:fixed;left:0;top:36%;z-index:1080;display:flex;align-items:flex-start;max-width:calc(100vw - 12px)}
.pa-dock-toggle{flex:none;border:1px solid #c6e1d6;border-left:0;border-radius:0 13px 13px 0;background:#fff;color:#0b584d;width:30px;min-height:52px;font:700 27px/1 system-ui;box-shadow:2px 4px 15px #143b3520;cursor:pointer}
.pa-dock .pa-tools{margin:0 0 0 6px;padding:12px;display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #dce8e3;border-radius:15px;box-shadow:0 12px 35px #143b3525;max-width:min(290px,calc(100vw - 60px));animation:pa-dock-in .22s ease-out}
.pa-dock .pa-tools[hidden]{display:none!important}.pa-dock .pa-state:empty{display:none}
@keyframes pa-dock-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.hero-header .hero-promotions{position:absolute;z-index:5;left:29%;bottom:18px;width:32%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;pointer-events:auto}
.hero-promotion-1{grid-column:1}.hero-promotion-2{grid-column:2}
.hero-promotion{min-width:0;border-radius:14px;overflow:hidden;background:#ffffff10;box-shadow:0 8px 24px #001f2820}
.hero-promotion a{display:block}.hero-promotion img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .25s ease}
.hero-promotion a:hover img{transform:scale(1.025)}
.hero-slot-preview{min-height:170px;display:grid;place-items:center;background:#edf5f2;border:1px dashed #b8d7cb;border-radius:14px;color:#58786c}
.hero-slot-preview img{display:block;width:100%;height:200px;object-fit:contain}
@media(max-width:991.98px){.hero-header .hero-promotions{position:relative;left:auto;bottom:auto;width:min(600px,100%);margin:20px auto 0;padding:0 16px;flex:none;align-self:center}}
@media(max-width:575.98px){.hero-header .hero-promotions{gap:8px}.hero-promotion{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.pa-dock .pa-tools{animation:none}.hero-promotion img{transition:none}}