.material-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--paper); }
.material-row:first-child { border-radius:var(--radius) var(--radius) 0 0; }.material-row small { font-size:11px; }
.material-row-content { min-width:0; }.material-row-meta { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px; }
.material-review-status { display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.35;white-space:nowrap; }
.material-review-status.pending { background:var(--cold-bg);color:var(--cold-ink); }.material-review-status.approved { background:var(--followup-bg);color:var(--followup-ink); }
.material-row summary { display:list-item;min-height:28px; }.material-row .message-body { margin:10px 0;max-width:90ch; }
.material-actions { align-self:start; }.material-results { border:1px solid var(--line);border-radius:var(--radius);overflow:hidden; }
.material-results>.table-footer { background:var(--paper); }.attachment-choice { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px;border:1px solid var(--line);border-radius:var(--small-radius); }
.category-form { display:flex;gap:12px;align-items:end;flex-wrap:wrap; }.category-form .field { flex:1 1 220px;margin:0; }.category-form>[data-error] { flex-basis:100%; }
.recipient-option { display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--paper);color:var(--ink);text-align:left;width:100%;padding:7px 10px;border:0;border-bottom:1px solid var(--line); }
.recipient-option>div { min-width:0; }.recipient-option .text-button { white-space:normal;text-align:left;overflow-wrap:anywhere; }.recipient-option>.button { flex-shrink:0; }.recipient-options { max-height:260px;overflow-y:auto; }
.contact-message-form { width:100%; }.contact-message-form textarea { min-height:120px; }.compose-preview { margin:0 0 16px; }.template-picker { margin-bottom:16px; }.template-picker .list-filters { padding:0; }.template-option { display:flex;align-items:start;gap:16px;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line); }.template-option details { flex:1;min-width:0; }.template-option summary { overflow-wrap:anywhere; }.template-option .button { flex-shrink:0; }
.recipient-option small { display:block;color:var(--muted); }.recipient-option.selected { background:var(--soft);outline:1px solid var(--primary);outline-offset:-1px; }
[data-recipient-results] { margin-bottom:14px;border:1px solid var(--line);border-radius:var(--small-radius);overflow:hidden; }
.message-preview { background:var(--soft);padding:12px;border-radius:var(--small-radius);min-height:60px;overflow-wrap:anywhere; }
.page-heading .lead>.text-button { text-align:left;white-space:normal;overflow-wrap:anywhere; }
.message-variables { margin:-4px 0 16px; }.message-variables>.row { margin:6px 0; }.message-variables>p { margin:0; }
.social-fields { margin:4px 0 16px; }.social-fields>.form-grid { margin-top:10px; }.social-fields summary { color:var(--primary); }
.system-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }.system-grid .panel { margin:0 0 14px; }.system-value { display:block;font-size:19px;margin-bottom:8px; }.system-grid h2 { font-size:15px; }
.system-grid p { margin:0; }progress { width:100%;height:10px;accent-color:var(--gold); }#system-global-limit { align-items:end; }#system-global-limit .field { margin:0; }[data-member-limit] input { max-width:95px; }[data-member-limit] [data-error] { flex-basis:100%; }
.table-panel>.section-heading { padding:14px;margin:0;flex-wrap:wrap;gap:10px; }
@media(max-width:1050px) { .system-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { #message-compose { grid-template-columns:1fr; } }
@media(max-width:600px) { .system-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.system-grid .panel { padding:12px; }.system-value { font-size:17px;overflow-wrap:anywhere; } }
@media(max-width:800px) { .material-row { grid-template-columns:1fr;gap:8px;padding:10px; }.material-actions { justify-content:flex-start; }.category-form { align-items:stretch; }.section-tabs { overflow-x:auto;white-space:nowrap;max-width:100%; } }