/* Simulated views (docs.novadesko.com). Every size inside .sim-canvas is in em so the view scales with its container. */
.sim{margin:1.6rem 0;--s-bg:var(--surface-2,#f3f1fb);--s-card:var(--surface,#fff);--s-ink:var(--text,#1a1533);--s-text:var(--text,#1a1533);--s-muted:var(--text-2,#625d7a);--s-line:var(--border,#e7e3f3);--s-brand:#5902a9;--s-brand2:#5902a9;--s-ok:var(--success,#059669);--s-ok-bg:var(--success-bg,#ecfdf5);--s-warn:var(--warning,#d97706);--s-warn-bg:var(--warning-bg,#fffbeb);--s-bad:var(--danger,#dc2626);--s-bad-bg:var(--danger-bg,#fef2f2);--s-info:var(--info,#4f46e5);--s-info-bg:var(--info-bg,#eef2ff)}
[data-theme="dark"] .sim{--s-bg:var(--bg,#0e0b1c);--s-brand2:#b79cfb}
.sim-stage{container-type:inline-size;border:1px solid var(--s-line);border-radius:14px;overflow:hidden;background:var(--s-bg)}
.sim-canvas{position:relative;font:400 calc(100cqw / 62)/1.4 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--s-text);overflow:hidden}
.sim-app{display:flex;min-height:36em}
.sim-side{flex:0 0 12.5em;background:var(--s-card);border-right:1px solid var(--s-line);padding:1.1em .7em;display:flex;flex-direction:column;gap:.2em}
.sim-side b{color:var(--s-brand2);font-size:1.15em;padding:0 .6em .9em}
.sim-side span{display:flex;align-items:center;gap:.6em;padding:.55em .7em;border-radius:.6em;color:var(--s-muted)}
.sim-side span.is-active{background:color-mix(in srgb,var(--s-brand2) 14%,transparent);color:var(--s-brand2);font-weight:600}
.sim-main{flex:1;min-width:0;padding:1.1em;display:flex;flex-direction:column;gap:.9em}
.sim-head,.sim-card{background:var(--s-card);border:1px solid var(--s-line);border-radius:.9em;padding:.9em 1.1em}
.sim-head{display:flex;justify-content:space-between;align-items:center;gap:1em}
.sim-head h3,.sim-card h4,.sim-modal h4{margin:0;color:var(--s-ink);font-size:1.25em;font-weight:700;border:0;padding:0}
.sim-card h4,.sim-modal h4{font-size:1em;margin-bottom:.7em}
.sim-head p{margin:.1em 0 0;color:var(--s-muted);font-size:.9em}
.sim-actions{display:flex;gap:.5em}
.sim-btn{display:inline-flex;align-items:center;gap:.45em;padding:.5em .9em;border-radius:.65em;border:1px solid var(--s-line);background:var(--s-card);color:var(--s-ink);font-weight:600;font-size:.92em;white-space:nowrap}
.sim-btn-primary{background:linear-gradient(135deg,#6366f1,#5902a9);border-color:transparent;color:#fff}
.sim-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9em,1fr));gap:.8em;flex:1}
.sim-stat{border-radius:.9em;padding:.85em 1em;color:#fff;display:flex;flex-direction:column;gap:.15em;background:linear-gradient(135deg,#6366f1,#5902a9);box-shadow:0 .5em 1.2em -.5em rgba(89,2,169,.55)}
.sim-stat-rose{background:linear-gradient(135deg,#be123c,#fb7185)}.sim-stat-teal{background:linear-gradient(135deg,#0f766e,#2dd4bf)}.sim-stat-amber{background:linear-gradient(135deg,#b45309,#f59e0b)}
.sim-stat span,.sim-stat small{font-size:.82em;opacity:.92}.sim-stat b{font-size:1.3em;font-variant-numeric:tabular-nums}
.sim-grid{display:flex;gap:.9em;align-items:stretch}.sim-grid>*{flex:1;min-width:0}.sim-grid>.sim-wide{flex:1.7}
.sim-tr{display:grid;grid-template-columns:var(--cols);gap:.8em;padding:.55em .2em;border-top:1px solid var(--s-line);align-items:center}
.sim-tr>span{min-width:0;overflow-wrap:anywhere}.sim-tr>.sim-num,.sim-tr>.sim-key{white-space:nowrap;overflow-wrap:normal}
.sim-th{border-top:0;color:var(--s-muted);font-size:.82em;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.sim-num{text-align:right;font-variant-numeric:tabular-nums}
.sim-badge{display:inline-block;padding:.15em .65em;border-radius:99em;font-size:.82em;font-weight:600;background:var(--s-line);color:var(--s-muted)}
.sim-badge.sim-ok{background:var(--s-ok-bg);color:var(--s-ok)}.sim-badge.sim-warn{background:var(--s-warn-bg);color:var(--s-warn)}
.sim-form{display:grid;grid-template-columns:1fr 1fr;gap:.7em;margin-bottom:.8em}.sim-form .sim-wide{grid-column:1/-1}
.sim-field{display:flex;flex-direction:column;gap:.25em;font-size:.9em;color:var(--s-muted)}
.sim-field em{font-style:normal;color:var(--s-ink);border:1px solid var(--s-line);border-radius:.6em;padding:.5em .7em;min-height:2.4em;background:var(--s-bg)}
.sim-dl{display:grid;grid-template-columns:1fr auto;gap:.45em;margin:0 0 .9em}.sim-dl dd{margin:0;text-align:right;color:var(--s-ink);font-weight:600;font-variant-numeric:tabular-nums}
.sim-bank{border-radius:.9em;padding:1em 1.1em;color:#fff;background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 55%,#000));display:flex;flex-direction:column;gap:.3em;flex:0 0 17em}
.sim-bank em{font-style:normal;opacity:.85;font-size:.9em;letter-spacing:.06em}.sim-bank b{font-size:1.45em;font-variant-numeric:tabular-nums}
.sim-bars{display:flex;align-items:flex-end;gap:.5em;height:11em}
.sim-bars>div{flex:1;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:end;gap:.15em}
.sim-bars i{background:var(--s-brand2);border-radius:.3em .3em 0 0;transform-origin:bottom}.sim-bars i.sim-bar-b{background:var(--s-muted);opacity:.45}
.sim-bars span{grid-column:1/-1;text-align:center;font-size:.75em;color:var(--s-muted)}
.sim-modal{position:absolute;inset:0;background:rgba(17,12,34,.5);display:none;align-items:center;justify-content:center;padding:1em}
.sim-modal[data-open]{display:flex}
.sim-modal-box{background:var(--s-card);border-radius:1em;padding:1.2em;width:min(30em,100%);box-shadow:0 1.2em 3em rgba(0,0,0,.3)}
.sim-modal-foot{display:flex;justify-content:flex-end;gap:.5em}
.sim-loading :is(.sim-stat b,.sim-tr>span,.sim-bars i,.sim-head p){color:transparent!important;background:var(--s-line)!important;border-radius:.4em;animation:sim-pulse 1.2s ease-in-out infinite}
@keyframes sim-pulse{50%{opacity:.45}}
.sim-cursor{position:absolute;left:0;top:0;width:1.5em;height:1.5em;margin:-.2em 0 0 -.2em;opacity:0;pointer-events:none;z-index:5;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .2s;background:no-repeat 0 0/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 9-7 1.5L8.5 20z' fill='%23111' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}
.sim-cursor.is-on{opacity:1}.sim-cursor.is-click{scale:.8}
.sim-toast{position:absolute;right:1em;bottom:1em;z-index:6;background:#15803d;color:#fff;font-weight:600;padding:.7em 1.1em;border-radius:.7em;box-shadow:0 .6em 1.6em rgba(0,0,0,.25);opacity:0;translate:0 1em;transition:opacity .25s,translate .25s}
.sim-toast.is-on{opacity:1;translate:0 0}
.sim [data-off]{opacity:0}.sim [data-sim]{transition:opacity .35s,box-shadow .25s,outline-color .25s}
.sim .is-hl{outline:.16em solid var(--s-brand2);outline-offset:.2em;border-radius:.6em;box-shadow:0 0 0 .5em color-mix(in srgb,var(--s-brand2) 22%,transparent)}
.sim-bar{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}.sim-bar[hidden]{display:none}
.sim-btn-ctl{width:2.25rem;height:2.25rem;border-radius:.6rem;border:1px solid var(--s-line);background:var(--s-card);color:var(--s-ink);cursor:pointer}
.sim-btn-ctl:focus-visible{outline:2px solid var(--s-brand2);outline-offset:2px}
.sim-now{font-size:.92rem;color:var(--s-text);margin-left:.4rem}
/* Stacked step captions (sim.js): the cell is as tall as the longest caption, only .is-on is visible. */
.sim-now{position:relative;display:grid;flex:1;min-width:0}.sim-now>span{grid-area:1/1;visibility:hidden}.sim-now>span.is-on{visibility:visible}
.sim-now>.sim-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sim figcaption{margin-top:.5rem;font-size:.9rem;color:var(--s-muted)}
.sim-steps{font-size:.92rem;margin:.5rem 0 0;padding-left:1.4rem;color:var(--s-muted)}.sim-steps li.is-now{color:var(--s-brand2);font-weight:600}
.sim-error{color:#b91c1c}.sim-force-mobile{max-width:390px;margin-inline:auto}
/* Mobile layout: below 620px of container width (or with the "mobile" option) the sidebar goes and blocks stack. */
@container (max-width:620px){.sim-top{display:flex}.sim-th{display:none}.sim-tr{grid-auto-flow:row;grid-template-columns:minmax(0,1fr) auto;gap:.25em .8em;padding:.7em .2em}.sim-tr>span{white-space:normal;overflow:visible}.sim-tr>.sim-key{font-weight:600;color:var(--s-ink)}.sim-tr>span:nth-child(even of :not(.sim-hm)){text-align:right}.sim-tr>span:nth-child(n+3 of :not(.sim-hm)){font-size:.9em;color:var(--s-muted)}.sim-form{grid-template-columns:1fr}.sim-tabs{overflow:hidden}.sim-canvas{font-size:calc(100cqw / 27)}.sim-side,.sim-hm{display:none}.sim-app{min-height:0}.sim-grid{flex-direction:column}.sim-bank{flex:none}.sim-stats{grid-template-columns:1fr 1fr}.sim-head{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.sim *{transition:none!important;animation:none!important}}

/* Second pass: frame details, extra blocks, device frame, row appear. */
.sim-logo{display:inline-block;width:1.25em;height:1.25em;border-radius:.35em;background:url(/images/brand/novadesko-mark.svg) center/contain no-repeat;vertical-align:-.25em;margin-right:.45em}
.sim-av{display:inline-grid;place-items:center;width:2em;height:2em;border-radius:50%;background:color-mix(in srgb,var(--s-brand2) 16%,transparent);color:var(--s-brand2);font:700 .78em/1 inherit;font-style:normal}
.sim-co{margin-top:auto;display:flex;align-items:center;gap:.6em;padding:.7em .6em 0;border-top:1px solid var(--s-line);color:var(--s-ink);font-size:.9em;font-weight:600}
/* Base display:none sits after the first mobile container query; the fourth-pass query below turns it back on. */
.sim-top{display:none;align-items:center;gap:.7em;color:var(--s-ink)}.sim-top b{flex:1;color:var(--s-brand2)}
.sim-head{box-shadow:0 .1em .3em rgba(26,21,51,.04)}
.sim-badge.sim-bad{background:var(--s-bad-bg);color:var(--s-bad)}.sim-badge.sim-info{background:var(--s-info-bg);color:var(--s-info)}
.sim-tabs{display:flex;gap:.3em;border-bottom:1px solid var(--s-line);margin-bottom:.6em}
.sim-tabs span{padding:.5em .9em;color:var(--s-muted);font-weight:600;font-size:.92em;border-bottom:.15em solid transparent;white-space:nowrap}
.sim-tabs span.is-active{color:var(--s-brand2);border-bottom-color:var(--s-brand2)}
.sim-search{display:flex;align-items:center;gap:.6em;border:1px solid var(--s-line);border-radius:.65em;padding:.5em .8em;background:var(--s-bg);color:var(--s-muted);margin-bottom:.6em}
.sim-search em{font-style:normal;color:var(--s-ink)}.sim-search em:not(:empty)+span{display:none}
.sim-acts{display:inline-flex;gap:.8em;color:var(--s-muted);justify-content:flex-end}
.sim-line svg{display:block;width:100%;height:9em;overflow:visible}.sim-line-a{fill:color-mix(in srgb,var(--s-brand2) 16%,transparent)}
.sim-line-s{fill:none;stroke:var(--s-brand2);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.sim-line div{display:flex;justify-content:space-between;font-size:.75em;color:var(--s-muted);margin-top:.3em}
.sim .is-new{animation:sim-row .7s cubic-bezier(.16,1,.3,1)}
@keyframes sim-row{from{opacity:0;translate:0 -.7em;background:color-mix(in srgb,var(--s-brand2) 20%,transparent)}}
.sim-device{max-width:340px}
.sim-device .sim-stage{position:relative;border:.6rem solid #17132b;border-radius:2.5rem;box-shadow:0 1.2rem 2.6rem -1rem rgba(26,21,51,.45),0 0 0 1px var(--s-line)}
.sim-device .sim-stage::before{content:"";position:absolute;top:.5rem;left:50%;translate:-50% 0;width:5rem;height:1.2rem;border-radius:1rem;background:#17132b;z-index:7}
.sim-device .sim-app{padding-top:1.9rem;min-height:40em}

/* Third pass: fidelity with the live app (floating sidebar, borderless cards with soft shadows, header icon tile, stat gradients). */
.sim-side{margin:.8em 0 .8em .8em;border:1px solid var(--s-line);border-radius:1.1em;padding:1em .6em;gap:.1em;box-shadow:0 .5em 1.4em -.9em rgba(26,21,51,.25)}
.sim-side b{color:var(--s-ink);font-weight:800;letter-spacing:-.01em;display:flex;align-items:center}
.sim-logo{background:url(/images/brand/novadesko-mark.svg) center/contain no-repeat;border-radius:.38em;flex:none}
.sim-side span{position:relative;font-weight:500;font-size:.92em;padding:.5em .7em;border:1px solid transparent}
.sim-side span i{width:1.2em;text-align:center;flex:none}
.sim-side span.is-active{background:color-mix(in srgb,var(--s-brand2) 9%,transparent);border-color:color-mix(in srgb,var(--s-brand2) 28%,transparent)}
.sim-side span.is-active::before{content:"";position:absolute;left:-.6em;top:22%;bottom:22%;width:.2em;border-radius:0 .2em .2em 0;background:var(--s-brand2)}
.sim-co i.fa-solid{margin-left:auto;color:var(--s-muted);font-size:.8em}
.sim-main{padding:.8em 1em}
.sim-head,.sim-card{border-radius:1.1em;box-shadow:0 .1em .2em rgba(26,21,51,.04),0 .6em 1.5em -1em rgba(26,21,51,.22)}
.sim-ht{display:flex;align-items:center;gap:.8em;min-width:0}.sim-ht>div{min-width:0}
.sim-hicon{flex:none;display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:.75em;color:#fff;background:linear-gradient(135deg,#7c3aed,#5902a9);font-style:normal}
.sim-head h3{font-weight:800;letter-spacing:-.01em}
.sim-btn{border-radius:.7em;font-weight:700}
.sim-btn-primary{background:linear-gradient(135deg,#7c3aed,#5902a9);box-shadow:0 .4em 1em -.5em rgba(89,2,169,.7)}
.sim-stat{position:relative;border-radius:1.1em;padding:.95em 1.05em;gap:.35em;min-width:0;background:linear-gradient(135deg,#4f46e5,#6d28d9)}
.sim-stat-rose{background:linear-gradient(135deg,#f43f5e,#b91c1c)}.sim-stat-teal,.sim-stat-blue{background:linear-gradient(135deg,#0ea5e9,#4338ca)}.sim-stat-amber,.sim-stat-purple{background:linear-gradient(135deg,#a855f7,#6d28d9)}.sim-stat-green{background:linear-gradient(135deg,#10b981,#0f766e)}
.sim-stat>span{display:block;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.95;overflow-wrap:anywhere}
.sim-stat>b{display:block;font-size:1.4em;font-weight:800;letter-spacing:-.01em;line-height:1.2;overflow-wrap:anywhere}
.sim-stat>small{display:block;opacity:.9}
.sim-stat-ic{float:right;display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:.65em;background:rgba(255,255,255,.18);font-style:normal;align-self:flex-end;margin-bottom:-2.2em}
.sim-th{font-size:.72em;font-weight:700;letter-spacing:.06em}
.sim-tr{padding:.65em .4em}
.sim-tr>.sim-key{white-space:normal;overflow-wrap:normal;font-weight:600;color:var(--s-ink)}
.sim-table{min-width:0;max-width:100%}
.sim-badge{font-size:.74em;font-weight:700;border:1px solid color-mix(in srgb,currentColor 28%,transparent);white-space:nowrap}
.sim-bank{border-radius:1.1em}.sim-modal-box{border-radius:1.2em}
.sim-toast{border-radius:.8em;background:#059669}
@container (max-width:620px){.sim-main{padding:.8em}.sim-tr{grid-template-columns:minmax(0,1fr) auto}.sim-hicon{width:2.2em;height:2.2em}}

/* Fourth pass: mobile fidelity with the live app (floating menu button, floating bottom navigation, one-column stats) and white bank chip card. */
.sim-bnav{display:none;position:absolute;left:.7em;right:.7em;bottom:.7em;z-index:2;align-items:center;gap:.3em;padding:.4em;border-radius:1.2em;background:color-mix(in srgb,var(--s-card) 94%,transparent);border:1px solid var(--s-line);box-shadow:0 .6em 1.6em -.6em rgba(26,21,51,.4)}
.sim-bnav span{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3em;padding:.4em .2em;border-radius:.8em;font-size:.72em;font-weight:600;color:var(--s-muted)}
.sim-bnav span i{font-size:1.45em}.sim-bnav u{text-decoration:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sim-bnav span.is-active{background:color-mix(in srgb,var(--s-brand2) 13%,transparent);color:var(--s-brand2)}
.sim-bn-menu,.sim-bn-add{flex:none;display:grid;place-items:center;width:2.7em;height:2.7em;border-radius:.85em;color:#fff;font-style:normal;background:linear-gradient(135deg,#6366f1,#5902a9)}
.sim-bn-add{background:linear-gradient(135deg,#10b981,#059669)}
.sim-modal{z-index:4}
.sim-bank{position:relative;color:var(--s-ink);background:var(--s-card);border:1px solid var(--s-line);box-shadow:0 .1em .2em rgba(26,21,51,.04),0 .6em 1.5em -1em rgba(26,21,51,.22);padding:.9em 1em .9em 4.2em;gap:.15em;min-width:0}
.sim-bank::before{content:"";position:absolute;left:1em;top:.95em;width:2.3em;height:2.3em;border-radius:.6em;background:var(--bank,#c8102e)}
.sim-bank::after{content:"";position:absolute;left:1.6em;top:1.75em;width:1.1em;height:.3em;border-top:.2em solid #fff;border-bottom:.2em solid #fff}
.sim-bank>span{font-weight:700;overflow-wrap:anywhere}.sim-bank em{color:var(--s-muted);opacity:1;overflow-wrap:anywhere}.sim-bank b{color:var(--s-ink);font-size:1.3em;font-weight:800}
.sim-btn-ctl:focus-visible,.sim-bar button:focus-visible{outline:2px solid var(--s-brand2);outline-offset:2px}
@container (max-width:620px){
.sim-app{position:relative;padding-bottom:5em}
.sim-bnav{display:flex}
.sim-top{display:flex;position:absolute;left:.45em;top:.45em;z-index:2}
.sim-top>b,.sim-top>.sim-av{display:none}
.sim-top>i.fa-bars{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.75em;background:var(--s-card);border:1px solid var(--s-line);color:var(--s-brand2);box-shadow:0 .4em 1em -.4em rgba(26,21,51,.35)}
.sim-main{padding-top:1.1em}
.sim-head{padding-top:1.3em}.sim-ht{padding-left:1.1em}
.sim-actions{flex-wrap:wrap}
.sim-stats{grid-template-columns:1fr}
.sim-btn{white-space:normal}
.sim-toast{left:1em;right:1em;bottom:5.4em;text-align:center}
.sim-modal{padding:.8em;padding-bottom:5em}
}
.sim-device .sim-top{top:2.2rem}.sim-device .sim-main{padding-top:1.3em}

/* Bank Sync scene: toolbar, bank chips, attachment pills, quick justification menu, bank picker */
.sim-bank-bar{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;margin-bottom:.8em}
.sim-bank-chip{display:inline-flex;align-items:center;gap:.6em;padding:.45em .8em;border:1px solid var(--s-line);border-radius:.7em;background:var(--s-card);color:var(--s-ink);font-weight:600;font-size:.92em}
.sim-bank-chip small{display:block;font-weight:500;color:var(--s-muted);font-size:.8em}
.sim-bank-chip b.sim-bank-pos{color:var(--s-ok)}
.sim-bank-logo{display:inline-flex;align-items:center;justify-content:center;width:1.8em;height:1.8em;border-radius:.45em;color:#fff;font-size:.8em;flex:none}
.sim-bank-sync{display:inline-flex;flex-direction:column;padding:.3em .8em;border-radius:.65em;background:var(--s-ok-bg);color:var(--s-ok);font-weight:700;font-size:.85em;line-height:1.25}
.sim-bank-sync small{font-size:.7em;text-transform:uppercase;letter-spacing:.03em}
.sim-bank-pill{display:inline-flex;align-items:center;gap:.35em;padding:.2em .6em;border-radius:.5em;font-weight:700;font-size:.82em;white-space:nowrap;background:var(--s-info-bg);color:var(--s-info)}
.sim-bank-pill.sim-bank-open{background:var(--s-warn-bg);color:var(--s-warn);border:1px solid var(--s-warn)}
.sim-bank-kind{display:block;color:var(--s-muted);font-size:.75em}
.sim-bank-pos{color:var(--s-ok);font-weight:700}
.sim-bank-neg{color:var(--s-bad);font-weight:700}
.sim-bank-menu{display:flex;flex-direction:column;gap:.15em}
.sim-bank-menu>span{display:flex;align-items:center;gap:.7em;padding:.5em .6em;border-radius:.55em;color:var(--s-ink);font-weight:600;font-size:.92em}
.sim-bank-menu>span i{color:var(--s-warn);width:1.1em;text-align:center}
.sim-bank-menu>span.sim-bank-alt i{color:var(--s-ok)}
.sim-bank-menu hr{border:0;border-top:1px solid var(--s-line);margin:.3em 0;width:100%}
.sim-bank-menu>span.sim-bank-arrow::after{content:"\2192";margin-left:auto;color:var(--s-muted)}
.sim-bank-note{margin:.8em 0 0;color:var(--s-muted);font-size:.8em}
.sim-bank-empty{display:flex;flex-direction:column;align-items:center;gap:.7em;padding:2.2em 1em;text-align:center;color:var(--s-muted)}
.sim-bank-empty b{color:var(--s-ink);font-size:1.05em}
.sim-bank-acct{display:flex;align-items:center;gap:.5em;font-weight:600;min-width:0;max-width:100%;overflow:hidden}
.sim-bank-acct>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-bank-acct small{display:block;color:var(--s-muted);font-weight:500;font-size:.8em}
.sim-bank-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7em;margin-bottom:.9em}
.sim-bank-tiles .sim-stat{padding:.75em .85em;min-width:0}
.sim-bank-tiles .sim-stat>b{font-size:1.2em;white-space:nowrap}
.sim-bank-tiles .sim-stat>span{font-size:.66em}
.sim-bank-plain.sim-stat{background:var(--s-card);color:var(--s-muted);border:1px solid var(--s-line);box-shadow:none}
.sim-bank-plain.sim-stat>b{color:var(--s-ink)}
.sim-bank-plain.sim-bank-pos>b{color:var(--s-ok)}
.sim-bank-plain.sim-bank-neg>b{color:var(--s-bad)}
.sim-bank-empty>i{font-size:1.8em;color:var(--s-muted)}
.sim-bank-opt{padding:.45em 1em;border:1px solid var(--s-line);border-radius:.6em;font-weight:600;font-size:.9em;color:var(--s-ink);background:var(--s-card)}
.sim-bank-opt.sim-bank-on{border-color:var(--s-info);background:var(--s-info-bg);color:var(--s-info)}
.sim-bank-cap{display:block;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:.7em;color:var(--s-muted);margin:.4em 0 .5em}
.sim-bank-sub{margin:0 0 .6em}
.sim-bank-menu>span.sim-bank-device{border:1px solid var(--s-line);padding:.7em .8em}
.sim-bank-menu>span.sim-bank-device i{color:var(--s-info)}
@container (max-width:620px){.sim-bank-tiles{grid-template-columns:1fr 1fr}.sim-bank-tiles .sim-stat:first-child{grid-column:1/-1}}

.sim-catalog-bar{display:flex;gap:.6em;align-items:center;margin-bottom:.8em;flex-wrap:wrap}
.sim-catalog-bar>.sim-search{flex:1;min-width:10em}
.sim-catalog-thumb{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;margin-right:.6em;border-radius:.45em;border:1px solid var(--s-line);color:var(--s-muted);font-size:.85em;vertical-align:middle}
.sim-catalog-switch{display:inline-flex;align-items:center;gap:.5em;white-space:nowrap}
.sim-catalog-switch>i{position:relative;flex:none;width:2em;height:1.1em;border-radius:1em;background:var(--s-ok)}
.sim-catalog-switch>i::after{content:"";position:absolute;top:.15em;right:.15em;width:.8em;height:.8em;border-radius:50%;background:var(--s-card)}
.sim-catalog-switch small{display:block;color:var(--s-muted);font-size:.8em;white-space:normal}
.sim-catalog-ph{color:var(--s-muted)}
.sim-catalog-image{display:flex;align-items:center;gap:.8em;margin-bottom:1em;padding:.7em;border:1px dashed var(--s-line);border-radius:.7em}
.sim-catalog-image>i{font-size:1.5em;color:var(--s-muted)}
.sim-catalog-image>span:not(.sim-btn){flex:1;display:flex;flex-direction:column;color:var(--s-ink)}
.sim-catalog-image small{color:var(--s-muted);font-size:.8em}
.sim-catalog-ttc{margin:.7em 0 0;color:var(--s-muted);font-size:.9em}
.sim-catalog-ttc b{color:var(--s-ink)}
.sim-catalog-toggles{display:flex;flex-wrap:wrap;gap:.8em 2em;margin-top:1em}
.sim-catalog-foot{display:flex;justify-content:flex-end;margin-top:.9em}
.sim-catalog-empty{display:flex;flex-direction:column;align-items:center;gap:.4em;padding:2.2em 1em;text-align:center;color:var(--s-muted)}
.sim-catalog-empty>i{font-size:2em;color:var(--s-brand)}
.sim-catalog-empty>b{color:var(--s-ink)}
.sim-catalog-colors{display:inline-flex;gap:.4em;vertical-align:middle}
.sim-catalog-colors>i{width:1.1em;height:1.1em;border-radius:50%;background:var(--s-brand)}
.sim-catalog-colors>i:nth-child(2){background:var(--s-info)}
.sim-catalog-colors>i:nth-child(3){background:var(--s-ok)}
.sim-catalog-colors>i:nth-child(4){background:var(--s-warn)}
.sim-catalog-colors>i:nth-child(5){background:var(--s-bad)}
.sim-catalog .sim-head{flex-wrap:wrap;gap:.6em}
.sim-catalog .sim-ht{flex:1 1 14em;min-width:0}
.sim-catalog .sim-ht h3,.sim-catalog .sim-ht p{white-space:normal;word-break:normal}
.sim-catalog .sim-actions{flex-wrap:wrap;justify-content:flex-end}

.sim-customers-menu{display:flex;flex-direction:column;gap:.1em;width:max-content;max-width:100%;margin:0 0 .7em auto;padding:.4em;border:1px solid var(--s-line);border-radius:.7em;background:var(--s-card);color:var(--s-text)}
.sim-customers-menu>div{padding:.45em .7em;border-radius:.45em}
.sim-customers-bulk{display:flex;flex-wrap:wrap;gap:.5em;margin:.7em 0}
.sim-customers-check{display:inline-block;width:1em;height:1em;margin-right:.4em;border:1px solid var(--s-line);border-radius:.25em;vertical-align:-.15em}
.sim-customers-check.is-on{background:var(--s-brand);border-color:var(--s-brand)}
.sim-customers-types{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:.8em}
.sim-customers-types>div{flex:1 1 9em;display:flex;flex-direction:column;gap:.15em;padding:.6em .8em;border:1px solid var(--s-line);border-radius:.7em;color:var(--s-text)}
.sim-customers-types>div.is-on{border-color:var(--s-brand)}
.sim-customers-types span{color:var(--s-muted);font-size:.85em}
.sim-customers-verify{display:flex;align-items:flex-end}
.sim-customers-note{margin:.7em 0;padding:.55em .8em;border-radius:.6em}
.sim-customers-note.is-ok{background:var(--s-ok-bg);color:var(--s-ok)}
.sim-customers-note.is-bad{background:var(--s-bad-bg);color:var(--s-bad)}
.sim-customers .sim-head{flex-wrap:wrap;gap:.6em}
.sim-customers .sim-ht{flex:1 1 14em;min-width:0}
.sim-customers .sim-actions{flex-wrap:wrap;justify-content:flex-end}
.sim-customers-mail{overflow-wrap:normal;word-break:normal}
.sim-customers-nowrap{white-space:nowrap}

.sim-dashboard-bank{display:flex;flex-wrap:wrap;gap:.6em;align-items:center}
.sim-dashboard-chip{display:flex;align-items:center;gap:.6em;border:1px solid var(--s-line);border-radius:.7em;padding:.5em .7em}
.sim-dashboard-chip>i{width:1.6em;height:1.6em;border-radius:.4em;flex:none}
.sim-dashboard-chip span{display:flex;flex-direction:column;line-height:1.25}
.sim-dashboard-chip small,.sim-dashboard-total small,.sim-dashboard-balance small,.sim-dashboard-note{color:var(--s-muted);font-size:.8em}
.sim-dashboard-chip em{font-style:normal;font-weight:700;color:var(--s-ok)}
.sim-dashboard-total{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}
.sim-dashboard-total a{color:var(--s-brand);font-size:.8em;font-weight:600}
.sim-dashboard-total b{color:var(--s-ok);font-size:1.15em}
.sim-dashboard-missing p{margin:.5em 0 0;color:var(--s-text)}
.sim-dashboard-balance{display:flex;justify-content:space-between}
.sim-dashboard-balance div{display:flex;flex-direction:column}
.sim-dashboard-balance div:last-child{align-items:flex-end}
.sim-dashboard-bar{height:.5em;border-radius:1em;background:var(--s-bad);margin-top:.5em;overflow:hidden}
.sim-dashboard-bar i{display:block;height:100%;background:var(--s-brand)}
.sim-dashboard-pos{color:var(--s-ok);font-weight:600}
.sim-dashboard-neg{color:var(--s-bad);font-weight:600}
.sim-dashboard-shortcuts{display:flex;flex-wrap:wrap;gap:.35em}
.sim-dashboard-shortcuts span{display:flex;flex-direction:column;align-items:center;gap:.2em;min-width:3.2em;padding:.4em .45em;border:1px solid var(--s-line);border-radius:.6em;font-size:.78em;color:var(--s-text)}
.sim-dashboard-shortcuts .is-active,.sim-dashboard-cal .is-in{background:var(--s-brand);color:var(--s-card);border-color:var(--s-brand)}
.sim-dashboard-cal{margin:.7em 0}
.sim-dashboard-cal>b{display:block;text-align:center;margin-bottom:.4em;text-transform:capitalize}
.sim-dashboard-cal>div{display:grid;grid-template-columns:repeat(7,1fr);gap:.15em}
.sim-dashboard-cal i{font-style:normal;text-align:center;padding:.3em 0;border-radius:.35em;font-size:.85em}
.sim-dashboard-order{display:flex;flex-direction:column;gap:.25em}
.sim-dashboard-order span{display:flex;gap:.5em;align-items:center;border:1px solid var(--s-line);border-radius:.5em;padding:.3em .6em;font-size:.85em}
.sim-modal h5{margin:.8em 0 .35em;font-size:.8em;text-transform:uppercase;color:var(--s-muted)}

.sim-documents-b-bar{display:flex;gap:.6em;align-items:center;margin-bottom:.7em}
.sim-documents-b-bar .sim-search{flex:1;min-width:0}
.sim-documents-b-trash{display:inline-flex;gap:.45em;align-items:center;color:var(--s-text);font-size:.85em;font-weight:600;margin:0 0 .7em .3em;border-radius:.5em;padding:.15em .3em}
.sim-documents-b-wrap{position:relative}
.sim-documents-b-end{display:inline-flex;gap:.5em;align-items:center;justify-content:space-between;width:100%}
.sim-documents-b-menu{position:absolute;right:1em;top:4.2em;display:flex;flex-direction:column;background:var(--s-card);border:1px solid var(--s-line);border-radius:.8em;padding:.35em;min-width:11em;box-shadow:0 .8em 2em rgba(0,0,0,.18);z-index:2}
.sim-documents-b-menu span{display:flex;gap:.6em;align-items:center;padding:.45em .7em;border-radius:.5em;color:var(--s-ink);font-size:.88em;font-weight:500}
.sim-documents-b-menu .is-danger{color:var(--s-bad)}
.sim-documents-b-empty{display:flex;flex-direction:column;gap:.6em;align-items:center;padding:2.4em 1em;color:var(--s-muted);font-size:.95em}
.sim-documents-b-empty i{font-size:1.8em}
.sim-documents-b-filters{display:flex;gap:1em;margin-bottom:1em}
.sim-documents-b-secs{display:flex;flex-direction:column;gap:.2em;flex:0 0 8.5em}
.sim-documents-b-secs span{padding:.4em .6em;border-radius:.5em;color:var(--s-text);font-size:.85em;font-weight:600}
.sim-documents-b-secs .is-active{background:var(--s-info-bg);color:var(--s-brand)}
.sim-documents-b-panel{flex:1;min-width:0}
.sim-documents-b-chips{display:flex;flex-wrap:wrap;gap:.4em}
.sim-documents-b-chips span{border:1px solid var(--s-line);border-radius:2em;padding:.25em .7em;color:var(--s-ink);font-size:.8em;font-weight:500}
.sim-documents-b-slider{height:.3em;border-radius:1em;background:var(--s-line);margin:.9em .2em}
.sim-documents-b-slider i{display:block;height:100%;border-radius:1em;background:var(--s-brand)}
.sim-documents-b-quarters{display:flex;flex-direction:column;gap:.4em}
.sim-documents-b-quarters span{display:flex;justify-content:space-between;gap:.6em;border:1px solid var(--s-line);border-radius:.6em;padding:.45em .7em;color:var(--s-ink);font-size:.82em}
.sim-documents-b-quarters em{font-style:normal;color:var(--s-muted)}
@container (max-width:620px){
.sim-documents-b-filters{flex-direction:column;gap:.6em}
.sim-documents-b-secs{flex-direction:row;flex-wrap:wrap;flex:none}
.sim-documents-b-quarters span{flex-wrap:wrap}
}

/* documents-c: invoice detail page (navigation bar, PDF card, side cards) and its dialogs, as on the live app. */
.sim-main:has(>.sim-documents-c-nav)>.sim-head{display:none}
.sim-documents-c-nav{display:flex;align-items:center;gap:.8em;background:var(--s-card);border:1px solid var(--s-line);border-radius:1em;padding:.5em .9em;margin-bottom:.9em;font-size:.85em;color:var(--s-muted)}
.sim-documents-c-back{display:inline-flex;align-items:center;gap:.5em;margin-right:auto;padding:.4em .8em;border:1px solid color-mix(in srgb,var(--s-brand2) 35%,transparent);border-radius:.6em;color:var(--s-brand2);font-weight:600}
.sim-documents-c-back u,.sim-documents-c-sib u{text-decoration:none}
.sim-documents-c-sib{display:inline-flex;align-items:center;gap:.3em;font-weight:500;white-space:nowrap}.sim-documents-c-sib em{display:none;font-style:normal}
.sim-documents-c-pos{white-space:nowrap}.sim-documents-c-pos b{color:var(--s-ink)}
.sim-documents-c-cols{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(16em,1fr);gap:1em;align-items:start}
.sim-documents-c-left,.sim-documents-c-right{display:grid;gap:1em;min-width:0}
.sim-documents-c-doc{position:relative;padding:0}
.sim-documents-c-dhead{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.6em;padding:1em 1.1em;border-bottom:1px solid var(--s-line)}
.sim-documents-c-dhead>span:first-child b{font-size:1.2em;color:var(--s-ink)}
.sim-documents-c-late{display:inline-flex;align-items:center;gap:.35em;padding:.2em .6em;border-radius:99em;background:var(--s-bad-bg);color:var(--s-bad);font-size:.74em;font-weight:700}
.sim-documents-c-dhead>[data-sim="options"]{margin-left:auto}
.sim-documents-c-ib{display:inline-grid;place-items:center;width:2em;height:2em;border-radius:.5em;color:var(--s-muted)}
.sim-documents-c-menu{position:absolute;right:.8em;top:3.2em;z-index:3;display:none;flex-direction:column;min-width:15em;padding:.4em;background:var(--s-card);border:1px solid var(--s-line);border-radius:.8em;box-shadow:0 1em 2.4em -.8em rgba(26,21,51,.45);font-size:.88em}
.sim-documents-c-menu[data-open]{display:flex}
.sim-documents-c-menu span{display:flex;align-items:center;gap:.6em;padding:.45em .6em;border-radius:.5em;color:var(--s-ink)}
.sim-documents-c-menu span i{width:1.1em;color:var(--s-muted)}
.sim-documents-c-menu span:first-child i{color:var(--s-ok)}
.sim-documents-c-menu span.is-off{color:var(--s-muted);opacity:.7}
.sim-documents-c-bar{display:flex;align-items:center;gap:.6em;margin:1em 1.1em 0;padding:.5em;border:1px solid var(--s-line);border-radius:.7em}
.sim-documents-c-sel{display:inline-flex;align-items:center;justify-content:space-between;gap:1em;min-width:7em;padding:.4em .7em;border:1px solid var(--s-line);border-radius:.6em;color:var(--s-ink)}
.sim-documents-c-sp{flex:1}
.sim-documents-c-pdf{margin:1em 1.1em 1.1em;background:var(--s-bg);border:1px solid var(--s-line);border-radius:.5em;padding:1.2em;display:grid;gap:.9em;font-size:.85em;color:var(--s-text)}
.sim-documents-c-pdf small{color:var(--s-muted);display:block}
.sim-documents-c-pdf .sim-dl{margin:0}
.sim-documents-c-pdf-head{display:flex;justify-content:space-between;gap:1em}
.sim-documents-c-pdf-head>b{color:var(--s-ink);font-size:1.05em}
.sim-documents-c-pdf-head>span{text-align:right}.sim-documents-c-pdf-head>span>b{font-size:1.2em;text-transform:uppercase;color:var(--s-ink)}
.sim-documents-c-pdf-lines>div{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,.5fr) minmax(0,1.1fr) minmax(0,.6fr) minmax(0,1.1fr);gap:.5em;padding:.4em 0;border-bottom:1px solid var(--s-line)}
.sim-documents-c-pdf-lines>div:first-child{color:var(--s-muted);font-size:.85em}
.sim-documents-c-pdf-lines span:not(:first-child){text-align:right;white-space:nowrap}
.sim-documents-c-pdf-pay{justify-self:end;text-align:right;padding:.6em .9em;border-radius:.6em;background:var(--s-card)}
.sim-documents-c-pdf-pay b{display:block;font-size:1.4em;color:var(--s-brand2)}
.sim-documents-c-card>header{display:flex;align-items:center;gap:.6em;margin-bottom:.7em}
.sim-documents-c-card>header h4{margin:0;flex:1}
.sim-documents-c-ci{display:grid;place-items:center;width:2em;height:2em;border-radius:.6em;background:var(--s-info-bg);color:var(--s-info);font-style:normal;flex:none}
.sim-documents-c-count{padding:.15em .6em;border-radius:99em;background:var(--s-info-bg);color:var(--s-info);font-size:.75em;font-weight:600;white-space:nowrap}
.sim-documents-c-green{display:inline-flex;align-items:center;gap:.4em;padding:.4em .8em;border-radius:.6em;background:var(--s-ok);color:#fff;font-size:.85em;font-weight:700;white-space:nowrap}
.sim-documents-c-empty{display:flex;flex-direction:column;align-items:center;gap:.5em;margin:.6em 0;color:var(--s-muted);font-size:.9em}
.sim-documents-c-empty i{font-size:1.4em;opacity:.5}
.sim-documents-c-muted{margin:0;color:var(--s-muted);font-size:.9em}
.sim-documents-c-party{display:flex;align-items:center;gap:.6em;margin-bottom:.8em;color:var(--s-ink)}
.sim-documents-c-link{display:flex;justify-content:flex-end;align-items:center;gap:.4em;color:var(--s-brand2);font-size:.88em;font-weight:600}
.sim-documents-c-ok{color:var(--s-ok)}.sim-documents-c-due{color:var(--s-warn)}.sim-documents-c-bad{color:var(--s-bad)}
.sim-documents-c-wide{display:flex;justify-content:center;align-items:center;gap:.5em;padding:.5em;border-radius:.6em;background:color-mix(in srgb,var(--s-info) 55%,transparent);color:#fff;font-size:.85em;font-weight:600}
.sim-documents-c-file{display:grid;gap:.4em;margin-bottom:.6em;font-size:.88em}
.sim-documents-c-file b{display:flex;gap:.5em;align-items:center;font-weight:600;color:var(--s-ink)}
.sim-documents-c-file>span{display:flex;justify-content:space-between;align-items:center;padding:.5em .7em;border:1px solid color-mix(in srgb,var(--s-ok) 40%,transparent);border-radius:.6em;background:var(--s-ok-bg);color:var(--s-ink)}
.sim-documents-c-right .sim-card{min-width:0;padding:.8em .9em}
.sim-documents-c-right .sim-dl{grid-template-columns:minmax(0,1fr) auto;gap:.45em .8em}
.sim-documents-c-right .sim-dl dd{overflow-wrap:anywhere}
.sim-documents-c-right .sim-badge{white-space:normal}
.sim-documents-c-wide{text-align:center}
.sim-documents-c-pdf{grid-template-columns:minmax(0,1fr)}
.sim-documents-c-pdf-lines>div:first-child span{white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.sim-documents-c-pdf-head>span{min-width:0;overflow-wrap:anywhere}
[data-sim="amounts-card"] dd{white-space:nowrap}
.sim-documents-c-card>header{flex-wrap:wrap}
.sim-main:has(.sim-documents-c-nw)>.sim-head{flex-wrap:wrap}.sim-main:has(.sim-documents-c-nw)>.sim-head .sim-ht{min-width:12em}.sim-main:has(.sim-documents-c-nw)>.sim-head .sim-actions{flex-wrap:wrap}
/* Dialogs */
.sim-modal h4 small{display:block;margin-top:.2em;font-size:.8em;font-weight:500;color:var(--s-muted)}
.sim-documents-c-pmodal{padding:.6em}
.sim-documents-c-pmodal .sim-modal-box{width:100%;height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}
.sim-documents-c-phead{display:flex;align-items:center;gap:.7em;padding:.7em 1em;border-bottom:1px solid var(--s-line)}
.sim-documents-c-phead>span{flex:1;min-width:0}.sim-documents-c-phead>span b{display:block;color:var(--s-ink)}.sim-documents-c-phead>span small{color:var(--s-muted);font-size:.85em}
.sim-documents-c-peye{display:grid;place-items:center;width:2em;height:2em;border-radius:.6em;background:linear-gradient(135deg,#6366f1,#5902a9);color:#fff;font-style:normal;flex:none}
.sim-documents-c-pzoom{display:inline-flex;align-items:center;gap:.7em;padding:.35em .7em;border:1px solid var(--s-line);border-radius:.6em;background:var(--s-bg);color:var(--s-muted);font-size:.82em;white-space:nowrap}
.sim-documents-c-pzoom b{color:var(--s-ink)}.sim-documents-c-pzoom span{display:inline-flex;gap:.3em;align-items:center;font-weight:600}.sim-documents-c-pzoom .is-on{color:var(--s-info)}
.sim-documents-c-pbody{flex:1;overflow:hidden;background:var(--s-bg);padding:.4em 12%}
.sim-documents-c-pbody .sim-documents-c-pdf{background:var(--s-card)}
.sim-documents-c-pfoot{display:flex;align-items:center;gap:.6em;padding:.7em 1em;border-top:1px solid var(--s-line)}
.sim-documents-c-pfoot>span:first-child{flex:1;color:var(--s-muted);font-size:.85em}
.sim-documents-c-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;margin-bottom:.8em}
.sim-documents-c-tile{display:grid;gap:.2em;justify-items:center;padding:.7em .4em;border-radius:.7em;border:1px solid var(--s-line);text-align:center}
.sim-documents-c-tile small{font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--s-muted)}
.sim-documents-c-tile b{font-size:1.1em;color:var(--s-ink)}
.sim-documents-c-t-green{background:var(--s-ok-bg)}.sim-documents-c-t-green b,.sim-documents-c-t-green small{color:var(--s-ok)}
.sim-documents-c-t-orange{background:var(--s-warn-bg)}.sim-documents-c-t-orange b,.sim-documents-c-t-orange small{color:var(--s-warn)}
.sim-documents-c-exist{display:flex;align-items:center;gap:.6em;padding:.55em .8em;margin-bottom:.8em;border-radius:.6em;background:var(--s-bg);color:var(--s-ink);font-size:.9em}
.sim-documents-c-exist>i:last-child{margin-left:auto;color:var(--s-muted)}
.sim-documents-c-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8em;margin-bottom:.8em}
.sim-documents-c-pgrid label{display:flex;flex-wrap:wrap;align-items:center;gap:.35em;font-size:.88em;color:var(--s-ink)}
.sim-documents-c-pgrid em{flex-basis:100%;font-style:normal;border:1px solid var(--s-line);border-radius:.6em;padding:.5em .7em;min-height:2.4em;background:var(--s-bg);color:var(--s-ink)}
.sim-documents-c-pgrid small{flex-basis:100%;color:var(--s-muted);font-size:.85em}
.sim-documents-c-pgrid u{text-decoration:none;padding:.1em .5em;border-radius:.4em;background:var(--s-bg);margin-right:.3em}
.sim-documents-c-step{display:inline-flex;align-items:center;gap:.45em;font-size:.9em;color:var(--s-ink);font-weight:600}
.sim-documents-c-step i{display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;background:var(--s-info-bg);color:var(--s-info);font-style:normal;font-size:.75em}
.sim-documents-c-allp{margin-left:auto;display:inline-flex;align-items:center;gap:.3em;padding:.15em .6em;border-radius:99em;background:var(--s-info-bg);color:var(--s-info);font-size:.78em;font-weight:600}
.sim-documents-c-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5em;margin:.5em 0 .9em}
.sim-documents-c-types span{display:grid;justify-items:center;gap:.4em;padding:.7em .3em;border:1px solid var(--s-line);border-radius:.6em;font-size:.78em;color:var(--s-ink);text-align:center}
.sim-documents-c-types i{font-size:1.4em;color:var(--s-info)}
.sim-documents-c-rstats{display:flex;flex-wrap:wrap;gap:.5em 1.6em;padding:.7em;margin-bottom:.8em;border-radius:.6em;background:var(--s-bg)}
.sim-documents-c-rstats small{display:block;font-size:.7em;font-weight:700;text-transform:uppercase;color:var(--s-muted)}
.sim-documents-c-rstats b{color:var(--s-ink)}.sim-documents-c-rstats b.sim-documents-c-bad{color:var(--s-bad)}
.sim-documents-c-msg{display:grid;gap:.5em;margin-bottom:.9em;padding:.7em;border:1px solid var(--s-line);border-radius:.6em}
.sim-documents-c-msg span{color:var(--s-muted);font-size:.8em}
.sim-documents-c-msg i{display:block;height:.55em;border-radius:.3em;background:var(--s-line)}
.sim-documents-c-msg i:last-child{width:60%}
.sim-documents-c-nw{white-space:nowrap}
.sim-documents-c-upper{margin:.2em 0 .5em;font-size:.75em;font-weight:700;letter-spacing:.05em;color:var(--s-muted)}
.sim-documents-c-radios{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin-bottom:.9em}
.sim-documents-c-radio{display:grid;grid-template-columns:auto 1fr;gap:.1em .6em;align-items:center;padding:.7em;border:1px solid var(--s-line);border-radius:.7em;font-size:.88em}
.sim-documents-c-radio i{grid-row:span 2;color:var(--s-info)}.sim-documents-c-radio b{color:var(--s-ink)}.sim-documents-c-radio small{color:var(--s-muted);overflow-wrap:anywhere}
.sim-documents-c-radio.is-on{border-color:var(--s-info);background:var(--s-info-bg)}
.sim-modal:has(.sim-documents-c-tiles) .sim-modal-box,.sim-modal:has(.sim-documents-c-rstats) .sim-modal-box{width:min(42em,100%)}
@container (max-width:620px){
  .sim-documents-c-cols{grid-template-columns:minmax(0,1fr)}
  /* Shorter phone view: the cards no step points at on a phone are left out. */
  [data-sim="emails-card"],.sim-documents-c-right>.sim-card:nth-child(2),[data-sim="peppol-card"],[data-sim="files-card"]{display:none}
  .sim-documents-c-back u,.sim-documents-c-sib u{display:none}.sim-documents-c-sib em{display:inline}
  .sim-documents-c-back{visibility:hidden}
  .sim-documents-c-bar{gap:.2em}.sim-documents-c-sel{min-width:0;gap:.3em}.sim-documents-c-ib{width:1.7em}
  .sim-documents-c-pdf{margin:.8em .6em;padding:.8em}.sim-documents-c-bar{margin:.8em .6em 0}
  .sim-documents-c-pdf-lines>div{grid-template-columns:minmax(0,2fr) minmax(0,.5fr) minmax(0,1.2fr)}
  .sim-documents-c-pdf-lines span:nth-child(3),.sim-documents-c-pdf-lines span:nth-child(4){display:none}
  .sim-documents-c-pbody{padding:.4em}
  .sim-documents-c-pzoom{display:none}
  .sim-documents-c-pfoot{flex-wrap:wrap}.sim-documents-c-pfoot>span:first-child{flex-basis:100%}
  .sim-documents-c-tiles,.sim-documents-c-pgrid,.sim-documents-c-radios{grid-template-columns:minmax(0,1fr)}
  .sim-documents-c-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-documents-c-menu{right:.4em;min-width:0;width:calc(100% - .8em)}
}

/* Section specific styles of the documents scenes. */
.sim-documents-tools { display: flex; flex-wrap: wrap; gap: .6em; align-items: center; margin: .8em 0; }
.sim-documents-tools > :first-child { flex: 1 1 12em; }
.sim-documents-menu { width: 17em; max-width: 100%; margin: -.6em .8em .8em auto; position: relative; background: var(--s-card); border: 1px solid var(--s-line); border-radius: .8em; padding: .4em; box-shadow: 0 .6em 1.6em rgba(0, 0, 0, .12); }
.sim-documents-menu-item { padding: .45em .7em; border-radius: .5em; color: var(--s-text); font-size: .92em; }
.sim-documents-menu-item + .sim-documents-menu-item { border-top: 1px solid var(--s-line); }
.sim-documents-pop { margin-bottom: .8em; }
.sim-documents-pop .sim-documents-menu { width: 100%; margin: .4em 0 0; }
.sim-documents-pills { display: flex; flex-wrap: wrap; gap: .5em; }
.sim-documents-chip { border: 1px solid var(--s-line); border-radius: 2em; padding: .25em .8em; color: var(--s-text); font-size: .9em; }
.sim-documents-sub { font-weight: 600; color: var(--s-ink); margin: .7em 0 .4em; }
.sim-documents-sub:first-child { margin-top: 0; }
.sim-documents-check { color: var(--s-brand); }
.sim-documents-muted { color: var(--s-muted); font-size: .88em; margin: .6em 0 0; }
.sim-documents-kind { color: var(--s-muted); font-weight: 600; }
.sim-documents-vies { display: flex; align-items: flex-end; gap: .6em; }
.sim-documents-form > div > * + * { margin-top: 1em; }
.sim-documents-nw { white-space: nowrap; }
.sim-documents-form > .sim-wide { flex: 2.6; }

/* getting-started-b: sign-up form and Nova quiz. The live auth screens are always dark (purple gradient), so the
   scene defines its own scoped tokens (--s-gsb-*) on top of --s-brand and keeps them in both themes. */
.sim-gsb-auth{--s-gsb-bg:#1a0f33;--s-gsb-card:rgba(255,255,255,.07);--s-gsb-line:rgba(255,255,255,.16);--s-gsb-ink:#f6f3ff;--s-gsb-muted:#b8aee0;--s-gsb-field:rgba(10,5,25,.45);
  display:grid;grid-template-columns:1.25fr 1fr;min-height:30em;background:radial-gradient(60% 70% at 20% 30%,#3b1a7a 0%,var(--s-gsb-bg) 70%);color:var(--s-gsb-ink);border-radius:.9em;overflow:hidden;font-size:.86em}
.sim-gsb-auth.is-center{grid-template-columns:1fr;place-items:center;padding:1.6em 1em}
.sim-gsb-cover{position:relative;padding:1.6em;background:linear-gradient(160deg,rgba(89,2,169,.55),rgba(20,8,45,.9)),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 .6em,transparent .6em 1.4em);display:flex;flex-direction:column;justify-content:space-between}
.sim-gsb-cover>b{display:flex;align-items:center;gap:.5em;font-size:1.15em}
.sim-gsb-cover-txt strong{display:block;font-size:1.7em;line-height:1.15;margin-bottom:.5em}
.sim-gsb-cover-txt p{margin:0;color:var(--s-gsb-muted)}
.sim-gsb-panel{background:var(--s-gsb-card);border:1px solid var(--s-gsb-line);border-radius:.9em;padding:1.3em;backdrop-filter:blur(8px);width:100%;max-width:34em;box-sizing:border-box}
.sim-gsb-register{margin:1.2em;max-width:none;width:auto}
.sim-gsb-panel h3{margin:0 0 .2em;font-size:1.35em}.sim-gsb-panel>p{margin:0 0 .9em;color:var(--s-gsb-muted);font-size:.9em}
.sim-gsb-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin:.6em 0}
.sim-gsb-field{display:flex;flex-direction:column;gap:.25em;font-size:.9em;position:relative;min-width:0}
.sim-gsb-field.is-wide{grid-column:1/-1}
.sim-gsb-field small{color:var(--s-gsb-muted);font-size:.9em}
.sim-gsb-field em{font-style:normal;display:flex;align-items:center;gap:.5em;background:var(--s-gsb-field);border:1px solid var(--s-gsb-line);border-radius:.6em;padding:.55em .75em;min-height:1.3em;color:var(--s-gsb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sim-gsb-field em.is-ph{color:var(--s-gsb-muted)}.sim-gsb-field em .fa-solid:last-child{margin-left:auto;opacity:.7}
.sim-gsb-field>.fa-solid{position:absolute;right:.8em;bottom:.75em;color:var(--s-gsb-muted)}
.sim-gsb-vies{position:absolute;right:.6em;bottom:.45em;font-size:.75em;color:var(--s-ok);background:rgba(5,150,105,.18);border-radius:.5em;padding:.15em .45em;display:inline-flex;gap:.3em;align-items:center}
.sim-gsb-flag{display:inline-block;width:1.15em;height:.8em;border-radius:.15em;flex:none;background:linear-gradient(90deg,#000 33%,#fae042 33% 66%,#ed2939 66%)}
.sim-gsb-flag-en{background:linear-gradient(180deg,#012169 0 40%,#fff 40% 60%,#c8102e 60%)}
.sim-gsb-flag-nl{background:linear-gradient(180deg,#ae1c28 0 33%,#fff 33% 66%,#21468b 66%)}
.sim-gsb-flag-de{background:linear-gradient(180deg,#000 0 33%,#dd0000 33% 66%,#ffce00 66%)}
.sim-gsb-primary,.sim-gsb-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:100%;box-sizing:border-box;border-radius:.65em;padding:.65em .9em;font:inherit;font-weight:600;cursor:default;margin-top:.5em}
.sim-gsb-primary{background:linear-gradient(135deg,#6366f1,var(--s-brand));border:0;color:#fff}
.sim-gsb-ghost{background:transparent;border:1px solid var(--s-gsb-line);color:var(--s-gsb-ink)}
.sim-gsb-terms{display:flex;gap:.6em;align-items:flex-start;font-size:.8em;color:var(--s-gsb-muted);margin:.4em 0}
.sim-gsb-check{flex:none;width:1.1em;height:1.1em;border:1px solid var(--s-gsb-line);border-radius:.3em;background:var(--s-gsb-field);margin-top:.1em}
.sim-gsb-or{display:flex;align-items:center;gap:.7em;color:var(--s-gsb-muted);font-size:.75em;margin:.7em 0 .2em}.sim-gsb-or::before,.sim-gsb-or::after{content:"";flex:1;border-top:1px solid var(--s-gsb-line)}
.sim-gsb-foot{text-align:center;font-size:.85em;color:var(--s-gsb-muted);margin:.9em 0 0}.sim-gsb-foot a{color:#c4b5fd;text-decoration:underline}
.sim-gsb-nova{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:.7em;background:linear-gradient(135deg,#6366f1,var(--s-brand));color:#fff;flex:none}
.sim-gsb-nova.is-big{width:3.4em;height:3.4em;font-size:1.1em;margin:0 auto .6em}
.sim-gsb-welcome{text-align:center}.sim-gsb-welcome h2{margin:0;font-size:1.9em}.sim-gsb-welcome p{margin:.3em 0 .9em;color:var(--s-gsb-muted)}.sim-gsb-welcome p b{color:#c4b5fd}
.sim-gsb-welcome small{display:block;color:var(--s-gsb-muted);font-size:.8em;margin-bottom:.5em}
.sim-gsb-langs{display:grid;grid-template-columns:1fr 1fr;gap:.5em}.sim-gsb-langs span{display:flex;align-items:center;gap:.5em;padding:.55em .8em;border:1px solid var(--s-gsb-line);border-radius:.6em;background:var(--s-gsb-field)}
.sim-gsb-langs span.is-active{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa inset}
.sim-gsb-meta{display:flex;justify-content:center;gap:.5em;font-size:.75em;color:var(--s-gsb-muted);margin:.9em 0 .2em}
.sim-gsb-bubble{display:flex;gap:.8em;align-items:flex-start;margin-bottom:.9em}.sim-gsb-bubble strong{display:block;font-size:1.15em;line-height:1.3}.sim-gsb-bubble small{color:var(--s-gsb-muted)}
.sim-gsb-nav{display:flex;justify-content:space-between;gap:.6em;margin-top:.8em}.sim-gsb-nav>*{width:auto;flex:1}
.sim-gsb-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;margin:.4em 0}.sim-gsb-tags span{display:inline-flex;gap:.45em;align-items:center;padding:.4em .8em;border-radius:2em;border:1px solid var(--s-gsb-line);background:var(--s-gsb-field);font-size:.85em}
.sim-gsb-country{display:flex;align-items:center;gap:.7em;padding:.8em;border:1px solid #a78bfa;border-radius:.7em;background:var(--s-gsb-field);margin:.4em 0}.sim-gsb-country strong{flex:1}
.sim-gsb-row{display:flex;align-items:center;gap:.7em;margin:.7em 0;font-size:.9em}.sim-gsb-row span{display:flex;flex-direction:column}.sim-gsb-row small{color:var(--s-gsb-muted);font-size:.85em}
.sim-gsb-toggle{flex:none;width:2.3em;height:1.3em;border-radius:1em;background:var(--s-gsb-line);position:relative}.sim-gsb-toggle::after{content:"";position:absolute;top:.15em;left:.15em;width:1em;height:1em;border-radius:50%;background:#fff;transition:left .2s}
.sim-gsb-toggle.is-on{background:var(--s-brand)}.sim-gsb-toggle.is-on::after{left:1.15em}
.sim-gsb-hint{display:flex;gap:.5em;align-items:center;font-size:.8em;color:var(--s-gsb-muted);margin:.3em 0}
.sim-gsb-progress{display:flex;flex-direction:column;gap:.35em;margin-bottom:1em;font-size:.75em;color:var(--s-gsb-muted);align-items:flex-end}.sim-gsb-progress i{display:block;height:.3em;border-radius:1em;background:linear-gradient(90deg,#6366f1,var(--s-brand));align-self:flex-start}
.sim-gsb-progress{position:relative}.sim-gsb-progress::before{content:"";position:absolute;left:0;right:0;bottom:0;height:.3em;border-radius:1em;background:var(--s-gsb-line)}.sim-gsb-progress i{position:relative;z-index:1}
@container (max-width:620px){.sim-gsb-auth{grid-template-columns:1fr;font-size:.8em}.sim-gsb-cover{display:none}.sim-gsb-register{margin:1em}.sim-gsb-grid{grid-template-columns:1fr}.sim-gsb-nav{flex-direction:column}.sim-gsb-langs{grid-template-columns:1fr}}

/* getting-started-c scenes: authentication screens (login, forgot, reset, two factor) and the Plans page. */
.sim-gsc-auth{display:flex;min-height:28em;background:var(--s-bg);color:var(--s-text);font-size:1em}
.sim-gsc-brand{flex:1 1 40%;display:flex;flex-direction:column;justify-content:center;gap:.8em;padding:2.4em 2.2em;color:#fff;background:linear-gradient(140deg,var(--s-brand),var(--s-brand2))}
.sim-gsc-brand em{font-style:normal;font-size:.7em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.sim-gsc-brand h2{margin:0;font-size:1.5em;line-height:1.2}
.sim-gsc-brand p{margin:0;font-size:.85em;opacity:.85}
.sim-gsc-logo{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:.7em;background:rgba(255,255,255,.2);font-weight:800;font-size:1.1em}
.sim-gsc-pane{flex:1 1 60%;display:flex;align-items:center;justify-content:center;padding:2em 1.5em}
.sim-gsc-card{width:100%;max-width:22em;display:flex;flex-direction:column;gap:.5em;padding:1.6em;border:1px solid var(--s-line);border-radius:1em;background:var(--s-card)}
.sim-gsc-card h1{margin:0;font-size:1.35em}
.sim-gsc-sub{margin:0 0 .6em;font-size:.82em;color:var(--s-muted)}
.sim-gsc-form{display:flex;flex-direction:column;gap:.7em}
.sim-gsc-field{display:flex;flex-direction:column;gap:.3em;font-size:.8em}
.sim-gsc-field>span,.sim-gsc-label{font-weight:600;font-size:.8em}
.sim-gsc-input{display:flex;align-items:center;gap:.6em;padding:.6em .8em;border:1px solid var(--s-line);border-radius:.6em;background:var(--s-bg)}
.sim-gsc-input i{color:var(--s-muted)}
.sim-gsc-input b{font-weight:500;letter-spacing:.02em;min-height:1.2em;flex:1}
.sim-gsc-input.is-empty b{color:var(--s-muted)}
.sim-gsc-row{display:flex;justify-content:space-between;align-items:center;font-size:.75em}
.sim-gsc-check{display:inline-flex;align-items:center;gap:.4em}
.sim-gsc-check i{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;border-radius:.3em;background:var(--s-brand);color:#fff;font-size:.7em}
.sim-gsc-auth a,.sim-gsc-plans a{color:var(--s-brand);font-weight:600;cursor:pointer}
.sim-gsc-primary{display:flex;align-items:center;justify-content:center;padding:.7em 1em;border-radius:.6em;background:var(--s-brand);color:#fff;font-weight:700;font-size:.85em}
.sim-gsc-primary.is-ghost{background:transparent;color:var(--s-brand);border:1px solid var(--s-brand)}
.sim-gsc-or{display:flex;align-items:center;gap:.6em;font-size:.7em;color:var(--s-muted)}
.sim-gsc-or::before,.sim-gsc-or::after{content:"";flex:1;border-top:1px solid var(--s-line)}
.sim-gsc-social{display:flex;gap:.6em}
.sim-gsc-social span{flex:1;display:flex;align-items:center;justify-content:center;gap:.5em;padding:.55em;border:1px solid var(--s-line);border-radius:.6em;font-size:.75em;font-weight:600}
.sim-gsc-foot{margin:.6em 0 0;font-size:.78em;text-align:center;color:var(--s-muted)}
.sim-gsc-code{display:flex;gap:.45em;justify-content:center}
.sim-gsc-cell{flex:1;display:flex;align-items:center;justify-content:center;height:2.6em;border:1px solid var(--s-line);border-radius:.5em;background:var(--s-bg);font-size:1.1em}
.sim-gsc-head{display:flex;flex-direction:column;gap:.3em;margin-bottom:1em}
.sim-gsc-head h2{margin:0;font-size:1.2em}
.sim-gsc-head p{margin:0;font-size:.8em;color:var(--s-muted)}
.sim-gsc-toggle{display:inline-flex;align-self:flex-start;margin-top:.5em;padding:.2em;border:1px solid var(--s-line);border-radius:2em;background:var(--s-card);font-size:.78em}
.sim-gsc-toggle span{padding:.4em 1em;border-radius:2em;font-weight:600;color:var(--s-muted)}
.sim-gsc-toggle span.is-on{background:var(--s-brand);color:#fff}
.sim-gsc-split{display:flex;gap:1em;align-items:flex-start}
.sim-gsc-plans{flex:1 1 62%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8em;min-width:0}
.sim-gsc-aside{flex:1 1 38%;display:flex;flex-direction:column;gap:.8em;min-width:0}
.sim-gsc-plan{position:relative;display:flex;flex-direction:column;gap:.5em;padding:1.1em 1em;border:1px solid var(--s-line);border-radius:.9em;background:var(--s-card);min-width:0}
.sim-gsc-plan.is-best{border-color:var(--s-brand);box-shadow:0 0 0 .15em var(--s-info-bg)}
.sim-gsc-best{position:absolute;top:-.7em;right:.8em;padding:.2em .7em;border-radius:1em;background:var(--s-brand);color:#fff;font-size:.62em;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sim-gsc-plan h3{margin:0;font-size:1em}
.sim-gsc-price{display:flex;align-items:baseline;gap:.3em}
.sim-gsc-price b{font-size:1.5em}
.sim-gsc-price small,.sim-gsc-year{font-size:.68em;color:var(--s-muted)}
.sim-gsc-plan ul{margin:.3em 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3em;font-size:.74em}
.sim-gsc-plan li{display:flex;align-items:center;gap:.4em}
.sim-gsc-plan li i{color:var(--s-ok);font-size:.85em}
.sim-gsc-plan dl{margin:0 0 .4em;display:flex;flex-direction:column;gap:.25em;font-size:.7em}
.sim-gsc-plan dl div{display:flex;justify-content:space-between;gap:.5em}
.sim-gsc-plan dt{color:var(--s-muted)}
.sim-gsc-plan dd{margin:0;font-weight:700}
.sim-gsc-current{display:flex;align-items:center;gap:.7em;font-size:.9em}
.sim-gsc-current span{margin-left:auto;color:var(--s-muted)}
@container (max-width:620px){.sim-gsc-auth{flex-direction:column;min-height:0}.sim-gsc-brand{padding:1.4em 1.2em;gap:.4em}.sim-gsc-brand h2{font-size:1.1em}.sim-gsc-pane{padding:1em}.sim-gsc-split{flex-direction:column}.sim-gsc-plans{grid-template-columns:1fr}.sim-gsc-toggle{align-self:stretch;justify-content:center}}

/* getting-started scenes: full sidebar, company and user menus, simplified mode banner, integrations cards. */
.sim-gs-side{flex-basis:13.5em;position:relative;gap:.1em}
.sim-gs-side span{padding:.4em .7em}
.sim-gs-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:.1em}
.sim-gs-sec{display:flex;flex-direction:column;gap:.05em;border-radius:.6em}
.sim-gs-sec>em,.sim-gs-menu em{display:flex;align-items:center;gap:.5em;font-style:normal;font-size:.72em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--s-brand2);padding:.75em 1em .3em}
.sim-gs-sec>em i{font-size:.8em;opacity:.7}
.sim-gs-beta{margin-left:auto;font-style:normal;font-size:.62em;font-weight:700;padding:.15em .5em;border-radius:1em;background:var(--s-warn-bg);color:var(--s-warn)}
.sim-gs-foot{position:relative;margin-top:.6em;display:flex;flex-direction:column;gap:.4em}
.sim-gs-who{display:flex;align-items:center;gap:.6em;padding:.5em .6em;border:1px solid var(--s-line);border-radius:.8em;background:var(--s-bg);min-width:0}
.sim-gs-who>div{flex:1;min-width:0;display:flex;flex-direction:column}
.sim-gs-who strong,.sim-gs-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-gs-who strong{font-size:.86em;color:var(--s-ink)}
.sim-gs-who small{font-size:.72em;color:var(--s-muted)}
.sim-gs-who>i:last-child{color:var(--s-muted);font-size:.8em}
.sim-gs-menu{position:absolute;left:0;right:0;z-index:3;background:var(--s-card);border:1px solid var(--s-line);border-radius:.8em;padding:.4em;box-shadow:0 .6em 1.8em color-mix(in srgb,var(--s-ink) 18%,transparent);display:flex;flex-direction:column;gap:.05em}
.sim-gs-menu-shop{bottom:calc(100% + .4em)}
.sim-gs-menu-user{bottom:3.7em}
.sim-gs-menu p{margin:0;display:flex;align-items:center;gap:.6em;padding:.42em .6em;border-radius:.5em;font-size:.88em;color:var(--s-text)}
.sim-gs-menu p>i:first-child{width:1.1em;text-align:center;color:var(--s-muted)}
.sim-gs-menu p>:last-child:not(:first-child){margin-left:auto}
.sim-gs-menu p.is-current{background:color-mix(in srgb,var(--s-brand2) 12%,transparent);color:var(--s-brand2);font-weight:600}
.sim-gs-menu p.is-current i{color:inherit}
.sim-gs-menu p.sim-gs-ok,.sim-gs-menu p.sim-gs-ok i{color:var(--s-ok)}
.sim-gs-menu p.sim-gs-bad,.sim-gs-menu p.sim-gs-bad i{color:var(--s-bad)}
.sim-gs-menu p.sim-gs-bad{border-block:1px solid var(--s-line);border-radius:0;margin:.25em 0;padding-block:.6em}
.sim-gs-toggle{flex:none;width:2.1em;height:1.2em;border-radius:1em;background:var(--s-line);position:relative}
.sim-gs-toggle::after{content:"";position:absolute;top:.15em;left:.15em;width:.9em;height:.9em;border-radius:50%;background:var(--s-card)}
.sim-gs-toggle.is-on{background:var(--s-brand2)}
.sim-gs-toggle.is-on::after{left:1.05em}
.sim-gs-menu p.sim-gs-langs{gap:.4em}
.sim-gs-langs i{font-style:normal;font-size:.72em;font-weight:700;width:2.3em;height:2.3em;display:grid;place-items:center;border-radius:50%;border:1px solid var(--s-line);color:var(--s-muted);margin:0!important}
.sim-gs-langs i.is-active{border-color:var(--s-brand2);color:var(--s-brand2);background:color-mix(in srgb,var(--s-brand2) 12%,transparent)}
.sim-gs-floatbar{align-self:center;flex:none;width:5em;height:.45em;border-radius:1em;background:var(--s-line);margin-top:-.5em}
.sim-gs-banner{display:flex;align-items:center;gap:.9em;padding:.8em 1em;border-radius:.9em;background:var(--s-warn-bg);border:1px solid color-mix(in srgb,var(--s-warn) 30%,transparent)}
.sim-gs-banner>i{color:var(--s-warn);font-size:1.2em}
.sim-gs-banner>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15em}
.sim-gs-banner strong{color:var(--s-ink);font-size:.92em}
.sim-gs-banner small{color:var(--s-muted);font-size:.78em}
.sim-gs-banner .sim-btn{flex:none}
.sim-gs-chips{display:flex;flex-wrap:wrap;gap:.4em}
.sim-gs-chips span{padding:.35em .8em;border-radius:1em;border:1px solid var(--s-line);background:var(--s-card);color:var(--s-muted);font-size:.8em;font-weight:600}
.sim-gs-chips span.is-active{color:var(--s-ink);border-color:var(--s-brand2)}
.sim-gs-sub{margin:0 0 .9em;color:var(--s-muted);font-size:.84em}
.sim-gs-ints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em}
.sim-gs-int{display:flex;flex-direction:column;gap:.7em;padding:.9em;border:1px solid var(--s-line);border-radius:.9em;background:var(--s-bg);min-width:0}
.sim-gs-int-head{display:flex;align-items:center;gap:.6em;min-width:0}
.sim-gs-int-head>div{flex:1;min-width:0;display:flex;flex-direction:column}
.sim-gs-int-head strong{color:var(--s-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-gs-int-head small{color:var(--s-muted);font-size:.76em}
.sim-gs-int-logo{flex:none;width:2.4em;height:2.4em;border-radius:.6em;display:grid;place-items:center;background:color-mix(in srgb,var(--s-brand2) 12%,transparent);color:var(--s-brand2)}
.sim-gs-int-acts{display:flex;flex-wrap:wrap;gap:.4em;margin-top:auto}
.sim-gs-int-acts .sim-btn{flex:1;justify-content:center}
/* Narrow figures: the shell scenes show the sidebar as the open menu drawer, the page behind is left out. */
@container (max-width:620px){
  .sim-app.sim-gs-app>.sim-gs-side{display:flex;flex:1 1 auto;border-right:0}
  .sim-app.sim-gs-app>.sim-main{display:none}
  .sim-gs-ints{grid-template-columns:minmax(0,1fr)}
}
/* Narrow figures, every shell variant: the sidebar fills the figure like the drawer of the live app at 390 px. */
@container (max-width:620px){
  .sim-gs-app .sim-card,.sim-gs-app .sim-top{display:none}
  .sim-gs-banner{flex-wrap:wrap}
}

/* Integration cards as on the live page: description, tags, type badge + pin, full width Details button. */
.sim-gs-int-desc { margin: 0; font-size: 11px; line-height: 1.4; color: var(--sim-muted, #64748b); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sim-gs-int-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.sim-gs-int-tags i { font-style: normal; font-size: 9.5px; padding: 1px 6px; border-radius: 6px; background: rgba(100, 116, 139, .12); white-space: nowrap; }
.sim-gs-int-foot { display: flex; align-items: center; justify-content: space-between; opacity: .9; }
.sim-gs-int-acts > * { flex: 1; justify-content: center; }
/* long labels (de) wrap instead of clipping inside the narrow sidebar menus */
.sim-gs-menu p,.sim-gs-menu em{min-width:0;overflow-wrap:anywhere;hyphens:auto}
/* BETA badge: icon rules (fixed width on <i>) must not squeeze it into a vertical column */
i.sim-gs-beta.sim-gs-beta{width:auto;min-width:max-content;flex:none;white-space:nowrap;display:inline-block;line-height:1.4;letter-spacing:.04em}

.sim-messaging-filters{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;margin-bottom:.8em}
.sim-messaging-filters>:first-child{flex:1 1 12em}
.sim-messaging-select{display:inline-flex;align-items:center;gap:.6em;border:1px solid var(--s-line);border-radius:.7em;padding:.5em .8em;color:var(--s-text);background:var(--s-card);white-space:nowrap}
.sim-messaging-num{color:var(--s-muted);font-weight:400}
.sim-messaging-label{margin:.2em 0 .5em;font-weight:600;color:var(--s-ink);font-size:.9em}
.sim-messaging-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;margin-bottom:.6em}
.sim-messaging-types small{display:none}
.sim-messaging-types>span{display:flex;flex-direction:column;gap:.2em;border:1px solid var(--s-line);border-radius:.7em;padding:.6em .7em;line-height:1.25;color:var(--s-brand)}
.sim-messaging-types b{color:var(--s-ink);font-size:.9em}
.sim-messaging-types small,.sim-messaging-conv small,.sim-messaging-thead small,.sim-messaging-empty small{color:var(--s-muted);font-size:.8em}
.sim-messaging-prio{display:flex;gap:.5em;margin-bottom:.8em}
.sim-messaging-prio>span{flex:1;text-align:center;border:1px solid var(--s-line);border-radius:.7em;padding:.45em .6em;color:var(--s-text)}
.sim-messaging-prio>.is-on{border-color:var(--s-brand);color:var(--s-brand);font-weight:600}
.sim-messaging-note{margin:.8em 0 0;color:var(--s-muted);font-size:.85em}
.sim-messaging-split{display:flex;gap:.9em;align-items:stretch}
.sim-messaging-list{flex:0 0 36%;min-width:0;display:flex;flex-direction:column;gap:.6em;background:var(--s-card);border:1px solid var(--s-line);border-radius:1em;padding:.8em}
.sim-messaging-new{display:flex}
.sim-messaging-new>*{flex:1;justify-content:center}
.sim-messaging-conv{display:flex;align-items:center;gap:.6em;border-radius:.7em;padding:.5em}
.sim-messaging-conv.is-active{background:var(--s-info-bg)}
.sim-messaging-conv>i{flex:none;width:2.2em;height:2.2em;border-radius:50%;display:grid;place-items:center;background:var(--s-brand);color:var(--s-card);font-style:normal}
.sim-messaging-conv>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sim-messaging-conv b{color:var(--s-ink)}
.sim-messaging-conv em{font-style:normal;color:var(--s-muted);font-size:.75em;white-space:nowrap}
.sim-messaging-pane{flex:1;min-width:0;min-height:17em;display:flex;background:var(--s-card);border:1px solid var(--s-line);border-radius:1em;padding:.9em}
.sim-messaging-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:.3em;text-align:center;color:var(--s-muted);padding:1em}
.sim-messaging-empty b{color:var(--s-ink)}
.sim-messaging-thread{flex:1;min-width:0;display:flex;flex-direction:column}
.sim-messaging-thead{display:flex;justify-content:space-between;align-items:center;gap:.6em;border-bottom:1px solid var(--s-line);padding-bottom:.7em}
.sim-messaging-thead>span{display:flex;flex-direction:column;line-height:1.4;min-width:0}
.sim-messaging-thead b{color:var(--s-ink)}
.sim-messaging-day{align-self:center;margin:.8em 0;color:var(--s-muted);font-size:.8em}
.sim-messaging-bubble{align-self:flex-start;max-width:75%;margin:0 0 .4em;padding:.5em .8em;border-radius:1em;background:var(--s-bg);color:var(--s-text)}
.sim-messaging-bubble.is-mine{align-self:flex-end;background:var(--s-brand);color:var(--s-card)}
.sim-messaging-thread>.sim-messaging-note{margin-top:auto;padding-top:.8em;border-top:1px solid var(--s-line);text-align:center}
@container (max-width:620px){.sim-messaging-split{flex-direction:column}.sim-messaging-list{flex:none}.sim-messaging-pane{min-height:12em}.sim-messaging-types{grid-template-columns:1fr 1fr}.sim-messaging-types small{display:none}}

.sim-notifications-counters{display:flex;gap:1em;align-items:center}
.sim-notifications-counters>span{display:flex;flex-direction:column;align-items:center;line-height:1.2;color:var(--s-muted);font-size:.7em;text-transform:uppercase;letter-spacing:.04em}
.sim-notifications-counters b{color:var(--s-ink);font-size:1.7em}
.sim-notifications-list{display:flex;flex-direction:column;gap:.6em;margin-top:.8em}
.sim-notifications-card{display:flex;gap:.8em;border:1px solid var(--s-line);border-radius:.9em;padding:.7em .8em}
.sim-notifications-card.is-unread{background:var(--s-info-bg);border-color:var(--s-info)}
.sim-notifications-card>i{flex:none;width:2.2em;height:2.2em;border-radius:.6em;display:grid;place-items:center;background:var(--s-bg);color:var(--s-brand);font-style:normal}
.sim-notifications-card>div{flex:1;min-width:0}
.sim-notifications-card p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5em}
.sim-notifications-card b{color:var(--s-ink)}
.sim-notifications-card em{margin-left:auto;font-style:normal;color:var(--s-muted);font-size:.8em;white-space:nowrap}
.sim-notifications-card small{display:block;color:var(--s-text);font-size:.85em;line-height:1.4;margin-top:.2em}
.sim-notifications-foot{margin-top:.5em !important;gap:.9em !important}
.sim-notifications-foot a{color:var(--s-brand);font-weight:600;font-size:.85em}
.sim-notifications-chip{border:1px solid var(--s-line);border-radius:1em;padding:.1em .6em;color:var(--s-muted);font-size:.8em}

/* Nova OCR wizard (nova_ocr_modal.dart): lavender header, step pills, white body. */
.sim-ocr-wiz{display:flex;flex-direction:column;color:var(--s-text);background:var(--s-card);min-height:100%}
.sim-ocr-head{display:flex;flex-direction:column;gap:1em;padding:1.2em 1.4em;background:linear-gradient(135deg,color-mix(in srgb,var(--s-brand2) 9%,var(--s-card)),color-mix(in srgb,#6366f1 7%,var(--s-card)));border-bottom:1px solid var(--s-line)}
.sim-ocr-title{display:flex;align-items:flex-start;gap:.8em}
.sim-ocr-title>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.3em}
.sim-ocr-title strong{font-size:1.25em;color:var(--s-ink);line-height:1.2}
.sim-ocr-logo{display:grid;place-items:center;flex:none;width:2.5em;height:2.5em;border-radius:.7em;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-style:normal}
.sim-ocr-ver{display:inline-flex;align-items:center;gap:.35em;padding:.15em .6em;border-radius:99em;background:color-mix(in srgb,#8b5cf6 14%,var(--s-card));color:#7c3aed;font-size:.78em;font-weight:600}
.sim-ocr-x{color:var(--s-muted);font-style:normal;font-size:1.1em}
.sim-ocr-steps{display:flex;align-items:center;gap:.4em}
.sim-ocr-link{width:.8em;height:2px;background:var(--s-line);font-style:normal}
.sim-ocr-step{display:inline-flex;align-items:center;gap:.45em;padding:.35em .75em .35em .4em;border-radius:99em;background:color-mix(in srgb,var(--s-muted) 14%,var(--s-card));color:var(--s-muted);font-size:.82em;font-weight:600}
.sim-ocr-step i{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:color-mix(in srgb,var(--s-muted) 22%,var(--s-card));font-style:normal;font-size:.8em}
.sim-ocr-step u{text-decoration:none}
.sim-ocr-step.is-on{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 .3em .6em -.3em rgba(0,0,0,.3)}
.sim-ocr-step.is-on i{background:rgba(255,255,255,.2)}
.sim-ocr-step.is-done{background:var(--s-ok-bg);color:var(--s-ok)}
.sim-ocr-step.is-done i{background:color-mix(in srgb,var(--s-ok) 25%,var(--s-card))}
.sim-ocr-body{padding:1.4em;display:flex;flex-direction:column;gap:1em}
.sim-ocr-go{display:inline-flex;align-items:center;gap:.5em;padding:.65em 1.4em;border-radius:.75em;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:700;box-shadow:0 .5em 1em -.5em rgba(99,102,241,.7);white-space:nowrap}
.sim-ocr-go.is-sm{padding:.45em 1em;font-size:.88em}
.sim-ocr-cta{display:flex;justify-content:center;padding-top:.6em}
/* Step 1 */
.sim-ocr-center{max-width:42em;margin:0 auto;width:100%;text-align:center}
.sim-ocr-q{margin:0;font-size:1.12em;font-weight:700;color:var(--s-ink)}
.sim-ocr-hint{margin:.25em 0 1.3em;color:var(--s-muted)}
.sim-ocr-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75em;text-align:left}
.sim-ocr-type{display:flex;align-items:center;gap:.7em;padding:.9em;border:2px solid var(--s-line);border-radius:.8em;background:var(--s-card);min-width:0}
.sim-ocr-type>i{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:.5em;background:color-mix(in srgb,var(--s-muted) 14%,var(--s-card));color:var(--s-muted);font-style:normal}
.sim-ocr-type>span{flex:1;min-width:0;display:flex;flex-direction:column}
.sim-ocr-type b{font-weight:600;color:var(--s-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sim-ocr-type small{color:var(--s-muted);font-size:.8em}
.sim-ocr-type.is-on{border-color:color-mix(in srgb,#8b5cf6 55%,var(--s-card));background:color-mix(in srgb,#8b5cf6 8%,var(--s-card));box-shadow:0 0 0 2px #8b5cf6}
.sim-ocr-type.is-on>i{background:color-mix(in srgb,#8b5cf6 18%,var(--s-card));color:#7c3aed}
.sim-ocr-type.is-on b,.sim-ocr-type.is-on>.fa-circle-check{color:#7c3aed}
/* Step 2 */
.sim-ocr-cols{display:flex;gap:0;border-radius:.8em}
.sim-ocr-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1em;padding-right:1.2em}
.sim-ocr-kind{display:inline-flex;align-items:center;gap:.5em;padding:.45em 1em;border:1px solid var(--s-line);border-radius:.75em;background:var(--s-card)}
.sim-ocr-kind>.fa-bag-shopping{color:#7c3aed}
.sim-ocr-kind b{color:var(--s-ink);font-weight:600}
.sim-ocr-kind span{color:#7c3aed;font-size:.82em;font-weight:600}
.sim-ocr-drop{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:.55em;padding:1.8em 1em;border:2px dashed var(--s-line);border-radius:.9em;text-align:center}
.sim-ocr-drop>span:not(.sim-ocr-go){color:var(--s-muted)}
.sim-ocr-drop small{color:var(--s-muted);font-size:.78em}
.sim-ocr-drop strong{color:var(--s-ink)}
.sim-ocr-cloud{display:grid;place-items:center;width:3.2em;height:3.2em;border-radius:.8em;background:color-mix(in srgb,#8b5cf6 12%,var(--s-card));color:#8b5cf6;font-size:1.2em;font-style:normal}
.sim-ocr-files{flex:0 0 19em;min-width:0;display:flex;flex-direction:column;gap:.55em;padding-left:1.2em;border-left:1px solid var(--s-line)}
.sim-ocr-fhead{display:flex;align-items:center;gap:.5em;padding-bottom:.3em}
.sim-ocr-fhead i{display:grid;place-items:center;width:1.75em;height:1.75em;border-radius:.45em;background:color-mix(in srgb,#8b5cf6 12%,var(--s-card));color:#7c3aed;font-style:normal;font-size:.85em}
.sim-ocr-fhead b{flex:1;color:var(--s-ink);font-weight:600}
.sim-ocr-fhead span{padding:.05em .55em;border-radius:99em;background:color-mix(in srgb,#8b5cf6 12%,var(--s-card));color:#7c3aed;font-size:.78em;font-weight:600}
.sim-ocr-frow{display:flex;align-items:center;gap:.7em;padding:.6em .7em;border:1px solid var(--s-line);border-radius:.7em;background:var(--s-card)}
.sim-ocr-frow>.fa-xmark{color:var(--s-muted);font-size:.85em}
.sim-ocr-pdf{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:.5em;background:var(--s-bad-bg);color:var(--s-bad);font-style:normal}
.sim-ocr-frow>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15em}
.sim-ocr-frow b{display:flex;align-items:center;gap:.5em;font-weight:500;color:var(--s-ink);font-size:.92em;min-width:0;overflow-wrap:anywhere}
.sim-ocr-frow em{font-style:normal;font-size:.68em;padding:.05em .45em;border-radius:.3em;background:var(--s-bad-bg);color:var(--s-bad)}
.sim-ocr-frow small{display:inline-flex;align-items:center;gap:.3em;font-size:.76em;font-weight:500}
.sim-ocr-frow small.is-ok{color:var(--s-ok)}.sim-ocr-frow small.is-info{color:#8b5cf6}.sim-ocr-frow small.is-bad{color:var(--s-bad)}
.sim-ocr-files .sim-ocr-cta{margin-top:auto}
/* Step 3 */
.sim-ocr-vhead{display:flex;align-items:center;gap:.8em;padding:.9em 1em;border:1px solid var(--s-line);border-radius:.8em}
.sim-ocr-vhead>i{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:.7em;background:var(--s-ok-bg);color:var(--s-ok);font-style:normal}
.sim-ocr-vhead div{display:flex;flex-direction:column;min-width:0}
.sim-ocr-vhead b{color:var(--s-ink);font-weight:600}
.sim-ocr-vhead span{color:var(--s-muted);font-size:.88em}
.sim-ocr-card{position:relative;padding:.8em;border:1px solid var(--s-line);border-radius:.8em;background:var(--s-card)}
.sim-ocr-dbadge{position:absolute;top:-.5em;right:-.5em;display:inline-flex;align-items:center;gap:.3em;padding:.25em .6em;border-radius:99em;background:#f59e0b;color:#fff;font-size:.72em;font-weight:600;box-shadow:0 .4em .8em -.3em rgba(0,0,0,.35)}
.sim-ocr-cbody{display:flex;gap:.8em;align-items:flex-start}
.sim-ocr-prev{display:grid;place-items:center;flex:none;width:5em;height:7em;border:1px solid var(--s-line);border-radius:.5em;background:linear-gradient(135deg,var(--s-bg),color-mix(in srgb,var(--s-muted) 10%,var(--s-card)));color:var(--s-muted)}
.sim-ocr-prev i{font-size:2.2em;opacity:.6}
.sim-ocr-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6em}
.sim-ocr-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em}
.sim-ocr-f{min-width:0}
.sim-ocr-f label{display:flex;align-items:center;gap:.35em;margin-bottom:.2em;font-size:.76em;font-weight:500;color:var(--s-muted)}
.sim-ocr-f label i{font-style:normal}
.sim-ocr-f label .is-violet{color:#8b5cf6}.sim-ocr-f label .is-amber{color:#f59e0b}.sim-ocr-f label .is-green{color:#22c55e}.sim-ocr-f label .is-red{color:#ef4444}
.sim-ocr-in{display:flex;align-items:center;gap:.4em;min-height:2.1em;padding:.3em .55em;border:1px solid var(--s-line);border-radius:.5em;background:var(--s-card);font-size:.85em;color:var(--s-ink);min-width:0}
.sim-ocr-in>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-ocr-in em{font-style:normal;color:var(--s-muted)}
.sim-ocr-in small{color:var(--s-muted);font-size:.85em;white-space:nowrap}
.sim-ocr-in>i{color:var(--s-muted);font-size:.8em}
.sim-ocr-lines{padding:.6em;border:1px solid var(--s-line);border-radius:.6em;background:var(--s-bg)}
.sim-ocr-lh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4em}
.sim-ocr-lh b{font-size:.72em;font-weight:600;letter-spacing:.04em;color:var(--s-muted);text-transform:uppercase}
.sim-ocr-lh span{display:inline-flex;align-items:center;gap:.3em;font-size:.72em;font-weight:500;color:#7c3aed}
.sim-ocr-lr{display:grid;grid-template-columns:3fr 2fr 2fr 3fr 1.4em;gap:.4em;align-items:center;margin-bottom:.3em;font-size:.82em}
.sim-ocr-lr>span{padding:.3em .5em;border:1px solid var(--s-line);border-radius:.4em;background:var(--s-card);color:var(--s-ink);display:flex;justify-content:space-between;align-items:center;min-width:0}
.sim-ocr-lr>span:nth-child(2){justify-content:center}
.sim-ocr-lr>span .fa-chevron-down{font-size:.75em;color:var(--s-muted)}
.sim-ocr-lr>.fa-trash-can{color:var(--s-muted);text-align:center}
.sim-ocr-lr.is-head{font-size:.68em;text-transform:uppercase;color:var(--s-muted);margin-bottom:.2em}
.sim-ocr-lr.is-head>span{border:0;background:none;padding:0;color:var(--s-muted)}
.sim-ocr-tot{display:grid;grid-template-columns:4fr 3fr 4fr 1fr;gap:.4em;margin-top:.5em;padding-top:.5em;border-top:1px solid var(--s-line)}
.sim-ocr-tot span{display:flex;flex-direction:column;font-size:.72em;color:var(--s-muted)}
.sim-ocr-tot b{font-size:1.35em;font-weight:600;color:var(--s-ink)}
.sim-ocr-tot b.is-amber{color:#d97706}
.sim-ocr-tot b.is-green{color:var(--s-ok);font-size:1.55em;font-weight:700}
.sim-ocr-foot2{display:flex;align-items:center;gap:.45em;padding-top:.5em;border-top:1px solid var(--s-line);color:var(--s-muted);font-size:.8em}
.sim-ocr-foot2>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}
.sim-ocr-ok{display:inline-flex;align-items:center;gap:.25em;padding:.1em .55em;border-radius:99em;background:var(--s-ok-bg);color:var(--s-ok);font-size:.85em;font-weight:500}
.sim-ocr-vfoot{display:flex;justify-content:space-between;align-items:center;gap:.6em;padding-top:1em;border-top:1px solid var(--s-line)}
.sim-ocr-back{display:inline-flex;align-items:center;gap:.5em;padding:.55em 1em;border:1px solid var(--s-line);border-radius:.75em;background:var(--s-card);color:var(--s-ink)}
.sim-ocr-dup{display:flex;gap:.8em;align-items:flex-start;margin-bottom:1.1em;padding:1em;border:1px solid color-mix(in srgb,#f59e0b 45%,var(--s-card));border-radius:.8em;background:color-mix(in srgb,#f59e0b 9%,var(--s-card))}
.sim-ocr-warn{display:grid;place-items:center;flex:none;width:2.5em;height:2.5em;border-radius:50%;background:color-mix(in srgb,#f59e0b 22%,var(--s-card));color:#d97706;font-style:normal}
.sim-ocr-dup>div{flex:1;min-width:0}
.sim-ocr-dup-t{display:flex;align-items:center;justify-content:space-between;gap:.5em;flex-wrap:wrap}
.sim-ocr-dup-t b{color:color-mix(in srgb,#92400e 75%,var(--s-ink));font-weight:600}
.sim-ocr-dup-t span{padding:.1em .6em;border-radius:99em;background:color-mix(in srgb,#f59e0b 30%,var(--s-card));color:color-mix(in srgb,#b45309 80%,var(--s-ink));font-size:.72em;font-weight:500}
.sim-ocr-dup p{margin:.3em 0 .8em;font-size:.85em;color:color-mix(in srgb,#b45309 80%,var(--s-ink))}
.sim-ocr-dup-actions{display:flex;gap:.5em;flex-wrap:wrap;align-items:center}
.sim-ocr-dup-actions span{display:inline-flex;align-items:center;gap:.4em;padding:.4em .8em;border-radius:.5em;font-size:.82em;font-weight:500}
.sim-ocr-dup-actions .is-solid{background:#d97706;color:#fff}
.sim-ocr-dup-actions .is-soft{background:color-mix(in srgb,#f59e0b 22%,var(--s-card));color:color-mix(in srgb,#b45309 80%,var(--s-ink))}
.sim-ocr-dup-actions .is-link{color:#d97706}
/* Entry: wizard over the purchases page */
.sim-ocr-entry{position:relative}
.sim-ocr-over{position:absolute;inset:0;overflow:hidden;z-index:5;background:var(--s-card)}
.sim-device .sim-ocr-head{padding-top:2.4rem}
@container (max-width:620px){
  .sim-ocr-head{padding:1em}
  .sim-ocr-step:not(.is-on){padding:.35em}
  .sim-ocr-step:not(.is-on) u{display:none}
  .sim-ocr-body{padding:1em}
  .sim-ocr-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-ocr-type{padding:.75em .6em;gap:.5em}
  .sim-ocr-cols{flex-direction:column}
  .sim-ocr-left{padding:0 0 1em}
  .sim-ocr-files{flex:none;padding:1em 0 0;border-left:0;border-top:1px solid var(--s-line)}
  .sim-ocr-prev{display:none}
  .sim-ocr-row{grid-template-columns:1fr}
  .sim-ocr-vfoot{flex-wrap:wrap}
}

.sim-peppol-sub { display: block; color: var(--s-muted, var(--s-text)); font-size: .82em; opacity: .75; }
.sim-peppol-bar { display: flex; flex-wrap: wrap; gap: .8em; align-items: center; justify-content: space-between; margin-bottom: .8em; }
.sim-peppol-limit { display: inline-flex; align-items: center; }
.sim-peppol-sent { display: inline-block; margin-left: .4em; }
.sim-peppol-drawer-head { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: .8em; }
.sim-peppol-menu { width: 17em; max-width: 100%; margin: -.4em .8em .8em auto; position: relative; background: var(--s-card); border: 1px solid var(--s-line); border-radius: .8em; padding: .4em; box-shadow: 0 .6em 1.6em rgba(0, 0, 0, .12); }
.sim-peppol-menu-item { padding: .45em .7em; border-radius: .5em; color: var(--s-text); font-size: .92em; }
.sim-peppol-menu-item + .sim-peppol-menu-item { border-top: 1px solid var(--s-line); }
.sim-peppol-intro { display: flex; flex-direction: column; gap: .4em; align-items: flex-start; margin-bottom: 1em; color: var(--s-text); }
.sim-peppol-intro b { color: var(--s-ink); font-size: 1.05em; }
.sim-peppol-cta { margin-top: 1em; }
.sim-peppol-about { display: flex; flex-direction: column; gap: .6em; color: var(--s-text); }

.sim-route-sheets-empty{display:flex;flex-direction:column;align-items:center;gap:.35em;padding:1.6em 1em;text-align:center;color:var(--s-muted)}
.sim-route-sheets-empty>i{font-size:1.6em;color:var(--s-brand)}
.sim-route-sheets-empty b{color:var(--s-ink)}
.sim-route-sheets-empty span{font-size:.85em;max-width:32em}
.sim-route-sheets-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.7em;padding:.7em .9em;margin-bottom:.8em;border:1px solid var(--s-warn);background:var(--s-warn-bg);border-radius:.7em;color:var(--s-ink)}
.sim-route-sheets-banner>span{flex:1 1 12em}
.sim-route-sheets-menu{display:flex;flex-direction:column;gap:.1em;width:max-content;max-width:100%;margin:0 0 .8em auto;padding:.35em;border:1px solid var(--s-line);border-radius:.7em;background:var(--s-card)}
.sim-route-sheets-menu.is-inline{margin:.2em 0 .7em;width:auto}
.sim-route-sheets-menu>span{display:flex;align-items:center;gap:.5em;padding:.45em .7em;border-radius:.5em;color:var(--s-text)}
.sim-route-sheets-filters{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin-bottom:.7em}
.sim-route-sheets-pick{border:1px solid var(--s-line);border-radius:.6em;padding:.4em .7em;color:var(--s-muted);font-size:.9em}
.sim-route-sheets-hint{margin:.3em 0 .7em;font-size:.82em;color:var(--s-muted)}
.sim-route-sheets-toggle{display:flex;align-items:center;justify-content:space-between;gap:.8em;padding:.55em 0;border-top:1px solid var(--s-line)}
.sim-route-sheets-toggle span{display:flex;flex-direction:column;line-height:1.3}
.sim-route-sheets-toggle small{color:var(--s-muted);font-size:.8em}
.sim-route-sheets-toggle>i{flex:none;width:2.2em;height:1.2em;border-radius:1em;background:var(--s-line)}
.sim-route-sheets-toggle>i.is-on{background:var(--s-brand)}

.sim-settings-shell{display:flex;gap:1em;align-items:flex-start}
.sim-settings-main{flex:1;min-width:0}
.sim-settings-nav{flex:none;width:13.5em;display:flex;flex-direction:column;gap:.15em;border:1px solid var(--s-line);border-radius:.9em;padding:.7em}
.sim-settings-nav small{color:var(--s-muted);font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:.6em .5em .2em}
.sim-settings-nav small:first-child{margin-top:0}
.sim-settings-nav span{padding:.42em .6em;border-radius:.55em;color:var(--s-text);font-size:.9em;line-height:1.25}
.sim-settings-nav span.is-active{color:var(--s-brand);font-weight:700;border:1px solid var(--s-brand)}
.sim-settings-row{margin:.9em 0 0}
.sim-settings-saved{margin:.9em 0 0;color:var(--s-ok);font-size:.85em;font-weight:600}
.sim-settings-themes{display:flex;flex-wrap:wrap;gap:.6em}
.sim-settings-themes span{flex:1;min-width:8em;display:flex;align-items:center;gap:.5em;border:1px solid var(--s-line);border-radius:.7em;padding:.7em .8em;font-weight:600;color:var(--s-text)}
.sim-settings-foot{display:flex;flex-direction:column;gap:.5em;max-width:19em}
.sim-settings-menu{display:flex;flex-direction:column;border:1px solid var(--s-line);border-radius:.8em;padding:.35em;margin-bottom:.3em}
.sim-settings-menu span{display:flex;align-items:center;gap:.6em;padding:.55em .65em;border-radius:.5em;color:var(--s-text);font-size:.92em}
.sim-settings-switch{margin-left:auto;width:2.1em;height:1.2em;border-radius:1em;border:1px solid var(--s-line);position:relative;flex:none}
.sim-settings-switch::after{content:"";position:absolute;top:.12em;left:.14em;width:.85em;height:.85em;border-radius:50%;background:var(--s-muted)}
.sim-settings-switch.is-on{border-color:var(--s-brand)}
.sim-settings-switch.is-on::after{left:1em;background:var(--s-brand)}
.sim-settings-who{display:flex;align-items:center;gap:.65em;border:1px solid var(--s-line);border-radius:.8em;padding:.5em .65em}
.sim-settings-who>i{width:2.1em;height:2.1em;border-radius:.6em;border:1px solid var(--s-line);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:.85em;color:var(--s-brand);flex:none}
.sim-settings-who span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.sim-settings-who small{color:var(--s-muted);font-size:.8em;overflow:hidden;text-overflow:ellipsis}
@container (max-width:620px){.sim-settings-shell{flex-direction:column}.sim-settings-nav{width:auto;align-self:stretch;flex-direction:row;flex-wrap:wrap}.sim-settings-nav small{display:none}}

.sim-suppliers .sim-head{flex-wrap:wrap;gap:.6em}
.sim-suppliers .sim-ht{flex:1 1 16em;min-width:0}
.sim-suppliers .sim-ht h3,.sim-suppliers .sim-ht p{white-space:normal;word-break:normal}
.sim-suppliers .sim-actions{flex-wrap:wrap;justify-content:flex-end}
.sim-suppliers-pills{display:flex;gap:.3em;margin:.7em 0}
.sim-suppliers-pills>span{padding:.35em .8em;border-radius:99em;font-weight:600;font-size:.88em;color:var(--s-muted)}
.sim-suppliers-pills>span.is-on{background:var(--s-brand);color:var(--s-card)}
.sim-suppliers-bar{display:flex;gap:.6em;align-items:center;margin-bottom:.7em}
.sim-suppliers-bar .sim-search{flex:1;min-width:0;margin:0}
.sim-suppliers-anchor{position:relative;height:0;z-index:3}
.sim-suppliers-anchor.is-row{top:11.8em}
.sim-suppliers-menu{position:absolute;right:.6em;top:-.4em;display:flex;flex-direction:column;gap:.1em;width:max-content;max-width:calc(100% - 1.2em);margin:0;padding:.4em;border:1px solid var(--s-line);border-radius:.7em;background:var(--s-card);color:var(--s-ink);box-shadow:0 .6em 1.5em -1em rgba(26,21,51,.35)}
.sim-suppliers-menu>div{padding:.45em .7em;border-radius:.45em;font-size:.92em}
.sim-suppliers-menu>div.is-danger{color:var(--s-bad)}
.sim-suppliers-check{display:inline-block;flex:none;width:1em;height:1em;margin-right:.6em;border:1px solid var(--s-line);border-radius:.25em;vertical-align:-.15em}
.sim-suppliers-check.is-on{background:var(--s-brand);border-color:var(--s-brand)}
.sim-suppliers-code{display:inline-flex;align-items:center;color:var(--s-brand2);font-weight:600;white-space:nowrap}
.sim-suppliers-tel{white-space:nowrap}
.sim-suppliers-co{display:flex;align-items:center;gap:.45em;min-width:0}
.sim-suppliers-co>span{min-width:0}
.sim-suppliers-co b{color:var(--s-ink)}
.sim-suppliers-mail{display:block;font-size:.9em}
.sim-suppliers-av{display:inline-grid;place-items:center;flex:none;width:2em;height:2em;border-radius:50%;background:var(--s-line);color:var(--s-brand2);font-style:normal;font-weight:700;font-size:.8em}
.sim-suppliers-pep{display:inline-grid;vertical-align:middle;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--s-ok-bg);color:var(--s-ok);font-size:.7em;font-style:normal}
.sim-suppliers-flag{display:inline-block;flex:none;width:1em;height:.7em;border-radius:.1em;vertical-align:-.05em;background:linear-gradient(90deg,var(--s-ink) 33.3%,var(--s-warn) 33.3% 66.6%,var(--s-bad) 66.6%)}
.sim-suppliers-count{display:inline-grid;place-items:center;min-width:1.4em;padding:0 .3em;border-radius:99em;background:var(--s-line);color:var(--s-muted);font-style:normal;font-size:.8em}
.sim-suppliers-pager{margin:.7em 0 0;display:inline-flex;gap:.5em;align-items:center;padding:.3em .7em;border:1px solid var(--s-line);border-radius:.5em;color:var(--s-ink);font-size:.9em}
.sim-suppliers-head .sim-ht{display:flex;align-items:flex-start;gap:.7em}
.sim-suppliers-head .sim-suppliers-av{width:2.6em;height:2.6em;font-size:1em}
.sim-suppliers-back{display:inline-grid;place-items:center;flex:none;width:2em;height:2em;border:1px solid var(--s-line);border-radius:50%;color:var(--s-ink);font-style:normal}
.sim-suppliers-chips{display:flex;flex-wrap:wrap;gap:.35em;align-items:center;margin:.3em 0;font-size:.85em;color:var(--s-ink)}
.sim-suppliers-chip{padding:.1em .5em;border:1px solid var(--s-line);border-radius:.4em;font-variant-numeric:tabular-nums}
.sim-suppliers-line{margin:0;color:var(--s-brand2);font-size:.85em;overflow-wrap:anywhere}
.sim-suppliers-split{display:flex;gap:.9em;align-items:flex-start;margin-top:.2em}
.sim-suppliers-col{flex:1.6;min-width:0;display:flex;flex-direction:column;gap:.9em}
.sim-suppliers-col+.sim-suppliers-col{flex:1}
.sim-suppliers-card h4{display:flex;align-items:center;gap:.6em}
.sim-suppliers-ic{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:.6em;background:var(--s-line);color:var(--s-brand2);font-style:normal;font-size:.85em}
.sim-suppliers-row{display:grid;grid-template-columns:fit-content(10em) minmax(0,1fr);gap:.6em;padding:.3em 0;font-size:.88em}
.sim-suppliers-row>span{color:var(--s-muted)}
.sim-suppliers-row>b{color:var(--s-ink);font-weight:500;overflow-wrap:break-word}
.sim-suppliers-row>b.is-bad{color:var(--s-bad);font-weight:700}
.sim-suppliers-muted{margin:0;color:var(--s-muted);font-size:.88em}
.sim-suppliers-note{display:flex;gap:.6em;align-items:flex-start;margin:0 0 .6em;padding:.6em .8em;border-radius:.7em;font-size:.88em}
.sim-suppliers-note.is-ok{background:var(--s-ok-bg);color:var(--s-ok)}
.sim-suppliers-note.is-warn{background:var(--s-warn-bg);color:var(--s-warn)}
.sim-suppliers-note.is-bad{background:var(--s-bad-bg);color:var(--s-bad)}
.sim-suppliers-dup .sim-btn{margin-top:.5em}
.sim-suppliers-vies{display:inline-flex;gap:.4em;align-items:center;margin-top:.2em;color:var(--s-muted);font-size:.85em}
.sim-suppliers-vies.is-ok{color:var(--s-ok)}
.sim-suppliers .sim-field small{color:var(--s-muted);font-size:.85em}
.sim-suppliers .sim-field em.is-ph{color:var(--s-muted)}
.sim-suppliers-req{color:var(--s-bad);font-style:normal}
.sim-suppliers-select{display:flex;justify-content:space-between;align-items:center;gap:.5em}
.sim-suppliers-verify{display:flex;justify-content:flex-start;margin:-.3em 0 .8em}
.sim-suppliers-one{grid-template-columns:1fr}
.sim-suppliers-tick{display:flex;gap:.5em;align-items:center;margin:0;color:var(--s-ink);font-size:.9em}
.sim-suppliers-tick i{width:1em;height:1em;border:1px solid var(--s-line);border-radius:.25em}
.sim-suppliers-switch{display:flex;justify-content:space-between;gap:.8em;align-items:center;font-size:.88em;color:var(--s-ink)}
.sim-suppliers-switch small{display:block;color:var(--s-muted)}
.sim-suppliers-switch>i{flex:none;width:2.2em;height:1.2em;border-radius:99em;background:var(--s-line);position:relative}
.sim-suppliers-switch>i::after{content:"";position:absolute;top:.15em;left:.15em;width:.9em;height:.9em;border-radius:50%;background:var(--s-card)}
.sim-suppliers-switch.is-on>i{background:var(--s-brand)}
.sim-suppliers-switch.is-on>i::after{left:1.15em}
.sim-suppliers .sim-btn.is-off{opacity:.45}
@container (max-width:620px){
.sim-suppliers-split{flex-direction:column;align-items:stretch}
.sim-suppliers .sim-tr{grid-template-columns:auto minmax(0,1fr)}
.sim-suppliers-co{justify-content:flex-end}
.sim-suppliers-anchor.is-row{top:8em}
.sim-suppliers-bar .sim-btn{padding:.5em .7em}
}

.sim-transactions-actions { position: relative; display: inline-flex; flex-wrap: wrap; gap: .5em; justify-content: flex-end; }
.sim-transactions-menu { position: absolute; top: 100%; right: 0; z-index: 3; margin-top: .3em; display: flex; flex-direction: column; min-width: 11em; padding: .3em; border-radius: .7em; background: var(--s-card); border: 1px solid var(--s-line); box-shadow: 0 .5em 1.4em rgba(0, 0, 0, .16); }
.sim-transactions-menu > span { display: flex; align-items: center; gap: .55em; padding: .5em .7em; border-radius: .5em; white-space: nowrap; }
.sim-transactions-bar { display: flex; flex-wrap: wrap; gap: .6em; align-items: center; margin: .8em 0; }
.sim-transactions-bar > :first-child { flex: 1 1 14em; }
.sim-transactions-pos { color: var(--s-ok); font-weight: 600; white-space: nowrap; }
.sim-transactions-neg { color: var(--s-bad); font-weight: 600; white-space: nowrap; }
.sim-transactions-pill { display: inline-flex; align-items: center; gap: .35em; padding: .15em .6em; border-radius: 99em; border: 1px solid var(--s-line); font-size: .9em; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sim-transactions-open { color: var(--s-warn); border-color: currentColor; }
.sim-transactions-acts { display: inline-flex; gap: .7em; opacity: .75; }
.sim-transactions-label { display: block; margin-bottom: .35em; opacity: .7; }
.sim-transactions-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: .5em; margin-bottom: .9em; }
.sim-transactions-toggle > span { display: flex; align-items: center; justify-content: center; gap: .45em; padding: .55em; border-radius: .7em; border: 1px solid var(--s-line); }
.sim-transactions-toggle > .sim-transactions-on { border-color: currentColor; box-shadow: inset 0 0 0 1px currentColor; }
.sim-transactions-note { margin: 0 0 .8em; opacity: .75; }
.sim-transactions-cands { display: flex; flex-direction: column; gap: .4em; margin-top: .7em; }
.sim-transactions-cand { display: flex; justify-content: space-between; align-items: center; gap: .8em; padding: .55em .7em; border-radius: .7em; border: 1px solid var(--s-line); }
.sim-transactions-cand > span { display: flex; align-items: center; gap: .6em; min-width: 0; }
.sim-transactions-cand > span:first-child { flex-direction: column; align-items: flex-start; gap: .1em; }
.sim-transactions-cand small { opacity: .7; }
.sim-transactions-ph { opacity: .55; }