.saipos-orders{--so-ink:#292621;--so-muted:#66615a;--so-glass:rgba(255,253,248,.96);--so-soft:rgba(80,64,44,.065);--so-accent:#27633a;--so-focus:#0566c8;box-sizing:border-box;width:min(1060px,calc(100vw - 24px));height:min(840px,var(--so-height,calc(100dvh - 24px)));max-height:var(--so-height,calc(100dvh - 24px));position:fixed;inset:auto;left:50%;top:var(--so-center,50%);transform:translate(-50%,-50%);margin:0;padding:20px;border:0;border-radius:26px;background:var(--so-glass);color:var(--so-ink);box-shadow:0 18px 70px #21190f30;backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
.saipos-orders[open]{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px}.saipos-orders::backdrop{background:rgba(27,24,19,.3);backdrop-filter:blur(5px)}.saipos-orders *{box-sizing:border-box}.saipos-orders h2,.saipos-orders h3{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.5px}.saipos-orders h4{font-size:17px;margin:24px 0 12px}.saipos-orders p{margin:6px 0;overflow-wrap:anywhere}.saipos-orders .so-eyebrow{font-size:13px;color:var(--so-muted);margin:0 0 5px}.so-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.so-head>[data-so-close]{font-size:25px;font-weight:400;padding:6px}
.saipos-orders button,.saipos-orders input,.saipos-orders select,.so-filters>summary{font:inherit;min-height:44px;border:0;border-radius:12px;color:var(--so-ink);background:var(--so-soft);padding:10px 12px;min-width:0}.saipos-orders button{font-weight:600;cursor:pointer;touch-action:manipulation;min-width:44px}.saipos-orders button:disabled{opacity:.45;cursor:default}.saipos-orders button:focus-visible,.saipos-orders input:focus-visible,.saipos-orders select:focus-visible,.saipos-orders summary:focus-visible,.so-body:focus-visible{outline:3px solid var(--so-focus);outline-offset:2px}.saipos-orders:focus{outline:none}.so-filters>summary{cursor:pointer;font-weight:600;background:transparent;padding:8px 0}.so-filters form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.so-filters label{display:grid;gap:5px;color:var(--so-muted);font-size:13px;min-width:0}.so-filters input,.so-filters select{width:100%;color:var(--so-ink);font-size:15px}.so-filters .so-search{grid-column:span 2}.so-filters [type=submit]{align-self:end;background:var(--so-accent);color:#fff}.so-status{font-size:13px;color:var(--so-muted);min-height:20px;margin:0!important}.so-error{color:#aa3025}.so-body{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding:3px;border-radius:18px}.so-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.so-row{width:100%;display:flex;justify-content:space-between;gap:14px;text-align:left;border-radius:17px!important;background:var(--so-soft);padding:15px!important}.so-row:hover{filter:brightness(.96)}.so-row-main,.so-row-end{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.so-row-main strong{font-size:17px}.so-row-main small{font-size:13px;color:var(--so-muted);font-weight:400}.so-row-end{align-items:flex-end;text-align:right;font-size:13px;color:var(--so-muted)}.so-row-end strong{font-size:16px;color:var(--so-ink);font-variant-numeric:tabular-nums}.so-badge{display:inline-block;align-self:flex-start;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;background:var(--so-soft);color:var(--so-ink);white-space:nowrap}.so-row-end .so-badge{align-self:flex-end}.so-badge.cancelled{background:#b73b2b13;color:#9d3025}.so-open{color:var(--so-accent);font-weight:600}.so-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.so-footer[hidden]{display:none}.so-footer span{font-size:13px;text-align:center;color:var(--so-muted);font-variant-numeric:tabular-nums}.so-empty{padding:35px 16px;text-align:center;color:var(--so-muted)}.so-detail{padding:4px 5px 16px}.so-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:20px}.so-detail-head p{font-size:14px;color:var(--so-muted)}.so-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.so-facts>div{min-width:0;background:var(--so-soft);padding:13px;border-radius:14px}.so-facts dt{font-size:13px;color:var(--so-muted);margin-bottom:5px}.so-facts dd{margin:0;font-size:16px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.so-note{font-size:13px;color:var(--so-muted);padding-top:10px}.so-limit{margin-top:18px!important;padding:14px!important;border-radius:14px;background:var(--so-soft)}
body.dark .saipos-orders,[data-theme=dark] .saipos-orders{--so-ink:#f5f1e9;--so-muted:#ccc6bc;--so-glass:rgba(38,37,34,.97);--so-soft:rgba(245,237,222,.085);--so-accent:#477d53;--so-focus:#80baff}body.dark .saipos-orders .so-open{color:#a6d5ae}body.dark .saipos-orders .so-badge.cancelled{color:#ffb6a9;background:#f1715b1f}body.dark .saipos-orders .so-error{color:#ffb6a9}
@media(max-width:680px){.saipos-orders{width:calc(100vw - 16px);height:var(--so-height,calc(100dvh - 16px));max-height:var(--so-height,calc(100dvh - 16px));padding:14px;border-radius:22px}.saipos-orders[open]{gap:10px}.saipos-orders h2{font-size:22px}.so-filters form{grid-template-columns:repeat(2,minmax(0,1fr));max-height:35dvh;overflow:auto;padding:3px}.so-filters [type=submit]{grid-column:1/-1}.so-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.so-detail-head{flex-direction:column}.so-row{padding:12px!important;gap:8px}.so-row-main small{font-size:12px}.so-footer{gap:6px}.so-footer button{padding-inline:10px}.so-row-end{max-width:44%}}
@media(prefers-reduced-motion:reduce){.saipos-orders *{transition:none!important;animation:none!important}}