/* =============================================================================
   seafaring.css - Wayfinder's Hall route list + duration modal
   ============================================================================= */

/* ── Route list ─────────────────────────────────────────────────────────── */

.seafaring-route-desc {
    margin-top: 4px;
    margin-bottom: 6px;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.4;
}

/* ── Duration modal (matches #task-config-modal shell) ──────────────────── */

#seafaring-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: var(--z-system-popup);
    align-items: center;
    justify-content: center;
}

#seafaring-modal.seafaring-modal--open {
    display: flex;
}

/* Matches #task-modal-qty-section .ms-section-label inset */
#seafaring-modal .seafaring-duration-label {
    margin: 10px 24px 8px;
}

#seafaring-modal .seafaring-duration-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin: 0 24px 12px;
}

#seafaring-modal .seafaring-duration-row .btn {
    flex: 1;
    min-width: 56px;
}

#seafaring-modal .seafaring-duration-btn.seafaring-duration--selected {
    background: rgba(197, 160, 89, 0.18);
    border-color: rgba(197, 160, 89, 0.6);
}