:root{--violet:#8d86ff;--cyan:#68d7cc;--ink:#0a0f0d}
.apollo{background:#829fee}.negative{color:var(--danger)!important}.source-panel{margin-top:18px}.loop-strip{display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:space-between;gap:8px;margin:16px 0;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#101915}.loop-step{display:grid;grid-template-columns:25px auto;column-gap:8px;align-items:center;color:var(--muted)}.loop-step b{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#223029;font-size:10px}.loop-step span{font-size:12px;font-weight:800;color:var(--text)}.loop-step small{font-size:10px}.loop-step.done b{background:#27543f;color:#9fe0bd}.loop-step.active b{background:var(--gold);color:#14140e}.loop-strip>i{color:#435149;font-style:normal}.roi-card{border-color:#506440;background:linear-gradient(145deg,#1a291e,#111914)}
.source-table{display:grid}.source-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:12px;align-items:center;padding:13px 4px;border-top:1px solid var(--line);font-size:13px}.source-head{color:var(--muted);font-size:11px;border-top:0}.source-row span,.source-row b{white-space:nowrap}.source-row strong{font-size:13px}
.view-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.segmented{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px}.segmented button{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px}.segmented button.active{background:var(--surface-2);color:var(--text)}.campaign-hero{display:grid;grid-template-columns:1fr auto;gap:24px;border:1px solid #43543e;background:linear-gradient(135deg,#1a291f,#111814);border-radius:20px;padding:26px}.campaign-hero h2{font-size:30px;margin:16px 0 6px}.campaign-hero p{color:var(--muted)}.campaign-goal{max-width:650px;margin-top:22px}.campaign-goal span{display:block}.campaign-goal span b{font-size:24px}.campaign-goal i{display:block;height:9px;background:#26342c;border-radius:10px;margin:9px 0}.campaign-goal em{display:block;width:60%;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:10px}.campaign-goal small{color:var(--green)}.campaign-result{align-self:center;text-align:right;border-left:1px solid var(--line);padding-left:30px}.campaign-result small,.campaign-result span{display:block}.campaign-result strong{display:block;font-size:28px;margin:7px 0}.campaign-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.campaign-workflow article{display:flex;gap:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:17px}.campaign-workflow article>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#28382f;color:var(--gold)}.campaign-workflow small,.campaign-workflow strong,.campaign-workflow p{display:block}.campaign-workflow small{color:var(--gold)}.campaign-workflow strong{font-size:13px;margin-top:5px}.campaign-workflow p{color:var(--muted);font-size:11px;margin:5px 0 0;line-height:1.5}
.engine-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:25px;border:1px solid #385745;background:linear-gradient(120deg,#17261e,#111914);border-radius:18px;margin-bottom:16px}.engine-intro h2{font-size:26px;margin:0}.engine-intro p:not(.eyebrow){color:var(--muted);max-width:760px;line-height:1.6}.content-engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.keyword-list{display:grid}.keyword-item{display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:14px 3px}.keyword-item:hover,.keyword-item.active{padding-left:12px;background:#18261f}.keyword-item b{color:var(--green)}.keyword-item small{grid-column:1/-1;color:var(--muted)}.content-pipeline h2{margin:0 0 12px}.pipeline-step{display:grid;grid-template-columns:28px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.pipeline-step>b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#26342d}.pipeline-step span strong,.pipeline-step span small{display:block}.pipeline-step span small{color:var(--muted);margin-top:4px}.pipeline-step em{font-style:normal;color:var(--green);font-size:12px}.pipeline-step button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:7px 9px}.pipeline-step.active>b{background:var(--gold);color:#15140f}.organic-results{grid-column:1/-1;margin-top:0}.organic-grid,.ad-summary,.customer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.organic-grid article,.ad-summary article,.customer-stats article{border:1px solid var(--line);background:#111a16;border-radius:14px;padding:16px}.organic-grid span,.organic-grid small,.ad-summary span,.ad-summary small,.customer-stats span,.customer-stats small{display:block;color:var(--muted)}.organic-grid strong,.ad-summary strong,.customer-stats strong{display:block;font-size:23px;margin:7px 0}
.ad-summary{margin-bottom:16px}.ads-table-panel{overflow:hidden}.ads-table{min-width:900px}.ad-row{display:grid;grid-template-columns:2fr repeat(5,.75fr) 1fr;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.ad-row>span:first-child{display:grid;grid-template-columns:40px 1fr;gap:0 9px}.ad-row>span:first-child i{grid-row:1/3}.ad-row small{display:block;color:var(--muted);margin-top:4px}.ad-head{color:var(--muted)}.ad-thumb{width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#7e6c3b,#303d36)}.ad-thumb.card{background:linear-gradient(135deg,#6a817d,#263734)}.ad-thumb.offer{background:linear-gradient(135deg,#83584c,#342521)}.recommend{border:0;border-radius:9px;padding:8px;font-size:11px}.recommend.scale{background:#214c38;color:#8de0b4}.recommend.adjust{background:#4b4022;color:#efd17b}.recommend.stop{background:#4a2724;color:#efa096}.decision-panel{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:16px;padding:22px;border:1px solid #425a49;background:linear-gradient(120deg,#18271f,#111914);border-radius:17px}.decision-panel h2{margin:0}.decision-panel p:not(.eyebrow){color:var(--muted);max-width:760px;line-height:1.6}.decision-panel>div:last-child{display:flex;gap:8px;white-space:nowrap}
.approval-stack{display:grid;gap:12px}.approval-stack article{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px}.approval-stack h3{margin:12px 0 5px}.approval-stack p{color:var(--muted);margin:0}.approval-stack article>div:last-child{display:flex;gap:8px;white-space:nowrap}
.customer-stats{margin-bottom:16px}.service-desk{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(440px,1.18fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);min-height:610px}.conversation-panel{border-right:1px solid var(--line)}.desk-heading,.chat-contact{display:flex;justify-content:space-between;align-items:center;padding:20px}.desk-heading h2,.chat-contact h2{margin:0}.live-pill{font-size:11px;color:var(--green)}.conversation-search{display:flex;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.conversation-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.channel-filters{display:flex;gap:6px;padding:0 16px 14px;overflow:auto}.channel-filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:18px;padding:6px 10px;white-space:nowrap}.channel-filter.active{background:#21312a;color:var(--text)}.conversation{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:15px 16px;text-align:left}.conversation:hover,.conversation.active{background:#1a2822}.conversation>span:nth-child(2){min-width:0}.conversation strong,.conversation small{display:block}.conversation small{color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#476f5e;color:white;font-weight:800}.coral-bg{background:#7b5048}.blue-bg{background:#455f82}.gold-bg{background:#806b3e}.conversation-meta{text-align:right}.conversation-meta b{font-size:10px;color:var(--green)}.conversation-meta i{display:inline-grid;place-items:center;background:var(--coral);color:#111;width:18px;height:18px;border-radius:50%;font-size:10px;margin-top:5px}.chat-contact{border-bottom:1px solid var(--line)}.chat-contact>div{display:flex;align-items:center;gap:11px}.chat-contact p{margin:4px 0 0;color:var(--muted);font-size:12px}.chat-contact p b{color:var(--gold)}.attribution-card{margin:16px 20px;padding:12px 14px;border-radius:11px;background:#172720;border:1px solid #294638}.attribution-card span,.attribution-card strong{display:block}.attribution-card span{font-size:11px;color:var(--green);margin-bottom:5px}.messages{padding:10px 20px;display:grid;gap:12px}.message{max-width:78%;padding:12px 14px;border-radius:15px;line-height:1.5}.message.inbound{background:#26332d}.message.outbound{background:#725f35;color:#fff;justify-self:end}.ai-reply{border:1px solid #4c684f;background:#16221c;border-radius:13px;padding:13px}.ai-reply span{font-size:11px;color:var(--green);font-weight:800}.ai-reply p{margin:7px 0;line-height:1.6;color:#dbe6dd}.ai-reply button{border:0;background:transparent;color:var(--gold);padding:0}.reply-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px;padding:12px;border:1px solid var(--line);border-radius:13px}.reply-box textarea{resize:none;min-height:48px;border:0;outline:0;background:transparent;color:var(--text)}.reply-box button{border:0;border-radius:10px;background:var(--gold);font-weight:800;padding:0 18px}
@media(max-width:1180px){.campaign-workflow{grid-template-columns:repeat(2,1fr)}.loop-strip{grid-template-columns:repeat(6,1fr)}.loop-strip>i{display:none}.source-row{grid-template-columns:1.3fr repeat(5,.8fr)}.service-desk{grid-template-columns:1fr}.conversation-panel{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:720px){.loop-strip{display:flex;overflow:auto;justify-content:flex-start}.loop-step{min-width:100px}.source-table,.ads-table-panel{overflow:auto}.source-row{min-width:720px}.view-toolbar,.engine-intro,.decision-panel,.approval-stack article{align-items:stretch;flex-direction:column}.campaign-hero{grid-template-columns:1fr;padding:20px}.campaign-result{text-align:left;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.campaign-workflow{grid-template-columns:1fr}.content-engine-grid{grid-template-columns:1fr}.organic-results{grid-column:auto}.organic-grid,.ad-summary,.customer-stats{grid-template-columns:repeat(2,1fr);gap:8px}.engine-intro h2{font-size:22px}.decision-panel>div:last-child,.approval-stack article>div:last-child{display:grid}.service-desk{min-height:0}.conversation-panel{max-height:430px;overflow:auto}.chat-panel{min-width:0}.chat-contact{padding:16px 14px}.chat-contact .quiet-btn{padding:8px}.message{max-width:90%}.reply-box{margin:14px}.desk-heading{padding:16px}.mobile-nav{grid-template-columns:repeat(5,1fr)!important}.mobile-nav button{font-size:12px;padding-inline:2px!important}}
.loop-strip{scrollbar-width:none}.loop-strip::-webkit-scrollbar{display:none}
@media(max-width:720px){.top-actions .primary-btn{width:110px!important;white-space:nowrap;font-size:13px}}
.sidebar{overflow:auto}.team-status{margin-top:18px;padding-top:18px}.agent-heading{display:flex;align-items:center;gap:13px}.agent-heading h2{margin:0;font-size:25px}.agent-heading p:not(.eyebrow){margin:5px 0;color:var(--muted)}.studio-tabs{display:flex;gap:8px;margin-bottom:14px;overflow:auto}.studio-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:12px;padding:10px 14px;white-space:nowrap}.studio-tabs button.active{background:var(--surface-2);color:var(--text);border-color:#51654f}.social-builder{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(430px,1.18fr);gap:16px}.builder-form,.post-workspace,.design-studio>section,.content-library,.documents-hero{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:20px}.builder-form label{display:grid;gap:7px;margin-top:16px;color:var(--muted);font-size:12px}.builder-form select,.builder-form textarea{width:100%;border:1px solid var(--line);background:#0d1512;color:var(--text);border-radius:11px;padding:12px}.builder-form textarea{min-height:82px;resize:vertical}.platform-select,.content-type{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.platform-select>span,.content-type>span{flex-basis:100%;font-size:12px;color:var(--muted)}.platform,.content-type button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:18px;padding:7px 10px}.platform.active,.content-type button.active{background:#234132;color:#8ed6af;border-color:#42654f}.voice-source{display:grid;gap:5px;margin-top:16px;padding:12px;border-left:3px solid var(--green);background:#16231d}.voice-source span{font-size:11px;color:var(--green)}.voice-source strong{font-size:12px}.voice-source button{justify-self:start;border:0;background:transparent;color:var(--gold);padding:0}.full-btn{width:100%;margin-top:16px}.preview-toolbar,.post-account,.asset-actions,.publish-bar{display:flex;justify-content:space-between;align-items:center;gap:8px}.preview-toolbar>div{display:flex;gap:5px}.preview-toolbar button{border:0;background:transparent;color:var(--muted);padding:6px 8px}.preview-toolbar button.active{color:var(--gold)}.post-card{max-width:590px;margin:14px auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0c1310}.post-account{padding:12px}.brand-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold);color:#15140e;font-weight:900}.post-account>div{flex:1}.post-account strong,.post-account small{display:block}.post-account small{color:var(--muted);margin-top:2px}.post-account button{border:0;background:transparent;color:var(--muted)}.post-visual{min-height:250px;display:flex;flex-direction:column;justify-content:center;padding:28px;background:radial-gradient(circle at 70% 30%,#b49a62 0,transparent 22%),linear-gradient(135deg,#23362d,#7c6640);position:relative}.post-visual span{font-size:30px;font-weight:900;line-height:1.25;max-width:400px}.post-visual small{margin-top:13px;font-size:15px}.post-visual b{position:absolute;bottom:15px;right:17px;font-size:9px;letter-spacing:.15em}.post-body{padding:15px;line-height:1.6}.post-body p{margin:0 0 8px}.post-body p:last-child{color:var(--green);font-size:12px}.asset-actions{justify-content:flex-start;flex-wrap:wrap}.publish-bar{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.publish-bar span{flex:1}.publish-bar b,.publish-bar small{display:block}.publish-bar small{color:var(--muted);margin-top:3px}.design-studio{display:grid;grid-template-columns:1fr .75fr;gap:16px}.design-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.design-tools button{display:grid;gap:5px;text-align:left;border:1px solid var(--line);background:#101915;color:var(--text);border-radius:13px;padding:15px}.design-tools small{color:var(--muted);line-height:1.5}.brand-direction h3{font-size:22px}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.visual-grid span{display:grid;place-items:end start;min-height:150px;padding:12px;border-radius:12px;background:linear-gradient(145deg,#6f5c37,#25362e);font-size:12px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.library-grid article{display:grid;gap:6px;border:1px solid var(--line);border-radius:13px;padding:15px}.library-grid span{color:var(--gold);font-size:11px}.library-grid small{color:var(--muted)}.schedule-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.calendar-week{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.calendar-week>div{min-height:330px;border:1px solid var(--line);border-radius:12px;padding:10px}.calendar-week b,.calendar-week>div>span{display:block}.calendar-week>div>span{font-size:24px;margin:6px 0 16px}.calendar-week .today{border-color:var(--gold)}.calendar-item{padding:8px;border-radius:8px;margin-top:7px;font-size:11px;line-height:1.4}.calendar-item.social{background:#274032}.calendar-item.booking{background:#2a3c52}.calendar-item.follow{background:#4c3824}.calendar-item.seo{background:#4a4422}.upcoming-list{display:grid}.upcoming-list article{display:grid;gap:5px;padding:14px 0;border-top:1px solid var(--line)}.upcoming-list b{color:var(--gold);font-size:11px}.upcoming-list small{color:var(--muted)}.documents-hero{display:flex;justify-content:space-between;align-items:center}.document-agent{background:#929eaa}.document-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.document-types article{display:grid;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:18px}.document-types b{font-size:20px}.document-types span{color:var(--muted);min-height:42px}.document-types button,.doc-row button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px}.doc-row{display:grid;grid-template-columns:45px 1fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.doc-row>span{color:var(--gold)}.doc-row small{color:var(--muted)}
@media(max-width:1000px){.social-builder,.design-studio,.schedule-layout{grid-template-columns:1fr}.document-types{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.social-builder{grid-template-columns:1fr}.builder-form,.post-workspace{padding:16px}.post-visual{min-height:210px}.post-visual span{font-size:25px}.publish-bar{align-items:stretch;flex-wrap:wrap}.publish-bar span{flex-basis:100%}.asset-actions{display:grid;grid-template-columns:repeat(2,1fr)}.design-tools,.library-grid,.document-types{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr}.visual-grid span{min-height:100px}.calendar-week{overflow:auto;grid-template-columns:repeat(5,140px)}.documents-hero{align-items:stretch;flex-direction:column;gap:16px}.doc-row{grid-template-columns:40px 1fr auto}.doc-row small{grid-column:2}.studio-tabs{margin-right:-16px}.primary-nav{padding-bottom:20px}}
.studio-tabs{scrollbar-width:none}.studio-tabs::-webkit-scrollbar{display:none}
.data-actions{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;padding:24px;border:1px solid #3b5145;border-radius:18px;background:linear-gradient(135deg,#18261f,#111814)}.data-actions h2{font-size:27px;margin:0 0 6px}.data-actions p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.6}.data-actions>div:last-child{display:flex;gap:8px}.crm-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(500px,1.3fr);gap:16px}.customer-directory{padding:14px}.crm-filters{display:flex;gap:6px;overflow:auto;padding:0 2px 12px}.crm-filters button,.profile-tabs button,.format-choice button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:18px;padding:7px 10px;white-space:nowrap}.crm-filters button.active,.profile-tabs button.active,.format-choice button.active{background:#234132;color:#9ce0ba;border-color:#42654f}.customer-record{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:15px 8px;text-align:left}.customer-record.active,.customer-record:hover{background:#19271f;padding-left:14px}.customer-record strong,.customer-record small{display:block}.customer-record small{color:var(--muted);margin-top:3px}.customer-record>b{font-size:10px;color:var(--gold)}.profile-head{display:flex;justify-content:space-between;align-items:center}.profile-head>div{display:flex;align-items:center;gap:12px}.profile-head h2{font-size:26px;margin:0}.profile-head small{color:var(--muted)}.profile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.profile-kpis article{padding:13px;border:1px solid var(--line);border-radius:12px;background:#101814}.profile-kpis span,.profile-kpis strong{display:block}.profile-kpis span{color:var(--muted);font-size:11px}.profile-kpis strong{margin-top:5px}.profile-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px;overflow:auto}.profile-panel{padding-top:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);font-size:11px;margin-bottom:6px}.detail-grid strong{font-size:13px;line-height:1.5}.booking-detail,.timeline-list{display:grid;gap:10px}.booking-detail>div,.timeline-list article{display:grid;gap:5px;padding:14px;border-left:3px solid var(--green);background:#111a16}.booking-detail b,.timeline-list b{color:var(--gold);font-size:11px}.booking-detail span,.timeline-list small{color:var(--muted);font-size:12px}.booking-detail p{margin:0;color:var(--muted)}.export-config{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.export-config>div{display:flex;align-items:flex-end;gap:9px}.export-config label{display:grid;gap:6px;color:var(--muted);font-size:11px}.export-config input{border:1px solid var(--line);background:#0d1512;color:var(--text);padding:10px;border-radius:9px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.export-grid article{display:grid;grid-template-rows:auto auto 1fr auto;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px}.export-grid article>span{color:var(--gold);font-size:11px}.export-grid h3{margin:8px 0}.export-grid p{color:var(--muted);font-size:12px;line-height:1.6}.export-grid button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px}.export-grid button.ready{background:#24503a;color:#9ce0ba}.export-grid .featured{border-color:#7d6838;background:linear-gradient(145deg,#282218,#171914)}.export-history{margin-top:16px}.more-dialog{width:min(520px,calc(100% - 28px))}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.more-grid button{display:grid;gap:4px;text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:13px;padding:14px}.more-grid b{font-size:10px;color:var(--gold)}.more-grid span{font-weight:800}
@media(max-width:1000px){.crm-layout{grid-template-columns:1fr}.export-grid{grid-template-columns:repeat(2,1fr)}}

/* Mobile production hardening: keep the creation flow readable and touch-first. */
@media(max-width:720px){
  html,body{width:100%;overflow-x:hidden;background:#0b120f;color:var(--text)}
  body{font-size:15px;line-height:1.5}
  main{width:100%;padding:20px 16px calc(100px + env(safe-area-inset-bottom))}
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:22px}
  .topbar .eyebrow{font-size:10px;margin-bottom:5px}
  .topbar h1{font-size:27px;line-height:1.15;max-width:none}
  .top-actions{align-self:start}
  .top-actions .primary-btn{width:44px!important;height:44px;min-height:44px;padding:0;font-size:0;border-radius:13px;display:grid;place-items:center}
  .top-actions .primary-btn::after{content:"＋";font-size:22px;line-height:1}
  .studio-tabs{gap:8px;margin:0 -16px 16px;padding:0 16px 4px}
  .studio-tabs button{flex:0 0 auto;min-height:42px;padding:9px 14px;border-radius:999px;background:#111b17;color:#aeb8b1;border-color:#34453c;font-size:13px}
  .studio-tabs button.active{background:#d7b86f;color:#15140f;border-color:#d7b86f;font-weight:800}
  .social-builder{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  .builder-form,.post-workspace{min-width:0;padding:18px;border-radius:20px;background:linear-gradient(150deg,#151f1b,#101713);border-color:#314139;box-shadow:0 16px 45px #0003}
  .agent-heading{align-items:flex-start}
  .agent-heading .agent-dot.large{flex:0 0 42px}
  .agent-heading h2{font-size:23px;line-height:1.25;margin:2px 0 6px}
  .agent-heading p:not(.eyebrow){font-size:13px;line-height:1.6}
  .builder-form label{font-size:13px;margin-top:17px;gap:8px}
  .builder-form select,.builder-form textarea{display:block;min-height:48px;border-radius:13px;padding:12px 13px;font-size:16px;background:#0b1210;border-color:#3b4a43;color:#f5f0e5}
  .builder-form textarea{min-height:104px;line-height:1.55}
  .platform-select,.content-type{gap:8px;margin-top:18px}
  .platform-select>span,.content-type>span{font-size:12px;margin-bottom:1px}
  .platform,.content-type button{min-height:40px;padding:8px 13px;border-radius:999px;background:#101915;color:#c4cdc7;border-color:#3b4b43;font-size:13px}
  .platform.active,.content-type button.active{background:#27523c;color:#a8e4c2;border-color:#4e7f64;box-shadow:inset 0 0 0 1px #4e7f6433}
  .voice-source{margin-top:18px;padding:14px;border-radius:0 12px 12px 0;line-height:1.55}
  .voice-source strong{font-size:13px}
  .full-btn{min-height:52px;margin-top:18px;border-radius:14px;font-size:14px;line-height:1.35;padding:12px 14px}
  .preview-toolbar{align-items:flex-start;gap:12px;flex-direction:column}
  .preview-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}
  .preview-toolbar button{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#111a16}
  .preview-toolbar button.active{background:#2a3a32;border-color:#506057}
  .post-card{width:100%;margin:14px 0;border-radius:16px}
  .post-visual{min-height:250px;padding:24px}
  .post-visual span{font-size:26px;line-height:1.3}
  .post-body{font-size:14px;padding:16px}
  .asset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .asset-actions .quiet-btn{min-height:43px;padding:8px;font-size:12px}
  .publish-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
  .publish-bar span{grid-column:1/-1;padding-bottom:6px}
  .publish-bar button{min-height:44px;padding:9px}
  .mobile-nav{grid-template-columns:repeat(5,1fr)!important;padding:8px 8px max(10px,env(safe-area-inset-bottom));background:#0b120ff2}
  .mobile-nav button{min-height:48px;font-size:12px;border-radius:10px}
  .mobile-nav button.active{background:#18231e;color:#e0bd6c}
  .data-actions{align-items:stretch;flex-direction:column;padding:18px}.data-actions h2{font-size:24px}.data-actions>div:last-child{display:grid;grid-template-columns:1fr 1fr}.crm-layout{grid-template-columns:minmax(0,1fr)}.customer-profile,.customer-directory{padding:16px}.profile-kpis{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.customer-record{grid-template-columns:40px 1fr auto}.profile-head{align-items:flex-start}.profile-head .quiet-btn{padding:8px}.export-config{align-items:stretch;flex-direction:column;gap:14px}.export-config>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.export-config input{width:100%;min-width:0}.export-grid{grid-template-columns:1fr}.export-grid article{min-height:190px}.more-dialog form{padding:22px 18px}.more-grid{grid-template-columns:1fr 1fr}.more-grid button{min-height:74px}.doc-row{grid-template-columns:38px minmax(0,1fr) auto}.document-types article{min-height:160px}.documents-hero .primary-btn{min-height:48px}
}
.crm-filters{scrollbar-width:none}.crm-filters::-webkit-scrollbar{display:none}
.owner-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border:1px solid #405548;border-radius:20px;background:linear-gradient(135deg,#1b2b23,#121a16)}.owner-welcome>div>span{color:var(--gold);font-size:12px}.owner-welcome h2{font-size:27px;margin:7px 0}.owner-welcome p{margin:0;color:var(--muted)}.owner-status{padding:9px 13px;border-radius:20px;background:#20382c;color:#8ed5ac;font-size:12px;white-space:nowrap}.owner-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.owner-actions>button{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:18px}.owner-actions>button:hover{border-color:#586c60;background:#17241e}.owner-actions strong,.owner-actions small{display:block}.owner-actions strong{font-size:16px}.owner-actions small{color:var(--muted);margin-top:5px;line-height:1.45}.owner-actions>button>b{color:var(--gold);font-size:12px}.action-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#725f35;color:white;font-weight:900}.action-icon.green{background:#356a4d}.action-icon.blue{background:#3f5f7a}.action-icon.gold{background:#806a3b}.simple-command{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#101814}.simple-command strong,.simple-command span{display:block}.simple-command span{color:var(--muted);font-size:12px;margin-top:5px}.simple-command form{display:flex;gap:8px}.simple-command input{flex:1;min-width:0;border:1px solid #3b4d44;border-radius:11px;background:#0b120f;color:var(--text);padding:13px}.simple-command button{border:0;border-radius:11px;background:var(--gold);font-weight:800;padding:0 18px}.mode-toggle{border-color:#5a674f;color:#d7c48e}.expert-mode .mode-toggle{background:#24342c;color:#9fd4b7}
@media(max-width:720px){.owner-welcome{align-items:flex-start;flex-direction:column;padding:18px}.owner-welcome h2{font-size:23px;line-height:1.3}.owner-status{white-space:normal}.owner-actions{grid-template-columns:1fr;gap:9px}.owner-actions>button{grid-template-columns:44px 1fr auto;padding:15px}.owner-actions strong{font-size:15px}.owner-actions small{font-size:12px}.action-icon{width:42px;height:42px}.simple-command{grid-template-columns:1fr;padding:16px}.simple-command form{display:grid}.simple-command button{min-height:46px}.loop-strip{margin-top:14px}.top-actions .mode-toggle{display:none}}
.settings-btn{display:flex;align-items:center;gap:8px;min-height:43px;border:1px solid #5c694f;border-radius:12px;background:#1a251f;color:#f2ead9;padding:0 15px;font-weight:800}.settings-btn span{color:var(--gold);font-size:18px}.settings-dialog{width:min(980px,calc(100% - 32px));max-height:min(820px,calc(100vh - 32px));padding:0;border:1px solid #4a594f;border-radius:22px;background:#0e1612;color:var(--text);box-shadow:0 30px 100px #000b}.settings-dialog::backdrop{background:#030805c9;backdrop-filter:blur(8px)}.settings-dialog>form{padding:0}.settings-head{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#1b2922,#111814)}.settings-head h2{font-size:29px;margin:4px 0}.settings-head p:not(.eyebrow){margin:0;color:var(--muted)}.settings-head .dialog-close{position:static}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:570px}.settings-nav{display:flex;flex-direction:column;gap:5px;padding:18px;border-right:1px solid var(--line);background:#0b120f}.settings-nav button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:13px 14px;text-align:left;font-weight:700}.settings-nav button.active{background:#21362b;color:#9fdbb9}.settings-content{padding:28px;overflow:auto}.settings-pane{display:none}.settings-pane.active{display:block}.settings-pane h3{font-size:24px;margin:0 0 6px}.settings-pane>p,.data-setting-head p{color:var(--muted);margin:0 0 22px}.setting-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.setting-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px}.setting-fields input,.setting-fields select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#0a110e;color:var(--text);padding:10px 12px;font-size:14px}.connection-list,.team-list,.toggle-list{display:grid;gap:9px}.connection-list article,.team-list article,.toggle-list>label{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#111b16}.connection-list article>div,.team-list article>div,.toggle-list label>span{flex:1}.connection-list strong,.connection-list small,.team-list strong,.team-list small,.toggle-list strong,.toggle-list small{display:block}.connection-list small,.team-list small,.toggle-list small{margin-top:4px;color:var(--muted);font-size:12px}.connection-list button,.team-list button,.backup-actions button{border:1px solid var(--line);border-radius:9px;background:#17231d;color:var(--text);padding:9px 12px}.connection-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#244232;color:#a7dfbe;font-weight:900}.muted-avatar{background:#3b4841!important}.team-list+.quiet-btn{margin-top:14px}.toggle-list input{width:21px;height:21px;accent-color:#5fae7f}.data-setting-head{display:flex;justify-content:space-between;gap:20px}.data-setting-head>span{color:#80c79f;font-size:12px;white-space:nowrap}.full-export-card{display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid #79663c;border-radius:16px;background:linear-gradient(135deg,#282216,#151a16)}.full-export-card strong{font-size:18px}.full-export-card p{color:var(--muted);margin:6px 0;line-height:1.55}.full-export-card small{color:#c9b77f}.export-shield{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#8a7138;color:white;font-weight:900}.backup-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.usage-meter{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:20px 0}.usage-meter>span{height:10px;border-radius:10px;background:#29322d;overflow:hidden}.usage-meter i{display:block;height:100%;background:#61b484}.usage-meter b{color:#79c69b}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.plan-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#111b16}.plan-grid span,.plan-grid strong{display:block}.plan-grid span{color:var(--muted);font-size:12px}.plan-grid strong{font-size:18px;margin-top:5px}
@media(max-width:720px){.settings-btn{width:44px;height:44px;padding:0;display:grid;place-items:center}.settings-btn b{display:none}.settings-dialog{width:100%;height:100%;max-height:100%;border:0;border-radius:0}.settings-head{padding:18px 18px 15px}.settings-head h2{font-size:24px}.settings-head p:not(.eyebrow){font-size:12px}.settings-layout{display:block;min-height:0}.settings-nav{display:flex;flex-direction:row;gap:7px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:11px 14px}.settings-nav button{flex:0 0 auto;padding:10px 12px;white-space:nowrap}.settings-content{padding:20px 16px 100px}.setting-fields{grid-template-columns:1fr}.connection-list article,.team-list article{padding:13px 11px}.connection-list button,.team-list button{padding:8px}.data-setting-head{display:block}.data-setting-head>span{display:block;margin:-12px 0 14px}.full-export-card{grid-template-columns:44px 1fr;padding:16px}.full-export-card .primary-btn{grid-column:1/-1;width:100%;min-height:48px}.backup-actions{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr 1fr}.top-actions{display:flex}.top-actions .settings-btn{flex:0 0 44px}}
.service-setting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.service-setting-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#111b16}.service-setting-grid span,.service-setting-grid strong,.service-setting-grid small{display:block}.service-setting-grid span{color:var(--muted);font-size:12px}.service-setting-grid strong{font-size:18px;margin-top:5px}.service-setting-grid small{min-height:36px;margin:6px 0 12px;color:var(--muted);line-height:1.5}.service-setting-grid button{border:1px solid var(--line);border-radius:9px;background:#17231d;color:var(--text);padding:9px 12px;text-align:left}
@media(max-width:720px){.service-setting-grid{grid-template-columns:1fr}}

/* V2.1 premium executive theme */
:root{--bg:#080c14;--surface:#111824;--surface-2:#172131;--line:#28354a;--text:#f5f3ed;--muted:#9aa6b9;--gold:#cdbb86;--green:#45c2a0;--blue:#7aa7f5;--coral:#dc8279;--danger:#eb8276}
body{background:radial-gradient(circle at 78% -10%,#26314a 0,transparent 34%),radial-gradient(circle at 5% 80%,#12283a 0,transparent 30%),var(--bg)}
.sidebar{background:linear-gradient(180deg,#0a101b,#080d16);border-color:#222d40}.brand-mark,.avatar{background:linear-gradient(145deg,#dbc996,#826e3e);color:#0c111a}.nav-item:hover,.nav-item.active{background:#141e2d}.team-status{border-color:#263249}.topbar h1{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-weight:600;letter-spacing:-.025em}.kpi-card,.panel,.task-card,.empty-view{background:linear-gradient(145deg,#121a27,#0d1420);border-color:#28354a;box-shadow:0 16px 50px #02050b38}.owner-welcome{background:linear-gradient(135deg,#182337,#101827);border-color:#38465f;box-shadow:inset 0 1px #ffffff08,0 20px 65px #02050b4d}.owner-welcome h2{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-weight:600}.owner-actions>button{background:linear-gradient(145deg,#121b29,#0e1521);border-color:#2d3a4f;box-shadow:inset 0 1px #ffffff08}.owner-actions>button:hover{border-color:#786f55;background:#172235;transform:translateY(-1px)}.action-icon{background:linear-gradient(145deg,#806f43,#4d432d);color:#f5e8c5;border:1px solid #aa9560;box-shadow:inset 0 1px #ffffff20}.action-icon.green{background:linear-gradient(145deg,#235b51,#173a39);border-color:#3a8978;color:#93e2cd}.action-icon.blue{background:linear-gradient(145deg,#2d4e79,#1d304e);border-color:#5277a9;color:#b9d3ff}.action-icon.gold{background:linear-gradient(145deg,#6a5b3c,#403722);border-color:#8d7b52;color:#f1dfae}.action-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.simple-command{background:linear-gradient(135deg,#101827,#0c131e);border-color:#2b384c}.simple-command input,.builder-form select,.builder-form textarea,.setting-fields input,.setting-fields select{background:#090f19;border-color:#303e53}.simple-command button,.primary-btn,.approve-btn{background:linear-gradient(135deg,#dcc98f,#bda66a);border-color:#d1bd82;color:#10141d}.source-table,.ads-table-panel{border-color:#28354a}.loop-strip{background:#0d1420;border-color:#27344a}.settings-dialog{background:#0b111c;border-color:#3a475c}.settings-head{background:linear-gradient(135deg,#182337,#0f1725)}.settings-nav{background:#090f18}.settings-nav button.active{background:#1b2940;color:#d9c78e}.connection-list article,.team-list article,.toggle-list>label,.plan-grid article,.service-setting-grid article{background:#101925;border-color:#2a384b}.full-export-card{background:linear-gradient(135deg,#29263a,#151a27);border-color:#786e56}.language-switcher{display:flex;align-items:center;gap:6px;height:43px;border:1px solid #3b485c;border-radius:12px;background:#111a27;color:var(--text);padding:0 9px}.language-switcher>span{color:var(--gold);font-size:18px}.language-switcher select{appearance:none;border:0;background:transparent;color:var(--text);font-weight:700;outline:0;padding-right:4px}.language-switcher option{background:#111824;color:var(--text)}.settings-btn{background:#111a27;border-color:#596149}.service-tools{display:flex;align-items:center;gap:8px;margin:0 0 12px}.service-tools button{border:1px solid var(--line);border-radius:999px;background:#111a27;color:var(--muted);padding:8px 12px}.service-tools button.active{background:#25324a;color:#f4ebd4;border-color:#485974}.service-tools button b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#714943;color:#ffd6cc;font-size:10px}.service-tools>span{margin-left:auto;color:var(--muted);font-size:11px}.language-assist{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#101a29;border-bottom:1px solid var(--line)}.language-assist span,.language-assist strong{display:block}.language-assist span{font-size:10px;color:var(--muted);letter-spacing:.08em}.language-assist strong{margin-top:2px;color:#a8dcca;font-size:13px}.language-assist button,.reply-language button{border:1px solid #4a675f;border-radius:9px;background:#17312f;color:#a7dfd0;padding:8px 11px;font-weight:800}.translated-message{max-width:78%;padding:12px 14px;border:1px solid #40516d;border-radius:12px;background:#121e31;color:var(--text)}.translated-message span,.reply-preview span{display:block;color:#90a8d3;font-size:10px;letter-spacing:.1em}.translated-message p,.reply-preview p{margin:5px 0 0;line-height:1.6}.reply-box{display:grid!important}.reply-language{display:flex;align-items:center;gap:8px;padding:0 0 9px;color:var(--muted);font-size:11px}.reply-language strong{color:#a7d8c7}.reply-language button{margin-left:auto}.reply-preview{padding:10px 12px;border-left:3px solid var(--green);background:#13221f}.reply-preview p{font-size:12px;color:#dbe8e2}.reply-box>button[type="submit"]{justify-self:end;min-width:90px}.message.inbound{background:#1b2638}.message.outbound{background:#273850}.attribution-card{background:#151e2d;border-color:#344158}.chat-panel,.conversation-panel{background:#0e1622}.conversation.active{background:#162238}.customer-stats article,.ad-summary article{background:linear-gradient(145deg,#121a27,#0d1420);border-color:#28354a}
@media(max-width:720px){body{background:radial-gradient(circle at 70% 0,#1b253a 0,transparent 35%),#080c14}.topbar h1{font-size:27px}.language-switcher{width:44px;padding:0;display:grid;place-items:center}.language-switcher>span{display:grid}.language-switcher select{position:absolute;inset:0;width:100%;height:100%;opacity:0}.service-tools{overflow:auto;margin-right:-16px;padding-right:16px}.service-tools button{flex:0 0 auto}.service-tools>span{display:none}.language-assist{padding:10px 13px}.translated-message{max-width:92%}.reply-language{flex-wrap:wrap}.reply-language button{min-height:36px}.top-actions{gap:7px}.owner-actions>button{box-shadow:0 10px 30px #02050b42}}