.route-completion-card__actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    padding-top: 12px;
    border-top: 1px solid #e9eef0;
}
.route-completion-card__useful { margin: 0; }
.route-completion-card__action {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    border: 1px solid #dce5ed;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    padding: 9px 13px;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
}
.route-completion-card__action svg { width: 17px; height: 17px; flex: 0 0 auto; }
.route-completion-card__action--useful { border-color: #b7dbc8; color: #18774a; cursor: pointer; }
.route-completion-card__action--useful:hover { border-color: #52a878; background: #f0faf4; }
.route-completion-card__action--verify { border-color: #ffcfb6; color: #bd4c1c; cursor: pointer; list-style: none; }
.route-completion-card__action--verify:hover { border-color: #f79b70; background: #fff7f2; }
.route-completion-card__action--verify::-webkit-details-marker { display: none; }
.route-completion-card__action--done { border-color: #d1e7da; background: #f0faf4; color: #246a49; }
.route-completion-card__chevron { width: 14px !important; height: 14px !important; margin-left: 4px; transition: transform .2s ease; }
.route-completion-card__verify[open] { width: 100%; }
.route-completion-card__verify[open] .route-completion-card__chevron { transform: rotate(180deg); }
.route-completion-card__verify-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    max-width: 560px;
    margin-top: 10px;
    padding: 13px;
    border: 1px solid #f0e3da;
    border-radius: 11px;
    background: #fffaf7;
}
.route-completion-card__verify-form label { grid-column: 1 / -1; color: #526174; font-size: 12px; font-weight: 750; }
.route-completion-card__verify-form select,
.route-completions__correction textarea {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid #d5e0e4;
    border-radius: 9px;
    background: #fff;
    color: #263448;
    font: inherit;
    font-size: 12px;
}
.route-completion-card__verify-form button,
.route-completions__correction button {
    min-height: 42px;
    border: 0;
    border-radius: 9px;
    background: #f2693e;
    color: #fff;
    padding: 9px 14px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}
.route-completion-card__verify-form button:hover,
.route-completions__correction button:hover { background: #d95028; }
.route-completion-card__actions :is(button, summary, select):focus-visible,
.route-completions__correction :is(summary, textarea, button):focus-visible { outline: 3px solid #f2693e; outline-offset: 2px; }
.route-completions__correction { margin-top: 12px; color: #526174; }
.route-completions__correction summary { width: fit-content; cursor: pointer; font-size: 12px; font-weight: 750; }
.route-completions__correction form { display: grid; gap: 10px; max-width: 560px; margin-top: 12px; }
.route-completions__correction label { color: #526174; font-size: 12px; line-height: 1.4; }
.route-completions__correction textarea { min-height: 100px; resize: vertical; }
.route-completions__correction button { justify-self: start; }
html[data-theme="dark"] .route-completion-card__actions { border-color: #314155; }
html[data-theme="dark"] .route-completion-card__action--useful { border-color: #396b55; background: #193629; color: #9ce3b7; }
html[data-theme="dark"] .route-completion-card__action--verify { border-color: #815540; background: #34271f; color: #ffc39e; }
html[data-theme="dark"] .route-completion-card__action--done { border-color: #396b55; background: #1b392d; color: #a8eac1; }
html[data-theme="dark"] .route-completion-card__verify-form { border-color: #664639; background: #251f1d; }
html[data-theme="dark"] .route-completion-card__verify-form label,
html[data-theme="dark"] .route-completions__correction label { color: #c3cede; }
html[data-theme="dark"] .route-completion-card__verify-form select,
html[data-theme="dark"] .route-completions__correction textarea { border-color: #4b5a70; background: #101b2b; color: #f3f6fb; }
@media (max-width: 640px) {
    .route-completion-card__actions { flex-direction: column; }
    .route-completion-card__actions > *,
    .route-completion-card__action { width: 100%; }
    .route-completion-card__verify-form { grid-template-columns: minmax(0, 1fr); }
    .route-completion-card__verify-form label { grid-column: auto; }
    .route-completions__correction button { width: 100%; }
}