/* Source controls share their styling with guided onboarding. Outer Settings layout remains scoped to its own view. */ /* Innstillinger (17.10): one calm card with a row per thing to set up, as in the approved draft. Switches for what has a real setting behind it; a chevron where a page opens. Built on reviews.css; rules carry the view id to beat the older account styles. The subpages (Bedriften, Medarbeidere, Pakke, Koblinger, Eget system, Anmeldelseskanaler) are built from the same parts: r-card, r-row, r-field, r-btn, r-link, r-status, r-note. Only what is specific to them lives here (st-). */ /* The same column as the other pages: 1000 px, with the panel's side gutter on narrower screens. */ @media (min-width:821px){#account #workspace-account{width:min(1000px,calc(100% - 2 * clamp(24px,3.5vw,56px)))}} #account #workspace-account{max-width:1000px;margin:0 auto;padding:32px 0 64px;color:var(--r-ink);font:var(--r-fs-body)/1.5 var(--r-font);-webkit-font-smoothing:antialiased} #account :is(#workspace-account,.customer-onboarding-content) *,#account :is(#workspace-account,.customer-onboarding-content) *::before,#account :is(#workspace-account,.customer-onboarding-content) *::after{box-sizing:border-box} :where(#account #workspace-account) :where(button,input,select,textarea){font:inherit;color:inherit} #account :is(#workspace-account,.customer-onboarding-content) h2{margin:0;color:var(--r-ink);font:600 var(--r-fs-lead)/1.4 var(--r-font);letter-spacing:-.2px} #account :is(#workspace-account,.customer-onboarding-content) h3{margin:0;color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font)} #account :is(#workspace-account,.customer-onboarding-content) .r-section{margin:32px 0 12px;align-items:baseline} #account :is(#workspace-account,.customer-onboarding-content) .r-section h2{font:600 20px/28px var(--r-font);letter-spacing:-.2px} #account :is(#workspace-account,.customer-onboarding-content) .r-section .r-btn,#account :is(#workspace-account,.customer-onboarding-content) .r-section .r-link{align-self:center} #account :is(#workspace-account,.customer-onboarding-content) .st-feedback+.r-section,#account :is(#workspace-account,.customer-onboarding-content) .st-sub>.r-section:first-child{margin-top:0} #account #workspace-account[data-account-tab]:not([data-account-tab=billing]) #workspace-billing{display:none} /* Pakke og betaling draws the trial itself (19.10); the workspace's banner stays out of Innstillinger. */ #account :is(#workspace-account,.customer-onboarding-content) #workspace-trial{display:none} /* The first screen */ #account :is(#workspace-account,.customer-onboarding-content) .st-list{margin:0 0 16px;padding:0;background:var(--r-panel)} #account :is(#workspace-account,.customer-onboarding-content) .st-row{display:flex;align-items:center;gap:14px;width:100%;min-height:0;margin:0;padding:16px 20px;border:0;border-top:.5px solid var(--r-line);background:none;color:var(--r-ink);font:inherit;text-align:left;box-shadow:none} #account :is(#workspace-account,.customer-onboarding-content) .st-row:first-child{border-top:0} #account :is(#workspace-account,.customer-onboarding-content) button.st-row{cursor:pointer;transition:background-color var(--r-ease)} #account :is(#workspace-account,.customer-onboarding-content) button.st-row:hover{background:var(--r-hover)} #account :is(#workspace-account,.customer-onboarding-content) button.st-row:active{background:var(--r-soft)} #account :is(#workspace-account,.customer-onboarding-content) .st-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:8px;background:#f6f5f1;color:var(--r-ink)} #account :is(#workspace-account,.customer-onboarding-content) .st-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account :is(#workspace-account,.customer-onboarding-content) .st-ic svg.fill{fill:#f9ab00;stroke:none} #account :is(#workspace-account,.customer-onboarding-content) .st-ic svg.g{width:18px;height:18px;stroke:none} /* Each row keeps the colour of its kind, as the calm tiles on Hjem: the light tone, the icon in the deep tone, a hairline in the colour. Reviews amber, customers and SMS green, the business and its people grey like the cog; Google keeps its own coloured G on white. */ #account :is(#workspace-account,.customer-onboarding-content) .st-ic{background:var(--r-grey-3);color:var(--r-grey-11);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--r-grey-9) 40%,transparent)} #account :is(#workspace-account,.customer-onboarding-content) .st-row:is([data-row=sync],[data-row=reply],[data-row=channels]) .st-ic{background:var(--r-amber-3);color:var(--r-amber-11);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--r-amber-9) 45%,transparent)} #account :is(#workspace-account,.customer-onboarding-content) .st-row:is([data-row=reply]) .st-ic svg.fill{fill:var(--r-amber-9)} #account :is(#workspace-account,.customer-onboarding-content) .st-row:is([data-row=flow],[data-row=sources],[data-row=system],[data-row=automation]) .st-ic{background:var(--r-green-3);color:var(--r-green-11);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--r-green-9) 40%,transparent)} #account :is(#workspace-account,.customer-onboarding-content) .st-row:is([data-row=assistants]) .st-ic{background:var(--r-violet-3);color:var(--r-violet-11);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--r-violet-9) 40%,transparent)} #account :is(#workspace-account,.customer-onboarding-content) .st-row:is([data-row=google]) .st-ic{background:#fff;box-shadow:inset 0 0 0 .5px var(--r-line-strong)} #account :is(#workspace-account,.customer-onboarding-content) .st-who{flex:1;min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-who b{display:block;color:var(--r-ink);font-weight:600;font-size:17px;line-height:24px;letter-spacing:-.1px} #account :is(#workspace-account,.customer-onboarding-content) .st-who span{display:block;color:var(--r-muted);font-size:13px;line-height:20px} /* Titles and sublines keep one line, also on a phone; the end gives way with «…» as a last resort. */ #account :is(#workspace-account,.customer-onboarding-content) .st-who :is(b,span){white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--r-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account :is(#workspace-account,.customer-onboarding-content) .st-switch{position:relative;flex:none;width:40px;height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:12px;background:#c6c8cc;cursor:pointer;transition:background .15s} #account :is(#workspace-account,.customer-onboarding-content) .st-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s} #account :is(#workspace-account,.customer-onboarding-content) .st-switch[aria-checked=true]{background:var(--r-ink)} #account :is(#workspace-account,.customer-onboarding-content) .st-switch[aria-checked=true]::after{left:19px} #account :is(#workspace-account,.customer-onboarding-content) .st-switch:disabled{opacity:.45;cursor:default} /* REV-94: the invoice rule in the Fiken card, text left and the switch right, as the other settings rows. */ #account :is(#workspace-account,.customer-onboarding-content) .st-invoice-rule{display:flex;align-items:center;justify-content:space-between;gap:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-invoice-rule>div{min-width:0} /* REV-94 del A: «Godkjenn først» or «Send automatisk», two equal halves with the label centred; then how many days. */ #account :is(#workspace-account,.customer-onboarding-content) .st-seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:400px;padding:2px;border-radius:9px;background:var(--r-grey-soft)} #account :is(#workspace-account,.customer-onboarding-content) .st-seg-option{min-width:0;height:36px;min-height:0;margin:0;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--r-muted);font:500 14px/36px var(--r-font);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer} #account :is(#workspace-account,.customer-onboarding-content) .st-seg-option[aria-checked=true]{background:#fff;color:var(--r-ink);box-shadow:0 .5px 2px rgba(0,0,0,.12)} #account :is(#workspace-account,.customer-onboarding-content) .st-seg-option:disabled{cursor:default} #account :is(#workspace-account,.customer-onboarding-content) .st-invoice-delay{max-width:200px;margin-top:14px} #account :is(#workspace-account,.customer-onboarding-content) .st-invoice-mode .st-muted{margin:12px 0 0} #account :is(#workspace-account,.customer-onboarding-content) .st-invoice>.st-feedback{margin:10px 0 0} #account :is(#workspace-account,.customer-onboarding-content) .st-toggle{display:inline-flex;align-items:center;gap:10px;flex:none} #account :is(#workspace-account,.customer-onboarding-content) .st-state{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--r-grey-soft);color:var(--r-muted);font:500 13px/22px var(--r-font);white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-state.on{background:var(--r-green-3);color:var(--r-green-11)} #account :is(#workspace-account,.customer-onboarding-content) .st-note{margin:0 0 12px;color:var(--r-muted);font-size:var(--r-fs-ui);line-height:1.5} /* Subpages: one column, the width of a form. Status lines are plain text; red only when something failed. */ #account :is(#workspace-account,.customer-onboarding-content) .st-sub{max-width:800px} /* Two cards in a row (the invitation to share above the people) keep the same air as the rest of the app. */ #account :is(#workspace-account,.customer-onboarding-content) .st-sub>.r-card+.r-card{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-feedback{margin:0 0 14px;color:var(--r-muted);font-size:var(--r-fs-ui);line-height:1.5} #account :is(#workspace-account,.customer-onboarding-content) .st-feedback:empty{display:none} #account :is(#workspace-account,.customer-onboarding-content) .st-feedback.warn,#account :is(#workspace-account,.customer-onboarding-content) .st-feedback.error,#account :is(#workspace-account,.customer-onboarding-content) .st-warn{color:#b3261e} #account :is(#workspace-account,.customer-onboarding-content) .st-feedback .r-link{margin-left:6px} #account :is(#workspace-account,.customer-onboarding-content) .st-muted{display:block;color:var(--r-muted);font-size:var(--r-fs-meta);line-height:1.45} #account :is(#workspace-account,.customer-onboarding-content) .st-lead{margin:-4px 0 12px} #account :is(#workspace-account,.customer-onboarding-content) .st-pad{padding:16px 18px} #account :is(#workspace-account,.customer-onboarding-content) .st-inset{border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-form{display:grid;gap:14px;justify-items:stretch} #account :is(#workspace-account,.customer-onboarding-content) .st-form .r-note{margin:0} #account :is(#workspace-account,.customer-onboarding-content) .st-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-block{margin-top:14px} #account :is(#workspace-account,.customer-onboarding-content) .st-stack{display:grid;gap:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-fieldset{min-width:0;margin:0;padding:0;border:0} #account :is(#workspace-account,.customer-onboarding-content) .st-fieldset legend{margin:0 0 6px;padding:0;color:var(--r-text);font-size:var(--r-fs-meta)} #account :is(#workspace-account,.customer-onboarding-content) .st-checks{display:flex;flex-wrap:wrap;gap:8px 18px} #account :is(#workspace-account,.customer-onboarding-content) .st-check{display:inline-flex;align-items:flex-start;gap:10px;margin:0;min-height:0;color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.4;cursor:pointer} #account :is(#workspace-account,.customer-onboarding-content) .st-check input{width:18px;height:18px;min-height:0;margin:1px 0 0;flex:none;accent-color:var(--r-ink)} #account :is(#workspace-account,.customer-onboarding-content) .st-error{display:block;margin-top:4px;color:#b3261e;font-size:var(--r-fs-meta)} #account :is(#workspace-account,.customer-onboarding-content) .st-error:empty{display:none} /* Key-value rows and people rows inside a card. */ #account :is(#workspace-account,.customer-onboarding-content) .st-kv{grid-template-columns:minmax(0,1fr) auto} #account :is(#workspace-account,.customer-onboarding-content) .st-kv3{grid-template-columns:minmax(0,1fr) auto auto} #account :is(#workspace-account,.customer-onboarding-content) .st-person{grid-template-columns:36px minmax(0,1fr) auto} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-kv,.st-kv3,.st-person) .r-who>b{font:600 17px/24px var(--r-font);letter-spacing:-.1px;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-kv,.st-kv3,.st-person) .r-who>.r-kicker{margin-bottom:1px} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-kv,.st-kv3,.st-person) .r-who>.r-status{margin-top:2px} #account :is(#workspace-account,.customer-onboarding-content) .r-row>.r-btn{min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .r-card>.r-row+.r-row,#account :is(#workspace-account,.customer-onboarding-content) .r-card>.r-row+.st-inset,#account :is(#workspace-account,.customer-onboarding-content) .r-card>.st-pad+.r-row{border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .r-card>.r-empty p{color:var(--r-muted)} /* Bedriften: the start of the SMS with the name, as a bubble; the Google profile of a place on lines that never wrap. */ #account :is(#workspace-account,.customer-onboarding-content) .st-sms{width:fit-content;max-width:100%;margin:-4px 0 0;padding:9px 13px;border:.5px solid var(--r-line-strong);border-radius:16px;border-bottom-left-radius:5px;background:var(--r-panel);color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.45;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .account-place .r-status+.st-line{margin-top:4px} /* «Steder» counts on one line; «Be om flere steder» sits where «Legg til sted» does. */ #account :is(#workspace-account,.customer-onboarding-content) .r-section .st-count{color:var(--r-muted);font-size:var(--r-fs-meta);white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-full .r-link{justify-self:start} /* Pakke og betaling */ #account :is(#workspace-account,.customer-onboarding-content) .st-current{margin:0 0 14px} #account :is(#workspace-account,.customer-onboarding-content) .st-current:empty{display:none} /* «Velg en pakke som passer» has the same air above it as «Steder» on Bedriften (natt 3, 19.10). */ #account :is(#workspace-account,.customer-onboarding-content) #workspace-billing .r-section{margin-top:32px} #account :is(#workspace-account,.customer-onboarding-content) .st-current p{margin:6px 0 0;color:var(--r-text)} #account :is(#workspace-account,.customer-onboarding-content) .st-current>p:first-child{margin-top:0} #account :is(#workspace-account,.customer-onboarding-content) .st-current .r-btn{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-current .r-note{margin-top:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px} #account :is(#workspace-account,.customer-onboarding-content) .st-plan{display:flex;flex-direction:column;gap:6px;padding:18px} #account :is(#workspace-account,.customer-onboarding-content) .st-price{margin:0;color:var(--r-ink);font:650 28px/1.2 var(--r-font);letter-spacing:-.6px;font-variant-numeric:tabular-nums} #account :is(#workspace-account,.customer-onboarding-content) .st-price small{color:var(--r-muted);font:var(--r-fs-meta)/1.4 var(--r-font);letter-spacing:0} /* The price never breaks (19.10): on a narrow card «kr / mnd. eks. mva.» stands whole under the number, the same in every card. */ #account :is(#workspace-account,.customer-onboarding-content) .st-plan{container-type:inline-size} #account :is(#workspace-account,.customer-onboarding-content) .st-price{white-space:nowrap} @container (max-width:212px){#account :is(#workspace-account,.customer-onboarding-content) .st-price small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis}} #account :is(#workspace-account,.customer-onboarding-content) .st-features{margin:4px 0 12px;padding:0;list-style:none;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.6} #account :is(#workspace-account,.customer-onboarding-content) .st-plan .r-btn{margin-top:auto;width:100%} #account :is(#workspace-account,.customer-onboarding-content) .pilot-trial{margin:0 0 14px;padding:14px 18px;max-width:800px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:var(--r-panel);box-shadow:0 1px 2px rgba(16,24,40,.04)} #account :is(#workspace-account,.customer-onboarding-content) .pilot-trial strong{display:block;font:600 var(--r-fs-body)/1.4 var(--r-font);color:var(--r-ink)} #account :is(#workspace-account,.customer-onboarding-content) .pilot-trial p{margin:2px 0 0;color:var(--r-muted);font-size:var(--r-fs-ui);line-height:1.5} /* Hent ferdige jobber (18.10): one card with a row per program, the status on the right on the same line as the name; Fiken opens its card under its row. */ #account :is(#workspace-account,.customer-onboarding-content) .st-sources>*+*{border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-sources .st-src>.st-row{border-top:0} #account :is(#workspace-account,.customer-onboarding-content) .st-src-row .r-status,#account :is(#workspace-account,.customer-onboarding-content) .st-src-ask{flex:none;white-space:nowrap} /* A row that does not open keeps the room of the chevron, so every status ends on the same line. */ #account :is(#workspace-account,.customer-onboarding-content) div.st-src-row::after{content:"";flex:none;width:18px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-ask{color:var(--r-muted);font-size:13px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-body{padding:0 20px 18px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-body>:first-child{margin-top:0} #account :is(#workspace-account,.customer-onboarding-content) .st-src-body .st-choice .r-link{margin-top:4px} /* «Se kundene» under the Fiken buttons (natt 3): the same air as between the other parts of the panel. */ #account :is(#workspace-account,.customer-onboarding-content) .st-block>.st-src-see{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-note{margin:0;padding:0 20px 14px} /* Pakke og betaling: the package that fits the places, and the one main button while packages cannot be bought. */ #account :is(#workspace-account,.customer-onboarding-content) .st-ask{margin-top:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-ask[hidden],#account :is(#workspace-account,.customer-onboarding-content) #billing-refresh[hidden]{display:none} #account :is(#workspace-account,.customer-onboarding-content) #billing-note{margin-top:2px} #account :is(#workspace-account,.customer-onboarding-content) #billing-note:empty{display:none} /* Koblinger: one card per system, a status word in the corner, the rest in rows. */ /* Every connection card the same: the name with its status pill on one line, the description under both in full width. */ #account :is(#workspace-account,.customer-onboarding-content) .st-int-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;margin:0 0 6px} #account :is(#workspace-account,.customer-onboarding-content) .st-int-head>div{display:contents} #account :is(#workspace-account,.customer-onboarding-content) .st-int-head h2{grid-column:1;grid-row:1;min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-int-head .r-status{grid-column:2;grid-row:1;margin:0} #account :is(#workspace-account,.customer-onboarding-content) .st-int-head>div>:not(h2){grid-column:1 / -1} #account :is(#workspace-account,.customer-onboarding-content) .st-int>.r-field{max-width:320px;margin-top:12px} /* Ordrestyring (REV-98): the key field is as wide as the place picker above it. */ #account :is(#workspace-account,.customer-onboarding-content) .st-key>.r-field{max-width:320px;margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-int>.st-actions,#account :is(#workspace-account,.customer-onboarding-content) .st-int>.r-btn{margin-top:14px} #account :is(#workspace-account,.customer-onboarding-content) .st-int>.r-note+.st-actions,#account :is(#workspace-account,.customer-onboarding-content) .st-int>.r-note+.r-btn{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-company{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-company>div{min-width:0;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-company h3{margin:1px 0 2px} #account :is(#workspace-account,.customer-onboarding-content) .st-company .r-status{flex:none;margin-top:18px} #account :is(#workspace-account,.customer-onboarding-content) .st-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin-top:14px;padding-top:12px;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-foot>.r-note{grid-column:1;font-size:var(--r-fs-meta)} #account :is(#workspace-account,.customer-onboarding-content) .st-foot>.r-link{grid-column:2;grid-row:1} #account :is(#workspace-account,.customer-onboarding-content) .st-details{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-details>summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;list-style:none;color:var(--r-ink);font:500 var(--r-fs-ui)/1.4 var(--r-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer} #account :is(#workspace-account,.customer-onboarding-content) .st-details>summary::-webkit-details-marker{display:none} #account :is(#workspace-account,.customer-onboarding-content) .st-details>summary::marker{content:""} #account :is(#workspace-account,.customer-onboarding-content) .st-details>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .15s} #account :is(#workspace-account,.customer-onboarding-content) .st-details[open]>summary svg{transform:rotate(90deg)} #account :is(#workspace-account,.customer-onboarding-content) .st-details>:not(summary){margin-top:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-form>.st-details{margin-top:-4px} #account :is(#workspace-account,.customer-onboarding-content) .st-details>.r-note+.r-btn{margin-top:10px} #account :is(#workspace-account,.customer-onboarding-content) .st-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-choice>div{min-width:0;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-choice strong{font-weight:600} #account :is(#workspace-account,.customer-onboarding-content) .st-search{display:flex;align-items:flex-end;gap:8px;margin:14px 0 12px} #account :is(#workspace-account,.customer-onboarding-content) .st-search .r-field{flex:1;min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-search .r-btn{height:var(--r-control)} #account :is(#workspace-account,.customer-onboarding-content) .st-people{margin:6px 0 0;padding:0;list-style:none} #account :is(#workspace-account,.customer-onboarding-content) .st-person-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-person-row>div{min-width:0;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-person-row strong{font-weight:600} #account :is(#workspace-account,.customer-onboarding-content) .st-state{display:flex;flex-direction:column;gap:2px;flex:none;max-width:46%;text-align:right} /* Eget system: two ways in, then one card for the setup. */ #account :is(#workspace-account,.customer-onboarding-content) .st-h2{margin:0 0 4px} #account :is(#workspace-account,.customer-onboarding-content) .st-h2+.r-note{margin-bottom:14px} #account :is(#workspace-account,.customer-onboarding-content) .st-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px} #account :is(#workspace-account,.customer-onboarding-content) .st-choice-card .r-btn{margin-top:10px} #account :is(#workspace-account,.customer-onboarding-content) .st-choice-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6px;color:var(--r-ink)} #account :is(#workspace-account,.customer-onboarding-content) .st-choice-top .r-icon{width:22px;height:22px;stroke-width:1.6} #account :is(#workspace-account,.customer-onboarding-content) .st-tag{color:var(--r-muted);font-size:13px;letter-spacing:.02em;border:.5px solid var(--r-line-strong);border-radius:999px;padding:2px 8px;white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none;counter-reset:st-step} #account :is(#workspace-account,.customer-onboarding-content) .st-steps li{min-width:0;counter-increment:st-step} #account :is(#workspace-account,.customer-onboarding-content) .st-steps strong{display:block;color:var(--r-ink);font-weight:500} #account :is(#workspace-account,.customer-onboarding-content) .st-steps strong::before{content:counter(st-step) ". ";color:var(--r-muted)} #account :is(#workspace-account,.customer-onboarding-content) .st-steps span{display:block;margin-top:2px;color:var(--r-muted);font-size:var(--r-fs-meta);line-height:1.45} #account :is(#workspace-account,.customer-onboarding-content) .st-panel{max-width:600px} #account :is(#workspace-account,.customer-onboarding-content) .st-panel>.r-link{margin-bottom:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-panel>.r-kicker{margin-bottom:2px} #account :is(#workspace-account,.customer-onboarding-content) .st-panel>h3{font-size:var(--r-fs-lead);margin-bottom:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-copy{display:flex;gap:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-copy input{flex:1;min-width:0;font:14px/1.4 ui-monospace,Menlo,Consolas,monospace;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-copy .r-btn{height:var(--r-control);flex:none} #account :is(#workspace-account,.customer-onboarding-content) .st-pre{margin:0;padding:12px 14px;border-radius:var(--r-radius-s);background:var(--r-soft);color:var(--r-ink);font:13px/1.55 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-field-note{margin-top:6px} #account :is(#workspace-account,.customer-onboarding-content) .st-copy-area{width:100%;min-height:120px;margin-top:8px;padding:10px 12px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);font:var(--r-fs-ui)/1.5 var(--r-font);resize:vertical} /* Anmeldelseskanaler: the form alone until it is saved, then what the customer gets on the right. */ /* The form is as wide as the tabs above it (19.10), as every other card on the subpages. */ #account :is(#workspace-account,.customer-onboarding-content) .st-one{max-width:none} #account :is(#workspace-account,.customer-onboarding-content) .st-find{justify-self:start;min-height:24px} #account :is(#workspace-account,.customer-onboarding-content) .channel-settings .r-btn.primary{justify-self:start} #account :is(#workspace-account,.customer-onboarding-content) .st-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:start} #account :is(#workspace-account,.customer-onboarding-content) .st-two>*{min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-preview>strong{display:block;margin-top:10px;font-weight:600} #account :is(#workspace-account,.customer-onboarding-content) .st-email{margin:6px 0 10px;color:var(--r-text);white-space:pre-line;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-preview .r-link,#account :is(#workspace-account,.customer-onboarding-content) .st-preview .r-btn{margin-top:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-preview .r-note{margin-top:10px} #account :is(#workspace-account,.customer-onboarding-content) .st-receipt{padding:12px 0;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-receipt strong{font-weight:600} #account :is(#workspace-account,.customer-onboarding-content) .st-receipt .r-link{margin-right:12px} /* Innstillinger (19.10, Ny-34): titles over the cards, one row per switch with the places inside it, the switch alone as the state, the Google profile that is not connected as the first card with the one main button. */ #account :is(#workspace-account,.customer-onboarding-content) .st-sendto{min-width:0;color:var(--r-muted);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-sendto b{color:var(--r-ink);font-weight:500} #account :is(#workspace-account,.customer-onboarding-content) .st-row.st-group{display:block;padding-bottom:4px} #account :is(#workspace-account,.customer-onboarding-content) .st-head{display:flex;align-items:center;gap:14px} #account :is(#workspace-account,.customer-onboarding-content) .st-places{display:flex;flex-direction:column;margin:12px 0 0 50px} #account :is(#workspace-account,.customer-onboarding-content) .st-place{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-place>span{color:var(--r-text);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-pill{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 9px;border-radius:999px;background:var(--r-grey-3);color:var(--r-grey-11);font:500 13px/22px var(--r-font);white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-pill.wait{background:var(--r-amber-3);color:var(--r-amber-11)} #account :is(#workspace-account,.customer-onboarding-content) .st-pill.green{background:var(--r-green-3);color:var(--r-green-11)} #account :is(#workspace-account,.customer-onboarding-content) .st-google{display:flex;align-items:center;gap:16px;margin:0 0 32px;padding:20px} #account :is(#workspace-account,.customer-onboarding-content) .st-google>.st-ic{width:40px;height:40px;background:#fff;box-shadow:inset 0 0 0 .5px var(--r-line-strong)} #account :is(#workspace-account,.customer-onboarding-content) .st-google>.st-ic svg{width:20px;height:20px;stroke:none} #account :is(#workspace-account,.customer-onboarding-content) .st-google-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} #account :is(#workspace-account,.customer-onboarding-content) .st-google-text>span{color:var(--r-text);font-size:15px;line-height:22px} #account :is(#workspace-account,.customer-onboarding-content) .st-dotted{display:flex;align-items:center;gap:8px;color:var(--r-ink);font:600 17px/24px var(--r-font);letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--r-amber-9)} #account :is(#workspace-account,.customer-onboarding-content) .st-google-btn{flex:none;height:40px} /* A lead line under a subpage title: a whole sentence that may wrap. */ #account :is(#workspace-account,.customer-onboarding-content) .r-top>.st-lead{margin:8px 0 0;color:var(--r-text);font-size:15px;line-height:22px;white-space:normal;overflow:visible;text-overflow:clip} /* Bedriften (Ny-35): the org.nr. typed in its row; a place's status beside its name; what a place beyond the package means. */ #account :is(#workspace-account,.customer-onboarding-content) .st-org{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:none;margin:0} #account :is(#workspace-account,.customer-onboarding-content) .st-org>label{color:var(--r-muted);font-size:13px;white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-org>input{width:150px;height:40px;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:15px/1.5 var(--r-font);box-shadow:var(--r-lift-btn)} #account :is(#workspace-account,.customer-onboarding-content) .st-org>.r-btn{height:40px;min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-org>.st-error{flex-basis:100%;width:0;min-width:0;margin:0;white-space:nowrap;overflow:visible} #account :is(#workspace-account,.customer-onboarding-content) .st-place-head{display:flex;align-items:center;gap:10px;min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-place-head>b{min-width:0;font:600 17px/24px var(--r-font);letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-place-head>.r-status{flex:none;margin:0} #account :is(#workspace-account,.customer-onboarding-content) .st-text{display:block;margin-top:4px;color:var(--r-text);font-size:15px;line-height:22px} #account :is(#workspace-account,.customer-onboarding-content) .st-places-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0 16px;color:var(--r-text);font-size:15px;line-height:22px} #account :is(#workspace-account,.customer-onboarding-content) .st-places-line .r-link{white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-places-line+.r-card{margin-top:0} /* Pakke og betaling (Ny-37): the trial as one card with two big numbers, what is in the trial and what stops. */ #account :is(#workspace-account,.customer-onboarding-content) .st-trial{margin:0 0 32px;padding:0} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-nums,#account :is(#workspace-account,.customer-onboarding-content) .st-trial-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-cols{border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-trial-nums,.st-trial-cols)>div{min-width:0;padding:20px} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-trial-nums,.st-trial-cols)>div+div{border-left:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-nums b{display:block;color:var(--r-ink);font:600 30px/38px var(--r-font);letter-spacing:-.6px;white-space:nowrap;font-variant-numeric:tabular-nums} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-nums span{display:block;margin-top:2px;color:var(--r-muted);font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-trial h3{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--r-ink);font:600 17px/24px var(--r-font);white-space:nowrap;overflow:hidden} #account :is(#workspace-account,.customer-onboarding-content) .st-trial h3 small{color:var(--r-muted);font:400 13px/20px var(--r-font);overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-list{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-list li{display:flex;align-items:center;gap:10px;min-height:22px;color:var(--r-text);font-size:15px;white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-list li>span:first-of-type{overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-list svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--r-muted);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-list li.st-ok svg{stroke:var(--r-green-11)} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-note{margin:0;padding:16px 20px;color:var(--r-muted);font-size:15px} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-head{display:block;padding:16px 20px 0;color:var(--r-ink);font:600 17px/24px var(--r-font)} #account :is(#workspace-account,.customer-onboarding-content) .st-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px} #account :is(#workspace-account,.customer-onboarding-content) .st-plan h3{font:600 17px/24px var(--r-font)} #account :is(#workspace-account,.customer-onboarding-content) .st-price{font:600 30px/38px var(--r-font);letter-spacing:-.6px} #account :is(#workspace-account,.customer-onboarding-content) .st-features{margin:8px 0 12px;font-size:15px;line-height:24px} /* Hent ferdige jobber (Ny-38): the way from Fiken into Kunder as three steps, what a job looks like there, and the foot with the rule and the one button; the programs that come later and «something else» as one row. */ #account :is(#workspace-account,.customer-onboarding-content) .st-steps3{display:flex;align-items:flex-start;gap:12px;margin:4px 0 0} /* With several places the steps come after «Kundene hører til»: the same air as between the other blocks in the card. */ #account :is(#workspace-account,.customer-onboarding-content) .r-field+.st-steps3{margin-top:20px} #account :is(#workspace-account,.customer-onboarding-content) .st-step3{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-step3 .st-ic{width:32px;height:32px} #account :is(#workspace-account,.customer-onboarding-content) .st-step3 .st-ic.green{background:var(--r-green-3);color:var(--r-green-11);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--r-green-9) 40%,transparent)} #account :is(#workspace-account,.customer-onboarding-content) .st-step3>span{color:var(--r-text);font-size:15px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-step-chev{flex:none;width:16px;height:16px;margin-top:8px;fill:none;stroke:var(--r-grey-9);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account :is(#workspace-account,.customer-onboarding-content) .st-kicker{margin:20px 0 6px;color:var(--r-muted);font-size:13px;line-height:20px} #account :is(#workspace-account,.customer-onboarding-content) .st-sample{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:.5px solid var(--r-line);border-bottom:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-sample .r-initials{width:32px;height:32px;font-size:13px} #account :is(#workspace-account,.customer-onboarding-content) .st-sample .st-who b{font:600 15px/22px var(--r-font)} #account :is(#workspace-account,.customer-onboarding-content) .st-sample .r-status{flex:none} #account :is(#workspace-account,.customer-onboarding-content) .st-src-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-why{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;color:var(--r-text);font-size:15px;line-height:22px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-foot>.r-btn{flex:none;height:40px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-link{display:inline-flex;align-items:center;gap:2px;color:var(--r-ink);font:500 14px/1 var(--r-font);white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-src-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #account :is(#workspace-account,.customer-onboarding-content) .st-sources>:empty,#account :is(#workspace-account,.customer-onboarding-content) .st-sources>.st-src-hidden{display:none} /* Long and short words for the same line: the short ones on a phone, so small text never breaks or ends in «…». */ #account :is(#workspace-account,.customer-onboarding-content) .st-who span>span,#account :is(#workspace-account,.customer-onboarding-content) .st-trial-list span>span,#account :is(#workspace-account,.customer-onboarding-content) .st-line>span{display:inline} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-who span,.st-trial-list span,.st-line)>span.st-short{display:none} @media (max-width:820px){ /* The shell already gives the page its 16 px gutter on a phone, as in the draft. */ #account #workspace-account{padding:0} #account :is(#workspace-account,.customer-onboarding-content) .r-section{flex-wrap:wrap} #account :is(#workspace-account,.customer-onboarding-content) .st-sub{max-width:none} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-kv,.st-kv3){grid-template-columns:minmax(0,1fr);row-gap:8px;padding:14px 16px} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-kv,.st-kv3)>.r-btn,#account :is(#workspace-account,.customer-onboarding-content) :is(.st-kv,.st-kv3)>.r-link,#account :is(#workspace-account,.customer-onboarding-content) :is(.st-kv,.st-kv3)>.r-status{grid-column:1;justify-self:start} /* «Endre» and «Se profil» stay to the right of what they change, also on a phone. */ #account :is(#workspace-account,.customer-onboarding-content) .st-kv:has(>.r-btn.small){grid-template-columns:minmax(0,1fr) auto;align-items:center} #account :is(#workspace-account,.customer-onboarding-content) .st-kv:has(>.r-btn.small)>.r-btn.small{grid-column:2;grid-row:1;justify-self:end} #account :is(#workspace-account,.customer-onboarding-content) .st-person{grid-template-columns:36px minmax(0,1fr);row-gap:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-person>.r-btn{grid-column:2;justify-self:start} #account :is(#workspace-account,.customer-onboarding-content) .st-pad{padding:14px 16px} #account :is(#workspace-account,.customer-onboarding-content) .st-plans,#account :is(#workspace-account,.customer-onboarding-content) .st-choices,#account :is(#workspace-account,.customer-onboarding-content) .st-steps,#account :is(#workspace-account,.customer-onboarding-content) .st-two{grid-template-columns:1fr} #account :is(#workspace-account,.customer-onboarding-content) .st-company,#account :is(#workspace-account,.customer-onboarding-content) .st-choice,#account :is(#workspace-account,.customer-onboarding-content) .st-person-row{flex-direction:column;align-items:flex-start;gap:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-company .r-status{margin-top:0} #account :is(#workspace-account,.customer-onboarding-content) .st-state{max-width:none;text-align:left} /* The switch shows on or off; the word beside it goes, so the title keeps one line. */ #account :is(#workspace-account,.customer-onboarding-content) .st-toggle .st-state{display:none} #account :is(#workspace-account,.customer-onboarding-content) .st-who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* A place's name keeps one line beside «Koble til Google»: it ends in «…» rather than breaking (19.10). */ #account :is(#workspace-account,.customer-onboarding-content) .account-place .r-who{min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .account-place .r-who>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-foot{grid-template-columns:minmax(0,1fr)} #account :is(#workspace-account,.customer-onboarding-content) .st-foot>.r-link{grid-column:1;grid-row:auto;justify-self:start} #account :is(#workspace-account,.customer-onboarding-content) .st-search{flex-direction:column;align-items:stretch} #account :is(#workspace-account,.customer-onboarding-content) .st-copy{flex-direction:column} #account :is(#workspace-account,.customer-onboarding-content) .st-copy input{font-size:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-actions>.r-btn.primary{flex:1 1 auto} /* Hent ferdige jobber on a phone (19.10): the status stands under the program's name, so the name keeps one line. */ #account :is(#workspace-account,.customer-onboarding-content) .st-src-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:6px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-row>.st-who{grid-column:1;grid-row:1} #account :is(#workspace-account,.customer-onboarding-content) .st-src-row>:is(.r-status,.st-src-ask){grid-column:1;grid-row:2;justify-self:start} #account :is(#workspace-account,.customer-onboarding-content) .st-src-row>.st-chev,#account :is(#workspace-account,.customer-onboarding-content) div.st-src-row::after{grid-column:2;grid-row:1 / span 2} /* Buttons are 44 px on a phone (19.10), also the small ones in a row: «Endre», «Se profil», «Inviter kollega». */ #account :is(#workspace-account,.customer-onboarding-content) .st-sub .r-btn.small{height:44px} /* Innstillinger on a phone (19.10): the Google card stacks with the button in full width, the places keep their whole name inside the row, the org.nr. field fills the row, the trial card and the steps stand under each other. */ #account :is(#workspace-account,.customer-onboarding-content) .st-google{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:16px;align-items:start;padding:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-google>.st-ic{width:36px;height:36px} #account :is(#workspace-account,.customer-onboarding-content) .st-google-text>span{white-space:normal} #account :is(#workspace-account,.customer-onboarding-content) .st-google-btn{grid-column:1 / -1;width:100%;height:44px} #account :is(#workspace-account,.customer-onboarding-content) .st-places{margin-left:50px} #account :is(#workspace-account,.customer-onboarding-content) .st-row.st-group{padding:16px 16px 4px} #account :is(#workspace-account,.customer-onboarding-content) .st-kv>.st-org{grid-column:1;width:100%} #account :is(#workspace-account,.customer-onboarding-content) .st-org>input{flex:1;min-width:0;height:44px;font-size:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-org>.r-btn{height:44px} #account :is(#workspace-account,.customer-onboarding-content) .st-place-head{flex-wrap:wrap} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-nums,#account :is(#workspace-account,.customer-onboarding-content) .st-trial-cols{grid-template-columns:1fr} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-trial-nums,.st-trial-cols)>div{padding:16px} #account :is(#workspace-account,.customer-onboarding-content) :is(.st-trial-nums,.st-trial-cols)>div+div{border-left:0;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-trial-list li{white-space:normal} #account :is(#workspace-account,.customer-onboarding-content) .st-steps3{flex-direction:column;gap:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-step-chev{display:none} #account :is(#workspace-account,.customer-onboarding-content) .st-step3{flex-direction:row;align-items:center;gap:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-foot{flex-direction:column;align-items:stretch} #account :is(#workspace-account,.customer-onboarding-content) .st-src-foot>.r-btn{height:44px} #account :is(#workspace-account,.customer-onboarding-content) .st-src-row.st-other>.st-src-ask{grid-column:1;grid-row:2;justify-self:start} #account :is(#workspace-account,.customer-onboarding-content) .st-long{display:none!important} #account :is(#workspace-account,.customer-onboarding-content) .st-short{display:inline!important} /* Bedriften on a phone: a place's row stacks, the button in full width under the words, so the line about the profile keeps whole. */ #account :is(#workspace-account,.customer-onboarding-content) .st-kv.account-place:has(>.r-btn.small){grid-template-columns:minmax(0,1fr)} #account :is(#workspace-account,.customer-onboarding-content) .st-kv.account-place:has(>.r-btn.small)>.r-btn.small{grid-column:1;grid-row:auto;width:100%;justify-self:stretch} #account :is(#workspace-account,.customer-onboarding-content) .account-place .st-text{white-space:normal} /* A row that waits (the follow-up before SMS is on): the pill under the words, so the title keeps one line. */ #account :is(#workspace-account,.customer-onboarding-content) .st-row.st-waits{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:center} #account :is(#workspace-account,.customer-onboarding-content) .st-row.st-waits>.st-pill{grid-column:2;justify-self:start} } /* Selvbetjent kobling (30.10, pilot-source-connect.js): the steps in the program as a numbered list, the one field for the Tripletex key, and the connected company with the way out under a hairline. */ #account :is(#workspace-account,.customer-onboarding-content) .st-guide{display:grid;gap:10px;margin:4px 0 0;padding:0;list-style:none;counter-reset:st-guide} #account :is(#workspace-account,.customer-onboarding-content) .r-field+.st-connect{margin-top:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-int>.r-field+.r-note{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-guide>li{counter-increment:st-guide;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;color:var(--r-text);font-size:15px;line-height:22px} #account :is(#workspace-account,.customer-onboarding-content) .st-guide>li::before{content:counter(st-guide);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--r-blue-3);color:var(--r-blue-11);font:600 13px/1 var(--r-font);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--r-blue-9) 35%,transparent)} #account :is(#workspace-account,.customer-onboarding-content) .st-connect>.st-key{max-width:420px;margin-top:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-key input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em} #account :is(#workspace-account,.customer-onboarding-content) .st-connect>.st-muted{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-ownership>.st-ownership-text{margin-top:4px} #account :is(#workspace-account,.customer-onboarding-content) .st-connected{margin-top:16px;padding-top:12px;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-connected .st-who{display:flex;flex-direction:column;min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-connected .st-who>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account :is(#workspace-account,.customer-onboarding-content) .st-connected .st-details>.r-btn{margin-top:10px} @media (max-width:640px){#account :is(#workspace-account,.customer-onboarding-content) .st-connect>.st-key{max-width:none}} /* AI-assistenter (spor 4): the address with the two ways in, then the connections with «Koble fra». */ #account :is(#workspace-account,.customer-onboarding-content) .st-ai-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;line-height:20px;color:var(--r-ink)} #account :is(#workspace-account,.customer-onboarding-content) .st-ai-steps b{font-weight:600} #account :is(#workspace-account,.customer-onboarding-content) .st-ai-empty{color:var(--r-grey-11)} #account :is(#workspace-account,.customer-onboarding-content) .st-ai-row .r-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Zapier og Make (30.10): the place's choice sits on the row's right; on a phone it goes under the name. */ #account :is(#workspace-account,.customer-onboarding-content) .st-auto-note{margin:8px 2px 0} #account :is(#workspace-account,.customer-onboarding-content) .st-auto-choice{flex-wrap:nowrap;justify-content:flex-end} #account :is(#workspace-account,.customer-onboarding-content) .st-auto-choice .st-check{white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-auto-steps{margin:4px 0 0;padding-left:20px;display:grid;gap:6px;color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.45} @media (max-width:560px){#account :is(#workspace-account,.customer-onboarding-content) .st-auto-choice{justify-content:flex-start;gap:8px 18px}} /* Package choice keeps the existing card language and readable three-column width. */ #account .st-package-need{display:grid;gap:8px;max-width:440px;margin:0 0 20px;font-weight:600} #account .st-package-need input{font:inherit;max-width:160px;min-height:44px;padding:10px 12px;border:1px solid var(--v4-line);border-radius:10px;background:#fff;color:inherit} #account .st-package-need span{font-weight:400;font-size:13px;color:var(--v4-ink2)} /* HubSpot (REV-101): the owner picks the one stage that means «Jobb utført». One row per stage, the whole row is the target. */ #account :is(#workspace-account,.customer-onboarding-content) .st-block>.st-stages{display:grid;margin-top:12px;border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-stage{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:center;min-height:48px;padding:10px 0;border-bottom:.5px solid var(--r-line);cursor:pointer} #account :is(#workspace-account,.customer-onboarding-content) .st-stage>input{width:18px;height:18px;margin:0;accent-color:var(--r-ink)} #account :is(#workspace-account,.customer-onboarding-content) .st-stage-text{display:flex;flex-direction:column;min-width:0} #account :is(#workspace-account,.customer-onboarding-content) .st-stage-text>b{color:var(--r-ink);font-weight:600;font-size:15px;line-height:22px;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-stage-text>.st-muted{margin:0} #account :is(#workspace-account,.customer-onboarding-content) .st-block>.st-stages+.st-actions{margin-top:14px} #account :is(#workspace-account,.customer-onboarding-content) .st-block>.r-field{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-step{margin:0 0 4px;color:var(--r-muted);font-size:13px;line-height:20px;white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-step+h3{margin-top:0} #account :is(#workspace-account,.customer-onboarding-content) .st-block>.st-field{display:flex;flex-direction:column;margin-top:16px} #account :is(#workspace-account,.customer-onboarding-content) .st-field>b{color:var(--r-ink);font-weight:600;font-size:15px;line-height:22px} #account :is(#workspace-account,.customer-onboarding-content) .st-field>.st-muted{margin:2px 0 0} #account :is(#workspace-account,.customer-onboarding-content) .st-field+.st-stages{margin-top:8px} #account :is(#workspace-account,.customer-onboarding-content) .st-preview{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:12px 0 0;padding:12px 0;border-top:.5px solid var(--r-line);border-bottom:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-preview>dt{color:var(--r-muted);font-size:14px;line-height:22px;white-space:nowrap} #account :is(#workspace-account,.customer-onboarding-content) .st-preview>dd{margin:0;color:var(--r-ink);font-size:15px;line-height:22px;overflow-wrap:anywhere} #account :is(#workspace-account,.customer-onboarding-content) .st-preview>dd.st-muted{color:var(--r-muted)} #account :is(#workspace-account,.customer-onboarding-content) .st-block>.st-preview+.st-feedback{margin-top:12px} #account :is(#workspace-account,.customer-onboarding-content) .st-block>.st-actions{margin-top:16px} /* Onboarding is a focused wizard, without workspace navigation. */ body.customer-app #account[data-view=onboarding] :is(.pilot-app-sidebar,.pilot-bottom-nav,.pilot-app-actions,.pilot-mobile-head,.pilot-mobile-header,#workspace-menu-toggle,#workspace-trial,.pilot-page-heading,#google-tabs){display:none!important} body.customer-app #account[data-view=onboarding] .pilot-app-body{margin:0!important;width:100%!important;min-height:100dvh!important;padding:0!important;border:0!important;overflow:visible!important} body.customer-app #account[data-view=onboarding] .pilot-app-shell{display:block!important;grid-template-columns:minmax(0,1fr)!important} body.customer-app #account[data-view=onboarding] #workspace-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} body.customer-app #account[data-view=onboarding] #workspace-view{box-sizing:border-box;width:min(100%,800px);margin:0 auto;padding:28px 28px 64px;font:400 16px/1.5 var(--r-font);color:var(--r-ink)} #account[data-view=onboarding] .customer-onboarding-brand{margin-bottom:32px;font-size:20px;font-weight:600;letter-spacing:-.5px} #account[data-view=onboarding] .customer-onboarding-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 36px;padding:0} #account[data-view=onboarding] .customer-onboarding-progress li{border:0!important;text-decoration:none!important;display:flex;align-items:center;gap:8px;color:var(--r-muted);font-size:13px;font-weight:400;line-height:1.4;min-width:0} #account[data-view=onboarding] .customer-onboarding-step{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e8eaed;color:#5f6368} #account[data-view=onboarding] .customer-onboarding-progress [aria-current=step]{color:var(--r-ink);font-weight:600} #account[data-view=onboarding] .customer-onboarding-progress [aria-current=step] .customer-onboarding-step{background:var(--r5-star,#f2b100);color:var(--r-ink)} #account[data-view=onboarding] .customer-onboarding-progress [data-complete=true] .customer-onboarding-step{background:#fff3ce;color:#8a6200} #account[data-view=onboarding] .customer-onboarding-heading{margin-bottom:24px} #account[data-view=onboarding] .customer-onboarding-heading>.r-note{margin:0 0 6px} #account[data-view=onboarding] .customer-onboarding-heading .r-h1{margin:0;font-size:28px;line-height:1.25;letter-spacing:-.7px} #account[data-view=onboarding] .customer-onboarding-content{min-width:0;margin-bottom:24px} #account[data-view=onboarding] .customer-onboarding-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px} #account[data-view=onboarding] .customer-onboarding-actions>button{min-height:44px} #account[data-view=onboarding] .customer-onboarding-create{padding:24px;border:1px solid var(--r-line);border-radius:12px;background:#fff} #account[data-view=onboarding] .customer-onboarding-create .r-btn{margin:12px 0} #account[data-view=onboarding] .customer-onboarding-create>.r-note:last-child{margin-bottom:0;font-size:13px} #account[data-view=onboarding] .customer-onboarding-content :is(.r-page,.r-card){max-width:100%;box-sizing:border-box} @media(max-width:600px){ body.customer-app #account[data-view=onboarding] #workspace-view{padding:20px 20px 40px} #account[data-view=onboarding] .customer-onboarding-progress{gap:8px;margin-bottom:28px} #account[data-view=onboarding] .customer-onboarding-progress li{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px} #account[data-view=onboarding] .customer-onboarding-heading .r-h1{font-size:24px} #account[data-view=onboarding] .customer-onboarding-actions{align-items:stretch;flex-direction:column;gap:8px} #account[data-view=onboarding] .customer-onboarding-create{padding:18px} } /* Onboarding source catalogue. A visible logo is identification, never availability. */ #account :is(#workspace-account,.customer-onboarding-content) .st-source-catalog{display:grid;gap:28px} #account :is(#workspace-account,.customer-onboarding-content) .st-source-group>h3{margin:0 0 10px;font:500 15px/22px var(--r-font);color:var(--r-muted)} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot{border-top:0} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot+.st-provider-slot{border-top:.5px solid var(--r-line)} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot:has(> div .st-row)>.st-catalog-fallback{display:none} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;gap:4px 14px;align-items:center;min-height:80px;padding:16px 20px;cursor:pointer;list-style:none} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary::-webkit-details-marker{display:none} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary>.st-who,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row>.st-who{grid-column:2;grid-row:1} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary>.r-status,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row>.r-status{grid-column:3;grid-row:1} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary>svg,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row>.st-chev{grid-column:4;grid-row:1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary:focus-visible{outline:2px solid var(--r-ink);outline-offset:-5px;border-radius:10px} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row::before{content:"";display:block;grid-column:1;grid-row:1;width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-explanation{margin:0;padding:0 20px 20px 78px;max-width:100%;white-space:normal} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="tripletex"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="tripletex"] .st-src-row::before{background-image:url("/brand/integrations/tripletex.svg")} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="fiken"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="fiken"] .st-src-row::before{background-image:url("/brand/integrations/fiken.svg")} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="poweroffice"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="poweroffice"] .st-src-row::before{background-image:url("/brand/integrations/poweroffice.png")} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="unimicro"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="unimicro"] .st-src-row::before{background-image:url("/brand/integrations/unimicro.svg")} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="visma"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="visma"] .st-src-row::before{background-image:url("/brand/integrations/visma.png")} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="hubspot"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="hubspot"] .st-src-row::before{background-image:url("/brand/integrations/hubspot.png")} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="pipedrive"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="pipedrive"] .st-src-row::before{background-image:url("/brand/integrations/pipedrive.png")} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="superoffice"] .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot[data-provider="superoffice"] .st-src-row::before{background-image:url("/brand/integrations/superoffice.png")} @media(max-width:600px){ #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row{grid-template-columns:40px minmax(0,1fr) 18px;column-gap:12px;padding:16px;min-height:88px} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary>.r-status,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row>.r-status{grid-column:2;grid-row:2;justify-self:start} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-summary>svg,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row>.st-chev{grid-column:3;grid-row:1 / span 2} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row::before{grid-row:1 / span 2;width:36px;height:36px} #account :is(#workspace-account,.customer-onboarding-content) .st-catalog-explanation{padding:0 16px 20px 68px} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-who b{white-space:normal;overflow:visible;text-overflow:clip;font-size:16px} } .source-catalog-preview-page #account{max-width:800px;box-sizing:border-box;margin:0 auto;padding:32px 24px} .source-catalog-preview-page h1{margin:24px 0 8px} .source-catalog-preview-page #source-catalog-preview{margin-top:28px} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo,#account :is(#workspace-account,.customer-onboarding-content) .st-provider-slot .st-src-row::before{background-color:#fff;border:.5px solid var(--r-line);border-radius:10px;background-size:contain;background-origin:content-box;background-clip:content-box;padding:5px;box-sizing:border-box} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo>svg{width:24px;height:24px;margin:2px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo.st-provider-logo-pair{display:flex;align-items:center;justify-content:center;gap:1px;padding:1px} #account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo-pair>img{width:18px;height:18px;object-fit:contain} @media(max-width:600px){#account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo>svg{width:22px;height:22px;margin:1px}#account :is(#workspace-account,.customer-onboarding-content) .st-provider-logo-pair>img{width:16px;height:16px}} #account[data-view=onboarding] .customer-onboarding-step>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* V3: invitation withdrawal uses a native focus-trapping dialog. */ #account #workspace-account .st-confirm{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--r-line);border-radius:16px;background:var(--r-panel);color:var(--r-ink);font:var(--r-fs-body)/1.5 var(--r-font);box-shadow:0 16px 48px #0002;overflow:auto} #account #workspace-account .st-confirm::backdrop{background:rgb(22 24 29 / .35)} #account #workspace-account .st-confirm h2{font-size:20px;line-height:1.35;margin:0 0 12px} #account #workspace-account .st-confirm p{margin:0;color:var(--r-text);overflow-wrap:anywhere} #account #workspace-account .st-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px} #account #workspace-account .st-confirm-actions button{min-height:44px;margin:0} @media(max-width:520px){#account #workspace-account .st-confirm{padding:20px}#account #workspace-account .st-confirm-actions{display:grid;grid-template-columns:1fr 1fr}} /* V3 Bedriften: the owner edits the sender name directly, without changing Google's name. */ #account #workspace-account .st-name-v3{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:end} #account #workspace-account .st-name-v3>.r-field{min-width:0} #account #workspace-account .st-name-v3>.st-actions{grid-column:2;grid-row:1} #account #workspace-account .st-name-v3>.st-actions .r-btn{margin:0;min-height:44px;white-space:nowrap} #account #workspace-account .st-name-v3>:is(.r-note,.st-sms,.st-name-unsaved,.st-name-reset){grid-column:1/-1} #account #workspace-account .st-name-unsaved{font-size:13px;color:var(--r-muted)} #account #workspace-account .st-name-unsaved:empty{display:none} #account #workspace-account .st-name-reset{justify-self:start;margin:0} /* V3 Innstillinger 03.11 (InnstillingerMobil, InnstillingerDesktop): coloured tiles, one-line rows, the state as a strong dot with neutral words; on a computer the state stands at the right, on a phone in the line under the title. The extra `#workspace-account` ledd beats the older scoped rules without !important. */ #account #workspace-account .pilot-page-heading h1,#account .pilot-page-heading h1:has(>.st-cog){display:flex;align-items:center;gap:12px} #account .pilot-page-heading h1>.st-cog{flex:none;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account :is(#customer-account-panel) .r-section.st-section{margin:36px 0 12px} #account #workspace-account :is(#customer-account-panel) .st-feedback+.r-section.st-section,#account #workspace-account :is(#customer-account-panel) .st-google+.r-section.st-section{margin-top:0} #account #workspace-account :is(#customer-account-panel) .r-section.st-section h2{font:600 18px/24px var(--r-font);letter-spacing:-.2px} #account #workspace-account :is(#customer-account-panel) .st-sendto{font-size:13px;line-height:18px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-list{overflow:hidden} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-row{min-height:66px;gap:14px;padding:12px 16px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-row.st-group{padding:12px 16px 4px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic{width:40px;height:40px;border-radius:10px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic svg{width:20px;height:20px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic.st-tone-green{background:#e6f6eb;color:#218358;box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic.st-tone-amber{background:#fff7c2;color:#ab6400;box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic.st-tone-blue{background:#e6f4fe;color:#0d74ce;box-shadow:inset 0 0 0 .5px rgba(0,144,255,.35)} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic.st-tone-grey{background:#eef0f2;color:#60646c;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic.st-tone-violet{background:#f4f0fe;color:#6550b9;box-shadow:inset 0 0 0 .5px rgba(110,86,207,.4)} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic.st-tone-white{background:#fff;color:var(--r-ink);box-shadow:inset 0 0 0 .5px var(--r-line-strong)} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-ic svg.g{width:20px;height:20px;stroke:none} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-who{display:flex;flex-direction:column;gap:2px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-who>b{font:500 16px/22px var(--r-font);letter-spacing:0} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-who>span{font-size:13px;line-height:18px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-parts{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;color:var(--r-muted);font-size:13px;line-height:18px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-parts>span{display:inline;flex:none;min-width:0;overflow:visible} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-parts>span:last-child{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-parts>.st-sep{margin:0 5px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-parts>.r-status{display:inline-flex;color:var(--r-text);font-weight:500} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-right{display:flex;flex:none;align-items:center;max-width:45%;color:var(--r-muted);font-size:13px;line-height:18px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-switch{width:44px;height:26px;border-radius:13px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-switch::after{width:20px;height:20px;box-shadow:0 1px 2px rgba(16,24,40,.2)} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-switch[aria-checked=true]::after{left:21px} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-places{margin:10px 0 0 54px} #account #workspace-account .st-mail-line{margin:0 0 14px;color:var(--r-muted);font-size:14px;line-height:20px} #account #workspace-account .st-mail-line b{color:var(--r-ink);font-weight:500} /* Følg opp: the switch card. */ #account #workspace-account .st-swcard{display:flex;flex-direction:column;gap:14px} #account #workspace-account .st-sw-head{display:flex;align-items:center;gap:14px} #account #workspace-account .st-swcard>.st-places{margin:0} #account #workspace-account .st-swcard>.r-note{margin:0} #account #workspace-account .r-btn.st-wide{width:100%;justify-content:center;gap:6px} #account #workspace-account .r-btn.st-wide>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} @media (max-width:820px){ #account .pilot-page-heading h1>.st-cog{width:26px;height:26px} /* On a phone a group is a small grey label in capitals above the card. */ #account #workspace-account :is(#customer-account-panel) .r-section.st-section{margin:22px 0 8px} #account #workspace-account :is(#customer-account-panel) .r-section.st-section h2{color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase} #account #workspace-account :is(#customer-account-panel,.st-sub) .st-row{min-height:64px} } /* V3 subpages 03.11: Bedriften, Medarbeidere, forms and toasts. */ #account #workspace-account .st-sub .r-section.st-section{margin:28px 0 10px} #account #workspace-account .st-sub .r-section.st-section h2{font:600 18px/24px var(--r-font)} #account #workspace-account .st-toast{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;min-height:44px;margin:0 0 16px;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 #workspace-account .st-toast>svg{flex:none;width:18px;height:18px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-toast.ok>svg{stroke:#218358} #account #workspace-account .st-toast.info>svg{stroke:#0d74ce} #account #workspace-account .st-org-locked{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-top:.5px solid var(--r-line)} #account #workspace-account .st-label{color:var(--r-ink);font:500 14px/20px var(--r-font)} #account #workspace-account input.st-locked{width:100%;height:48px;margin:0;padding:0 14px;border:0;border-radius:10px;background:var(--r-hover,#f6f5f1);box-shadow:inset 0 0 0 1px #c3c6cd;color:var(--r-ink);font:400 16px/1 var(--r-font)} #account #workspace-account .st-hint{display:flex;align-items:center;gap:6px;margin:-4px 0 0;color:var(--r-muted);font:400 13px/18px var(--r-font)} #account #workspace-account .st-hint>svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-org-wrong{height:24px;min-height:0;padding:0;font-size:15px} #account #workspace-account .st-name-v3 .r-field>span{color:var(--r-ink);font:500 14px/20px var(--r-font)} #account #workspace-account .st-name-v3 input,#account #workspace-account .st-name-v3>.st-actions .r-btn{height:48px;min-height:48px} #account #workspace-account .st-places-v3 .account-place .st-who>span{font-size:13px} #account #workspace-account .st-places-v3 .account-place>.r-btn.small,#account #workspace-account .st-person-v3>.r-btn.small{flex:none;height:36px;min-height:36px;padding:0 12px;border-radius:8px;font-size:14px} #account #workspace-account button.st-row.st-more{min-height:48px;gap:10px;font:500 15px/20px var(--r-font)} #account #workspace-account button.st-row.st-more>svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-person-v3{min-height:64px} #account #workspace-account .st-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 #workspace-account .st-av>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .r-link.st-red{flex:none;height:36px;min-height:0;color:#b4232a;font-size:14px;text-decoration-color:rgba(180,35,42,.35)} #account #workspace-account .st-form-title{margin:0;font:600 18px/24px var(--r-font)} #account #workspace-account .st-v3-field>legend{margin:0 0 10px;color:var(--r-ink);font:500 14px/20px var(--r-font)} #account #workspace-account .st-choice-list{margin:0;box-shadow:0 0 0 .5px var(--r-line)} #account #workspace-account label.st-row.st-opt{min-height:52px;padding:10px 14px;cursor:pointer} #account #workspace-account label.st-row.st-opt>input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--r-ink)} #account #workspace-account .st-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px} #account #workspace-account .st-pair>.r-btn{width:100%;height:44px;margin:0} #account #workspace-account .r-btn.st-danger{background:#e5484d;border-color:#e5484d;color:#fff} #account #workspace-account .r-btn.st-danger-ghost{border-color:rgba(229,72,77,.45);color:#b4232a} #account #workspace-account .st-invite-ready{display:flex;flex-direction:column;gap:14px;margin:0 0 16px} #account #workspace-account .st-invite-ready .r-note{margin:0} #account #workspace-account .st-empty-v3{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:28px 24px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.05);text-align:center} #account #workspace-account .st-empty-v3>h3{margin:6px 0 0;font:600 16px/22px var(--r-font)} #account #workspace-account .st-empty-v3>p{margin:0;max-width:320px;color:var(--r-text);font-size:14px;line-height:21px} #account #workspace-account .st-ic.st-ic-lg{width:52px;height:52px;border-radius:13px} @media (max-width:820px){ #account #workspace-account .st-sub .r-section.st-section{margin:22px 0 8px} #account #workspace-account .st-sub .r-section.st-section h2{color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase} #account #workspace-account .st-sub .st-person-v3>.r-btn.small,#account #workspace-account .st-sub .st-places-v3 .account-place>.r-btn.small{height:36px} } /* V3 AI-assistenter 03.11 (AiAssistenterMobil/Desktop). */ #account #workspace-account .r-top-row>.st-ai-tile{order:-1} #account #workspace-account .r-top-row:has(>.st-ai-tile){justify-content:flex-start;gap:14px} #account #workspace-account .st-ai-sub{margin-top:2px} #account #workspace-account .st-ai-state{margin-top:10px} #account #workspace-account .st-ai-setup{display:flex;flex-direction:column;gap:14px} #account #workspace-account .st-ai-setup>.r-section.st-section{margin:10px 0 -4px} #account #workspace-account .st-ai-lead{margin:0;color:var(--r-text);font-size:15px;line-height:22px} #account #workspace-account .st-ai-address{display:flex;flex-direction:column;gap:10px} #account #workspace-account input.st-ai-url{width:100%;height:52px;margin:0;padding:0 16px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #c3c6cd;color:var(--r-ink);font:500 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace} #account #workspace-account .r-btn.st-wide>svg{width:18px;height:18px} #account #workspace-account .st-ai-card{display:flex;flex-direction:column;gap:14px} #account #workspace-account .st-ai-card>h3{margin:0;font:600 16px/22px var(--r-font)} #account #workspace-account .st-ai-card>.r-note{margin:0} #account #workspace-account .st-seg{max-width:none} #account #workspace-account .st-seg.st-seg-4{grid-template-columns:repeat(4,minmax(0,1fr))} #account #workspace-account .st-ai-steps{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none} #account #workspace-account .st-ai-steps>li{display:flex;align-items:flex-start;gap:12px;color:var(--r-text);font-size:15px;line-height:22px} #account #workspace-account .st-ai-steps>li>i{display:grid;flex:none;place-items:center;width:22px;height:22px;border-radius:6px;background:#f6f5f1;color:var(--r-ink);box-shadow:inset 0 0 0 .5px var(--r-line-strong);font:600 12px/1 var(--r-font);font-style:normal} #account #workspace-account .st-ai-steps>li>span{display:block;min-width:0} #account #workspace-account .st-ai-steps>li>span>b{color:var(--r-ink);font-weight:600} #account #workspace-account .st-ai-steps>li>span>:is(span,b){display:inline;white-space:pre-wrap} #account #workspace-account .st-ai-code{display:block;width:100%;margin:8px 0;padding:10px 12px;border-radius:8px;background:#16181d;color:#fff;font:500 13px/19px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere} #account #workspace-account .st-ai-closed{display:flex;align-items:flex-start;gap:10px;color:var(--r-text);font-size:14px;line-height:20px} #account #workspace-account .st-ai-closed>svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:#0d74ce;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-ai-how{box-shadow:0 0 0 .5px var(--r-line)} #account #workspace-account .st-count{color:var(--r-muted);font:500 13px/18px var(--r-font)} #account #workspace-account .st-ai-letter{display:grid;place-items:center;width:100%;height:100%;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 .5px var(--r-line-strong);color:var(--r-ink);font:600 16px/1 var(--r-font)} #account #workspace-account [data-row=ai-connection] .st-ic{background:none;box-shadow:none} #account #workspace-account [data-row=ai-connection] .st-who>.st-parts+.st-parts{margin-top:0} #account #workspace-account .st-ai-more{margin-top:14px} #account #workspace-account .st-ai-all{margin-top:10px;height:44px;font-size:15px} #account #workspace-account #customer-account-panel .st-ai-facts .st-fact{justify-content:space-between;gap:16px;min-height:52px} #account #workspace-account .st-ai-facts .st-fact>span{color:var(--r-muted);font-size:14px} #account #workspace-account .st-ai-facts .st-fact>b{font:500 14px/20px var(--r-font);text-align:right} #account #workspace-account .st-ai-facts+.r-btn{margin-top:16px} /* Last, so they beat the rows' own display: what is for a phone and what is for a computer. */ #account #workspace-account #customer-account-panel .st-only-m.st-only-m{display:none} @media (max-width:820px){ #account #workspace-account #customer-account-panel .st-only-d.st-only-d{display:none} #account #workspace-account #customer-account-panel .st-only-m.st-only-m{display:flex} #account #workspace-account #customer-account-panel .st-only-m.r-card.st-only-m{display:block} } #account #workspace-account .r-top-row>.r-btn.small{height:36px;min-height:36px;padding:0 12px;border-radius:8px;font-size:14px} /* V3 Pakke og betaling 03.11 (InnstillingerMobil2 #1–3). */ #account #workspace-account .st-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #account #workspace-account #billing-current.st-current{display:flex;flex-direction:column;gap:14px;padding:18px} #account #workspace-account .st-bill-head{display:flex;align-items:center;gap:14px} #account #workspace-account .st-bill-head .st-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0} #account #workspace-account .st-bill-head .st-who>b{font:500 17px/24px var(--r-font)} #account #workspace-account .st-bill-head .st-parts{display:flex;align-items:center;gap:0;white-space:nowrap;overflow:hidden;color:var(--r-muted);font-size:13px;line-height:18px} #account #workspace-account .st-bill-head .st-parts>.st-sep{margin:0 5px} #account #workspace-account .st-bill-head .st-parts>.r-status{color:var(--r-text);font-weight:500} #account #workspace-account :is(#workspace-billing,#billing-current) .st-ic{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px} #account #workspace-account :is(#workspace-billing,#billing-current) .st-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account :is(#workspace-billing,#billing-current) .st-ic.st-ic-sm{width:32px;height:32px;border-radius:8px} #account #workspace-account :is(#workspace-billing,#billing-current) .st-ic.st-ic-sm svg{width:16px;height:16px} #account #workspace-account :is(#workspace-billing,#billing-current) .st-tone-amber{background:#fff7c2;color:#ab6400;box-shadow:inset 0 0 0 .5px rgba(255,197,61,.6)} #account #workspace-account :is(#workspace-billing,#billing-current) .st-tone-green{background:#e6f6eb;color:#218358;box-shadow:inset 0 0 0 .5px rgba(48,164,108,.4)} #account #workspace-account :is(#workspace-billing,#billing-current) .st-tone-grey{background:#eef0f2;color:#60646c;box-shadow:inset 0 0 0 .5px rgba(139,141,152,.4)} #account #workspace-account .st-meter{display:flex;flex-direction:column;gap:8px} #account #workspace-account .st-meter-top{display:flex;justify-content:space-between;gap:12px;color:var(--r-text);font-size:14px;line-height:20px;white-space:nowrap} #account #workspace-account .st-meter-top>b{color:var(--r-ink);font-weight:600} #account #workspace-account .st-meter-bar{height:8px;border-radius:4px;background:#ecebe6;overflow:hidden} #account #workspace-account .st-meter-bar>span{display:block;height:100%;border-radius:4px;background:#F2B100} #account #workspace-account #billing-current .st-trial-note{margin:0;padding:0;color:var(--r-text);font-size:14px;line-height:21px} #account #workspace-account .st-trial-after{display:flex;flex-direction:column;gap:8px;margin:4px -18px -18px;padding:0 0 0} #account #workspace-account #billing-current .st-bill-section{display:flex;align-items:baseline;gap:8px;margin:10px 18px 0;color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase} #account #workspace-account #billing-current .st-bill-section>small{color:var(--r-muted);font-weight:500;letter-spacing:0;text-transform:none;font-size:13px} #account #workspace-account .st-bill-list{margin:0;border-radius:0 0 12px 12px;box-shadow:none;border-top:.5px solid var(--r-line)} #account #workspace-account .st-bill-row{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 18px;border-top:.5px solid var(--r-line)} #account #workspace-account .st-bill-row:first-child{border-top:0} #account #workspace-account .st-bill-row>b{flex:1;min-width:0;font:500 15px/20px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #workspace-account .st-bill-fact{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:.5px solid var(--r-line);color:var(--r-text);font-size:14px} #account #workspace-account .st-bill-fact>b{color:var(--r-ink);font-weight:600} #account #workspace-account .st-manage{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%} #account #workspace-account .st-manage>svg,#account #workspace-account .st-receipts>svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-receipts{display:flex;align-items:center;gap:14px;width:100%;margin:0 -18px -18px;width:calc(100% + 36px);padding:12px 18px;border:0;border-top:.5px solid var(--r-line);border-radius:0 0 12px 12px;background:none;color:var(--r-ink);text-align:left;cursor:pointer} #account #workspace-account .st-receipts .st-who{display:flex;flex:1;flex-direction:column;min-width:0} #account #workspace-account .st-receipts .st-who>b{font:500 15px/20px var(--r-font)} #account #workspace-account .st-receipts .st-who>span{color:var(--r-muted);font-size:13px;line-height:18px} #account #workspace-account .st-plan .st-plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #account #workspace-account .st-plan .st-fits{color:var(--r-muted);font:500 13px/18px var(--r-font);white-space:nowrap} #account #workspace-account .st-plan.st-plan-fit{box-shadow:0 0 0 1.5px var(--r-ink),0 1px 2px rgba(16,24,40,.05)} #account #workspace-account .st-plan .st-price{margin:6px 0 8px;font:600 26px/32px var(--r-font);letter-spacing:-.5px} #account #workspace-account .st-plan .st-price>small{color:var(--r-muted);font:400 14px/20px var(--r-font);letter-spacing:0} #account #workspace-account .st-plan .st-features{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;padding:0;list-style:none} #account #workspace-account .st-plan .st-features>li{display:flex;align-items:center;gap:6px;color:var(--r-text);font-size:14px;line-height:20px;white-space:nowrap} #account #workspace-account .st-plan .st-features>li>svg{flex:none;width:14px;height:14px;fill:none;stroke:#218358;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account #billing-current .st-bill-row .st-short{display:none} @media (max-width:640px){#account #workspace-account #billing-current .st-bill-row .st-long{display:none}#account #workspace-account #billing-current .st-bill-row .st-short{display:inline}} /* V3 «Spør når fakturaen er sendt» (JobbkilderMobil #2–7). */ #account .st-invoice-v3{display:flex;flex-direction:column;gap:12px;padding:16px} #account .st-invoice-v3 .st-invoice-head{display:flex;align-items:center;gap:14px} #account .st-invoice-v3 .st-invoice-head>.st-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0} #account .st-invoice-v3 .st-invoice-head>.st-who>b{font:500 16px/22px var(--r-font)} #account .st-invoice-v3 .st-invoice-head>.st-who>span{color:var(--r-muted);font-size:13px;line-height:18px} #account .st-invoice-v3>.st-muted,#account .st-invoice-v3>.st-feedback{margin:0} #account .st-invoice-v3 .st-invoice-label{color:var(--r-ink);font:500 14px/20px var(--r-font)} #account .st-invoice-v3 .st-seg{max-width:none} #account .st-invoice-v3 .st-invoice-delay{max-width:none;margin:0} #account .st-invoice-skip{margin:0;box-shadow:0 0 0 .5px var(--r-line)} #account .st-invoice-skip .st-row,#account .st-invoice-steps .st-row{display:flex;align-items:center;min-height:48px;padding:10px 14px;border-top:.5px solid var(--r-line)} #account .st-invoice-skip .st-row:first-child,#account .st-invoice-steps .st-row:first-child{border-top:0} #account .st-invoice-skip .st-who>b{font:400 14px/20px var(--r-font);white-space:normal} #account .st-invoice-how{margin-top:6px} #account .st-invoice-steps{margin:0;padding:0;list-style:none;counter-reset:step} #account .st-invoice-steps>li{counter-increment:step;gap:12px} #account .st-invoice-steps>li::before{content:counter(step);display:grid;flex:none;place-items:center;width:22px;height:22px;border-radius:6px;background:#f6f5f1;box-shadow:inset 0 0 0 .5px var(--r-line-strong);color:var(--r-ink);font:600 12px/1 var(--r-font)} #account .st-invoice-steps .st-who{display:flex;flex-direction:column;min-width:0} #account .st-invoice-steps .st-who>b{font:500 15px/20px var(--r-font)} #account .st-invoice-steps .st-who>span{color:var(--r-muted);font-size:13px;line-height:18px} #account #workspace-account .st-job-place{margin:0 0 4px} /* V3 Din innlogging (r2 KontoMobil #1–5). */ #account #workspace-account .st-av.st-av-co{border-radius:10px} #account #workspace-account .st-login-out{margin-top:16px} #account #workspace-account .st-delete-account{margin-top:14px;height:44px} #account #workspace-account .st-pw{display:flex;flex-direction:column;gap:14px} #account #workspace-account .st-pw .r-field>span{color:var(--r-ink);font:500 14px/20px var(--r-font)} #account #workspace-account .st-pw .r-field>input{height:48px;min-height:48px;border-radius:10px} #account #workspace-account .st-pw>.st-hint{margin:-8px 0 0} #account #workspace-account .st-pw>.st-error{margin:0;color:#b4232a;font-size:14px} #account #workspace-account .st-pw>.st-error:empty{display:none} #account #workspace-account .st-pw-resend{align-self:flex-start;height:auto;min-height:0;padding:0;font-size:14px} #account #workspace-account .st-pw-saved{display:flex;flex-direction:column;gap:16px} /* Runde 4 (kontroll 03.11): sheets and confirmations from below on a phone, with a red tile; one dark red filled button. */ #account #workspace-account .st-confirm .st-sheet-ic{display:grid;place-items:center;width:40px;height:40px;margin:0 0 12px;border-radius:10px} #account #workspace-account .st-ic.st-tone-red{background:#feebec;color:#ce2c31;box-shadow:inset 0 0 0 .5px rgba(229,72,77,.4)} #account #workspace-account .st-confirm .st-sheet-ic>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .r-btn.st-danger{background:#ce2c31;border-color:#ce2c31;color:#fff} #account #workspace-account .st-confirm .r-btn:focus:not(:focus-visible){outline:none;box-shadow:none} #account #workspace-account .st-confirm .r-btn:focus-visible{outline:2px solid var(--r-ink);outline-offset:2px;box-shadow:none} #account #workspace-account .st-sheet .st-grab{display:none} #account #workspace-account .st-sheet>.st-form{display:flex;flex-direction:column;gap:14px;margin:0} #account #workspace-account .st-sheet .st-form-title{margin:0;font:600 20px/26px var(--r-font)} #account #workspace-account .st-sheet .st-fine{margin:0;color:var(--r-text);font-size:14px;line-height:21px} #account #workspace-account .st-field-mail{position:relative} #account #workspace-account .st-field-mail>.st-field-ic{position:absolute;left:14px;bottom:14px;width:20px;height:20px;fill:none;stroke:var(--r-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none} #account #workspace-account .st-field-mail>input{padding-left:44px} #account #workspace-account .st-org-wrong{text-decoration:underline;text-decoration-color:rgba(22,24,29,.35);text-underline-offset:4px} #account #workspace-account .st-places-v3 .account-place .st-parts>.st-sep{margin:0 3px} #account #workspace-account .st-places-v3 .account-place .st-parts>.r-status{gap:6px} #account #workspace-account .st-mail-line,#account #workspace-account .st-mail-line .st-sendto{font-size:15px;line-height:22px} @media (max-width:820px){ #account #workspace-account dialog.st-confirm{width:100%;max-width:none;max-height:calc(100dvh - 40px);margin:auto 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(16,24,40,.12)} #account #workspace-account .st-sheet .st-grab{display:block;width:36px;height:5px;margin:0 auto 14px;border-radius:3px;background:#d4d6da} #account #workspace-account dialog.st-confirm:not(.st-sheet){padding-top:20px} /* A white confirmation floats over the menu, as on the boards. */ #account #workspace-account .st-toast{position:fixed;left:16px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:30;width:auto} } /* Din innlogging and Velg passord (KontoMobil #1–3). */ #account #workspace-account .st-login-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden} #account #workspace-account .st-login-head{display:flex;align-items:center;gap:14px;padding:16px} #account #workspace-account .st-login-head .st-who{display:flex;flex-direction:column;gap:2px;min-width:0} #account #workspace-account .st-login-head .st-who>b{font:600 17px/24px var(--r-font)} #account #workspace-account .st-login-head .st-who>span{color:var(--r-muted);font-size:13px} #account #workspace-account .st-login-rows>.st-person-v3{border-top:.5px solid var(--r-line);padding:12px 16px} #account #workspace-account .st-login-label{flex:none;width:92px;color:var(--r-muted);font:500 13px/18px var(--r-font)} #account #workspace-account .st-login-card>.r-btn.st-wide{margin:4px 16px 16px;width:calc(100% - 32px);height:44px} #account #workspace-account .st-chosen{flex:none;color:var(--r-text);font:500 13px/18px var(--r-font)} #account #workspace-account .r-btn.st-login-out{margin:16px auto 0;width:100%;height:44px} #account #workspace-account .st-delete-account{display:flex;margin:14px auto 0;text-decoration:underline;text-decoration-color:rgba(180,35,42,.35);text-underline-offset:4px} #account #workspace-account .st-pw .st-mail-line{font-size:15px;line-height:22px} #account #workspace-account .st-code-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} #account #workspace-account .st-code-box{width:100%;height:52px;margin:0;padding:0;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #c3c6cd;text-align:center;font:600 20px/1 var(--r-font)} #account #workspace-account .st-field-show{position:relative} #account #workspace-account .st-field-show>input{padding-right:64px} #account #workspace-account .st-field-show>.st-show{position:absolute;right:12px;bottom:12px;height:24px;min-height:0;padding:0;font:500 14px/24px var(--r-font)} /* AI-assistenter, kontroll 03.11: the mark from the name, the alert when the switch is off, and the wait after copying. */ #account #workspace-account .st-ai-letter>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-ai-mono{background:#fff;box-shadow:inset 0 0 0 .5px var(--r-line-strong)} #account #workspace-account .st-ai-mono>.st-ai-letter{box-shadow:none;font-size:20px} #account #workspace-account .st-ai-alert{margin:0 0 16px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.05)} #account #workspace-account .st-ai-alert>svg{stroke:#ce2c31} #account #workspace-account .st-ai-wait{display:flex;flex-direction:column;gap:12px} #account #workspace-account .st-ai-wait>.r-link{align-self:center;height:36px} #account #workspace-account .st-ai-wait .st-v3-rows .st-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-top:.5px solid var(--r-line)} #account #workspace-account .st-ai-wait .st-v3-rows .st-row:first-child{border-top:0} #account #workspace-account .st-ai-wait .st-v3-rows .st-row>b{font:500 15px/20px var(--r-font)} #account #workspace-account [data-row=ai-connection]>.r-status{flex:none} /* Pakke og betaling, kontroll 03.11 (InnstillingerMobil2 #1–3, Desktop2, r2 KontoMobil2 #1, KontoDesktop #2). */ #account #workspace-account[data-account-tab=billing] .st-sub,#account #workspace-account[data-account-tab=sources] .st-sub,#account #workspace-account[data-account-tab=assistants] .st-sub,#account #workspace-account[data-account-tab=billing] #workspace-billing{max-width:none} #account #workspace-account #billing-current.st-trial{padding:0;background:none;box-shadow:none;border:0} #account #workspace-account #billing-current .st-trial-top{display:flex;flex-direction:column;gap:14px} #account #workspace-account #billing-current.st-trial .st-trial-after{margin:0;gap:8px} #account #workspace-account #billing-current.st-trial .st-bill-section{margin:10px 0 0} #account #workspace-account #billing-current.st-trial .st-bill-list{border-radius:12px;border-top:0;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.05)} #account #workspace-account .st-choose-open{display:none} #account #workspace-account .st-bill-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px} #account #workspace-account .st-bill-pair>.r-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;margin:0} #account #workspace-account .st-bill-pair>.st-manage{order:2} #account #workspace-account .st-bill-payment{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px;border-top:.5px solid var(--r-line)} #account #workspace-account .st-bill-payment>b{font:500 15px/20px var(--r-font)} #account #workspace-account .st-bill-link{display:inline-flex;align-items:center;gap:6px;height:32px;min-height:0;padding:0;font:500 14px/20px var(--r-font);text-decoration:underline;text-underline-offset:4px} #account #workspace-account .st-bill-link>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account #workspace-billing.st-is-paid .st-package-need{display:none} #account #workspace-account .st-plan .r-btn>svg{width:16px;height:16px;margin-left:6px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-plan .st-fits.r-status{color:var(--r-text)} #account #workspace-account .st-plan.st-plan-mine{box-shadow:0 0 0 1.5px #30a46c,0 1px 2px rgba(16,24,40,.05)} #account #workspace-account .st-package-need>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} @media (min-width:821px){ #account #workspace-account .st-package-need{display:inline-flex;flex-direction:column;gap:6px;width:calc(50% - 8px);margin:0 12px 16px 0;vertical-align:top} #account #workspace-account .st-package-need+.st-package-need{margin-right:0} #account #workspace-account #billing-current .st-trial-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:24px} #account #workspace-account #billing-current .st-trial-top>.st-trial-note{grid-column:1 / -1} } @media (max-width:820px){ #account #workspace-account #workspace-billing:not(.st-choosing)>:is(.r-section,.st-package-need,#billing-plans,#billing-note){display:none} #account #workspace-account #workspace-billing.st-choosing>:is(#billing-current,#billing-status){display:none} #account #workspace-account .st-choose-open{display:flex;align-items:center;justify-content:center} #account #workspace-account #workspace-billing.st-choosing .st-plan>.r-btn{display:none} #account #workspace-account #workspace-billing.st-choosing .st-plan{cursor:pointer} #account #workspace-account #workspace-billing.st-choosing .st-plan[aria-checked=true]{box-shadow:0 0 0 1.5px var(--r-ink),0 1px 2px rgba(16,24,40,.05)} #account #workspace-account .st-pay-bar>.r-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:48px;margin:0} #account #workspace-account .st-pay-bar>.r-btn>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} } #account #workspace-account .st-moved{margin:0 0 16px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.05);color:var(--r-text);font-size:15px;line-height:22px} #account #workspace-account .st-moved>b{color:var(--r-ink);font-weight:600} @media (min-width:821px){#account #workspace-account .st-pay-bar,#account #workspace-account .st-choose-foot{display:none}} #account #workspace-account #workspace-billing.st-choosing .st-choose-foot{display:none} /* AI-assistenter på desktop (AiAssistenterDesktop #1–3): the buttons on top, the table with the chosen connection at the right, and what an assistant may do beside the limits per connection. */ @media (min-width:821px){ #account #workspace-account #customer-account-panel .st-ai-bar{display:flex;gap:10px;justify-content:flex-start;margin:0 0 20px} #account #workspace-account #customer-account-panel .st-ai-bar>.r-btn{display:inline-flex;align-items:center;gap:8px;height:40px} #account #workspace-account #customer-account-panel .st-ai-bar>.r-btn>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account #customer-account-panel .st-ai-desk{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start} #account #workspace-account #customer-account-panel .st-ai-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start} } #account #workspace-account .st-ai-table{padding:0;overflow:hidden} #account #workspace-account .st-ai-thead,#account #workspace-account .st-ai-trow{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,.9fr) 18px;align-items:center;gap:12px;padding:0 16px} #account #workspace-account .st-ai-thead{min-height:40px;color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase;border-bottom:.5px solid var(--r-line)} #account #workspace-account .st-ai-trow{width:100%;min-height:64px;margin:0;border:0;border-top:.5px solid var(--r-line);background:#fff;color:var(--r-ink);text-align:left;cursor:pointer} #account #workspace-account .st-ai-thead+.st-ai-trow{border-top:0} #account #workspace-account .st-ai-trow.sel{background:#f6f5f1;box-shadow:inset 3px 0 0 var(--r-ink)} #account #workspace-account .st-ai-tname{display:flex;align-items:center;gap:12px;min-width:0} #account #workspace-account .st-ai-tname>.st-ai-letter,#account #workspace-account .st-ai-ptop>.st-ai-letter{display:grid;flex:none;place-items:center;width:38px;height:38px} #account #workspace-account .st-ai-trow .st-who{display:flex;flex-direction:column;gap:2px;min-width:0} #account #workspace-account .st-ai-trow .st-who>b{font:500 15px/20px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #workspace-account .st-ai-trow .st-who>span{color:var(--r-muted);font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #workspace-account .st-ai-tcan{font-size:14px;white-space:nowrap} #account #workspace-account .st-ai-panel{display:flex;flex-direction:column;gap:14px} #account #workspace-account .st-ai-ptop{display:flex;align-items:center;gap:12px} #account #workspace-account .st-ai-ptop .st-who{display:flex;flex-direction:column} #account #workspace-account .st-ai-ptop .st-who>b{font:600 17px/24px var(--r-font)} #account #workspace-account .st-ai-ptop .st-who>span{color:var(--r-muted);font-size:13px} #account #workspace-account .st-ai-panel .st-ai-facts>.st-fact,#account #workspace-account .st-ai-limits>.st-fact{display:flex;justify-content:space-between;gap:12px;min-height:40px;padding:8px 0;border-top:.5px solid var(--r-line);font-size:14px} #account #workspace-account .st-ai-panel .st-ai-facts>.st-fact>span,#account #workspace-account .st-ai-limits>.st-fact>span{color:var(--r-muted)} #account #workspace-account .st-ai-panel .st-ai-facts>.st-fact>b,#account #workspace-account .st-ai-limits>.st-fact>b{font-weight:500;text-align:right} #account #workspace-account .st-ai-can{display:flex;flex-direction:column;gap:6px} #account #workspace-account .st-ai-can>b{font:600 14px/20px var(--r-font)} #account #workspace-account .st-ai-can-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none} #account #workspace-account .st-ai-can-list>li{display:flex;align-items:flex-start;gap:8px;color:var(--r-text);font-size:14px;line-height:20px} #account #workspace-account .st-ai-can-list>li>svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke:#218358;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} /* V3 Kvitteringer 03.11 (InnstillingerMobil2 #3–4, InnstillingerDesktop2): the receipts from Stripe under the package. */ #account #workspace-account #billing-receipts{margin:0 0 14px} #account #workspace-account #billing-receipts>.st-receipts-head{display:flex;align-items:baseline;gap:10px;margin:22px 0 8px} #account #workspace-account #billing-receipts>.st-receipts-head>small{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account #workspace-account #billing-receipts .st-receipt-card{margin:0} #account #workspace-account #billing-receipts .st-receipt-row{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 16px;border-top:.5px solid var(--r-line);color:var(--r-ink);text-decoration:none} #account #workspace-account #billing-receipts .st-receipt-row:first-child{border-top:0} #account #workspace-account #billing-receipts a.st-receipt-row:hover{background:var(--r-hover,#f7f7f5)} #account #workspace-account #billing-receipts a.st-receipt-row:focus-visible{outline:2px solid var(--r-ink);outline-offset:-2px;border-radius:12px} #account #workspace-account #billing-receipts .st-receipt-row>.st-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0} #account #workspace-account #billing-receipts .st-receipt-row>.st-who>b{font:500 16px/22px var(--r-font);white-space:nowrap} #account #workspace-account #billing-receipts .st-receipt-line{overflow:hidden;color:var(--r-muted);font-size:13px;line-height:18px;white-space:nowrap;text-overflow:ellipsis} #account #workspace-account #billing-receipts .st-receipt-line>.st-short{display:none} #account #workspace-account #billing-receipts .st-receipt-row>.r-status{flex:none;color:var(--r-text);font:500 14px/20px var(--r-font);white-space:nowrap} #account #workspace-account #billing-receipts .st-receipt-row>svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--r-muted);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account #billing-receipts .st-receipt-note{margin:0;padding:16px;color:var(--r-text);font-size:14px;line-height:21px} #account #workspace-account #billing-receipts .st-receipt-more{display:inline-flex;align-items:center;gap:6px;height:36px;margin-top:6px;padding:0;font:500 14px/20px var(--r-font);text-decoration:underline;text-underline-offset:4px} #account #workspace-account #billing-receipts .st-receipt-more>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} @media (max-width:820px){ #account #workspace-account #billing-receipts>.st-receipts-head{margin:22px 0 8px} #account #workspace-account #billing-receipts>.st-receipts-head>h2{color:var(--r-muted);font:600 12px/16px var(--r-font);letter-spacing:.4px;text-transform:uppercase} #account #workspace-account #billing-receipts>.st-receipts-head>small{display:none} #account #workspace-account #billing-receipts .st-receipt-line>.st-long{display:none} #account #workspace-account #billing-receipts .st-receipt-line>.st-short{display:inline} } /* V3 AI-assistenter 03.11: what a connection did (AiAssistenterMobil #9, Mobil2 #5–7, Desktop #2) and the ended ones (Mobil2 #8, #10). */ #account #workspace-account .st-ai-left{display:flex;flex-direction:column;gap:0;min-width:0} #account #workspace-account .st-ai-log{display:flex;flex-direction:column;margin-top:4px} #account #workspace-account .st-ai-log>.st-ai-loghead{display:flex;align-items:baseline;justify-content:space-between;gap:10px} #account #workspace-account .st-ai-log>.st-ai-loghead>small{margin-right:auto;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap} #account #workspace-account .st-ai-log>.st-ai-loghead>h2{white-space:nowrap} #account #workspace-account .st-ai-entries{margin:0} #account #workspace-account #customer-account-panel .st-ai-entries>.st-ai-entry{min-height:60px;padding:10px 16px} #account #workspace-account .st-ai-entries>.st-ai-entry:first-child{border-top:0} #account #workspace-account .st-ai-entry>.st-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0} #account #workspace-account .st-ai-entry>.st-who>b{font:500 15px/20px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #workspace-account .st-ai-entry>.st-who>span{overflow:hidden;color:var(--r-muted);white-space:nowrap;text-overflow:ellipsis} #account #workspace-account .st-ai-entry>.st-ai-time{flex:none;align-self:flex-start;margin-top:2px;color:var(--r-muted);font:500 13px/18px var(--r-font);font-variant-numeric:tabular-nums;white-space:nowrap} #account #workspace-account .st-ai-logmore{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:40px;padding:0;font:500 14px/20px var(--r-font)} #account #workspace-account .st-ai-logmore>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-ai-lognote{margin:0;padding:4px 0 8px} #account #workspace-account .st-ai-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 24px;text-align:center} #account #workspace-account .st-ai-empty>b{font:600 16px/22px var(--r-font)} #account #workspace-account .st-ai-empty>p{max-width:300px;margin:0;color:var(--r-text);font-size:14px;line-height:21px} #account #workspace-account .st-ai-ended-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px} #account #workspace-account .st-ai-ended-text>.st-ai-again{height:auto;min-height:0;padding:0;font:500 14px/20px var(--r-font);text-decoration:underline;text-underline-offset:4px} #account #workspace-account .st-ai-ended-list .st-who>.st-parts{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #account #workspace-account .st-sub>.st-ai-log+.r-btn{margin-top:16px} /* Din innlogging › Navn (V3 03.11): the inline field under the rows, and «Endre» at the row's right. */ #account #workspace-account .st-login-rows>.st-name-form{gap:12px;margin:0;padding:12px 16px 16px;border-top:.5px solid var(--r-line)} #account #workspace-account .st-login-rows .st-name-change{flex:none;height:32px;min-height:0;font-size:14px;white-space:nowrap} /* REV-129 konto (11.11): the states the boards draw that had no place here. */ /* Pakke og betaling: the failed charge (InnstillingerMobil2 #4), «Angre hos Stripe» (KontoMobil #8) and «Kontrollerer betalingen». */ #account #workspace-account .st-bill-alert{display:flex;align-items:flex-start;gap:10px;margin:0 0 4px;padding:12px 14px;border-radius:10px;background:#fff5f5;box-shadow:0 0 0 .5px #f3c4c6} #account #workspace-account .st-bill-alert>svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:#ce2c31;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-bill-alert>p{margin:0;color:var(--r-ink);font-size:14px;line-height:20px} #account #workspace-account .st-bill-pair>:is(.st-update-card,.st-retry,.st-undo){display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;margin:0;text-decoration:none;white-space:nowrap} #account #workspace-account .st-bill-pair>.st-undo{grid-column:1/-1} @media (max-width:640px){#account #workspace-account .st-bill-pair.st-bill-stack{grid-template-columns:1fr}} #account #workspace-account .st-bill-pair>:is(.st-update-card,.st-retry,.st-undo)>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-bill-pair>.st-retry[hidden]{display:none} #account #workspace-account .st-bill-pair>.st-undo>.st-short{display:none} #account #workspace-account .st-bill-after{display:flex;flex-direction:column;gap:8px;margin:2px 0 0} #account #workspace-account #billing-current .st-bill-after>.st-bill-section{margin:6px 0 0} #account #workspace-account #billing-checking{display:flex;flex-direction:column;gap:10px;margin:0 0 14px} #account #workspace-account #billing-checking>p{margin:0;color:var(--r-text);font-size:14px;line-height:21px} @media (max-width:820px){#account #workspace-account .st-bill-pair>.st-undo>.st-long{display:none}#account #workspace-account .st-bill-pair>.st-undo>.st-short{display:inline}} /* Følg opp når en sak er løst (InnstillingerMobil2 #7): the conversation as on the phone. */ #account #workspace-account .st-followup-preview{display:flex;flex-direction:column;gap:12px;margin-top:14px} #account #workspace-account .st-followup-preview>.st-bill-section{margin:0} #account #workspace-account .st-followup-phone{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:var(--r-inset,#f6f7f9)} #account #workspace-account .st-followup-phone>.sms-bubble-v3{max-width:82%;margin:0;padding:10px 12px;border-radius:14px;font:400 14px/20px var(--r-font)} #account #workspace-account .st-followup-phone>.sms-bubble-v3.in{align-self:flex-start;border-bottom-left-radius:4px;background:#fff;color:var(--r-ink);box-shadow:0 0 0 .5px var(--r-line)} #account #workspace-account .st-followup-phone>.sms-bubble-v3.out{align-self:flex-end;border-bottom-right-radius:4px;background:var(--r-ink);color:#fff;font-weight:500} #account #workspace-account .st-followup-preview+.st-bill-list{margin-top:10px} /* Medarbeidere (InnstillingerMobil #12): the way to the people without access, under the list. */ #account #workspace-account .st-removed-toggle{display:inline-flex;align-items:center;gap:4px;margin:14px 0 0;color:var(--r-text);font-size:14px} #account #workspace-account .st-removed-toggle>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account #workspace-account .st-removed{margin-top:10px} /* KontoMobil2 #9: the row that only says who decides is quiet and not a button. */ #account #workspace-account .st-row-quiet .st-who>span{color:var(--r-text)} /* AI-assistenter (AiAssistenterMobil2 #6): «Avvist» opens a sheet with the whole sentence. */ #account #workspace-account button.st-ai-entry.st-ai-open{width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit} #account #workspace-account button.st-ai-entry.st-ai-open:focus-visible{outline:2px solid var(--r-ink);outline-offset:-2px} #account #workspace-account .st-ai-denied{display:flex;flex-direction:column;gap:12px} #account #workspace-account .st-ai-denied>h2{margin:0;font:600 18px/24px var(--r-font)} #account #workspace-account .st-ai-denied>p{margin:0;color:var(--r-text);font-size:14px;line-height:21px} #account #workspace-account .st-ai-denied>.st-ai-facts{margin:0} #account #workspace-account .st-ai-denied>.st-sheet-ic{margin:0}