/*
  dahuuk-order-accept.css
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  doa- prefix — dhk-/dnav- এর সাথে namespace-collision এড়াতে।
  Non-dismissible popup — কোনো close/X বাটন নেই ইচ্ছাকৃতভাবে।
*/
.doa-overlay {
    position: fixed; inset: 0; z-index: 999998;
    background: rgba(20, 18, 16, 0.6);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    display: flex; align-items: center; justify-content: center;
    padding: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hind Siliguri", sans-serif;
}

.doa-panel {
    background: #fff; border-radius: 16px; padding: 18px;
    width: 100%; max-width: 380px; max-height: 90vh;
    display: flex; flex-direction: column; box-shadow: 0 12px 40px rgba(0,0,0,.3);
}

.doa-panel-title { font-size: 16px; font-weight: 700; margin-bottom: 12px; text-align: center; }

.doa-card-list {
    overflow-y: auto; display: flex; flex-direction: column; gap: 14px;
}

.doa-card {
    border: 1px solid #eee; border-radius: 12px; padding: 16px; text-align: center;
}

.doa-card-order-number { font-size: 14px; color: #777; margin-bottom: 6px; }
.doa-type-line { font-size: 14px; font-weight: 600; color: #c94525; margin-bottom: 6px; }
.doa-detail-line { font-size: 13px; color: #666; margin-bottom: 4px; }
.doa-distance-row { font-size: 14px; color: #444; margin: 10px 0 6px; min-height: 18px; }

.doa-btn-secondary {
    width: 100%; padding: 9px; margin-bottom: 10px;
    background: #f0eee9; color: #1a1a1a; border: none; border-radius: 8px;
    font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.doa-btn-secondary:disabled { opacity: 0.6; cursor: not-allowed; }
.doa-route-info { font-size: 12px; color: #555; margin: -4px 0 12px; background: #f7f5f2; padding: 8px; border-radius: 6px; }

.doa-countdown { font-size: 22px; font-weight: 700; color: #c5221f; margin-bottom: 12px; font-variant-numeric: tabular-nums; }

.doa-action-row { display: flex; gap: 10px; }
.doa-btn { flex: 1; min-height: 46px; border: none; border-radius: 10px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: inherit; color: #fff; }
.doa-btn:disabled { opacity: 0.5; }
.doa-btn-reject { background: #d32f2f; }
.doa-btn-accept { background: #2e7d32; }

@media (max-width: 400px) {
    .doa-panel { padding: 14px; }
}


.doa-queue-badge {
    position: absolute; top: 14px; right: 16px;
    font-size: 11px; color: #999; font-weight: 600;
}

.doa-title { font-size: 20px; font-weight: 700; margin-bottom: 4px; }
.doa-order-number { font-size: 14px; color: #777; margin-bottom: 14px; }

.doa-type-line { font-size: 14px; font-weight: 600; color: #c94525; margin-bottom: 6px; }
.doa-service-line { font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.doa-detail-line { font-size: 13px; color: #666; margin-bottom: 4px; }

.doa-distance-row { font-size: 14px; color: #444; margin: 12px 0 6px; min-height: 18px; }

.doa-btn-secondary {
    width: 100%; padding: 10px; margin-bottom: 14px;
    background: #f0eee9; color: #1a1a1a; border: none; border-radius: 8px;
    font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.doa-btn-secondary:disabled { opacity: 0.6; cursor: not-allowed; }

.doa-route-info {
    font-size: 12px; color: #555; margin: -8px 0 14px;
    background: #f7f5f2; padding: 8px; border-radius: 6px;
}

.doa-countdown {
    font-size: 28px; font-weight: 700; color: #c5221f;
    letter-spacing: 1px; margin-bottom: 18px; font-variant-numeric: tabular-nums;
}

.doa-action-row { display: flex; gap: 12px; }

.doa-btn {
    flex: 1; min-height: 52px; border: none; border-radius: 10px;
    font-size: 15px; font-weight: 700; cursor: pointer; font-family: inherit;
    color: #fff;
}
.doa-btn:active { transform: scale(0.97); }
.doa-btn-reject { background: #d32f2f; }
.doa-btn-accept { background: #2e7d32; }

@media (max-width: 400px) {
    .doa-card { padding: 22px 18px; }
}

.doa-see-all-btn {
    width: 100%; margin-top: 4px; padding: 12px;
    background: #f0eee9; color: #1a1a1a; border: none; border-radius: 10px;
    font-size: 14px; font-weight: 700; cursor: pointer; font-family: inherit;
}
.doa-see-all-btn:active { transform: scale(0.98); }