/* Faz 8 — Musteri paneli: firma rozeti, onizleme seridi, pano listeleri, yazisma, bildirim, zaman cizelgesi. Mobil oncelikli. */
.az-portal-firma { margin: 4px 14px 10px; padding: 10px 12px; border-radius: 10px; background: var(--az-side-2, rgba(255, 255, 255, .06)); color: #fff; display: grid; gap: 2px; min-width: 0; }
.az-portal-firma-ad { font-weight: 700; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.az-portal-firma small { color: var(--az-side-muted, #b9c3cf); font-size: .75rem; }
.az-portal-sub { margin: 2px 0 0; }

.az-portal-preview-bar { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; }
.az-portal-preview-bar .az-form-inline { margin-left: auto; }
.az-portal-preview .az-side { border-top: 4px solid var(--az-warn, #d97706); }

.az-portal-pano .az-section-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.az-portal-pano .az-section-head h2 { margin: 0; }
.az-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
.az-portal-list li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--az-line); }
.az-portal-list li:last-child { border-bottom: 0; }

.az-portal-timeline li { position: relative; padding: 8px 0 8px 18px; border-left: 2px solid var(--az-line-strong); display: grid; gap: 2px; }
.az-portal-timeline li::before { content: ""; position: absolute; left: -6px; top: 14px; width: 10px; height: 10px; border-radius: 50%; background: var(--az-primary); }
.az-portal-timeline time { font-size: .8rem; color: var(--az-muted); }

.az-portal-mesajlar { list-style: none; margin: 10px 0 16px; padding: 0; display: grid; gap: 10px; }
.az-portal-mesajlar li { padding: 10px 14px; border-radius: 12px; max-width: 90%; overflow-wrap: anywhere; }
.az-portal-mesajlar li.is-customer { background: var(--az-primary-soft); align-self: flex-start; justify-self: start; }
.az-portal-mesajlar li.is-staff { background: var(--az-surface-2, #eef1f5); justify-self: end; }
.az-portal-mesaj-bas { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin-bottom: 4px; }
.az-portal-mesajlar .az-btn { margin-top: 6px; }

.az-portal-bildirim li { padding: 12px 14px; border: 1px solid var(--az-line); border-radius: var(--az-radius); background: var(--az-surface); display: grid; gap: 6px; }
.az-portal-bildirim li.is-unread { border-left: 4px solid var(--az-primary); }
.az-portal-bildirim-bas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; }
.az-portal-bildirim-govde { overflow-wrap: anywhere; }
.az-portal-bildirim .az-actions { justify-content: flex-start; }

.az-portal-public { max-width: 640px; }
.az-portal-public .az-table-wrap { margin: 12px 0; }
.az-portal-public form .az-check { margin: 12px 0 0; }

@media (max-width: 640px) {
    .az-portal-mesajlar li { max-width: 100%; }
    .az-portal-preview-bar .az-form-inline { margin-left: 0; }
}