/* AY ERP / Taste-inspired product media, scoped to inventory only. */
.ay-media{font-family:'Cairo',sans-serif;min-width:0}
.ay-media-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.ay-media-heading h2{font-size:19px;font-weight:800;color:#102a4f;margin:0 0 3px}
.ay-media-heading p{font-size:12px;line-height:1.8;color:#6a7b92;margin:0}
#ayMediaCount{background:#eff6ff;color:#1459a5;border:1px solid #d9e9fe;padding:7px 10px;border-radius:999px;font-size:11px;white-space:nowrap}
.ay-media-filters{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(125px,.8fr) minmax(190px,1.2fr);gap:12px;align-items:end;margin:0 0 14px}
.ay-media-filters label{font-size:11px;color:#53657f;font-weight:700;display:grid;gap:6px}
.ay-media-filters input,.ay-media-filters select{min-width:0;width:100%;font-size:12px;background:#fff}
.ay-media-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ay-media-drop{flex:1 1 240px;display:flex;flex-direction:column;gap:3px;border:1px dashed #a7bbd2;border-radius:12px;padding:12px 15px;cursor:pointer;background:#f7faff;transition:background .15s,border .15s}
.ay-media-drop:hover,.ay-media-drop.over{background:#eaf3ff;border-color:#2376d5}
.ay-media-drop b{color:#0e355f;font-size:12px}
.ay-media-drop small{font-size:10px;color:#617590}
.ay-media-message{color:#35628e;font-size:11px;min-height:23px;margin:10px 0 13px;line-height:1.6}
.ay-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px}
.ay-media-tile{border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(8,34,69,.035);padding:11px;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:right;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.ay-media-tile:hover{transform:translateY(-2px);border-color:#a4c9fa;box-shadow:0 9px 22px rgba(15,74,145,.1)}
.ay-media-tile.selected{border-color:#1d6fd6;box-shadow:0 0 0 2px rgba(29,111,214,.1)}
.ay-media-image{height:118px;border-radius:10px;background:#f2f6fa;color:#8295a9;font-size:11px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ay-media-image img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.ay-media-tile b{color:#173454;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ay-media-tile small{font-size:10px;color:#65758c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ay-media-pn{font-size:11px;min-height:24px;font-weight:700;color:#135da6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ay-media-tile em{align-self:flex-start;color:#7689a2;background:#f4f7fb;border-radius:99px;padding:2px 7px;font-style:normal;font-size:10px}
.ay-media-empty{padding:32px 16px;text-align:center;color:#70819b;border:1px dashed #d6e0ed;border-radius:12px;grid-column:1/-1;font-size:12px}
.ay-media-disclaimer{display:block;color:#8995a5;font-size:10px;line-height:1.9;margin-top:14px}
.ay-media-stock-cell{position:relative;padding-inline-start:54px!important;min-width:200px}
.ay-media-stock-thumb{position:absolute;inset-inline-start:7px;top:50%;transform:translateY(-50%);height:38px;width:38px;display:flex;align-items:center;justify-content:center;border:1px solid #e7ecf4;background:#f5f8fd;border-radius:8px;font-size:19px;overflow:hidden}
.ay-media-stock-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
@media(max-width:900px){.ay-media-filters{grid-template-columns:1fr 1fr}.ay-media-filters label:first-child{grid-column:1/-1}}
@media(max-width:600px){.ay-media-filters{grid-template-columns:1fr}.ay-media-filters label:first-child{grid-column:auto}.ay-media-heading{align-items:flex-start;flex-direction:column}.ay-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ay-media-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.ay-media-tile,.ay-media-drop{transition:none}.ay-media-tile:hover{transform:none}}

.ay-media-bulk{margin:14px 0 10px;padding:13px 15px;background:#f8fbff;border:1px solid #dfe9f6;border-radius:12px;display:flex;flex-wrap:wrap;gap:9px;align-items:end}
.ay-media-bulk>label{flex:1 1 260px;font-size:11px;color:#173755;font-weight:700;display:grid;gap:6px}
.ay-media-bulk>small,.ay-media-bulk>p{flex-basis:100%;margin:2px 0}
.ay-media-bulk code{font-family:Consolas,monospace;direction:ltr;unicode-bidi:isolate;font-size:10px;color:#1a5caa;background:#e8f3ff;padding:2px 4px;border-radius:4px}
.ay-media-bulk button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:600px){.ay-media-bulk>button{flex:1}}