/* Кабинет клиента: секции на фоне CRM-панелей. */
main.wrap { padding: 20px var(--gut) 72px; }
.hello { margin-top: 8px; display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.hello h1 { font-size: 24px; }
.hello p { margin: 0; font-size: 13px; }
.site { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.site h3 { font-size: 15px; }
.site .btn { margin-left: auto; }
.mods { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.mod { display: flex; flex-direction: column; gap: 6px; }
.mod .status { align-self: flex-start; }
.mod h3 { font-size: 15px; }
.mod .price { margin-top: auto; padding-top: 10px; font-weight: 600; display: flex; align-items: center; gap: 10px; font-size: 13px; }
.mod .price .btn { margin-left: auto; }
.mod--soon { opacity: .75; }
.chat { display: flex; align-items: center; gap: 14px; }
.chat .btn { margin-left: auto; }
.due { font-size: 13px; color: var(--ink2); }
@media (max-width: 800px) { .site .btn, .chat .btn { margin-left: 0; } }