:root{color-scheme:light;--paper:#f4f2ec;--white:#fffdf9;--ink:#171717;--muted:#5f5b55;--line:#d9d2c7;--accent:#a83b1c;--soft:#f7e7df;--success:#225e41}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}
h1,h2,h3{font-family:Syne,"DM Sans",sans-serif;letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(36px,5.8vw,68px);margin:14px 0 16px}h2{font-size:clamp(23px,2.8vw,34px);margin:0 0 10px}h3{font-size:20px;margin:0 0 12px}p{margin:0 0 12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;background:var(--white);padding:8px 12px;z-index:10}.skip:focus{top:10px}
.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(22px,calc((100vw - 1240px)/2));background:var(--white)}
.brand{display:flex;align-items:center;text-decoration:none;gap:11px;font-weight:700;letter-spacing:-.02em}.brand img{object-fit:contain}.brand span{line-height:1.2;font-family:Syne,sans-serif}.brand small{display:block;font:600 10px/1.7 "DM Sans",sans-serif;letter-spacing:.11em;color:var(--muted)}
.toplinks{display:flex;gap:12px;align-items:center}.shell{max-width:1240px;padding:58px 22px 100px;margin:0 auto;min-height:calc(100vh - 150px)}
.login-layout{display:grid;grid-template-columns:1.05fr .82fr;gap:clamp(30px,7vw,110px);align-items:center;padding:55px 0}.intro{max-width:640px}.intro p{font-size:19px;max-width:550px}.intro .muted{font-size:14px}.rule{height:1px;background:var(--line);margin:30px 0}
.eyebrow{font-size:11px;line-height:1.45;font-weight:800;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}
.muted{color:var(--muted)}.login-card{background:var(--white);border:1px solid var(--line);padding:clamp(24px,4vw,44px);box-shadow:0 16px 52px #1717170c}.login-card h2{max-width:390px}.login-card label{display:block;margin:22px 0 8px;font-weight:700}.login-card input{display:block;padding:13px 14px;border:1px solid #99918a;background:#fff;width:100%;border-radius:4px;color:var(--ink)}
.login-card small{display:block;margin-top:15px;color:var(--muted)}.sample-access{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.sample-access p{font-size:13px}.sample-access .outlined{width:100%}.sample-banner{display:flex;gap:10px;flex-wrap:wrap;background:#fff1e7;border:1px solid #c58b6a;padding:15px 18px;margin-bottom:25px;font-size:13px}.sample-banner strong{font-weight:800;letter-spacing:.06em;color:#9b3114}.sample-banner a{font-weight:800;text-decoration:underline}.login-card .primary{margin-top:14px;width:100%}
.primary,.outlined,.quiet{border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700;min-height:41px;padding:10px 15px;text-decoration:none}.primary{border:1px solid var(--accent);background:var(--accent);color:white}.primary:hover{background:#832b12}.outlined{background:transparent;border:1px solid #aaa197;color:var(--ink)}.outlined:hover{border-color:var(--accent);color:var(--accent)}.quiet{background:transparent;border:1px solid transparent;color:var(--ink)}.quiet:hover{text-decoration:underline}.feedback{min-height:1.2em;margin-top:10px;color:var(--success);font-size:14px}.feedback.error{color:#9b291b}
.desk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.desk-head h1{margin:8px 0}.desk-head .actions{display:flex;gap:8px;flex-wrap:wrap}
.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:22px 0 32px;overflow-x:auto}.tabs button{border:0;border-bottom:3px solid transparent;white-space:nowrap;background:none;padding:12px 0 15px;font-weight:700;color:var(--muted)}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}
.summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--white);margin:0 0 36px}.metric{padding:20px 24px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-family:Syne,sans-serif;font-size:32px}.metric span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.03em}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px}.section-heading p{font-size:14px;max-width:680px}.filter-label{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap}.filter-label select{border:1px solid var(--line);padding:9px 11px;background:var(--white)}
.lead-list{display:grid;gap:12px}.lead-card{background:var(--white);border:1px solid var(--line);padding:22px 24px}.lead-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.lead-top h3{margin:4px 0 6px}.lead-top small{font-size:12px;color:var(--muted)}.lead-top .status{font-size:12px;border:1px solid var(--line);padding:4px 8px;white-space:nowrap}
.lead-card .service{margin:16px 0 12px;font-size:14px;max-width:920px;white-space:pre-wrap}.lead-card .metadata{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:18px}.lead-card .actions{display:flex;gap:8px;flex-wrap:wrap}.lead-card details{margin-top:20px;border-top:1px solid var(--line);padding-top:13px}.lead-card summary{cursor:pointer;font-weight:700;color:var(--accent)}.lead-card form{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;padding-top:18px}.lead-card form label{font-size:12px;font-weight:700}.lead-card form :is(select,input,textarea){width:100%;margin-top:5px;padding:10px;border:1px solid #aca49b;background:#fff;border-radius:2px;color:var(--ink)}.lead-card form .wide{grid-column:span 2}.lead-card form .primary{grid-column:span 2;justify-self:start}.lead-card .note{font-size:13px;color:var(--muted);padding-top:8px}
.empty{padding:50px 25px;text-align:center;background:var(--white);border:1px solid var(--line)}.empty p{font-size:14px;color:var(--muted)}
.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.offer{background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.offer h3{margin-top:6px}.offer .price{font-family:Syne,sans-serif;font-size:24px;font-weight:800;margin:12px 0}.offer .description{font-size:14px;color:var(--muted);flex:1}.offer .outlined{margin-top:18px;align-self:start}.disclaimer{margin-top:18px;font-size:13px;color:var(--muted);max-width:900px}
.resource-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;border-top:1px solid var(--line);padding-top:26px}.resource-row p{color:var(--muted);font-size:14px}.resource-row button{margin-top:6px}.footer{border-top:1px solid var(--line);background:var(--white);display:flex;gap:20px;justify-content:space-between;padding:26px max(22px,calc((100vw - 1240px)/2));font-size:12px;color:var(--muted)}
[hidden]{display:none!important}
.poster-studio{display:grid;grid-template-columns:190px minmax(0,510px) 1fr;gap:18px;align-items:start}.poster-options{display:grid;gap:9px}.poster-options button{text-align:left;background:var(--white);border:1px solid var(--line);padding:13px;font-weight:700;color:var(--ink)}.poster-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.poster-preview{border:1px solid var(--line);background:var(--white);padding:10px}.poster-preview canvas{display:block;width:100%;height:auto;aspect-ratio:4/5}.poster-details{padding:16px 8px}.poster-details p{font-size:14px}.poster-details button{margin:5px 5px 5px 0}
@media(max-width:950px){.poster-studio{grid-template-columns:1fr 1.5fr}.poster-options{grid-column:1}.poster-preview{grid-column:2;grid-row:1/3}.poster-details{grid-column:1;grid-row:2}}
.inbox-layout{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:16px}.ig-queue{display:grid;gap:8px;align-content:start}.ig-queue button{display:block;background:var(--white);border:1px solid var(--line);padding:15px;text-align:left;width:100%;color:var(--ink)}.ig-queue button[aria-current=true]{border-color:var(--accent);border-left:4px solid var(--accent)}.ig-queue small{display:block;margin-top:7px;color:var(--muted)}.ig-thread{border:1px solid var(--line);padding:22px;background:var(--white);min-height:300px}.ig-message{border-left:3px solid var(--line);background:var(--paper);padding:10px;margin:10px 0;overflow-wrap:anywhere}.ig-message.outbound{border-color:var(--accent)}.ig-thread textarea{width:100%;padding:12px;border:1px solid var(--line);resize:vertical}.ig-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
@media(max-width:740px){.topbar{height:72px;padding:0 16px}.toplinks .muted{display:none}.shell{padding:24px 16px 70px}.login-layout{grid-template-columns:1fr;gap:30px;padding:22px 0}.intro p{font-size:16px}.desk-head{display:block}.desk-head .actions{margin-top:15px}.summary{grid-template-columns:repeat(3,1fr)}.metric{padding:13px 10px}.metric strong{font-size:24px}.metric span{font-size:10px}.section-heading{display:block}.filter-label{margin-top:15px}.catalogue-grid,.resource-row{grid-template-columns:1fr}.poster-studio{display:flex;flex-direction:column}.poster-options{display:flex;overflow-x:auto;width:100%}.poster-options button{white-space:nowrap;flex:none}.poster-preview{max-width:550px;width:100%}.poster-details{padding:10px 0}.inbox-layout{grid-template-columns:1fr}.ig-thread{padding:16px}.lead-card{padding:17px}.lead-card form{grid-template-columns:1fr}.lead-card form .wide,.lead-card form .primary{grid-column:auto}.footer{display:block;padding:21px 16px}.footer span{display:block;margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Restricted Facebook + TikTok proposal workspace */
.channel-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px}
.channel-profile,.channel-compose,.channel-draft{background:var(--white);border:1px solid var(--line);padding:22px;min-width:0}
.channel-profile h3{overflow-wrap:anywhere}.channel-profile .outlined{margin-top:9px}
.channel-warning{font-size:13px;color:#87391b;border-left:3px solid var(--accent);padding:8px 10px;background:var(--soft)}
.channels-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.channel-compose form{display:grid;gap:14px}.channel-compose label{display:grid;gap:6px;font-size:13px;font-weight:700}
.channel-compose :is(input,textarea,select){width:100%;min-height:43px;border:1px solid #aaa197;border-radius:3px;background:white;padding:10px;color:var(--ink)}
.channel-compose form button{justify-self:start}.channel-draft{margin-bottom:11px}.channel-draft p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:740px){.channel-profiles,.channels-layout{grid-template-columns:1fr}}

.owner-channel-review .shell>h1{font-size:clamp(30px,4vw,46px);max-width:920px;line-height:1.18}.owner-channel-review .offer label{display:grid;gap:8px;font-weight:700;font-size:13px;margin:14px 0 8px}.owner-channel-review .offer textarea{width:100%;min-height:76px;border:1px solid #aaa197;padding:11px;background:white}.owner-channel-review .offer .ig-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
