/* Suggestions share the existing SBS surfaces, typography and control conventions. */
.sbs-detail-dialog { margin: auto; padding: max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left)); width: min(640px,94vw); max-height: 90dvh; overflow: auto; background: var(--surface); color: var(--text,var(--ink)); border: 1px solid var(--border); border-radius: var(--panel-radius); font-family: var(--font-ui,'Work Sans',sans-serif); }
.sbs-detail-dialog::backdrop { background: #0009; }
.sbs-detail-dialog > button:first-child { float: right; }
.sbs-detail-dialog h2 { font-size: 28px; font-weight: 800; line-height: 1.1; margin: 12px 0 20px; }
.sbs-detail-dialog p, .sbs-detail-review p { font-size: 14px; line-height: 1.5; margin: 12px 0; overflow-wrap: anywhere; }
.sbs-detail-form { display: grid; gap: 16px; margin-top: 16px; }
.sbs-detail-form label { display: grid; gap: 8px; font-size: 13px; font-weight: 700; }
.sbs-detail-form input, .sbs-detail-form textarea, .sbs-detail-form select { width: 100%; padding: 12px; min-height: 44px; font-size: 16px; background: var(--surface); color: inherit; border: 1px solid var(--border); }
.sbs-detail-form textarea { min-height: 80px; }
.sbs-detail-dialog button, .sbs-detail-review button { min-height: 44px; margin: 4px; padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--control-radius); }
.sbs-detail-dialog button:disabled, .sbs-detail-review button:disabled { opacity: .5; }
.sbs-detail-review h3 { font-size: 18px; font-weight: 800; margin-top: 20px; }
.sbs-detail-review article { border-block-start: 1px solid var(--border); padding-block: 16px; overflow-wrap: anywhere; }
.sbs-detail-review a { display: inline-block; min-height: 44px; text-decoration: underline; }