/* Public PURL header and the matching administrator preview. */
.purl-brand-region { container:purl-header / inline-size;min-width:0; }
.purl-brand-region .purl-brand-card {
    --purl-photo-desktop:220px;--purl-photo-mobile:160px;--purl-photo-width:var(--purl-photo-desktop);
    display:grid;grid-template-areas:"photo info logo";grid-template-columns:auto minmax(0,1fr) 184px;gap:16px;
    align-items:center;text-align:left;padding:16px 18px;margin:0 0 14px;
    border:1px solid #cbdfe6;border-left:5px solid #087d87;border-radius:12px;
    background:#f0f8fa;color:#183452;overflow-wrap:anywhere;
}
.purl-brand-region .purl-brand-card::after { content:none;display:none; }
.purl-brand-region .purl-brand-card[data-photo-present="no"] { grid-template-areas:"info logo";grid-template-columns:minmax(0,1fr) 184px; }
.purl-brand-card .purl-photo-frame {
    grid-area:photo;width:var(--purl-photo-width);max-width:100%;aspect-ratio:4 / 5;
    box-sizing:border-box;overflow:hidden;border:3px solid #fff;border-radius:16px;
    background:#e7eff2;box-shadow:0 3px 15px #17334d16;
}
.purl-brand-card .purl-photo-frame .agent-brand-photo {
    display:block;width:100%;height:100%;max-width:none;max-height:none;
    border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:center;
}
.purl-brand-card[data-photo-fit="cover"] .purl-photo-frame .agent-brand-photo { object-fit:cover; }
.purl-brand-card .agent-brand-info { grid-area:info;min-width:0;width:auto;font-size:1em;line-height:1.45; }
.purl-brand-card .agent-brand-name { font-size:1.6em;line-height:1.2;margin-bottom:4px; }
.purl-brand-card .agent-brand-caption { font-size:.8125em;margin-bottom:3px; }
.purl-brand-card .purl-system-brand { grid-area:logo;min-width:0;width:184px;max-width:100%;justify-self:end; }
.purl-brand-card .purl-system-brand img { display:block;width:100%;height:auto; }
.purl-brand-card a { color:#07528d;text-decoration:underline;text-underline-offset:3px; }
.purl-photo-placeholder { display:grid;place-content:center;justify-items:center;gap:8px;color:#597284;text-align:center;padding:12px; }
.purl-photo-placeholder svg { display:block;width:64px;height:64px; }
.purl-photo-placeholder small { font-size:12px!important; }
@container purl-header (max-width:740px) {
    .purl-brand-region .purl-brand-card { grid-template-areas:"photo info" "photo logo";grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px; }
    .purl-brand-card .purl-system-brand { width:144px; }
    .purl-brand-region .purl-brand-card[data-photo-present="no"] { grid-template-areas:"info logo";grid-template-columns:minmax(0,1fr) 144px; }
}
@container purl-header (max-width:640px) {
    .purl-brand-region .purl-brand-card { --purl-photo-width:var(--purl-photo-mobile); }
}
@container purl-header (max-width:520px) {
    .purl-brand-region .purl-brand-card { grid-template-areas:"photo logo" "info info";grid-template-columns:auto minmax(0,1fr); }
    .purl-brand-region .purl-brand-card[data-photo-present="no"] { grid-template-areas:"info" "logo";grid-template-columns:minmax(0,1fr); }
}
@container purl-header (max-width:340px) {
    .purl-brand-region .purl-brand-card { grid-template-areas:"photo" "info" "logo";grid-template-columns:minmax(0,1fr); }
}
/* Stacked mobile fallback on browsers without container queries. */
@supports not (container-type:inline-size) {
    @media(max-width:760px) {
        .purl-brand-region .purl-brand-card { --purl-photo-width:var(--purl-photo-mobile);grid-template-areas:"photo" "info" "logo";grid-template-columns:minmax(0,1fr); }
        .purl-brand-region .purl-brand-card[data-photo-present="no"] { grid-template-areas:"info" "logo";grid-template-columns:minmax(0,1fr); }
    }
}
.purl-appearance-settings .purl-settings-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap; }
.purl-appearance-settings .purl-photo-controls { margin:14px 0;padding:16px;border:1px solid #d5e3e9;border-radius:10px;min-width:0; }
.purl-appearance-settings .purl-photo-controls legend { font-weight:700;padding:0 6px; }
.purl-appearance-settings .purl-size-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:18px; }
.purl-appearance-settings .purl-size-control { min-width:0; }
.purl-appearance-settings .purl-size-control>label { display:block;font-weight:650;margin-bottom:8px; }
.purl-appearance-settings .purl-size-input { display:flex;align-items:center;gap:10px; }
.purl-appearance-settings .purl-size-input input { max-width:140px;min-height:44px;font-size:16px; }
.purl-appearance-settings input[type="range"] { width:100%;height:44px;padding:0;margin:6px 0;accent-color:#087d87; }
.purl-appearance-settings [hidden] { display:none!important; }
.purl-appearance-settings .purl-size-control small { display:block;color:#4c6578;font-size:13px; }
.purl-appearance-settings .purl-preview-toolbar { display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap; }
.purl-appearance-settings .purl-preview-toolbar .actions { margin:0; }
.purl-appearance-settings .purl-preview-toolbar button[aria-pressed="true"] { background:#183f5f;color:#fff;border-color:#183f5f; }
.purl-appearance-settings .purl-appearance-preview { border-top:1px solid #d5e3e9;padding-top:18px;margin:18px 0; }
.purl-appearance-settings .purl-preview-scroll { max-width:100%;overflow:auto;border:1px solid #d9e5ed;border-radius:10px;background:#e9eff3;padding:12px; }
.purl-appearance-settings .purl-preview-canvas { width:940px;font:16px/1.5 Arial,sans-serif; }
.purl-appearance-settings .purl-preview-canvas[data-purl-preview="mobile"] { width:366px; }
.purl-appearance-settings .purl-brand-card { margin:0; }
.purl-appearance-settings .purl-preview-canvas .agent-brand-name { display:block;font-weight:750;color:#10324c;letter-spacing:-.02em; }
.purl-appearance-settings .purl-preview-canvas .agent-brand-caption { text-transform:uppercase;letter-spacing:.09em;font-weight:750;color:#456577; }
.purl-appearance-settings .purl-preview-canvas .agent-brand-info>div { margin:2px 0; }
.purl-appearance-settings .purl-preview-canvas .agent-brand-website { margin-top:6px; }
.purl-appearance-settings [data-photo-dirty][data-unsaved="yes"] { font-weight:650;color:#7b490e; }
@media(max-width:640px) { .purl-appearance-settings .purl-size-grid { grid-template-columns:1fr;gap:16px; } }

/* Validated size allowlists shared by server and preview. */
.purl-brand-card[data-photo-desktop="120"] { --purl-photo-desktop:120px; }
.purl-brand-card[data-photo-desktop="130"] { --purl-photo-desktop:130px; }
.purl-brand-card[data-photo-desktop="140"] { --purl-photo-desktop:140px; }
.purl-brand-card[data-photo-desktop="150"] { --purl-photo-desktop:150px; }
.purl-brand-card[data-photo-desktop="160"] { --purl-photo-desktop:160px; }
.purl-brand-card[data-photo-desktop="170"] { --purl-photo-desktop:170px; }
.purl-brand-card[data-photo-desktop="180"] { --purl-photo-desktop:180px; }
.purl-brand-card[data-photo-desktop="190"] { --purl-photo-desktop:190px; }
.purl-brand-card[data-photo-desktop="200"] { --purl-photo-desktop:200px; }
.purl-brand-card[data-photo-desktop="210"] { --purl-photo-desktop:210px; }
.purl-brand-card[data-photo-desktop="220"] { --purl-photo-desktop:220px; }
.purl-brand-card[data-photo-desktop="230"] { --purl-photo-desktop:230px; }
.purl-brand-card[data-photo-desktop="240"] { --purl-photo-desktop:240px; }
.purl-brand-card[data-photo-desktop="250"] { --purl-photo-desktop:250px; }
.purl-brand-card[data-photo-desktop="260"] { --purl-photo-desktop:260px; }
.purl-brand-card[data-photo-desktop="270"] { --purl-photo-desktop:270px; }
.purl-brand-card[data-photo-desktop="280"] { --purl-photo-desktop:280px; }
.purl-brand-card[data-photo-desktop="290"] { --purl-photo-desktop:290px; }
.purl-brand-card[data-photo-desktop="300"] { --purl-photo-desktop:300px; }
.purl-brand-card[data-photo-desktop="310"] { --purl-photo-desktop:310px; }
.purl-brand-card[data-photo-desktop="320"] { --purl-photo-desktop:320px; }
.purl-brand-card[data-photo-desktop="330"] { --purl-photo-desktop:330px; }
.purl-brand-card[data-photo-desktop="340"] { --purl-photo-desktop:340px; }
.purl-brand-card[data-photo-desktop="350"] { --purl-photo-desktop:350px; }
.purl-brand-card[data-photo-desktop="360"] { --purl-photo-desktop:360px; }
.purl-brand-card[data-photo-mobile="100"] { --purl-photo-mobile:100px; }
.purl-brand-card[data-photo-mobile="110"] { --purl-photo-mobile:110px; }
.purl-brand-card[data-photo-mobile="120"] { --purl-photo-mobile:120px; }
.purl-brand-card[data-photo-mobile="130"] { --purl-photo-mobile:130px; }
.purl-brand-card[data-photo-mobile="140"] { --purl-photo-mobile:140px; }
.purl-brand-card[data-photo-mobile="150"] { --purl-photo-mobile:150px; }
.purl-brand-card[data-photo-mobile="160"] { --purl-photo-mobile:160px; }
.purl-brand-card[data-photo-mobile="170"] { --purl-photo-mobile:170px; }
.purl-brand-card[data-photo-mobile="180"] { --purl-photo-mobile:180px; }
.purl-brand-card[data-photo-mobile="190"] { --purl-photo-mobile:190px; }
.purl-brand-card[data-photo-mobile="200"] { --purl-photo-mobile:200px; }
.purl-brand-card[data-photo-mobile="210"] { --purl-photo-mobile:210px; }
.purl-brand-card[data-photo-mobile="220"] { --purl-photo-mobile:220px; }
.purl-brand-card[data-photo-mobile="230"] { --purl-photo-mobile:230px; }
.purl-brand-card[data-photo-mobile="240"] { --purl-photo-mobile:240px; }

/* Keep preview tabs legible under the workspace's own button theme. */
.agent-page[data-page="agent_access"] .purl-appearance-settings .purl-preview-toolbar button.secondary { background:#fff;color:#183f5f;border-color:#cbdfe6; }
.agent-page[data-page="agent_access"] .purl-appearance-settings .purl-preview-toolbar button.secondary[aria-pressed="true"] { background:#183f5f;color:#fff;border-color:#183f5f; }