/* Area Code (.ac-*) */

.ac-card { padding: 16px 18px; margin-bottom: 14px; }

/* Search row */
.ac-search-row { display: flex; gap: 8px; align-items: center; margin-bottom: 14px; }
.ac-input { flex: 1; }
.ac-search-btn { height: 44px !important; padding: 0 22px !important; flex-shrink: 0; }

/* Result table */
.ac-result-table {
    background: #fff;
    border: 1px solid var(--yst-border);
    border-radius: 8px;
    max-height: 480px;
    overflow-y: auto;
}
.ac-row {
    display: grid;
    grid-template-columns: 1fr 1fr 130px;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--yst-border-soft, #f3f4f6);
    font: 13px var(--yst-font);
    color: var(--yst-text);
}
.ac-row:last-child { border-bottom: none; }
.ac-row:hover:not(.ac-head) { background: var(--yst-bg-subtle); }

.ac-head {
    background: var(--yst-bg-subtle);
    font: 600 11px var(--yst-font);
    color: var(--yst-text-muted);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border-bottom: 1px solid var(--yst-border);
    position: sticky;
    top: 0;
    z-index: 1;
}

.ac-code {
    font: 600 13px var(--yst-font-mono, monospace);
    color: var(--yst-brand);
}

.ac-empty {
    color: var(--yst-text-muted);
    font-style: italic;
}

@media (max-width: 768px) {
    .ac-search-row { flex-direction: column; align-items: stretch; }
    .ac-search-btn { width: 100%; }
    .ac-row { grid-template-columns: 1fr 1fr 100px; gap: 6px; font-size: 12px; }
}