/* map.css - aspetto delle pagine dell'applicazione MAP (editor e mappa pubblicata).
   Sostituisce le classi Material Design (view, mask, card, logo-wrapper) che le pagine
   usavano prima: il resto viene da Bootstrap 4, stile.css e tpc-dialoghi.css. */

/* ---------- editor ---------- */
body.map-editor { background: #e9edf2; }
.map-area { min-height: 100vh; padding: 52px 12px 24px; overflow-x: auto;
    background: linear-gradient(rgba(233,237,242,.82), rgba(233,237,242,.82)), url(/apps/img/desk.jpg) center / cover fixed; }
.map-toolbar-box { position: sticky; left: 0; margin-bottom: 12px; }
.map-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; background: #fff; border: 1px solid #dde2ea;
    border-radius: 10px; box-shadow: 0 2px 10px rgba(20,30,45,.08); padding: 6px 10px; }
.map-tb-btn { display: inline-flex; align-items: center; gap: 7px; border: 1px solid transparent; background: none; border-radius: 7px;
    padding: 6px 11px; color: #1f2733; font-size: .85rem; cursor: pointer; white-space: nowrap; }
.map-tb-btn i { color: #0277bd; font-size: 1.05rem; }
.map-tb-btn:hover { background: rgba(2,119,189,.08); border-color: rgba(2,119,189,.25); }
.map-tb-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(2,119,189,.25); }
.map-tb-main { border-color: rgba(2,119,189,.35); font-weight: 600; }
.map-tb-main.active { background: #0277bd; border-color: #0277bd; color: #fff; }
.map-tb-main.active i { color: #fff; }
.map-tb-sep { flex: 1; }
.map-tb-pagina { display: flex; align-items: center; gap: 8px; min-width: 220px; flex: 0 1 380px; }
.map-tb-pagina label { margin: 0; font-size: .8rem; color: #647085; }
.map-tb-pagina select { flex: 1; min-width: 0; }

.map-zoombox { position: relative; }
.map-editing .map-zoombox { margin-left: 154px; }
.imageWrapper { position: relative; transform-origin: 0 0; box-shadow: 0 2px 14px rgba(20,30,45,.18); background: #fff; }
.imageWrapper > img { position: absolute; left: 0; top: 0; z-index: 1; }

/* elenchi di pagine e allegati nei dialoghi */
.map-lista-titolo { display: flex; align-items: center; gap: 10px; margin: 4px 0 8px; }
.map-lista-titolo h6 { margin: 0; font-weight: 700; color: #0277bd; }
table.dataTable tbody tr { cursor: pointer; }

/* ---------- mappa pubblicata ---------- */
body.map-viewer { background: #fff; color: #000; }
.map-viewer .navbar { min-height: 40px; }
.map-page { padding-top: 48px; text-align: center; }
.map-nav { position: fixed; top: 52px; width: 44px; height: 44px; border-radius: 50%; border: 0; z-index: 1005; color: #fff;
    background: rgba(0,0,0,.4); cursor: pointer; display: none; }
.map-nav:hover { background: rgba(0,0,0,.6); }
.map-nav i { font-size: 20px; }
.map-nav-prima { left: 8px; }
.map-nav-dopo { right: 8px; }
area { cursor: pointer; display: block; }