:root{
  --bv-orange:#F97316;--bv-orange-hover:#EA580C;--bv-orange-light:#FB923C;
  --bv-bg:#1C1917;--bv-surface:#292524;--bv-border:#44403C;
  --bv-text:#FAFAF9;--bv-text-muted:#A8A29E;--bv-live:#22C55E;
  --bv-error:#EF4444;--bv-warn:#F59E0B;
  --bg:var(--bv-bg);--surface:var(--bv-surface);--surface-2:#322d2a;--surface-3:#3a342f;
  --line:var(--bv-border);--line-soft:#3a3531;--ink:var(--bv-text);--muted:var(--bv-text-muted);
  --accent:var(--bv-orange);--accent-2:var(--bv-orange-light);--good:var(--bv-live);
  --danger:var(--bv-error);--focus:var(--bv-orange-light);
  --radius:8px;--max:1180px;--shadow:0 20px 60px rgba(0,0,0,.34);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark
}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}button,input,select{font:inherit}a{color:inherit}button,a,input,select,[tabindex]{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-150%);background:#fff;color:#111;padding:10px 14px;border-radius:4px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 8px;color:var(--accent-2);font-size:.72rem;font-weight:800;letter-spacing:.16em}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.055em}.brand-dim{color:var(--muted);font-weight:700}.brand-mark{position:relative;width:25px;height:25px;border:3px solid var(--accent);transform:rotate(45deg);border-radius:3px}.brand-mark span{position:absolute;width:9px;height:9px;right:4px;bottom:4px;background:var(--accent)}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.05;letter-spacing:-.04em}h2{font-size:1.45rem;line-height:1.2;letter-spacing:-.02em}.lede{color:#c1c5ca;font-size:1.04rem;max-width:62ch}.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line-soft);background:rgba(16,17,19,.94);backdrop-filter:blur(12px)}.topbar-inner{width:min(var(--max),calc(100% - 40px));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between}.primary-nav{height:100%;display:flex;align-items:center;gap:4px}.primary-nav>a,.text-button{border:0;background:transparent;color:#c6c9ce;padding:12px 14px;text-decoration:none;cursor:pointer;font-weight:650}.primary-nav>a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.primary-nav>a:hover,.text-button:hover{color:#fff}.primary-nav>a[aria-current=page]{color:#fff;border-color:var(--accent)}.nav-logout{margin-left:10px;padding-left:10px;border-left:1px solid var(--line)}.nav-toggle,.nav-scrim{display:none}.page{width:min(var(--max),calc(100% - 40px));min-height:calc(100vh - 136px);margin:0 auto;padding:54px 0 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}.page-heading>div>p:last-child{color:var(--muted);margin:10px 0 0}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:5px;padding:10px 17px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#111;border-color:var(--accent)}.button-primary:hover{background:#ff7b49}.button-secondary{background:var(--surface-2);color:var(--ink);border-color:#454a51}.button-light{background:#f3f4f5;color:#111}.button-danger{background:transparent;border-color:#794344;color:#ffaaa9}.button-danger:hover{background:#3b2325}.button-wide{width:100%}.icon-button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--ink);cursor:pointer}.notice{margin:0 0 24px;padding:13px 15px;border-left:3px solid var(--focus);background:var(--surface-2);display:flex;gap:10px;flex-wrap:wrap}.notice-error{border-color:var(--danger)}.notice-success{border-color:var(--good)}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-weight:750;color:#d9dcdf}.field small,.check-row small{color:var(--muted)}.field input,.field select{width:100%;min-width:0;height:48px;border:1px solid #474c53;border-radius:5px;background:#121416;color:var(--ink);padding:0 13px}.field input:hover,.field select:hover{border-color:#687079}.field input:focus,.field select:focus{border-color:var(--focus)}.optional{font-weight:500;color:var(--muted)}.stack-form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.field-wide{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.check-row{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);cursor:pointer}.check-row input{width:20px;height:20px;accent-color:var(--accent);flex:none}.check-row span{display:flex;flex-direction:column;gap:2px}.site-footer{width:min(var(--max),calc(100% - 40px));height:64px;margin:auto;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;color:#747b84;font-size:.82rem}
/* Authentication */.auth-shell{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 20% 10%,rgba(250,104,49,.09),transparent 32%),linear-gradient(135deg,#111214,#0c0d0e)}.auth-panel{width:min(430px,100%);padding:42px;border-top:3px solid var(--accent);background:var(--surface);box-shadow:var(--shadow)}.auth-brand{margin-bottom:50px}.auth-panel h1{font-size:2.15rem}.auth-note{margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
/* Setup */.setup-bar{height:68px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);color:var(--muted)}.setup-shell{width:min(1240px,100%);min-height:calc(100vh - 132px);margin:auto;display:grid;grid-template-columns:360px minmax(0,1fr)}.setup-steps{padding:64px 52px 50px 28px;border-right:1px solid var(--line-soft);background:#121416}.setup-steps h1{font-size:2.3rem}.setup-steps ol{list-style:none;margin:42px 0;padding:0;display:grid;gap:6px}.setup-steps li{position:relative;display:flex;gap:14px;padding:11px 10px;color:#777e87}.setup-steps li>span{width:29px;height:29px;border:1px solid #4a5057;border-radius:50%;display:grid;place-items:center;flex:none;font-size:.78rem;font-weight:800}.setup-steps li div{display:flex;flex-direction:column}.setup-steps li small{font-size:.76rem}.setup-steps li.is-current{color:#fff}.setup-steps li.is-current>span{background:var(--accent);border-color:var(--accent);color:#111}.setup-steps li.is-done>span{border-color:var(--good);color:var(--good)}.secure-note{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.setup-work{min-width:0;padding:70px clamp(30px,7vw,100px)}.setup-work>h2{font-size:clamp(2rem,4vw,3rem);margin:10px 0}.setup-work>.lede{margin-bottom:34px}.step-count{color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.probe-result{grid-column:1/-1;display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid var(--line);background:#151a18}.probe-result>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#244c37;color:#8ce4b4;font-weight:900}.probe-result p{margin:3px 0 0;color:var(--muted)}.instruction-block{border:1px solid var(--line);background:var(--surface)}.instruction-head{min-height:68px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}pre{margin:0;padding:20px;max-width:100%;overflow:auto;background:#0c0e0f;color:#d8dadd;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.command-list{list-style:none;margin:26px 0;padding:0;border-top:1px solid var(--line)}.command-list li{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr) 44px;align-items:center;gap:20px;min-height:82px;border-bottom:1px solid var(--line);padding:12px 0}.command-list p{margin:2px 0;color:var(--muted);font-size:.83rem}.command-list code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7d9dc;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.final-actions{margin-top:26px}
/* Live */.live-page{padding-top:42px}.live-heading{margin-bottom:23px}.live-heading h1{font-size:2.8rem}.stream-state{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#d4d7da;font-weight:750}.state-dot{width:9px;height:9px;border-radius:50%;background:var(--danger)}.stream-state.is-online .state-dot{background:var(--good);box-shadow:0 0 0 4px rgba(84,199,139,.12)}.viewer-shell{border:1px solid #353a40;background:#0a0b0c;box-shadow:var(--shadow)}.viewer-frame{position:relative;aspect-ratio:16/9;max-height:68vh;overflow:hidden;background:#070809}.viewer-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#070809}.viewer-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle,rgba(29,32,36,.5),rgba(8,9,10,.92));text-align:center}.viewer-overlay[hidden]{display:none}.viewer-message{max-width:460px}.viewer-message h2{font-size:1.8rem;margin:13px 0 6px}.viewer-message p{color:#adb2b8;margin:0 0 20px}.signal-icon{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid #6b4444;border-radius:50%;color:#ff9592;font-size:1.7rem}.live-chip{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:3px;background:rgba(12,13,14,.82);font-size:.69rem;font-weight:900;letter-spacing:.12em}.live-chip span{width:7px;height:7px;border-radius:50%;background:#ff504b}.viewer-toolbar{min-height:76px;padding:12px 16px 12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface)}.camera-meta{min-width:0;display:flex;flex-direction:column}.camera-meta span{color:var(--muted);font-size:.84rem}.viewer-actions{display:flex;gap:9px}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.status-strip>div{padding:18px 20px;border-right:1px solid var(--line)}.status-strip>div:last-child{border:0}.status-label{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.status-strip strong{font-size:.9rem}
/* Data */.data-section{border-top:2px solid #50555c}.section-head{min-height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-head h2{margin:0}.section-head>span{color:var(--muted);font-size:.84rem}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:17px 14px;text-align:left;border-bottom:1px solid var(--line-soft)}th{color:#858c94;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}td small{display:block;color:var(--muted)}.role-badge{display:inline-flex;padding:4px 8px;border:1px solid var(--line);border-radius:3px;font-size:.78rem}.status-text{display:inline-flex;align-items:center;gap:7px}.status-text i{width:7px;height:7px;border-radius:50%;background:#777}.status-text.is-good i{background:var(--good)}.status-text.is-muted{color:var(--muted)}.row-actions{text-align:right}.policy-note{display:grid;grid-template-columns:180px 1fr;gap:20px;margin-top:28px;padding:20px;border:1px solid var(--line);color:var(--muted)}.policy-note strong{color:var(--ink)}.policy-note p{margin:0}.share-list{display:grid}.share-row{display:grid;grid-template-columns:minmax(230px,1.3fr) minmax(360px,1fr) auto;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid var(--line-soft)}.share-main{display:flex;align-items:center;gap:14px;min-width:0}.share-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent);flex:none}.share-main h3,.share-main p{margin:0}.share-main p{color:var(--muted);font-size:.83rem}.share-facts{margin:0;display:grid;grid-template-columns:1.2fr 1fr .6fr;gap:18px}.share-facts dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.share-facts dd{margin:2px 0 0;font-weight:700}.expired-section{margin-top:45px}.modal{max-width:none;max-height:none;border:0;padding:0;background:transparent;color:var(--ink)}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.modal-card{width:min(500px,calc(100vw - 32px));display:grid;gap:20px;padding:28px;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:0;font-size:1.7rem}
/* Settings */.subnav{position:sticky;top:72px;z-index:30;display:flex;gap:28px;margin-bottom:50px;border-bottom:1px solid var(--line);background:var(--bg)}.subnav a{padding:14px 0;text-decoration:none;color:var(--muted);font-weight:700}.subnav a:hover{color:#fff}.settings-section{scroll-margin-top:145px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:60px;padding:0 0 55px;margin-bottom:55px;border-bottom:1px solid var(--line)}.settings-intro h2{margin:0}.settings-intro>p:last-child{color:var(--muted)}.settings-form{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-form .instruction-block,.settings-form .command-list,.settings-form .kv-list{grid-column:1/-1}.compact pre{max-height:300px}.command-list.compact{margin:0}.kv-list{border-top:1px solid var(--line)}.kv-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.kv-list span{color:var(--muted)}.status-grid>div{padding:17px;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.status-grid>div>span{color:var(--muted);font-size:.8rem}
@media(max-width:850px){.topbar-inner{width:calc(100% - 32px)}.nav-toggle{display:block;font-size:1.25rem}.primary-nav{position:fixed;z-index:60;top:0;right:0;width:min(320px,88vw);height:100dvh;padding:86px 20px 28px;display:none;align-items:stretch;flex-direction:column;background:#16181b;border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translateX(105%);transition:transform .2s ease}.nav-open .primary-nav{display:flex;transform:none}.primary-nav>a{height:auto;min-height:50px;border:0;border-left:2px solid transparent;padding:13px 16px}.primary-nav>a[aria-current=page]{border-left-color:var(--accent);background:#202328}.nav-logout{margin:auto 0 0;padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}.nav-scrim{position:fixed;z-index:50;inset:0;display:block;background:rgba(0,0,0,.62)}.page{width:calc(100% - 32px);padding-top:38px}.setup-shell{grid-template-columns:270px minmax(0,1fr)}.setup-steps{padding:42px 24px}.setup-work{padding:48px 30px}.share-row{grid-template-columns:1fr auto}.share-facts{grid-column:1/-1;grid-row:2}.settings-section{grid-template-columns:1fr;gap:20px}.settings-intro{max-width:65ch}}
@media(max-width:600px){h1{font-size:2.15rem}.button{min-height:48px}.page{width:calc(100% - 24px);padding:30px 0 50px}.page-heading{align-items:stretch;flex-direction:column;gap:20px;margin-bottom:28px}.page-heading>.button{width:100%}.site-footer{width:calc(100% - 24px)}.auth-shell{padding:0;align-items:stretch}.auth-panel{width:100%;min-height:calc(100vh - 64px);padding:36px 24px;box-shadow:none}.auth-brand{margin-bottom:55px}.setup-bar{padding:0 16px}.setup-shell{display:block}.setup-steps{padding:28px 20px;border-right:0;border-bottom:1px solid var(--line)}.setup-steps h1{font-size:1.85rem}.setup-steps ol{grid-template-columns:repeat(5,1fr);gap:5px;margin:24px 0 0}.setup-steps li{padding:0;justify-content:center}.setup-steps li div{display:none}.secure-note{display:none}.setup-work{padding:34px 18px 50px}.setup-work>h2{font-size:2rem}.form-grid,.settings-form{grid-template-columns:1fr}.field,.field-wide{grid-column:1}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .button{width:100%}.instruction-head{align-items:stretch;flex-direction:column}.instruction-head .button{width:100%}.command-list li{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:14px 0}.command-list li>div{grid-column:1/-1}.command-list code{grid-column:1}.live-heading{align-items:flex-start;flex-direction:row}.live-heading h1{font-size:2rem}.viewer-frame{aspect-ratio:4/3}.viewer-toolbar{align-items:stretch;flex-direction:column;padding:14px}.viewer-actions{display:grid;grid-template-columns:1fr 1fr}.status-strip{grid-template-columns:1fr}.status-strip>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.status-strip>div:last-child{border:0}.responsive-table{overflow:visible}table,tbody{display:block}thead{display:none}tr{display:grid;padding:15px 0;border-bottom:1px solid var(--line)}td{display:flex;justify-content:space-between;gap:15px;padding:7px 4px;border:0;text-align:right}td:before{content:attr(data-label);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;text-align:left}.row-actions{justify-content:flex-end}.row-actions:before{display:none}.policy-note{grid-template-columns:1fr;gap:7px}.share-row{grid-template-columns:1fr;padding:20px 0}.share-facts{grid-column:1;grid-row:auto}.share-row form,.share-row .button-danger{width:100%}.share-facts{gap:10px}.expired-section{margin-top:35px}.subnav{top:72px;gap:20px;overflow-x:auto;margin:0 -12px 35px;padding:0 12px}.settings-section{padding-bottom:38px;margin-bottom:38px}.kv-list>div{align-items:flex-start;flex-direction:column;gap:2px}.status-grid{grid-template-columns:1fr 1fr}.modal-card{padding:22px 18px}}
@media(max-width:340px){.topbar-inner{width:calc(100% - 24px)}.page{width:calc(100% - 20px)}.viewer-actions{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.auth-panel{padding-left:18px;padding-right:18px}.setup-work{padding-left:12px;padding-right:12px}.share-facts{grid-template-columns:1fr 1fr}.brand{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover{transform:none}}
/* === product polish v7 buddyview === */

/* Global polish */
body{background:
  radial-gradient(1200px 600px at 10% -10%, rgba(250,104,49,.12), transparent 55%),
  radial-gradient(900px 500px at 100% 0%, rgba(143,211,255,.05), transparent 40%),
  var(--bg)}
.page-heading p{max-width:62ch}
.notice{border-radius:10px;border:1px solid var(--line);border-left-width:4px;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 10px 30px rgba(0,0,0,.18);align-items:flex-start}
.notice-error{border-left-color:var(--danger);background:linear-gradient(180deg,#2a1a1b,var(--surface))}
.notice-success{border-left-color:var(--good);background:linear-gradient(180deg,#15241c,var(--surface))}
.field small code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#d7d9dc}
.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:700;text-transform:capitalize}
.topbar{border-bottom-color:rgba(52,56,62,.85);background:rgba(12,13,15,.88)}
.primary-nav>a[aria-current=page]{color:#fff}
.button-primary{box-shadow:0 8px 24px rgba(250,104,49,.25)}
.button-primary:hover{box-shadow:0 10px 28px rgba(250,104,49,.32)}

/* Setup: single elegant card (no empty side rail) */
.setup-shell{display:grid;place-items:center;grid-template-columns:1fr;width:min(720px,calc(100% - 32px));padding:36px 0 56px}
.setup-card,.setup-work{width:100%;padding:42px clamp(22px,5vw,48px);border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(29,32,36,.96),rgba(18,20,22,.98));box-shadow:var(--shadow)}
.setup-card .lede{margin-bottom:28px}
.setup-bar{backdrop-filter:blur(12px);background:rgba(12,13,15,.9)}
.setup-card .stack-form{gap:18px}
.setup-card .button-primary{width:100%;min-height:50px;margin-top:8px}

/* Auth */
.auth-panel{border:1px solid var(--line);border-radius:16px;border-top:3px solid var(--accent);background:linear-gradient(180deg,#1a1d21,#141619)}
.auth-panel .lede{color:#b7bcc3}

/* Live */
.live-page{padding-top:28px}
.live-heading{align-items:center}
.live-heading h1{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.viewer-shell{border-radius:14px;overflow:hidden;border-color:#3a3f46}
.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:linear-gradient(180deg,#121416,#0d0e10);border-top:1px solid #2a2e34}
.camera-meta{display:flex;flex-direction:column;gap:2px}
.camera-meta strong{font-size:.95rem}
.camera-meta span{color:var(--muted);font-size:.84rem}
.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;border:0;background:transparent}
.status-strip>div{padding:14px 16px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface)}
.status-strip>div:last-child{border:1px solid var(--line-soft)}
.status-label{display:block;margin-bottom:6px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.status-strip strong[data-last-media]{color:var(--good);transition:color .2s}
.status-strip strong[data-last-media].is-stale{color:var(--warn);animation:pulse 1.6s ease infinite}
.live-chip{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.live-chip span{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px rgba(237,106,105,.18);animation:pulse 1.6s ease infinite}
@keyframes pulse{50%{opacity:.45}}
.stream-state{backdrop-filter:blur(8px);background:rgba(23,25,28,.8)}

/* Cards / lists */
.data-section{border:1px solid var(--line);border-radius:14px;border-top:1px solid var(--line);background:var(--surface);overflow:hidden;margin-bottom:28px}
.data-section>.section-head, .data-section>h2{padding:0 18px;min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);margin:0}
.data-section>h2{font-size:1.05rem}
.data-list{display:grid;gap:0}
.data-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}
.data-card:last-child{border-bottom:0}
.data-card strong{display:block}
.data-card small{color:var(--muted)}
.data-list>p{padding:18px;color:var(--muted);margin:0}

/* Settings as clear editor panels */
.settings-page .stack-form,.page>.stack-form{display:grid;gap:0}
.page>.stack-form .data-section{margin-bottom:20px}
.page>.stack-form .form-grid{padding:4px 18px 18px}
.page>.stack-form .form-actions{padding:8px 0 24px}

/* Shares create panel */
.settings-section{display:block;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:18px 18px 22px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.settings-section h2{margin:0 0 8px}
.settings-intro>p:last-child,.settings-section>p{color:var(--muted)}
.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}
.settings-form .field-wide,.settings-form .form-actions{grid-column:1/-1}
.check-row{border-radius:10px}

@media(max-width:850px){
  .status-strip{grid-template-columns:1fr 1fr}
  .setup-shell{width:calc(100% - 24px);padding-top:20px}
  .setup-card{padding:28px 18px}
}
@media(max-width:600px){
  .status-strip{grid-template-columns:1fr}
  .settings-form{grid-template-columns:1fr}
  .viewer-toolbar{flex-direction:column;align-items:stretch}
  .data-card{flex-direction:column;align-items:stretch}
}

/* BuddyView brand */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand-lockup{display:block;height:32px;width:auto}
.brand-mark{display:none}
.button-primary,.btn-primary{background:var(--bv-orange);color:#1C1917}
.button-primary:hover{background:var(--bv-orange-hover)}
.stream-state.is-online .state-dot,.live-chip span{background:var(--bv-live)}
code,pre,kbd{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace}
.topbar{background:rgba(28,25,23,.92);border-bottom:1px solid var(--bv-border)}
.site-footer{color:var(--bv-text-muted)}