/* Cable workspace styles: kept inside the host application shell. */
.cable-app .issue-log{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:22px;margin:25px 0;scroll-margin-top:20px}
.cable-app .issue-log>header{display:flex;justify-content:space-between;gap:20px;align-items:center}
.cable-app .issue-log h2{font:700 25px var(--display);margin:0 0 8px}
.cable-app .issue-log p{font-size:12px;line-height:1.8;color:var(--muted)}
.cable-app .issue-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0}
.cable-app .issue-controls label{font-size:12px}
.cable-app .issue-controls select{margin-left:7px}
.cable-app .issue-controls #issueSummary{margin-left:auto;font-size:12px;color:var(--muted)}
.cable-app .issue-row{border:1px solid var(--line);border-radius:6px;padding:18px;margin:14px 0}
.cable-app .issue-row header{display:flex;justify-content:space-between;gap:15px}
.cable-app .issue-row h3{font:600 19px var(--display);margin:10px 0}
.cable-app .issue-state{font-size:11px;padding:4px 7px;border-radius:4px;background:var(--surface-2);color:#e2b35f}
.cable-app .issue-state.resolved{color:#55bf98}
.cable-app .issue-state.investigating{color:#8cbdea}
.cable-app .issue-severity{font-size:10px;color:var(--muted);margin-left:10px}
.cable-app .issue-row label{font-size:10px;color:var(--muted)}
.cable-app .issue-row select{display:block;margin-top:6px}
.cable-app .issue-row small{font-size:10px;color:var(--muted)}
.cable-app .issue-row details{font-size:11px;margin-top:14px;color:var(--muted)}
.cable-app .issue-row summary{cursor:pointer}
.cable-app .issue-description{white-space:pre-wrap;overflow-wrap:anywhere}
.cable-app .issues-empty{padding:24px 0;text-align:center;font-size:14px}
.cable-app .issue-log #issueService{font-size:11px}
.cable-app .issue-form{display:grid;gap:15px}
.cable-app .issue-form label{display:grid;gap:7px;font-size:12px}
.cable-app .issue-form input,.cable-app .issue-form select,.cable-app .issue-form textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;background:var(--bg);color:var(--ink);font:13px var(--body);box-sizing:border-box}
.cable-app .issue-form textarea{min-height:100px;resize:vertical}
.cable-app .issue-form .dialog-actions{margin-top:0}
.cable-app .issue-form #issueFormError{color:#f18b76;margin:0}
.cable-app .issue-row ul{padding-left:20px;line-height:1.8}
@media(max-width:620px){.cable-app .issue-log{padding:16px}
.cable-app .issue-log>header{align-items:start;flex-direction:column}
.cable-app .issue-row header{flex-direction:column}
.cable-app .issue-controls #issueSummary{margin-left:0;flex-basis:100%}}
.cable-app[data-cable-theme=light] .issue-state{color:#79510d}
.cable-app[data-cable-theme=light] .issue-state.resolved{color:#236c50}
.cable-app[data-cable-theme=light] .issue-state.investigating{color:#285a87}