.arshin-lookup { margin-bottom: 16px; }
.arshin-lookup summary { cursor: pointer; font-weight: 650; }
.arshin-lookup [hidden] { display: none !important; }
.arshin-form, .arshin-result { display: grid; gap: 12px; }
.arshin-form { margin-block: 14px; }
.arshin-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 12px; }
.arshin-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.arshin-status { margin-top: 10px; color: var(--muted); }
.arshin-result h3 { margin: 0; font-size: 1em; }
.arshin-results-list { list-style: none; padding: 0; margin: 0; display: grid; }
.arshin-results-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px;
    padding-block: 9px; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.arshin-results-list li > span { grid-column: 1; }
.arshin-results-list li > button { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
.arshin-table-scroll { overflow: auto; }
.arshin-comparison { width: 100%; min-width: 520px; border-collapse: collapse; text-align: left; }
.arshin-comparison th, .arshin-comparison td { border-bottom: 1px solid var(--border); padding: 8px;
    vertical-align: top; overflow-wrap: anywhere; }
.arshin-comparison thead { background: var(--hover); }
.arshin-comparison [data-comparison="different"] { color: var(--danger-text); }
.arshin-comparison [data-comparison="missing"] { color: var(--muted); }
@media (max-width: 560px) {
    .arshin-results-list li { display: flex; flex-direction: column; align-items: flex-start; }
    .arshin-results-list li > button { align-self: flex-start; }
}
