/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Scoped enhancement: existing form contracts and routing are unchanged. */
.accessible-admin{--ds-brand:#08666e;--ds-ink:#17343e;--ds-muted:#4b606a;color:var(--ds-ink);padding-bottom:20px;line-height:1.7;min-width:0}.accessible-admin h1{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.5;font-weight:600;letter-spacing:0}.accessible-admin h2,.accessible-admin h3{line-height:1.6}.accessible-admin .muted,.accessible-admin .text-muted{color:var(--ds-muted)!important}.accessible-admin .card{border:1px solid #cddde0;border-radius:18px;background:#fff;box-shadow:0 8px 28px #143a430b}.accessible-admin .form-control,.accessible-admin .form-select{min-height:46px;border-color:#819ba4;color:#17343e;background-color:#fff;font-size:16px;max-width:100%}.accessible-admin label{font-weight:500;color:var(--ds-ink);margin-bottom:6px}.accessible-admin input::placeholder,.accessible-admin textarea::placeholder{color:#526973;opacity:1}.accessible-admin .btn,.accessible-admin summary{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;line-height:1.5}.accessible-admin .btn-primary{background:#08666e;border-color:#08666e;color:#fff}.accessible-admin .btn-outline-primary{color:#08616a;border-color:#08616a}.accessible-admin .btn-outline-primary:hover{background:#08616a;color:#fff}.accessible-admin .btn-light{background:#edf4f5;color:#173f49;border-color:#b3c9cf}.accessible-admin .btn-outline-danger{color:#a52d38;border-color:#a52d38}.accessible-admin .btn-outline-danger:hover{background:#a52d38;color:#fff}.accessible-admin a:not(.btn){color:#09636c;text-underline-offset:4px}.accessible-admin a:not(.btn):hover{text-decoration:underline}.accessible-admin :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #855a00!important;outline-offset:3px!important;box-shadow:0 0 0 6px #fff!important;scroll-margin:100px 20px}.accessible-admin .table-responsive{border-radius:16px;max-width:100%;overscroll-behavior-x:contain}.accessible-admin .table th{color:#234650;background:#edf4f5;padding:16px;font-weight:600}.accessible-admin .table td{color:var(--ds-ink);padding:16px;vertical-align:middle}.accessible-admin .table tr:focus-within td{background:#edf8f7}.accessible-admin .action-form{display:inline-block;margin:4px}.accessible-admin .alert{border-radius:14px;line-height:1.8}.accessible-admin .health-grid>.card{border-top:3px solid #0e7880}.accessible-admin .table td a,.accessible-admin .popover-panel a{min-height:44px;display:inline-flex;align-items:center}.accessible-admin .d-flex{min-width:0}.accessible-admin .health-grid,.accessible-admin .request-grid{min-width:0}.accessible-admin :where(p,h1,h2,h3,td){overflow-wrap:anywhere}html[data-theme=dark] .accessible-admin{--ds-brand:#9ce1db;--ds-ink:#e7f1f4;--ds-muted:#b7ccd3}html[data-theme=dark] .accessible-admin .card{background:#17313b;border-color:#58717a}html[data-theme=dark] .accessible-admin :is(.form-control,.form-select){background-color:#122a34;color:#edf6f8;border-color:#91aab2}html[data-theme=dark] .accessible-admin input::placeholder,html[data-theme=dark] .accessible-admin textarea::placeholder{color:#b5cbd3}html[data-theme=dark] .accessible-admin a:not(.btn){color:#a4e5df}html[data-theme=dark] .accessible-admin .btn-outline-primary{color:#a4e5df;border-color:#a4e5df}html[data-theme=dark] .accessible-admin .btn-outline-primary:hover{background:#a4e5df;color:#14343b}html[data-theme=dark] .accessible-admin .btn-light{background:#25434e;color:#edf6f8;border-color:#819ca6}html[data-theme=dark] .accessible-admin .btn-outline-danger{color:#ffb4ba;border-color:#ffb4ba}html[data-theme=dark] .accessible-admin .table th{background:#23434e;color:#e7f1f4}html[data-theme=dark] .accessible-admin .table tr:focus-within td{background:#25434e}html[data-theme=dark] .accessible-admin :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:#ffdd87!important;box-shadow:0 0 0 6px #102832!important}@media(max-width:767px){.accessible-admin .health-grid,.accessible-admin .request-grid{grid-template-columns:minmax(0,1fr)}.accessible-admin>.d-flex,.accessible-admin form.d-flex,.accessible-admin .admin-page-heading{flex-wrap:wrap}.accessible-admin form.d-flex>.form-control,.accessible-admin form.d-flex>.form-select{flex:1 1 100%;min-width:0}.accessible-admin .card.p-4{padding:20px!important}.accessible-admin .btn{padding:10px 14px}.accessible-admin .table-responsive{overflow-x:auto}.accessible-admin .health-grid>*{min-width:0}}@media(prefers-reduced-motion:reduce){.accessible-admin *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html[data-theme=dark] .accessible-admin .btn-outline-danger:hover{background:#ffb4ba;color:#38151d}.accessible-admin .btn-primary:hover{background:#064f57;border-color:#064f57}.accessible-admin .btn-outline-primary:disabled{opacity:1;color:#526973;border-color:#91a5ad;background:#edf1f2}.accessible-admin .btn:disabled{cursor:not-allowed}
.settings-jump{display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:var(--ds-surface,#fff);border:1px solid #cddde0;border-radius:16px;margin:24px 0}.accessible-admin .settings-jump a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;background:#edf4f5;border-radius:10px;color:#155661;font-weight:500;text-decoration:none}.accessible-admin .settings-jump a:hover{background:#dceced}.home-settings-form{min-width:0}.settings-fields{margin:0}.settings-panel{background:var(--ds-surface,#fff);border:1px solid #cddde0;border-radius:18px;padding:28px;box-shadow:0 8px 28px #143a430b;scroll-margin-top:100px;min-width:0}.settings-panel h2{border-bottom:1px solid #cddde0;padding-bottom:16px;margin-bottom:16px}.settings-panel [data-font-preview]{font-size:1.15rem!important;min-height:140px;background:#f3f8f8;color:#17343e;overflow-wrap:anywhere}.settings-image-preview{width:100%;max-height:230px;object-fit:contain;background:#edf4f5;border:1px solid #cddde0;border-radius:12px;margin:0 0 14px}.settings-savebar{position:sticky;bottom:18px;z-index:20;background:var(--ds-surface,#fff);border:1px solid #91b6bc;border-radius:16px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 32px #17343e22}.settings-savebar button{flex-shrink:0}.settings-heading{padding:8px 0}.settings-panel label{line-height:1.7}html[data-theme=dark] .settings-panel,html[data-theme=dark] .settings-jump,html[data-theme=dark] .settings-savebar{background:#17313b;border-color:#58717a}html[data-theme=dark] .accessible-admin .settings-jump a{background:#25434e;color:#c3eeeb}html[data-theme=dark] .settings-panel [data-font-preview]{background:#122a34;color:#edf6f8}@media(max-width:767px){.settings-panel{padding:20px}.settings-jump{gap:8px;padding:12px}.accessible-admin .settings-jump a{padding:8px 12px;font-size:14px}.settings-savebar{bottom:78px;padding:16px;flex-wrap:wrap}.settings-savebar button{width:100%}.settings-savebar p{font-size:12px}.settings-panel [data-font-preview]{min-height:0}.settings-fields{padding-bottom:12px}}
.home-settings-form :where(input,textarea,select,button){scroll-margin-bottom:190px}@media(max-width:767px){.home-settings-form :where(input,textarea,select,button){scroll-margin-bottom:260px}.home-settings-form{padding-bottom:30px}}

.unit-owner-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;border-left:4px solid #08747a!important}.unit-owner-toolbar>div{min-width:0}#unitSiteSettings{scroll-margin-top:100px}.unit-owner-toolbar .btn{flex-shrink:0}@media(max-width:767px){.unit-owner-toolbar{flex-direction:column;align-items:stretch}.unit-owner-toolbar .btn{flex:1 1 100%}.accessible-admin .unit-hero{display:flex;flex-direction:column;min-width:0}.accessible-admin .unit-hero>div{min-width:0}.accessible-admin .unit-banner{max-width:100%;height:auto}}

.unit-image-picker{padding:18px;background:var(--ds-soft,#f0f6f6);border:1px solid var(--ds-line,#cddde0);border-radius:14px}.unit-picker-preview{display:block;width:100%;max-width:540px;height:auto;max-height:320px;object-fit:contain;border-radius:12px;background:var(--ds-surface,#fff)}.unit-picker-preview[hidden]{display:none}.unit-image-picker select{min-width:0;width:100%;text-overflow:ellipsis}

/* Compact preview boxes; full image stays contained even for large source files. */
.unit-image-picker{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.unit-image-picker .unit-picker-preview{width:min(100%,280px)!important;max-width:100%!important;height:180px!important;max-height:180px!important;object-fit:contain!important;object-position:center;border:1px solid var(--ds-line,#cddde0);box-sizing:border-box}.unit-image-picker select{max-width:100%;box-sizing:border-box}@media(max-width:575px){.unit-image-picker{padding:12px}.unit-image-picker .unit-picker-preview{width:min(100%,220px)!important;height:150px!important;max-height:150px!important}}