.navform{display:inline;margin:0}
.navform button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;padding:.25rem 0;cursor:pointer}
.navform button:hover{color:var(--ink);border-bottom-color:var(--marigold)}
.auth{max-width:26rem}
.auth h1{font-size:clamp(1.8rem,4.5vw,2.5rem);margin:0 0 .5rem}
.auth p.lead{color:var(--muted);margin:0 0 1.5rem}
.field{margin:0 0 1.1rem}
.field label{display:block;font-weight:600;margin-bottom:.3rem}
.field input{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.4rem;background:var(--panel);color:var(--ink);font-size:1rem}
.error{border-left:4px solid #b3261e;background:var(--panel);padding:.75rem 1rem;margin:0 0 1.25rem;border-radius:.3rem}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-top:1.5rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:.3rem;padding:1.1rem 1.25rem}
.card h2{font-size:1.2rem;margin:0 0 .4rem}
.card p{margin:0;color:var(--muted)}
.tag{display:inline-block;font-size:.85rem;font-weight:600;padding:.1rem .5rem;border:1px solid var(--line);border-radius:.25rem;margin-bottom:.5rem}

/* Batch 3: listings, composer, drafts */
.small{font-size:.9rem;color:var(--muted)}
.ok{border-left:4px solid var(--lagoon);background:var(--panel);padding:.75rem 1rem;margin:0 0 1.25rem;border-radius:.3rem}
.crumb{margin:0 0 .5rem;font-size:.95rem}
.lgrid{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.lcard{background:var(--panel);border:1px solid var(--line);border-radius:.3rem;overflow:hidden;display:flex;flex-direction:column}
.lthumb{display:block;aspect-ratio:4/3;background:var(--line)}
.lthumb img{width:100%;height:100%;object-fit:cover;display:block}
.nophoto{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted);font-size:.9rem;background:var(--line)}
.nophoto.sm{width:96px;height:72px;flex:none;border-radius:.25rem}
.lbody{padding:.8rem 1rem 1rem}
.lbody h2{font-size:1.1rem;margin:0 0 .25rem}
.lbody h2 a{color:var(--ink);text-decoration:none}
.lbody h2 a:hover{text-decoration:underline}
.lbody p{margin:0;color:var(--muted)}
.pager{display:flex;gap:1.25rem;align-items:center;margin-top:2rem}
.composer{display:grid;gap:2rem;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}
@media (max-width:52rem){.composer{grid-template-columns:1fr}}
.picker{border:0;padding:0;margin:0 0 1.25rem;min-width:0}
.picker legend{font-weight:600;margin-bottom:.4rem;padding:0}
.pgrid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}
.pick{position:relative;display:block;cursor:pointer}
.pick input{position:absolute;opacity:0;inset:0}
.pick img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border:3px solid transparent;border-radius:.3rem}
.pick input:checked + img{border-color:var(--marigold)}
.pick input:focus-visible + img{outline:3px solid var(--lagoon);outline-offset:2px}
textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.4rem;background:var(--panel);color:var(--ink);font:inherit;line-height:1.5;resize:vertical}
textarea:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.chip{display:inline-block;margin:.15rem .25rem .15rem 0;padding:.1rem .6rem;border:1px solid var(--line);border-radius:1rem;text-decoration:none;color:var(--ink);background:var(--panel)}
.chip:hover{border-color:var(--marigold)}
.btnlink{display:inline-block;background:none;border:1px solid var(--line);color:var(--ink);padding:.55rem 1rem;border-radius:.4rem;text-decoration:none;font:inherit;font-weight:600;cursor:pointer}
.btnlink:hover{border-color:var(--lagoon)}
.btnlink.danger{color:#b3261e}
.btnlink:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.preview{position:sticky;top:1rem}
.fbcard{background:var(--panel);border:1px solid var(--line);border-radius:.5rem;overflow:hidden}
.fbhead{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem}
.fbdot{width:2rem;height:2rem;border-radius:50%;background:var(--lagoon);display:inline-block}
.fbcard pre{margin:0;padding:0 .9rem .8rem;white-space:pre-wrap;word-wrap:break-word;font:inherit;font-size:.98rem;line-height:1.45}
.fbcard img{display:block;width:100%;max-height:22rem;object-fit:cover}
.dlist{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.drow{display:flex;gap:1rem;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:.3rem;padding:.8rem 1rem}
.drow img{width:96px;height:72px;object-fit:cover;border-radius:.25rem;flex:none}
.dtext{flex:1 1 auto;min-width:0}
.dtext p{margin:.15rem 0 0;color:var(--muted);overflow-wrap:anywhere}
.dtext p.small{font-size:.85rem}
.dact{display:flex;gap:.5rem;flex:none;flex-wrap:wrap}
.dact form{margin:0}
@media (max-width:40rem){.drow{flex-wrap:wrap}.dact{width:100%}}

/* Brands */
.brands{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.brandcard a{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;height:100%;background:var(--panel);border:1px solid var(--line);border-radius:.3rem;padding:1.25rem;text-decoration:none;color:var(--ink)}
.brandcard a:hover{border-color:var(--marigold)}
.brandcard a:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.bmark{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.4rem;background:var(--lagoon);color:#fff;font-weight:700;font-size:1.4rem}
.bname{font-size:1.25rem;font-weight:700}
.tabs{display:flex;gap:.5rem;margin:0 0 1.25rem}
.tabs a{padding:.35rem .9rem;border:1px solid var(--line);border-radius:1rem;text-decoration:none;color:var(--ink);background:var(--panel)}
.tabs a[aria-current="page"]{border-color:var(--marigold);font-weight:600}
.tag.mine{margin:0;border-color:var(--lagoon)}
.lbody h2{overflow-wrap:anywhere}

/* Dashboard refresh: compact analytics layout inspired by the supplied reference */
.dash-shell{grid-template-columns:220px minmax(0,1fr);background:#f5f6f8;color:#202124;min-height:100vh}.dash-sidebar{background:#fff;color:#252525;padding:1.2rem .9rem;border-right:1px solid #eceef1;gap:.28rem}.dash-brand{color:#292929;letter-spacing:.02em;padding:.2rem .35rem 1.35rem}.dash-brand small{color:#81858b;letter-spacing:.13em}.dash-mark{background:#f0645a;border-radius:50%;width:31px;height:31px;font-size:1.1rem}.sidebar-label{color:#72767d;letter-spacing:.04em;font-size:.68rem;padding:.55rem .65rem}.side-link{color:#555b63;border-radius:7px;padding:.62rem .65rem;font-size:.84rem}.side-link span{font-size:1rem}.side-link:hover,.side-link.active{background:#fff1ed;color:#e65338}.sidebar-rule{height:1px;background:#e6e8eb;margin:.8rem .45rem}.sidebar-pages{margin-top:.1rem}.sidebar-pages .side-link{padding:.4rem .65rem;font-size:.8rem}.sidebar-pages form{margin:0}.sidebar-signout{width:100%;border:0;background:none;text-align:left;font:inherit;cursor:pointer}.dash-main{padding:1.35rem clamp(1rem,2vw,2rem);max-width:1500px;width:100%;margin:auto}.dash-welcome{margin-bottom:1.15rem}.dash-welcome h1{font-size:1.55rem;letter-spacing:-.02em}.dash-welcome p{font-size:.83rem}.dash-tools{display:flex;gap:.55rem}.tool-circle{width:32px;height:32px;display:grid;place-items:center;background:#fff;border:1px solid #eceef1;border-radius:50%;color:#555}.tool-circle:first-child{background:#f06422;color:#fff}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:.8rem}.metric-card{border:0;border-radius:13px;padding:1rem 1.1rem;box-shadow:0 1px 4px #1f293708;position:relative}.metric-icon{width:32px;height:32px;border-radius:9px;background:#f5f5f5;color:#30343a;margin-bottom:.65rem}.metric-trend{position:absolute;right:1rem;top:1rem;font-size:.65rem;font-weight:700;background:#e4f9d9;color:#3c8737;border-radius:6px;padding:.2rem .4rem}.metric-trend.red{background:#ffe2df;color:#b8332c}.metric-label{font-size:.75rem;color:#62666d}.metric-card>strong{font-size:1.65rem;margin:.2rem 0}.metric-card small{font-size:.69rem}.dashboard-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.85fr);gap:.8rem;margin-bottom:.8rem}.dash-panel{border:0;border-radius:13px;padding:1.1rem;background:#fff;box-shadow:0 1px 4px #1f293708}.panel-heading{margin-bottom:.8rem;align-items:center}.panel-heading h2{font-size:1rem;margin:0 0 .15rem}.panel-heading p{font-size:.7rem}.traffic-total{font-size:1.35rem;white-space:nowrap}.traffic-total small{font-size:.7rem;font-weight:500;color:#f0645a}.chart-area{height:160px;position:relative}.chart-area svg{height:135px;width:100%;display:block;border-bottom:1px solid #f0f0f0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 32px,#f0f1f3 33px)}.chart-months{display:flex;justify-content:space-between;color:#8b8f95;font-size:.65rem;padding-top:.35rem}.audience-content{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:130px}.donut{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f06422 0 30%,#ff8b5e 30% 55%,#f6b46b 55% 77%,#ffd4b8 77% 100%);position:relative;flex:none}.donut:before{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff}.donut span{z-index:1;text-align:center;font-size:1.15rem;font-weight:700}.donut small{display:block;font-size:.55rem;font-weight:500;color:#777}.audience-content ul{list-style:none;padding:0;margin:0;font-size:.65rem;color:#686d73}.audience-content li{margin:.55rem 0;white-space:nowrap}.audience-content li i{display:inline-block;width:7px;height:7px;background:#f0645a;border-radius:2px;margin-right:.4rem}.audience-content li:nth-child(2) i{background:#ff8b5e}.audience-content li:nth-child(3) i{background:#f6b46b}.audience-content li:nth-child(4) i{background:#ffd4b8}.chart-note{font-size:.68rem;color:#8a8e94;margin:.65rem 0 0;line-height:1.4}.bottom-row{grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr)}.bar-chart{height:135px;display:flex;align-items:end;justify-content:space-around;gap:.7rem;padding:.2rem .4rem 0;border-bottom:1px solid #f0f1f3}.bar-chart div{height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:.35rem;flex:1}.bar-chart i{display:block;width:min(100%,24px);border-radius:7px 7px 4px 4px;background:linear-gradient(#ff9a72,#f0645a)}.bar-chart div:nth-child(2) i,.bar-chart div:nth-child(5) i{background:linear-gradient(#f9c27d,#f5a34d)}.bar-chart small{font-size:.6rem;color:#777}.mini-action{font-size:.72rem;text-decoration:none;color:#e65338;font-weight:700;white-space:nowrap}.campaign-table-wrap{overflow-x:auto}.campaign-table{border-collapse:collapse;width:100%;font-size:.68rem;white-space:nowrap}.campaign-table th,.campaign-table td{text-align:left;padding:.7rem .4rem;border-bottom:1px solid #f0f1f3}.campaign-table th{font-weight:600;color:#7a7e84}.campaign-table td{color:#3d4147}.brand-chip{display:inline-grid;place-items:center;background:#e8f6e8;color:#347e43;width:20px;height:20px;border-radius:5px;font-weight:800;margin-right:.25rem}.status-pill{font-size:.62rem;padding:.18rem .4rem}.status-pill.live{color:#34834a;background:#e7f7e8;border:1px solid #acdcb1}.text-link{display:inline-block;margin-top:.7rem;font-size:.75rem}.digital-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.digital-panel h2{font-size:1rem;margin:0 0 .2rem}.digital-panel p{font-size:.75rem;color:#81858b;margin:0}.digital-panel .btn{font-size:.78rem;padding:.55rem .8rem;white-space:nowrap}.top-minimal{border:0;background:#fff;padding:1rem clamp(1rem,4vw,3.5rem)}
@media(max-width:900px){.dash-shell{grid-template-columns:190px minmax(0,1fr)}.dashboard-row,.bottom-row{grid-template-columns:1fr}.audience-content{justify-content:flex-start}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.dash-shell{grid-template-columns:1fr}.dash-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.7rem;gap:.25rem}.dash-brand{grid-column:1/-1}.sidebar-label,.sidebar-rule,.sidebar-pages{grid-column:1/-1}.sidebar-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-pages .sidebar-label{grid-column:1/-1}.side-link{font-size:.78rem}.dash-main{padding:.8rem}.metric-grid{grid-template-columns:1fr;gap:.55rem}.metric-card{padding:.8rem}.metric-card>strong{font-size:1.35rem}.dashboard-row{grid-template-columns:1fr}.digital-panel{align-items:flex-start;flex-direction:column}.dash-tools{display:none}.campaign-table{font-size:.65rem}}
/* Utility pages */
.utility-page{max-width:920px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem)}.utility-page h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .4rem}.utility-page .lead{color:#73777e;margin:0 0 1.5rem}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.utility-card{background:#fff;border:1px solid #e8e9ec;border-radius:13px;padding:1.2rem}.utility-card h2{font-size:1.05rem;margin:.4rem 0}.utility-card p{font-size:.9rem;color:#71757b}.utility-card select,.utility-card input{width:100%;padding:.7rem;border:1px solid #ddd;border-radius:8px;background:#fff;color:#222;font:inherit}.connected-label{display:inline-block;padding:.25rem .55rem;border-radius:999px;background:#e6f7e9;color:#328148;font-size:.75rem;font-weight:700}.utility-icon{font-size:1.4rem;color:#f0645a}