/* support-diagnostics-r1: Technical details panel for support staff (Agent Hub request view and the
   administrator support desk). Follows the host page's tokens: Hub (--h-*) or support desk. */
.lsd-panel{--lsd-ink:var(--h-ink,var(--text,#152338));--lsd-muted:var(--h-muted,var(--muted,#617086));--lsd-line:var(--h-line,var(--line,#e2e8f0));--lsd-surface:var(--h-surface,var(--surface,#fff));--lsd-soft:var(--h-soft,var(--surface-alt,#f8fafd));--lsd-accent:var(--h-accent,var(--blue,#2563eb));--lsd-warn:var(--h-warn,#9a6700);--lsd-danger:var(--h-danger,#b42318);--lsd-ok:var(--h-ok,#2a826c)}
.lsd-panel{margin:18px 0;padding:18px 20px;border:1px solid var(--lsd-line);border-radius:14px;background:var(--lsd-surface);color:var(--lsd-ink);font-size:13px;line-height:1.5;min-width:0}
.lsd-panel[hidden],.lsd-hidden,.lsd-offscreen{display:none!important}
.lsd-offscreen{position:fixed;left:-9999px}
.lsd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.lsd-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--lsd-muted)}
.lsd-cause{margin:0;font-size:15px;font-weight:600;letter-spacing:-.15px;line-height:1.4;padding-left:12px;border-left:3px solid var(--lsd-line)}
.lsd-cause[data-level=high]{border-left-color:var(--lsd-danger)}
.lsd-cause[data-level=medium]{border-left-color:var(--lsd-warn)}
.lsd-cause[data-level=none]{border-left-color:var(--lsd-ok)}
.lsd-cause-label{display:block;font-size:11px;font-weight:600;color:var(--lsd-muted);letter-spacing:0}
.lsd-actions{display:flex;gap:8px;flex:0 0 auto}
.lsd-button{min-height:34px;padding:6px 12px;border:1px solid var(--lsd-line);border-radius:8px;background:var(--lsd-surface);color:var(--lsd-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.lsd-button:hover{background:var(--lsd-soft)}
.lsd-button:focus-visible,.lsd-section summary:focus-visible{outline:2px solid var(--lsd-accent);outline-offset:2px}
.lsd-findings{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.lsd-findings li{padding-left:12px;border-left:2px solid var(--lsd-line);color:var(--lsd-ink)}
.lsd-findings li[data-level=high]{border-left-color:var(--lsd-danger)}
.lsd-findings li[data-level=medium]{border-left-color:var(--lsd-warn)}
.lsd-meta{margin:12px 0 4px;color:var(--lsd-muted);font-size:12px}
.lsd-sections{border-top:1px solid var(--lsd-line);margin-top:10px}
.lsd-section{border-bottom:1px solid var(--lsd-line)}
.lsd-section summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;cursor:pointer;list-style:none;font-weight:600}
.lsd-section summary::-webkit-details-marker{display:none}
.lsd-section summary::after{content:"";width:7px;height:7px;border-right:1.5px solid var(--lsd-muted);border-bottom:1.5px solid var(--lsd-muted);transform:rotate(45deg);margin:-4px 4px 0 auto;transition:transform .15s}
.lsd-section[open] summary::after{transform:rotate(225deg);margin-top:4px}
.lsd-section summary small{color:var(--lsd-muted);font-weight:500;font-size:12px}
.lsd-body{padding:0 0 14px;min-width:0}
.lsd-pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px;margin:0}
.lsd-pairs div{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--lsd-line);min-width:0}
.lsd-pairs dt{color:var(--lsd-muted);margin:0}
.lsd-pairs dd{margin:0;overflow-wrap:break-word;word-break:break-word;min-width:0}
.lsd-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.lsd-table{width:100%;border-collapse:collapse;font-size:12px}
.lsd-table th{text-align:left;font-weight:600;color:var(--lsd-muted);padding:6px 10px 6px 0;border-bottom:1px solid var(--lsd-line);white-space:nowrap}
.lsd-table td{padding:6px 10px 6px 0;border-bottom:1px solid var(--lsd-line);vertical-align:top;overflow-wrap:break-word;word-break:normal;min-width:72px}
.lsd-table tr:last-child td{border-bottom:0}
.lsd-sub{margin:14px 0 4px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--lsd-muted);text-transform:uppercase}
.lsd-note,.lsd-empty{margin:8px 0 0;color:var(--lsd-muted);font-size:12px}
.lsd-desk-file small{color:var(--lsd-muted,inherit)}
@media(max-width:700px){
 .lsd-panel{padding:14px;border-radius:12px;margin:14px 0}
 .lsd-head{flex-direction:column;gap:12px}
 .lsd-actions{width:100%}
 .lsd-button{flex:1;min-height:44px}
 .lsd-pairs{grid-template-columns:1fr}
 .lsd-pairs div{grid-template-columns:42% 1fr}
 .lsd-table{min-width:520px}
 /* The Hub phone layer stacks tables into label / value rows (hub-stack); no sideways scroll there. */
 .lsd-table.hub-stack{min-width:0}
 .lsd-table.hub-stack td{min-width:0;font-size:13px!important}
 .lsd-table.hub-stack td:empty{display:none}
 .lsd-table.hub-stack td[data-label]::before{font-size:12px}
}