/* Free Microsoft 365 tenant check (/m365-check): landing, status pages,
   the scan stage and the free report's frame. Editorial tokens only. */

/* ---- landing ---- */
.mc-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 2rem; align-items: center; }
.mc-hero h1 { font-family: var(--mlab-edit-serif); font-weight: 400; font-size: clamp(2rem, 3.4vw, 2.9rem); line-height: 1.05; letter-spacing: -.01em; margin: 0 0 .9rem; }
.mc-hero h1 em { font-style: italic; color: var(--accent, #d97706); }
.mc-lead { font-size: 1rem; line-height: 1.6; color: var(--mlab-text-secondary); max-width: 54ch; margin-bottom: 1.1rem; }
.mc-facts { display: flex; flex-wrap: wrap; gap: .4rem; }

/* Example of the report, on the right of the hero. */
.mc-sample { border: 1px solid var(--mlab-edit-hairline); border-radius: 16px; padding: 1.1rem 1.2rem; background: var(--ins-body-bg, #fff); position: relative; }
.mc-sample::before { content: "Example"; position: absolute; top: -.6rem; right: 1rem; font: 600 .62rem/1 var(--mlab-edit-mono); letter-spacing: .08em; text-transform: uppercase; padding: .2rem .5rem; border-radius: 999px; background: var(--ins-body-bg, #fff); border: 1px solid var(--mlab-edit-hairline); color: var(--mlab-text-secondary); }
.mc-sample-row { display: flex; align-items: center; gap: .6rem; padding: .5rem 0; border-top: 1px solid var(--mlab-edit-hairline); font-size: .82rem; }
.mc-sample-row .mlab-finding-sev { flex: 0 0 3.6rem; }
.mc-sample-row--high .mlab-finding-sev { color: #b91c1c; }
.mc-sample-row--medium .mlab-finding-sev { color: #b45309; }
.mc-sample-row--low .mlab-finding-sev { color: #475569; }

/* The start form. */
.mc-start { border: 1px solid var(--mlab-edit-hairline); border-radius: 16px; padding: 1.4rem 1.6rem; background: var(--ins-body-bg, #fff); }
.mc-start label.mc-label { font-size: .78rem; font-weight: 600; margin-bottom: .35rem; display: block; }
.mc-start .mlab-ui-input { height: 46px; font-size: .95rem; }
.mc-check { display: flex; gap: .6rem; align-items: flex-start; font-size: .82rem; color: var(--mlab-text-secondary); margin: .9rem 0; }
.mc-check input { margin-top: .2rem; flex: 0 0 auto; }
.mc-ms-btn { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; height: 46px; padding: 0 1.2rem; width: 100%; }
.mc-ms-logo { width: 16px; height: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5px; flex: 0 0 auto; }
.mc-ms-logo span:nth-child(1) { background: #f25022; } .mc-ms-logo span:nth-child(2) { background: #7fba00; }
.mc-ms-logo span:nth-child(3) { background: #00a4ef; } .mc-ms-logo span:nth-child(4) { background: #ffb900; }
.mc-turnstile { min-height: 65px; margin: .25rem 0 .9rem; }
.mc-fine { font-size: .74rem; color: var(--mlab-text-secondary); line-height: 1.5; margin: .8rem 0 0; }

/* Steps, permissions, domains. */
.mc-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.mc-steps li { border: 1px solid var(--mlab-edit-hairline); border-radius: 12px; padding: 1rem 1.05rem; }
.mc-steps strong { display: block; font-size: .9rem; margin: .35rem 0 .2rem; }
.mc-steps span:not(.mlab-report-section-num) { font-size: .8rem; line-height: 1.5; color: var(--mlab-text-secondary); }
.mc-perm { display: grid; grid-template-columns: minmax(0, 18rem) minmax(0, 1fr); gap: .25rem 1.25rem; font-size: .84rem; padding: .6rem 0; border-top: 1px solid var(--mlab-edit-hairline); }
.mc-perm code { font-size: .78rem; }
.mc-domains { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.mc-domain { border: 1px solid var(--mlab-edit-hairline); border-radius: 12px; padding: .9rem 1rem; }
.mc-domain b { font-family: var(--mlab-edit-mono); font-size: 1.4rem; display: block; line-height: 1; }
.mc-domain strong { display: block; font-size: .88rem; margin: .45rem 0 .15rem; }
.mc-domain span { font-size: .78rem; color: var(--mlab-text-secondary); line-height: 1.45; display: block; }
@media (max-width: 991.98px) {
    .mc-hero { grid-template-columns: 1fr; }
    .mc-steps, .mc-domains { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mc-perm { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) { .mc-steps, .mc-domains { grid-template-columns: 1fr; } }

/* ---- status pages ---- */
.mc-status { max-width: 640px; margin: 0 auto; text-align: center; padding: 2.2rem 1.6rem; }
.mc-status-icon { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; margin: 0 auto 1rem; background: rgba(var(--ins-primary-rgb), .06); border: 1px solid var(--mlab-edit-hairline); }
.mc-status-icon svg { width: 26px; height: 26px; }
.mc-status-icon--ok { color: #16a34a; } .mc-status-icon--warn { color: #d97706; } .mc-status-icon--bad { color: #dc2626; }
.mc-status h1 { font-family: var(--mlab-edit-serif); font-weight: 400; font-size: 2rem; margin-bottom: .6rem; }
.mc-status p { color: var(--mlab-text-secondary); font-size: .92rem; line-height: 1.6; }
.mc-status .mc-email { font-family: var(--mlab-edit-mono); font-size: .9rem; padding: .35rem .7rem; border-radius: 8px; border: 1px solid var(--mlab-edit-hairline); display: inline-block; }
.mc-progress { list-style: none; padding: 0; margin: 1.5rem auto 0; display: flex; justify-content: center; gap: .4rem; flex-wrap: wrap; font-size: .74rem; }
.mc-progress li { display: flex; align-items: center; gap: .35rem; padding: .3rem .65rem; border-radius: 999px; border: 1px solid var(--mlab-edit-hairline); color: var(--mlab-text-secondary); }
.mc-progress li.is-done { color: #15803d; border-color: rgba(22,163,74,.3); }
.mc-progress li.is-now { color: var(--ins-body-color); font-weight: 600; border-color: var(--ins-body-color); }
.mc-progress svg { width: 12px; height: 12px; }
.mc-domainlist { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center; margin: .9rem 0 1.2rem; }

/* ---- free report frame ---- */
.mc-free-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; padding: .9rem 1.2rem; border-radius: 14px; border: 1px solid rgba(217,119,6,.28); background: rgba(217,119,6,.06); margin-bottom: 1.25rem; font-size: .86rem; }
.mc-free-bar strong { font-weight: 600; }
.mc-unlock { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin-top: .9rem; }
.mc-unlock > div { border: 1px solid var(--mlab-edit-hairline); border-radius: 10px; padding: .7rem .8rem; font-size: .8rem; }
.mc-unlock svg { width: 15px; height: 15px; color: var(--mlab-text-secondary); }
.mc-remove ol { padding-left: 1.2rem; font-size: .86rem; line-height: 1.7; }
@media (max-width: 767.98px) { .mc-unlock { grid-template-columns: repeat(2, minmax(0, 1fr)); } }