html{color-scheme:light;font:16px/1.5 system-ui,sans-serif;background:#f1f5f9;color:#172033}body{margin:0;padding:24px}main{max-width:960px;margin:auto;background:white;padding:32px;border-radius:12px}h1{font-size:1.8rem}h2{margin-top:36px;font-size:1.3rem}form{max-width:650px}label{display:block;margin:16px 0}input:not([type=checkbox]),select{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #718096;border-radius:6px;font:inherit}input[type=checkbox]{margin-right:10px}.check{display:flex;align-items:center}button{padding:11px 18px;background:#1458ae;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}a{color:#1458ae}.notice{background:#eef5ff;border-left:4px solid #1458ae;padding:16px}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{padding:8px;border-bottom:1px solid #dae0e8;text-align:left;overflow-wrap:anywhere}input:focus,button:focus,select:focus,a:focus{outline:3px solid #da9d1a;outline-offset:2px}@media(max-width:600px){body{padding:8px}main{padding:16px}table{font-size:.75rem}}
/* Stratega authentication pages. Admin layout remains independent. */
body.pp-auth{min-height:100vh;box-sizing:border-box;display:grid;place-items:center;padding:48px 20px;background:radial-gradient(ellipse at 12% 8%,#14515a 0,transparent 54%),linear-gradient(135deg,#12383f,#09272e);color:#18373d}
.pp-auth main{box-sizing:border-box;width:100%;max-width:560px;margin:0 auto;padding:0 40px 32px;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #001a2466;border:1px solid #ffffff24}
.pp-auth .pp-brand{margin:0 -40px 30px;padding:32px 40px 26px;text-align:center;background:#10383f;border-bottom:3px solid #22c7d2;color:#fff}
.pp-auth .pp-logo{display:block;width:auto;max-width:240px;max-height:86px;object-fit:contain;margin:0 auto 12px}
.pp-auth .pp-wordmark{display:block;font-size:36px;font-weight:650;letter-spacing:-1px;line-height:1.1}
.pp-auth .pp-wordmark span{display:block;margin-top:9px;font-size:10px;letter-spacing:5px;text-transform:uppercase;font-weight:500;color:#62d5dd}
.pp-auth .pp-brand p{font-size:12px;letter-spacing:.04em;color:#d1e7e9;margin:18px 0 0}
.pp-auth .pp-eyebrow{font-size:10px;letter-spacing:.16em;color:#087782;font-weight:750;margin-bottom:8px}
.pp-auth h1{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0 0 20px;color:#12383f}
.pp-auth p{font-size:14px;line-height:1.65;color:#52656a}
.pp-auth label{font-size:14px;font-weight:600;margin:20px 0;color:#24454b}
.pp-auth input:not([type=checkbox]){margin-top:8px;min-height:48px;background:#f8fbfc;border-color:#b9cdd0;border-radius:8px;font-weight:400}
.pp-auth button{display:block;width:100%;min-height:48px;margin-top:24px;background:#087c88;border-radius:8px;font-weight:650;transition:background .15s}
.pp-auth button:hover{background:#08636d}
.pp-auth a{color:#076e7a;text-underline-offset:4px}
.pp-auth .notice{background:#edf8f9;border-left-color:#07818e;border-radius:6px;color:#264c53}
.pp-auth input:focus,.pp-auth button:focus,.pp-auth a:focus{outline:3px solid #18a3af;outline-offset:3px}
.pp-auth main>p:last-child{text-align:center;border-top:1px solid #e2ecee;padding-top:20px;margin-top:28px;font-size:13px}
@media(max-width:600px){body.pp-auth{padding:20px 12px}.pp-auth main{padding:0 24px 24px;border-radius:14px}.pp-auth .pp-brand{margin:0 -24px 24px;padding:28px 24px}.pp-auth h1{font-size:25px}.pp-auth .pp-logo{max-width:210px}}
@media(prefers-reduced-motion:reduce){.pp-auth button{transition:none}}
/* Original supplied JPG, displayed over its dark background without changing the asset. */
.pp-auth .pp-brand{background:#000;padding-top:8px;padding-bottom:20px}
.pp-auth .pp-logo{width:100%;max-width:440px;height:150px;max-height:none;object-fit:cover;object-position:center;margin:0 auto}
.pp-auth .pp-brand p{margin-top:4px}
@media(max-width:600px){.pp-auth .pp-logo{max-width:440px;height:115px}.pp-auth .pp-brand{padding-top:8px}}
/* Configurable palette; values are validated server-side and delivered with a CSP nonce. */
body.pp-auth{background:linear-gradient(135deg,var(--pp-background),var(--pp-background-end));color:var(--pp-text)}
.pp-auth main{background:var(--pp-surface)}
.pp-auth .pp-brand{background:var(--pp-header);border-bottom-color:var(--pp-accent)}
.pp-auth .pp-logo{object-fit:var(--pp-logo-fit)}
.pp-auth h1,.pp-auth label,.pp-auth p,.pp-auth .pp-requirements{color:var(--pp-text)}
.pp-auth .pp-brand p{color:var(--pp-accent)}
.pp-auth .pp-eyebrow,.pp-auth a{color:var(--pp-primary)}
.pp-auth button{background:var(--pp-primary);color:#fff}
.pp-auth button:hover{background:var(--pp-primary);filter:brightness(.9)}
.pp-auth input:focus,.pp-auth button:focus,.pp-auth a:focus{outline-color:var(--pp-accent)}
.pp-auth .notice{border-left-color:var(--pp-primary)}
.pp-requirements{font-size:13px;line-height:1.6;margin-top:24px}
.pp-requirements ul{margin:8px 0;padding-left:22px}
.pp-requirements li{padding:3px 0}
.pp-requirements li::marker{color:var(--pp-primary,#087c88)}
.pp-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.pp-color-grid input[type=color]{height:48px;cursor:pointer;padding:4px}
.pp-logo-preview{display:block;max-width:100%;width:300px;height:120px;object-fit:contain;background:#102f36;border-radius:8px}
.pp-brand-settings{margin-top:32px;padding-top:8px;border-top:1px solid #dae0e8}
@media(max-width:420px){.pp-color-grid{grid-template-columns:1fr}}