.payment-terminal,.payment-terminal__form{display:grid;gap:1em}.payment-terminal__section,.payment-terminal__card{border:1px solid #d1d5db;border-radius:.5em;padding:1em}.payment-terminal__card+.payment-terminal__card{margin-top:1em}.payment-terminal__section>h2,.payment-terminal__section-header>h2,.payment-terminal__status-grid h3,.payment-terminal__card>h2{margin:0}.payment-terminal__section-header,.payment-terminal__actions{display:flex;align-items:center;justify-content:space-between;gap:.75em}.payment-terminal__status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75em}.payment-terminal__hint{margin:.75em 0 1em}.payment-terminal label{display:grid;gap:.35em;font-weight:600;margin-top:.5em}.payment-terminal input,.payment-terminal button{font:inherit}.payment-terminal input:not([type=radio]){width:100%;box-sizing:border-box;padding:.5em .6em}.payment-terminal .radio-group label{grid-template-columns:0fr 1fr}.payment-terminal__preview pre{font-size:87.5%;margin:1em 0 0;max-height:40em;overflow:auto;padding:1em;background:#111827;color:#f9fafb}.payment-terminal__status{margin:1rem 0 0;font-weight:600}.payment-terminal__status--error{color:#b91c1c}@media(min-width:960px){.payment-terminal{grid-template-columns:1fr minmax(280px,1fr);align-items:start}.payment-terminal__preview{position:sticky;top:1em}}.receipt-printer,.receipt-printer__form{display:grid;gap:1em}.receipt-printer__section,.receipt-printer__card{border:1px solid #d1d5db;border-radius:.5em;padding:1em}.receipt-printer__section>h2,.receipt-printer__section-header>h2,.receipt-printer__section-header>h3,.receipt-printer__card>legend{margin:0}.receipt-printer__section-header,.receipt-printer__actions,.receipt-printer__footer{display:flex;align-items:center;justify-content:space-between;gap:.75em}.receipt-printer__section-header:not(:first-child){margin-top:3em}.receipt-printer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75em}.receipt-printer__subsection{margin-top:2em}.receipt-printer__section-header+.receipt-printer__subsection{margin-top:.5em}.receipt-printer__full-width{grid-column:1 / -1}.receipt-printer label{display:grid;gap:.35em;font-weight:600;margin-top:.5em}.receipt-printer input,.receipt-printer textarea,.receipt-printer button{font:inherit}.receipt-printer input,.receipt-printer textarea{width:100%;box-sizing:border-box;padding:.5em .6em}.receipt-printer__checkbox{display:flex!important;align-items:center;gap:.5em;font-weight:400}.receipt-printer__checkbox input{width:auto}.receipt-printer__preview pre{font-size:87.5%;margin:1em 0 0;max-height:40em;overflow:auto;padding:1em;background:#111827;color:#f9fafb}.receipt-printer__status{margin:1rem 0 0;font-weight:600}.receipt-printer__status--success{color:#166534}.receipt-printer__status--error{color:#b91c1c}@media(min-width:960px){.receipt-printer{grid-template-columns:1fr minmax(280px,1fr);align-items:start}.receipt-printer__preview{position:sticky;top:1em}}button.open-cash-drawer{display:block;width:100%;font-size:300%}.window-controls{list-style:none;margin:-.5em;padding:0;display:flex;flex-direction:row;flex-wrap:wrap}.window-controls li{padding:.5em;width:50%}.window-controls button{display:block;width:100%;font-size:200%}nav{flex:0 0 240px;border-right:1px solid var(--jb-yellow);min-height:100%}nav h2{margin:0;padding:1em 1em .5em}nav ul{margin:0;padding:0;list-style:none}nav li.active{background:var(--jb-yellow)}nav button{border-color:transparent;background:transparent;display:block;width:100%;text-align:left}main{flex:1 1 auto;padding:1em}input,button{font:inherit;font-size:inherit;border:1px solid currentColor;padding:.5em 1em;line-height:1.2}input{cursor:text}button{cursor:pointer}.login-form{display:grid;grid-template:"a b" auto "c ." auto;grid-gap:.5em}.login-form p{font-size:75%;margin:0}.content-header{display:flex;flex:0 0 64px;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:64px;padding:0 1em;transition:flex .3s,flex-direction .3s,align-items .3s,justify-content .3s}.content-header svg{height:100%;width:auto}@starting-style{.content-header{flex:0 0 50vh;flex-direction:column;justify-content:flex-end}}.content-body{display:flex;flex-direction:row;align-items:flex-start;justify-content:stretch;background:#fff;flex:1 0 50vh;width:100%;transition:background .3s,flex .3s}@starting-style{.content-body{background:#ffec0f;flex:0 0 50vh}}
