/* Ringeklokke-spesifikke komponenter – bygger på OneCo-tokenene */
.rk-side{max-width:560px;margin:0 auto;padding:18px 16px 40px}
.rk-velkommen{text-align:center;padding:26px 18px}
.rk-velkommen .stor-tittel{font-size:24px;font-weight:650;margin:0 0 6px;line-height:1.2}
.rk-velkommen .adresse{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:15px}
.rk-velkommen .adresse svg{width:17px;height:17px}
.rk-velkommen .badge{margin-top:12px}
.rk-velkommen .badge svg{width:14px;height:14px}

.rk-ring{width:100%;min-height:68px;font-size:20px;font-weight:650;border-radius:14px;gap:12px}
.rk-ring svg{width:26px;height:26px}
.rk-sok{position:relative}
.rk-sok svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.rk-sok input{padding-left:38px}
.rk-liten{font-size:12.5px;color:var(--muted);text-align:center;margin:16px 6px 0}
.rk-fot{text-align:center;font-size:12px;color:var(--muted);margin-top:28px}

/* Samtalevisning */
.rk-samtale{text-align:center;padding:30px 18px}
.rk-puls{position:relative;width:112px;height:112px;margin:8px auto 22px;border-radius:50%;background:var(--accent-fyll);color:#fff;display:flex;align-items:center;justify-content:center}
.rk-puls svg{width:46px;height:46px}
.rk-puls.ringer::before,.rk-puls.ringer::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--accent-fyll);animation:rk-bolge 2s infinite;opacity:0}
.rk-puls.ringer::after{animation-delay:1s}
.rk-puls.aktiv{background:var(--ok)}
.rk-puls.slutt{background:var(--gra-bg);color:var(--muted)}
@keyframes rk-bolge{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
.rk-samtale .hvem{font-size:22px;font-weight:650;margin-bottom:4px}
.rk-samtale .hva{color:var(--muted);margin-bottom:22px;min-height:1.45em}
.rk-knapprad{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.rk-rund{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:13px;color:var(--muted);font-weight:550}
.rk-rund button{width:68px;height:68px;border-radius:50%;padding:0}
.rk-rund button svg{width:28px;height:28px}
.rk-rund .legg-pa{background:var(--err);border-color:var(--err);color:#fff}
.rk-rund .legg-pa:hover{background:var(--err);filter:brightness(.92)}
.rk-rund .svar{background:var(--ok);border-color:var(--ok);color:#fff}
.rk-rund .svar:hover{background:var(--ok);filter:brightness(.92)}
.rk-rund .apne{background:var(--accent-fyll);border-color:var(--accent-fyll);color:#fff}
.rk-rund .apne:hover{background:var(--accent-fyll-hover)}
.rk-rund .valgt{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.rk-opplast{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:650;padding:16px;margin:0 0 20px}
.rk-opplast svg{width:26px;height:26px}

/* Innkommende anrop – fullskjerm i beboer-appen */
.rk-anrop{position:fixed;inset:0;z-index:70;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px max(30px,env(safe-area-inset-bottom));text-align:center}
.rk-anrop .dor-navn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:650;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:999px;margin-bottom:12px}
.rk-anrop .dor-navn svg{width:18px;height:18px}
.rk-anrop h2{font-size:26px;font-weight:650;margin:0 0 6px}
.rk-anrop .hva{color:var(--muted);margin-bottom:30px;min-height:1.45em}
.rk-anrop .rk-knapprad{gap:34px;margin-top:auto}
.rk-anrop .topp{margin-top:auto;display:flex;flex-direction:column;align-items:center}

/* Dørstatus */
.rk-dor{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.rk-dor:last-child{border-bottom:none}
.rk-dor .ikonboks{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--gra-bg);color:var(--muted);flex:none}
.rk-dor .ikonboks svg{width:22px;height:22px}
.rk-dor.lukket .ikonboks{background:var(--ok-soft);color:var(--ok)}
.rk-dor.apen .ikonboks{background:var(--warn-soft);color:var(--warn)}
.rk-dor .vokser{flex:1;min-width:0}
.rk-dor .navn{font-weight:600}
.rk-dor .tilstand{font-size:13px;color:var(--muted)}

.rk-installer{display:flex;gap:12px;align-items:flex-start}
.rk-installer svg{width:22px;height:22px;flex:none;margin-top:2px}
.rk-qr{background:#fff;border-radius:var(--r-liten);padding:8px;display:inline-block;line-height:0}
.rk-qr svg{width:180px;height:180px}
.rk-farger{display:flex;gap:8px;flex-wrap:wrap}
.rk-farger button{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line-strong)}
.rk-farger button.valgt{box-shadow:0 0 0 2px var(--accent)}
.rk-logo-forhand{display:flex;align-items:center;justify-content:center;height:74px;border-radius:var(--r-liten);border:1px dashed var(--line-strong);padding:10px;margin-bottom:10px}
.rk-logo-forhand.lys{background:#fff}
.rk-logo-forhand.mork{background:#1b1f27}
.rk-logo-forhand img{max-height:50px;max-width:100%}
.rk-tall{font-size:28px;font-weight:650;line-height:1.1}
.rk-tall-etikett{font-size:13px;color:var(--muted)}
.rk-tekst-logo{font-weight:700;font-size:18px;color:var(--accent);white-space:nowrap}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;word-break:break-all}
@media (max-width:600px){#statusTekst{display:none}}
.sideknapper{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;color:var(--muted);font-size:14px}