/* DRIVE: misura unica targhe in tutto il CMS (come Home). */
@media screen {
  :root{
    --cms-plate-h:32px;
    --cms-plate-pad-y:0;
    --cms-plate-pad-x:8px;
    --cms-plate-band:14px;
    --cms-plate-radius:6px;
    --cms-plate-border:#1c2a44;
    --cms-plate-ink:#1c2a44;
    --cms-plate-band-bg:#2457c5;
    --cms-plate-font:700 12px/1 Outfit,'Segoe UI',Arial,sans-serif;
    --cms-plate-track:.06em;
  }

  /* Ancora / badge condivisi */
  a.cms-plate,
  a.cms-contratti-plate,
  a.stock-plate.cms-stock-plate,
  span.stock-plate-badge:not(.stock-plate-badge--empty),
  .dk-shell .dk-plate,
  body .cms-dashboard #tbRisultato td.cms-delivery-plate > div{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start;
    box-sizing:border-box!important;
    position:relative;
    width:max-content!important;
    max-width:100%;
    min-width:0;
    height:var(--cms-plate-h)!important;
    min-height:var(--cms-plate-h)!important;
    max-height:var(--cms-plate-h)!important;
    margin:0;
    padding:var(--cms-plate-pad-y) var(--cms-plate-pad-x) var(--cms-plate-pad-y) calc(var(--cms-plate-band) + 4px)!important;
    border:1px solid var(--cms-plate-border)!important;
    border-radius:var(--cms-plate-radius)!important;
    background:#fff!important;
    color:var(--cms-plate-ink)!important;
    -webkit-text-fill-color:var(--cms-plate-ink)!important;
    font:var(--cms-plate-font)!important;
    letter-spacing:var(--cms-plate-track)!important;
    white-space:nowrap!important;
    overflow:hidden;
    text-decoration:none!important;
    vertical-align:middle;
    line-height:1!important;
  }

  /* Banda sinistra sempre presente (stessa misura). IT = blu+I, altre = neutra. */
  a.cms-plate::before,
  a.cms-contratti-plate::before,
  a.stock-plate.cms-stock-plate::before,
  span.stock-plate-badge:not(.stock-plate-badge--empty)::before,
  body .cms-dashboard #tbRisultato td.cms-delivery-plate > div::before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:var(--cms-plate-band);
    display:flex!important;
    align-items:center;
    justify-content:center;
    background:#3d4f66!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font:700 9px/1 Arial,sans-serif!important;
    letter-spacing:0!important;
    border-radius:5px 0 0 5px;
    transform:none!important;
    pointer-events:none;
  }
  a.cms-plate.cms-plate--it::before,
  a.cms-contratti-plate.cms-contratti-plate-it::before,
  a.stock-plate.cms-stock-plate-it::before,
  span.stock-plate-badge.stock-plate-badge--it::before,
  body .cms-dashboard #tbRisultato td.cms-delivery-plate > div::before{
    content:"I";
    background:var(--cms-plate-band-bg)!important;
  }
  /* Home: se la targa è un link, non ridipingere anche il contenitore. */
  body .cms-dashboard #tbRisultato td.cms-delivery-plate > a.cms-plate{
    display:inline-flex!important;
  }

  /* Contratti da sistemare: banda già nel markup */
  .dk-shell .dk-plate{padding-left:0!important;gap:0;overflow:hidden}
  .dk-shell .dk-plate .dk-plate-band{
    display:grid!important;place-items:center;
    align-self:stretch;
    width:var(--cms-plate-band)!important;
    min-width:var(--cms-plate-band)!important;
    min-height:var(--cms-plate-h)!important;
    margin:0;padding:0;
    background:var(--cms-plate-band-bg)!important;
    color:#fff!important;
    font:700 9px/1 Arial,sans-serif!important;
    letter-spacing:0!important;
    border-radius:5px 0 0 5px;
  }
  .dk-shell .dk-plate > :not(.dk-plate-band){
    padding:0 var(--cms-plate-pad-x);
  }

  a.cms-plate.cms-plate--long,
  a.cms-contratti-plate.cms-contratti-plate-long,
  a.stock-plate.cms-stock-plate-long,
  span.stock-plate-badge.stock-plate-badge--long{
    letter-spacing:0!important;
    font-size:11px!important;
  }

  span.stock-plate-badge.stock-plate-badge--empty{
    height:var(--cms-plate-h)!important;
    min-height:var(--cms-plate-h)!important;
    padding:0 8px!important;
    border:1px dashed #b8c4d4!important;
    border-radius:var(--cms-plate-radius)!important;
    background:#f7f9fc!important;
    color:#7a8ba0!important;
    font:600 11px/1 Outfit,'Segoe UI',Arial,sans-serif!important;
  }

  a.cms-plate:focus-visible,
  a.cms-contratti-plate:focus-visible,
  a.stock-plate.cms-stock-plate:focus-visible{
    outline:3px solid #80a7ed;
    outline-offset:3px;
  }

  /* Mobile: stessa misura, solo hit area un filo più comoda sul testo */
  @media (max-width:767px){
    a.cms-plate,
    a.cms-contratti-plate,
    a.stock-plate.cms-stock-plate,
    span.stock-plate-badge:not(.stock-plate-badge--empty),
    .dk-shell .dk-plate,
    body .cms-dashboard #tbRisultato td.cms-delivery-plate > div{
      height:var(--cms-plate-h)!important;
      min-height:var(--cms-plate-h)!important;
    }
  }
}
