@charset "UTF-8";

.topbar-end{min-width:0;gap:10px}
#orderSelect,.topbar-button{height:34px;border:1px solid #31535b;border-radius:7px;background:#102b32;color:#d9f8ee;padding:4px 10px;font-size:12px}
#orderSelect{max-width:210px;min-width:115px;text-overflow:ellipsis}
.topbar-button{white-space:nowrap;background:#17463f;border-color:#357966;cursor:pointer}
.topbar-button:hover{background:#215d50}
.order-details{background:linear-gradient(140deg,#102a30,#10212d);border-color:#2e5b5a}
.order-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.order-fields .field{min-width:0}
.order-details .actions{margin-top:2px}
.sheet .print-stamp{margin-top:18px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
@media(max-width:760px){.topbar{height:auto;min-height:65px;padding:9px 0}.topbar-end{gap:5px}#breadcrumb{display:none}#orderSelect{max-width:125px;min-width:90px}.mode-badge{display:none}.topbar-button{padding-inline:7px}.order-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:360px){#orderSelect{max-width:108px}.topbar-button{font-size:11px}}
@media print{.topbar-button,#orderSelect{display:none}.sheet .print-stamp{color:#555}}