/* SocialPilot Pro 2.0 — restrained premium product UI, RTL-first */
:root{--bg:#080c12;--panel:#111821;--panel2:#151d28;--panel3:#1c2732;--border:#25323f;--text:#eef4f7;--muted:#91a0af;--faint:#647587;--accent:#32d9b8;--accent2:#8af9e3;--blue:#8baeff;--radius:17px;--shadow:0 24px 70px #0004}
:root[data-theme=light]{--bg:#f4f6f8;--panel:#fff;--panel2:#f8fafb;--panel3:#eff3f5;--border:#dbe3e8;--text:#1d2a35;--muted:#687a86;--faint:#90a0ad;--accent:#0e9e87;--accent2:#087d6f;--blue:#315ec0}
body{background:var(--bg);letter-spacing:-.01em}h1,h2,h3,p{overflow-wrap:break-word}
.page-shell{grid-template-columns:258px minmax(0,1fr)}.sidebar{background:var(--panel);border-left:1px solid var(--border);box-shadow:none;padding:24px 14px 20px}.brandmark{padding-bottom:27px}.brandmark .mark{transform:none;border-radius:13px;background:#133f3a;color:#7cf5da;box-shadow:none;border:1px solid #35756c}.brand-copy strong{letter-spacing:.1px}.nav-group{text-transform:uppercase;color:#718494;letter-spacing:1.4px;font-size:9px;margin:20px 11px 7px}.nav-link{border:1px solid transparent;padding:9px 12px;font-size:11px;min-height:42px;margin:1px 0;gap:11px}.nav-link.active{background:rgba(38,209,174,.105);border-color:rgba(60,207,170,.18);color:var(--accent2)}.nav-link.active:before{right:-14px;height:22px}.nav-link:hover{background:var(--panel2);color:var(--text)}.sidebar-bottom{padding-top:15px}.mini-status{background:transparent;border:1px solid var(--border)}
.workspace{background:radial-gradient(ellipse at 12% 0%,rgba(60,137,150,.07),transparent 37%),var(--bg)}.topbar{height:70px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--border)}.container{max-width:1650px;padding:32px 38px 78px}.page-head{margin-bottom:25px}.page-title{font-family:'Lalezar',sans-serif;font-size:40px}.page-description{font-size:11px;max-width:680px}.eyebrow{font-size:9px;letter-spacing:1.45px}.eyebrow:before{background:var(--accent);width:11px}.btn{border-radius:10px;padding:10px 14px;font-weight:600;background:var(--panel2)}.btn.primary{background:var(--accent);color:#08241e;box-shadow:none}.btn.primary:hover{background:#5ae9cd;box-shadow:0 6px 24px #32d9b838}.icon-btn{border-radius:9px}.icon-btn:hover,.btn:hover{transform:none}.icon-btn:hover{background:var(--panel2)}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px 23px;box-shadow:0 10px 24px #0000000a}.panel-head{margin-bottom:17px}.panel-title{font-size:14px;letter-spacing:-.02em}.panel-sub{font-size:10px}.stat-card{background:var(--panel);border-radius:15px;min-height:136px;padding:19px 21px}.stat-card:after{width:90px;height:90px;left:-40px;bottom:-67px;filter:blur(8px)}.stat-card .metric{font-size:28px}.stat-icon{background:rgba(50,217,184,.08);border:1px solid rgba(50,217,184,.18)}
.hero{background:#112a30;border:1px solid #265354;border-radius:18px;padding:27px 32px;min-height:190px}.hero:after{opacity:.45}.hero h2{font-size:34px}.hero-label{font-size:9px}.hero-graphic .glass-circle{transform:none;border-radius:20px}
.meta-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(115deg,#103136,#102330 53%,#14202a);border:1px solid #2d5558;border-radius:19px;padding:33px 35px;margin:0 0 20px;min-height:214px;position:relative;overflow:hidden;color:#eefcfb}.meta-hero:before{content:'';position:absolute;width:370px;height:370px;border:1px solid #55b6a936;border-radius:50%;left:-142px;bottom:-249px;box-shadow:0 0 0 50px #a4f9df09,0 0 0 105px #b3f8ed07}.meta-hero>div:first-child{position:relative;z-index:1;max-width:720px}.meta-hero h2{font:41px 'Lalezar',sans-serif;line-height:1.15;margin:6px 0}.meta-hero p{color:#adc8c9;font-size:11px;max-width:580px;line-height:2;margin:8px 0 21px}.meta-art{width:185px;height:145px;position:relative;display:grid;place-items:center;flex-shrink:0}.orbit{position:absolute;border:1px solid #3faaa277;border-radius:50%;aspect-ratio:1;width:138px;transform:rotate(27deg)}.orbit2{width:190px;opacity:.28}.orbit-center{width:76px;height:76px;border:1px solid #56cdbb70;background:#1a5c55ab;display:grid;place-items:center;border-radius:25px;box-shadow:0 0 65px #3ff0cf33}.orbit-center .icon{width:40px;height:40px;color:#81fce0}.ads-hero{background:linear-gradient(120deg,#182c38,#111e32)}.agent-hero{background:linear-gradient(120deg,#102a33,#1b2840)}
.feature-card{background:var(--panel);border-radius:14px;box-shadow:none}.feature-card h3{font-size:13px;margin-top:12px}.feature-card p{line-height:2}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.notice{background:var(--panel2);border-right-width:2px}.generated{font-size:11px;line-height:2;background:var(--panel2)}
.form label{font-weight:600;color:var(--muted)}.form input,.form textarea,.form select{font-weight:400}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent)}
.kv-code{padding:13px 14px;border:1px solid var(--border);border-radius:11px;margin-bottom:13px;background:var(--panel2)}.kv-code b{display:block;font-size:10px;margin-bottom:7px;color:var(--muted)}.kv-code code{display:block;direction:ltr;text-align:left;color:var(--accent2);font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;user-select:all}
.agent-profile{border:1px solid var(--border);border-radius:13px;padding:17px;margin-bottom:14px;background:var(--panel2)}.agent-profile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.agent-profile-head strong{font-size:13px}.work-item{border:1px solid var(--border);border-radius:12px;padding:15px;margin-bottom:12px;background:var(--panel2)}.work-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.work-item-top b{font-size:12px;max-width:78%}
.inbox-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 238px;gap:14px;min-height:650px}.inbox-layout .panel{padding:17px}.inbox-threads{overflow:auto;max-height:720px}.thread-link{display:flex;align-items:center;gap:10px;padding:12px 9px;border-bottom:1px solid var(--border);border-radius:8px}.thread-link:hover,.thread-link.selected{background:rgba(50,217,184,.09)}.thread-avatar{width:37px;height:37px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#244340;color:var(--accent2);font-size:15px;font-weight:700}.thread-link strong{display:block;font-size:11px}.thread-link span{display:block;color:var(--muted);font-size:9px;line-height:1.6;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head{border-bottom:1px solid var(--border);padding:0 0 12px;display:flex;justify-content:space-between;align-items:center}.chat-head h2{font-size:14px;margin:0}.message-stream{display:flex;flex-direction:column;gap:12px;max-height:420px;min-height:250px;overflow:auto;padding:19px 0}.message-bubble{max-width:85%;padding:12px 14px;border-radius:13px;line-height:1.9;font-size:11px;background:var(--panel2);border:1px solid var(--border)}.message-bubble.inbound{align-self:flex-start}.message-bubble.outbound{align-self:flex-end;background:#153c38;border-color:#35736b;color:#e1faf4}.message-bubble>span{display:block;font-size:9px;color:var(--muted);margin-top:6px}.reply-composer{border-top:1px solid var(--border);padding-top:16px}.reply-composer .form{gap:9px}
:root[data-theme=light] .meta-hero{color:#eefcfb}:root[data-theme=light] .message-bubble.outbound{color:#e1faf4}
@media(max-width:1300px){.inbox-layout{grid-template-columns:225px minmax(0,1fr)}.inbox-details{grid-column:1/-1}.page-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.page-shell{display:block}.container{padding:22px 16px 100px}.meta-hero h2{font-size:33px}.inbox-layout{grid-template-columns:1fr}.inbox-threads{max-height:250px}.inbox-details{grid-column:auto}.meta-art{width:130px}.sidebar{width:270px}.panel{padding:19px}}
@media(max-width:580px){.meta-hero{padding:23px 21px;min-height:160px}.meta-hero h2{font-size:29px}.meta-hero p{font-size:10px}.meta-art{display:none}.page-title{font-size:34px}.inbox-layout .panel{padding:14px}.message-stream{max-height:310px}.work-item{padding:12px}.container{padding:20px 12px 98px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}