/* Bilocale.it — /i-miei-immobili — card compatte SOLO su mobile, 16/10/2026.
   I controlli desktop, le API e le azioni JavaScript restano invariati. */
.managed-property-quick-metrics,
.managed-property-view--mobile,
.managed-property-mobile-photo-link,
.managed-property-mobile-photo-count{display:none}

@media (max-width:899px){
  body.my-listings-body .my-listings-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:10px 12px 24px!important;
    background:#f5f7f9!important;
  }

  body.my-listings-body .my-listings-grid .managed-property-card{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-rows:minmax(112px,auto) 42px auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:0!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e0e6eb!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 2px 9px rgba(23,46,65,.045)!important;
    overflow:hidden!important;
  }

  body.my-listings-body .managed-property-card > .managed-property-photo-cell{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100px!important;
    height:100px!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:11px 0 0 11px!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:10px!important;
    background:#edf0f3!important;
  }
  body.my-listings-body .managed-property-card .managed-property-photo,
  body.my-listings-body .managed-property-card .managed-property-photo-track,
  body.my-listings-body .managed-property-card .managed-property-photo-track img{
    display:block!important;
    width:100%!important;
    height:100px!important;
    min-height:0!important;
    max-height:100px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    object-fit:cover!important;
  }
  body.my-listings-body .managed-property-card .managed-property-photo{
    position:relative!important;
    overflow:hidden!important;
  }
  body.my-listings-body .managed-property-card .managed-property-photo-track{
    overflow:hidden!important;
  }
  body.my-listings-body .managed-property-card .managed-property-photo-visibility-tier,
  body.my-listings-body .managed-property-card .managed-property-photo-reference,
  body.my-listings-body .managed-property-card .managed-property-photo-actions{display:none!important}

  body.my-listings-body .managed-property-card .managed-property-mobile-photo-link{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:transparent!important;
  }
  body.my-listings-body .managed-property-card .managed-property-mobile-photo-count:not([hidden]){
    display:inline-flex!important;
    position:absolute!important;
    right:5px!important;
    bottom:5px!important;
    z-index:3!important;
    align-items:center!important;
    gap:3px!important;
    padding:3px 5px!important;
    border-radius:6px!important;
    background:rgba(17,27,37,.82)!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    pointer-events:none!important;
  }
  body.my-listings-body .managed-property-card .managed-property-mobile-photo-count[hidden]{display:none!important}
  body.my-listings-body .managed-property-mobile-photo-count svg{
    width:13px!important;height:13px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  }

  /* display:contents consente alle azioni e alle metriche di occupare
     tutta la larghezza della scheda pur mantenendo il template desktop. */
  body.my-listings-body .managed-property-card > .managed-property-content{
    display:contents!important;
  }
  body.my-listings-body .managed-property-card .managed-property-topline{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:112px!important;
    width:auto!important;
    display:block!important;
    margin:0!important;
    padding:10px 11px 8px 10px!important;
    border:0!important;
    overflow:hidden!important;
  }
  body.my-listings-body .managed-property-card .managed-property-topline > div{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  body.my-listings-body .managed-property-card .managed-property-mobile-summary{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    min-height:94px!important;
    width:100%!important;
  }
  body.my-listings-body .managed-property-card .managed-property-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    font-size:12.8px!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    font-weight:800!important;
    color:#1a2d3c!important;
    overflow-wrap:anywhere!important;
  }
  body.my-listings-body .managed-property-card .managed-property-mobile-price-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    width:100%!important;
    min-height:28px!important;
    margin:7px 0 0!important;
    padding:0!important;
  }
  body.my-listings-body .managed-property-card .managed-property-price--mobile{
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:16.5px!important;
    line-height:1.1!important;
    font-weight:900!important;
    color:#153149!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    letter-spacing:-.4px!important;
  }
  body.my-listings-body .managed-property-card .managed-property-price--mobile.is-on-request{
    font-size:12px!important;
    letter-spacing:0!important;
  }
  body.my-listings-body .managed-property-card .managed-property-status-stack--mobile-top{
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }
  body.my-listings-body .managed-property-card .managed-property-status--mobile.managed-property-status--location{
    position:relative!important;
    top:auto!important;right:auto!important;left:auto!important;
    display:inline-flex!important;
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:25px!important;
    min-height:25px!important;
    margin:0!important;
    padding:0!important;
    border-radius:100px!important;
  }
  body.my-listings-body .managed-property-card .managed-property-status--mobile.managed-property-status--location .managed-property-status-dot{
    width:18px!important;height:18px!important;
    min-width:18px!important;min-height:18px!important;
    top:2px!important;right:2px!important;
  }
  body.my-listings-body .managed-property-card .managed-property-status--mobile.managed-property-status--location.is-offline .managed-property-status-dot,
  body.my-listings-body .managed-property-card .managed-property-status--mobile.managed-property-status--location.is-draft .managed-property-status-dot{
    right:auto!important;left:2px!important;
  }
  body.my-listings-body .managed-property-card .managed-property-status--mobile.managed-property-status--location [data-managed-status-label]{
    display:block!important;
    left:6px!important;
    font-size:9.5px!important;
  }
  body.my-listings-body .managed-property-card .managed-property-status--mobile.managed-property-status--location.is-offline [data-managed-status-label],
  body.my-listings-body .managed-property-card .managed-property-status--mobile.managed-property-status--location.is-draft [data-managed-status-label]{
    left:auto!important;right:6px!important;
  }
  body.my-listings-body .managed-property-card .managed-property-desktop-summary,
  body.my-listings-body .managed-property-card .managed-property-location--mobile,
  body.my-listings-body .managed-property-card .managed-property-mobile-surface-status,
  body.my-listings-body .managed-property-card .managed-property-visibility-cell,
  body.my-listings-body .managed-property-card .managed-desktop-metrics,
  body.my-listings-body .managed-property-card .managed-property-features,
  body.my-listings-body .managed-property-card .managed-property-stats{
    display:none!important;
  }

  /* 5 comandi nella stessa riga: visualizza, modifica, condividi, statistiche, elimina */
  body.my-listings-body .managed-property-card .managed-property-actions{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    height:42px!important;
    width:auto!important;
    margin:0 10px!important;
    padding:0!important;
    align-items:stretch!important;
    border-top:1px solid #eef0f3!important;
    background:#fff!important;
  }
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-view--mobile,
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-edit,
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-share,
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-statistics-button,
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-delete{
    display:flex!important;
    position:static!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:41px!important;
    min-height:41px!important;
    max-height:41px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-right:1px solid #f0f2f4!important;
    border-radius:0!important;
    background:#fff!important;
    color:#667687!important;
    text-decoration:none!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-edit{color:#e77729!important}
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-statistics-button{color:#1680bc!important}
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-delete{color:#cc4b52!important}
  body.my-listings-body .managed-property-card .managed-property-actions > .managed-property-delete{border-right:0!important}
  body.my-listings-body .managed-property-card .managed-property-actions > * svg{
    display:block!important;
    width:18px!important;height:18px!important;
    min-width:18px!important;min-height:18px!important;
    max-width:18px!important;max-height:18px!important;
    flex:0 0 18px!important;
    stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;
  }

  /* Statistiche rapide e visibilità nell'ultima riga. */
  body.my-listings-body .managed-property-card .managed-property-quick-metrics{
    grid-column:1/-1!important;
    grid-row:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    min-height:45px!important;
    margin:0!important;
    padding:7px 9px!important;
    border-top:1px solid #edf0f3!important;
    background:#fafbfc!important;
    box-sizing:border-box!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-counts{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-counts > span,
  body.my-listings-body .managed-property-card .managed-property-quick-counts > a{
    display:inline-flex!important;
    align-items:center!important;
    flex:0 1 auto!important;
    gap:3px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#5d6d7c!important;
    font-size:11px!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-counts svg{
    width:14px!important;height:14px!important;
    min-width:14px!important;min-height:14px!important;
    flex:0 0 14px!important;
    color:#718392!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-counts b{
    min-width:0!important;
    font-size:11px!important;
    font-weight:800!important;
    color:#314555!important;
    font-variant-numeric:tabular-nums!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-counts > span:nth-child(4) svg{
    color:#1eaf61!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-visibility{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:25px!important;
    margin:0!important;
    padding:4px 7px!important;
    border:1px solid #f1c9c3!important;
    border-radius:999px!important;
    background:#fff0ef!important;
    color:#aa4d42!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-visibility.is-top{
    border-color:#b9dfec!important;background:#eaf8fe!important;color:#096f9d!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-visibility.is-super{
    border-color:#f4d09f!important;background:#fff5e7!important;color:#a96312!important;
  }
  body.my-listings-body .managed-property-card .managed-property-quick-visibility.is-mega{
    border-color:#efc979!important;background:#fff2c9!important;color:#866014!important;
  }
}

@media (max-width:375px){
  body.my-listings-body .my-listings-grid .managed-property-card{grid-template-columns:103px minmax(0,1fr)!important}
  body.my-listings-body .managed-property-card > .managed-property-photo-cell{width:92px!important;height:100px!important}
  body.my-listings-body .managed-property-card .managed-property-quick-counts{gap:5px!important}
  body.my-listings-body .managed-property-card .managed-property-quick-counts > span,
  body.my-listings-body .managed-property-card .managed-property-quick-counts > a{gap:2px!important}
  body.my-listings-body .managed-property-card .managed-property-quick-visibility{font-size:9px!important;padding:4px 5px!important}
  body.my-listings-body .managed-property-card .managed-property-price--mobile{font-size:15px!important}
  body.my-listings-body .managed-property-card .managed-property-title{font-size:12px!important}
}

/* Provenienza gestionale per la tabella desktop di /i-miei-immobili.
   Le schede compatte mobile non vengono modificate. */
@media (min-width:900px){
  body.my-listings-body .managed-property-source-row:not([hidden]){
    display:flex;align-items:center;gap:5px;margin-top:8px;position:relative;
    flex-wrap:nowrap;width:max-content;max-width:100%;
  }
  body.my-listings-body .managed-property-source-row[hidden]{display:none!important}
  body.my-listings-body .managed-property-source-row .managed-property-source{
    display:inline-flex;min-height:22px;padding:4px 8px;border-radius:6px;
    background:#eef5fb;color:#22638e;font-size:11px;line-height:1.25;
    font-weight:750;white-space:normal;
  }
  body.my-listings-body .managed-property-source-info{position:relative;flex:0 0 auto}
  body.my-listings-body .managed-property-source-info[hidden]{display:none!important}
  body.my-listings-body .managed-property-source-info button{
    display:grid;place-items:center;width:19px;height:19px;padding:0;border:1px solid #aac4d6;
    border-radius:50%;color:#287eaf;background:#fff;
    cursor:pointer;font-size:12px;font-weight:850;line-height:1;
  }
  body.my-listings-body .managed-property-source-info button:focus-visible{
    outline:2px solid #1684c7;outline-offset:2px;
  }
  body.my-listings-body .managed-property-source-tooltip{
    display:none!important;position:absolute;z-index:60;left:-120px;bottom:calc(100% + 9px);
    width:260px;padding:11px 12px;border:1px solid #d7e4ec;
    border-radius:9px;background:white;color:#2d4152;
    box-shadow:0 8px 25px rgba(12,45,70,.17);
    font-size:12px;font-weight:500;line-height:1.45;
  }
  /* Desktop: si apre solo al passaggio del mouse o al click. */
  body.my-listings-body .managed-property-source-info:not([hidden]):hover > .managed-property-source-tooltip,
  body.my-listings-body .managed-property-source-info[data-open="true"] > .managed-property-source-tooltip{
    display:block!important;
  }
  body.my-listings-body .managed-property-source-tooltip a{
    color:#087fca;font-weight:750;text-decoration:underline;
  }
}
