/* Clinic → Sinn support: the link to Sinn HQ (hqlink.js). One card for the connection, then what is sent (plain lines
   and the report word for word), what is never sent, and the last reports. Same calm layout as Your data. */
.hq{display:flex;flex-direction:column;gap:16px;max-width:860px}
.hq-hero{padding:6px 4px 2px}
.hq-hero h2{margin:0;font-size:var(--fs-22);font-weight:650;letter-spacing:-.01em}
.hq-hero p{margin:4px 0 0;color:var(--ink2);font-size:var(--fs-14_5)}
.hq-card{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.hq-main{border-color:#d8dbe2;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(20,30,60,.05)}
.hq-title{display:flex;align-items:center;gap:10px}
.hq-title h3{margin:0;font-size:var(--fs-16);font-weight:650}
.hq-tag{font-size:var(--fs-12);padding:2px 9px;border-radius:999px;background:#f0f0f2;color:var(--ink2);font-weight:600}
.hq-tag.on{background:var(--c4b);color:var(--c4t)}
.hq-what{margin:0;font-size:var(--fs-14);line-height:1.55}
.hq-what code,.hq-lines code{font:12.5px ui-monospace,Menlo,Consolas,monospace;background:#f2f2f4;padding:1px 6px;border-radius:5px}
.hq-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px 14px;max-width:640px}
.hq-form small{display:block;font-size:var(--fs-12);color:var(--ink2);margin-top:3px}
.hq-go{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.hq-go .go2{padding:0 22px;width:auto;min-width:200px;height:42px;font-size:var(--fs-15)}
.hq-go .sec2{padding:0 16px}
.hq-danger{color:#a1140c}
.hq-line{padding:10px 12px;border-radius:10px;background:#f5f9ff;border:1px solid var(--c1b);font-size:var(--fs-13_5)}
.hq-bad{padding:10px 12px;border-radius:10px;background:#fff1f0;color:#a1140c;font-size:var(--fs-13);line-height:1.5}
.hq-confirm{padding:12px 14px;border-radius:10px;background:#fff6e8;color:#6b3d00;font-size:var(--fs-13_5);line-height:1.5;display:flex;flex-direction:column;gap:10px}
.hq-lines{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--sep2)}
.hq-lines>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--sep2)}
.hq-lines dt{font-size:var(--fs-13);color:var(--ink2)}
.hq-lines dd{margin:0;font-size:var(--fs-13_5);line-height:1.5;overflow-wrap:anywhere}
.hq-raw summary{cursor:pointer;font-size:var(--fs-13);color:var(--c1t)}
.hq-raw pre{margin:8px 0 0;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-all;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;background:#f6f7f9;border-radius:8px;padding:10px 12px;text-align:left}
.hq-never{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-13_5);line-height:1.5}
.hq-tablew{overflow-x:auto}
.hq-table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}
.hq-table th{text-align:start;font-weight:600;color:var(--ink2);padding:6px 8px;border-bottom:1px solid var(--sep)}
.hq-table td{padding:6px 8px;border-bottom:1px solid var(--sep2)}
.hq-ok{color:var(--c4t);font-weight:600}
.hq-wait{color:var(--c3t);font-weight:600}
@media (max-width:640px){.hq-form{grid-template-columns:1fr}.hq-lines>div{grid-template-columns:1fr;gap:2px}}
/* the bar while Sinn support views as a user (support.js), on every screen */
.sup-bar{position:fixed;inset-inline:0;bottom:0;z-index:9000;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#b3140c;color:#fff;font-size:var(--fs-13_5);line-height:1.4;box-shadow:0 -2px 10px rgba(0,0,0,.18)}
.sup-dot{width:9px;height:9px;border-radius:50%;background:#fff;flex:none;animation:sup-pulse 1.6s ease-in-out infinite}
@keyframes sup-pulse{50%{opacity:.35}}
.sup-txt{flex:1;min-width:0}
.sup-why{opacity:.85}
.sup-end{flex:none;background:#fff;color:#b3140c;border:0;border-radius:8px;padding:5px 14px;font-weight:650;cursor:pointer}
body.sup-on .app{padding-bottom:42px}
.sup-no{background:transparent;color:#fff;border:1px solid #fff}
.sup-end:disabled{opacity:.55;cursor:not-allowed}
.sup-owner{display:block;margin-top:4px;font-weight:600}
.sup-owner input{vertical-align:middle;margin-inline-end:6px}
.hq-access{display:flex;flex-direction:column;gap:10px}
.hq-acc{border:1px solid var(--sep);border-radius:10px;padding:10px 12px;font-size:var(--fs-13_5);line-height:1.5}
.hq-acc summary{cursor:pointer}
.hq-acc ul{margin:6px 0 0;padding-inline-start:18px;font-size:var(--fs-12_5);color:var(--ink2)}
.hq-field{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:var(--fs-13_5)}
.hq-field select{font:inherit;padding:4px 8px;border-radius:8px;border:1px solid var(--line,#d9dde3)}