.topbar{position:sticky;top:0;z-index:100;background:#111314}
.nav{overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap}.nav button{flex:0 0 auto}.nav button[draggable=true]{cursor:grab}.nav button.nav-dragging{opacity:.45;cursor:grabbing}.settings-gear{flex:none;border:1px solid #3b4143;border-radius:5px;background:#181b1c;color:#b8bfc1;height:32px;padding:0 9px;font-size:12px}.settings-gear:hover{border-color:#70551f;color:var(--accent)}
.magic-lamp{width:22px;height:15px;fill:#e3b448;vertical-align:-2px;margin-right:5px}
input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cash-head>div small{color:#78879b}.cash-row{grid-template-columns:130px minmax(220px,2fr) minmax(105px,.7fr) minmax(105px,.7fr) minmax(150px,1fr) 65px}.cash-source{display:block;color:#8190a3;font-size:11px;margin-top:3px}.cash-received{color:#178552}.cash-paid{color:#c44c4c}.cash-note{color:#657386}
.settings-shade{position:fixed;inset:0;background:#000a;z-index:199;opacity:0;pointer-events:none;transition:.2s}.settings-shade.open{opacity:1;pointer-events:auto}.settings-drawer{position:fixed;z-index:200;left:0;top:0;height:100dvh;width:min(520px,100%);overflow:auto;background:#151819;color:var(--text);padding:24px;border-right:1px solid #343a3c;box-shadow:12px 0 35px #000b;transform:translateX(-105%);transition:transform .22s ease}.settings-drawer.open{transform:none}.settings-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.settings-drawer-head h1{margin:0}.settings-drawer .reset-panel{margin:0}
.purchase-source-list{display:grid;gap:7px;max-height:45vh;overflow:auto;padding:12px}.purchase-source-list button{display:grid;grid-template-columns:1fr auto auto;gap:16px;text-align:left;align-items:center;border:1px solid #353b3d;background:#191d1e;color:var(--text);border-radius:8px;padding:10px}.purchase-source-choice{border-top:1px solid #353b3d;padding:14px;display:grid;grid-template-columns:1fr 110px 110px;gap:10px;align-items:end}.purchase-source-choice[hidden]{display:none}.purchase-source-choice>strong,.purchase-source-choice .pos-inline-error,.purchase-source-choice button{grid-column:1/-1}.purchase-source-choice label{display:grid;gap:4px}.paper-add .paper-secondary{white-space:nowrap}
@media(max-width:760px){.settings-gear{width:34px;padding:0;font-size:0}.settings-gear span{font-size:16px}.cash-table-head{display:none}.cash-row{display:grid;grid-template-columns:1fr 1fr;padding:13px;gap:7px}.cash-row>span:nth-child(2){grid-column:1/-1}.cash-row>span:first-child,.cash-note{font-size:12px}.cash-row>div{grid-column:2;text-align:right}.cash-received:before{content:'Received ';font-size:10px;color:#78879b}.cash-paid:before{content:'Paid ';font-size:10px;color:#78879b}.purchase-source-choice{grid-template-columns:1fr}.purchase-source-list button{grid-template-columns:1fr}.settings-drawer{padding:16px}}