html,body{margin:0;min-height:100%;background:#0b1018;color:#eef4ff;font-family:"Segoe UI",Tahoma,sans-serif}
#marketingAgents{--bg:#0b1018;--panel:#131b27;--panel2:#182333;--line:#29384b;--text:#eef4ff;--muted:#91a1b7;--blue:#20a4ff;--green:#35c985;--red:#ef5a66;--amber:#e8a23b;color:var(--text);font-variant-numeric:tabular-nums;max-width:1500px;margin:auto;padding:24px;background:radial-gradient(circle at top right,#102c4b 0,#0b1018 42%);min-height:100vh}
#marketingAgents .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
html.embedded #marketingAgents{max-width:none;padding:18px 12px 36px}
#marketingAgents .ma-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
#marketingAgents .ma-header p{margin:0;color:var(--muted)}
#marketingAgents .ma-header h2{margin-bottom:6px}
#marketingAgents .ma-content{min-width:0}
#marketingAgents button{font-family:inherit}
#marketingAgents *{box-sizing:border-box}#marketingAgents .ma-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}#marketingAgents .ma-header h1{font-size:34px;margin:10px 0 3px}#marketingAgents .ma-header p{margin:0;color:var(--muted)}#marketingAgents button{border:1px solid #2d78ba;background:#0c5fa4;color:#fff;border-radius:11px;padding:10px 15px;cursor:pointer;font-weight:700}#marketingAgents .ghost{background:transparent;border-color:var(--line)}#marketingAgents .top-actions{display:flex;align-items:center;gap:10px}#marketingAgents .badge{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}#marketingAgents .ma-notice{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:18px}#marketingAgents .ma-notice.error{border-color:var(--red);color:#ffd6da}#marketingAgents .ma-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}#marketingAgents .ma-kpis article, #marketingAgents .ma-panel, #marketingAgents .ma-cards article{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:18px}#marketingAgents .ma-kpis b{color:var(--muted);font-size:13px}#marketingAgents .ma-kpis strong{display:block;font-size:32px;margin-top:8px}#marketingAgents .ma-tabs{display:flex;gap:8px;overflow:auto;padding:7px;background:rgba(19,27,39,.8);border:1px solid var(--line);border-radius:15px;margin-bottom:18px}#marketingAgents .ma-tabs button{white-space:nowrap;background:transparent;border-color:transparent}#marketingAgents .ma-tabs button.active{background:#0c5fa4}#marketingAgents .ma-tab{display:none}#marketingAgents .ma-tab.active{display:block}#marketingAgents .ma-panel-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}#marketingAgents .ma-panel-head h2{margin:0}#marketingAgents .ma-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}#marketingAgents .ma-cards article h3{margin:0 0 10px}#marketingAgents .status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;background:#26364b}#marketingAgents .status.active{color:#baffdc}#marketingAgents .status.paused{color:#ffdba1}#marketingAgents .ma-health{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}#marketingAgents .ma-health div{border:1px solid var(--line);border-radius:13px;padding:12px}#marketingAgents .ma-health .ok{border-color:rgba(53,201,133,.45)}#marketingAgents .ma-health .off{border-color:rgba(232,162,59,.45)}#marketingAgents .ma-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}#marketingAgents .ma-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:var(--panel)}#marketingAgents table{width:100%;border-collapse:collapse;min-width:760px}#marketingAgents th, #marketingAgents td{text-align:right;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}#marketingAgents th{color:#a9c8ff;background:#101925;font-size:12px}#marketingAgents td{font-size:13px}#marketingAgents .empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:15px}#marketingAgents .verdict-actions{display:flex;gap:6px;flex-wrap:wrap}#marketingAgents .verdict-actions button{padding:6px 9px;font-size:12px}#marketingAgents .danger{background:#8f2732;border-color:#b7424d}#marketingAgents .warn{background:#7a541b;border-color:#a77526}@media(max-width:1000px){#marketingAgents .ma-kpis{grid-template-columns:repeat(2,1fr)}#marketingAgents .ma-cards, #marketingAgents .ma-split{grid-template-columns:1fr}#marketingAgents .ma-health{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){#marketingAgents .ma-header{display:block}#marketingAgents .top-actions{margin-top:12px}#marketingAgents .ma-kpis{grid-template-columns:1fr}#marketingAgents .ma-header h1{font-size:28px}}@media(max-width:1100px){}@media(max-width:600px){}#marketingAgents .ma-kpis article small{display:block;margin-top:6px;color:var(--muted);font-size:12px}#marketingAgents .ma-kpis article small.neutral{color:#b9c4d3}#marketingAgents .ma-kpis article small.disabled{color:var(--amber)}#marketingAgents .ma-kpis article small.actual{color:var(--green)}#marketingAgents .ma-system-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;border-radius:15px;margin-bottom:16px;border:1px solid var(--line);background:var(--panel)}#marketingAgents .ma-system-bar.good{border-color:rgba(53,201,133,.5)}#marketingAgents .ma-system-bar.warn{border-color:rgba(232,162,59,.55)}#marketingAgents .ma-system-bar.danger{border-color:rgba(239,90,102,.6)}#marketingAgents .ma-system-bar span{color:var(--muted)}#marketingAgents .ma-lock-banner{padding:15px 18px;border-radius:15px;margin-bottom:16px;border:1px solid rgba(239,90,102,.6);background:rgba(239,90,102,.1);color:#ffd8dd}#marketingAgents .ma-lock-banner strong{display:block;margin-bottom:6px}#marketingAgents .ma-lock-banner ul{margin:0;padding-right:20px}#marketingAgents .ma-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}#marketingAgents .ma-queue-total{font-size:26px;color:var(--amber)}#marketingAgents .ma-queue-list{display:grid;gap:8px}#marketingAgents .ma-queue-row{display:flex;justify-content:space-between;align-items:center;width:100%;background:#111a27;border-color:var(--line);text-align:right}#marketingAgents .ma-queue-row strong{font-size:18px;color:#fff}#marketingAgents .ma-summary-list{display:grid;gap:9px}#marketingAgents .ma-summary-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}#marketingAgents .ma-summary-list>div:last-child{border-bottom:0}#marketingAgents .ma-summary-list span{color:var(--muted)}#marketingAgents .ma-state-pill{padding:5px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line)}#marketingAgents .ma-state-pill.good{color:#baffdc;border-color:rgba(53,201,133,.45)}#marketingAgents .ma-state-pill.bad{color:#ffd8dd;border-color:rgba(239,90,102,.55)}#marketingAgents .ma-runs-overview{margin-bottom:18px}#marketingAgents .ma-run-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#marketingAgents .ma-run-types article{background:#111a27;border:1px solid var(--line);border-radius:14px;padding:14px;min-width:0}#marketingAgents .ma-run-types b, #marketingAgents .ma-run-types strong, #marketingAgents .ma-run-types small, #marketingAgents .ma-run-types em{display:block}#marketingAgents .ma-run-types b{color:var(--muted);font-size:12px;margin:10px 0 6px}#marketingAgents .ma-run-types strong{font-size:14px;line-height:1.55}#marketingAgents .ma-run-types small{color:var(--muted);margin-top:6px}#marketingAgents .ma-run-types em{color:#a9c8ff;font-style:normal;margin-top:8px;font-size:12px}#marketingAgents .ma-type-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;border:1px solid var(--line)}#marketingAgents .ma-type-badge.full{color:#baffdc}#marketingAgents .ma-type-badge.fault{color:#ffdba1}#marketingAgents .ma-type-badge.manual{color:#a9c8ff}#marketingAgents .ma-type-badge.data{color:#d7c1ff}#marketingAgents .agent-card{grid-column:span 1}#marketingAgents .agent-head{display:flex;justify-content:space-between;gap:12px}#marketingAgents .agent-head p{margin:5px 0 0;color:var(--muted)}#marketingAgents .agent-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#marketingAgents .agent-meta span{padding:5px 8px;border-radius:8px;background:#111a27;color:var(--muted);font-size:12px}#marketingAgents .agent-integrations{display:grid;gap:8px}#marketingAgents .agent-integration{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px}#marketingAgents .agent-integration.ok{border-color:rgba(53,201,133,.45)}#marketingAgents .agent-integration.off{border-color:rgba(239,90,102,.45)}#marketingAgents .agent-integration.warn{border-color:rgba(232,162,59,.45)}#marketingAgents .agent-integration span{color:var(--muted);font-size:12px}#marketingAgents .empty-inline{color:var(--muted);font-size:12px}#marketingAgents button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){#marketingAgents .ma-dashboard-grid{grid-template-columns:1fr}#marketingAgents .ma-run-types{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#marketingAgents .ma-system-bar{align-items:flex-start;flex-direction:column}#marketingAgents .ma-run-types{grid-template-columns:1fr}}.ma-queue-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:12px 14px;word-break:keep-all;overflow-wrap:normal;white-space:normal;line-height:1.8;text-align:right}
.ma-queue-row span{word-spacing:3px;letter-spacing:0;flex:1}
.ma-queue-row strong{white-space:nowrap;margin-inline-start:18px}
.ma-limitations{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ma-limitations article{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--ma-line,#2a2f3a);border-radius:10px;background:rgba(232,145,45,.08)}
.ma-limitations article b{color:#f0b35b}.ma-limitations article span{opacity:.82}
/* Page 01 v1.1 final compliance */
#marketingAgents .ma-system-bar.healthy{border-color:rgba(53,201,133,.58);background:rgba(53,201,133,.08)}
#marketingAgents .ma-system-bar.attention{border-color:rgba(232,162,59,.62);background:rgba(232,162,59,.08)}
#marketingAgents .ma-system-bar.reduced{border-color:rgba(232,162,59,.62);background:rgba(232,162,59,.08)}
#marketingAgents .ma-system-bar.stopped{border-color:rgba(239,90,102,.68);background:rgba(239,90,102,.1)}
#marketingAgents .ma-system-status{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:0;border:0;background:transparent;text-align:right;color:inherit}
#marketingAgents .ma-system-status:hover{transform:none;box-shadow:none}
#marketingAgents .ma-system-status span{color:var(--muted)}
#marketingAgents .status{border:1px solid var(--line);cursor:pointer;font-family:inherit}
#marketingAgents .status.healthy{color:#baffdc;border-color:rgba(53,201,133,.48);background:rgba(53,201,133,.1)}
#marketingAgents .status.attention{color:#ffe0a9;border-color:rgba(232,162,59,.55);background:rgba(232,162,59,.1)}
#marketingAgents .status.reduced{color:#ffe0a9;border-color:rgba(232,162,59,.55);background:rgba(232,162,59,.1)}
#marketingAgents .status.stopped{color:#ffd8dd;border-color:rgba(239,90,102,.6);background:rgba(239,90,102,.1)}
#marketingAgents .ma-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;width:100%;padding:13px 16px;word-break:normal;overflow-wrap:normal;white-space:normal;line-height:1.8;text-align:right}
#marketingAgents .ma-queue-row span{display:block;word-spacing:normal;letter-spacing:normal;white-space:normal}
#marketingAgents .ma-queue-row strong{white-space:nowrap;margin:0;font-size:14px}
#marketingAgents .ma-modal{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:20px;background:rgba(3,8,15,.72);backdrop-filter:blur(5px)}
#marketingAgents .ma-modal.open{display:grid}
#marketingAgents .ma-modal-card{width:min(560px,100%);max-height:75vh;overflow:auto;background:#111a27;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.45)}
#marketingAgents .ma-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid var(--line)}
#marketingAgents .ma-modal-head h3{margin:0}
#marketingAgents .ma-modal-head button{width:36px;height:36px;padding:0;border-radius:50%}
#marketingAgents .ma-modal-body{padding:18px}
#marketingAgents .ma-modal-body ul{margin:0;padding-right:22px}
#marketingAgents .ma-modal-body li{margin:8px 0;line-height:1.7}
@media(max-width:650px){#marketingAgents .ma-system-status{align-items:flex-start;flex-direction:column}#marketingAgents .ma-queue-row{grid-template-columns:1fr;gap:5px}#marketingAgents .ma-queue-row strong{white-space:normal}}

#marketingAgents .status.not-started{color:#b9d8ff;border-color:rgba(75,143,227,.55);background:rgba(75,143,227,.12)}
#marketingAgents .ma-system-bar.not-started{border-color:rgba(75,143,227,.55);background:rgba(75,143,227,.08)}

/* Page 01 completion: status label, multi-agent graceful degradation, and readable queue */
#marketingAgents .agent-status-control{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;padding:5px 0;border-radius:8px;white-space:nowrap;color:var(--text)}
#marketingAgents .agent-status-control i{display:block;width:11px;height:11px;border-radius:50%;background:#8ca0b8;box-shadow:0 0 0 4px rgba(140,160,184,.12);flex:0 0 auto}
#marketingAgents .agent-status-control.not-started i{background:#4b8fe3;box-shadow:0 0 0 4px rgba(75,143,227,.14)}
#marketingAgents .agent-status-control.healthy i{background:#35c985;box-shadow:0 0 0 4px rgba(53,201,133,.14)}
#marketingAgents .agent-status-control.attention i,#marketingAgents .agent-status-control.reduced i{background:#e8a23b;box-shadow:0 0 0 4px rgba(232,162,59,.14)}
#marketingAgents .agent-status-control.stopped i{background:#ef5a66;box-shadow:0 0 0 4px rgba(239,90,102,.14)}
#marketingAgents .agent-status-control span{font-size:13px;font-weight:800}
#marketingAgents .agent-extra{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
#marketingAgents .agent-extra>div{padding:10px;border:1px solid var(--line);border-radius:11px;background:#111a27}
#marketingAgents .agent-extra b{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}
#marketingAgents .agent-chips{display:flex;gap:6px;flex-wrap:wrap}
#marketingAgents .agent-chips span{font-size:11px;padding:4px 7px;border-radius:999px;background:#18273a;color:#c7d7eb}
#marketingAgents .ma-cards.multi-agents{grid-template-columns:1fr}
#marketingAgents .ma-cards.multi-agents .agent-card.compact{padding:14px 16px}
#marketingAgents .ma-cards.multi-agents .agent-card.compact .agent-extra,#marketingAgents .ma-cards.multi-agents .agent-card.compact .agent-integrations{display:none}
#marketingAgents .ma-cards.multi-agents .agent-card.compact:focus-within .agent-extra,#marketingAgents .ma-cards.multi-agents .agent-card.compact:focus-within .agent-integrations,#marketingAgents .ma-cards.multi-agents .agent-card.compact:hover .agent-extra,#marketingAgents .ma-cards.multi-agents .agent-card.compact:hover .agent-integrations{display:grid}
#marketingAgents .ma-queue-row span{word-spacing:.2em!important}
@media(max-width:700px){#marketingAgents .agent-extra{grid-template-columns:1fr}}

/* V69.2 - embedded Claude advisory review */
#marketingAgents .ma-claude-review{margin-bottom:18px;border-color:rgba(75,143,227,.45);background:linear-gradient(145deg,rgba(19,27,39,.98),rgba(20,32,49,.98))}
#marketingAgents .ma-claude-review .ma-panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
#marketingAgents .ma-claude-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
#marketingAgents .ma-claude-controls textarea{width:100%;resize:vertical;min-height:48px;border:1px solid var(--line);background:#0f1723;color:var(--text);border-radius:11px;padding:10px 12px;font-family:inherit}
#marketingAgents .ma-claude-result{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#0e1621;padding:14px}
#marketingAgents .ma-claude-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#marketingAgents .ma-claude-meta span,#marketingAgents .ma-claude-meta b{font-size:12px;padding:4px 8px;border-radius:999px;background:#17263a}
#marketingAgents .ma-claude-result pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.8;color:#eaf2ff;background:transparent;border:0;padding:0}
@media(max-width:700px){#marketingAgents .ma-claude-controls{grid-template-columns:1fr}}
#marketingAgents .ma-run-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#marketingAgents .ma-readiness{display:block;margin-top:5px;color:var(--muted);font-size:12px}
#marketingAgents .ma-readiness.good{color:#7ee0b1}
#marketingAgents .ma-readiness.bad{color:#ff9aa5}
#marketingAgents #maFullTriggerBtn{background:#0f6f51;border-color:#2b9d79}
@media(max-width:700px){#marketingAgents .ma-runs-overview .ma-panel-head{align-items:flex-start;flex-direction:column}.ma-run-actions{width:100%}#marketingAgents .ma-run-actions button{flex:1}}

/* V69.4.1 — match the Financial Portal shell and remove embedded blank space */
html[dir="rtl"] body,html[dir="rtl"] #marketingAgents,html[dir="rtl"] #marketingAgents button,html[dir="rtl"] #marketingAgents input,html[dir="rtl"] #marketingAgents select,html[dir="rtl"] #marketingAgents textarea{font-family:"Times New Roman",Times,serif!important}
html[dir="ltr"] body,html[dir="ltr"] #marketingAgents,html[dir="ltr"] #marketingAgents button,html[dir="ltr"] #marketingAgents input,html[dir="ltr"] #marketingAgents select,html[dir="ltr"] #marketingAgents textarea{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
#marketingAgents{--panel:rgba(7,29,73,.92);--panel2:rgba(3,13,32,.88);--line:rgba(32,164,255,.22);background:radial-gradient(circle at 20% 0%,#123d7e 0,#071d49 28%,#020b1c 70%)}
#marketingAgents .ma-panel,#marketingAgents .ma-kpis article,#marketingAgents .ma-cards article{border-color:rgba(32,164,255,.22);background:linear-gradient(145deg,rgba(7,29,73,.92),rgba(3,13,32,.88));border-radius:24px;box-shadow:0 18px 48px rgba(0,0,0,.22)}
#marketingAgents .ma-panel{margin-bottom:18px;padding:24px}
#marketingAgents .ma-panel>h3,#marketingAgents .ma-panel-head>h3{font-size:24px;margin-top:0}
#marketingAgents .ma-header h1{font-size:34px;margin:0 0 8px}
#marketingAgents .ma-header p{font-size:18px}
#marketingAgents button{background:linear-gradient(135deg,#0b5bd3,#168eea);border-color:#1f74c9;border-radius:14px;font-size:16px}
#marketingAgents .ghost{background:#082554}
#marketingAgents .ma-tabs{background:rgba(3,13,32,.66);border-color:rgba(32,164,255,.22);border-radius:18px}
#marketingAgents .ma-tabs button.active{background:linear-gradient(135deg,#0b5bd3,#168eea)}
#marketingAgents .ma-health div,#marketingAgents .ma-run-types article,#marketingAgents .agent-extra>div,#marketingAgents .agent-integration,#marketingAgents .ma-queue-row{background:rgba(4,22,51,.78);border-color:rgba(32,164,255,.22)}
#marketingAgents .ma-limitations article{background:rgba(232,162,59,.08);border-color:rgba(232,162,59,.28)}
html.embedded,html.embedded body{height:auto!important;min-height:0!important;overflow:hidden!important;background:#020b1c!important;color-scheme:dark}
html.embedded #marketingAgents{min-height:0!important;max-width:none;padding:12px 4px 6px;background:radial-gradient(circle at 20% 0%,#123d7e 0,#071d49 28%,#020b1c 70%)!important}
html.embedded #marketingAgents .ma-header{margin-bottom:18px}
html.embedded #marketingAgents .ma-panel:last-child,html.embedded #marketingAgents .ma-tab.active>*:last-child{margin-bottom:0}
@media(max-width:700px){#marketingAgents{padding:14px}#marketingAgents .ma-panel{padding:17px;border-radius:20px}#marketingAgents .ma-header h1{font-size:30px}#marketingAgents .ma-header p{font-size:16px}}