.branding-page{padding:24px 20px 48px;color:#182230;max-width:1448px;margin:auto;font-family:Inter,Arial,sans-serif}
.branding-page h1{font-size:32px;font-weight:600;line-height:1.1;margin:0}
.branding-page h2{font-size:28px;font-weight:600;line-height:1.1}
.branding-page h3{font-size:24px;font-weight:600;line-height:1.1}
.branding-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.branding-heading p,.branding-muted{color:#64748b;font-size:14px;line-height:1.6}
.branding-card,.branding-page .card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:none;padding:24px}
.branding-grid{display:grid;grid-template-columns:minmax(0,2.23fr) minmax(280px,1fr);gap:24px;align-items:start}
.branding-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.branding-field{display:flex;flex-direction:column;gap:8px}
.branding-field.full{grid-column:1/-1}
.branding-page label{font-size:13px;font-weight:500;color:#182230}
.branding-page input:not([type=checkbox]):not([type=hidden]),.branding-page select,.branding-page textarea{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:12px 14px;font-size:14px;min-height:48px;max-width:100%}
.branding-page textarea{min-height:108px;resize:vertical}
.branding-page input[type=file]{width:100%;font-size:13px}
.branding-page :focus-visible,.branding-public :focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.branding-button,.branding-page .btn-cyan,.branding-page .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #011931;border-radius:6px;background:#011931;color:#fff;padding:11px 16px;font-size:14px;font-weight:600;min-height:44px;text-decoration:none;cursor:pointer}
.branding-button.secondary{background:#fff;color:#334155;border-color:#cbd5e1}
.branding-button.danger{background:#fff;color:#b91c1c;border-color:#fecaca}
.branding-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.branding-page button:disabled{opacity:.45;cursor:not-allowed}
.branding-empty{border:1px dashed #cbd5e1;border-radius:12px;padding:56px 24px;text-align:center;color:#64748b}
.branding-empty strong{display:block;font-size:18px;color:#334155;margin-bottom:8px}
.branding-preview-banner{height:128px;border-radius:12px;background:#011931;overflow:hidden;margin:20px 0}
.branding-preview-banner img{width:100%;height:100%;object-fit:cover}
.branding-preview-logo{width:64px;height:64px;object-fit:contain;border:1px solid #e2e8f0;border-radius:12px;background:white}
.branding-progress{width:100%;height:8px;accent-color:#00b5bd}
.branding-status{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:12px;padding:16px;margin-bottom:20px;font-size:14px}
.branding-errors{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.branding-dialog{border:1px solid #e2e8f0;border-radius:16px;padding:32px;width:min(720px,calc(100% - 32px));max-height:90vh;overflow:auto;color:#0f172a;box-shadow:0 24px 80px #01193133}
.branding-dialog::backdrop{background:#01193180}
.branding-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.branding-dialog-header button{border:0;background:transparent;font-size:24px;padding:4px 12px}
.branding-dialog form{display:grid;gap:20px}
.branding-dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}
.branding-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.branding-media-grid img,.branding-media-grid video{width:100%;height:200px;object-fit:cover;border-radius:10px}
.branding-media-grid iframe{width:100%;height:200px;border:0;border-radius:10px}
.branding-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.branding-stat-grid .card{padding:20px}
.branding-stat-grid strong{display:block;font-size:28px;margin-top:8px}
.branding-page table{width:100%;border-collapse:collapse}
.branding-page th,.branding-page td{padding:12px 10px;border-bottom:1px solid #e2e8f0}
.branding-page th{text-align:left;font-size:12px;color:#64748b}
.branding-page .bx-org-chart{background:#f8fafc;--bx-line:#cbd5e1;--bx-line-w:2px}
.branding-page .bx-card{box-shadow:none;border-left-width:3px;border-radius:12px}
.branding-block{padding:20px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin-top:16px}
.branding-block p{white-space:pre-line;color:#64748b;margin:12px 0}
.branding-block-header{display:flex;gap:12px;align-items:center;justify-content:space-between}
.branding-block-header h3{flex:1}
.branding-picker-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e2e8f0}
.branding-public{margin:0;background:#f8fafc;color:#182230;font-family:Inter,Arial,sans-serif}
.branding-public-nav{height:64px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 24px}
.branding-public-hero{background:#011931;color:white;padding:64px 24px;background-size:cover;background-position:center}
.branding-public-hero>div,.branding-public-main{max-width:1152px;margin:auto}
.branding-public-hero h1{font-size:40px;line-height:1.2;margin:16px 0}
.branding-public-hero p{max-width:720px;line-height:1.6}
.branding-public-main{padding:32px 24px}
.branding-public-main section{margin-bottom:24px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px}
.branding-public-main h2{font-size:24px;margin:0 0 16px}
.branding-public-main p{white-space:pre-line;line-height:1.7;color:#475569}
.branding-job{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #e2e8f0}
.branding-job h3{margin:0 0 8px}
.branding-team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.branding-team img{height:80px;width:80px;border-radius:50%;object-fit:cover}
[x-cloak]{display:none!important}
.branding-node-people{overflow:auto;max-height:130px;font-size:12px;line-height:1.6;color:#64748b}
@media(max-width:1000px){.branding-grid{grid-template-columns:1fr}.branding-heading{align-items:flex-start;flex-wrap:wrap}.branding-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.branding-page{padding:20px 16px}.branding-page h1{font-size:24px}.branding-fields,.branding-media-grid,.branding-team{grid-template-columns:1fr}.branding-card,.branding-page .card,.branding-dialog{padding:20px}.branding-stat-grid{gap:8px}.branding-stat-grid .card{padding:12px}.branding-job{align-items:flex-start;flex-direction:column}.branding-public-hero h1{font-size:30px}}