.md2h-support-module { --support-bg: #071522; --support-panel: #0b1c2d; --support-line: #29445f; --support-text: #dce9f5; --support-muted: #758ca3; --support-blue: #39a9ef; color: var(--support-text); font-family: Inter, Arial, sans-serif; }
.md2h-support-member, .md2h-support-management { display: grid; gap: 18px; padding: 20px; border: 1px solid rgba(91, 150, 194, .2); border-radius: 14px; background: linear-gradient(145deg, rgba(12, 31, 49, .97), rgba(7, 20, 33, .97)); }
.md2h-support-heading h2 { margin: 0; font-size: 20px; }
.md2h-support-heading p { margin: 7px 0 0; color: var(--support-muted); font-size: 12px; line-height: 1.55; }
.md2h-support-form { display: grid; gap: 14px; }
.md2h-support-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.md2h-support-form legend, .md2h-support-form > label { display: grid; gap: 7px; color: #8ca3b9; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.md2h-support-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 8px; }
.md2h-support-types label { position: relative; cursor: pointer; }
.md2h-support-types input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.md2h-support-types label > span { display: grid; gap: 5px; min-height: 76px; padding: 14px; border: 1px solid var(--support-line); border-radius: 11px; background: var(--support-bg); }
.md2h-support-types b { color: #bdd0e2; font-size: 11px; }
.md2h-support-types small { color: #657d93; font-size: 9px; line-height: 1.45; }
.md2h-support-types input:checked + span { border-color: var(--support-blue); background: rgba(44, 145, 208, .13); box-shadow: 0 0 0 3px rgba(57, 169, 239, .07); }
.md2h-support-types input[value="suggestion"]:checked + span { border-color: #9b7bea; background: rgba(126, 84, 214, .12); box-shadow: 0 0 0 3px rgba(155, 123, 234, .07); }
.md2h-support-form input:not([type="radio"]), .md2h-support-form textarea { box-sizing: border-box; width: 100%; border: 1px solid var(--support-line); border-radius: 10px; padding: 12px; background: var(--support-bg); color: var(--support-text); font: inherit; font-size: 12px; outline: none; }
.md2h-support-form input:focus, .md2h-support-form textarea:focus { border-color: var(--support-blue); box-shadow: 0 0 0 3px rgba(57, 169, 239, .08); }
.md2h-support-form button[type="submit"] { border: 1px solid #36a8ee; border-radius: 10px; padding: 12px 15px; background: linear-gradient(135deg, #198bd6, #31acf2); color: white; font-weight: 850; cursor: pointer; }
.md2h-support-form button:disabled { opacity: .55; cursor: wait; }
.md2h-support-message { min-height: 18px; margin: 0; color: #91cfb6; font-size: 10px; }
.md2h-support-own { display: grid; gap: 10px; }
.md2h-support-own h2 { margin: 5px 0; font-size: 16px; }
.md2h-support-list { display: grid; gap: 10px; }
.md2h-support-card { padding: 14px; border: 1px solid rgba(96, 151, 192, .17); border-radius: 11px; background: rgba(5, 16, 28, .48); }
.md2h-support-card header, .md2h-support-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.md2h-support-card h3 { margin: 10px 0 5px; font-size: 13px; }
.md2h-support-card > small, .md2h-support-card time { color: #627a91; font-size: 9px; }
.md2h-support-card p { margin: 10px 0; color: #8299af; font-size: 11px; line-height: 1.55; white-space: pre-wrap; }
.md2h-support-technical { margin: 10px 0; border: 1px solid rgba(96, 151, 192, .14); border-radius: 8px; padding: 8px; color: #718ba3; font-size: 9px; }
.md2h-support-technical summary { cursor: pointer; color: #91b8d2; font-weight: 800; }
.md2h-support-technical pre { overflow: auto; margin: 8px 0 0; white-space: pre-wrap; word-break: break-word; font: inherit; }
.md2h-support-kind, .md2h-support-status { padding: 5px 8px; border: 1px solid rgba(226, 143, 61, .25); border-radius: 999px; background: rgba(218, 123, 35, .08); color: #efb16e; font-size: 8px; font-weight: 900; }
.md2h-support-kind.suggestion { border-color: rgba(150, 112, 232, .3); background: rgba(126, 84, 214, .1); color: #c3adf3; }
.md2h-support-status.open { color: #edbb61; }
.md2h-support-status.in_progress { color: #79c9f1; border-color: rgba(70, 166, 220, .27); background: rgba(52, 146, 202, .08); }
.md2h-support-status.resolved { color: #79dcb8; border-color: rgba(61, 199, 148, .25); background: rgba(54, 183, 134, .08); }
.md2h-support-attachments, .md2h-support-actions, .md2h-support-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.md2h-support-attachments { margin: 9px 0; }
.md2h-support-attachments a, .md2h-support-actions button, .md2h-support-filters button { border: 1px solid var(--support-line); border-radius: 8px; padding: 7px 9px; background: var(--support-bg); color: #8bbbd9; font-size: 9px; text-decoration: none; cursor: pointer; }
.md2h-support-filters button.active { border-color: var(--support-blue); background: rgba(43, 146, 210, .13); color: #d7efff; }
.md2h-support-count { color: #74bce7; font-size: 10px; font-weight: 800; }
.md2h-support-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.md2h-support-summary article { display:grid; gap:3px; padding:12px; border:1px solid var(--support-line); border-radius:10px; background:var(--support-bg); }
.md2h-support-summary strong { font-size:20px; color:#d8efff; }
.md2h-support-summary span { color:var(--support-muted); font-size:9px; }
.md2h-support-summary article.bug { border-color:rgba(238,91,112,.35); }
.md2h-support-summary article.suggestion { border-color:rgba(155,123,234,.35); }
.md2h-support-card footer { margin-top: 12px; }
.md2h-support-badge { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #53606c; border-radius: 999px; padding: 6px 10px; background: #202a33; color: #a9b5c0; font-size: 10px; font-weight: 800; }
.md2h-support-badge.has-support { border-color: #2e9c6d; background: rgba(36, 143, 96, .16); color: #82e1b6; }
@media (max-width: 640px) {
  .md2h-support-member, .md2h-support-management { padding: 14px; }
  .md2h-support-types { grid-template-columns: 1fr; }
  .md2h-support-card footer { align-items: flex-start; flex-direction: column; }
  .md2h-support-summary { grid-template-columns:1fr; }
}