/* Hjem (Jan 19.10, Ny-03): «Ting å gjøre» as one list with a pill per row (Viktig red, Middels orange, Lite grey), the
   most important first and the one black button on the first row; «Går av seg selv» as a white card with one row per
   thing, four numbers, the goal with a bar in ink. Built on reviews.css; only Hjem's own layout lives here. */
/* The same column as the other pages: 1000 px wide, the panel's side gutter on narrower screens. */
@media (min-width:821px){#account .r-page.home-page{width:min(1000px,calc(100% - 2 * clamp(24px,3.5vw,56px)));max-width:1000px;padding:32px 0 64px}}
@media (max-width:820px){#account .r-page.home-page{padding:16px 0 24px}}
#account .home-page .r-h1{margin:4px 0 16px;font-size:32px;letter-spacing:-.8px}
/* The heading with the customer button beside it; on a phone the button goes under the heading. With no «Hei» over it,
   the heading starts where the titles of Kunder and Hjelp start. */
#account .home-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
#account .home-head .r-h1{margin:0;min-width:0}
#account .home-head .r-btn{flex:none}
#account .home-todo{overflow:hidden}
/* One row: the pill in a 72 px column, so the titles line up; the title (17 px), one line (15 px, never more), the grey
   line (13 px, never wrapped) and the button at the right. */
#account .home-todo-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px}
#account .home-todo-row+.home-todo-row{border-top:.5px solid var(--r-line)}
#account .home-pill{display:inline-flex;align-items:center;justify-self:start;align-self:start;height:22px;margin-top:1px;padding:0 9px;border-radius:999px;font:500 13px/22px var(--r-font);white-space:nowrap;flex:none}
#account .home-pill.high{background:var(--r-red-3);color:var(--r-red-11)}
#account .home-pill.medium{background:var(--r-orange-3);color:var(--r-orange-11)}
#account .home-pill.low{background:var(--r-grey-3);color:var(--r-grey-11)}
#account .home-who{min-width:0}
#account .home-who>b{display:block;color:var(--r-ink);font:600 17px/24px var(--r-font);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* The line says why and what shows it, in full: it wraps rather than ending in «…» (Jan 20.10). */
#account .home-line{display:flex;align-items:flex-start;gap:8px;min-width:0;margin-top:4px;color:var(--r-text);font-size:15px;line-height:21px}
#account .home-line>span{min-width:0}
#account .home-line .r-stars{margin-top:4px}
/* A customer's own words stay one line; the reasons wrap. */
#account .home-line>.home-quote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account .home-line .r-stars{flex:none;gap:2px}
#account .home-line .r-stars .r-star{width:13px;height:13px}
#account .home-page .r-star.off{color:#dadce0}
#account .home-meta{display:block;min-width:0;margin-top:4px;color:var(--r-muted);font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* REV-93: the star stands on the middle of «3,8», not above it, with a little air before the number. */
#account .home-meta>.r-star{vertical-align:-0.2em;margin-right:2px}
#account .home-todo-row .r-btn{min-width:130px}
/* «Vis N til»: the last row of the card, opening the rest of the list. */
#account .home-more-rows{display:flex;align-items:center;gap:6px;width:100%;height:48px;min-height:0;margin:0;padding:0 22px 0 112px;border:0;border-top:.5px solid var(--r-line);border-radius:0;background:none;color:var(--r-ink);font:500 14px/1 var(--r-font);white-space:nowrap;text-align:left;cursor:pointer;box-shadow:none}
#account .home-more-rows:hover{background:var(--r-hover)}
#account .home-more-rows .r-icon{width:16px;height:16px;color:var(--r-muted)}
#account .home-empty{margin:0;padding:18px 20px;color:var(--r-muted)}
/* Går av seg selv: the thing on the left, its status as a pill on the right, a button only where there is something to do. */
#account .home-auto-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 20px}
#account .home-auto-row.act{grid-template-columns:minmax(0,1fr) auto auto}
#account .home-auto-row+.home-auto-row{border-top:.5px solid var(--r-line)}
#account .home-when{color:var(--r-muted);font-size:13px;white-space:nowrap}
#account .home-auto-row .home-who>b{font-size:15px;letter-spacing:0}
#account .home-auto-row .home-who>span{display:block;color:var(--r-muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .home-auto-actions{display:flex;gap:6px}
/* Siste 28 dager: as many columns as there are figures. */
#account .home-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#account .home-strip.n1{grid-template-columns:minmax(0,1fr)}
#account .home-strip.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
#account .home-strip.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
#account .home-k{display:flex;flex-direction:column;gap:2px;min-width:0;padding:16px 20px}
#account .home-k+.home-k{border-left:.5px solid var(--r-line)}
#account .home-k>span{color:var(--r-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .home-k b{display:inline-flex;align-items:center;gap:8px;color:var(--r-ink);font:600 30px/1.2 var(--r-font);letter-spacing:-.5px;white-space:nowrap}
#account .home-k em{display:inline-flex;align-items:center;gap:2px;font:600 13px/1 var(--r-font);font-style:normal}
#account .home-k em.up{color:#137333}
#account .home-k em.down{color:var(--r-muted)}
#account .home-k em .r-icon{width:14px;height:14px;stroke-width:2.4}
#account .home-k small{color:var(--r-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .home-k small.warn{color:#b3261e}
#account .l-short{display:none}
/* Neste mål */
#account .home-loading{margin:30px 0 0}
#account .home-measured>.loading-state{margin-top:30px}
#account .home-goal{padding:20px 22px 18px}
#account .home-goal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
#account .home-goal-head b{display:block;color:var(--r-ink);font:600 20px/1.3 var(--r-font);letter-spacing:-.3px}
#account .home-goal-sub{display:block;margin-top:2px;color:var(--r-muted);font-size:13px}
#account .home-eta{flex:none;text-align:right}
#account .home-eta b{font-size:24px}
#account .home-eta{min-width:0;max-width:50%}
#account .home-eta span{display:block;overflow:hidden;color:var(--r-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
#account .home-goal-bar{height:6px;margin:14px 0 10px;border-radius:3px;background:#eceae4;overflow:hidden}
#account .home-goal-bar i{display:block;height:100%;border-radius:3px;background:var(--r-ink)}
/* The goal card ends with the bar (19.10): nothing under it. */
/* REV-138: a search not measured yet, by the goal: the name, then a neutral grey dot and «Måles nå», «Venter på tur» or
   the day it joins the measurement. No figures, no bar, no tinted background; neither line wraps. */
#account .home-new{padding:0;overflow:hidden}
#account .home-new-row{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%;min-height:0;margin:0;padding:12px 16px;border:0;border-radius:0;background:none;color:var(--r-ink);text-align:left;cursor:pointer;box-shadow:none;font:inherit}
#account .home-new-row+.home-new-row{border-top:.5px solid var(--r-line)}
#account .home-new-name{display:block;max-width:100%;overflow:hidden;font:600 15px/20px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .home-new-line{display:flex;align-items:center;gap:6px;max-width:100%;overflow:hidden;color:var(--r-text);font-size:13px;line-height:18px;white-space:nowrap}
#account .home-new-line span{overflow:hidden;text-overflow:ellipsis}
#account .home-new-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#8b8d98}
/* «<Sted> på Google-kartet» (19.10, Ny-04): the rating large with the stars, the count on Google under it. */
#account .home-listing-row{display:flex;align-items:center;gap:14px;padding:18px 22px}
#account .home-listing-row .home-k-ic{width:40px;height:40px;border-radius:10px}
#account .home-listing-row .home-k-ic .r-star{width:20px;height:20px}
#account .home-listing-top{display:flex;align-items:center;gap:10px}
#account .home-listing-rating{display:block;color:var(--r-ink);font:600 30px/1.2 var(--r-font);letter-spacing:-.5px;white-space:nowrap}
#account .home-listing-top .r-stars{gap:3px}
#account .home-listing-top .r-star{width:18px;height:18px}
#account .home-listing .home-meta{margin-top:2px}
/* «Hjalp rådet?» (19.10, Ny-03): one row per search with the verdict as a pill, the squares before and now as two numbers
   with an SVG arrow between them, and «Se før og nå» at the right. */
#account .home-helped-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 22px}
#account .home-helped-row+.home-helped-row{border-top:.5px solid var(--r-line)}
#account .home-helped-row .home-k-ic{width:40px;height:40px;border-radius:10px}
#account .home-helped-row .home-k-ic .r-icon{width:18px;height:18px}
#account .home-helped-head{display:flex;align-items:center;gap:10px;min-width:0}
#account .home-helped-head>b{min-width:0;color:var(--r-ink);font:600 17px/24px var(--r-font);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .home-verdict{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:500 13px/22px var(--r-font);white-space:nowrap;flex:none}
#account .home-verdict.green{background:var(--h-green-soft);color:var(--h-green-ink)}
#account .home-verdict.red{background:var(--h-red-soft);color:var(--h-red-ink)}
#account .home-verdict.amber{background:var(--h-amber-soft);color:var(--h-amber-ink)}
#account .home-verdict.grey{background:var(--h-grey-soft);color:var(--r-grey-11,#60646c)}
#account .home-helped-n{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
#account .home-helped-n>b{display:inline-flex;align-items:center;gap:6px;color:var(--r-muted);font:600 17px/1.2 var(--r-font);letter-spacing:-.3px;white-space:nowrap}
#account .home-helped-n>b .now{color:var(--h-green-ink);font-size:30px;letter-spacing:-.5px}
/* The number after the arrow and the tile carry the verdict's colour (REV-84): a worse result is never green. */
#account .home-helped-n>b .now.red{color:var(--h-red-ink)}
#account .home-helped-n>b .now.amber{color:var(--h-amber-ink)}
#account .home-helped-n>b .now.grey{color:var(--r-grey-11,#60646c)}
#account .home-helped-row .home-k-ic.grey{background:var(--h-grey-soft);color:var(--r-grey-11,#60646c)}
#account .home-helped-n>b .r-icon{width:14px;height:14px;stroke-width:2.2;color:var(--r-muted)}
#account .home-helped-n>small{color:var(--r-muted);font-size:13px;white-space:nowrap}
#account .home-helped-row .r-btn{min-width:130px}
/* «Få flere anmeldelser» (19.10): the QR code at the left, the title and one line, the two buttons at the right. */
#account .home-qr{display:grid;place-items:center;width:72px;height:72px;border:.5px solid var(--r-line);border-radius:8px;background:#fff;overflow:hidden;flex:none}
#account .home-qr canvas{display:block;width:66px;height:66px}
#account .home-qr .r-icon{width:28px;height:28px;color:var(--r-muted)}
#account .home-more-line{margin-top:2px}
/* Section titles never wrap; the place name and the link give way. */
#account .home-page .r-section{flex-wrap:nowrap;min-width:0}
#account .home-page .r-section h2{white-space:nowrap}
#account .home-page .r-section small{min-width:0;overflow:hidden;text-overflow:ellipsis}
#account .home-page .r-section .r-link{flex:none}
/* A section with nothing to show (nothing runs by itself, no figure before Google) is gone, heading and all. */
#account .home-page .r-section[hidden]{display:none}
@media (max-width:820px){
 #account .home-page .r-h1{font-size:26px}
 #account .home-head{flex-direction:column;align-items:flex-start;gap:12px}
 #account .home-todo-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}
 #account .home-todo-row .r-btn{grid-column:1;width:100%;min-width:0;height:44px}
 /* On a phone the title and the line get two lines before they are cut; the grey line still never wraps. */
 #account .home-who>b{font-size:16px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
 #account .home-line{white-space:normal;align-items:flex-start}
 #account .home-line .r-stars{margin-top:3px}
 #account .home-more-rows{padding:0 16px}
 #account .home-auto-row,#account .home-auto-row.act{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
 #account .home-auto-actions{grid-column:1/-1}
 #account .home-strip,#account .home-strip.n3{grid-template-columns:1fr 1fr}
 #account .home-strip.n1{grid-template-columns:minmax(0,1fr)}
 #account .home-strip.n3>.home-k:nth-child(3){grid-column:1/-1}
 #account .home-k{padding:12px 16px}
 #account .home-k+.home-k{border-left:0}
 #account .home-k:nth-child(even){border-left:.5px solid var(--r-line)}
 #account .home-k:nth-child(n+3){border-top:.5px solid var(--r-line)}
 #account .l-long{display:none}
 #account .l-short{display:inline}
 #account .home-goal{padding:16px}
 #account .home-goal-head{flex-direction:column;gap:8px}
 /* The date on one line, and the business to pass in full under it. */
 #account .home-eta{max-width:100%;text-align:left}
 #account .home-eta b{white-space:nowrap}
 #account .home-eta span{white-space:normal}
 /* A button in «Går av seg selv» has the full height of a phone's buttons. */
 #account .home-auto-actions .r-btn{height:var(--r-control)}
}

#account .home-auto-place{margin-left:8px;color:rgba(255,255,255,.65);font-size:13px;white-space:nowrap}
/* Several places: the place is chosen in the menu's place switch. «Alle steder» lists what waits at each place: the name
   opens the place, and the button does the first thing that waits there. */
#account .home-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--r-ink);color:#fff;font:600 12px/1 var(--r-font)}
#account :is(.home-place-open,.home-row-open){display:block;width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
#account :is(.home-place-open,.home-row-open):hover>b{text-decoration:underline;text-underline-offset:3px}
#account :is(.home-place-open,.home-row-open):focus-visible{outline:2px solid var(--r-ink);outline-offset:4px;border-radius:6px}
#account .home-wait{display:block;margin-top:4px;overflow:hidden;color:var(--r-text);font-size:15px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
#account .home-wait+.home-wait{margin-top:0}
/* The review link: «Kopier lenken» and «QR-kode» side by side, under the goal and on each place under «Få flere anmeldelser». */
#account .home-link-actions{display:flex;flex-wrap:wrap;gap:8px}
#account .home-goal .home-link-actions{margin-top:16px}
#account .home-more .home-more-row{grid-template-columns:72px minmax(0,1fr) auto}
#account .home-more .home-more-row .home-who>b{font-size:16px}
#account .home-link-actions .r-btn{min-width:0}
#account .home-link-actions .r-btn .r-icon{color:var(--r-muted)}
/* On a phone the place keeps its coloured mark, as on a wide screen. The two link buttons share the card's width under the
   name, side by side at the same height. */
@media (max-width:820px){#account .home-place-list .home-place-row{grid-template-columns:32px minmax(0,1fr)}#account .home-more .home-more-row{grid-template-columns:72px minmax(0,1fr)}#account .home-place-list .home-place-row .r-btn{grid-column:2}
 #account .home-more .home-more-row .home-link-actions{grid-column:1/-1}
 /* «Hjalp rådet?» on a phone: the numbers under the text, the button full width. */
 #account .home-helped-row{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:16px}
 #account .home-helped-head{flex-wrap:wrap;gap:6px}
 #account .home-helped-head>b{white-space:normal;font-size:16px}
 #account .home-helped-n{grid-column:2;align-items:flex-start}
 #account .home-helped-row .r-btn{grid-column:1/-1;width:100%;min-width:0;height:44px}
 #account .home-listing-row{padding:16px}
 #account .home-link-actions{flex-wrap:nowrap}#account .home-link-actions .r-btn{flex:1 1 0}}
/* On the narrowest phones (320) the two buttons keep their words and lose their icons, so «Kopier lenken» has air on both sides. */
@media (max-width:359px){#account .home-link-actions .r-btn{padding:0 10px}#account .home-link-actions .r-btn .r-icon{display:none}}

/* Colour and hierarchy (Jan 18.10: «VI MÅ HA MER FARGER!! DET MÅ VÆRE MER VISUELT HIERARKI» and «gjør det skikkelig bra»).
   One harmonious palette, each hue in three steps: a light tone, the colour and a deep tone for text and icons. Red only for
   what needs the owner now. Still white cards on grey, hairlines and one black main button. */
#account .home-page{
 --h-red:#e5484d;--h-red-soft:#feebec;--h-red-ink:#ce2c31;
 --h-orange:#f76b15;--h-orange-soft:#ffefd6;--h-orange-ink:#cc4e00;
 --h-amber:#ffc53d;--h-amber-soft:#fff7c2;--h-amber-ink:#ab6400;
 --h-green:#30a46c;--h-green-soft:#e6f6eb;--h-green-ink:#218358;
 --h-blue:#0090ff;--h-blue-soft:#e6f4fe;--h-blue-ink:#0d74ce;
 --h-violet:#6e56cf;--h-violet-soft:#f4f0fe;--h-violet-ink:#6550b9;
 --h-grey-soft:#eef0f2}
#account .home-page .red{--h:var(--h-red);--h-soft:var(--h-red-soft);--h-ink:var(--h-red-ink)}
#account .home-page .orange{--h:var(--h-orange);--h-soft:var(--h-orange-soft);--h-ink:var(--h-orange-ink)}
#account .home-page .amber{--h:var(--h-amber);--h-soft:var(--h-amber-soft);--h-ink:var(--h-amber-ink)}
#account .home-page .green{--h:var(--h-green);--h-soft:var(--h-green-soft);--h-ink:var(--h-green-ink)}
#account .home-page .blue{--h:var(--h-blue);--h-soft:var(--h-blue-soft);--h-ink:var(--h-blue-ink)}
#account .home-page .violet{--h:var(--h-violet);--h-soft:var(--h-violet-soft);--h-ink:var(--h-violet-ink)}

/* The first row is what to do first: it has the one black button. The rows are otherwise alike, so the list reads as one.
   A button about Google carries the G on a small white disc, as Google's own buttons do. */
#account .home-todo-row .r-btn:not(.primary) .r-icon{color:var(--r-muted)}
#account .home-g{display:grid;place-items:center;width:20px;height:20px;margin-left:-4px;border-radius:50%;background:#fff;flex:none}
#account .home-g .home-g-logo{width:13px;height:13px}
#account .r-btn:not(.primary) .home-g{width:16px;height:16px;margin-left:0}
#account .r-btn:not(.primary) .home-g .home-g-logo{width:16px;height:16px}
/* «Alle steder»: the first thing at a place carries its pill in the line. */
#account .home-wait .home-pill{margin:0 8px 0 0;vertical-align:middle}

/* «Går av seg selv»: the status as a pill in the colour of what it means, at the right end of the row. */
#account .home-when{display:inline-flex;align-items:center;justify-self:end;max-width:100%;height:24px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}
#account .home-when.off{background:var(--h-grey-soft);color:var(--r-muted)}
#account .home-when.on{background:var(--h-green-soft);color:var(--h-green-ink)}
#account .home-when.wait{background:var(--h-amber-soft);color:var(--h-amber-ink)}

/* «Siste 28 dager»: four figures, each in its colour, with the same rhythm: label, number and change, picture, one grey line.
   The picture has one height in all four, so the cards line up. */
#account .home-k{gap:0;padding:18px 20px 16px}
#account .home-k .home-k-label{display:flex;align-items:center;gap:8px;min-width:0;color:var(--r-text);font-size:14px;font-weight:500;white-space:nowrap}
#account .home-k .home-k-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#account .home-k-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--h-soft);color:var(--h-ink);flex:none;font-style:normal}
#account .home-k-ic .r-icon{width:16px;height:16px;stroke-width:2}
#account .home-k-ic .r-star{width:15px;height:15px;color:var(--h)}
#account .home-k b{margin-top:10px}
#account .home-k em{height:22px;padding:0 7px 0 5px;border-radius:999px;font-size:12px}
#account .home-k em.up{background:var(--h-green-soft);color:var(--h-green-ink)}
#account .home-k em.down{background:var(--h-red-soft);color:var(--h-red-ink)}
#account .home-k em.flat{background:var(--h-grey-soft);color:var(--r-muted)}
#account .home-k em .r-icon{width:12px;height:12px}
#account .home-k-pic{display:flex;align-items:center;height:34px;margin:6px 0 4px}
#account .home-spark{display:block;width:100%;height:34px;overflow:visible}
#account .home-spark-line{fill:none;stroke:var(--h);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}
#account .home-spark-area{fill:var(--h);opacity:.12;stroke:none}
#account .home-meter{display:block;width:100%;height:8px;border-radius:4px;background:var(--h-soft);overflow:hidden}
#account .home-meter i{display:block;height:100%;border-radius:4px;background:var(--h)}
#account .home-k-pic .r-stars{gap:3px}
#account .home-k-pic .r-star{width:18px;height:18px}

/* The goal fills in green, and its date stands out in green. */
#account .home-goal-bar{background:var(--h-green-soft)}
#account .home-goal-bar i{background:var(--h-green)}
#account .home-goal .home-eta b{color:var(--h-green-ink)}
/* «Alle steder»: each place has its own colour. */
#account .home-mark.c0{background:var(--h-blue)}
#account .home-mark.c1{background:var(--h-green)}
#account .home-mark.c2{background:var(--h-violet)}
#account .home-mark.c3{background:var(--h-orange)}
#account .home-mark.c4{background:var(--h-amber);color:#4f3422}
@media (max-width:820px){
 #account .home-k{padding:14px 16px}
 #account .home-k .home-k-label{gap:6px;font-size:13px}
 #account .home-k-ic{width:24px;height:24px;border-radius:7px}
 #account .home-k-ic .r-icon,#account .home-k-ic .r-star{width:14px;height:14px}
}
/* While the list waits for Profil's advice and the reply rule (19.10): the heading keeps its place, and grey rows built like
   the real ones stand in: the pill, a title, a line, the grey line and the button. */
#account .r-h1.home-held{visibility:hidden}
#account .home-todo-held .home-held-pill{display:block;width:56px;height:22px;border-radius:999px;background:var(--h-grey-soft,#eef0f2)}
#account .home-todo-held .home-held-mark{display:block;width:32px;height:32px;border-radius:8px;background:var(--h-grey-soft,#eef0f2)}
#account .home-held-line{display:block;width:min(64%,420px);height:12px;border-radius:4px;background:var(--h-grey-soft,#eef0f2)}
#account .home-held-line+.home-held-line{margin-top:10px}
#account .home-held-line.title{width:min(44%,300px);height:16px}
#account .home-held-line.short{width:min(24%,160px);height:10px}
#account .home-held-btn{display:block;width:130px;height:var(--r-control,40px);border-radius:var(--r-radius-s,10px);box-shadow:inset 0 0 0 .5px var(--r-line)}
@media (max-width:820px){
 #account .home-held-btn{grid-column:1;width:100%;height:44px}
 #account .home-held-line{width:90%}#account .home-held-line.title{width:70%}#account .home-held-line.short{width:40%}
}

/* V3 Hjem 03.11: Hjem as the boards AppHjemDesktop, HjemDesktop2/3, HjemMobil and HjemMobil2 draw it. White cards with a
   hairline and a soft lift on the grey page, tiles in the kind's colour, the status as a strong dot and its word, compact
   buttons, figures on their own cards, «Går av seg selv» and «Neste mål» side by side. Every rule starts with
   body.customer-app #account .home-page, one step more than the rules for Hjem in customer-app-v3.css, so it wins over the
   older rules without !important although this sheet loads first. */
body.customer-app #account .home-page{--hv-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);display:flex;flex-direction:column;gap:20px}
body.customer-app #account .home-page>*{flex-shrink:0;min-width:0}
body.customer-app #account .home-page [hidden]{display:none}
body.customer-app #account .home-page .r-card{border:0;border-radius:12px;background:#fff;box-shadow:var(--hv-shadow)}

/* The greeting and «Send til en kunde». */
body.customer-app #account .home-page .home-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0}
body.customer-app #account .home-page .home-greeting{margin:0;font:600 32px/38px var(--r-font);letter-spacing:-.6px;color:var(--rv-ink)}
body.customer-app #account .home-page .home-actions-card{display:flex;align-items:center;gap:10px;flex:none}
body.customer-app #account .home-page .home-card-links{display:none}
body.customer-app #account .home-page .home-add{height:44px;padding:0 16px;border-radius:10px;font-size:15px}

/* Section headings: 18 px, the grey note at the right. */
body.customer-app #account .home-page .r-section{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 -8px;min-width:0}
body.customer-app #account .home-page .r-section h2,body.customer-app #account .home-page .home-wait-title{margin:0;color:var(--rv-ink);font:600 18px/24px var(--r-font);letter-spacing:-.2px;white-space:nowrap}
body.customer-app #account .home-page .r-section small{min-width:0;overflow:hidden;color:var(--rv-muted);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account .home-page .home-all{display:none}

/* The list: rows of at least 76 px, the tile, the title, one line, the grey line and the compact button. */
body.customer-app #account .home-page .home-todo{display:flex;flex-direction:column;overflow:hidden}
body.customer-app #account .home-page .home-todo-row{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;margin:0;padding:12px 16px;border:0;background:#fff}
body.customer-app #account .home-page .home-todo-row+.home-todo-row{border-top:.5px solid var(--rv-line)}
body.customer-app #account .home-page .home-task-icon{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 .home-page .home-task-icon :is(.r-icon,.home-g-logo){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.customer-app #account .home-page .home-task-icon .home-g-logo{stroke:none}
body.customer-app #account .home-page .home-task-icon.blue{background:#e6f4fe;color:#0d74ce;box-shadow:inset 0 0 0 .5px rgba(0,144,255,.35)}
body.customer-app #account .home-page .home-task-icon.amber{background:#fff7c2;color:#ab6400;box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)}
body.customer-app #account .home-page .home-task-icon.green{background:#e6f6eb;color:#218358;box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)}
body.customer-app #account .home-page .home-task-icon.red{background:#feebec;color:#ce2c31;box-shadow:inset 0 0 0 .5px rgba(229,72,77,.4)}
body.customer-app #account .home-page .home-task-icon.grey{background:#eef0f2;color:#60646c;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)}
body.customer-app #account .home-page .home-task-icon.violet{background:#f4f0fe;color:#6550b9;box-shadow:inset 0 0 0 .5px rgba(110,86,207,.4)}
body.customer-app #account .home-page .home-task-icon.white{background:#fff;color:var(--rv-ink);box-shadow:inset 0 0 0 .5px var(--rv-line-strong)}
body.customer-app #account .home-page .home-task-icon.lg{width:52px;height:52px;border-radius:13px}
body.customer-app #account .home-page .home-task-icon.lg .r-icon{width:24px;height:24px}
body.customer-app #account .home-page .home-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
body.customer-app #account .home-page .home-who>b{overflow:hidden;color:var(--rv-ink);font:500 16px/22px var(--r-font);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;display:block}
body.customer-app #account .home-page .home-line{display:-webkit-box;margin:0;overflow:hidden;color:var(--rv-text);font:400 14px/20px var(--r-font);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}
body.customer-app #account .home-page .home-meta{display:flex;align-items:center;gap:4px;min-width:0;margin:0;overflow:hidden;color:var(--rv-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
body.customer-app #account .home-page .home-meta>.home-meta-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.customer-app #account .home-page .home-pill{flex:none;font:500 13px/18px var(--r-font)}
body.customer-app #account .home-page .home-pill.medium::before{background:var(--rv-yellow)}
body.customer-app #account .home-page .home-pill.low::before{background:var(--rv-grey)}
body.customer-app #account .home-page .home-row-open{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;padding:0;border:0;background:none;box-shadow:none;text-align:left;cursor:pointer}
/* Compact buttons: 36 px, the words only; the first row's is black. */
body.customer-app #account .home-page .r-btn.small{flex:none;height:36px;min-width:0;padding:0 12px;border:0;border-radius:8px;background:#fff;color:var(--rv-ink);font:500 14px/1 var(--r-font);white-space:nowrap;box-shadow:inset 0 0 0 1px #c3c6cd,0 1px 1px rgba(16,24,40,.04)}
body.customer-app #account .home-page .r-btn.small.primary{background:var(--rv-ink);color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.18),inset 0 1px 0 rgba(255,255,255,.08)}
body.customer-app #account .home-page .r-btn.small .r-icon{width:18px;height:18px;color:currentColor}
body.customer-app #account .home-page .r-btn.small .home-g{width:22px;height:22px;margin-left:-4px;border-radius:50%;background:#fff}
body.customer-app #account .home-page .r-btn.small .home-g .home-g-logo{width:14px;height:14px}
body.customer-app #account .home-page .home-chev{display:none;flex:none;width:18px;height:18px;fill:none;stroke:var(--rv-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* «Vis 3 til»: the last row, centred. */
body.customer-app #account .home-page .home-more-rows{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:auto;min-height:48px;margin:0;padding:0 16px;border:0;border-top:.5px solid var(--rv-line);border-radius:0;background:#fff;color:var(--rv-ink);font:500 14px/20px var(--r-font);box-shadow:none;cursor:pointer}
body.customer-app #account .home-page .home-more-rows:hover{background:var(--rv-hover,#f6f5f1)}
body.customer-app #account .home-page .home-more-rows .r-icon{width:16px;height:16px;color:currentColor;fill:none;stroke:currentColor;stroke-width:1.9}
/* «Alt er gjort»: the green tile, the title and one line, centred. */
body.customer-app #account .home-page .home-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}
body.customer-app #account .home-page .home-done>b{color:var(--rv-ink);font:600 17px/24px var(--r-font)}
body.customer-app #account .home-page .home-done>p{max-width:420px;margin:-4px 0 0;color:var(--rv-text);font:400 14px/21px var(--r-font)}
/* While the list waits: tiles and lines in the page's light grey. */
body.customer-app #account .home-page .home-todo-held .home-held-mark{display:block;flex:none;width:40px;height:40px;border-radius:10px;background:#eceae4}
body.customer-app #account .home-page .home-todo-held .home-who{gap:8px}
body.customer-app #account .home-page .home-held-line{display:block;width:min(64%,420px);height:12px;margin:0;border-radius:6px;background:#eceae4}
body.customer-app #account .home-page .home-held-line.title{width:min(40%,280px);height:14px}
body.customer-app #account .home-page .home-held-line.short{width:min(24%,160px);height:10px}
body.customer-app #account .home-page .home-held-btn{display:block;flex:none;width:100px;height:36px;border-radius:8px;box-shadow:inset 0 0 0 1px #e3e4e7}

/* «Alle steder»: the place's mark as a tile, its rating, the first thing with its dot and the rest. */
body.customer-app #account .home-page .home-place-row .home-mark{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--rv-ink);color:#fff;font:600 14px/1 var(--r-font)}
body.customer-app #account .home-page .home-mark.c0{background:var(--rv-ink)}
body.customer-app #account .home-page .home-mark.c1{background:#0d74ce}
body.customer-app #account .home-page .home-mark.c2{background:#218358}
body.customer-app #account .home-page .home-mark.c3{background:#6550b9}
body.customer-app #account .home-page .home-mark.c4{background:#ab6400}
body.customer-app #account .home-page .home-place-open{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;padding:0;border:0;background:none;box-shadow:none;text-align:left;cursor:pointer}
body.customer-app #account .home-page .home-place-line{gap:4px;color:var(--rv-text);font-weight:500}
body.customer-app #account .home-page .home-place-line .r-star{flex:none;width:12px;height:12px;color:var(--rv-brand);fill:currentColor;margin:0}
body.customer-app #account .home-page .home-wait{display:flex;align-items:center;gap:6px;min-width:0;margin:0;overflow:hidden;color:var(--rv-muted);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account .home-page .home-wait>span:not(.home-pill){min-width:0;overflow:hidden;text-overflow:ellipsis}
body.customer-app #account .home-page .home-wait .home-pill{margin:0}
body.customer-app #account .home-page .home-wait-rest{display:block}

/* Siste 28 dager: three or four white cards. */
body.customer-app #account .home-page .home-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0;background:none;box-shadow:none;overflow:visible}
body.customer-app #account .home-page .home-strip.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.customer-app #account .home-page .home-strip.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.customer-app #account .home-page .home-strip.n1{grid-template-columns:minmax(0,1fr)}
body.customer-app #account .home-page .home-strip .home-k{display:flex;flex-direction:column;gap:4px;min-width:0;padding:16px;border:0;border-radius:12px;background:#fff;box-shadow:var(--hv-shadow)}
body.customer-app #account .home-page .home-strip .home-k+.home-k{border-left:0}
body.customer-app #account .home-page .home-k .home-k-label{display:flex;align-items:center;gap:8px;color:var(--rv-text);font:500 13px/18px var(--r-font);white-space:nowrap}
body.customer-app #account .home-page .home-k-ic{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:8px;font-style:normal}
body.customer-app #account .home-page .home-k.blue .home-k-ic{background:#e6f4fe;color:#0d74ce;box-shadow:inset 0 0 0 .5px rgba(0,144,255,.35)}
body.customer-app #account .home-page .home-k.violet .home-k-ic{background:#f4f0fe;color:#6550b9;box-shadow:inset 0 0 0 .5px rgba(110,86,207,.4)}
body.customer-app #account .home-page .home-k.amber .home-k-ic{background:#fff7c2;color:#ab6400;box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)}
body.customer-app #account .home-page .home-k.green .home-k-ic{background:#e6f6eb;color:#218358;box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)}
body.customer-app #account .home-page .home-k-ic .r-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.customer-app #account .home-page .home-k b{display:block;margin:0;color:var(--rv-ink);font:600 28px/34px var(--r-font);letter-spacing:-.6px;white-space:nowrap}
body.customer-app #account .home-page .home-k b .home-dash{color:var(--rv-grey,#a0a3ab)}
body.customer-app #account .home-page .home-k-pic{display:flex;align-items:center;height:36px;margin:0}
body.customer-app #account .home-page .home-spark{display:block;width:100%;height:36px;overflow:visible}
body.customer-app #account .home-page .home-spark-area{display:none}
body.customer-app #account .home-page .home-spark-line{fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
body.customer-app #account .home-page .home-k.blue .home-spark-line{stroke:#0090ff}
body.customer-app #account .home-page .home-k.violet .home-spark-line{stroke:#6e56cf}
body.customer-app #account .home-page .home-k-pic .r-stars{display:inline-flex;gap:2px}
body.customer-app #account .home-page .home-k-pic .r-star{width:14px;height:14px}
body.customer-app #account .home-page .home-meter{display:block;width:100%;height:8px;border-radius:4px;background:#eceae4;overflow:hidden}
body.customer-app #account .home-page .home-meter i{display:block;height:100%;border-radius:4px;background:var(--rv-brand)}
body.customer-app #account .home-page .home-k small{display:block;overflow:hidden;color:var(--rv-muted);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account .home-page .home-k small em{height:auto;padding:0;border-radius:0;background:none;font:500 13px/18px var(--r-font);font-style:normal}
body.customer-app #account .home-page .home-k small em.down{color:var(--rv-red-text)}
body.customer-app #account .home-page .home-k small em.up{color:#1b6b47}
body.customer-app #account .home-page .home-k small em.flat{color:var(--rv-muted)}
body.customer-app #account .home-page .l-short{display:none}
body.customer-app #account .home-page .l-long{display:inline}

/* The place on the map before Google. */
body.customer-app #account .home-page .home-listing-row{display:flex;align-items:center;gap:14px;padding:18px}
body.customer-app #account .home-page .home-listing-top{display:flex;align-items:center;gap:10px}
body.customer-app #account .home-page .home-listing-rating{display:block;color:var(--rv-ink);font:600 30px/34px var(--r-font);letter-spacing:-.6px}
body.customer-app #account .home-page .home-listing-top .r-star{width:16px;height:16px}
body.customer-app #account .home-page .home-listing .home-meta{color:var(--rv-muted)}

/* «Hjalp rådet?»: the verdict as a dot and its word, «3 → 9 av 25», «Se før og nå». */
body.customer-app #account .home-page .home-helped-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px}
body.customer-app #account .home-page .home-helped-row+.home-helped-row{border-top:.5px solid var(--rv-line)}
body.customer-app #account .home-page .home-helped-row .home-task-icon{margin-top:2px}
body.customer-app #account .home-page .home-helped-row .home-who{gap:4px}
body.customer-app #account .home-page .home-helped-head{display:flex;align-items:center;gap:10px;min-width:0}
body.customer-app #account .home-page .home-helped-head>b{flex:none;color:var(--rv-ink);font:500 16px/22px var(--r-font)}
body.customer-app #account .home-page .home-verdict{display:inline-flex;align-items:center;gap:7px;height:auto;padding:0;border-radius:0;background:none;color:var(--rv-text);font:500 13px/18px var(--r-font);white-space:nowrap}
body.customer-app #account .home-page .home-verdict::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--rv-grey)}
body.customer-app #account .home-page .home-verdict.green::before{background:var(--rv-green)}
body.customer-app #account .home-page .home-verdict.amber::before{background:var(--rv-yellow)}
body.customer-app #account .home-page .home-verdict.red{color:var(--rv-red-text)}
body.customer-app #account .home-page .home-verdict.red::before{background:var(--rv-red)}
body.customer-app #account .home-page .home-helped-n{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:2px;padding-top:2px}
body.customer-app #account .home-page .home-helped-n>b{display:inline-flex;align-items:center;gap:6px;color:var(--rv-muted);font:600 20px/24px var(--r-font);letter-spacing:-.3px;white-space:nowrap}
body.customer-app #account .home-page .home-helped-n>b .now{color:var(--rv-ink);font-size:20px}
body.customer-app #account .home-page .home-helped-n>b .now.green{color:#1b6b47}
body.customer-app #account .home-page .home-helped-n>b .now.red{color:var(--rv-red-text)}
body.customer-app #account .home-page .home-helped-n>b .now.amber{color:#ab6400}
body.customer-app #account .home-page .home-helped-n>b .r-icon{width:16px;height:16px;fill:none;stroke:var(--rv-muted);stroke-width:2}
body.customer-app #account .home-page .home-helped-n>small{color:var(--rv-muted);font:400 12px/16px var(--r-font);white-space:nowrap}
body.customer-app #account .home-page .home-helped-btn{margin-top:4px}
body.customer-app #account .home-page .home-helped-link{display:none}

/* Two columns: «Går av seg selv» at the left, «Neste mål» and the link at the right. */
body.customer-app #account .home-page .home-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
body.customer-app #account .home-page .home-cols.one{grid-template-columns:minmax(0,1fr)}
body.customer-app #account .home-page .home-stack,body.customer-app #account .home-page .home-measured{display:flex;flex-direction:column;gap:16px;min-width:0}
body.customer-app #account .home-page .home-stack .r-section{margin:0}
body.customer-app #account .home-page .home-measured:empty{display:none}
body.customer-app #account .home-page .home-auto-row{position:relative;display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 16px}
body.customer-app #account .home-page .home-auto-row+.home-auto-row{border-top:.5px solid var(--rv-line)}
/* REV-138: «Går av seg selv» has white tiles with a hairline and a coloured icon, never a light colour behind it. */
body.customer-app #account .home-page .home-auto-row .home-task-icon{width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 .5px var(--rv-line)}
/* «Alle steder»: the section with the places on pause stands as if it were the page's own heading and card. */
body.customer-app #account .home-page .home-all-auto{display:contents}
body.customer-app #account .home-page .home-all-auto[hidden]{display:none}
body.customer-app #account .home-page .home-auto-row .home-task-icon :is(.r-icon,.home-g-logo){width:16px;height:16px}
body.customer-app #account .home-page .home-auto-row .home-who>b{font-size:15px;line-height:20px}
body.customer-app #account .home-page .home-auto-row .home-who>span{overflow:hidden;color:var(--rv-muted);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis}
body.customer-app #account .home-page .home-auto-row .home-when{flex:none;justify-self:auto}
body.customer-app #account .home-page .home-when.off::before{background:var(--rv-grey)}
body.customer-app #account .home-page .home-auto-actions{display:flex;flex:none;gap:6px}
/* The goal: the pace and the month at the left, the date at the right, the bar in yellow. */
body.customer-app #account .home-page .home-goal{display:flex;flex-direction:column;gap:12px;padding:18px}
body.customer-app #account .home-page .home-goal-head{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}
body.customer-app #account .home-page .home-goal-head b{display:block;color:var(--rv-ink);font:600 16px/22px var(--r-font);letter-spacing:0;white-space:nowrap}
body.customer-app #account .home-page .home-goal-sub,body.customer-app #account .home-page .home-eta span{display:block;margin:0;color:var(--rv-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
body.customer-app #account .home-page .home-eta{max-width:none;text-align:right}
body.customer-app #account .home-page .home-goal .home-eta b{color:var(--rv-ink);font-size:18px}
body.customer-app #account .home-page .home-goal-bar{height:8px;margin:0;border-radius:4px;background:#eceae4;overflow:hidden}
body.customer-app #account .home-page .home-goal-bar i{display:block;height:100%;border-radius:4px;background:var(--rv-brand)}
body.customer-app #account .home-page .home-none{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;text-align:center}
body.customer-app #account .home-page .home-none>b{color:var(--rv-ink);font:600 17px/24px var(--r-font)}
body.customer-app #account .home-page .home-none>p{margin:0;color:var(--rv-text);font:400 14px/21px var(--r-font)}
body.customer-app #account .home-page .home-none .r-btn{height:44px}
body.customer-app #account .home-page .home-none .r-btn .r-icon{width:16px;height:16px}
/* «Be kunden om en anmeldelse»: the QR code, two lines and the two buttons under them. */
body.customer-app #account .home-page .home-goal-stack .home-more-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px}
body.customer-app #account .home-page .home-goal-stack .home-more-row .home-link-actions{grid-column:1/-1}
body.customer-app #account .home-page .home-more-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border:0}
body.customer-app #account .home-page .home-more-row+.home-more-row{border-top:.5px solid var(--rv-line)}
body.customer-app #account .home-page .home-qr{display:grid;flex:none;place-items:center;width:56px;height:56px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 .5px var(--rv-line-strong);overflow:hidden}
body.customer-app #account .home-page .home-qr canvas{width:44px;height:44px}
body.customer-app #account .home-page .home-more-row .home-who>b{font-size:16px}
body.customer-app #account .home-page .home-more-line{display:block;overflow:hidden;color:var(--rv-muted);font-size:13px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:unset}
body.customer-app #account .home-page .home-link-actions{display:flex;flex-wrap:nowrap;gap:10px}
body.customer-app #account .home-page .home-link-actions .r-btn .r-icon{color:currentColor}
/* «Vis alle»: the view's own heading, hidden until it is open. */
body.customer-app #account .home-page .home-full-head{display:none}
body.customer-app #account #workspace-view .home-page .home-full-head .r-h1::before{display:none}

/* A white toast with a green tick, and «QR-kode til Google» as a small window (a sheet on a phone). */
body.customer-app #account .home-page .home-toast{position:fixed;top:24px;left:calc(50% + 116px);z-index:1900;display:flex;align-items:center;gap:10px;width:min(440px,calc(100vw - 32px));min-height:44px;margin:0;padding:10px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 4px 14px rgba(16,24,40,.08);color:var(--rv-ink);font:500 14px/20px var(--r-font);transform:translateX(-50%)}
body.customer-app #account .home-page .home-toast .r-icon{flex:none;width:18px;height:18px;fill:none;stroke:#218358;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.customer-app #account .home-page .home-sheet-dim{position:fixed;inset:0;z-index:1950;background:rgba(16,24,40,.45)}
body.customer-app #account .home-page .home-sheet{position:fixed;top:50%;left:50%;z-index:1960;display:flex;flex-direction:column;gap:14px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(16,24,40,.25);transform:translate(-50%,-50%)}
body.customer-app #account .home-page .home-sheet-grab{display:none}
body.customer-app #account .home-page .home-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.customer-app #account .home-page .home-sheet-head h2{margin:0;color:var(--rv-ink);font:600 20px/26px var(--r-font);letter-spacing:-.3px}
body.customer-app #account .home-page .home-sheet-x{display:grid;place-items:center;width:36px;height:36px;min-height:0;margin:-6px -8px 0 0;padding:0;border:0;border-radius:8px;background:none;box-shadow:none;color:var(--rv-muted)}
body.customer-app #account .home-page .home-sheet-x .r-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
body.customer-app #account .home-page .home-sheet-text{margin:0;color:var(--rv-text);font:400 15px/22px var(--r-font)}
body.customer-app #account .home-page .home-qr-large{align-self:center;width:200px;height:200px;border-radius:12px;box-shadow:inset 0 0 0 .5px var(--rv-line-strong)}
body.customer-app #account .home-page .home-qr-large canvas{width:176px;height:176px}
body.customer-app #account .home-page .home-sheet-link{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;margin:0;color:var(--rv-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
body.customer-app #account .home-page .home-sheet-link span{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.customer-app #account .home-page .home-sheet-link .r-icon{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
body.customer-app #account .home-page .home-sheet .r-btn{width:100%;height:48px;justify-content:center;font-size:15px}
body.customer-app #account .home-page .home-sheet .r-btn .r-icon{width:18px;height:18px}

@media (max-width:820px){
 body.customer-app #account .home-page .home-toast{top:68px;left:16px;right:16px;width:auto;transform:none}
 body.customer-app #account .home-page .home-sheet{top:auto;right:0;bottom:0;left:0;width:auto;max-width:none;max-height:85vh;padding:12px 16px calc(32px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;box-shadow:0 -8px 30px rgba(16,24,40,.18);transform:none}
 body.customer-app #account .home-page .home-sheet-grab{display:block;align-self:center;width:40px;height:4px;border-radius:2px;background:#dcdde1}
 body.customer-app #account .r-page.home-page{gap:16px;padding:20px 0 24px}
 body.customer-app #account .home-page .home-head{flex-direction:column;align-items:stretch;gap:16px}
 body.customer-app #account .home-page .home-greeting{font-size:26px;line-height:32px;letter-spacing:-.5px}
 /* The send box: one white card with the black button over the two link buttons. */
 body.customer-app #account .home-page .home-actions-card.has-links{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;border-radius:12px;background:#fff;box-shadow:var(--hv-shadow)}
 body.customer-app #account .home-page .home-actions-card .home-add{width:100%;height:44px;justify-content:center}
 body.customer-app #account .home-page .home-actions-card.has-links .home-card-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.customer-app #account .home-page .home-card-links .r-btn{width:100%;height:44px;padding:0 12px;border:0;border-radius:10px;background:#fff;color:var(--rv-ink);font:500 15px/1 var(--r-font);box-shadow:inset 0 0 0 1px #c3c6cd,0 1px 1px rgba(16,24,40,.04)}
 body.customer-app #account .home-page .home-card-links .r-btn .r-icon{width:18px;height:18px;color:currentColor}
 body.customer-app #account .home-page .home-more,body.customer-app #account .home-page .home-goal-stack>.r-section:not(:first-child){display:none}
 body.customer-app #account .home-page.home-all-places .home-more{display:block}
 body.customer-app #account .home-page.home-all-places .r-section:not([hidden]){display:flex}
 /* «Vis alle 9» by the heading, underlined; the time line stays on a wide screen. */
 body.customer-app #account .home-page .home-all:not([hidden]){display:inline-flex;align-items:center;height:auto;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--rv-ink);font:500 13px/18px var(--r-font);text-decoration:underline;text-decoration-color:rgba(22,24,29,.35);text-underline-offset:3px;white-space:nowrap;cursor:pointer}
 body.customer-app #account .home-page .home-wait-head:has(.home-all:not([hidden])) .home-wait-aside{display:none}
 /* Rows on a phone: the button covers the row, which ends in a chevron; three rows and «Vis alle». */
 body.customer-app #account .home-page .home-todo-row{min-height:0;padding:14px 16px}
 body.customer-app #account .home-page .home-todo-row .home-who>b{font-size:16px}
 body.customer-app #account .home-page .home-todo-row .home-line{-webkit-line-clamp:1;line-clamp:1}
 /* «Alle steder» on a phone: the QR code and the place, the link button under them; the note by the heading stays on a wide screen. */
 body.customer-app #account .home-page .home-more-row{flex-wrap:wrap}
 body.customer-app #account .home-page .home-more-row .home-link-actions{flex:1 1 100%}
 body.customer-app #account .home-page .home-more-row .home-link-actions .r-btn{flex:1 1 0;height:44px;font-size:15px}
 body.customer-app #account .home-page.home-all-places .r-section:not(.home-wait-head) small{display:none}
 body.customer-app #account .home-page .home-todo-row>:is(.r-btn,a.r-btn),body.customer-app #account .home-page .home-auto-row .home-auto-go{position:absolute;inset:0;z-index:1;width:auto;height:auto;margin:0;padding:0;border-radius:0;background:transparent;color:transparent;box-shadow:none;opacity:0;font-size:0}
 body.customer-app #account .home-page .home-todo-row>:is(.r-btn,a.r-btn):focus-visible,body.customer-app #account .home-page .home-auto-go:focus-visible{opacity:1;background:transparent;outline:2px solid var(--rv-ink);outline-offset:-2px}
 body.customer-app #account .home-page .home-todo-row .home-chev,body.customer-app #account .home-page .home-auto-row .home-chev{display:block}
 body.customer-app #account .home-page .home-todo-held .home-held-btn{display:none}
 body.customer-app #account .home-page .home-phone-hidden{display:none}
 body.customer-app #account .home-page .home-more-rows{display:none}
 body.customer-app #account .home-page .home-place-row .home-chev{display:block}
 /* Siste 28 dager on a phone: one card with three columns, short labels. */
 body.customer-app #account .home-page .home-strip,body.customer-app #account .home-page .home-strip.n4{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:12px;background:#fff;box-shadow:var(--hv-shadow);overflow:hidden}
 body.customer-app #account .home-page .home-strip.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.customer-app #account .home-page .home-strip.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.customer-app #account .home-page .home-strip.n1{grid-template-columns:minmax(0,1fr)}
 body.customer-app #account .home-page .home-strip .home-k{grid-column:auto;gap:0;padding:14px 12px 12px;border-radius:0;background:none;box-shadow:none}
 body.customer-app #account .home-page .home-strip .home-k+.home-k{border-left:.5px solid var(--rv-line)}
 body.customer-app #account .home-page .home-strip.n4 .home-k:nth-child(3){border-left:0}
 body.customer-app #account .home-page .home-strip.n4 .home-k:nth-child(n+3){border-top:.5px solid var(--rv-line)}
 body.customer-app #account .home-page .home-k .home-k-label{font-size:12px;line-height:16px}
 body.customer-app #account .home-page .home-k .home-k-ic{display:none}
 body.customer-app #account .home-page .home-k b{margin-top:2px;font-size:24px;line-height:30px;letter-spacing:-.5px}
 body.customer-app #account .home-page .home-k-pic{height:20px;margin:4px 0 6px}
 body.customer-app #account .home-page .home-spark{height:20px}
 body.customer-app #account .home-page .home-k small{font-size:12px;line-height:16px}
 body.customer-app #account .home-page .home-k small em{font-size:12px;line-height:16px}
 body.customer-app #account .home-page .l-long{display:none}
 body.customer-app #account .home-page .l-short{display:inline}
 body.customer-app #account .home-page .home-strip-head small,body.customer-app #account .home-page .home-helped-head-row small{font-size:0}
 body.customer-app #account .home-page .home-strip-head small::after,body.customer-app #account .home-page .home-helped-head-row small::after{content:attr(data-short);font-size:13px}
 /* The order of HjemMobil2: the figures, what runs by itself, «Hjalp rådet?», the goal. */
 body.customer-app #account .home-page .home-cols{display:contents}
 body.customer-app #account .home-page .home-stack{display:contents}
 body.customer-app #account .home-page .home-stack[hidden]{display:none}
 body.customer-app #account .home-page .home-auto-stack>.r-section,body.customer-app #account .home-page .home-measured>.r-section{margin:8px 0 -8px}
 body.customer-app #account .home-page>.home-helped-head-row,body.customer-app #account .home-page>.home-helped{order:2}
 body.customer-app #account .home-page .home-measured,body.customer-app #account .home-page .home-goal-stack>*{order:3}
 body.customer-app #account .home-page .home-auto-row .home-who>b .l-short{display:inline}
 body.customer-app #account .home-page .home-auto-row .r-btn.small:not(.home-auto-go){height:36px}
 /* «Hjalp rådet?» on a phone: «Se før og nå» as a link under the line, the numbers at the right. */
 body.customer-app #account .home-page .home-helped-row{gap:12px}
 body.customer-app #account .home-page .home-helped-row .home-task-icon{width:32px;height:32px;border-radius:8px}
 body.customer-app #account .home-page .home-helped-row .home-task-icon .r-icon{width:16px;height:16px}
 body.customer-app #account .home-page .home-helped-row .home-line{-webkit-line-clamp:2}
 body.customer-app #account .home-page .home-helped-btn{display:none}
 body.customer-app #account .home-page .home-helped-link{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;height:28px;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:var(--rv-ink);font:500 14px/20px var(--r-font);text-decoration:underline;text-decoration-color:rgba(22,24,29,.35);text-underline-offset:4px}
 body.customer-app #account .home-page .home-helped-link .r-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}
 /* The goal on a phone: the date on its own line, the note beside it. */
 body.customer-app #account .home-page .home-goal-head{flex-direction:column;gap:8px}
 body.customer-app #account .home-page .home-eta{display:flex;align-items:baseline;gap:8px;text-align:left}
 body.customer-app #account .home-page .home-goal .home-eta b{font-size:16px}
 body.customer-app #account .home-page .home-listing-row{padding:16px}
 /* «Vis alle»: the list as its own view, with «Hjem» back. */
 body.customer-app #account .home-page.home-full>:not(.home-full-head):not(.home-todo){display:none}
 body.customer-app #account .home-page.home-full .home-full-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:-4px 0 4px}
 body.customer-app #account .home-page .home-back{display:inline-flex;align-items:center;gap:4px;height:44px;margin:-8px 0 0 -8px;padding:0 8px;border:0;background:none;box-shadow:none;color:var(--rv-ink);font:500 15px/1 var(--r-font)}
 body.customer-app #account .home-page .home-back .r-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 body.customer-app #account .home-page .home-full-head .r-h1{margin:0;font:600 26px/32px var(--r-font);letter-spacing:-.5px}
 body.customer-app #account .home-page .home-full-sub{margin:0;color:var(--rv-text);font:400 15px/22px var(--r-font)}
}

/* «Koble til Google på nytt»: what stands still, one row each with its dot. */
body.customer-app #account .home-page .home-sheet-list{display:flex;flex-direction:column;border-top:.5px solid var(--rv-line)}
body.customer-app #account .home-page .home-sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;border-bottom:.5px solid var(--rv-line);color:var(--rv-ink);font:500 14px/20px var(--r-font)}
body.customer-app #account .home-page .home-sheet-note{margin:0;color:var(--rv-muted);font:400 13px/18px var(--r-font)}
body.customer-app #account .home-page .home-sheet:focus{outline:none}

/* SendMobil #5 «Dette skjer nå» and HjemMobil #5 «Fullfør oppsettet». */
body.customer-app #account .home-page .home-receipt{display:flex;flex-direction:column;padding:0}
body.customer-app #account .home-page .home-receipt>h2{margin:0;padding:16px 16px 8px;color:var(--rv-ink);font:600 16px/22px var(--r-font)}
body.customer-app #account .home-page .home-receipt-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:.5px solid var(--rv-line)}
body.customer-app #account .home-page .home-receipt-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:.5px solid var(--rv-line);color:var(--rv-muted);font:400 13px/18px var(--r-font)}
body.customer-app #account .home-page .home-receipt-foot .r-link{flex:none;font-size:14px}
body.customer-app #account .home-page .home-setup{display:flex;flex-direction:column;gap:12px;padding:16px}
body.customer-app #account .home-page .home-setup-top{display:flex;align-items:center;gap:12px}
body.customer-app #account .home-page .home-setup-count{flex:none;color:var(--rv-text);font:500 13px/18px var(--r-font);white-space:nowrap}
body.customer-app #account .home-page .home-setup-bars{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px}
body.customer-app #account .home-page .home-setup-bars i{display:block;height:4px;border-radius:2px;background:#dcdde1}
body.customer-app #account .home-page .home-setup-bars i.done{background:var(--rv-brand)}
body.customer-app #account .home-page .home-setup .r-btn{height:44px;justify-content:center}
/* REV-129 (HjemMobil 5): a new company sees «Velkommen» and the setup card only, with the next step under the title. */
body.customer-app #account .home-page .home-setup-next{display:block;margin-top:2px;color:var(--rv-text);font:400 14px/20px var(--r-font)}
body.customer-app #account .home-page.home-new:not(.home-full)>:not(.home-head):not(.home-setup):not(.home-full-head){display:none}
body.customer-app #account .home-page.home-new:not(.home-full)>.home-head>:not(.home-greeting){display:none}
/* The bell opens the whole list (home-full): it stays whole for a new company too (CodeRabbit on #512). */