/* Размещение объекта: форма, пояснения, статусы заявок (страница сервиса и кабинет) */
.lst-box { background: var(--c-bg-alt); border-radius: var(--radius-lg); padding: 28px; }
.lst-box h2 { font-size: 24px; font-weight: 800; color: var(--c-ink); margin-bottom: 10px; }
.lst-box__btns { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.lst-form { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 24px; display: grid; gap: 16px; }
.lst-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.lst-wide { grid-column: 1 / -1; }
.lst-form [hidden] { display: none; }
.lst-form textarea, .lst-form select, .lst-form input[type=file] { width: 100%; }
@media (max-width: 760px) { .lst-grid { grid-template-columns: 1fr; } .lst-form { padding: 16px; } }

/* Мои заявки на размещение (кабинет) */
.lst-list { display: grid; gap: 12px; margin-top: 16px; }
.lst-item { padding: 14px 16px; border: 1px solid var(--c-line); border-radius: var(--radius); background: #fff; }
.lst-item__head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.lst-item__note { margin-top: 8px; padding: 8px 12px; border-radius: 8px; background: var(--c-bg-alt); font-size: 14px; }
.lst-hint { font-size: 13px; margin: -4px 0 0; }
.lst-item__ctl { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 10px; }
.lst-item__ctl form { margin: 0; }
