/* Automatiske svar (drawing Ny-27, 19.10): the state card, «Går av seg selv i dag», the choice when it can be made, and
   the rule as rows with an icon tile each. Built on reviews.css; this sheet only adds what the page needs. */
#account #google-profile .gp-auto-page{max-width:760px}
#account #google-profile .gp-auto-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}
#account #google-profile .gp-auto-status-copy{display:grid;gap:4px;min-width:0}
#account #google-profile .gp-auto-status-title{display:flex;align-items:center;gap:10px;margin:0;color:var(--r-ink);font:600 var(--r-fs-title)/28px var(--r-font)}
#account #google-profile .gp-auto-dot{width:10px;height:10px;flex:none;border-radius:999px;background:var(--r-grey-9)}
#account #google-profile .gp-auto-dot.on{background:var(--r-green-9)}
#account #google-profile .gp-auto-lead{margin:0;color:var(--r-text);font-size:var(--r-fs-body);line-height:1.5}
#account #google-profile .gp-auto-status .gp-auto-meta{margin-top:2px}
#account #google-profile .gp-auto-status>.r-btn{flex:none}
#account #google-profile .gp-auto-section{margin:32px 0 12px}
#account #google-profile .gp-auto-section h2{margin:0;color:var(--r-ink);font:600 var(--r-fs-title)/28px var(--r-font)}
#account #google-profile .gp-auto-section .r-note{margin-top:2px;font-size:var(--r-fs-meta)}
#account #google-profile .gp-auto-rule{display:flex;align-items:center;gap:16px;padding:16px 18px}
#account #google-profile .gp-auto-rule+.gp-auto-rule{border-top:.5px solid var(--r-line)}
#account #google-profile .gp-auto-rule .gp-auto-copy{flex:1;display:grid;gap:3px;min-width:0}
#account #google-profile .gp-auto-rule strong{color:var(--r-ink);font:600 var(--r-fs-lead)/24px var(--r-font)}
#account #google-profile .gp-auto-text{color:var(--r-text);font-size:var(--r-fs-body);line-height:1.5}
#account #google-profile .gp-auto-rule>.r-status{flex:none}
#account #google-profile .gp-auto-rule .r-tile{align-self:flex-start}
#account #google-profile .gp-auto-rule .r-tile .r-icon{width:18px;height:18px}
#account #google-profile .gp-auto-page .gp-reply{max-width:none}
#account #google-profile .gp-auto-page .gp-reply .gp-card-head h2{margin:0;font:600 var(--r-fs-lead)/24px var(--r-font)}
@media (max-width:820px){
 #account #google-profile .gp-auto-status{flex-direction:column;align-items:stretch;gap:14px;padding:16px}
 #account #google-profile .gp-auto-status>.r-btn{width:100%}
 #account #google-profile .gp-auto-rule{padding:14px 16px}
 #account #google-profile .gp-auto-today{flex-wrap:wrap}
 #account #google-profile .gp-auto-today .gp-auto-copy{flex:1 1 60%}
}

/* V3 (03.11) Automatiske svar, Jan's decision: one switch with the stars and the consent first (InnstillingerMobil2 #9–10),
   the log, the pause and the member's view from AnmeldelserMobil4 #7–10. White cards, a strong dot and neutral words. */
#account #google-profile .gp-auto-page{display:flex;flex-direction:column;gap:12px;max-width:720px}
#account #google-profile .gp-auto-page>*{flex-shrink:0;margin:0}
#account #google-profile .gp-auto-page .gp-auto-section{margin:20px 0 0}
#account #google-profile .gp-auto-page .gp-auto-section h2{font:600 18px/24px var(--r-font);letter-spacing:-.2px}
#account #google-profile .gp-auto-page .gp-auto-kicker{margin:12px 0 -4px;color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase}
#account #google-profile .gp-auto-page .gp-auto-status{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}
#account #google-profile .gp-auto-head{display:flex;align-items:center;gap:14px;padding:16px 18px}
#account #google-profile .gp-auto-head>.r-tile{flex:none;width:40px;height:40px;border-radius:10px}
#account #google-profile .gp-auto-head>.r-tile .r-icon{width:20px;height:20px}
#account #google-profile .gp-auto-page .gp-auto-status-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
#account #google-profile .gp-auto-page .gp-auto-status-title{margin:0;color:var(--r-ink);font:500 16px/22px var(--r-font);letter-spacing:0}
#account #google-profile .gp-auto-state{display:flex;align-items:center;gap:7px;min-width:0;color:var(--r-text);font:500 13px/18px var(--r-font);white-space:nowrap}
#account #google-profile .gp-auto-state>span:last-child{overflow:hidden;text-overflow:ellipsis}
#account #google-profile .gp-auto-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#a0a3ab}
#account #google-profile .gp-auto-dot.on{background:#30a46c}
#account #google-profile .gp-auto-dot.wait{background:#f2b100}
#account #google-profile .gp-auto-dot.choose{background:#0090ff}
#account #google-profile .gp-auto-dot.bad{background:#e5484d}
#account #google-profile .gp-auto-switch{position:relative;flex:none;width:44px;height:26px;min-height:0;margin:0;padding:0;border:0;border-radius:13px;background:#c6c8cc;cursor:pointer;transition:background .15s}
#account #google-profile .gp-auto-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.2);transition:left .15s}
#account #google-profile .gp-auto-switch.on{background:var(--r-ink)}
#account #google-profile .gp-auto-switch.on::after{left:21px}
#account #google-profile .gp-auto-switch:disabled{opacity:.45;cursor:default}
#account #google-profile .gp-auto-switch:focus-visible{outline:2px solid #174ea6;outline-offset:2px}
#account #google-profile .gp-auto-more{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px 16px;border-top:.5px solid var(--r-line)}
#account #google-profile .gp-auto-page .gp-auto-lead{margin:0;color:var(--r-text);font:400 14px/21px var(--r-font)}
#account #google-profile .gp-auto-more .gp-auto-meta{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#account #google-profile .gp-auto-more>.r-btn{margin-top:8px}
/* Notices: white, a coloured icon, the strong words first. */
#account #google-profile .gp-auto-notice{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;padding:14px 16px;border-radius:12px;background:#fff;box-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)}
#account #google-profile .gp-auto-notice>.r-icon{flex:none;width:20px;height:20px;fill:none;stroke:#ab6400;stroke-width:1.9}
#account #google-profile .gp-auto-notice.info>.r-icon{stroke:#0d74ce}
#account #google-profile .gp-auto-notice p{flex:1;min-width:0;margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)}
#account #google-profile .gp-auto-notice p b{color:var(--r-ink);font-weight:600}
#account #google-profile .gp-auto-notice>.r-btn{margin-left:32px;height:36px}
/* Which stars: four and five ticked, one to three behind a lock. */
#account #google-profile .gp-auto-starlist{padding:0}
#account #google-profile .gp-auto-star{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px}
#account #google-profile .gp-auto-star+.gp-auto-star{border-top:.5px solid var(--r-line)}
#account #google-profile .gp-auto-star .gp-auto-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
#account #google-profile .gp-auto-star strong{color:var(--r-ink);font:500 15px/20px var(--r-font)}
#account #google-profile .gp-auto-star .gp-auto-text{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
#account #google-profile .gp-auto-check{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--r-ink)}
#account #google-profile .gp-auto-check .r-icon{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.6}
#account #google-profile .gp-auto-lock{display:grid;flex:none;place-items:center;width:20px;height:20px;color:var(--r-muted)}
#account #google-profile .gp-auto-lock .r-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
#account #google-profile .gp-auto-stars{display:inline-flex;gap:2px;flex:none}
#account #google-profile .gp-auto-stars .r-star{width:14px;height:14px;color:#f2b100;fill:currentColor;stroke:none}
#account #google-profile .gp-auto-stars .r-star.off{color:#dadce0}
/* The latest automatic reply. */
#account #google-profile .gp-auto-preview{display:flex;flex-direction:column;gap:10px;padding:16px 18px}
#account #google-profile .gp-auto-preview-who{display:flex;align-items:center;justify-content:space-between;gap:12px}
#account #google-profile .gp-auto-preview-who strong{color:var(--r-ink);font:500 15px/20px var(--r-font)}
#account #google-profile .gp-auto-quote{margin:0;padding:12px 14px;border-radius:10px;background:#f6f5f1;color:var(--r-ink);font:400 15px/22px var(--r-font)}
#account #google-profile .gp-auto-answer{margin:0;padding:12px 14px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #dcdde1;color:var(--r-ink);font:400 15px/22px var(--r-font)}
#account #google-profile .gp-auto-preview .gp-auto-meta{color:var(--r-muted);font:400 13px/18px var(--r-font)}
/* The latest automatic work: a dot and the state, who and the stars under it, the day at the right. */
#account #google-profile .gp-autolog{padding:0}
#account #google-profile .gp-autolog-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 16px}
#account #google-profile .gp-autolog-item+.gp-autolog-item{border-top:.5px solid var(--r-line)}
#account #google-profile .gp-autolog-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
#account #google-profile .gp-autolog-state{display:flex;align-items:center;gap:8px;color:var(--r-ink);font:500 15px/20px var(--r-font);white-space:nowrap}
#account #google-profile .gp-autolog-copy .r-note{margin:0 0 0 16px;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account #google-profile .gp-autolog-when{flex:none;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;font-variant-numeric:tabular-nums}
/* The consent: a sheet from the bottom on a phone, a dialog in the middle on a PC. */
#account #google-profile .gp-auto-scrim{position:fixed;inset:0;z-index:1900;background:rgba(16,24,40,.45)}
#account #google-profile .gp-auto-sheet{position:fixed;top:50%;left:50%;z-index:2000;display:flex;flex-direction:column;gap:14px;width:min(520px,calc(100% - 32px));max-height:calc(100% - 48px);overflow:auto;padding:28px;border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(16,24,40,.25);transform:translate(-50%,-50%)}
#account #google-profile .gp-auto-sheet>*{margin:0}
#account #google-profile .gp-auto-sheet h2{color:var(--r-ink);font:600 20px/26px var(--r-font);letter-spacing:-.3px}
#account #google-profile .gp-auto-grab{display:none}
#account #google-profile .gp-auto-sheet .gp-confirm{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:10px;background:#f6f5f1}
#account #google-profile .gp-auto-sheet .gp-confirm strong{color:var(--r-ink);font:600 14px/20px var(--r-font)}
#account #google-profile .gp-auto-sheet .gp-confirm p{margin:0;color:var(--r-text);font:400 13px/19px var(--r-font)}
#account #google-profile .gp-auto-consent{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px rgba(16,24,40,.13);cursor:pointer}
#account #google-profile .gp-auto-consent input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--r-ink)}
#account #google-profile .gp-auto-consent-copy{display:flex;flex-direction:column;gap:2px}
#account #google-profile .gp-auto-consent-copy strong{color:var(--r-ink);font:500 15px/20px var(--r-font)}
#account #google-profile .gp-auto-consent-copy small{color:var(--r-muted);font:400 13px/18px var(--r-font)}
#account #google-profile .gp-auto-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#account #google-profile .gp-auto-sheet-actions .r-btn{width:100%;height:44px}
@media (max-width:820px){
 #account #google-profile .gp-auto-sheet{top:auto;right:0;bottom:0;left:0;width:100%;max-height:92%;padding:12px 16px 32px;border-radius:20px 20px 0 0;box-shadow:0 -8px 30px rgba(16,24,40,.18);transform:none}
 #account #google-profile .gp-auto-grab{display:block;align-self:center;width:40px;height:4px;border-radius:2px;background:#dcdde1}
 #account #google-profile .gp-auto-more>.r-btn{width:100%}
}

/* V3 Google › Profil subpages (pilot-google.js, 03.11): «‹ Profil › Bilder» as a breadcrumb on a PC (BilderDesktop), the
   heading row with a slot at the right for the page's own button (InnleggDesktop). The phone keeps back link and heading. */
#account #google-profile .gp-crumb{display:flex;align-items:center;gap:6px;margin:0 0 8px;white-space:nowrap}
#account #google-profile .gp-crumb>.r-back{margin:0}
#account #google-profile .gp-crumb>svg{width:16px;height:16px;fill:none;stroke:var(--r-muted);stroke-width:2}
#account #google-profile .gp-crumb-here{color:var(--r-ink);font:600 14px/20px var(--r-font)}
#account #google-profile .gp-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
#account #google-profile .gp-title-row>.gp-title{flex:1;min-width:0}
#account #google-profile .gp-title-actions{display:flex;align-items:center;gap:10px;flex:none}
#account #google-profile .gp-title-actions:empty{display:none}
@media (min-width:821px){#account #google-profile .gp-title.has-crumb{display:none}#account #google-profile .gp-title-row:has(>.gp-title.has-crumb):has(>.gp-title-actions:empty){display:none}}
@media (max-width:820px){#account #google-profile .gp-crumb>svg,#account #google-profile .gp-crumb-here{display:none}}

/* V3 profil 03.11: «Skriv innlegg» beside the heading on a computer, beside the filter on a phone. */
#account #google-profile .gp-write-title{display:none}
@media (min-width:821px){#account #google-profile .gp-write-title{display:inline-flex}#account #google-profile .gp-write-bar{display:none}#account #google-profile .gp-bar-tools:not(:has(>:not(.gp-write-bar))){display:none}}
/* Automatiske svar is a page under Innstillinger: no place picker or Google head above it (the place is in the card). */
#account #google-profile.is-settings-page .profile-page-head{display:none}
#account #google-profile .gp-auto-example{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #dcdde1;color:var(--r-text);font:500 12px/1 var(--r-font);white-space:nowrap}
#account #google-profile .gp-auto-note{margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font)}

/* V3 ProfilMobil2 #10 (pilot-google.js): not connected. The G on a white tile in the middle, one title, one line, the
   black button with the link icon, who can connect, and «Har ingen profil? Opprett på Google» under the card. */
#account #google-profile #profileConnect .gp-connect{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:720px;padding:32px 24px;text-align:center}
#account #google-profile #profileConnect .gp-connect-tile{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 #google-profile #profileConnect .gp-connect-g{width:24px;height:24px}
#account #google-profile #profileConnect .gp-connect-copy{display:flex;flex-direction:column;align-items:center;gap:6px}
#account #google-profile #profileConnect .gp-connect h2{margin:0;padding:0;color:var(--r-ink);font:600 17px/24px var(--r-font);letter-spacing:0}
#account #google-profile #profileConnect .gp-connect h2::before{display:none}
#account #google-profile #profileConnect .gp-connect-copy>p{max-width:420px;margin:0;padding:0;color:var(--r-text);font:400 14px/21px var(--r-font)}
#account #google-profile #profileConnect .gp-connect-side{display:flex;flex-direction:column;align-items:center;gap:12px}
#account #google-profile #profileConnect .gp-connect-side .r-btn.primary{width:auto;height:44px;padding:0 18px;gap:8px}
#account #google-profile #profileConnect .gp-connect-side .r-btn .r-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
#account #google-profile #profileConnect .gp-connect-who{margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)}
#account #google-profile #profileConnect .gp-connect-create{display:flex;align-items:center;justify-content:center;gap:8px;max-width:720px;margin:20px 0 0;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}
#account #google-profile #profileConnect .gp-connect-create .r-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}
#account #google-profile .gp-auto-page>.gp-auto-reconnect{width:100%;height:44px}