/* The pre-Figma interview section uses the original rules in style.css.
   Keep this compatibility asset linked for existing release manifests. */
body.hf-classic-interview{font:14px/1.5 var(--font);background:var(--canvas);color:var(--text);--header:66px}
.hf-classic-interview .question-card{scroll-margin-top:82px}
.hf-classic-interview .notification-row{flex-wrap:wrap}
.hf-classic-interview .notification-row .icon-btn{flex-shrink:0;min-width:36px;min-height:36px}
.hf-classic-interview .classic-message-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:var(--canvas);border-radius:7px;margin-bottom:16px}
.hf-classic-interview .hf-brand-setting{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-transform:none}
.hf-classic-interview .hf-brand-setting .text-btn{text-align:left;font-size:11px}
.hf-classic-interview .hf-rules-note{font-size:11px;line-height:1.5;margin:4px 0 0}
@media(max-width:580px){
 body.hf-classic-interview{--header:59px}
 .hf-classic-interview .builder-footer{padding:10px 12px;gap:6px}
 .hf-classic-interview .builder-footer .preview-btn{display:inline-flex;padding:8px 10px}
 .hf-classic-interview .builder-footer .actions{gap:6px}
 .hf-classic-interview .builder-footer .primary{padding:8px 12px}
 .hf-classic-interview .notification-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:16px 0}
 .hf-classic-interview .notification-row>span:first-child{grid-column:1/-1}
 .hf-classic-interview .notification-row select{width:100%;max-width:none;min-height:40px;font-size:12px}
 .hf-classic-interview .notification-row .template-select{max-width:none}
 .hf-classic-interview .notification-row .icon-btn{justify-self:start;min-width:40px;min-height:40px}
}