/* The shared CMO workspace: real context, measurements, jobs and conversation. */
.page:has(.cmo-workspace){padding:28px 24px 20px}
.cmo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}
.cmo-heading .eyebrow{margin-bottom:7px;font-size:9px}
.cmo-heading h1{font:400 32px/1.2 var(--serif);letter-spacing:-.6px;margin:0 0 8px}
.cmo-heading p{color:var(--muted);font-size:12px;margin:0}
.cmo-panes{display:grid;grid-template-columns:minmax(155px,.8fr) minmax(190px,1fr) minmax(200px,1fr) minmax(285px,1.45fr);border:1px solid var(--line);min-height:680px}
.cmo-pane{min-width:0;background:white;border-right:1px solid var(--line)}
.cmo-pane:last-child{border-right:0}
.cmo-pane>header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px dashed var(--line);min-height:50px}
.cmo-pane>header h2{font:500 12px/1.4 ui-sans-serif,sans-serif;margin:0}
.cmo-pane-number{font:9px/1 var(--mono);color:#347cc9}
.cmo-pane-body{padding:17px 14px;height:min(760px,calc(100vh - 240px));min-height:610px;overflow:auto;scrollbar-width:thin}
.cmo-brand{margin-bottom:20px;overflow-wrap:anywhere}
.cmo-monogram{display:flex;width:32px;height:32px;align-items:center;justify-content:center;background:#171717;color:white;font:18px var(--serif);margin-bottom:13px}
.cmo-brand h2{font:400 22px/1.2 var(--serif);margin:0 0 9px}
.cmo-brand a,.cmo-competitors a{font-size:11px;overflow-wrap:anywhere}
.cmo-description{font-size:12px;line-height:1.8;margin:0 0 18px;white-space:pre-line}
.cmo-section-title{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed var(--line);padding-top:18px;margin:24px 0 12px;font:9px/1.4 var(--mono);letter-spacing:.5px;color:var(--muted)}
.cmo-context-detail{font-size:12px;margin-bottom:15px}
.cmo-context-detail p{line-height:1.7;overflow-wrap:anywhere}
.cmo-documents{display:grid;gap:5px}
.cmo-documents .btn{justify-content:flex-start;text-align:left;white-space:normal;border:0;border-bottom:1px solid #eee;padding:10px 0;font-size:11px}
.cmo-competitors{display:grid;gap:10px}
.cmo-note{font-size:11px;color:#737373;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}
.cmo-integration{border:1px solid #e5e5e5;margin-bottom:12px;padding:12px;background:#fafafa}
.cmo-integration .row{align-items:flex-start;flex-wrap:wrap;gap:5px}
.cmo-integration h3{font-size:12px;margin:0}
.cmo-integration p{font-size:11px;line-height:1.7;color:#737373}
.cmo-integration .pill{font-size:9px}
.cmo-metric{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px;padding:12px 0;border-top:1px dashed var(--line)}
.cmo-metric strong{font-size:20px}.cmo-metric small{grid-column:1/-1;color:#737373;line-height:1.6}
.cmo-analytics .cmo-pane-body>p,.cmo-seo-list{font-size:11px;line-height:1.7}
.cmo-seo-list details{margin-bottom:10px}.cmo-seo-list p{overflow-wrap:anywhere}
.cmo-live-job{border:1px dashed #ddd;padding:12px;margin-bottom:15px;font-size:11px;line-height:1.7}
.cmo-agent{border-bottom:1px solid var(--line);padding:14px 0}
.cmo-agent:first-of-type{padding-top:0}
.cmo-agent summary{display:flex;gap:9px;align-items:center;list-style:none;cursor:pointer}
.cmo-agent summary::-webkit-details-marker{display:none}
.cmo-agent-symbol{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #e5e5e5;flex-shrink:0;color:#347cc9;font:16px var(--mono)}
.cmo-agent strong{display:block;font-size:11px;font-weight:500;line-height:1.5}
.cmo-agent small{display:block;font-size:10px;line-height:1.7;color:#737373;margin-top:4px}
.cmo-agent .cmo-chevron{margin-left:auto;color:#737373}.cmo-agent[open] .cmo-chevron{transform:rotate(180deg)}
.cmo-agent p{font-size:11px;line-height:1.7;color:#737373}
.cmo-agent .row{gap:6px}.cmo-agent .btn{font-size:10px;padding:7px 9px}
.cmo-chat .cmo-pane-body{display:flex;flex-direction:column;padding:0;overflow:hidden}
.cmo-chat-transcript{overflow:auto;scrollbar-width:thin;flex:1;min-height:180px;padding:20px 17px}
.cmo-chat-welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0}
.cmo-chat-mark{font:50px var(--serif);margin-bottom:10px;color:#347cc9}
.cmo-chat-welcome h2{font:400 25px/1.3 var(--serif);margin:10px 0}
.cmo-chat-welcome p{font-size:12px;line-height:1.8;color:#737373;max-width:330px}
.cmo-prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px}
.cmo-prompts .btn{font-size:10px;padding:8px 10px}
.cmo-chat-form{padding:14px 16px;border-top:1px dashed var(--line);background:#fafafa}
.cmo-chat-form textarea{width:100%;min-height:84px;resize:vertical;max-height:200px;line-height:1.7;margin:8px 0}
.cmo-chat-form .row{gap:10px;align-items:center;flex-wrap:wrap}
.cmo-chat-form .row .cmo-note{flex:1;min-width:110px;font-size:10px}
.cmo-chat-form .btn{font-size:11px;padding:10px 12px}
.cmo-chat-form small{font-size:9px;color:#737373;line-height:1.7;display:block;margin-top:9px}
.cmo-turn{margin-bottom:24px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.cmo-turn p{white-space:pre-wrap;margin:8px 0 14px}
.cmo-turn span{font:8px/1.5 var(--mono);letter-spacing:.6px;color:#737373}
.cmo-user-message{padding:12px 14px;background:#f4f4f4;margin:0 0 17px 15px;border:1px solid #eee}
.cmo-user-message p{margin-bottom:0}
.cmo-assistant-message>span{color:#347cc9}
.cmo-answer h3,.cmo-action-text h3{font:500 14px/1.6 ui-sans-serif,sans-serif;margin:18px 0 9px}
.cmo-answer ol,.cmo-answer ul,.cmo-action-text ol,.cmo-action-text ul{padding-left:19px}
.cmo-answer li,.cmo-action-text li{margin-bottom:12px}
.cmo-answer-action,.cmo-answer-sources{font-size:11px;padding:10px 0;border-top:1px dashed #e5e5e5}
.cmo-answer-action summary{font-weight:500;cursor:pointer}
.cmo-answer-sources a{display:block;margin:8px 0;overflow-wrap:anywhere}
.cmo-chat-error{color:#a54a43}
.cmo-mobile-tabs{display:none}
@media (min-width:1250px) and (max-width:1440px){.shell:has(.cmo-workspace){grid-template-columns:205px minmax(0,1fr)}.page:has(.cmo-workspace){padding-left:15px;padding-right:15px}.cmo-pane-body{padding-left:11px;padding-right:11px}}
@media (max-width:1249px){
  .cmo-panes{grid-template-columns:minmax(0,1fr);min-height:0}
  .cmo-pane{display:none;border-right:0}.cmo-pane.cmo-selected{display:block}
  .cmo-pane-body{height:auto;min-height:350px;max-height:none;padding:20px}
  .cmo-chat .cmo-pane-body{height:calc(100dvh - 300px);min-height:460px}
  .cmo-mobile-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:#fff}
  .cmo-mobile-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 10px;color:#737373;font-size:12px;cursor:pointer}
  .cmo-mobile-tabs [aria-selected=true]{color:#171717;border-bottom-color:#347cc9}
}
@media (max-width:640px){.page:has(.cmo-workspace){padding:24px 14px}.cmo-heading{align-items:flex-start}.cmo-heading h1{font-size:27px}.cmo-heading .eyebrow{font-size:8px}.cmo-heading .btn{padding:8px;font-size:10px}.cmo-heading p{font-size:11px}.cmo-mobile-tabs{justify-content:space-between}.cmo-mobile-tabs button{font-size:11px;padding:10px 5px}.cmo-chat .cmo-pane-body{height:68dvh;min-height:440px}.cmo-chat-transcript{padding:16px 14px}}