/* _content/Meridian.Web/Components/Pages/Dispatch/CreateDispatchRequest.razor.rz.scp.css */
.dispatch-container[b-1pnokjb4oh] { max-width: 900px; margin: 0 auto; padding: 2rem 1rem; }
.dispatch-card[b-1pnokjb4oh] { background: #fff; border-radius: 12px; padding: 2rem; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.dispatch-card h2[b-1pnokjb4oh] { margin: 0 0 1.5rem; color: #1a1a2e; font-size: 1.4rem; }
.form-group[b-1pnokjb4oh] { margin-bottom: 1rem; }
.form-group label[b-1pnokjb4oh] { display: block; font-weight: 500; margin-bottom: 0.3rem; color: #333; font-size: 0.9rem; }
.form-group h3[b-1pnokjb4oh] { color: #009B8D; font-size: 1rem; margin-bottom: 0.5rem; }
.optional[b-1pnokjb4oh] { color: #999; font-weight: 400; font-size: 0.8rem; }
.form-input[b-1pnokjb4oh] { width: 100%; padding: 0.6rem 0.8rem; border: 1.5px solid #ddd; border-radius: 6px; font-size: 0.95rem; background: #fafafa; box-sizing: border-box; }
.form-input:focus[b-1pnokjb4oh] { outline: none; border-color: #009B8D; box-shadow: 0 0 0 3px rgba(0,155,141,0.12); }
textarea.form-input[b-1pnokjb4oh] { resize: vertical; }
.form-row[b-1pnokjb4oh] { display: flex; gap: 1rem; }
.flex-1[b-1pnokjb4oh] { flex: 1; }
.form-actions[b-1pnokjb4oh] { display: flex; gap: 1rem; margin-top: 1.5rem; justify-content: flex-end; }
.btn-primary[b-1pnokjb4oh] { background: #009B8D; color: #fff; border: none; padding: 0.7rem 1.5rem; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 0.95rem; }
.btn-primary:hover[b-1pnokjb4oh] { background: #00796B; }
.btn-primary:disabled[b-1pnokjb4oh] { opacity: 0.6; cursor: not-allowed; }
.btn-outline[b-1pnokjb4oh] { background: #fff; color: #009B8D; border: 1.5px solid #009B8D; padding: 0.7rem 1.5rem; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 0.95rem; }
.btn-outline:hover[b-1pnokjb4oh] { background: #f0faf9; }
.validation-errors[b-1pnokjb4oh] { margin-top: 1rem; }
.validation-errors p[b-1pnokjb4oh] { color: #e53935; font-size: 0.85rem; margin: 0.2rem 0; }
.search-dropdown[b-1pnokjb4oh] { background: #fff; border: 1.5px solid #ddd; border-radius: 6px; margin-top: 4px; max-height: 200px; overflow-y: auto; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.search-item[b-1pnokjb4oh] { padding: 0.6rem 0.8rem; cursor: pointer; font-size: 0.9rem; }
.search-item:hover[b-1pnokjb4oh] { background: #f0faf9; }
.project-info[b-1pnokjb4oh] { background: #f0faf9; border: 1.5px solid #009B8D; border-radius: 6px; padding: 0.6rem 1rem; margin-bottom: 1rem; display: flex; gap: 2rem; font-size: 0.9rem; }
.tracking-list[b-1pnokjb4oh] { display: flex; flex-direction: column; gap: 0.4rem; }
.tracking-item[b-1pnokjb4oh] { display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0.8rem; border: 1px solid #eee; border-radius: 6px; font-size: 0.85rem; cursor: pointer; }
.tracking-item:hover[b-1pnokjb4oh] { background: #fafafa; }
.tracking-item.disabled[b-1pnokjb4oh] { opacity: 0.5; cursor: not-allowed; }
.tracking-item input[type="checkbox"][b-1pnokjb4oh] { accent-color: #009B8D; width: 18px; height: 18px; }
.mono[b-1pnokjb4oh] { font-family: "JetBrains Mono", monospace; }
.status-badge[b-1pnokjb4oh] { padding: 0.2rem 0.5rem; border-radius: 10px; font-size: 0.7rem; font-weight: 600; }
.hint[b-1pnokjb4oh] { color: #999; font-size: 0.85rem; }
.success-panel[b-1pnokjb4oh] { text-align: center; }
.success-panel h2[b-1pnokjb4oh] { color: #009B8D; }
.created-items[b-1pnokjb4oh] { display: flex; flex-direction: column; gap: 0.5rem; margin: 1.5rem 0; align-items: center; }
.tracking-badge[b-1pnokjb4oh] { background: #f0faf9; border: 1.5px solid #009B8D; border-radius: 8px; padding: 0.8rem 1.5rem; min-width: 300px; text-align: center; }
.tracking-num[b-1pnokjb4oh] { font-family: "JetBrains Mono", monospace; font-size: 1.2rem; font-weight: 700; color: #009B8D; display: block; }
.tracking-detail[b-1pnokjb4oh] { font-size: 0.8rem; color: #666; }
@media (max-width: 640px) { .form-row[b-1pnokjb4oh] { flex-direction: column; gap: 0; } .dispatch-card[b-1pnokjb4oh] { padding: 1.2rem; } }
/* _content/Meridian.Web/Components/Pages/Dispatch/DispatchList.razor.rz.scp.css */
.dispatch-container[b-e2c0ggp02v] { max-width: 1000px; margin: 0 auto; padding: 2rem 1rem; }
.dispatch-card[b-e2c0ggp02v] { background: #fff; border-radius: 12px; padding: 2rem; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.dispatch-card h2[b-e2c0ggp02v] { margin: 0 0 1.5rem; color: #1a1a2e; font-size: 1.4rem; }
.page-header[b-e2c0ggp02v] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.page-header h2[b-e2c0ggp02v] { margin: 0; }
.loading-text[b-e2c0ggp02v] { color: #666; text-align: center; padding: 2rem; }
.empty-state[b-e2c0ggp02v] { text-align: center; padding: 3rem; color: #999; }
.dispatch-table[b-e2c0ggp02v] { width: 100%; border-collapse: collapse; }
.dispatch-table th[b-e2c0ggp02v] { text-align: left; padding: 0.75rem; border-bottom: 2px solid #eee; color: #666; font-size: 0.85rem; text-transform: uppercase; }
.dispatch-table td[b-e2c0ggp02v] { padding: 0.75rem; border-bottom: 1px solid #f0f0f0; font-size: 0.9rem; }
.dispatch-table tr:hover[b-e2c0ggp02v] { background: #fafafa; }
.mono[b-e2c0ggp02v] { font-family: "JetBrains Mono", monospace; font-size: 0.85rem; }
.status-badge[b-e2c0ggp02v] { padding: 0.2rem 0.6rem; border-radius: 12px; font-size: 0.75rem; font-weight: 600; }
.status-draft[b-e2c0ggp02v] { background: #fff3e0; color: #e65100; }
.status-submitted[b-e2c0ggp02v] { background: #e3f2fd; color: #1565c0; }
.status-inprogress[b-e2c0ggp02v] { background: #f3e5f5; color: #7b1fa2; }
.status-dispatched[b-e2c0ggp02v] { background: #e8f5e9; color: #2e7d32; }
.btn-primary[b-e2c0ggp02v] { background: #009B8D; color: #fff; border: none; padding: 0.7rem 1.5rem; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 0.95rem; }
.btn-primary:hover[b-e2c0ggp02v] { background: #00796B; }
.btn-outline-sm[b-e2c0ggp02v] { background: #fff; color: #009B8D; border: 1.5px solid #009B8D; padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.8rem; cursor: pointer; font-weight: 600; }
.btn-outline-sm:hover[b-e2c0ggp02v] { background: #f0faf9; }
/* _content/Meridian.Web/Components/Pages/Dispatch/RecordDispatch.razor.rz.scp.css */
.dispatch-container[b-7ebd7ht70j] { max-width: 900px; margin: 0 auto; padding: 2rem 1rem; }
.dispatch-card[b-7ebd7ht70j] { background: #fff; border-radius: 12px; padding: 2rem; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.dispatch-card h2[b-7ebd7ht70j] { margin: 0 0 1.5rem; color: #1a1a2e; font-size: 1.4rem; }
.form-group[b-7ebd7ht70j] { margin-bottom: 1rem; }
.form-group label[b-7ebd7ht70j] { display: block; font-weight: 500; margin-bottom: 0.3rem; color: #333; font-size: 0.9rem; }
.form-group h3[b-7ebd7ht70j] { color: #009B8D; font-size: 1rem; margin: 1rem 0 0.5rem; }
.form-group h4[b-7ebd7ht70j] { margin: 0; font-size: 0.9rem; color: #009B8D; }
.optional[b-7ebd7ht70j] { color: #999; font-weight: 400; font-size: 0.8rem; }
.form-input[b-7ebd7ht70j] { width: 100%; padding: 0.6rem 0.8rem; border: 1.5px solid #ddd; border-radius: 6px; font-size: 0.95rem; background: #fafafa; box-sizing: border-box; }
.form-input:focus[b-7ebd7ht70j] { outline: none; border-color: #009B8D; box-shadow: 0 0 0 3px rgba(0,155,141,0.12); }
.form-row[b-7ebd7ht70j] { display: flex; gap: 1rem; }
.flex-1[b-7ebd7ht70j] { flex: 1; }
.form-actions[b-7ebd7ht70j] { display: flex; gap: 1rem; margin-top: 1.5rem; justify-content: flex-end; }
.btn-primary[b-7ebd7ht70j] { background: #009B8D; color: #fff; border: none; padding: 0.7rem 1.5rem; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 0.95rem; }
.btn-primary:hover[b-7ebd7ht70j] { background: #00796B; }
.btn-primary:disabled[b-7ebd7ht70j] { opacity: 0.6; cursor: not-allowed; }
.btn-outline[b-7ebd7ht70j] { background: #fff; color: #009B8D; border: 1.5px solid #009B8D; padding: 0.7rem 1.5rem; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 0.95rem; }
.btn-outline:hover[b-7ebd7ht70j] { background: #f0faf9; }
.btn-secondary[b-7ebd7ht70j] { background: #f5f5f5; color: #333; border: 1.5px solid #ddd; padding: 0.5rem 1rem; border-radius: 6px; cursor: pointer; font-size: 0.9rem; }
.btn-secondary:hover[b-7ebd7ht70j] { background: #eee; }
.btn-remove[b-7ebd7ht70j] { background: none; border: none; color: #e53935; cursor: pointer; font-size: 0.85rem; }
.validation-errors[b-7ebd7ht70j] { margin-top: 1rem; }
.validation-errors p[b-7ebd7ht70j] { color: #e53935; font-size: 0.85rem; margin: 0.2rem 0; }
.summary-section[b-7ebd7ht70j] { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; }
.summary-section h3[b-7ebd7ht70j] { color: #009B8D; font-size: 1rem; margin-bottom: 0.5rem; }
.summary-section p[b-7ebd7ht70j] { margin: 0.2rem 0; font-size: 0.9rem; }
.item-card[b-7ebd7ht70j] { border: 1.5px solid #e8e8e8; border-radius: 8px; padding: 1rem; margin-bottom: 0.8rem; background: #fafafa; }
.item-header[b-7ebd7ht70j] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.toggle-group[b-7ebd7ht70j] { display: flex; gap: 0; }
.toggle-btn[b-7ebd7ht70j] { padding: 0.6rem 1.2rem; border: 1.5px solid #ddd; background: #fff; cursor: pointer; font-size: 0.9rem; font-weight: 500; }
.toggle-btn:first-child[b-7ebd7ht70j] { border-radius: 6px 0 0 6px; }
.toggle-btn:last-child[b-7ebd7ht70j] { border-radius: 0 6px 6px 0; border-left: none; }
.toggle-btn.active[b-7ebd7ht70j] { background: #009B8D; color: #fff; border-color: #009B8D; }
.mono[b-7ebd7ht70j] { font-family: "JetBrains Mono", monospace; font-size: 1.1rem; font-weight: 600; color: #009B8D; }
.loading-text[b-7ebd7ht70j] { color: #666; text-align: center; padding: 2rem; }
.success-panel[b-7ebd7ht70j] { text-align: center; }
.success-panel h2[b-7ebd7ht70j] { color: #009B8D; }
@media (max-width: 640px) { .form-row[b-7ebd7ht70j] { flex-direction: column; gap: 0; } .dispatch-card[b-7ebd7ht70j] { padding: 1.2rem; } }
/* _content/Meridian.Web/Components/Pages/Receipt/CustomerReceipt.razor.rz.scp.css */
.receipt-container[b-hckdfuq7nl] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.step-indicator[b-hckdfuq7nl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.step-dot[b-hckdfuq7nl] {
    width: 32px; height: 32px;
    border-radius: 50%;
    background: #e0e0e0;
    color: #999;
    display: flex; align-items: center; justify-content: center;
    font-weight: 600; font-size: 0.85rem;
    transition: all 0.2s;
}
.step-dot.active[b-hckdfuq7nl] { background: #009B8D; color: #fff; }
.step-dot.completed[b-hckdfuq7nl] { background: #00796B; color: #fff; }

.step-line[b-hckdfuq7nl] { width: 40px; height: 3px; background: #e0e0e0; }
.step-line.completed[b-hckdfuq7nl] { background: #00796B; }

.step-label[b-hckdfuq7nl] { margin-left: 1rem; font-size: 0.85rem; color: #666; }

.receipt-card[b-hckdfuq7nl] {
    background: #fff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.receipt-card h2[b-hckdfuq7nl] { margin: 0 0 1.5rem; color: #1a1a2e; font-size: 1.4rem; }

.form-group[b-hckdfuq7nl] { margin-bottom: 1rem; }
.form-group label[b-hckdfuq7nl] { display: block; font-weight: 500; margin-bottom: 0.3rem; color: #333; font-size: 0.9rem; }
.optional[b-hckdfuq7nl] { color: #999; font-weight: 400; font-size: 0.8rem; }

.form-input[b-hckdfuq7nl] {
    width: 100%; padding: 0.6rem 0.8rem;
    border: 1.5px solid #ddd; border-radius: 6px;
    font-size: 0.95rem; transition: border-color 0.2s;
    background: #fafafa;
}
.form-input:focus[b-hckdfuq7nl] { outline: none; border-color: #009B8D; box-shadow: 0 0 0 3px rgba(0,155,141,0.12); }

.form-row[b-hckdfuq7nl] { display: flex; gap: 1rem; }
.flex-1[b-hckdfuq7nl] { flex: 1; }

.checkbox-group label[b-hckdfuq7nl] { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; }
.checkbox-group input[type="checkbox"][b-hckdfuq7nl] { accent-color: #009B8D; width: 18px; height: 18px; }

.item-card[b-hckdfuq7nl] {
    border: 1.5px solid #e8e8e8; border-radius: 8px;
    padding: 1.2rem; margin-bottom: 1rem; background: #fafafa;
}
.item-header[b-hckdfuq7nl] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; }
.item-header h3[b-hckdfuq7nl] { margin: 0; font-size: 1rem; color: #009B8D; }

.btn-remove[b-hckdfuq7nl] { background: none; border: none; color: #e53935; cursor: pointer; font-size: 0.85rem; }
.btn-remove:hover[b-hckdfuq7nl] { text-decoration: underline; }

.form-actions[b-hckdfuq7nl] { display: flex; gap: 1rem; margin-top: 1.5rem; justify-content: flex-end; }

.btn-primary[b-hckdfuq7nl] {
    background: #009B8D; color: #fff; border: none;
    padding: 0.7rem 1.5rem; border-radius: 6px;
    font-weight: 600; cursor: pointer; font-size: 0.95rem;
    transition: background 0.2s;
}
.btn-primary:hover[b-hckdfuq7nl] { background: #00796B; }
.btn-primary:disabled[b-hckdfuq7nl] { opacity: 0.6; cursor: not-allowed; }

.btn-outline[b-hckdfuq7nl] {
    background: #fff; color: #009B8D; border: 1.5px solid #009B8D;
    padding: 0.7rem 1.5rem; border-radius: 6px;
    font-weight: 600; cursor: pointer; font-size: 0.95rem;
}
.btn-outline:hover[b-hckdfuq7nl] { background: #f0faf9; }

.btn-secondary[b-hckdfuq7nl] {
    background: #f5f5f5; color: #333; border: 1.5px solid #ddd;
    padding: 0.5rem 1rem; border-radius: 6px;
    cursor: pointer; font-size: 0.9rem;
}
.btn-secondary:hover[b-hckdfuq7nl] { background: #eee; }

.validation-errors[b-hckdfuq7nl] { margin-top: 1rem; }
.validation-errors p[b-hckdfuq7nl] { color: #e53935; font-size: 0.85rem; margin: 0.2rem 0; }

.summary-section[b-hckdfuq7nl] { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; }
.summary-section h3[b-hckdfuq7nl] { color: #009B8D; font-size: 1rem; margin-bottom: 0.5rem; }
.summary-section p[b-hckdfuq7nl] { margin: 0.2rem 0; font-size: 0.9rem; }
.summary-item[b-hckdfuq7nl] { padding: 0.5rem 0; border-bottom: 1px dashed #eee; }

.success-panel[b-hckdfuq7nl] { text-align: center; }
.success-panel h2[b-hckdfuq7nl] { color: #009B8D; }

.tracking-numbers[b-hckdfuq7nl] { display: flex; flex-direction: column; gap: 0.75rem; margin: 1.5rem 0; align-items: center; }
.tracking-badge[b-hckdfuq7nl] {
    background: #f0faf9; border: 1.5px solid #009B8D;
    border-radius: 8px; padding: 0.8rem 1.5rem;
    display: flex; flex-direction: column; align-items: center;
    min-width: 300px;
}
.tracking-num[b-hckdfuq7nl] {
    font-family: "JetBrains Mono", monospace;
    font-size: 1.3rem; font-weight: 700; color: #009B8D;
}
.tracking-serial[b-hckdfuq7nl] { font-size: 0.8rem; color: #666; margin-top: 0.2rem; }

@media (max-width: 640px) {
    .form-row[b-hckdfuq7nl] { flex-direction: column; gap: 0; }
    .receipt-card[b-hckdfuq7nl] { padding: 1.2rem; }
}