/* TABLET STYLES - Premium Tablet App */
@media (min-width: 601px) and (max-width: 1024px) {
    .p-modal-content { 
        width: 80%; 
        height: 85vh; 
        border-radius: 24px; 
        box-shadow: 0 40px 100px rgba(0,0,0,0.5);
    }
    
    .hdr { padding: 20px; }
    .htitle h2 { font-size: 16px; }
    
    .stepper { padding: 20px; gap: 15px; }
    .sc { width: 32px; height: 32px; font-size: 15px; }
    .sl { font-size: 10px; }
    
    .fc-scrollable { padding: 30px; }
    .card { padding: 30px; border-radius: 20px; margin-bottom: 25px; }
    .stitle { font-size: 16px; }
    
    .fi { padding: 15px; font-size: 16px; }
    .ut { padding: 15px 20px; }
    
    .aab { padding: 30px; }
    .aav { font-size: 48px; }
    
    .comp-wrap { gap: 40px; }
    .compass-svg-container svg { width: 220px; height: 220px; }
    .dir-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .db { padding: 12px 8px; font-size: 13px; }
    
    .gg { grid-template-columns: 1fr 1fr 1fr; gap: 15px; }
    .lg-grid { grid-template-columns: repeat(4, 1fr); gap: 15px; }
    
    .nav-fit { padding: 25px 35px; }
    .btn-next, .btn-submit { padding: 16px 55px; font-size: 16px; }
    .btn-back { padding: 15px 45px; font-size: 16px; }
}