.m365-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.m365-heading h1{font-size:30px;margin:4px 0 0}.m365-heading p,.m365-history-heading p{margin:2px 0 0;color:var(--muted)}.m365-badge{padding:8px 13px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}.m365-badge.enabled{background:#e4f6ee;color:#087548}.m365-badge.disabled{background:#f3e9e9;color:#8f2d2d}.m365-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:20px;align-items:start}.m365-config{min-width:0}.m365-form{gap:16px}.m365-side{display:flex;flex-direction:column;gap:20px}.m365-side .panel form .button{width:100%}.m365-name-preview{display:flex;flex-direction:column;padding:15px;background:var(--soft);border-radius:10px}.m365-name-preview small{font-size:10px;font-weight:800;letter-spacing:.08em}.m365-name-preview strong{font-size:16px;color:var(--blue);overflow-wrap:anywhere}.m365-name-preview span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.m365-test{display:flex;flex-direction:column;margin-top:15px;padding:13px;border-radius:9px}.m365-test.success{background:#eaf3ce;color:#52680d}.m365-test.failed{background:#fee9e9;color:#8f2d2d}.m365-test span{font-size:12px;margin:4px 0}.m365-test small{color:inherit}.m365-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.m365-stats div{background:var(--soft);padding:13px;border-radius:9px;display:flex;flex-direction:column}.m365-stats b{font-size:24px;color:var(--blue)}.m365-info{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:20px 0}.m365-info div{display:flex;flex-direction:column;padding:3px 18px;border-right:1px solid var(--line)}.m365-info div:last-child{border:0}.m365-info span{font-size:12px;color:var(--muted)}.m365-history-heading{margin-top:26px}.m365-status-sent{background:#e4f6ee;color:#087548}.m365-status-failed{background:#fee9e9;color:#8f2d2d}.m365-status-pending,.m365-status-uploading{background:#fff0dc;color:#925000}.m365-error{margin-top:6px;max-width:240px}.m365-error summary{cursor:pointer;color:#8f2d2d;font-size:11px}.m365-error small{display:block;margin-top:5px;word-break:break-word}.button:disabled{cursor:not-allowed}
@media(max-width:1100px){.m365-layout{grid-template-columns:1fr}.m365-info{grid-template-columns:1fr}.m365-info div{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}}
@media(max-width:760px){.m365-heading{align-items:flex-start;flex-direction:column}.m365-heading h1{font-size:26px}.m365-badge{white-space:normal}.m365-side{gap:15px}.m365-stats{grid-template-columns:1fr 1fr}.m365-name-preview strong{font-size:14px}.m365-config,.m365-side .panel{padding:17px}}
@media(max-width:420px){.m365-stats{grid-template-columns:1fr}.m365-config,.m365-side .panel{padding:15px}}