/* Usbl-tema: en avsändare i apphuvudet. Kontots personliga val styr arbetsytan. */
.kund-signatur[hidden]{display:none!important}
.kund-signatur{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:46px}
.kund-signatur img{width:auto;max-width:156px;height:auto;max-height:30px;object-fit:contain}
.kund-logo-natt{display:none}
:root[data-tema="natt"] .kund-logo-ljus{display:none}
:root[data-tema="natt"] .kund-logo-natt{display:block}
:root[data-kundtema] #app .wordmark>.premium-logo,
:root[data-kundtema] #app .wordmark>.planbo-brand-context{display:none!important}
/* Brand och positiv status har skilda tokens. Varningar och OK förblir semantiska. */
@media screen{
:root[data-kundtema="usbl"]{--brand:#c00418;--brand-2:#a50315;--brand-soft:color-mix(in srgb,#c00418 8%,white);--brand-kant:color-mix(in srgb,#c00418 22%,white);--surface-sel:var(--brand-soft);--fyll:#c00418;--fyll-2:#a50315;--fyll-kant:#a50315;--fyll-djup:#a50315;--mark-1:#c00418;--mark-2:#a50315;--pa-fyll:#fff;}
:root[data-kundtema="usbl"][data-tema="natt"],:root[data-kundtema="usbl"][data-tema="natt"][data-obj="fastighet"]{--brand:#ffb5bc;--brand-2:#ffb5bc;--brand-soft:color-mix(in srgb,#c00418 24%,#1e1e21);--brand-kant:color-mix(in srgb,#ffb5bc 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#c00418;--fyll-djup:#a50315;--pa-fyll:#fff;}
:root[data-kundtema="willhem"]{--brand:#008040;--brand-2:#006633;--brand-soft:color-mix(in srgb,#008040 8%,white);--brand-kant:color-mix(in srgb,#008040 22%,white);--surface-sel:var(--brand-soft);--fyll:#008040;--fyll-2:#006633;--fyll-kant:#006633;--fyll-djup:#006633;--mark-1:#008040;--mark-2:#006633;--pa-fyll:#fff;}
:root[data-kundtema="willhem"][data-tema="natt"],:root[data-kundtema="willhem"][data-tema="natt"][data-obj="fastighet"]{--brand:#8bd8b1;--brand-2:#8bd8b1;--brand-soft:color-mix(in srgb,#008040 24%,#1e1e21);--brand-kant:color-mix(in srgb,#8bd8b1 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#008040;--fyll-djup:#006633;--pa-fyll:#fff;}
:root[data-kundtema="platzer"]{--brand:#4b1928;--brand-2:#37121e;--brand-soft:color-mix(in srgb,#4b1928 8%,white);--brand-kant:color-mix(in srgb,#4b1928 22%,white);--surface-sel:var(--brand-soft);--fyll:#4b1928;--fyll-2:#37121e;--fyll-kant:#37121e;--fyll-djup:#37121e;--mark-1:#4b1928;--mark-2:#37121e;--pa-fyll:#fff;}
:root[data-kundtema="platzer"][data-tema="natt"],:root[data-kundtema="platzer"][data-tema="natt"][data-obj="fastighet"]{--brand:#ffb8af;--brand-2:#ffb8af;--brand-soft:color-mix(in srgb,#4b1928 24%,#1e1e21);--brand-kant:color-mix(in srgb,#ffb8af 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#4b1928;--fyll-djup:#37121e;--pa-fyll:#fff;}
:root[data-kundtema="helsingborgshem"]{--brand:#43810d;--brand-2:#376a0b;--brand-soft:color-mix(in srgb,#43810d 8%,white);--brand-kant:color-mix(in srgb,#43810d 22%,white);--surface-sel:var(--brand-soft);--fyll:#43810d;--fyll-2:#376a0b;--fyll-kant:#376a0b;--fyll-djup:#376a0b;--mark-1:#43810d;--mark-2:#376a0b;--pa-fyll:#fff;}
:root[data-kundtema="helsingborgshem"][data-tema="natt"],:root[data-kundtema="helsingborgshem"][data-tema="natt"][data-obj="fastighet"]{--brand:#b8dc8d;--brand-2:#b8dc8d;--brand-soft:color-mix(in srgb,#43810d 24%,#1e1e21);--brand-kant:color-mix(in srgb,#b8dc8d 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#43810d;--fyll-djup:#376a0b;--pa-fyll:#fff;}
:root[data-kundtema="victoriahem"]{--brand:#005a69;--brand-2:#004754;--brand-soft:color-mix(in srgb,#005a69 8%,white);--brand-kant:color-mix(in srgb,#005a69 22%,white);--surface-sel:var(--brand-soft);--fyll:#005a69;--fyll-2:#004754;--fyll-kant:#004754;--fyll-djup:#004754;--mark-1:#005a69;--mark-2:#004754;--pa-fyll:#fff;}
:root[data-kundtema="victoriahem"][data-tema="natt"],:root[data-kundtema="victoriahem"][data-tema="natt"][data-obj="fastighet"]{--brand:#92cad4;--brand-2:#92cad4;--brand-soft:color-mix(in srgb,#005a69 24%,#1e1e21);--brand-kant:color-mix(in srgb,#92cad4 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#005a69;--fyll-djup:#004754;--pa-fyll:#fff;}
:root[data-kundtema="storgatanett"]{--brand:#50674f;--brand-2:#3e503d;--brand-soft:color-mix(in srgb,#50674f 8%,white);--brand-kant:color-mix(in srgb,#50674f 22%,white);--surface-sel:var(--brand-soft);--fyll:#50674f;--fyll-2:#3e503d;--fyll-kant:#3e503d;--fyll-djup:#3e503d;--mark-1:#50674f;--mark-2:#3e503d;--pa-fyll:#fff;}
:root[data-kundtema="storgatanett"][data-tema="natt"],:root[data-kundtema="storgatanett"][data-tema="natt"][data-obj="fastighet"]{--brand:#c3d4bb;--brand-2:#c3d4bb;--brand-soft:color-mix(in srgb,#50674f 24%,#1e1e21);--brand-kant:color-mix(in srgb,#c3d4bb 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#50674f;--fyll-djup:#3e503d;--pa-fyll:#fff;}
:root[data-kundtema="kilenkrysset"]{--brand:#ad1720;--brand-2:#8c121a;--brand-soft:color-mix(in srgb,#ad1720 8%,white);--brand-kant:color-mix(in srgb,#ad1720 22%,white);--surface-sel:var(--brand-soft);--fyll:#ad1720;--fyll-2:#8c121a;--fyll-kant:#8c121a;--fyll-djup:#8c121a;--mark-1:#ad1720;--mark-2:#8c121a;--pa-fyll:#fff;}
:root[data-kundtema="kilenkrysset"][data-tema="natt"],:root[data-kundtema="kilenkrysset"][data-tema="natt"][data-obj="fastighet"]{--brand:#ffb8bd;--brand-2:#ffb8bd;--brand-soft:color-mix(in srgb,#ad1720 24%,#1e1e21);--brand-kant:color-mix(in srgb,#ffb8bd 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#ad1720;--fyll-djup:#8c121a;--pa-fyll:#fff;}
:root[data-kundtema="bjorksund"]{--brand:#946b00;--brand-2:#765500;--brand-soft:color-mix(in srgb,#946b00 8%,white);--brand-kant:color-mix(in srgb,#946b00 22%,white);--surface-sel:var(--brand-soft);--fyll:#946b00;--fyll-2:#765500;--fyll-kant:#765500;--fyll-djup:#765500;--mark-1:#946b00;--mark-2:#765500;--pa-fyll:#fff;}
:root[data-kundtema="bjorksund"][data-tema="natt"],:root[data-kundtema="bjorksund"][data-tema="natt"][data-obj="fastighet"]{--brand:#e6bf59;--brand-2:#e6bf59;--brand-soft:color-mix(in srgb,#946b00 24%,#1e1e21);--brand-kant:color-mix(in srgb,#e6bf59 35%,#1e1e21);--surface-sel:var(--brand-soft);--fyll:#946b00;--fyll-djup:#765500;--pa-fyll:#fff;}
}
.kundtema-kort{display:flex;align-items:center;justify-content:space-between;gap:24px}
.kundtema-kort h3{font-size:16px;margin:0 0 6px}
.kundtema-kort p{margin:0;max-width:58ch}
.kundtema-val{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;flex:none}
.kundtema-val input{appearance:none;position:relative;display:block;width:40px;height:24px;margin:0;flex:none;background:var(--line);border:1px solid var(--muted);border-radius:999px;cursor:pointer}
.kundtema-val input::before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .13s ease}
.kundtema-val input:checked{background:var(--fyll);border-color:var(--fyll)}
.kundtema-val input:checked::before{transform:translateX(16px)}
@media(prefers-reduced-motion:reduce){.kundtema-val input::before{transition:none}}
@media(forced-colors:active){.kundtema-val input{appearance:auto}.kundtema-val input::before{content:none}}
.kundtema-val input:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.rapport-logo-egen{object-fit:contain;background:#fff;padding:8px;box-sizing:content-box;border-radius:4px}
.rapport-logo-par{display:block;margin-bottom:16px}
.rapport-logo-par img{max-height:58px;max-width:200px;object-fit:contain}
@media(max-width:600px){.kundtema-kort{align-items:flex-start;flex-direction:column;gap:16px}.kundtema-val{width:100%;justify-content:space-between}}
@media print{.kund-signatur{display:none!important}.rapport-kundlogo{border-radius:0;padding:0}}

.kundtema-preview{display:block;margin-bottom:12px}
.kundtema-preview img{max-width:120px;max-height:32px;object-fit:contain}
@media screen{:root[data-kundtema] .topbar .ov-typ{background:var(--fyll)}}
/* Samma Planbo-lykta i neutral grafit/silver mot Usbls röda accent.
   Bara originalbildens färgmättnad ändras; arbetsljus, form och lägen bevaras. */
:root[data-kundtema="usbl"] .ly-ikon>image,
:root[data-kundtema="usbl"] .nav-item[data-view="lykta"] .ico svg>image{filter:grayscale(1)}

.kund-bild{display:flex;align-items:center;height:30px}
.kund-powered{display:block;font:450 10px/12px Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;white-space:nowrap;color:var(--muted)}
.kund-signatur[data-kund="helsingborgshem"]{gap:0}
.kund-signatur[data-kund="helsingborgshem"] .kund-bild{height:34px}
.kund-signatur[data-kund="helsingborgshem"] img{max-height:34px}

.kund-signatur[data-kund="storgatanett"]{gap:0}
.kund-signatur[data-kund="storgatanett"] .kund-bild{height:34px}
.kund-signatur[data-kund="storgatanett"] img{max-height:34px}

:root[data-tema="natt"] [data-dark-mono="true"] .kund-logo-natt{filter:brightness(0) invert(1)}
@media print{.kund-logo-par .kund-logo-ljus{display:block!important}.kund-logo-par .kund-logo-natt{display:none!important}}

.kundpresentation-status{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:1100;display:flex;align-items:center;gap:16px;max-width:calc(100% - 32px);padding:8px 8px 8px 16px;background:var(--card);color:var(--ink);border:1px solid var(--brand-kant);border-radius:999px;box-shadow:0 4px 24px #0002;font-size:12px;white-space:nowrap}
.kundpresentation-status button{border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--soft);color:var(--ink);font:inherit;cursor:pointer}
.kundpresentation-status button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media print{.kundpresentation-status{display:none!important}}

.kundpresentation-status>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.kundpresentation-status button{flex:none}