/* Модели по API: форма подключения и каталог (public/apimodels.js) */
.am-form { display: flex; flex-direction: column; gap: 10px; }
.am-row { display: flex; flex-direction: column; gap: 4px; }
.am-l { font-size: 13px; font-weight: 500; }
.am-hint, .am-id { font-size: 12px; color: var(--faint); }
.am-note { font-size: 12.5px; padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--accent) 10%, transparent); }
.am-form a { font-size: 12.5px; color: var(--accent); word-break: break-all; }
.am-btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.am-sec { font-weight: 600; margin: 16px 0 6px; }
.am-bar { display: flex; gap: 8px; align-items: center; margin: 6px 0; }
.am-bar .field { flex: 1; min-width: 0; }
.am-from { max-width: 220px; }
.am-cat { display: flex; flex-direction: column; gap: 6px; }
.am-head, .am-item { display: grid; grid-template-columns: 1fr 86px 86px 32px; gap: 8px; align-items: center; }
.am-head { font-size: 12px; color: var(--faint); }
.am-mi { display: flex; flex-direction: column; min-width: 0; }
.am-mi > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-num { padding-left: 6px; padding-right: 6px; }
.am-found { display: flex; flex-direction: column; max-height: 300px; overflow: auto; border: 1px solid var(--border); border-radius: 10px; }
.am-found:empty { display: none; }
.am-hit { display: flex; align-items: center; gap: 10px; padding: 7px 10px; background: none; border: 0; border-bottom: 1px solid var(--border); color: inherit; text-align: left; cursor: pointer; font: inherit; }
.am-hit:hover:not(:disabled) { background: var(--hover, rgba(127,127,127,.08)); }
.am-hit:disabled { opacity: .55; cursor: default; }
.am-hit .am-mi { flex: 1; }
.am-price { font-size: 12px; color: var(--faint); white-space: nowrap; }
@media (max-width: 600px) { .am-head, .am-item { grid-template-columns: 1fr 64px 64px 30px; } .am-bar { flex-wrap: wrap; } .am-from { max-width: none; } }
.am-check { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; cursor: pointer; }
.am-check input { margin-top: 3px; }
.am-row .field + .field { margin-top: 4px; }
