/* Shared layouts for the shop and CRM extensions. */
.feature-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.feature-grid .panel {margin:0}
.feature-grid h2 {font-size:20px;margin:14px 0 8px}
.feature-grid p {color:var(--muted,#65746b);line-height:1.55}
.card {background:#fff;border:1px solid #e3e9e5;border-radius:16px;padding:24px;margin:18px 0}
.table-wrap {overflow-x:auto;max-width:100%;border:1px solid #e3e9e5;border-radius:12px}
.table-wrap table,.crm-table {width:100%;border-collapse:collapse;text-align:left}
.table-wrap th,.table-wrap td,.crm-table th,.crm-table td {padding:12px 14px;border-bottom:1px solid #e9eee9;vertical-align:top}
.table-wrap th,.crm-table th {background:#f5f8f5;font-weight:600}
.crm-table {display:block;overflow-x:auto;margin:16px 0}
.crm-table td form {margin-top:8px}
.status-badge {display:inline-flex;padding:5px 10px;border-radius:20px;font-size:13px;background:#eaf5ed;color:#286d3a}
.status-badge.status-new {background:#fff2db;color:#805815}
.panel > form > p,.card form > p,#batch-form fieldset > p {display:flex;flex-direction:column;gap:7px;margin:14px 0}
.panel > form > p label,.card form > p label,#batch-form fieldset label {font-weight:500}
.panel > form > p input:not([type=checkbox]),.panel > form > p select,.panel > form > p textarea,.card form > p input:not([type=checkbox]),.card form > p select,.card form > p textarea,#batch-form input:not([type=checkbox]),#batch-form select,#batch-form textarea {width:100%;max-width:100%;min-height:42px;padding:10px 12px;border:1px solid #d9e3dc;border-radius:9px;background:#fff;font:inherit}
.panel form input[type=checkbox],.card form input[type=checkbox] {align-self:flex-start}
.panel .errorlist,.card .errorlist {color:#ae3428;padding-left:20px}
.panel .helptext,.card .helptext {font-size:13px;color:#65746b}
#batch-form fieldset {padding:20px;border:1px solid #e3e9e5;border-radius:14px;margin-bottom:18px}
#batch-form legend {font-weight:600;padding:0 8px}
#batch-form > button {margin:8px 8px 0 0}
.product-body > form {margin:8px 0}
.product-body > form .button {padding:6px 12px;font-size:13px}
@media (max-width:640px) {.card {padding:16px}.feature-grid {grid-template-columns:1fr}.table-wrap th,.table-wrap td,.crm-table th,.crm-table td {padding:9px}.panel code {overflow-wrap:anywhere}.page-content fieldset {min-width:0}}