/* HyperReality user workspace / separate from the immersive corridor */
.hrh-open{white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;min-height:37px;border:1px solid rgba(190,199,207,.45);border-radius:9px;background:rgba(9,16,26,.6);color:#f1eee8;font:500 12px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
.hrh-open:hover,.hrh-open:focus-visible{border-color:#e4d3af;color:#fff}
body.hrh-modal-open{overflow:hidden}
#hrh-overlay[hidden],#hrh-overlay [hidden]{display:none!important}
#hrh-overlay{position:fixed;inset:0;z-index:100000;display:flex;justify-content:flex-end;color:#f4f0e7;font:14px/1.5 Inter,system-ui,sans-serif}
#hrh-overlay .hrh-shade{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
#hrh-overlay .hrh-panel{position:relative;width:min(100%,520px);height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:#101316;border-left:1px solid rgba(216,197,158,.45);padding:calc(25px + env(safe-area-inset-top)) clamp(18px,3vw,30px) calc(30px + env(safe-area-inset-bottom));box-shadow:-20px 0 70px rgba(0,0,0,.6)}
#hrh-overlay h2{font-size:26px;line-height:1.15;margin:9px 0 5px;color:#f5e7ca}
#hrh-overlay h3{font-size:17px;line-height:1.2;font-weight:600;margin:0 0 13px;color:#e9d7b3}
#hrh-overlay .hrh-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:0 0 16px;border-bottom:1px solid rgba(222,208,179,.25)}
#hrh-overlay .hrh-header span{font-size:10px;letter-spacing:.14em;color:#b3b1ad}
#hrh-overlay button{min-height:39px;border:1px solid #626566;border-radius:8px;background:#1c2329;color:#f8f5ee;padding:9px 13px;cursor:pointer;line-height:1.3;font:inherit}
#hrh-overlay button:hover,#hrh-overlay button:focus-visible{border-color:#e5c794}
#hrh-overlay #hrh-close{border-radius:50%;width:40px;height:40px;min-height:40px;padding:0;font-size:24px}
#hrh-overlay .hrh-primary{background:#cbb88f;border-color:#ead8b5;color:#121619;font-weight:700}
#hrh-overlay .hrh-status{min-height:18px;margin:15px 0;color:#e2bd86;font-size:12px;overflow-wrap:anywhere}
#hrh-overlay .hrh-muted{color:#aeb3b5;font-size:12px}
#hrh-overlay .hrh-group,#hrh-overlay #hrh-public,#hrh-overlay #hrh-guest{border:1px solid rgba(214,203,182,.2);border-radius:14px;padding:18px;margin:17px 0;background:rgba(255,255,255,.025)}
#hrh-overlay .hrh-list{display:block;margin:0;padding:0;list-style:none}
#hrh-overlay .hrh-list li{margin:0;padding:11px 0;border-bottom:1px solid rgba(213,207,185,.15);overflow-wrap:anywhere}
#hrh-overlay .hrh-list li:last-child{border-bottom:0}
#hrh-overlay .hrh-list a{color:#edd6a5;text-decoration:underline;text-decoration-color:rgba(237,214,165,.3);text-underline-offset:3px}
#hrh-overlay .hrh-list small{display:block;color:#b0b6b9;font-size:12px;margin-top:4px}
#hrh-overlay .hrh-list .hrh-del{float:right;margin:2px 0 5px 10px;min-height:29px;font-size:11px;padding:4px 8px}
#hrh-overlay .hrh-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#hrh-overlay form{display:grid;gap:8px;margin-top:14px}
#hrh-overlay form label{font-size:12px;color:#bfc2c1}
#hrh-overlay input,#hrh-overlay textarea{display:block;width:100%;border:1px solid #51595b;border-radius:8px;padding:12px;background:#090d10;color:#fff;font:inherit;box-sizing:border-box;resize:vertical}
#hrh-overlay input:focus,#hrh-overlay textarea:focus{outline:2px solid #dbca9f;outline-offset:1px}
@media(max-width:560px){.hrh-open{font-size:11px;padding:8px;min-height:35px}#hrh-overlay .hrh-panel{border:0}#hrh-overlay .hrh-actions button{flex:1 1 120px}}
/* Owner first: primary Gemini action before catalogues */
#hrh-overlay .hrh-gemini{border:1px solid rgba(216,193,148,.65);background:linear-gradient(125deg,#26322f,#111b22);padding:16px;border-radius:16px;margin:20px 0}
#hrh-overlay .hrh-gemini-link{display:flex;justify-content:center;align-items:center;min-height:64px;background:#e1ca9f;color:#101619;text-decoration:none;border-radius:11px;font:700 clamp(17px,4.6vw,22px)/1.25 system-ui;padding:13px 16px;text-align:center}
#hrh-overlay .hrh-gemini-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
#hrh-overlay .hrh-gemini p{color:#c2c9c7;font-size:12px;line-height:1.55;margin:11px 5px 0}
@media(max-width:540px){#hrh-overlay .hrh-gemini-link{min-height:70px}}
