/* Anmeldelser (V3, 03.11): the boards AnmeldelserMobil, AnmeldelserDesktop(2), AnmeldelserMobil3 and AnmeldelserMobil4. Built on reviews.css, which loads after this sheet: every rule carries #account .rv-page so it wins at any order. Rules from the design: status is a strong dot with neutral words, counts are lists with the figure at the right, confirmations are white toasts with a coloured icon, progress is #F2B100, icons are SVG only, small text never wraps. */ #account .rv-page{--rv-hover:#f6f5f1;--rv-track:#eceae4;--rv-field:#c3c6cd;--rv-chip:#dcdde1;--rv-focus:#174ea6;--rv-shadow:0 0 0 .5px rgba(16,24,40,.13),0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.04);padding-top:0} #account[data-view=reviews] .pilot-app-actions{display:none} /* The Google mark beside «Google» on the four tabs (the frame hides heading icons on other pages). */ body.customer-app #account[data-view] #workspace-content .pilot-page-heading-row>svg#account-title-logo:not([hidden]){display:block;flex:none;width:28px;height:28px} @media (max-width:820px){body.customer-app #account[data-view] #workspace-content .pilot-page-heading-row>svg#account-title-logo:not([hidden]){width:24px;height:24px}} #account .rv-page [hidden]{display:none!important} /* ---------- Layout: score and Utvikling side by side, then the list beside the open review ---------- */ #account .rv-page .rv-grid-top{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 0 16px} #account .rv-page .rv-split{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start} #account .rv-page .rv-stack{display:flex;flex-direction:column;gap:16px;min-width:0} #account .rv-page .rv-trend-wrap{display:flex;flex-direction:column;gap:8px;min-width:0} @media (min-width:1024px){ #account .rv-page .rv-grid-top,#account .rv-page .rv-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px} #account .rv-page .rv-grid-top{align-items:stretch;margin-bottom:24px} #account .rv-page .rv-grid-top>*{min-width:0} #account .rv-page .rv-grid-top>.rv-sum{align-self:start} #account .rv-page .rv-trend-wrap>.rv-trend{flex:1} } @media (min-width:1280px){#account .rv-page .rv-grid-top,#account .rv-page .rv-split{grid-template-columns:minmax(0,1fr) 440px}} /* ---------- The score: 3,8 with the stars and the count, the spread at the right ---------- */ #account .rv-page .rv-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:18px;border-radius:12px} #account .rv-page .rv-score{display:flex;flex-direction:column;gap:6px;padding:0;border:0;min-width:0} #account .rv-page .rv-big{color:var(--r-ink);font:600 44px/44px var(--r-font);letter-spacing:-1.2px;font-variant-numeric:tabular-nums} #account .rv-page .rv-rate{display:flex;flex-direction:column;align-items:flex-start;gap:6px} #account .rv-page .rv-score .rv-stars{display:inline-flex;gap:2px;margin:0} #account .rv-page .rv-score .rv-stars .r-star{width:14px;height:14px} #account .rv-page .rv-score small{display:block;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-answered{display:flex;margin:0} #account .rv-page .rv-answered:empty{display:none} #account .rv-page .rv-dist{display:flex;flex-direction:column;gap:5px;padding:0;min-width:0} #account .rv-page .rv-dist-row{display:grid;grid-template-columns:24px minmax(0,1fr) 14px;align-items:center;gap:8px;height:16px;padding:0} #account .rv-page .rv-dist-row>span{display:inline-flex;align-items:center;gap:3px;color:var(--r-muted);font:500 12px/16px var(--r-font);white-space:nowrap;font-variant-numeric:tabular-nums} #account .rv-page .rv-dist-row>span:last-child{justify-content:flex-end;color:var(--r-text)} #account .rv-page .rv-dist-row .r-star{width:11px;height:11px} #account .rv-page .rv-bar{height:6px;border-radius:3px;background:var(--rv-track);overflow:hidden} #account .rv-page .rv-bar i{display:block;height:100%;border-radius:3px;background:#f2b100} #account .rv-page .r-star{color:#f2b100} #account .rv-page .r-star.off{color:#dadce0} /* Grey shapes while the first page is read. */ #account .rv-page span.rv-sk{display:block;width:100%;height:12px;border-radius:6px;background:var(--rv-track)} #account .rv-page .rv-sk-big{width:72px;height:44px;border-radius:10px} #account .rv-page .rv-sk-short{width:60%} #account .rv-page .rv-sk-name{width:45%} #account .rv-page .rv-sk-bar{height:8px} #account .rv-page .rv-sum.is-loading .rv-score{width:84px} /* ---------- Utvikling ---------- */ #account .rv-page .rv-trend{margin:0;padding:16px 0 0;border-radius:12px} #account .rv-page .rv-trend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 14px} #account .rv-page .rv-trend-head h2{margin:0;letter-spacing:-.2px;color:var(--r-ink);font:600 17px/22px var(--r-font)} /* The period is a segmented control: a grey track and the chosen one white. */ #account .rv-page .rv-periods{display:inline-grid;grid-auto-flow:column;gap:2px;padding:3px;border-radius:10px;background:var(--rv-track)} #account .rv-page .rv-periods .r-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--r-text);font:500 13px/1 var(--r-font);white-space:nowrap;box-shadow:none} #account .rv-page .rv-periods .r-pill[aria-pressed=true]{background:#fff;color:var(--r-ink);box-shadow:0 .5px 2px rgba(0,0,0,.12)} #account .rv-page .rv-tiles{display:grid;grid-template-columns:1fr 1fr;border-top:.5px solid var(--r-line)} #account .rv-page .rv-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;height:auto;min-height:0;margin:0;padding:14px 16px 16px;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account .rv-page .rv-tile:nth-child(even){border-left:.5px solid var(--r-line)} #account .rv-page .rv-tile:nth-child(n+3){border-top:.5px solid var(--r-line)} #account .rv-page .rv-tile:hover{background:var(--rv-hover)} #account .rv-page .rv-tile:focus-visible,#account .rv-page .rv-tally-row:focus-visible{outline:2px solid var(--rv-focus);outline-offset:-2px} #account .rv-page .rv-tile-label{color:var(--r-text);font:400 14px/20px var(--r-font);white-space:nowrap} #account .rv-page .rv-tile-value{display:flex;align-items:baseline;gap:6px;white-space:nowrap} #account .rv-page .rv-tile-value b{color:var(--r-ink);font:600 24px/30px var(--r-font);letter-spacing:-.5px;font-variant-numeric:tabular-nums} #account .rv-page .rv-tile-value small{color:var(--r-muted);font:400 13px/18px var(--r-font)} #account .rv-page .rv-change{display:inline-flex;align-items:center;gap:3px;color:var(--r-muted);font:500 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-change.up{color:#1b6b47} #account .rv-page .rv-change.down{color:#ab6400} #account .rv-page .rv-change .r-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2} #account .rv-page .rv-tile-none{min-height:18px;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-ages{gap:4px} #account .rv-page .rv-age{display:flex;justify-content:space-between;gap:8px;width:100%;color:var(--r-text);font:400 13px/20px var(--r-font);white-space:nowrap} #account .rv-page .rv-age b{color:var(--r-ink);font-weight:600;font-variant-numeric:tabular-nums} #account .rv-page .rv-trend-foot{margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font)} /* On a PC a list with the figure at the right (AnmeldelserDesktop2). */ #account .rv-page .rv-trend.is-list{display:flex;flex-direction:column;padding:16px 18px 18px} #account .rv-page .rv-trend.is-list .rv-trend-head{margin:0 0 14px} #account .rv-page .rv-tally{display:flex;flex-direction:column;border-top:.5px solid var(--r-line)} #account .rv-page .rv-tally-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:44px;min-height:0;margin:0;padding:0;border:0;border-bottom:.5px solid var(--r-line);border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account .rv-page .rv-tally-row:last-child{border-bottom:0} #account .rv-page .rv-tally-row:hover .rv-tally-l{color:var(--r-ink)} #account .rv-page .rv-tally-l{color:var(--r-text);font:400 14px/20px var(--r-font);white-space:nowrap} #account .rv-page .rv-tally-r{display:flex;align-items:baseline;gap:10px;white-space:nowrap} #account .rv-page .rv-tally-r b{color:var(--r-ink);font:600 16px/1 var(--r-font);font-variant-numeric:tabular-nums} #account .rv-page .rv-calm{margin:10px 0 0;color:var(--r-text);font:400 14px/21px var(--r-font)} /* ---------- The switch, the period chip, «Publiser alle» ---------- */ #account .rv-page .rv-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0} #account .rv-page .rv-switch{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:100%;padding:3px;border-radius:10px;background:var(--rv-track)} #account .rv-page .rv-switch .r-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--r-text);font:500 14px/1 var(--r-font);white-space:nowrap;box-shadow:none} #account .rv-page .rv-switch .r-pill b{font-weight:600} #account .rv-page .rv-switch .r-pill[aria-pressed=true]{background:#fff;color:var(--r-ink);box-shadow:0 .5px 2px rgba(0,0,0,.12)} #account .rv-page .rv-range{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:17px;background:var(--r-ink);color:#fff;font:500 13px/1 var(--r-font);white-space:nowrap} #account .rv-page .rv-range .r-icon{width:14px;height:14px;stroke:currentColor} #account .rv-page .rv-bulk{display:flex;flex-direction:column;gap:12px} #account .rv-page .rv-bulk:empty{display:none} #account .rv-page .rv-bulk-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px} #account .rv-page .rv-bulk-copy{display:flex;flex-direction:column;gap:2px;min-width:0} #account .rv-page .rv-bulk-copy b{color:var(--r-ink);font:500 15px/20px var(--r-font);white-space:nowrap} #account .rv-page .rv-bulk-copy span{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-bulk-card .r-btn{flex:none} #account .rv-page .rv-bulk-card.is-busy{flex-direction:column;align-items:stretch;gap:12px} #account .rv-page .rv-meter{height:8px;border-radius:4px;background:var(--rv-track);overflow:hidden} #account .rv-page .rv-meter i{display:block;height:100%;border-radius:4px;background:#f2b100;transition:width .3s ease} #account .rv-page :is(.r-btn,.rv-bulk) svg.g{width:16px;height:16px;flex:none} /* ---------- Notices, toasts, spinners ---------- */ #account .rv-page .rv-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--rv-shadow)} #account .rv-page .rv-notice p{display:block;margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)} #account .rv-page .rv-notice p b{color:var(--r-ink);font-weight:600} #account .rv-page .rv-notice .rv-notice-icon{flex:none;width:20px;height:20px;fill:none;stroke-width:1.9} #account .rv-page .rv-notice.info .rv-notice-icon{stroke:#0d74ce} #account .rv-page .rv-notice.bad .rv-notice-icon{stroke:#ce2c31} #account .rv-page .rv-notice.warn .rv-notice-icon{stroke:#ab6400} #account .rv-page .rv-bulk .rv-notice p{display:flex;gap:12px} #account .rv-page .rv-toast{position:fixed;right:32px;bottom:28px;z-index:2100;display:flex;align-items:center;gap:10px;max-width:420px;min-height:44px;margin:0;padding:10px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 4px 14px rgba(16,24,40,.08);color:var(--r-ink);font:500 14px/20px var(--r-font)} #account .rv-page .rv-toast .rv-toast-icon{flex:none;width:18px;height:18px;fill:none;stroke:#218358;stroke-width:2.2} #account .rv-page .rv-toast[data-tone=info] .rv-toast-icon{stroke:#0d74ce} #account .rv-page .rv-toast[data-tone=bad] .rv-toast-icon{stroke:#ce2c31} #account .rv-page .rv-spin,#account .rv-page .rv-feedback[data-kind=busy]::before{content:"";display:inline-block;flex:none;width:18px;height:18px;border:2px solid var(--rv-chip);border-top-color:var(--r-ink);border-radius:50%;animation:rv-spin .8s linear infinite} @keyframes rv-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){#account .rv-page .rv-spin,#account .rv-page .rv-feedback[data-kind=busy]::before{animation:none}} #account .rv-page .rv-loadline{display:flex;align-items:center;gap:10px;min-height:24px;margin:0;color:var(--r-text);font:400 14px/20px var(--r-font);white-space:nowrap} /* ---------- The list ---------- */ #account .rv-page .rv-list{min-width:0;border-radius:12px} #account .rv-page .rv-row{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;column-gap:14px;row-gap:4px;align-items:start;width:100%;min-height:0;height:auto;margin:0;padding:14px 16px;border:0;border-radius:0;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none} #account .rv-page .rv-row+.rv-row{border-top:.5px solid var(--r-line)} #account .rv-page .rv-row:hover{background:var(--rv-hover)} #account .rv-page .rv-row[aria-current]{background:var(--rv-hover);box-shadow:inset 3px 0 0 var(--r-ink)} #account .rv-page .rv-row>:is(.rv-top,.rv-mid,.rv-txt,.rv-said){grid-column:2;min-width:0} #account .rv-page .rv-row>.rv-av{grid-column:1;grid-row:1/span 4;margin-top:2px} #account .rv-page .rv-row>.rv-chev{display:block;grid-column:3;grid-row:1/span 4;align-self:center;width:18px;height:18px;color:var(--r-muted);stroke:var(--r-muted)} #account .rv-page .rv-av{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef0f2;color:var(--r-text);font:600 14px/1 var(--r-font);box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)} #account .rv-page .rv-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0} #account .rv-page .rv-top b{flex:1;min-width:0;overflow:hidden;color:var(--r-ink);font:500 16px/22px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-top small{flex:none;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-mid{display:flex;align-items:center;gap:10px;min-width:0;height:20px} #account .rv-page .rv-mid .r-stars{display:inline-flex;gap:2px;flex:none} #account .rv-page .rv-txt{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--r-text);font:400 14px/20px var(--r-font)} /* Answered: «Ditt svar» and the start of the reply behind a grey line. */ #account .rv-page .rv-said{display:block;margin-top:4px;padding:2px 0 2px 12px;border-left:2px solid var(--r-line-strong)} #account .rv-page .rv-said small{display:block;color:var(--r-muted);font:500 12px/16px var(--r-font)} #account .rv-page .rv-said span{display:block;overflow:hidden;color:var(--r-text);font:400 14px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} /* Empty states: a tile with an icon, one title, one line, at most one button. */ #account .rv-page .rv-list.is-empty{background:#fff} #account .rv-page .rv-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center} #account .rv-page .rv-empty>b{color:var(--r-ink);font:600 17px/24px var(--r-font)} #account .rv-page .rv-empty>span{max-width:420px;color:var(--r-text);font:400 14px/21px var(--r-font)} #account .rv-page .rv-empty>.r-btn.primary{align-self:stretch} #account .rv-page .rv-empty-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#eef0f2;color:#60646c;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)} #account .rv-page .rv-empty-tile .r-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8} #account .rv-page .rv-empty-tile.amber{background:#fff7c2;color:#ab6400;box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)} #account .rv-page .rv-empty-tile.green{background:#e6f6eb;color:#218358;box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)} #account .rv-page .rv-empty-tile.red{background:#feebec;color:#ce2c31;box-shadow:inset 0 0 0 .5px rgba(229,72,77,.4)} #account .rv-page .rv-list .r-empty:not(.rv-empty){gap:6px;padding:18px 20px} #account .rv-page .rv-skrow{display:flex;gap:14px;padding:16px;border-top:.5px solid var(--r-line)} #account .rv-page .rv-skrow:first-child{border-top:0} #account .rv-page .rv-skc{display:flex;flex:1;flex-direction:column;gap:9px;padding-top:4px} #account .rv-page .rv-skav{flex:none;width:38px;height:38px;border-radius:50%;background:var(--rv-track)} /* ---------- Få flere anmeldelser, and the other ways when there are none yet ---------- */ #account .rv-page .rv-ask{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:12px;padding:16px 18px;border-radius:12px} #account .rv-page .r-section{margin:28px 0 0} #account .rv-page .r-section h2{margin:0;color:var(--r-ink);font:600 18px/24px var(--r-font);letter-spacing:-.2px} #account .rv-page .r-section h2.rv-section{font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase;color:var(--r-muted)} #account .rv-page .rv-ask>.rv-last{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account .rv-page .rv-ask-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px} #account .rv-page .rv-ask-actions>.r-btn:nth-child(3){grid-column:1/-1} #account .rv-page .rv-ask .r-btn .r-icon{width:18px;height:18px} #account .rv-page .rv-ask.rv-ways{gap:0;padding:0} #account .rv-page .rv-way{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;height:auto;margin:0;padding:12px 16px;border:0;border-radius:0;background:#fff;color:inherit;font:inherit;text-align:left;box-shadow:none} #account .rv-page button.rv-way{cursor:pointer} #account .rv-page button.rv-way:hover{background:var(--rv-hover)} #account .rv-page .rv-way+.rv-way{border-top:.5px solid var(--r-line)} #account .rv-page .rv-way-tile{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px} #account .rv-page .rv-way-tile .r-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8} #account .rv-page .rv-way-tile.amber{background:#fff7c2;color:#ab6400;box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)} #account .rv-page .rv-way-tile.green{background:#e6f6eb;color:#218358;box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)} #account .rv-page .rv-way-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0} #account .rv-page .rv-way-copy b{overflow:hidden;color:var(--r-ink);font:500 16px/22px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-way-copy small{overflow:hidden;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-way .rv-chev{flex:none;width:18px;height:18px;stroke:var(--r-muted)} #account .rv-page .rv-way .r-btn.small{flex:none;height:36px} /* ---------- Google's card, only when something is missing ---------- */ #account .rv-page .rv-connect{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:14px 16px;border-radius:12px} #account .rv-page .rv-connect>svg.g{width:24px;height:24px;flex:none} #account .rv-page .rv-connect .rv-who{flex:1;min-width:0} #account .rv-page .rv-connect b{display:block;color:var(--r-ink);font:500 15px/20px var(--r-font)} #account .rv-page .rv-connect span{display:block;color:var(--r-muted);font:400 13px/18px var(--r-font)} #account .rv-page .rv-connect>.r-btn{flex:none} /* No Google at all: the empty-state card with the G on a white tile. */ #account .rv-page .rv-connect.is-empty{flex-direction:column;gap:12px;padding:32px 24px;text-align:center} #account .rv-page .rv-connect.is-empty .rv-tile-g{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 .5px var(--r-line-strong)} #account .rv-page .rv-connect.is-empty .rv-tile-g svg.g{width:28px;height:28px} #account .rv-page .rv-connect.is-empty b{font:600 17px/24px var(--r-font)} #account .rv-page .rv-connect.is-empty span{max-width:420px;margin:6px auto 0;color:var(--r-text);font:400 14px/21px var(--r-font)} #account .rv-page .rv-connect.is-empty>.r-btn{align-self:stretch;height:48px} #account .rv-page .rv-connect.is-empty>.r-btn svg.g{width:18px;height:18px} /* ---------- The open review: the card beside the list on a PC ---------- */ #account .rv-page .rv-pane{position:sticky;top:24px;min-width:0;border-radius:12px} #account .rv-page .rv-pane-empty{display:grid;place-items:center;min-height:160px;padding:24px;color:var(--r-muted);font:400 14px/20px var(--r-font)} #account .rv-page :is(.rv-pane,.rv-sheet) .r-sheet-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:.5px solid var(--r-line)} #account .rv-page :is(.rv-pane,.rv-sheet) .r-sheet-head>.rv-rhead{flex:1;min-width:0} #account .rv-page .rv-rhead{display:flex;align-items:center;gap:12px;min-width:0} #account .rv-page .rv-rhead .rv-who{display:flex;flex-direction:column;gap:2px;min-width:0} #account .rv-page .rv-rhead h2,#account #workspace-content .rv-page .rv-rhead h2{margin:0;overflow:hidden;color:var(--r-ink);font:500 17px/22px var(--r-font);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-rhead h2:focus{outline:none} #account .rv-page .rv-rhead .r-meta{display:flex;align-items:center;gap:8px;margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-nav{display:flex;align-items:center;gap:8px;flex:none} #account .rv-page .rv-nav:empty{display:none} #account .rv-page .rv-pos{margin:0 4px 0 0;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;font-variant-numeric:tabular-nums} #account .rv-page .rv-step{display:grid;place-items:center;width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:8px;background:#fff;color:var(--r-muted);box-shadow:inset 0 0 0 1px var(--rv-chip);cursor:pointer} #account .rv-page .rv-step .r-icon{width:20px;height:20px;stroke:currentColor} #account .rv-page .rv-step:hover:not(:disabled){color:var(--r-ink)} #account .rv-page .rv-step:disabled{opacity:.45;cursor:default} #account .rv-page :is(.rv-pane,.rv-sheet) .r-sheet-body{display:flex;flex-direction:column;gap:14px;padding:18px;overflow:visible} #account .rv-page :is(.rv-pane,.rv-sheet) .r-sheet-body>*{flex-shrink:0;margin:0} #account .rv-page .rv-quote{margin:0;padding:12px 14px;border:0;border-radius:10px;background:var(--rv-hover);color:var(--r-ink);font:400 15px/22px var(--r-font);white-space:pre-line} #account .rv-page .rv-help{display:flex;flex-direction:column;align-items:flex-start;gap:14px} #account .rv-page .rv-help-line{display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:var(--r-text);font:400 14px/21px var(--r-font)} #account .rv-page .rv-help-text{margin:0;color:var(--r-text);font:400 14px/21px var(--r-font)} #account .rv-page .rv-help-link{display:inline-flex;align-items:center;gap:6px;height:28px;min-height:0;margin:-6px 0 0;padding:0;border:0;background:none;color:var(--r-ink);font:500 15px/20px var(--r-font);text-decoration:underline;text-decoration-color:rgba(22,24,29,.35);text-underline-offset:4px;white-space:nowrap;cursor:pointer;box-shadow:none} #account .rv-page .rv-help-line .rv-help-link{margin:0} #account .rv-page .rv-help-link .r-icon{width:16px;height:16px;fill:none;stroke:currentColor} #account .rv-page .rv-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 -4px;color:var(--r-ink);font:500 14px/20px var(--r-font);white-space:nowrap} #account .rv-page .rv-when{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-reply{display:block;width:100%;min-height:120px;margin:0;padding:12px 14px;border:0;border-radius:10px;background:#fff;color:var(--r-ink);font:400 15px/22px var(--r-font);resize:vertical;box-shadow:inset 0 0 0 1px var(--rv-field)} #account .rv-page .rv-reply:focus{outline:0;box-shadow:inset 0 0 0 1px var(--rv-focus),0 0 0 3px #fff,0 0 0 5px var(--rv-focus)} #account .rv-page .rv-reply.is-busy{background:#faf9f6;color:var(--r-muted)} #account .rv-page .rv-reply::placeholder{color:var(--r-muted)} /* The tone buttons: secondary and small, side by side at one height. */ #account .rv-page .rv-tones{display:flex;flex-wrap:wrap;gap:8px;margin-top:-4px} #account .rv-page .rv-tone{display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:0;margin:0;padding:0 12px;border:0;border-radius:8px;background:#fff;color:var(--r-ink);font:500 14px/1 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1px var(--rv-field),0 1px 1px rgba(16,24,40,.04)} #account .rv-page .rv-tone:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--r-ink)} #account .rv-page .rv-tone:disabled{color:var(--r-muted);box-shadow:inset 0 0 0 1px var(--rv-chip);cursor:default} #account .rv-page .rv-redo{display:flex;align-items:center;gap:8px;margin:-6px 0 0;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-redo .r-link{height:28px;min-height:0;padding:0;border:0;background:none;color:var(--r-ink);font:500 13px/18px var(--r-font);text-decoration:underline;text-decoration-color:rgba(22,24,29,.35);text-underline-offset:4px;cursor:pointer} #account .rv-page .rv-public{color:var(--r-muted);font:400 13px/18px var(--r-font)} #account .rv-page .r-sheet-body>.rv-public{margin-top:-4px} #account .rv-page .rv-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)} #account .rv-page .rv-feedback:empty{display:none} #account .rv-page .rv-feedback[data-kind=warn],#account .rv-page .rv-feedback[data-kind=bad]{padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--rv-shadow);color:var(--r-ink)} #account .rv-page .rv-feedback[data-kind=warn]{box-shadow:var(--rv-shadow),inset 3px 0 0 #f2b100} #account .rv-page .rv-feedback[data-kind=bad]{box-shadow:var(--rv-shadow),inset 3px 0 0 #e5484d} #account .rv-page .rv-feedback .r-link{height:auto;color:var(--r-ink);text-decoration:underline;text-underline-offset:3px} #account .rv-page .rv-auto-note{color:var(--r-muted);font-size:14px} /* The reply as text: a white card with its state at the top. */ #account .rv-page .rv-answer-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--rv-shadow)} #account .rv-page .rv-answer-card .rv-label{margin:0;color:var(--r-muted);font:500 13px/18px var(--r-font)} #account .rv-page .rv-answer{margin:0;color:var(--r-ink);font:400 15px/22px var(--r-font);white-space:pre-line;overflow-wrap:anywhere} #account .rv-page .rv-pane .rv-answer-card{padding:0;box-shadow:none;border-radius:0} #account .rv-page .rv-reopen,#account .rv-page .rv-replace-note{align-self:flex-start} #account .rv-page .rv-reopen{height:44px;min-height:0;padding:0;border:0;background:none;color:var(--r-ink);font:500 15px/20px var(--r-font);text-decoration:underline;text-decoration-color:rgba(22,24,29,.35);text-underline-offset:4px;cursor:pointer} #account .rv-page .rv-replace-note{color:var(--r-text);font:400 14px/21px var(--r-font)} /* The same customer in Kunder: a white card with the icon, the words and Ja / Nei under them. */ #account .rv-page .rv-match{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px 12px;align-items:start;padding:14px 16px;border:0;border-radius:12px;background:#fff;box-shadow:var(--rv-shadow)} #account .rv-page .rv-match-icon{width:18px;height:18px;margin-top:1px;fill:none;stroke:#0d74ce;stroke-width:1.9} #account .rv-page .rv-match-icon.ok{stroke:#218358;stroke-width:2.2} #account .rv-page .rv-match-text{margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)} #account .rv-page .rv-match-actions{display:flex;gap:10px;grid-column:2} #account .rv-page .rv-match-actions .r-btn{min-width:72px;height:36px} /* Foot: the short line at the left, the buttons at the right. */ #account .rv-page .rv-pane .r-sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:.5px solid var(--r-line)} #account .rv-page .rv-pane .r-sheet-foot>.rv-public{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;margin-left:auto} #account .rv-page .rv-actions .r-btn{flex:none;height:44px;padding:0 16px} #account .rv-page .rv-actions .r-btn .r-icon{width:18px;height:18px;fill:none;stroke:currentColor} #account .rv-page .rv-actions a.r-btn{text-decoration:none} /* ---------- The open review on a phone: the whole screen, «‹ Anmeldelser» at the top, the buttons at the bottom ---------- */ #account .rv-page .rv-sheet{inset:0;width:100%;border:0;background:var(--r-canvas);box-shadow:none} #account .rv-page .rv-sheet .r-sheet-head{flex:none;height:56px;padding:0 16px;background:#fff} #account .rv-page .rv-back{display:inline-flex;align-items:center;gap:4px;height:44px;min-height:0;margin:0 auto 0 -8px;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--r-ink);font:500 15px/1 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:none} #account .rv-page .rv-back .r-icon{width:20px;height:20px;stroke:currentColor;stroke-width:2} #account .rv-page .rv-sheet .r-sheet-body{flex:1;min-height:0;gap:16px;padding:20px 16px;overflow:auto} #account .rv-page .rv-sheet .rv-rhead h2{font-size:17px} #account .rv-page .rv-sheet .r-sheet-foot{flex:none;display:block;padding:12px 16px 28px;background:#fff;border-top:.5px solid var(--r-line)} #account .rv-page .rv-sheet .rv-actions{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin:0} #account .rv-page .rv-sheet .r-sheet-foot.one .rv-actions{grid-template-columns:1fr} #account .rv-page .rv-sheet .rv-actions .r-btn{width:100%;min-width:0;padding:0 12px} #account .rv-page .rv-sheet .rv-actions>[hidden]{display:none!important} @media (max-width:1023px){#account .rv-page .rv-pane{display:none}} @media (max-width:820px){ #account .rv-page .rv-grid-top{gap:16px} #account .rv-page .rv-sum{gap:18px} #account .rv-page .rv-trend-head{gap:10px} #account .rv-page .rv-periods .r-pill{padding:0 10px} #account .rv-page .rv-bulk-card{padding:14px 16px} #account .rv-page .rv-toast{right:16px;bottom:92px;left:16px;max-width:none} #account .rv-page .rv-connect:not(.is-empty)>.r-btn{height:36px} } @media (max-width:380px){#account .rv-page .rv-trend-head{flex-direction:column;align-items:stretch}#account .rv-page .rv-periods{grid-auto-columns:1fr}} /* ---------- The Google tabs (Anmeldelser, Synlighet, Profil, Vis frem): the tab line only ---------- */ body.customer-app #account #google-tabs{gap:4px;border-bottom:.5px solid var(--r-line)} body.customer-app #account #google-tabs button{display:inline-flex;align-items:center;gap:6px;height:42px;margin:0 0 -.5px;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--r-muted);font:500 14px/1 var(--r-font);white-space:nowrap;cursor:pointer} body.customer-app #account #google-tabs button:is(.active,[aria-current]){border-bottom-color:var(--r-ink);color:var(--r-ink);font-weight:600} body.customer-app #account #google-tabs button[hidden]{display:none} body.customer-app #account #google-tabs button:hover{color:var(--r-ink)} body.customer-app #account #google-tabs .tabcount{color:var(--r-muted);font-weight:500} body.customer-app #account #google-tabs .tabcount:empty{display:none} body.customer-app #account #google-tabs button:focus-visible{outline:2px solid #174ea6;outline-offset:-2px} @media (max-width:820px){body.customer-app #account #google-tabs{gap:0;overflow-x:auto;scrollbar-width:none}body.customer-app #account #google-tabs button{height:44px;padding:0 9px}} /* ---------- Runde 4 (kontroll 03.11) ---------- */ /* No reviews: only the empty card and «Andre måter» (AnmeldelserMobil #8). */ #account .rv-page.is-bare .rv-strip,#account .rv-page.is-bare .rv-head,#account .rv-page.is-bare .rv-sec-list{display:none!important} #account .rv-page .rv-after{display:flex;flex-direction:column;gap:8px} #account .rv-page .rv-after:empty{display:none} #account .rv-page .rv-kicker{margin:8px 0 0;color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase} #account .rv-page .rv-period-block{padding:0 16px;border-top:0} #account .rv-page .rv-period-block .rv-tally-row{cursor:default} #account .rv-page .rv-bulk-note:empty{display:none} #account .rv-page .rv-range{height:30px;padding:0 10px;font-size:13px} /* The queue arrows are arrows only (AnmeldelserMobil #2). */ #account .rv-page .rv-step{width:32px;height:32px;background:none;box-shadow:none;color:var(--r-ink)} #account .rv-page .rv-step:disabled{color:var(--r-muted)} /* A refusal: a white card with a coloured icon and its first sentence in bold (AnmeldelserMobil3 #10). */ #account .rv-page .rv-feedback[data-kind=warn],#account .rv-page .rv-feedback[data-kind=bad]{flex-wrap:nowrap;align-items:flex-start;gap:12px;box-shadow:var(--rv-shadow);font:400 14px/20px var(--r-font);color:var(--r-text)} #account .rv-page .rv-feedback[data-kind] b{color:var(--r-ink);font-weight:600} #account .rv-page .rv-feedback-icon{flex:none;width:20px;height:20px;fill:none;stroke-width:1.9;stroke:#ab6400} #account .rv-page .rv-feedback[data-kind=bad] .rv-feedback-icon{stroke:#ce2c31} /* The customer linked earlier: one line «Kunde hos dere» with «Se kunden» (AnmeldelserMobil #2). */ #account .rv-page .rv-match.is-line{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;padding:10px 14px} #account .rv-page .rv-match-text b{color:var(--r-ink);font-weight:600} #account .rv-page .rv-match-go{height:32px;min-height:0;padding:0;border:0;background:none;color:var(--r-ink);font:500 13px/18px var(--r-font);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;cursor:pointer} /* The opening error on a phone: a sheet from the bottom over the dimmed list (AnmeldelserMobil4 #4). */ #account .rv-page .rv-sheet.is-error{top:auto;bottom:0;height:auto;border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -8px 30px rgba(16,24,40,.18)} #account .rv-page .rv-sheet.is-error .r-sheet-head,#account .rv-page .rv-sheet.is-error .r-sheet-foot{display:none!important} #account .rv-page .rv-sheet.is-error .r-sheet-body{padding:12px 16px 32px} #account .rv-page .rv-open-error .r-btn.primary{align-self:stretch} #account .rv-page .rv-grab{width:40px;height:4px;border-radius:2px;background:#dcdde1} #account .rv-page .r-scrim.is-dim{background:rgba(16,24,40,.45)} /* Endre svaret: a hairline between the text on Google now and «Nytt svar» (AnmeldelserDesktop2). */ #account .rv-page .rv-label-new{margin-top:4px;padding-top:14px;border-top:.5px solid var(--r-line)} /* «Hentet fra Google i dag kl. 09.12» on a PC, at the right of the tab line. */ #account .rv-page{position:relative} #account .rv-page .rv-fetched{display:none} @media (min-width:1024px){#account .rv-page .rv-fetched:not(:empty){display:block;position:absolute;right:0;top:-48px;margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}} /* The G sits close to the words on «Koble til Google» (AnmeldelserMobil #9). */ #account .rv-page .rv-connect.is-empty>.r-btn{gap:8px} #account .rv-page .rv-connect.is-empty>.r-btn>span{display:inline} #account .rv-page .rv-connect.is-empty>.r-btn>span{display:inline;max-width:none;margin:0;color:var(--r-ink);font:500 15px/1 var(--r-font)} #account .rv-page .rv-connect.is-empty>.r-btn>svg.g{margin:0} /* REV-129 «Kundene nevner» (AnmeldelserDesktop): under the spread, behind a hairline, across the whole card. */ #account .rv-page .rv-sum>.rv-topics{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;margin:-4px -18px 0;padding:12px 18px 0;border-top:.5px solid var(--r-line)} #account .rv-page .rv-sum>.rv-topics[hidden]{display:none} #account .rv-page .rv-topics>.rv-kicker{margin:0 0 4px} #account .rv-page .rv-topic{display:flex;align-items:center;gap:10px;height:30px;min-width:0} #account .rv-page .rv-topic>.r-status{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-topic-who{flex:none;max-width:45%;overflow:hidden;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-topic>b{flex:none;min-width:16px;color:var(--r-ink);font:600 15px/1 var(--r-font);text-align:right;font-variant-numeric:tabular-nums} /* Drafts from an assistant grouped on a phone (AiSporMobil #2): each group its own white list under a small heading. */ #account .rv-page .rv-list.is-grouped{display:flex;flex-direction:column;gap:10px;border:0;background:none;box-shadow:none;overflow:visible} #account .rv-page .rv-list.is-grouped>.rv-group{display:flex;justify-content:space-between;gap:12px;margin:4px 2px 0;white-space:nowrap} #account .rv-page .rv-list.is-grouped>.rv-group:first-child{margin-top:0} /* «Utkast fra Claude · 09:12» and «Ditt utkast · 09:16» at the right of the reply's label (AiSporMobil #3–4). */ #account .rv-page .rv-label>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis} #account .rv-page .rv-aim{display:inline-flex;flex:none;align-items:center;gap:5px;color:var(--r-ink);font:500 12px/16px var(--r-font);white-space:nowrap} #account .rv-page .rv-aim[hidden]{display:none} #account .rv-page .rv-aim .r-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8} #account .rv-page .rv-fine{margin:0;color:var(--r-muted);font:400 13px/19px var(--r-font)} #account .rv-page .rv-fine[hidden]{display:none} #account .rv-page .rv-after>.rv-fine{margin:2px 2px 0} /* ---------- REV-138 b4/b7: a sheet over the page (Anmeldelser-publiser-alle-bekreft, Anmeldelser-be-google) ---------- */ /* A card in the middle on a PC; from the bottom with a grab bar on a phone. */ #account .rv-page .rv-modal-scrim{position:fixed;inset:0;z-index:2000;background:rgba(16,24,40,.45)} #account .rv-page .rv-modal{position:fixed;z-index:2001;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:min(640px,calc(100vw - 48px));max-height:calc(100vh - 80px);border-radius:16px;background:#fff;box-shadow:0 0 0 .5px rgba(16,24,40,.13),0 16px 48px rgba(16,24,40,.18);overflow:hidden} #account .rv-page .rv-modal.rv-ask-google{width:min(800px,calc(100vw - 48px))} #account .rv-page .rv-modal-head{display:flex;align-items:center;gap:12px;padding:22px 24px 14px} #account .rv-page .rv-modal-head>.rv-grab{display:none} #account .rv-page .rv-modal-head h2,#account #workspace-content .rv-page .rv-modal-head h2{flex:1;min-width:0;margin:0;color:var(--r-ink);font:600 20px/26px var(--r-font);letter-spacing:-.3px} #account .rv-page .rv-modal-x{display:grid;flex:none;place-items:center;width:44px;height:44px;min-height:0;margin:-10px -12px -10px 0;padding:0;border:0;border-radius:10px;background:none;color:var(--r-muted);cursor:pointer;box-shadow:none} #account .rv-page .rv-modal-x:hover:not(:disabled){color:var(--r-ink)} #account .rv-page .rv-modal-x:disabled{visibility:hidden} #account .rv-page .rv-modal-x .r-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8} #account .rv-page .rv-modal-body{flex:1;min-height:0;padding:0 24px;overflow:auto} #account .rv-page .rv-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 20px} #account .rv-page .rv-modal-note{flex:1;min-width:0;margin:0;color:var(--r-text);font:400 13px/19px var(--r-font)} #account .rv-page .rv-modal-note:empty{display:none} #account .rv-page .rv-modal-foot .rv-actions{margin-left:auto} #account .rv-page .rv-modal-foot .rv-actions a.r-btn{display:inline-flex;align-items:center;gap:8px} #account .rv-page .rv-modal-foot .rv-actions .r-btn[hidden]{display:none} /* The replies in the sheet: the reviewer, the stars, the date, the review and the reply under it, behind hairlines. */ #account .rv-page .rv-cf-list{border-top:.5px solid var(--r-line);border-bottom:.5px solid var(--r-line)} #account .rv-page .rv-cf-row{display:flex;gap:14px;padding:16px 0} #account .rv-page .rv-cf-row+.rv-cf-row{border-top:.5px solid var(--r-line)} #account .rv-page .rv-cf-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0} #account .rv-page .rv-cf-top{display:flex;align-items:center;gap:10px;min-width:0} #account .rv-page .rv-cf-top b{min-width:0;overflow:hidden;color:var(--r-ink);font:600 15px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-cf-top .r-stars{display:inline-flex;flex:none;gap:2px} #account .rv-page .rv-cf-top .r-star{width:13px;height:13px} #account .rv-page .rv-cf-top small{flex:none;margin-left:auto;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-cf-quote{margin:0;overflow:hidden;color:var(--r-text);font:400 14px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-cf-reply{margin:2px 0 0;color:var(--r-ink);font:400 15px/22px var(--r-font);white-space:pre-line;overflow-wrap:anywhere} #account .rv-page .rv-cf-state{align-self:flex-start;margin-top:4px;white-space:nowrap} /* Status is a strong dot and neutral words: the dot keeps its colour, the words stay ink (customer-app-v3.css colours .r-status.call red at the same weight, so body.customer-app is added). */ body.customer-app #account .rv-page .rv-cf-state,body.customer-app #account .rv-page .rv-cf-state:is(.call,.queued,.wait){background:none;color:var(--r-ink);font-weight:500} @media (max-width:760px){ #account .rv-page .rv-modal,#account .rv-page .rv-modal.rv-ask-google{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-height:calc(100vh - 48px);border-radius:20px 20px 0 0} #account .rv-page .rv-modal-head{position:relative;padding:26px 16px 12px} #account .rv-page .rv-modal-head>.rv-grab{display:block;position:absolute;top:10px;left:50%;margin-left:-20px} #account .rv-page .rv-modal-head h2,#account #workspace-content .rv-page .rv-modal-head h2{font-size:19px;line-height:24px} #account .rv-page .rv-modal-body{padding:0 16px} #account .rv-page .rv-modal-foot{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px 28px} #account .rv-page .rv-modal-foot .rv-actions{display:flex;flex-direction:column-reverse;gap:10px;margin:0} #account .rv-page .rv-modal-foot .rv-actions .r-btn{width:100%;height:48px;justify-content:center} #account .rv-page .rv-cf-row{padding:14px 0} #account .rv-page .rv-cf-top small,#account .rv-page .rv-confirm .rv-cf-quote{display:none} } /* Be Google se på den: the review in a hairline card, then «Du gjør» and «Etterpå» side by side (one column on a phone). */ #account .rv-page .rv-ag-review{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 .5px var(--r-line-strong)} #account .rv-page .rv-ag-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:18px 0 4px} #account .rv-page .rv-ag-col{display:flex;flex-direction:column;gap:14px;min-width:0} #account .rv-page .rv-ag-col+.rv-ag-col{padding-left:24px;border-left:.5px solid var(--r-line)} #account .rv-page .rv-ag-kicker,#account #workspace-content .rv-page .rv-ag-kicker{margin:0;color:var(--r-muted);font:500 13px/18px var(--r-font);letter-spacing:0;text-transform:none} #account .rv-page .rv-ag-step{display:flex;align-items:flex-start;gap:12px} #account .rv-page .rv-ag-num{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#0d74ce;font:600 14px/1 var(--r-font);box-shadow:inset 0 0 0 1px var(--rv-chip)} #account .rv-page .rv-ag-tile{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:8px;background:#eef0f2;color:#60646c;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)} #account .rv-page .rv-ag-tile.green{color:#218358} #account .rv-page .rv-ag-tile .r-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} #account .rv-page .rv-ag-text{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:5px} #account .rv-page .rv-ag-text b{color:var(--r-ink);font:600 15px/20px var(--r-font)} #account .rv-page .rv-ag-text span{color:var(--r-text);font:400 14px/20px var(--r-font)} #account .rv-page .rv-ag-go .r-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} #account .rv-page .rv-help>.rv-help-link{margin:-6px 0 0} @media (max-width:760px){ #account .rv-page .rv-ag-cols{grid-template-columns:1fr;gap:18px;padding-top:16px} #account .rv-page .rv-ag-col+.rv-ag-col{padding:16px 0 0;border-left:0;border-top:.5px solid var(--r-line)} } @media (max-width:820px){#account .rv-page .rv-help>.rv-help-link{height:44px;margin:-14px 0 -10px}} /* ---------- REV-138 b7: the strip of numbers on the list page (Anmeldelser-pc, Anmeldelser-mobil) ---------- */ #account .rv-page .rv-strip{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr)) auto;align-items:stretch;width:100%;height:auto;min-height:80px;margin:0 0 20px;padding:0;border:0;border-radius:12px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer} #account .rv-page .rv-strip:hover{background:#fcfcfb} #account .rv-page .rv-strip:focus-visible{outline:2px solid var(--rv-focus);outline-offset:2px} #account .rv-page .rv-strip-cell{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:14px 20px} #account .rv-page .rv-strip-cell+.rv-strip-cell{border-left:.5px solid var(--r-line)} #account .rv-page .rv-strip-score{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px} #account .rv-page .rv-strip-big{color:var(--r-ink);font:600 30px/34px var(--r-font);letter-spacing:-.8px;font-variant-numeric:tabular-nums} #account .rv-page .rv-strip-rate{display:flex;flex-direction:column;gap:3px;min-width:0} #account .rv-page .rv-strip-rate .r-stars{display:inline-flex;gap:2px} #account .rv-page .rv-strip-rate .r-star{width:14px;height:14px} #account .rv-page .rv-strip small{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account .rv-page .rv-strip-v{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap} #account .rv-page .rv-strip-v b{color:var(--r-ink);font:600 20px/26px var(--r-font);letter-spacing:-.3px;font-variant-numeric:tabular-nums} #account .rv-page .rv-strip-s{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-strip-s:is(.up,.down)::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#30a46c} #account .rv-page .rv-strip-s.down::before{background:#f2b100} #account .rv-page .rv-strip-s:is(.up,.down){color:var(--r-ink)} #account .rv-page .rv-strip-go{flex-direction:row;align-items:center;gap:6px;padding:0 20px;color:var(--r-ink);font:500 15px/20px var(--r-font);white-space:nowrap} #account .rv-page .rv-strip-go .rv-chev{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2} #account .rv-page .rv-strip-short{display:none} @media (max-width:1023px){ #account .rv-page .rv-strip{display:flex;align-items:center;min-height:56px;margin-bottom:16px;padding:0 14px 0 16px} #account .rv-page .rv-strip-cell{padding:0} #account .rv-page .rv-strip-cell+.rv-strip-cell{border-left:0} #account .rv-page :is(.rv-strip-new,.rv-strip-share,.rv-strip-wait,.rv-strip-go-text){display:none} #account .rv-page .rv-strip-score{gap:10px;flex:1} #account .rv-page .rv-strip-big{font-size:24px;line-height:28px} #account .rv-page .rv-strip-rate{flex-direction:row;align-items:center;gap:10px} #account .rv-page .rv-strip-short{display:block;margin-left:auto;padding-left:10px;color:#1b6b47;font:600 14px/20px var(--r-font);white-space:nowrap} #account .rv-page .rv-strip-short:empty{display:none} #account .rv-page .rv-strip-go{padding:0 0 0 8px} } @media (max-width:360px){#account .rv-page .rv-strip-rate .r-stars{display:none}} /* ---------- REV-138 b7: Statistikk, a page of its own (Anmeldelser-statistikk) ---------- */ /* The Google heading and its tabs give way to «‹ Anmeldelser» and the title while Statistikk is open. */ body.customer-app #account #workspace-content:has(.rv-page.is-stats)>:is(.pilot-page-heading,#google-tabs){display:none!important} #account .rv-page.is-stats .rv-stats-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 20px} #account .rv-page.is-stats .rv-stats-head .rv-back{margin:0 0 0 -8px;font-size:14px} #account .rv-page.is-stats .rv-stats-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%} #account .rv-page.is-stats .rv-stats-title h1,#account #workspace-content .rv-page.is-stats .rv-stats-title h1{margin:0;color:var(--r-ink);font:600 32px/38px var(--r-font);letter-spacing:-.8px} #account .rv-page.is-stats .rv-stats-title h1:focus{outline:none} #account .rv-page.is-stats .rv-stats-title .rv-fetched:not(:empty){display:block;position:static;margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page.is-stats .rv-grid-top,#account .rv-page.is-stats .rv-grid-low{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;margin:0 0 28px} #account .rv-page.is-stats .rv-grid-top>.rv-sum{align-self:start} #account .rv-page.is-stats .rv-trend-wrap>.rv-trend{flex:none} /* The score: «4,3 ★★★★ · 8 anmeldelser» over a hairline, the spread under it. */ #account .rv-page.is-stats .rv-sum{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0} #account .rv-page.is-stats .rv-score{flex-direction:row;align-items:center;gap:14px;padding:18px 20px;border-bottom:.5px solid var(--r-line)} #account .rv-page.is-stats .rv-big{font-size:32px;line-height:36px} #account .rv-page.is-stats .rv-score small{margin-left:auto;color:var(--r-text);font-size:14px} #account .rv-page.is-stats .rv-dist{gap:12px;padding:18px 20px 20px} #account .rv-page.is-stats .rv-dist-row{grid-template-columns:30px minmax(0,1fr) 24px;gap:12px;height:20px} #account .rv-page.is-stats .rv-dist-row>span{font-size:14px;line-height:20px} #account .rv-page.is-stats .rv-dist-row>span:last-child{color:var(--r-ink);font-weight:600} #account .rv-page.is-stats .rv-bar{height:8px;border-radius:4px} #account .rv-page.is-stats .rv-trend.is-list{padding:0} #account .rv-page.is-stats .rv-trend.is-list .rv-trend-head{margin:0;padding:14px 20px;border-bottom:.5px solid var(--r-line)} #account .rv-page.is-stats .rv-tally{border-top:0} #account .rv-page.is-stats .rv-tally-row{height:48px;padding:0 20px} #account .rv-page.is-stats .rv-tally-row:hover{background:var(--rv-hover)} #account .rv-page.is-stats .rv-trend-foot{margin:2px 2px 0} #account .rv-page.is-stats .rv-periods .r-pill{min-width:84px;height:34px} /* Sections under a heading with the count at the right: «Venter på svar», «Kundene nevner». */ #account .rv-page .rv-sec{display:flex;flex-direction:column;gap:10px;min-width:0} #account .rv-page .rv-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px} #account .rv-page .rv-sec-head h2,#account #workspace-content .rv-page .rv-sec-head h2{margin:0;color:var(--r-ink);font:600 17px/22px var(--r-font);letter-spacing:-.2px} #account .rv-page .rv-sec-head>span{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account .rv-page .rv-sec-card{display:flex;flex-direction:column;padding:0;border-radius:12px;overflow:hidden} #account .rv-page .rv-sec-row{display:flex;align-items:center;gap:12px;width:100%;height:auto;min-height:48px;margin:0;padding:0 16px;border:0;border-radius:0;background:#fff;color:inherit;font:inherit;text-align:left;box-shadow:none} #account .rv-page .rv-sec-row+.rv-sec-row,#account .rv-page .rv-sec-row+.rv-sec-more{border-top:.5px solid var(--r-line)} #account .rv-page .rv-sec-row>.r-status,#account .rv-page .rv-sec-row>.r-status:is(.call,.queued){flex:1;background:none;min-width:0;overflow:hidden;color:var(--r-ink);font:400 15px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-sec-row>b{flex:none;color:var(--r-ink);font:600 15px/20px var(--r-font);font-variant-numeric:tabular-nums;white-space:nowrap} #account .rv-page button.rv-sec-row{min-height:52px;padding:0 16px 0 20px;cursor:pointer} #account .rv-page button.rv-sec-row:hover{background:var(--rv-hover)} #account .rv-page button.rv-sec-row:focus-visible,#account .rv-page .rv-sec-more:focus-visible{outline:2px solid var(--rv-focus);outline-offset:-2px} #account .rv-page .rv-wait-who{display:flex;flex:1;align-items:center;gap:12px;min-width:0} #account .rv-page .rv-wait-name{min-width:0;overflow:hidden;color:var(--r-ink);font:400 15px/20px var(--r-font);white-space:nowrap;text-overflow:ellipsis} #account .rv-page .rv-wait-who .r-stars{display:inline-flex;flex:none;gap:2px} #account .rv-page .rv-wait-who .r-star{width:13px;height:13px} #account .rv-page .rv-wait-row .rv-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--r-muted);stroke-width:2} #account .rv-page .rv-sec-none{margin:0;padding:14px 16px;color:var(--r-text);font:400 14px/20px var(--r-font)} #account .rv-page .rv-sec-more{height:48px;min-height:0;margin:0;padding:0 16px;border:0;border-radius:0;background:#fff;color:var(--r-ink);font:500 14px/20px var(--r-font);text-align:left;cursor:pointer;box-shadow:none} #account .rv-page .rv-sec-list{margin-top:8px} #account .rv-page.is-stats>.rv-empty{border-radius:12px;background:#fff;box-shadow:var(--rv-shadow)} @media (max-width:1023px){ #account .rv-page.is-stats .rv-grid-top,#account .rv-page.is-stats .rv-grid-low{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:24px} #account .rv-page.is-stats .rv-stats-title .rv-fetched{display:none!important} #account .rv-page.is-stats .rv-stats-title h1,#account #workspace-content .rv-page.is-stats .rv-stats-title h1{font-size:28px;line-height:34px} #account .rv-page.is-stats .rv-trend.is-list .rv-trend-head{flex-direction:column;align-items:stretch;gap:12px} #account .rv-page.is-stats .rv-periods{grid-auto-columns:1fr} #account .rv-page.is-stats .rv-periods .r-pill{min-width:0;height:44px} #account .rv-page.is-stats .rv-stats-head .rv-back{height:44px} } @media (max-width:820px){#account .rv-page .rv-bulk-card .r-btn{height:44px}} @media (max-width:820px){#account .rv-page .rv-switch .r-pill{height:44px}}