/* Extends the existing OperateOS brand pack; no separate visual theme. */
#contact-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink);font-family:var(--body);overflow:auto}
#contact-dialog::backdrop{background:rgba(16,31,34,.72)}
#contact-dialog .contact-head{padding:30px 32px;background:var(--night);color:white;position:relative}
#contact-dialog .contact-head .eyebrow{color:var(--green);margin-bottom:18px}
#contact-dialog h2{font-size:clamp(30px,5vw,42px);line-height:1.05;margin:0 30px 12px 0}
#contact-dialog .contact-head p{font-size:15px;color:#d3dcd5;line-height:1.5}
#contact-close{position:absolute;right:18px;top:14px;background:none;border:0;color:white;font:28px Arial;padding:8px;line-height:1}
#contact-form{display:grid;gap:16px;padding:26px 32px}
#contact-form label{display:grid;gap:5px;font-size:14px;font-weight:600}
#contact-form input,#contact-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink);padding:11px 12px;font:16px var(--body)}
#contact-form textarea{min-height:120px;resize:vertical}
#contact-form input:focus,#contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
#contact-form .contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-form .contact-note{font-size:12px;color:var(--muted);line-height:1.5}
#contact-status{font-size:14px;line-height:1.5;min-height:22px}
#contact-form button:disabled{opacity:.65;cursor:wait}
@media(max-width:480px){#contact-form,#contact-dialog .contact-head{padding:24px}}