.sp-table{width:100%;border-collapse:collapse}
.sp-table th,.sp-table td{border:1px solid #e5e5e5;padding:8px;vertical-align:top;text-align:left}
.sp-table thead th{background:#fafafa}
.sp-parts-list{margin:0;padding-left:18px}
.sp-orderbar{display:flex;gap:8px;align-items:center;margin:8px 0}
.sp-orderbar .sp-search{flex:1;max-width:420px}
.sp-stock-yes{color:green;font-weight:600}
.sp-stock-no{color:#999}
.sp-msg{margin-top:10px;color:#333}
.sp-modal{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999}
.sp-modal-backdrop{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5)}
.sp-modal-dialog{position:relative;max-width:600px;margin:6% auto;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.sp-modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}
.sp-modal-body{padding:12px 16px}
.sp-row{margin-bottom:10px}
.sp-row label{display:block;font-weight:600;margin-bottom:4px}
.sp-modal-foot{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid #eee} .sp-modal-dialog{max-height:80vh;display:flex;flex-direction:column;}
.sp-modal-body{overflow-y:auto;max-height:calc(80vh - 120px);} @media (max-height:600px){
.sp-modal-dialog{margin:3% auto;}
}
.sp-pos-list{margin:0;padding-left:0;list-style:none}
.sp-pos-list li{line-height:1.4} .sp-modal, .sp-modal-single{
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 10000;
}
.sp-modal-backdrop{
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,.5);
}
.sp-modal .sp-modal-dialog, .sp-modal-single .sp-modal-dialog{
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: min(800px, 95vw);
max-height: 80vh;
background: #fff;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.sp-modal .sp-modal-body, .sp-modal-single .sp-modal-body{
overflow-y: auto;
max-height: calc(80vh - 120px);
}
.sp-kit-row{display:flex;align-items:center;gap:.5rem;margin:.35rem 0}.sp-kit-row .sp-qty{width:80px}
.sp-model-image{max-width:100%;height:auto;display:block}.sp-model-image-wrap{text-align:left}