/* Custom styles goes here */

/* Mobilde görünsün, mobil dışında gizlensin */
@media (max-width: 768px) {
    .mobile-show {
        display: flex !important; /* Mobilde görünür */
    }
    .mobile-hide {
        display: none !important; /* Mobilde görünür */
    }
    .mobile-size {
        height:98% !important; /* Mobilde görünür */
    }
    .mobile-size-d {
        height: 100% !important; /* Mobilde görünür */
    }
}

@media (min-width: 769px) {
    .mobile-show {
        display: none !important; /* Mobil dışında gizli */
    }
    .mobile-hide {
        display: flex !important; /* Mobilde görünür */
    }
    .mobile-size {
        height: auto !important; /* Mobilde görünür */
    }
    .mobile-size-d {
        height: auto !important; /* Mobilde görünür */
    }
}

/* İmza alanları için CSS */
.signature-pad {
    width: 100%;
    height: 200px;
}

/* Tam ekran modu için CSS */
.fullscreen-mode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    background-color: white;
    z-index: 2050;
    touch-action: none;
}

.fullscreen-controls {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2051;
}