/* Courier add-on */
.courier-help {
    margin: 0;
    padding-bottom: 12px;
    color: #667085;
    font-size: 14px;
}
.courier-table {
    min-height: 0;
}
.courier-account-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 16px;
}
.courier-account-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border: 1px solid #eaecf0;
    border-radius: 8px;
}
.courier-account-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.courier-account-head h5 {
    margin: 0;
    font-size: 16px;
}
.courier-field {
    font-size: 14px;
}
.courier-check {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
}
.courier-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.courier-webhook {
    margin: 0;
    font-size: 13px;
    word-break: break-all;
}
.courier-badge,
.courier-stage {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}
.courier-badge-on,
.courier-stage-delivered {
    color: #0b7a3e;
    background: #e3f7ec;
}
.courier-badge-off,
.courier-stage-cancelled,
.courier-stage-returned {
    color: #c52127;
    background: #fdecec;
}
.courier-stage-booked,
.courier-stage-hold {
    color: #b25e00;
    background: #fff2e0;
}
.courier-stage-pickup,
.courier-stage-transit {
    color: #0057b8;
    background: #e5f0ff;
}
.courier-sync-btn {
    padding: 3px 12px;
    border: 1px solid var(--clr-primary);
    border-radius: 4px;
    color: var(--clr-primary);
    background: transparent;
}
html[data-theme="dark"] .courier-account-card {
    border-color: var(--dm-border);
}
html[data-theme="dark"] .courier-help {
    color: var(--dm-text-secondary);
}