.brand-page main{max-width:1600px;padding-top:26px}.brand-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.brand-sidebar{position:sticky;top:85px;background:#ffffff;border:1px solid #e2e8ec;border-radius:12px;padding:22px 15px;max-height:calc(100vh - 110px);overflow:auto}.brand-sidebar h2{margin:0;font-size:16px}.brand-count{font-size:12px;color:#627182;background:#eaf6f1;padding:2px 8px;border-radius:5px}.brand-sidebar input{font-size:12px;margin:20px 0 12px}.brand-nav{display:flex;flex-direction:column;gap:5px}.brand-nav-item{display:flex;align-items:center;gap:12px;padding:13px 11px;border:1px solid transparent;border-radius:9px;min-width:0}.brand-nav-item:hover{background:#f4f6f8}.brand-nav-item.selected{background:#eaf6f1;border-color:#b1d9c8}.brand-nav-item.selected b{color:#16765f}.brand-nav-item b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.brand-nav-item small{display:block;font-size:10px;color:#627182;margin-top:5px}.brand-nav-dot{display:inline-block;flex-shrink:0;width:11px;height:11px;border-radius:50%;background:var(--brand-color,#627182);border:1px solid #00000015;box-shadow:0 0 0 4px #00000006}.brand-nav-symbol{width:12px;color:#16765f}.brand-sidebar #btnSidebarAdd{width:100%;margin-top:20px;background:#f4f6f8;color:#627182;border-color:#e2e8ec;padding:9px}.brand-control-link{display:block;font-size:11px;color:#16765f;margin:20px 8px 0}.brand-workspace-content{min-width:0}.brand-detail-heading{margin-bottom:24px}.brand-detail-heading h1{display:flex;gap:14px;align-items:center;font-size:28px;margin:0}.brand-detail-heading p{margin:8px 0 0}.brand-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-metrics>div{background:linear-gradient(130deg,#ffffff,#ffffff);border:1px solid #e2e8ec;border-radius:12px;padding:18px}.brand-metrics span{display:block;font-size:11px;color:#627182}.brand-metrics b{display:block;font-size:28px;margin-top:9px;font-weight:650;color:#263443}.brand-metrics small{font-size:11px;color:#627182;margin-left:8px;font-weight:400}.brand-metrics .brand-metric-date{font-size:20px;padding-top:6px}.brand-page .section{margin-top:26px}.brand-page .plat .card{background:#ffffff;padding:17px;border-color:#e2e8ec}.brand-page .plat .card:hover{border-color:#b1d9c8}.brand-page .plat .pname{color:#263443}.brand-page .plat .plast{font-size:12px;margin-top:13px}.brand-page .plat .pacc{margin-top:6px}.brand-page .card{background:#ffffff;border-color:#e2e8ec}.brand-page .asset{background:#ffffff;border-color:#e2e8ec}.brand-page button,.brand-page .btn{background:#16765f;border-color:#16765f;color:#ffffff}.brand-page button.ghost,.brand-page .btn.ghost{background:#f4f6f8;border-color:#e2e8ec;color:#263443}.brand-page button.danger{background:#fff3f4;border-color:#f2cbd0;color:#ac3347}.brand-page .chip{background:#f4f6f8;border-color:#e2e8ec;color:#627182}.brand-page .brand-card .stats b{color:#263443}.brand-page .script,.brand-page .token{background:#f4f6f8;color:#263443}.brand-page .timeline .act{opacity:1}.brand-page .timeline li{overflow-wrap:anywhere}.brand-page .modal-box{background:#ffffff}.brand-page input,.brand-page textarea,.brand-page select{color:#263443;background:#ffffff;border-color:#e2e8ec;min-width:0}.brand-page .inline-form{grid-template-columns:130px minmax(120px,1fr) 130px auto}.brand-page .f{color:#627182}.brand-page .brand-workspace-content>.row>h1{font-size:25px}.brand-page .asset .sub{line-height:1.8}.brand-page a:focus-visible,.brand-page button:focus-visible{outline:2px solid #16765f;outline-offset:3px}
@media(max-width:1050px){.brand-workspace{grid-template-columns:210px minmax(0,1fr);gap:16px}.brand-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-page .inline-form{grid-template-columns:1fr 1fr}.brand-page .inline-form input[name=text]{grid-column:1/-1}}
@media(max-width:700px){.brand-workspace{display:block}.brand-sidebar{position:static;max-height:none;margin-bottom:22px;padding:16px}.brand-sidebar .mc-eyebrow{margin-bottom:8px}.brand-sidebar input{margin:13px 0 10px}.brand-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.brand-nav-item{padding:10px 8px;gap:10px}.brand-nav-item:first-child{grid-column:1/-1}.brand-nav-item b{font-size:12px}.brand-nav-item small{font-size:10px}.brand-sidebar #btnSidebarAdd{margin-top:12px}.brand-control-link{margin-top:13px}.brand-detail-heading h1{font-size:25px}.brand-metrics{gap:8px}.brand-metrics>div{padding:14px}.brand-page .section h2{flex-wrap:wrap}.brand-page .assets{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-page .asset .th{height:190px}.brand-page .plat{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-page .plat .card{padding:12px}.brand-page .timeline li{grid-template-columns:75px minmax(0,1fr)}.brand-page .inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Each brand keeps its saved color; darkened ink ensures legible controls. */
.brand-page{--brand-accent:#16765f;--brand-soft:color-mix(in srgb,var(--brand-accent) 8%,white);--brand-ink:color-mix(in srgb,var(--brand-accent) 65%,#17202a)}
.brand-sidebar{padding:24px 16px;border-radius:16px;box-shadow:0 3px 15px #23344304}.brand-nav-item{padding:15px 12px}.brand-nav-item b{font-size:15px}.brand-nav-item small{font-size:12px;line-height:1.6}.brand-nav-item.selected{background:color-mix(in srgb,var(--item-color,var(--brand-accent)) 9%,white);border-color:color-mix(in srgb,var(--item-color,var(--brand-accent)) 25%,white);box-shadow:inset 3px 0 var(--item-color,var(--brand-accent))}.brand-nav-item.selected b{color:#263443}.brand-nav-dot{width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-color) 10%,transparent)}
.brand-sidebar input{font-size:14px}.brand-page .mc-eyebrow{color:var(--brand-ink);font-size:12px;letter-spacing:.5px}.brand-count{background:var(--brand-soft);color:var(--brand-ink)}.brand-page .top nav a.active{background:var(--brand-soft);color:var(--brand-ink)}.brand-detail-heading{background:linear-gradient(100deg,var(--brand-soft),white 85%);border:1px solid color-mix(in srgb,var(--brand-accent) 20%,white);border-left:4px solid var(--brand-accent);border-radius:16px;padding:25px 27px;margin-bottom:22px}.brand-detail-heading h1{font-size:30px}.brand-detail-heading p{font-size:14px;line-height:1.7}.brand-metrics>div{border-radius:14px;padding:22px;background:#fff;border-color:#e2e8ec;box-shadow:0 3px 15px #23344304}.brand-metrics span{font-size:13px}.brand-metrics b{color:#263443}.brand-metrics small{font-size:12px}.brand-page h2{font-size:18px}.brand-page .plat .pname{font-size:15px;color:#263443}.brand-page .plat .card{border-top:3px solid color-mix(in srgb,var(--brand-accent) 65%,white);border-radius:13px;padding:19px}.brand-page .plat .card:hover{border-color:var(--brand-accent)}.brand-page .card{box-shadow:0 3px 15px #23344304}.brand-page .card.brand-card{border-top-color:var(--c)}.brand-page .brand-card:hover{background:color-mix(in srgb,var(--c) 4%,white)}.brand-page button,.brand-page .btn,.brand-page .modal-box button{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}.brand-page button.ghost,.brand-page .btn.ghost{background:white;color:#344454;border-color:#d8e0e6}.brand-sidebar #btnSidebarAdd{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-accent) 22%,white);color:var(--brand-ink)}.brand-control-link{color:var(--brand-ink);font-size:13px}.brand-page button.danger{background:#fff3f4;color:#ac3347;border-color:#f2cbd0}.brand-page a:focus-visible,.brand-page button:focus-visible{outline-color:var(--brand-ink)}.brand-page .asset .ti{font-size:14px}.brand-page .token,.brand-page .script{background:#f4f6f8;color:#344454}
@media(max-width:700px){.brand-sidebar{padding:18px 14px}.brand-nav-item{padding:11px 10px}.brand-nav-item b{font-size:14px}.brand-nav-item small{font-size:11px}.brand-detail-heading{padding:20px}.brand-detail-heading h1{font-size:26px}.brand-metrics>div{padding:16px}.brand-page h2{font-size:16px}.brand-page .plat .card{padding:14px}.brand-page .section h2 .count{font-size:12px}}