/* 200: only the contents of the angle sheet change; ERP chrome is untouched. */
.sp200-angles{max-width:480px}.sp200-title-count{flex:none;font-size:11px;color:#64748b}.sp200-angles .sp-close{width:44px;height:44px}.sp200-angles .sp200-scan{margin:4px 14px 9px;padding:0;background:#fff;border:0;position:relative}.sp200-angles .sp200-scan input{margin:0;width:100%;min-width:0;border:2px solid #e3ebf7;border-radius:14px;background:#fff;font-size:14px}.sp200-angles .sp200-scan input{margin:0;width:100%;min-width:0;border:2px solid #FFD24D;border-radius:14px;background:#fff;font-size:14px}.sp200-angles .sp200-scan .erp-scan-toggle{right:5px}
.sp200-angles .sp200-status{display:flex;gap:4px;padding:4px;margin:0 14px;background:#e5e8ec;border-radius:13px;flex:none}.sp200-angles .sp200-status button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;white-space:nowrap;background:transparent;color:#4b5563;min-height:40px;border-radius:10px;font-size:13px;padding:5px}.sp200-angles .sp200-status button.on{background:#fff;color:#111827;box-shadow:0 1px 3px #0001}.sp200-status i{width:7px;height:7px;flex:none;background:#94a3b8;border-radius:50%}.sp200-status i.used{background:#2563eb}.sp200-status i.used{background:#FFC21A;color:#2B1D00}.sp200-status b{font-size:12px}
.sp200-zones{display:flex;align-items:center;gap:5px;margin:9px 14px;flex:none}.sp200-zones>span{font-size:12px;color:#64748b;flex:none;margin-right:3px}.sp200-zones button{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;background:#fff;color:#374151;border:1px solid #e5e7eb!important;border-radius:18px;min-height:34px;padding:4px 9px;font-size:12px;min-width:0}.sp200-zones button.on{background:#1f2937;color:#fff;border-color:#1f2937!important}.sp200-zones b{font-size:11px}
.sp200-bulk{display:flex;align-items:center;gap:7px;margin:1px 14px 7px;padding:10px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#b91c1c;flex:none}.sp200-bulk[hidden]{display:none}.sp200-bulk>div{flex:1;min-width:0}.sp200-bulk strong{font-size:13px}.sp200-bulk small{display:block;font-size:11px;line-height:1.5;margin-top:3px}.sp200-bulk button{flex:none;min-height:44px;padding:7px 10px;border-radius:10px;background:#dc2626;color:#fff;font-size:12px;font-weight:800}
.sp200-meta{font-size:11px;color:#64748b;margin:5px 0 8px}.sp200-angles .sp200-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.sp200-angles .sp200-grid .sp200-tile{min-height:68px;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;border-radius:11px;padding:5px 2px;color:#94a3b8!important;background:#f1f5f9!important;border:1px solid #e2e8f0}.sp200-angles .sp200-grid .sp200-tile{min-height:68px;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;border-radius:11px;padding:5px 2px;color:#94a3b8!important;background:#FFF4D1!important;border:1px solid #e2e8f0}.sp200-tile>span{font-size:9px}.sp200-angles .sp200-grid .sp200-tile b{font-size:18px}.sp200-angles .sp200-grid .sp200-tile.used{background:#2563eb!important;color:white!important;border-color:#2563eb}.sp200-angles .sp200-grid .sp200-tile.used{background:#FFC21A!important;color:#2B1D00!important;border-color:#FFC21A}.sp200-angles .sp200-grid .sp200-tile.hold{background:#fff0db!important;color:#b45309!important;border-color:#fdba74}.sp200-angles .sp200-grid .sp200-tile.empty{background:white!important;color:#64748b!important;border:2px dashed #94a3b8!important}.sp200-angles .sp200-grid .sp200-tile.shipped{background:#e5e7eb!important;color:#6b7280!important;border-color:#d1d5db}.sp200-angles .sp200-grid .sp200-tile small{font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.sp200-legend{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;font-size:10px;color:#64748b;margin:12px 0 4px}.sp200-empty{grid-column:1/-1;text-align:center;color:#64748b;padding:28px 5px}.sp200-empty b{font-size:15px;color:#374151}.sp200-empty p{font-size:12px;line-height:1.6}.sp200-empty button{min-height:44px;border:1px solid #cbd5e1!important;border-radius:10px;padding:8px 12px;background:white;color:#2563eb}.sp200-empty button{min-height:44px;border:1px solid #cbd5e1!important;border-radius:10px;padding:8px 12px;background:white;color:#946200}.sp200-grid>.sp-empty{grid-column:1/-1}
.sp200-confirm-summary{font-size:13px;line-height:1.6;background:#fef2f2;border-radius:12px;padding:8px 12px}.sp200-confirm-summary p{margin:4px 0}.erp-confirm-phrase{display:block;font-size:12px;color:#4b5563;margin:14px 0}.erp-confirm-phrase input{display:block;width:100%;height:44px;box-sizing:border-box;margin-top:6px;border:2px solid #fca5a5;border-radius:10px;padding:8px 10px;font:700 16px inherit}.erp-confirm-ok:disabled{opacity:.4;cursor:default}