﻿.auth-screen{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:45px 20px;background:radial-gradient(ellipse at 50% 20%,#e7ecff,transparent 60%)}.auth-card{width:min(470px,100%);padding:38px;box-shadow:0 20px 80px #28396710}.auth-card h1{font-size:32px;line-height:1.2}.auth-card>button{width:100%;margin:22px 0 8px}.auth-card label{margin-top:22px}#auth-message{font-size:12px;color:#bd3541;line-height:1.6}#site-list{display:grid;gap:2px;margin-top:14px}#site-list button{text-align:left;background:transparent;border:0;font-weight:400;padding:9px 12px;font-size:12px}#site-list button[aria-current=true]{background:#e9eeff;color:#3453c9;font-weight:600}.landing-label{margin-top:32px}.language-label{font-size:10px}.language-label select{font-size:12px;padding:8px}.review-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;bottom:0;background:#fff;border:1px solid #d7dfef;padding:15px;border-radius:10px;margin-top:22px;box-shadow:0 -8px 30px #14244a08;z-index:3}.review-bar>span{margin-right:auto;color:#61728d;font-size:11px;text-transform:capitalize}.review-bar button{font-size:11px}.save-bar{position:static}#site-field-list{max-height:580px;overflow:auto;padding-right:8px}.diff-row{border-top:1px solid #dce4ef;padding:12px 0}.diff-row h3{font-size:11px;color:#617693}.diff-row del,.diff-row ins{display:block;text-decoration:none;padding:12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.diff-row del{background:#fff0f0;color:#a43d42}.diff-row ins{background:#ecf9ef;color:#24683b}#review-dialog{width:min(800px,94vw);max-height:85vh}#review-diff{max-height:50vh;overflow:auto}#history-list{display:grid;gap:8px}#account-dialog{max-height:85vh;overflow:auto}#add-user{border-top:1px solid #dbe2ef;padding-top:20px;margin-top:25px}#add-user button,#mfa-confirm{margin-top:20px}#account-message{font-size:12px;color:#396749}#mfa-secret{display:block;padding:15px;background:#eff3fa;font-size:12px;overflow-wrap:anywhere}.form-section .two label{min-width:0}
.google-dialog{width:min(1100px,96vw);max-height:90vh;padding:28px}.google-heading{display:flex;gap:20px;align-items:start;justify-content:space-between;border-bottom:1px solid #dce4ef;padding-bottom:15px}.google-heading h2{font-size:28px;margin:8px 0}.google-heading p{font-size:13px;line-height:1.6}.google-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;padding-top:24px}.google-layout>nav{display:flex;flex-direction:column;gap:5px;max-height:64vh;overflow:auto}.google-layout>nav button{text-align:left;border:0;background:#f6f8fc;padding:12px}.google-layout>nav button[aria-current=true]{background:#e5eaff;color:#2946b6}.google-layout>nav small{display:block;color:#64738a;font-size:10px;margin-top:5px}.google-layout>section{min-width:0}.google-layout h3{font-size:24px;margin:5px 0 14px}.google-layout p{font-size:13px;line-height:1.6}.google-layout a{color:#3454d1}.google-check{display:flex;flex-direction:row;align-items:center;gap:10px;margin:15px 0}.google-check input{width:auto}.google-layout label{margin:14px 0}.google-layout h4{margin-top:25px}.google-layout pre,#google-release-dialog pre{padding:15px;background:#f2f5fa;border:1px solid #dbe3ef;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font-size:12px}.google-actions{display:flex;gap:10px;flex-wrap:wrap}#google-message.error,#google-release-error,#reauth-message{color:#b52638}#google-release-dialog{width:min(700px,94vw);max-height:88vh}#reauth-dialog{width:min(450px,94vw)}@media(max-width:700px){.google-layout{grid-template-columns:1fr}.google-layout>nav{max-height:180px}.google-heading{display:block}}
.cf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1.5rem;margin:1rem 0}.cf-grid section,.cf-grid>div{min-width:0}.cf-grid label{display:flex;flex-direction:column;gap:.35rem;margin:.7rem 0}.cf-grid .google-check{flex-direction:row;align-items:center}.cf-grid p{line-height:1.6}.cf-grid input:not([type=checkbox]){width:100%}#cf-dialog pre,#cf-release-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto}#cf-dialog summary{padding:1rem 0;cursor:pointer}.top-actions{flex-wrap:wrap}
.cf-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin:1rem 0}.cf-summary>div{padding:1rem;border:1px solid #ffffff20;border-radius:12px;background:#ffffff06;overflow-wrap:anywhere}.cf-summary small,.cf-summary strong{display:block}.cf-summary small{opacity:.7;margin-bottom:.4rem}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.account-heading-actions,.password-tools{display:flex;gap:10px;flex-wrap:wrap}
#accounts-page{padding-top:28px}#accounts-page .account-summary{margin:20px 0}#accounts-page .account-summary>div{padding:14px 22px}#accounts-message:empty{display:none}
.account-directory{padding:0;overflow:hidden}
.account-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px 0}
.account-list-heading h2,.account-list-heading p{margin:0}
.account-filters{display:grid;grid-template-columns:minmax(180px,1fr) 180px 190px;gap:16px;padding:0 26px 24px}
.account-table-wrap{overflow:auto;max-width:100%}
.account-table{border-collapse:collapse;width:100%;min-width:870px;text-align:left;font-size:12px}
.account-table th{padding:14px 18px;background:#f7f9fc;border-top:1px solid #e3e8f0;border-bottom:1px solid #e3e8f0;font-size:11px;color:#65748d;font-weight:650}
.account-table td{padding:20px 18px;border-bottom:1px solid #e9edf3;vertical-align:top;line-height:1.6;max-width:245px;overflow-wrap:anywhere}
.account-table tr:last-child td{border-bottom:0}
.account-table th:first-child,.account-table td:first-child{padding-left:26px}
.account-table td:nth-child(2){min-width:112px}
.account-table td:nth-child(3){min-width:175px}
.account-table td:nth-child(4){min-width:140px}
.account-identity strong{display:block;font-size:14px;color:#233454}
.account-table small{display:block;font-size:10px;color:#748199;margin:5px 0 8px;line-height:1.6}
.account-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:10px;background:#eff3f8;color:#52647f;white-space:nowrap}
.account-badge.active{background:#eaf6ef;color:#286343}.account-badge.setup{background:#fff5e4;color:#865d18}.account-badge.disabled{background:#f5edef;color:#845663}
.account-row-actions{display:flex;flex-wrap:wrap;gap:7px;min-width:190px}
.account-row-actions button{padding:7px 9px;font-size:10px}
#accounts-empty{padding:16px 26px}
.account-guidance{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:12px 6px}
.account-guidance h2{font-size:15px}.account-guidance p,.account-guidance li{font-size:12px;color:#64738b;line-height:1.8}.account-guidance ol{padding-left:18px}
.account-edit-dialog{width:min(560px,94vw);max-height:90vh;overflow:auto}
.account-edit-dialog h2{margin-top:0}.account-edit-dialog>p{font-size:12px}
.password-tools{margin:14px 0}.password-tools button{font-size:11px}
#account-create-message,#account-reset-message,#password-setup-message{color:#a6303e;font-size:12px;line-height:1.6}
#password-setup-form>.primary{width:100%;margin-top:18px}
@media(max-width:700px){.account-filters{grid-template-columns:1fr 1fr;padding:0 18px 20px;gap:12px}.account-filters>label:first-child{grid-column:1/-1}.account-list-heading{padding:20px 18px 0}.account-guidance{grid-template-columns:1fr;gap:14px}.account-heading-actions{width:100%}.account-heading-actions button{flex:1}.account-edit-dialog{padding:24px}.account-edit-dialog .dialog-actions{flex-wrap:wrap}.account-summary strong{font-size:24px}
.account-table{min-width:0;display:block}.account-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.account-table tbody{display:block}.account-table tr{display:grid;grid-template-columns:1fr 1fr;padding:20px 18px;gap:12px;border-top:1px solid #e3e8f0}.account-table td,.account-table td:first-child,.account-table td:nth-child(2),.account-table td:nth-child(3),.account-table td:nth-child(4){display:block;padding:0;min-width:0;max-width:none;border:0}.account-table td:first-child,.account-table td:last-child{grid-column:1/-1}.account-table td::before{content:attr(data-label);display:block;color:#7a879b;font-size:10px;margin-bottom:5px}.account-table td:first-child::before{display:none}.account-row-actions{min-width:0}.account-table small{margin-bottom:0}}

#invite-panel{width:min(470px,100%);padding:32px;background:white;border:1px solid #dce4ef;border-radius:16px}#invite-panel label,#service-security label{margin:16px 0}#service-security{border-top:1px solid #dce4ef;margin-top:24px;padding-top:12px}#service-security pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}#invite-result{width:100%;overflow-wrap:anywhere}#account-dialog{width:min(650px,94vw)}
.studio-navigation{display:flex;gap:4px;padding-right:12px;border-right:1px solid #dce4ef}.studio-navigation button{border-color:transparent;background:transparent}.studio-navigation button[aria-current=true]{background:#edf1ff;color:#3654ce}.topbar{height:auto;min-height:78px;gap:18px;padding-top:14px;padding-bottom:14px}.top-actions{justify-content:flex-end;gap:8px}.top-actions button{font-size:12px}.management-page{max-width:1400px;margin:auto;padding:38px clamp(20px,4vw,64px)}.management-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.management-heading h1{font-size:34px}.management-heading .muted{font-size:14px}.management-heading>label{min-width:170px;margin:0}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.account-summary>div{padding:20px 24px;border:1px solid #dfe4ed;border-radius:12px;background:#fff}.account-summary strong{font-size:28px;display:block;color:#263c77}.account-summary span{display:block;font-size:12px;color:#69768e;margin-top:6px}.accounts-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(350px,1.5fr);gap:24px;align-items:start}.role-explanation{background:#f6f8fc;border-radius:9px;padding:12px 16px;margin:20px 0;font-size:12px;line-height:1.7;color:#596b83}.role-explanation strong{display:block;color:#283c62}#create-account-form>.primary{width:100%;padding:13px}.account-row{padding:20px 0;border-top:1px solid #e3e8f0;display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1fr);gap:18px}.account-row h3{font-size:15px;font-weight:650;margin:0 0 6px;overflow-wrap:anywhere}.account-row p{font-size:12px;color:#6b7890;margin:0 0 10px}.account-state{display:inline-block;font-size:11px;padding:5px 8px;background:#edf3f9;border-radius:5px}.account-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-controls label{margin:0;width:100%}.account-controls button{font-size:11px;padding:8px 10px}.credential-card{border:1px solid #c3d5cb;border-radius:12px;background:#f1f8f4;padding:26px;margin:24px 0}.credential-card p{font-size:13px;line-height:1.7;color:#486653}.credential-card textarea{font-family:Consolas,monospace;font-size:13px}.seo-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.seo-layout>nav{display:flex;flex-direction:column;gap:5px}.seo-layout>nav button{text-align:left;border-color:transparent;background:transparent}.seo-layout>nav button[aria-current=true]{background:#e8edff;color:#3654ce}.seo-layout .form-section{max-width:820px}.seo-review{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;margin-top:15px;border-top:1px solid #e3e8f0}.seo-review span{font-size:12px;color:#69768e;text-transform:capitalize}#accounts-message,#seo-message{min-height:24px;font-size:13px;color:#24683b;line-height:1.6}#accounts-message.error,#seo-message.error,#account-verification-message{color:#a6303e}#account-verification-form button{width:100%;margin:20px 0}#account-verification-cancel{margin-top:14px}@media(max-width:1000px){.accounts-layout{grid-template-columns:1fr}.brand small{display:none}.account-row{grid-template-columns:1fr 1fr}}@media(max-width:700px){.management-heading{align-items:start;flex-direction:column}.account-summary{gap:8px}.account-summary>div{padding:14px}.account-summary span{font-size:10px}.account-row{grid-template-columns:1fr}.seo-layout{grid-template-columns:1fr}.seo-layout>nav{max-height:220px;overflow:auto}.studio-navigation{padding-right:6px}.top-actions{justify-content:flex-start}.management-page{padding:24px 16px}}

/* Admin website palettes, kept separate from the Studio interface colours. */
#appearance-dialog{width:min(820px,94vw);max-height:90vh;overflow:auto}#appearance-dialog h2{font-size:28px;margin:8px 0}#appearance-dialog p{font-size:14px;line-height:1.6}.theme-options{border:0;padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.theme-options legend{font-weight:700;padding-top:20px}.theme-option{display:grid!important;grid-template-columns:20px 1fr;gap:8px 10px;border:2px solid #dce4ef;border-radius:14px;padding:16px;cursor:pointer;margin:0!important}.theme-option:has(input:checked){border-color:#5262f4;box-shadow:0 0 0 3px #5262f414}.theme-option input{width:18px!important;align-self:center;margin:0}.theme-option>small{grid-column:1/-1;line-height:1.5;color:#536078;min-height:3em}.theme-sample{grid-column:1/-1;padding:20px;border-radius:8px;display:block;pointer-events:none}.theme-sample--light{background:#f8f8f4;color:#182b32;--sample-accent:#31652a;--sample-panel:#e6ece8}.theme-sample--dark{background:#090c14;color:#eef0fa;--sample-accent:#31652a;--sample-panel:#171d2c}.sample-nav{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em}.sample-nav>span{opacity:.75}.sample-heading{display:block;font-size:24px;line-height:1.15;font-weight:650;letter-spacing:-.03em;margin:30px 0 15px;max-width:180px}.sample-lines{display:block;width:84%;height:16px;border-top:3px solid currentColor;border-bottom:3px solid currentColor;opacity:.25}.sample-button{display:inline-block;margin-top:18px;background:var(--sample-accent);color:#fff;font-size:9px;padding:8px 12px;border-radius:4px}.sample-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.sample-cards i{height:38px;border-radius:5px;background:var(--sample-panel)}#appearance-preview{color:#334dcc;font-weight:600;text-decoration:underline}#appearance-message.error{color:#b52638}@media(max-width:600px){.theme-options{grid-template-columns:1fr}.theme-option>small{min-height:0}.sample-heading{margin-top:20px}}
