.mgm-agent-nav { color: #ecfff8; }
.mgm-agent-nav:hover { background: rgba(52, 211, 153, .18) !important; }
.mgm-agent-nav .mgm-agent-nav-icon { margin-right: 8px; font-size: 16px; }
.mgm-agent-overlay { position: fixed; z-index: 2200; top: 60px; left: 205px; right: 0; bottom: 0; overflow: auto; padding: 20px; background: #f3fbf8; color: #183d36; }
.mgm-agent-panel { max-width: 1280px; margin: 0 auto; }
.mgm-agent-card { background: #fff; border: 1px solid #d7eee6; border-radius: 10px; box-shadow: 0 7px 24px rgba(8, 93, 71, .08); overflow: hidden; }
.mgm-agent-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px 22px 16px; border-bottom: 1px solid #e0f1ec; }
.mgm-agent-head h2 { margin: 0; color: #075b45; font-size: 21px; }
.mgm-agent-head p { margin: 7px 0 0; color: #6f8e85; font-size: 13px; }
.mgm-agent-close { border: 0; background: transparent; color: #56877a; font-size: 27px; cursor: pointer; line-height: 1; }
.mgm-agent-note { margin: 16px 22px 0; padding: 12px 14px; border: 1px solid #bfe8d9; border-radius: 7px; background: #edfbf5; color: #087355; font-size: 13px; line-height: 1.6; }
.mgm-agent-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 22px; }
.mgm-agent-search { display: flex; gap: 8px; align-items: center; }
.mgm-agent-input, .mgm-agent-select { box-sizing: border-box; min-height: 34px; border: 1px solid #cbe6dc; border-radius: 5px; padding: 7px 10px; color: #244a41; background: #fff; outline: none; }
.mgm-agent-input:focus, .mgm-agent-select:focus { border-color: #08a878; box-shadow: 0 0 0 2px rgba(8, 168, 120, .12); }
.mgm-agent-button { border: 1px solid #00a873; border-radius: 5px; padding: 8px 12px; background: #00ad78; color: #fff; cursor: pointer; font-size: 13px; white-space: nowrap; }
.mgm-agent-button:hover { background: #009c6d; }
.mgm-agent-button.secondary { border-color: #b9d9cf; background: #fff; color: #087355; }
.mgm-agent-button.danger { border-color: #e98383; background: #fff4f4; color: #c54444; }
.mgm-agent-table-wrap { overflow: auto; border-top: 1px solid #e1f0eb; }
.mgm-agent-table { width: 100%; min-width: 930px; border-collapse: collapse; font-size: 13px; }
.mgm-agent-table th { padding: 12px 10px; background: #ecf9f4; color: #176853; text-align: left; font-weight: 600; white-space: nowrap; }
.mgm-agent-table td { padding: 12px 10px; border-top: 1px solid #e6f2ee; color: #315b50; vertical-align: middle; white-space: nowrap; }
.mgm-agent-table tr:hover td { background: #fbfffd; }
.mgm-agent-code { display: inline-block; border-radius: 4px; padding: 3px 7px; background: #e1f8ee; color: #007d56; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.mgm-agent-status { display: inline-block; border-radius: 99px; padding: 3px 9px; font-size: 12px; }
.mgm-agent-status.active { background: #ddf8e9; color: #087450; }
.mgm-agent-status.off { background: #f7e8e8; color: #b84a4a; }
.mgm-agent-actions { display: flex; gap: 6px; }
.mgm-agent-empty { padding: 58px 18px; color: #75958b; text-align: center; }
.mgm-agent-modal-backdrop { position: fixed; z-index: 2400; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(4, 45, 35, .48); }
.mgm-agent-modal { width: min(500px, 100%); max-height: min(720px, calc(100vh - 36px)); overflow: auto; border-radius: 11px; background: #fff; box-shadow: 0 18px 60px rgba(0, 0, 0, .22); }
.mgm-agent-modal-head, .mgm-agent-modal-foot { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid #e4f0ec; }
.mgm-agent-modal-head h3 { margin: 0; color: #075b45; font-size: 17px; }
.mgm-agent-modal-foot { border-top: 1px solid #e4f0ec; border-bottom: 0; justify-content: flex-end; gap: 9px; }
.mgm-agent-form { padding: 18px; }
.mgm-agent-form label { display: block; margin: 0 0 6px; color: #40695e; font-size: 13px; }
.mgm-agent-form .field { margin-bottom: 14px; }
.mgm-agent-form .mgm-agent-input, .mgm-agent-form .mgm-agent-select { width: 100%; }
.mgm-agent-help { margin-top: 5px; color: #79988f; font-size: 12px; line-height: 1.5; }
.mgm-agent-member-list { max-height: 330px; overflow: auto; margin: 0; padding: 0; list-style: none; border-top: 1px solid #e5f0ec; }
.mgm-agent-member-list li { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 11px 18px; border-bottom: 1px solid #edf5f2; color: #325b50; }
.mgm-agent-member-list small { display: block; margin-top: 3px; color: #7e9c93; }
.mgm-agent-readonly { margin: 10px 16px 0; padding: 8px 11px; border-radius: 5px; background: #edf9f4; color: #057354; font-size: 12px; }
body.mgm-agent-mode .mgm-agent-readonly { display: block; }
@media (max-width: 760px) { .mgm-agent-overlay { top: 0; left: 0; padding: 10px; } .mgm-agent-toolbar, .mgm-agent-search { align-items: stretch; flex-direction: column; } .mgm-agent-head { padding: 16px; } }