[data-order-drawing-modal]{padding:16px;box-sizing:border-box;background:rgba(15,23,42,.48)}
[data-order-drawing-modal] .order-drawing-box{width:760px;max-width:100%;max-height:calc(100dvh - 32px);padding:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;box-shadow:0 24px 80px rgba(15,23,42,.24);text-align:left}
.order-drawing-header{padding:22px 24px 18px;border-bottom:1px solid #e2e8f0;background:#f8fcfb;flex-shrink:0}
.order-drawing-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:20px;font-weight:700;color:#0f172a}
.order-drawing-product{font-size:14px;padding:4px 10px;border-radius:6px;background:#e0f2ed;color:#0f766e;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
.order-drawing-header p{font-size:13px;color:#64748b;margin:10px 0}
.order-drawing-hints{display:flex;gap:8px;flex-wrap:wrap;color:#64748b;font-size:11px}.order-drawing-hints span{border:1px solid #e2e8f0;border-radius:5px;padding:3px 7px;background:white}
.order-drawing-content{padding:6px 24px 18px;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1}
.order-drawing-route{margin-top:18px}.order-drawing-route-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.order-drawing-route-head h4{margin:0;color:#0f766e;font-size:14px;overflow-wrap:anywhere;min-width:0}.order-drawing-route-head>span{font-size:12px;color:#94a3b8;white-space:nowrap}
.order-drawing-list{border:1px solid #e2e8f0;border-radius:9px;overflow:hidden}.order-drawing-row{display:grid;grid-template-columns:32px minmax(0,1fr) 72px 96px;gap:12px;align-items:center;padding:14px;background:#fff;border-bottom:1px solid #edf1f5}.order-drawing-row:last-child{border-bottom:0}.order-drawing-row:hover{background:#f8fafc}.order-drawing-number{width:28px;height:28px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;border-radius:7px;font-size:12px;font-weight:700}.order-drawing-name{color:#334155;font-size:14px;overflow-wrap:anywhere;min-width:0}.order-drawing-status{font-size:12px;color:#94a3b8;white-space:nowrap}.order-drawing-status[data-uploaded="1"]{color:#059669}
.order-drawing-action{border:1px solid #0f766e;background:#0f766e;color:#fff;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12px;white-space:nowrap}.order-drawing-action:hover{background:#115e59}.order-drawing-action:disabled{opacity:.55;cursor:wait}.order-drawing-action:focus-visible{outline:3px solid #99f6e4;outline-offset:2px}
.order-drawing-footer{padding:14px 24px;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:14px;background:#fafcfd;flex-shrink:0}.order-drawing-footer [role="status"]{flex:1;min-width:0;color:#0f766e;font-size:12px;overflow-wrap:anywhere}.order-drawing-footer button{flex-shrink:0;margin:0}
@media(max-width:520px){.order-drawing-header{padding:18px 16px 14px}.order-drawing-content{padding:0 12px 14px}.order-drawing-title{font-size:18px}.order-drawing-row{grid-template-columns:28px minmax(0,1fr) 96px;gap:8px;padding:12px}.order-drawing-number{grid-row:1/3}.order-drawing-name{grid-column:2/4}.order-drawing-status{grid-column:2}.order-drawing-action{grid-column:3}.order-drawing-footer{padding:12px 16px}}