/* Social Publisher Pro: original lightweight interface, inspired by modern scheduling workspaces. */
:root{--pro-ink:#1e293b;--pro-muted:#64748b;--pro-bg:#f6f8fc;--pro-line:#e7eaf2;--pro-accent:#6553e8;--pro-accent2:#8b5cf6;--pro-radius:16px;--pro-shadow:0 8px 34px rgba(32,44,82,.045)}
body.dashboard-page,body.public-page,body.auth-page{font-family:Inter,Tahoma,"Segoe UI",Arial,sans-serif;color:var(--pro-ink)}
.dashboard-page{background:var(--pro-bg)}
.dashboard-page .shell{background:var(--pro-bg)}
.dashboard-page .sidebar{background:#fff!important;color:#334155!important;border-left:1px solid #e9ecf5;box-shadow:4px 0 25px rgba(24,33,71,.018)}
.dashboard-page .sidebar .brand{color:#233051!important;font-weight:850}
.dashboard-page .sidebar .brand small{color:#95a1b9!important}
.dashboard-page .sidebar .side-label{color:#a1abc1!important;font-size:10px!important;letter-spacing:.4px}
.dashboard-page .sidebar .side-link{color:#64748b!important;border-radius:10px!important;font-weight:600;transition:.18s ease}
.dashboard-page .sidebar .side-link:hover{background:#f3f1ff!important;color:#5745d3!important}
.dashboard-page .sidebar .side-link.active{background:#f0edff!important;color:#5941d6!important;border:none!important;box-shadow:inset 3px 0 0 #7765e8!important}
.dashboard-page .sidebar .side-link svg{color:inherit}
.dashboard-page .sidebar .side-bottom{border-top:1px solid var(--pro-line)!important;background:#fff!important;color:#293752!important}
.dashboard-page .sidebar .user-meta small{color:#99a1b5!important}
.dashboard-page .main{background:var(--pro-bg)!important}
.dashboard-page .topbar{background:#fff!important;border-bottom:1px solid var(--pro-line)!important;box-shadow:none!important}
.dashboard-page .topbar .breadcrumbs,.dashboard-page .topbar .breadcrumbs strong{color:#475569!important}
.dashboard-page .topbar .system-dot{color:#0d9f6b!important;background:#f0fdf8!important;border:1px solid #d0f7e5!important}
.dashboard-page .content{max-width:1740px;padding-top:32px}
.dashboard-page .metric,.dashboard-page .panel,.dashboard-page .item-editor,.dashboard-page .admin-spotlight{background:#fff;border-color:#e7eaf2!important;box-shadow:var(--pro-shadow);border-radius:var(--pro-radius)!important}
.dashboard-page .panel h2,.dashboard-page .heading h1,.dashboard-page .section-heading h2{color:#17223c}
.dashboard-page .metric{padding:23px!important}
.dashboard-page .metric b{color:#15213b}
.dashboard-page .btn.primary,.public-page .btn.primary,.auth-page .btn.primary{background:linear-gradient(115deg,#6553e8,#8664ed)!important;border:0!important;box-shadow:0 5px 16px #6c53e52b!important}
.dashboard-page .btn.primary:hover{filter:brightness(1.06)}
.dashboard-page .input,.dashboard-page input,.dashboard-page textarea,.dashboard-page select{border-color:#e3e7f1}
.dashboard-page input:focus,.dashboard-page textarea:focus,.dashboard-page select:focus{border-color:#9b8cf4;box-shadow:0 0 0 3px #7966e51b}
.dashboard-page .metric-icon.violet{background:#f1edff!important;color:#6751db!important}
.dashboard-page .metric-icon.sky{background:#e9f7ff!important;color:#238bd3!important}
.dashboard-page .metric-icon.green{background:#e9fbee!important;color:#2aa763!important}
.dashboard-page .metric-icon.amber{background:#fff5dc!important;color:#d58c1f!important}
.dashboard-page .smart-row{border-color:#f1f2f7}
.dashboard-page .quick-grid>a{border-color:#e8eaf5;background:#fbfcff}
.dashboard-page .quick-grid>a:hover{border-color:#b7afff;background:#f8f6ff}
.dashboard-page .status.ok{background:#e9f9f1;color:#149e67}
.dashboard-page .heading .eyebrow{color:#7c70ba}
.dashboard-page .heading h1{letter-spacing:-.7px}
.dashboard-page .muted{color:#8a96ac}
.dashboard-page .btn.subtle{background:#f4f3ff;color:#6051bb}
.ai-new-pill{font-size:9px;border-radius:5px;padding:2px 5px;background:linear-gradient(100deg,#8765ef,#5147e9);color:#fff;margin-inline-start:auto;letter-spacing:.4px}
.dashboard-page .sidebar .ai-nav-link{color:#6750d9!important}
.ai-headline{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:0 0 20px}
.ai-headline h1{font-size:clamp(27px,3vw,37px);letter-spacing:-1px;line-height:1.35;margin:10px 0 7px;color:#1d2744}
.ai-headline p{color:#8390a6;line-height:1.9;font-size:13px;margin:0}
.ai-kicker{display:inline-flex;align-items:center;gap:8px;color:#7664cb;font-size:10px;font-weight:800;letter-spacing:1.2px}
.ai-head-dot{display:inline-block;width:5px;height:5px;border-radius:99px;background:#a5a6c2;margin:0 3px}
.ai-gradient-text{background:linear-gradient(110deg,#4431d1,#aa62e9);background-clip:text;color:transparent}
.ai-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai-btn{border:1px solid transparent;outline:0;border-radius:10px;min-height:43px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;font-size:12px;white-space:nowrap;cursor:pointer;transition:.2s;text-decoration:none;line-height:1.4}
.ai-btn:focus-visible{outline:3px solid #8d7dfa;outline-offset:2px}
.ai-btn-primary{background:linear-gradient(110deg,#6c55e9,#8c62eb);color:#fff!important;box-shadow:0 5px 18px #6856e92b}
.ai-btn-primary:hover{transform:translateY(-1px);box-shadow:0 7px 20px #6856e944}
.ai-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ai-btn-light{border-color:#e6e8f1;color:#526079;background:#fff}
.ai-btn-light:hover{background:#f7f5ff;color:#624cde;border-color:#c6bdfb}
.ai-workspace-chip{display:flex;align-items:center;gap:11px;padding:11px 15px;border-radius:14px;background:#fff;border:1px solid var(--pro-line);box-shadow:var(--pro-shadow);margin:0 0 22px;max-width:350px}
.ai-workspace-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;font-size:15px;font-weight:800;color:#7957e5;background:#f1ebff;border-radius:10px}
.ai-workspace-chip>div{flex:1;min-width:0;display:grid;gap:3px}.ai-workspace-chip strong{font-size:12px}.ai-workspace-chip small{font-size:10px;color:#99a1b2}.ai-workspace-chip a{font-size:10px;color:#6b5dd5}
.ai-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.85fr);gap:22px;align-items:start}
.ai-side-stack{display:grid;gap:22px;min-width:0}.ai-panel{border:1px solid #e8ebf4;background:#fff;border-radius:18px;box-shadow:var(--pro-shadow);padding:24px;min-width:0}
.ai-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #f0f2f8;margin-bottom:20px}
.ai-panel-heading>div:first-child{display:flex;gap:11px;align-items:center}.ai-panel-heading h2{font-size:15px;font-weight:850;margin:0 0 5px;color:#27324c}.ai-panel-heading p{margin:0;font-size:10px;color:#9ba4b6}
.ai-panel-emoji{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f1edff;color:#6b56d7}
.ai-badge{font-size:9px;font-weight:700;border-radius:8px;padding:7px 9px}.ai-badge-outline{color:#8477ac;border:1px solid #e8e4f9;background:#faf9ff}
.ai-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;border:1px solid #eff0f8;border-radius:11px;background:#f9f9fe;padding:5px}
.ai-tab{border:0;background:transparent;border-radius:8px;color:#8b96a9;font-family:inherit;font-size:11px;font-weight:750;padding:10px 14px;flex:1;min-width:max-content;cursor:pointer;transition:.17s}
.ai-tab.active{background:#fff;color:#6350db;box-shadow:0 2px 10px #33356617}
.ai-create-panel form{display:grid;gap:18px}.ai-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ai-label{display:flex!important;flex-direction:column;gap:9px!important;font-weight:750;color:#33405a;font-size:11px!important}
.ai-label input,.ai-label textarea,.ai-label select{border-radius:10px!important;min-height:44px;padding:11px 13px!important;font-size:12px!important;color:#40506d;background:#fcfdff;border:1px solid #e5eaf3!important;width:100%;outline:none;font-family:inherit}
.ai-label textarea{min-height:127px;resize:vertical;line-height:1.9}
.ai-label input:focus,.ai-label textarea:focus,.ai-label select:focus{border-color:#9688e9!important;box-shadow:0 0 0 3px #7b6fe31a}
.ai-form-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f1f7;padding-top:20px;gap:15px}
.ai-form-footer span{color:#95a0b3;font-size:10px;display:flex;align-items:center;gap:8px;line-height:1.8;max-width:60%}
.ai-feedback{font-size:12px;color:#6d609b;line-height:1.8}.ai-feedback-error,.ai-error{color:#b34050;font-size:11px}
.ai-result{border:1px solid #e1e9f2;background:#fbfcff;padding:18px;border-radius:14px;margin-top:10px}
.ai-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#1f9a69}
.ai-result-head h3{margin:0;font-size:13px;display:flex;align-items:center;gap:8px}.ai-result-head span{font-size:9px;color:#93a1b9}
.ai-result-text{white-space:pre-wrap;direction:auto;text-align:start;color:#334155;background:#fff;border:1px solid #eef0f7;border-radius:10px;padding:18px;margin:17px 0;line-height:2;font-size:13px;max-height:390px;overflow:auto}
.ai-result-image img{width:100%;max-width:470px;height:auto;border-radius:12px;margin:14px auto;display:block;box-shadow:0 3px 15px #22314918}.ai-result-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:16px}
.ai-key-list{display:grid;gap:2px}.ai-key-entry{display:flex;align-items:center;gap:9px;padding:11px 2px;border-bottom:1px solid #f0f2f7}.ai-provider-dot{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:#e4eafa;color:#34467d;font-weight:900;font-size:15px}.ai-provider-dot.anthropic{background:#f9e9df;color:#aa633d}.ai-provider-dot.gemini{background:#e9f0ff;color:#5269c8}
.ai-key-info{display:grid;gap:3px;flex:1;min-width:0}.ai-key-info strong{font-size:11.5px;color:#37415a}.ai-key-info small{font-size:10px;color:#9ba4b5}.ai-led{width:7px;height:7px;border-radius:50%;background:#27b889;box-shadow:0 0 0 4px #eafaf2}.ai-text-btn{font-size:10px;color:#d16a77;border:0;background:none;cursor:pointer;padding:5px}
.ai-empty-small{text-align:center;padding:15px 0 23px;color:#8590a8}.ai-empty-small svg{color:#7767d8}.ai-empty-small strong{display:block;margin-top:8px;font-size:12px;color:#45506c}.ai-empty-small p{font-size:10px}
.ai-key-details{border-top:1px solid #f1f1f7;margin-top:12px}.ai-key-details summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:850;color:#6953da;font-size:11px;display:flex;align-items:center;gap:8px}.ai-key-details summary::-webkit-details-marker{display:none}.ai-key-form{display:grid;gap:14px;padding:8px 0}.ai-key-form .ai-label input,.ai-key-form .ai-label select{min-height:42px}
.ai-key-foot{border-top:1px solid #f1f2f7;margin-top:10px;padding-top:16px;display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#8b96ac;line-height:1.8}.ai-key-foot svg{flex:0 0 16px}
.ai-tips h3{font-size:14px;margin:0 0 19px}.ai-tips>div{display:flex;align-items:center;gap:13px;margin-bottom:14px;color:#65728b;font-size:11px;line-height:1.7}.ai-tips b{width:30px;height:30px;display:grid;place-items:center;background:#f1effe;color:#7259d8;border-radius:9px;flex:0 0 30px}
.ai-history{margin-top:22px}.ai-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ai-history-card{border:1px solid #ecedf5;border-radius:14px;padding:14px;overflow:hidden;min-width:0;background:#fff}.ai-history-card img{height:150px;object-fit:cover;width:100%;border-radius:8px}.ai-history-type{height:82px;border-radius:9px;background:#f4f2ff;display:flex;align-items:center;justify-content:center;gap:10px;color:#7563dc;font-size:12px}
.ai-history-meta{display:flex;justify-content:space-between;gap:8px;padding-top:11px;font-size:10px;color:#8676bd}.ai-history-meta small{color:#a7b0c2}.ai-history-card h4{font-size:12px;color:#354158;margin:10px 0 4px}.ai-history-card p{font-size:11px;color:#7a86a0;line-height:1.7}.ai-history-card>a{color:#7255d8;font-size:10px;font-weight:800}.ai-history-empty{font-size:12px;color:#8491a9}
.public-page .public-nav,.auth-page .auth-main{background:#fff}.public-page .hero-eyebrow{background:#f3edff;color:#7661d8}.public-page .hero h1{letter-spacing:-1.6px}.public-page .hero-dashboard{border-color:#edf0f7;box-shadow:0 25px 75px #2d376526}.public-page .feature-card{border-color:#e6eaf2;box-shadow:0 5px 25px #33415b0a}.public-page .public-nav{border-bottom:1px solid #eef0f5}
.auth-page .auth-promo{background:radial-gradient(circle at 18% 75%,#604eac 0,transparent 38%),linear-gradient(125deg,#232c53,#47449c)}.auth-page .auth-card{max-width:480px}
@media (max-width:1180px){.ai-layout{grid-template-columns:minmax(0,1fr) 320px}.ai-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.ai-layout{grid-template-columns:1fr}.ai-side-stack{grid-template-columns:1fr 1fr}.ai-headline{align-items:flex-start}}
@media (max-width:760px){.ai-headline{flex-direction:column}.ai-head-actions{width:100%}.ai-head-actions>a{flex:1}.ai-side-stack{grid-template-columns:1fr}.ai-grid-two{grid-template-columns:1fr}.ai-panel{padding:18px}.ai-tabs{gap:4px}.ai-tab{font-size:10px;padding:10px 9px;min-width:calc(50% - 5px)}.ai-history-grid{grid-template-columns:1fr 1fr}.ai-form-footer{flex-direction:column;align-items:stretch}.ai-form-footer span{max-width:none}.ai-form-footer button{width:100%}}
@media (max-width:490px){.ai-history-grid{grid-template-columns:1fr}.ai-panel-heading{align-items:flex-start}.ai-badge-outline{display:none}.ai-headline h1{font-size:28px}}
@media (prefers-reduced-motion:reduce){.ai-btn,.ai-tab,.dashboard-page .sidebar .side-link{transition:none!important}.ai-btn:hover{transform:none!important}}