.vat-recognition-page .worksheet-paper {
    padding: 12px 14px 14px;
}

.vat-recognition-page .vat-task-list {
    display: grid;
    gap: 7px;
}

.vat-recognition-page .vat-task,
.vat-recognition-page .vat-transfer-task {
    display: grid;
    gap: 7px 10px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid #d7cbb6;
    background: rgba(255, 250, 240, 0.92);
}

.vat-recognition-page .vat-task {
    grid-template-columns: minmax(220px, 0.44fr) minmax(0, 1fr);
}

.vat-recognition-page .vat-transfer-task {
    grid-template-columns: 30px minmax(260px, 1fr) minmax(260px, 0.82fr);
}

.vat-recognition-page .vat-feedback {
    grid-column: 1 / -1;
}

.vat-recognition-page .vat-task-copy {
    display: grid;
    gap: 4px;
}

.vat-recognition-page .vat-task-copy strong {
    color: #171b18;
    font-family: "Lora", serif;
    font-size: 0.94rem;
    line-height: 1.25;
}

.vat-recognition-page .vat-task-copy p {
    margin: 0;
    color: #665f51;
    font-size: 0.82rem;
    line-height: 1.35;
}

.vat-recognition-page .vat-row-number {
    width: fit-content;
    padding: 3px 6px;
    border: 1px solid #d7cbb6;
    background: #fbf6ea;
    color: #28714c;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.vat-recognition-page .vat-choice-list,
.vat-recognition-page .vat-transfer-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vat-recognition-page .vat-choice-list button,
.vat-recognition-page .vat-transfer-controls select,
.vat-recognition-page .vat-check-btn,
.vat-recognition-page .vat-reset,
.vat-recognition-page .vat-status-button,
.vat-recognition-page .vat-more-practice {
    min-height: 32px;
    border: 1px solid #9f9279;
    border-radius: 0;
    background: #fffaf0;
    color: #1f2b2f;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.18;
}

.vat-recognition-page .vat-choice-list button,
.vat-recognition-page .vat-check-btn,
.vat-recognition-page .vat-reset,
.vat-recognition-page .vat-status-button,
.vat-recognition-page .vat-more-practice {
    padding: 6px 8px;
    cursor: pointer;
}

.vat-recognition-page .vat-choice-list button {
    flex: 0 1 auto;
    min-width: min(100%, 150px);
}

.vat-recognition-page .vat-transfer-controls {
    display: grid;
    grid-template-columns: minmax(130px, 0.7fr) minmax(150px, 0.85fr) auto;
    align-items: center;
}

.vat-recognition-page .vat-check-btn {
    background: #201d17;
    color: #fff8e9;
}

.vat-recognition-page .is-correct,
.vat-recognition-page .vat-task.is-complete,
.vat-recognition-page .vat-transfer-task.is-complete {
    border-color: #9fc2a4 !important;
    background: #eef6ed !important;
}

.vat-recognition-page .is-wrong {
    border-color: #b64b2d !important;
    background: #fff2ec !important;
    color: #7d2a1b !important;
}

.vat-recognition-page .vat-feedback {
    margin: 2px 0 0;
    padding: 6px 8px;
    border: 1px solid #d7cbb6;
    background: rgba(255, 252, 244, 0.86);
    color: #665f51;
    font-size: 0.78rem;
    line-height: 1.3;
}

.vat-recognition-page .vat-feedback:empty,
.vat-recognition-page .vat-feedback:not(.is-correct):not(.is-wrong) {
    display: none;
}

.vat-recognition-page .vat-feedback.is-correct {
    border-color: #9fc2a4;
    background: #eef6ed;
    color: #173b29;
}

.vat-recognition-page .vat-feedback.is-wrong {
    border-color: #d99a84;
    background: #fff2ec;
    color: #7d2a1b;
}

.vat-recognition-page .vat-status-box {
    display: grid;
    gap: 8px;
}

.vat-recognition-page .vat-summary-left ul {
    margin: 10px 0 14px;
    padding-left: 18px;
    color: #554d41;
    line-height: 1.55;
}

.vat-recognition-page .vat-progress {
    margin: 0;
    color: #665f51;
    font-size: 0.86rem;
}

.vat-recognition-page .vat-status-button.is-done {
    background: #28714c;
    color: #fff8e9;
}

@media (max-width: 920px) {
    .vat-recognition-page .vat-task,
    .vat-recognition-page .vat-transfer-task {
        grid-template-columns: 1fr;
    }

    .vat-recognition-page .vat-transfer-controls {
        grid-template-columns: 1fr;
    }
}