#activeDeliveryOrdersView{--primary-color: var(--color-primary);--primary-hover: var(--color-primary-hover);--bg-color: var(--color-bg-base);--card-bg: var(--color-bg-surface);--text-main: var(--color-text-primary);--text-muted: var(--color-text-muted);--border-color: var(--color-border);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--shadow: var(--shadow-md);--control-height: 42px}#activeDeliveryOrdersView .container{width:100%;max-width:100%;padding:0}#activeDeliveryOrdersView .stats-row{display:flex;gap:1.5rem;margin-bottom:24px;flex-wrap:wrap;background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:20px;border-radius:var(--radius-md)}#activeDeliveryOrdersView .stat-card{flex:1;min-width:180px}#activeDeliveryOrdersView .stat-card .label{display:block;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:4px}#activeDeliveryOrdersView .stat-card .value{font-size:22px;font-weight:800;color:var(--color-text-primary)}#activeDeliveryOrdersView .query-panel{background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:24px;border-radius:var(--radius-md);margin-bottom:24px}#activeDeliveryOrdersView .query-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}#activeDeliveryOrdersView .form-group{margin-bottom:0}#activeDeliveryOrdersView .form-label{display:block;font-size:11px;font-weight:700;color:var(--color-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}#activeDeliveryOrdersView .form-input{width:100%;height:var(--control-height);padding:8px 12px;background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--color-text-primary);outline:none;transition:var(--transition-fast)}#activeDeliveryOrdersView .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #5932ea26}#activeDeliveryOrdersView .results-panel{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:24px}#activeDeliveryOrdersView .results-header{position:sticky;top:var(--header-height);z-index:20;background-color:var(--color-bg-surface);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:12px}#activeDeliveryOrdersView .results-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:8px}#activeDeliveryOrdersView .results-count-badge{font-size:11px;font-weight:700;background-color:var(--color-bg-neutral);color:var(--color-text-muted);padding:2px 8px;border-radius:12px}#activeDeliveryOrdersView .search-box-wrapper{position:relative;width:100%;max-width:520px;flex-shrink:1}#activeDeliveryOrdersView .search-input{width:100%;height:38px;padding:8px 12px 8px 36px;background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;color:var(--color-text-primary);outline:none}#activeDeliveryOrdersView .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}#activeDeliveryOrdersView .table-container{overflow-x:auto;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow)}#activeDeliveryOrdersView .table-container::-webkit-scrollbar{width:8px;height:8px}#activeDeliveryOrdersView .table-container::-webkit-scrollbar-track{background:transparent}#activeDeliveryOrdersView .table-container::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:var(--radius-full)}#activeDeliveryOrdersView .table-container::-webkit-scrollbar-thumb:hover{background:#94a3b880;cursor:pointer}#activeDeliveryOrdersView .data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}#activeDeliveryOrdersView .data-table thead th{background-color:var(--color-bg-surface);border-bottom:2px solid var(--color-border)}#activeDeliveryOrdersView .data-table th{color:var(--color-text-muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;white-space:nowrap}#activeDeliveryOrdersView .data-table td{padding:14px 20px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-weight:500;vertical-align:middle}#activeDeliveryOrdersView .data-table tr.data-row{cursor:pointer;transition:var(--transition-fast)}#activeDeliveryOrdersView .data-table tr.data-row:hover{background-color:var(--color-bg-base)}#activeDeliveryOrdersView .order-id-cell{display:flex;flex-direction:column;gap:4px}#activeDeliveryOrdersView .id-wrapper{display:flex;align-items:center;gap:6px}#activeDeliveryOrdersView .network-id{font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary)}#activeDeliveryOrdersView .copy-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}#activeDeliveryOrdersView .copy-btn:hover{color:var(--primary-color);background-color:var(--color-bg-neutral)}#activeDeliveryOrdersView .meta-subtext{font-size:11px;color:var(--color-text-muted)}#activeDeliveryOrdersView .expand-row{background-color:var(--card-bg)}#activeDeliveryOrdersView .expand-row td{padding:0!important;white-space:normal}#activeDeliveryOrdersView .expand-wrapper{padding:20px 24px;border-top:1px dashed var(--color-border);background-color:var(--color-bg-base)}#activeDeliveryOrdersView .expand-title{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}#activeDeliveryOrdersView .modal-event-logs{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:8px}#activeDeliveryOrdersView .modal-event-logs li{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:13px;font-weight:600;color:var(--color-text-primary);padding:10px 14px;background-color:var(--card-bg);border-radius:var(--radius-sm);border-left:4px solid var(--primary-color)}#activeDeliveryOrdersView .modal-event-logs .log-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#activeDeliveryOrdersView .modal-event-logs .log-status{font-weight:700;color:var(--color-text-primary)}#activeDeliveryOrdersView .modal-event-logs .log-actor{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.025em;background-color:var(--color-bg-neutral);color:var(--color-text-muted);display:inline-block}#activeDeliveryOrdersView .modal-event-logs .log-actor.actor-seller{background-color:var(--color-primary-light);color:var(--color-primary)}#activeDeliveryOrdersView .modal-event-logs .log-actor.actor-logistics{background-color:var(--color-success-light);color:var(--color-success)}#activeDeliveryOrdersView .modal-event-logs .log-actor.actor-buyer{background-color:var(--color-warning-light);color:var(--color-warning)}#activeDeliveryOrdersView .modal-event-logs .log-arrow{color:var(--color-text-muted)}#activeDeliveryOrdersView .modal-event-logs .log-time{color:var(--color-text-muted);font-size:11px}#activeDeliveryOrdersView li.cancel-log{border-left-color:var(--color-danger)}#activeDeliveryOrdersView .modal-event-logs .log-code{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.025em;background-color:var(--color-danger-light);color:var(--color-danger)}#activeDeliveryOrdersView .expand-toggle-icon{transition:transform .2s ease}#activeDeliveryOrdersView tr.expanded .expand-toggle-icon{transform:rotate(180deg)}.active-delivery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.active-delivery-modal-overlay .modal-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:1400px;width:96vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.active-delivery-modal-overlay .modal-header{padding:18px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-surface)}.active-delivery-modal-overlay .modal-title-group{display:flex;flex-direction:column;gap:4px}.active-delivery-modal-overlay .modal-tag{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--primary-color);letter-spacing:1px}.active-delivery-modal-overlay .modal-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.active-delivery-modal-overlay .modal-close{background:none;border:none;color:var(--color-text-muted);font-size:20px;cursor:pointer;transition:transform .2s ease,color .1s ease;outline:none}.active-delivery-modal-overlay .modal-close:hover{color:var(--color-text-primary);transform:rotate(90deg)}.active-delivery-modal-overlay .modal-body{padding:0;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--color-bg-base)}.active-delivery-modal-overlay .modal-summary-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:16px}.active-delivery-modal-overlay .summary-meta{display:flex;flex-direction:column;gap:8px}.active-delivery-modal-overlay .summary-id-group{display:flex;align-items:center;gap:8px}.active-delivery-modal-overlay .summary-id-label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.active-delivery-modal-overlay .summary-id-val{font-size:14px;font-weight:700;color:var(--color-text-primary)}.active-delivery-modal-overlay .inline-copy-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);outline:none}.active-delivery-modal-overlay .inline-copy-btn:hover{color:var(--primary-color);background-color:var(--color-bg-neutral)}.active-delivery-modal-overlay .summary-badges-group{display:flex;gap:8px;align-items:center}.active-delivery-modal-overlay .summary-commercials{display:flex;gap:24px}.active-delivery-modal-overlay .summary-value-group{display:flex;flex-direction:column;align-items:flex-end}.active-delivery-modal-overlay .value-label{font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.active-delivery-modal-overlay .value-amount{font-size:18px;font-weight:800;color:var(--primary-color)}.active-delivery-modal-overlay .modal-dashboard-grid.four-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;background-color:var(--color-bg-base)}.active-delivery-modal-overlay .dashboard-col{display:flex;flex-direction:column;gap:20px}@media(max-width:1200px){.active-delivery-modal-overlay .modal-dashboard-grid.four-cols{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.active-delivery-modal-overlay .modal-dashboard-grid.four-cols{grid-template-columns:1fr;gap:16px;padding:16px}}.active-delivery-modal-overlay .details-group-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.active-delivery-modal-overlay .details-group-card.identifiers-card{border-left:4px solid var(--color-primary)}.active-delivery-modal-overlay .details-group-card.commercials-card{border-left:4px solid #e11d48}.active-delivery-modal-overlay .details-group-card.seller-card{border-left:4px solid var(--color-success)}.active-delivery-modal-overlay .details-group-card.buyer-card{border-left:4px solid var(--color-warning)}.active-delivery-modal-overlay .details-group-card.shipping-card{border-left:4px solid var(--color-info)}.active-delivery-modal-overlay .details-group-card.logistics-card{border-left:4px solid var(--color-primary)}.active-delivery-modal-overlay .details-group-card.timeline-card{border-left:4px solid var(--color-success)}.active-delivery-modal-overlay .card-header-styled{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.75px;border-bottom:1px dashed var(--color-border);padding-bottom:12px}.active-delivery-modal-overlay .card-header-styled svg{color:var(--color-text-muted)}.active-delivery-modal-overlay .interactive-field-link{color:var(--primary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:var(--transition-fast)}.active-delivery-modal-overlay .interactive-field-link:hover{color:var(--primary-hover);text-decoration:underline}.active-delivery-modal-overlay .map-action-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:var(--color-bg-neutral);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:11px;font-weight:700;text-decoration:none;margin-left:8px;border:1px solid var(--color-border);transition:var(--transition-fast)}.active-delivery-modal-overlay .map-action-btn:hover{background-color:var(--color-primary-light);color:var(--primary-color);border-color:var(--primary-color)}.active-delivery-modal-overlay .digipin-display-badge{display:inline-flex;align-items:center;border:1px solid var(--color-primary-light);background-color:var(--color-primary-light);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.active-delivery-modal-overlay .digipin-indicator-label{font-size:9px;font-weight:800;background-color:var(--primary-color);color:#fff;padding:4px 6px;text-transform:uppercase;letter-spacing:.5px}.active-delivery-modal-overlay .digipin-indicator-val{font-size:12px;font-weight:700;color:var(--primary-color);padding:3px 8px;letter-spacing:.5px}.active-delivery-modal-overlay .font-mono{font-family:var(--font-mono);font-size:12px}.active-delivery-modal-overlay .spec-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.active-delivery-modal-overlay .spec-field{display:flex;flex-direction:column;gap:4px}.active-delivery-modal-overlay .spec-field.full-width{grid-column:1 / -1}.active-delivery-modal-overlay .field-label-group{display:flex;align-items:center;justify-content:space-between;gap:8px}.active-delivery-modal-overlay .field-label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.active-delivery-modal-overlay .field-value-wrapper{font-size:13px;font-weight:600;color:var(--color-text-primary);word-break:break-all;display:flex;align-items:center;flex-wrap:wrap}.active-delivery-modal-overlay .field-value{font-size:13px;font-weight:600;color:var(--color-text-primary)}.active-delivery-modal-overlay .field-copy-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,color .15s ease;outline:none}.active-delivery-modal-overlay .spec-field:hover .field-copy-btn{opacity:1}.active-delivery-modal-overlay .field-copy-btn:hover{color:var(--primary-color);background-color:var(--color-bg-neutral)}.active-delivery-modal-overlay .badge{display:inline-block;padding:3px 8px;font-size:11px;font-weight:700;border-radius:4px}.active-delivery-modal-overlay .badge-info{background-color:var(--color-info-light);color:var(--color-info)}.active-delivery-modal-overlay .badge-success{background-color:var(--color-success-light);color:var(--color-success)}.active-delivery-modal-overlay .badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}@media(max-width:600px){.active-delivery-modal-overlay .spec-fields-grid{grid-template-columns:1fr;gap:16px}.active-delivery-modal-overlay .modal-summary-header{flex-direction:column;align-items:flex-start}.active-delivery-modal-overlay .summary-commercials{align-self:flex-start}.active-delivery-modal-overlay .summary-value-group{align-items:flex-start}}#activeDeliveryLoadingOverlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:2000;align-items:center;justify-content:center;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#activeDeliveryLoadingOverlay .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--color-primary);animation:activeDeliverySpin 1s linear infinite}@keyframes activeDeliverySpin{to{transform:rotate(360deg)}}#activeDeliveryOrdersView .results-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}#activeDeliveryOrdersView .custom-select-wrapper{position:relative;width:280px}#activeDeliveryOrdersView .custom-select{width:100%;height:38px;padding:8px 36px 8px 16px;background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--color-text-primary);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);box-sizing:border-box}#activeDeliveryOrdersView .custom-select:focus,#activeDeliveryOrdersView .custom-select.active{background-color:var(--color-bg-surface);border-color:var(--primary-color);box-shadow:0 0 0 2px #5932ea26}#activeDeliveryOrdersView .custom-select-arrow{position:absolute;right:12px;top:11px;pointer-events:none;transition:transform var(--transition-fast);color:var(--color-text-secondary)}#activeDeliveryOrdersView .custom-select.active+.custom-select-arrow{transform:rotate(180deg)}#activeDeliveryOrdersView .custom-select-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:220px;overflow-y:auto;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:150;padding:4px;box-sizing:border-box}#activeDeliveryOrdersView .custom-select-options::-webkit-scrollbar{width:6px}#activeDeliveryOrdersView .custom-select-options::-webkit-scrollbar-track{background:transparent}#activeDeliveryOrdersView .custom-select-options::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:var(--radius-full)}#activeDeliveryOrdersView .custom-option{padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:13px;font-weight:600;color:var(--color-text-primary);text-align:left}#activeDeliveryOrdersView .custom-option:hover{background-color:var(--color-bg-neutral)}#activeDeliveryOrdersView .custom-option.selected{background-color:var(--color-primary-light);color:var(--primary-color)}@media(max-width:768px){#activeDeliveryOrdersView .results-header{flex-direction:column;align-items:stretch;gap:12px}#activeDeliveryOrdersView .results-header-actions{width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:nowrap}#activeDeliveryOrdersView .custom-select-wrapper{width:240px;flex-shrink:1;min-width:160px}#activeDeliveryOrdersView .search-box-wrapper{flex-grow:1;max-width:none;min-width:150px}}
