@media (max-width: 768px) {
.info-cards { gap: 6px !important; }
.info-cards .card-body { padding: 10px !important; }
.info-cards .card-body span[onclick*="copyToClipboard"] {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 0 !important;
}
.info-cards .card-body div[style*="flex"] { padding-left: 0 !important; padding-right: 0 !important; }
.info-cards .card-body span[style*="padding-left"] { padding-left: 0 !important; }
.info-cards .table-wrap { padding-left: 0 !important; }
.info-cards td { padding: 8px 4px !important; line-height: 19px !important; }
.info-cards .bound-ip-card .badge { padding: 0 4px !important; font-size: 10px !important; line-height: 18px !important; }

.pc-calls { display: none !important; }
.mobile-calls { display: block !important; }

    .key-info-card .key-info-status,
    .key-info-card .key-info-expire {
        padding-left: 0 !important;
        flex: 1 !important;
    }
    .key-info-card .key-info-key {
        padding-right: 0 !important;
        flex: 1 !important;
    }
    .key-info-card .key-info-row {
        gap: 8px !important;
        padding: 8px 0 !important;
        line-height: 19px !important;
    }
    .key-info-card .key-info-label {
        width: 36px !important;
    }

.email-form { display: grid !important; grid-template-columns: 1fr auto !important; gap: 6px !important; align-items: end !important; }
.email-form .form-group { width: 100% !important; flex: 1 !important; min-width: 0 !important; margin: 0 !important; }
.email-form .form-group label { display: block !important; margin-bottom: 2px !important; font-size: 11px !important; color: #606266 !important; }
.email-form .form-group input { width: 100% !important; height: 31px !important; padding: 0 8px !important; font-size: 13px !important; border: 1px solid #dcdfe6 !important; border-radius: 4px !important; box-sizing: border-box !important; }
.email-form button { height: 29px !important; padding: 0 6px !important; font-size: 11px !important; border-radius: 4px !important; margin: 0 !important; box-sizing: border-box !important; line-height: 1 !important; white-space: nowrap !important; flex-shrink: 0 !important; max-width: 70px !important; }
.email-form .form-group input { flex: 1 !important; }
.email-form .form-group:nth-of-type(1) { grid-column: 1 / -1; grid-row: 1; }
.email-form .form-group:nth-of-type(2) { grid-column: 1; grid-row: 2; }
.email-form button[onclick*="sendChangeCode"] { grid-column: 2; grid-row: 2; }
.email-form .form-group:nth-of-type(3) { grid-column: 1; grid-row: 3; }
.email-form button[type="submit"] { grid-column: 2; grid-row: 3; }
}