.hub-kpgen-manager { margin-bottom: 24px; }
.hub-kpgen-panel { border: 1px solid #e2e2e2; border-radius: 8px; padding: 12px 16px; margin-bottom: 12px; }
.hub-kpgen-panel > summary { cursor: pointer; font-weight: 600; }
.hub-kpgen-bundle-list { width: 100%; border-collapse: collapse; margin: 12px 0; }
.hub-kpgen-bundle-list td, .hub-kpgen-bundle-list th { padding: 6px 8px; border-bottom: 1px solid #eee; text-align: left; }

/* Поля форм — жёстко заданная ширина и box-sizing, чтобы стили темы сайта
   не могли схлопнуть их до нечитаемого размера (как было в скриншотах). */
.hub-kpgen-manager input[type=text],
.hub-kpgen-manager input[type=number],
.hub-kpgen-manager textarea,
.hub-kpgen-manager select,
.hub-service-form input[type=text],
.hub-service-form textarea,
.hub-service-form select,
.hub-wide {
    display: block !important;
    width: 100% !important;
    max-width: 640px !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    border: 1px solid #ccd0d4 !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
}
.hub-kpgen-manager textarea,
.hub-service-form textarea { min-height: 120px !important; }

/* Подсказки под полями — во wp-admin для этого есть встроенный класс
   .description, но на публичных страницах сайта его никто не стилизует,
   поэтому у kp-generator свой класс с тем же смыслом. */
.hub-kpgen-help {
    display: block;
    font-size: 12px;
    color: #666;
    margin: 4px 0 14px;
    max-width: 640px;
    line-height: 1.5;
}
.hub-kpgen-help code { background: #f0f0f1; padding: 1px 4px; border-radius: 3px; }

.hub-kpgen-history { margin-top: 24px; }
.hub-kpgen-result-field { margin: 10px 0; }
.hub-kpgen-result-field label { display: block; font-weight: 600; margin-bottom: 4px; }
.hub-kpgen-result-field .hub-wide { display: inline-block !important; width: calc(100% - 110px) !important; vertical-align: top; }
.hub-kpgen-result-field .hub-copy-btn { vertical-align: top; margin-left: 6px; }

.hub-kpgen-sender-form label { display: block; font-weight: 600; margin: 10px 0 2px; }
.hub-kpgen-sender-form input { max-width: 480px; }

/* Форма запуска — выделяем отдельным ярким блоком, чтобы не сливалась с
   панелями управления шаблонами/данными отправителя над ней. */
.hub-kpgen-generate-box {
    background: #f0f6fc;
    border: 2px solid #2271b1;
    border-radius: 10px;
    padding: 20px 24px;
    margin: 20px 0;
}
.hub-kpgen-generate-box h3 { margin-top: 0; }
.hub-kpgen-generate-box label { display: block; font-weight: 600; margin: 14px 0 2px; }
.hub-kpgen-generate-box label:first-of-type { margin-top: 0; }