/* DAE 0001 – barra compatta; aggiornamento grafico approvato, solo desktop. */
@media (min-width:761px) {
 body #fi-dae-app .fi-dae-topbar {
  display:grid !important;
  grid-template-columns:minmax(250px,300px) minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  padding:14px 16px !important;
  box-sizing:border-box !important;
 }
 body #fi-dae-app .fi-dae-brand {
  display:flex !important;
  flex:none !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:12px !important;
  align-items:center !important;
 }
 body #fi-dae-app .fi-dae-brand > * {min-width:0 !important;}
 body #fi-dae-app .fi-dae-brand .fi-dae-logo,
 body #fi-dae-app .fi-dae-brand img {
  flex:0 0 72px !important;
  width:72px !important;
  height:72px !important;
  max-width:72px !important;
  object-fit:contain !important;
 }
 body #fi-dae-app .fi-dae-brand h1 {font-size:33px !important;line-height:1.05 !important;margin:0 !important;}
 body #fi-dae-app .fi-dae-brand p {font-size:13px !important;line-height:1.3 !important;margin:4px 0 0 !important;}
 body #fi-dae-app .fi-dae-toolbar {
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.25fr) !important;
  align-items:stretch !important;
  gap:10px !important;
  min-width:0 !important;
  width:100% !important;
 }
 body #fi-dae-app .fi-dae-toolbar > * {min-width:0 !important;box-sizing:border-box !important;}
 body #fi-dae-app .fi-dae-action,
 body #fi-dae-app .fi-dae-searchbox {
  min-height:80px !important;
  max-height:none !important;
  height:auto !important;
  padding:10px 12px !important;
  border-radius:13px !important;
  font-size:15px !important;
 }
 body #fi-dae-app .fi-dae-action.primary {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:left !important;
 }
 body #fi-dae-app .fi-dae-action.primary > span {
  display:block !important;
  font-size:16px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  white-space:normal !important;
 }
 body #fi-dae-app .fi-dae-searchbox {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
 }
 body #fi-dae-app .fi-dae-searchbox input {
  font-size:15px !important;
  width:100% !important;
  min-width:0 !important;
 }
 body #fi-dae-app .fi-dae-action:not(.primary) {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:left !important;
  gap:8px !important;
 }
 body #fi-dae-app .fi-dae-action:not(.primary) span,
 body #fi-dae-app .fi-dae-action:not(.primary) strong {
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
 }
 body #fi-dae-app .fi-dae-action:not(.primary) small {
  font-size:11px !important;
  line-height:1.3 !important;
 }
}
@media (min-width:761px) and (max-width:1120px) {
 body #fi-dae-app .fi-dae-topbar {
  grid-template-columns:minmax(0,1fr) !important;
 }
 body #fi-dae-app .fi-dae-toolbar {grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}

/* Versione 0001. Nessun effetto senza il modulo esistente #fi-dae-app. */
@media (min-width: 761px) {
  body #fi-dae-app .fi-dae-main {
    display: grid !important;
    grid-template-columns: minmax(0, 56fr) minmax(0, 44fr) !important;
    grid-template-rows: minmax(720px, auto) !important;
    align-items: stretch !important;
  }
  body #fi-dae-app .fi-dae-main > .fi-dae-mapcol {
    grid-column: 1 !important; grid-row: 1 !important;
    min-width: 0 !important; height: 100% !important;
  }
  body #fi-dae-app .fi-dae-main > .fi-dae-listcol {
    grid-column: 2 !important; grid-row: 1 !important;
    min-width: 0 !important; border-right: 0 !important;
  }
  body #fi-dae-app .fi-dae-main > #fi-dae-detail {
    display: none !important;
  }
  body #fi-dae-app .fi-dae-panel-title {gap: 14px !important;}
  body #fi-dae-app .fi-dae-panel-title h2 {font-size: clamp(19px, 1.75vw, 26px) !important;line-height:1.2 !important;}
  body #fi-dae-app #fi-dae-list {min-width: 0 !important; padding: 0 12px 12px !important;}
  body #fi-dae-app #fi-dae-list > .fi-dae-card {
    display: grid !important;
    grid-template-columns: 74px 52px minmax(0, 1fr) 22px !important;
    gap: 12px !important; align-items: center !important;
    min-width: 0 !important; box-sizing: border-box !important;
    padding: 14px !important;
  }
  body #fi-dae-app #fi-dae-list > .fi-dae-card > .fi-dae-distance {
    grid-column: 1 !important; grid-row: 1 !important;
    width: 68px !important; height: 60px !important;
  }
  body #fi-dae-app #fi-dae-list > .fi-dae-card > .fi-dae-card-icon {
    grid-column: 2 !important; grid-row: 1 !important;
    width: 50px !important; height: 50px !important;
  }
  body #fi-dae-app #fi-dae-list > .fi-dae-card > .fi-dae-card-main {
    grid-column: 3 !important; grid-row: 1 !important;
    min-width: 0 !important; width: auto !important;
    text-align: left !important; word-break: normal !important;
  }
  body #fi-dae-app #fi-dae-list > .fi-dae-card > .fi-dae-card-main strong,
  body #fi-dae-app #fi-dae-list > .fi-dae-card > .fi-dae-card-main small {
    display: block !important;
    max-width: 100% !important; white-space: normal !important;
    overflow-wrap: break-word !important; word-break: normal !important;
    line-height: 1.35 !important;
  }
  body #fi-dae-app #fi-dae-list > .fi-dae-card > .fi-dae-arrow {
    grid-column: 4 !important; grid-row: 1 !important;
    justify-self: end !important; width: 22px !important;
  }
  /* Dettaglio DAE visualizzato al clic: pannello originale, senza duplicare contenuti. */
  body #fi-dae-app .fi-dae-main > #fi-dae-detail.fi-dae-approved-open {
    display: block !important;
    position: fixed !important;
    z-index: 2147483000 !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(720px, calc(100vw - 32px)) !important;
    max-height: min(84vh, 900px) !important;
    overflow-y: auto !important;
    background: #1f2328 !important;
    color: #f1f3f5 !important;
    border: 1px solid #5a6571 !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 80px rgba(0,0,0,.65) !important;
    padding-top: 48px !important;
  }
  body .fi-dae-approved-overlay {
    position: fixed; inset: 0; z-index: 2147482999;
    background: rgba(0,0,0,.72);
  }
  body #fi-dae-app #fi-dae-detail .fi-dae-approved-close {
    position: absolute; top: 10px; right: 12px;
    width: 36px; height: 36px; border: 1px solid #5a6571;
    border-radius: 50%; background: #2f353d; color: white;
    font-size: 27px; line-height: 1; cursor: pointer; z-index: 3;
  }
}

/* FI DAE 0001 — UI smartphone derivata dalle demo approvate.
   Interviene sui componenti esistenti, non sull'acquisizione GPS né sui dati. */
@media (max-width:760px) {
  body #fi-dae-app {background:#1b252f!important;color:#f1f3f5!important;border-radius:16px!important;overflow:visible!important;}
  body #fi-dae-app .fi-dae-topbar {
    background:#17222d!important;padding:15px 12px!important;
    display:block!important;border-bottom:1px solid #344250!important;
  }
  body #fi-dae-app .fi-dae-toolbar {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;width:100%!important;align-items:stretch!important;
  }
  body #fi-dae-app .fi-dae-toolbar > * {box-sizing:border-box!important;min-width:0!important;}
  body #fi-dae-app #fi-dae-gps {
    grid-column:1/-1!important;grid-row:1!important;min-height:63px!important;
    border-radius:13px!important;padding:12px 15px!important;background:#1976e9!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:10px!important;font-size:18px!important;text-align:center!important;
  }
  body #fi-dae-app #fi-dae-gps span {font-size:18px!important;line-height:1.15!important;font-weight:800!important;}
  body #fi-dae-app .fi-dae-searchbox {
    grid-column:1/-1!important;grid-row:2!important;
    min-height:61px!important;padding:10px 14px!important;border-radius:13px!important;
    background:#314352!important;display:flex!important;align-items:center!important;
  }
  body #fi-dae-app .fi-dae-searchbox input {width:100%!important;font-size:17px!important;min-width:0!important;}
  body #fi-dae-app #fi-dae-all {grid-column:1!important;grid-row:3!important;}
  body #fi-dae-app #fi-dae-add {grid-column:2!important;grid-row:3!important;background:#08a767!important;}
  body #fi-dae-app #fi-dae-all,
  body #fi-dae-app #fi-dae-add {
    min-height:82px!important;border-radius:13px!important;
    padding:12px 10px!important;display:flex!important;
    align-items:center!important;justify-content:center!important;gap:8px!important;
    text-align:left!important;font-size:14px!important;line-height:1.25!important;
  }
  body #fi-dae-app #fi-dae-all span,
  body #fi-dae-app #fi-dae-add span {font-size:14px!important;line-height:1.3!important;}
  body #fi-dae-app #fi-dae-mobile-ui {background:#17222d!important;color:#f1f3f5!important;}
  body #fi-dae-app .fi-mob-status {
    background:#25323e!important;border:0!important;border-bottom:1px solid #394a59!important;
    color:#f1f3f5!important;gap:12px!important;padding:16px 13px!important;
    font-size:14px!important;line-height:1.4!important;
  }
  body #fi-dae-app .fi-mob-status strong {color:#f1f3f5!important;font-size:17px!important;line-height:1.25!important;}
  body #fi-dae-app .fi-mob-status span {color:#d2dae5!important;font-size:13px!important;}
  body #fi-dae-app .fi-mob-retry {flex:0 0 auto!important;border-radius:10px!important;font-size:15px!important;padding:10px 12px!important;}
  body #fi-dae-app #fi-dae-mobile-map {height:260px!important;min-height:260px!important;background:#dbe9dc!important;}
  body #fi-dae-app .fi-mob-title {font-size:23px!important;line-height:1.2!important;padding:16px 14px 12px!important;color:#fff!important;}
  body #fi-dae-app .fi-mob-list {padding:0 12px 18px!important;gap:10px!important;background:#17222d!important;}
  body #fi-dae-app .fi-mob-card {
    background:#24323e!important;border:1px solid #3a4d5e!important;
    border-radius:15px!important;padding:12px!important;color:#f1f3f5!important;
    box-shadow:none!important;
  }
  body #fi-dae-app .fi-mob-card-top {grid-template-columns:67px 54px minmax(0,1fr)!important;gap:10px!important;min-width:0!important;}
  body #fi-dae-app .fi-mob-dist {height:68px!important;font-size:17px!important;border-radius:11px!important;background:#354656!important;}
  body #fi-dae-app .fi-mob-icon {width:54px!important;height:54px!important;object-fit:contain!important;}
  body #fi-dae-app .fi-mob-main {min-width:0!important;overflow-wrap:break-word!important;}
  body #fi-dae-app .fi-mob-main strong {font-size:17px!important;line-height:1.25!important;color:#fff!important;}
  body #fi-dae-app .fi-mob-main small {font-size:13px!important;line-height:1.4!important;color:#d3dce7!important;}
  body #fi-dae-app .fi-mob-badge {border-radius:99px!important;font-size:11px!important;padding:4px 9px!important;}
  body #fi-dae-app .fi-mob-badge.manual {background:#50360f!important;border:1px solid #eba52d!important;color:#ffc66e!important;}
  body #fi-dae-app .fi-mob-badge.official,body #fi-dae-app .fi-mob-badge.verified {background:#093c2d!important;border:1px solid #0cb76d!important;color:#70eeb4!important;}
  body #fi-dae-app .fi-mob-actions {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin-top:12px!important;}
  body #fi-dae-app .fi-mob-actions button,body #fi-dae-app .fi-mob-actions a {min-height:47px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;border-radius:11px!important;}
  body #fi-dae-app .fi-mob-details {background:#324352!important;color:#fff!important;border:1px solid #54697e!important;}
  body #fi-dae-app .fi-mob-go {background:#1876e5!important;color:#fff!important;}
  body #fi-dae-app .fi-mob-sheet {background:rgba(0,0,0,.75)!important;}
  body #fi-dae-app .fi-mob-sheet-card {background:#1f2934!important;color:#f1f3f5!important;border-radius:20px 20px 0 0!important;padding:20px 16px 28px!important;}
  body #fi-dae-app .fi-mob-sheet-card h2 {color:#fff!important;font-size:26px!important;line-height:1.16!important;}
  body #fi-dae-app .fi-mob-sheet-close {background:#344250!important;color:#fff!important;}
  body #fi-dae-app .fi-mob-info div {background:#283743!important;color:#eef3f8!important;border:1px solid #405465!important;border-radius:11px!important;padding:12px!important;}
  body #fi-dae-app .fi-mob-report {background:#283743!important;color:#fff!important;border:1px solid #63788c!important;}
  body #fi-dae-app .fi-mob-photo {background:#283743!important;border-radius:13px!important;}
  body #fi-dae-app .fi-mob-add {background:#0aa968!important;color:#fff!important;}
  body #fi-dae-app .fi-dae-modal-card {background:#20272e!important;color:#f1f3f5!important;border-radius:19px!important;padding:21px 17px!important;}
  body #fi-dae-app .fi-dae-modal-card h2 {font-size:25px!important;line-height:1.18!important;}
  body #fi-dae-app .fi-dae-modal-card input,body #fi-dae-app .fi-dae-modal-card textarea,body #fi-dae-app .fi-dae-modal-card select {border-radius:11px!important;min-height:44px!important;max-width:100%!important;box-sizing:border-box!important;}
}