/*
 * Novadesko
 * © 2024-2026 Novadesko SRL (BE 1018.192.568). Tous droits réservés.
 *
 * Applications pages (novadesko.com/{locale}/applications): simulated screens and page sections.
 * Built by tools/build.mjs from: this file, the docs simulated views (tools/sim/docs-sim.css and scene styles),
 * the module scene styles (tools/modules/*.mjs) and runtime/apps-page.css. Do not edit public/assets/applications/apps.css.
 * The site is compiled with a purged Tailwind: every new layout class lives here (prefix nda-), never in the views.
 */
@font-face{font-family:"NdaInter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nd-demo-inter-400.woff2) format("woff2")}
@font-face{font-family:"NdaInter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/nd-demo-inter-500.woff2) format("woff2")}
@font-face{font-family:"NdaInter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nd-demo-inter-600.woff2) format("woff2")}
@font-face{font-family:"NdaInter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nd-demo-inter-700.woff2) format("woff2")}
@font-face{font-family:"NdaInter";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/nd-demo-inter-800.woff2) format("woff2")}

/* 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(/assets/applications/logo.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(/assets/applications/logo.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; }

/* ---- Simulated screens on the marketing site: tokens (light, dark through prefers-color-scheme like the site's Tailwind), resets against the site's preflight, shared extra blocks (.sim-x-*). ---- */
.nda .sim{--s-bg:#f4f2fb;--s-card:#fff;--s-ink:#1a1533;--s-text:#1a1533;--s-muted:#625d7a;--s-line:#e7e3f3;--s-brand:#5902a9;--s-brand2:#5902a9;--s-ok:#047857;--s-ok-bg:#ecfdf5;--s-warn:#b45309;--s-warn-bg:#fffbeb;--s-bad:#b91c1c;--s-bad-bg:#fef2f2;--s-info:#4338ca;--s-info-bg:#eef2ff;margin:0}
@media (prefers-color-scheme:dark){
  .nda .sim{--s-bg:#0e0b1c;--s-card:#191430;--s-ink:#f1eefc;--s-text:#e4e0f5;--s-muted:#a59fc0;--s-line:#2e2750;--s-brand:#b79cfb;--s-brand2:#b79cfb;--s-ok:#34d399;--s-ok-bg:rgba(16,185,129,.14);--s-warn:#fbbf24;--s-warn-bg:rgba(245,158,11,.14);--s-bad:#f87171;--s-bad-bg:rgba(239,68,68,.14);--s-info:#a5b4fc;--s-info-bg:rgba(99,102,241,.16)}
  .nda .sim-cursor{filter:invert(1)}
}
.nda .sim-canvas{font-size:min(calc(100cqw / 62),15px);font-family:NdaInter,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left;letter-spacing:normal}
.nda .sim-canvas *{box-sizing:border-box}
.nda .sim-canvas i{font-style:normal}
.nda .sim-canvas h3,.nda .sim-canvas h4,.nda .sim-canvas h5,.nda .sim-canvas p{line-height:1.3}
.nda .sim-canvas p{margin:0}
.nda .sim-canvas b,.nda .sim-canvas strong{font-weight:700}
.nda .sim-stage{border-radius:18px;box-shadow:0 30px 60px -30px rgba(40,10,80,.35),0 0 0 1px var(--s-line);border:0}
.nda .sim-app{min-height:34em}
.nda .sim .sim-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Shared extra blocks (blocks.js, "Applications pages" part). */
.sim-x-empty{display:flex;flex-direction:column;align-items:center;gap:.35em;padding:1.6em 1em;text-align:center;color:var(--s-muted)}
.sim-x-empty>i{font-size:1.6em;color:var(--s-brand2)}.sim-x-empty b{color:var(--s-ink)}.sim-x-empty span{font-size:.85em;max-width:32em}
.sim-x-toggle{display:flex;align-items:center;justify-content:space-between;gap:.8em;padding:.6em 0;border-top:1px solid var(--s-line)}
.sim-x-toggle:first-child{border-top:0}
.sim-x-toggle span{display:flex;flex-direction:column;line-height:1.3;min-width:0}.sim-x-toggle small{color:var(--s-muted);font-size:.8em}
.sim-x-toggle>i{position:relative;flex:none;width:2.3em;height:1.3em;border-radius:1em;background:var(--s-line);transition:background .3s}
.sim-x-toggle>i::after{content:"";position:absolute;top:.15em;left:.15em;width:1em;height:1em;border-radius:50%;background:#fff;box-shadow:0 .1em .2em rgba(0,0,0,.25);transition:translate .3s}
.sim-x-toggle>i.is-on{background:var(--s-brand2)}.sim-x-toggle>i.is-on::after{translate:1em 0}
.sim-x-pick{display:inline-flex;align-items:center;gap:.45em;border:1px solid var(--s-line);border-radius:.6em;padding:.4em .7em;color:var(--s-muted);font-size:.9em;background:var(--s-card);white-space:nowrap}
.sim-x-pick>i:last-child{font-size:.75em}
.sim-x-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);box-shadow:0 .8em 2em -1em rgba(26,21,51,.35)}
.sim-x-menu.is-inline{margin:.2em 0 .7em;width:auto}
.sim-x-menu>span{display:flex;align-items:center;gap:.55em;padding:.45em .7em;border-radius:.5em;color:var(--s-text)}
.sim-x-progress{display:flex;flex-direction:column;gap:.35em;font-size:.9em}
.sim-x-progress>div{display:flex;justify-content:space-between;gap:.8em;color:var(--s-muted)}.sim-x-progress b{color:var(--s-ink);font-variant-numeric:tabular-nums}
.sim-x-progress>i{display:block;height:.5em;border-radius:1em;background:var(--s-line);overflow:hidden}
.sim-x-progress u{display:block;height:100%;border-radius:1em;background:linear-gradient(90deg,#7c3aed,#5902a9);text-decoration:none}
.sim-x-item{display:flex;align-items:center;gap:.75em;padding:.6em .2em;border-top:1px solid var(--s-line);min-width:0}
.sim-x-item:first-child{border-top:0}
.sim-x-item>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.sim-x-item b{color:var(--s-ink);overflow-wrap:anywhere}
.sim-x-item small{color:var(--s-muted);font-size:.82em;overflow-wrap:anywhere}.sim-x-item>em{font-style:normal;font-weight:700;color:var(--s-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.sim-x-tile{flex:none;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:.7em;color:#fff;background:linear-gradient(135deg,#7c3aed,#5902a9)}
.sim-x-violet{background:linear-gradient(135deg,#7c3aed,#5902a9)}.sim-x-teal{background:linear-gradient(135deg,#0ea5e9,#4338ca)}.sim-x-green{background:linear-gradient(135deg,#10b981,#0f766e)}
.sim-x-amber{background:linear-gradient(135deg,#f59e0b,#b45309)}.sim-x-rose{background:linear-gradient(135deg,#f43f5e,#b91c1c)}.sim-x-slate{background:linear-gradient(135deg,#64748b,#334155)}
.sim-x-bubble{max-width:78%;align-self:flex-start;background:var(--s-bg);border:1px solid var(--s-line);border-radius:1em 1em 1em .3em;padding:.6em .85em;color:var(--s-text)}
.sim-x-bubble.is-me{align-self:flex-end;background:linear-gradient(135deg,#7c3aed,#5902a9);border-color:transparent;color:#fff;border-radius:1em 1em .3em 1em}
.sim-x-bubble small{display:block;margin-top:.25em;font-size:.75em;opacity:.75}
.sim-x-paper{position:relative;background:#fff;color:#1a1533;border-radius:.6em;padding:1.1em 1.2em;box-shadow:0 .1em .2em rgba(0,0,0,.06),0 1em 2em -1.2em rgba(26,21,51,.45);display:flex;flex-direction:column;gap:.45em;min-width:0}
.sim-x-paper-h{display:flex;align-items:center;gap:.5em;padding-bottom:.6em;margin-bottom:.2em;border-bottom:1px solid #ece9f5}.sim-x-paper-h b{flex:1}
.sim-x-paper-h small{color:#6b6585;font-size:.8em}
.sim-x-paper-l,.sim-x-paper-t{display:flex;justify-content:space-between;gap:1em;font-size:.88em}.sim-x-paper-l span{color:#6b6585}
.sim-x-paper-t{margin-top:.3em;padding-top:.5em;border-top:1px solid #ece9f5;font-size:1em}.sim-x-paper-t b{color:#5902a9}
.sim-x-stamp{position:absolute;right:1em;bottom:3.2em;rotate:-12deg;border:.15em solid #059669;color:#059669;border-radius:.4em;padding:.15em .6em;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.85em}
.sim-x-kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:.7em}
.sim-x-col{background:var(--s-bg);border:1px solid var(--s-line);border-radius:.9em;padding:.6em;display:flex;flex-direction:column;gap:.5em;min-width:0}
.sim-x-col h5{display:flex;align-items:center;gap:.45em;margin:0 0 .1em;font-size:.82em;font-weight:700;color:var(--s-ink);text-transform:uppercase;letter-spacing:.04em}
.sim-x-col h5 em{margin-left:auto;font-style:normal;color:var(--s-muted)}
.sim-x-dot{display:inline-block;width:.6em;height:.6em;border-radius:50%}
.sim-x-kcard{background:var(--s-card);border:1px solid var(--s-line);border-radius:.7em;padding:.55em .65em;display:flex;flex-direction:column;gap:.15em;box-shadow:0 .3em .8em -.6em rgba(26,21,51,.3)}
.sim-x-kcard b{color:var(--s-ink);font-size:.92em}.sim-x-kcard small{color:var(--s-muted);font-size:.8em}
.sim-x-week{display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));gap:.3em}
.sim-x-wd{text-align:center;font-size:.78em;font-weight:700;color:var(--s-muted);text-transform:uppercase;padding-bottom:.3em;border-bottom:1px solid var(--s-line)}
.sim-x-wgrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));grid-template-rows:repeat(8,2.3em);gap:.3em;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2.45em,var(--s-line) 2.45em,var(--s-line) calc(2.45em + 1px))}
.sim-x-ev{border-radius:.5em;padding:.3em .45em;color:#fff;font-size:.78em;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.sim-x-ev b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-x-ev small{opacity:.9}
.sim-x-phone{width:17em;max-width:100%;margin:0 auto;border:.55em solid #17132b;border-radius:2.2em;overflow:hidden;background:var(--s-card);box-shadow:0 1em 2.4em -1em rgba(26,21,51,.5)}
.sim-x-phone-in{min-height:28em;padding:1.6em .9em .9em;display:flex;flex-direction:column;gap:.6em}
.sim-x-browser{border:1px solid var(--s-line);border-radius:.9em;overflow:hidden;background:var(--s-card);box-shadow:0 1em 2.4em -1.4em rgba(26,21,51,.45);min-width:0}
.sim-x-browser-bar{display:flex;align-items:center;gap:.35em;padding:.5em .8em;background:var(--s-bg);border-bottom:1px solid var(--s-line)}
.sim-x-browser-bar>i{width:.65em;height:.65em;border-radius:50%;background:var(--s-line)}
.sim-x-browser-bar span{margin-left:.6em;flex:1;min-width:0;background:var(--s-card);border:1px solid var(--s-line);border-radius:.5em;padding:.2em .7em;font-size:.8em;color:var(--s-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sim-x-browser-in{padding:.9em}
.sim-x-skel{display:inline-block;height:.7em;border-radius:.4em;background:var(--s-line);vertical-align:middle;max-width:100%}
.sim-x-note{display:flex;align-items:flex-start;gap:.6em;padding:.65em .85em;border-radius:.7em;font-size:.88em;border:1px solid}
.sim-x-note>i{margin-top:.15em}
.sim-x-note-info{background:var(--s-info-bg);color:var(--s-info);border-color:color-mix(in srgb,var(--s-info) 30%,transparent)}
.sim-x-note-warn{background:var(--s-warn-bg);color:var(--s-warn);border-color:color-mix(in srgb,var(--s-warn) 30%,transparent)}
.sim-x-note-ok{background:var(--s-ok-bg);color:var(--s-ok);border-color:color-mix(in srgb,var(--s-ok) 30%,transparent)}
.sim-x-stack{display:flex;flex-direction:column;gap:.5em}
.sim-x-row{display:flex;flex-wrap:wrap;gap:.5em;align-items:center}
@container (max-width:620px){.sim-x-kanban{grid-template-columns:1fr}.sim-x-wgrid{grid-template-rows:repeat(8,2em)}}
@container (max-width:620px){.nda .sim-canvas{font-size:calc(100cqw / 27)}}

/* module acces-comptables */
.sim-acces-comptables-fid{display:flex;align-items:flex-start;gap:.75em;padding:.7em .2em;border-top:1px solid var(--s-line);min-width:0}
.sim-acces-comptables-fid:first-of-type{border-top:0}
.sim-acces-comptables-fid>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25em;line-height:1.3}
.sim-acces-comptables-fid b{color:var(--s-ink);display:flex;flex-wrap:wrap;align-items:center;gap:.45em}
.sim-acces-comptables-fid small{color:var(--s-muted);font-size:.82em;overflow-wrap:anywhere}
.sim-acces-comptables-acc{display:flex;flex-wrap:wrap;gap:.35em}
.sim-acces-comptables-fid>em{font-style:normal;flex:none}
.sim-acces-comptables-res{display:flex;flex-direction:column;margin-top:.6em;border:1px solid var(--s-line);border-radius:.7em;overflow:hidden}
.sim-acces-comptables-res>div{display:flex;align-items:center;gap:.7em;padding:.6em .75em;border-top:1px solid var(--s-line);min-width:0}
.sim-acces-comptables-res>div:first-child{border-top:0}
.sim-acces-comptables-res>div>span:not(.sim-badge){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sim-acces-comptables-res .sim-badge{flex:none}
.sim-acces-comptables-res b{color:var(--s-ink)}.sim-acces-comptables-res small{color:var(--s-muted);font-size:.82em}
.sim-acces-comptables-sec{display:flex;align-items:center;justify-content:space-between;gap:.8em;margin-bottom:.4em;flex-wrap:wrap}
.sim-acces-comptables-sec p{margin:0;color:var(--s-muted);font-size:.85em}
/* module agenda */
.sim-agenda-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5em;margin-bottom:.7em}
.sim-agenda-bar>span{display:flex;align-items:center;gap:.4em}
.sim-agenda-bar b{color:var(--s-ink);margin-left:.3em}
.sim-agenda-nav{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border:1px solid var(--s-line);border-radius:.5em;color:var(--s-muted)}
.sim-agenda-seg{display:inline-flex;border:1px solid var(--s-line);border-radius:.6em;overflow:hidden}
.sim-agenda-seg>span{padding:.35em .7em;font-size:.85em;color:var(--s-muted)}
.sim-agenda-seg>.is-on{background:var(--s-brand2);color:var(--s-card);font-weight:600}
.sim-agenda-gc{display:flex;align-items:center;gap:.7em;margin-top:.8em;padding:.7em .9em;border:1px solid var(--s-line);border-radius:.8em;background:var(--s-card)}
.sim-agenda-gc>span:not(.sim-badge){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sim-agenda-gc b{color:var(--s-ink)}.sim-agenda-gc small{color:var(--s-muted);font-size:.82em}
.sim-agenda-gc>i{flex:none;display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:.6em;background:var(--s-info-bg);color:var(--s-info)}
@container (max-width:620px){.sim-agenda-seg>span:first-child{display:none}.sim-agenda-gc .sim-badge{display:none}}
/* module amortissements */
.sim-amortissements-prog{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--s-muted);white-space:nowrap}
.sim-amortissements-prog i{flex:1;min-width:3em;height:.45em;border-radius:1em;background:var(--s-line);overflow:hidden}
.sim-amortissements-prog u{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#d97706)}
/* module assistant-ai */
.sim-assistant-ai-chat{display:flex;flex-direction:column;gap:.7em;padding:.2em 0}
.sim-assistant-ai-msg{display:flex;align-items:flex-end;gap:.55em}
.sim-assistant-ai-msg.is-me{justify-content:flex-end}
.sim-assistant-ai-msg .sim-x-bubble{max-width:82%}
.sim-assistant-ai-nova{flex:none;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.85em;background:linear-gradient(135deg,#7c3aed,#5902a9)}
.sim-assistant-ai-file{display:inline-flex;align-items:center;gap:.45em;margin-top:.35em;padding:.25em .55em;border-radius:.5em;background:rgba(255,255,255,.18);font-size:.85em}
.sim-assistant-ai-list{margin:.35em 0 0;padding-left:1.1em}
.sim-assistant-ai-input{display:flex;align-items:center;gap:.6em;margin-top:.8em;padding:.5em .7em;border:1px solid var(--s-line);border-radius:.9em;background:var(--s-bg);color:var(--s-muted)}
.sim-assistant-ai-input span{flex:1;min-width:0}
.sim-assistant-ai-input i.is-send{width:2em;height:2em;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7c3aed,#5902a9)}
.sim-assistant-ai-usage{margin-top:.7em}
.sim-assistant-ai-head{display:flex;align-items:center;gap:.7em;margin-bottom:.7em}
.sim-assistant-ai-head>span:not(.sim-btn){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sim-assistant-ai-head b{color:var(--s-ink)}.sim-assistant-ai-head small{color:var(--s-muted);font-size:.82em}
.sim-assistant-ai-head .sim-assistant-ai-nova{width:2.6em;height:2.6em}
/* module auto-invoicing */
.sim-auto-invoicing-auto{display:inline-flex;gap:.3em}
.sim-auto-invoicing-auto i{display:inline-flex;align-items:center;justify-content:center;width:2.1em;height:1.7em;border-radius:.4em;font-size:.78em;font-style:normal;background:var(--s-bg);color:var(--s-muted);border:1px solid var(--s-line)}
.sim-auto-invoicing-auto i.is-on{background:var(--s-info);color:#fff;border-color:transparent}
.sim-auto-invoicing-auto i.is-peppol{background:var(--s-brand2);color:#fff;border-color:transparent}
.sim-auto-invoicing-freq small{color:var(--s-muted);font-size:.8em;margin-left:.3em}
.sim-auto-invoicing-gen{display:inline-flex;min-width:1.8em;justify-content:center;padding:.1em .55em;border-radius:99em;background:var(--s-info-bg);color:var(--s-info);font-weight:700;font-size:.82em}
.sim-auto-invoicing-acts{display:inline-flex;gap:.6em;white-space:nowrap;font-size:.82em;font-weight:600}
.sim-auto-invoicing-acts span{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:.45em;border:1px solid var(--s-line);color:var(--s-text)}
.sim-auto-invoicing-acts span.is-stop{color:var(--s-bad)}
.sim-auto-invoicing-next{display:flex;align-items:center;gap:.6em;margin-top:.8em;padding:.6em .8em;border-radius:.6em;background:var(--s-bg);font-size:.85em;color:var(--s-text)}
.sim-auto-invoicing-next b{margin-left:auto;color:var(--s-ink)}
.sim-auto-invoicing-sub{display:block;margin:.9em 0 .4em;font-size:.7em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted)}
/* module bon-de-commandes */
.sim-bon-de-commandes-wrap{position:relative}
.sim-bon-de-commandes-menu{position:absolute;right:.8em;top:4.6em;z-index:3;display:none;flex-direction:column;min-width:13em;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-bon-de-commandes-menu[data-open]{display:flex}
.sim-bon-de-commandes-menu span{display:flex;align-items:center;gap:.6em;padding:.42em .6em;border-radius:.5em;color:var(--s-ink)}
.sim-bon-de-commandes-menu span i{width:1.1em;color:var(--s-muted)}
.sim-bon-de-commandes-menu small{padding:.5em .6em .2em;border-top:1px solid var(--s-line);margin-top:.2em;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--s-muted)}
.sim-bon-de-commandes-link{display:block;margin-top:.2em}
.sim-bon-de-commandes-q{margin:0 0 .6em;color:var(--s-text)}
/* module consultations */
.sim-consultations-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;white-space:nowrap}
.sim-consultations-sum{margin-top:.8em;padding:.7em .9em;border-radius:.7em;background:var(--s-bg)}
/* module contracts-signatures */
.sim-contracts-signatures-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6em;margin-bottom:.9em}
.sim-contracts-signatures-kpis span{display:flex;flex-direction:column;gap:.15em;padding:.6em .75em;border:1px solid var(--s-line);border-radius:.7em;background:var(--s-card);font-size:.78em;color:var(--s-muted);min-width:0}
.sim-contracts-signatures-kpis b{font-size:1.5em;color:var(--s-ink)}
.sim-contracts-signatures-chips{display:flex;flex-wrap:wrap;gap:.35em;margin:.1em 0 .7em}
.sim-contracts-signatures-chips span{padding:.25em .7em;border:1px solid var(--s-line);border-radius:99em;font-size:.75em;color:var(--s-muted)}
.sim-contracts-signatures-chips span.is-active{background:var(--s-brand2);border-color:var(--s-brand2);color:#fff}
.sim-contracts-signatures-t small{display:block;color:var(--s-muted);font-size:.8em;font-weight:400}
.sim-contracts-signatures-amt small{display:block;color:var(--s-muted);font-size:.8em}
@container (max-width:620px){.sim-contracts-signatures-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* module cotisations-sociales */
.sim-cotisations-sociales-tabs .sim-tabs{flex-wrap:wrap;overflow:visible}
.sim-cotisations-sociales-tabs .sim-tabs>span{white-space:nowrap}
.sim-cotisations-sociales-prog{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--s-muted);white-space:nowrap}
.sim-cotisations-sociales-prog i{flex:1;min-width:3em;height:.45em;border-radius:1em;background:var(--s-line);overflow:hidden}
.sim-cotisations-sociales-prog u{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488)}
.sim-cotisations-sociales-steps{display:flex;gap:.4em;margin-bottom:.8em;flex-wrap:wrap}
.sim-cotisations-sociales-steps span{font-size:.78em;padding:.25em .65em;border-radius:2em;background:var(--s-bg);color:var(--s-muted);white-space:nowrap}
.sim-cotisations-sociales-steps span.is-on{background:var(--s-ok-bg);color:var(--s-ok);font-weight:600}
/* module credits */
.sim-credits-prog{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--s-muted);white-space:nowrap}
.sim-credits-prog i{flex:1;min-width:3em;height:.45em;border-radius:1em;background:var(--s-line);overflow:hidden}
.sim-credits-prog u{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#0f766e)}
/* module customer-portal */
.sim-customer-portal-nav{display:flex;flex-wrap:wrap;gap:.3em;margin-bottom:.8em;padding-bottom:.6em;border-bottom:1px solid var(--s-line)}
.sim-customer-portal-nav>span{display:inline-flex;align-items:center;gap:.35em;padding:.3em .6em;border-radius:.5em;font-size:.82em;color:var(--s-muted)}
.sim-customer-portal-nav>.is-on{background:var(--s-info-bg);color:var(--s-info);font-weight:600}
.sim-customer-portal-hi{margin-bottom:.7em}.sim-customer-portal-hi b{display:block;font-size:1.15em;color:var(--s-ink)}.sim-customer-portal-hi small{color:var(--s-muted);font-size:.85em}
.sim-customer-portal-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;margin-bottom:.8em}
.sim-customer-portal-k>div{padding:.55em .7em;border:1px solid var(--s-line);border-radius:.7em;display:flex;flex-direction:column;min-width:0}
.sim-customer-portal-k span{font-size:.75em;color:var(--s-muted)}.sim-customer-portal-k b{color:var(--s-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.sim-customer-portal-h5{margin:.2em 0 .1em;font-size:.82em;font-weight:700;color:var(--s-ink);text-transform:uppercase;letter-spacing:.04em}
.sim-customer-portal-access{display:flex;flex-direction:column;gap:.7em}
.sim-customer-portal .sim-grid{align-items:flex-start}.sim-customer-portal .sim-grid>:first-child{flex:.75}
@container (max-width:620px){.sim-customer-portal .sim-grid{align-items:stretch}.sim-customer-portal .sim-grid>*{flex:none}.sim-customer-portal-nav>span:nth-child(n+3){display:none}}
/* module declarations-fiscales */
.sim-declarations-fiscales-sum dd{text-align:right;white-space:nowrap}
.sim-declarations-fiscales-sum dt:last-of-type,.sim-declarations-fiscales-sum dd:last-of-type{font-weight:700;color:var(--s-ink)}
/* module detailed-reports */
.sim-detailed-reports-legend{display:flex;gap:1em;font-size:.8em;color:var(--s-muted);margin-top:.5em}
.sim-detailed-reports-legend i{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:#6366f1;margin-right:.35em}
.sim-detailed-reports-legend span+span i{background:var(--s-line)}
.sim-detailed-reports-head{display:flex;justify-content:space-between;align-items:center;gap:.6em;margin-bottom:.4em;position:relative}
.sim-detailed-reports-head h4{margin:0}
.sim-detailed-reports-head .sim-x-menu{position:absolute;right:0;top:2.4em;z-index:3}
.sim-detailed-reports-tables small{color:var(--s-muted);white-space:nowrap}
.sim-detailed-reports-tables b{white-space:nowrap}
/* module ecommerce */
.sim-ecom-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7em}
.sim-ecom-card{display:flex;flex-direction:column;gap:.55em;padding:.85em;border:1px solid var(--s-line);border-radius:.9em;background:var(--s-card);min-width:0}
.sim-ecom-card.is-on{border-color:var(--s-brand2)}
.sim-ecom-card i{display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:.7em;font-style:normal;font-weight:700;color:#fff;background:var(--c)}
.sim-ecom-card span{display:flex;flex-direction:column;gap:.2em;min-width:0}
.sim-ecom-card b{color:var(--s-ink)}
.sim-ecom-card small{font-size:.82em;color:var(--s-muted);line-height:1.35}
.sim-ecom-card em{font-style:normal;align-self:flex-start}
.sim-ecom-cats{display:flex;flex-wrap:wrap;gap:.4em;margin:.6em 0 .8em}
@container (max-width:620px){.sim-ecom-cards{grid-template-columns:1fr}.sim-ecom-card{flex-direction:row;align-items:center}.sim-ecom-card em{display:none}}
/* module email-marketing */
.sim-email-marketing-c{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.sim-email-marketing-c b{color:var(--s-ink);overflow-wrap:anywhere}.sim-email-marketing-c small{color:var(--s-muted);font-size:.82em;overflow-wrap:anywhere}
.sim-email-marketing-o{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.sim-email-marketing-o small{color:var(--s-muted);font-size:.8em}
.sim-email-marketing-tpl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em;grid-column:1/-1}
.sim-email-marketing-tpl>span{display:flex;flex-direction:column;align-items:center;gap:.35em;padding:.6em .3em;border:1px solid var(--s-line);border-radius:.7em;font-size:.82em;color:var(--s-text);text-align:center}
.sim-email-marketing-tpl>span>i{font-size:1.3em;color:var(--s-brand2)}
.sim-email-marketing-tpl>.is-on{border-color:var(--s-brand2);box-shadow:0 0 0 1px var(--s-brand2)}
.sim-email-marketing .sim-stats{grid-template-columns:repeat(auto-fit,minmax(7.5em,1fr))}
@container (max-width:620px){.sim-email-marketing-tpl{grid-template-columns:1fr 1fr}}
/* module estimation-fiscale */
.sim-estimation-fiscale-prog{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--s-muted);white-space:nowrap}
.sim-estimation-fiscale-prog i{flex:1;min-width:3em;height:.45em;border-radius:1em;background:var(--s-line);overflow:hidden}
.sim-estimation-fiscale-prog u{display:block;height:100%;background:linear-gradient(90deg,#6366f1,#4338ca)}
.sim-estimation-fiscale-va{display:grid;grid-template-columns:repeat(auto-fit,minmax(22em,1fr));gap:0 1.2em}
.sim-estimation-fiscale-va .sim-x-item:first-child{border-top:0}
.sim-estimation-fiscale-choice{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin:.2em 0 .8em}
.sim-estimation-fiscale-choice span{border:1px solid var(--s-line);border-radius:.8em;padding:.6em .7em;font-size:.85em;color:var(--s-text);display:flex;flex-direction:column;gap:.15em}
.sim-estimation-fiscale-choice span.is-on{border-color:var(--s-brand2);background:var(--s-info-bg)}
.sim-estimation-fiscale-choice b{color:var(--s-ink)}
/* module extra-mailbox */
.sim-extra-mailbox-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7em;margin-top:.8em}
.sim-extra-mailbox-tier{padding:.8em;border:1px solid var(--s-line);border-radius:.9em;background:var(--s-card);display:flex;flex-direction:column;gap:.4em;min-width:0}
.sim-extra-mailbox-tier.is-on{border-color:var(--s-brand2);box-shadow:0 0 0 .12em var(--s-brand2) inset}
.sim-extra-mailbox-tier b{color:var(--s-ink)}
.sim-extra-mailbox-tier ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25em;font-size:.85em;color:var(--s-text)}
.sim-extra-mailbox-tier li{display:flex;gap:.4em;align-items:flex-start}
.sim-extra-mailbox-tier li i{color:var(--s-ok);margin-top:.2em}
.sim-extra-mailbox-row{display:flex;align-items:center;gap:.8em;margin-top:.9em;padding:.8em;border:1px solid var(--s-line);border-radius:.9em;background:var(--s-bg);flex-wrap:wrap}
.sim-extra-mailbox-row>i{flex:none;width:2.4em;height:2.4em;border-radius:.7em;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#10b981,#0d9488)}
.sim-extra-mailbox-row>span{flex:1;min-width:10em;display:flex;flex-direction:column;line-height:1.3}
.sim-extra-mailbox-row b{color:var(--s-ink)}.sim-extra-mailbox-row small{color:var(--s-muted);font-size:.82em}
.sim-extra-mailbox-row>span.sim-extra-mailbox-step{flex:none;min-width:0;display:flex;flex-direction:row;align-items:center;gap:.4em}
.sim-extra-mailbox-step>i{width:2em;height:2em;display:grid;place-items:center;border:1px solid var(--s-line);border-radius:.55em;background:var(--s-card);color:var(--s-muted);font-size:.85em}
.sim-extra-mailbox-step>em{font-style:normal;width:2em;text-align:center;font-weight:700;color:var(--s-ink)}
.sim-extra-mailbox-sum{margin-top:.7em;color:var(--s-text);font-size:.9em}
.sim-extra-mailbox-mod{display:flex;align-items:flex-start;gap:.8em}
.sim-extra-mailbox-mod>i{flex:none;width:2.6em;height:2.6em;border-radius:.8em;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed)}
.sim-extra-mailbox-mod>span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.sim-extra-mailbox-mod b{color:var(--s-ink)}.sim-extra-mailbox-mod small{color:var(--s-muted);font-size:.85em}
@container (max-width:620px){.sim-extra-mailbox-tiers{grid-template-columns:minmax(0,1fr)}.sim-extra-mailbox-tier:not(.is-on){display:none}}
/* module listing-client */
.sim-listing-client-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6em;margin-bottom:.7em}
.sim-listing-client-head>span:first-child{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.sim-listing-client-head b{color:var(--s-ink)}
.sim-listing-client-head small{color:var(--s-muted);font-size:.82em}
.sim-listing-client-tools{display:flex;flex-wrap:wrap;gap:.4em}
.sim-listing-client-total{display:flex;justify-content:space-between;gap:1em;margin-top:.5em;padding:.6em .4em 0;border-top:1px solid var(--s-line);font-weight:700;color:var(--s-ink);font-variant-numeric:tabular-nums}
.sim-listing-client-total span:last-child{display:flex;gap:1.4em}
.sim-listing-client-vat{white-space:nowrap}
.sim-listing-client-n{display:inline-block;margin-left:.4em;padding:0 .45em;border-radius:1em;background:var(--s-bg);color:var(--s-muted);font-size:.8em;font-weight:600}
@container (max-width:620px){.sim-listing-client-total span:last-child>:last-child{display:none}.sim-listing-client .sim-stat-green,.sim-listing-client .sim-stat-amber{display:none}}
/* module marketplace */
.sim-marketplace-tabs .sim-tabs{flex-wrap:wrap;row-gap:.3em}
.sim-marketplace-chips{display:flex;flex-wrap:wrap;gap:.35em}
.sim-marketplace-g{padding:.8em .9em;border:1px solid var(--s-line);border-radius:.8em;background:var(--s-card);line-height:1.35}
.sim-marketplace-g small{display:block;color:var(--s-ok);font-size:.8em;overflow-wrap:anywhere}
.sim-marketplace-g b{display:block;color:#4f46e5;font-weight:600;margin:.15em 0;overflow-wrap:anywhere}
.sim-marketplace-g span{color:var(--s-muted);font-size:.88em}
.sim-marketplace-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.9em;align-items:start}
@container (max-width:620px){.sim-marketplace-cols{grid-template-columns:minmax(0,1fr)}}
/* module messenger */
.sim-messenger-unread{display:grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .35em;border-radius:1em;background:var(--s-bad);color:#fff!important;font-weight:700;font-size:.72em!important}
.sim-messenger-file{display:flex;align-items:center;gap:.5em}
.sim-messenger-file>i{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:.5em;background:rgba(255,255,255,.2)}
.sim-messenger-compose{margin-top:auto;display:flex;align-items:center;gap:.5em;border-top:1px solid var(--s-line);padding-top:.7em}
.sim-messenger-compose>div{flex:1;min-width:0;border:1px solid var(--s-line);border-radius:1.2em;padding:.45em .9em;color:var(--s-ink);min-height:2.2em}
.sim-messenger-compose>div:empty::before{content:attr(data-ph);color:var(--s-muted)}
.sim-messenger-compose>i{flex:none;display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;color:var(--s-muted)}
.sim-messenger-compose>i:last-child{background:var(--s-brand2);color:var(--s-card)}
.sim-messenger .sim-messaging-thread{gap:0}
.sim-messenger .sim-messaging-thead .sim-btn{flex:none;flex-direction:row;white-space:nowrap}
/* module novacloud */
.sim-novacloud-wrap{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:.9em;align-items:start}
.sim-novacloud-side{display:flex;flex-direction:column;gap:.15em;font-size:.9em}
.sim-novacloud-side h5{margin:.7em 0 .25em;font-size:.75em;letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted)}
.sim-novacloud-side h5:first-child{margin-top:0}
.sim-novacloud-side>span{display:flex;align-items:center;gap:.55em;padding:.35em .5em;border-radius:.5em;color:var(--s-text);min-width:0}
.sim-novacloud-side>span em{margin-left:auto;font-style:normal;color:var(--s-muted);font-size:.85em}
.sim-novacloud-side>span.is-active{background:var(--s-bg);color:var(--s-ink);font-weight:600}
.sim-novacloud-side .sim-x-progress{margin-top:.8em}
.sim-novacloud-file{display:inline-flex;align-items:center;gap:.5em;min-width:0}
.sim-novacloud-file i{flex:none;width:1.9em;height:1.9em;border-radius:.45em;display:grid;place-items:center;color:#fff;font-size:.85em}
.sim-novacloud-pdf{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.sim-novacloud-img{background:linear-gradient(135deg,#14b8a6,#0f766e)}
.sim-novacloud-xls{background:linear-gradient(135deg,#22c55e,#15803d)}
.sim-novacloud-dir{background:linear-gradient(135deg,#f59e0b,#b45309)}
.sim-novacloud-file span{overflow-wrap:anywhere}
.sim-novacloud-mw{position:relative}
.sim-novacloud-mw>.sim-x-menu{position:absolute;right:.4em;top:2.4em;z-index:2;margin:0}
.sim-novacloud-chk{display:flex;flex-direction:column;gap:.4em;margin-top:.7em}
.sim-novacloud-chk span{display:flex;align-items:center;gap:.55em;color:var(--s-text)}
.sim-novacloud-chk i{color:var(--s-brand2)}
@container (max-width:620px){.sim-novacloud-wrap{grid-template-columns:minmax(0,1fr)}.sim-novacloud-side{display:none}}
/* module payment-plans */
.sim-payment-plans-prog{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--s-muted);white-space:nowrap}
.sim-payment-plans-prog i{flex:1;min-width:3em;height:.45em;border-radius:1em;background:var(--s-line);overflow:hidden}
.sim-payment-plans-prog u{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#4f46e5)}
.sim-payment-plans-sum{margin-top:.7em;border-radius:.8em;padding:.6em .8em;background:var(--s-info-bg);color:var(--s-info);display:flex;justify-content:space-between;gap:.6em;font-size:.88em}
.sim-payment-plans-sum b{color:var(--s-ink);white-space:nowrap}
/* module payment-reminders */
@container (max-width:620px){.sim-payment-reminders-wrap .sim-modal .sim-tabs{flex-wrap:wrap;overflow:visible}.sim-payment-reminders-wrap .sim-modal .sim-tabs span{white-space:nowrap}}
/* module pos */
.sim-pos-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55em}
.sim-pos-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.3em;padding:.65em;border:1px solid var(--s-line);border-radius:.8em;background:var(--s-card);min-width:0}
.sim-pos-tile b{font-size:.88em;color:var(--s-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sim-pos-tile small{font-size:.82em;color:var(--s-brand2);font-weight:600}
.sim-pos-tile .sim-x-tile{width:2em;height:2em;font-size:.85em}
.sim-pos-cats{display:flex;flex-wrap:wrap;gap:.4em;margin:.6em 0}
.sim-pos-line{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.5em 0;border-bottom:1px dashed var(--s-line)}
.sim-pos-line span{display:flex;flex-direction:column;min-width:0}
.sim-pos-line b{font-size:.9em;color:var(--s-ink)}
.sim-pos-line small{font-size:.78em;color:var(--s-muted)}
.sim-pos-line em{font-style:normal;font-weight:600;color:var(--s-ink);white-space:nowrap}
.sim-pos-sum{display:flex;justify-content:space-between;font-size:.86em;color:var(--s-muted);padding:.2em 0}
.sim-pos-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:.3em;padding-top:.4em;border-top:1px solid var(--s-line);color:var(--s-ink)}
.sim-pos-total b{font-size:1.3em}
.sim-pos-acts{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.7em}
.sim-pos-acts .sim-btn{flex:1;justify-content:center}
.sim-pos-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;margin:.5em 0 .7em}
.sim-pos-methods span{display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.55em .3em;border:1px solid var(--s-line);border-radius:.7em;font-size:.82em;color:var(--s-text);text-align:center}
.sim-pos-methods span.is-on{border-color:var(--s-brand2);color:var(--s-brand2);font-weight:600}
@container (max-width:620px){.sim-pos-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-pos-tile:nth-child(n+5){display:none}}
/* module prestashop-sync */
.sim-psync-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin-bottom:.8em}
.sim-psync-head b{color:var(--s-ink)}
.sim-psync-head small{color:var(--s-muted);font-size:.85em}
/* module prestashop */
.sim-psync-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin-bottom:.8em}
.sim-psync-head b{color:var(--s-ink)}
.sim-psync-head small{color:var(--s-muted);font-size:.85em}
/* module recus */
.sim-recus-neg{color:var(--s-bad)}
.sim-recus-vat{display:grid;grid-template-columns:1fr auto;gap:.3em 1em;margin:.2em 0 .8em;padding:.7em .8em;border-radius:.6em;background:var(--s-bg);font-size:.85em}
.sim-recus-vat small{grid-column:1/-1;font-size:.75em;font-weight:700;letter-spacing:.05em;color:var(--s-muted)}
.sim-recus-vat b{color:var(--s-ink);text-align:right}
.sim-recus-hint{margin:0 0 .6em;font-size:.78em;color:var(--s-muted)}
/* module rh */
.sim-rh-emp{display:flex;align-items:center;gap:.75em;min-width:0}
.sim-rh-emp>span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.sim-rh-emp b{color:var(--s-ink)}.sim-rh-emp small{color:var(--s-muted);font-size:.82em;overflow-wrap:anywhere}
.sim-rh-emp em{font-style:normal;color:var(--s-ok);font-size:.75em;font-weight:600}
.sim-rh-month{display:flex;align-items:center;justify-content:space-between;gap:.6em;margin-bottom:.6em;font-weight:700;color:var(--s-text)}
.sim-rh-month i{width:1.9em;height:1.9em;display:grid;place-items:center;border:1px solid var(--s-line);border-radius:.5em;font-size:.8em}
.sim-rh-days{border:1px solid var(--s-line);border-radius:.7em;overflow:hidden}
.sim-rh-day{display:grid;grid-template-columns:1em 4.2em minmax(0,5em) minmax(0,4em) minmax(0,1fr);align-items:center;gap:.55em;padding:.32em .7em;border-top:1px solid var(--s-line);font-size:.9em}
.sim-rh-day:first-child{border-top:0}
.sim-rh-day.is-we{background:var(--s-bg)}
.sim-rh-day>u{width:1em;height:1em;border-radius:.3em;background:var(--s-line)}
.sim-rh-day>u.is-pr{background:#22c55e}.sim-rh-day>u.is-cm{background:#ef4444}.sim-rh-day>u.is-v{background:#3b82f6}
.sim-rh-day>span{color:var(--s-muted);font-weight:600}
.sim-rh-day>em{font-style:normal;padding:.25em .5em;border:1px solid var(--s-line);border-radius:.45em;background:var(--s-card);color:var(--s-ink);min-height:1.5em}
.sim-rh-day>small{color:var(--s-muted);font-size:.8em}
.sim-rh-sum{margin:.6em 0 .3em;color:var(--s-text);font-size:.9em}
.sim-rh-hint{margin:0;color:var(--s-muted);font-size:.78em}
/* module route-logbook */
.sim-route-logbook-calc{border-radius:.8em;padding:.6em .8em;background:var(--s-info-bg);color:var(--s-info);font-size:.85em;margin:.2em 0 .7em;display:flex;flex-direction:column;gap:.45em}
.sim-route-logbook-calc div{display:flex;gap:.45em;flex-wrap:wrap}
.sim-route-logbook-calc span{padding:.25em .7em;border-radius:2em;border:1px solid currentColor;white-space:nowrap}
.sim-route-logbook-calc span.is-on{background:var(--s-brand2);border-color:var(--s-brand2);color:#fff}
.sim-route-logbook-hint{font-size:.8em;color:var(--s-muted);margin:-.3em 0 .4em}
/* module signatures */
.sim-signatures-page{background:var(--s-bg);padding:1em;min-height:100%}
.sim-signatures-top{display:flex;align-items:center;justify-content:space-between;gap:1em;margin:-.9em -.9em .9em;padding:.6em .9em;background:#2e0a54;color:#fff;font-size:.85em;font-weight:600}
.sim-signatures-top small{display:inline-flex;align-items:center;gap:.4em;color:#c4b5fd;font-weight:500}
.sim-signatures-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1em;align-items:start}
.sim-signatures-doc{display:flex;flex-direction:column;gap:.6em;min-width:0}
.sim-signatures-doc>small{color:var(--s-muted);font-size:.8em}
.sim-signatures-panel{display:flex;flex-direction:column;gap:.35em;padding:1em;border:1px solid var(--s-line);border-radius:.8em;background:var(--s-card);min-width:0}
.sim-signatures-panel h4{margin:0;font-size:1.05em;color:var(--s-ink)}
.sim-signatures-panel>p{margin:0;font-size:.8em;color:var(--s-muted)}
.sim-signatures-amount{display:flex;justify-content:space-between;align-items:center;margin:.4em 0;padding:.55em .8em;border-radius:.6em;background:var(--s-bg);font-weight:700;color:var(--s-ink)}
.sim-signatures-amount small{font-size:.7em;font-weight:700;text-transform:uppercase;color:var(--s-muted)}
.sim-signatures-lbl{margin-top:.55em;font-size:.68em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted)}
.sim-signatures-chk{display:flex;align-items:center;gap:.5em;font-size:.82em;color:var(--s-text)}
.sim-signatures-chk i{color:var(--s-brand2)}
.sim-signatures-in{display:block;min-height:1.3em;padding:.45em .65em;border:1px solid var(--s-line);border-radius:.5em;font-style:normal;color:var(--s-ink)}
.sim-signatures-pad{display:flex;align-items:center;justify-content:center;height:4.6em;border:2px dashed var(--s-line);border-radius:.6em;color:var(--s-ink)}
.sim-signatures-pad svg{width:11em;height:3.4em}
.sim-signatures-otp{display:flex;gap:.5em}.sim-signatures-otp .sim-btn{flex:1;justify-content:center}
.sim-signatures-code{letter-spacing:.4em;text-align:center;font-weight:700}
.sim-signatures-sign{justify-content:center;margin-top:.6em}
@container (max-width:620px){.sim-signatures-grid{grid-template-columns:1fr}.sim-signatures-top b{display:none}}
/* module site-web */
.sim-site-sw{display:inline-block;width:.9em;height:.9em;border-radius:.25em;margin-right:.4em;vertical-align:-.1em;border:1px solid var(--s-line)}
.sim-site-url{display:flex;align-items:center;gap:.5em;padding:.5em .6em;border:1px solid var(--s-line);border-radius:.6em;background:var(--s-bg);font-family:ui-monospace,monospace;font-size:.82em;color:var(--s-ink);min-width:0}
.sim-site-url span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-site-url i{color:var(--s-brand2)}
.sim-site-h{margin:.9em 0 .4em;font-size:.82em;font-weight:700;color:var(--s-muted);text-transform:uppercase;letter-spacing:.04em}
.sim-site-hero{padding:1em;border-radius:.8em;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.sim-site-hero b{display:block;font-size:1.15em}
.sim-site-hero small{opacity:.85}
.sim-site-btns{display:flex;flex-wrap:wrap;gap:.35em;margin-top:.7em}
.sim-site-btns span{padding:.3em .65em;border-radius:2em;background:rgba(255,255,255,.18);font-size:.78em;font-weight:600}
.sim-site-hours{display:grid;grid-template-columns:1fr auto;gap:.3em .8em;font-size:.84em;margin-top:.7em;color:var(--s-text)}
.sim-site-hours b{color:var(--s-ink);font-weight:600}
/* module sms */
.sim-sms-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em}
.sim-sms-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3em;padding:.9em .6em .7em;border:1px solid var(--s-line);border-radius:.8em;text-align:center}
.sim-sms-pack.is-pop{border-color:var(--s-brand2);box-shadow:0 0 0 1px var(--s-brand2)}
.sim-sms-pack small{position:absolute;top:-.75em;padding:.05em .6em;border-radius:1em;background:var(--s-brand2);color:var(--s-card);font-size:.72em;font-weight:700}
.sim-sms-pack b{font-size:1.4em;color:var(--s-ink)}.sim-sms-pack>span{color:var(--s-muted);font-size:.85em}
.sim-sms-pack .sim-btn{margin-top:.3em}
.sim-sms .sim-x-item small{line-height:1.5}
@container (max-width:620px){.sim-sms-packs{grid-template-columns:1fr 1fr 1fr;gap:.4em}.sim-sms-pack .sim-btn{padding-left:.5em;padding-right:.5em;font-size:.85em}}
/* module stock-management */
.sim-stock-bar{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin-bottom:.7em}
.sim-stock-bar .sim-search{flex:1;min-width:10em}
/* module takeaway */
.sim-take-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;margin-top:.6em}
.sim-take-card{display:flex;flex-direction:column;gap:.5em;padding:.9em;border:1px solid var(--s-line);border-radius:.9em;background:var(--s-card);min-width:0}
.sim-take-top{display:flex;align-items:center;gap:.55em;min-width:0}
.sim-take-top b{color:var(--s-ink);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sim-take-card small{color:var(--s-muted);font-size:.82em}
.sim-take-svc{display:flex;flex-wrap:wrap;gap:.35em;padding-top:.5em;border-top:1px solid var(--s-line)}
.sim-take-cta{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.55em;border-radius:.7em;color:#fff;font-weight:600;font-size:.88em;background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.sim-take-cta.is-alt{color:var(--s-text);background:var(--s-bg);border:1px solid var(--s-line)}
.sim-take-meta{display:flex;justify-content:center;gap:.8em;font-size:.78em;color:var(--s-muted)}
.sim-take-title{font-weight:700;color:var(--s-ink);font-size:1.05em}
@container (max-width:620px){.sim-take-grid{grid-template-columns:1fr}}
/* module todo-list */
.sim-todo-list-panel{display:flex;flex-direction:column;gap:.6em}
.sim-todo-list-top{display:flex;align-items:center;justify-content:space-between;gap:.5em}
.sim-todo-list-top b{font-size:1.15em;color:var(--s-ink)}
.sim-todo-list-top em{font-style:normal;min-width:1.8em;text-align:center;padding:.1em .5em;border-radius:1em;background:var(--s-brand2);color:var(--s-card);font-weight:700}
.sim-todo-list-task{display:flex;align-items:center;gap:.65em;padding:.55em .2em;border-top:1px solid var(--s-line);min-width:0}
.sim-todo-list-check{flex:none;width:1.15em;height:1.15em;border-radius:50%;border:.12em solid var(--s-muted)}
.sim-todo-list-task.is-done .sim-todo-list-check{background:var(--s-brand2);border-color:var(--s-brand2)}
.sim-todo-list-task.is-done b{text-decoration:line-through;color:var(--s-muted)}
.sim-todo-list-task>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sim-todo-list-task b{color:var(--s-ink);font-weight:600;overflow-wrap:anywhere}
.sim-todo-list-task small{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;color:var(--s-muted);font-size:.8em}
.sim-todo-list-task u{text-decoration:none;padding:0 .5em;border-radius:1em;color:var(--s-card);background:var(--cat)}
.sim-todo-list-task>em{font-style:normal;color:var(--s-bad)}
.sim-todo-list-add{display:flex;gap:.5em;align-items:center;border-top:1px solid var(--s-line);padding-top:.7em}
.sim-todo-list-add>div{flex:1;min-width:0;border:1px solid var(--s-line);border-radius:.7em;padding:.45em .7em;color:var(--s-ink);min-height:2.2em}
.sim-todo-list-add>div:empty::before{content:attr(data-ph);color:var(--s-muted)}
.sim-todo-list-add>i{flex:none;display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:var(--s-brand2);color:var(--s-card)}
.sim-todo-list-opts{display:flex;flex-wrap:wrap;gap:.4em}
.sim-todo-list-opts>span{display:inline-flex;align-items:center;gap:.35em;padding:.25em .6em;border:1px solid var(--s-line);border-radius:1em;font-size:.8em;color:var(--s-muted)}
/* module vat-management */
.sim-vat-management-banner{display:flex;gap:.8em;align-items:flex-start;padding:.85em 1em;border-radius:.9em;background:var(--s-warn-bg);color:var(--s-warn);margin-bottom:.9em;font-size:.88em;line-height:1.5}
.sim-vat-management-banner>i{flex:none;margin-top:.15em}
.sim-vat-management-banner b{display:block;color:var(--s-ink)}
.sim-vat-management-banner .sim-btn{flex:none;margin-left:auto}
.sim-vat-management-chips{display:flex;flex-wrap:wrap;gap:.45em;margin-bottom:.9em}
.sim-vat-management-chips span{padding:.35em .8em;border-radius:2em;border:1px solid var(--s-line);background:var(--s-card);color:var(--s-text);font-size:.85em;white-space:nowrap}
.sim-vat-management-chips span.is-active{background:var(--s-brand2);border-color:var(--s-brand2);color:#fff}
.sim-vat-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14em,1fr));gap:.9em}
.sim-vat-management-card{border-radius:1em;padding:1em;color:#fff;display:flex;flex-direction:column;gap:.45em;min-width:0}
.sim-vat-management-pending{background:linear-gradient(135deg,#f59e0b,#ea580c)}
.sim-vat-management-submitted{background:linear-gradient(135deg,#3b82f6,#4f46e5)}
.sim-vat-management-paid{background:linear-gradient(135deg,#10b981,#0f766e)}
.sim-vat-management-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5em}
.sim-vat-management-top span{display:flex;flex-direction:column;min-width:0}
.sim-vat-management-top b{font-size:1.05em;color:#fff}
.sim-vat-management-top small,.sim-vat-management-foot,.sim-vat-management-bal small{color:rgba(255,255,255,.78);font-size:.8em}
.sim-vat-management-top em{font-style:normal;font-size:.75em;padding:.2em .6em;border-radius:2em;background:rgba(255,255,255,.22);white-space:nowrap}
.sim-vat-management-amt{display:flex;justify-content:space-between;gap:.5em;font-size:.88em}
.sim-vat-management-amt b{color:#fff;white-space:nowrap}
.sim-vat-management-bal{border-radius:.7em;background:rgba(255,255,255,.16);padding:.5em .7em;display:flex;flex-direction:column}
.sim-vat-management-bal b{color:#fff;font-size:1.25em}
.sim-vat-management-foot{display:flex;justify-content:space-between;gap:.5em}
.sim-vat-management-acts{display:flex;gap:.4em;flex-wrap:wrap}
.sim-vat-management-acts .sim-btn{flex:1;justify-content:center;background:rgba(255,255,255,.18);border-color:transparent;color:#fff}
/* ---- Page sections (show + index). The site is light; the demo band and the screens follow prefers-color-scheme like the app. ---- */
.nda{--p-ink:#1a1533;--p-text:#3f3a56;--p-muted:#6b6585;--p-line:#ece9f5;--p-soft:#f7f5fc;--p-brand:#5902a9;--p-brand2:#7c3aed;color:var(--p-text)}
.nda-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.nda-head{max-width:760px;margin:0 0 28px}
.nda-head h2{margin:0 0 8px;color:var(--p-ink);font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:700;line-height:1.2}
.nda-head p{margin:0;font-size:1.05rem;color:var(--p-muted)}
.nda-head-center{margin:0 auto 32px;text-align:center}
.nda-eyebrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:8px;margin:0 0 14px;color:rgba(255,255,255,.85);font-size:.9rem;font-weight:600;letter-spacing:.02em}
.nda-eyebrow a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
@media (max-width:767px){.nda-eyebrow{justify-content:center}}
.nda-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.nda-badge-soft{background:#f3e8ff;border-color:#e9d5ff;color:#6b21a8}

/* Demo band */
.nda-demo{padding:64px 0 56px;background:linear-gradient(180deg,#f7f5fc,#fff)}
.nda-sim{position:relative}
.nda-example{position:absolute;z-index:3;top:-11px;right:20px;padding:3px 10px;border-radius:999px;background:rgba(26,21,51,.78);color:#fff;font:700 .72rem/1.4 Poppins,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
.nda .sim-bar{display:flex;align-items:center;gap:8px;margin-top:14px;min-height:40px}
.nda .sim-bar[hidden]{display:none}
.nda .sim-btn-ctl{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--p-line);background:#fff;color:var(--p-ink);cursor:pointer;transition:background .2s,border-color .2s}
.nda .sim-btn-ctl:hover{background:#f3e8ff;border-color:#e9d5ff}
.nda .sim-btn-ctl:focus-visible{outline:3px solid var(--p-brand2);outline-offset:2px}
.nda .nda-play{background:linear-gradient(135deg,#7c3aed,#5902a9);border-color:transparent;color:#fff}
.nda .nda-play:hover{background:linear-gradient(135deg,#6d28d9,#4c0290);border-color:transparent}
.nda .nda-play .fa-pause,.nda .is-playing .nda-play .fa-play{display:none}.nda .is-playing .nda-play .fa-pause{display:inline}
.nda .sim-now{flex:1;min-width:0;margin-left:6px;font-size:.95rem;color:var(--p-text);line-height:1.4}
.nda .sim-steps{list-style:decimal;margin:18px 0 0;padding:0 0 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;font-size:.9rem;color:var(--p-muted)}
.nda .sim-steps li{padding:2px 0}
.nda .sim-steps li.is-now{color:var(--p-brand);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.nda .sim figcaption{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding-top:14px;border-top:1px solid var(--p-line);font-size:.9rem;color:var(--p-muted)}
.nda .sim figcaption span{color:var(--p-text);font-weight:600}
.nda .sim figcaption small{font-size:.82rem}
.nda-motion-note{display:none}
@media (prefers-reduced-motion:reduce){.nda-motion-note{display:block}}
.nda-noscript{margin-top:10px;font-size:.9rem;color:var(--p-muted)}
@media (max-width:700px){.nda .sim-steps{grid-template-columns:1fr}.nda-demo{padding:44px 0 40px}.nda .sim-now{font-size:.88rem}}
@media (prefers-color-scheme:dark){
  .nda-demo{background:linear-gradient(180deg,#120a24,#1a1033);color:#e4e0f5}
  .nda-demo .nda-head h2{color:#fff}.nda-demo .nda-head p,.nda-demo .sim figcaption,.nda-demo .sim-steps{color:#b8b1d6}
  .nda-demo .sim figcaption span,.nda-demo .sim-now{color:#e4e0f5}
  .nda-demo .sim figcaption{border-top-color:#2e2750}
  .nda-demo .sim-steps li.is-now{color:#c4b5fd}
  .nda-demo .sim-btn-ctl{background:#1f1838;border-color:#3a3160;color:#f1eefc}
  .nda-demo .sim-btn-ctl:hover{background:#2b2150}
  .nda-demo .nda-play,.nda-demo .nda-play:hover{background:linear-gradient(135deg,#7c3aed,#5902a9);border-color:transparent;color:#fff}
  .nda-example{background:#b79cfb;color:#1a1033}
}

/* Description */
.nda-about{padding:64px 0 24px;background:#fff}
.nda-about-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}
.nda-about-text h2{margin:0 0 16px;color:var(--p-ink);font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:700;line-height:1.25}
.nda-about-text h3{margin:28px 0 8px;color:var(--p-ink);font-size:1.15rem;font-weight:700}
.nda-about-text p{margin:0 0 14px;font-size:1.04rem;line-height:1.7}
.nda-avail{position:sticky;top:110px;padding:24px;border-radius:20px;background:var(--p-soft);border:1px solid var(--p-line)}
.nda-avail h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--p-ink);font-size:1.05rem;font-weight:700}
.nda-avail h3 i{color:var(--p-brand2)}
.nda-avail p{margin:0 0 10px;font-size:.96rem;line-height:1.6}
.nda-avail-beta{color:#6b21a8;font-weight:600}
.nda-link{display:inline-flex;align-items:center;gap:6px;color:var(--p-brand);font-weight:600;text-decoration:none}
.nda-link:hover{text-decoration:underline}
.nda-features{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nda-features li{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--p-line);box-shadow:0 12px 30px -24px rgba(40,10,80,.35)}
.nda-features i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#5902a9);color:#fff;font-size:1.3rem}
.nda-features h3{margin:14px 0 6px;color:var(--p-ink);font-size:1.02rem;font-weight:700}
.nda-features p{margin:0;font-size:.94rem;line-height:1.6;color:var(--p-muted)}
.nda-legacy{max-width:820px;margin:0 auto;font-size:1.05rem;line-height:1.7}
@media (max-width:960px){.nda-about-grid{grid-template-columns:1fr}.nda-avail{position:static}.nda-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.nda-features{grid-template-columns:1fr}.nda-about{padding-top:44px}.nda-wrap{padding:0 16px}}

/* Try + related */
.nda-try{padding:32px 0 72px;background:#fff}
.nda-try-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#3b0764,#5902a9 55%,#7c3aed)}
.nda-try-box h2{margin:0 0 6px;font-size:1.45rem;font-weight:700;color:#fff}
.nda-try-box p{margin:0;max-width:560px;color:rgba(255,255,255,.88)}
.nda-try-ctas{display:flex;flex-wrap:wrap;gap:12px}
.nda-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;white-space:normal;text-align:center}
.nda-btn:hover{transform:translateY(-1px)}
.nda-btn:focus-visible,.nda-card:focus-visible,.nda-related a:focus-visible,.nda-cats a:focus-visible{outline:3px solid var(--p-brand2);outline-offset:3px}
.nda-btn-primary{background:#fff;color:var(--p-brand);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.nda-try .nda-btn-ghost{border:2px solid rgba(255,255,255,.7);color:#fff}
.nda-back .nda-btn-ghost,.nda-list .nda-btn-ghost{border:2px solid var(--p-line);color:var(--p-ink);background:#fff}
.nda-related-title{margin:48px 0 16px;color:var(--p-ink);font-size:1.3rem;font-weight:700}
.nda-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nda-related a{display:flex;gap:14px;align-items:flex-start;height:100%;padding:16px;border-radius:16px;border:1px solid var(--p-line);text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.nda-related a:hover{box-shadow:0 16px 32px -24px rgba(40,10,80,.45);transform:translateY(-2px)}
.nda-related b{display:block;color:var(--p-ink)}.nda-related small{display:block;margin-top:2px;color:var(--p-muted);font-size:.86rem;line-height:1.45}
.nda-icon{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;font-size:1.2rem}
.nda-back{margin:40px 0 0;text-align:center}
@media (max-width:860px){.nda-related{grid-template-columns:1fr}.nda-try-box{padding:24px 20px}}

/* Index */
.nda-list{padding:72px 0 80px;background:#fff}
.nda-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 40px}
.nda-cats a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--p-line);background:var(--p-soft);color:var(--p-ink);font-weight:600;font-size:.92rem;text-decoration:none}
.nda-cats a:hover{border-color:#d8b4fe;background:#f3e8ff}
.nda-cats span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:var(--p-brand);font-size:.78rem}
.nda-cat{margin:0 0 48px;scroll-margin-top:110px}
.nda-cat-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--p-line)}
.nda-cat-head h3{margin:0;color:var(--p-ink);font-size:1.35rem;font-weight:700}
.nda-cat-head p{margin:0;color:var(--p-muted)}
.nda-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.nda-card{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--p-line);text-decoration:none;color:inherit;box-shadow:0 14px 34px -28px rgba(40,10,80,.45);transition:transform .25s,box-shadow .25s}
.nda-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px rgba(40,10,80,.55)}
.nda-thumb{display:block;aspect-ratio:16/10;background:#f4f2fb;border-bottom:1px solid var(--p-line);overflow:hidden}
.nda-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.nda-thumb-icon{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:2.6rem}
.nda-card-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 18px 18px}
.nda-card-title{display:flex;align-items:center;gap:10px;min-width:0}
.nda-card-title b{color:var(--p-ink);font-size:1.05rem;line-height:1.3}
.nda-card-title .nda-icon{width:34px;height:34px;border-radius:10px;font-size:1.05rem}
.nda-card-text{color:var(--p-muted);font-size:.92rem;line-height:1.55}
.nda-card-more{margin-top:auto;padding-top:4px;color:var(--p-brand);font-weight:600;font-size:.92rem}
.nda-card:hover .nda-card-more i{transform:translateX(3px)}.nda-card-more i{display:inline-block;transition:transform .2s}
.nda-empty{padding:48px 0;text-align:center;color:var(--p-muted)}
@media (prefers-color-scheme:dark){.nda-thumb{background:#0e0b1c}}
@media (max-width:600px){.nda-list{padding:48px 0 56px}.nda-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.nda-card,.nda-btn,.nda-related a,.nda-card-more i{transition:none}.nda-card:hover,.nda-btn:hover,.nda-related a:hover{transform:none}}
