.approval-summary-page{color:#1f2937;background-color:#f9fafb;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative}.summary-loader,.summary-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 32px;display:flex}.summary-spinner{border:4px solid #f0f8ff;border-top-color:#007adc;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.summary-empty h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.summary-empty p{color:#6b7280;margin:0;font-size:14px}.summary-body{flex-direction:column;gap:20px;display:flex}.summary-info-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.summary-order-id{color:#007adc;font-size:18px;font-weight:700}.summary-order-meta{color:#6b7280;margin-top:2px;font-size:13px}.summary-status-badge{text-transform:capitalize;color:#d97706;background:#fef3c7;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.summary-grid{grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.summary-main,.summary-side{flex-direction:column;gap:20px;display:flex}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000f}.summary-card-wide{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.card-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title-row h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.card-label{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 6px;font-size:11px;font-weight:600}.card-value{color:#1f2937;margin:0;font-size:15px;font-weight:600}.card-notes{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px 14px;font-size:14px;line-height:1.6}.items-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.items-table{border-collapse:collapse;table-layout:fixed;color:#374151;width:100%;font-size:13px}.items-table th,.items-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:10px 12px;overflow:hidden}.items-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;border-bottom:2px solid #e5e7eb;font-size:11px;font-weight:600}.items-table tbody tr:last-child td{border-bottom:none}.items-table tbody tr:hover{background:#f9fafb}.col-sno{width:40px}.col-item{white-space:normal;min-width:140px}.col-num{text-align:right;width:58px}.col-status{width:108px}.col-action{text-align:center;width:72px}.items-table tbody tr.in_stock td:first-child{border-left:3px solid #10b981}.items-table tbody tr.partial_stock td:first-child{border-left:3px solid #f59e0b}.items-table tbody tr.out_of_stock td:first-child{border-left:3px solid #ef4444}.items-table tbody tr.split-approved{opacity:.65}.items-table tbody tr.rejected-item{opacity:.8;background-color:#f9fafb}.strike-through{text-decoration:line-through;color:#9ca3af!important}.item-name{flex-direction:column;gap:2px;font-weight:500;display:flex}.item-split-note{color:#6b7280;white-space:normal;font-size:11px}.status-pill{text-transform:capitalize;text-align:center;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-pill.in_stock{color:#059669;background:#d1fae5}.status-pill.partial_stock{color:#d97706;background:#fef3c7}.status-pill.out_of_stock{color:#dc2626;background:#fee2e2}.table-link{color:#007adc;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.table-link:disabled{color:#9ca3af;cursor:not-allowed}.summary-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;min-height:100px;padding:10px 12px;font-family:inherit;font-size:14px}.summary-textarea:focus{border-color:#007adc;box-shadow:0 0 0 3px #007adc1a}.summary-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.summary-input:focus{border-color:#007adc;box-shadow:0 0 0 3px #007adc1a}.summary-input:disabled{color:#9ca3af;background:#f3f4f6}.routing-toggle{color:#6b7280;align-items:center;gap:10px;margin:12px 0;font-size:13px;display:flex}.routing-toggle span.active{color:#1f2937;font-weight:600}.toggle-switch{width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:999px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#007adc}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.summary-actions{flex-direction:column;gap:10px;display:flex}.summary-action{color:#fff;cursor:pointer;background:#007adc;border:none;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.summary-action:hover{background:#0061b5}.summary-action:disabled{opacity:.5;cursor:not-allowed}.summary-action.secondary{color:#1f2937;background:#f3f4f6}.summary-action.secondary:hover{background:#e5e7eb}.summary-action.danger{background:#ef4444}.summary-action.danger:hover{background:#dc2626}.summary-muted{color:#9ca3af;margin:0;font-size:12px;line-height:1.5}.summary-toast{color:#fff;z-index:40;background:#1f2937;border-radius:8px;align-items:center;gap:12px;max-width:min(360px,90vw);padding:12px 16px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 24px #00000026}.summary-toast.success{background:#059669}.summary-toast.error{background:#dc2626}.summary-toast.info{background:#1d4ed8}.summary-toast p{margin:0;font-size:14px}.summary-toast-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.summary-modal-overlay{z-index:30;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.summary-modal{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:24px;box-shadow:0 16px 40px #00000026}.summary-modal h3{margin:0 0 8px;font-size:17px;font-weight:700}.summary-modal p{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.5}.summary-modal-actions{justify-content:flex-end;gap:10px;display:flex}.summary-modal-actions .summary-action{width:auto;padding:8px 20px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.summary-grid{grid-template-columns:1fr}}@media (width<=720px){.col-num{display:none}}