:root{--nav:#011268;--brand:#185abd;--brand2:#104996;--accent:#e8b928;--soft:#eaf2ff}
.brand-mark{background:var(--accent);color:var(--nav)}
.brand-panel{color:var(--ink);background:linear-gradient(145deg,#f7f8fa 0%,#e9ecef 52%,#d9dde2 100%)}
.brand-panel .eyebrow{color:#185abd}.brand-panel>p:not(.eyebrow){color:#52647b}.brand-panel h1{color:#011268}.security-note{border-color:#ccd6e3;background:rgba(255,255,255,.55)}.security-note>span{background:#185abd;color:#fff}.security-note small{color:#64758a}
.brand-identity{min-height:70px;display:flex;align-items:center}.brand-identity img{display:block;width:min(260px,70%);max-height:106px;object-fit:contain;object-position:left center}.mobile-system-logo{display:block;width:112px;height:auto;max-height:54px;object-fit:contain;object-position:left center}.topbar .logo{display:flex;width:180px;height:52px;min-width:180px;align-items:center;justify-content:flex-start;overflow:visible}.topbar .header-logo{display:block!important;width:160px!important;height:44px!important;min-width:160px;min-height:44px;max-width:160px;max-height:44px;object-fit:contain;object-position:left center;visibility:visible;opacity:1}
.branding-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.branding-layout>section{min-width:0}.branding-fields{padding:4px 26px 28px}.upload-row{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.upload-row label{margin:0}.image-preview{width:76px;height:76px;border:1px dashed #bcc7d4;border-radius:12px;background:#f6f8fb;display:grid;place-items:center;color:#8a96a5;font-size:.72rem;font-weight:800;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:contain}.favicon-preview{width:58px;height:58px;margin:9px}.text-button{align-self:flex-start;padding:0;background:transparent;color:var(--danger);font-size:.76rem;text-align:left}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.color-control{display:grid;grid-template-columns:48px 1fr;gap:8px}.color-control input[type=color]{height:48px;padding:4px}.live-preview{display:block;background:#f5f7fa;border:0;border-left:1px solid var(--line);padding:26px}.preview-window{background:#fff;border:1px solid #dce2e9;border-radius:13px;overflow:hidden;box-shadow:0 12px 30px rgba(25,42,61,.1);margin:18px 0}.preview-nav{height:54px;background:var(--nav);color:#fff;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:.75rem;font-weight:700}.preview-logo{width:28px;height:28px;border-radius:7px;background:var(--accent);color:#14283d;display:grid;place-items:center;font-weight:900}.preview-body{padding:22px}.preview-body>span{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--brand)}.preview-body h3{font:700 1rem Manrope;margin:5px 0 18px}.preview-input{height:29px;border:1px solid #d8dee5;border-radius:6px;margin:8px 0}.preview-input.short{width:72%}.preview-body button{margin-top:10px;padding:8px 11px;background:var(--brand);color:#fff;font-size:.62rem}.live-preview>small{display:block;color:var(--muted);line-height:1.5}
@media(max-width:900px){.branding-layout{grid-template-columns:1fr}.live-preview{display:block;border-left:0;border-top:1px solid var(--line)}.color-grid{grid-template-columns:1fr}}@media(max-width:460px){.upload-row{grid-template-columns:1fr}.image-preview{margin:0}.branding-fields{padding-left:18px;padding-right:18px}.topbar .logo{width:145px;height:48px;min-width:145px}.topbar .header-logo{width:135px!important;height:40px!important;min-width:135px;min-height:40px;max-width:135px;max-height:40px}}