.brandingShell{display:grid;grid-template-columns:minmax(420px,520px) minmax(0,1fr);gap:18px;align-items:start}.brandingEditor,.brandingPreviewCard{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.brandingEditor{overflow:hidden}.brandingHead{padding:18px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.brandingHead h2{margin:0;font:26px Georgia,serif}.brandingStatus{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.brandPill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#eef5eb;color:#315d32;font-size:12px}.brandPill.warn{background:#fff4dc;color:#77540b}.brandingActions{display:flex;gap:8px;flex-wrap:wrap}.brandingTabs{display:flex;gap:6px;overflow:auto;padding:10px 14px;border-bottom:1px solid var(--line);background:#f8faf8}.brandingTab{border:0;background:transparent;border-radius:9px;padding:8px 10px;white-space:nowrap;cursor:pointer;color:var(--muted);font-weight:750}.brandingTab.active{background:#e8f3e4;color:#285f2c}.brandingBody{padding:18px}.brandSection{display:grid;gap:14px}.brandSection h3{margin:0 0 2px;font-size:17px}.brandGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brandField{display:grid;gap:7px}.brandField.full{grid-column:1/-1}.brandField label{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.brandField input[type=text],.brandField input[type=number],.brandField select,.brandField textarea{width:100%;border:1px solid #ccd8cf;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);font:inherit}.brandField textarea{min-height:90px;resize:vertical}.brandColorRow{display:grid;grid-template-columns:54px 1fr;gap:9px}.brandColorRow input[type=color]{width:54px;height:44px;border:1px solid #ccd8cf;border-radius:10px;background:#fff;padding:4px}.brandRange{display:grid;grid-template-columns:1fr 64px;gap:10px;align-items:center}.brandRange output{font-weight:800;text-align:right}.brandCheck{display:flex;align-items:center;gap:10px;min-height:42px}.brandCheck input{width:18px;height:18px}.imageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.imageCard{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfcfb;display:grid;gap:10px}.imageCard h4{margin:0;font-size:14px}.imagePreview{height:130px;border:1px dashed #c9d6cb;border-radius:11px;background:#f0f4f0;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:12px}.imagePreview.logo{height:100px}.imagePreview img{width:100%;height:100%;object-fit:cover}.imagePreview.logo img{object-fit:contain;padding:10px}.imageButtons{display:flex;gap:7px;flex-wrap:wrap}.imageButtons label{cursor:pointer}.imageButtons input[type=file]{display:none}.imageUrl{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandingMsg{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px}.brandingMsg.ok{background:#eff8ee;color:#245d28;border:1px solid #cce4ca}.brandingMsg.err{background:#fff1f1;color:#8d1f1f;border:1px solid #efc4c4}.brandingPreviewCard{position:sticky;top:104px;overflow:hidden}.brandingPreviewTop{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brandingPreviewTop b{font-size:15px}.brandMock{min-height:590px;display:grid;grid-template-columns:210px 1fr;background:#f4f7f3}.brandMockSide{padding:18px 14px;color:#fff;display:flex;flex-direction:column;gap:16px}.brandMockLogo{display:flex;align-items:center;gap:9px}.brandMockMark{width:42px;height:42px;border-radius:12px;background:#88d34d;display:grid;place-items:center;overflow:hidden;color:#102316;font-weight:900}.brandMockMark img{width:100%;height:100%;object-fit:contain;background:#fff}.brandMockName{font:20px Georgia,serif}.brandMockNav{display:grid;gap:7px}.brandMockNav div{height:38px;border-radius:9px;background:rgba(255,255,255,.08);display:flex;align-items:center;padding:0 10px;font-size:13px}.brandMockNav div.active{background:rgba(132,209,68,.2)}.brandMockMain{padding:18px}.brandMockHero{border-radius:14px;min-height:150px;background:#e5ece4 center/cover no-repeat;position:relative;overflow:hidden;padding:20px;display:flex;align-items:flex-end}.brandMockHero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--brand-overlay,.16));pointer-events:none}.brandMockHero h3{position:relative;z-index:1;margin:0;font:28px Georgia,serif;color:#18301f}.brandMockHero.hasImage h3{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}.brandMockStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.brandMockStat{background:#fff;border:1px solid #d9e4da;border-radius:12px;padding:12px}.brandMockStat small{font-size:10px;color:#708075}.brandMockStat b{display:block;font:24px Georgia,serif;margin-top:5px}.dashboardList{display:grid;gap:8px}.dashboardItem{display:grid;grid-template-columns:auto 1fr 120px 110px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px}.dashboardItem input[type=checkbox]{width:18px;height:18px}.dashboardItem select{border:1px solid #ccd8cf;border-radius:9px;padding:7px;background:#fff}.historyList{display:grid;gap:9px}.historyItem{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;padding:11px}.historyItem small{display:block;color:var(--muted)}@media(max-width:1150px){.brandingShell{grid-template-columns:1fr}.brandingPreviewCard{position:static}.brandMock{min-height:470px}}@media(max-width:760px){.brandingHead{padding:14px}.brandingActions{width:100%}.brandingActions .crudBtn{flex:1}.brandingTabs{padding:8px}.brandingBody{padding:14px}.brandGrid,.imageGrid{grid-template-columns:1fr}.brandField.full{grid-column:auto}.brandMock{grid-template-columns:125px 1fr;min-height:430px}.brandMockSide{padding:12px 8px}.brandMockName{font-size:15px}.brandMockNav div{font-size:11px;padding:0 7px}.brandMockMain{padding:10px}.brandMockHero{min-height:120px}.brandMockStats{grid-template-columns:1fr 1fr}.dashboardItem{grid-template-columns:auto 1fr}.dashboardItem select{grid-column:2}.brandingPreviewTop{padding:12px}}