/* Maps gallery page and the maps parts of the pane (maps.js). Tapal palette: red, greys, white; Arial. */
.maps-gallery{margin:0;background:#fff;color:#111;font:14px Arial,sans-serif}
.mg-top{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:2px solid #ed1c24}
.mg-top h1{margin:0;font-size:18px}.mg-top p{margin:2px 0 0;font-size:12px;color:#6b6b6b}
.mg-mode{display:flex;gap:18px;padding:10px 16px;background:#f4f4f2;font-size:13px}
.mg-mode label{display:flex;gap:6px;align-items:center;cursor:pointer}
.mg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:14px 16px}
.mg-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:#fff;border:1px solid #e1e1dd;border-radius:4px;padding:8px;cursor:pointer;font:inherit;color:inherit}
.mg-card:hover,.mg-card:focus-visible{border-color:#ed1c24;outline:none;box-shadow:0 0 0 1px #ed1c24}
.mg-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}
.mg-card b{font-size:13px}.mg-card small{font-size:11px;color:#6b6b6b;line-height:1.3}
.mg-hint,.mg-foot{padding:0 16px;font-size:11px;color:#6b6b6b}
.maps-overlay{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#fff}
.maps-overlay-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ed1c24;color:#fff;font:bold 14px Arial,sans-serif}
.maps-overlay-bar button{background:#fff;color:#111;border:0;border-radius:4px;padding:6px 14px;font:bold 13px Arial,sans-serif;cursor:pointer}
.maps-overlay iframe{flex:1 1 auto;width:100%;border:0}
.map-options{border-top:1px solid #e1e1dd;margin-top:10px;padding-top:6px}
.map-options h4{margin:10px 0 4px;font-size:12px;color:#6b6b6b;text-transform:uppercase}
.map-variants{display:flex;gap:4px;margin:6px 0 8px}
.map-variants button{flex:1;padding:6px 4px;font-size:12px}
.map-variants button.active{background:#ed1c24;color:#fff;border-color:#ed1c24}
.map-grid table{width:100%}.map-grid td:first-child{font-size:12px;white-space:nowrap}
.map-grid input,.map-grid select{width:100%;min-width:0;font-size:12px}
.map-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}
.map-asset-grid button{display:flex;flex-direction:column;gap:3px;padding:6px;text-align:left}
.map-asset-grid img{width:100%;aspect-ratio:4/3;object-fit:contain}
.map-asset-grid small{font-size:11px}
.mg-mode[hidden]{display:none}   /* 0.8.1: the Replace / Insert choice shows only when slide 1 is a Tapal cover */
.cg-grid .mg-card img{border:1px solid #e1e1dd;box-sizing:border-box}   /* 0.8.1: white covers need an edge on the white card */