.support-scope { min-width:0; max-width:1440px; margin:auto; }
.support-scope p,.support-scope td,.support-value { overflow-wrap:anywhere; }
.support-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.support-row h1,.support-row h2 { margin-bottom:0; }
.support-card { background:var(--card); border:1px solid var(--line); border-radius:15px; padding:22px; margin-bottom:18px; min-width:0; }
.support-grid { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(300px,1.4fr); gap:18px; }
.support-scope form { display:grid; gap:10px; margin-top:15px; }
.support-scope label { color:var(--muted); }
.support-scope input:not([type=radio]),.support-scope textarea,.support-scope select { width:100%; min-height:44px; padding:11px 12px; background:var(--background); border:1px solid var(--control-border); color:var(--text); }
.support-scope textarea { resize:vertical; min-height:90px; }
.support-scope button,.support-sidebar a { min-height:44px; }
.support-radio { display:flex; gap:10px; align-items:center; min-height:44px; }
.support-radio input { width:20px; height:20px; }
.support-value { font-weight:600; }
.support-pill { padding:5px 10px; border-radius:24px; background:var(--raised); color:var(--accent-text); font-size:12px; }
.support-steps { padding-left:23px; margin:18px 0; }
.support-steps li { padding:8px 0; border-bottom:1px solid var(--line); }
.support-warning,.support-error { padding:13px 15px; background:var(--warning-bg); color:var(--warning-text); border-radius:10px; }
.support-error { color:var(--red); background:var(--error-bg); }
.support-notice { color:var(--success); }
.support-admin { display:grid; grid-template-columns:200px minmax(0,1fr); gap:28px; }
.support-sidebar { border-right:1px solid var(--line); padding-right:16px; }
.support-sidebar a { display:flex; align-items:center; padding:12px 14px; border:1px solid transparent; border-radius:10px; color:var(--muted); margin-bottom:5px; }
.support-sidebar a[aria-current] { color:var(--accent-text); background:var(--card); border-color:var(--line); }
.support-sidebar .note { margin-top:24px; }
.support-admin-main { min-width:0; }
.support-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.support-metrics strong { font-size:29px; color:var(--accent-text); }
.support-table { overflow:auto; border:1px solid var(--line); border-radius:15px; background:var(--card); margin-top:20px; }
.support-table table { width:100%; border-collapse:collapse; }
.support-table th,.support-table td { padding:13px 12px; text-align:left; border-bottom:1px solid var(--line); max-width:360px; vertical-align:top; }
.support-table th,.support-table small { color:var(--muted); }
.support-table small,.support-case-item span,.support-case-item small { display:block; }
.support-case-item { display:block; width:100%; text-align:left; padding:15px; background:var(--raised); border:1px solid var(--line); border-radius:10px; margin:10px 0; overflow-wrap:anywhere; }
.support-case-item:focus-visible { outline:3px solid var(--accent-text); }
.support-email-change { display:flex; flex-wrap:wrap; gap:14px; padding:16px; background:var(--raised); border-radius:10px; overflow-wrap:anywhere; }
.support-confirm { max-width:650px; margin:auto; }
.support-qr { width:220px; max-width:100%; background:#fff; padding:10px; }
.support-scope code { overflow-wrap:anywhere; }
@media(max-width:900px) { .support-grid { grid-template-columns:1fr; } .support-admin { grid-template-columns:155px minmax(0,1fr); gap:18px; } }
@media(max-width:600px) { .support-admin { display:block; } .support-sidebar { display:flex; gap:6px; overflow:auto; border-right:0; border-bottom:1px solid var(--line); padding:0 0 10px; margin-bottom:20px; } .support-sidebar a { white-space:nowrap; margin:0; padding:10px; } .support-sidebar .note { display:none; } .support-card { padding:17px; } .support-row { align-items:flex-start; flex-wrap:wrap; } .support-metrics { grid-template-columns:1fr; } }

/* Moderation navigation and decisions remain usable at tablet widths. */
.support-scope nav[aria-label="Προβολές ελέγχου"] { flex-wrap:wrap; justify-content:flex-start; gap:8px; }
.support-scope nav[aria-label="Προβολές ελέγχου"] button[aria-current="page"],.support-scope .support-case-item[aria-pressed="true"] { border-color:var(--accent-text); color:var(--accent-text); background:var(--raised); }
.support-scope [data-support-form="content-case-decision"] .support-row { flex-wrap:wrap; justify-content:flex-start; gap:10px; }
.support-scope details > summary { min-height:44px; padding-block:10px; cursor:pointer; }