/* Google › Profil (Jan 19.10, Profil-v2): the answer first, the profile as Google shows it, the Bilder row with its status, «Ting å gjøre på profilen» as one list with a pill per row, then Innlegg, Endringshistorikk and Tilkobling as rows. Built on reviews.css; the field pages (pe-*) below are unchanged. */ #account #google-profile .pf-page{padding:0} #account #google-profile .pf-draft{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 20px;padding:14px 16px;border:1px solid var(--r-line-strong);border-left:4px solid var(--r-ink);border-radius:var(--r-radius-s);background:#fff;color:var(--r-ink);font-size:var(--r-fs-body);line-height:1.5;overflow-wrap:anywhere} #account #google-profile .pf-draft[data-state=unknown],#account #google-profile .pf-draft[data-state=sending]{background:var(--r-amber-3);border-left-color:var(--r-amber-9)} #account #google-profile .pf-draft[data-state=failed],#account #google-profile .pf-draft[data-state=conflict]{background:var(--r-red-3);border-left-color:var(--r-red-9)} #account #google-profile .pf-draft[hidden]{display:none} #account #google-profile .pf-draft b{font-weight:600} /* The answer first: one sentence with how many things to do as a pill, and what the list rests on under it. */ #account #google-profile .pf-status{display:flex;flex-direction:column;gap:6px;margin:0 0 4px} #account #google-profile .pf-status-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0} #account #google-profile .pf-status-line{margin:0;color:var(--r-ink);font:600 var(--r-fs-title)/1.4 var(--r-font);letter-spacing:-.3px} #account #google-profile .pf-status-note{display:block;color:var(--r-muted);font-size:13px;line-height:18px;white-space:normal;overflow-wrap:anywhere} /* Pills: the count, the importance of a row and what the photos lack. 22 px, 13 px text, never wrapped, no dot. */ #account #google-profile :is(.pf-count,.pf-pill){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 #google-profile .pf-count.warn{background:var(--r-amber-3);color:var(--r-amber-11)} #account #google-profile .pf-count.bad{background:var(--r-red-3);color:var(--r-red-11)} #account #google-profile .pf-count.ok{background:var(--r-green-3);color:var(--r-green-11)} #account #google-profile .pf-pill.high{background:var(--r-red-3);color:var(--r-red-11)} #account #google-profile .pf-pill.medium{background:var(--r-orange-3);color:var(--r-orange-11)} #account #google-profile .pf-pill.low{background:var(--r-grey-3);color:var(--r-grey-11)} /* Section titles outside the cards: «Profilen» with the rating at the right, «Ting å gjøre på profilen». */ #account #google-profile .r-section:is(.pf-head,.pf-todo-head){margin:28px 0 12px} #account #google-profile :is(.pf-head,.pf-todo-head) h2{font-size:var(--r-fs-title);letter-spacing:-.3px} #account #google-profile .pf-head small{display:inline-flex;align-items:center;gap:6px} #account #google-profile .pf-head small .r-star{width:14px;height:14px} #account #google-profile .pf-card{padding:8px 20px 16px} #account #google-profile .pf-fact{display:flex;gap:10px;align-items:baseline;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account #google-profile .pf-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:0;padding:8px 0 14px;border-bottom:.5px solid var(--r-line)} #account #google-profile .pf-facts .pf-fact{font-size:var(--r-fs-meta)} #account #google-profile .pf-facts .pf-fact>span{color:var(--r-muted);flex:0 0 120px;white-space:nowrap} #account #google-profile .pf-facts .pf-fact>b{flex:1 1 0;color:var(--r-ink);font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* A long value (opening hours over several days, an address) may take a second line, never a cut word (22.10). */ #account #google-profile .pf-facts .pf-fact>b{white-space:normal;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2} #account #google-profile .pf-facts .pf-fact{flex-wrap:wrap;row-gap:2px} /* Each fact opens its own page: a chevron at the end of the row, and the row lights up under the pointer. */ #account #google-profile .pf-facts .pf-fact{margin:-4px -8px;padding:4px 8px;border-radius:6px;transition:background-color var(--r-ease)} #account #google-profile .pf-facts .pf-fact:hover{background:var(--r-soft)} #account #google-profile .pf-facts .pf-fact:focus-visible{outline:2px solid var(--r-ink);outline-offset:0} #account #google-profile .pf-fact-go{flex:none;align-self:center;width:14px;height:14px;fill:none;stroke:var(--r-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .pf-fact:hover .pf-fact-go{stroke:var(--r-ink)} #account #google-profile .pf-fact-draft{display:block;flex:0 0 100%;min-width:0;padding-left:130px;color:var(--r-muted);font-size:var(--r-fs-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .pf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} #account #google-profile .pf-actions .r-btn .r-icon,#account #google-profile .pf-advice-actions .r-btn .r-icon{width:16px;height:16px} /* «Ting å gjøre på profilen»: one card, one row per thing: the pill in a 72 px column so the titles line up, the title, one line of proof, the grey line with the time and what to expect, «Hvorfor?» where there is more to say, and the button. The first row has the one black button on the page. */ #account #google-profile .pf-todo{display:block;padding:0;overflow:hidden} #account #google-profile .pf-todo-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px} #account #google-profile .pf-todo>*+*{border-top:.5px solid var(--r-line)} #account #google-profile .pf-todo-row>.pf-pill{justify-self:start;align-self:start;margin-top:1px} #account #google-profile .pf-todo-row.pf-focus{background:var(--r-soft);box-shadow:inset 2px 0 0 var(--r-ink);outline:none} #account #google-profile .pf-todo-body{min-width:0;display:flex;flex-direction:column;gap:6px} #account #google-profile .pf-todo-body h3{margin:0;color:var(--r-ink);font:600 17px/24px var(--r-font);letter-spacing:-.2px} #account #google-profile .pf-todo-line{margin:0;color:var(--r-text);font-size:15px;line-height:22px} #account #google-profile .pf-todo-meta{display:flex;align-items:center;gap:16px;margin-top:2px} #account #google-profile .pf-todo-meta>span{color:var(--r-muted);font-size:13px;line-height:18px;white-space:nowrap} #account #google-profile .pf-why{display:inline-flex;align-items:center;gap:3px;height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--r-ink);font:500 13px/1 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:none} #account #google-profile .pf-why .r-icon{width:14px;height:14px;transition:transform .15s} #account #google-profile .pf-why[aria-expanded=true] .r-icon{transform:rotate(180deg)} #account #google-profile .pf-todo-why{margin:0;color:var(--r-text);font-size:14px;line-height:1.5;max-width:72ch} #account #google-profile .pf-todo-why[hidden]{display:none} #account #google-profile .pf-advice-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} #account #google-profile .pf-more{display:flex;align-items:center;gap:6px;width:100%;min-height:48px;margin:0;padding:0 20px;border:0;border-radius:0;background:none;color:var(--r-ink);font:500 var(--r-fs-ui)/1.4 var(--r-font);text-align:left;white-space:nowrap;cursor:pointer;box-shadow:none} #account #google-profile .pf-todo>.pf-more{border-top:.5px solid var(--r-line)} #account #google-profile .pf-more:hover{background:var(--r-hover)} #account #google-profile .pf-more .r-icon{width:16px;height:16px;fill:none;stroke:var(--r-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .pf-done{display:flex;align-items:flex-start;gap:8px;margin:0;padding:13px 20px 14px;color:var(--r-muted);font-size:var(--r-fs-meta);line-height:1.5} #account #google-profile .pf-done:empty{display:none} /* «N av M punkter er i orden» with «Se alt» at the end, and under it every point checked: the name, what we found and what it rests on, with its state as a pill (Jan 21.10). The source line never wraps; the pill never moves. */ #account #google-profile .pf-done{align-items:center} #account #google-profile .pf-done .pf-ok{margin-top:0} #account #google-profile .pf-done-line{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .pf-done .pf-why{margin-left:auto} #account #google-profile .pf-checked{list-style:none;margin:0;padding:0;border-top:.5px solid var(--r-line)} #account #google-profile .pf-check{display:flex;align-items:flex-start;gap:12px;padding:11px 20px;border-bottom:.5px solid var(--r-line)} #account #google-profile .pf-check:last-child{border-bottom:0} #account #google-profile .pf-check-body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0} #account #google-profile .pf-check-body b{font:500 var(--r-fs-ui)/1.4 var(--r-font);color:var(--r-ink)} #account #google-profile .pf-check-detail{color:var(--r-ink);font-size:var(--r-fs-meta);line-height:1.45} #account #google-profile .pf-check-source{color:var(--r-muted);font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .pf-count.ask{background:var(--r-blue-3);color:var(--r-blue-11)} #account #google-profile .pf-count.grey{background:var(--r-grey-3);color:var(--r-grey-11)} /* «Merket gjort» is the owner's word, not Google's: green text on grey, apart from «I orden». «Angre» under the pill. */ #account #google-profile .pf-count.claimed{background:var(--r-grey-3);color:var(--r-green-11)} #account #google-profile .pf-check-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none} #account #google-profile .pf-undo{height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--r-ink);font:500 13px/24px var(--r-font);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;cursor:pointer;box-shadow:none} @media(max-width:760px){#account #google-profile .pf-check{padding:11px 16px}} #account #google-profile .pf-none{margin:0;padding:16px 20px} #account #google-profile .pf-ok{width:18px;height:18px;color:var(--r-green);margin-top:3px} /* Bilder right under the profile and Innlegg under the list: a card each, with an icon on a tile, the name, one grey line that never wraps (shortened on a phone), a pill when something is missing, and the chevron. */ #account #google-profile .pf-row{display:flex;align-items:center;gap:16px;width:100%;min-height:0;margin:16px 0 0;padding:18px 20px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:var(--r-panel);color:var(--r-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--r-lift)} #account #google-profile .pf-row[hidden]{display:none} #account #google-profile .pf-row:hover{background:var(--r-hover)} #account #google-profile .pf-row:focus-visible{outline:2px solid var(--r-ink);outline-offset:2px} #account #google-profile .pf-row.pf-posts{margin-top:32px} #account #google-profile .pf-row-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--r-grey-3);color:var(--r-grey-11);flex:none} #account #google-profile .pf-row-ic.amber{background:var(--r-amber-3);color:var(--r-amber-11)} #account #google-profile .pf-row-ic .r-icon{width:20px;height:20px;stroke-width:1.75} #account #google-profile .pf-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} #account #google-profile .pf-row-body>b{color:var(--r-ink);font:600 17px/24px var(--r-font);letter-spacing:-.2px} #account #google-profile .pf-row-line{display:block;color:var(--r-muted);font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .pf-short{display:none} #account #google-profile .pf-row>.r-icon:last-child{width:16px;height:16px;color:var(--r-muted);flex:none} /* The rest of Google as rows in one card: an icon on a grey tile, the name, the state of the connection, and the chevron. */ #account #google-profile .pf-links{margin:16px 0 0} #account #google-profile .pf-links[hidden]{display:none} #account #google-profile .pf-links .pf-link{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;margin:0;padding:0 20px;border:0;border-radius:0;background:none;color:var(--r-ink);font:500 var(--r-fs-body)/1.4 var(--r-font);text-align:left;cursor:pointer;box-shadow:none} #account #google-profile .pf-links .pf-link+.pf-link{border-top:.5px solid var(--r-line)} #account #google-profile .pf-links .pf-link b{flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .pf-links .pf-link .pf-row-ic{width:32px;height:32px;border-radius:8px} #account #google-profile .pf-links .pf-link .pf-row-ic .r-icon{width:16px;height:16px} #account #google-profile .pf-links .pf-link>.r-icon:last-child{width:16px;height:16px;color:var(--r-muted)} #account #google-profile .r-sheet-foot .r-btn{flex:1 1 auto} /* The page shares the «Google» heading and the tabs with Anmeldelser, and lines up with them; the old page head keeps only the place picker. */ #account #google-profile .profile-page{max-width:1000px;margin:0 auto;padding:0 0 32px!important;background:none} #account #google-profile #profileOverview{padding:0 0 32px!important} #account #google-profile .profile-page-head{margin:0 0 12px!important;padding:0!important;border:0;min-height:0} #account #google-profile .profile-page-head .profile-place-picker{margin:0} #account #google-profile .profile-page-head .profile-place-picker .customer-select-trigger{min-height:36px;padding:4px 30px 4px 0} #account #google-profile .profile-page-head :is(h1,p,.profile-preview-trigger){display:none} #account #google-profile .profile-page-head:not(:has(.profile-place-picker)){display:none} @media (max-width:820px){#account #google-profile .profile-page{padding:0!important}} #account #google-profile.is-mobile .pf-facts{grid-template-columns:1fr} #account #google-profile.is-mobile .pf-card{padding:16px} #account #google-profile.is-mobile .pf-facts .pf-fact{gap:8px} #account #google-profile.is-mobile .pf-facts .pf-fact>span{flex-basis:100px;font-size:var(--r-fs-small)} #account #google-profile.is-mobile .pf-fact-go{width:12px;height:12px} #account #google-profile.is-mobile .pf-fact-draft{padding-left:108px} #account #google-profile.is-mobile .pf-links .pf-link{min-height:52px;padding:0 12px 0 16px} #account #google-profile.is-mobile .pf-status-line{font-size:18px} #account #google-profile.is-mobile .pf-todo-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px} #account #google-profile.is-mobile .pf-todo-meta{flex-wrap:wrap;gap:8px 16px} #account #google-profile.is-mobile :is(.pf-actions,.pf-advice-actions) .r-btn{flex:1;height:44px} #account #google-profile.is-mobile .pf-advice-actions{width:100%} #account #google-profile.is-mobile :is(.pf-done,.pf-none){padding-left:16px;padding-right:16px} #account #google-profile.is-mobile .pf-more{padding:0 16px} /* On a phone the Bilder row keeps its pill, on a line of its own under the text, in line with the name. */ #account #google-profile.is-mobile .pf-row{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:6px 16px;align-items:center;padding:16px} #account #google-profile.is-mobile .pf-row .pf-count{grid-column:2;justify-self:start} #account #google-profile.is-mobile .pf-long{display:none} #account #google-profile.is-mobile .pf-short{display:inline} #account #google-profile.is-mobile .pf-status-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal} /* On the narrowest phones the label stands over the value, so the value gets the whole width and a word is never split. */ @media (max-width:360px){#account #google-profile.is-mobile .pf-facts .pf-fact{flex-wrap:wrap;row-gap:0}#account #google-profile.is-mobile .pf-facts .pf-fact>span{flex-basis:100%}#account #google-profile.is-mobile .pf-facts .pf-fact>b{flex-basis:0}} /* The other Profil pages (Forslag, Historikk, Bilder, Innlegg, Autopilot, Integrasjoner) keep their gp-* controls as plain links: cards on the white panel, no grey and no coloured boxes. Two ids so the older scoped profile styles cannot win. */ #account #google-profile :is(.gp-go,.gp-link){display:inline-flex;align-items:center;gap:4px;min-height:0;padding:0;border:0;background:none;font:500 14px/1.4 inherit;color:#202124;cursor:pointer} #account #google-profile :is(.gp-go,.gp-link) svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8} #account #google-profile .google-feedback:not(:empty){box-sizing:border-box;display:grid;gap:6px;margin:0 0 24px!important;padding:16px 20px!important;border:1px solid var(--r-line-strong)!important;border-left:4px solid var(--r-ink)!important;border-radius:var(--r-radius-s);background:#fff!important;font-size:var(--r-fs-body);line-height:1.5;color:var(--r-ink);overflow-wrap:anywhere} #account #google-profile .google-feedback-title{font-size:var(--r-fs-lead);line-height:1.35;font-weight:650} #account #google-profile .google-feedback[data-tone=success]:not(:empty){background:var(--r-green-3)!important;border-left-color:var(--r-green-9)!important} #account #google-profile .google-feedback[data-tone=error]:not(:empty){background:var(--r-red-3)!important;border-left-color:var(--r-red-9)!important} /* The page content lines up with the heading, and the header has no extra profile button. */ #account #google-profile #profileOverview{padding:0 0 32px!important;max-width:none!important} #account #google-profile.is-mobile #profileOverview{padding:0!important} #account #google-profile .profile-preview-trigger{display:none!important} /* Kept as in main so bølge 2 (#257) merges without a conflict; the field pages are styled in pilot-profile-editor.css. */ #account #google-profile .pe-intro{margin:6px 0 0!important;font-size:14px;line-height:1.5;color:#5f6368} #account #google-profile .pe-draft-note{margin:6px 0 0;color:var(--r-ink);font-size:14px;line-height:1.5} #account #google-profile .pe-section{margin:0 0 28px} @media(max-width:760px){ #account #google-profile .gp-fact{grid-template-columns:minmax(0,1fr) auto 14px;grid-template-areas:"label status chevron" "value status chevron";gap:2px 10px;min-height:60px;padding:10px 10px 10px 14px} #account #google-profile .gp-label{grid-area:label;font-size:12px} #account #google-profile .gp-value{grid-area:value} #account #google-profile .gp-status{grid-area:status} #account #google-profile .gp-chevron{grid-area:chevron} #account #google-profile .gp-chevron{width:14px;height:14px} #account #google-profile .gp-task{padding:14px} #account #google-profile :is(.gp-facts,.gp-tasks){border-radius:12px} #account #google-profile #profileOverview{padding:20px 0 24px!important} #account #google-profile .gp-draft{flex-wrap:wrap;align-items:flex-start;gap:10px 10px;padding:14px;border-radius:12px} #account #google-profile .gp-draft-dot{margin-top:7px} #account #google-profile .gp-draft-copy{flex:1 1 calc(100% - 30px);display:block} #account #google-profile .gp-draft-copy b{display:block;margin-bottom:2px} #account #google-profile .gp-draft-go{margin-left:18px;height:40px} } /* The other Profil pages (17.10): Integrasjoner, Aktivitet, Autopilot, Innlegg, Bilder, the connect card and the pickers, built from reviews.css. The frame has no artboard any more; the page keeps its padding above. */ #account #google-profile .gp-sub{min-width:0} #account #google-profile .gp-sub h2,#account #google-profile .gp-h2,#account #google-profile .gp-pending h2{margin:0;color:var(--r-ink);font:600 var(--r-fs-lead)/1.4 var(--r-font);letter-spacing:-.2px} #account #google-profile .gp-sub h3,#account #google-profile .gp-dialog h3{margin:0;color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font)} #account #google-profile .gp-sub h4{margin:0;color:var(--r-ink);font:600 var(--r-fs-ui)/1.4 var(--r-font)} #account #google-profile .gp-sub p{margin:0} #account #google-profile .gp-lead{margin:4px 0 14px!important} #account #google-profile .gp-muted{display:block;color:var(--r-muted);font-size:var(--r-fs-meta);line-height:1.45} #account #google-profile .gp-warn{color:#b3261e!important} #account #google-profile .google-feedback:empty{display:none} #account #google-profile .gp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} #account #google-profile .gp-card-head>div{min-width:0} #account #google-profile .gp-card-head .r-note{margin-top:2px} #account #google-profile .gp-card-head .r-status{margin-top:3px;flex:none} #account #google-profile .gp-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px} #account #google-profile .gp-bar>div:first-child{min-width:0} #account #google-profile .gp-bar .r-note{margin-top:2px} #account #google-profile .gp-bar-tools{display:flex;align-items:flex-end;gap:8px;flex:none} #account #google-profile .gp-bar-tools .r-field{min-width:170px} #account #google-profile .gp-bar-tools .r-btn{height:var(--r-control)} #account #google-profile .gp-filter{max-width:220px} #account #google-profile .gp-state{color:var(--r-muted);font-size:var(--r-fs-meta);white-space:nowrap} #account #google-profile .gp-state.state-approved,#account #google-profile .gp-state.state-accepted{color:var(--r-green)} #account #google-profile .gp-state.state-unknown,#account #google-profile .gp-state.state-failed,#account #google-profile .gp-state.state-conflict{color:#b3261e} /* Connect, status and the pickers after connecting. */ #account #google-profile .gp-state-card,#account #google-profile .gp-state{max-width:560px} #account #google-profile .gp-state h2{margin:12px 0 6px;color:var(--r-ink);font:600 var(--r-fs-title)/1.3 var(--r-font);letter-spacing:-.3px} /* The connect card: heading, 4 px, one line, 16 px, the button; one Google logo on the page, in the section title. */ #account #google-profile .gp-connect h2{margin:0 0 4px;color:var(--r-ink);font:600 var(--r-fs-title)/1.3 var(--r-font);letter-spacing:-.3px} #account #google-profile .gp-connect>p{margin:0 0 16px;color:var(--r-text)} #account #google-profile .gp-connect>p:last-child{margin-bottom:0} #account #google-profile .gp-connect .r-btn+p{margin-top:12px} #account #google-profile .gp-connect .r-link{margin-top:10px} #account #google-profile .gp-state .customer-loading-spinner{display:block;margin-bottom:4px} #account #google-profile .gp-picker{margin-top:12px} #account #google-profile .gp-pick{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:0;margin:0;padding:14px 18px;border:0;border-top:.5px solid var(--r-line);background:none;color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font);text-align:left;cursor:pointer} #account #google-profile .gp-pick:first-child{border-top:0} #account #google-profile .gp-pick:hover{background:var(--r-hover)} #account #google-profile .gp-pick svg{width:16px;height:16px;flex:none;stroke:var(--r-muted);fill:none;stroke-width:2} #account #google-profile .gp-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:.5px solid var(--r-line)} #account #google-profile .gp-choice>div{min-width:0} #account #google-profile .gp-choice strong{display:block;font-weight:600} /* Google-profilen: one row per place, its status and «Hent nå» to the right; disconnecting behind a second step. */ #account #google-profile .gp-places{max-width:760px} #account #google-profile .gp-place{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px} #account #google-profile .gp-place+.gp-place{border-top:.5px solid var(--r-line)} #account #google-profile .gp-place-logo{display:block;width:20px;height:20px;align-self:start;margin-top:2px} #account #google-profile .gp-place-copy{display:grid;gap:2px;min-width:0} #account #google-profile .gp-place-copy>b{color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .gp-place-meta{color:var(--r-muted);font-size:var(--r-fs-meta);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .gp-place-side{display:flex;align-items:center;gap:12px} #account #google-profile .gp-place.single .gp-place-logo{align-self:center;margin-top:0} /* The list holds every place, so the page's own place picker gives way, and with it the empty head above «Profil». */ #account #google-profile .profile-page:has(.gp-places) .profile-page-head{display:none} /* Disconnecting is the card's last row, in line with the place names, and opens to what happens before the button. */ #account #google-profile .gp-disconnect{border-top:.5px solid var(--r-line)} #account #google-profile .gp-disconnect>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px 0 52px;color:var(--r-text);font:500 var(--r-fs-ui)/1.4 var(--r-font);white-space:nowrap;list-style:none;cursor:pointer;transition:background-color var(--r-ease)} #account #google-profile .gp-disconnect-label{display:flex;min-width:0} #account #google-profile .gp-disconnect-label>span{flex:none;white-space:pre} #account #google-profile .gp-disconnect-label>.gp-disconnect-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .gp-disconnect>summary::-webkit-details-marker{display:none} #account #google-profile .gp-disconnect>summary::marker{content:""} #account #google-profile .gp-disconnect>summary:hover{background:var(--r-hover);color:var(--r-ink)} #account #google-profile .gp-disconnect>summary>svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--r-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s} #account #google-profile .gp-disconnect[open]>summary>svg{transform:rotate(180deg)} #account #google-profile .gp-disconnect>p{margin:0;padding:0 18px 12px 52px;color:var(--r-text);line-height:1.55} #account #google-profile .gp-disconnect>.r-btn{margin:4px 0 16px 52px} #account #google-profile .gp-control h3{margin-bottom:6px} /* Aktivitet */ #account #google-profile .pf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:.5px solid var(--r-line)} #account #google-profile .pf-metric{position:relative;min-height:0;margin:0;padding:14px 18px;border:0;border-right:.5px solid var(--r-line);border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account #google-profile .pf-metric:last-child{border-right:0} #account #google-profile .pf-metric[aria-pressed=true]{background:var(--r-soft)} #account #google-profile .pf-metric[aria-pressed=true]::after{content:"";position:absolute;left:18px;right:18px;bottom:-.5px;height:2px;background:var(--r-ink)} #account #google-profile .pf-metric>span{display:block;color:var(--r-muted);font-size:var(--r-fs-meta);white-space:nowrap} #account #google-profile .pf-metric>strong{display:block;margin-top:4px;color:var(--r-ink);font:650 28px/1.2 var(--r-font);letter-spacing:-.5px;font-variant-numeric:tabular-nums} #account #google-profile .pf-metric>small{display:block;margin-top:3px;color:var(--r-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .pf-metric>small.good{color:var(--r-green)} #account #google-profile .pf-metric>small.bad{color:#b3261e} #account #google-profile .gp-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 18px 0} #account #google-profile .pf-chart{padding:16px 18px 6px} #account #google-profile .pf-chart svg{display:block;width:100%;height:auto} #account #google-profile .pf-chart text{font:13px var(--r-font);fill:var(--r-muted)} #account #google-profile .pf-chart-legend{display:flex;gap:20px;padding:0 18px 16px;color:var(--r-muted);font-size:13px} #account #google-profile .pf-chart-legend span{display:flex;align-items:center;gap:8px} #account #google-profile .pf-chart-legend i{display:inline-block;width:20px;height:2px;background:var(--r-green)} #account #google-profile .pf-chart-legend i.previous{background:#a6a7ad} #account #google-profile .gp-table-wrap{padding:6px 6px 10px;overflow:auto} #account #google-profile .gp-footnote{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:12px 0} #account #google-profile .gp-daily{overflow-x:auto} #account #google-profile .gp-daily .r-table{margin-top:8px;min-width:520px} #account #google-profile .gp-activity-v3 .gp-bar{align-items:flex-start;flex-wrap:wrap;gap:16px} #account #google-profile .gp-activity-v3 .gp-bar h2{margin:0 0 6px;font-size:22px;line-height:1.3} #account #google-profile .gp-activity-ranges{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#eceae4} #account #google-profile .gp-activity-ranges button{min-height:38px;margin:0;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--r-text);font:500 14px var(--r-font);cursor:pointer;white-space:nowrap} #account #google-profile .gp-activity-ranges button[aria-pressed=true]{background:#fff;color:var(--r-ink);box-shadow:0 1px 2px rgba(16,24,40,.12)} #account #google-profile .gp-activity-v3 .google-feedback:not(:empty){display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:#fff;border:.5px solid var(--r-line);color:var(--r-text)} #account #google-profile .gp-activity-v3 .google-feedback p{margin:0;line-height:1.5} #account #google-profile .gp-activity-v3 .google-feedback b{color:var(--r-ink)} #account #google-profile .gp-activity-v3 .gp-daily{overflow:visible} #account #google-profile .gp-activity-v3 .gp-daily summary{padding:12px 0;cursor:pointer} #account #google-profile .gp-activity-v3 .gp-daily .gp-table-wrap{overflow-x:auto;max-width:100%} #account #google-profile .gp-activity-table-hint{display:none} #account #google-profile.is-mobile .gp-activity-table-hint{display:block;margin:0 0 8px} #account #google-profile .gp-activity-v3 .gp-footnote{flex-wrap:wrap} #account #google-profile .gp-activity-v3 .gp-footnote p{flex:1;min-width:180px} #account #google-profile .gp-activity-v3 .activity-current-key{background:var(--r-ink)} #account #google-profile.is-mobile .gp-activity-v3 .gp-bar-tools{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap} #account #google-profile.is-mobile .gp-activity-v3 .pf-metric{padding:12px} #account #google-profile.is-mobile .gp-activity-v3 .pf-metric>span{font-size:12px} #account #google-profile.is-mobile .gp-activity-v3 .gp-chart-head{align-items:flex-start} /* Autopilot */ /* Automatiske svar: «Svar automatisk» first, then «Hent nye anmeldelser hver time»; each a row with its state on the right. */ #account #google-profile :is(.gp-reply,.gp-auto){max-width:760px} #account #google-profile .gp-auto{margin-top:12px} #account #google-profile .gp-auto-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px} #account #google-profile .gp-auto-copy{display:grid;gap:2px;min-width:0} #account #google-profile .gp-auto-copy>strong{color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font)} #account #google-profile .gp-auto-meta{color:var(--r-muted);font-size:var(--r-fs-meta);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .gp-auto-row>:is(.r-status,.r-switch){flex:none} #account #google-profile .gp-auto-actions{border-top:.5px solid var(--r-line)} #account #google-profile .gp-auto-problem{padding:0 18px 16px} #account #google-profile .gp-reply>.r-note{margin:0 18px 12px} #account #google-profile .gp-options{display:grid;gap:12px;min-width:0;margin:0;padding:0 18px 16px;border:0} #account #google-profile .gp-option>span{display:grid;gap:2px} #account #google-profile .gp-option strong{font-weight:600} #account #google-profile .gp-confirm{border-top:.5px solid var(--r-line)} #account #google-profile .gp-confirm strong{display:block;margin-bottom:6px;font-weight:600} #account #google-profile .gp-confirm p{margin:0 0 8px;color:var(--r-text)} #account #google-profile .gp-confirm .r-actions{margin-top:12px} #account #google-profile .gp-log{border-top:.5px solid var(--r-line)} #account #google-profile .gp-log-item{padding:8px 0;border-top:.5px solid var(--r-line)} #account #google-profile .gp-log-item strong{display:block;font-weight:600;font-size:var(--r-fs-ui)} /* Innlegg og Bilder */ #account #google-profile .gp-content>.r-card+.r-card{margin-top:12px} #account #google-profile .gp-content .r-tabs{margin-bottom:14px} #account #google-profile .gp-resume{margin:0 0 12px} #account #google-profile .gp-rows{margin:0 0 12px} #account #google-profile .gp-row{display:flex;align-items:center;gap:14px;width:100%;min-height:0;margin:0;padding:14px 18px;border:0;border-top:.5px solid var(--r-line);background:none;color:var(--r-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account #google-profile .gp-row:first-child{border-top:0} #account #google-profile .gp-row:hover{background:var(--r-hover)} #account #google-profile .gp-row>div{flex:1;min-width:0;display:grid;gap:2px} #account #google-profile .gp-row>strong{flex:1;min-width:0} #account #google-profile .gp-row strong{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap} #account #google-profile .gp-row img{width:72px;height:56px;object-fit:cover;border-radius:8px;flex:none} #account #google-profile .gp-chev{width:16px;height:16px;flex:none;stroke:var(--r-muted);fill:none;stroke-width:2} #account #google-profile .gp-split{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);align-items:start} #account #google-profile .gp-split.single{grid-template-columns:minmax(0,1fr);max-width:760px} #account #google-profile .gp-list-col{min-width:0;align-self:stretch;border-right:.5px solid var(--r-line)} #account #google-profile .gp-list-head{padding:12px 18px;border-bottom:.5px solid var(--r-line);color:var(--r-muted);font-size:var(--r-fs-meta)} #account #google-profile .gp-item{display:block;width:100%;min-height:0;margin:0;padding:14px 18px;border:0;border-bottom:.5px solid var(--r-line);background:none;color:var(--r-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account #google-profile .gp-item:hover{background:var(--r-hover)} #account #google-profile .gp-item[aria-current=true]{background:var(--r-soft)} #account #google-profile .gp-item strong{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .gp-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px} #account #google-profile .gp-item-meta small{color:var(--r-muted);font-size:13px;white-space:nowrap} #account #google-profile .gp-list-foot{padding:12px 18px} #account #google-profile .gp-detail-col{min-width:0} #account #google-profile .gp-detail-back{padding:0 0 12px} #account #google-profile .gp-split .gp-detail-back{display:none} #account #google-profile .gp-detail-title{border-bottom:.5px solid var(--r-line)} #account #google-profile .gp-detail-title h2{margin-top:2px} #account #google-profile .gp-detail-stack{min-width:0} #account #google-profile .gp-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:start} #account #google-profile .gp-detail-grid>.gp-detail-actions{border-top:0;border-left:.5px solid var(--r-line);align-self:stretch} #account #google-profile .gp-detail-main{min-width:0} #account #google-profile .gp-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:.5px solid var(--r-line)} #account #google-profile .gp-full{flex-basis:100%} #account #google-profile .gp-preview{padding:14px 16px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:var(--r-soft)} #account #google-profile .gp-preview>strong{display:block;font-weight:600} #account #google-profile .gp-preview>small{display:block;margin-bottom:8px;color:var(--r-muted);font-size:13px} #account #google-profile .gp-preview h3{margin:4px 0 8px} #account #google-profile .gp-preview h4{margin:12px 0 4px;color:var(--r-ink);font:600 var(--r-fs-lead)/1.3 var(--r-font)} #account #google-profile .gp-preview-text{margin:8px 0 0!important;color:var(--r-ink);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere} #account #google-profile .gp-cta{display:inline-block;margin-top:8px;color:var(--r-blue);font-weight:600;font-size:var(--r-fs-ui)} #account #google-profile .gp-url{margin-top:4px!important;color:var(--r-muted);font-size:var(--r-fs-meta);overflow-wrap:anywhere} #account #google-profile .gp-image{display:block;width:100%;max-height:340px;margin:8px 0;object-fit:contain;border-radius:var(--r-radius-s);background:var(--r-track)} #account #google-profile .gp-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0 0 12px} #account #google-profile .gp-photo img,#account #google-profile .gp-photo-empty{display:block;width:100%;aspect-ratio:4/3;object-fit:cover} #account #google-profile .gp-photo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--r-track);color:var(--r-muted);font-size:var(--r-fs-meta)} #account #google-profile .gp-photo-empty svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6} #account #google-profile .gp-photo-body{display:grid;gap:4px;padding:12px 14px 14px;justify-items:start} #account #google-profile .gp-photo-body h3{overflow-wrap:anywhere} #account #google-profile .gp-photo-body .r-btn{margin-top:6px} #account #google-profile .gp-empty h3{margin-bottom:4px} #account #google-profile .gp-empty .r-btn{margin-top:12px} /* Bilder: the photos on Google in one card, how many and the newest on top. Innlegg: the ways on under the list. */ #account #google-profile .gp-google-photos{margin:0 0 12px} #account #google-profile .gp-google-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:16px 18px} #account #google-profile .gp-google-head>b{color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font);white-space:nowrap} #account #google-profile .gp-google-head>.gp-muted{display:inline;white-space:nowrap} #account #google-profile .gp-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;padding:0 18px 18px} #account #google-profile .gp-thumb{display:block;width:100%;aspect-ratio:1;min-height:0;margin:0;padding:0;border:0;border-radius:var(--r-radius-s);overflow:hidden;background:var(--r-track);cursor:pointer} #account #google-profile .gp-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--r-ease)} #account #google-profile .gp-thumb:hover img{transform:scale(1.03)} #account #google-profile .gp-thumb:focus-visible{outline:2px solid var(--r-ink);outline-offset:2px} #account #google-profile .gp-google-foot{padding:0 18px 16px} #account #google-profile .gp-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0 0} /* Bilder: what the place lacks on Google for its industry, one line under the count. */ #account #google-profile .gp-google-photos>.gp-missing{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:-6px 18px 16px;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .gp-google-photos>.gp-missing>b{color:var(--r-ink);font-weight:500;white-space:nowrap} /* Innlegg with nothing yet: «Skriv innlegg», then «Hent innlegg fra Google» and the posts on Google in the same row. */ #account #google-profile .gp-empty-actions{gap:8px 20px} /* A post: the services on the profile as pills under the text; one the text names stands pressed. */ #account #google-profile .gp-topics{display:grid;gap:6px;min-width:0} #account #google-profile .gp-topic-label{color:var(--r-text);font-size:var(--r-fs-meta);white-space:nowrap} #account #google-profile .gp-topic-list{display:flex;flex-wrap:wrap;gap:6px} #account #google-profile .gp-topic-list>.r-pill{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #account #google-profile .gp-content .r-btn svg.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .gp-publish svg.g{width:16px;height:16px;flex:none} #account #google-profile .gp-form .r-note{margin:0} #account #google-profile .gp-count{display:block;margin-top:-8px;color:var(--r-muted);font-size:13px;text-align:right} #account #google-profile .gp-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px} #account #google-profile .gp-upload{display:grid;gap:8px;justify-items:start;padding-top:14px;border-top:.5px solid var(--r-line)} #account #google-profile .gp-upload input[type=file]{max-width:100%;padding:6px 0;font-size:var(--r-fs-meta);border:0;background:none} #account #google-profile .gp-aside-preview{border-left:.5px solid var(--r-line);align-self:stretch} #account #google-profile .gp-history{display:grid;gap:4px} #account #google-profile .gp-resolve{margin-top:12px} #account #google-profile .gp-resolve article{margin-top:12px;padding-top:12px;border-top:.5px solid var(--r-line)} #account #google-profile .gp-plan{display:grid;gap:4px;justify-items:start} #account #google-profile .gp-plan strong{font-weight:600} #account #google-profile .gp-schedule .r-field{max-width:320px} #account #google-profile .gp-schedule>*+*{margin-top:10px} #account #google-profile .gp-cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px} #account #google-profile .gp-cal-month{display:flex;align-items:center;gap:10px} #account #google-profile .gp-cal-month h3{min-width:150px;text-align:center} #account #google-profile .gp-cal-row{display:flex;align-items:center;gap:14px;width:100%;min-height:0;margin:0;padding:12px 18px;border:0;border-top:.5px solid var(--r-line);background:none;color:var(--r-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account #google-profile .gp-cal-row:first-child{border-top:0} #account #google-profile .gp-cal-row:hover{background:var(--r-hover)} #account #google-profile .gp-cal-date{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;background:var(--r-soft);line-height:1.1} #account #google-profile .gp-cal-date strong{font:600 var(--r-fs-lead)/1 var(--r-font)} #account #google-profile .gp-cal-date span{color:var(--r-muted);font-size:13px} #account #google-profile .gp-cal-copy{flex:1;min-width:0;display:grid;gap:2px} #account #google-profile .gp-cal-copy strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .gp-writing-head{margin-top:14px} #account #google-profile .gp-writing-field{margin:10px 0} #account #google-profile .gp-writing-preview{margin:8px 0;padding:12px 14px;border-radius:var(--r-radius-s);background:var(--r-soft);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere} #account #google-profile .gp-writing-result>*+*{margin-top:8px} /* The profile preview dialog */ #account #google-profile .gp-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:var(--r-panel);color:var(--r-ink);font:var(--r-fs-body)/1.5 var(--r-font)} #account #google-profile .gp-dialog::backdrop{background:rgba(16,24,40,.2)} #account #google-profile .gp-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:.5px solid var(--r-line)} #account #google-profile .gp-dialog-head h2{margin:0;font:600 var(--r-fs-title)/1.3 var(--r-font)} #account #google-profile .gp-dialog-body{padding:18px 20px} #account #google-profile .gp-business h2{margin:0 0 6px;font:600 var(--r-fs-title)/1.3 var(--r-font)} #account #google-profile .gp-rating{display:flex;align-items:center;gap:8px;margin:0 0 4px} #account #google-profile .gp-rating b{font-weight:600} #account #google-profile .gp-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:12px 0 0;padding-top:12px;border-top:.5px solid var(--r-line)} #account #google-profile .gp-details dt{color:var(--r-muted);font-size:var(--r-fs-meta)} #account #google-profile .gp-details dd{margin:0;overflow-wrap:anywhere} #account #google-profile .gp-description{margin-top:14px} #account #google-profile .gp-description p{margin:4px 0 0;color:var(--r-text)} /* The place picker keeps its quiet look now that the older frame is gone. */ #account #google-profile .profile-place-picker{min-width:0;width:fit-content;max-width:100%;margin:0;font-size:var(--r-fs-meta)} #account #google-profile .profile-place-picker .customer-select-trigger{min-height:36px;width:auto;max-width:100%;padding:4px 30px 4px 0;border:0;border-radius:var(--r-radius-s);background:transparent;color:var(--r-muted);font:450 var(--r-fs-meta)/1.5 var(--r-font);box-shadow:none} #account #google-profile .profile-place-picker .customer-select-trigger:hover,#account #google-profile .profile-place-picker .customer-select-trigger[aria-expanded=true]{color:var(--r-ink);background:var(--r-soft)} #account #google-profile .profile-place-picker .customer-select-chevron{right:6px;width:16px;height:16px} #account #google-profile .profile-place-picker .customer-select-menu{width:max-content;min-width:100%;max-width:min(420px,calc(100vw - 56px));border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);box-shadow:0 4px 12px rgba(16,24,40,.08)} #account #google-profile .profile-place-picker .customer-select-menu [role=option]{min-height:44px;padding:11px 34px 11px 12px;font:450 var(--r-fs-meta)/1.5 var(--r-font);white-space:normal;overflow-wrap:anywhere} #account #google-profile .profile-place-picker .customer-select-menu [role=option]:hover,#account #google-profile .profile-place-picker .customer-select-menu [role=option].focused{background:var(--r-soft)} #account #google-profile .profile-place-picker .customer-select-menu [aria-selected=true]{font-weight:600} #account #google-profile.is-mobile .gp-dates,#account #google-profile.is-mobile .gp-detail-grid{grid-template-columns:1fr} #account #google-profile.is-mobile .gp-detail-grid>.gp-detail-actions{border-left:0;border-top:.5px solid var(--r-line)} #account #google-profile.is-mobile .gp-aside-preview{border-left:0;border-top:.5px solid var(--r-line)} #account #google-profile.is-mobile .gp-bar{flex-direction:column;align-items:stretch;gap:10px} #account #google-profile.is-mobile .gp-bar-tools{flex-wrap:wrap} #account #google-profile.is-mobile .gp-bar-tools .r-field{flex:1;min-width:0} #account #google-profile.is-mobile .gp-bar-tools .gp-write{flex:1 1 100%} #account #google-profile.is-mobile .gp-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px 16px} #account #google-profile.is-mobile .gp-google-head{padding:14px 16px} #account #google-profile.is-mobile .gp-google-photos>.gp-missing{margin:-4px 16px 14px} #account #google-profile.is-mobile .pf-metrics{grid-template-columns:1fr 1fr} #account #google-profile.is-mobile .pf-metric{border-bottom:.5px solid var(--r-line)} #account #google-profile.is-mobile .pf-metric:nth-child(2n){border-right:0} #account #google-profile.is-mobile .pf-metric>strong{font-size:24px} #account #google-profile.is-mobile .pf-chart text{font-size:30px} #account #google-profile.is-mobile .gp-split{display:block} #account #google-profile.is-mobile .gp-list-col{border-right:0} #account #google-profile.is-mobile .gp-split .gp-detail-col{display:none} #account #google-profile.is-mobile .gp-split .gp-detail-back{display:block;padding:12px 16px 0} /* The first post has no list to go back to: «Avbryt» is the way out. */ #account #google-profile.is-mobile .gp-split.single .gp-detail-back{display:none} #account #google-profile.is-mobile #profileFeatures.detail-open .gp-split .gp-list-col{display:none} #account #google-profile.is-mobile #profileFeatures.detail-open .gp-split .gp-detail-col{display:block} #account #google-profile.is-mobile .gp-place{grid-template-columns:20px minmax(0,1fr);gap:4px 12px;padding:14px 16px} #account #google-profile.is-mobile .gp-place-side{grid-column:2;justify-content:space-between;margin-top:8px} #account #google-profile.is-mobile .gp-disconnect>summary{min-height:var(--r-control);padding:0 16px 0 48px} #account #google-profile.is-mobile .gp-disconnect>p{padding:0 16px 12px 48px} #account #google-profile.is-mobile .gp-disconnect>.r-btn{margin:4px 0 14px 48px} #account #google-profile.is-mobile .gp-card-head{flex-wrap:wrap;gap:8px} #account #google-profile.is-mobile .gp-footnote{flex-direction:column} #account #google-profile.is-mobile .gp-cal-month h3{min-width:0} /* Bilder (drawing Bilder-v2, 19.10): the count in 30 px with the pill for what is missing, one black button beside it, «Mangler på Google» as rows with their own white button, and the photos on Google with cover and logo named. */ #account #google-profile .gp-photos{display:flex;flex-direction:column;min-width:0} #account #google-profile .gp-ph-status{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 4px} #account #google-profile .gp-ph-copy{display:flex;flex-direction:column;gap:2px;min-width:0} #account #google-profile .gp-ph-figures{display:flex;align-items:center;gap:12px;min-height:36px} #account #google-profile .gp-ph-big{color:var(--r-ink);font:600 var(--r-fs-big)/36px var(--r-font);letter-spacing:-.02em;white-space:nowrap} #account #google-profile .gp-ph-line{color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;white-space:nowrap} #account #google-profile .gp-ph-copy>.r-link{align-self:flex-start;margin-top:6px} #account #google-profile .gp-ph-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none} #account #google-profile .gp-ph-meta{color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;white-space:nowrap} #account #google-profile .gp-ph-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:28px 0 12px} #account #google-profile .gp-ph-head h2{margin:0;color:var(--r-ink);font:600 var(--r-fs-title)/28px var(--r-font);letter-spacing:-.01em} #account #google-profile .gp-needs{margin:0} #account #google-profile .gp-need{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:.5px solid var(--r-line)} #account #google-profile .gp-need-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--r-amber-3);color:var(--r-amber-11)} #account #google-profile .gp-need-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .gp-need-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0} #account #google-profile .gp-need-title{color:var(--r-ink);font:600 var(--r-fs-lead)/24px var(--r-font)} #account #google-profile .gp-need-text{color:var(--r-text);font-size:var(--r-fs-body);line-height:22px} #account #google-profile .gp-need>.r-btn{flex:none} #account #google-profile .gp-need-foot{margin:0;padding:12px 20px;color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;white-space:nowrap} #account #google-profile .gp-photos .gp-photo-grid{margin:0} #account #google-profile .gp-photos .gp-resume{margin:16px 0 0} #account #google-profile .gp-photos .gp-google-photos{margin:0} #account #google-profile .gp-photos .gp-thumbs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:16px} #account #google-profile .gp-photos .gp-thumb{position:relative;aspect-ratio:4/3} #account #google-profile .gp-thumb-tag{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--r-ink);font:500 var(--r-fs-small)/22px var(--r-font);white-space:nowrap;pointer-events:none} #account #google-profile .gp-thumb-off{display:flex;align-items:center;justify-content:center;color:var(--r-muted);cursor:default} #account #google-profile .gp-thumb-off svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6} #account #google-profile .gp-ph-picker{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none;overflow:hidden} /* The sheet: the photo big, one question, one black button; slides in from the right, up from the bottom on a phone. */ #account #google-profile .gp-scrim{opacity:0;transition:opacity .2s} #account #google-profile .gp-scrim.open{opacity:1} #account #google-profile .gp-sheet{width:min(480px,100%);transform:translateX(100%);visibility:hidden;transition:transform .2s ease,visibility 0s .2s} #account #google-profile .gp-sheet.open{transform:none;visibility:visible;transition:transform .2s ease} #account #google-profile .gp-sheet .r-sheet-head{align-items:center;padding:18px 24px;border-bottom:0} #account #google-profile .gp-sheet .r-sheet-head h2{font-size:var(--r-fs-title);line-height:28px;letter-spacing:-.01em} #account #google-profile .gp-sheet .r-iconbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .gp-sheet .r-iconbtn:disabled{opacity:.4;cursor:default} #account #google-profile .gp-sheet-body{display:flex;flex-direction:column;gap:24px;padding:0 24px 24px} #account #google-profile .gp-sheet-photo{display:flex;flex-direction:column;gap:8px} #account #google-profile .gp-sheet-img{display:block;width:100%;aspect-ratio:4/3;max-height:380px;object-fit:cover;border-radius:var(--r-radius);background:var(--r-track)} #account #google-profile .gp-sheet-img-off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--r-muted);font-size:var(--r-fs-small);text-align:center;padding:16px} #account #google-profile .gp-sheet-img-off svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6} #account #google-profile .gp-sheet-strip{display:flex;flex-wrap:wrap;gap:6px} #account #google-profile .gp-sheet-strip img,#account #google-profile .gp-sheet-strip-off,#account #google-profile .gp-sheet-strip-more{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--r-radius-s);object-fit:cover;background:var(--r-track);color:var(--r-muted);font:500 var(--r-fs-small)/1 var(--r-font)} #account #google-profile .gp-sheet-under{display:flex;align-items:center;justify-content:space-between;gap:12px} #account #google-profile .gp-kinds{margin:0;padding:0;border:0;min-width:0} #account #google-profile .gp-kinds legend{padding:0;margin:0 0 12px;color:var(--r-ink);font:600 var(--r-fs-lead)/24px var(--r-font)} #account #google-profile .gp-kind-list{display:flex;flex-wrap:wrap;gap:8px} #account #google-profile .gp-kind-more{margin-top:8px} #account #google-profile .gp-kind{display:inline-flex;align-items:center;gap:6px;height:36px;min-height:0;margin:0;padding:0 14px;border:.5px solid var(--r-line-strong);border-radius:999px;background:var(--r-panel);color:var(--r-text);font:500 var(--r-fs-ui)/1 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:none} #account #google-profile .gp-kind:hover{border-color:rgba(16,24,40,.34)} #account #google-profile .gp-kind[aria-pressed=true]{padding-left:10px;border:1.5px solid var(--r-ink);color:var(--r-ink);font-weight:600} #account #google-profile .gp-kind svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .gp-kinds>.r-link{margin-top:12px} #account #google-profile .gp-kind-note{margin:10px 0 0} #account #google-profile .gp-sheet-addtext{align-self:flex-start;height:32px} #account #google-profile .gp-sheet-addtext svg.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .gp-sheet-text{margin-top:-8px} #account #google-profile .gp-sheet-text textarea{height:auto;min-height:72px;padding:10px 12px;line-height:1.5;resize:vertical} #account #google-profile .gp-sheet-progress{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.45} #account #google-profile .gp-sheet-progress li>span:first-child{font-weight:600;color:var(--r-ink)} #account #google-profile .gp-sheet-progress li.gp-ok{color:var(--r-green-11)} #account #google-profile .gp-sheet-foot{display:flex;flex-direction:column;gap:14px;padding:16px 24px 20px;border-top:.5px solid var(--r-line)} #account #google-profile .gp-sheet-foot .r-btn{width:100%} #account #google-profile .gp-sheet-note{display:flex;flex-direction:column;align-items:center;margin:0;color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;text-align:center} #account #google-profile .gp-sheet-note>span{white-space:nowrap} /* On a phone: the status, then the button in full width; rows stack with the button under; the sheet comes up from the bottom. */ #account #google-profile.is-mobile .gp-ph-status{flex-direction:column;align-items:stretch;gap:16px} #account #google-profile.is-mobile .gp-ph-action{align-items:stretch} #account #google-profile.is-mobile .gp-ph-action .r-btn{width:100%} #account #google-profile.is-mobile .gp-ph-action .gp-ph-meta{text-align:center} #account #google-profile.is-mobile .gp-ph-head{margin-top:24px;flex-wrap:wrap;gap:2px 12px} #account #google-profile.is-mobile .gp-need{flex-wrap:wrap;padding:16px} #account #google-profile.is-mobile .gp-need>.r-btn{flex:1 1 100%} #account #google-profile.is-mobile .gp-need-foot{padding:12px 16px} #account #google-profile.is-mobile .gp-photos .gp-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px} #account #google-profile.is-mobile .gp-sheet{top:auto;left:0;right:0;bottom:0;width:100%;max-height:calc(100dvh - 24px);border-left:0;border-top:.5px solid var(--r-line-strong);border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(16,24,40,.16);transform:translateY(100%)} #account #google-profile.is-mobile .gp-sheet.open{transform:none} #account #google-profile.is-mobile .gp-sheet .r-sheet-head{padding:14px 10px 6px 16px} #account #google-profile.is-mobile .gp-sheet .r-iconbtn{width:44px;height:44px;border:0} #account #google-profile.is-mobile .gp-sheet-body{gap:20px;padding:0 16px 16px} #account #google-profile.is-mobile .gp-sheet-img{max-height:270px} #account #google-profile.is-mobile .gp-sheet-foot{padding:14px 16px 28px} /* Profil for a place without Google (19.10, tegning Ny-29): the answer with a dot and the one button at the right, then how the place looks on the Google map today. */ #account #google-profile .gp-connect{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px} #account #google-profile .gp-connect-copy{display:grid;gap:3px;min-width:0} #account #google-profile .gp-connect h2{position:relative;margin:0;padding-left:18px;font:600 var(--r-fs-lead)/1.35 var(--r-font);letter-spacing:0} #account #google-profile .gp-connect h2::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--r-amber-9)} #account #google-profile .gp-connect>.gp-connect-copy>p{margin:0;padding-left:18px;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.5} #account #google-profile .gp-connect .r-note{margin:4px 0 0} #account #google-profile .gp-connect .r-link{margin:4px 0 0 18px;justify-self:start} #account #google-profile .gp-connect-side{flex:none} #account #google-profile .gp-connect-side:empty{display:none} #account #google-profile .gp-mapview{margin:28px 0 0} #account #google-profile .gp-mapview-head{margin:0 0 10px} #account #google-profile .gp-mapview-card{padding:18px 20px} #account #google-profile .gp-mapview-row{display:flex;align-items:center;gap:14px} #account #google-profile .gp-mapview-copy{display:grid;flex:1;gap:2px;min-width:0} #account #google-profile .gp-mapview-copy b{color:var(--r-ink);font-size:var(--r-fs-lead);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .gp-mapview-line{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .gp-mapview .pf-row-ic.blue{background:var(--r-blue-3);color:var(--r-blue-11)} #account #google-profile .gp-mapview-score{display:grid;flex:none;justify-items:end;gap:2px} #account #google-profile .gp-mapview-big{display:flex;align-items:center;gap:8px} #account #google-profile .gp-mapview-rating{color:var(--r-ink);font-size:var(--r-fs-big);font-weight:600;line-height:1;letter-spacing:-.5px} #account #google-profile .gp-mapview-stars{display:inline-flex;gap:1px} #account #google-profile .gp-mapview-stars .r-star{width:16px;height:16px;fill:var(--r-yellow);stroke:none} #account #google-profile .gp-mapview-stars .r-star.off{fill:var(--r-grey-3)} #account #google-profile .gp-mapview-count{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .gp-mapview-note{margin:14px 0 0;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.5} @media (max-width:820px){ #account #google-profile .gp-connect{flex-direction:column;align-items:stretch;padding:16px} #account #google-profile .gp-connect-side .r-btn{width:100%} #account #google-profile .gp-mapview-card{padding:16px} #account #google-profile .gp-mapview-row{flex-wrap:wrap} #account #google-profile .gp-mapview-score{flex:1 1 100%;justify-items:start;padding-left:50px} } /* V3 Profil 03.11 (ProfilMobil #1, ProfilDesktop, ProfilSjekk): the status card, then «Mangler / Må vurderes / I orden», «Ting å gjøre på profilen» with the dot, the time and what to expect on one line over the title, and «Mer på profilen» as one card of rows. Every state is a strong dot with neutral text, never a pastel chip. */ body.customer-app #account #google-profile .pf-v3{display:flex;flex-direction:column} body.customer-app #account #google-profile .pf-v3>.pf-draft{margin:0 0 16px} body.customer-app #account #google-profile .pf-v3>.pf-status{margin:0 0 28px} body.customer-app #account #google-profile .pf-v3 .pf-status-note{margin-top:2px} body.customer-app #account #google-profile .pf-v3 .pf-overview-title{margin:0 0 12px} body.customer-app #account #google-profile .pf-v3 .pf-overview-title>span{font-variant-numeric:tabular-nums} body.customer-app #account #google-profile .pf-v3 .pf-overview-state.warn::before{background:var(--rv-grey)} body.customer-app #account #google-profile .pf-v3 .pf-overview-state.grey::before{background:var(--rv-grey)} body.customer-app #account #google-profile .pf-v3 .pf-overview-row>.pf-fact-go{width:16px;height:16px;stroke:var(--rv-muted)} body.customer-app #account #google-profile .pf-v3 .r-section:is(.pf-todo-head,.pf-more-head){margin:32px 0 12px} body.customer-app #account #google-profile .pf-v3 .r-section:is(.pf-todo-head,.pf-more-head) h2{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.2px} body.customer-app #account #google-profile .pf-v3 .pf-more-head[hidden]{display:none} /* States in the rows and in «Se alt»: dot and neutral text (aldri pastellchips). */ body.customer-app #account #google-profile .pf-v3 .pf-count{display:inline-flex;align-items:center;gap:7px;height:auto;min-height:18px;padding:0;border-radius:0;background:none;color:var(--rv-text);font:500 13px/18px var(--rv-font);white-space:nowrap} body.customer-app #account #google-profile .pf-v3 .pf-count::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--rv-grey)} body.customer-app #account #google-profile .pf-v3 .pf-count:is(.ok,.claimed)::before{background:var(--rv-green)} body.customer-app #account #google-profile .pf-v3 .pf-count.ask::before{background:var(--rv-yellow)} body.customer-app #account #google-profile .pf-v3 .pf-count.bad::before{background:var(--rv-red)} body.customer-app #account #google-profile .pf-v3 .pf-count.bad{color:var(--rv-red-text)} /* «Ting å gjøre»: «● Viktig · 2 min · kan virke etter 1–2 uker» on one line, then the title, the line, «Hvorfor?», the whole text when opened and the buttons. On a computer the buttons stand at the right of the title. */ body.customer-app #account #google-profile .pf-v3 .pf-todo-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pill meta acts" "title title acts" "line line acts" "why why acts" "whole whole whole";align-items:start;gap:0 10px;padding:18px 20px} body.customer-app #account #google-profile .pf-v3 .pf-todo-row :is(.pf-todo-body,.pf-todo-meta){display:contents} body.customer-app #account #google-profile .pf-v3 .pf-todo-row>.pf-pill{grid-area:pill;align-self:center;margin:0} body.customer-app #account #google-profile .pf-v3 .pf-todo-meta>span{grid-area:meta;align-self:center;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--rv-muted);font-size:12px;line-height:18px;white-space:nowrap} body.customer-app #account #google-profile .pf-v3 .pf-todo-meta>span::before{content:"·";margin-right:8px} body.customer-app #account #google-profile .pf-v3 .pf-todo-body>h3{grid-area:title;margin:8px 0 0;font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.1px} body.customer-app #account #google-profile .pf-v3 .pf-todo-line{grid-area:line;margin:4px 0 0;color:var(--rv-text);font-size:14px;line-height:20px} body.customer-app #account #google-profile .pf-v3 .pf-todo-meta>.pf-why{grid-area:why;justify-self:start;margin:6px 0 0;font-size:13px} body.customer-app #account #google-profile .pf-v3 .pf-todo-why{grid-area:whole;margin:10px 0 0;padding:12px 14px;border-radius:10px;background:var(--rv-canvas);color:var(--rv-text);font-size:13px;line-height:20px;max-width:none} body.customer-app #account #google-profile .pf-v3 .pf-advice-actions{grid-area:acts;align-self:center;justify-content:flex-end;gap:8px;padding-left:16px} body.customer-app #account #google-profile .pf-v3 .pf-advice-actions .r-btn{height:36px} body.customer-app #account #google-profile .pf-v3 .pf-todo-row.pf-focus{background:var(--rv-canvas);box-shadow:inset 2px 0 0 var(--rv-ink)} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-todo-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pill meta" "title title" "line line" "why why" "whole whole" "acts acts";padding:16px} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-advice-actions{justify-content:flex-start;margin-top:12px;padding-left:0} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-advice-actions .r-btn{flex:0 0 auto;height:36px} /* «Mer på profilen»: Innlegg and the links read as one card, a tile, the name, one grey line, the state and the chevron. */ body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts{display:flex;gap:14px;min-height:64px;margin:0;padding:12px 20px;border:0;border-radius:12px;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05)} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts:not([hidden])+.pf-links:not([hidden]){margin-top:0;border-top:.5px solid var(--rv-line);border-top-left-radius:0;border-top-right-radius:0} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts:has(+.pf-links:not([hidden])){border-bottom-left-radius:0;border-bottom-right-radius:0} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts .pf-row-ic,body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link .pf-row-ic{width:32px;height:32px;border-radius:8px;background:#eef6ff;color:#0b68cb} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts .pf-row-ic .r-icon{width:16px;height:16px} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts .pf-row-body{gap:2px} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts .pf-row-body>b{font-size:15px;line-height:20px;font-weight:500;letter-spacing:0} body.customer-app #account #google-profile .pf-v3 .pf-links{margin:0} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts[hidden]+.pf-links{margin-top:0} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link{min-height:56px;font-size:15px} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link[data-target=history] .pf-row-ic{background:#f3f0ff;color:#6e56cf} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link[data-target=connection] .pf-row-ic{background:#e9f9ee;color:#18794e} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link[data-target=activity] .pf-row-ic{background:#fff7c2;color:#ab6400} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link>.pf-count{margin-left:auto} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-row.pf-posts{padding:12px 16px} body.customer-app #account #google-profile:not(.is-mobile) .pf-v3 .pf-overview-row{grid-template-columns:180px minmax(0,1fr) auto 18px} /* V3 Bilder 03.11 (BilderMobil 1–3, BilderDesktop): the count card, «Mangler på Google» with coloured tiles, the drafts as a list, Google's categories as counts, the photos in one card. Dots and neutral text only. */ body.customer-app #account #google-profile .gp-content .gp-photos{display:flex;flex-direction:column;gap:0} body.customer-app #account #google-profile .gp-content .gp-photos>.gp-ph-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 12px;margin:28px 0 12px} body.customer-app #account #google-profile .gp-content .gp-photos>.gp-ph-head h2{margin:0;font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.2px} body.customer-app #account #google-profile .gp-content .gp-photos>.gp-ph-head .gp-ph-meta{color:var(--rv-muted);font-size:12px;line-height:18px;white-space:nowrap} body.customer-app #account #google-profile .gp-content .gp-ph-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 20px;border:0} body.customer-app #account #google-profile .gp-content .gp-ph-copy{display:flex;flex-direction:column;gap:4px;min-width:0} body.customer-app #account #google-profile .gp-content .gp-ph-figures{display:flex;align-items:center;gap:12px;min-width:0} body.customer-app #account #google-profile .gp-content .gp-ph-big{font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums} body.customer-app #account #google-profile .gp-content .gp-ph-line{color:var(--rv-muted);font-size:13px;line-height:18px} body.customer-app #account #google-profile .gp-content .gp-ph-figures>.gp-ph-line{color:var(--rv-text);font-size:14px;line-height:20px} body.customer-app #account #google-profile .gp-content .gp-ph-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none} body.customer-app #account #google-profile .gp-content .gp-ph-action>.gp-ph-meta{color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account #google-profile .gp-content .gp-ph-action .r-btn{height:40px;gap:8px} body.customer-app #account #google-profile .gp-content .gp-retry{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:32px;font-size:14px} body.customer-app #account #google-profile .gp-content .gp-retry svg{width:16px;height:16px} body.customer-app #account #google-profile .gp-content .gp-spin{width:18px;height:18px;flex:none;border:2px solid #e3e2de;border-top-color:var(--rv-ink);border-radius:50%;animation:gp-spin .8s linear infinite} @keyframes gp-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){body.customer-app #account #google-profile .gp-content .gp-spin{animation:none}} body.customer-app #account #google-profile .gp-content .gp-resume{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin:14px 0 0} body.customer-app #account #google-profile .gp-content .gp-resume svg{width:16px;height:16px} /* Tiles: the kind's colour on a soft square, the icon in the strong tone. */ body.customer-app #account #google-profile .gp-content .gp-tile{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#f1f1ef;color:#60646c} body.customer-app #account #google-profile .gp-content .gp-tile svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .gp-content .gp-tile.t-blue{background:#eef6ff;color:#0b68cb} body.customer-app #account #google-profile .gp-content .gp-tile.t-green{background:#e9f9ee;color:#18794e} body.customer-app #account #google-profile .gp-content .gp-tile.t-amber{background:#fff7c2;color:#ab6400} body.customer-app #account #google-profile .gp-content .gp-tile.t-violet{background:#f3f0ff;color:#6e56cf} body.customer-app #account #google-profile .gp-content .gp-tile.t-red{width:32px;height:32px;background:#fff0ef;color:#cd2b31} body.customer-app #account #google-profile .gp-content .gp-tile.gp-tile-lg{width:48px;height:48px;border-radius:12px} body.customer-app #account #google-profile .gp-content .gp-needs{margin:0;padding:0;overflow:hidden;border:0} body.customer-app #account #google-profile .gp-content .gp-need{display:flex;align-items:center;gap:14px;min-height:72px;margin:0;padding:14px 20px;border:0;border-top:.5px solid var(--rv-line);background:none} body.customer-app #account #google-profile .gp-content .gp-need:first-child{border-top:0} body.customer-app #account #google-profile .gp-content .gp-need-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px} body.customer-app #account #google-profile .gp-content .gp-need-title{color:var(--rv-ink);font-size:15px;line-height:20px;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-need-text{color:var(--rv-muted);font-size:13px;line-height:18px} body.customer-app #account #google-profile .gp-content .gp-need .r-btn{flex:none;height:32px;padding:0 12px;font-size:13px} body.customer-app #account #google-profile .gp-content .gp-need-foot{margin:0;padding:12px 20px;border-top:.5px solid var(--rv-line);color:var(--rv-muted);font-size:12px;line-height:18px} /* Not on Google yet: a 44 px picture, the name, the dot, «Se over». */ body.customer-app #account #google-profile .gp-content .gp-photo-list{margin:0;padding:0;overflow:hidden;border:0} body.customer-app #account #google-profile .gp-content .gp-photo-list>.gp-photo{display:flex;align-items:center;gap:14px;min-height:68px;margin:0;padding:12px 20px;border:0;border-top:.5px solid var(--rv-line);border-radius:0;background:none;box-shadow:none} body.customer-app #account #google-profile .gp-content .gp-photo-list>.gp-photo:first-child{border-top:0} body.customer-app #account #google-profile .gp-content .gp-photo-pic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#eceae4;color:var(--rv-muted)} body.customer-app #account #google-profile .gp-content .gp-photo-pic img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover} body.customer-app #account #google-profile .gp-content .gp-photo-pic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8} body.customer-app #account #google-profile .gp-content .gp-photo-list .gp-photo-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;padding:0} body.customer-app #account #google-profile .gp-content .gp-photo-list .gp-photo-body h3{margin:0;overflow:hidden;color:var(--rv-ink);font-size:15px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap} body.customer-app #account #google-profile .gp-content .gp-photo-list .gp-photo>.r-btn{flex:none;height:32px;padding:0 12px;font-size:13px} /* Google's categories: a count list with the number to the right. */ body.customer-app #account #google-profile .gp-content .gp-photo-counts{border:0} body.customer-app #account #google-profile .gp-content .gp-photo-count-row{min-height:48px;padding:12px 20px} body.customer-app #account #google-profile .gp-content .gp-photo-count-row dt{color:var(--rv-ink);font-size:14px;line-height:20px} body.customer-app #account #google-profile .gp-content .gp-photo-count-row dd{color:var(--rv-ink);font-size:14px;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-photo-count-row dd.none{color:var(--rv-muted);font-weight:400} body.customer-app #account #google-profile .gp-content .gp-photo-count-note{margin:8px 0 0;color:var(--rv-muted);font-size:12px;line-height:18px} /* The photos on Google: square tiles in one card, «Vis flere» centred under them. */ body.customer-app #account #google-profile .gp-content .gp-google-photos{margin:0;padding:0;border:0;overflow:hidden} body.customer-app #account #google-profile .gp-content .gp-thumbs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:12px} body.customer-app #account #google-profile .gp-content .gp-thumb{position:relative;display:grid;place-items:center;border-radius:8px;background:#eceae4;color:var(--rv-muted)} body.customer-app #account #google-profile .gp-content .gp-thumb>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6} body.customer-app #account #google-profile .gp-content .gp-thumb-tag{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:6px;background:#fff;color:var(--rv-ink);font-size:11px;line-height:16px;font-weight:500;white-space:nowrap;box-shadow:0 0 0 .5px var(--rv-line)} body.customer-app #account #google-profile .gp-content .gp-skel{cursor:default;background:linear-gradient(90deg,#eceae4,#f3f2ee,#eceae4);background-size:200% 100%;animation:gp-skel 1.2s ease-in-out infinite} @keyframes gp-skel{to{background-position:-200% 0}} @media (prefers-reduced-motion:reduce){body.customer-app #account #google-profile .gp-content .gp-skel{animation:none}} body.customer-app #account #google-profile .gp-content .gp-google-foot{display:flex;justify-content:center;padding:10px 12px 14px;border-top:.5px solid var(--rv-line)} body.customer-app #account #google-profile .gp-content .gp-photo-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;text-align:center} body.customer-app #account #google-profile .gp-content .gp-photo-empty-state b{font-size:15px;line-height:20px} body.customer-app #account #google-profile .gp-content .gp-photo-empty-state p{margin:0;color:var(--rv-muted);font-size:13px;line-height:18px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-ph-status{flex-direction:column;align-items:stretch;gap:16px;padding:16px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-ph-action{align-items:stretch} body.customer-app #account #google-profile.is-mobile .gp-content .gp-ph-action .r-btn{width:100%;height:44px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px} body.customer-app #account #google-profile.is-mobile .gp-content :is(.gp-need,.gp-photo-list>.gp-photo,.gp-photo-count-row){padding-left:16px;padding-right:16px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-need-foot{padding-left:16px;padding-right:16px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-photos>.gp-ph-head .gp-ph-meta{overflow:hidden;text-overflow:ellipsis} body.customer-app #account #google-profile.is-mobile .gp-content .gp-need{gap:12px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-need .gp-tile{width:32px;height:32px} body.customer-app #account #google-profile.is-mobile .gp-content :is(.gp-need-title,.gp-photo-list .gp-photo-body h3){font-size:14px} /* V3 Bilde- og innleggsutkast 03.11 (BildeUtkastMobil/Desktop, InnleggMobil/Desktop): the state as a dot over the name, the preview with the business and the picture itself, the buttons, notes and quiet links beside it. */ body.customer-app #account #google-profile .gp-content .gp-detail-back{padding:0 0 12px} body.customer-app #account #google-profile .gp-content .gp-detail-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);grid-template-areas:"head head" "main side";align-items:start;padding:0;overflow:hidden;border:0} body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "side" "main"} body.customer-app #account #google-profile .gp-content .gp-detail-title{grid-area:head;display:flex;flex-direction:column;gap:4px;padding:20px 20px 0;border:0} body.customer-app #account #google-profile .gp-content .gp-detail-kicker{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap} body.customer-app #account #google-profile .gp-content .gp-detail-kicker .r-status{font-size:12px} body.customer-app #account #google-profile .gp-content .gp-detail-when{color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account #google-profile .gp-content .gp-detail-when::before{content:"·";margin-right:8px} body.customer-app #account #google-profile .gp-content .gp-detail-title h2{margin:0;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.2px} body.customer-app #account #google-profile .gp-content .gp-detail-main{grid-area:main;min-width:0;padding:16px 20px 20px} body.customer-app #account #google-profile .gp-content .gp-detail-actions{grid-area:side;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;padding:16px 20px 20px;border:0} body.customer-app #account #google-profile .gp-content .gp-detail-buttons{display:flex;flex-direction:column;gap:8px} body.customer-app #account #google-profile .gp-content .gp-detail-buttons .r-btn{justify-content:center;gap:8px;height:40px} body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post .gp-detail-buttons{flex-direction:row;flex-wrap:wrap} body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post .gp-detail-actions{padding-bottom:0} body.customer-app #account #google-profile .gp-content .gp-detail-notes{display:flex;flex-direction:column;gap:8px} body.customer-app #account #google-profile .gp-content .gp-detail-notes .r-note{margin:0;color:var(--rv-muted);font-size:13px;line-height:20px} body.customer-app #account #google-profile .gp-content .gp-notice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line);color:var(--rv-text);font-size:13px;line-height:20px} body.customer-app #account #google-profile .gp-content .gp-notice svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke:#0b68cb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .gp-content .gp-detail-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px} body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post .gp-detail-links{flex-direction:row;flex-wrap:wrap;gap:10px 20px} body.customer-app #account #google-profile .gp-content :is(.gp-detail-links,.gp-links)>.r-link{display:inline-flex;align-items:center;gap:6px;min-height:28px;font-size:13px;font-weight:500} body.customer-app #account #google-profile .gp-content :is(.gp-detail-links,.gp-links,.gp-detail-buttons) svg.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .gp-content .gp-remove{width:100%;border:.5px solid var(--rv-line);border-radius:10px;padding:0 14px} body.customer-app #account #google-profile .gp-content .gp-remove>summary{min-height:40px;font-size:13px;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-remove .r-note{margin:0 0 10px;font-size:13px} body.customer-app #account #google-profile .gp-content .gp-remove .gp-danger{margin:0 0 12px;color:var(--rv-red-text)} body.customer-app #account #google-profile .gp-content .gp-history{display:flex;flex-direction:column;gap:6px} body.customer-app #account #google-profile .gp-content .gp-preview{margin:0;padding:16px;border:0;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05)} body.customer-app #account #google-profile .gp-content .gp-preview-head{display:flex;align-items:center;gap:10px;margin:0 0 12px} body.customer-app #account #google-profile .gp-content .gp-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--rv-ink);color:#fff;font-size:12px;font-weight:600} body.customer-app #account #google-profile .gp-content .gp-preview-who{display:flex;flex-direction:column;min-width:0} body.customer-app #account #google-profile .gp-content .gp-preview-who strong{font-size:14px;line-height:20px;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-preview-who small{margin:0;color:var(--rv-muted);font-size:12px;line-height:16px} body.customer-app #account #google-profile .gp-content .gp-preview .gp-image{display:block;width:100%;height:auto;max-height:520px;margin:0;object-fit:contain;border-radius:8px;background:#eceae4} body.customer-app #account #google-profile .gp-content .gp-image-off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:4/3;color:var(--rv-muted);font-size:13px} body.customer-app #account #google-profile .gp-content .gp-image-off svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6} body.customer-app #account #google-profile .gp-content .gp-preview h4{margin:12px 0 2px;font-size:16px;line-height:22px;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-preview-when{margin:0;color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account #google-profile .gp-content .gp-preview-text{margin:12px 0 0!important;font-size:14px;line-height:21px} body.customer-app #account #google-profile .gp-content .gp-coupon{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding:10px 14px;border:.5px solid var(--rv-line-strong);border-radius:8px;font-size:13px} body.customer-app #account #google-profile .gp-content .gp-coupon b{font-size:15px;font-weight:500;letter-spacing:.3px} body.customer-app #account #google-profile .gp-content .gp-terms{margin:10px 0 0;color:var(--rv-text);font-size:12px;line-height:18px} body.customer-app #account #google-profile .gp-content .gp-preview-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 10px;white-space:nowrap} body.customer-app #account #google-profile .gp-content .gp-preview-label>span{color:var(--rv-text);font-size:11px;line-height:16px;font-weight:600;letter-spacing:.6px;text-transform:uppercase} body.customer-app #account #google-profile .gp-content .gp-preview-label>small{color:var(--rv-muted);font-size:12px} body.customer-app #account #google-profile .gp-content .gp-resolve-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:12px 0} body.customer-app #account #google-profile .gp-content .gp-resolve-item{display:flex;flex-direction:column;gap:8px} body.customer-app #account #google-profile .gp-content .gp-resolve-item p{margin:0;font-size:13px;line-height:18px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card,body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-post{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "main" "side"} body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-post{grid-template-areas:"head" "side" "main"} body.customer-app #account #google-profile.is-mobile .gp-content :is(.gp-detail-title,.gp-detail-main,.gp-detail-actions){padding-left:16px;padding-right:16px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-photo .gp-detail-actions{padding-top:0} body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-photo .gp-detail-buttons{order:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-buttons .r-btn{height:44px;padding:0 12px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-photo .gp-detail-buttons>.primary{order:2} /* Innlegg: the filter as choices on a computer and «Vis» with a list on a phone, «Skriv innlegg» at the right, rows with a tile, the first line, the dot and the day. */ body.customer-app #account #google-profile .gp-content .gp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px} body.customer-app #account #google-profile .gp-content .gp-bar .gp-write{gap:8px;height:40px} body.customer-app #account #google-profile .gp-content .gp-bar .gp-write svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} body.customer-app #account #google-profile .gp-content .gp-chips{display:flex;flex-wrap:wrap;gap:8px} body.customer-app #account #google-profile .gp-content .gp-chip{height:32px;min-height:0;margin:0;padding:0 12px;border:.5px solid var(--rv-line-strong);border-radius:999px;background:#fff;color:var(--rv-ink);font:500 13px/1 var(--rv-font);white-space:nowrap;cursor:pointer;box-shadow:none} body.customer-app #account #google-profile .gp-content .gp-chip[aria-pressed=true]{border-color:var(--rv-ink);background:var(--rv-ink);color:#fff} body.customer-app #account #google-profile .gp-content .gp-chip:focus-visible{outline:2px solid var(--rv-focus);outline-offset:2px} body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-filter{display:none} body.customer-app #account #google-profile.is-mobile .gp-content .gp-chips{display:none} body.customer-app #account #google-profile.is-mobile .gp-content .gp-filter{display:flex;align-items:center;gap:8px;margin:0} body.customer-app #account #google-profile.is-mobile .gp-content .gp-filter>span{color:var(--rv-muted);font-size:13px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-filter select{height:36px;padding:0 28px 0 10px;font-size:14px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-bar .gp-write{height:36px;padding:0 12px;font-size:14px} body.customer-app #account #google-profile .gp-content .gp-split{border:0;overflow:hidden} body.customer-app #account #google-profile .gp-content .gp-list-head{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--rv-text);font-size:12px;line-height:18px} body.customer-app #account #google-profile .gp-content .gp-list-sort{color:var(--rv-muted)} body.customer-app #account #google-profile .gp-content .gp-item{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px} body.customer-app #account #google-profile .gp-content .gp-item .gp-tile{width:32px;height:32px;border-radius:8px} body.customer-app #account #google-profile .gp-content .gp-item .gp-tile svg{width:16px;height:16px} body.customer-app #account #google-profile .gp-content .gp-item-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px} body.customer-app #account #google-profile .gp-content .gp-item-copy strong{font-size:14px;line-height:20px;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-item-meta{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;min-width:0;white-space:nowrap} body.customer-app #account #google-profile .gp-content .gp-item-meta .r-status{font-size:12px} body.customer-app #account #google-profile .gp-content .gp-item-meta small{color:var(--rv-muted);font-size:12px} body.customer-app #account #google-profile .gp-content .gp-item-meta small::before{content:"·";margin-right:8px} body.customer-app #account #google-profile .gp-content .gp-item-meta.gp-muted{color:var(--rv-muted);font-size:12px} body.customer-app #account #google-profile .gp-content .gp-item>svg.icon{width:16px;height:16px;flex:none;fill:none;stroke:var(--rv-muted);stroke-width:2} body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-split .gp-item>svg.icon{display:none} body.customer-app #account #google-profile .gp-content .gp-item[aria-current=true]{background:var(--rv-canvas)} body.customer-app #account #google-profile .gp-content .gp-split .gp-detail-col .gp-detail-card{box-shadow:none;border-radius:0} body.customer-app #account #google-profile .gp-content .gp-links{gap:8px 20px;margin:14px 0 0} /* The chosen kind in the sheet is filled, as in BilderDesktop #2. */ body.customer-app #account #google-profile .gp-sheet .gp-kind[aria-pressed=true]{border:.5px solid var(--rv-ink);background:var(--rv-ink);color:#fff;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-bar>div:first-child:empty{display:none} body.customer-app #account #google-profile .gp-content .gp-bar-tools{display:flex;justify-content:flex-end;margin:0 0 0 auto} body.customer-app #account #google-profile .gp-content .gp-remove>summary{text-decoration:none} /* Skriv innlegg (InnleggDesktop #3): the kind as three choices, the button and its link side by side, the picture in its own box. */ body.customer-app #account #google-profile .gp-content .gp-type{display:grid;gap:8px} body.customer-app #account #google-profile .gp-content .gp-type>span{color:var(--rv-ink);font-size:14px;font-weight:500} body.customer-app #account #google-profile .gp-content .gp-seg{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;border-radius:10px;background:#ecebe7} body.customer-app #account #google-profile .gp-content .gp-seg-choice{height:36px;min-height:0;margin:0;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--rv-text);font:500 13px/1 var(--rv-font);white-space:nowrap;cursor:pointer;box-shadow:none} body.customer-app #account #google-profile .gp-content .gp-seg-choice[aria-pressed=true]{background:#fff;color:var(--rv-ink);box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.08)} body.customer-app #account #google-profile .gp-content .gp-seg-choice:focus-visible{outline:2px solid var(--rv-focus);outline-offset:1px} body.customer-app #account #google-profile .gp-content .gp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end} body.customer-app #account #google-profile .gp-content .gp-pair.single{grid-template-columns:minmax(0,1fr)} body.customer-app #account #google-profile .gp-content .gp-pair :is(input,select){height:44px} body.customer-app #account #google-profile .gp-content .gp-upload{display:flex;flex-direction:column;gap:10px;padding:16px;border:0;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line)} body.customer-app #account #google-profile .gp-content .gp-upload-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px} body.customer-app #account #google-profile .gp-content .gp-upload-head h3{margin:0;font-size:15px;line-height:20px;font-weight:600} body.customer-app #account #google-profile .gp-content .gp-upload>.r-note{margin:-6px 0 0;color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account #google-profile.is-mobile .gp-content .gp-pair{grid-template-columns:minmax(0,1fr)} body.customer-app #account #google-profile .gp-content .gp-form{grid-template-columns:minmax(0,1fr);min-width:0} body.customer-app #account #google-profile .gp-content .gp-form>*{min-width:0} body.customer-app #account #google-profile .gp-content .gp-seg-choice{min-width:0;overflow:hidden;text-overflow:ellipsis} body.customer-app #account #google-profile.is-mobile .gp-content .gp-split .gp-detail-back{padding:12px 16px 0} /* V3 Innhold 03.11 (BilderMobil/2/3, BilderDesktop, BildeUtkastMobil/2/3, BildeUtkastDesktop, InnleggMobil/2/3, InnleggDesktop): the sheet for new photos, the detail with its fixed buttons on a phone, the post form with errors per field, the planning card, the posts on Google and the calendar. «html» in front wins over the older rules here and in customer-app-v3.css without !important. */ /* A subpage of Bilder or Innlegg brings its own «‹» and heading: the page's own give way (G1, G4). */ html body.customer-app #account #google-profile #profileFeatures.gp-sub-open>:is(.r-back,.gp-crumb,.gp-title-row){display:none} html body.customer-app #account #google-profile.is-mobile #profileFeatures.detail-open>:is(.r-back,.gp-crumb,.gp-title-row){display:none} html body.customer-app #account #google-profile.is-mobile #profileFeatures.detail-open .gp-content>:is(.gp-bar,.gp-links){display:none} html body.customer-app #account #google-profile .gp-content .gp-sub-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 0 4px} html body.customer-app #account #google-profile .gp-content .gp-sub-title,html body.customer-app #account #google-profile .gp-calendar .gp-sub-title{margin:0 0 12px;color:var(--rv-ink);font:600 26px/32px var(--r-font);letter-spacing:-.4px} html body.customer-app #account #google-profile .gp-content .r-back{text-decoration:none;color:var(--rv-text)} html body.customer-app #account #google-profile .gp-content .r-back[hidden]{display:none} @media (max-width:820px){html body.customer-app.has-topback #account #google-profile .gp-content .r-back.in-topbar,html body.customer-app.has-topback #account #google-profile .gp-content .gp-detail-back:has(>.r-back.in-topbar:only-child){display:none}} /* Spinner wherever the content waits. */ html body.customer-app #account #google-profile #profileFeatures .gp-spin{display:inline-block;width:18px;height:18px;flex:none;border:2px solid #dcdde1;border-top-color:var(--rv-ink);border-radius:50%;animation:gp-spin .8s linear infinite} @media (prefers-reduced-motion:reduce){html body.customer-app #account #google-profile #profileFeatures .gp-spin{animation:none}} /* Empty and error cards, centred with their tile. */ html body.customer-app #account #google-profile .gp-content .gp-empty-center{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;text-align:center} html body.customer-app #account #google-profile .gp-content .gp-empty-center>b{margin:6px 0 0;color:var(--rv-ink);font:600 16px/22px var(--r-font)} html body.customer-app #account #google-profile .gp-content .gp-empty-center>p{max-width:420px;margin:0;color:var(--rv-text);font-size:14px;line-height:20px} html body.customer-app #account #google-profile .gp-content .gp-empty-center>.r-btn{margin-top:8px;gap:8px} html body.customer-app #account #google-profile .gp-content .gp-empty-center>.r-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile .gp-content .gp-empty-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px} html body.customer-app #account #google-profile .gp-content .gp-empty-actions>.r-btn{gap:8px} html body.customer-app #account #google-profile .gp-content .gp-empty-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} html body.customer-app #account #google-profile .gp-content .gp-tile.gp-tile-lg{width:52px;height:52px;border-radius:13px} html body.customer-app #account #google-profile .gp-content .gp-tile.gp-tile-lg svg{width:24px;height:24px} html body.customer-app #account #google-profile .gp-content .gp-tile.t-red{background:#feebec;color:#ce2c31} html body.customer-app #account #google-profile .gp-content .gp-tile.t-grey{background:#eef0f2;color:#60646c} html body.customer-app #account #google-profile .gp-content .gp-empty-logo svg{display:block;width:32px;height:32px} /* ---------- The sheet for new photos (BilderMobil2) ---------- */ html body.customer-app #account #google-profile #profileFeatures dialog.gp-sheet[open]{display:flex;flex-direction:column} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-grab{display:none} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .r-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 12px 6px 24px;border:0} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .r-sheet-head h2{margin:0;font:600 20px/26px var(--r-font);letter-spacing:-.3px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .r-iconbtn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:none;box-shadow:none;color:var(--rv-muted)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-body{display:flex;flex:1;flex-direction:column;gap:16px;min-height:0;padding:12px 24px 16px;overflow:auto} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-body>*{flex-shrink:0} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-img{width:100%;aspect-ratio:16/10;max-height:300px;object-fit:cover;border-radius:10px;background:#eceae4} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-strip{gap:6px;margin-top:6px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-strip :is(img,.gp-sheet-strip-off,.gp-sheet-strip-more){width:52px;height:52px;border-radius:7px;object-fit:cover} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-under{margin-top:2px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-under .r-link{display:inline-flex;align-items:center;gap:4px;height:36px;font-size:14px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .r-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile #profileFeatures .gp-kinds legend{margin:0 0 10px;font:600 16px/22px var(--r-font)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .gp-kind{height:36px;padding:0 14px;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #dcdde1;color:var(--rv-text);font:500 14px/1 var(--r-font);white-space:nowrap} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .gp-kind[aria-pressed=true]{padding-left:12px;border:0;background:var(--rv-ink);box-shadow:none;color:#fff} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .gp-kind svg{width:15px;height:15px;stroke-width:2.4} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .gp-kind:disabled{opacity:.55;cursor:default} html body.customer-app #account #google-profile #profileFeatures .gp-kinds>.r-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:14px} html body.customer-app #account #google-profile #profileFeatures .gp-kind-note{margin:10px 0 0;color:var(--rv-muted);font-size:13px;line-height:18px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-addtext{display:inline-flex;align-items:center;gap:6px;height:36px;color:var(--rv-ink);font:500 15px/20px var(--r-font);text-decoration:none;white-space:nowrap} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-addtext .gp-ph-meta{font-weight:400;color:var(--rv-muted)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 .5px rgba(16,24,40,.22)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-top:.5px solid var(--rv-line);color:var(--rv-text);font:400 14px/20px var(--r-font)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li:first-child{border-top:0} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li>b{flex:none;color:var(--rv-ink);font-weight:500;white-space:nowrap} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li>.gp-photo-save-state{min-width:0;font-size:14px;line-height:20px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li.p-bad{color:#b4232a!important} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li.gp-ok{color:var(--rv-text)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li.p-ok svg{stroke:#218358} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li.p-bad svg{stroke:#ce2c31} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress li.p-unsure svg{stroke:#ab6400} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress .gp-spin{margin-top:1px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress .gp-q{display:grid;flex:none;place-items:center;width:18px;height:18px;margin-top:1px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-progress .gp-q::before{content:"";width:7px;height:7px;border-radius:50%;background:#a0a3ab} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-foot{display:flex;flex-direction:column;gap:10px;padding:12px 24px 20px;border-top:.5px solid var(--rv-line);background:#fff} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-foot>.r-btn{width:100%;height:48px;justify-content:center;gap:8px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-foot>.r-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-foot>.r-btn.gp-btn-busy{border-color:transparent;background:#ebebea;box-shadow:none;color:var(--rv-muted);opacity:1} html body.customer-app #account #google-profile #profileFeatures .gp-btn-busy .gp-spin{border-color:#c9cbd0;border-top-color:var(--rv-muted)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-note{display:flex;flex-direction:column;align-items:center;gap:1px;margin:0;color:var(--rv-muted);font-size:12.5px;line-height:17px;text-align:center} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-note span{white-space:nowrap;line-height:17px} html body.customer-app #account #google-profile #profileFeatures dialog.gp-sheet::backdrop{background:rgba(16,24,40,.45)} /* On a phone the sheet comes up from the bottom with its handle and leaves the page above in sight. */ @media (max-width:820px){ html body.customer-app #account #google-profile #profileFeatures dialog.gp-sheet{inset:auto 0 0 0;width:100vw;max-width:100vw;height:auto;max-height:calc(100dvh - 44px);margin:0;border-radius:20px 20px 0 0;box-shadow:0 -8px 30px rgba(16,24,40,.18)} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-grab{display:block;flex:none;align-self:center;width:40px;height:4px;margin:12px 0 6px;border-radius:2px;background:#dcdde1} html body.customer-app #account #google-profile #profileFeatures .gp-sheet .r-sheet-head{padding:4px 12px 0 16px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-body{padding:12px 16px 16px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-img{max-height:190px} html body.customer-app #account #google-profile #profileFeatures .gp-sheet-foot{padding:12px 16px calc(24px + env(safe-area-inset-bottom))} } /* A choice on a phone: the sheet with one radio per row (G7). */ html body.customer-app #account #google-profile #profileFeatures dialog.gp-choice[open]{padding:0 0 calc(16px + env(safe-area-inset-bottom))} html body.customer-app #account #google-profile #profileFeatures .gp-choice>h2{margin:4px 0 6px;padding:0 16px;font:600 20px/26px var(--r-font)} html body.customer-app #account #google-profile #profileFeatures .gp-choice-list{display:flex;flex-direction:column;padding:0 16px} html body.customer-app #account #google-profile #profileFeatures .gp-choice-row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;margin:0;padding:8px 0;border:0;border-top:.5px solid var(--rv-line);border-radius:0;background:none;box-shadow:none;color:var(--rv-ink);font:400 15px/20px var(--r-font);text-align:left;cursor:pointer} html body.customer-app #account #google-profile #profileFeatures .gp-choice-row:first-child{border-top:0} html body.customer-app #account #google-profile #profileFeatures .gp-choice-copy{display:flex;flex-direction:column;min-width:0} html body.customer-app #account #google-profile #profileFeatures .gp-choice-copy small{color:var(--rv-muted);font-size:12px;line-height:16px} html body.customer-app #account #google-profile #profileFeatures .gp-radio{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #c3c6cd;background:#fff} html body.customer-app #account #google-profile #profileFeatures .gp-choice-row[aria-checked=true] .gp-radio{box-shadow:inset 0 0 0 6px var(--rv-ink)} /* ---------- Bilder (BilderMobil, BilderDesktop) ---------- */ html body.customer-app #account #google-profile .gp-content .rv-skeleton{margin:0} html body.customer-app #account #google-profile .gp-content .gp-preview .gp-cta{display:inline-flex;align-items:center;height:32px;margin:12px 0 0;padding:0 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #c3c6cd;color:#0b68cb;font:500 14px/1 var(--r-font)} @media (min-width:821px){html body.customer-app #account #google-profile #profileFeatures .gp-sheet .r-sheet-head{padding-bottom:14px;border-bottom:.5px solid var(--rv-line)}html body.customer-app #account #google-profile #profileFeatures .gp-sheet-body{padding-top:20px}} html body.customer-app #account #google-profile .gp-content .gp-google-foot{display:flex;justify-content:center;padding:12px 0 4px} /* ---------- The detail (BildeUtkast*, InnleggMobil3) ---------- */ html body.customer-app #account #google-profile .gp-content .gp-detail-back .r-link{display:inline-flex;align-items:center;gap:4px;font-size:14px} html body.customer-app #account #google-profile .gp-content .gp-detail-kicker{flex-wrap:nowrap;overflow:hidden} html body.customer-app #account #google-profile .gp-content .gp-detail-card.is-photo .gp-detail-title{padding:20px 20px 16px;border-bottom:.5px solid var(--rv-line)} html body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-detail-card.is-photo .gp-detail-actions{align-self:stretch;padding-top:16px;border-left:.5px solid var(--rv-line)} html body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-detail-card.is-photo .gp-detail-buttons.r-mfoot{display:grid;gap:10px;margin:0} html body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-detail-card.is-post .gp-detail-buttons.r-mfoot{display:flex;flex-direction:row;justify-content:flex-start;margin:0} html body.customer-app #account #google-profile .gp-content .gp-detail-buttons .r-btn.gp-btn-busy{background:#ebebea;box-shadow:none;color:var(--rv-muted);opacity:1} html body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post>.gp-detail-links{padding:4px 20px 20px} html body.customer-app #account #google-profile .gp-content .gp-history-holder:empty{display:none} html body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post>.gp-history-holder{padding:0 20px 20px} html body.customer-app #account #google-profile .gp-content .gp-history{display:flex;flex-direction:column;gap:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 .5px var(--rv-line)} html body.customer-app #account #google-profile .gp-content .gp-history-head{display:flex;align-items:baseline;gap:6px;padding:10px 12px;white-space:nowrap} html body.customer-app #account #google-profile .gp-content .gp-history-head h3{margin:0;font:600 14px/20px var(--r-font)} html body.customer-app #account #google-profile .gp-content .gp-history>.r-details{margin:0;padding:0 12px;border-top:.5px solid var(--rv-line)} html body.customer-app #account #google-profile .gp-content .gp-history>.r-details>summary{min-height:40px;font-size:13px} html body.customer-app #account #google-profile .gp-content .gp-history>.r-details>p{margin:0 0 10px;font-size:13px;line-height:19px} html body.customer-app #account #google-profile .gp-content .gp-remove:not(.gp-remove-button)>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer} html body.customer-app #account #google-profile .gp-content .gp-remove>summary::-webkit-details-marker{display:none} html body.customer-app #account #google-profile .gp-content .gp-remove>summary svg{width:16px;height:16px;fill:none;stroke:var(--rv-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s} html body.customer-app #account #google-profile .gp-content .gp-remove[open]>summary svg{transform:rotate(180deg)} html body.customer-app #account #google-profile .gp-content .gp-remove-button{width:auto;padding:0;border:0;background:none} html body.customer-app #account #google-profile .gp-content .gp-remove-button>summary{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #f3b0b2;color:#b4232a;font:500 14px/1 var(--r-font);list-style:none;cursor:pointer} html body.customer-app #account #google-profile .gp-content .gp-remove-button>summary svg{stroke:#ce2c31} html body.customer-app #account #google-profile .gp-content .gp-remove-button[open]{flex-basis:100%} html body.customer-app #account #google-profile .gp-content .gp-remove-button>.r-note{margin:10px 0} html body.customer-app #account #google-profile .gp-content .gp-detail-card.is-photo.is-resolving{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "side"} html body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-detail-card.is-photo.is-resolving .gp-detail-actions{border-left:0} html body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-detail-card.is-photo.is-resolving .gp-detail-buttons.r-mfoot{display:flex} html body.customer-app #account #google-profile .gp-content .gp-resolve{margin-top:16px} html body.customer-app #account #google-profile .gp-content .gp-resolve-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} html body.customer-app #account #google-profile .gp-content .gp-resolve-item{padding:12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 .5px var(--rv-line)} html body.customer-app #account #google-profile .gp-content .gp-resolve-pic{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#eceae4;color:#9a9ca3} html body.customer-app #account #google-profile .gp-content .gp-resolve-pic img{width:100%;height:100%;object-fit:cover} html body.customer-app #account #google-profile .gp-content .gp-resolve-pic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6} html body.customer-app #account #google-profile .gp-content .gp-resolve-item .r-btn{width:100%;justify-content:center} html body.customer-app #account #google-profile .gp-content .gp-resolve .gp-list-foot{display:flex;justify-content:center} html body.customer-app #account #google-profile .gp-content .gp-preview .gp-image-off{display:flex;width:100%;border-radius:8px;background:#eceae4} /* On a phone the detail stands on the grey page: the dot, the name as the heading, the white preview, the notes and links, and the main buttons fixed at the bottom (G2). */ html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card{overflow:visible;background:none;box-shadow:none;border-radius:0} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card :is(.gp-detail-title,.gp-detail-main,.gp-detail-actions){padding-left:0;padding-right:0} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card .gp-detail-title{padding:4px 0 12px;border:0} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card .gp-detail-title h2{font-size:24px;line-height:30px;letter-spacing:-.4px} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card .gp-detail-main{padding-top:0;padding-bottom:12px} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-post>.gp-detail-links,html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-post>.gp-history-holder{padding-left:0;padding-right:0} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card .gp-detail-actions{padding-top:0;padding-bottom:12px} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-buttons.r-mfoot .r-btn{height:48px} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-split .gp-detail-col .gp-detail-card{padding:0 16px} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-resolve-list{grid-template-columns:minmax(0,1fr)} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-resolve-item{flex-direction:row;flex-wrap:wrap;align-items:center} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-resolve-pic{width:52px;height:52px;aspect-ratio:auto} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-resolve-item>p{flex:1;min-width:0} @media (max-width:820px){html body.customer-app #account #google-profile .gp-content .gp-detail-buttons.r-mfoot{display:grid;flex-direction:initial;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px}} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-detail-card.is-post .gp-detail-kicker{order:2} html body.customer-app #account #google-profile.is-mobile #profileFeatures.detail-open .gp-content .gp-split{overflow:visible;background:none;box-shadow:none;border-radius:0} html body.customer-app #account #google-profile.is-mobile #profileFeatures.detail-open .gp-content .gp-split .gp-detail-col .gp-detail-card{padding:0} html body.customer-app #account #google-profile.is-mobile #profileFeatures.detail-open .gp-content .gp-split .gp-detail-back{padding:0} html body.customer-app #account #google-profile .gp-content .gp-list-col .gp-links-in{margin:0;padding:14px 16px;border-top:.5px solid var(--rv-line)} html body.customer-app #account #google-profile .gp-content .gp-list-col{display:flex;flex-direction:column} html body.customer-app #account #google-profile .gp-content .gp-list-col>.gp-links-in{margin-top:auto} html body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post .gp-detail-buttons:not(.r-mfoot){display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px} html body.customer-app #account #google-profile .gp-content .gp-detail-card.is-post .gp-detail-buttons:not(.r-mfoot)>.r-btn{height:40px} /* Room for the fixed bar at the bottom of a phone. */ html body.customer-app #account #google-profile.is-mobile .gp-content:has(.r-mfoot:not([hidden])){padding-bottom:88px} /* ---------- The form (InnleggMobil2/3, InnleggDesktop #3/#4, BildeUtkastMobil2) ---------- */ html body.customer-app #account #google-profile .gp-content .gp-editor-foot.r-mfoot{display:flex;justify-content:flex-start;gap:10px;margin:8px 0 0} html body.customer-app #account #google-profile .gp-content .gp-editor-foot.r-mfoot>.primary{order:-1} @media (max-width:820px){ html body.customer-app #account #google-profile .gp-content .gp-editor-foot.r-mfoot{display:grid;margin:0} html body.customer-app #account #google-profile .gp-content .gp-editor-foot.r-mfoot>.primary{order:2} } html body.customer-app #account #google-profile.is-mobile .gp-content .gp-aside-preview{display:none} html body.customer-app #account #google-profile .gp-content .r-field.has-error :is(input,textarea,select),html body.customer-app #account #google-profile .gp-content .gp-date-row.has-error :is(input){border-color:#e5484d;box-shadow:0 0 0 1px #e5484d} html body.customer-app #account #google-profile .gp-content .gp-field-error,html body.customer-app #account #google-profile .gp-calendar .gp-field-error,html body.customer-app #account #google-profile .gp-planning .gp-field-error{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;color:#b4232a;font:400 13px/18px var(--r-font)} html body.customer-app #account #google-profile .gp-content .gp-field-error[hidden]{display:none} html body.customer-app #account #google-profile .gp-content .gp-field-error svg{flex:none;width:15px;height:15px;margin-top:1px;fill:none;stroke:#ce2c31;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile .gp-content .gp-input-icon{position:relative;display:block} html body.customer-app #account #google-profile .gp-content .gp-input-icon>svg{position:absolute;top:50%;left:12px;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:var(--rv-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none} html body.customer-app #account #google-profile .gp-content .gp-input-icon>input{width:100%;padding-left:38px} html body.customer-app #account #google-profile .gp-content .gp-dates{display:flex;flex-direction:column;gap:12px} html body.customer-app #account #google-profile .gp-content .gp-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} html body.customer-app #account #google-profile .gp-content .gp-date-row+.gp-field-error{margin-top:-6px} html body.customer-app #account #google-profile .gp-content .gp-pair-offer{align-items:start} html body.customer-app #account #google-profile .gp-content .gp-count{display:block;margin:4px 0 0;color:var(--rv-muted);font-size:12px;line-height:16px;text-align:right} html body.customer-app #account #google-profile .gp-content .gp-topic-list .r-pill{display:inline-flex;align-items:center;gap:6px} html body.customer-app #account #google-profile .gp-content .gp-topic-list .r-pill svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile .gp-content .gp-topic-list .r-pill[aria-pressed=true] .gp-pill-plus,html body.customer-app #account #google-profile .gp-content .gp-topic-list .r-pill:not([aria-pressed=true]) .gp-pill-check{display:none} html body.customer-app #account #google-profile .gp-content .gp-select-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:44px;margin:0;padding:0 12px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #c3c6cd;color:var(--rv-ink);font:400 15px/20px var(--r-font);text-align:left;cursor:pointer} html body.customer-app #account #google-profile .gp-content .gp-select-btn svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--rv-muted);stroke-width:2} /* The picture in the form: «Velg bilde», the file card, the picture after upload. */ html body.customer-app #account #google-profile .gp-content .gp-filepick .r-filepick-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile .gp-content .gp-filepick:has(input:disabled) .r-filepick-btn{width:100%;background:#ebebea;box-shadow:none;color:var(--rv-muted)} html body.customer-app #account #google-profile .gp-content .gp-filepick:has(input:disabled){opacity:1} html body.customer-app #account #google-profile .gp-content .gp-file{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 .5px rgba(16,24,40,.22)} html body.customer-app #account #google-profile .gp-content .gp-file.has-error{box-shadow:inset 0 0 0 1px #e5484d} html body.customer-app #account #google-profile .gp-content .gp-file-pic{display:grid;flex:none;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:8px;background:#eceae4;color:#9a9ca3} html body.customer-app #account #google-profile .gp-content .gp-file-pic img{width:100%;height:100%;object-fit:cover} html body.customer-app #account #google-profile .gp-content .gp-file-pic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6} html body.customer-app #account #google-profile .gp-content .gp-file-copy{display:flex;flex:1;flex-direction:column;min-width:0} html body.customer-app #account #google-profile .gp-content .gp-file-copy b{overflow:hidden;color:var(--rv-ink);font:500 14px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} html body.customer-app #account #google-profile .gp-content .gp-file-copy small{color:var(--rv-muted);font-size:12px;line-height:16px;white-space:nowrap} html body.customer-app #account #google-profile .gp-content .gp-file-x{display:grid;place-items:center;width:32px;height:32px;border:0;background:none;box-shadow:none;color:var(--rv-muted)} html body.customer-app #account #google-profile .gp-content .gp-file-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} html body.customer-app #account #google-profile .gp-content .gp-file-progress{display:block;height:3px;overflow:hidden;border-radius:2px;background:#f6edc8} html body.customer-app #account #google-profile .gp-content .gp-file-progress::before{content:"";display:block;width:40%;height:100%;border-radius:2px;background:#F2B100;animation:gp-file-go 1.2s ease-in-out infinite} @keyframes gp-file-go{from{transform:translateX(-100%)}to{transform:translateX(250%)}} @media (prefers-reduced-motion:reduce){html body.customer-app #account #google-profile .gp-content .gp-file-progress::before{width:60%;animation:none}} html body.customer-app #account #google-profile .gp-content .gp-upload-go{width:100%;justify-content:center;gap:8px} html body.customer-app #account #google-profile .gp-content .gp-upload-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile .gp-content .gp-upload-go:disabled{background:#ebebea;box-shadow:none;color:var(--rv-muted)} html body.customer-app #account #google-profile .gp-content .gp-upload-pic{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#eceae4;color:var(--rv-muted);font-size:13px} html body.customer-app #account #google-profile .gp-content .gp-upload-pic img{width:100%;height:100%;object-fit:cover} html body.customer-app #account #google-profile .gp-content .gp-upload-pic.off{align-content:center;gap:6px} html body.customer-app #account #google-profile .gp-content .gp-upload-pic svg{width:24px;height:24px;fill:none;stroke:#9a9ca3;stroke-width:1.6} html body.customer-app #account #google-profile .gp-content .gp-upload-done{display:flex;align-items:center;gap:6px;margin:0;color:var(--rv-text);font-size:13px;line-height:18px;white-space:nowrap} html body.customer-app #account #google-profile .gp-content .gp-upload-done svg{width:16px;height:16px;fill:none;stroke:#218358;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile .gp-content .gp-upload-remove{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:#b4232a;font-size:14px;font-weight:500} html body.customer-app #account #google-profile .gp-content .gp-upload-remove svg{width:16px;height:16px;fill:none;stroke:#ce2c31;stroke-width:1.8} html body.customer-app #account #google-profile .gp-content .gp-upload .gp-notice{box-shadow:none;padding:0;background:none} /* The post form stands on the page on a phone, not in a card (InnleggMobil2 #1). */ html body.customer-app #account #google-profile.is-mobile .gp-content .gp-split .gp-detail-col>.gp-detail-main{padding:0 16px 16px} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-split .gp-detail-col>.gp-detail-title{padding:0 16px 8px;border:0} /* ---------- Innlegg: the list, the filter, the posts on Google ---------- */ html body.customer-app #account #google-profile .gp-content .gp-bar-filter{display:flex;align-items:center;min-width:0} html body.customer-app #account #google-profile .gp-content .gp-filter-btn{display:none;align-items:center;gap:6px;height:36px;min-height:0;margin:0;padding:0 10px;border:0;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #dcdde1;color:var(--rv-ink);font:500 14px/1 var(--r-font);white-space:nowrap;cursor:pointer} html body.customer-app #account #google-profile .gp-content .gp-filter-btn .gp-filter-label{color:var(--rv-muted);font-weight:400} html body.customer-app #account #google-profile .gp-content .gp-filter-btn svg{width:14px;height:14px;fill:none;stroke:var(--rv-muted);stroke-width:2} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-filter-btn{display:inline-flex} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-bar .gp-write{height:36px;min-height:0} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-bar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-bar>.gp-bar-filter{flex:0 1 auto;justify-content:flex-start;width:auto;margin:0} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-bar>.gp-bar-tools{flex:none;width:auto;margin:0 0 0 auto} html body.customer-app #account #google-profile .gp-title-actions .gp-write-title{gap:8px} html body.customer-app #account #google-profile .gp-title-actions .gp-write-title svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} html body.customer-app #account #google-profile .gp-content .gp-list-foot{display:flex;justify-content:center;padding:12px 16px;border-top:.5px solid var(--rv-line)} html body.customer-app #account #google-profile .gp-content .gp-rows{padding:0;overflow:hidden} html body.customer-app #account #google-profile .gp-content .gp-row{display:flex;align-items:center;gap:12px;padding:0 16px 0 0;border-top:.5px solid var(--rv-line)} html body.customer-app #account #google-profile .gp-content .gp-row:first-child{border-top:0} html body.customer-app #account #google-profile .gp-content .gp-row-open{display:flex;flex:1;align-items:center;gap:12px;min-width:0;min-height:64px;margin:0;padding:10px 0 10px 16px;border:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer} html body.customer-app #account #google-profile .gp-content .gp-row-pic{display:grid;flex:none;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:8px;background:#eceae4;color:#9a9ca3} html body.customer-app #account #google-profile .gp-content .gp-row-pic img{width:100%;height:100%;object-fit:cover} html body.customer-app #account #google-profile .gp-content .gp-row-pic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8} html body.customer-app #account #google-profile .gp-content .gp-row-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0} html body.customer-app #account #google-profile .gp-content .gp-row-copy strong{overflow:hidden;color:var(--rv-ink);font:500 14px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} html body.customer-app #account #google-profile .gp-content .gp-row-open>svg.icon{width:16px;height:16px;flex:none;fill:none;stroke:var(--rv-muted);stroke-width:2} html body.customer-app #account #google-profile:not(.is-mobile) .gp-content .gp-row-open>svg.icon,html body.customer-app #account #google-profile.is-mobile .gp-content .gp-row-take{display:none} html body.customer-app #account #google-profile.is-mobile .gp-content .gp-row{padding-right:16px} html body.customer-app #account #google-profile .gp-content .gp-item-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /* ---------- Publiser senere and the calendar (pilot-content-schedule.js) ---------- */ html body.customer-app #account #google-profile .gp-content .gp-planning{display:flex;flex-direction:column;gap:8px} html body.customer-app #account #google-profile .gp-content .gp-planning .google-feedback:empty{display:none} html body.customer-app #account #google-profile .gp-content .gp-schedule{margin:0;padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05)} html body.customer-app #account #google-profile .gp-content .gp-plan-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 14px;list-style:none;cursor:pointer;text-decoration:none} html body.customer-app #account #google-profile .gp-content .gp-plan-summary::-webkit-details-marker{display:none} html body.customer-app #account #google-profile .gp-content .gp-plan-summary>svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--rv-muted);stroke-width:2;transition:transform .15s} html body.customer-app #account #google-profile .gp-content .gp-schedule[open]>.gp-plan-summary>svg{transform:rotate(180deg)} html body.customer-app #account #google-profile .gp-content .gp-plan-head{display:flex;align-items:center;gap:12px;min-width:0} html body.customer-app #account #google-profile .gp-content .gp-plan-head .gp-tile{width:36px;height:36px;border-radius:9px} html body.customer-app #account #google-profile .gp-content .gp-plan-copy{display:flex;flex-direction:column;min-width:0} html body.customer-app #account #google-profile .gp-content .gp-plan-copy strong{color:var(--rv-ink);font:500 15px/20px var(--r-font)} html body.customer-app #account #google-profile .gp-content .gp-plan-copy small{color:var(--rv-muted);font-size:13px;line-height:18px;white-space:nowrap} html body.customer-app #account #google-profile .gp-content .gp-plan-body{display:flex;flex-direction:column;gap:10px;padding:2px 14px 14px} html body.customer-app #account #google-profile .gp-content .gp-plan-body .r-note{margin:0;color:var(--rv-muted);font-size:12px;line-height:18px} html body.customer-app #account #google-profile .gp-content .gp-plan-go{width:100%;justify-content:center;gap:8px} html body.customer-app #account #google-profile .gp-content .gp-plan-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} html body.customer-app #account #google-profile .gp-content .gp-plan-set{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05)} html body.customer-app #account #google-profile .gp-content .gp-plan-set .gp-plan-copy small{order:-1;font-size:12px} html body.customer-app #account #google-profile .gp-content .gp-plan-set .gp-plan-copy strong{font-size:17px;line-height:24px;font-weight:600} html body.customer-app #account #google-profile .gp-content .gp-plan-foot{display:flex;align-items:center;justify-content:space-between;gap:12px} html body.customer-app #account #google-profile .gp-content .gp-plan-foot .r-note{margin:0;color:var(--rv-muted);font-size:12px;white-space:nowrap} html body.customer-app #account #google-profile .gp-content .gp-cal-head{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0 0 12px;text-align:left} html body.customer-app #account #google-profile .gp-content .gp-cal-head .gp-sub-title{margin:0} html body.customer-app #account #google-profile .gp-content .gp-cal-head>.r-note{margin:0 0 12px;color:var(--rv-muted);font-size:13px} html body.customer-app #account #google-profile .gp-content .gp-cal-month{display:flex;align-items:center;justify-content:space-between;gap:12px} html body.customer-app #account #google-profile .gp-content .gp-cal-month h3{margin:0;font:600 15px/20px var(--r-font);white-space:nowrap} html body.customer-app #account #google-profile .gp-content .gp-cal-month .r-iconbtn{display:grid;place-items:center;width:36px;height:36px;border:0;background:none;box-shadow:none;color:var(--rv-ink)} html body.customer-app #account #google-profile .gp-content .gp-cal-month .r-iconbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} html body.customer-app #account #google-profile .gp-content .gp-cal-month .r-iconbtn:disabled{opacity:.35} html body.customer-app #account #google-profile .gp-content .gp-cal{padding:0;overflow:hidden} html body.customer-app #account #google-profile .gp-content .gp-cal-row{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;margin:0;padding:10px 16px;border:0;border-top:.5px solid var(--rv-line);border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer} html body.customer-app #account #google-profile .gp-content .gp-cal-row:first-child{border-top:0} html body.customer-app #account #google-profile .gp-content .gp-cal-date{display:flex;flex:none;flex-direction:column;align-items:center;width:40px;padding:4px 0;border-radius:8px;box-shadow:inset 0 0 0 .5px var(--rv-line)} html body.customer-app #account #google-profile .gp-content .gp-cal-date strong{font:600 16px/20px var(--r-font)} html body.customer-app #account #google-profile .gp-content .gp-cal-date span{color:var(--rv-muted);font-size:11px;line-height:14px} html body.customer-app #account #google-profile .gp-content .gp-cal-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0} html body.customer-app #account #google-profile .gp-content .gp-cal-copy>strong{overflow:hidden;font:500 14px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} /* V3 Innhold 03.11 slutt */ body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link>.pf-row-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link>.pf-row-body>b{flex:none} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link .pf-row-line{font-size:12px;line-height:16px} body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link>.pf-row-body>b{font:500 15px/20px var(--rv-font);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* V3 Profil runde 4 03.11 (kontroll): grey tiles in «Mer på profilen» with blue for Innlegg; the count of things to do at the right of the answer and beside its title; the draft as one compact line with a dot; rows on a phone 56 px with the name 16/500 and the state 13/500; no «Rediger profilen» on a phone; «Hvorfor?» underlined and its text without a grey box. */ body.customer-app #account #google-profile .pf-v3 :is(.pf-row.pf-posts,.pf-links .pf-link) .pf-row-ic,body.customer-app #account #google-profile .pf-v3 .pf-links .pf-link[data-target] .pf-row-ic{background:#f1f1ef;color:#60646c} body.customer-app #account #google-profile .pf-v3 .pf-row.pf-posts .pf-row-ic{background:#eef6ff;color:#0b68cb} body.customer-app #account #google-profile .pf-v3 .pf-status-top{justify-content:space-between} body.customer-app #account #google-profile .pf-v3 .pf-status-count{display:inline-flex;align-items:center;gap:6px;color:var(--rv-text);font-size:13px;line-height:18px;font-weight:500;white-space:nowrap} body.customer-app #account #google-profile .pf-v3 .pf-status-count::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rv-yellow)} body.customer-app #account #google-profile .pf-v3 .pf-status-count.bad{color:var(--rv-red-text)} body.customer-app #account #google-profile .pf-v3 .pf-status-count.bad::before{background:var(--rv-red)} body.customer-app #account #google-profile .pf-v3 .pf-todo-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px} body.customer-app #account #google-profile .pf-v3 .pf-todo-count{color:var(--rv-muted);font-size:13px;font-variant-numeric:tabular-nums} body.customer-app #account #google-profile .pf-v3 .pf-draft{display:flex;align-items:center;gap:12px;padding:12px 16px} body.customer-app #account #google-profile .pf-v3 .pf-draft-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px} body.customer-app #account #google-profile .pf-v3 .pf-draft-state{display:inline-flex;align-items:center;gap:6px;color:var(--rv-text);font-size:12px;line-height:18px;font-weight:500} body.customer-app #account #google-profile .pf-v3 .pf-draft-state::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rv-blue)} body.customer-app #account #google-profile .pf-v3 .pf-draft-state.yellow::before{background:var(--rv-yellow)} body.customer-app #account #google-profile .pf-v3 .pf-draft-state.red::before{background:var(--rv-red)} body.customer-app #account #google-profile .pf-v3 .pf-draft-copy>span{color:var(--rv-text);font-size:13px;line-height:18px} body.customer-app #account #google-profile .pf-v3 .pf-draft>.r-link{display:inline-flex;align-items:center;gap:2px;height:auto;padding:0;border:0;background:none;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none} body.customer-app #account #google-profile .pf-v3 .pf-draft>.r-link .r-icon{width:14px;height:14px} body.customer-app #account #google-profile .pf-v3 .pf-overview-value .pf-fact-draft{display:inline-flex;align-items:center;gap:6px} body.customer-app #account #google-profile .pf-v3 .pf-overview-value .pf-fact-draft::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rv-blue)} body.customer-app #account #google-profile .pf-v3 .pf-todo-meta>.pf-why{text-decoration:underline;text-underline-offset:3px} body.customer-app #account #google-profile .pf-v3 .pf-todo-why{padding:0;background:none;border-radius:0} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-actions{display:none} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-row{min-height:56px;padding:10px 16px;gap:2px 12px} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-name{font-size:16px;line-height:22px;font-weight:500;color:var(--rv-ink)} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-value>b{font-size:13px;line-height:18px;font-weight:400;color:var(--rv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-state{font-size:13px;font-weight:500} /* On a computer the page stays the desktop list also when the drawer narrows it (the page then carries .is-mobile). */ @media (min-width:821px){ body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-row{min-height:56px;padding:14px 16px} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-name{font-size:14px;line-height:20px;color:var(--rv-muted)} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-value>b{font-size:14px;line-height:20px;font-weight:500;color:var(--rv-ink);white-space:normal} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-overview-state{font-size:12px} body.customer-app #account #google-profile.is-mobile .pf-v3 .pf-actions{display:flex} } /* ProfilSjekk #5/#6 (runde 4): the copied message under its row, «Lagrer …» with a turning ring, «Kunne ikke lagre» in red with a red edge and its mark; «Viktig» in red. */ body.customer-app #account #google-profile .pf-v3 .pf-copied{grid-column:1/-1;margin:12px 0 0;padding:12px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line)} body.customer-app #account #google-profile .pf-v3 .pf-copied-label{display:block;margin:0 0 4px;color:var(--rv-text);font-size:11px;line-height:16px;font-weight:600;letter-spacing:.6px;text-transform:uppercase} body.customer-app #account #google-profile .pf-v3 .pf-copied p{margin:0;color:var(--rv-ink);font-size:13px;line-height:20px;white-space:pre-wrap} body.customer-app #account #google-profile .pf-v3 .r-btn.is-busy::before{content:"";width:12px;height:12px;margin-right:6px;border:2px solid rgba(16,24,40,.18);border-top-color:var(--rv-ink);border-radius:50%;animation:pf-spin .8s linear infinite} @keyframes pf-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){body.customer-app #account #google-profile .pf-v3 .r-btn.is-busy::before{animation:none}} body.customer-app #account #google-profile .pf-v3 .r-btn.is-failed{border-color:var(--rv-red);color:var(--rv-red-text);box-shadow:inset 0 0 0 .5px var(--rv-red)} body.customer-app #account #google-profile .pf-v3 .r-btn.is-failed::before{content:"";width:14px;height:14px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16h.01'/%3E%3C/svg%3E") center/14px no-repeat} body.customer-app #account #google-profile .pf-v3 .pf-pill.high{color:var(--rv-red-text)} body.customer-app #account #google-profile .pf-v3 .pf-overview-row.pf-current{background:var(--rv-canvas);box-shadow:inset 2px 0 0 var(--rv-ink)} /* AI-søk, Oppføringer, «Finn bedriften din på Google Maps» og Tiltak (runde 3–4). Flyttet hit fra approved-profile.css, som bygges på nytt fra design/approved-reference og mister det som legges til for hånd. */ /* V3 AI-søk 03.11 (ProfilEkstraMobil #4–6): the question under the title, the questions as rows with a dot and the day, the answer with a count card, the quote, the sources as rows and the actions. Dots and neutral text only. */ body.customer-app #account .ai-v3{display:flex;flex-direction:column;gap:12px;color:var(--rv-ink);font-family:var(--rv-font)} body.customer-app #account .ai-v3 .ai-sub{margin:-6px 0 4px;color:var(--rv-text);font-size:14px;line-height:20px} body.customer-app #account .ai-v3 .ai-feedback:empty{display:none} body.customer-app #account .ai-v3 .ai-feedback{margin:0;font-size:13px;color:var(--rv-text)} body.customer-app #account .ai-v3 .ai-split{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start} body.customer-app #account .ai-v3 .ai-list,body.customer-app #account .ai-v3 .ai-detail{display:flex;flex-direction:column;gap:12px;min-width:0} body.customer-app #account .ai-v3 .ai-h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 0} body.customer-app #account .ai-v3 .ai-h2 :is(h2,h3){margin:0;font-size:16px;line-height:22px;font-weight:600} body.customer-app #account .ai-v3 .ai-h2>span{color:var(--rv-muted);font-size:12px;white-space:nowrap} body.customer-app #account .ai-v3 .ai-rows,body.customer-app #account .ai-v3 .ai-tally{display:flex;flex-direction:column;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05);overflow:hidden} body.customer-app #account .ai-v3 .ai-row{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:0;margin:0;padding:14px 16px;border:0;border-top:.5px solid var(--rv-line);border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none} body.customer-app #account .ai-v3 .ai-row:first-child{border-top:0} body.customer-app #account .ai-v3 .ai-row:hover{background:var(--rv-canvas)} body.customer-app #account .ai-v3 .ai-row[aria-current=true]{background:#fafaf8} body.customer-app #account .ai-v3 .ai-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px} body.customer-app #account .ai-v3 .ai-row-copy>b{font-size:15px;line-height:21px;font-weight:500} body.customer-app #account .ai-v3 .ai-row-meta{display:flex;align-items:center;gap:8px;white-space:nowrap} body.customer-app #account .ai-v3 .ai-when{color:var(--rv-muted);font-size:12px} body.customer-app #account .ai-v3 .ai-chev{flex:none;width:16px;height:16px;margin-top:3px;fill:none;stroke:var(--rv-muted);stroke-width:2} body.customer-app #account .ai-v3 .ai-st{display:inline-flex;align-items:center;gap:6px;color:var(--rv-text);font-size:12px;line-height:18px;font-weight:500;white-space:nowrap} body.customer-app #account .ai-v3 .ai-st::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--rv-grey)} body.customer-app #account .ai-v3 .ai-st.g::before{background:var(--rv-green)} body.customer-app #account .ai-v3 .ai-st.y::before{background:var(--rv-yellow)} body.customer-app #account .ai-v3 .ai-st.o::before{background:#f76b15} body.customer-app #account .ai-v3 .ai-edit,body.customer-app #account .ai-v3 .ai-open{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:36px} body.customer-app #account .ai-v3 :is(.ai-edit,.ai-open,.ai-tile,.ai-source) svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account .ai-v3 .ai-notice{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line)} body.customer-app #account .ai-v3 .ai-notice p{margin:0;color:var(--rv-text);font-size:13px;line-height:20px} body.customer-app #account .ai-v3 .ai-tile{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#f1f1ef;color:#60646c} body.customer-app #account .ai-v3 .ai-back{display:none} body.customer-app #account .ai-v3 .ai-question{margin:0;font-size:18px;line-height:25px;font-weight:600;letter-spacing:-.2px} body.customer-app #account .ai-v3 .ai-tally{padding:0 16px} body.customer-app #account .ai-v3 .ai-tally-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border-top:.5px solid var(--rv-line);font-size:14px} body.customer-app #account .ai-v3 .ai-tally-row:first-child{border-top:0} body.customer-app #account .ai-v3 .ai-result{display:flex;flex-direction:column;gap:12px} body.customer-app #account .ai-v3 .ai-kicker{margin:6px 0 -4px;color:var(--rv-text);font-size:11px;line-height:16px;font-weight:600;letter-spacing:.6px;text-transform:uppercase} body.customer-app #account .ai-v3 .ai-quote{margin:0;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line);color:var(--rv-ink);font-size:14px;line-height:21px;white-space:pre-wrap;overflow-wrap:anywhere} body.customer-app #account .ai-v3 .ai-metaline{margin:-4px 0 0;color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account .ai-v3 .ai-source{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;border-top:.5px solid var(--rv-line);color:inherit;text-decoration:none} body.customer-app #account .ai-v3 .ai-source:first-child{border-top:0} body.customer-app #account .ai-v3 .ai-source:hover{background:var(--rv-canvas)} body.customer-app #account .ai-v3 .ai-source>svg{color:var(--rv-muted)} body.customer-app #account .ai-v3 .ai-source-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px} body.customer-app #account .ai-v3 .ai-source-copy b{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.customer-app #account .ai-v3 .ai-source-copy span{color:var(--rv-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.customer-app #account .ai-v3 .ai-hint{margin:0;color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account .ai-v3 .ai-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0} body.customer-app #account .ai-v3 .ai-actions .r-btn{height:36px} body.customer-app #account .ai-v3 .ai-empty{padding:16px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line)} body.customer-app #account .ai-v3 .ai-empty b{display:block;font-size:15px} body.customer-app #account .ai-v3 .ai-empty p{margin:4px 0 0;color:var(--rv-text);font-size:13px;line-height:20px} body.customer-app #account .ai-v3 .ai-manual{display:flex;flex-direction:column;gap:14px} body.customer-app #account .ai-v3 .ai-manual-title{margin:0;font-size:22px;line-height:28px;font-weight:600} body.customer-app #account .ai-v3 .ai-manual .ai-sub{margin:-8px 0 0} body.customer-app #account .ai-v3 .ai-field{display:flex;flex-direction:column;gap:6px} body.customer-app #account .ai-v3 .ai-label{color:var(--rv-ink);font-size:14px;font-weight:500} body.customer-app #account .ai-v3 .ai-field :is(input,textarea){width:100%;min-height:44px;padding:10px 12px;border:.5px solid var(--rv-line-strong);border-radius:8px;background:#fff;color:var(--rv-ink);font:400 15px/21px var(--rv-font)} body.customer-app #account .ai-v3 .ai-manual-foot{display:grid;grid-template-columns:1fr 2fr;gap:12px} body.customer-app #account .ai-v3 .ai-manual-foot .r-btn{height:44px} body.customer-app #account .ai-v3 .ai-cancel{align-self:flex-start} @media (max-width:820px){ body.customer-app #account .ai-v3 .ai-split{display:block} body.customer-app #account .ai-v3 .ai-detail{display:none} body.customer-app #account .ai-v3.ai-detail-open .ai-list{display:none} body.customer-app #account .ai-v3.ai-detail-open .ai-detail{display:flex} body.customer-app #account .ai-v3.ai-detail-open>.ai-sub{display:none} body.customer-app #account .ai-v3 .ai-back{display:block} body.customer-app #account .ai-v3 .ai-back .r-link{display:inline-flex;align-items:center;gap:4px;font-size:14px} body.customer-app #account .ai-v3 .ai-back svg{width:16px;height:16px} body.customer-app #account .ai-v3 .ai-row[aria-current=true]{background:none} } body.customer-app #account #visibility .ai-v3 :is(.ai-question,.ai-manual-title,.ai-h2 h2,.ai-h2 h3){margin:0} body.customer-app #account #visibility .ai-v3 .ai-source-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--rv-ink);font-size:13px;font-weight:500} body.customer-app #account #visibility .ai-v3 .ai-source-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2} /* V3 Oppføringer 03.11 (ProfilEkstraMobil #7–8): the counts as a list with the number right, the search with its icon, rows with a letter tile, the kind and the day, the state as a dot and the chevron; the detail as cards with the same marks. */ body.customer-app #account #visibility .listing-v3{display:flex;flex-direction:column;gap:12px;font-family:var(--rv-font);color:var(--rv-ink)} body.customer-app #account #visibility .listing-v3 .listing-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 0} body.customer-app #account #visibility .listing-v3 .listing-sub{margin:0;color:var(--rv-text);font-size:14px;line-height:20px} body.customer-app #account #visibility .listing-v3 .approved-listing-actions{display:flex;align-items:center;gap:12px;flex:none} body.customer-app #account #visibility .listing-v3 .listing-add{display:inline-flex;align-items:center;gap:6px;height:36px} body.customer-app #account #visibility .listing-v3 :is(.listing-add,.directory-search) svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #visibility .listing-v3 .listing-tally{display:flex;flex-direction:column;gap:0;padding:0 18px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05)} body.customer-app #account #visibility .listing-v3 .directory-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;margin:0;padding:0;border:0;border-top:.5px solid var(--rv-line);border-radius:0;background:none;outline:0;color:var(--rv-ink);font:400 14px/20px var(--rv-font);cursor:pointer;box-shadow:none} body.customer-app #account #visibility .listing-v3 .directory-stat:first-child{border-top:0} body.customer-app #account #visibility .listing-v3 .directory-stat span{color:var(--rv-ink);font-size:14px} body.customer-app #account #visibility .listing-v3 .directory-stat strong{color:var(--rv-ink);font-size:15px;line-height:20px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums} body.customer-app #account #visibility .listing-v3 .directory-stat[aria-pressed=true] span{font-weight:600} body.customer-app #account #visibility .listing-v3 .directory-stat[aria-pressed=true] strong{text-decoration:underline;text-underline-offset:3px} body.customer-app #account #visibility .listing-v3 .directory-toolbar{display:flex;flex-direction:column;gap:8px;margin:0} body.customer-app #account #visibility .listing-v3 .directory-search{position:relative;display:flex;align-items:center;margin:0;color:var(--rv-muted)} body.customer-app #account #visibility .listing-v3 .directory-search>svg{position:absolute;left:14px} body.customer-app #account #visibility .listing-v3 .directory-search input{width:100%;height:44px;padding:0 12px 0 40px;border:.5px solid var(--rv-line-strong);border-radius:8px;background:#fff;color:var(--rv-ink);font:400 15px/20px var(--rv-font)} body.customer-app #account #visibility .listing-v3 .listing-more>summary{display:inline-flex;align-items:center;min-height:32px;color:var(--rv-ink);font-size:13px;font-weight:500;cursor:pointer} body.customer-app #account #visibility .listing-v3 .listing-more[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px} body.customer-app #account #visibility .listing-v3 .listing-more[open]>summary{grid-column:1/-1} body.customer-app #account #visibility .listing-v3 .listing-more label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--rv-text)} body.customer-app #account #visibility .listing-v3 .listing-more select{height:40px;padding:0 10px;border:.5px solid var(--rv-line-strong);border-radius:8px;background:#fff;font-size:14px} body.customer-app #account #visibility .listing-v3 .directory-categories{display:flex;flex-wrap:wrap;gap:6px;margin:0} body.customer-app #account #visibility .listing-v3 .directory-categories button{height:30px;min-height:0;margin:0;padding:0 12px;border:.5px solid var(--rv-line-strong);border-radius:999px;background:#fff;color:var(--rv-ink);font:500 13px/1 var(--rv-font);box-shadow:none} body.customer-app #account #visibility .listing-v3 .directory-categories button[aria-pressed=true]{border-color:var(--rv-ink);background:var(--rv-ink);color:#fff} body.customer-app #account #visibility .listing-v3 .directory-workspace{border:0;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05);overflow:hidden} body.customer-app #account #visibility .listing-v3 .v-list-head{margin:0;padding:10px 16px;border-bottom:.5px solid var(--rv-line);color:var(--rv-muted);font-size:12px} body.customer-app #account #visibility .listing-v3 .directory-item{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin:0;padding:10px 16px;border:0;border-bottom:.5px solid var(--rv-line);border-radius:0;background:none;color:var(--rv-ink);text-align:left;box-shadow:none} body.customer-app #account #visibility .listing-v3 .directory-item[aria-current=true]{background:#fafaf8;box-shadow:none} body.customer-app #account #visibility .listing-v3 .source-monogram{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;background:#f1f1ef;color:#60646c;font-size:13px;font-weight:600} body.customer-app #account #visibility .listing-v3 .source-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px} body.customer-app #account #visibility .listing-v3 .source-name strong{font-size:15px;line-height:20px;font-weight:500} body.customer-app #account #visibility .listing-v3 .source-name small{overflow:hidden;color:var(--rv-muted);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap} body.customer-app #account #visibility .listing-v3 .listing-st{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--rv-text);font-size:12px;line-height:18px;font-weight:500;white-space:nowrap} body.customer-app #account #visibility .listing-v3 .listing-st::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--rv-grey)} body.customer-app #account #visibility .listing-v3 .listing-st.g::before{background:var(--rv-green)} body.customer-app #account #visibility .listing-v3 .listing-st.r{color:var(--rv-red-text)} body.customer-app #account #visibility .listing-v3 .listing-st.r::before{background:var(--rv-red)} body.customer-app #account #visibility .listing-v3 .listing-st.o::before{background:#f76b15} body.customer-app #account #visibility .listing-v3 .listing-chev{flex:none;width:16px;height:16px;fill:none;stroke:var(--rv-muted);stroke-width:2} @media (max-width:820px){ body.customer-app #account #visibility .listing-v3 .listing-head{flex-direction:column;align-items:flex-start} body.customer-app #account #visibility .listing-v3 .directory-workspace{display:block} body.customer-app #account #visibility .listing-v3 .directory-workspace>.v-detail{display:none} body.customer-app #account #visibility .listing-v3.listing-detail-open>:not(.directory-workspace):not(.approved-listing-feedback){display:none} body.customer-app #account #visibility .listing-v3.listing-detail-open .directory-workspace>.v-list{display:none} body.customer-app #account #visibility .listing-v3.listing-detail-open .directory-workspace>.v-detail{display:block} } body.customer-app #account #visibility .listing-v3 .directory-stat{flex-direction:row;text-align:left} body.customer-app #account #visibility .listing-v3 .directory-toolbar{align-items:stretch} body.customer-app #account #visibility .listing-v3 .listing-more{align-self:flex-start} body.customer-app #account #visibility .listing-v3 .listing-more[open]{align-self:stretch} /* The detail (ProfilEkstraMobil #8): what the source says beside what Google has, in one card without coloured edges. */ body.customer-app #account #visibility .listing-v3 .v-field-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 0;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line)} body.customer-app #account #visibility .listing-v3 .v-field-diff>div{margin:0;padding:0;border:0;background:none;box-shadow:none} body.customer-app #account #visibility .listing-v3 .v-field-diff small{display:block;margin:0 0 2px;color:var(--rv-muted);font-size:12px} body.customer-app #account #visibility .listing-v3 .v-field-diff .incorrect strong{font-weight:600} body.customer-app #account #visibility .listing-v3 .v-field-diff .correct strong{font-weight:400;color:var(--rv-text)} body.customer-app #account #visibility .listing-v3 .listing-external{display:inline-flex;align-items:center;gap:6px;color:var(--rv-ink);font-size:13px;font-weight:500} body.customer-app #account #visibility .listing-v3 .listing-external svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2} body.customer-app #account #visibility .listing-v3 .v-back .v-link{display:inline-flex;align-items:center;gap:4px} body.customer-app #account #visibility .listing-v3 .v-back svg{width:16px;height:16px} /* V3 Finn bedriften på Google Maps 03.11 (ProfilEkstraMobil #9): the title and the line, the search and its button with one height, the businesses as radio rows in one card, the link, the check, the line and «Bruk denne bedriften». */ body.customer-app #account .map-identity-editor{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 0 24px;font-family:var(--rv-font);color:var(--rv-ink)} body.customer-app #account .map-identity-editor>h3{margin:0;font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.3px} body.customer-app #account .map-identity-editor>.pilot-muted{margin:-6px 0 0;color:var(--rv-text);font-size:14px;line-height:20px} body.customer-app #account .map-identity-editor .map-identity-search{display:flex;align-items:flex-end;gap:8px;margin:4px 0 0} body.customer-app #account .map-identity-editor .map-identity-search label{display:grid;gap:6px;flex:1;min-width:0;font-size:14px;font-weight:500} body.customer-app #account .map-identity-editor input:not([type=checkbox]){height:44px;min-height:44px;padding:0 12px;border:.5px solid var(--rv-line-strong);border-radius:8px;background:#fff;font:400 15px/20px var(--rv-font)} body.customer-app #account .map-identity-editor .map-identity-search .btn{height:44px;flex:none} body.customer-app #account .map-identity-editor .map-identity-results:not(:empty){display:flex;flex-direction:column;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05);overflow:hidden} body.customer-app #account .map-identity-editor .map-identity-result{display:flex;align-items:flex-start;gap:12px;width:100%;margin:0;padding:14px 16px;border:0;border-top:.5px solid var(--rv-line);background:none;text-align:left;cursor:pointer} body.customer-app #account .map-identity-editor .map-identity-result:first-child{border-top:0} body.customer-app #account .map-identity-editor .map-identity-radio{flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--rv-line-strong);background:#fff} body.customer-app #account .map-identity-editor .map-identity-result[aria-checked=true] .map-identity-radio{box-shadow:inset 0 0 0 5px var(--rv-ink)} body.customer-app #account .map-identity-editor .map-identity-copy{display:flex;min-width:0;flex-direction:column;gap:2px} body.customer-app #account .map-identity-editor .map-identity-copy strong{font-size:15px;line-height:20px;font-weight:500} body.customer-app #account .map-identity-editor .map-identity-copy span{color:var(--rv-muted);font-size:13px;line-height:18px} body.customer-app #account .map-identity-editor .map-google-attribution{margin:-4px 0 0;color:var(--rv-muted);font-size:11px} body.customer-app #account .map-identity-editor .map-identity-confirmation:not(:empty){display:flex;flex-direction:column;gap:12px} body.customer-app #account .map-identity-editor .map-identity-open{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;font-weight:500;color:var(--rv-ink)} body.customer-app #account .map-identity-editor .map-identity-open svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2} body.customer-app #account .map-identity-editor .map-identity-check{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:21px} body.customer-app #account .map-identity-editor .map-identity-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--rv-ink)} body.customer-app #account .map-identity-editor .map-identity-confirmation .pilot-muted{margin:0;color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account .map-identity-editor .map-identity-confirmation .btn.primary{height:44px} body.customer-app #account .map-identity-editor .map-identity-manual{margin:0} body.customer-app #account .map-identity-editor .map-identity-manual>summary{font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px} body.customer-app #account .map-identity-editor .map-feedback:empty{display:none} body.customer-app #account .map-identity-editor .map-feedback{margin:0;color:var(--rv-text);font-size:13px} @media (max-width:820px){body.customer-app #account .map-identity-editor .map-identity-confirmation .btn.primary{width:100%}} body.customer-app #account .map-identity-editor .map-identity-copy strong{color:var(--rv-ink)} body.customer-app #account .map-identity-editor>.map-feedback{order:1} body.customer-app #account .map-identity-editor>:is(h3,.pilot-muted,.map-identity-search){order:0} body.customer-app #account .map-identity-editor>.map-identity-results{order:2} body.customer-app #account .map-identity-editor>.map-google-attribution{order:3} body.customer-app #account .map-identity-editor>.map-identity-confirmation{order:4} body.customer-app #account .map-identity-editor>.map-identity-manual{order:5} body.customer-app #account .map-identity-editor>.text-button{order:6;align-self:flex-start} body.customer-app #account .map-identity-editor .map-identity-confirmation:not(:empty){margin:0} body.customer-app #account .map-identity-editor .map-identity-manual>summary{list-style:none} body.customer-app #account .map-identity-editor .map-identity-manual>summary::-webkit-details-marker{display:none} body.customer-app #account #visibility .ai-v3 :is(.ai-result,.ai-list,.ai-detail,.ai-manual){margin:0} /* V3 Tiltak 03.11 (ProfilEkstraMobil #1–3, runde 4): «Send oppgavene» and «Kontroller på nytt» side by side, «Åpne nettsiden» under them; each finding has its state on the title's line, the detail under. */ @media (max-width:640px){ body.customer-app #account .web-page .web-top-actions{display:flex;flex-wrap:wrap;gap:8px} body.customer-app #account .web-page .web-top-actions>.r-btn{flex:1 1 0;min-width:0;height:40px;padding:0 10px;white-space:nowrap} body.customer-app #account .web-page .web-top-actions>.web-open{flex:1 1 100%;justify-content:flex-start} body.customer-app #account .web-page .web-send .web-long{display:none} body.customer-app #account .web-page .web-send .web-short{display:inline} body.customer-app #account .web-page .web-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;column-gap:12px} body.customer-app #account .web-page .web-end{grid-column:3;grid-row:1;justify-content:flex-end;gap:6px} } /* REV-129 (ProfilSjekkMobil #1, ProfilSjekkDesktop #1): the answer first, «Ting å gjøre» next, then «N av M i orden» with «Se alt» and every point checked folded under it, and the Profilen card last. */ body.customer-app #account #google-profile .pf-v3 .pf-status-top .pf-overview-verdict{flex:1;min-width:0;margin:0;color:var(--rv-text);font-size:16px;line-height:22px;font-weight:600} body.customer-app #account #google-profile .pf-v3 .pf-status-top .pf-status-count{flex:none;white-space:nowrap} body.customer-app #account #google-profile .pf-v3>.pf-tally{display:flex;flex-direction:column;gap:8px;margin:20px 0 12px;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.06)} body.customer-app #account #google-profile .pf-v3 .pf-tally-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0} body.customer-app #account #google-profile .pf-v3 .pf-tally-head .pf-status-line{margin:0;font-size:15px;line-height:20px;font-weight:600;white-space:nowrap} body.customer-app #account #google-profile .pf-v3 .pf-tally-head .pf-see-all{flex:none;margin:0} body.customer-app #account #google-profile .pf-v3 .pf-tally-body{display:flex;flex-direction:column;gap:6px} body.customer-app #account #google-profile .pf-v3 .pf-tally .pf-checked{margin:4px -16px -14px} body.customer-app #account #google-profile .pf-v3 .pf-tally .pf-checked[hidden]{display:none} body.customer-app #account #google-profile .pf-v3>.pf-status+.pf-todo-head{margin-top:0}