/* Veroed Robot 2 · doors.css · the only additions to the preview's CSS: remove the drawn phone frame, make the page the browser */
html,body{background:var(--bg)}
.browser{border:0;border-radius:0;min-height:100vh;display:flex;flex-direction:column}
.browser .screen{flex:1}
.browser.phone{max-width:none;height:auto;overflow:visible;border:0;border-radius:0;box-shadow:none;margin:0}
.browser.phone .screen{padding-bottom:110px}
.browser.phone .bottomnav{position:fixed;left:0;right:0;bottom:0;margin:0}
.browser.phone .totop{position:fixed;bottom:84px;right:16px;float:none;margin:0}
.browser.phone .site-f{display:none}
.site-h{position:sticky;top:0;z-index:8}
.site-h .logo img{height:34px;width:auto;display:block}
.site-h nav a{cursor:pointer}
.docchip{font-size:12px;background:rgba(255,255,255,.18);border-radius:999px;padding:4px 10px;margin-left:10px;color:#fff;white-space:nowrap}
.docchip.bad{background:#b91c1c}
.site-f .doc{font-weight:600;color:#fff}
.site-f .doc.bad{color:#fca5a5}
.login .logo{display:flex;justify-content:center;margin:-24px -24px 16px;background:var(--brand);border-radius:16px 16px 0 0;padding:14px}
.login .logo img{height:44px;width:auto}
.login .acts{margin-top:6px}
.pbar .link{color:#7f1d1d}
.pbar .sm.pressed{background:#7f1d1d;color:#fff}
.opus{font-size:13px;color:var(--muted);margin:-8px 0 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.opus .sm{padding:5px 10px}
.opus b.on{color:#b91c1c}
.doc-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 16px;margin-bottom:14px}
.doc-list .row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.doc-list .row:first-child{border-top:0}
.doc-list .row i{width:22px;height:22px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;color:#fff;background:#16a34a}
.doc-list .row i.bad{background:#b91c1c}
.doc-list .row b{display:block}
.doc-list .row span{color:var(--muted)}
.setup .field input{font-size:15px}
.setup .box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:14px}
.setup .box h3{margin:0 0 4px;font-size:16px}
.setup .box .hint{font-size:13.5px;color:var(--muted);margin-bottom:10px}
.setup .box .hint a{color:var(--brand)}
.setup .ok{color:#166534;font-size:13px;font-weight:600}
.setup .temp{font-family:ui-monospace,Menlo,monospace;font-size:16px;background:#FFF7E6;border:1px solid #fde3b3;border-radius:10px;padding:8px 12px;display:inline-block;margin:4px 0}
.setup .key{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--bg);border-radius:10px;padding:10px 12px}
.hfcard{background:linear-gradient(135deg,#0f172a,#334155);color:#fff;border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}
.hfcard b{display:block;font-size:16px}.hfcard span{font-size:13px;opacity:.9}
.hfcard .btn{background:#fff;color:#0f172a;border-radius:999px;font-weight:700}
.hfcard.ok{background:linear-gradient(135deg,#16A34A,#22c55e)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:#1c2333;color:#fff;border-radius:999px;padding:10px 18px;font-size:14px;z-index:50;display:none}
.toast.show{display:block}
.browser.phone .toast{bottom:90px}
.card .big{transition:none}