/* 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}
.rk-okt{font-size:13px;color:var(--muted);text-align:center;margin:10px 0 0;font-variant-numeric:tabular-nums}
.rk-okt.snart{color:var(--warn);font-weight:600}
/* Forhåndsvisning av e-papirskjerm */
.rk-epapir{display:flex;gap:16px;align-items:center;background:#fff;color:#000;border:10px solid #2b2f36;border-radius:10px;padding:14px;margin-bottom:12px;aspect-ratio:4/3;font-family:Helvetica,Arial,sans-serif}
.rk-epapir .qr{flex:none;line-height:0}
.rk-epapir .tekst{display:flex;flex-direction:column;gap:4px;min-width:0}
.rk-epapir .n{font-size:20px;line-height:1.15}
.rk-epapir hr{border:none;border-top:2px solid #000;margin:8px 0;width:100%}
.rk-epapir small{font-size:12px}
@media (max-width:480px){.rk-epapir{flex-direction:column;aspect-ratio:auto}}
/* Innlogging i beboerdialogen */
.rk-innlogging{border:1px solid var(--line);border-radius:var(--r-liten);padding:12px 12px 2px;background:var(--hover)}
.rk-felt-knapp{display:flex;gap:8px}
.rk-felt-knapp input{flex:1;min-width:0}
.mono-felt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.rk-ark-rad{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}
.rk-ark-rad .etikett{width:92px;flex:none}
.rk-ark-rad .mono{font-size:15px}
/* Koble til ESP32 */
.rk-steg{padding-left:20px;margin:6px 0 12px}
.rk-steg li{margin-bottom:12px}
.rk-steg .hjelp{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}
esp-web-install-button{display:inline-block}
/* Stengt dør: tidsplan */
.rk-plan{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.rk-plan input[type=time]{width:auto;min-width:110px}
.rk-dager{display:flex;gap:2px;flex-wrap:wrap}
.rk-dager label{display:inline-flex;align-items:center;gap:3px;font-size:13px;padding:4px 6px;border:1px solid var(--line-strong);border-radius:7px;cursor:pointer;color:var(--ink)}
.rk-dager input{width:14px;height:14px}
/* XBoard I/O-oppsett */
.rk-io{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:700px){.rk-io{grid-template-columns:1fr 1fr}}
.rk-io .row{display:grid;grid-template-columns:96px 1fr;gap:8px}.rk-io .row>*{min-width:0}
.modal .box:has(.rk-io){max-width:860px}