@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--temac-violet:#6553df;--temac-deep:#392b89;--temac-lilac:#eeeaff;--temac-ink:#22223d;--temac-muted:#8588a0;--temac-border:#e9e7f2;--temac-bg:#f8f8fc;--temac-shadow:0 16px 42px rgba(40,30,90,.055);--blue:#6553df;--purple:#6553df;--green:#6553df;--gold:#6553df;--ink:#22223d;--bg:#f8f8fc;--line:#e9e7f2;--muted:#8588a0}
html{scroll-behavior:smooth}body{background:var(--temac-bg);color:var(--temac-ink);font-family:'DM Sans',system-ui,sans-serif}h1,h2,h3,h4,.page-title{font-family:Outfit,'DM Sans',sans-serif;letter-spacing:-.035em}button,a,input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b8afff;outline-offset:3px}
/* Studio application */
.app{background:#faf9fd}.sidebar,.side{background:#fff!important;color:#25223d!important;border-right:1px solid #efedf6;box-shadow:5px 0 25px #30236305}.sidebar{width:255px;padding:24px 14px}.sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 17px 27px}.sidebar .brand-logo{filter:none!important;width:164px;max-width:164px;max-height:82px;object-fit:contain;object-position:left center}.sidebar .brand span,.side .logo span{color:#827c9b!important;font-size:10px;letter-spacing:2px;font-weight:800}.sidebar .navlink,.side a{color:#74738c!important;border-radius:13px;margin:5px 0;font-weight:700}.sidebar .navlink:hover,.sidebar .navlink.active,.side a:hover,.side a.selected{background:#eeeaff!important;color:#5d49ce!important}.sidebar .navlink i{font-size:18px}.sidebar-foot,.side-foot{color:#a19eb1!important}.main{background:#faf9fd}.topbar{background:#fff;box-shadow:0 4px 20px #24195604;border-color:#efedf6}.topbar .search{background:#f6f3ff;color:#665a9c}.content{max-width:1500px;padding:32px 38px}.page-title{font-size:32px;color:#24213e}.panel,.stat,.piece-card,.modal-content,.entry{border:1px solid #eeebf5;background:#fff;border-radius:20px;box-shadow:var(--temac-shadow)}.panel{padding:26px}.stat{padding:20px}.stat i{color:#6553df}.btn-primary,.btn.gold,.btn.approve{background:#6553df!important;border-color:#6553df!important;color:#fff!important;box-shadow:0 6px 15px #6553df1a}.btn-primary:hover,.btn.gold:hover,.btn.approve:hover{background:#4f3ac7!important}.btn-outline-primary{color:#6553df!important;border-color:#ded8ff!important}.form-control:focus,.form-select:focus{border-color:#8d7ff1;box-shadow:0 0 0 .2rem #6553df1c}.piece-card{overflow:hidden}.piece-head{background:#fbfaff}.badge-soft{background:#eeeaff;color:#6553df}
/* Shared logo and separate private access */
.login-bg,body.reviewbody:has(.lock){background:radial-gradient(circle at 12% 12%,#d8ccff 0,transparent 34%),radial-gradient(circle at 88% 78%,#e9dfff 0,transparent 36%),#f8f7fd!important;min-height:100vh}.login-card,.lock{background:#fff;border:1px solid #ebe6fa;border-radius:27px;box-shadow:0 28px 90px #49338a19;position:relative;overflow:hidden}.login-card:before,.lock:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#6852df,#c3aaff,#f3c4da)}.login-card{padding:42px 40px}.login-card h1,.lock h1{color:#25213f;font-family:Outfit,sans-serif}.login-card p,.lock p{color:#85829c}.brand-logo-login{max-width:185px;max-height:92px}.temac-review-login-logo{display:block;width:190px;max-width:90%;max-height:100px;object-fit:contain;margin:0 auto 18px}.lock{padding:42px 38px}.lock .eyebrow{color:#6553df}.lock .field input{background:#faf9ff}
/* Strategy editor — same layout, softer high-end finish */
.shell{grid-template-columns:255px minmax(0,1fr)}.side{padding:27px 15px}.side .logo{display:flex;flex-direction:column;align-items:flex-start;padding:12px 15px 22px;gap:2px}.temac-unified-logo{display:block;max-width:170px;width:100%;max-height:78px;object-fit:contain;object-position:left}.side .muted{color:#9a95b0!important;padding:0 14px;font-size:12px}.side a{padding:12px 14px}.side-foot{font-size:11px;padding:12px}.shell .main{max-width:1490px;padding:35px clamp(22px,3vw,50px)}.shell .top{background:#eae5ff;border:1px solid #e1dbfb;border-radius:22px;padding:27px 30px;box-shadow:var(--temac-shadow);margin-bottom:24px}.shell .top h1{font-size:clamp(28px,3vw,42px);color:#30255e}.shell .top .muted{color:#716995}.shell .panel{padding:27px 30px;margin:18px 0}.shell .stats>div{border:1px solid #eae6f5;background:#fff;border-radius:17px;padding:23px}.shell .stats>div:nth-child(1){border-top:4px solid #6855df}.shell .stats>div:nth-child(2){border-top:4px solid #f0bd57}.shell .stats>div:nth-child(3){border-top:4px solid #e887b4}.shell .stats>div:nth-child(4){border-top:4px solid #9a8cdb}.shell .stats b{font:800 33px Outfit,sans-serif}.shell .stats span{color:#85849b}.shell .editor{background:#fcfbff;border-color:#ebe7f4;border-radius:14px}.shell .editor[open]>summary{background:#f0edff}.shell .editor>summary{padding:18px 20px}.shell .field input,.shell .field textarea,.shell .field select{border-color:#e6e1f2;border-radius:12px;background:#fff}.shell .field input:focus,.shell .field textarea:focus,.shell .field select:focus{outline:2px solid #a99bff}.shell .eyebrow{color:#7662d5}.shell .access{background:#f2efff;border-color:#e5dffc}.shell .pill{background:#eeeaff;color:#5c49cf}
/* Private proposal, aligned to user reference */
.reviewbody{background:#faf9fd!important}.reviewwrap{max-width:1220px}.reviewhero{position:relative;overflow:hidden;border-radius:0 0 28px 28px;background:radial-gradient(circle at 85% 10%,#9e8dfc66,transparent 37%),linear-gradient(118deg,#30265c,#5a49c9 72%,#7a68e2)!important;padding:44px clamp(28px,5vw,65px) 55px;box-shadow:0 24px 65px #4834a31b}.reviewhero:after{content:'';position:absolute;right:-80px;top:-160px;width:360px;height:360px;border:1px solid #ffffff27;border-radius:50%;pointer-events:none}.temac-review-brand{display:flex;align-items:center;gap:16px;margin-bottom:30px;border-bottom:1px solid #ffffff22;padding-bottom:17px}.temac-review-brand img{width:120px;max-height:58px;object-fit:contain;filter:brightness(0) invert(1)}.temac-review-brand span{font-size:10px;letter-spacing:2px;font-weight:800;color:#ddd7ff}.reviewhero .eyebrow{color:#e3dfff}.hero-row h1{font:800 clamp(44px,6vw,74px)/1.08 Outfit,sans-serif;letter-spacing:-.045em}.hero-row h2{font-size:24px;color:#f0ebff}.hero-row p{color:#e4ddff}.hero-mark{opacity:.32}.reviewhero .stats>div{background:#ffffff19;border:1px solid #ffffff32;backdrop-filter:blur(8px);border-radius:17px}.reviewhero .stats>div:nth-child(1){border-bottom:3px solid #d4c7ff}.reviewhero .stats>div:nth-child(2){border-bottom:3px solid #ffdc8b}.reviewhero .stats>div:nth-child(3){border-bottom:3px solid #ffacd4}.reviewhero .stats>div:nth-child(4){border-bottom:3px solid #fff}.reviewintro h2{color:#2c2453}.info-card{border:1px solid #e9e4f7!important;border-radius:16px;overflow:hidden;box-shadow:var(--temac-shadow)}.info-card:nth-child(5n+1){background:#efecff}.info-card:nth-child(5n+2){background:#fff3df}.info-card:nth-child(5n+3){background:#e9f4fb}.info-card:nth-child(5n+4){background:#fcecf4}.info-card:nth-child(5n+5){background:#e9f5ef}.info-card .grow small{color:#89829f}.info-card .num{border-radius:11px}.info-card[open]{box-shadow:0 18px 42px #49399b12}.info-content{line-height:1.8;white-space:normal}.content-card{border-color:#eae6f4;border-radius:16px;overflow:hidden;box-shadow:var(--temac-shadow)}.content-card[open]{box-shadow:0 18px 42px #49399b12}.content-card>summary{background:#fff}.content-card>summary .premium-date{background:#ece8ff;color:#5944d4}.content-card[data-kind=post]>summary .premium-date{background:#fff1d9;color:#9a6a1c}.content-card[data-kind=story]>summary .premium-date{background:#f6e9fb;color:#9257aa}.content-card[data-kind=activation]>summary .premium-date{background:#ffebec;color:#ad5159}.kind.reel{background:#eeeaff;color:#604cda}.kind.post{background:#fff1d9;color:#9a6a1c}.kind.story{background:#f6e9fb;color:#9257aa}.kind.activation{background:#ffebec;color:#ad5159}.contentbody{background:#fcfbff}.filter.active{background:#6553df;color:#fff;border-color:#6553df}.finalapproval{background:#fff;border:1px solid #e9e4f4;border-radius:22px}.finalapproval .eyebrow{color:#6553df}.detail b{color:#6652d7}.success{background:#ebe8ff;color:#5543b7}
@media(max-width:900px){.sidebar{width:78px;padding:20px 8px}.sidebar .brand{padding:10px 3px 20px}.sidebar .brand-logo{width:60px;max-width:60px}.sidebar .brand span{display:none}.sidebar .navlink{padding:12px}.shell{grid-template-columns:80px minmax(0,1fr)}.side{padding:20px 7px}.side .logo{padding:10px 3px}.side .logo span,.side .muted,.side-foot{display:none}.temac-unified-logo{max-width:65px}.side a{font-size:10px;padding:11px 5px;text-align:center;overflow-wrap:anywhere}.content{padding:23px}.shell .main{padding:24px}.reviewhero{padding:32px 25px 42px}}
@media(max-width:620px){.shell{grid-template-columns:1fr}.side{position:relative;min-height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;padding:10px 13px}.side .logo{width:100%;padding:4px 8px}.temac-unified-logo{max-width:110px}.side a{font-size:11px;padding:9px 11px}.shell .main{padding:15px}.shell .top{padding:21px;flex-direction:column;align-items:flex-start}.shell .panel{padding:20px}.shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card,.lock{padding:31px 23px}.reviewhero{border-radius:0 0 22px 22px}.temac-review-brand{gap:10px}.temac-review-brand img{width:95px}.temac-review-brand span{font-size:9px}.content-card>summary .premium-date{flex-basis:63px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}