/* Tessera: one stylesheet. Section 1 holds the design tokens (fonts, colours, light and dark, environment bar) and
   nothing else; section 2 holds the component rules, which only read the tokens. An app themes it with a small
   stylesheet loaded after this one (Frame.Theme) that redefines the custom properties. */
/* ===== 1. tokens ===== */
/* Fonts: files next to this stylesheet (fonts/); no embedded data, no CDN. */
@font-face{font-family:"Saira Expanded";src:url(fonts/saira-expanded.woff2) format("woff2");font-weight:100 900;font-display:swap}

@font-face{font-family:"Lexend Deca";src:url(fonts/lexend-deca.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--page:#f9f8f6}
.tsr{--line2:#c9d0db;--bad-bg:#f5e6e2;--ok-bg:#e6eef7;--bg:#f9f8f6;--raised:#ffffff;--sunken:#eef1f5;--line:#e3e7ed;--ink:#0f1727;--muted:#49566c;--subtle:#606777;--strong:#878fa1;--primary:#0f1727;--on-primary:#ffffff;--bar:#4f74a8;--green:#3f9a63;--danger:#923d30;--on-danger:#ffffff;--link:#284576;--code:#eef1f5;--tip:#0f1727;--on-tip:#ffffff;--navon:#e4e9f2;--sel:#e9eef6;--panel:#f2f1ee}
.tsr-envbar.dev,.tsr-env-dot.dev{--env-bg:#fbe7e5;--env-ink:#9b2a1f;--env-line:#f2cdc8}
.tsr-envbar.test,.tsr-env-dot.test{--env-bg:#e4f3e8;--env-ink:#1f6b3a;--env-line:#c9e6d2}
.tsr-envbar.acc,.tsr-env-dot.acc{--env-bg:#e3eefa;--env-ink:#1d4f86;--env-line:#c9dcf1}
.tsr-env-dot.prod{--env-ink:var(--ink)}
.tsr{--focus:#2f6fd6}
.tsr{--yk:#e2b33c}
.tsr-lm-login{--sunk:#efede8;--bg:#f9f8f6;--ink:#0f1727;--muted:#49566c;--subtle:#606777;--line:#e3e7ed;--strong:#878fa1;--primary:#0f1727;--on-primary:#fff;--focus:#2f6fd6;--danger:#b4412f;--ok:#2f7a4a;--ok-bg:#e4f3e8}
.tsr-lm-login .tsr-lg-yk{--yk:#e2b33c}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]){--page:#0e1421}
.tsr:not([data-theme="light"]){--line2:#3b475f;--bad-bg:#3a2427;--ok-bg:#1f2c44;--bg:#0e1421;--raised:#161d2e;--sunken:#1c2539;--line:#283349;--ink:#ecf0f6;--muted:#b2bccd;--subtle:#8f99ac;--strong:#657187;--primary:#e8eef6;--on-primary:#0f1727;--bar:#8faedb;--green:#8ecca1;--danger:#dc9183;--on-danger:#ffffff;--link:#a8c2e7;--code:#1c2539;--tip:#ecf0f6;--on-tip:#0f1727;--navon:#1c2539;--sel:#1d2940;--panel:#131a28}
.tsr:not([data-theme="light"]) .tsr-envbar.dev,.tsr:not([data-theme="light"]) .tsr-env-dot.dev{--env-bg:#3d1c1a;--env-ink:#f4b3aa;--env-line:#562724}
.tsr:not([data-theme="light"]) .tsr-envbar.test,.tsr:not([data-theme="light"]) .tsr-env-dot.test{--env-bg:#173322;--env-ink:#9fd9b1;--env-line:#22462f}
.tsr:not([data-theme="light"]) .tsr-envbar.acc,.tsr:not([data-theme="light"]) .tsr-env-dot.acc{--env-bg:#16304d;--env-ink:#a9cbf2;--env-line:#21426a}
.tsr:not([data-theme="light"]){--focus:#7fb0ff}
.tsr-lm-login:not([data-theme="light"]){--sunk:#1a2232;--bg:#0e1421;--ink:#ecf0f6;--muted:#b2bccd;--subtle:#8f99ac;--line:#283349;--strong:#657187;--primary:#e8eef6;--on-primary:#0f1727;--focus:#7fb0ff;--danger:#dc9183;--ok:#9fd9b1;--ok-bg:#173322}
}

/* ===== 2. components ===== */
:root{color-scheme:light}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--page:#0e1421;color-scheme:dark}}
html,body{background:var(--page)}
body{margin:0;font-family:"Lexend Deca",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
.tsr{font-family:"Lexend Deca",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;display:grid;grid-template-columns:206px minmax(0,1fr);-webkit-font-smoothing:antialiased}
.tsr *{box-sizing:border-box}
.tsr button{font-family:inherit;cursor:pointer}
.tsr-wrap{max-width:none;padding:0 clamp(20px,3.2vw,48px)}
.tsr-side{position:sticky;top:0;height:100vh;min-height:520px;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:22px 10px 18px}
.tsr-logo{display:block;width:136px;height:auto;color:var(--ink);cursor:pointer;margin:7px 0 0 16px}
.tsr-nav{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:30px}
.tsr-nav-ind{position:absolute;left:0;right:0;top:0;border-radius:6px;background:var(--navon);transition:transform .38s cubic-bezier(.2,.7,.2,1);will-change:transform}
.tsr-nav a{position:relative;z-index:1}
.tsr-nav a{display:flex;align-items:center;gap:13px;width:100%;height:28px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--ink);font-size:13.5px;font-weight:400;text-align:left}
.tsr-nav a svg{flex:0 0 auto;color:var(--muted)}
.tsr-nav a:hover{background:var(--sunken)}
.tsr-nav a.on,.tsr-nav a.on:hover{background:none}
.tsr-nav a.on svg{color:var(--ink)}
.tsr-nav-gap{height:14px}
.tsr-side .tsr-nav{flex:1 1 auto;margin-bottom:14px}
.tsr-side .tsr-nav-gap{flex:1 1 auto;min-height:14px}
.tsr-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:0 4px 0 9px}
.tsr-avatar{flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.tsr-user-t{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.tsr-user-t b{font-size:13px;line-height:17px;font-weight:600}
.tsr-user-t small{font-size:11.5px;line-height:15px;color:var(--subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsr-build{margin:8px 5px 0;text-align:right;color:var(--subtle);font-size:10.5px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsr-build span,.tsr-build small{display:block;overflow:hidden;text-overflow:ellipsis}
.tsr-build small{font:inherit}
.tsr-out{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:none;color:var(--subtle)}
.tsr-out:hover{background:var(--sunken);color:var(--ink)}
.tsr-gear.on{background:var(--sunken)}
.tsr-pill{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--sunken);color:var(--muted);font-size:12px;line-height:20px}
.tsr-nb{margin-top:24px}
.tsr-gear{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink);border-radius:8px;padding:0}
.tsr-gear:hover{background:var(--sunken)}
.tsr-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 13px;border-radius:7px;border:1px solid var(--strong);background:transparent;color:var(--ink);font-size:13.3px;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .12s}
.tsr-btn:hover{background:var(--sunken)}
.tsr-btn.on,.tsr-btn.fill{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.tsr-btn.lg{height:36px;padding:0 13px;font-size:13.3px}
.tsr-btn.hd{height:39px;padding:0 16px;font-size:14px}
.tsr-btn.danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}
.tsr-main{min-width:0;padding:46px 0 72px}
.tsr-h1{margin:0;font-family:"Saira Expanded","Lexend Deca",sans-serif;font-weight:250;font-size:34px;line-height:44px;letter-spacing:.03em}
.tsr-lead{margin:16px 0 0;font-size:15px;line-height:24px;font-weight:300;color:var(--muted)}
.tsr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tsr-sec{margin-top:40px}
.tsr-sec-h{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tsr-h2{margin:0;font-size:17px;line-height:24px;font-weight:500}
.tsr-toggle{display:flex;gap:8px}
.tsr-card{margin-top:17px;background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:16px 16px 16px}
.tsr-legend{display:flex;gap:16px;font-size:12px;line-height:16px;color:var(--subtle)}
.tsr-legend span{display:inline-flex;align-items:center;gap:7px}
.tsr-legend i{display:inline-block;width:15px;height:3px;border-radius:2px}
.tsr-bars{margin-top:14px;display:flex;flex-direction:column;gap:13px}
.tsr-barrow{display:flex;flex-direction:column;gap:5px}
.tsr-barlbl{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:18px;font-weight:300}
.tsr-barlbl span:last-child{color:var(--subtle)}
.tsr-track{position:relative;height:11px;border-radius:6px;background:var(--sunken);overflow:hidden}
.tsr-fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--bar);min-width:6px}
.tsr-fill.g{background:var(--green);min-width:5px}
.tsr-chart{position:relative;margin-top:14px}
.tsr-chart svg{display:block;width:100%;overflow:visible}
.tsr-tip{position:absolute;pointer-events:none;background:var(--tip);color:var(--on-tip);font-size:11.5px;line-height:16px;padding:5px 8px;border-radius:5px;white-space:nowrap;transform:translate(-50%,-100%)}
.tsr-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13.5px;line-height:20px}
.tsr-table th{text-align:left;font-size:12px;font-weight:500;color:var(--subtle);padding:10px 8px 13px;border-bottom:1px solid var(--line)}
.tsr-table td{padding:10px 8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.tsr-table tr.tot td{font-weight:500}
.tsr-table td.act{vertical-align:middle;text-align:right;padding-right:8px}
.tsr-small{display:block;font-size:11px;line-height:16px;color:var(--subtle);margin-top:2px}
.tsr-wl-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.tsr-wl-top p{margin:0;font-size:15.5px;line-height:24px;font-weight:300;color:var(--muted)}
.tsr-wl-act{display:flex;gap:8px}
.tsr-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.tsr-search{position:relative;flex:0 1 300px;min-width:200px}
.tsr-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--subtle);pointer-events:none}
.tsr-search input{width:100%;height:36px;padding:0 12px 0 34px;border:1px solid var(--strong);border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px}
.tsr-search input::placeholder{color:var(--subtle)}
.tsr-search input:focus{outline:2px solid var(--focus);outline-offset:1px}
.tsr-dd{position:relative}
.tsr-ddb{gap:6px;font-weight:400}
.tsr-ddb b{font-weight:500}
.tsr-ddb svg{color:var(--subtle);margin-left:2px}
.tsr-ddb.set{border-color:var(--ink)}
.tsr-ddm{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:200px;padding:4px;background:var(--raised);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(11,23,40,.12);display:flex;flex-direction:column;animation:tsr-up .14s ease}
.tsr-ddm button{display:flex;align-items:center;justify-content:space-between;gap:12px;height:32px;padding:0 10px;border:0;border-radius:5px;background:none;color:var(--ink);font-size:13.5px;text-align:left;white-space:nowrap}
.tsr-ddm button:hover{background:var(--sunken)}
.tsr-ddm-multi button{justify-content:flex-start;gap:10px}
.tsr-mchk{flex:none;display:inline-grid;place-content:center;width:16px;height:16px;box-sizing:border-box;border:1px solid var(--strong);border-radius:4px;color:var(--on-primary,#fff)}
.tsr-mchk.on{background:var(--primary);border-color:var(--primary)}
.tsr-ddm-sep{height:1px;margin:4px 6px;background:var(--line)}
.tsr-ddm-multi.still{animation:none}
.tsr-reset{border:0;background:none;padding:0 6px;color:var(--link);font-size:13.5px}
.tsr-reset:hover{text-decoration:underline;text-underline-offset:3px}
.tsr-reset-i{display:none}
.tsr-tabmore{display:none}
.tsr-tabmore .tsr-more-m .tsr-cnt{margin-left:auto}
.tsr-tabmore .tsr-more-m{right:auto;left:0}
.tsr-tabmore .tsr-more::after{right:auto;left:0}
.tsr-tb-sp{flex:1 1 auto}
.tsr-th{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:500;text-decoration:none}
.tsr-th svg{opacity:.45}
.tsr-th:hover{color:var(--ink)}
.tsr-th.on{color:var(--ink)}
.tsr-th.on svg{opacity:1}
.tsr-empty{color:var(--subtle);padding:20px 8px!important;cursor:default}
.tsr-count{margin:0;font-size:12.5px;line-height:18px;color:var(--subtle)}
.tsr-pager{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:14px}
.tsr-pgs{display:flex;align-items:center;gap:2px}
.tsr-pg{height:30px;min-width:30px;padding:0 9px;border:0;border-radius:6px;background:none;color:var(--ink);font-size:13px;font-weight:400}
.tsr-pg:hover:not(:disabled){background:var(--sunken)}
.tsr-pg.on{background:var(--navon);font-weight:500;cursor:default}
.tsr-pg:disabled:not(.on){color:var(--subtle);opacity:.55;cursor:default}
.tsr-pg.txt:nth-child(2){margin-right:6px}
.tsr-pg.txt:nth-last-child(2){margin-left:6px}
.tsr-scroll{overflow-x:auto;margin-top:16px}
.tsr-wl .tsr-table{margin-top:0;font-size:14px}
.tsr-pt td,.tsr-pt th{white-space:nowrap}
.tsr-pt td{padding:11px 10px 11px 8px;vertical-align:middle}
.tsr-pt td.act{width:1%;padding-right:4px}
.tsr-mail{color:inherit;text-decoration:none;display:inline-block;max-width:215px;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.tsr-mail:hover{text-decoration:underline}
.tsr-dim{color:var(--subtle)}
.tsr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tsr-pt td.act{white-space:nowrap}
.tsr-btn.tsr-sm{height:30px;padding:0 11px;font-size:13px;margin-right:6px;vertical-align:middle}
.tsr-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,39,.32);animation:tsr-fade .18s ease}
.tsr-dialog{width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow:auto;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 16px 40px rgba(11,23,40,.16);animation:tsr-up .22s cubic-bezier(.2,.7,.2,1)}
.tsr-dialog-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.tsr-dialog-t{margin:0;font-size:20px;line-height:28px;font-weight:500}
.tsr-dialog-s{margin:2px 0 0;font-size:13.5px;line-height:20px;color:var(--subtle)}
.tsr-x{width:32px;height:32px;margin:-4px -6px 0 0;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:none;color:var(--subtle)}
.tsr-x:hover{background:var(--sunken);color:var(--ink)}
.tsr-dl-m{grid-template-columns:120px minmax(0,1fr);margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.tsr-dl-m dd{color:var(--ink)}
.tsr-dialog-l{margin:22px 0 0;font-size:12.5px;line-height:18px;font-weight:500;color:var(--subtle)}
.tsr-tl{list-style:none;margin:10px 0 0;padding:0 0 0 16px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.tsr-tl li{position:relative;font-size:14px;line-height:20px}
.tsr-tl li::before{content:"";position:absolute;left:-20px;top:6px;width:7px;height:7px;border-radius:999px;background:var(--strong)}
.tsr-tl li:last-child::before{background:var(--ink)}
.tsr-dialog-f{display:flex;justify-content:flex-end;margin-top:24px}

@keyframes tsr-fade{from{opacity:0}}

@keyframes tsr-up{from{opacity:0;transform:translateY(8px)}}
.tsr-st.bounce,.tsr-st.klacht{color:var(--danger)}
.tsr-pt tbody tr:hover td{background:var(--sunken)}
.tsr-row{cursor:pointer}
.tsr-del.tsr-open:hover{color:var(--ink)}
.tsr-del{vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:none;color:var(--subtle);font-size:13px;font-weight:500;white-space:nowrap}
.tsr-del:hover{color:var(--danger);background:var(--raised)}
.tsr-del.sure{width:auto;padding:0 10px;border:1px solid var(--danger);color:var(--danger);background:transparent}
.tsr-wl .tsr-table th{padding-bottom:10px}
.tsr-wl .tsr-table td{padding:10px 8px 11px}
.tsr-back{display:inline-block;margin-top:16px;font-size:14px;line-height:20px;color:var(--link);text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:none;border:0;padding:0}
.tsr-set{max-width:760px;margin-top:24px;display:flex;flex-direction:column;gap:24px}
.tsr-set .tsr-card{margin-top:0;border-radius:12px;padding:24px 24px 24px}
.tsr-h3{margin:0;font-size:17px;line-height:24px;font-weight:500}
.tsr-p{margin:12px 0 0;font-size:14.5px;line-height:24px;font-weight:300;color:var(--muted)}
.tsr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
.tsr-lbl{display:block;margin-top:16px;font-size:12.5px;line-height:18px;font-weight:600}
.tsr-input{display:block;width:100%;height:44px;margin-top:8px;padding:0 12px;border:1px solid var(--strong);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px}
.tsr-input:focus{outline:2px solid var(--link);outline-offset:1px}
.tsr-help{margin:7px 0 0;font-size:11.5px;line-height:16px;color:var(--subtle)}
.tsr-set .tsr-btn.fill{margin-top:31px}
.tsr-status{margin:10px 0 0;font-size:12.5px;line-height:18px;color:var(--green)}
.tsr-dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 0;margin-top:20px;font-size:14px;line-height:22px}
.tsr-dl dt{font-size:12.5px;font-weight:500;color:var(--subtle)}
.tsr-dl dd{margin:0;color:var(--muted);font-weight:400}
.tsr-code{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--code);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}

@media (prefers-reduced-motion:reduce){.tsr-nav-ind{transition:none}.tsr-modal,.tsr-dialog{animation:none}}

@media (max-width:760px){.tsr{grid-template-columns:1fr}.tsr-side{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.tsr-user{margin-top:16px}.tsr-sec-h,.tsr-wl-top{flex-direction:column;align-items:flex-start}.tsr-table{display:block;overflow-x:auto}.tsr-dl{grid-template-columns:1fr}}
.tsr-pt th.tsr-th-n{text-align:right;white-space:nowrap;font-weight:400;color:var(--subtle);font-variant-numeric:tabular-nums}
.tsr-dt{margin-top:0;font-size:14px}
.tsr-dt th{padding-bottom:10px}
.tsr-dt td{padding:10px 8px 11px}
.tsr-dt tfoot td{font-weight:500;border-bottom:0}
.tsr-sec .tsr-scroll{margin-top:14px}
.tsr-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tsr-head-act{display:flex;gap:8px}
.tsr-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:start}
.tsr-split-main{min-width:0}
.tsr-pt tbody tr.sel td,.tsr-pt tbody tr.sel:hover td{background:var(--sel)}
.tsr-row:focus{outline:none}
.tsr-row:focus-visible td{box-shadow:inset 0 2px 0 -1px var(--link),inset 0 -2px 0 -1px var(--link)}
.tsr-panel{position:sticky;top:0;height:100vh;min-height:520px;overflow:auto;box-sizing:border-box;min-width:0;padding:46px 24px 24px;border-left:1px solid var(--line);background:var(--panel)}
.tsr-eyebrow{margin:0;font-size:13px;line-height:20px;color:var(--subtle)}
.tsr-panel-t{margin:0;font-size:19px;line-height:27px;font-weight:500}
.tsr-panel-s{margin:2px 0 0;font-size:14px;line-height:21px;color:var(--muted)}
.tsr-dl-p{grid-template-columns:96px minmax(0,1fr);margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.tsr-dl-p dd{color:var(--ink);overflow-wrap:anywhere}
.tsr-panel-act{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}
.tsr-panel-act .tsr-btn{text-decoration:none;gap:8px}
.tsr-btn.tsr-sure{border-color:var(--danger);color:var(--danger)}

@media (max-width:1100px){.tsr.has-panel{grid-template-columns:206px minmax(0,1fr)}.tsr-panel{grid-column:2;position:static;height:auto;border-left:0;border-top:1px solid var(--line)}}
.tsr-split .tsr-pt td,.tsr-split .tsr-pt th{padding-left:8px;padding-right:6px}
.tsr-split .tsr-pt th.tsr-th-n{padding-right:8px}
.tsr-app{display:block;margin:7px 0 0 16px;font-size:11px;line-height:14px;font-weight:500;letter-spacing:.22em;color:var(--subtle)}
.tsr-danger{margin-top:0}
.tsr-danger-l{margin:0;font-size:12.5px;line-height:18px;font-weight:500;color:var(--danger)}
.tsr-danger-p{margin:6px 0 0;font-size:13px;line-height:20px;color:var(--muted)}
.tsr-danger-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tsr-btn.tsr-btn-danger{color:var(--danger);gap:8px}
.tsr-btn.tsr-btn-danger.sure{border-color:var(--danger)}
.tsr-ptabs{position:relative;display:flex;gap:2px;margin-top:18px;padding:3px;border:1px solid var(--line);border-radius:8px}
.tsr-ptabs-ind{position:absolute;left:0;top:3px;bottom:3px;border-radius:6px;background:var(--navon);transition:transform .32s cubic-bezier(.2,.7,.2,1),width .32s cubic-bezier(.2,.7,.2,1)}
.tsr-ptabs :is(button,a){position:relative;flex:1 1 0;height:30px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer}
.tsr-ptabs :is(button,a):hover{color:var(--ink)}
.tsr-ptabs :is(button,a).on{color:var(--ink);cursor:default}
.tsr-ptab-body{margin-top:18px}
.tsr-ptab-body .tsr-dl-p{margin-top:0;padding-top:0;border-top:0}
.tsr-tl-p{margin-top:4px}
.tsr-split .tsr-toolbar{flex-wrap:nowrap}
.tsr-split .tsr-search{flex:1 1 260px;min-width:150px;max-width:300px}
.tsr-split .tsr-toolbar>*:not(.tsr-search):not(.tsr-tb-sp){flex:none}
.tsr-panel .tsr-ptabs{background:var(--bg)}
.tsr-panel .tsr-ptabs-ind{background:var(--navon)}
.tsr-side{background:var(--panel)}
.tsr.has-panel{grid-template-columns:206px minmax(0,1fr) 320px}
.tsr-split{display:block}
.tsr-panel-t{margin-top:4px}
.tsr-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--sunken);color:var(--muted);font-size:12px;font-weight:500;line-height:1;white-space:nowrap}
.tsr-chip.bevestigd{background:var(--ok-bg);color:var(--ink)}
.tsr-chip.bounce,.tsr-chip.klacht{background:var(--bad-bg);color:var(--danger)}
.tsr-pt tbody tr.sel .tsr-chip:not(.bounce):not(.klacht){background:var(--raised)}
.tsr-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;border-radius:999px;background:var(--sunken);color:var(--subtle);font-size:11px;font-weight:500}
.tsr-panel-act{flex-direction:row;flex-wrap:wrap}
.tsr-cap{margin:0;font-size:11px;line-height:16px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--subtle)}
.tsr-crumbs{display:flex;align-items:center;gap:6px;font-size:13px;line-height:20px;color:var(--subtle);margin:-6px 0 8px}
.tsr-crumbs :is(button,a){border:0;background:none;padding:0;font:inherit;color:var(--muted);cursor:pointer}
.tsr-crumbs :is(button,a):hover{color:var(--ink);text-decoration:underline}
.tsr-crumbs [aria-current]{color:var(--ink)}
.tsr-rec-sub{margin:4px 0 0;font-size:15px;line-height:22px;font-weight:300;color:var(--muted)}
.tsr-head{align-items:flex-start}
.tsr-head .tsr-btn.fill{margin-top:4px}
.tsr-btn.fill{gap:8px;text-decoration:none}
.tsr-rec-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-top:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.tsr-rec-bar-r{display:flex;align-items:center;gap:8px;align-self:stretch;flex:none}
.tsr-rec-bar-r .tsr-steps{padding-top:0!important;padding-bottom:0!important;margin:0!important}
.tsr-rec-bar-r .tsr-more{margin-left:0}
.tsr-rec-bar .tsr-ptabs{margin-top:0;display:inline-flex}
.tsr-rec-bar .tsr-ptabs :is(button,a){flex:none;padding:0 14px}
.tsr-steps{display:flex;align-items:center;gap:14px}
.tsr-steps ol{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.tsr-steps li.st{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:500;color:var(--subtle);white-space:nowrap}
.tsr-steps li.sep{display:inline-flex;color:var(--strong)}
.tsr-steps li.done{color:var(--muted)}
.tsr-steps li.cur,.tsr-steps li.cur-done{background:var(--navon);color:var(--ink)}
.tsr-steps li.err{background:var(--bad-bg);color:var(--danger)}
.tsr-steps i.dot{width:7px;height:7px;border-radius:999px;background:currentColor}
.tsr-steps i.ring{width:8px;height:8px;border-radius:999px;border:1.5px solid currentColor;box-sizing:border-box}
.tsr-rec{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:48px;margin-top:28px;align-items:start}
.tsr-rec-l{display:flex;flex-direction:column;gap:28px}
.tsr-kv{display:grid;grid-template-columns:120px minmax(0,1fr);margin:8px 0 0;font-size:14px;line-height:21px}
.tsr-kv dt,.tsr-kv dd{margin:0;padding:9px 0;border-bottom:1px solid var(--line)}
.tsr-kv dt{color:var(--subtle);font-size:13px}
.tsr-kv dd{color:var(--ink);overflow-wrap:anywhere}
.tsr-rec-r{min-width:0}
.tsr-ptabs.u{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:4px;margin-top:0}
.tsr-ptabs.u .tsr-ptabs-ind{top:auto;bottom:-1px;height:2px;border-radius:2px;background:var(--ink)}
.tsr-ptabs.u :is(button,a){flex:none;height:40px;padding:0 4px;margin-right:14px;border-radius:0;color:var(--muted);display:inline-flex;align-items:center}
.tsr-ptabs.u :is(button,a).on{color:var(--ink)}
.tsr-ptabs.u :is(button,a):hover:not(.on){color:var(--ink)}
.tsr-work{margin-top:8px}
.tsr-work .tsr-scroll{margin-top:4px}
.tsr-empty-b{padding:28px 0;font-size:14px;line-height:22px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.tsr-empty-b p{margin:0}
.tsr-empty-b .tsr-btn{margin-top:12px}
.tsr-rec-one{margin-top:28px;max-width:560px}
.tsr-tl-big li{font-size:15px}

@media (max-width:1100px){.tsr-rec{grid-template-columns:1fr}}
.tsr-tl-big li:last-child::before{background:var(--strong)}
.tsr-tl-big li:first-child::before{background:var(--ink)}
.tsr.has-panel{grid-template-columns:206px minmax(0,1fr)}
.tsr-panel#tsr-pv{position:fixed;top:0;right:0;bottom:0;height:auto;min-height:0;width:340px;max-width:100%;z-index:40;margin:0;padding:46px 24px 24px;border-left:1px solid var(--line);background:var(--panel);box-shadow:-16px 0 40px rgba(15,23,39,.08);transform:translateX(104%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s;overflow:auto}
.tsr-panel#tsr-pv.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
.tsr.pinned .tsr-main{padding-right:340px;transition:padding-right .3s cubic-bezier(.2,.7,.2,1)}
.tsr.pinned .tsr-panel#tsr-pv{box-shadow:none}
.tsr-pv-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tsr-pv-h .tsr-panel-s{overflow-wrap:anywhere}
.tsr-pv-s{margin-top:26px}
.tsr-pv-s .tsr-kv{grid-template-columns:104px minmax(0,1fr)}
.tsr-ai .tsr-cap{display:flex;align-items:center;gap:6px}
.tsr-ai p{margin:10px 0 0;font-size:14px;line-height:22px;color:var(--muted)}
.tsr-panel#tsr-pv .tsr-panel-act{margin-top:26px}

@media (max-width:760px){.tsr.pinned .tsr-main{padding-right:0}}
.tsr-rec-bar{align-items:flex-end;padding-bottom:0;border-bottom:1px solid var(--line2)}
.tsr-rec-bar .tsr-ptabs.u{border-bottom:0;display:inline-flex}
.tsr-rec-bar .tsr-ptabs.u :is(button,a){height:46px;padding:0 2px;margin-right:22px;font-size:14px}
.tsr-rec-bar .tsr-ptabs.u .tsr-ptabs-ind{bottom:-1px}
.tsr-rec-bar .tsr-steps{padding-bottom:9px}
.tsr-ptabs.u{border-bottom-color:var(--line2)}
.tsr-kv{font-size:14.5px;line-height:22px}
.tsr-kv dt{color:var(--muted);font-size:13.5px}
.tsr-kv dd{color:var(--ink);font-weight:500}
.tsr-kv dt,.tsr-kv dd{border-bottom-color:var(--line2)}
.tsr-kvs .tsr-cap,.tsr-pv-s .tsr-cap,.tsr-cap.tsr-work-h{color:var(--muted);font-weight:600}
.tsr-ptabs.pill{display:inline-flex;margin-top:0;padding:0;border:0;gap:4px}
.tsr-ptabs.pill .tsr-ptabs-ind{top:0;bottom:0;border-radius:7px;background:var(--navon)}
.tsr-ptabs.pill :is(button,a){flex:none;height:32px;padding:0 12px;border-radius:7px;font-size:13px;color:var(--muted);display:inline-flex;align-items:center}
.tsr-ptabs.pill :is(button,a).on{color:var(--ink)}
.tsr-ptabs.pill :is(button,a).on .tsr-cnt{background:var(--raised)}
.tsr-rec-r .tsr-work{margin-top:12px}
.tsr-panel#tsr-pv{box-shadow:none}
.tsr-panel#tsr-pv{transform:translateX(32px);opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s ease,visibility 0s linear .55s}
.tsr-panel#tsr-pv.open{transform:none;opacity:1;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility 0s}
.tsr-panel#tsr-pv>*{transition:opacity .2s ease}
.tsr-rec-r{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:16px 20px 12px}
.tsr-rec-r .tsr-pt th{color:var(--muted)}
.tsr-rec-r .tsr-pt td,.tsr-rec-r .tsr-pt th{border-bottom-color:var(--line2)}
.tsr-rec-r .tsr-pt tbody tr:last-child td{border-bottom:0}
.tsr-rec-r .tsr-ptabs.pill .tsr-ptabs-ind{background:var(--bg)}
.tsr-rec-r .tsr-ptabs.pill :is(button,a).on .tsr-cnt{background:var(--sunken)}
.tsr-rec-r .tsr-empty-b{padding:20px 0 12px}
.tsr-hrow{cursor:default}
.tsr-pv-p{margin:10px 0 0;font-size:14px;line-height:22px;color:var(--ink)}
.tsr-hrow:focus{outline:none}
.tsr-hrow:focus-visible td{box-shadow:inset 0 2px 0 -1px var(--link),inset 0 -2px 0 -1px var(--link)}
.tsr-rec-l{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:20px 20px 8px;gap:24px}
.tsr-rec-l .tsr-kvs:last-child .tsr-kv dt:last-of-type,.tsr-rec-l .tsr-kvs:last-child .tsr-kv dd:last-of-type{border-bottom:0}
.tsr-rec{grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:28px}
.tsr-rec-l{background:none;border:0;border-radius:0;padding:0}
.tsr-rec-l .tsr-kvs:last-child .tsr-kv dt:last-of-type,.tsr-rec-l .tsr-kvs:last-child .tsr-kv dd:last-of-type{border-bottom:1px solid var(--line2)}
.tsr-rec-r{border:0}
.tsr-cnt,.tsr-ptabs.pill :is(button,a).on .tsr-cnt,.tsr-rec-r .tsr-ptabs.pill :is(button,a).on .tsr-cnt{background:none;min-width:0;height:auto;padding:0;margin-left:6px;border-radius:0;color:var(--subtle);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.tsr-steps li.st{padding:0 6px;height:24px;border-radius:0;font-weight:400}
.tsr-steps li.cur,.tsr-steps li.cur-done{background:none;color:var(--ink);font-weight:500}
.tsr-steps li.err{background:none;color:var(--danger);font-weight:500}
.tsr-panel#tsr-pv{width:360px}
.tsr-panel#tsr-pv .tsr-kv{grid-template-columns:92px minmax(0,1fr);font-size:14px}
.tsr-panel#tsr-pv .tsr-kv dd{overflow-wrap:normal;word-break:normal}
.tsr-panel#tsr-pv .tsr-panel-s{overflow-wrap:normal}
.tsr-rec-r .tsr-chip:not(.bounce):not(.klacht):not(.bevestigd){background:var(--raised);color:var(--ink)}
.tsr.is-record .tsr-main{padding-right:360px}

@media (max-width:1100px){.tsr.is-record .tsr-main{padding-right:0}}
.tsr-panel#tsr-pv{transform:translateX(16px);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease,visibility 0s linear .7s}
.tsr-panel#tsr-pv.open{transform:none;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease,visibility 0s}
.tsr-panel#tsr-pv>*{transition:opacity .14s ease}
.tsr-panel#tsr-pv.swap>*{opacity:0}
.tsr-crumbs{height:20px;margin:0 0 10px;padding:0}
.tsr-head{margin:0}
.tsr-head .tsr-h1,.tsr-wrap>.tsr-h1,.tsr-wl>.tsr-h1{margin:0}
.tsr-wrap{container-type:inline-size}

@container (max-width:1040px){.tsr-rec{grid-template-columns:minmax(0,1fr)}.tsr-rec-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.tsr-rec-r{order:-1}}

@container (max-width:620px){.tsr-rec-l{grid-template-columns:minmax(0,1fr)}}
.tsr.has-pv{grid-template-columns:206px minmax(0,1fr) 360px}
.tsr.has-pv .tsr-main,.tsr.is-record .tsr-main,.tsr.pinned .tsr-main{padding-right:0}
.tsr.has-pv .tsr-panel#tsr-pv{position:sticky;top:0;right:auto;bottom:auto;height:100vh;min-height:520px;width:auto;transform:none;opacity:1;visibility:visible;transition:none;z-index:auto}
.tsr-pv-hint{margin:26px 0 0;font-size:13px;line-height:20px;color:var(--subtle)}

@media (max-width:1100px){.tsr.has-pv{grid-template-columns:206px minmax(0,1fr)}.tsr.has-pv .tsr-panel#tsr-pv{grid-column:2;position:static;height:auto;min-height:0;border-left:0;border-top:1px solid var(--line)}}

@media (max-width:760px){.tsr.has-pv{grid-template-columns:minmax(0,1fr)}.tsr.has-pv .tsr-panel#tsr-pv{grid-column:auto}}
.tsr-panel#tsr-pv .tsr-kv{grid-template-columns:104px minmax(0,1fr)}

@container (max-width:900px){.tsr-split .tsr-pt td:nth-child(-n+3){white-space:normal}.tsr-split .tsr-pt td,.tsr-split .tsr-pt th{padding-left:6px;padding-right:6px}}
.tsr-main{padding-top:25px}
.tsr.has-pv .tsr-panel#tsr-pv{padding-top:25px}
.tsr-panel#tsr-pv>*{transition:opacity .16s ease,transform .16s ease}
.tsr-panel#tsr-pv.swap>*{opacity:0;transform:translateX(8px)}
.tsr-panel#tsr-pv.enter>*{animation:tsr-pv-in .6s cubic-bezier(.16,1,.3,1) both}
.tsr-panel#tsr-pv.enter>*:nth-child(2){animation-delay:.05s}
.tsr-panel#tsr-pv.enter>*:nth-child(3){animation-delay:.1s}
.tsr-panel#tsr-pv.enter>*:nth-child(n+4){animation-delay:.15s}

@keyframes tsr-pv-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){.tsr-panel#tsr-pv.enter>*{animation:none}.tsr-panel#tsr-pv.swap>*{transform:none}}
.tsr-panel#tsr-pv>*{transition:none}
.tsr-panel#tsr-pv.swap>*{opacity:1;transform:none}
.tsr-panel#tsr-pv.enter>*,.tsr-panel#tsr-pv.enter>*:nth-child(n){animation:tsr-pv-in2 .18s ease-out both;animation-delay:0s}

@keyframes tsr-pv-in2{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){.tsr-panel#tsr-pv.enter>*,.tsr-panel#tsr-pv.enter>*:nth-child(n){animation:none}}
.tsr-panel#tsr-pv.enter>*,.tsr-panel#tsr-pv.enter>*:nth-child(n){animation:tsr-pv-in3 .34s cubic-bezier(.25,.6,.3,1) both;animation-delay:0s}

@keyframes tsr-pv-in3{from{opacity:.2;transform:translateX(4px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){.tsr-panel#tsr-pv.enter>*,.tsr-panel#tsr-pv.enter>*:nth-child(n){animation:none}}

@keyframes tsr-pv-in3{from{opacity:.2}to{opacity:1}}
.tsr-pv-first{margin-top:4px}
.tsr-pv-t2{margin:10px 0 0;font-size:16px;line-height:24px;font-weight:500;color:var(--ink)}
.tsr-pv-s .tsr-small{display:block;margin-top:2px}
.tsr-beheer .tsr-danger{margin-top:36px}

@container (max-width:1040px){.tsr-rec-l{grid-template-columns:minmax(0,1fr);max-width:560px}}
.tsr-danger-l{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.tsr-rec-mail{color:inherit}
.tsr-rec-mails{margin-top:20px}
.tsr-record .tsr-head{align-items:flex-start;flex-wrap:nowrap}
.tsr-record .tsr-head .tsr-steps{margin-top:12px;flex:none}

@container (max-width:860px){.tsr-record .tsr-head{flex-wrap:wrap}.tsr-record .tsr-head .tsr-steps{margin-top:0}}
.tsr-work-h{margin:4px 0 0}
.tsr-rec-mails .tsr-work{margin-top:12px}
.tsr-rec-mails{margin-top:20px}
.tsr-rec-mails .tsr-toolbar{margin-top:0}
.tsr-rec-mails .tsr-scroll{margin-top:16px}
.tsr-tbar{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line);padding:4px 8px 4px 0;min-height:44px}
.tsr-tbar .tsr-search{flex:0 1 280px;min-width:160px}
.tsr-tbar .tsr-search input{border:0;background:transparent;height:36px;padding-left:30px}
.tsr-tbar .tsr-search svg{left:6px}
.tsr-tbar .tsr-search input:focus{outline:none;box-shadow:inset 0 -2px 0 var(--focus)}
.tsr-tbar .tsr-dd .tsr-ddb{border:0;height:32px;padding:0 10px;background:transparent;font-weight:400;color:var(--muted)}
.tsr-tbar .tsr-dd .tsr-ddb:hover{background:var(--sunken);color:var(--ink)}
.tsr-tbar .tsr-dd .tsr-ddb.set{color:var(--ink)}
.tsr-tbar-n{margin-left:auto;font-size:12px;color:var(--subtle);white-space:nowrap}
.tsr-dt.has-bar thead th{border-bottom-color:var(--line2)}
.tsr-rec-mails .tsr-scroll{margin-top:0}
.tsr-rec-mails .tsr-tbar+.tsr-work{margin-top:8px}
.tsr-tbar{border-top:0;padding-top:0}
.tsr-rec-mails{margin-top:12px}
.tsr-tbar .tsr-search input:focus,.tsr-tbar .tsr-search input:focus-visible{outline:none!important;border-radius:0}
.tsr-steps-n{font-size:12px;color:var(--subtle)}
.tsr-rec-bar .tsr-steps{padding-bottom:12px}
.tsr-steps{cursor:default;border-radius:6px}
.tsr-steps:focus{outline:none}
.tsr-steps:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.tsr-steps li.hid{max-width:0;opacity:0;padding:0;overflow:hidden;white-space:nowrap;transition:max-width .32s cubic-bezier(.25,.6,.3,1),opacity .22s ease,padding .32s cubic-bezier(.25,.6,.3,1)}
.tsr-steps:hover li.hid,.tsr-steps:focus-within li.hid{max-width:220px;opacity:1}
.tsr-steps:hover li.st.hid,.tsr-steps:focus-within li.st.hid{padding:0 6px}
.tsr-steps li.sep.hid{transition-property:max-width,opacity}
.tsr-steps-n{display:none}

@media (prefers-reduced-motion:reduce){.tsr-steps li.hid{transition:none}}
.tsr-steps{position:relative;display:flex;align-items:center;gap:12px}
.tsr-steps .st{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:20px;color:var(--subtle);white-space:nowrap}
.tsr-steps>.st{color:var(--ink);font-weight:500}
.tsr-steps>.st.err{color:var(--danger)}
.tsr-steps-pop{position:absolute;right:-12px;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:8px;margin:0;padding:12px 14px;list-style:none;min-width:200px;background:var(--raised);border:1px solid var(--line2);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.tsr-steps:hover .tsr-steps-pop,.tsr-steps:focus-within .tsr-steps-pop{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease,visibility 0s}
.tsr-steps-pop .st.done{color:var(--muted)}
.tsr-steps-pop .st.cur,.tsr-steps-pop .st.cur-done{color:var(--ink);font-weight:500}
.tsr-steps-pop .st.err{color:var(--danger);font-weight:500}
.tsr-steps-pop .st.todo{color:var(--subtle)}
.tsr-steps-pop{align-items:flex-start}
.tsr-steps-pop li.st{padding:0;height:auto}
.tsr-tbar{margin-top:16px}
.tsr-rec-mails .tsr-tbar,.tsr-sec .tsr-tbar{margin-top:8px}
.tsr-tbar-btn{display:inline-flex;align-items:center;height:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:400;cursor:pointer;white-space:nowrap;text-decoration:none}
.tsr-tbar-btn:hover{background:var(--sunken);color:var(--ink)}
.tsr-tbar-btn svg{margin-right:6px!important}
.tsr-tbar-n+.tsr-tbar-btn{margin-left:6px}
.tsr-tbar-t{font-size:13px;color:var(--muted);padding-left:2px}
.tsr-tbar .tsr-reset{white-space:nowrap}
.tsr-pt.has-bar thead th{border-bottom-color:var(--line2)}
.tsr-split .tsr-scroll{margin-top:0}
.tsr-tbar+.tsr-scroll{margin-top:0}
.tsr-steps-pop{right:0;top:calc(100% + 8px);min-width:260px;padding:16px 18px 14px;gap:0;align-items:stretch;background:var(--raised);border:1px solid var(--line2);border-radius:10px}
.tsr-steps-pop li.sp{position:relative;display:grid;grid-template-columns:22px 1fr;column-gap:12px;padding:0 0 14px;margin:0;height:auto;font-size:13.5px;line-height:20px;color:var(--ink);font-weight:400;white-space:nowrap}
.tsr-steps-pop li.sp:last-child{padding-bottom:0}
.tsr-steps-pop li.sp:not(:last-child)::after{content:"";position:absolute;left:10.5px;top:24px;bottom:2px;width:1px;background:var(--line2)}
.tsr-steps-pop .sp-ic{grid-row:1/span 2;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid var(--line2);background:var(--bg);color:var(--muted)}
.tsr-steps-pop .sp-ic svg{width:12px;height:12px}
.tsr-steps-pop .sp-t{font-weight:400}
.tsr-steps-pop .sp-d{font-size:12px;line-height:18px;color:var(--subtle)}
.tsr-steps-pop li.sp.cur .sp-t,.tsr-steps-pop li.sp.cur-done .sp-t{font-weight:500}
.tsr-steps-pop li.sp.cur-done .sp-ic,.tsr-steps-pop li.sp.cur .sp-ic{border-color:var(--ink);color:var(--ink)}
.tsr-steps-pop li.sp.err .sp-ic{border-color:var(--danger);color:var(--danger)}
.tsr-steps-pop li.sp.err .sp-t{color:var(--danger);font-weight:500}
.tsr-steps-pop li.sp.todo .sp-t,.tsr-steps-pop li.sp.todo .sp-d{color:var(--subtle)}
.tsr-steps-pop li.sp.todo .sp-ic{border-style:dashed}
.tsr-steps-pop .sp-ic i.dot{width:6px;height:6px}
.tsr-steps-pop .sp-ic i.ring{display:none}
.tsr-steps ol.tsr-steps-pop{align-items:stretch;gap:0;flex-direction:column}
.tsr-steps ol.tsr-steps-pop{padding:16px 18px 14px;margin:0}
.tsr-steps-pop .sp-ic{box-sizing:border-box;position:relative;z-index:1}
.tsr-steps-pop li.sp:not(:last-child)::after{left:11px;width:1px;transform:translateX(-50%);top:22px;bottom:0}
.tsr-chip.bevestigd,.tsr-chip.aanbieding{background:var(--sunken);color:var(--ink)}
.tsr-chip.geactiveerd{background:var(--ok-bg);color:var(--ink)}
.tsr-pt tbody tr.sel .tsr-chip.geactiveerd{background:var(--raised)}
.tsr-chip.afgewezen,.tsr-chip.uitgeschreven{background:transparent;color:var(--subtle);box-shadow:inset 0 0 0 1px var(--line2)}
.tsr-steps>.st.end{color:var(--muted)}
.tsr-steps-pop li.sp.end .sp-ic{border-color:var(--muted);color:var(--muted)}
.tsr-steps-pop li.sp.end .sp-t{font-weight:500;color:var(--muted)}
.tsr-kv-note{margin:10px 0 0;font-size:13px;line-height:20px;color:var(--subtle)}
.tsr-rec-l{gap:28px}
.tsr-merge{margin:4px 0 20px;padding:16px 18px;border:1px solid var(--line2);border-radius:10px;background:var(--panel)}
.tsr-merge-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tsr-merge-p{margin:6px 0 12px;font-size:13.5px;line-height:21px;color:var(--muted);max-width:620px}
.tsr-merge .tsr-search{max-width:360px}
.tsr-merge .tsr-search input{background:var(--bg)}
.tsr-merge-l{list-style:none;margin:12px 0 0;padding:0}
.tsr-merge-l li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line2)}
.tsr-merge-n{display:flex;flex-direction:column;font-size:14px;line-height:21px;font-weight:500;color:var(--ink);min-width:0}
.tsr-merge-n small{font-size:12.5px;font-weight:400;color:var(--subtle)}
.tsr-merge-n em{font-style:normal;color:var(--ink)}
.tsr-merge-e{font-size:13.5px;color:var(--subtle)}
.tsr-merge-hc{margin:22px 0 0;color:var(--muted);font-weight:600}
.tsr-rec-mails>.tsr-status{margin:4px 0 12px}
.tsr-rec-role{font-size:12px;letter-spacing:.02em;color:var(--subtle);padding:1px 7px;border:1px solid var(--line2);border-radius:999px;margin-left:2px;vertical-align:1px}
.tsr-rec-role{padding:0;border:0;margin:0 4px 0 0;font-size:inherit;letter-spacing:0;color:var(--subtle);vertical-align:baseline}
.tsr-flash{transition:opacity .4s ease}
.tsr-flash.out{opacity:0}
.tsr-th-act{width:1%}
.tsr-row-act{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.tsr-ibtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:none;color:var(--subtle);cursor:pointer}
.tsr-ibtn:hover{background:var(--sunken);color:var(--ink)}
.tsr-ibtn[data-cdel]:hover{color:var(--danger)}
.tsr-ibtn.dis{opacity:.35;cursor:not-allowed}
.tsr-btn.tsr-sm{height:30px;padding:0 10px;font-size:12.5px}
.tsr-cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin-top:12px;max-width:720px}
.tsr-cf{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.tsr-cf .tsr-input{height:38px;margin:0;background:var(--bg)}
.tsr-cf-err{margin:12px 0 0;font-size:13px;color:var(--danger)}
.tsr-cf-act{display:flex;gap:8px;margin-top:16px}

@container (max-width:620px){.tsr-cf-grid{grid-template-columns:1fr}}
.tsr-pay-sub{display:block;margin-top:4px;font-size:12.5px;color:var(--subtle)}
.tsr-more{position:relative;margin-left:4px}
.tsr-more::after{content:"";position:absolute;right:0;top:100%;width:220px;height:8px}
.tsr-more-m{display:flex;visibility:hidden;opacity:0;position:absolute;z-index:20;top:calc(100% + 6px);right:0;min-width:210px;padding:4px;background:var(--raised);border:1px solid var(--line2);border-radius:8px;flex-direction:column;transition:opacity .16s ease .2s,visibility 0s linear .36s}
.tsr-more:hover .tsr-more-m{visibility:visible;opacity:1;transition:opacity .2s ease .45s,visibility 0s linear .45s}
.tsr-more:focus-within .tsr-more-m{visibility:visible;opacity:1;transition:none}
.tsr-more::after{pointer-events:none}
.tsr-more:hover::after{pointer-events:auto}
.tsr-more:hover .tsr-more-b,.tsr-more:focus-within .tsr-more-b{background:var(--sunken);color:var(--ink)}
.tsr-more-m :is(button,a){display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;border-radius:5px;background:none;color:var(--ink);font:inherit;font-size:13.5px;text-align:left;white-space:nowrap;cursor:pointer}
.tsr-more-m :is(button,a) svg{color:var(--subtle)}
.tsr-more-m :is(button,a):hover{background:var(--sunken)}
.tsr-more-m :is(button,a)[disabled]{color:var(--subtle);cursor:default;background:none}
.tsr-dt td.tsr-td-act{text-align:right;padding-right:0;white-space:nowrap}
.tsr-dt th.tsr-th-act{padding-right:0}
.tsr-td-act .tsr-row-act{justify-content:flex-end}
.tsr-tbar:has(.tsr-more){padding-right:0}
.tsr-cmodal{animation:tsr-pv-in3 .2s ease}
.tsr-cdlg{max-width:560px;box-shadow:none;border-color:var(--line2);animation:none;padding:24px 24px 20px}
.tsr-cdlg .tsr-cf-grid{margin-top:20px;max-width:none}
/* A dialog sits inside the page wrap, whose width the container rule above reads: the dialog grid follows the viewport (the media rule below), not the wrap. */
@container (max-width:620px){.tsr-cdlg .tsr-cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tsr-cdlg .tsr-cf-act{justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.tsr-cdlg .tsr-cf .tsr-input{background:var(--raised)}

@media (max-width:620px){.tsr-cdlg .tsr-cf-grid{grid-template-columns:1fr}}
.tsr-cmodal.still{animation:none}
.tsr-set2{display:flex;flex-direction:column;gap:36px}
.tsr-set2 .tsr-p{margin:8px 0 0}
.tsr-set2 .tsr-lbl{display:block;margin-top:20px}
.tsr-set2 .tsr-input{max-width:420px}
.tsr-set-act{margin-top:16px}
.tsr-row-act form{display:contents}
a.tsr-th,a.tsr-tbar-btn,a.tsr-ibtn{text-decoration:none}
.tsr-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}
.tsr-pt td.tsr-td-act.tsr-td-inl{padding:10px 0 11px 8px;text-align:right}
.tsr-preview{margin-top:36px;max-width:720px}
.tsr-preview-t{margin:10px 0 0;font-size:17px;line-height:24px;font-weight:500;color:var(--ink)}
.tsr-preview .tsr-small{margin:2px 0 0}
.tsr-prose,.tsr-pre{margin:14px 0 0;padding:20px 22px;background:var(--raised);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:14px;line-height:22px;overflow-wrap:anywhere}
.tsr-prose>:first-child{margin-top:0}
.tsr-prose>:last-child{margin-bottom:0}
.tsr-prose p,.tsr-prose ul,.tsr-prose ol,.tsr-prose blockquote{margin:12px 0}
.tsr-prose h2,.tsr-prose h3,.tsr-prose h4{margin:18px 0 6px;font-weight:500;line-height:1.3}
.tsr-prose h2{font-size:18px}
.tsr-prose h3{font-size:16px}
.tsr-prose h4{font-size:14px}
.tsr-prose ul,.tsr-prose ol{padding-left:22px}
.tsr-prose blockquote{padding-left:14px;border-left:3px solid var(--line2);color:var(--muted)}
.tsr-prose a{color:var(--link);text-decoration:underline}
.tsr-prose hr{margin:18px 0;border:0;border-top:1px solid var(--line)}
.tsr-pre{font:inherit;font-size:13.5px;white-space:pre-wrap}
.tsr-kv-w{grid-template-columns:170px minmax(0,1fr)}
.tsr-rec-flash{margin:20px 0 -8px}
.tsr-cdlg>.tsr-p{margin:16px 0 0}
.tsr-cdlg .tsr-kv{margin-top:16px}
.tsr-kv dd.tsr-dd-act{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;padding-bottom:4px}
.tsr-cf-one{margin-top:20px}
.tsr-cdlg .tsr-help{margin-top:8px}
.tsr-record .tsr-head{min-height:70px;box-sizing:border-box}
.tsr-pv-act{margin-top:14px}
.tsr-pv-act .tsr-btn{gap:8px}
.tsr-envbar{position:sticky;top:0;z-index:30;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;height:28px;font-size:12.5px;line-height:1;border-bottom:1px solid var(--env-line);background:var(--env-bg);color:var(--env-ink)}
.tsr-envbar b{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}
.tsr-envbar span{opacity:.85}
.tsr-envs{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--line)}
.tsr-env-opt{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;height:46px;padding:0 10px 0 4px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
.tsr-env-opt:hover{background:var(--sunken)}
.tsr-env-opt.on{font-weight:500}
.tsr-env-dot{width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--strong);position:relative;justify-self:center}
.tsr-env-opt.on .tsr-env-dot{box-shadow:inset 0 0 0 1.5px var(--env-ink,var(--ink))}
.tsr-env-opt.on .tsr-env-dot::after{content:"";position:absolute;inset:3.5px;border-radius:999px;background:var(--env-ink,var(--ink))}
.tsr-env-v{color:var(--subtle);font-size:13px}
.tsr-fact-sum{max-width:560px;margin:28px 0 32px}
.tsr-fact-sum .tsr-kv{grid-template-columns:150px minmax(0,1fr)}
.tsr-rec-bar .tsr-ptabs.u :is(button,a){margin-right:14px}
.tsr-rec-bar .tsr-ptabs.u :is(button,a):last-of-type{margin-right:0}
.tsr-chip.gedeactiveerd{background:transparent;color:var(--subtle);box-shadow:inset 0 0 0 1px var(--line2)}
.tsr-danger-row{padding:16px 0;border-bottom:1px solid var(--line)}
.tsr-danger-row:last-child{border-bottom:0;padding-bottom:0}
.tsr-danger-t{margin:0;font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}
.tsr-danger-row .tsr-danger-p{margin-top:4px}

.tsr-panel#tsr-pv:has(.tsr-pv-foot){position:sticky}
.tsr-pv-s.tsr-pv-foot{position:absolute;left:24px;right:24px;bottom:16px;margin:0}
.tsr-pv-foot .tsr-kv dd{font-weight:400}
.tsr .tsr-input,.tsr .tsr-cf .tsr-input,.tsr .tsr-cdlg .tsr-cf .tsr-input{height:42px;margin:0;padding:0 2px;border:0;border-bottom:1px solid var(--strong);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;line-height:24px;outline:0;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}
.tsr .tsr-input:hover,.tsr .tsr-cdlg .tsr-cf .tsr-input:hover{border-bottom-color:var(--muted)}
.tsr .tsr-input:focus,.tsr .tsr-cf .tsr-input:focus,.tsr .tsr-cdlg .tsr-cf .tsr-input:focus{border-bottom-color:var(--focus);box-shadow:0 1px 0 0 var(--focus);outline:0}
.tsr .tsr-input:focus-visible{outline:0}
.tsr .tsr-input::placeholder{color:var(--strong)}
.tsr select.tsr-input,.tsr .tsr-cf select.tsr-input,.tsr .tsr-cdlg .tsr-cf select.tsr-input{appearance:none;-webkit-appearance:none;padding-right:24px;background:transparent;cursor:pointer}
.tsr .tsr-cf{gap:2px;font-size:13.5px;color:var(--muted)}
.tsr .tsr-cf-grid{gap:22px 32px}
.tsr .tsr-cf-err{margin-top:14px}
.tsr-note-h{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}
.tsr-note-form{margin-top:14px}
.tsr .tsr-input.tsr-note-ta,.tsr .tsr-cf .tsr-input.tsr-note-ta{height:auto;min-height:42px;padding:9px 2px;resize:none;overflow:hidden;line-height:24px;field-sizing:content}
.tsr-note-form .tsr-cf-act{margin-top:14px}
.tsr-notes{list-style:none;margin:10px 0 0;padding:0}
.tsr-notes li{padding:12px 0;border-top:1px solid var(--line)}
.tsr-notes li:first-child{border-top:0}
.tsr-note-t{margin:0;font-size:14.5px;line-height:22px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.tsr-notes .tsr-small{display:block;margin-top:4px}
.tsr-note-form+.tsr-notes{margin-top:18px;border-top:1px solid var(--line)}
.tsr .tsr-main .tsr-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;margin-top:14px;font-size:16px;line-height:24px}
.tsr .tsr-main .tsr-kv .tsr-f.wide{grid-column:1/-1}
.tsr .tsr-main .tsr-kv .tsr-f{min-width:0;display:flex;flex-direction:column}
.tsr .tsr-main .tsr-kv dt,.tsr .tsr-main .tsr-rec-l .tsr-kvs:last-child .tsr-kv dt:last-of-type{margin:0;padding:0 0 2px;border:0;font-size:13.5px;line-height:20px;color:var(--muted);font-weight:400}
.tsr .tsr-main .tsr-kv dd{margin:0;padding:8px 2px 9px;border:0;border-bottom:1px solid var(--line2);color:var(--ink);font-weight:400;font-size:16px;line-height:24px;min-height:42px;box-sizing:border-box;overflow-wrap:anywhere}
.tsr .tsr-main .tsr-kv dd.tsr-dd-act{padding-top:4px;padding-bottom:4px}
.tsr .tsr-main .tsr-fact-sum .tsr-kv{grid-template-columns:repeat(2,minmax(0,1fr))}

@container (max-width:560px){.tsr .tsr-main .tsr-kv{grid-template-columns:minmax(0,1fr)}}
.tsr-ibtn.tsr-ibtn-del:hover{color:var(--danger)}
.tsr .tsr-main .tsr-rec-l .tsr-kv{grid-template-columns:minmax(0,1fr);gap:0;margin-top:8px}
.tsr .tsr-main .tsr-rec-l .tsr-kv .tsr-f{flex-direction:row;align-items:baseline;gap:16px;border-bottom:1px solid var(--line2)}
.tsr .tsr-main .tsr-rec-l .tsr-kv dt,.tsr .tsr-main .tsr-rec-l .tsr-kvs:last-child .tsr-kv dt:last-of-type{flex:none;width:140px;padding:11px 0;border:0}
.tsr .tsr-main .tsr-rec-l .tsr-kv dd,.tsr .tsr-main .tsr-rec-l .tsr-kvs:last-child .tsr-kv dd:last-of-type{flex:1;min-width:0;min-height:0;padding:10px 2px;border:0}
.tsr-table.tsr-fixed{table-layout:fixed}
.tsr-table.tsr-fixed td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsr-table.tsr-fixed th{white-space:nowrap;overflow:hidden}
.tsr-table.tsr-fixed .tsr-th{max-width:100%}
.tsr-table.tsr-fixed td.tsr-td-act{position:relative;overflow:visible}
.tsr-table.tsr-fixed td.tsr-td-act .tsr-row-act{position:relative;z-index:1}
.tsr-table.tsr-fixed td.tsr-td-act .tsr-row-act:has(.sure){position:absolute;right:0;top:50%;transform:translateY(-50%);padding-left:12px;background:var(--sel,var(--sunken))}
.tsr-notes li.tsr-note{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.tsr-note-b{min-width:0;flex:1}
.tsr-note-act{opacity:0;transition:opacity .15s ease}
.tsr-notes li:hover .tsr-note-act,.tsr-note-act:focus-within{opacity:1}

@media (hover:none){.tsr-note-act{opacity:1}}
.tsr-note-hb{display:flex;align-items:center;gap:4px}
.tsr-pin.on{color:var(--ink)}
.tsr-pin.on svg{fill:currentColor}
.tsr-notes li .tsr-note-act .tsr-pin.on{opacity:1}
.tsr-note-act .tsr-pin{margin:0}
.tsr .tsr-main .tsr-record .tsr-rec,.tsr .tsr-main .tsr-record .tsr-rec-mails.tsr-mails-split{margin-top:12px}
.tsr .tsr-main .tsr-record .tsr-rec-one{margin-top:22px}
.tsr-note-edit{margin-top:0}

@container (min-width:1041px){.tsr .tsr-rec-l{padding-top:26px}}

@container (min-width:1041px){.tsr .tsr-rec{grid-template-columns:minmax(0,1fr) minmax(280px,370px)}.tsr .tsr-rec-r{order:-1}}

@container (min-width:720px) and (max-width:1040px){.tsr .tsr-rec{grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:28px}.tsr .tsr-rec-l{display:flex;flex-direction:column;gap:24px;max-width:none;padding-top:26px}.tsr .tsr-rec-r{order:-1}.tsr .tsr-main .tsr-rec-l .tsr-kv dt,.tsr .tsr-main .tsr-rec-l .tsr-kvs:last-child .tsr-kv dt:last-of-type{width:104px}}
.tsr .tsr-main .tsr-rec{grid-template-columns:minmax(0,1fr);gap:16px}
.tsr .tsr-main .tsr-rec-r{order:-1}
.tsr .tsr-main .tsr-rec-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-width:none;padding-top:0;align-items:stretch}
.tsr .tsr-main .tsr-rec-l>.tsr-kvs{margin:0;background:transparent;border:1px solid var(--line2);border-radius:12px;padding:16px 20px 10px}
.tsr .tsr-main .tsr-rec-r{background:transparent;border:0;border-radius:0;padding:0}
.tsr .tsr-main .tsr-rec-l.tsr-mail-ins{grid-template-columns:minmax(0,1fr);margin:24px 0 20px}
.tsr .tsr-main .tsr-mail-ins .tsr-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.tsr .tsr-main .tsr-fin .tsr-kv{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.tsr .tsr-main .tsr-ins-side .tsr-kv{grid-template-columns:minmax(0,1fr)}
.tsr .tsr-main .tsr-rec-l.tsr-ins-side>.tsr-kvs{border:0;border-radius:0;padding:10px 0 0}
.tsr .tsr-main .tsr-rec>.tsr-rec-l{display:block}
.tsr .tsr-main .tsr-rec>.tsr-rec-l>.tsr-kvs{border:0;border-radius:0;padding:10px 0 0;background:transparent}
.tsr .tsr-main .tsr-rec>.tsr-rec-l>.tsr-kvs .tsr-kv{grid-template-columns:minmax(0,1fr)}
.tsr .tsr-main .tsr-rec>.tsr-rec-l:empty{display:none}
.tsr-verif{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;vertical-align:-3px;border-radius:999px;color:var(--ink);cursor:default;outline:0}
.tsr-verif:focus-visible{box-shadow:0 0 0 2px var(--focus)}
.tsr-verif-tip{display:none;position:absolute;z-index:30;left:-8px;top:calc(100% + 8px);width:260px;padding:10px 12px;background:var(--raised);border:1px solid var(--line2);border-radius:8px;box-shadow:0 10px 28px rgba(11,23,40,.12);font-size:13px;line-height:18px;color:var(--ink);text-align:left;white-space:normal}
.tsr-verif .tsr-verif-tip{display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease,visibility 0s linear .15s}
.tsr-verif:hover .tsr-verif-tip{visibility:visible;opacity:1;transition:opacity .2s ease .45s,visibility 0s linear .45s}
.tsr-verif:focus-visible .tsr-verif-tip{visibility:visible;opacity:1;transition:none}
.tsr-steps:hover .tsr-steps-pop{transition:opacity .2s ease .45s,transform .2s ease .45s,visibility 0s linear .45s}
.tsr-steps:focus-within .tsr-steps-pop{transition:opacity .2s ease,transform .2s ease,visibility 0s}
.tsr-verif svg{stroke-width:2}
.tsr-verif-tip b{display:block;margin-bottom:6px;font-weight:500}
.tsr-verif-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-top:1px solid var(--line2)}
.tsr-verif-r small{display:block;color:var(--muted);font-size:12px}
.tsr-verif-r em{font-style:normal;color:var(--muted);font-size:12.5px;white-space:nowrap}
.tsr .tsr-verif.ok{color:#2f7a4a}
.tsr .tsr-verif.wait{color:var(--subtle)}
.tsr .tsr-verif.bad{color:var(--danger)}
.tsr-verif-tip em.bad{color:var(--danger)}
.tsr-verif-note{display:block;margin:-2px 0 6px;color:var(--muted);font-size:12.5px}
.tsr-mst{display:inline-flex;vertical-align:-3px;color:var(--subtle)}
.tsr-mst.afgeleverd{color:#2f7a4a}
.tsr-mst.bounce,.tsr-mst.klacht{color:var(--danger)}

@container (min-width:720px){.tsr .tsr-main .tsr-rec{grid-template-columns:minmax(180px,200px) minmax(0,1fr);gap:24px;margin-top:24px}.tsr .tsr-main .tsr-rec>.tsr-rec-r{order:0}.tsr .tsr-main .tsr-rec:has(>.tsr-rec-l:empty){grid-template-columns:minmax(0,1fr)}}
.tsr .tsr-mails-main{min-width:0}
.tsr .tsr-mails-split .tsr-mails-main .tsr-table td,.tsr .tsr-mails-split .tsr-mails-main .tsr-table th{padding-left:6px;padding-right:6px}
.tsr .tsr-mails-split .tsr-mails-main .tsr-table td{font-size:14px}

@container (min-width:720px){.tsr .tsr-mails-split{display:grid;grid-template-columns:minmax(180px,200px) minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.tsr .tsr-main .tsr-mails-split .tsr-rec-l.tsr-mail-ins{margin:0}.tsr .tsr-mails-split .tsr-mails-main>.tsr-tbar:first-child{margin-top:0}}
.tsr .tsr-main .tsr-rec-l>.tsr-kvs .tsr-kv{margin-top:6px}
.tsr .tsr-main .tsr-rec-l>.tsr-kvs .tsr-kv .tsr-f{flex-direction:column;align-items:stretch;gap:0;border:0!important}
.tsr .tsr-main .tsr-rec-l>.tsr-kvs .tsr-kv dt,.tsr .tsr-main .tsr-rec-l>.tsr-kvs:last-child .tsr-kv dt:last-of-type{width:auto;padding:8px 0 1px;font-size:12.5px}
.tsr .tsr-main .tsr-rec-l>.tsr-kvs .tsr-kv dd,.tsr .tsr-main .tsr-rec-l>.tsr-kvs:last-child .tsr-kv dd:last-of-type{padding:0 0 4px;border:0!important;overflow-wrap:anywhere}
.tsr #tsr-pv .tsr-kv{grid-template-columns:110px minmax(0,1fr);margin-top:8px;font-size:15px;line-height:22px}
.tsr #tsr-pv .tsr-kv dt,.tsr #tsr-pv .tsr-kv dd{padding:10px 0;border-bottom:1px solid var(--line2)}
.tsr #tsr-pv .tsr-kv dt{color:var(--muted);font-size:13.5px;font-weight:400}
.tsr #tsr-pv .tsr-kv dd{color:var(--ink);font-weight:400;padding-left:2px}
.tsr .tsr-rec-r .tsr-work{margin-top:6px}
.tsr .tsr-rec-r .tsr-empty-b{padding:8px 0 12px}
.tsr .tsr-main .tsr-kv,.tsr .tsr-main .tsr-fact-sum .tsr-kv{grid-template-columns:minmax(0,1fr);gap:0;margin-top:8px}
.tsr .tsr-main .tsr-kv .tsr-f,.tsr .tsr-main .tsr-kv .tsr-f.wide{grid-column:auto;flex-direction:row;align-items:baseline;gap:16px;border-bottom:1px solid var(--line2)}
.tsr .tsr-main .tsr-kv dt{flex:none;width:170px;padding:11px 0;border:0}
.tsr .tsr-main .tsr-kv dd{flex:1;min-width:0;min-height:0;padding:10px 2px;border:0}
.tsr .tsr-main .tsr-kv dd.tsr-dd-act{padding-top:4px;padding-bottom:4px;align-self:center}
.tsr .tsr-main .tsr-rec-l .tsr-kv dt{width:140px}
.tsr .tsr-rec-one.tsr-set2{max-width:720px}
.tsr .tsr-set2 .tsr-p,.tsr .tsr-set2 .tsr-help{max-width:560px}
.tsr #tsr-pv .tsr-kv dt{border-bottom:0}
.tsr #tsr-pv .tsr-kv{row-gap:4px}
.tsr .tsr-main .tsr-kv .tsr-f,.tsr .tsr-main .tsr-kv .tsr-f.wide{border-bottom:0;margin-bottom:4px}
.tsr .tsr-main .tsr-kv dd,.tsr .tsr-main .tsr-rec-l .tsr-kvs:last-child .tsr-kv dd:last-of-type{border-bottom:1px solid var(--line2)}
.tsr .tsr-main .tsr-kv .tsr-f,.tsr .tsr-main .tsr-rec-l .tsr-kv .tsr-f,.tsr .tsr-main .tsr-kv .tsr-f.wide{border-bottom:0!important}
.tsr-tokdlg{max-width:620px}
.tsr .tsr-cdlg .tsr-kv-modal{display:grid;grid-template-columns:170px minmax(0,1fr);margin-top:16px;font-size:15px;line-height:22px}
.tsr .tsr-cdlg .tsr-kv-modal dt{padding:10px 0;color:var(--muted);font-size:13.5px;border:0}
.tsr .tsr-cdlg .tsr-kv-modal dd{margin:0 0 4px;padding:9px 2px;border-bottom:1px solid var(--line2);font-weight:400;color:var(--ink);overflow-wrap:anywhere}
.tsr .tsr-cdlg .tsr-kv-modal dd.tsr-dd-act{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:3px;padding-bottom:3px}
.tsr-tok{overflow-wrap:anywhere}
.tsr-dlg-sm{max-width:480px}
.tsr-dlg-sm .tsr-p b{font-weight:500;color:var(--ink)}
.tsr-dlg-q{margin:10px 0 0;padding-left:12px;border-left:2px solid var(--line2);color:var(--ink);font-size:14.5px;line-height:22px;white-space:pre-wrap}
.tsr-elev-steps{display:flex;gap:18px;list-style:none;margin:14px 0 0;padding:0;font-size:12.5px;color:var(--subtle)}
.tsr-elev-steps li{position:relative;padding-left:18px}
.tsr-elev-steps li::before{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--strong)}
.tsr-elev-steps li.on{color:var(--ink);font-weight:500}
.tsr-elev-steps li.on::before{box-shadow:inset 0 0 0 1.5px var(--ink);background:radial-gradient(circle,var(--ink) 0 2.5px,transparent 3px)}
.tsr-elev-steps li.done::before{background:var(--ink);box-shadow:none}
.tsr-yk{position:relative;display:flex;align-items:center;justify-content:center;width:112px;height:112px;margin:22px auto 6px;border:0;border-radius:999px;background:var(--sunken);color:var(--ink);cursor:pointer}
.tsr-yk svg{position:relative;z-index:1}
.tsr-yk-ring{position:absolute;inset:0;border-radius:999px;box-shadow:0 0 0 0 var(--yk);animation:tsr-yk 1.8s ease-out infinite}

@keyframes tsr-yk{0%{box-shadow:0 0 0 0 rgba(226,179,60,.45)}100%{box-shadow:0 0 0 18px rgba(226,179,60,0)}}

@media (prefers-reduced-motion:reduce){.tsr-yk-ring{animation:none}}
.tsr-yk:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.tsr-yk-help{text-align:center;margin-top:10px}
.tsr-elev-count{margin:8px 0 0;text-align:center;font-size:13.5px;color:var(--muted)}
.tsr-elev-count b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.tsr-elev-ind{display:flex;align-items:center;gap:8px;margin:auto 0 12px;padding:8px 10px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);font-size:12.5px;color:var(--muted)}
.tsr-elev-ind svg{color:var(--ink);flex:none}
.tsr-elev-ind b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.tsr-elev-ind button{margin-left:auto;border:0;background:none;padding:0;color:var(--subtle);font:inherit;font-size:12px;cursor:pointer}
.tsr-elev-ind button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.tsr-elev-ind+.tsr-user{margin-top:0}
.tsr-elev-ind span{white-space:nowrap}
.tsr-elev-ind button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px}
.tsr-elev-ind button:hover{background:var(--sunken);text-decoration:none}
.tsr-pin{border:0;margin:20px 0 0;padding:0;min-width:0}
.tsr-pin legend{padding:0;margin-bottom:8px;font-size:13.5px;color:var(--muted)}
.tsr-pin-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.tsr .tsr-pin-d{width:100%;height:56px;margin:0;padding:0;border:0;border-bottom:1px solid var(--strong);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:44px;line-height:1;text-align:center;outline:0;-webkit-text-security:disc;caret-color:transparent;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.tsr .tsr-pin-d:focus{border-bottom-color:var(--focus);box-shadow:0 1px 0 0 var(--focus)}
.tsr .tsr-pin-d::-ms-reveal{display:none}
.tsr-modal[data-elev-backdrop]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tsr .tsr-elev{max-width:440px;padding:32px 32px 28px}
.tsr-elev-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.tsr-elev-h{margin:0;font-family:"Saira Expanded","Lexend Deca",sans-serif;font-weight:250;font-size:30px;line-height:38px;letter-spacing:.03em;color:var(--ink)}
.tsr-elev-f{display:flex;flex-direction:column;gap:14px;margin-top:26px}
.tsr-elev-f .tsr-pin{margin:0 0 10px}
.tsr-elev-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:8px;background:var(--primary);color:var(--on-primary);font:inherit;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:opacity .12s}
.tsr-elev-btn[hidden]{display:none!important}
.tsr-elev-btn:hover{opacity:.92}
.tsr-elev-btn.busy{opacity:.75}
.tsr-elev-renew-btn{position:relative;overflow:hidden}
.tsr-elev-renew-btn>svg,.tsr-elev-renew-btn>span:not(.tsr-elev-renew-fill){position:relative;z-index:1}
.tsr-elev-renew-fill{position:absolute;z-index:0;inset:0 auto 0 0;width:100%;background:var(--on-primary);opacity:.18;transition:width .2s linear;pointer-events:none}
.tsr-elev-renew-seconds{font-variant-numeric:tabular-nums}
.tsr-elev-renew-seconds b{font:inherit;font-weight:600}
.tsr-elev-spin{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:tsr-spin .9s linear infinite}

@keyframes tsr-spin{to{transform:rotate(360deg)}}
.tsr-elev-note{margin:0;font-size:13px;line-height:20px;color:var(--subtle)}
.tsr-elev-note b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.tsr-elev-err{margin:0;font-size:13px;line-height:20px;color:var(--danger)}
.tsr-elev-link{align-self:flex-start;border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:13.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tsr-elev-link:hover{color:var(--ink)}
.tsr-elev .tsr-yk{margin:6px auto 10px}
.tsr-modal[data-elev-renewal]{z-index:60}
.tsr-modal[data-elev-renewal][hidden]{display:none}

@media (prefers-reduced-motion:reduce){.tsr-elev-spin{animation:none}.tsr-elev-renew-fill{display:none}}
.tsr-elev .tsr-yk:focus{outline:0}
.tsr-elev .tsr-yk:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.tsr-elev-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tsr-demo{display:inline-block;margin:10px 0 0 16px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;line-height:16px;color:var(--subtle);align-self:flex-start}
.tsr-lm-login{min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:"Lexend Deca",system-ui,sans-serif}
.tsr-lm-login[hidden]{display:none}
.tsr-lm-login header{border-bottom:1px solid var(--line)}
.tsr-lm-login .tsr-lg-bar{max-width:1160px;margin:0 auto;padding:0 clamp(20px,5vw,64px);height:72px;display:flex;align-items:center}
.tsr-lm-login main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:48px 20px}
.tsr-lm-login .tsr-lg-box{width:100%;max-width:380px;display:flex;flex-direction:column;gap:32px}
.tsr-lm-login h1{margin:0;font-family:"Saira Expanded","Lexend Deca",sans-serif;font-weight:250;font-size:32px;line-height:40px;letter-spacing:.03em}
.tsr-lm-login .tsr-lg-col{display:flex;flex-direction:column;gap:14px}
.tsr-lm-login .tsr-lg-fld{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.tsr-lm-login .tsr-lg-label{font-size:13px;line-height:20px;color:var(--subtle)}
.tsr-lm-login .tsr-lg-field{width:100%;height:44px;box-sizing:border-box;padding:0 2px;border:0;border-bottom:1px solid var(--strong);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;transition:border-color .2s}
.tsr-lm-login .tsr-lg-field:focus-visible,.tsr-lm-login .tsr-lg-field:focus{outline:none;border-bottom:2px solid var(--focus)}
.tsr-lm-login .tsr-lg-field[aria-invalid="true"]{border-bottom-color:var(--danger)}
.tsr-lm-login .tsr-lg-err{min-height:16px;font-size:12px;line-height:16px;color:var(--danger)}
.tsr-lm-login .tsr-lg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:8px;background:var(--primary);color:var(--on-primary);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .12s}
.tsr-lm-login .tsr-lg-btn:hover{opacity:.92}
.tsr-lm-login .tsr-lg-btn[disabled]{opacity:.7;cursor:default}
.tsr-lm-login .tsr-lg-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tsr-lm-login .tsr-lg-spin{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:tsr-lg-spin .8s linear infinite}

@keyframes tsr-lg-spin{to{transform:rotate(360deg)}}
.tsr-lm-login .tsr-lg-note{margin:0;font-size:13px;line-height:20px;color:var(--subtle)}
.tsr-lm-login .tsr-lg-done{display:flex;gap:12px;align-items:center;padding:16px;border-radius:8px;background:var(--ok-bg);color:var(--ok);font-size:14px;line-height:20px;font-weight:500;animation:tsr-lg-fade .4s ease}

@keyframes tsr-lg-fade{from{opacity:0}to{opacity:1}}
.tsr-lm-login footer{border-top:1px solid var(--line)}
.tsr-lm-login footer div{max-width:1160px;margin:0 auto;padding:24px clamp(20px,5vw,64px) 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 48px;font-size:12px;line-height:16px;color:var(--subtle)}
.tsr-lm-login footer a{color:var(--subtle)}
.tsr-lm-login .tsr-lg-box.wide{max-width:460px}
.tsr-lm-login .tsr-lg-head{display:flex;flex-direction:column;gap:10px}
.tsr-lm-login .tsr-lg-lead{margin:0;font-size:15px;line-height:24px;color:var(--muted)}
.tsr-lm-login .tsr-lg-lead b{color:var(--ink);font-weight:500}
.tsr-lm-login .tsr-lg-steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;font-size:12.5px;line-height:16px;color:var(--subtle)}
.tsr-lm-login .tsr-lg-steps li{position:relative;padding-left:16px;white-space:nowrap}

@media (max-width:420px){.tsr-lm-login .tsr-lg-steps{gap:6px 12px;font-size:12px}.tsr-lm-login .tsr-lg-steps li:not(.on){font-size:0;padding-left:10px}}
.tsr-lm-login .tsr-lg-steps li::before{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--strong)}
.tsr-lm-login .tsr-lg-steps li.on{color:var(--ink);font-weight:500}
.tsr-lm-login .tsr-lg-steps li.on::before{box-shadow:inset 0 0 0 1.5px var(--ink);background:radial-gradient(circle,var(--ink) 0 2.5px,transparent 3px)}
.tsr-lm-login .tsr-lg-steps li.done::before{background:var(--ink);box-shadow:none}
.tsr-lm-login .tsr-lg-ro{display:flex;flex-direction:column;gap:4px}
.tsr-lm-login .tsr-lg-ro span:last-child{padding:10px 2px 9px;border-bottom:1px solid var(--line);font-size:16px;line-height:24px}
.tsr-lm-login .tsr-lg-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line)}
.tsr-lm-login .tsr-lg-tab{position:relative;margin:0 0 -1px;padding:0 0 10px;border:0;border-bottom:2px solid transparent;background:none;color:var(--subtle);font:inherit;font-size:14px;cursor:pointer}
.tsr-lm-login .tsr-lg-tab:hover{color:var(--ink)}
.tsr-lm-login .tsr-lg-tab[aria-selected="true"]{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}
.tsr-lm-login .tsr-lg-tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tsr-lm-login .tsr-lg-tab i{font-style:normal;font-size:11px;color:var(--subtle);font-weight:400;margin-left:6px}
.tsr-lm-login .tsr-lg-how{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:10px}
.tsr-lm-login .tsr-lg-how li{counter-increment:s;position:relative;padding-left:30px;font-size:14px;line-height:22px;color:var(--muted)}
.tsr-lm-login .tsr-lg-how li::before{content:counter(s);position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--strong);font-size:11.5px;line-height:20px;text-align:center;color:var(--ink)}
.tsr-lm-login .tsr-lg-how b{color:var(--ink);font-weight:500}
.tsr-lm-login .tsr-lg-link{align-self:flex-start;border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:13.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tsr-lm-login .tsr-lg-link:hover{color:var(--ink)}
.tsr-lm-login .tsr-lg-pin{border:0;margin:0 0 10px;padding:0;min-width:0}
.tsr-lm-login .tsr-lg-pin legend{padding:0;margin-bottom:8px;font-size:13px;line-height:20px;color:var(--subtle)}
.tsr-lm-login .tsr-lg-pin-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.tsr-lm-login .tsr-lg-pin-d{width:100%;height:56px;margin:0;padding:0;border:0;border-bottom:1px solid var(--strong);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:44px;line-height:1;text-align:center;outline:0;-webkit-text-security:disc;caret-color:transparent;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.tsr-lm-login .tsr-lg-pin-d:focus{border-bottom-color:var(--focus);box-shadow:0 1px 0 0 var(--focus)}
.tsr-lm-login .tsr-lg-yk{position:relative;display:flex;align-items:center;justify-content:center;width:112px;height:112px;margin:4px auto 6px;border:0;border-radius:999px;background:var(--sunk);color:var(--ink);cursor:pointer}
.tsr-lm-login .tsr-lg-yk svg{position:relative;z-index:1}
.tsr-lm-login .tsr-lg-yk span{position:absolute;inset:0;border-radius:999px;animation:tsr-lg-yk 1.8s ease-out infinite}
.tsr-lm-login .tsr-lg-yk:focus{outline:0}
.tsr-lm-login .tsr-lg-yk:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

@keyframes tsr-lg-yk{0%{box-shadow:0 0 0 0 rgba(226,179,60,.45)}100%{box-shadow:0 0 0 18px rgba(226,179,60,0)}}
.tsr-lm-login .tsr-lg-done.col{flex-direction:column;align-items:flex-start;gap:4px}
.tsr-lm-login .tsr-lg-done.col span{font-weight:400;opacity:.9}

@media (prefers-reduced-motion:reduce){.tsr-lm-login .tsr-lg-yk span{animation:none}}
.tsr-lm-login.tsr-lg-out header,.tsr-lm-login.tsr-lg-out footer,.tsr-lm-login.tsr-lg-out main{transition:opacity .28s ease,transform .28s ease;opacity:0}
.tsr-lm-login.tsr-lg-out header{transform:translateY(-10px)}
.tsr-lm-login.tsr-lg-out footer{transform:translateY(10px)}
.tsr-lm-login.tsr-lg-out main{transform:translateY(6px)}
.tsr.tsr-lm-enter{overflow:hidden}
.tsr.tsr-lm-enter .tsr-side{animation:tsr-lm-in-l .45s cubic-bezier(.2,.7,.2,1) both}
.tsr.tsr-lm-enter .tsr-panel{animation:tsr-lm-in-r .45s cubic-bezier(.2,.7,.2,1) both}
.tsr.tsr-lm-enter .tsr-main{animation:tsr-lm-up .4s ease .5s both}
.tsr.tsr-lm-enter .tsr-panel>*,.tsr.tsr-lm-enter .tsr-panel#tsr-pv.enter>*,.tsr.tsr-lm-enter .tsr-panel#tsr-pv.enter>*:nth-child(n){animation:tsr-lm-fade .35s ease 1s both!important}

@keyframes tsr-lm-in-l{from{transform:translateX(-100%)}to{transform:none}}

@keyframes tsr-lm-in-r{from{transform:translateX(100%)}to{transform:none}}

@keyframes tsr-lm-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@keyframes tsr-lm-fade{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){.tsr.tsr-lm-enter .tsr-side,.tsr.tsr-lm-enter .tsr-panel{animation:tsr-lm-fade .2s ease both}.tsr.tsr-lm-enter .tsr-main{animation:tsr-lm-fade .2s ease .2s both}.tsr.tsr-lm-enter .tsr-panel>*,.tsr.tsr-lm-enter .tsr-panel#tsr-pv.enter>*:nth-child(n){animation:tsr-lm-fade .2s ease .4s both!important}}
.tsr-lm-login .tsr-lg-check{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin:-14px 0 10px;font-size:14px;line-height:20px;color:var(--muted);cursor:pointer;user-select:none}
.tsr-lm-login .tsr-lg-check input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:1px solid var(--strong);border-radius:4px;background:transparent;display:grid;place-content:center;cursor:pointer;transition:background .12s,border-color .12s}
.tsr-lm-login .tsr-lg-check input::after{content:"";width:9px;height:5px;margin-top:-2px;border:solid var(--on-primary);border-width:0 0 1.8px 1.8px;transform:rotate(-45deg);opacity:0}
.tsr-lm-login .tsr-lg-check input:checked{background:var(--primary);border-color:var(--primary)}
.tsr-lm-login .tsr-lg-check input:checked::after{opacity:1}
.tsr-lm-login .tsr-lg-check input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tsr-lm-login .tsr-lg-check:hover{color:var(--ink)}

@media (prefers-reduced-motion:reduce){.tsr-lm-login .tsr-lg-spin{animation-duration:2.4s}.tsr-lm-login .tsr-lg-done{animation:none}}

@media (prefers-reduced-motion:reduce){.tsr *{transition:none!important;animation:none!important}}

/* rechterkolom: normaal (360px) vanaf 1280px, smal (272px) daaronder, verborgen onder 900px */
@media (max-width:1279px){.tsr.has-pv{grid-template-columns:206px minmax(0,1fr) 204px}.tsr .tsr-wrap{padding:0 24px}.tsr .tsr-h1{font-size:34px;line-height:42px}.tsr .tsr-tbar{flex-wrap:nowrap;gap:2px;padding-right:0}.tsr .tsr-tbar .tsr-search{flex:1 1 120px;min-width:44px}.tsr .tsr-tbar .tsr-tbar-n{flex:none;white-space:nowrap;font-size:12.5px}.tsr .tsr-tbar .tsr-dd,.tsr .tsr-tbar .tsr-more{flex:none}.tsr .tsr-pl col.tsr-hn,.tsr .tsr-pl th.tsr-hn,.tsr .tsr-pl td.tsr-hn{display:none}.tsr .tsr-ptabs .tsr-tab-x{display:none}.tsr .tsr-tabmore{display:flex;align-items:center}.tsr .tsr-reset .tsr-reset-t{display:none}.tsr .tsr-reset .tsr-reset-i{display:block}.tsr .tsr-tbar .tsr-reset{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:0;border-radius:6px;color:var(--muted)}.tsr .tsr-tbar .tsr-reset:hover{background:var(--sunken);color:var(--ink)}.tsr .tsr-tbar .tsr-dd .tsr-ddb{padding:0 6px}.tsr .tsr-table{font-size:14px}.tsr .tsr-table th,.tsr .tsr-wl .tsr-table th{padding:9px 6px 10px}.tsr .tsr-table td,.tsr .tsr-wl .tsr-table td{padding:9px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsr .tsr-table td.act,.tsr .tsr-table td.tsr-td-act{overflow:visible}.tsr .tsr-pill{font-size:11.5px;padding:0 7px}.tsr #tsr-pv .tsr-panel-s{font-size:13px;overflow-wrap:anywhere}.tsr.has-pv .tsr-panel#tsr-pv{grid-column:auto;position:sticky;top:0;height:100vh;min-height:520px;border-left:1px solid var(--line);border-top:0;padding-left:18px;padding-right:18px}.tsr #tsr-pv .tsr-kv{grid-template-columns:minmax(0,1fr);row-gap:0}.tsr #tsr-pv .tsr-kv dt{padding:12px 0 2px;font-size:12.5px}.tsr #tsr-pv .tsr-kv dd{padding:0 0 8px 2px}.tsr #tsr-pv .tsr-panel-t{font-size:17px;line-height:24px}}

@media (max-width:899px){.tsr.has-pv{grid-template-columns:206px minmax(0,1fr)}.tsr.has-pv .tsr-panel#tsr-pv{display:none!important}}

@media (max-width:760px){.tsr.has-pv{grid-template-columns:minmax(0,1fr)}}
.tsr-lg-gap-28{gap:28px}
.tsr-lg-gap-20{gap:20px}
.tsr-lg-gap-18{gap:18px}
.tsr-lg-gap-14{gap:14px}
.tsr-lg-center{text-align:center}
.tsr-lg-flexnone{flex:none}
.tsr-lg-err-tight{margin:-6px 0 4px}
.tsr-lg-done-h{display:flex;gap:10px;align-items:center;font-weight:500}
.tsr-lg-logo{display:block;width:160px;height:auto;color:var(--ink)}
.tsr-nomax{max-width:none}
.tsr-ico-l{margin-right:7px}
.tsr-mt-16{margin-top:16px}
.tsr-legend i.bar{background:var(--bar)}
.tsr-legend i.green{background:var(--green)}
.tsr-legend i.ink{background:var(--ink)}
.tsr-pl col.w30{width:30%}
.tsr-pl col.w26{width:26%}
.tsr-pl col.w24{width:24%}
.tsr-pl col.w20{width:20%}
.tsr-pl col.w0{width:0}.tsr-pl col.tsr-col-act{width:44px}.tsr-pl col.w10{width:10%}
.tsr-pl col.w11{width:11%}.tsr-pl col.w9-753{width:9.753%}.tsr-pl col.w10-959{width:10.959%}.tsr-pl col.w17-068{width:17.068%}.tsr-pl col.w34-137{width:34.137%}


/* Dark mode follows the system; data-theme="light" on .tsr or .tsr-lm-login pins light. */
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]){color-scheme:dark}
.tsr:not([data-theme="light"]) .tsr-modal{background:rgba(0,0,0,.5)}
.tsr:not([data-theme="light"]) .tsr-panel#tsr-pv{box-shadow:-16px 0 40px rgba(0,0,0,.35)}
.tsr:not([data-theme="light"]) .tsr-panel#tsr-pv{box-shadow:none}
.tsr:not([data-theme="light"]) .tsr-verif.ok{color:#8fd1a6}
.tsr:not([data-theme="light"]) .tsr-mst.afgeleverd{color:#8fd1a6}
}

/* ===== Server-rendered additions to the prototype stylesheet ===== */
/* Links where the prototype has buttons (nav, logo, logout form), no JavaScript needed. */
.tsr-nav a{text-decoration:none}
.tsr-side>a{display:block;width:max-content;border-radius:6px}
.tsr-user form{display:contents}
.tsr-out{cursor:pointer}
.tsr a:focus-visible,.tsr button:focus-visible,.tsr summary:focus-visible,.tsr .tsr-row:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.tsr-nav a:focus-visible{outline-offset:-2px}
a.tsr-btn{text-decoration:none}
a.tsr-pg,span.tsr-pg{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
a.tsr-th{text-decoration:none}
.tsr-crumbs a{color:var(--muted);text-decoration:none}
.tsr-crumbs a:hover{color:var(--ink);text-decoration:underline}
.tsr-ptabs a{text-decoration:none;display:inline-flex;align-items:center}
.tsr-ptabs.u a{flex:none}
.tsr-more-m a,.tsr-more-m form button{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;border-radius:5px;background:none;color:var(--ink);font:inherit;font-size:13.5px;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none;width:100%}
.tsr-more-m form{display:contents}
.tsr-more-m a svg,.tsr-more-m form button svg{color:var(--subtle)}
.tsr-more-m a:hover,.tsr-more-m form button:hover{background:var(--sunken)}
.tsr-more-m .tsr-mi-danger,.tsr-more-m .tsr-mi-danger svg{color:var(--danger)}
.tsr-scroll.tsr-vis{overflow:visible}
.tsr-tform{display:contents}
.tsr-tbar .tsr-tform .tsr-tbar-btn{flex:none}
.tsr-tbar a.tsr-reset{text-decoration:none}
/* The status filter is a <details> so it opens without JavaScript. */
details.tsr-dd>summary{list-style:none;cursor:pointer}
details.tsr-dd>summary::-webkit-details-marker{display:none}
details.tsr-dd:not([open])>.tsr-ddm{display:none}
.tsr-ddm a{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:5px;color:var(--ink);font-size:13.5px;white-space:nowrap;text-decoration:none}
.tsr-ddm a:hover{background:var(--sunken)}
/* Secondary lines (e-mail, signed-up date, mail status): in the panel on wide screens, in the row below 900 px. */
.tsr-sec{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:899px){.tsr-sec{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:block;margin-top:2px;font-size:12px;line-height:16px;color:var(--subtle);white-space:normal}}
.tsr-pl td .tsr-chip+.tsr-sec{margin-top:4px}
/* Dialogs without JavaScript: a form dialog opens through :target; the confirm dialog is [hidden] until ui.js shows it. */
.tsr-modal[hidden]{display:none}
.tsr-target{display:none}
.tsr-target:target,.tsr-target.open{display:flex}
.tsr-cdlg a.tsr-x{text-decoration:none}
.tsr-status.err,.tsr-status.tsr-flash.err{color:var(--danger)}
.tsr-small{display:block}
.tsr-nobr{white-space:nowrap}
/* Tables become cards below 760 px (data-label on every cell). */
@media (max-width:760px){
.tsr-cards{display:block;overflow:visible}
.tsr-cards colgroup,.tsr-cards thead{display:none}
.tsr-cards tbody{display:flex;flex-direction:column;gap:10px}
.tsr-cards tr{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 44px 14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--raised)}
.tsr-cards td,.tsr-cards.tsr-fixed td{display:block;padding:0;border:0;white-space:normal;overflow:visible;text-overflow:clip}
.tsr-cards td[data-label]::before{content:attr(data-label);display:block;margin-bottom:1px;font-size:11px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}
.tsr-cards td.tsr-td-act,.tsr-cards.tsr-fixed td.tsr-td-act{position:absolute;top:8px;right:8px;overflow:visible}
.tsr-cards td.tsr-empty{padding:20px 0;text-align:center}
.tsr-cards tr:has(td.tsr-empty){padding:0;border:0;background:none}
.tsr-cards .tsr-sec{margin-top:0}
.tsr-cards.tsr-pl td .tsr-chip{vertical-align:middle}
.tsr .tsr-cards.tsr-pl td.tsr-hn{display:block}
.tsr-scroll{overflow:visible}
.tsr-more-m{right:0}
}
/* A page change is a server round trip, so the prototype's client-side re-render becomes an entry animation of the
   content: it fades in over .18 s ease-out (the panel swap's timing) while the sidebar stays put. A cross-document
   view transition (@view-transition) was tried and dropped: Chromium then styles the new page from the browser's
   defaults first, so every transitioned element (all the row menus) animated from visible to hidden on load. */
.tsr-main>.tsr-wrap{animation:tsr-page-in .18s ease-out backwards}
@keyframes tsr-page-in{from{opacity:0}}
.tsr-main>.tsr-wrap:has(.tsr-modal.open){animation:none}
@media (prefers-reduced-motion:reduce){.tsr-main>.tsr-wrap{animation:none}}
/* Sign-in frame: links styled as the filled button. */
.tsr-lm-login a.tsr-lg-btn{text-decoration:none}
.tsr-lm-login .tsr-lg-btn .tsr-lg-spin{flex:none}
.tsr-lm-login .tsr-lg-stack{display:flex;flex-direction:column;gap:14px}

/* ===== Tessera additions: states the server-rendered components need ===== */
.tsr-r{text-align:right}
.tsr-loading{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px;color:var(--muted)}
.tsr-loading .tsr-lg-spin{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:tsr-spin .8s linear infinite}
.tsr-tform .tsr-sr{position:absolute}
.tsr-tt{display:inline-flex}
/* Chart: the bar chart's widths are classes (no inline style), grown on entry; the table toggle needs no script. */
.tsr-chartbox>input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.tsr-chartbox>input:nth-of-type(1):checked~.tsr-toggle label:nth-child(1),.tsr-chartbox>input:nth-of-type(2):checked~.tsr-toggle label:nth-child(2){background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.tsr-chartbox>input:nth-of-type(1):checked~.tsr-chart-t,.tsr-chartbox>input:nth-of-type(2):checked~.tsr-chart-g{display:none}
.tsr-chartbox>input:focus-visible~.tsr-toggle{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px}
.tsr-chartbox .tsr-toggle{margin-top:14px}
.tsr-fill{animation:tsr-grow .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes tsr-grow{from{width:0}}
@media (prefers-reduced-motion:reduce){.tsr-fill{animation:none}}
.tsr-fill.p0{width:0%}.tsr-fill.p1{width:1%}.tsr-fill.p2{width:2%}.tsr-fill.p3{width:3%}.tsr-fill.p4{width:4%}.tsr-fill.p5{width:5%}.tsr-fill.p6{width:6%}.tsr-fill.p7{width:7%}.tsr-fill.p8{width:8%}.tsr-fill.p9{width:9%}
.tsr-fill.p10{width:10%}.tsr-fill.p11{width:11%}.tsr-fill.p12{width:12%}.tsr-fill.p13{width:13%}.tsr-fill.p14{width:14%}.tsr-fill.p15{width:15%}.tsr-fill.p16{width:16%}.tsr-fill.p17{width:17%}.tsr-fill.p18{width:18%}.tsr-fill.p19{width:19%}
.tsr-fill.p20{width:20%}.tsr-fill.p21{width:21%}.tsr-fill.p22{width:22%}.tsr-fill.p23{width:23%}.tsr-fill.p24{width:24%}.tsr-fill.p25{width:25%}.tsr-fill.p26{width:26%}.tsr-fill.p27{width:27%}.tsr-fill.p28{width:28%}.tsr-fill.p29{width:29%}
.tsr-fill.p30{width:30%}.tsr-fill.p31{width:31%}.tsr-fill.p32{width:32%}.tsr-fill.p33{width:33%}.tsr-fill.p34{width:34%}.tsr-fill.p35{width:35%}.tsr-fill.p36{width:36%}.tsr-fill.p37{width:37%}.tsr-fill.p38{width:38%}.tsr-fill.p39{width:39%}
.tsr-fill.p40{width:40%}.tsr-fill.p41{width:41%}.tsr-fill.p42{width:42%}.tsr-fill.p43{width:43%}.tsr-fill.p44{width:44%}.tsr-fill.p45{width:45%}.tsr-fill.p46{width:46%}.tsr-fill.p47{width:47%}.tsr-fill.p48{width:48%}.tsr-fill.p49{width:49%}
.tsr-fill.p50{width:50%}.tsr-fill.p51{width:51%}.tsr-fill.p52{width:52%}.tsr-fill.p53{width:53%}.tsr-fill.p54{width:54%}.tsr-fill.p55{width:55%}.tsr-fill.p56{width:56%}.tsr-fill.p57{width:57%}.tsr-fill.p58{width:58%}.tsr-fill.p59{width:59%}
.tsr-fill.p60{width:60%}.tsr-fill.p61{width:61%}.tsr-fill.p62{width:62%}.tsr-fill.p63{width:63%}.tsr-fill.p64{width:64%}.tsr-fill.p65{width:65%}.tsr-fill.p66{width:66%}.tsr-fill.p67{width:67%}.tsr-fill.p68{width:68%}.tsr-fill.p69{width:69%}
.tsr-fill.p70{width:70%}.tsr-fill.p71{width:71%}.tsr-fill.p72{width:72%}.tsr-fill.p73{width:73%}.tsr-fill.p74{width:74%}.tsr-fill.p75{width:75%}.tsr-fill.p76{width:76%}.tsr-fill.p77{width:77%}.tsr-fill.p78{width:78%}.tsr-fill.p79{width:79%}
.tsr-fill.p80{width:80%}.tsr-fill.p81{width:81%}.tsr-fill.p82{width:82%}.tsr-fill.p83{width:83%}.tsr-fill.p84{width:84%}.tsr-fill.p85{width:85%}.tsr-fill.p86{width:86%}.tsr-fill.p87{width:87%}.tsr-fill.p88{width:88%}.tsr-fill.p89{width:89%}
.tsr-fill.p90{width:90%}.tsr-fill.p91{width:91%}.tsr-fill.p92{width:92%}.tsr-fill.p93{width:93%}.tsr-fill.p94{width:94%}.tsr-fill.p95{width:95%}.tsr-fill.p96{width:96%}.tsr-fill.p97{width:97%}.tsr-fill.p98{width:98%}.tsr-fill.p99{width:99%}
.tsr-fill.p100{width:100%}
.tsr-lm-login a.tsr-lg-btn[aria-busy=true],.tsr-lm-login p.tsr-lg-btn{opacity:.7;pointer-events:none}
.tsr-band{pointer-events:none}
.tsr-envbar-b{white-space:nowrap}
.tsr-mlab{min-width:0}
.tsr-pt.tsr-pl td.tsr-td-act{padding-top:0;padding-bottom:0;vertical-align:middle}
/* Select, textarea, checkbox: the arrow is drawn in CSS from the border token (no image, the CSP allows none inline). */
.tsr-cf-sel{position:relative}
.tsr-cf-sel::after{content:"";position:absolute;right:8px;bottom:14px;width:6px;height:6px;border-right:2px solid var(--strong);border-bottom:2px solid var(--strong);transform:rotate(45deg);pointer-events:none}
.tsr .tsr-cf textarea.tsr-input:not(.tsr-note-ta){height:auto;min-height:88px;padding:8px 12px;resize:vertical;line-height:1.5;font:inherit;font-size:14px}
.tsr-chk{flex-direction:row;align-items:center;gap:10px;font-size:13.5px;color:var(--ink);cursor:pointer}
.tsr-chk input{width:16px;height:16px;margin:0;accent-color:var(--primary)}
.tsr-textarea{display:block}
/* Below 620 px the toolbar wraps: the search box gets a row of its own instead of a few characters. */
@media (max-width:620px){.tsr .tsr-tbar{flex-wrap:wrap;row-gap:2px;padding-top:4px}.tsr .tsr-tbar .tsr-search{flex:1 1 100%;min-width:0}.tsr .tsr-tbar .tsr-tbar-n{margin-left:auto}}
/* The menu is [hidden] in the markup so that, while the stylesheet is still on its way, it is display: none and cannot be
   caught at its default style (open) and then transition to closed. The rule below shows it as the prototype does. */
.tsr-more-m[hidden]{display:flex}
/* Record pages: action rows with several buttons, and the spacing between the sections of the management tab. */
.tsr-set-act{display:flex;flex-wrap:wrap;gap:8px}
.tsr-beheer .tsr-kvs+.tsr-kvs{margin-top:36px}
.tsr-beheer .tsr-kvs .tsr-p{margin:8px 0 0}
.tsr-pl col.w12{width:12%}
.tsr-pl col.w19{width:19%}
.tsr-pl col.w43{width:43%}
.tsr-mst svg{stroke-width:1.9}
a.tsr-th{text-decoration:none}
/* A row that opens something (TableConfig.rowHref): its first cell is a link that looks like the text around it. */
.tsr-rowlink{color:inherit;text-decoration:none}
.tsr-rowlink:focus-visible{outline:none}
.tsr-row:has(.tsr-rowlink:focus-visible) td{box-shadow:inset 0 2px 0 -1px var(--link),inset 0 -2px 0 -1px var(--link)}
/* Section (a titled block of a page) and its tables: the prototype's .crm-sec, under a name that does not clash with the secondary-line class. */
.tsr-block{margin-top:40px}
.tsr-block-h{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tsr-block .tsr-tbar{margin-top:8px}
@media (max-width:760px){.tsr-block-h{flex-direction:column;align-items:flex-start}}
/* Hardware-key step-up (tessera/elevation, tessera/elevation_ind): the dialog's classes are above; these are the additions
   of the server-rendered version: the ring pulses only while the browser waits for the key, the key list, the indicator's
   form is an icon button at the right, and a hidden error line stays hidden. */
.tsr-elev-f .tsr-yk-ring{display:none}
.tsr-elev-f.busy .tsr-yk-ring{display:block}
.tsr-elev-f .tsr-elev-err[hidden],.tsr-elev-f .tsr-elev-note[hidden]{display:none}
.tsr-elev-lead{margin-top:14px}
.tsr-elev-btn span{display:inline}
.tsr-elev-keys-h{margin:26px 0 0}
.tsr-elev-keys{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.tsr-elev-keys li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--line2);font-size:13.5px}
.tsr-elev-keys li b{font-weight:500;color:var(--ink)}
.tsr-elev-keys+.tsr-elev-link{margin-top:12px}
.tsr-elev a.tsr-elev-link{text-decoration:underline;text-underline-offset:3px}
.tsr-elev-ind form{margin-left:auto;display:flex}
.tsr-elev-ind-a{color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsr-elev-ind-a:hover{color:var(--ink)}
/* CopyField: a selectable read-only value and its copy action stay together and stack on a narrow screen. */
.tsr-copy{margin-top:16px}
.tsr-copy-row{display:flex;align-items:stretch;gap:8px;margin-top:6px}
.tsr-copy-row .tsr-input{height:40px;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.tsr-copy-row .tsr-btn{flex:none}
.tsr-copy .tsr-small{margin-top:6px}
@media (max-width:620px){.tsr-copy-row{align-items:stretch;flex-direction:column}.tsr-copy-row .tsr-btn{align-self:flex-start}}
/* Layout rule: page content never goes under the right-hand panel, at any desktop width. The main column is a
   grid track of minmax(0,1fr) and shrinks; whatever sits in a row inside it wraps or shrinks instead of keeping
   its natural width (a flex item's min-width defaults to its content, which is what pushed rows under the panel).
   The tab row of a record page: the tabs take the room that is left (basis 320 px), the status block wraps onto a
   line of its own when that room is not there, and can itself wrap. */
.tsr-main,.tsr-wrap,.tsr-rec-bar,.tsr-rec-bar>*{min-width:0}
.tsr-rec-bar{flex-wrap:wrap}
.tsr-rec-bar-r{flex:0 1 auto;flex-wrap:wrap;max-width:100%}
.tsr-steps{flex-wrap:wrap;min-width:0;max-width:100%}
.tsr .tsr-tbar{flex-wrap:wrap;row-gap:2px}
/* A table's action column is 0 wide on purpose and its buttons hang into the page gutter (about 42 px); the gutter
   of a page with such a table is at least that wide at every width, so they never end up under the panel. */
.tsr .tsr-wrap:has(.tsr-table td.tsr-td-act){padding-right:max(44px,clamp(20px,3.2vw,48px))}

/* Tabs that do not fit move into a three-dots menu at the end of the row (ui.js, tabOverflow). The bar is a block
   level flex box whose width comes from its parent (in the record bar from a fixed flex basis), never from its tabs,
   so hiding a tab cannot change the room that decides which tabs are hidden. Before the script has run, or without
   it, the tabs simply wrap; the script adds .ov and the row stays on one line. */
.tsr-ptabs[data-tabs-ov]{display:flex;flex-wrap:wrap;min-width:0;max-width:100%}
.tsr-ptabs[data-tabs-ov].ov{flex-wrap:nowrap}
.tsr-rec-bar>.tsr-ptabs[data-tabs-ov]{flex:1 1 320px}
.tsr-ptabs [hidden]{display:none!important}
.tsr-tabov{position:relative;flex:none;display:inline-flex;align-items:center}
.tsr .tsr-ptabs .tsr-tabov .tsr-tabov-b{flex:none;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 10px;cursor:pointer}
.tsr .tsr-ptabs .tsr-tabov .tsr-tabov-b[aria-expanded="true"]{color:var(--ink)}
.tsr .tsr-ptabs .tsr-tabov-m{position:absolute;z-index:30;top:calc(100% + 4px);right:0;min-width:210px;display:flex;flex-direction:column;padding:4px;background:var(--raised);border:1px solid var(--line2);border-radius:8px;box-shadow:0 10px 30px rgba(15,23,39,.12)}
.tsr .tsr-ptabs .tsr-tabov-m.left{right:auto;left:0}
.tsr .tsr-ptabs .tsr-tabov-m .tsr-tabov-i{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:5px;color:var(--ink);font-size:13.5px;white-space:nowrap;cursor:pointer}
.tsr .tsr-ptabs .tsr-tabov-m .tsr-tabov-i:hover{background:var(--sunken)}
.tsr .tsr-ptabs .tsr-tabov-m .tsr-tabov-i:focus-visible{background:var(--sunken);outline:2px solid var(--focus);outline-offset:-2px}
.tsr .tsr-ptabs .tsr-tabov-m .tsr-tabov-i.on,.tsr .tsr-ptabs .tsr-tabov-m .tsr-tabov-i[aria-current]{font-weight:500}
.tsr .tsr-ptabs .tsr-tabov-m .tsr-cnt{margin-left:auto;padding-left:12px}

/* The environment bar overlays only the content column. Both sidebars keep their full viewport height and sit above
   the bar; the main column gets one bar-height of extra top padding so its heading stays readable. The bar is sticky
   and has a lower z-index than a modal overlay (50). */
.tsr.has-env{--env-h:28px}
.tsr.has-env>.tsr-envbar{grid-column:2;grid-row:1;align-self:start;z-index:30}
.tsr.has-env>.tsr-side{grid-column:1;grid-row:1}
.tsr.has-env>.tsr-main{grid-column:2;grid-row:1}
.tsr.has-env>.tsr-panel#tsr-pv{grid-column:3;grid-row:1}
.tsr.has-env>.tsr-side,.tsr.has-env>.tsr-panel#tsr-pv{top:0;height:100vh;z-index:31}
.tsr.has-env>.tsr-main{padding-top:calc(25px + var(--env-h))}
@media (max-width:760px){.tsr.has-env>.tsr-side{grid-column:1;grid-row:1}.tsr.has-env>.tsr-envbar,.tsr.has-env>.tsr-main{grid-column:1;grid-row:2}.tsr.has-env>.tsr-panel#tsr-pv{grid-row:3}}
.tsr-phone-country{display:block;margin-top:5px;font-size:11.5px;line-height:16px;color:var(--subtle)}
.tsr-phone-country:empty{display:none}