.demo-intro{padding:20px 30px}.demo-intro p,.demo-intro h2{max-width:760px}.demo-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.demo-person{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 10px;border:1px solid #e5ebeb;border-radius:12px;background:#fff}.demo-person img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:1px solid #edf1f1}.demo-person span{color:#62737a;font-size:12px}.demo-person code{background:#eef6f3;padding:4px 12px;border-radius:6px}.demo-credentials{background:#eef7f3;padding:14px;border-radius:8px}.demo-login{margin:16px 0}.demo-login .demo-person img{width:66px;height:66px}.demo-login .demo-person{font-size:12px;padding:10px 4px}.demo-login p{font-size:12px}#ribbon.demo-ribbon{background:#173d45;color:#fff}#ribbon .demo-exit{background:transparent;color:#fff;border:1px solid #ffffff65;border-radius:5px;padding:3px 10px;margin-left:12px;font-size:12px}@media(max-width:650px){.demo-people{grid-template-columns:1fr}.demo-person img{width:76px;height:76px}}@media print{.demo-login{display:none}}

.login-heading img.demo-login-workshop{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-top:12px}.demo-workshop-photo{margin:0}.demo-workshop-photo img{width:100%;height:220px;object-fit:cover}.demo-workshop-photo figcaption{font-size:12px;color:#60777a;padding:8px 24px}#doc-rate-field{display:flex;flex-direction:column;gap:8px}#doc-rate-field[hidden]{display:none}.fx-actions{display:flex;gap:8px;flex-wrap:wrap}#fx-result{font-size:13px;line-height:1.5;margin:0}.fx-provenance{font-size:11px;color:#526c70}
@media(min-width:1000px){.login-picker:has(.login-demo-hint) .login-people{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Compact currency control, shared by Electron and the web demo. */
#dlg.sales-editor fieldset>.box.fx-strip{padding:8px 14px}#dlg .fx-controls>label,#dlg #doc-rate-field>label{display:flex;flex-direction:column;gap:3px}#dlg .fx-controls select,#dlg #doc-rate-field input{width:100%}#dlg.sales-editor fieldset{min-inline-size:0}#dlg.sales-editor .box:has(.lines){overflow-x:auto}
@media(max-width:650px){#dlg.sales-editor{padding:14px}#dlg.sales-editor fieldset>.box{padding:14px}#dlg.sales-editor fieldset>.box.fx-strip{padding:10px 12px}#dlg.sales-editor fieldset>.box.grid:has(#party){grid-template-columns:minmax(0,1fr)}#dlg .fx-controls #doc-rate-field{flex-wrap:wrap}#dlg .fx-status{overflow-wrap:anywhere}}
#dlg .box.fx-strip{padding:12px 18px;margin-top:12px;margin-bottom:12px}#dlg .fx-controls{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}#dlg .fx-controls>label{flex:0 1 230px;margin:0}#dlg .fx-controls #doc-rate-field{flex:1;min-width:250px}#dlg #doc-rate-field{display:flex;flex-direction:row;align-items:center;gap:12px}#dlg #doc-rate-field[hidden]{display:none}#dlg #doc-rate-field>label{flex:0 1 155px;min-width:125px;margin:0}#dlg .fx-controls label,#dlg #doc-rate-field label{font-size:11px}#dlg .fx-controls input,#dlg .fx-controls select,#dlg #doc-rate-field input{padding:7px 10px;min-height:34px;height:36px;font-size:13px}#dlg .fx-status{display:flex;flex-direction:column;gap:3px;flex:1;min-width:120px}#dlg .fx-origin,#dlg #fx-result{font-size:10px;line-height:1.4;margin:0}#dlg #fx-result:empty{display:none}#dlg #fx-retry{padding:3px 8px;font-size:11px;min-height:28px;align-self:flex-start}#dlg #fx-retry[hidden]{display:none}
@media(max-width:650px){#dlg .fx-controls{gap:10px}#dlg .fx-controls>label{flex:0 1 100%;width:100%}#dlg .fx-controls #doc-rate-field{width:100%;min-width:0;flex-basis:100%}#dlg .box.fx-strip{padding:10px 12px}#dlg .fx-controls input,#dlg .fx-controls select,#dlg #doc-rate-field input{font-size:16px}#dlg .fx-origin,#dlg #fx-result{font-size:10px}}