:root {
    --font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html { font-size: 16px; }
body { font-family: var(--font-ui); font-size: 15px; line-height: 1.55; }
button, input, select, textarea { font-family: inherit; }
.page-heading h1, .report-heading h1, .auth-card h1, .auth-visual h2,
.panel h2, .section-title h2, .project-content h3, .project-thumb,
.stat b, .summary b { font-family: var(--font-ui); font-style: normal; letter-spacing: -.025em; }
.page-heading h1, .report-heading h1 { font-size: clamp(2.25rem, 4vw, 3rem); font-weight: 750; line-height: 1.08; }
.panel h2, .section-title h2 { font-size: 1.5rem; font-weight: 700; }
.page-heading p, .report-heading p, .section-title p, .auth-card p { font-size: .9375rem; line-height: 1.6; }
.eyebrow { font-size: .75rem; line-height: 1.4; }
.icon { width: 1.15rem; height: 1.15rem; display: block; flex: 0 0 auto; }
.icon-label { display: inline-flex; align-items: center; gap: .4rem; }
.icon-label .icon, .project-card footer .icon { width: .9rem; height: .9rem; }
.nav-icon { display: grid; place-items: center; font-size: inherit; }
.nav-icon .icon { width: 1.2rem; height: 1.2rem; }
.sidebar nav a { min-height: 46px; font-size: .9rem; font-weight: 600; }
.tenant-card small, .user-card small { font-size: .72rem; }
.tenant-card strong, .user-card b, .user-card > a { font-size: .82rem; }
.user-card > a .icon { width: 1rem; height: 1rem; }
.app-header { font-size: .82rem; }
.button, .primary, .secondary, button[type=submit] { min-height: 42px; font-size: .875rem; font-weight: 650; }
.button.small { min-height: 36px; font-size: .8rem; }
.stat small, .project-content p, .project-card footer, .filter-count,
.schedule-card small, .browser-stats span { font-size: .78rem; }
.project-content h3 { font-size: 1.125rem; font-weight: 700; }
.project-card { --project-tone: #5067cf; }
.project-card .project-thumb { background: var(--project-tone); color: rgba(255,255,255,.88); }
.project-card .project-thumb { min-height: 112px; font-size: 2.75rem; font-weight: 700; }
.project-card:hover { box-shadow: 0 16px 36px color-mix(in srgb, var(--project-tone) 20%, transparent); }
.project-card .project-content { align-items: flex-start; }
.project-card .project-content .status {
    min-height: 0;
    padding: .38rem .65rem;
    align-self: flex-start;
    align-items: center;
    flex: 0 0 auto;
    border: 1px solid #cfe0d7;
    border-radius: 999px;
    background: #edf6f1;
    color: #2f6a52;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .045em;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 #ffffffc7;
}
.project-tone-0 { --project-tone: #d94f3d; }
.project-tone-1 { --project-tone: #738f7b; }
.project-tone-2 { --project-tone: #d4923d; }
.project-tone-3 { --project-tone: #5067cf; }
.project-tone-4 { --project-tone: #7d668f; }
.project-tone-5 { --project-tone: #3f8587; }
.project-list-name { display: inline-flex; align-items: center; gap: .75rem; }
.project-list-name > span { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: .5rem; background: var(--project-tone); color: #fff; font-size: .95rem; font-weight: 750; }
.bulk-selection { display: grid; gap: .75rem; }
.bulk-actions { display: flex; justify-content: flex-end; align-items: center; gap: .75rem; color: var(--muted); font-size: .8rem; }
.danger-button { border: 1px solid #d96868; border-radius: 6px; padding: 10px 14px; display: inline-flex; align-items: center; gap: .45rem; background: #fff; color: #b83f4e; font-weight: 650; cursor: pointer; }
.danger-button:hover { background: #fff0f1; }
.danger-button:disabled { opacity: .45; cursor: not-allowed; }
.danger-button .icon { width: 1rem; height: 1rem; }
.selection-cell { width: 48px!important; padding-right: 0!important; text-align: center!important; }
.selection-cell input { width: 1rem; height: 1rem; accent-color: var(--action); cursor: pointer; }
.selection-cell input:disabled { cursor: not-allowed; opacity: .4; }
.score-pill { display: inline-flex; padding: .25rem .5rem; border-radius: 999px; font-size: .75rem; font-weight: 750; background: #e8ebf3; color: var(--ink); }
.score-pill.good, .health-score.good, .health-global.good { color: #176044; background: #d8eee3; }
.score-pill.blue, .health-score.blue, .health-global.blue { color: #2457a6; background: #dce9fb; }
.score-pill.average, .health-score.average, .health-global.average { color: #8b4a12; background: #f7dfc4; }
.score-pill.poor, .health-score.poor, .health-global.poor { color: #7f1d1d; background: #f3d4d4; }
.health-panel { margin: 1.25rem 0; padding: 1.5rem; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.health-panel > header { display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; }
.health-panel h2 { margin: 0; font-size: 1.5rem; }.health-panel header p { margin: .35rem 0 0; color: var(--muted); }
.health-global { width: 78px; height: 78px; border-radius: 50%; display: grid; place-content: center; text-align: center; flex: 0 0 auto; }.health-global b { font-size: 1.65rem; line-height: 1; }.health-global small { font-size: .7rem; }
.profile-score-strip { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: .75rem; margin: 1rem 0; }.profile-score-strip article { background: var(--paper); border: 1px solid var(--line); border-radius: 9px; padding: 1rem; display: grid; gap: .25rem; }.profile-score-strip article.is-primary { border-color: var(--action); box-shadow: inset 0 0 0 1px var(--action); }.profile-score-strip small,.profile-score-strip span { color: var(--muted); font-size: .7rem; }.profile-score-strip strong { font-size: 1.35rem; }
.health-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; margin-top: 1.25rem; }.health-grid article { display: flex; align-items: center; gap: .75rem; padding: .9rem; border: 1px solid var(--line); border-radius: 8px; }.health-grid strong,.health-grid small { display: block; }.health-grid small { margin-top: .2rem; color: var(--muted); font-size: .7rem; }.health-score { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; font-weight: 800; }.health-panel details { margin-top: 1rem; font-size: .78rem; color: var(--muted); }.health-panel summary { cursor: pointer; color: var(--action); font-weight: 700; }
.audit-control-summary { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1.25rem 0 .75rem; }.audit-control-summary span { padding: .55rem .8rem; border-radius: 999px; font-size: .78rem; font-weight: 800; }.audit-control-summary .passed { color: #176b4d; background: #dcefe7; }.audit-control-summary .error { color: #8e2118; background: #f5dfdb; }.audit-control-summary .warning { color: #975a08; background: #f8ead3; }.audit-control-summary .not-measured { color: #8e2118; background: #f5dfdb; }.score-method-note { color: var(--muted); font-size: .82rem; margin: 0 0 1.25rem; }
.audit-control-groups { display: grid; gap: 1rem; }.audit-control-group { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }.audit-control-group > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; background: #f7f8fc; border-bottom: 1px solid var(--line); }.audit-control-group > header h3,.audit-control-group > header p { margin: 0; }.audit-control-group > header span { color: var(--muted); font-size: .78rem; }
.audit-control-item { margin: 0; border-bottom: 1px solid var(--line); color: inherit; font-size: inherit; }.audit-control-item:last-child { border-bottom: 0; }.audit-control-item > summary { display: grid; grid-template-columns: 34px 1fr auto; gap: .75rem; align-items: center; padding: .9rem 1.1rem; list-style: none; color: var(--ink); cursor: pointer; }.audit-control-item > summary::-webkit-details-marker { display: none; }.control-state { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; font-weight: 900; }.is-validated .control-state { background: #dcefe7; color: #176b4d; }.is-error .control-state,.is-not_measured .control-state { background: #f5dfdb; color: #b42318; }.is-warning .control-state,.is-opportunity .control-state { background: #f8ead3; color: #975a08; }.control-title strong,.control-title small { display: block; }.control-title small { margin-top: .18rem; color: var(--muted); font-size: .72rem; }.control-chevron { color: var(--muted); transition: transform .2s ease; }.audit-control-item[open] .control-chevron { transform: rotate(180deg); }
.control-detail { padding: 0 1.1rem 1.1rem 3.95rem; }.control-explanation { padding: .9rem; border-radius: 8px; background: #f7f8fc; }.control-explanation h4 { margin: 0 0 .35rem; font-size: .82rem; }.control-explanation h4:not(:first-child) { margin-top: .9rem; }.control-explanation p { margin: 0; color: var(--ink); }.control-explanation small { display: block; margin-top: .8rem; color: var(--muted); }.control-success,.control-missing { padding: .75rem .9rem; border-radius: 8px; }.control-success { color: #176b4d; background: #eef8f4; }.control-missing { color: #8e2118; background: #fff1ef; }.control-issues { display: grid; gap: .75rem; margin-top: .8rem; }.control-issues > article { padding: .9rem; border: 1px solid var(--line); border-left: 4px solid #c4473a; border-radius: 8px; }.control-issues article > header { display: flex; justify-content: space-between; gap: 1rem; }.control-issues p { margin: .55rem 0; }.control-urls { max-height: 9rem; overflow: auto; padding-left: 1.2rem; font-size: .75rem; color: var(--muted); }.technical-proof { margin-top: .7rem; }.technical-proof pre { max-height: 22rem; overflow: auto; white-space: pre-wrap; word-break: break-word; }.report-control-groups { margin-bottom: 2rem; }.corrective-actions-title { margin-top: 2rem; }
.finding-accordions { display: grid; gap: .75rem; }.finding-accordion { display: block; padding: 0; overflow: hidden; }.finding-accordion > summary { display: grid; grid-template-columns: 42px minmax(220px,1fr) auto 18px; gap: .85rem; align-items: center; padding: 1rem 1.15rem; list-style: none; cursor: pointer; }.finding-accordion > summary::-webkit-details-marker { display: none; }.finding-summary-title strong,.finding-summary-title small { display: block; }.finding-summary-title small { margin-top: .2rem; color: var(--muted); font-size: .78rem; font-weight: 400; }.finding-summary-statuses { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }.finding-accordion[open] > summary { border-bottom: 1px solid var(--line); background: #fafbfe; }.finding-accordion[open] > summary .control-chevron { transform: rotate(180deg); }.finding-accordion-body { padding: 1.1rem 1.2rem 1.25rem 4.85rem; }.finding-explanation { padding: .95rem; margin-bottom: .8rem; border-radius: 8px; background: #f7f8fc; }.finding-explanation h4 { margin: 0 0 .3rem; font-size: .82rem; }.finding-explanation h4:not(:first-child) { margin-top: .85rem; }.finding-explanation p { margin: 0; }.finding-urls ul { max-height: 10rem; overflow: auto; }.finding-accordion-body > details summary { cursor: pointer; color: var(--action); font-size: .78rem; font-weight: 700; }
.result-filters { gap: .85rem; padding: 1rem; margin-bottom: 1rem; align-items: end; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }.result-filters label,.finding-status-form label { display: grid; gap: .45rem; margin: 0; color: #626b78; font-size: .72rem; font-weight: 750; letter-spacing: .06em; }.result-filters input,.result-filters select,.finding-status-form input,.finding-status-form select { min-height: 44px; padding: .65rem .8rem; border: 1px solid #cfd4df; border-radius: 9px; outline: 0; background: #fff; color: var(--ink); font-size: .875rem; box-shadow: 0 1px 2px #17203f0a; transition: border-color .18s,box-shadow .18s,background .18s; }.result-filters input:hover,.result-filters select:hover,.finding-status-form input:hover,.finding-status-form select:hover { border-color: #adb6c8; }.result-filters input:focus,.result-filters select:focus,.finding-status-form input:focus,.finding-status-form select:focus { border-color: var(--action); box-shadow: 0 0 0 3px #344fd01c; }.result-filters input { min-width: 280px; }.finding-status-form { display: grid; grid-template-columns: minmax(150px,.65fr) minmax(190px,.8fr) minmax(240px,1.5fr) auto; gap: .9rem; align-items: end; margin: 1.15rem 0 0; padding: 1rem; border: 1px solid var(--line); border-radius: 10px; background: #fafbfe; }.finding-status-form input,.finding-status-form select { width: 100%; min-width: 0; }
.result-filters .button,.finding-status-form .button,.inline-action .text-button { min-height: 44px; border-radius: 9px; padding: .7rem 1rem; font-size: .82rem; font-weight: 750; text-decoration: none; transition: transform .16s,box-shadow .16s,background .16s,border-color .16s; }.result-filters .button:not(.secondary),.finding-status-form button[type=submit] { border: 1px solid var(--action); background: var(--action); color: #fff; box-shadow: 0 5px 12px #344fd024; }.result-filters .button:hover,.finding-status-form .button:hover,.inline-action .text-button:hover { transform: translateY(-1px); }.result-filters .secondary { border: 1px solid #cfd4df; background: #fff; color: var(--ink); box-shadow: none; }.inline-action .text-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d8dce5; background: #fff; color: #435065; }.filter-count { align-self: center; padding: .45rem .65rem; border-radius: 999px; background: #eef1f7; font-weight: 700; }
@media(max-width:900px){.finding-status-form{grid-template-columns:1fr 1fr}.finding-status-form label:nth-of-type(3){grid-column:1/-1}}@media(max-width:800px){.health-grid{grid-template-columns:1fr 1fr}.finding-accordion>summary{grid-template-columns:42px 1fr 18px}.finding-summary-statuses{grid-column:2/4;justify-content:flex-start}.finding-accordion-body{padding-left:1.2rem}}@media(max-width:650px){.audit-control-group>header{align-items:flex-start;flex-direction:column}.control-detail{padding-left:1.1rem}.audit-control-item>summary{grid-template-columns:30px 1fr auto;padding-inline:.8rem}.result-filters{align-items:stretch}.result-filters label,.result-filters input,.result-filters select,.result-filters .button{width:100%;min-width:0}.filter-count{margin-left:0}.finding-status-form{grid-template-columns:1fr}.finding-status-form label:nth-of-type(3){grid-column:auto}}@media(max-width:560px){.health-grid{grid-template-columns:1fr}.health-panel>header{align-items:flex-start}}
.audit-report-page { max-width: 1320px; }
.audit-back { display: inline-flex; align-items: center; gap: .4rem; color: var(--muted); font-size: .8rem; font-weight: 650; text-decoration: none; }.audit-back .icon { width: .95rem; }
.audit-heading { margin-top: 1.5rem; }.audit-heading h1 em { color: #5067cf; }.audit-heading p a { display: inline-flex; align-items: center; gap: .3rem; text-decoration: none; }.audit-heading p a .icon { width: .85rem; height: .85rem; }.audit-heading p span { display: block; margin-top: .35rem; font-size: .75rem; }
.report-heading-actions form { margin: 0; }.report-heading-actions button .icon,.export-menu summary .icon { width: 1rem; height: 1rem; }
.export-menu { position: relative; }.export-menu summary { list-style: none; cursor: pointer; }.export-menu summary::-webkit-details-marker { display: none; }.export-menu[open] > div { position: absolute; right: 0; top: calc(100% + .4rem); z-index: 9; min-width: 180px; padding: .4rem; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); box-shadow: 0 14px 30px #17203f1c; }.export-menu[open] > div a { display: block; padding: .6rem .7rem; border-radius: 5px; color: var(--ink); text-decoration: none; font-size: .8rem; font-weight: 600; }.export-menu[open] > div a:hover { background: var(--cream); }
.audit-overview { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(250px,.8fr); min-height: 320px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.audit-preview { min-width: 0; padding: 18px; background: #f8f8f5; }.browser-chrome { height: 28px; padding: 0 .6rem; display: flex; gap: .3rem; align-items: center; border-radius: 7px 7px 0 0; background: #e4e5e1; }.browser-chrome span { width: 6px; height: 6px; border-radius: 50%; background: #aeb2ae; }.browser-chrome small { width: 44%; margin: auto; padding: .15rem .5rem; overflow: hidden; border-radius: 4px; background: #f7f7f5; color: #8b918e; font-size: .55rem; text-align: center; white-space: nowrap; text-overflow: ellipsis; }.audit-preview > img { display: block; width: 100%; height: 275px; object-fit: cover; object-position: top; border-radius: 0 0 7px 7px; }.audit-preview-placeholder { height: 100%; min-height: 280px; display: grid; place-content: center; justify-items: center; gap: .5rem; color: var(--muted); text-align: center; }.audit-preview-placeholder .icon { width: 2rem; height: 2rem; }.audit-preview-placeholder small { max-width: 300px; }
.audit-score-card { padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid var(--line); text-align: center; }.audit-score-card .health-global { width: 96px; height: 96px; margin: .65rem 0; border: 7px solid currentColor; background: transparent; }.audit-score-card h2 { margin: .35rem 0; font-size: 1.5rem; }.audit-score-card > p:not(.eyebrow) { max-width: 270px; color: var(--muted); font-size: .76rem; }.audit-score-card > small { margin-top: .75rem; color: var(--muted); }
.audit-summary { margin-top: 1rem; }.audit-summary > div { align-items: center; }
.report-nav { margin: 1rem 0 0; padding: .75rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); }.report-nav a { color: var(--action); font-size: .8rem; font-weight: 750; text-decoration: none; }.report-nav span { color: var(--muted); font-size: .72rem; }
.report-tabs { position: sticky; top: 82px; z-index: 8; margin: 1.25rem 0 0; padding: .35rem; display: flex; gap: .25rem; overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; background: #f0f2f9ee; backdrop-filter: blur(10px); }.report-tabs button { min-height: 38px; padding: .55rem 1rem; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-size: .82rem; font-weight: 700; white-space: nowrap; cursor: pointer; }.report-tabs button:hover { color: var(--ink); background: #ffffffa8; }.report-tabs button[aria-selected=true] { color: #fff; background: var(--action); box-shadow: 0 4px 12px #344fd02b; }.report-tab-panel[hidden] { display: none!important; }.report-tab-panel { min-width: 0; animation: report-tab-in .18s ease-out; }.report-tab-panel > .section-title:first-child { margin-top: 2rem; }.tab-findings { margin-top: 1rem; }@keyframes report-tab-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:560px){.report-tabs{top:10px}.report-tabs button{padding:.5rem .75rem;font-size:.75rem}}
.project-tabs { margin-top: 1.5rem; }.project-tab-panel { padding-bottom: .5rem; }.project-tab-panel > .section-title:first-child { margin-top: 2rem; }
.search-console-connect-card { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 2rem; }.search-console-connect-card h2 { margin: .15rem 0 .35rem; }.search-console-connect-card p { margin: 0; color: var(--muted); }.search-console-connect-card .button { flex: 0 0 auto; }
.project-create-page { max-width: 980px; }.project-create-heading { margin: 3.2rem auto 2rem; max-width: 650px; text-align: center; }.project-create-heading h1 { margin: .35rem 0 .65rem; font-size: clamp(2.4rem,5vw,3.4rem); line-height: 1.08; }.project-create-heading h1 em { color: #5369d7; font-style: normal; }.project-create-heading > p:last-child { margin: 0; color: var(--muted); }.project-create-card { max-width: 720px; margin: 0 auto; padding: 2rem; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); box-shadow: 0 18px 45px #17203f0a; }.project-create-intro { display: flex; gap: 1rem; align-items: center; padding-bottom: 1.35rem; border-bottom: 1px solid var(--line); }.project-create-icon { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; background: #e8ecff; color: var(--action); }.project-create-icon .icon { width: 1.35rem; height: 1.35rem; }.project-create-intro h2 { margin: 0; font-size: 1.2rem; }.project-create-intro p { margin: .25rem 0 0; color: var(--muted); font-size: .82rem; }.project-create-form { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 1.5rem; }.project-create-field { display: grid; gap: .45rem; }.project-create-field label { color: #626b78; font-size: .75rem; font-weight: 750; letter-spacing: .04em; }.project-create-field input,.project-create-field select { width: 100%; min-height: 48px; padding: .75rem .9rem; border: 1px solid #cfd4df; border-radius: 9px; outline: 0; background: #fff; color: var(--ink); font-size: .92rem; transition: border-color .18s,box-shadow .18s; }.project-create-field input:focus,.project-create-field select:focus { border-color: var(--action); box-shadow: 0 0 0 3px #344fd01c; }.project-create-field ul { margin: 0; padding-left: 1.1rem; color: #b42318; font-size: .75rem; }.project-create-field small { color: var(--muted); font-size: .72rem; }.project-create-url { grid-column: 1/-1; }.project-create-actions { grid-column: 1/-1; display: flex; justify-content: flex-end; gap: .7rem; padding-top: .35rem; }.project-create-actions .button,.project-create-actions button { min-height: 46px; border-radius: 9px; }.project-create-note { max-width: 720px; margin: 1rem auto 0; color: var(--muted); font-size: .76rem; text-align: center; }
.flash-heading { margin-bottom: 2rem; }.flash-launch-card { padding: 1.3rem; border: 1px solid var(--line); border-radius: 11px; background: var(--paper); }.flash-launch-card form { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: .65rem; padding: .45rem; border: 1px solid #cfd4df; border-radius: 9px; background: #fff; }.flash-url-icon { display: grid; place-items: center; color: #41685a; font-size: 1.2rem; }.flash-launch-card input { width: 100%; min-height: 44px; padding: 0 .4rem; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 1rem; }.flash-launch-card button { white-space: nowrap; }.flash-launch-card > small { display: block; margin: .65rem .2rem 0; color: var(--muted); }.flash-audit-list { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--paper); }.flash-audit-list article { display: grid; grid-template-columns: 38px minmax(180px,1fr) auto auto; align-items: center; gap: .9rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }.flash-audit-list article:last-child { border-bottom: 0; }.flash-list-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; background: #e4eee9; color: #41685a; }.flash-audit-list strong,.flash-audit-list small { display: block; }.flash-audit-list small { margin-top: .15rem; color: var(--muted); }.flash-audit-list a { color: var(--action); font-size: .8rem; font-weight: 700; text-decoration: none; }
@media(max-width:650px){.search-console-connect-card{align-items:flex-start;flex-direction:column}.search-console-connect-card .button{width:100%}.flash-launch-card form{grid-template-columns:28px 1fr}.flash-launch-card button{grid-column:1/-1;width:100%}.flash-audit-list article{grid-template-columns:38px 1fr auto}.flash-audit-list article>a{grid-column:2/4}.flash-list-score{grid-column:3}.project-create-card{padding:1.3rem}.project-create-form{grid-template-columns:1fr}.project-create-url,.project-create-actions{grid-column:auto}.project-create-actions{flex-direction:column-reverse}.project-create-actions .button,.project-create-actions button{width:100%}}
.audit-heading:has(+ .audit-waiting) .export-menu { display: none; }
.audit-waiting { max-width: 820px; min-height: 390px; margin: 2rem auto 0; padding: 3.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); text-align: center; box-shadow: 0 18px 50px #17203f0a; }.audit-waiting-icon { width: 58px; height: 58px; margin-bottom: 1rem; display: grid; place-items: center; border-radius: 50%; background: #e7ebff; }.audit-waiting .audit-progress-dot { width: 14px; height: 14px; }.audit-waiting h2 { margin: .25rem 0; font-size: 1.65rem; }.audit-waiting > p:not(.eyebrow) { max-width: 520px; margin: .4rem 0 1.5rem; color: var(--muted); }.progress-meter { position: relative; width: min(100%,600px); height: 14px; overflow: hidden; border-radius: 999px; background: #e5e8f1; }.progress-meter > span { position: absolute; inset: 0 auto 0 0; min-width: 3%; border-radius: inherit; background: linear-gradient(90deg,#344fd0,#6680f2,#344fd0); background-size: 200% 100%; transition: width .6s ease; animation: progress-flow 1.5s linear infinite; }.progress-meta { width: min(100%,600px); margin-top: .65rem; display: flex; justify-content: space-between; align-items: center; }.progress-meta strong { color: var(--action); font-size: 1.25rem; }.progress-meta small,.progress-refresh { color: var(--muted); }.progress-refresh { margin-top: 1.5rem; }.audit-waiting.is-failed .audit-waiting-icon { background: #f5dfdb; }.audit-waiting.is-failed .audit-progress-dot { animation: none; background: #bd574c; box-shadow: none; }.audit-waiting.is-failed .progress-meter > span { background: #bd574c; animation: none; }@keyframes progress-flow{to{background-position:-200% 0}}@media(max-width:560px){.audit-waiting{min-height:330px;padding:2rem 1.2rem}.progress-meta{align-items:flex-end}.progress-meta small{text-align:right}}
.progress-eta { margin-top: .75rem; color: var(--ink); font-size: .82rem; font-weight: 700; }
@media(max-width:850px){.audit-overview{grid-template-columns:1fr}.audit-score-card{border-left:0;border-top:1px solid var(--line)}.audit-preview>img{height:240px}}@media(max-width:560px){.audit-preview{padding:10px}.audit-heading .report-heading-actions{display:grid;grid-template-columns:1fr 1fr}.audit-heading .report-heading-actions>*{width:100%}.audit-heading .report-heading-actions button,.audit-heading .report-heading-actions summary{width:100%}}
.health-score.unmeasured { background: #eceef4; color: var(--muted); }
.health-grid article > div:last-child { display: grid; gap: .2rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.projects-page .page-heading { margin-bottom: 34px; }
.project-toolbar { display: flex; align-items: center; gap: .65rem; margin-bottom: 1rem; flex-wrap: wrap; }
.project-toolbar label { margin: 0; }
.project-toolbar input, .project-toolbar select { height: 44px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); font-size: .8125rem; }
.project-toolbar select { min-width: 180px; padding: 0 2.25rem 0 .85rem; }
.project-search { position: relative; display: flex; align-items: center; width: min(340px,100%); }
.project-search .icon { position: absolute; left: .9rem; width: 1rem; height: 1rem; color: var(--muted); }
.project-search input { width: 100%; padding: 0 1rem 0 2.65rem; }
.projects-table { border-radius: 12px; }
.projects-table table { min-width: 820px; }
.projects-table th { padding-top: 16px; padding-bottom: 16px; }
.projects-table td { padding-top: 15px; padding-bottom: 15px; vertical-align: middle; }
.projects-table th:first-child, .projects-table td:first-child { width: 34%; }
.project-list-name > span:first-child { width: 2.5rem; height: 2.5rem; }
.project-list-copy { display: flex!important; width: auto!important; height: auto!important; align-items: flex-start!important; gap: 0; background: transparent!important; color: inherit!important; border-radius: 0!important; flex-direction: column; }
.project-list-copy b { font-size: .875rem; }
.project-list-copy small { color: var(--muted); font-size: .72rem; font-weight: 400; }
.muted-text, .project-result-count { color: var(--muted); font-size: .78rem; }
.project-result-count { margin: .8rem .2rem 0; }
.project-row-action { width: 2.25rem; height: 2.25rem; display: grid!important; place-items: center; margin-left: auto; border-radius: 50%; color: var(--action)!important; transition: .18s; }
.project-row-action:hover { background: #eef1ff; transform: translateX(2px); }
.project-row-action .icon { width: 1rem; height: 1rem; }
@media(max-width:700px){.project-toolbar>*{flex:1 1 100%}.project-toolbar select{width:100%}.project-toolbar .button{flex-basis:auto}.projects-page .page-heading .button{width:100%}}
.status { font-size: .7rem; line-height: 1.2; }
.status.error, .status.failed, .status.not_measured { background: #f5dfdb; color: #b42318; }
.status.validated { background: #dcece3; color: #34745a; }
.status.opportunity, .status.warning { background: #fceed8; color: #b54708; }
.result-filters label, .form-card label, .audit-launcher label, .finding-status-form label,
.schedule-form label { font-size: .75rem; }
.result-filters input, .result-filters select, .form-card input, .form-card select,
.audit-launcher select, .finding-status-form input, .finding-status-form select,
.schedule-form select, .schedule-form input { font-size: .875rem; min-height: 42px; }
.data-table th { font-size: .75rem; }
.data-table td { font-size: .875rem; line-height: 1.5; }
.task-card, .resource-table > div, .infra-card p { font-size: .8125rem; }
.issue-content h3 { font-size: .9375rem; line-height: 1.45; }
.issue-content p { font-size: .875rem; line-height: 1.6; }
.issue-content small, .issue-content details, .text-button, .workflow-history p { font-size: .75rem; line-height: 1.5; }
.metric-card strong, .web-vitals b, .browser-card details { font-size: .8125rem; }
.metric-card pre, .lighthouse-card pre, .infra-card pre, .diff-value,
.a11y-proof code, .a11y-proof small, .element-proof code, .element-proof small { font-size: .75rem; line-height: 1.5; }
.web-vitals small, .resource-table > div:first-child, .diagnostic-item summary,
.diagnostic-item li span, .diagnostic-item li small, .semantic-inventory span,
.keyboard-summary span, .a11y-counts span, .a11y-rules summary b,
.a11y-rules summary small, .automation-limits li, .automation-limits p,
.infra-signals span, .infra-checks span, .infra-card summary { font-size: .75rem; line-height: 1.45; }
.mobile-nav .icon { width: 1.25rem; height: 1.25rem; }
.mobile-nav a { min-width: 56px; font-size: .75rem; }
.auth-card label { font-size: .8125rem; }
.auth-card h1 { font-weight: 750; }
.auth-card input { min-height: 46px; font-size: 1rem; }

@media (max-width: 560px) {
    body { font-size: 14px; }
    .page { padding-inline: 16px; }
    .issue-card { padding: 16px; }
}
.audit-step-list { width: min(100%,600px); margin-top: 1.5rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; text-align: left; }
.audit-step { min-width: 0; padding: .7rem .8rem; display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: .65rem; align-items: center; border: 1px solid var(--line); border-radius: 8px; background: #f8f9fc; }
.audit-step > span { grid-row: 1/3; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #f5dfdb; color: #bd574c; font-size: 1rem; font-weight: 800; }
.audit-step strong { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }.audit-step small { color: var(--muted); font-size: .68rem; }
.audit-step[data-status=completed] > span { background: #dcece3; color: #287253; }.audit-step[data-status=running] > span { background: #f3e6ce; color: #99641c; animation: audit-step-pulse 1s ease-in-out infinite; }.audit-step[data-status=failed] > span { background: #f5dfdb; color: #bd574c; }
@keyframes audit-step-pulse{50%{transform:scale(.82);opacity:.55}}
@media(max-width:560px){.audit-step-list{grid-template-columns:1fr}}

/* Project detail */
.project-detail-page { max-width: 1320px; }
.project-detail-hero { margin-top: 1.5rem; display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; }
.project-detail-hero h1 { margin: .25rem 0 .35rem; font-size: clamp(2.4rem,5vw,4rem); line-height: 1; }
.project-detail-url { display: inline-flex; align-items: center; gap: .35rem; color: var(--muted); font-size: .9rem; font-weight: 650; }
.project-kpis { margin-top: 2rem; display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.project-kpis article { padding: 1.2rem 1.4rem; display: grid; gap: .2rem; border-right: 1px solid var(--line); }
.project-kpis article:last-child { border-right: 0; }
.project-kpis span,.project-kpis small { color: var(--muted); font-size: .72rem; }
.project-kpis strong { font-family: var(--serif); font-size: 1.55rem; color: var(--ink); }
.project-tabs button span { min-width: 1.35rem; height: 1.35rem; margin-left: .3rem; padding: 0 .35rem; display: inline-grid; place-items: center; border-radius: 999px; background: #dfe3ef; color: #596276; font-size: .68rem; }
.project-tabs button[aria-selected=true] span { background: #ffffff2c; color: #fff; }
.project-tab-panel { padding: 2rem 0 .5rem; }
.project-panel-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1rem; }
.project-panel-heading h2 { margin: .2rem 0; font-size: 1.65rem; }
.project-panel-heading p:not(.eyebrow) { margin: 0; color: var(--muted); }
.project-heading-spaced { margin-top: 2.5rem; }
.project-section-card,.project-launch-card { padding: 1.35rem; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); box-shadow: 0 10px 30px #17203f08; }
.project-launch-card { padding: 1.5rem; background: linear-gradient(135deg,#fff 0%,#f8f9ff 100%); }
.project-launch-form { display: grid; grid-template-columns: minmax(260px,1.1fr) minmax(260px,1fr) auto; gap: 1rem; align-items: end; }
.project-form-field { display: grid; gap: .45rem; margin: 0; }
.project-form-field > span,.project-schedule-form label { color: #626b78; font-size: .75rem; font-weight: 750; letter-spacing: .04em; }
.project-form-field select,.project-schedule-form select,.project-schedule-form input { width: 100%; min-height: 48px; padding: .7rem .85rem; border: 1px solid #cfd4df; border-radius: 9px; outline: 0; background: #fff; color: var(--ink); }
.project-form-field select:focus,.project-schedule-form select:focus,.project-schedule-form input:focus { border-color: var(--action); box-shadow: 0 0 0 3px #344fd01c; }
.project-checkbox { min-height: 48px; margin: 0; padding: .6rem .8rem; display: flex; align-items: center; gap: .65rem; border: 1px solid var(--line); border-radius: 9px; background: #fff; cursor: pointer; }
.project-checkbox input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--action); }
.project-checkbox strong,.project-checkbox small { display: block; }
.project-checkbox strong { font-size: .8rem; }.project-checkbox small { margin-top: .15rem; color: var(--muted); font-size: .68rem; }
.project-launch-form > button,.project-schedule-form > button { min-height: 48px; white-space: nowrap; border-radius: 9px; }
.project-recent-audits { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.project-recent-audits article { min-height: 72px; padding: 1rem 1.2rem; display: grid; grid-template-columns: minmax(200px,1fr) auto auto; gap: 1rem; align-items: center; border-bottom: 1px solid var(--line); }
.project-recent-audits article:last-child { border-bottom: 0; }.project-recent-audits strong,.project-recent-audits small { display: block; }.project-recent-audits small { margin-top: .2rem; color: var(--muted); }.project-recent-audits a { color: var(--action); font-size: .78rem; font-weight: 750; text-decoration: none; }
.project-audits-table { border-radius: 12px; }.project-task-count { padding: .35rem .55rem; border-radius: 999px; background: #eef1f7; font-size: .75rem; font-weight: 750; }
.project-schedule-form { display: grid; grid-template-columns: 1fr 1fr 1.25fr auto; gap: 1rem; align-items: end; }.project-schedule-form label { display: grid; gap: .45rem; margin: 0; }
.project-schedule-list { margin-top: 1rem; }.project-schedule-list .schedule-card { border-radius: 10px; background: var(--paper); }
.project-search-console-card { padding: 1.5rem; display: grid; grid-template-columns: 52px minmax(0,1fr) auto; gap: 1.2rem; align-items: center; border: 1px solid #cfd7ff; border-radius: 12px; background: linear-gradient(135deg,#fff 0%,#f1f4ff 100%); }
.project-integration-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 12px; background: #fff; color: #4285f4; font-size: 1.45rem; font-weight: 850; box-shadow: 0 5px 16px #17203f12; }
.project-search-console-card h2 { margin: .2rem 0; }.project-search-console-card p:not(.eyebrow) { max-width: 720px; margin: 0; color: var(--muted); }.project-search-console-card .button { white-space: nowrap; }
.project-ignored-rules { display: grid; gap: .7rem; }.project-ignored-rules .inline-action { margin: 0; padding-bottom: .7rem; border-bottom: 1px solid var(--line); }.project-ignored-rules .inline-action:last-child { padding-bottom: 0; border-bottom: 0; }
.project-info-card { margin-top: 1rem; padding: 1.35rem; border: 1px solid #dce2f0; border-left: 4px solid #6b7fd8; border-radius: 10px; background: #f8f9fd; }.project-info-card h2 { margin: .2rem 0; font-size: 1.15rem; }.project-info-card p:not(.eyebrow) { margin: 0; color: var(--muted); }
@media(max-width:900px){.project-launch-form{grid-template-columns:1fr 1fr}.project-launch-form>button{grid-column:1/-1}.project-schedule-form{grid-template-columns:1fr 1fr}.project-schedule-form>button{grid-column:1/-1}.project-search-console-card{grid-template-columns:52px 1fr}.project-search-console-card .button{grid-column:1/-1;width:100%}}
@media(max-width:700px){.project-detail-hero{align-items:flex-start;flex-direction:column}.project-detail-hero .report-heading-actions{width:100%;display:grid}.project-detail-hero .report-heading-actions>*{width:100%}.project-kpis{grid-template-columns:1fr}.project-kpis article{border-right:0;border-bottom:1px solid var(--line)}.project-kpis article:last-child{border-bottom:0}.project-panel-heading{align-items:flex-start;flex-direction:column}.project-panel-heading>button{width:100%}.project-launch-form,.project-schedule-form{grid-template-columns:1fr}.project-launch-form>button,.project-schedule-form>button{grid-column:auto}.project-recent-audits article{grid-template-columns:1fr auto}.project-recent-audits a{grid-column:1/-1}.project-search-console-card{grid-template-columns:44px 1fr}.project-integration-icon{width:44px;height:44px}}

/* Settings */
.settings-page { max-width: 1500px; }.settings-heading { margin-bottom: 2rem; }.settings-heading h1 { margin: .25rem 0 .7rem; font-size: clamp(2.5rem,5vw,4rem); line-height: 1; }.settings-heading h1 em { color: #5369d7; font-style: normal; }.settings-heading > p:last-child { margin: 0; color: var(--muted); font-size: 1rem; }
.settings-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 1.5rem; align-items: start; }.settings-content { min-width: 0; }.settings-panel[hidden] { display: none!important; }.settings-panel { animation: report-tab-in .18s ease-out; }.settings-panel-heading { margin-bottom: 1rem; }.settings-panel-heading h2 { margin: .2rem 0; font-size: 2rem; }.settings-panel-heading > p:last-child { margin: 0; color: var(--muted); }
.settings-navigation { position: sticky; top: 92px; padding: 1.4rem; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); box-shadow: 0 18px 42px #17203f0a; }.settings-navigation h2 { margin: .2rem 0 1rem; font-size: 1.45rem; }.settings-navigation nav { display: grid; gap: .35rem; }.settings-navigation button { width: 100%; min-height: 70px; padding: .75rem; display: grid; grid-template-columns: 34px 1fr; gap: .7rem; align-items: center; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; }.settings-navigation button:hover { background: #f6f7fb; }.settings-navigation button[aria-selected=true] { border-color: #b8c0cf; background: #eef0f4; box-shadow: inset 0 0 0 1px #fff; }.settings-navigation button > span { color: #48616c; font-size: 1.2rem; text-align: center; }.settings-navigation button strong,.settings-navigation button small { display: block; }.settings-navigation button strong { font-size: .86rem; }.settings-navigation button small { margin-top: .18rem; color: var(--muted); font-size: .7rem; font-weight: 500; }
.settings-card { margin-bottom: 1rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); box-shadow: 0 12px 32px #17203f08; }.settings-card-heading { margin-bottom: 1.25rem; }.settings-card-heading h3 { margin: .2rem 0; font-size: 1.3rem; }.settings-card-heading p:not(.eyebrow) { margin: 0; color: var(--muted); }.settings-identity-card { display: grid; grid-template-columns: 54px 1fr auto; gap: 1rem; align-items: center; }.settings-space-mark { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 12px; background: var(--green2); color: #fff; font-size: 1.25rem; font-weight: 800; }.settings-identity-card small,.settings-identity-card strong,.settings-identity-card span { display: block; }.settings-identity-card small { color: var(--muted); font-size: .66rem; letter-spacing: .08em; }.settings-identity-card strong { font-size: 1rem; }.settings-identity-card div > span { color: var(--muted); font-size: .75rem; }
.settings-form { display: grid; gap: 1rem; }.settings-field-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }.settings-field { display: grid; gap: .4rem; margin: 0; color: #626b78; font-size: .75rem; font-weight: 750; }.settings-field input { width: 100%; min-height: 48px; padding: .75rem .9rem; border: 1px solid #cfd4df; border-radius: 9px; outline: 0; background: #fff; color: var(--ink); font-size: .95rem; }.settings-field input:focus { border-color: var(--action); box-shadow: 0 0 0 3px color-mix(in srgb,var(--action) 15%,transparent); }.settings-field small { color: var(--muted); font-size: .68rem; font-weight: 500; }.settings-form-actions { display: flex; align-items: center; gap: 1rem; padding-top: .4rem; }.settings-form-actions > span { color: #287253; font-size: .76rem; font-weight: 700; }
.appearance-mode { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-bottom: 1.4rem; }.appearance-mode button { min-height: 58px; padding: .8rem 1rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); font-weight: 750; text-align: left; }.appearance-mode button.is-selected { border-color: #617481; background: #edf0f2; color: #405963; }.appearance-mode button:disabled { opacity: .55; cursor: not-allowed; }.appearance-mode small { float: right; color: var(--muted); }
.palette-picker { margin: 0 0 1.2rem; padding: 0; border: 0; }.palette-picker legend { margin-bottom: .65rem; font-size: .78rem; font-weight: 750; }.palette-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; }.palette-grid button { position: relative; min-height: 72px; padding: .65rem; display: grid; grid-template-columns: 42px 1fr 18px; gap: .65rem; align-items: center; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; }.palette-grid button:hover,.palette-grid button.is-selected { border-color: #72818c; background: #f2f4f5; }.palette-grid button.is-selected { box-shadow: inset 0 0 0 1px #72818c; }.palette-grid i { width: 42px; height: 42px; border-radius: 9px; background: linear-gradient(135deg,var(--palette-a) 0 50%,var(--palette-b) 50%); }.palette-grid strong,.palette-grid small { display: block; }.palette-grid strong { font-size: .78rem; }.palette-grid small { color: var(--muted); font-size: .64rem; }.palette-grid b { opacity: 0; color: #287253; }.palette-grid .is-selected b { opacity: 1; }.appearance-preview { margin-bottom: 1rem; padding: 1rem; display: flex; align-items: center; gap: 1rem; border-radius: 10px; background: #f0f1f4; }.appearance-preview > span { margin-right: auto; color: var(--muted); font-size: .72rem; }.appearance-preview button { min-height: 42px; padding: .6rem 1rem; border: 0; border-radius: 7px; background: var(--action); color: #fff; font-weight: 700; }.appearance-preview a { color: var(--action); font-size: .8rem; font-weight: 750; }
.settings-table-card { padding: 0; overflow: hidden; }.settings-table-card .settings-card-heading { margin: 0; padding: 1.4rem; border-bottom: 1px solid var(--line); }.settings-members > div { padding: 1rem 1.4rem; display: grid; grid-template-columns: 42px 1fr auto; gap: .8rem; align-items: center; border-bottom: 1px solid var(--line); }.settings-members > div:last-child { border-bottom: 0; }.settings-member-avatar { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #e7ebf9; color: var(--action); font-size: .75rem; font-weight: 800; }.settings-members strong,.settings-members small { display: block; }.settings-members small { color: var(--muted); }.settings-note { padding: 1rem 1.1rem; border: 1px solid #d7ddeb; border-left: 4px solid var(--action); border-radius: 9px; background: #f7f8fc; color: var(--muted); font-size: .8rem; }.settings-empty-feature { min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.settings-empty-feature > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: #e8ecf8; color: var(--action); font-size: 1.5rem; }.settings-empty-feature h3 { margin: .8rem 0 .3rem; }.settings-empty-feature p { max-width: 620px; margin: 0; color: var(--muted); }.settings-admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.settings-admin-grid .settings-card { display: grid; gap: .2rem; }.settings-admin-grid small,.settings-admin-grid span { color: var(--muted); }.settings-admin-grid strong { font-size: 1.5rem; }
@media(max-width:1050px){.settings-layout{grid-template-columns:1fr}.settings-navigation{position:static;grid-row:1}.settings-navigation nav{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto}.settings-navigation button{min-width:145px}.settings-field-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.settings-heading h1{font-size:2.5rem}.settings-navigation nav{grid-template-columns:1fr}.settings-navigation button{min-width:0}.settings-field-grid,.palette-grid,.settings-admin-grid{grid-template-columns:1fr}.settings-identity-card{grid-template-columns:48px 1fr}.settings-identity-card>.status{grid-column:1/-1;justify-self:start}.appearance-mode{grid-template-columns:1fr}.appearance-preview{align-items:stretch;flex-direction:column}.appearance-preview>span{margin-right:0}.settings-members>div{grid-template-columns:42px 1fr}.settings-members .status{grid-column:2}}

.settings-note { border-left-width: 1px; }
.custom-palette { margin: 0 0 1.2rem; padding: 1rem; display: grid; grid-template-columns: minmax(200px,1fr) 180px 180px; gap: 1rem; align-items: end; border: 1px solid var(--line); border-radius: 10px; background: #f7f8fb; }.custom-palette h4 { margin: .15rem 0; }.custom-palette p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .72rem; }.custom-palette label { display: grid; grid-template-columns: 1fr auto; gap: .35rem .6rem; align-items: center; color: var(--muted); font-size: .7rem; font-weight: 700; }.custom-palette input[type=color] { grid-row: 1/3; grid-column: 2; width: 42px; height: 42px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); cursor: pointer; }.custom-palette code { color: var(--ink); font-size: .72rem; }.custom-palette-actions { grid-column: 1/-1; display: flex; gap: .7rem; }.custom-palette-actions button { min-height: 42px; display: inline-flex; align-items: center; gap: .45rem; }.custom-palette-actions .secondary { background: var(--paper); }

.has-custom-appearance .sidebar { background: var(--green); color: var(--sidebar-ink,#fff); }.has-custom-appearance .sidebar nav a { color: var(--sidebar-muted,#ffffffb8); }.has-custom-appearance .sidebar nav a:hover,.has-custom-appearance .sidebar nav a.active { background: var(--green2); color: var(--sidebar-ink,#fff); }.has-custom-appearance .sidebar .tenant-card small,.has-custom-appearance .sidebar .user-card small { color: var(--sidebar-muted,#ffffffb8); }.has-custom-appearance .sidebar .tenant-card { border-color: color-mix(in srgb,var(--sidebar-ink,#fff) 20%,transparent); }.has-custom-appearance .app-main strong,.has-custom-appearance .app-main b { color: var(--action); }.has-custom-appearance .app-main button strong,.has-custom-appearance .app-main .button strong,.has-custom-appearance .app-main .status strong { color: inherit; }.has-custom-appearance .icon,.has-custom-appearance .settings-navigation button > span,.has-custom-appearance .project-row-action { color: var(--action); }.has-custom-appearance .sidebar .icon,.has-custom-appearance .sidebar .nav-icon { color: inherit; }.has-custom-appearance .page-heading h1 em,.has-custom-appearance .report-heading h1 em,.has-custom-appearance .settings-heading h1 em { color: var(--action); }
html[data-theme=dark] { color-scheme: dark; --cream:#101525; --paper:#171e31; --ink:#edf0fa; --muted:#a1a9bd; --line:#303a55; }.has-custom-appearance[data-theme=dark] body { background: var(--cream); color: var(--ink); }.has-custom-appearance[data-theme=dark] .app-header { background:#101525e8; }.has-custom-appearance[data-theme=dark] .panel,.has-custom-appearance[data-theme=dark] .project-card,.has-custom-appearance[data-theme=dark] .data-table,.has-custom-appearance[data-theme=dark] .empty-state,.has-custom-appearance[data-theme=dark] .settings-card,.has-custom-appearance[data-theme=dark] .settings-navigation,.has-custom-appearance[data-theme=dark] .project-section-card,.has-custom-appearance[data-theme=dark] .project-launch-card,.has-custom-appearance[data-theme=dark] .project-recent-audits,.has-custom-appearance[data-theme=dark] .flash-launch-card,.has-custom-appearance[data-theme=dark] .flash-audit-list { background:var(--paper); }.has-custom-appearance[data-theme=dark] input,.has-custom-appearance[data-theme=dark] select,.has-custom-appearance[data-theme=dark] textarea,.has-custom-appearance[data-theme=dark] .project-checkbox,.has-custom-appearance[data-theme=dark] .palette-grid button,.has-custom-appearance[data-theme=dark] .appearance-mode button,.has-custom-appearance[data-theme=dark] .custom-palette-actions .secondary { border-color:var(--line);background:#11182a;color:var(--ink); }.has-custom-appearance[data-theme=dark] .settings-navigation button:hover,.has-custom-appearance[data-theme=dark] .settings-navigation button[aria-selected=true],.has-custom-appearance[data-theme=dark] .palette-grid button:hover,.has-custom-appearance[data-theme=dark] .palette-grid button.is-selected,.has-custom-appearance[data-theme=dark] .appearance-mode button.is-selected { background:#242d43;color:var(--ink); }.has-custom-appearance[data-theme=dark] .custom-palette,.has-custom-appearance[data-theme=dark] .appearance-preview,.has-custom-appearance[data-theme=dark] .settings-note,.has-custom-appearance[data-theme=dark] .project-info-card { background:#12192a;border-color:var(--line); }.has-custom-appearance[data-theme=dark] .data-table td,.has-custom-appearance[data-theme=dark] .data-table th,.has-custom-appearance[data-theme=dark] .project-card footer { border-color:var(--line);color:var(--muted); }.has-custom-appearance[data-theme=dark] .secondary { background:transparent;color:var(--ink);border-color:var(--line); }
@media(max-width:1050px){.custom-palette{grid-template-columns:1fr 1fr}.custom-palette>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.custom-palette{grid-template-columns:1fr}.custom-palette>div:first-child{grid-column:auto}.custom-palette-actions{flex-direction:column}.custom-palette-actions button{width:100%}}
.settings-primary-action,.project-new-audit-button { min-height: 46px; padding: .75rem 1.15rem; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 1px solid color-mix(in srgb,var(--action) 82%,#000); border-radius: 9px; background: var(--action); color: #fff; font-size: .84rem; font-weight: 750; line-height: 1; text-decoration: none; cursor: pointer; box-shadow: 0 7px 18px color-mix(in srgb,var(--action) 24%,transparent); transition: transform .16s ease,box-shadow .16s ease,background .16s ease; }.settings-primary-action:hover,.project-new-audit-button:hover { background: var(--action-hover); transform: translateY(-1px); box-shadow: 0 10px 24px color-mix(in srgb,var(--action) 30%,transparent); }.settings-primary-action:active,.project-new-audit-button:active { transform: translateY(0); box-shadow: 0 4px 10px color-mix(in srgb,var(--action) 20%,transparent); }.settings-primary-action > span,.project-new-audit-button > span { color: inherit; font-size: 1rem; font-weight: 800; }

.team-create-form { display: grid; grid-template-columns: 1.25fr .8fr 1fr auto; gap: .8rem; align-items: end; }.team-create-form label,.settings-member-actions label { display: grid; gap: .4rem; margin: 0; color: var(--muted); font-size: .72rem; font-weight: 750; }.team-create-form input,.team-create-form select,.settings-member-actions input { width: 100%; min-height: 44px; padding: .65rem .8rem; border: 1px solid #cfd4df; border-radius: 8px; outline: 0; background: var(--paper); color: var(--ink); }.team-create-form input:focus,.team-create-form select:focus,.settings-member-actions input:focus { border-color: var(--action); box-shadow: 0 0 0 3px color-mix(in srgb,var(--action) 15%,transparent); }.team-create-form > button { min-height: 44px; white-space: nowrap; }
.settings-members .settings-member { border-bottom: 1px solid var(--line); }.settings-members .settings-member:last-child { border-bottom: 0; }.settings-member-summary { padding: 1rem 1.4rem; display: grid; grid-template-columns: 42px minmax(180px,1fr) auto auto; gap: .8rem; align-items: center; }.settings-member.is-locked .settings-member-avatar { background: #f5dfdb; color: #b42318; }.settings-member-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }.member-manage-button { min-height: 36px; padding: .45rem .7rem; font-size: .74rem; cursor: pointer; }
.settings-member-actions { padding: 1rem 1.4rem 1.2rem 5.2rem; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(260px,1fr); gap: 1rem; border-top: 1px solid var(--line); background: #f8f9fc; }.settings-member-actions[hidden] { display: none!important; }.settings-member-actions form:first-child { display: grid; grid-template-columns: 1fr 1fr auto; gap: .7rem; align-items: end; }.settings-member-actions h4 { grid-column: 1/-1; margin: 0; font-size: .86rem; }.settings-member-actions form:first-child button { min-height: 44px; white-space: nowrap; }.member-lock-form { padding: .9rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid #ead1d1; border-radius: 9px; background: var(--paper); }.member-lock-form h4 { margin: 0; }.member-lock-form p { margin: .25rem 0 0; color: var(--muted); font-size: .7rem; }.member-lock-form button { flex: 0 0 auto; }.member-lock-form button:disabled { opacity: .4; cursor: not-allowed; }
.has-custom-appearance[data-theme=dark] .settings-member-actions { background:#12192a; }.has-custom-appearance[data-theme=dark] .member-lock-form { border-color:var(--line);background:#11182a; }
@media(max-width:1100px){.team-create-form{grid-template-columns:1fr 1fr}.team-create-form>button{grid-column:1/-1}.settings-member-actions{grid-template-columns:1fr;padding-left:1.4rem}}
@media(max-width:700px){.team-create-form{grid-template-columns:1fr}.team-create-form>button{grid-column:auto}.settings-member-summary{grid-template-columns:42px 1fr}.settings-member-badges,.member-manage-button{grid-column:2;justify-self:start}.settings-member-actions form:first-child{grid-template-columns:1fr}.settings-member-actions h4{grid-column:auto}.member-lock-form{align-items:flex-start;flex-direction:column}.member-lock-form button{width:100%}}

.settings-member-dialog { width: min(760px,calc(100vw - 32px)); max-height: min(820px,calc(100vh - 40px)); padding: 0; overflow: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); color: var(--ink); box-shadow: 0 28px 80px #090d1d55; }.settings-member-dialog::backdrop { background: #0b1024a8; backdrop-filter: blur(4px); }.settings-member-dialog > header { position: sticky; top: 0; z-index: 2; padding: 1.3rem 1.5rem; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); background: color-mix(in srgb,var(--paper) 94%,transparent); backdrop-filter: blur(12px); }.settings-member-dialog > header h3 { margin: .15rem 0; font-size: 1.35rem; overflow-wrap: anywhere; }.settings-member-dialog > header p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .78rem; }.member-dialog-close { width: 38px; height: 38px; padding: 0; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 50%; background: var(--paper); color: var(--muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }.member-dialog-close:hover { border-color: var(--action); color: var(--action); background: color-mix(in srgb,var(--action) 7%,var(--paper)); }
.settings-member-dialog .settings-member-actions { padding: 1.5rem; display: grid; grid-template-columns: 1fr; gap: 1rem; border: 0; background: var(--paper); }.settings-member-dialog .settings-member-actions > form:first-child { padding: 1.2rem; display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; align-items: end; border: 1px solid var(--line); border-radius: 11px; background: color-mix(in srgb,var(--paper) 94%,var(--cream)); }.settings-member-dialog .settings-member-actions > form:first-child > button { grid-column: 1/-1; justify-self: start; }.member-action-title { grid-column: 1/-1; display: flex; gap: .75rem; align-items: flex-start; }.member-action-title > span { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: color-mix(in srgb,var(--action) 12%,var(--paper)); color: var(--action); }.member-action-title h4 { margin: 0; }.member-action-title p { margin: .2rem 0 0; color: var(--muted); font-size: .72rem; }.settings-member-dialog .member-lock-form { padding: 1.2rem; border-radius: 11px; }.has-custom-appearance[data-theme=dark] .settings-member-dialog,.has-custom-appearance[data-theme=dark] .settings-member-dialog > header,.has-custom-appearance[data-theme=dark] .settings-member-dialog .settings-member-actions { background:var(--paper); }.has-custom-appearance[data-theme=dark] .settings-member-dialog .settings-member-actions > form:first-child { background:#12192a; }
@media(max-width:620px){.settings-member-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.settings-member-dialog>header,.settings-member-dialog .settings-member-actions{padding:1rem}.settings-member-dialog .settings-member-actions>form:first-child{grid-template-columns:1fr}.settings-member-dialog .settings-member-actions>form:first-child>button{grid-column:auto;width:100%}}