.customer-profile{min-width:0}.customer-contact{display:flex;flex-wrap:wrap;gap:12px 24px;margin:8px 0 18px}.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.customer-metrics>div{padding:14px;background:#f3f6f8;border-radius:8px}.customer-metrics small,.customer-metrics strong{display:block}.customer-metrics strong{font-size:20px;margin-top:8px}.customer-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 16px}.customer-tabs span{margin-left:8px;opacity:.7}.customer-history{overflow:auto;max-height:55vh}.customer-history th{position:sticky;top:0;background:#f4f6f8;z-index:1}.customer-history td{vertical-align:top;min-width:105px}.customer-history td:last-child{min-width:220px;max-width:420px;overflow-wrap:anywhere}.customer-history small{display:block;margin-top:8px}.customer-history audio{max-width:100%}.tel-period{position:relative}.tel-period summary{cursor:pointer;list-style:none;border:1px solid #c5ccd4;border-radius:5px;padding:10px 14px;background:white}.tel-period[open] summary{border-color:#426c97}.tel-period-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;background:white;padding:18px;border:1px solid #c5ccd4;border-radius:8px;box-shadow:0 6px 24px #0002;width:min(480px,85vw)}.tel-period-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tel-period-custom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tel-period-custom label{display:block}.tel-period-custom input{width:100%;min-width:0;box-sizing:border-box}.tel-period-menu .form-actions{margin-top:14px}.tel-journal-filters{gap:12px;align-items:center;flex-wrap:wrap}.tel-journal-filters .check{margin:0}.tel-period-caption{margin:12px 0}.customer-history button{white-space:normal}@media(max-width:700px){.customer-metrics{grid-template-columns:1fr 1fr}.tel-period-menu{position:fixed;top:20%;left:5%;width:90%;box-sizing:border-box}.customer-metrics strong{font-size:17px}}

/* Calls: periods, search fields and options are separate, predictable rows. */
form.tel-journal-filters{display:block;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:16px 0 20px}
.tel-filter-periods{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tel-filter-periods>button,.tel-filter-periods>.tel-period{flex:0 0 auto}
.tel-filter-periods button{white-space:nowrap}
.tel-selected-period{margin:12px 0 18px;font-size:12px}
.tel-filter-fields{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(200px,1fr) minmax(200px,1fr);gap:16px;max-width:1050px}
.tel-journal-filters .tel-filter-fields>label{display:flex;flex-direction:column;gap:7px;margin:0;font-size:12px}
.tel-journal-filters .tel-filter-fields input,.tel-journal-filters .tel-filter-fields select{width:100%;min-width:0;margin:0}
.tel-filter-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin-top:18px;max-width:1050px}
.tel-filter-options,.tel-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.tel-filter-options{gap:14px 24px}
.tel-journal-filters .tel-filter-options>.check{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;font-size:13px;cursor:pointer}
.tel-journal-filters .tel-filter-options input[type=checkbox]{display:inline-block;flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;margin:0;padding:0}
.tel-journal-filters .tel-period-custom input{min-width:0;width:100%}
@media(max-width:1000px){.tel-filter-fields{grid-template-columns:1fr 1fr}.tel-filter-fields>label:first-child{grid-column:1/-1}}
@media(max-width:600px){form.tel-journal-filters{padding:14px}.tel-filter-fields{grid-template-columns:1fr}.tel-filter-periods{gap:8px}.tel-filter-periods>button{flex:1 1 135px}.tel-filter-periods>.tel-period{flex:1 1 135px}.tel-filter-options{gap:14px}.tel-filter-actions{width:100%}.tel-filter-actions>button{flex:1 1 140px}.tel-filter-periods .tel-period summary{text-align:center}}