/* Garson paneli okunabilirlik ayarlari */
.waiter-app {
    font-size: 16px;
}

.waiter-brand strong {
    font-size: 18px;
}

.waiter-brand small,
.waiter-logout {
    font-size: 12px;
}

.waiter-heading .eyebrow {
    font-size: 12px;
}

.waiter-heading h1 {
    font-size: 31px;
}

.waiter-heading p {
    font-size: 15px;
}

.sound-toggle {
    font-size: 14px;
}

.sound-notice {
    font-size: 13px;
}

.waiter-stat span {
    font-size: 12px;
}

.waiter-stat strong {
    font-size: 25px;
}

.waiter-stat .live-status {
    font-size: 13px;
}

.waiter-panel-head h2 {
    font-size: 24px;
}

.waiter-panel-head small,
.refresh-button {
    font-size: 13px;
}

.calls-empty {
    font-size: 14px;
}

.call-table small,
.call-info small {
    font-size: 12px;
}

.call-table strong {
    font-size: 28px;
}

.call-info strong {
    font-size: 20px;
}

.call-status {
    font-size: 11px;
}

.call-actions button {
    font-size: 13px;
}

.history-table small,
.history-info small {
    font-size: 11px;
}

.history-table strong {
    font-size: 23px;
}

.history-info strong {
    font-size: 15px;
}

.history-status {
    font-size: 11px;
}

/* Mobilde eski kucuk degerleri kesin olarak ez */
@media (max-width: 700px) {
    .waiter-app {
        font-size: 18px !important;
    }

    .waiter-brand strong {
        font-size: 20px !important;
    }

    .waiter-brand small,
    .waiter-logout {
        font-size: 14px !important;
    }

    .waiter-heading .eyebrow {
        font-size: 14px !important;
    }

    .waiter-heading h1 {
        font-size: 34px !important;
        line-height: 1.2;
    }

    .waiter-heading p {
        font-size: 18px !important;
        line-height: 1.6;
    }

    .sound-toggle,
    .refresh-button {
        min-height: 56px;
        font-size: 16px !important;
    }

    .sound-notice {
        font-size: 15px !important;
        line-height: 1.6;
    }

    .waiter-stat span {
        min-height: 0;
        font-size: 14px !important;
        line-height: 1.4;
    }

    .waiter-stat strong {
        font-size: 29px !important;
    }

    .waiter-stat .live-status {
        font-size: 15px !important;
    }

    .waiter-panel-head h2 {
        font-size: 27px !important;
    }

    .waiter-panel-head small {
        font-size: 14px !important;
    }

    .calls-empty {
        font-size: 16px !important;
        line-height: 1.6;
    }

    .call-card {
        padding: 18px 15px;
        gap: 14px;
    }

    .call-table small,
    .call-info small {
        font-size: 14px !important;
    }

    .call-table strong {
        font-size: 34px !important;
    }

    .call-info strong {
        font-size: 24px !important;
        line-height: 1.3;
    }

    .call-status {
        font-size: 13px !important;
        padding: 6px 9px;
    }

    .call-actions {
        gap: 9px;
    }

    .call-actions button {
        min-height: 56px;
        padding: 12px 10px;
        font-size: 16px !important;
    }

    .history-table small,
    .history-info small {
        font-size: 13px !important;
    }

    .history-table strong {
        font-size: 28px !important;
    }

    .history-info strong {
        font-size: 18px !important;
        line-height: 1.3;
    }

    .history-status {
        font-size: 13px !important;
    }

    /* Son boyut: onceki mobil degerlerden 2px kucuk */
    .waiter-brand strong { font-size: 18px !important; }
    .waiter-brand small,
    .waiter-logout,
    .waiter-heading .eyebrow,
    .waiter-stat span,
    .waiter-panel-head small { font-size: 12px !important; }
    .waiter-heading h1 { font-size: 32px !important; }
    .waiter-heading p { font-size: 16px !important; }
    .sound-toggle,
    .refresh-button,
    .call-actions button { font-size: 14px !important; }
    .sound-notice { font-size: 13px !important; }
    .waiter-stat strong { font-size: 27px !important; }
    .waiter-stat .live-status { font-size: 13px !important; }
    .waiter-panel-head h2 { font-size: 25px !important; }
    .calls-empty { font-size: 14px !important; }
    .call-table small,
    .call-info small { font-size: 12px !important; }
    .call-table strong { font-size: 32px !important; }
    .call-info strong { font-size: 22px !important; }
    .call-status { font-size: 11px !important; }
    .history-table small,
    .history-info small { font-size: 11px !important; }
    .history-table strong { font-size: 26px !important; }
    .history-info strong { font-size: 16px !important; }
    .history-status { font-size: 11px !important; }
}