body { overflow-wrap: anywhere; }
img, canvas, svg { max-width: 100%; }
.row > *, .d-flex > * { min-width: 0; }
.form-control, .form-select { max-width: 100%; }
.card-header { flex-wrap: wrap; gap: 12px; }
.card { border-radius: 8px; }
.card:hover { transform: none; }
.table-responsive { max-width: 100%; overflow-x: auto; }
.stat-info p { white-space: normal; }
.pagination { flex-wrap: wrap; gap: 4px; }
.contact-editor { max-width: 960px; margin: 0 auto; padding-bottom: 24px; }
.contact-editor h1 { font-size: 1.5rem; margin: 0; }
.contact-editor h2 { font-size: 1.05rem; margin-bottom: 20px; }
.contact-editor .form-label { font-weight: 500; margin-bottom: 6px; }
.editor-actions { display: flex; justify-content: flex-end; gap: 12px; border-top: 1px solid #dee2e6; padding: 16px 0; background: var(--bg-color); }
.contact-edit-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid #dee2e6; padding-top: 20px; }
.contact-edit-secondary { display: flex; gap: 12px; }
.contact-edit-actions .btn { height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; font-size: 16px; line-height: 1.25; white-space: nowrap; box-shadow: none; }
@media (max-width: 575px) {
    .contact-edit-actions { flex-direction: column; align-items: stretch; gap: 12px; }
    .contact-edit-secondary .btn { flex: 1; }
}
@media (max-width: 767px) {
    .container { padding-left: 16px; padding-right: 16px; }
    .container .container { padding-left: 0; padding-right: 0; }
    .card-body, .card-body.p-4 { padding: 16px !important; }
    .card-header h3, .card-header h4 { font-size: 1.2rem; }
    .form-control, .form-select { font-size: 16px; min-height: 44px; }
    .btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; white-space: normal; }
    .navbar-brand { font-size: 1.05rem; margin-right: 8px; }
    .navbar .nav-link { padding-top: 12px; padding-bottom: 12px; }
    .d-flex.justify-content-between { flex-wrap: wrap; gap: 12px; }
    .editor-actions { position: sticky; bottom: 0; z-index: 10; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
    .editor-actions .btn { flex: 1; }
    .contact-editor section h2 { margin-bottom: 16px; }
    .table-responsive .table { min-width: 600px; }
    .floating-action { bottom: 16px; right: 16px; }
}