.mq-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:4px 0 12px}
.mq-tabs [role=tab]{border:0;border-bottom:3px solid transparent;background:transparent;font:inherit;padding:12px 18px;min-height:44px;cursor:pointer;color:var(--muted)}
.mq-tabs [aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand);font-weight:600}
.mq-tabs [role=tab]:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}
.mq-intro,.mq-help{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 16px}
.mq-search{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0}
.mq-search>.field{flex:1;min-width:180px;margin:0}
.mq-search>.field:nth-child(2){flex:.7}
.mq-search .btn{white-space:nowrap;min-height:44px}
.mq-list{overflow:hidden;padding:0}
.mq-list .table{table-layout:fixed;width:100%}
.mq-list .table th,.mq-list .table td{padding:12px;vertical-align:middle;overflow-wrap:anywhere}
.mq-list .table th:first-child{width:32px}
.mq-list .table small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px}
.mq-list .table th:last-child{width:165px}
.mq-status{font-size:12px;color:var(--muted);padding:4px 7px;border-radius:5px;background:var(--surface-subtle);display:inline-block}
.mq-status.is-active{color:#15803d;background:#effaf3}
.mq-row-actions{display:flex;gap:5px;flex-wrap:wrap}
.mq-row-actions .btn{white-space:nowrap}
.mq-select{display:inline-flex;align-items:center;justify-content:center;min-height:32px}.mq-select input,.mq-batch input{height:18px;width:18px;accent-color:var(--brand)}
.mq-batch{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.mq-batch label{display:flex;gap:7px;align-items:center;min-height:32px;color:var(--ink)}
.mq-record{font-size:12px;color:var(--muted)}
.mq-record summary{min-height:40px;display:list-item;line-height:40px;cursor:pointer;color:var(--brand)}
.mq-record p{margin:3px 0;line-height:1.6}
.mq-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:10px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.mq-pagination>div{display:flex;gap:8px}
.mq-target{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 14px;background:var(--brand-soft);border-radius:8px;margin-bottom:14px}
.mq-target span{font-size:12px;color:var(--muted)}
.mq-invitation-code{max-width:240px;margin:16px auto}
.mq-invitation-code svg{max-width:100%;height:auto}
.mq-copy-status{font-size:12px;line-height:1.7;color:var(--brand);min-height:20px}
.mq-invitation-tools{display:flex;gap:8px}
.mq-page .btn:disabled{opacity:.5;cursor:not-allowed}
.mq-page .zx-inline-alert{margin-bottom:14px}
@media(max-width:760px){.mq-search{gap:8px}
.mq-search>.field{min-width:calc(50% - 8px)}
.mq-search>.field:first-child{flex-basis:100%}
.mq-search .btn{flex:1}
.mq-list .table-wrap{overflow-x:auto}
.mq-list .table{min-width:620px}
.mq-list .table th,.mq-list .table td{padding:12px 10px}
.mq-list .table th:last-child{width:110px}
.mq-row-actions .btn{min-height:44px}
.mq-batch{gap:8px}
.mq-pagination .btn{min-height:44px}
.mq-record summary{min-height:44px;line-height:44px}
.mq-tabs [role=tab]{padding:10px 14px}
.mq-invitation-tools .btn{min-height:44px}
.mq-list input{min-width:18px}.mq-select{min-height:44px;min-width:32px}
}