.crm-setup{display:grid;gap:16px;min-width:0}
.crm-setup .crm-card{display:grid;gap:14px;min-width:0}
.crm-setup .crm-card>h3,.crm-setup .crm-card>.r-note{margin:0}
.crm-setup .crm-card>.r-btn,.crm-setup .st-form>.r-btn{justify-self:start;max-width:100%;white-space:normal;text-align:left}
.crm-setup code,.crm-setup pre{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.6}
.crm-setup .crm-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;margin:0;font-size:14px}
.crm-setup .crm-preview dt{font-weight:500}
.crm-setup .crm-preview dd{margin:0;overflow-wrap:anywhere}
.crm-setup .r-field input,.crm-setup .r-field select{max-width:100%;min-width:0}
.crm-setup .crm-card:focus-within{scroll-margin-block:24px}
/* V3 03.11 (EgetSystemMobil #2–8): the state as a dot, the key once in its own card, the address and the header as code
   boxes, the facts of a test as rows, and «Koble fra» as the red link with its confirmation in a box. */
#account .crm-setup .crm-card{display:flex;flex-direction:column;gap:12px;align-items:stretch}
#account .crm-setup .crm-card>h3{margin:0;font:600 18px/24px var(--r-font)}
#account .crm-setup .crm-card>.r-note{margin:0}
#account .crm-setup .crm-state{margin:-6px 0 0}
#account .crm-setup .crm-key{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:#fff7c2;box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)}
#account .crm-setup .crm-key-title{font:600 16px/22px var(--r-font)}
#account .crm-setup .crm-key .r-note{margin:0}
#account .crm-setup .crm-key input{width:100%;height:48px;padding:0 14px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #c3c6cd;font:500 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
#account .crm-setup .crm-send{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:14px;border-radius:10px;background:#fff}
#account .crm-setup .crm-label{color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase}
#account .crm-setup .crm-code{display:block;padding:10px 12px;border-radius:8px;background:#f6f5f1;color:var(--r-ink);font:500 13px/19px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
#account .crm-setup .crm-example{margin:0;padding:12px;border-radius:8px;background:#16181d;color:#fff;font:500 12px/18px ui-monospace,SFMono-Regular,Menlo,monospace}
#account .crm-setup .crm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#account .crm-setup .crm-actions>.r-btn,#account .crm-setup .r-btn.crm-wide{width:100%;height:44px;min-height:44px;margin:0}
#account .crm-setup .crm-facts{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;box-shadow:0 0 0 .5px var(--r-line)}
#account .crm-setup .crm-fact{display:flex;justify-content:space-between;gap:12px;min-height:44px;padding:10px 14px;border-top:.5px solid var(--r-line);font-size:14px;line-height:20px}
#account .crm-setup .crm-fact:first-child{border-top:0}
#account .crm-setup .crm-fact>span{color:var(--r-muted)}
#account .crm-setup .crm-fact>b{font-weight:500;text-align:right}
#account .crm-setup .crm-confirm{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;border-left:3px solid #e5484d;background:#fff;box-shadow:0 0 0 .5px var(--r-line)}
#account .crm-setup .crm-confirm>.r-note{margin:0}
#account .crm-setup .r-btn.crm-red{align-self:flex-start;height:auto;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:#b4232a;font:500 15px/20px var(--r-font);text-decoration:underline;text-decoration-color:rgba(180,35,42,.35);text-underline-offset:4px}
#account .crm-setup .crm-actions>.r-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:stretch}#account .crm-setup .crm-key,#account .crm-setup .crm-send{min-width:0}
/* Kontroll 03.11: the key card white, the tick row, and «Nøkkelen er laget» as the card's title. */
#account .crm-setup .crm-key{background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.05)}
#account .crm-setup .crm-key-sub{font:500 15px/20px var(--r-font)}
#account .crm-setup .crm-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer}
#account .crm-setup .crm-check>input{width:20px;height:20px;margin:0;accent-color:var(--r-ink)}
#account .crm-setup .crm-card>.crm-send{margin:0;padding:0;background:none}