.orientation-picker{border:0;padding:0;margin:12px 0 16px;display:flex;gap:10px;flex-wrap:wrap}.orientation-picker legend{font-size:13px;color:var(--muted);margin-bottom:8px}.orientation-picker label{display:flex;gap:8px;align-items:center;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer}.orientation-picker label:has(input:checked){border-color:var(--accent);background:#f0917415}.orientation-picker input{accent-color:var(--accent)}.photo-file-errors{color:#ffc7b5;font-size:13px;white-space:pre-line}.photo-preparation-note{font-size:12px;color:var(--muted)}.print-canvas.is-landscape{width:min(100%,480px)}.orders td{overflow-wrap:anywhere}.orders button,.orders select{max-width:100%}
#submitBtn[aria-busy="true"]::after{content:"";display:inline-block;width:14px;height:14px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:tpc-spin .8s linear infinite}@keyframes tpc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#submitBtn[aria-busy="true"]::after{animation:none}}
.customer-details{margin:0;display:grid;gap:3px}.customer-details dt{font-size:11px;font-weight:800;color:#82745c;margin-top:8px}.customer-details dt:first-child{margin-top:0}.customer-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.customer-details .additional-note{background:#fff6df;border:1px solid #eedcb1;border-radius:8px;padding:9px 11px;color:#504125}.order-heading{display:grid;gap:6px;margin-bottom:12px}.order-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8d7956}.order-code{font-size:17px;letter-spacing:.03em;color:#302819}.order-heading time{font-size:11px;color:#847e73}.order-status-badge{display:inline-block;justify-self:start;border-radius:999px;padding:4px 10px;background:#fff0c8;color:#775819;font-size:11px;font-weight:800}.status-printing .order-status-badge{background:#e4efff;color:#2e5f99}.status-done .order-status-badge{background:#e2f2e4;color:#386c40}.status-cancelled .order-status-badge{background:#ededed;color:#676767}.orders-status-field{max-width:300px;margin:0 0 14px}.orders-status-field select{width:100%;padding:11px 12px;border:1px solid #ded8ce;border-radius:9px;background:#fff;color:#302e28;font:inherit}
@media(max-width:700px){body.admin-mode #ordersArea .orders tbody{gap:28px}body.admin-mode .orders .order-row{border:2px solid #c9b48c;border-top:7px solid #b18b4b;box-shadow:0 8px 24px #4b391216;padding:0 14px 8px}body.admin-mode .orders .status-printing{border-top-color:#5b83b8}body.admin-mode .orders .status-done{border-top-color:#629069}body.admin-mode .orders .status-cancelled{border-top-color:#96928b}body.admin-mode .orders .order-overview{background:#faf6ed;margin:0 -14px;padding:15px 14px;width:calc(100% + 28px);border-radius:10px 10px 0 0}body.admin-mode .orders .order-overview::before{display:none}.order-code{font-size:19px}.orders-status-field{max-width:none}.orders-status-field select{min-height:44px;font-size:16px}.customer-details dt{font-size:12px}.customer-details .additional-note{padding:11px}}
@media(max-width:700px){body.admin-mode main{padding:12px 8px;width:100%;min-width:0}body.admin-mode #adminPanel{padding:18px 12px;min-width:0}body.admin-mode #adminPanel>summary{font-size:23px}body.admin-mode .tablewrap{overflow:visible;min-width:0}body.admin-mode .orders{min-width:0!important;width:100%;display:block;background:transparent}body.admin-mode .orders thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.admin-mode .orders tbody{display:grid;gap:16px}body.admin-mode .orders tr{display:block;min-width:0;border:1px solid #e5ded2;border-radius:14px;padding:6px 12px;background:#fff;box-shadow:0 5px 18px #30251008}body.admin-mode .orders td{display:block;width:100%;padding:11px 0;min-width:0;border-bottom:1px solid #eee9e0;font-size:14px;line-height:1.65}body.admin-mode .orders td:last-child{border-bottom:0}body.admin-mode .orders td::before{content:attr(data-label);display:block;color:#8a7043;font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:5px}body.admin-mode .orders select{width:100%;font-size:16px;min-height:44px}body.admin-mode .smallbtn{min-height:42px;font-size:13px}body.admin-mode input{font-size:16px!important}.orientation-picker{gap:8px}.orientation-picker label{flex:1;justify-content:center;padding:12px 8px}.print-canvas.is-landscape{width:100%;max-width:480px}}