/* QRCode.sn Media Engine 4.2 — restrained corporate UX */
.qrs-media-help{margin:8px 0 14px;color:#536374;font-size:.9rem;line-height:1.55}
.qrs-storage-panel{border:1px solid #dbe5eb;border-radius:16px;padding:16px 18px;background:linear-gradient(145deg,#fff,#f4f8fb);margin:12px 0 22px}
.qrs-storage-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;color:#102a43;margin-bottom:12px;font-size:.92rem}
.qrs-storage-heading span{color:#52647a;font-size:.86rem}
.qrs-storage-progress{display:block;width:100%;height:9px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#e0eaf1;margin:0 0 11px}
.qrs-storage-progress::-webkit-progress-bar{background:#e0eaf1;border-radius:10px}
.qrs-storage-progress::-webkit-progress-value{background:#0b9aba;border-radius:10px}
.qrs-storage-progress::-moz-progress-bar{background:#0b9aba;border-radius:10px}
.qrs-storage-panel small{display:block;line-height:1.5}
.qrs-media-chooser{width:min(850px,96vw);max-height:88vh}
.qrs-media-chooser .qrs-file-detail{max-height:80vh;overflow:auto}
.qrs-media-chooser input[type=search]{width:100%;padding:11px;border:1px solid #ccdce5;border-radius:10px;margin:10px 0 16px}
.qrs-media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px;margin:12px 0}
.qrs-media-picker-item{display:flex;flex-direction:column;gap:7px;padding:7px;border:1px solid #dce7ef;border-radius:12px;background:#fff;text-align:left;min-width:0;cursor:pointer;color:#183549}
.qrs-media-picker-item:hover,.qrs-media-picker-item:focus-visible{border-color:#00a6c8;box-shadow:0 0 0 2px rgba(0,166,200,.12)}
.qrs-media-picker-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}
.qrs-media-picker-item span{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.qrs-media-picker-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.qrs-media-picker-pager span{font-size:.82rem;color:#536374}
@media(max-width:620px){.qrs-media-chooser{width:96vw}.qrs-media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}