/* Appskallet som i skissen v13 (design/forenklet-app-2026-10-14, 17.10) på Jans ramme fra 16.10: menyen rett på det grå
   lerretet, siden i ett innfelt hvitt panel, og det valgte menypunktet i ikonets farge. Lastes sist, så ingen eldre regel
   vinner over skallet. Sidemeny 232 px, 18 px luft mellom logo, bedrift og meny, 0,5 px hårstreker. */
.customer-app{--nav-width:232px;--shell-line:rgba(16,24,40,.13);--shell-line-strong:rgba(16,24,40,.22)}
/* Sidemenyen */
.customer-app .pilot-app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav-width);display:flex;flex-direction:column;gap:18px;margin:0;padding:20px 12px;background:var(--r-canvas,#f3f3f2);border:0;box-shadow:none;z-index:10;color:var(--r-text);overflow:visible}
.customer-app .pilot-app-brand{display:flex;align-items:center;gap:8px;min-height:0;padding:0 8px;color:var(--r-ink);font:600 17px/1.4 var(--r-font);letter-spacing:0;text-decoration:none}
.customer-app .pilot-app-brand svg{width:20px;height:20px;fill:#fbbc04;stroke:none;flex:none}
/* Bedriften: hvit flate med hårstrek, initialer i blekk, navnet på én linje og vurderingen under */
.customer-app .pilot-company{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:8px;border:.5px solid var(--shell-line);border-radius:8px;background:#fff}
.customer-app .pilot-company>div{min-width:0;flex:1}
.customer-app :is(.pilot-company,.place-switch-button,.place-switch-item) .company-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;border-radius:7px;background:var(--r-ink);color:#fff;font:600 12px/1 var(--r-font)}
.customer-app .pilot-company .pilot-company-name{display:block;font:600 13px/1.4 var(--r-font);color:var(--r-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.customer-app .pilot-company select{width:100%;min-height:0!important;height:auto!important;padding:0 18px 0 0!important;border:0!important;border-radius:0;background-color:transparent!important;background-position:right center;font:600 13px/1.4 var(--r-font)!important;color:var(--r-ink)}
.customer-app .pilot-company select.single-company{background:none;padding-right:0!important}
.customer-app .pilot-company small{display:block;font:400 12px/1.4 var(--r-font);color:var(--r-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Flere steder: hele blokken er knappen som åpner menyen, og de faste delene viker */
.customer-app .pilot-company:has(.place-switch:not([hidden])){display:block;padding:0;border:0;background:none}
.customer-app .pilot-company:has(.place-switch:not([hidden]))>:not(.place-switch){display:none}
/* Owners with several companies must keep the company picker as well as the place picker. */
.customer-app .pilot-company:has(.place-switch:not([hidden])):has(#workspace-org:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.customer-app .pilot-company:has(.place-switch:not([hidden]))>div:has(#workspace-org:not([hidden])){display:block;padding:0 8px}
.customer-app .place-switch{position:relative;margin:0}
.customer-app .place-switch-button{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:0;margin:0;padding:8px;border:.5px solid var(--shell-line);border-radius:8px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}
.customer-app .place-switch-button:hover{border-color:var(--shell-line-strong);background:#fff}
.customer-app :is(.place-switch-button,.place-switch-item)>span{min-width:0;flex:1}
.customer-app :is(.place-switch-button,.place-switch-item) b{display:block;font:600 13px/1.4 var(--r-font);color:var(--r-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-app :is(.place-switch-button,.place-switch-item) small{display:flex;align-items:center;gap:4px;font:400 12px/1.4 var(--r-font);color:var(--r-muted);white-space:nowrap;overflow:hidden}
.customer-app :is(.place-switch-button,.place-switch-item) small svg{width:12px;height:12px;fill:#fbbc04;stroke:none;flex:none}
.customer-app :is(.place-switch-button,.place-switch-item) small>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.customer-app :is(.place-switch-button,.place-switch-item)>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--r-muted)}
.customer-app .place-switch-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1800;min-width:260px;margin:0;padding:6px;border:.5px solid var(--shell-line-strong);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.12)}
.customer-app .place-switch-menu[hidden]{display:none}
.customer-app .place-switch-item{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:0;margin:0;padding:8px;border:0;border-radius:7px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.customer-app .place-switch-item:hover{background:#f5f5f3}
.customer-app .place-switch-item[aria-current]>svg{color:var(--r-ink)}
/* Menyen: fire punkter, 18 px strekikoner i hver sin farge, tellere som grå tekst */
.customer-app .pilot-app-nav{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}
.customer-app .pilot-app-sidebar .pilot-app-nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:0!important;margin:0;padding:8px 10px;border:0!important;border-radius:7px;background:none;color:var(--r-text);font:400 14px/1.4 var(--r-font);text-align:left;cursor:pointer}
.customer-app .pilot-app-sidebar .pilot-app-nav button:hover{background:rgba(16,24,40,.05);color:var(--r-text)}
.customer-app .pilot-app-sidebar .pilot-app-nav button.active{background:#fff;color:var(--r-ink);font-weight:500;box-shadow:inset 0 0 0 .5px var(--shell-line-strong)}
.customer-app .pilot-app-sidebar .pilot-app-nav button.active:hover{background:#fff}
.customer-app .pilot-app-sidebar .pilot-app-nav button:is([hidden],.nav-folded){display:none}
.customer-app :is(.pilot-app-nav,.pilot-bottom-nav) .nav-symbol{display:block;flex:none;width:18px;height:18px;margin:0;font-size:0;line-height:0;float:none;text-align:left}
.customer-app :is(.pilot-app-nav,.pilot-bottom-nav) .nav-symbol svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-app .nav-symbol.home{color:#1a73e8}.customer-app .nav-symbol.people{color:#188038}.customer-app .nav-symbol.star{color:#b07800}.customer-app .nav-symbol.gear{color:#5f6368}
.customer-app :is(.pilot-app-nav,.pilot-bottom-nav) .nav-label{display:inline;flex:1;min-width:0;float:none;margin:0;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-app .pilot-app-nav .nav-count{display:inline;margin:0 0 0 auto;min-width:0;padding:0;float:none;background:none;color:var(--r-text);font:600 12px/1 var(--r-font);font-variant-numeric:tabular-nums}
.customer-app .pilot-app-nav .nav-count:empty{display:none}
/* Jan 16.10, valg A: siden du er på får en lys tone i ikonets farge, i sidemenyen og i bunnmenyen */
/* Nederst: ren tekst, som i skissen */
.customer-app .pilot-sidebar-footer{display:grid;gap:6px;margin-top:auto;padding:0 10px}
.customer-app .pilot-sidebar-footer button{display:block;width:auto;min-height:0;margin:0;padding:0;border:0!important;background:none;color:var(--r-muted);font:400 13px/1.5 var(--r-font)!important;text-align:left;cursor:pointer}
.customer-app .pilot-sidebar-footer button:hover{background:none;color:var(--r-ink)}
.customer-app .pilot-sidebar-footer button.active{color:var(--r-ink);font-weight:500!important}
.customer-app .pilot-sidebar-footer svg{display:none}
/* Innholdet står ved siden av menyen; bunnmenyen finnes bare på telefon */
.customer-app .pilot-app-body{margin-left:var(--nav-width);width:auto}
.customer-app .pilot-bottom-nav{display:none}
.customer-app .pilot-account-footer{display:none}
/* Telefon og nettbrett (≤ 820 px): bedriften øverst i en hvit stripe, menyen nederst med merker for det som venter */
@media (max-width:820px){
 .customer-app .pilot-app-sidebar{position:sticky;inset:auto;top:0;width:auto;height:auto;flex-direction:row;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:.5px solid var(--shell-line);z-index:1500;display:flex!important}
 .customer-app .pilot-app-sidebar :is(.pilot-app-brand,.pilot-app-nav,.pilot-sidebar-footer){display:none!important}
 .customer-app .pilot-company,.customer-app .place-switch-button{flex:1;padding:0;border:0;background:none}
 .customer-app :is(.pilot-company,.place-switch-button)>:is(div,span) small{display:none}
 .customer-app .pilot-company:has(.place-switch:not([hidden])){display:flex}
 .customer-app .place-switch{flex:1}
 .customer-app .place-switch-menu{right:auto;width:calc(100vw - 32px)}
 /* The page ends 16 px above the menu: the menu's height (--bottom-nav) plus 16 px. */
 .customer-app{--bottom-nav:60px}
 .customer-app .pilot-app-body{margin:0!important;width:100%!important;border:0!important;border-radius:0!important;min-height:0!important;padding:16px 16px calc(var(--bottom-nav) + 16px + env(safe-area-inset-bottom))!important;background:var(--r-canvas,#f3f3f2)!important}
 .customer-app .pilot-bottom-nav{display:grid!important;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1600;box-sizing:border-box;height:calc(var(--bottom-nav) + env(safe-area-inset-bottom))!important;gap:0;margin:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom))!important;background:#fff;border-top:.5px solid var(--shell-line-strong)!important}
 .customer-app .pilot-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px!important;min-width:0;min-height:0!important;margin:0;padding:6px 4px!important;border:0;border-radius:8px!important;background:none;color:var(--r-muted);font:400 11px/1.3 var(--r-font)!important;cursor:pointer}
 .customer-app .pilot-bottom-nav button[hidden]{display:none!important}
 /* The tab you are on is bold ink; !important because the button font above is set with !important. */
 .customer-app .pilot-bottom-nav button.active{color:var(--r-ink);font-weight:600!important}
 .customer-app .pilot-bottom-nav .nav-label{flex:none;overflow:visible}
 .customer-app .pilot-bottom-nav .nav-badge{position:absolute;top:2px;right:calc(50% - 18px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--r-ink);color:#fff;font:600 10px/1 var(--r-font);display:grid;place-items:center}
 .customer-app .pilot-bottom-nav .nav-badge:empty{display:none}
 /* Innstillinger slutter med hjelp og utlogging når sidemenyen er borte */
 .customer-app .pilot-account-footer{display:grid;gap:8px;margin:24px 0 0;padding:16px 0 0;border-top:.5px solid var(--shell-line)}
 .customer-app .pilot-account-footer button{display:block;width:auto;height:auto;margin:0;padding:0;border:0;background:none;color:var(--r-muted);font:400 14px/1.5 var(--r-font);text-align:left;cursor:pointer}
}
/* Sidehodet: én overskrift i samme størrelse på alle sider (32 px, 26 px på telefon), med Googles G foran på Google-sidene,
   undertekst 15 px dempet, fanene under. På en underside viker sidehodet og fanene for undersidens egen topp (r-top i
   reviews.css): tilbakelenke med chevron og tittel, så siden aldri har to overskrifter. */
.customer-app .pilot-page-heading{display:block;max-width:1000px;min-height:0;margin:0 auto 24px}
.customer-app .pilot-page-heading-row{display:flex;align-items:center;gap:12px;min-width:0}
.customer-app .pilot-page-heading-row svg{width:28px;height:28px;flex:none}
.customer-app .pilot-page-heading-row svg[hidden]{display:none}
.customer-app .pilot-page-heading h1{margin:0;color:var(--r-ink);font:650 32px/1.25 var(--r-font);letter-spacing:-.7px}
/* The section's menu icon stands before its title in the menu's colour, as Google's G does on the Google pages: blue house
   for Hjem, green people for Kunder, grey cog for Innstillinger. A small accent that says where you are, never a box. */
#account :is([data-view="today"] .home-page .r-h1,[data-view="customers"] .pilot-page-heading-row,#workspace-account>.pilot-page-heading h1)::before{content:"";display:inline-block;flex:none;width:28px;height:28px;margin:0 12px 0 0;vertical-align:-4px;background:var(--title-icon,#1a73e8);-webkit-mask:var(--title-mask) center/contain no-repeat;mask:var(--title-mask) center/contain no-repeat}
#account[data-view="today"] .home-page .r-h1{--title-icon:#1a73e8;--title-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2011l9-7%209%207v9a1%201%200%200%201-1%201h-5v-6h-6v6H4a1%201%200%200%201-1-1z'/%3E%3C/svg%3E")}
#account[data-view="customers"] .pilot-page-heading-row{--title-icon:#188038;--title-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208%20M2%2021a7%207%200%200%201%2014%200%20M16%203.5a4%204%200%200%201%200%207.5%20M22%2021a7%207%200%200%200-4.5-6.5'/%3E%3C/svg%3E")}
#account #workspace-account>.pilot-page-heading h1{--title-icon:#5f6368;--title-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2015a3%203%200%201%200%200-6%203%203%200%200%200%200%206%20M19.4%2015a1.7%201.7%200%200%200%20.3%201.8l.1.1a2%202%200%201%201-2.8%202.8l-.1-.1a1.7%201.7%200%200%200-1.8-.3%201.7%201.7%200%200%200-1%201.5V21a2%202%200%201%201-4%200v-.1a1.7%201.7%200%200%200-1.1-1.5%201.7%201.7%200%200%200-1.8.3l-.1.1a2%202%200%201%201-2.8-2.8l.1-.1a1.7%201.7%200%200%200%20.3-1.8%201.7%201.7%200%200%200-1.5-1H3a2%202%200%201%201%200-4h.1a1.7%201.7%200%200%200%201.5-1.1%201.7%201.7%200%200%200-.3-1.8l-.1-.1a2%202%200%201%201%202.8-2.8l.1.1a1.7%201.7%200%200%200%201.8.3H9a1.7%201.7%200%200%200%201-1.5V3a2%202%200%201%201%204%200v.1a1.7%201.7%200%200%200%201%201.5%201.7%201.7%200%200%200%201.8-.3l.1-.1a2%202%200%201%201%202.8%202.8l-.1.1a1.7%201.7%200%200%200-.3%201.8V9a1.7%201.7%200%200%200%201.5%201H21a2%202%200%201%201%200%204h-.1a1.7%201.7%200%200%200-1.5%201z'/%3E%3C/svg%3E")}
#account[data-view="customers"] .pilot-page-heading-row::before{margin-right:-4px}
@media (max-width:820px){#account :is([data-view="today"] .home-page .r-h1,[data-view="customers"] .pilot-page-heading-row,#workspace-account>.pilot-page-heading h1)::before{width:24px;height:24px;margin-right:10px;vertical-align:-3px}}
#account #workspace-content:has(#workspace-view .r-back)>:is(.pilot-page-heading,#google-tabs),
#account #workspace-account:has(#customer-account-panel .r-back)>.pilot-page-heading{display:none}
.customer-app .pilot-page-heading p{margin:4px 0 0;color:var(--r-muted);font:400 15px/1.5 var(--r-font)}
.customer-app .pilot-page-heading p:empty{display:none}
#account #google-tabs{display:flex;gap:4px;max-width:1000px;margin:-8px auto 18px;padding:0;border:0;border-bottom:.5px solid var(--shell-line)}
#account #google-tabs[hidden]{display:none}
#account #google-tabs button{display:inline-flex;align-items:center;gap:4px;min-height:0;margin:0 0 -.5px;padding:8px 12px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--r-muted);font:400 14px/1.4 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:none}
#account #google-tabs button:hover{color:var(--r-ink);background:none}
#account #google-tabs button:is(.active,[aria-current]){color:var(--r-ink);font-weight:500;border-bottom-color:var(--r-ink);background:none;box-shadow:none}
#account #google-tabs .tabcount{color:var(--r-text);font-weight:600;font-variant-numeric:tabular-nums}
#account #google-tabs .tabcount:empty{display:none}
@media (max-width:820px){
 .customer-app .pilot-page-heading{margin-bottom:16px}
 .customer-app .pilot-page-heading-row{gap:10px}
 .customer-app .pilot-page-heading-row svg{width:24px;height:24px}
 .customer-app .pilot-page-heading h1{font-size:26px;letter-spacing:-.4px}
}
/* Innlogging (bølge 3): the same two layers as inside the app, the grey page with the form in one white card. No «Konto»
   label in the corner (it looked like a button and did nothing), errors as red text under the form instead of a red box,
   and the same air under «E-post» and «Passord». */
body.customer-app .entry-shell:has(.login-main){min-height:100dvh;background:var(--r-canvas,#f3f3f2)}
body.customer-app .entry-shell:has(.login-main) .entry-header{border-bottom:0;background:transparent}
body.customer-app .entry-shell:has(.login-main) .entry-header .entry-label{display:none}
body.customer-app .entry-main.login-main{box-sizing:border-box;max-width:440px;margin:40px auto 48px;padding:32px;border:.5px solid var(--r-line-strong,rgba(16,24,40,.22));border-radius:12px;background:#fff;box-shadow:var(--r-lift,0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.04))}
body.customer-app .login-main h1{font-weight:650;letter-spacing:-.6px}
body.customer-app .login-main :is(input,select){min-height:44px;border-color:var(--r-line-strong,rgba(16,24,40,.22))}
body.customer-app .login-main .entry-error[role=alert]{padding:0;border:0;background:none;color:var(--r-red-11,#ce2c31);font-weight:500}
@media (max-width:640px){
 body.customer-app .entry-main.login-main{margin:8px 16px 32px;padding:24px 20px}
}
/* The old row with «Oppdater» and «Ny forespørsel» is hidden on every page; on Ny forespørsel it was a big black icon and a
   button to the page you were already on. Each page reads its data itself. */
.customer-app #account .pilot-app-actions{display:none}
/* Natt 2 (19.10), the shared frame. Innstillinger ends with «Hjelp og kontakt» and «Logg ut» on a phone only on its own list;
   a subpage (Bedriften, Medarbeidere, Pakke …) ends with its own content. */
.customer-app #workspace-account:not([data-account-tab="home"]) .pilot-account-footer{display:none}
/* Google: every tab's content starts at the tabs' left edge and ends at their right edge, as on Synlighet and Profil, with
   the same air under the tabs. */
@media (min-width:821px){#account #workspace-content:has(#google-tabs:not([hidden])) #workspace-view>.r-page{max-width:1000px;padding:0 0 64px}}
/* One mark per place, the same on a PC and a phone: the place's initials on its own colour, in the order of the places, in
   the place switch (the menu, the top bar on a phone) and in Hjem's list. The business and «Alle steder» keep the ink mark. */
.customer-app :is(.place-switch-button,.place-switch-item) .company-mark.c0{background:var(--r-blue-9)}
.customer-app :is(.place-switch-button,.place-switch-item) .company-mark.c1{background:var(--r-green-9)}
.customer-app :is(.place-switch-button,.place-switch-item) .company-mark.c2{background:var(--r-violet-9)}
.customer-app :is(.place-switch-button,.place-switch-item) .company-mark.c3{background:var(--r-orange-9)}
.customer-app :is(.place-switch-button,.place-switch-item) .company-mark.c4{background:var(--r-amber-9);color:#4f3422}
@media (max-width:820px){
 #account .home-place-list .home-mark{display:grid}
 #account .home-place-list .home-place-row{grid-template-columns:32px minmax(0,1fr)}
 #account .home-place-list .home-place-row .r-btn{grid-column:2}
}
/* V3 Profil 03.11 (runde 4): the line under the title shows again on the field pages, as on the boards (ProfilSjekkMobil2).
   The rule from Natt 2 that hid .pe-intro is taken out here. */