/* หน้าที่: หน้าตาโปสเตอร์ PR ที่เชื่อมบัญชีพนักงานและร้าน */
.care-store-filter{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.25rem 0}.care-store-filter button{border:1px solid #dce5f1;background:#fff;color:#40506a;border-radius:999px;padding:.65rem 1rem;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(44,62,100,.07);transition:.2s}.care-store-filter button:hover,.care-store-filter button.active{background:#152bff;color:#fff;border-color:#152bff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(21,43,255,.24)}.care-store-filter i{margin-right:.35rem}.fg2-care-track .care-db-card{flex:0 0 min(470px,82vw);overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(36,48,82,.14);border:1px solid rgba(88,111,155,.13);scroll-snap-align:start}.care-db-image{aspect-ratio:16/9;overflow:hidden;background:#071133}.care-db-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.care-db-card:hover .care-db-image img{transform:scale(1.025)}.care-db-meta{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem}.care-db-code{font-weight:900;color:#fff;background:linear-gradient(135deg,#1839ee,#8c36ed);padding:.45rem .65rem;border-radius:11px;letter-spacing:.04em}.care-db-meta>div{display:flex;flex-direction:column;min-width:0;flex:1}.care-db-meta strong{color:#14213d;font-size:1.05rem}.care-db-meta small{color:#748199}.care-db-meta a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef2ff;color:#1839ee}.care-empty{display:grid;place-items:center;gap:.5rem;min-height:220px;width:100%;color:#758198}.care-empty i{font-size:2rem}.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pr-card .pr-visual{aspect-ratio:16/9!important;height:auto!important;overflow:hidden}.pr-card .pr-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.pr-card:hover .pr-visual img{transform:scale(1.02)}.profile-avatar.has-image{overflow:hidden;padding:0}.profile-avatar.has-image img{width:100%;height:100%;object-fit:cover}.profile-card .profile-avatar.has-image{width:110px;height:110px;border-radius:24px}
@media(max-width:767px){.care-store-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.care-store-filter button{flex:0 0 auto}.fg2-care-track .care-db-card{flex-basis:88vw;border-radius:20px}.care-db-meta{padding:.75rem}.pr-grid{grid-template-columns:1fr!important}}

/* Home: show all three Friendly Care stores as three simultaneous rows. */
.fg2-care-track.care-store-stack{display:grid;gap:24px;overflow:visible;padding:8px 3px 25px;scroll-snap-type:none}
.care-store-row{min-width:0;padding:18px;border:1px solid rgba(88,111,155,.13);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 16px 45px rgba(36,48,82,.08)}
.care-store-row-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.care-store-row-head>div{display:flex;align-items:center;gap:11px}
.care-store-row-head>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1c3bff,#9637ec);color:#fff;box-shadow:0 8px 20px rgba(48,67,223,.22)}
.care-store-row-head>div>div{display:flex;flex-direction:column}
.care-store-row-head small{font:600 8px 'Prompt',sans-serif;letter-spacing:.13em;color:#8190a7}
.care-store-row-head strong{font:700 19px 'Prompt',sans-serif;color:#15213c}
.care-store-row-actions{display:flex!important;align-items:center!important;gap:11px!important}
.care-store-row-actions>a{display:flex;align-items:center;gap:7px;color:#46607f;font-size:11px;font-weight:700}
.care-store-row-actions>a b{color:#1839ee}
.care-auto-badge{display:inline-flex!important;align-items:center;gap:5px;width:auto!important;height:27px!important;padding:0 9px;border-radius:999px!important;background:#edf2ff!important;color:#3159ff!important;box-shadow:none!important;font:800 8px 'Prompt',sans-serif;letter-spacing:.08em}
.care-auto-badge i{font-size:9px}
.care-store-cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/3);gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;touch-action:pan-x pan-y pinch-zoom;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 12px;outline:none}
.care-store-cards::-webkit-scrollbar{display:none}
.fg2-care-track .care-store-cards .care-db-card{width:auto;min-width:0;flex:none;border-radius:20px}
.care-store-cards .care-db-card{scroll-snap-align:start;scroll-snap-stop:always}
.care-store-cards:focus-visible{outline:3px solid rgba(49,89,255,.35);outline-offset:5px;border-radius:16px}

/* Venue: exactly two cards per row and four posters per page. */
.pr-grid[data-pr-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pr-card[hidden]{display:none!important}
.pr-pagination{max-width:1400px;margin:30px auto 0;display:flex;align-items:center;justify-content:center;gap:18px}
.pr-pagination button{min-width:120px;height:44px;border:1px solid #d9e1ed;border-radius:14px;background:#fff;color:#20314f;font:600 12px 'Prompt',sans-serif;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 8px 22px rgba(25,45,78,.07);transition:.2s}
.pr-pagination button:not(:disabled):hover{background:#172033;color:#fff;border-color:#172033;transform:translateY(-2px)}
.pr-pagination button:disabled{opacity:.38;cursor:not-allowed}
.pr-pagination p{margin:0;min-width:78px;text-align:center;color:#708097;font-size:12px}
.pr-pagination p strong{color:#1839ee;font-size:17px}

@media(max-width:980px){.care-store-cards{grid-auto-columns:calc((100% - 15px)/2)}}
@media(max-width:767px){
  .fg2-care-track.care-store-stack{margin:0;gap:16px;padding-inline:0}
  .care-store-row{padding:12px;border-radius:21px}
  .care-store-row-head{gap:8px;margin-bottom:10px}
  .care-store-row-head strong{font-size:15px}
  .care-store-row-actions{gap:7px!important}
  .care-store-row-actions>a{font-size:9px}
  .care-store-row-actions>a b{display:none}
  .care-auto-badge{height:24px!important;padding:0 7px;font-size:7px}
  .care-store-cards{grid-auto-columns:min(78vw,330px);gap:11px}
  .fg2-care-track .care-store-cards .care-db-card{border-radius:17px}
  .pr-grid,.pr-grid[data-pr-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .pr-card{min-width:0;padding:5px;border-radius:15px}
  .pr-card .pr-visual{border-radius:11px}
  .pr-card>div:last-child{padding:8px 5px}
  .pr-card strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pr-card span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pr-pagination{margin-top:22px;gap:9px}
  .pr-pagination button{min-width:0;width:96px;height:40px}
}

/* Clickable poster detail modal. */
[data-poster-preview]{cursor:zoom-in}
[data-poster-preview]:focus-visible{outline:3px solid #3159ff;outline-offset:4px}
.poster-detail-dialog{width:min(1180px,calc(100vw - 28px));max-width:none;max-height:calc(100vh - 28px);padding:0;border:0;border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(5,12,35,.45);overflow:hidden}
.poster-detail-dialog::backdrop{background:rgba(4,9,25,.82);backdrop-filter:blur(8px)}
.poster-detail-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);max-height:calc(100vh - 28px)}
.poster-detail-close{position:absolute;z-index:2;right:15px;top:15px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(14,23,43,.88);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.24)}
.poster-detail-image{min-height:420px;background:#070d20;display:grid;place-items:center;overflow:auto}
.poster-detail-image img{display:block;width:100%;height:100%;max-height:calc(100vh - 28px);object-fit:contain}
.poster-detail-copy{padding:70px 34px 35px;align-self:center}
.poster-detail-kicker{display:inline-flex;align-items:center;gap:8px;color:#3159ff;font:700 10px 'Prompt',sans-serif;letter-spacing:.12em}
.poster-detail-copy h2{margin:13px 0 3px;color:#13203a;font:700 clamp(28px,3vw,42px)/1.15 'Prompt',sans-serif}
.poster-detail-copy>p{margin:0 0 28px;color:#7543e8;font:800 20px 'Prompt',sans-serif}
.poster-detail-copy dl{display:grid;gap:11px;margin:0}
.poster-detail-copy dl>div{padding:14px 16px;border:1px solid #e3e8f2;border-radius:15px;background:#f8faff}
.poster-detail-copy dt{color:#7b899e;font-size:10px}
.poster-detail-copy dt i{width:18px;color:#3159ff}
.poster-detail-copy dd{margin:4px 0 0;color:#1a2945;font:700 14px 'Prompt',sans-serif}

@media(max-width:720px){
  .poster-detail-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:21px;overflow:auto}
  .poster-detail-shell{display:block;max-height:none}
  .poster-detail-image{min-height:0;aspect-ratio:16/9}
  .poster-detail-image img{height:100%;max-height:none}
  .poster-detail-copy{padding:24px 18px 26px}
  .poster-detail-close{right:10px;top:10px;width:40px;height:40px}
  .poster-detail-copy h2{font-size:27px}
  .poster-detail-copy>p{font-size:17px;margin-bottom:18px}
}

/* Employee portal connected views. */
.employee-profile-form{text-align:left!important}
.employee-profile-form>.primary-dash-button{margin-top:20px}
.profile-security-note{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;border:1px solid #f3cf79;border-radius:15px;background:#fff8e5;color:#8b5b00}
.profile-security-note[hidden]{display:none}
.profile-security-note>i{font-size:21px}
.profile-security-note span{display:flex;flex-direction:column}
.profile-security-note small{color:#9d7b38;font-size:10px}
.employee-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.employee-gallery-card{min-width:0;overflow:hidden;border:1px solid #dfe6f0;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(25,45,78,.08)}
.employee-gallery-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.employee-gallery-card>div{display:flex;flex-direction:column;padding:13px 15px}
.employee-gallery-card strong{font:700 14px 'Prompt',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-gallery-card span{color:#7a879b;font-size:9px}
.employee-access-list{display:grid;gap:10px}
.employee-access-row{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e2e8f1;border-radius:15px;background:#f9fbff}
.employee-access-row>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e9efff;color:#3159ff}
.employee-access-row span{display:flex;flex-direction:column}
.employee-access-row strong{font:700 13px 'Prompt',sans-serif;color:#1a2945}
.employee-access-row small{color:#7b899d;font-size:9px}
@media(max-width:700px){.employee-gallery-grid{grid-template-columns:1fr}.employee-profile-form .form-grid{grid-template-columns:1fr}.employee-profile-form .form-grid .full{grid-column:1}}