/*
 * BioTrax Global Style — standardized sizing, spacing, and typography.
 * Loaded AFTER emo_provider_custom_style.css via Header.php.
 * One file for consistency across all pages.
 */

/* ============================================================
   TYPOGRAPHY — 13px base, consistent across all elements
   ============================================================ */
body { font-size: 13px; }
label, .form-label { font-size: 13px; }
.btn-sm { font-size: 13px; }
.badge { font-size: 11px; }
.small, small { font-size: 12px; }

/* ============================================================
   FORM CONTROLS — consistent height and styling
   ============================================================ */
.form-control { font-size: 13px; height: auto; padding: 4px 8px; }
.form-control-sm { font-size: 13px; padding: 3px 6px; }
select.form-control { font-size: 13px; padding: 4px 8px; }
textarea.form-control { font-size: 13px; }
input[type="text"], input[type="number"], input[type="email"],
input[type="password"], input[type="search"] { font-size: 13px; }

/* ============================================================
   TABLES — compact rows, consistent padding
   ============================================================ */
.table td, .table th { padding: 4px 8px; font-size: 13px; vertical-align: middle; }
.table-sm td, .table-sm th { padding: 3px 6px; }
.table thead th { font-size: 13px; font-weight: 600; }

/* DataTables controls — reduce spacing */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter { margin-top: 0; margin-bottom: 2px; padding-top: 0; padding-bottom: 0; font-size: 13px; }
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate { margin-top: 2px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 13px; }
.dataTables_wrapper .dataTables_length select { font-size: 13px; padding: 2px 4px; }
.dataTables_wrapper .dataTables_filter input { font-size: 13px; padding: 3px 6px; }
.dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 12px; padding: 3px 8px; }

/* ============================================================
   BUTTONS — consistent sizing
   ============================================================ */
.btn { font-size: 13px; }
.btn-sm { padding: 3px 10px; }

/* ============================================================
   CARDS — consistent spacing, no heavy shadows
   ============================================================ */
.card { border-radius: 6px; box-shadow: none; border: 1px solid #dee2e6; }
.card-body { padding: 12px; }
.card-header { padding: 8px 12px; font-size: 13px; }

/* ============================================================
   MODALS — match app font size
   ============================================================ */
.modal-body, .modal-content { font-size: 13px; }
.modal-title { font-size: 15px; }

/* ============================================================
   SECTION RIBBONS — beige bars used for collapsible sections
   ============================================================ */
.biotrax-ribbon {
    cursor: pointer;
    background: #c8bfb1;
    color: var(--secondary-color, #b95136);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
}
.biotrax-ribbon i { transition: transform 0.2s; }

/* ============================================================
   NAVBAR — section headers in report/list views
   ============================================================ */
.navbar-brand { font-size: 18px; font-weight: 600; }

/* ============================================================
   ALERTS & STATUS — consistent badge sizing
   ============================================================ */
.badge { padding: 3px 8px; }
.badge-success, .bg-success { font-size: 11px; }
.badge-danger, .bg-danger { font-size: 11px; }

/* ============================================================
   LISTS — tighter spacing for bulleted content
   ============================================================ */
ul, ol { margin-bottom: 4px; }
li { margin-bottom: 1px; }

/* ============================================================
   FORM GROUPS — reduce vertical spacing
   ============================================================ */
.form-group { margin-bottom: 8px; }
.form-row { margin-bottom: 4px; }

/* ============================================================
   ENCOUNTER FORM SPECIFICS
   ============================================================ */
#new-encounter-form { font-size: 13px; }
#new-encounter-form .form-control { box-shadow: none; border: 1px solid #ddd; border-radius: 6px; }
#new-encounter-form .form-control:focus { box-shadow: none; border-color: #aaa; }

/* ============================================================
   SNAPSHOT PAGE — patient demographics overview
   ============================================================ */

/* Card section headers — beige */
.snapshot-card-header {
    background: var(--primary-color, #D1C6B7);
    padding: 6px 10px;
    border-radius: 5px 5px 0 0;
    margin: -8px -8px 6px -8px;
}
.snapshot-card-title {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
}
.snapshot-card-title:hover { color: #333; text-decoration: none; }
.snapshot-card-chevron { font-size: 11px; color: #666; }
.snapshot-card-actions a {
    color: #555;
    font-size: 13px;
    padding: 2px 4px;
}
.snapshot-card-actions a:hover { color: var(--secondary-color, #b95136); }

/* Section containers on Snapshot page */
.patient-demographic .emo_section_container {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 6px;
    background: #fff;
}
.patient-demographic .emo_section_container .card-body { padding: 8px; }

/* List items inside cards */
.patient-demographic .list-group-item {
    border: none;
    padding: 3px 8px;
    font-size: 13px;
    background: transparent;
}
.patient-demographic .list-group-item strong { font-weight: 600; }


/* Tabs inside Demographics */
.patient-demographic .nav-tabs .nav-link {
    font-size: 13px;
    padding: 4px 12px;
}

/* Appointments section */
.patient-demographic .appts .list-group-item {
    padding: 4px 8px;
    font-size: 13px;
}

/* Top row cards — independent sizing, shrink fully on collapse */
.patient-demographic .main > .row {
    align-items: flex-start;
}
.patient-demographic .emo_section_container .card-text.collapse:not(.show) {
    display: none;
}

/* Hide demographics fields redundant with header/vitals cards.
   Layout engine: label td id="label_fieldid", data td id="text_fieldid" */
/* Demographics uses a custom template — no layout engine overrides needed */

/* Overall page background */
.patient-demographic { background: #f5f5f5; }
.patient-demographic .main { font-size: 13px; padding: 0 4px; }
.patient-demographic .main > .row { margin-left: 0; margin-right: 0; }