/* Private Yorkshire Haulage owner dashboard: homepage photo management. */
.yh-studio{margin:36px 0 55px;scroll-margin-top:120px}.yh-studio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 0 30px;border-bottom:1px solid #ffffff23}
.yh-studio-heading h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;color:#fff;letter-spacing:-.04em;margin-bottom:9px}.yh-studio-heading p:not(.yh-eyebrow){max-width:680px;color:#a9c0c6;font-size:14px;line-height:1.7;margin:0}.yh-studio-preview{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#00fbff;border:1px solid #00fbff69;background:#0b292c;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:750}
.yh-studio-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.yh-studio-stats>div{border:1px solid #25454a;background:linear-gradient(135deg,#12272c,#0b1416);border-radius:13px;padding:22px}.yh-studio-stats strong{display:block;color:white;font-size:30px;line-height:1.2;font-weight:800}.yh-studio-stats span{display:block;color:#a9bdc3;font-size:12px;margin-top:8px}
.yh-studio-upload{max-width:none;display:grid;grid-template-columns:1fr minmax(220px,330px);gap:8px 30px;align-items:end;padding:28px;margin:25px 0;border-color:#00fbff56;background:linear-gradient(120deg,#102a2d,#10181b)}.yh-studio-upload h3{color:#fff;font-weight:800;font-size:22px;margin:0 0 8px}.yh-studio-upload p{font-size:13px;line-height:1.6;margin:0}.yh-studio-upload .yh-studio-upload-label{grid-column:2;grid-row:1;margin:0;color:#b5cbd0;font-size:12px}.yh-studio-upload input[type=file]{grid-column:2;grid-row:2}.yh-studio-upload button{grid-column:2;grid-row:3;justify-self:start;margin-top:10px}
.yh-studio-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 15px}.yh-studio-list-heading h3{color:white;font-size:23px;font-weight:800;margin:0}.yh-studio-list-heading span{color:#a8bbc1;font-size:12px}.yh-studio-list{display:grid;gap:12px}.yh-studio-item{display:flex;align-items:center;gap:19px;min-height:118px;background:#101b1e;border:1px solid #293b40;border-radius:14px;padding:14px 18px;transition:border-color .18s}.yh-studio-item:hover{border-color:#00fbff68}.yh-studio-item.is-hidden{opacity:.74}.yh-studio-position{width:26px;text-align:center;color:#84a6ae;font-size:14px;font-weight:800;flex-shrink:0}.yh-studio-thumb{width:165px;height:92px;border-radius:8px;background:#0b1215;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#adc0c4;font-size:12px}.yh-studio-thumb img{display:block;width:100%;height:100%;object-fit:cover}.yh-studio-details{flex:1;min-width:0}.yh-studio-details>strong{display:block;color:white;font-size:14px;font-weight:750;overflow-wrap:anywhere}.yh-studio-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.yh-studio-tags span{font-size:11px;color:#a4bbc2;border:1px solid #466069;padding:4px 8px;border-radius:6px}.yh-studio-tags .status-visible{color:#55e3bd;border-color:#55e3bd55}.yh-studio-tags .status-hidden{color:#f6c783;border-color:#f6c78355}.yh-studio-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.yh-studio-actions form{margin:0}.yh-studio-actions button{margin:0;min-width:38px;padding:9px 10px;border-radius:7px;border:1px solid #45616b;color:#fff;background:#172b30;font-size:12px;font-weight:700}.yh-studio-actions button:hover:not(:disabled){border-color:#00fbff;color:#00fbff}.yh-studio-actions button:disabled{opacity:.25;cursor:not-allowed}.yh-studio-actions .yh-studio-visibility{min-width:63px}.yh-studio-actions .yh-studio-danger{border-color:#e7777770;background:#3b191e;color:#ffb7bb}.yh-studio-safe{color:#91acb2;font-size:12px;line-height:1.7;margin-top:20px}.yh-studio-safe code{color:#7fefee;background:#122226;padding:1px 5px;border-radius:4px}
@media(max-width:1000px){.yh-studio-item{gap:11px}.yh-studio-thumb{width:110px;height:80px}.yh-studio-actions{max-width:205px}.yh-studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:710px){.yh-studio-heading{flex-direction:column;align-items:flex-start}.yh-studio-upload{grid-template-columns:1fr;gap:12px}.yh-studio-upload .yh-studio-upload-label,.yh-studio-upload input[type=file],.yh-studio-upload button{grid-column:1;grid-row:auto}.yh-studio-item{display:grid;grid-template-columns:20px 105px 1fr;grid-template-rows:auto auto;gap:10px}.yh-studio-thumb{width:105px;height:75px}.yh-studio-actions{grid-column:1/-1;max-width:none;justify-content:flex-start;padding-top:5px;border-top:1px solid #ffffff12}.yh-studio-list-heading{align-items:flex-start;flex-direction:column;gap:6px}.yh-studio-stats>div{padding:16px}}