.icon{display:inline-block;flex-shrink:0;vertical-align:middle}.problem-state{--problem-bg:var(--surface-1);--problem-border:var(--border-default);--problem-accent:var(--state-error);--problem-icon-bg:var(--state-error-bg);--problem-icon-text:var(--state-error-text);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3) var(--sp-4);align-items:flex-start;width:100%;padding:var(--sp-5);border:var(--border-w-sm) solid var(--problem-border);border-left:var(--border-w-xl) solid var(--problem-accent);border-radius:var(--radius-lg);background:var(--problem-bg);color:var(--text-primary)}.problem-state[data-kind=unavailable],.problem-state[data-kind=validation]{--problem-accent:var(--state-warning);--problem-icon-bg:var(--state-warning-bg);--problem-icon-text:var(--state-warning-text)}.problem-state[data-kind=not_found],.problem-state[data-kind=permission]{--problem-accent:var(--state-info);--problem-icon-bg:var(--state-info-bg);--problem-icon-text:var(--state-info-text)}.problem-state__icon{display:inline-grid;place-items:center;width:var(--size-10);height:var(--size-10);border-radius:var(--radius-md);background:var(--problem-icon-bg);color:var(--problem-icon-text)}.problem-state__copy{display:grid;gap:var(--sp-2);min-width:0}.problem-state__title{margin:0;color:var(--text-primary);font-size:var(--fs-h4);line-height:var(--lh-tight)}.problem-state__description{color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-normal);overflow-wrap:anywhere}.problem-state__meta{grid-column:2;display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin:0;color:var(--text-muted);font-size:var(--fs-sm)}.problem-state__meta div{display:inline-flex;gap:var(--sp-1);min-width:0}.problem-state__meta dt{font-weight:var(--fw-semibold)}.problem-state__meta dd{margin:0;overflow-wrap:anywhere}.problem-state__actions{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.problem-page .problem-state{--problem-border:transparent;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);padding:0;border:0;border-radius:0;background:transparent}.problem-page .problem-state__icon{display:none}.problem-page .problem-state__copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.problem-page .problem-state__actions,.problem-page .problem-state__meta{grid-column:1}.problem-page .problem-state__meta{gap:var(--sp-1) var(--sp-3);font-size:var(--fs-xs)}@media (max-width:640px){.problem-state{grid-template-columns:minmax(0,1fr)}.problem-state__actions,.problem-state__meta{grid-column:1}.problem-page .problem-state__actions .btn{width:100%;justify-content:center}}