/* developers-halpas-resources-v6/resource-enhancements.css */
#resources .page-head { display:grid; grid-template-columns:minmax(300px,.7fr) minmax(320px,1fr) auto; align-items:end; gap:24px; }
#resources .page-head>div { min-width:0; }
#resources .page-head #resource-search { min-width:0; }
.resource-toolbar { margin:0; flex-wrap:nowrap; align-items:stretch; }
.resource-toolbar button { min-width:130px; white-space:nowrap; }
.group-edit-toggle { width:100%; padding:11px; border:1px solid #111; background:#fff; color:#111; font-size:10px; font-weight:700; cursor:pointer; }
.resource-group-row { grid-template-columns:minmax(0,1fr) auto; }
.resource-group-row .group-delete { width:auto; padding:0 8px; color:#b71c1c; font-size:9px; }
.resource-with-preview { grid-template-columns:50px minmax(280px,1fr) minmax(180px,310px); align-items:center; }
.resource-card-side { display:grid; justify-items:end; gap:10px; }
.card-previews { display:grid; grid-template-columns:repeat(3,70px); gap:5px; }
.card-preview { position:relative; height:56px; overflow:hidden; background:#deded8; }
.card-preview::before { position:absolute; inset:20%; border:1px solid #777; content:''; transform:skewY(-8deg); }
.card-preview b { position:absolute; inset:0; z-index:2; display:grid; background:#0009; color:#fff; place-items:center; font:11px 'DM Mono',monospace; }
.resource-admin-actions { justify-content:flex-end; }
.modal-card { overflow:auto; overscroll-behavior:contain; }
.resource-detail-layout { align-items:start; }
.resource-detail-copy { align-self:start; max-height:none; overflow-wrap:anywhere; }
.long-resource-copy { max-height:340px; overflow:auto; padding-right:8px; color:#666; font-size:11px; line-height:1.7; white-space:pre-wrap; }
.resource-preview { padding:0; border:0; cursor:pointer; text-align:left; }
.more-images { position:absolute; inset:0; z-index:3; border:0; background:#000a; color:#fff; font-weight:700; cursor:pointer; }
.delete-warning { padding:18px; background:#fff1f1; color:#7e2424; line-height:1.6; }
.confirm-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.danger-button { min-height:45px; padding:0 17px; border:1px solid #9c1d1d; background:#b71c1c; color:#fff; font-weight:700; cursor:pointer; }
.gallery-main { position:relative; min-height:420px; background:#deded8; overflow:hidden; }
.gallery-main::before { position:absolute; inset:15%; border:1px solid #777; content:''; transform:skewY(-8deg); }
.gallery-main::after { position:absolute; left:10%; right:10%; top:50%; height:1px; background:#888; box-shadow:0 70px #888,0 -70px #888; content:''; }
.gallery-main>span { position:absolute; z-index:2; left:15px; bottom:14px; font:9px 'DM Mono',monospace; text-transform:uppercase; }
.gallery-controls { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:12px 0; }
.gallery-controls button:disabled { opacity:.35; cursor:not-allowed; }
.gallery-thumbnails { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; max-height:180px; overflow:auto; }
.gallery-thumbnails button { min-height:74px; border:2px solid transparent; background:#ddd; cursor:pointer; }
.gallery-thumbnails button.active { border-color:#111; }
@media(max-width:1050px){#resources .page-head{grid-template-columns:1fr 1fr}.resource-toolbar{grid-column:1/-1}.resource-with-preview{grid-template-columns:45px 1fr}.resource-card-side{grid-column:2;justify-items:start}.card-previews{grid-template-columns:repeat(3,64px)}}
@media(max-width:650px){#resources .page-head{grid-template-columns:1fr}.resource-toolbar{grid-column:auto;width:100%}.resource-toolbar button{min-width:0;flex:1}.resource-with-preview{grid-template-columns:35px 1fr}.card-previews{grid-template-columns:repeat(3,54px)}.gallery-main{min-height:280px}.gallery-thumbnails{grid-template-columns:repeat(3,1fr)}.confirm-actions{flex-direction:column}.long-resource-copy{max-height:260px}}