.sw-order-drawing-viewer{position:fixed;inset:0;z-index:2147480000;box-sizing:border-box;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#1c222b;color:#f2f2ef;font:16px/1.4 system-ui,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);}
.sw-order-drawing-viewer *{box-sizing:border-box;}
.sw-order-drawing-viewer header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #4c5560;flex-shrink:0;}
.sw-order-drawing-viewer button,.sw-order-drawing-viewer select{font:inherit;color:inherit;background:#282f39;border:1px solid #7a8490;border-radius:6px;min-height:48px;padding:8px 14px;cursor:pointer;}
.sw-order-drawing-viewer button:disabled{opacity:.45;cursor:default;}
.sw-order-drawing-viewer button:focus-visible,.sw-order-drawing-viewer select:focus-visible{outline:3px solid #f0bc5d;outline-offset:2px;}
.sw-order-drawing-viewer .sw-order-drawing-back{background:#bd8d3d;color:#15191e;border-color:#bd8d3d;font-weight:700;flex-shrink:0;}
.sw-order-drawing-viewer select{flex:1;min-width:0;max-width:100%;}
.sw-order-drawing-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;flex-shrink:0;}
.sw-order-drawing-toolbar span{min-width:48px;text-align:center;}
.sw-order-drawing-message{padding:0 16px;flex-shrink:0;}
.sw-order-drawing-status:not(:empty){padding:8px 0;}
.sw-order-drawing-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px;background:#10151b;touch-action:pan-x pan-y pinch-zoom;}
.sw-order-drawing-viewport canvas,.sw-order-drawing-viewport img{display:block;margin:0 auto;background:white;max-width:none;}
.sw-order-drawing-viewport img{width:100%;height:auto;}
.sw-order-drawing-viewer footer{padding:8px 16px;font-size:14px;color:#c1c8d0;border-top:1px solid #4c5560;flex-shrink:0;}
@media(max-width:850px){.sw-order-drawing-viewer header{flex-wrap:wrap;gap:8px;}.sw-order-drawing-viewer select{order:3;flex-basis:100%;}.sw-order-drawing-viewer header>button:last-child{margin-left:auto;}.sw-order-drawing-toolbar{gap:6px;}.sw-order-drawing-viewer button{padding:8px 10px;}}

.order-drawing-preview-button{min-height:40px;white-space:normal!important;}
.order-production-position-title{flex-wrap:wrap;}
@media(max-width:850px){.order-drawing-preview-button{min-height:48px;}}