/* Mobile override – imzaolusturma (yüklemesi en son olmalı) */

@media (max-width: 576px){

  /* Kart + input */
  .sig-card{padding:14px !important;border-radius:18px !important}
  .sig-input{font-size:16px !important;padding:12px 14px !important}

  /* Row'u GRID yap: düzgün bir yerleşim */
  .sig-row{
    display:grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap:10px !important;
    align-items:stretch !important;
  }

  /* İçerideki her şeye "ortalamayı bırak" */
  .sig-row > *{
    margin:0 !important;
    min-width:0 !important;
  }

  /* Butonlar tam genişlikte ve eşit yükseklikte */
  .sig-btn,
  .sig-miniBtn{
    width:100% !important;
    min-height:46px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px 10px !important;
    line-height:1.15 !important;
    white-space:normal !important; /* uzun yazılar 2 satıra düşebilsin */
    text-align:center !important;
  }

  /* Yerleşim: Yeni Tasarım | İndir */
  #btnNew{grid-column:1 !important}
  #btnPng{grid-column:2 !important}

  /* Yerleşim: - | + */
  #btnMinus{grid-column:1 !important}
  #btnPlus{grid-column:2 !important}

  /* Boyut pill full width */
  .sig-pill{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-height:46px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:10px 12px !important;
    text-align:center !important;
  }

  /* Temizle full width */
  #btnClear{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  /* Canvas alanını mobilde büyüt */
  .sig-canvas{
    display:block !important;
    width:100% !important;
    height:380px !important;
    border-radius:16px !important;
  }
}