/* Shared spacing for the September document revision. */
@media(min-width:821px){body.studio.sidebar-shell .studio-header{display:none}body.studio.sidebar-shell .studio-main{padding-top:24px}}
body.studio .account-popover .account-theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:auto;min-height:44px;padding:12px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;text-align:left}
body.studio .account-theme-toggle svg{width:18px;height:18px;flex-shrink:0}
body.sidebar-shell #menuBtn{margin-right:auto}
.sidebar-bottom{display:flex;flex-direction:column}
.sidebar-bottom .sidebar-upgrade{order:0}
.sidebar-bottom .sidebar-support{order:1}
.sidebar-bottom .sidebar-account{order:2}
body.studio .company-detail-layout{grid-template-columns:minmax(0,1fr)!important}
.company-heading{align-items:center;gap:20px;flex-wrap:wrap}
.company-heading>div{min-width:0;flex:1}
.company-contact-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.company-contact-row>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.company-contact-row a{overflow-wrap:anywhere}
.company-contact-row svg{width:16px;height:16px;vertical-align:middle}
.company-research{margin-top:24px}
.company-research>summary{cursor:pointer;padding:12px 0}
.company-timeline{list-style:none;padding:0;margin:20px 0;display:grid;gap:20px}
.timeline-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;overflow-wrap:anywhere}
.timeline-meta .avatar{width:32px;height:32px;font-size:13px;flex-shrink:0}
.timeline-meta time{color:var(--soft);margin-left:auto;font-size:12px}
.timeline-bubble{margin:10px 0 0 42px;padding:18px;background:var(--field);border-radius:4px 16px 16px;overflow-wrap:anywhere}
.timeline-bubble p,.call-note{white-space:pre-wrap;margin:10px 0 0}
.company-call{border-top:1px solid var(--line);padding:20px 0}
.company-call>summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;cursor:pointer}
.company-call>summary time{color:var(--soft);font-size:12px}
.company-calls .section-heading{gap:16px;flex-wrap:wrap}
.chat-compose-line .chat-send svg{width:18px;height:18px;transform:rotate(-25deg)}
@media(max-width:600px){.company-contact-row{grid-template-columns:1fr}.timeline-bubble{margin-left:0}.timeline-meta time{margin-left:42px;width:100%}}

/* Document workflow: compact states, consistent nested surfaces and contact controls. */
.studio .badge[data-status],.studio .company-state-badge,.studio .support-ticket-card .badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;box-sizing:border-box;border-radius:8px;line-height:1.2;text-align:center;font-size:12px;font-weight:600;border:1px solid transparent}
.studio .badge[data-status=new],.studio .badge[data-status=unresolved]{background:#dbe9fa;color:#263f65;border-color:#b9d2ef}
.studio .badge[data-status=contacted],.studio .badge[data-status=resolved],.studio .badge[data-status=ready],.studio .badge[data-status=done],.studio .badge[data-status=succeeded]{background:#e0efdf;color:#315c35;border-color:#b7d7b4}
.studio .company-state-badge.state-ready{background:#e0efdf;color:#315c35;border-color:#b7d7b4}
.studio .badge[data-status=won]{background:#e0efdf;color:#315c35;border-color:#b7d7b4}
.studio .badge[data-status=in_progress],.studio .badge[data-status=processing],.studio .badge[data-status=running],.studio .badge[data-status=queued],.studio .badge[data-status=pending]{background:#dbe9fa;color:#263f65;border-color:#b9d2ef}
.studio .badge[data-status=needs_info],.studio .badge[data-status=failed],.studio .company-state-badge.state-warning{background:#f6e4d5;color:#754925;border-color:#e8c5a6}
.studio .badge[data-status=canceled]{background:#f7dcdd;color:#792f37;border-color:#e8b4b9}
.studio .badge[data-status=closed]{background:#dedfe2;color:#383b42;border-color:#bdc0c5}
.studio .empty-state>img{animation:studio-art-float 7s ease-in-out infinite}
@keyframes studio-art-float{50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.studio .empty-state>img{animation:none}}
html[data-theme=dark] .studio .badge[data-status=new],html[data-theme=dark] .studio .badge[data-status=unresolved]{background:#223248;color:#c5defc;border-color:#355474}
html[data-theme=dark] .studio .badge[data-status=contacted],html[data-theme=dark] .studio .badge[data-status=resolved],html[data-theme=dark] .studio .badge[data-status=ready],html[data-theme=dark] .studio .badge[data-status=done],html[data-theme=dark] .studio .badge[data-status=succeeded]{background:#25412b;color:#c4e6c3;border-color:#3d6545}
html[data-theme=dark] .studio .company-state-badge.state-ready{background:#25412b;color:#c4e6c3;border-color:#3d6545}
html[data-theme=dark] .studio .badge[data-status=won]{background:#25412b;color:#c4e6c3;border-color:#3d6545}
html[data-theme=dark] .studio .badge[data-status=in_progress],html[data-theme=dark] .studio .badge[data-status=processing],html[data-theme=dark] .studio .badge[data-status=running],html[data-theme=dark] .studio .badge[data-status=queued],html[data-theme=dark] .studio .badge[data-status=pending]{background:#223248;color:#c5defc;border-color:#355474}
html[data-theme=dark] .studio .badge[data-status=needs_info],html[data-theme=dark] .studio .badge[data-status=failed],html[data-theme=dark] .studio .company-state-badge.state-warning{background:#493324;color:#f7d1ae;border-color:#745035}
html[data-theme=dark] .studio .badge[data-status=canceled]{background:#4b2b31;color:#f5c4ca;border-color:#79414a}
html[data-theme=dark] .studio .badge[data-status=closed]{background:#303136;color:#c9cacf;border-color:#4b4e55}
.studio .badge.info{background:#dbe9fa;color:#263f65}
.studio .badge.error{background:#f6e4d5;color:#754925}
html[data-theme=dark] .studio .badge.info{background:#223248;color:#c5defc}
html[data-theme=dark] .studio .badge.error{background:#493324;color:#f7d1ae}
.company-heading-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.company-heading-title h1{margin:0}
.company-heading-actions,.workspace-card-actions{display:flex;align-items:center;gap:8px;flex:none}
.company-heading>.company-heading-actions{flex:none}
.company-heading-actions form,.workspace-card-actions form{margin:0}
.company-heading-actions .square-action,.workspace-card-actions .square-action{width:44px;height:44px;display:grid;place-items:center}
.company-heading-actions .square-action svg,.workspace-card-actions .square-action svg{width:18px;height:18px}
.company-action-menu{position:relative;min-width:0}
.company-action-menu>div{z-index:20;min-width:min(290px,calc(100vw - 40px));max-width:min(410px,calc(100vw - 40px));overflow-x:auto}
.company-action-menu>div :is(a,button){display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;padding:12px;border-radius:8px;white-space:nowrap;text-align:left}
.company-action-menu>div button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.company-action-menu>div :is(a,button):hover{background:var(--hover)}
.company-action-menu>div>span{display:block;padding:10px 12px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.studio .result-card-body{grid-template-columns:minmax(0,1fr) auto}
.result-card .dialogue-contacts{min-width:0;align-self:start}
.result-card .dialogue-contacts .company-action-menu>summary{white-space:nowrap}
.result-card .dialogue-contacts .company-action-menu>div{left:auto;right:0}
.company-overview :is(.company-reason,.company-contact-row),.company-calls :is(.company-fit,.company-call),.result-card .company-reason{border:1px solid var(--line);border-color:var(--line)!important;border-radius:14px;padding:24px;margin:20px 0;background:transparent}
.company-overview .company-contact-row{margin-bottom:0}.company-calls .company-call{margin:14px 0}
.company-calls .company-empty-action{display:flex;width:max-content;margin:0 auto 8px}
.studio .collection-tabs .collection-tab-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid transparent;border-radius:20px;text-decoration:none;color:var(--soft);font-size:12px;white-space:nowrap}
.studio .collection-tabs .collection-tab-link:is(:hover,[aria-current=page]){background:var(--hover);color:var(--ink)}
.studio .search-actions .search-field{height:44px;min-height:44px;box-sizing:border-box}
.studio .search-actions .search-field input{height:100%;min-height:0;box-sizing:border-box}
.studio .workspace-filters{align-items:stretch;gap:10px}
.studio .workspace-filters .search-field,.studio .workspace-filters .search-field input,.studio .workspace-filters select,.studio .workspace-filters .btn{height:50px;min-height:50px;box-sizing:border-box}
.studio .workspace-filters .search-field{flex:1 1 320px;max-width:460px;width:auto}
.studio .workspace-filters .search-field input{display:block;width:100%;max-inline-size:none;min-inline-size:0;field-sizing:fixed;padding-block:0;padding-left:48px}
.studio .workspace-filters select,.studio .workspace-filters .btn{margin:0;align-self:stretch}
@media(max-width:600px){.studio .workspace-filters .search-field{max-width:none;flex-basis:100%}.studio .workspace-filters select,.studio .workspace-filters .btn{flex:1 1 auto}}
.studio .search-action-buttons .btn{min-height:44px}
.call-chooser{width:min(540px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box}
.call-chooser .section-heading{align-items:flex-start;flex-wrap:nowrap;justify-content:space-between}.call-chooser .section-heading>div{flex:1;min-width:0}.call-chooser .section-heading>.square-action{flex:none;margin-left:12px}.call-chooser h2{margin:4px 0 0}
.call-chooser-list{display:grid;gap:10px;margin-top:22px;max-height:50dvh;overflow:auto}
.call-chooser-option{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:16px 18px;border:1px solid var(--line);border-color:var(--line)!important;border-radius:12px;background:var(--field);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.call-chooser-option:hover,.call-chooser-option:focus-visible{border-color:var(--accent)!important;background:var(--hover)}
.project-row[data-status=done] .project-status{background:#e0efdf;color:#315c35}
.project-row[data-status=draft] .project-status{background:#dbe9fa;color:#263f65}
.project-row[data-status=running] .project-status{background:#dbe9fa;color:#263f65}
.project-row[data-status=failed] .project-status{background:#f6e4d5;color:#754925}
.project-row[data-status=canceled] .project-status{background:#dedfe2;color:#383b42}
.project-row .project-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;border-radius:8px;text-align:center}
.company-comments>.muted{margin:0 0 14px}
@media(max-width:650px){.company-heading-actions,.workspace-card-actions{width:100%;justify-content:flex-start}.company-heading-actions .company-action-menu,.workspace-card-actions .company-action-menu{min-width:0}.company-action-menu>div{left:0;right:auto}.company-overview :is(.company-reason,.company-contact-row),.company-calls :is(.company-fit,.company-call),.result-card .company-reason{padding:18px;margin:16px 0}}
@media(max-width:1200px){.studio .result-card-body{grid-template-columns:minmax(0,1fr)}.result-card .dialogue-contacts .company-action-menu>div{left:0;right:auto}}
body.studio #starterLink{width:auto;min-width:0;max-width:100%;padding-inline:24px;gap:10px;flex:none}
body.studio .hero-panel>.actions{flex-wrap:wrap}
body.studio .page-title-with-back{display:flex;align-items:center;gap:24px;min-width:0;margin-bottom:24px}
body.studio .page-heading .page-title-with-back{margin-bottom:0}
body.studio .form-intro{display:block}
body.studio .page-title-with-back h1{margin:0;min-width:0;max-width:none}
body.studio .company-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:32px;align-items:start}
body.studio .company-detail-layout>.card{margin:0;padding:28px}
.company-detail-layout .contact-list{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.company-detail-layout .company-website{display:inline-flex;margin-bottom:24px;gap:8px}
.company-comments h2{margin:0 0 20px;font-size:20px}
.company-comments .note-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}
.company-comments .note-chat-empty+.note-toolbar{justify-content:center;margin:0 0 20px}
.company-comments .note-history{padding-top:20px;border-top:1px solid var(--line)}
.company-comments .note-history ol{padding-left:20px}
.company-comments .note-history li+li{margin-top:24px}
.company-comments .note-history p{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}
.company-detail-layout>.modern-company-grid{min-width:0}
@media(max-width:1100px){body.studio .company-detail-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body.studio .company-detail-layout{gap:24px}body.studio .company-detail-layout>.card{padding:20px}body.studio .page-title-with-back{gap:16px}}

/* Remaining document details: compact groups, a pinned company heading, quiet status chips. */
.company-heading{position:sticky;top:0;z-index:12;background:var(--card);padding:12px 18px;margin:-12px -18px 18px;border-radius:14px;transition:box-shadow .2s}
.company-heading.is-stuck{box-shadow:0 8px 20px #0002}
@media(max-width:820px){.company-heading{top:74px}}
.company-contact-row>div:nth-child(2){flex-direction:row;flex-wrap:wrap;align-content:start;gap:6px 12px}
.company-contact-row>div:nth-child(2)>.muted{flex-basis:100%}
.result-card-head{flex-wrap:wrap}
.result-card-head .dialogue-contacts{margin-left:auto;align-self:center;flex:none}
.result-card-head .dialogue-contacts .company-action-menu>div{left:auto;right:0}
.company-calls>.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.company-calls>.section-heading h2{margin:0}
.studio .badge[data-status],.studio .company-state-badge,.studio .support-ticket-card .badge,.studio .project-status{padding:4px 8px;min-height:0;width:max-content;max-width:100%;border:0!important;border-radius:8px;font-weight:600;line-height:1.25;text-align:center;box-shadow:none}
.studio .company-state-badge.state-warning{background:#f6e4d5!important;color:#754925!important}
html[data-theme=dark] .studio .company-state-badge.state-warning{background:#493324!important;color:#f7d1ae!important}
.studio .project-status .status-dot{display:none}
.company-overview :is(.company-reason,.company-contact-row),.company-calls :is(.company-fit,.company-call),.result-card .company-reason{padding:12px 16px;margin:20px 0}
body.studio .illustrated-empty{gap:0}
body.studio .illustrated-empty img{display:block;width:min(156px,100%);height:132px;object-fit:contain;margin-bottom:8px}
body.studio .illustrated-empty .muted{margin-top:4px}
@media(max-width:650px){.company-overview :is(.company-reason,.company-contact-row),.company-calls :is(.company-fit,.company-call),.result-card .company-reason{padding:12px 14px;margin:18px 0}.company-calls>.section-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:650px){.result-card-head .dialogue-contacts{margin-left:0;flex-basis:100%}.result-card-head .dialogue-contacts .company-action-menu>div{left:0;right:auto}}

/* Keep the company title within the same working column as its cards. */
body.studio .company-heading{margin:0 0 18px;padding:14px 20px;gap:18px}
body.studio .company-heading-title{align-items:center;gap:10px 14px}
body.studio .company-heading-title h1{font-size:clamp(22px,2vw,30px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
body.studio .company-heading-actions{margin-left:auto}
@media(max-width:650px){body.studio .company-heading{padding:14px 16px}body.studio .company-heading-actions{margin-left:0}}

/* One chrome-and-rose illustration language, scaled to the surrounding UI. */
body.studio .illustrated-empty{gap:6px}
body.studio #leadsContainer>.empty-state .illustrated-empty img{width:96px;height:77px;margin-bottom:2px}
@media(max-width:600px){body.studio .illustrated-empty img{width:132px;height:112px}body.studio #leadsContainer>.empty-state .illustrated-empty img{width:80px;height:64px}}

/* New document revisions: a clear card hit area, controls outside it, centered empty art. */
body.studio .workspace-card[data-card-url]{cursor:pointer;transition:border-color .18s,box-shadow .18s}
body.studio .workspace-card[data-card-url]:is(:hover,:focus-visible){border-color:var(--accent);box-shadow:0 8px 22px #160c1814}
body.studio .workspace-card [data-card-no-nav]{cursor:default}
body.studio .illustrated-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body.studio .project-row[data-status=deleted]{grid-template-columns:48px minmax(0,1fr) 120px 120px 140px}
body.studio .project-row[data-status=deleted] .project-status{background:var(--hover);color:var(--soft)}
body.studio .project-row[data-status=deleted] .project-actions{justify-content:flex-end}
body.studio .project-row[data-status=deleted] .project-actions .btn{white-space:nowrap}
body.studio .project-row[hidden],body.studio #noProfiles[hidden],body.studio #emptyProfileAction[hidden]{display:none!important}
@media(max-width:1000px){body.studio .project-row[data-status=deleted]{grid-template-columns:40px minmax(0,1fr) 100px 140px}}
@media(max-width:520px){body.studio .project-row[data-status=deleted]{grid-template-columns:34px minmax(0,1fr) 32px}body.studio .project-row[data-status=deleted] .project-actions{grid-column:2/-1;grid-row:auto;justify-content:flex-start}}
