/*
 <link rel="stylesheet" href="/portals/0/Cassonetti/4a/css/utenze.css">
*/
    /* ============================
       DNN-safe namespace
       ============================ */
    .utenze-nd,
    .utenze-nd p,
    .utenze-nd li,
    .utenze-nd h1,
    .utenze-nd h2,
    .utenze-nd h3,
    .utenze-nd h4,
    .utenze-nd small {
      color:#1f2a33 !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .utenze-nd { padding: 18px 0 30px; background:#fff; }

    /* Palette simile al volantino */
    .utenze-nd .c-green{ color:#0b7a57 !important; }
    .utenze-nd .c-dark{ color:#111 !important; }
    .utenze-nd .c-muted{ color:#3e4c57 !important; }
    .utenze-nd .bg-soft{ background:#dff0d8; }
    .utenze-nd .bg-soft2{ background:#eaf6e6; }

    /* Titolo */
    .utenze-nd .title{
      margin: 0 0 12px;
      text-transform: uppercase;
      font-weight: 900;
      letter-spacing: .4px;
      line-height: 1.05;
    }
    .utenze-nd .title .t1{ color:#111 !important; }
    .utenze-nd .title .t2{ color:#0b7a57 !important; }

    /* Testo introduttivo */
    .utenze-nd .p{
      margin: 0 0 10px;
      font-size: 14.5px;
      line-height: 1.55;
      color:#3e4c57 !important;
      font-weight: 600;
    }
    .utenze-nd .p strong{ color:#0b7a57 !important; font-weight: 900; }
    .utenze-nd .p em{ color:#0b7a57 !important; font-style: italic; font-weight: 800; }

    /* Dropcap */
    .utenze-nd .dropcap{
      float:left;
      font-size: 44px;
      line-height: 42px;
      padding: 1px 10px 0 0;
      color:#0b7a57 !important;
      font-weight: 900;
    }

    /* Box verde chiaro grande (con immagine a destra) */
    .utenze-nd .info-box{
      margin-top: 14px;
      background:#e4f3d8;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 2px;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(0,0,0,.06);
    }
    .utenze-nd .info-box .box-body{ padding: 16px 16px; }
    .utenze-nd .info-box p{
      margin: 0 0 10px;
      color:#2b3a45 !important;
      font-weight: 650;
      line-height: 1.45;
      font-size: 14px;
    }
    .utenze-nd .info-box p strong{ color:#0b7a57 !important; font-weight: 900; }
    .utenze-nd .info-box .final-strong{
      margin-top: 12px;
      font-weight: 900;
      color:#0b7a57 !important;
      font-size: 16px;
    }

    /* Placeholder immagine uomo+plastica */
    .utenze-nd .img-ph{
      background: #fff;
      border: 1px dashed rgba(0,0,0,.25);
      height: 320px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight: 900;
      color:#60707d !important;
      text-transform: uppercase;
      letter-spacing: .3px;
      border-radius: 2px;
      margin: 16px 16px 16px 0;
    }

    /* Sezione calendario + QR */
    .utenze-nd .bottom{
      margin-top: 18px;
    }

    .utenze-nd .calendar-title{
      margin: 0 0 10px;
      text-transform: uppercase;
      font-weight: 900;
      color:#0b7a57 !important;
      text-align: center;
      letter-spacing: .3px;
      line-height: 1.2;
      font-size: 16px;
    }

    /* Tabella calendario (stile come nelle altre pagine) */
    .utenze-nd .calendar-pp{
      width: 100%;
      table-layout: fixed;
      margin: 0;
      border-collapse: collapse;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,.06);
    }
    .utenze-nd .calendar-pp thead th{
      background: #0b7a57;
      color: #fff !important;
      text-transform: uppercase;
      text-align: center;
      font-weight: 900;
      border: 1px solid #000;
      padding: 12px 6px;
      font-size: 14px;
    }
    .utenze-nd .calendar-pp tbody td{
      text-transform: uppercase;
      text-align: center;
      font-weight: 900;
      border: 1px solid #000;
      padding: 14px 6px;
      font-size: 16px;
      line-height: 1.1;
    }

    .utenze-nd .cal-carta{ background: #2a3b86; color: #ffd400 !important; }
    .utenze-nd .cal-umido{ background: #8a623b; color: #ffffff !important; }
    .utenze-nd .cal-secco{ background: #e6e6e6; color: #333333 !important; }
    .utenze-nd .cal-plastica{ background: #f2df58; color: #333333 !important; }

    /* Box QR */
    .utenze-nd .qr-box{
      background:#e4f3d8;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 2px;
      padding: 14px 14px;
      text-align: center;
      box-shadow: 0 2px 10px rgba(0,0,0,.06);
    }
    .utenze-nd .qr-title{
      margin: 0 0 10px;
      color:#0b7a57 !important;
      font-weight: 900;
      line-height: 1.2;
      font-size: 13px;
    }
    .utenze-nd .qr-ph{
      display:inline-flex;
      width: 140px;
      height: 140px;
      align-items:center;
      justify-content:center;
      border: 2px dashed rgba(0,0,0,.25);
      background: #fff;
      font-weight: 900;
      color:#60707d !important;
      letter-spacing: .3px;
    }

    /* Responsivo */
    @media (max-width: 767px){
      .utenze-nd{ padding: 12px 0 22px; }
      .utenze-nd .title{ font-size: 30px; }
      .utenze-nd .img-ph{ height: 240px; margin: 0 16px 16px; }
      .utenze-nd .calendar-pp thead th{ font-size: 13px; padding: 10px 4px; }
      .utenze-nd .calendar-pp tbody td{ font-size: 14px; padding: 12px 4px; }
    }