/* Google › Profil › the field pages, «Se gjennom endringene» and «Endringshistorikk» (bølge 3, 18.10). Built on reviews.css: the page top (r-back from pilot-google.js, then r-h1), r-card, r-field, r-btn, r-link, r-section, r-empty, r-status. Every field page has the same order: «Profil», the title, one line under it, the fields in one white card, «Lagre utkast» and «Avbryt». Fields are white with a hairline, 40 px (44 px on a phone), like every other field; side-by-side controls share that height. Only what is particular to these pages lives here (pe-). */ #account #google-profile :is(.pe-body,.pe-status){max-width:760px} #account #google-profile .pe-status{box-sizing:border-box;display:grid;gap:6px;margin:0 0 24px;padding:16px 20px;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 .pe-status-title{font-size:var(--r-fs-lead);line-height:1.35;font-weight:650} #account #google-profile .pe-status-detail{display:block} #account #google-profile .pe-status[data-tone="pending"]{background:var(--r-amber-3);border-left-color:var(--r-amber-9)} #account #google-profile .pe-status[data-tone="success"]{background:var(--r-green-3);border-left-color:var(--r-green-9)} #account #google-profile .pe-status[data-tone="error"]{background:var(--r-red-3);border-left-color:var(--r-red-9)} #account #google-profile :is(.pe-status,.pe-error,.pe-error-text):empty{display:none} #account #google-profile .pe-head{margin:0 0 24px} #account #google-profile .pe-head .r-h1{margin:0} #account #google-profile .pe-head :is(.r-h1,h2):focus{outline:none} /* The field pages name themselves with an h2 under the hidden Google heading; it has the page title's size. */ #account #google-profile .pe-page>.pe-head h2{margin:0;color:var(--r-ink);font:600 var(--r-fs-h1)/1.25 var(--r-font);letter-spacing:-.6px} /* !important because the older rule for .pe-intro stays in pilot-google-profile.css until bølge 2 is merged. */ #account #google-profile .pe-intro{margin:4px 0 0!important;color:var(--r-muted)!important;font-size:var(--r-fs-body)!important;line-height:1.5!important} /* A field in the unsent draft says so under the title (bølge 2). */ #account #google-profile .pe-draft-note{margin:6px 0 0;color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .pe-section{margin:0 0 28px} #account #google-profile .pe-section-head.r-section{align-items:center;min-height:28px;margin:0 0 10px} #account #google-profile .pe-counter{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-sub{display:block;margin:0 0 8px;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.45} #account #google-profile .pe-card:not(.pe-stack,.pe-list,.pe-hours,.pe-areas){padding:18px 20px} #account #google-profile .pe-stack{display:grid;gap:18px;padding:18px 20px 20px} #account #google-profile .pe-list>*+*{border-top:.5px solid var(--r-line)} #account #google-profile .pe-areas{padding:18px 20px 20px} #account #google-profile .pe-areas>.pe-section:last-child{margin-bottom:0} /* The address fields sit in the card with the areas: no second padding. */ #account #google-profile .pe-areas .pe-stack{padding:0} #account #google-profile .pe-areas .pe-section-head.r-section h2{font-size:var(--r-fs-body)} #account #google-profile .pe-field.r-field{display:grid;gap:0} #account #google-profile .pe-field>.pe-label{white-space:normal} /* Fields outside r-field (times, dates, search, the line that adds a service) look the same as those inside. */ #account #google-profile .pe-input{box-sizing:border-box;width:100%;height:var(--r-control);min-height:0;margin:0;padding:0 12px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff;color:var(--r-ink);font:var(--r-fs-body)/1.4 var(--r-font);box-shadow:none;appearance:none;-webkit-appearance:none} #account #google-profile .pe-input:focus{outline:2px solid var(--r-ink);outline-offset:-1px} #account #google-profile .pe-input::placeholder{color:#8a8e96} /* The description grows with its text, at least six lines, so it reads without scrolling inside the field. */ #account #google-profile textarea.pe-input{height:auto;min-height:calc(6 * 1.55em + 22px);padding:10px 12px;line-height:1.55;resize:none;field-sizing:content} #account #google-profile .pe-service-edit textarea.pe-input{min-height:calc(3 * 1.55em + 22px)} /* «Noe mer vi bør vite?» is one line, as high as the button under it, and grows with what Kari writes. */ #account #google-profile .pe-writer textarea.pe-input{min-height:var(--r-control);padding-block:calc((var(--r-control) - 1.55em) / 2 - 1px)} #account #google-profile .pe-hint{margin-top:5px;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.45} #account #google-profile .pe-error{margin-top:4px;color:#b3261e;font-size:var(--r-fs-small);line-height:1.45} #account #google-profile .pe-error-text{margin:12px 0 0;color:#b3261e;font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .pe-warn{display:flex;gap:8px;align-items:baseline;margin:10px 0 0;color:var(--r-text);font-size:var(--r-fs-small);line-height:1.5} #account #google-profile .pe-warn::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--r-yellow);transform:translateY(-1px)} #account #google-profile .pe-warn[hidden]{display:none} #account #google-profile .pe-count{display:block;margin:8px 0 0;color:var(--r-muted);font-size:var(--r-fs-small);text-align:right;white-space:nowrap} #account #google-profile .pe-copy{margin-top:14px} /* The foot: «Lagre utkast» and «Avbryt». Once something is changed it stays in sight at the bottom of the window. */ #account #google-profile .pe-foot{gap:8px;margin:28px 0 0;padding:16px 0 0;border-top:.5px solid var(--r-line)} #account #google-profile .pe-page>.pe-foot:has(.r-btn.primary:not(:disabled)){position:sticky;bottom:0;z-index:5;padding-bottom:16px;background:var(--r-canvas)} #account #google-profile .pe-discard{margin-left:auto} #account #google-profile .pe-note{margin:10px 0 0} #account #google-profile .pe-empty.r-empty{max-width:760px} /* A value shown as text until Kari chooses to change it (the name, the address), and links beside a field label. */ #account #google-profile .pe-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 5px} #account #google-profile .pe-field-head .pe-label{color:var(--r-text);font-size:var(--r-fs-meta);white-space:nowrap} #account #google-profile .pe-field-head .r-link{font-size:var(--r-fs-small)} /* «Åpne» beside «Nettside» keeps the label row as tall as «Telefon»'s, so the fields stand evenly in the card. */ #account #google-profile .pe-field-head .pe-external{margin:0;line-height:20px} #account #google-profile .pe-web>.pe-input{margin:0} #account #google-profile .pe-fixed{margin:0;color:var(--r-ink);font-size:var(--r-fs-body);font-weight:500;line-height:1.45;overflow-wrap:anywhere} #account #google-profile .pe-source[hidden]{display:none} #account #google-profile .pe-fixed-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} #account #google-profile .pe-fixed-row .pe-hint{display:block;margin-top:2px} #account #google-profile .pe-fixed-row .r-link{flex:none;line-height:1.45} #account #google-profile .pe-name .pe-warn{margin-top:8px} #account #google-profile .pe-warn>.r-link{margin-left:4px} #account #google-profile .pe-closed{margin-top:10px} #account #google-profile .pe-closed>span{margin-right:4px} #account #google-profile .pe-closed .pe-external,#account #google-profile .pe-warn .pe-external{margin:0} /* The older «.gp-sub p{margin:0}» in pilot-google-profile.css outranks single classes: the lines on the field pages name the page as well. A note under a field sits close to it; the line about two risky changes stands above the buttons. */ #account #google-profile .pe-page :is(.pe-warn,.pe-error-text){margin:10px 0 0} #account #google-profile .pe-page .pe-stack>.pe-warn{margin-top:-10px} #account #google-profile .pe-page .pe-day-warn{margin:0} #account #google-profile .pe-page .pe-warn-top{margin:0} #account #google-profile .pe-page .pe-risk{margin:16px 0 0} #account #google-profile .pe-risk[hidden]{display:none} /* Beskrivelse: what the searches name that the text does not, left; the counter right. */ #account #google-profile .pe-count-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 0} #account #google-profile .pe-count-line .pe-count{margin:0 0 0 auto} #account #google-profile .pe-missing{min-width:0;color:var(--r-muted);font-size:var(--r-fs-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .pe-missing[hidden]{display:none} #account #google-profile .pe-start{margin:12px 0 0} /* Leaving with changes: one question, two buttons side by side, × to stay. */ #account #google-profile .pe-leave{width:min(380px,calc(100vw - 32px));margin:auto;padding:20px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);box-shadow:0 12px 32px rgba(16,24,40,.16)} #account #google-profile .pe-leave::backdrop{background:rgba(16,24,40,.2)} #account #google-profile .pe-leave-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px} #account #google-profile .pe-leave h2{margin:0;color:var(--r-ink);font:600 var(--r-fs-lead)/1.4 var(--r-font)} #account #google-profile .pe-leave:focus{outline:none} #account #google-profile .pe-leave-close{margin:-6px -8px -6px 0} #account #google-profile .pe-leave-actions>.r-btn{flex:1 1 0} /* Chips: other categories, areas and Google's own services. */ #account #google-profile .pe-chips{display:flex;flex-wrap:wrap;gap:8px} #account #google-profile .pe-chip{display:inline-flex;align-items:center;gap:2px;height:32px;min-height:0;margin:0;padding:0 4px 0 12px;border:.5px solid var(--r-line-strong);border-radius:16px;background:#fff;color:var(--r-ink);font:500 var(--r-fs-ui)/1 var(--r-font);white-space:nowrap} #account #google-profile .pe-chip.add{gap:6px;padding:0 12px 0 9px;color:var(--r-text);cursor:pointer} #account #google-profile .pe-chip.add:hover{background:var(--r-hover);color:var(--r-ink)} #account #google-profile .pe-chip svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .pe-chip-remove{display:inline-grid;place-items:center;width:24px;height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:12px;background:none;color:var(--r-muted);cursor:pointer} #account #google-profile .pe-chip-remove:hover{background:var(--r-hover);color:var(--r-ink)} #account #google-profile .pe-chips .r-link{height:32px;padding:0 4px;font-size:var(--r-fs-small)} #account #google-profile .pe-chips .pe-sub{margin:0;line-height:32px} #account #google-profile .pe-chip-count{font-weight:400;color:var(--r-muted);font-variant-numeric:tabular-nums} #account #google-profile .pe-icon-button{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:var(--r-radius-s);background:none;color:var(--r-muted);cursor:pointer} #account #google-profile .pe-icon-button:hover{background:var(--r-hover);color:var(--r-ink)} #account #google-profile :is(.pe-icon-button,.pe-chip-remove) svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* Beside the time fields the plus and the cross are squares of the same height. */ #account #google-profile .pe-range .pe-icon-button{width:var(--r-control);height:var(--r-control);border:.5px solid var(--r-line-strong);background:#fff;color:var(--r-ink)} /* «Legg til tid»: as tall as the time fields beside it, with its name. */ #account #google-profile .pe-add-range{display:inline-flex;align-items:center;gap:6px;height:var(--r-control);min-height:0;margin:0;padding:0 12px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff;color:var(--r-ink);font:500 var(--r-fs-ui)/1 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:var(--r-lift-btn)} #account #google-profile .pe-add-range:hover{background:var(--r-hover)} #account #google-profile .pe-add-range svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* What a customer sees on Google now, under the week: «Åpent» green and «Stengt» red, as Google writes them. */ #account #google-profile .pe-open-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;margin:10px 0 0;color:var(--r-text);font-size:var(--r-fs-small);line-height:1.5;white-space:nowrap} #account #google-profile .pe-open-now[hidden]{display:none} #account #google-profile .pe-open-label{color:var(--r-muted)} #account #google-profile .pe-open-state{color:var(--r-red-11);font-weight:600} #account #google-profile .pe-open-state.open{color:var(--r-green-11)} /* Kategorier */ #account #google-profile .pe-card .pe-primary{display:flex;align-items:center;gap:10px;min-height:52px;margin:-18px -20px;padding:0 16px 0 20px} #account #google-profile .pe-primary b{color:var(--r-ink);font-size:var(--r-fs-body);font-weight:600} #account #google-profile .pe-flag{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-primary .r-link{margin-left:auto} #account #google-profile .pe-rivals{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:12px 0 0} #account #google-profile .pe-rivals[hidden]{display:none} #account #google-profile .pe-rivals-label{color:var(--r-muted);font-size:var(--r-fs-small);line-height:32px;white-space:nowrap} #account #google-profile .pe-rivals .pe-chip.add{padding:0 12px} #account #google-profile .pe-rivals .pe-chip.add.on{padding-left:9px;border-color:var(--r-ink);color:var(--r-ink);cursor:default} #account #google-profile .pe-rivals .pe-chip.add:disabled{background:#fff;opacity:1} #account #google-profile .pe-rivals .pe-chip.add:disabled:not(.on){color:#8a8e96;cursor:default} #account #google-profile .pe-options{margin:18px -20px -18px;padding:12px 8px 8px;border-top:.5px solid var(--r-line)} #account #google-profile .pe-options .pe-sub{padding:0 12px} #account #google-profile .pe-option{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:0 12px;border:0;border-radius:var(--r-radius-s);background:none;color:inherit;text-align:left;font:inherit;cursor:pointer} #account #google-profile .pe-option:hover{background:var(--r-hover)} #account #google-profile .pe-radio{width:16px;height:16px;box-sizing:border-box;border:1.5px solid #9aa0a6;border-radius:50%} #account #google-profile .pe-option:hover .pe-radio{border-color:var(--r-ink)} #account #google-profile .pe-option-name{color:var(--r-ink);font-size:var(--r-fs-ui);font-weight:500} #account #google-profile .pe-option-meta{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-search{position:relative} #account #google-profile .pe-search>svg{position:absolute;left:12px;top:50%;width:16px;height:16px;fill:none;stroke:var(--r-muted);stroke-width:1.8;transform:translateY(-50%);pointer-events:none} #account #google-profile .pe-search .pe-input{padding-left:36px} #account #google-profile .pe-results{margin:8px 0 0} #account #google-profile .pe-results:empty{display:none} #account #google-profile .pe-results>.pe-sub{margin:4px 0 0} #account #google-profile .pe-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:0;padding:0 16px;border:0;background:#fff;color:var(--r-ink);text-align:left;font:var(--r-fs-ui)/1.4 var(--r-font);cursor:pointer} #account #google-profile .pe-result:hover:not(:disabled){background:var(--r-hover)} #account #google-profile .pe-result:disabled{color:var(--r-muted);cursor:default} #account #google-profile .pe-result-action{font-weight:500;white-space:nowrap} #account #google-profile .pe-inline{display:flex;gap:8px} #account #google-profile .pe-inline .pe-input{flex:1;min-width:0} #account #google-profile .pe-chips+.pe-inline{margin-top:12px} #account #google-profile .places-attribution{display:block;margin:6px 0 0;color:var(--r-muted);font-size:var(--r-fs-small)} #account #google-profile .pe-external{margin-top:12px} /* Kategorier: one list, the main one first. */ #account #google-profile .pe-cat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:52px;padding:8px 8px 8px 20px} #account #google-profile .pe-cat-name{display:flex;align-items:center;gap:8px;min-width:0} #account #google-profile .pe-cat-name b{min-width:0;overflow:hidden;color:var(--r-ink);font-size:var(--r-fs-body);font-weight:500;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .pe-cat-primary .pe-cat-name b{font-weight:600} #account #google-profile .pe-tag{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--r-grey-3);color:var(--r-text);font-size:var(--r-fs-small);font-weight:500;white-space:nowrap} #account #google-profile .pe-tag-best{background:var(--r-green-3);color:var(--r-green-11)} #account #google-profile .pe-cat-actions{display:flex;align-items:center;gap:4px} #account #google-profile .pe-cat-actions .r-link{padding:0 8px;font-size:var(--r-fs-small)} #account #google-profile .pe-cat-proof{grid-column:1/-1;margin:0 0 4px;color:var(--r-text);font-size:var(--r-fs-small);line-height:1.5} #account #google-profile .pe-cat-none{margin:0;padding:16px 20px} #account #google-profile .pe-cats+.pe-warn,#account #google-profile .pe-cats~.pe-rivals{margin-top:12px} /* Tjenester */ #account #google-profile .pe-suggest{margin:16px 0 0} /* An empty list: one quiet row in its card, as tall as a filled row. */ #account #google-profile .pe-none-row{display:flex;align-items:center;min-height:52px;margin:0;padding:8px 20px;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.45} /* An empty list inside a card (Områder, Andre datoer): the line 4 px under its heading, the next control 16 px under it. */ #account #google-profile .pe-none{display:block;margin:-6px 0 0;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.45} #account #google-profile .pe-none+.pe-inline{margin-top:16px} /* Tjenester: the services the measured searches ask for, under «Finn tjeneste». */ #account #google-profile .pe-asked{margin:14px 0 0} #account #google-profile .pe-asked>.pe-suggest-title{margin:0 0 8px} /* The same air under the chips as over them: «.gp-sub p» set it to 0, so the line stood glued to the chips. */ #account #google-profile .pe-asked>p.pe-asked-like{margin:8px 0 0} #account #google-profile .pe-suggest-title{margin:0 0 12px} #account #google-profile .pe-suggest-group+.pe-suggest-group{margin-top:16px} #account #google-profile .pe-group-name{display:block;margin:0 0 8px;color:var(--r-text);font-size:var(--r-fs-small);font-weight:500} #account #google-profile .pe-add{margin:12px 0 0} #account #google-profile .pe-add-note{margin:8px 0 0} #account #google-profile .pe-add-note:empty{display:none} #account #google-profile .pe-service-top{display:flex;align-items:center;gap:8px;padding:0 8px 0 0} /* A service is the same row on a PC and a phone: the name, and under it its text or «Uten tekst». */ #account #google-profile .pe-service-main{display:flex;flex:1;flex-wrap:wrap;align-content:center;align-items:baseline;gap:0 8px;min-width:0;min-height:52px;margin:0;padding:7px 0 7px 18px;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer} #account #google-profile .pe-service-main b{flex:0 1 auto;min-width:0;overflow:hidden;color:var(--r-ink);font-size:var(--r-fs-ui);font-weight:500;line-height:1.45;text-overflow:ellipsis;white-space:nowrap} #account #google-profile :is(.pe-service-desc,.pe-service-empty){display:block;flex:0 0 100%;min-width:0;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.4;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .pe-convert{flex:none;font-size:var(--r-fs-small)} /* The chevron at the right of the name and its text: the row opens, and it turns when the row is open. */ #account #google-profile .pe-service-main{position:relative;padding-right:32px} #account #google-profile .pe-service-go{position:absolute;top:50%;right:6px;width:16px;height:16px;margin-top:-8px;fill:none;stroke:var(--r-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s} #account #google-profile .pe-service.open .pe-service-go{transform:rotate(180deg)} #account #google-profile .pe-service-edit{display:grid;justify-items:start;gap:12px;padding:4px 18px 16px} #account #google-profile .pe-service-of{flex:none;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-service-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;padding:0 18px 12px} #account #google-profile .pe-more-label{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-service-more .pe-chip{height:28px;font-size:var(--r-fs-small)} #account #google-profile .pe-like{display:inline-flex;align-items:center;gap:8px;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-like .r-link{font-size:var(--r-fs-small)} #account #google-profile .pe-suggest-rest{margin-top:20px} #account #google-profile .pe-suggest-more{margin-top:14px} #account #google-profile .pe-result-own span:first-child{color:var(--r-text)} #account #google-profile .pe-search+.pe-results{margin-top:8px} #account #google-profile .pe-service-edit .pe-field{width:100%} /* Åpningstider: seven rows, the day, its choice and the times on one line. */ #account #google-profile .pe-day{display:grid;grid-template-columns:140px 150px minmax(0,1fr);align-items:center;gap:12px;min-height:60px;padding:10px 12px 10px 20px} #account #google-profile .pe-day+.pe-day{border-top:.5px solid var(--r-line)} #account #google-profile .pe-day-name{color:var(--r-ink);font-size:var(--r-fs-ui);font-weight:500;white-space:nowrap} #account #google-profile .pe-day-mode{min-width:0} #account #google-profile :is(.pe-day-mode,.pe-select) .customer-select-trigger{width:100%;height:var(--r-control);min-height:0;padding:0 36px 0 12px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background-color:#fff;color:var(--r-ink);font:var(--r-fs-body)/1 var(--r-font);text-align:left} #account #google-profile .pe-select{width:100%} #account #google-profile .pe-times{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px} #account #google-profile .pe-range{display:flex;align-items:center;gap:6px} #account #google-profile .pe-time{width:76px;padding:0 10px;text-align:center;font-variant-numeric:tabular-nums} #account #google-profile .pe-dash{color:var(--r-muted)} #account #google-profile .pe-day-note{color:var(--r-muted);font-size:var(--r-fs-ui);white-space:nowrap} #account #google-profile .pe-day-warn{grid-column:1/-1;margin:0} /* The next page to check, as one row under the week. */ #account #google-profile .pe-next{margin:16px 0 0} #account #google-profile .pe-next-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin:0;padding:10px 16px 10px 20px;border:0;background:none;color:var(--r-ink);font:inherit;text-align:left;cursor:pointer} #account #google-profile .pe-next-row:hover{background:var(--r-hover)} #account #google-profile .pe-next-who{display:flex;flex:1;flex-direction:column;min-width:0} #account #google-profile .pe-next-row b{font-size:var(--r-fs-body);font-weight:500;line-height:1.4;white-space:nowrap} #account #google-profile .pe-next-value{overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.4;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .pe-next-row svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--r-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* Helligdager: the day, then «Vanlig / Stengt / Egen tid» as one control as tall as the fields. */ #account #google-profile .pe-holiday{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:60px;padding:10px 12px 10px 20px} #account #google-profile .pe-holiday-when{display:flex;flex:1;flex-direction:column;gap:1px;min-width:170px} #account #google-profile .pe-holiday-when b{color:var(--r-ink);font-size:var(--r-fs-ui);font-weight:500;white-space:nowrap} #account #google-profile .pe-holiday-when span{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-holiday>.pe-range{flex-basis:100%;justify-content:flex-end} #account #google-profile .pe-holiday:has(.pe-date)>.pe-range{flex-basis:auto} #account #google-profile .pe-segmented{display:inline-flex;flex:none;box-sizing:border-box;height:var(--r-control);gap:2px;padding:3px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff} #account #google-profile .pe-segment{height:100%;min-height:0;margin:0;padding:0 12px;border:0;border-radius:6px;background:none;color:var(--r-text);font:500 var(--r-fs-small)/1 var(--r-font);white-space:nowrap;cursor:pointer} #account #google-profile .pe-segment:hover{color:var(--r-ink)} /* The chosen part is light, so three chosen «Vanlig» never compete with the page's one black button. */ #account #google-profile .pe-segment[aria-pressed=true]{background:var(--r-grey-3);color:var(--r-ink);font-weight:600;box-shadow:inset 0 0 0 .5px var(--r-line-strong)} #account #google-profile .pe-date{width:160px} /* Seasons: jul, påske and mai, with the days under them when they differ or are shown. */ #account #google-profile .pe-season{gap:8px 12px;padding-right:8px} #account #google-profile .pe-season>.pe-holiday-when{min-width:150px} #account #google-profile .pe-season-toggle svg{transition:transform .15s} #account #google-profile .pe-season-toggle.open svg{transform:rotate(180deg)} #account #google-profile .pe-season-days>.pe-holiday{padding-left:36px;padding-right:52px} /* A holiday's name with «Mangler» beside it when Profil says it is missing. */ #account #google-profile .pe-holiday-title{display:flex;align-items:center;gap:8px;min-width:0} #account #google-profile .pe-tag-warn{background:var(--r-amber-3);color:var(--r-amber-11)} #account #google-profile .pe-season-days>*+*{border-top:.5px solid var(--r-line)} #account #google-profile .pe-head-links{display:flex;align-items:center;gap:16px} #account #google-profile .pe-period .pe-range{flex:none} #account #google-profile .pe-period-note{flex:1;color:var(--r-muted);font-size:var(--r-fs-ui);white-space:nowrap} #account #google-profile .pe-type{justify-self:start;font-size:var(--r-fs-small)} /* The pin on Kartverket's grey map, as on Synlighet. */ /* The map is lightened, so the grey tiles sit quietly in the white card and the black pin stands out. */ #account #google-profile .pe-map{position:relative;height:160px;margin:14px 0 0;overflow:hidden;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff} #account #google-profile .pe-map img{position:absolute;width:256px;height:256px;max-width:none;opacity:.5;user-select:none;pointer-events:none} #account #google-profile .pe-map .pe-pin{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-26px 0 0 -14px;fill:var(--r-ink);stroke:#fff;stroke-width:1.2;fill-rule:evenodd} #account #google-profile .pe-map-credit{position:absolute;right:6px;bottom:4px;padding:0 4px;border-radius:4px;background:rgba(255,255,255,.8);color:var(--r-muted);font-size:11px;line-height:16px} #account #google-profile .pe-pin-wrong{margin-top:8px;font-size:var(--r-fs-small)} /* Områder: the page is brought here from «Område» on Profil, clear of the bar on top; suggestions under the search. */ #account #google-profile .pe-places{scroll-margin-top:84px} #account #google-profile .pe-area-tips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0} #account #google-profile .pe-area-tips[hidden]{display:none} #account #google-profile .pe-warn-top{margin:0} /* Se gjennom endringene: Google now to the left, the change to the right in ink; changed lines in bold. */ #account #google-profile .pe-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:6px 0 0;color:var(--r-muted);font-size:var(--r-fs-small)} #account #google-profile .pe-meta>span{white-space:nowrap} #account #google-profile .pe-change{margin:0 0 12px} #account #google-profile .pe-change-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 18px 0 20px;border-bottom:.5px solid var(--r-line)} #account #google-profile .pe-change-head h2{margin:0;color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font)} #account #google-profile .pe-change-tools{display:flex;gap:16px} #account #google-profile .pe-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #account #google-profile .pe-compare-col{min-width:0;padding:14px 20px 16px} #account #google-profile .pe-compare-col+.pe-compare-col{border-left:.5px solid var(--r-line)} #account #google-profile .pe-compare-label{display:block;margin:0 0 6px;color:var(--r-muted);font-size:var(--r-fs-small);font-weight:500;white-space:nowrap} #account #google-profile .pe-value{color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere} #account #google-profile .pe-compare-col:first-child .pe-value{color:var(--r-muted)} #account #google-profile .pe-value b{font-weight:500} #account #google-profile .pe-line{display:block} #account #google-profile .pe-line.changed{color:var(--r-ink)} /* The new text keeps its normal weight; only the words that change are marked, and the words that go are struck. */ #account #google-profile .pe-value mark{padding:1px 0;border-radius:3px;background:var(--r-green-3);color:var(--r-ink);box-decoration-break:clone;-webkit-box-decoration-break:clone} #account #google-profile .pe-value del{color:var(--r-muted);text-decoration:line-through;text-decoration-color:var(--r-grey-9)} #account #google-profile :is(.pe-added,.pe-removed){margin:6px 0 0;color:var(--r-green);font-size:var(--r-fs-small);line-height:1.5} #account #google-profile .pe-removed{color:#b3261e} /* Skrivehjelp, only where it is switched on. */ #account #google-profile .pe-writer{margin:24px 0 0;padding:18px 20px 20px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:#fff;box-shadow:var(--r-lift)} #account #google-profile .pe-writer[hidden]{display:none!important} #account #google-profile .pe-writer h3{margin:0;color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font)} #account #google-profile .pe-writer .pilot-muted{margin:4px 0 14px;color:var(--r-muted);font-size:var(--r-fs-small)} #account #google-profile .pe-writer .profile-field{display:grid;gap:6px} #account #google-profile .pe-writer .profile-writing-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0} #account #google-profile .pe-writer .profile-writing-feedback{margin:10px 0 0;color:var(--r-text);font-size:var(--r-fs-small)} #account #google-profile .pe-writer .profile-writing-feedback:empty{display:none} #account #google-profile .pe-writer .profile-writing-preview{margin:12px 0;padding:12px 14px;border:.5px solid var(--r-line);border-radius:var(--r-radius-s);font-size:var(--r-fs-ui);line-height:1.55;white-space:pre-wrap} /* The card starts at its heading: no extra air above it. The field 12 px under the heading, the buttons 12 px under the field; the suggestion sits white in the white card with a hairline, never grey inside white. */ #account #google-profile .pe-writer .gp-writing-head{margin:0} #account #google-profile .pe-writer .gp-writing-field{display:grid;gap:6px;margin:12px 0 0} #account #google-profile .pe-writer .gp-writing-field>.pe-label{color:var(--r-text);font-size:var(--r-fs-meta);white-space:nowrap} #account #google-profile .pe-writer .gp-writing-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0} #account #google-profile .pe-writer .gp-writing-actions>.r-btn[hidden]{display:none} #account #google-profile .pe-writer .gp-writing-feedback{margin:10px 0 0;color:var(--r-text);font-size:var(--r-fs-small)} #account #google-profile .pe-writer .gp-writing-feedback:empty{display:none} #account #google-profile .pe-writer .gp-writing-result:empty,#account #google-profile .pe-writer .gp-writing-history:empty{display:none} #account #google-profile .pe-writer .gp-writing-result{margin:12px 0 0} #account #google-profile .pe-writer .gp-writing-preview{margin:0;padding:12px 14px;border:.5px solid var(--r-line);border-radius:var(--r-radius-s);background:#fff;font-size:var(--r-fs-ui)} #account #google-profile .pe-writer .gp-writing-history{margin:12px 0 0} #account #google-profile .pe-writer .gp-writing-past{display:flex;margin:8px 0 0} #account #google-profile .pe-pair{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px} /* Endringshistorikk: one row per change; the date and state stay on one line on the right. */ #account #google-profile .pe-history-row>summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 18px;color:var(--r-ink);list-style:none;cursor:pointer} #account #google-profile .pe-history-row>summary::-webkit-details-marker{display:none} #account #google-profile .pe-history-row>summary::marker{content:""} #account #google-profile .pe-history-row>summary:hover{background:var(--r-hover)} #account #google-profile .pe-history-row>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 .pe-history-row[open]>summary>svg{transform:rotate(90deg)} #account #google-profile .pe-history-row+.pe-history-row{border-top:.5px solid var(--r-line)} #account #google-profile .pe-history-what{flex:1;min-width:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .pe-history-meta{display:flex;align-items:center;gap:14px;flex:none} #account #google-profile .pe-history-when{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap;font-variant-numeric:tabular-nums} #account #google-profile .pe-history-body{display:grid;gap:10px;padding:0 18px 16px} #account #google-profile .pe-history-detail b{display:block;color:var(--r-ink);font-size:var(--r-fs-small);font-weight:600} #account #google-profile .pe-history-detail p{margin:2px 0 0;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere} /* Before and after in one line each, the map line under it, and the changes thrown away behind a link. The open draft is not in the list: it has its own page. «Tidligere endringer» under the draft. */ #account #google-profile .pe-history-detail .pe-history-delta{white-space:normal} #account #google-profile .pe-history-map{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.55} #account #google-profile .pe-history-map[hidden]{display:none} #account #google-profile .pe-history-more{margin:12px 0 0} #account #google-profile .pe-past{max-width:760px} #account #google-profile .pe-publish svg.g{width:16px;height:16px;flex:none} #account #google-profile .pe-publish:disabled{opacity:.5} @media (max-width:820px){ #account #google-profile .pe-count-line{flex-wrap:wrap;row-gap:4px} #account #google-profile .pe-count-line .pe-missing{flex:1 1 100%;overflow:visible;white-space:normal} #account #google-profile .pe-input{font-size:16px} #account #google-profile .pe-head{margin-bottom:20px} #account #google-profile .pe-page>.pe-head h2{font-size:26px;letter-spacing:-.4px} #account #google-profile .pe-stack,#account #google-profile .pe-areas,#account #google-profile .pe-writer{padding:16px} #account #google-profile .pe-none-row{padding:8px 16px} #account #google-profile .pe-card:not(.pe-stack,.pe-list,.pe-hours,.pe-areas){padding:16px} #account #google-profile .pe-card .pe-primary{margin:-16px;padding:0 12px 0 16px} #account #google-profile .pe-options{margin:16px -16px -16px} #account #google-profile .pe-day{grid-template-columns:minmax(0,1fr) 150px;padding:12px 12px 12px 16px} #account #google-profile .pe-times{grid-column:1/-1} #account #google-profile .pe-times:has(.pe-day-note){display:none} #account #google-profile .pe-holiday{padding:12px 12px 12px 16px} #account #google-profile .pe-holiday-when{flex-basis:100%} #account #google-profile .pe-holiday>.pe-range{flex-basis:auto;justify-content:flex-start} #account #google-profile .pe-service-more{padding:0 16px 12px} #account #google-profile .pe-cat{padding-left:16px} #account #google-profile .pe-season{padding-right:8px} /* On a phone the chevron stays at the right of the name; the choice goes under them. */ #account #google-profile .pe-season>.pe-holiday-when{flex:1 1 calc(100% - 44px);min-width:0} #account #google-profile .pe-season>.pe-season-toggle{order:1} #account #google-profile .pe-season>.pe-segmented{order:2} #account #google-profile .pe-season-days>.pe-holiday{padding-left:32px;padding-right:12px} #account #google-profile .pe-period>.pe-range{display:grid;flex:1 1 100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px} #account #google-profile .pe-period .pe-date{width:100%;min-width:0;padding:0 8px} #account #google-profile .pe-next-row{padding:0 12px 0 16px} #account #google-profile .pe-service-main{padding-left:16px} #account #google-profile .pe-compare{grid-template-columns:minmax(0,1fr)} #account #google-profile .pe-compare-col+.pe-compare-col{border-left:0;border-top:.5px solid var(--r-line)} #account #google-profile .pe-compare-col{padding:12px 16px 14px} /* A long field name and «Fjern fra utkastet» do not share a phone line: the two links move under the name instead. */ #account #google-profile .pe-change-head{flex-wrap:wrap;row-gap:2px;padding:10px 16px} #account #google-profile .pe-change-tools{flex:none} #account #google-profile .pe-foot>.r-btn{flex:1 1 0} #account #google-profile .pe-foot>.pe-discard{flex:1 1 100%;margin:0} /* On a phone the bar stops 16 px above the menu. */ #account #google-profile .pe-page>.pe-foot:has(.r-btn.primary:not(:disabled)){bottom:calc(var(--bottom-nav,60px) + env(safe-area-inset-bottom))} #account #google-profile .pe-history-row>summary{flex-wrap:wrap;gap:4px 12px;padding:12px 16px} #account #google-profile .pe-history-what{flex-basis:calc(100% - 28px)} #account #google-profile .pe-history-row>summary>svg{order:1} #account #google-profile .pe-history-meta{order:2} #account #google-profile .pe-history-body{padding:0 16px 14px} } /* The other subpages under Profil (Bilder, Innlegg, Automatiske svar, Google-tilkobling): the title under «Profil» with the same air as the field pages, and the one main button to the right. */ #account #google-profile .r-back+.gp-title{margin:0 0 24px} #account #google-profile .gp-bar.gp-bar-end{justify-content:flex-end} @media (max-width:820px){#account #google-profile .r-back+.gp-title{margin-bottom:20px}} /* ---- Profilredigering, runde 2 (19.10, tegninger Ny-15, Ny-16, Ny-17, Ny-20, Ny-22, Ny-26) ---------------------------- */ /* The card on top of Adresse og områder, Kategorier and Endringer: the answer with a dot, one line under it, the buttons at the right. With something to save it sticks to the top of the window, so the one black button stays in sight. */ #account #google-profile .pe-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px;padding:16px 20px} #account #google-profile .pe-top-copy{display:grid;gap:3px;min-width:0} #account #google-profile .pe-top-title{position:relative;padding-left:18px;color:var(--r-ink);font-size:var(--r-fs-lead);font-weight:600;line-height:1.35} #account #google-profile .pe-top-title::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--r-grey-9)} #account #google-profile .pe-top.tone-amber .pe-top-title::before{background:var(--r-amber-9)} #account #google-profile .pe-top.tone-green .pe-top-title::before{background:var(--r-green-9)} #account #google-profile .pe-top.tone-red .pe-top-title::before{background:var(--r-red-9)} #account #google-profile .pe-top-text{padding-left:18px;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.5} #account #google-profile .pe-top-actions{display:flex;flex:none;gap:8px} #account #google-profile .pe-page>.pe-top:has(.r-btn.primary:not(:disabled)){position:sticky;top:0;z-index:5} /* The label row over a field, with its pill and the time of the last check. */ #account #google-profile .pe-field-label{display:flex;align-items:center;gap:8px;min-width:0} #account #google-profile .pe-field-meta{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-field-right{flex:none} #account #google-profile .pe-label-strong{color:var(--r-ink);font-size:var(--r-fs-body);font-weight:600} /* One fault or note under a field: the mark, the bold sentence, the plain one, the button at the right. */ #account #google-profile .pe-alert{display:flex;align-items:center;gap:10px;margin:10px 0 0;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .pe-alert[hidden]{display:none} #account #google-profile .pe-alert-copy{display:grid;flex:1;gap:1px;min-width:0} #account #google-profile .pe-alert-copy b{color:var(--r-ink);font-weight:600} #account #google-profile .pe-alert-copy span{color:var(--r-text)} #account #google-profile .pe-alert>.r-btn,#account #google-profile .pe-alert>.r-link{flex:none;align-self:center} #account #google-profile .pe-glyph{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .pe-glyph-alert,#account #google-profile .pe-glyph-stop{color:var(--r-red-11)} #account #google-profile .pe-glyph-info{color:var(--r-amber-11)} #account #google-profile .pe-alert-stop{color:var(--r-red-11)} #account #google-profile .pe-alert-stop .pe-alert-copy b,#account #google-profile .pe-alert-stop .pe-alert-copy span{color:var(--r-red-11);font-weight:400} #account #google-profile .pe-input.invalid{border-color:var(--r-red-9);box-shadow:0 0 0 .5px var(--r-red-9)} #account #google-profile .pe-recheck{display:inline-flex;align-items:center;gap:6px} #account #google-profile .pe-recheck svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .pe-alert .pe-glyph{align-self:flex-start;margin-top:3px} /* Beskrivelse: every measured search as a chip, amber when the text lacks it, green when it has it. */ #account #google-profile .pe-named{margin:12px 0 0} #account #google-profile .pe-named[hidden]{display:none} #account #google-profile .pe-named-title{display:block;margin:0 0 8px;color:var(--r-ink);font-size:var(--r-fs-ui);font-weight:600} #account #google-profile .pe-named-chips{align-items:center} #account #google-profile .pe-chip.pe-chip-miss{height:26px;padding:0 10px;border-color:transparent;background:var(--r-amber-3);color:var(--r-amber-11);font-size:var(--r-fs-small)} #account #google-profile .pe-chip.pe-chip-has{height:26px;gap:4px;padding:0 10px 0 8px;border-color:transparent;background:var(--r-green-3);color:var(--r-green-11);font-size:var(--r-fs-small)} #account #google-profile .pe-named-sep{margin-left:4px;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap} #account #google-profile .pe-numbers{display:grid;gap:4px;margin:6px 0 0} #account #google-profile .pe-numbers[hidden]{display:none} #account #google-profile .pe-numbers .pe-alert{margin:6px 0 0} #account #google-profile .pe-writer-note{margin:4px 0 0;color:var(--r-text);font-size:var(--r-fs-small);line-height:1.5} #account #google-profile .pe-writer-note:empty{display:none} /* Tjenester: the «Ny» pill, the text suggestion and the name that needs rewriting. */ #account #google-profile .r-status.pe-new{height:20px;padding:0 8px;background:var(--r-blue-3);color:var(--r-blue-11)} #account #google-profile .r-status.pe-new::before{display:none} #account #google-profile .pe-tip{margin:0 18px 14px;padding:10px 12px 12px;border:.5px solid var(--r-line);border-radius:var(--r-radius-s);background:var(--r-soft)} #account #google-profile .pe-tip-label{display:block;margin:0 0 6px;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #google-profile .pe-tip-line{display:flex;align-items:center;gap:12px} #account #google-profile .pe-tip-text{flex:1;min-width:0;color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .pe-tip-actions{display:flex;flex:none;gap:8px} #account #google-profile .pe-issue{display:grid;gap:4px;width:100%} #account #google-profile .pe-issue:empty{display:none} #account #google-profile .pe-issue .pe-alert{margin:0} #account #google-profile .pe-issue-tip{display:flex;align-items:center;gap:12px;padding:0 0 0 28px} #account #google-profile .pe-issue-label{color:var(--r-muted);font-size:var(--r-fs-small)} #account #google-profile .pe-issue-tip b{flex:1;color:var(--r-ink);font-size:var(--r-fs-lead);font-weight:600} #account #google-profile .pe-service-issue{padding-top:0} #account #google-profile .pe-service-issue .pe-alert{flex:1;margin:0} /* Kategorier: the chips of the businesses ahead under their own heading, with «Anbefalt» on the one that leads. */ #account #google-profile .pe-rivals{display:grid;gap:10px;margin:0} #account #google-profile .pe-rivals .pe-chip.add{gap:6px} #account #google-profile .pe-rivals .pe-chip .pe-tag{height:20px;margin-left:2px;padding:0 7px} #account #google-profile .pe-rivals-note{margin:0} /* Adresse og områder */ #account #google-profile .pe-where{gap:16px} #account #google-profile .pe-mode{display:grid;gap:8px} #account #google-profile .pe-fixed-copy{display:grid;gap:2px;min-width:0} #account #google-profile .pe-fixed-big{font-size:var(--r-fs-lead);font-weight:600} #account #google-profile .pe-move{display:inline-flex;align-items:center;gap:4px} #account #google-profile .pe-move svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #account #google-profile .pe-map{height:240px;margin:0} #account #google-profile .pe-map-tiles{position:absolute;inset:0} #account #google-profile .pe-map-live{touch-action:none;user-select:none} #account #google-profile .pe-map-live .pe-pin{cursor:grab} #account #google-profile .pe-map-live.dragging .pe-pin{cursor:grabbing} #account #google-profile .pe-map-live .pe-pin{pointer-events:auto;filter:drop-shadow(0 1px 2px rgba(16,24,40,.3))} #account #google-profile .pe-map-origin{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:1.5px dashed var(--r-grey-11);border-radius:50%;background:rgba(255,255,255,.5);pointer-events:none} #account #google-profile .pe-map-hint{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:14px;background:#fff;color:var(--r-ink);font-size:var(--r-fs-small);font-weight:500;box-shadow:var(--r-lift);white-space:nowrap;pointer-events:none} #account #google-profile .pe-map-hint .pe-glyph{width:14px;height:14px} #account #google-profile .pe-map-zoom{position:absolute;right:12px;top:12px;display:grid;gap:4px} #account #google-profile .pe-map-zoom-btn{display:grid;place-items:center;width:28px;height:28px;min-height:0;margin:0;padding:0;border:.5px solid var(--r-line-strong);border-radius:6px;background:#fff;color:var(--r-ink);font:500 16px/1 var(--r-font);cursor:pointer;box-shadow:var(--r-lift-btn)} #account #google-profile .pe-map-zoom-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} #account #google-profile .pe-map-zoom-btn:disabled{color:var(--r-grey-9);cursor:default} #account #google-profile .pe-pin-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 0;color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .pe-pin-line .pe-hint{margin:0} #account #google-profile .pe-pin-line .r-link{flex:none;font-size:var(--r-fs-ui)} #account #google-profile .pe-hide-address{justify-self:start} #account #google-profile .pe-area-row{padding:0 20px} #account #google-profile .pe-area-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px} #account #google-profile .pe-area-head b{min-width:0;overflow:hidden;color:var(--r-ink);font-size:var(--r-fs-body);font-weight:500;text-overflow:ellipsis;white-space:nowrap} #account #google-profile .pe-area-head .r-link{flex:none;font-size:var(--r-fs-ui)} #account #google-profile .pe-far{padding:0 0 14px} #account #google-profile .pe-far-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .pe-far-line .pe-glyph{color:var(--r-amber-11)} #account #google-profile .pe-why{display:inline-flex;align-items:center;gap:2px;min-height:0;margin:0;padding:0;border:0;background:none;color:var(--r-ink);font:600 var(--r-fs-ui)/1.4 var(--r-font);cursor:pointer} #account #google-profile .pe-why svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s} #account #google-profile .pe-why.open svg{transform:rotate(180deg)} #account #google-profile .pe-far-why{margin:4px 0 0 28px;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.5} #account #google-profile .pe-far-why[hidden]{display:none} #account #google-profile .pe-area-list+.pe-inline{margin-top:16px} #account #google-profile .pe-tips{display:grid;gap:12px;margin:16px 0 0;padding:14px 16px 16px;border:.5px solid var(--r-line);border-radius:var(--r-radius-s);background:#fff} #account #google-profile .pe-tips[hidden]{display:none} #account #google-profile .pe-tips-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #account #google-profile .pe-tips-head b{color:var(--r-ink);font-size:var(--r-fs-lead);font-weight:600} #account #google-profile .pe-tips-head .r-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--r-fs-ui)} #account #google-profile .pe-tips-head .r-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} #account #google-profile .pe-tips-row{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:8px 12px} #account #google-profile .pe-tips-label{color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.4} /* Endringer: the history card with what was changed right on Google, then what the app sent. */ #account #google-profile .pe-fetched{text-align:right} #account #google-profile .pe-observed{padding:14px 18px 12px} #account #google-profile .pe-observed+*{border-top:.5px solid var(--r-line)} #account #google-profile .pe-observed-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #account #google-profile .pe-observed-who{display:flex;align-items:center;gap:10px;min-width:0} #account #google-profile .pe-observed-who b{color:var(--r-ink);font-size:var(--r-fs-lead);font-weight:600;white-space:nowrap} #account #google-profile .pe-observed-values{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 32px;margin:12px 0 0} #account #google-profile .pe-observed-col{display:grid;gap:2px;min-width:0} #account #google-profile .pe-observed-col .pe-compare-label{margin:0} #account #google-profile .pe-observed-value{color:var(--r-ink);font-size:var(--r-fs-lead);font-weight:600;line-height:1.4;overflow-wrap:anywhere} #account #google-profile .pe-observed-value.before{color:var(--r-muted);font-weight:400;text-decoration:line-through;text-decoration-color:var(--r-grey-9)} #account #google-profile .pe-observed-actions{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:12px} #account #google-profile .pe-observed-why{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:12px 0 0;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5} #account #google-profile .pe-observed+.pe-far-why{margin:-6px 18px 12px} #account #google-profile .pe-history .pe-none-row{border-top:.5px solid var(--r-line)} #account #google-profile .pe-history .pe-none-row:first-child{border-top:0} #account #google-profile .pe-foot-note{margin:16px 0 0} #account #google-profile .pe-top .pe-discard{margin:0} @media (max-width:820px){ #account #google-profile .pe-top{flex-direction:column;align-items:stretch;padding:16px} #account #google-profile .pe-top-actions{flex-direction:row-reverse} #account #google-profile .pe-top-actions>.r-btn{flex:1 1 0} #account #google-profile .pe-top-actions>.pe-discard{flex:1 1 0} #account #google-profile .pe-alert{flex-wrap:wrap} #account #google-profile .pe-alert>.r-btn{flex:1 1 100%} /* «Nettside · Svarer ikke · Sjekket 19. okt. kl. 07.00 · Åpne» is wider than a phone: the date takes its own line, unbroken. */ #account #google-profile .pe-field-head{align-items:flex-start} #account #google-profile .pe-field-label{flex:1;flex-wrap:wrap;row-gap:4px} #account #google-profile .pe-tip-line{flex-wrap:wrap} #account #google-profile .pe-tip-actions{flex:1 1 100%} #account #google-profile .pe-tip-actions>.r-btn{flex:1 1 0} #account #google-profile .pe-tip{margin:0 16px 14px} #account #google-profile .pe-tips-row{grid-template-columns:minmax(0,1fr)} #account #google-profile .pe-area-row{padding:0 16px} #account #google-profile .pe-pin-line{flex-wrap:wrap} #account #google-profile .pe-observed{padding:14px 16px 12px} #account #google-profile .pe-observed-actions{flex:1 1 100%;justify-content:flex-start} #account #google-profile .pe-observed-actions>.r-btn{margin-left:auto} #account #google-profile .pe-observed+.pe-far-why{margin:-6px 16px 12px} #account #google-profile .pe-fetched{text-align:left} #account #google-profile .pe-issue-tip{flex-wrap:wrap;padding-left:0} #account #google-profile .pe-map{height:280px} } /* Persist the submission state as the primary answer, also after reopening Endringer. */ #account #google-profile .pe-publication{border-left:4px solid var(--r-grey-9)} #account #google-profile .pe-publication.tone-amber{background:var(--r-amber-3);border-left-color:var(--r-amber-9)} #account #google-profile .pe-publication.tone-green{background:var(--r-green-3);border-left-color:var(--r-green-9)} #account #google-profile .pe-publication.tone-red{background:var(--r-red-3);border-left-color:var(--r-red-9)} #account #google-profile .pe-publication .pe-top-text{color:var(--r-text);font-size:var(--r-fs-body);overflow-wrap:anywhere} @media(max-width:480px){ #account #google-profile .pe-section-head.r-section{flex-wrap:wrap;gap:6px 12px} #account #google-profile .pe-fetched{white-space:normal} } /* V3 Profil-felt 03.11 (ProfilMobil #2–6, ProfilDesktop, ProfilSjekkMobil2): marks are a dot with neutral text, never a pastel chip; «til» between the times; the extra time as a quiet link; the counter split left and right; the writing help with its tile; the segmented control on a light track with the chosen part white. */ body.customer-app #account #google-profile .pe-page .pe-tag{height:auto;min-height:18px;padding:0;border-radius:0;background:none;color:var(--rv-text);font:500 12px/18px var(--rv-font);gap:6px;white-space:nowrap} body.customer-app #account #google-profile .pe-page .pe-tag::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--rv-grey)} body.customer-app #account #google-profile .pe-page .pe-tag.pe-tag-best::before{background:var(--rv-green)} body.customer-app #account #google-profile .pe-page .pe-tag.pe-tag-warn{background:none;color:var(--rv-text)} body.customer-app #account #google-profile .pe-page .pe-dash{padding:0 2px;color:var(--rv-muted);font-size:13px} body.customer-app #account #google-profile .pe-page .pe-add-range{height:36px;padding:0 4px;border:0;background:none;color:var(--rv-ink);font-size:14px;font-weight:500;box-shadow:none} body.customer-app #account #google-profile .pe-page .pe-add-range:hover{background:none;text-decoration:underline;text-underline-offset:3px} body.customer-app #account #google-profile .pe-page .pe-segmented{border:0;background:#ecebe7} body.customer-app #account #google-profile .pe-page .pe-segment{border-radius:7px} body.customer-app #account #google-profile .pe-page .pe-segment[aria-pressed=true]{background:#fff;color:var(--rv-ink);font-weight:500;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.08)} body.customer-app #account #google-profile .pe-page .pe-count-line{margin:8px 0 0} body.customer-app #account #google-profile .pe-page .pe-count-hint{color:var(--rv-muted);font-size:12px;line-height:18px;white-space:nowrap} body.customer-app #account #google-profile .pe-page .pe-count-hint[hidden]{display:none} body.customer-app #account #google-profile .pe-page .pe-count{font-size:12px;line-height:18px} body.customer-app #account #google-profile .pe-page .pe-open-state{display:inline-flex;align-items:center;gap:6px;color:var(--rv-text);font-weight:500} body.customer-app #account #google-profile .pe-page .pe-open-state::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rv-grey)} body.customer-app #account #google-profile .pe-page .pe-open-state.open::before{background:var(--rv-green)} body.customer-app #account #google-profile .pe-page .pe-writer{border:0;box-shadow:0 0 0 .5px var(--rv-line),0 1px 2px rgba(16,24,40,.05)} body.customer-app #account #google-profile .pe-page .pe-writer .gp-writing-head{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:center} body.customer-app #account #google-profile .pe-page .pe-writer .gp-writing-head>h3{grid-column:2;margin:0;font-size:15px;line-height:20px;font-weight:600} body.customer-app #account #google-profile .pe-page .pe-writer .gp-writing-head>:not(h3):not(.gp-writing-tile){grid-column:2;margin:2px 0 0;color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account #google-profile .pe-page .pe-writer .gp-writing-tile{grid-row:1/span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f3f0ff;color:#6e56cf} body.customer-app #account #google-profile .pe-page .pe-writer .gp-writing-tile svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round} body.customer-app #account #google-profile .pe-page .pe-add-range{height:var(--r-control)} /* Helligdager (ProfilMobil #6): the name and the date at the left, the choice at the right on the same row; the days of a season stand flush under it. */ body.customer-app #account #google-profile .pe-page .pe-holiday{flex-wrap:wrap} body.customer-app #account #google-profile .pe-page .pe-holiday-day>.pe-holiday-when{flex:1 1 0;min-width:0} body.customer-app #account #google-profile .pe-page .pe-holiday-day>.pe-segmented{margin-left:auto} body.customer-app #account #google-profile .pe-page .pe-season-days>.pe-holiday{padding-left:20px} @media (max-width:820px){ body.customer-app #account #google-profile .pe-page .pe-holiday-day>.pe-holiday-when{flex-basis:0} body.customer-app #account #google-profile .pe-page .pe-holiday :is(.pe-holiday-when b,.pe-holiday-when span){overflow:hidden;text-overflow:ellipsis} body.customer-app #account #google-profile .pe-page :is(.pe-holiday-day,.pe-season)>.pe-segmented{height:32px;padding:2px} body.customer-app #account #google-profile .pe-page :is(.pe-holiday-day,.pe-season)>.pe-segmented .pe-segment{padding:0 8px;font-size:12px} body.customer-app #account #google-profile .pe-page .pe-season-days>.pe-holiday{padding-left:16px;padding-right:12px} } body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-page>.pe-head+*{margin-top:20px} /* Navn og kontakt (ProfilMobil #2): the phone and the website carry their icon inside the field, drawn as SVG. */ body.customer-app #account #google-profile .pe-page[data-panel=details] input:is([autocomplete=tel],[type=tel]){padding-left:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6f78' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") no-repeat 14px center/16px 16px} body.customer-app #account #google-profile .pe-page[data-panel=details] input:is([inputmode=url],[autocomplete=url]){padding-left:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6f78' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7 M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E") no-repeat 14px center/16px 16px} /* A plain tag («Hoved», «For generell») is a quiet hairline label; only «Anbefalt» and «Mangler» carry a dot. */ body.customer-app #account #google-profile .pe-page .pe-tag:not(.pe-tag-best):not(.pe-tag-warn){padding:0 6px;border-radius:5px;box-shadow:inset 0 0 0 .5px var(--rv-line-strong);color:var(--rv-muted);font-size:11px} body.customer-app #account #google-profile .pe-page .pe-tag:not(.pe-tag-best):not(.pe-tag-warn)::before{display:none} /* Endringer (ProfilFeltMobil 1–9, ProfilSjekkDesktop #3): the answer with its tile, the buttons under the text; each field with its state as a dot, the two values side by side and the quiet links under them. */ body.customer-app #account #google-profile .google-profile-editor .pe-top.pe-publication{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"tile copy" ". acts";align-items:start;gap:12px 14px;padding:18px 20px} body.customer-app #account #google-profile .google-profile-editor .pe-publication>.pe-top-tile{grid-area:tile;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff7c2;color:#ab6400} body.customer-app #account #google-profile .google-profile-editor .pe-publication.tone-green>.pe-top-tile{background:#e9f9ee;color:#18794e} body.customer-app #account #google-profile .google-profile-editor .pe-publication.tone-red>.pe-top-tile{background:#fff0ef;color:#cd2b31} body.customer-app #account #google-profile .google-profile-editor .pe-publication>.pe-top-tile svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .google-profile-editor .pe-publication .pe-spin{width:16px;height:16px;border:2px solid rgba(171,100,0,.25);border-top-color:#ab6400;border-radius:50%;animation:pe-spin .8s linear infinite} @keyframes pe-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){body.customer-app #account #google-profile .google-profile-editor .pe-publication .pe-spin{animation:none}} body.customer-app #account #google-profile .google-profile-editor .pe-publication>.pe-top-copy{grid-area:copy;gap:2px} body.customer-app #account #google-profile .google-profile-editor .pe-publication .pe-top-title{padding-left:0;font-size:15px;line-height:22px} body.customer-app #account #google-profile .google-profile-editor .pe-publication .pe-top-title::before{display:none} body.customer-app #account #google-profile .google-profile-editor .pe-publication .pe-top-text{padding-left:0;color:var(--rv-text);font-size:13px;line-height:20px} body.customer-app #account #google-profile .google-profile-editor .pe-publication>.pe-top-actions{grid-area:acts;flex-direction:row;justify-content:flex-start;flex-wrap:wrap} body.customer-app #account #google-profile .google-profile-editor .pe-publication>.pe-top-actions>.r-btn{flex:0 0 auto;height:36px} body.customer-app #account #google-profile .google-profile-editor .pe-change{overflow:hidden;border:0} body.customer-app #account #google-profile .google-profile-editor .pe-change-head{min-height:0;padding:14px 20px 4px;border-bottom:0} body.customer-app #account #google-profile .google-profile-editor .pe-change-head h2{font-size:15px;line-height:22px} body.customer-app #account #google-profile .google-profile-editor .pe-change-state{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--rv-text);font-size:12px;line-height:18px;font-weight:500;white-space:nowrap} body.customer-app #account #google-profile .google-profile-editor .pe-change-state::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rv-grey)} body.customer-app #account #google-profile .google-profile-editor .pe-change-state.wait::before{background:var(--rv-yellow)} body.customer-app #account #google-profile .google-profile-editor .pe-change-state.bad{color:var(--rv-red-text)} body.customer-app #account #google-profile .google-profile-editor .pe-change-state.bad::before{background:var(--rv-red)} body.customer-app #account #google-profile .google-profile-editor .pe-change .pe-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} body.customer-app #account #google-profile .google-profile-editor .pe-change .pe-compare-col{padding:6px 20px 12px} body.customer-app #account #google-profile .google-profile-editor .pe-change .pe-compare-col+.pe-compare-col{border:0;padding-left:8px} body.customer-app #account #google-profile .google-profile-editor .pe-change .pe-compare-label{margin:0 0 2px;font-size:12px} body.customer-app #account #google-profile .google-profile-editor .pe-change .pe-compare-col:last-child .pe-value{font-weight:500;color:var(--rv-ink)} body.customer-app #account #google-profile .google-profile-editor .pe-change>.pe-change-tools{display:flex;gap:20px;padding:0 20px 14px} body.customer-app #account #google-profile .google-profile-editor .pe-change-tools>.r-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500} body.customer-app #account #google-profile .google-profile-editor .pe-change-tools svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media (max-width:820px){ body.customer-app #account #google-profile .google-profile-editor .pe-top.pe-publication{padding:16px} body.customer-app #account #google-profile .google-profile-editor .pe-change-head{flex-wrap:nowrap;padding:14px 16px 4px} body.customer-app #account #google-profile .google-profile-editor .pe-change .pe-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} body.customer-app #account #google-profile .google-profile-editor .pe-change .pe-compare-col{padding:6px 8px 12px 16px;border-top:0!important} body.customer-app #account #google-profile .google-profile-editor .pe-change>.pe-change-tools{padding:0 16px 14px} } body.customer-app #account #google-profile .google-profile-editor .pe-publication>.pe-top-actions{gap:8px} body.customer-app #account #google-profile .google-profile-editor .pe-publication>.pe-top-actions>.r-btn{padding:0 12px;font-size:14px;gap:8px} /* In the drawer the page is a column that fills the height: no card may shrink below its content (the answer card on Adresse og områder was cut). */ body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-page>*{flex-shrink:0} /* Åpningstider (ProfilMobil #5, runde 3): the name, «Åpent»/«Stengt» and the switch on one line, the times under an open row with «til», «Legg til tid» and «Hele døgnet»; «Ulike tider per dag» under the list. */ body.customer-app #account #google-profile .pe-page .pe-hours .pe-day{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 12px;min-height:56px;padding:12px 16px 12px 20px} body.customer-app #account #google-profile .pe-page .pe-day-state{color:var(--rv-muted);font-size:13px;line-height:18px;white-space:nowrap} body.customer-app #account #google-profile .pe-page .pe-day-switch{grid-column:3} body.customer-app #account #google-profile .pe-page .pe-hours .pe-times{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px} body.customer-app #account #google-profile .pe-page .pe-hours .pe-day-warn{grid-column:1/-1} body.customer-app #account #google-profile .pe-page .pe-allday{display:inline-flex;align-items:center;gap:8px;height:var(--r-control);min-height:0;margin:0 0 0 auto;padding:0 4px;border:0;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 .pe-page .pe-allday-box{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--rv-line-strong);background:#fff;color:#fff} body.customer-app #account #google-profile .pe-page .pe-allday[aria-checked=true] .pe-allday-box{background:var(--rv-ink);box-shadow:none} body.customer-app #account #google-profile .pe-page .pe-allday-box svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .pe-page .pe-allday:focus-visible{outline:2px solid var(--rv-focus);outline-offset:2px;border-radius:6px} body.customer-app #account #google-profile .pe-page .pe-day.all .pe-times{justify-content:flex-start} body.customer-app #account #google-profile .pe-page .pe-day.all .pe-allday{margin-left:0} body.customer-app #account #google-profile .pe-page .pe-week>.pe-hours-split{display:inline-flex;margin:12px 0 0;font-size:14px;font-weight:500} body.customer-app #account #google-profile .pe-page .pe-week>.pe-open-now{margin:8px 0 0} @media (max-width:820px){ body.customer-app #account #google-profile .pe-page .pe-hours .pe-day{grid-template-columns:minmax(0,1fr) auto auto;padding:12px 16px} body.customer-app #account #google-profile .pe-page .pe-hours .pe-times{gap:8px} } /* Helligdager (ProfilMobil #6, runde 3): one card per season, the name and dates on the first row with the choice for the whole season, then every day as a row with its own choice; a day without a choice says «Ikke satt · Google viser vanlig tid». */ body.customer-app #account #google-profile .pe-page .pe-holiday-groups{display:flex;flex-direction:column;gap:12px} body.customer-app #account #google-profile .pe-page .pe-season-group{padding:0;overflow:hidden} body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-season{background:#fafaf8;border-bottom:.5px solid var(--rv-line)} body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-season .pe-holiday-title b{font-size:15px;font-weight:600} body.customer-app #account #google-profile .pe-page .pe-season-days>.pe-holiday,body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-holiday-day{padding:10px 16px 10px 20px} body.customer-app #account #google-profile .pe-page .pe-holiday-day{flex-wrap:wrap} body.customer-app #account #google-profile .pe-page .pe-holiday-note{display:inline-flex;align-items:center;gap:6px;flex-basis:100%;margin:-2px 0 0;color:var(--rv-text);font-size:12px;line-height:18px;white-space:nowrap} body.customer-app #account #google-profile .pe-page .pe-holiday-note::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rv-grey)} body.customer-app #account #google-profile .pe-page .pe-date-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0} body.customer-app #account #google-profile .pe-page .pe-add-date{display:inline-flex;align-items:center;gap:6px;height:36px} body.customer-app #account #google-profile .pe-page .pe-add-date svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2} @media (max-width:820px){ body.customer-app #account #google-profile .pe-page .pe-season-days>.pe-holiday,body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-holiday-day{padding:10px 12px 10px 16px} body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-season{padding:12px 8px 12px 16px} } /* Runde 4 (ProfilMobil2 #9): a save that failed: a white card with a red edge and the stop mark under the title, the reason in red under the fields, and «Prøv igjen» with its icon as the button. */ body.customer-app #account #google-profile .pe-page .pe-head>.pe-save-failed{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 14px;border:1px solid var(--rv-red);border-radius:10px;background:#fff;color:var(--rv-ink);font-size:14px;line-height:20px} body.customer-app #account #google-profile .pe-page .pe-save-failed>svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--rv-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .pe-page .pe-save-failed b{font-weight:500} body.customer-app #account #google-profile .pe-page .pe-save-reason{margin:10px 0 0;color:var(--rv-red-text);font-size:13px;line-height:18px} body.customer-app #account #google-profile .pe-page .pe-foot .r-btn.primary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .pe-page .pe-foot .r-btn.primary:has(svg){display:inline-flex;align-items:center;justify-content:center;gap:8px} /* V3 Profil-felt på mobil 03.11 (runde 4, ProfilMobil #2–6): the page is grey; the title stands right under «‹ Profil» with no white band, line or empty space; the line under the title shows; a locked «Lagre i utkastet» is light grey with muted text. */ @media (max-width:1200px){ body.customer-app #account #google-profile .gp-edit-dialog,body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor,body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-page{background:var(--rv-canvas)} body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-page>.pe-head{position:static;min-height:0;margin:0;padding:72px 16px 0;border-bottom:0;background:none} body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-page>.pe-head h2{font-size:26px;line-height:32px;letter-spacing:-.4px} body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-page>.pe-head+*{margin-top:16px} body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-page>.pe-card{margin:16px 16px 0;padding:0;background:none;box-shadow:none;border:0} body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-drawer-close{background:#fff;margin:0} } body.customer-app #account #google-profile .gp-edit-dialog .google-profile-editor .pe-head .pe-intro{display:block;margin:6px 0 0!important;color:var(--rv-text)!important;font-size:14px!important;line-height:20px!important} body.customer-app #account #google-profile .google-profile-editor .pe-foot .r-btn.primary:disabled{background:#e7e6e2;border-color:#e7e6e2;color:var(--rv-muted);opacity:1;box-shadow:none} body.customer-app #account #google-profile .gp-edit-dialog .pe-drawer-close.r-back{margin:0} /* Navn og kontakt (runde 4): the rule under each field, and a number that is not Norwegian marks the field red. */ body.customer-app #account #google-profile .pe-page[data-panel=details] .pe-hint{display:block;margin:6px 0 0;color:var(--rv-muted);font-size:12px;line-height:18px} body.customer-app #account #google-profile .pe-page[data-panel=details] .pe-hint[hidden]{display:none} body.customer-app #account #google-profile .pe-page .pe-phone:has(.pe-error:not(:empty)) input{border-color:var(--rv-red);box-shadow:0 0 0 1px var(--rv-red)} body.customer-app #account #google-profile .pe-page .pe-phone .pe-error:not(:empty){display:block;margin:6px 0 0;color:var(--rv-red-text);font-size:12px} /* Runde 4 (ProfilMobil #5–6): «Helligdager» with «● Mangler» on its row, the links underlined, and each season's name and dates as a heading over its white list of days. */ body.customer-app #account #google-profile .pe-page .pe-next-state{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--rv-text);font-size:12px;font-weight:500;white-space:nowrap} body.customer-app #account #google-profile .pe-page .pe-next-state::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rv-grey)} body.customer-app #account #google-profile .pe-page .pe-next-who{flex:1} body.customer-app #account #google-profile .google-profile-editor :is(.r-link,.pe-hours-split){text-decoration:underline;text-underline-offset:3px} body.customer-app #account #google-profile .pe-page .pe-season-group{background:none;box-shadow:none;border-radius:0;overflow:visible} body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-season{padding:0 0 8px;background:none;border-bottom:0} body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-season .pe-holiday-title b{font-size:16px} body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-season-days,body.customer-app #account #google-profile .pe-page .pe-season-group>.pe-holiday-day{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 #google-profile .pe-page .pe-holiday-groups{gap:20px} body.customer-app #account #google-profile .pe-page .pe-season-group{border:0} /* G1 (runde 4): the drawer's «‹ Profil» is the page's .r-back, so the frame's bar knows the parent; the drawer is modal and covers that bar, so its own line stays visible inside it. */ body.customer-app.has-topback #account #google-profile .gp-edit-dialog .pe-drawer-close.r-back.in-topbar{display:flex;align-items:center} @media (min-width:1201px){body.customer-app.has-topback #account #google-profile .gp-edit-dialog .pe-drawer-close.r-back.in-topbar{justify-content:center}} /* The question before leaving with unsaved changes (ProfilFeltMobil #10): a sheet from the bottom on a phone, with a handle, the count of unsaved changes and the buttons stacked; a small dialog on a computer. */ body.customer-app #account #google-profile .pe-leave .pe-leave-grab{display:none} body.customer-app #account #google-profile .pe-leave .pe-leave-note{margin:-8px 0 16px;color:var(--rv-text);font-size:14px;line-height:20px} @media (max-width:820px){ body.customer-app #account #google-profile dialog.pe-leave{position:fixed;inset:auto 0 0 0;width:100vw;max-width:100vw;margin:0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:20px 20px 0 0;box-shadow:0 -8px 30px rgba(16,24,40,.18)} body.customer-app #account #google-profile .pe-leave .pe-leave-grab{display:block;width:40px;height:4px;margin:0 auto 12px;border-radius:2px;background:#dcdde1} body.customer-app #account #google-profile .pe-leave .pe-leave-actions{display:flex;flex-direction:column;gap:10px} body.customer-app #account #google-profile .pe-leave .pe-leave-actions>.r-btn{flex:none;width:100%;height:48px} } /* Tjenester (ProfilMobil #3, runde 4): the search without a heading of its own (it stays for screen readers), a pencil on each own service, and «+ Legg til egen tjeneste» as the last row. */ body.customer-app #account #google-profile .pe-page[data-panel=services]>.pe-section:first-of-type>.pe-section-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} body.customer-app #account #google-profile .pe-page .pe-service-go{width:16px;height:16px;fill:none;stroke:var(--rv-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:none!important} body.customer-app #account #google-profile .pe-page .pe-service-add{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:0 16px;border:0;border-top:.5px solid var(--rv-line);background:none;color:var(--rv-ink);font:500 15px/20px var(--rv-font);text-align:left;cursor:pointer;box-shadow:none} body.customer-app #account #google-profile .pe-page .pe-service-add svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} body.customer-app #account #google-profile .pe-page .pe-service-add:hover{background:var(--rv-canvas)} /* Adresse og områder (ProfilMobil2 #1, runde 4): the question straight under the title (the heading stays for screen readers), the map about 120 px on a phone, and the suggestions as chips without a card of their own. */ body.customer-app #account #google-profile .pe-page[data-panel=address]>.pe-section:not(.pe-places)>.pe-section-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} body.customer-app #account #google-profile .pe-page[data-panel=address] .pe-move{text-decoration:underline;text-underline-offset:3px} body.customer-app #account #google-profile .pe-page[data-panel=address] .pe-tips{padding:0;border:0;background:none;box-shadow:none} @media (max-width:820px){body.customer-app #account #google-profile .pe-page[data-panel=address] .pe-map{height:120px}} /* The answer card on Kategorier and Adresse (ProfilSjekkMobil2 #1–5, runde 4): a 32 px tile in the answer's tone in front of the title, and «Gå til Synlighet ›» under the text when nothing is measured. */ body.customer-app #account #google-profile .pe-page .pe-top:not(.pe-publication){display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:4px 12px} body.customer-app #account #google-profile .pe-page .pe-top:not(.pe-publication)[hidden]{display:none} body.customer-app #account #google-profile .pe-page .pe-top:not(.pe-publication)>.pe-top-actions{grid-column:1/-1} body.customer-app #account #google-profile .pe-page .pe-top>.pe-top-tile{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f1f1ef;color:#60646c} body.customer-app #account #google-profile .pe-page .pe-top.tone-green>.pe-top-tile{background:#e9f9ee;color:#18794e} body.customer-app #account #google-profile .pe-page .pe-top.tone-amber>.pe-top-tile{background:#fff7c2;color:#ab6400} body.customer-app #account #google-profile .pe-page .pe-top.tone-red>.pe-top-tile{background:#fff0ef;color:#cd2b31} body.customer-app #account #google-profile .pe-page .pe-top>.pe-top-tile svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} body.customer-app #account #google-profile .pe-page .pe-top:not(.pe-publication) .pe-top-title{padding-left:0} body.customer-app #account #google-profile .pe-page .pe-top:not(.pe-publication) .pe-top-title::before{display:none} body.customer-app #account #google-profile .pe-page .pe-top:not(.pe-publication) .pe-top-text{padding-left:0} body.customer-app #account #google-profile .pe-page .pe-top-link{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;margin:10px 0 0;font-size:14px;font-weight:500} body.customer-app #account #google-profile .pe-page .pe-top-link svg{width:14px;height:14px} /* Beskrivelse (runde 4): «Få et forslag til tekst» as one line with its button to the right; the field for more facts and the suggestion open under it. The number to check stands as a card with «Det stemmer» to the right, the link error with its mark. */ body.customer-app #account #google-profile .pe-page .pe-writer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px} body.customer-app #account #google-profile .pe-page .pe-writer>.gp-writing-head{grid-column:1} body.customer-app #account #google-profile .pe-page .pe-writer>.gp-writing-actions{grid-column:2;grid-row:1;margin:0} body.customer-app #account #google-profile .pe-page .pe-writer>:not(.gp-writing-head):not(.gp-writing-actions){grid-column:1/-1} body.customer-app #account #google-profile .pe-page .pe-writer>.gp-writing-actions .r-btn{height:36px} body.customer-app #account #google-profile .pe-page[data-panel=description] .pe-error-text:not(:empty){display:flex;align-items:center;gap:6px;color:var(--rv-red-text);font-size:13px} body.customer-app #account #google-profile .pe-page[data-panel=description] .pe-error-text:not(:empty)::before{content:"";flex:none;width:14px;height:14px;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} /* Endringer › Historikk (ProfilFeltMobil #5 and #9, runde 4): a row is the field with its new value and the day under it and the state at the right; a change made on Google is its own card: name and state, «Sett …», Før | Nå, the two actions, «Hvorfor?» underlined with the explanation behind a line on its left. */ body.customer-app #account #google-profile .google-profile-editor .pe-history-what{display:flex;flex-direction:column;gap:2px;min-width:0} body.customer-app #account #google-profile .google-profile-editor .pe-history-what>b{font-size:15px;line-height:20px;font-weight:500} body.customer-app #account #google-profile .google-profile-editor .pe-history-line{overflow:hidden;color:var(--rv-muted);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap} body.customer-app #account #google-profile .google-profile-editor .pe-history-row>summary{min-height:60px;padding:12px 16px} body.customer-app #account #google-profile .google-profile-editor .pe-history-meta{flex-direction:row;align-items:center;margin-left:auto} body.customer-app #account #google-profile .google-profile-editor .pe-observed{display:flex;flex-direction:column;gap:8px;padding:16px;border-top:.5px solid var(--rv-line)} body.customer-app #account #google-profile .google-profile-editor .pe-observed:first-child{border-top:0} body.customer-app #account #google-profile .google-profile-editor .pe-observed-head{display:flex;align-items:center;justify-content:space-between;gap:12px} body.customer-app #account #google-profile .google-profile-editor .pe-observed-head b{font-size:16px;line-height:22px;font-weight:600} body.customer-app #account #google-profile .google-profile-editor .pe-observed>.pe-history-when{margin:-6px 0 0;color:var(--rv-text);font-size:13px} body.customer-app #account #google-profile .google-profile-editor .pe-observed-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 0} body.customer-app #account #google-profile .google-profile-editor .pe-observed-value.before{color:var(--rv-muted);text-decoration:line-through} body.customer-app #account #google-profile .google-profile-editor .pe-observed-value.now{font-weight:600;color:var(--rv-ink)} body.customer-app #account #google-profile .google-profile-editor .pe-observed-actions{display:flex;align-items:center;gap:12px} body.customer-app #account #google-profile .google-profile-editor .pe-observed-actions .r-btn{height:36px} body.customer-app #account #google-profile .google-profile-editor .pe-observed>.pe-why{align-self:flex-start;text-decoration:underline;text-underline-offset:3px} body.customer-app #account #google-profile .google-profile-editor .pe-observed>.pe-far-why{margin:0;padding:0 0 0 12px;border-left:2px solid var(--rv-line-strong);color:var(--rv-text);font-size:13px;line-height:20px} /* REV-129 (ProfilMobil2 #2): «Forslag fra søkene dere følger» as rows with the search and «Legg til». */ #account #google-profile .pe-rivals .pe-suggests{width:100%;margin:0} #account #google-profile .pe-suggest{display:flex;align-items:center;gap:12px;min-height:56px} #account #google-profile .pe-suggest-name{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;flex:1;min-width:0} #account #google-profile .pe-suggest-name>b{min-width:0} #account #google-profile .pe-suggest-why{flex-basis:100%;min-width:0;color:var(--r-muted);font-size:13px;line-height:18px;white-space:normal;overflow-wrap:anywhere} #account #google-profile .pe-suggest .pe-chip-add{flex:none;margin:0;white-space:nowrap} #account #google-profile .pe-suggest-on{flex:none;white-space:nowrap}