/* Müşteri ve Merkez destek ekranlarında ortak kullanılan bileşenler. */
.support-notice { padding: .9rem 1rem; background: #fff7df; border: 1px solid #ecd9a4; border-radius: 10px; color: #695014; margin-bottom: 1rem; line-height: 1.55; }
.support-steps { padding-left: 1.25rem; margin: .8rem 0; }
.support-steps li { padding-left: .2rem; margin-bottom: .75rem; line-height: 1.6; }
.support-work-entry, .support-remote-card { border: 1px solid var(--line); background: var(--surface); border-radius: 10px; padding: 1rem; margin: .8rem 0; overflow-wrap: anywhere; }
.support-work-entry header { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-bottom: .65rem; }
.support-work-entry p, .support-remote-card p { white-space: pre-wrap; line-height: 1.6; margin: .6rem 0; }
.support-work-entry small, .support-remote-card small { color: var(--muted); }
.support-remote-panel { margin: 1.4rem 0; }
.support-remote-panel > h2 { margin-bottom: .4rem; }
.support-remote-panel .btn { margin: .3rem .3rem .3rem 0; white-space: normal; }
.support-form-block, .support-consent-form { background: var(--surface-2, #f4f6f3); padding: 1rem; border-radius: 8px; margin: .8rem 0; }
.support-form-block > small { display: block; margin-top: .5rem; }
.support-reference { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; background: var(--surface-2, #f4f6f3); border-radius: 8px; padding: .8rem; margin: .8rem 0; }
.support-reference code { font-size: .82rem; overflow-wrap: anywhere; word-break: break-all; }
.support-consent-form label.check { align-items: flex-start; line-height: 1.55; }
.support-consent-form input[type=checkbox] { flex-shrink: 0; margin-top: .2rem; }
.support-connection-proof { background: #ecf6ef; color: #1f6247; border-radius: 8px; padding: .75rem; }
.support-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.support-metrics .adm-card { display: flex; flex-direction: column; gap: .5rem; margin: 0; padding: 1rem 1.1rem; }
.support-metrics small { color: var(--muted); font-size: .78rem; }
.support-metrics strong { font-size: 1.9rem; line-height: 1.15; font-variant-numeric: tabular-nums; }
.support-sync { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; color: var(--muted); font-size: .8rem; }
.support-sync b { display: block; color: #8d3b25; margin-top: .3rem; }
.support-filters { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--line); }
.support-filters label { margin: 0; }
.support-queue-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--line); text-decoration: none !important; color: var(--ink); }
.support-queue-row:last-child { border-bottom: 0; }
.support-queue-row:hover { background: var(--surface-2); }
.support-queue-row:focus-visible { outline: 2px solid var(--primary); outline-offset: -3px; }
.support-ticket-title { display: flex; flex-direction: column; gap: .35rem; min-width: 0; overflow-wrap: anywhere; }
.support-ticket-title > small { color: var(--muted); font-size: .73rem; }
.support-ticket-title > strong { font-size: .95rem; }
.support-ticket-tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .4rem; max-width: 360px; flex-shrink: 0; }
.support-ticket-tags > small { flex-basis: 100%; text-align: right; }
.support-case-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem; flex-wrap: wrap; }
.support-case-head h2 { margin: .4rem 0; overflow-wrap: anywhere; }
.support-case-head small { color: var(--muted); }
.support-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 1rem; }
.support-workspace > *, .support-case-aside > * { min-width: 0; }
.support-tabs { display: flex; overflow-x: auto; gap: .3rem; padding: .5rem .8rem 0; border-bottom: 1px solid var(--line); }
.support-tabs button { font: inherit; font-size: .85rem; padding: .85rem .6rem; background: none; border: 0; border-bottom: 3px solid transparent; color: var(--muted); cursor: pointer; white-space: nowrap; }
.support-tabs button.on { color: var(--primary); border-bottom-color: var(--primary); font-weight: 700; }
.support-tabs button:focus-visible { outline: 2px solid var(--primary); outline-offset: -3px; }
.support-case-body { padding: 1.2rem; }
.support-case-body > h2 { margin-bottom: 1rem; font-size: 1.15rem; }
.support-case-body .support-conversation { margin: .8rem 0 1.3rem; }
.support-case-body .support-remote-panel { margin-top: 0; }
.support-case-aside h3 { margin-bottom: .8rem; }
.support-case-aside .support-steps { font-size: .82rem; }
.support-case-aside .btn { margin: .25rem .2rem .25rem 0; white-space: normal; }
.support-case-aside p { overflow-wrap: anywhere; }
.support-diagnostics { display: grid; grid-template-columns: 1fr auto; gap: .6rem; padding: .8rem 0; font-size: .8rem; }
.support-diagnostics dt { color: var(--muted); }
.support-password-handoff { display:flex; flex-wrap:wrap; align-items:end; gap:.6rem; margin:1rem 0; padding:1rem 0; border-block:1px solid var(--line); }
.support-password-handoff label { flex:1 1 180px; min-width:0; margin:0; }
.support-password-handoff small { flex-basis:100%; }
.support-password-reshare { margin:1rem 0; }
.support-password-reshare summary { cursor:pointer; font-size:.9rem; font-weight:600; margin-bottom:.8rem; }
.support-diagnostics dd { margin: 0; text-align: right; }
.support-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.support-settings-grid .adm-pad > p { line-height: 1.65; margin-bottom: 1rem; }
.support-settings-grid .btn { margin: .3rem .3rem .3rem 0; white-space: normal; }
.support-operator-mappings > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr) auto; align-items: center; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--line); }
.support-operator-mappings label { margin: 0; }
@media (max-width: 1100px) {
    .support-workspace { grid-template-columns: minmax(0, 1fr); }
    .support-case-aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
    .support-case-aside > :last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
    .support-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
    .support-metrics .adm-card { padding: .85rem; }
    .support-metrics .adm-card:last-child { grid-column: 1 / -1; }
    .support-filters, .support-settings-grid, .support-case-aside, .support-operator-mappings > div { grid-template-columns: minmax(0, 1fr); }
    .support-filters { gap: .7rem; }
    .support-queue-row { flex-direction: column; align-items: stretch; gap: .8rem; }
    .support-ticket-tags { justify-content: flex-start; max-width: none; flex-shrink: 1; }
    .support-ticket-tags > small { flex-basis: auto; text-align: left; }
    .support-case-body { padding: 1rem; }
    .support-remote-card { padding: .85rem; }
}