/* Hjelp (bølge 3, 18.10; Ny-41, 19.10): built on reviews.css like the other pages: the title on the grey page, «Finn svaret»
   and «Dine henvendelser» as titles over white cards, one main button, fields and buttons from r-field and r-btn, the way
   back as r-back. The older support rules in pilot.css and customer-design-bridge.css are overruled here by the page's own
   id. The frame also names the view, because the scoped rule for it in pilot-workspace.css wins over an unscoped rule of
   equal weight. */
#account[data-view="help"] #customer-support.help-page{max-width:1000px;margin:0 auto;padding:32px 0 64px;border:0;color:var(--r-ink)}
@media (min-width:821px){#account[data-view="help"] #customer-support.help-page{width:min(1000px,calc(100% - 2 * clamp(24px,3.5vw,56px)))}}
#account #customer-support .help-head{margin:0 0 24px}
#account #customer-support .help-head .r-h1{margin:0}
/* The two parts are titles over cards, not cards with a title inside: the title 20 px on the grey page, the card under it. */
#account #customer-support .r-card:is(.support-faq,.support-conversations){margin:0;padding:0;border:0;background:none;box-shadow:none;overflow:visible}
#account #customer-support :is(.support-faq,.support-conversations) h2{margin:0;color:var(--r-ink);font:600 20px/28px var(--r-font);letter-spacing:-.2px}
#account #customer-support .support-faq>h2{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:0;margin:0 0 12px}
#account #customer-support:not([data-panel=list]) .support-faq{display:none}
/* While the account is read: «Henter …» beside the title and grey lines where the questions will stand. */
#account #customer-support .help-fetching{color:var(--r-muted);font:400 13px/20px var(--r-font);white-space:nowrap}
#account #customer-support .help-fetching[hidden]{display:none}
#account #customer-support .p-faq-skel{display:flex;align-items:center;height:48px;padding:0 20px;border-top:.5px solid var(--r-line)}
#account #customer-support .p-faq-skel:first-child{border-top:0}
#account #customer-support .p-faq-line{display:block;height:12px;border-radius:6px;background:var(--r-track,#eceae4)}
#account #customer-support .p-faq-line.w1{width:300px}#account #customer-support .p-faq-line.w2{width:270px}#account #customer-support .p-faq-line.w3{width:230px}
#account #customer-support .p-faq-line.w4{width:210px}#account #customer-support .p-faq-line.w5{width:250px}#account #customer-support .p-faq-line.w6{width:190px}
/* Finn svaret: questions that open, with the chevron at the end of the row as on every other row in the app (19.10), grey
   as in Innstillinger, turning down when the answer is open. The answer and its link start where the question starts. */
#account #customer-support .p-faq{margin:0 0 32px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:#fff;box-shadow:var(--r-lift);overflow:hidden}
#account #customer-support .p-faq details{padding:0 20px;border-top:.5px solid var(--r-line)}
#account #customer-support .p-faq details:first-child{border-top:0}
#account #customer-support .p-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;color:var(--r-ink);font:500 var(--r-fs-body)/1.4 var(--r-font);list-style:none;cursor:pointer}
#account #customer-support .p-faq summary::-webkit-details-marker{display:none}
#account #customer-support .p-faq summary::marker{content:""}
#account #customer-support .p-faq summary svg{order:1;width:16px;height:16px;flex:none;fill:none;stroke:var(--r-muted);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
#account #customer-support .p-faq details[open] summary svg{transform:rotate(90deg)}
#account #customer-support .p-faq details p{max-width:72ch;margin:0 0 14px;color:var(--r-text);font-size:var(--r-fs-body);line-height:1.5}
/* Each answer ends with one link to the page it is about. */
#account #customer-support .p-faq details p:has(+.help-go:not([hidden])){margin-bottom:8px}
#account #customer-support .p-faq .help-go{margin:0 0 16px}
/* On a phone Hjelp opens from Innstillinger, so the way back leads there; on a wide screen Hjelp is in the menu. */
#account #customer-support .help-back{display:none}
/* The menu marks Hjelp as it marks the other pages: white with a hairline. */
.customer-app .pilot-sidebar-footer button[data-workspace-view=help].active{margin:0 -10px;padding:6px 10px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 .5px var(--shell-line-strong,rgba(16,24,40,.22));color:var(--r-ink)}
/* Dine henvendelser: the title with «Ny henvendelse» beside it when there are conversations; the list, one conversation or
   the form as the white card under it. With no conversations the card says so with the button to the right. */
#account #customer-support .support-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0;margin:0 0 12px}
#account #customer-support .support-head-actions{display:flex;gap:8px;flex:none;margin:0}
#account #customer-support .support-head-actions .r-btn{height:40px}
#account #customer-support .support-org-wrap{max-width:360px;margin:0 0 12px}
#account #customer-support .support-status{min-height:0;margin:0 0 10px;color:var(--r-muted);font-size:var(--r-fs-small)}
#account #customer-support .support-status:empty{display:none}
#account #customer-support .support-status.error{color:#b3261e}
#account #customer-support :is(.support-list,#support-detail,#support-create){margin:0;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:#fff;box-shadow:var(--r-lift)}
#account #customer-support .support-list{overflow:hidden}
#account #customer-support .support-list:empty{display:none}
#account #customer-support .support-list>.support-empty{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:24px 20px}
#account #customer-support .support-list>.support-empty>b{grid-column:1;font:600 17px/24px var(--r-font)}
#account #customer-support .support-list>.support-empty>p{grid-column:1;margin:4px 0 0;font-size:var(--r-fs-body)}
#account #customer-support .support-list>.support-empty>.r-btn{grid-column:2;grid-row:1 / span 2;margin:0;height:40px}
#account #customer-support .support-list>.support-retry{margin:16px 20px}
#account #customer-support .support-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;width:100%;min-height:0;margin:0;padding:14px 20px;border:0;border-radius:0;background:#fff;color:var(--r-ink);text-align:left;font:inherit;cursor:pointer}
#account #customer-support .support-ticket+.support-ticket{border-top:.5px solid var(--r-line)}
#account #customer-support .support-ticket:hover{background:var(--r-hover)}
#account #customer-support .support-ticket-top{display:flex;align-items:center;gap:10px;min-width:0}
#account #customer-support .support-ticket-top strong{overflow:hidden;font-size:var(--r-fs-body);font-weight:600;text-overflow:ellipsis;white-space:nowrap}
#account #customer-support .support-pill{display:inline-flex;align-items:center;gap:6px;flex:none;height:22px;padding:0 9px;border-radius:999px;background:var(--r-grey-soft);color:var(--r-text);font:500 var(--r-fs-small)/22px var(--r-font);white-space:nowrap}
#account #customer-support .support-pill::before{content:"";width:6px;height:6px;margin:0;border-radius:50%;background:var(--r-grey-9)}
#account #customer-support .support-pill.open{background:var(--r-blue-3);color:var(--r-blue-11)}
#account #customer-support .support-pill.open::before{background:var(--r-blue-9)}
#account #customer-support .support-pill.waiting_customer{background:var(--r-red-3);color:var(--r-red-11);font-weight:600}
#account #customer-support .support-pill.waiting_customer::before{background:var(--r-red-9)}
#account #customer-support .support-ticket-preview{grid-column:1;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-ui);text-overflow:ellipsis;white-space:nowrap}
#account #customer-support .support-ticket time{grid-column:2;grid-row:1;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap}
/* One conversation, and the form for a new one. */
#account #customer-support :is(#support-detail,#support-create){padding:18px 20px}
#account #customer-support :is(#support-detail,#support-create)[hidden]{display:none}
#account #customer-support :is(#support-detail,#support-create) h3{margin:0;color:var(--r-ink);font:600 var(--r-fs-title)/1.3 var(--r-font);letter-spacing:-.3px}
#account #customer-support .support-meta{margin:4px 0 14px;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account #customer-support .support-messages{display:grid;gap:10px;margin:0 0 16px;padding:0;border:0}
#account #customer-support .support-messages:empty{display:none}
#account #customer-support .support-message{max-width:650px;margin:0;padding:12px 14px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:#fff}
#account #customer-support .support-message.from-support{border-color:var(--r-ink)}
#account #customer-support .support-message header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:var(--r-fs-small)}
#account #customer-support .support-message header strong{color:var(--r-ink)}
#account #customer-support .support-message time{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap}
#account #customer-support .support-message p{margin:4px 0 0;color:var(--r-text);font-size:var(--r-fs-ui);white-space:pre-wrap;overflow-wrap:anywhere}
#account #customer-support form.r-form{gap:14px;margin:0}
#account #customer-support #support-create>.r-back{margin-bottom:0}
#account #customer-support form .r-field>span{margin-bottom:5px;font-size:var(--r-fs-meta);font-weight:400}
#account #customer-support form .r-field :is(input,textarea){display:block;width:100%;min-height:0;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff;color:var(--r-ink);font:var(--r-fs-body)/1.5 var(--r-font)}
#account #customer-support form .r-field input{height:var(--r-control);padding:0 12px}
#account #customer-support form .r-field textarea{min-height:96px;padding:10px 12px}
#account #customer-support form .r-actions .r-btn{width:auto;min-height:0;margin:0;padding:0 16px;border-radius:var(--r-radius-s);font:500 var(--r-fs-body)/1 var(--r-font)}
#account #customer-support .support-org-wrap select{height:var(--r-control);min-height:0;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);font-size:var(--r-fs-body)}

@media (max-width:820px){
 #account[data-view="help"] #customer-support.help-page{padding:0}
 #account #customer-support .help-head{margin-bottom:20px}
 #account #customer-support .help-back{display:flex}
 #account #customer-support .p-faq details{padding:0 16px}
 #account #customer-support .p-faq-skel{padding:0 16px}
 #account #customer-support .p-faq-line{max-width:calc(100% - 32px)}
 #account #customer-support .support-list>.support-empty{grid-template-columns:minmax(0,1fr);padding:16px}
 #account #customer-support .support-list>.support-empty>.r-btn{grid-column:1;grid-row:auto;width:100%;height:44px;margin-top:16px}
 #account #customer-support .support-list>.support-retry{margin:16px}
 #account #customer-support .support-ticket{padding:14px 16px}
 #account #customer-support .support-head-actions .r-btn{flex:none;height:44px}
 #account #customer-support :is(#support-detail,#support-create){padding:16px}
 #account #customer-support form .r-actions .r-btn{flex:1 1 auto}
 #account #customer-support form .r-field :is(input,textarea){font-size:16px}
}

/* REV-104 V3: two reading columns on desktop, one flow on mobile. Status is shown only by real tickets. */
body.customer-app #account #customer-support .help-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:32px;align-items:start}
body.customer-app #account #customer-support :is(.help-main,.help-side){min-width:0}
body.customer-app #account #customer-support :is(.support-faq,.support-conversations,.help-shortcuts,.help-contact) h2{font:600 18px/24px var(--r-font);letter-spacing:-.2px}
body.customer-app #account #customer-support .p-faq{margin-bottom:24px;border-radius:12px}
body.customer-app #account #customer-support .p-faq summary{min-height:56px;font-size:15px}
body.customer-app #account #customer-support .help-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin:0 0 24px;background:#fff;border:.5px solid var(--r-line-strong);border-radius:12px;box-shadow:var(--r-lift)}
body.customer-app #account #customer-support .help-contact :is(h2,p){margin:0}
body.customer-app #account #customer-support .help-contact p{margin-top:4px;color:var(--r-muted);font-size:14px;line-height:20px}
body.customer-app #account #customer-support .help-contact button{flex:none}
body.customer-app #account #customer-support .help-contact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.customer-app #account #customer-support:not([data-panel=list]) .help-contact{display:none}
body.customer-app #account #customer-support .help-shortcuts h2{margin:0 0 12px}
body.customer-app #account #customer-support .help-shortcut-list{overflow:hidden;background:#fff;border:.5px solid var(--r-line-strong);border-radius:12px;box-shadow:var(--r-lift)}
body.customer-app #account #customer-support .help-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 18px;border:0;background:#fff;color:var(--r-ink);font:500 15px/21px var(--r-font);text-align:left;cursor:pointer}
body.customer-app #account #customer-support .help-shortcut+.help-shortcut{border-top:.5px solid var(--r-line)}
body.customer-app #account #customer-support .help-shortcut:hover{background:var(--r-hover)}
body.customer-app #account #customer-support .help-shortcut svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--r-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.customer-app #account #customer-support .support-head{align-items:flex-start;flex-wrap:wrap}
body.customer-app #account #customer-support .support-head-actions .r-btn{height:36px;font-size:13px;background:transparent;color:var(--r-ink);box-shadow:inset 0 0 0 .5px var(--r-line-strong)}
body.customer-app #account #customer-support .support-ticket{min-height:76px;grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 18px}
body.customer-app #account #customer-support .support-ticket-top{align-items:flex-start;flex-wrap:wrap;gap:4px 12px}
body.customer-app #account #customer-support .support-ticket-top strong{font-size:15px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
body.customer-app #account #customer-support .support-ticket time{grid-column:1;grid-row:auto;font-size:13px}
body.customer-app #account #customer-support .support-pill,body.customer-app #account #customer-support .support-pill:is(.open,.waiting_customer,.resolved){height:auto;padding:0;background:transparent;color:var(--r-text);border-radius:0;font:500 13px/20px var(--r-font)}
body.customer-app #account #customer-support .support-pill::before{width:8px;height:8px}
body.customer-app #account #customer-support .support-pill.resolved::before{background:var(--r-green-9,#30a46c)}
body.customer-app #account #customer-support .support-ticket-preview{font-size:14px;line-height:20px}
body.customer-app #account #customer-support .support-meta{white-space:normal;overflow-wrap:anywhere}
body.customer-app #account #customer-support #support-subject{overflow-wrap:anywhere}
body.customer-app #account #customer-support .help-privacy-note{margin:0;color:var(--r-muted);font-size:13px;line-height:20px}
body.customer-app #account #customer-support .support-message{border-radius:12px}
body.customer-app #account #customer-support .support-message.from-support{border-color:var(--r-line-strong);box-shadow:inset 3px 0 0 var(--r-ink)}
@media(min-width:1001px){body.customer-app #account #customer-support:not([data-panel=list]) .support-faq{display:block}}
@media(max-width:1000px){
 body.customer-app #account #customer-support .help-columns{display:flex;flex-direction:column;gap:24px}
 body.customer-app #account #customer-support :is(.help-main,.help-side){width:100%}
 body.customer-app #account #customer-support .help-side{order:-1}
 body.customer-app #account #customer-support .help-contact{margin-bottom:24px;padding:16px}
 body.customer-app #account #customer-support:not([data-panel=list]) .help-main{display:none}
 body.customer-app #account #customer-support .support-ticket{padding:14px 16px}
 body.customer-app #account #customer-support .support-list>.support-empty{padding:16px}
}

/* V3 Hjelp 03.11 (HjelpMobil 1–5, HjelpDesktop). Support with AI is not built. */
body.customer-app #account #customer-support .p-faq summary svg{transform:rotate(90deg)}
body.customer-app #account #customer-support .p-faq details[open] summary svg{transform:rotate(-90deg)}
body.customer-app #account #customer-support .p-faq details p{margin:0 0 12px;font-size:15px;line-height:22px;color:var(--rv-text,#3d4049)}
body.customer-app #account #customer-support .p-faq .help-go{display:inline-flex;align-items:center;gap:8px;height:36px;min-height:0;margin:0 0 16px;padding:0 12px;border:0;border-radius:8px;background:#fff;color:var(--rv-ink,#16181d);box-shadow:inset 0 0 0 1px #c3c6cd,0 1px 1px rgba(16,24,40,.04);font:500 14px/1 var(--r-font);text-decoration:none;white-space:nowrap}
body.customer-app #account #customer-support .p-faq .help-go svg{display:none}
/* «Skriv til oss» on a phone: one row with a blue chat tile, as the first card on the page */
body.customer-app #account #customer-support .help-contact{position:relative;justify-content:flex-start;gap:14px;min-height:64px;padding:12px 16px}
body.customer-app #account #customer-support .help-contact::before{content:"";flex:none;width:40px;height:40px;border-radius:10px;background:#e6f4fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d74ce' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4z'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:inset 0 0 0 .5px rgba(0,144,255,.35)}
body.customer-app #account #customer-support .help-contact>div{flex:1;min-width:0}
body.customer-app #account #customer-support .help-contact h2{font:500 16px/22px var(--r-font);letter-spacing:0}
body.customer-app #account #customer-support .help-contact p{font-size:13px;line-height:18px}
body.customer-app #account #customer-support .help-contact #support-contact-button{position:absolute;inset:0;width:auto;height:auto;min-height:0;margin:0;padding:0 16px;border:0;border-radius:12px;background:transparent;box-shadow:none;color:transparent;font-size:0;display:flex;align-items:center;justify-content:flex-end}
body.customer-app #account #customer-support .help-contact #support-contact-button svg{width:18px;height:18px;stroke:var(--rv-muted,#6b6f78)}
body.customer-app #account #customer-support .help-contact #support-contact-button:focus-visible{outline:2px solid #174ea6;outline-offset:2px}
/* Dine henvendelser: rows with a tile, a dot status and a chevron */
body.customer-app #account #customer-support .support-ticket{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px}
body.customer-app #account #customer-support .support-ticket-tile{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;background:#e6f4fe;color:#0d74ce;box-shadow:inset 0 0 0 .5px rgba(0,144,255,.35)}
body.customer-app #account #customer-support .support-ticket[data-status=resolved] .support-ticket-tile{background:#eef0f2;color:#60646c;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)}
body.customer-app #account #customer-support .support-ticket-tile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
body.customer-app #account #customer-support .support-ticket-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
body.customer-app #account #customer-support .support-ticket-top strong{overflow:hidden;font:500 16px/22px var(--r-font);white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account #customer-support .support-ticket-meta{display:flex;align-items:center;gap:0;min-width:0;white-space:nowrap;font:400 13px/18px var(--r-font);color:var(--rv-muted,#6b6f78)}
body.customer-app #account #customer-support .support-ticket-meta time{font-size:13px}
body.customer-app #account #customer-support .support-ticket-meta time::before{content:" · ";white-space:pre}
body.customer-app #account #customer-support .support-pill{font-size:13px;line-height:18px}
body.customer-app #account #customer-support .support-pill.open::before{background:var(--rv-yellow,#f2b100)}
body.customer-app #account #customer-support .support-pill.waiting_customer::before{background:var(--rv-blue,#0090ff)}
body.customer-app #account #customer-support .support-ticket-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--rv-muted,#6b6f78);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.customer-app #account #customer-support .support-list>.support-empty{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
body.customer-app #account #customer-support .support-list>.support-empty>.r-btn,body.customer-app #account #customer-support #support-new-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;margin-top:12px;padding:0 16px;border-radius:10px;background:#fff;color:var(--rv-ink,#16181d);box-shadow:inset 0 0 0 1px #c3c6cd,0 1px 1px rgba(16,24,40,.04);font:500 15px/1 var(--r-font)}
body.customer-app #account #customer-support .support-new svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
body.customer-app #account #customer-support #support-new-button[hidden]{display:none}
/* One conversation: the owner's messages dark on the right, ours white on the left, the time under each */
body.customer-app #account #customer-support .support-messages{gap:16px}
body.customer-app #account #customer-support .support-message{display:flex;flex-direction:column;gap:6px;max-width:85%;padding:0;border:0;background:none;box-shadow:none}
body.customer-app #account #customer-support .support-message:not(.from-support){align-self:flex-end;align-items:flex-end;margin-left:auto}
body.customer-app #account #customer-support .support-message p{order:1;margin:0;padding:12px 14px;border-radius:12px;background:#fff;color:var(--rv-ink,#16181d);font-size:14px;line-height:20px;box-shadow:0 0 0 .5px rgba(16,24,40,.13),0 1px 2px rgba(16,24,40,.05)}
body.customer-app #account #customer-support .support-message:not(.from-support) p{background:#16181d;color:#fff;box-shadow:none}
body.customer-app #account #customer-support .support-message header{order:2;gap:0;font-size:13px;color:var(--rv-muted,#6b6f78)}
body.customer-app #account #customer-support .support-message header strong{font-weight:400;color:var(--rv-muted,#6b6f78)}
body.customer-app #account #customer-support .support-message header time::before{content:" · ";white-space:pre}
body.customer-app #account #customer-support .support-message.from-support{box-shadow:none}
/* Snarveier: a coloured tile in front of each */
body.customer-app #account #customer-support .help-shortcut{justify-content:flex-start;gap:12px}
body.customer-app #account #customer-support .help-shortcut>span{flex:1}
body.customer-app #account #customer-support .help-shortcut::before{content:"";flex:none;width:32px;height:32px;border-radius:8px;background:#eef0f2 center/16px no-repeat;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)}
body.customer-app #account #customer-support .help-shortcut[data-help-go=reviews]::before{background-color:#fff7c2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab6400' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)}
body.customer-app #account #customer-support .help-shortcut[data-help-go=profile]::before{background-color:#f4f0fe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236550b9' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 .5px rgba(110,86,207,.4)}
body.customer-app #account #customer-support .help-shortcut[data-help-go=qr]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360646c' stroke-width='1.8'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Cpath d='M14 14h2v2h-2zM18 18h2v2h-2z'/%3E%3C/svg%3E")}
@media(min-width:1001px){
 body.customer-app #account #customer-support .help-shortcut-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;background:none;border:0;box-shadow:none}
 body.customer-app #account #customer-support .help-shortcut,body.customer-app #account #customer-support .help-shortcut+.help-shortcut{min-height:60px;border:0;border-radius:12px;box-shadow:0 0 0 .5px rgba(16,24,40,.13),0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.04)}
 body.customer-app #account #customer-support .help-shortcut>svg{display:none}
 /* The form stands in the right column above «Dine henvendelser» */
 body.customer-app #account #customer-support .support-conversations{display:flex;flex-direction:column}
 body.customer-app #account #customer-support[data-inline-create=true] #support-create{order:-2;margin:0 0 24px;padding:20px 18px}
 body.customer-app #account #customer-support[data-inline-create=true] .help-contact{display:none}
 body.customer-app #account #customer-support[data-inline-create=true] #support-create h3{font:600 17px/24px var(--r-font)}
 body.customer-app #account #customer-support[data-inline-create=true] #support-create .r-actions .r-btn{align-self:flex-start}
}
@media(max-width:1000px){
 /* With conversations they stand first; the button for a new one is a full row under the list */
 body.customer-app #account #customer-support .support-conversations{display:flex;flex-direction:column}
 body.customer-app #account #customer-support #support-new-button{width:100%}
}
body.customer-app #account #customer-support .support-status.ok{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line,rgba(16,24,40,.13)),0 4px 14px rgba(16,24,40,.08);font:500 14px/20px var(--r-font);color:var(--rv-ink,#16181d)}
body.customer-app #account #customer-support .support-status.ok::before{content:"";flex:none;width:18px;height:18px;background:#218358;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
body.customer-app #account #customer-support #support-subject:focus{outline:0}
@media(min-width:1001px){body.customer-app #account #customer-support[data-inline-create=true] .support-list>.support-empty>.r-btn{display:none}}
/* V3 Hjelp mobil 03.11 (HjelpMobil #3 Skriv til oss, #5 Henvendelse): the form and one conversation are their own screens
   on a phone, «‹ Hjelp» in the top bar, the actions pinned at the bottom and no menu under them. */
body.customer-app #account #customer-support .support-create-sub{display:none}
body.customer-app #account #customer-support #support-create .support-cancel{display:none}
@media(max-width:820px){
 body.customer-app #account #customer-support:is([data-panel=create],[data-panel=detail]) :is(.help-head,.support-head,.help-side>.help-contact){display:none}
 body.customer-app #account #customer-support:is([data-panel=create],[data-panel=detail]) :is(#support-create-back,#support-back){display:none}
 body.customer-app #account #customer-support[data-panel=create] #support-create{display:flex;flex-direction:column;gap:20px;margin:0;padding:0 0 120px;border:0;background:none;box-shadow:none}
 body.customer-app #account #customer-support[data-panel=create] #support-create h3{margin:0;font:600 26px/32px var(--r-font);letter-spacing:-.5px;color:var(--rv-ink,#16181d)}
 body.customer-app #account #customer-support[data-panel=create] .support-create-sub{display:block;margin:-16px 0 0;font:400 15px/22px var(--r-font);color:var(--rv-text,#3d4049)}
 body.customer-app #account #customer-support[data-panel=create] form .r-field>span{margin-bottom:10px;font:500 14px/20px var(--r-font);color:var(--rv-ink,#16181d)}
 body.customer-app #account #customer-support[data-panel=create] form .r-field :is(input,textarea){border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #c3c6cd;font-size:16px}
 body.customer-app #account #customer-support[data-panel=create] form .r-field input{height:48px;padding:0 14px}
 body.customer-app #account #customer-support[data-panel=create] form .r-field textarea{min-height:112px;padding:12px 14px}
 body.customer-app #account #customer-support[data-panel=create] .help-privacy-note{margin:-12px 0 0}
 body.customer-app #account #customer-support:is([data-panel=create],[data-panel=detail]) form#support-create .r-actions,body.customer-app #account #customer-support:is([data-panel=create],[data-panel=detail]) form#support-reply .r-actions{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 2fr;gap:12px;margin:0;padding:12px 16px max(28px,env(safe-area-inset-bottom));background:#fff;border-top:.5px solid var(--rv-line,rgba(16,24,40,.13))}
 body.customer-app #account #customer-support[data-panel=create] #support-create .support-cancel{display:inline-flex}
 body.customer-app #account #customer-support:is([data-panel=create],[data-panel=detail]) form .r-actions .r-btn{width:100%;height:48px;margin:0;justify-content:center;font:500 15px/1 var(--r-font);border-radius:10px}
 body.customer-app #account #customer-support:is([data-panel=create],[data-panel=detail]) form .r-actions .support-cancel{background:#fff;color:var(--rv-ink,#16181d);box-shadow:inset 0 0 0 1px #c3c6cd}
 body.customer-app #account #customer-support[data-panel=detail] #support-reply .r-actions{grid-template-columns:1fr}
 body.customer-app:has(#customer-support:is([data-panel=create],[data-panel=detail]):not([hidden])) .pilot-bottom-nav{display:none!important}
 /* One conversation (#5): the subject as the title, the status as a dot, the bubbles, «Svar» and the field */
 body.customer-app #account #customer-support[data-panel=detail] #support-detail{margin:0;padding:0 0 120px;border:0;background:none;box-shadow:none}
 body.customer-app #account #customer-support[data-panel=detail] #support-subject{font:600 26px/32px var(--r-font);letter-spacing:-.5px}
 body.customer-app #account #customer-support[data-panel=detail] #support-reply .r-field>span{font:500 14px/20px var(--r-font);color:var(--rv-ink,#16181d)}
 body.customer-app #account #customer-support[data-panel=detail] #support-reply textarea{border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #c3c6cd;font-size:16px;min-height:80px}
}
@media(min-width:821px){body.customer-app #account #customer-support #support-create .r-actions .support-cancel{display:none}}
body.customer-app #account #customer-support .support-toast{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line,rgba(16,24,40,.13)),0 4px 14px rgba(16,24,40,.08);font:500 14px/20px var(--r-font);color:var(--rv-ink,#16181d)}
body.customer-app #account #customer-support .support-toast[hidden]{display:none}
body.customer-app #account #customer-support .support-toast::before{content:"";flex:none;width:18px;height:18px;background:#218358;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
body.customer-app #account #customer-support:not([data-panel=list]) .support-toast{display:none}
@media(max-width:820px){body.customer-app #account #customer-support[data-has-tickets=true] .help-contact{display:none}}
/* V3 kontroll 4b 03.11 (HjelpMobil #1, HjelpDesktop): no empty «Dine henvendelser» card on a phone, six shortcuts with
   tiles, and the blue focus ring of the design in every field. */
@media(max-width:820px){body.customer-app #account #customer-support[data-panel=list][data-has-tickets=false] .support-conversations{display:none}}
body.customer-app #account #customer-support .help-shortcut[data-help-go=customers-new]::before{background-color:#e6f4fe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d74ce' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4z'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 .5px rgba(0,144,255,.35)}
body.customer-app #account #customer-support .help-shortcut[data-help-go=link]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360646c' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3'/%3E%3C/svg%3E")}
body.customer-app #account #customer-support .help-shortcut[data-help-go=sources]::before{background-color:#e6f6eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23218358' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)}
body.customer-app #account #customer-support :is(input,textarea,select):focus-visible{outline:0;box-shadow:inset 0 0 0 1px #174ea6,0 0 0 3px var(--help-gap,#f3f3f2),0 0 0 5px #174ea6!important}
body.customer-app #account #customer-support :is(#support-create,#support-reply){--help-gap:#fff}
@media(max-width:820px){body.customer-app #account #customer-support:is([data-panel=create],[data-panel=detail]) :is(#support-create,#support-reply){--help-gap:#f3f3f2}}
body.customer-app #account #customer-support .support-meta .support-pill{font-size:13px}
body.customer-app #account #customer-support .support-meta{display:flex;align-items:center;gap:0;white-space:nowrap}
/* V3 03.11 «Status for tjenesten» (HjelpMobil #1–2, HjelpDesktop): a summary with a tile, then one line per check with a
   dot and neutral text. On a phone it is one card with «Skriv til oss» while all is well, and opens by itself when something
   is late; on a wide screen it stands open in the right column with its heading. */
body.customer-app #account #customer-support .help-status{margin:0 0 24px}
body.customer-app #account #customer-support .help-status[hidden]{display:none}
body.customer-app #account #customer-support:not([data-panel=list]) .help-status{display:none}
body.customer-app #account #customer-support .help-status>h2{margin:0 0 12px;font:600 18px/24px var(--r-font);letter-spacing:-.2px}
body.customer-app #account #customer-support .help-status-card{overflow:hidden;background:#fff;border:.5px solid var(--r-line-strong);border-radius:12px;box-shadow:var(--r-lift)}
body.customer-app #account #customer-support .help-status-head{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;margin:0;padding:12px 16px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--rv-ink,#16181d);text-align:left;cursor:pointer}
body.customer-app #account #customer-support .help-status-head:disabled{cursor:default;opacity:1}
body.customer-app #account #customer-support .help-status-head:focus-visible{outline:2px solid #174ea6;outline-offset:-2px}
body.customer-app #account #customer-support .help-status-tile{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;background:#eef0f2;color:#60646c;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)}
body.customer-app #account #customer-support .help-status-tile[data-tone=green]{background:#e9f6ee;color:#218358;box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)}
body.customer-app #account #customer-support .help-status-tile[data-tone=yellow]{background:#fff7c2;color:#ab6400;box-shadow:inset 0 0 0 .5px rgba(242,177,0,.45)}
body.customer-app #account #customer-support .help-status-tile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.customer-app #account #customer-support .help-status-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
body.customer-app #account #customer-support .help-status-copy b{overflow:hidden;font:500 16px/22px var(--r-font);white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account #customer-support .help-status-copy small{overflow:hidden;color:var(--rv-muted,#6b6f78);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account #customer-support .help-status-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--rv-muted,#6b6f78);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
body.customer-app #account #customer-support .help-status-card[data-open=true] .help-status-chev{transform:rotate(90deg)}
body.customer-app #account #customer-support .help-status-list{display:none;border-top:.5px solid var(--rv-line,rgba(16,24,40,.13))}
body.customer-app #account #customer-support .help-status-card[data-open=true] .help-status-list{display:block}
body.customer-app #account #customer-support .help-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin:0;padding:0 16px;color:var(--rv-text,#3d4049);font:400 14px/20px var(--r-font)}
body.customer-app #account #customer-support .help-status-row+.help-status-row{border-top:.5px solid var(--rv-line,rgba(16,24,40,.13))}
body.customer-app #account #customer-support .help-status-row>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account #customer-support .help-status-row .rv-status{flex:none;color:var(--rv-text,#3d4049);white-space:nowrap}
body.customer-app #account #customer-support .help-status-note{margin:0;padding:12px 16px;border-top:.5px solid var(--rv-line,rgba(16,24,40,.13));color:var(--rv-text,#3d4049);font:400 14px/20px var(--r-font)}
@media(min-width:1001px){
 body.customer-app #account #customer-support .help-status-list{display:block}
 body.customer-app #account #customer-support .help-status-chev{display:none}
 body.customer-app #account #customer-support .help-status-head{cursor:default}
 body.customer-app #account #customer-support .help-status-row:is([data-key=reviews],[data-key=replies]){display:none}
}
@media(max-width:1000px){
 body.customer-app #account #customer-support .help-status>h2{display:none}
 body.customer-app #account #customer-support .help-status-row[data-key=google]{display:none}
}
@media(max-width:820px){
 body.customer-app #account #customer-support[data-panel=list]:not([data-has-tickets=true]) .help-status:has(.help-status-card[data-open=false]){margin-bottom:0}
 body.customer-app #account #customer-support[data-panel=list]:not([data-has-tickets=true]) .help-status:has(.help-status-card[data-open=false]) .help-status-card{border-bottom:0;border-radius:12px 12px 0 0;box-shadow:none}
 body.customer-app #account #customer-support[data-panel=list]:not([data-has-tickets=true]) .help-status:has(.help-status-card[data-open=false])+.help-contact{border-radius:0 0 12px 12px}
}