/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
.units-directory{position:relative;isolation:isolate;padding-bottom:24px}.units-scene{position:fixed;top:82px;left:var(--side-width,256px);right:0;bottom:0;z-index:-1;pointer-events:none;opacity:.38;background:radial-gradient(ellipse at 95% 20%,#afd9d94d,transparent 55%),radial-gradient(ellipse at 10% 80%,#e5dbbd4d,transparent 55%);overflow:hidden}.units-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.units-hero{position:relative;overflow:hidden;padding:40px;border:1px solid #bda77866;border-radius:22px;background:linear-gradient(105deg,#113b42f5,#1b5059db 64%,#326d77aa);margin-bottom:28px;box-shadow:0 16px 45px #113b4214}.units-hero::after{content:'';position:absolute;right:-70px;top:-110px;width:360px;height:360px;border:1px solid #c3ac7666;border-radius:50%;box-shadow:0 0 0 48px #ffffff04,0 0 0 96px #ffffff03;pointer-events:none}.units-hero-content{position:relative;z-index:2;max-width:780px}.units-hero .ds-eyebrow{color:#e0cfa5}.units-hero h1{color:white;font-family:var(--font-ui,'Kanit',sans-serif);font-weight:500;line-height:1.5;font-size:clamp(1.8rem,3.4vw,2.8rem);margin:12px 0 18px}.units-hero p{color:#deeaec;max-width:680px}.units-hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.units-hero-meta span{padding:6px 12px;border:1px solid #a8d2ce55;border-radius:8px;font-size:13px;color:#e9f2f2;background:#fff1}.units-directory-search{display:flex;flex-direction:row;gap:12px;align-items:center}.units-directory-search input{min-width:0}.units-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.unit-directory-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--ds-line,#dce5e9);border-radius:18px;overflow:hidden;background:var(--ds-surface,#fff);box-shadow:0 8px 30px #163c4009;min-width:0;transition:border-color .2s,box-shadow .2s}.unit-order{position:absolute;left:12px;top:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#10343de8;color:#fff;border:1px solid #e3d4ac66;font-family:var(--font-ui);font-size:14px}.unit-card-photo{display:block;overflow:hidden;aspect-ratio:3/2;background:var(--ds-soft)}.unit-card-photo .unit-banner{width:100%;height:100%;object-fit:contain;border-radius:0;transition:transform .35s}.unit-directory-body{padding:22px;display:flex;flex-direction:column;gap:16px;flex:1}.hospcode-badge{display:inline-block;align-self:flex-start;font-family:var(--font-ui,'Kanit',sans-serif);font-size:12px;letter-spacing:.05em;padding:5px 10px;border:1px solid #9ac8bf;border-radius:7px;background:#e9f5f0;color:#15594f;font-variant-numeric:tabular-nums}.unit-directory-body h2{line-height:1.7;font-family:var(--font-ui);font-size:1.1rem;font-weight:500;margin:0}.unit-directory-body h2 a{color:var(--ds-ink);text-decoration:none}.unit-card-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--ds-line);text-decoration:none;font-size:14px;font-weight:500}.unit-directory-card:focus-within{outline:2px solid var(--ds-brand);outline-offset:2px}html[data-theme=dark] .hospcode-badge{background:#1b413e;color:#a8e2d2;border-color:#456b60}html[data-theme=dark] .units-scene{opacity:.3;background:radial-gradient(ellipse at 95% 20%,#3769764d,transparent 65%)}@media(hover:hover){.unit-directory-card:hover{border-color:var(--ds-brand);box-shadow:0 12px 34px #163c4019}.unit-directory-card:hover .unit-banner{transform:scale(1.025)}}@media(max-width:991px){.units-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991px){.units-scene{left:0;top:70px}}@media(max-width:575px){.units-directory-grid{grid-template-columns:1fr;gap:20px}.units-hero{padding:26px 22px;border-radius:18px}.units-hero::after{width:240px;height:240px;right:-170px;top:-80px}.units-directory-search{flex-wrap:wrap;gap:10px}.units-directory-search input{flex-basis:100%}.unit-directory-body{padding:20px}.units-hero-meta{gap:8px}.units-hero-meta span{font-size:12px}.units-scene{opacity:.2}}@media(prefers-reduced-motion:reduce){.units-scene{display:none}.unit-directory-card,.unit-card-photo .unit-banner{transition:none!important}}

/* Desktop: exactly three equal columns, including 992–1199px screens. */
@media(min-width:992px){.units-directory .units-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.7vw,24px)}.unit-directory-body{padding:clamp(16px,1.5vw,22px)}.unit-directory-body h2{overflow-wrap:anywhere}.unit-directory-body h2 a{display:block}.unit-card-link{flex-wrap:wrap}}

.browse-decoration{position:relative;isolation:isolate;min-height:65vh}.browse-scene{position:fixed;top:82px;bottom:0;left:var(--side-width,256px);right:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#83bdb51c,transparent 65%),radial-gradient(ellipse at 15% 85%,#d4b97d1c,transparent 65%)}.browse-scene canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.browse-decoration .card{box-shadow:0 8px 28px #173f4509}@media(max-width:991px){.browse-scene{left:0;top:70px}}@media(prefers-reduced-motion:reduce){.browse-scene canvas{display:none}}

/* Shared responsive card collections: 3 desktop / 2 tablet / 1 mobile. */
.three-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0}.three-card-grid>div{width:auto;max-width:100%;padding:0;margin:0;min-width:0}.three-card-grid .card{height:100%;border-radius:18px;overflow-wrap:anywhere;box-shadow:0 8px 28px #173f450b}.three-card-grid .content-img{width:100%;height:200px;object-fit:cover}.category-card-grid .category-row{border-radius:18px!important;box-shadow:0 8px 28px #173f450b;min-width:0;flex-wrap:wrap;align-content:start}.category-card-grid .category-row>form{flex-wrap:wrap;min-width:0;max-width:100%;flex-basis:100%}.category-card-grid input[name=name]{flex:1 1 100%;width:100%;min-width:0}.category-card-grid .category-number{background:#e9f5f0;color:#15594f;border-radius:10px;padding:6px 12px;align-self:flex-start}.content-card-list{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}.content-card-list table{display:block;background:transparent}.content-card-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.content-card-list tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.content-card-list tr{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--ds-line,#dce5e9);border-radius:18px;background:var(--ds-surface,#fff);box-shadow:0 8px 28px #173f450b;gap:12px}.content-card-list td{display:block;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;overflow-wrap:anywhere}.content-card-list td:first-child{font-size:13px;color:var(--ds-muted);font-variant-numeric:tabular-nums}.content-card-list td:nth-child(2){font-size:17px;font-weight:600;line-height:1.7}.content-card-list td:nth-child(2) small{font-size:13px;font-weight:400}.content-card-list td:last-child{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:16px!important;border-top:1px solid var(--ds-line)!important}.content-card-list td[colspan]{grid-column:1/-1}.dashboard-stat-grid .card{border-top:3px solid var(--ds-brand,#087e86);padding:26px!important}.dashboard-stat-grid .counter{font-size:clamp(2rem,4vw,3rem);color:var(--ds-brand);font-variant-numeric:tabular-nums}@media(min-width:576px){.three-card-grid,.content-card-list tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:992px){.three-card-grid,.content-card-list tbody{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(hover:hover){.three-card-grid .card:hover,.content-card-list tr:hover{border-color:var(--ds-brand,#087e86)}}
.content-card-list table{min-width:0!important;width:100%!important;max-width:100%}.content-card-list tbody,.content-card-list tr,.content-card-list td{min-width:0!important;max-width:100%}.content-card-list .action-form{margin:0}
.category-card-grid .category-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}.category-card-grid .category-row>form{flex:0 0 auto!important;width:100%;align-items:center}.category-card-grid .form-control{height:46px;min-height:46px}.category-card-grid button{min-height:44px;height:auto;padding:10px 16px}.category-card-grid .category-number{height:36px;flex:0 0 auto}

/* Browse banners: show the full artwork, including the unit name at its bottom. */
.three-card-grid .content-img{height:auto!important;max-height:none!important;aspect-ratio:auto!important;width:100%;object-fit:contain!important;display:block;background:var(--ds-soft,#edf4f5)}