:root{
  --cc-navy:#061b46;--cc-navy2:#0b347f;--cc-blue:#1c5bc7;--cc-gold:#d6a84b;--cc-ink:#12203b;--cc-muted:#69748b;
  --cc-bg:#f5f7fb;--cc-card:#fff;--cc-line:#e6eaf2;--cc-green:#198754;--cc-orange:#d97706;--cc-red:#c2415b;
  --cc-purple:#6f53d9;--cc-shadow:0 10px 30px rgba(18,32,59,.08);--cc-radius:18px;
}
*{box-sizing:border-box}.cc-app-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cc-ink);background:var(--cc-bg);min-height:100vh;line-height:1.45}.cc-app-shell button,.cc-app-shell input,.cc-app-shell textarea,.cc-app-shell select{font:inherit}.cc-app-shell button{cursor:pointer}.cc-noscript{padding:20px}.cc-auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(38,91,190,.8),transparent 35%),linear-gradient(145deg,var(--cc-navy),#082965 58%,#051638)}.cc-auth-card{width:min(460px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.cc-auth-card h1{margin:14px 0 6px;font-family:Georgia,serif;font-size:38px;color:var(--cc-navy)}.cc-auth-card h1 strong{color:var(--cc-gold)}.cc-auth-subtitle{color:var(--cc-muted);margin:0 0 26px}.cc-auth-form{display:grid;gap:10px}.cc-auth-form label{font-weight:700}.cc-auth-form input{width:100%;padding:14px 15px;border:1px solid var(--cc-line);border-radius:12px;outline:none}.cc-auth-form input:focus{border-color:var(--cc-blue);box-shadow:0 0 0 3px rgba(28,91,199,.12)}.cc-auth-foot{font-size:12px;color:var(--cc-muted);margin:18px 0 0}.cc-form-result{margin-top:12px}.cc-brand-mark{width:50px;height:50px;border:2px solid var(--cc-gold);border-radius:50%;position:relative;display:grid;place-items:center;background:var(--cc-navy)}.cc-brand-mark:before,.cc-brand-mark:after,.cc-brand-mark span:before,.cc-brand-mark span:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cc-gold)}.cc-brand-mark:before{left:-5px;top:18px}.cc-brand-mark:after{right:-5px;top:18px}.cc-brand-mark span:before{top:-5px;left:18px}.cc-brand-mark span:after{bottom:-5px;left:18px}.cc-btn{border:0;border-radius:12px;padding:11px 16px;font-weight:700;transition:.18s ease}.cc-btn:hover{transform:translateY(-1px)}.cc-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cc-btn-primary{background:linear-gradient(135deg,var(--cc-blue),var(--cc-navy2));color:#fff}.cc-btn-secondary{background:#eef3ff;color:var(--cc-navy2)}.cc-btn-ghost{background:transparent;color:var(--cc-navy2);border:1px solid var(--cc-line)}.cc-btn-danger{background:#fff1f2;color:#b4233d}.cc-btn-small{padding:8px 11px;font-size:13px}.cc-alert{padding:12px 14px;border-radius:12px;margin:12px 0}.cc-alert-danger{background:#fff1f2;color:#9f1239}.cc-alert-success{background:#ecfdf3;color:#146c43}.cc-loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px;background:linear-gradient(145deg,var(--cc-navy),var(--cc-navy2));color:#fff}.cc-layout{min-height:100vh}.cc-sidebar{display:none}.cc-topbar{height:72px;background:linear-gradient(135deg,var(--cc-navy),var(--cc-navy2));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:30;box-shadow:0 6px 20px rgba(4,22,56,.15)}.cc-brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:23px;font-weight:700}.cc-brand strong{color:var(--cc-gold)}.cc-brand-mini{font-family:Georgia,serif;font-weight:700;font-size:25px}.cc-brand-mini strong{color:var(--cc-gold)}.cc-top-actions{display:flex;align-items:center;gap:8px}.cc-icon-btn{border:0;background:rgba(255,255,255,.11);color:inherit;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.cc-icon-btn:hover{background:rgba(255,255,255,.18)}.cc-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dbe7ff,#f5e8c6);color:var(--cc-navy);font-weight:800;border:2px solid rgba(255,255,255,.6);overflow:hidden}.cc-avatar img{width:100%;height:100%;object-fit:cover}.cc-main{padding:18px 16px 100px;max-width:1100px;margin:auto}.cc-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.cc-page-head h1{font-size:28px;line-height:1.15;margin:0}.cc-page-head p{margin:5px 0 0;color:var(--cc-muted)}.cc-head-actions{display:flex;gap:8px;flex-wrap:wrap}.cc-section{margin:22px 0}.cc-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cc-section-title h2,.cc-section-title h3{font-size:20px;margin:0;color:var(--cc-navy)}.cc-link-btn{border:0;background:transparent;color:var(--cc-blue);font-weight:700;padding:6px}.cc-card{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow)}.cc-hero{background:radial-gradient(circle at 88% 8%,rgba(70,122,230,.46),transparent 36%),linear-gradient(145deg,var(--cc-navy),var(--cc-navy2));color:#fff;border:1px solid rgba(214,168,75,.55);padding:22px;position:relative;overflow:hidden}.cc-hero:after{content:"";position:absolute;right:-65px;bottom:-75px;width:180px;height:180px;border:1px solid rgba(214,168,75,.15);border-radius:50%;box-shadow:0 0 0 28px rgba(214,168,75,.04),0 0 0 56px rgba(214,168,75,.03)}.cc-hero-label{font-weight:800;font-size:21px}.cc-hero-number{font-size:64px;line-height:1;font-weight:800;color:#f0c567;margin:7px 0}.cc-hero p{max-width:560px;margin:0;color:#d9e4fa}.cc-grid{display:grid;grid-template-columns:1fr;gap:12px}.cc-circle-card,.cc-topic-card,.cc-need-card,.cc-memory-card,.cc-file-card{padding:16px;display:flex;gap:14px;align-items:center;transition:.18s ease}.cc-circle-card:hover,.cc-topic-card:hover,.cc-need-card:hover,.cc-memory-card:hover,.cc-file-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,32,59,.11)}.cc-card-click{cursor:pointer}.cc-card-icon{flex:0 0 48px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eaf1ff;color:var(--cc-blue);font-weight:900;font-size:19px}.cc-card-icon.gold{background:#fff5df;color:#ad7411}.cc-card-icon.green{background:#e8f8f1;color:#10845d}.cc-card-icon.purple{background:#f0ecff;color:var(--cc-purple)}.cc-card-body{min-width:0;flex:1}.cc-card-title{font-weight:800;font-size:16px;color:var(--cc-ink)}.cc-card-sub{font-size:13px;color:var(--cc-muted);margin-top:3px}.cc-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.cc-chevron{color:#768198;font-weight:800;font-size:20px}.cc-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eef2f8;color:#5c667b}.cc-chip.active,.cc-chip.open,.cc-chip.discussing{background:#e8f8f1;color:#14734f}.cc-chip.waiting{background:#fff4df;color:#b46100}.cc-chip.need_response{background:#fff0e7;color:#c45213}.cc-chip.decided{background:#e9f1ff;color:#265cae}.cc-chip.resolved,.cc-chip.closed{background:#edf7f0;color:#287548}.cc-chip.superseded{background:#f1f2f5;color:#6b7280}.cc-chip.important{background:#fff1f2;color:#b4233d}.cc-chip.quiet,.cc-chip.observer,.cc-chip.away{background:#eff6ff;color:#3568a6}.cc-state-card{padding:18px;background:linear-gradient(145deg,var(--cc-navy),var(--cc-navy2));color:#fff;border:1px solid rgba(214,168,75,.62)}.cc-state-card h3{margin:0 0 10px;font-size:20px}.cc-state-list{display:grid;gap:0}.cc-state-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.13)}.cc-state-row:last-child{border:0}.cc-state-row span:first-child{color:#d9e4fa}.cc-state-row strong{color:#fff;text-align:right}.cc-state-row strong.tone-good{color:#6ee7a7}.cc-state-row strong.tone-warn{color:#f9c659}.cc-catchup{padding:16px;background:#f7f1e6;border:1px solid #ecd9b1;border-radius:16px}.cc-catchup strong{color:#754f09}.cc-catchup-grid{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.cc-catchup-item{font-size:13px;color:#6b5a38}.cc-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cc-kpi{padding:14px}.cc-kpi small{display:block;color:var(--cc-muted)}.cc-kpi strong{font-size:24px;color:var(--cc-navy)}.cc-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--cc-line);display:grid;grid-template-columns:repeat(4,1fr);z-index:40}.cc-nav-btn{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#768198;font-size:11px;position:relative}.cc-nav-btn svg{width:22px;height:22px}.cc-nav-btn.active{color:var(--cc-blue);font-weight:800}.cc-nav-btn.active:after{content:"";position:absolute;bottom:5px;width:28px;height:3px;border-radius:3px;background:var(--cc-gold)}.cc-sidebar-brand{padding:26px 22px 18px;color:#fff}.cc-sidebar-label{padding:14px 20px 7px;color:#95a6c8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cc-side-btn,.cc-side-circle{width:100%;border:0;background:transparent;color:#dbe6fb;text-align:left;padding:11px 18px;display:flex;align-items:center;gap:11px;border-radius:12px}.cc-side-btn:hover,.cc-side-circle:hover,.cc-side-btn.active,.cc-side-circle.active{background:rgba(45,99,201,.32);color:#fff}.cc-side-dot{width:8px;height:8px;border-radius:50%;background:#38c98c}.cc-side-circle span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-sidebar-inner{padding:0 10px 18px}.cc-sidebar-needs{margin:18px 10px;padding:16px;border:1px solid rgba(214,168,75,.45);background:rgba(13,47,113,.55);color:#fff;border-radius:16px}.cc-sidebar-needs strong{font-size:32px;color:#f1c464}.cc-topic-header{padding:18px}.cc-current-summary{white-space:pre-line;color:#e7efff;margin-top:9px}.cc-chat{display:flex;flex-direction:column;gap:12px;margin-top:16px}.cc-message{display:flex;gap:10px;align-items:flex-start}.cc-message-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#e5edfb;display:grid;place-items:center;font-weight:800;color:var(--cc-navy)}.cc-message-bubble{max-width:min(720px,calc(100% - 55px));padding:12px 14px;background:#fff;border:1px solid var(--cc-line);border-radius:6px 18px 18px 18px;box-shadow:0 5px 16px rgba(16,32,68,.05)}.cc-message.own{justify-content:flex-end}.cc-message.own .cc-message-avatar{display:none}.cc-message.own .cc-message-bubble{background:#edf4ff;border-radius:18px 6px 18px 18px}.cc-message.request .cc-message-bubble{border-left:3px solid var(--cc-gold);background:#fff9ee}.cc-message-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}.cc-message-meta strong{color:var(--cc-navy)}.cc-message-meta time{color:#8a94a8;font-size:12px}.cc-message-body{white-space:pre-wrap;word-break:break-word}.cc-message-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.cc-message-actions button{border:0;background:transparent;color:#62708a;padding:4px 6px;font-size:12px;border-radius:8px}.cc-message-actions button:hover{background:#eef2f8;color:var(--cc-blue)}.cc-expectation{padding:12px 14px;margin:8px 0;background:#fff7e8;border:1px solid #f3d79e;border-radius:14px}.cc-expectation-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.cc-composer{position:sticky;bottom:76px;background:rgba(245,247,251,.95);backdrop-filter:blur(12px);padding:12px 0 8px;z-index:15}.cc-composer-inner{display:flex;gap:8px;align-items:flex-end}.cc-composer textarea{flex:1;min-height:46px;max-height:150px;resize:vertical;padding:11px 13px;border:1px solid var(--cc-line);border-radius:16px;outline:none;background:#fff}.cc-composer textarea:focus{border-color:#8bb0f2;box-shadow:0 0 0 3px rgba(28,91,199,.1)}.cc-send{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--cc-blue),var(--cc-navy2));color:#fff;font-size:20px}.cc-file-input{display:none}.cc-attachment-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--cc-line);background:#fff;color:var(--cc-navy2)}.cc-empty{text-align:center;padding:36px 18px;color:var(--cc-muted);background:#fff;border:1px dashed #ccd3df;border-radius:16px}.cc-list{display:grid;gap:10px}.cc-list-row{background:#fff;border:1px solid var(--cc-line);border-radius:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cc-list-row .meta{color:var(--cc-muted);font-size:12px}.cc-member-row{display:flex;align-items:center;gap:10px}.cc-modal-backdrop{position:fixed;inset:0;background:rgba(4,14,35,.56);z-index:100;display:grid;place-items:end center;padding:0}.cc-modal{background:#fff;width:100%;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:22px;box-shadow:0 -20px 60px rgba(0,0,0,.2)}.cc-modal h2{margin:0 0 16px;color:var(--cc-navy)}.cc-modal-grid{display:grid;gap:13px}.cc-field{display:grid;gap:6px}.cc-field label{font-size:13px;font-weight:800;color:#35425d}.cc-field input,.cc-field textarea,.cc-field select{width:100%;padding:11px 12px;border:1px solid var(--cc-line);border-radius:11px;outline:none}.cc-field textarea{min-height:90px;resize:vertical}.cc-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;position:sticky;bottom:-22px;background:#fff;padding:12px 0 2px}.cc-toast-wrap{position:fixed;top:84px;right:12px;z-index:120;display:grid;gap:8px;max-width:360px}.cc-toast{padding:11px 14px;border-radius:12px;background:#102a5f;color:#fff;box-shadow:var(--cc-shadow);animation:cc-in .2s ease}.cc-toast.error{background:#9f1239}.cc-toast.success{background:#146c43}@keyframes cc-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cc-search-panel{position:fixed;inset:72px 0 76px;background:var(--cc-bg);z-index:60;padding:16px;overflow:auto}.cc-search-box{display:flex;gap:8px;max-width:760px;margin:auto}.cc-search-box input{flex:1;padding:13px 14px;border:1px solid var(--cc-line);border-radius:14px}.cc-search-results{max-width:760px;margin:16px auto}.cc-status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cc-dot{width:8px;height:8px;border-radius:50%;background:#35c88a}.cc-actions-row{display:flex;gap:8px;flex-wrap:wrap}.cc-me-card{padding:20px;text-align:center}.cc-me-card .cc-avatar{width:76px;height:76px;margin:0 auto 10px;font-size:24px}.cc-subtle{color:var(--cc-muted);font-size:13px}.cc-divider{height:1px;background:var(--cc-line);margin:16px 0}.cc-desktop-only{display:none}.cc-mobile-only{display:block}
@media(min-width:760px){.cc-main{padding:24px 26px 110px}.cc-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-modal-backdrop{place-items:center;padding:30px}.cc-modal{max-width:620px;border-radius:22px;padding:24px}.cc-modal-actions{bottom:-24px}.cc-search-panel{padding:28px}.cc-kpi-row{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1050px){.cc-layout{display:grid;grid-template-columns:280px minmax(0,1fr)}.cc-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,var(--cc-navy),#061739);flex-direction:column;overflow:auto;z-index:50}.cc-topbar{margin-left:280px;height:72px;padding:0 28px}.cc-brand{display:none}.cc-main{margin-left:280px;padding:26px 34px 60px;max-width:1500px}.cc-bottom-nav{display:none}.cc-composer{bottom:0}.cc-search-panel{left:280px;bottom:0}.cc-desktop-only{display:block}.cc-mobile-only{display:none}.cc-grid.cols-lg-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-page-head h1{font-size:34px}.cc-hero{padding:26px}.cc-sidebar-needs{margin-top:auto}.cc-modal-backdrop{padding-left:280px}}

/* ===== v0.1.3 UI hardening ===== */
/* Inline SVG without explicit dimensions defaults to 300x150 in browsers. */
.cc-app-shell svg{width:22px;height:22px;display:block;flex:0 0 auto;max-width:100%;max-height:100%}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap}
.cc-btn svg{width:18px;height:18px}
.cc-icon-btn svg{width:20px;height:20px}
.cc-side-btn{font-size:14px;min-height:44px}
.cc-side-btn svg{width:21px;height:21px;flex:0 0 21px}
.cc-side-circle{font-size:14px;min-height:42px}
.cc-nav-btn svg{width:22px;height:22px}
.cc-card-icon svg{width:24px;height:24px}
.cc-attachment-btn svg,.cc-send svg{width:21px;height:21px;margin:auto}
.cc-empty{width:100%}.cc-grid>.cc-empty{grid-column:1/-1}
.cc-page-head .cc-head-actions{align-items:center;justify-content:flex-end}
.cc-page-head .cc-btn-primary{box-shadow:0 8px 20px rgba(28,91,199,.16)}
.cc-pilot-empty{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;text-align:left}
.cc-pilot-empty h3{margin:0 0 6px;color:var(--cc-navy);font-size:19px}.cc-pilot-empty p{margin:0;color:var(--cc-muted);max-width:620px}
.cc-pilot-empty-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

@media(min-width:1050px){
  .cc-layout{display:block;min-height:100vh}
  .cc-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,var(--cc-navy),#061739);flex-direction:column;overflow:auto;z-index:50}
  .cc-topbar{margin-left:280px;width:calc(100% - 280px);height:72px;padding:0 30px}
  .cc-main{margin:0 0 0 280px;width:calc(100% - 280px);max-width:none;padding:34px 42px 64px;min-height:calc(100vh - 72px)}
  .cc-main>*{max-width:1180px;margin-left:auto;margin-right:auto}
  .cc-page-head{align-items:center}
  .cc-page-head h1{font-size:34px}
  .cc-hero{padding:26px 30px}
  .cc-sidebar-inner{padding-left:12px;padding-right:12px}
  .cc-side-btn,.cc-side-circle{padding:10px 12px;border-radius:11px}
  .cc-sidebar-brand{padding:26px 20px 16px}
  .cc-sidebar-label{padding-left:22px}
  .cc-search-panel{left:280px;bottom:0}
  .cc-modal-backdrop{padding-left:280px}
}
@media(min-width:1440px){
  .cc-main{padding-left:52px;padding-right:52px}
  .cc-main>*{max-width:1240px}
}
@media(max-width:759px){
  .cc-pilot-empty{grid-template-columns:1fr;padding:20px;text-align:center}
  .cc-pilot-empty-actions{justify-content:center}
}

/* ===== v0.1.4 Circle Profile + desktop workspace ===== */
.cc-circle-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.cc-circle-primary,.cc-circle-insights{min-width:0}.cc-circle-insights{display:grid;gap:14px}.cc-first-section{margin-top:0}
.cc-insight-card,.cc-contract-card{padding:18px}.cc-insight-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cc-insight-head h3{margin:0;color:var(--cc-navy);font-size:18px}.cc-eyebrow{display:block;font-size:10px;letter-spacing:.11em;font-weight:900;color:#8290aa;margin-bottom:3px}.cc-contract-purpose{margin:0 0 13px;color:#44516b}.cc-values{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.cc-values span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f3f5f9;color:#4f5c75;font-size:11px;font-weight:700}.cc-policy-list{display:grid;gap:0;border-top:1px solid var(--cc-line)}.cc-policy-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--cc-line);font-size:12px}.cc-policy-list span{color:var(--cc-muted)}.cc-policy-list strong{text-align:right;color:var(--cc-ink);font-weight:800}.cc-contract-end{margin-top:12px;padding:9px 10px;background:#fff7e8;color:#895a08;border-radius:10px;font-size:12px;font-weight:800}.cc-kpi-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-kpi-compact .cc-kpi{padding:10px;background:#f8faff;border:1px solid var(--cc-line);border-radius:12px}.cc-kpi-compact .cc-kpi strong{font-size:21px}.cc-mini-list{display:grid;gap:8px}.cc-mini-list .cc-list-row{padding:10px 11px;border-radius:11px;box-shadow:none}.cc-mini-list .cc-list-row strong{font-size:13px}.cc-mini-list .cc-list-row .meta{font-size:11px}.cc-mini-list .cc-list-row .cc-btn{padding:6px 8px;min-height:34px;font-size:11px}.cc-mini-list .cc-member-row .cc-avatar{width:34px;height:34px;font-size:11px;flex:0 0 34px}.cc-full-link{width:100%;justify-content:center;margin-top:8px}.cc-contract-intro{display:grid;gap:3px;padding:12px 13px;border-radius:12px;background:#f4f7fd;border:1px solid #dfe7f6;color:#3d4a65}.cc-contract-intro strong{color:var(--cc-navy);font-size:13px}.cc-contract-intro span{font-size:12px;color:var(--cc-muted)}.cc-contract-intro.compact{padding:10px 12px}.cc-state-empty{color:#dbe6fb!important}.cc-circle-head{margin-bottom:16px}

@media(min-width:1050px){
  .cc-circle-workspace{grid-template-columns:minmax(0,1.85fr) minmax(310px,.75fr);gap:22px}
  .cc-circle-insights{position:sticky;top:94px}
  .cc-circle-primary .cc-section:first-child{margin-top:0}
  .cc-circle-primary .cc-state-card{min-height:150px;display:flex;align-items:center}
  .cc-circle-primary .cc-state-list{width:100%}
  .cc-circle-head{padding-bottom:18px;border-bottom:1px solid var(--cc-line)}
}
@media(min-width:1440px){
  .cc-circle-workspace{grid-template-columns:minmax(0,2fr) minmax(340px,.78fr)}
}
@media(max-width:759px){
  .cc-circle-insights{display:grid;gap:12px}.cc-contract-card{order:1}.cc-insight-card{order:2}
  .cc-policy-list>div{font-size:11px}.cc-contract-purpose{font-size:13px}
}

/* ===== v0.1.5 Live Pilot + Circle Contract ===== */
.cc-readiness{padding:18px}.cc-readiness-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cc-readiness-top strong{display:block;color:var(--cc-navy);font-size:17px}.cc-readiness-top p{margin:4px 0 0;color:var(--cc-muted);font-size:12px;max-width:650px}.cc-readiness-score{font-size:32px;line-height:1;font-weight:900;color:var(--cc-navy);white-space:nowrap}.cc-readiness-score small{font-size:14px;color:var(--cc-muted);margin-left:2px}.cc-readiness-bar{height:8px;border-radius:999px;background:#e8edf5;overflow:hidden;margin:14px 0}.cc-readiness-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d6a538,#1d5fd0);transition:width .25s ease}.cc-readiness-checks{display:grid;gap:8px}.cc-readiness-checks>div{display:flex;align-items:center;gap:8px;color:#667085;font-size:12px}.cc-readiness-checks>div svg{width:16px;height:16px;color:#16865d}.cc-readiness-checks>div.done{color:#25324a;font-weight:700}.cc-check-dot{width:12px;height:12px;border:2px solid #bdc6d5;border-radius:50%;flex:0 0 12px}.cc-readiness-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.cc-readiness-meta span{font-size:11px;padding:5px 8px;border-radius:999px;background:#f3f6fb;color:#61708d}.cc-pending-invites{margin-top:12px;padding-top:12px;border-top:1px solid var(--cc-line);display:grid;gap:7px}.cc-pending-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;background:#fbfcff;border:1px solid #edf0f5;padding:7px 8px;border-radius:9px}.cc-pending-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-pending-row small{color:var(--cc-muted);white-space:nowrap}.cc-join-contract{display:grid;gap:13px}.cc-join-contract h3{margin:0;color:var(--cc-navy);font-size:22px}.cc-join-contract p{margin:0;color:#46536c}.cc-join-contract .cc-values{margin:0}.cc-join-contract .cc-policy-list{margin-top:2px}.cc-join-contract .cc-alert{margin:0}
@media(min-width:760px){.cc-readiness-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px){.cc-readiness-top{align-items:center}.cc-readiness-top p{font-size:11px}.cc-readiness-score{font-size:27px}}

/* ===== v0.1.6 Anti-Scroll + Actionable Catch-Up ===== */
.cc-catchup{position:relative;overflow:hidden}.cc-catchup:after{content:"";position:absolute;right:-34px;top:-44px;width:120px;height:120px;border:1px solid rgba(117,79,9,.12);border-radius:50%;box-shadow:0 0 0 24px rgba(117,79,9,.035)}
.cc-catchup-detail{display:grid;gap:16px}.cc-catchup-block{display:grid;gap:8px}.cc-catchup-block h3{margin:0;color:var(--cc-navy);font-size:15px}
.cc-catchup-change{width:100%;border:1px solid var(--cc-line);background:#fff;border-radius:12px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.cc-catchup-change:hover{border-color:#cbd7eb;background:#fbfcff}.cc-catchup-change>span:first-child{min-width:0;display:grid;gap:2px}.cc-catchup-change strong{font-size:13px;color:var(--cc-ink)}.cc-catchup-change small{font-size:11px;color:var(--cc-muted);white-space:normal}.cc-catchup-change.static{cursor:default}.cc-catchup-change.need{border-color:#f1d2bd;background:#fffaf7}
.cc-noise-summary{padding:12px 13px;border-radius:12px;background:#f4f7fd;border:1px solid #dfe7f6;display:grid;gap:3px}.cc-noise-summary strong{font-size:13px;color:var(--cc-navy)}.cc-noise-summary span{font-size:11px;color:var(--cc-muted)}
.cc-topic-return{font-size:11px;color:#dbe6fb;font-weight:700}.cc-state-principle{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.13);font-size:11px;color:#c7d6f2}
.cc-history-gate{margin:18px 0 4px;padding:12px 14px;border:1px dashed #cbd5e5;background:#f8faff;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.cc-history-gate span{font-size:11px;color:var(--cc-muted);max-width:620px}.cc-history-gate.complete{padding:9px 12px;background:#fbfcfe}.cc-history-gate .cc-btn{min-height:36px;padding:7px 10px;font-size:12px}
@media(max-width:759px){.cc-catchup-change{align-items:flex-start}.cc-history-gate{align-items:stretch}.cc-history-gate .cc-btn{width:100%}}
.cc-behavior-card{padding:16px}.cc-behavior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cc-behavior-grid>div{padding:11px 12px;border-radius:12px;background:#f7f9fd;border:1px solid var(--cc-line)}.cc-behavior-grid small{display:block;font-size:10px;color:var(--cc-muted)}.cc-behavior-grid strong{display:block;margin-top:2px;font-size:22px;color:var(--cc-navy)}.cc-behavior-card p{margin:12px 0 0;color:#53617a;font-size:12px}@media(min-width:760px){.cc-behavior-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v0.1.8 — Communication State & Response Clarity */
.cc-hero-secondary{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.13);color:#f3d58f;font-size:13px;font-weight:700}
.cc-response-summary .cc-response-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cc-response-kpis>div{padding:12px;border-radius:13px;background:#f7f9fd;border:1px solid var(--cc-line);display:grid;gap:2px}.cc-response-kpis small{color:var(--cc-muted)}.cc-response-kpis strong{font-size:25px;color:var(--cc-navy)}.cc-response-kpis span{font-size:11px;color:#b45309}
.cc-response-overview{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 20px}.cc-response-overview>.cc-card{padding:18px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"small strong" "span strong";align-items:center}.cc-response-overview small{grid-area:small;color:var(--cc-muted);font-weight:800}.cc-response-overview strong{grid-area:strong;font-size:34px;color:var(--cc-navy)}.cc-response-overview span{grid-area:span;color:var(--cc-muted);font-size:12px}.cc-section-help{margin:-4px 0 12px;color:var(--cc-muted);font-size:13px}
.cc-expectation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.cc-expectation.overdue{border-color:#efb1a0;background:#fff4ef}.cc-chip.response-pending{background:#fff0e7;color:#b84c14}.cc-chip.response-acknowledged{background:#eaf3ff;color:#2d62a9}.cc-chip.response-later{background:#fff5dd;color:#9a6200}.cc-chip.response-resolved{background:#e8f8f1;color:#14734f}.cc-chip.response-released,.cc-chip.response-cancelled{background:#f0f2f6;color:#667085}
.cc-message-kind{display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;margin:0 0 6px}.cc-message-kind.fyi{background:#eef6ff;color:#315f9e}.cc-message-kind.request{background:#fff1df;color:#a55a00}.cc-message.fyi .cc-message-bubble{border-left:3px solid #78a7e8;background:#f7fbff}.cc-message.fyi.own .cc-message-bubble{background:#eef6ff}
.cc-composer-modes{display:flex;gap:6px;margin:0 0 7px 54px;overflow:auto;scrollbar-width:none}.cc-composer-modes::-webkit-scrollbar{display:none}.cc-composer-modes button{border:1px solid var(--cc-line);background:#fff;color:#68748b;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.cc-composer-modes button.active{background:#eaf1ff;border-color:#abc5ef;color:var(--cc-blue)}
.cc-waiting-card .cc-card-icon{background:#f0ecff;color:var(--cc-purple)}
@media(min-width:720px){.cc-response-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.cc-response-kpis{grid-template-columns:1fr!important}.cc-composer-modes{margin-left:0}.cc-expectation-head{align-items:flex-start;flex-direction:column}}


/* v0.1.9 — Current Truth, Recall & Context */
.cc-current-truth .cc-mini-list{display:grid;gap:8px}
.cc-current-memory-item{width:100%;border:0;background:#f8faff;border-radius:12px;padding:10px 11px;text-align:left;display:grid;gap:4px;cursor:pointer;color:inherit}
.cc-current-memory-item:hover{background:#f1f5ff}
.cc-current-memory-item strong{font-size:13px;color:#14213d}
.cc-current-memory-item small{font-size:12px;color:#667085;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-memory-principle{display:flex;gap:8px 18px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eef4ff,#fffaf0);border:1px solid #dfe8f8;border-radius:14px;padding:13px 16px;margin:0 0 16px;color:#31415f}
.cc-memory-principle strong{color:#0f2b5b}.cc-memory-principle span{font-size:13px}
.cc-memory-card.superseded{opacity:.72;background:#f8f9fb}
.cc-chip.superseded{background:#eef0f4;color:#667085}
.cc-search-box{align-items:stretch}
.cc-search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8e0ee;border-radius:12px;padding:0 12px;min-width:220px}
.cc-search-input-wrap svg{width:18px;height:18px;flex:0 0 18px;color:#667085}
.cc-search-input-wrap input{border:0!important;box-shadow:none!important;padding:12px 0!important;min-width:0;width:100%}
.cc-search-box select{max-width:220px;border:1px solid #d8e0ee;border-radius:12px;background:#fff;padding:0 12px;color:#1b2b49}
.cc-search-helper{font-size:12px;color:#667085;padding:0 4px 14px;max-width:920px;margin:0 auto}
.cc-search-message{align-items:center;gap:12px}
.cc-search-message>.cc-actions-row{flex:0 0 auto}
.cc-context-current{background:linear-gradient(135deg,#102b59,#174a8d);color:#fff;border-radius:14px;padding:15px;margin-bottom:12px}
.cc-context-current .cc-eyebrow{color:#f3c96a}.cc-context-current strong{display:block;font-size:16px;margin:5px 0}.cc-context-current p{margin:0 0 8px;color:#e7eefc;line-height:1.5}
.cc-context-thread{display:grid;gap:8px;margin:12px 0}
.cc-context-message{border:1px solid #e1e7f0;background:#fff;border-radius:12px;padding:11px 12px}
.cc-context-message.focus{border-color:#e5b851;background:#fffaf0;box-shadow:0 0 0 2px rgba(229,184,81,.12)}
.cc-context-message>div{display:flex;justify-content:space-between;gap:12px}.cc-context-message time{font-size:11px;color:#8a94a6}.cc-context-message p{margin:6px 0;line-height:1.48;font-size:13px}
@media(max-width:720px){.cc-memory-principle{display:block}.cc-memory-principle span{display:block;margin-top:4px}.cc-search-box{flex-wrap:wrap}.cc-search-input-wrap{width:100%}.cc-search-box select{max-width:none;flex:1;min-height:42px}.cc-search-message{align-items:flex-start}.cc-search-message>.cc-actions-row{width:100%}}

/* v0.2.0 — Circle Health & Graceful Participation */
.cc-health-card .cc-insight-head{margin-bottom:10px}.cc-health-signal{display:grid;gap:3px;padding:12px 13px;border-radius:12px;border:1px solid var(--cc-line);background:#f8faff}.cc-health-signal strong{font-size:14px;color:var(--cc-navy)}.cc-health-signal span{font-size:11px;color:var(--cc-muted);line-height:1.45}.cc-health-signal.good{background:#eefaf4;border-color:#cfe9db}.cc-health-signal.warn{background:#fff7ed;border-color:#f3d4ae}.cc-health-signal.neutral{background:#f5f7fa}.cc-health-action{margin-top:9px;padding:10px 11px;border-radius:11px;background:#fffaf0;border:1px solid #f0dfb7;color:#6f4a09;font-size:12px;font-weight:800;display:grid;gap:2px}.cc-health-action small{font-size:10px;color:#9a7441;font-weight:600}.cc-health-modal-head{padding:15px;border-radius:14px;background:#f7f9fd;border:1px solid var(--cc-line);margin-bottom:12px}.cc-health-modal-head.good{background:#eefaf4;border-color:#cfe9db}.cc-health-modal-head.warn{background:#fff7ed;border-color:#f3d4ae}.cc-health-modal-head h3{margin:3px 0 4px;color:var(--cc-navy);font-size:21px}.cc-health-modal-head p{margin:0;color:var(--cc-muted);font-size:12px}.cc-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.cc-health-grid>div{padding:11px;border:1px solid var(--cc-line);border-radius:12px;background:#fff}.cc-health-grid small{display:block;color:var(--cc-muted);font-size:10px}.cc-health-grid strong{display:block;color:var(--cc-navy);font-size:23px;margin-top:2px}.cc-health-actions-list{display:grid;gap:8px}.cc-health-review-item{display:grid;gap:2px;padding:10px 11px;border:1px solid var(--cc-line);border-radius:11px;background:#fbfcff}.cc-health-review-item strong{font-size:12px;color:var(--cc-ink)}.cc-health-review-item span{font-size:11px;color:var(--cc-muted)}.cc-form-note{padding:10px 11px;border-radius:10px;background:#f6f8fc;border:1px solid #e5eaf2;color:#667085;font-size:11px;line-height:1.45}.cc-readonly-banner{position:sticky;bottom:0;z-index:10;margin:18px 0 0;padding:13px 15px;border-radius:14px;background:#f5f6f8;border:1px solid #dfe3ea;box-shadow:0 -4px 20px rgba(16,36,75,.06);display:grid;gap:2px}.cc-readonly-banner strong{color:var(--cc-navy);font-size:13px}.cc-readonly-banner span{font-size:11px;color:var(--cc-muted)}
@media(min-width:720px){.cc-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v0.2.1 — Circle Values & Human Moderation */
.cc-governance-card{border-color:#e7dfc8;background:linear-gradient(180deg,#fffdf8,#fff)}
.cc-governance-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}
.cc-governance-summary>div{padding:10px 11px;border-radius:11px;background:#fffaf0;border:1px solid #efe1bd;display:grid;gap:2px}
.cc-governance-summary small{font-size:10px;color:#8a7350}.cc-governance-summary strong{font-size:18px;color:#6f4a09}
.cc-governance-intro{display:grid;gap:8px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#f5f8ff,#fffaf0);border:1px solid #dfe6f2}
.cc-governance-intro h3{margin:0;color:var(--cc-navy);font-size:18px}.cc-governance-intro p{margin:0;color:var(--cc-muted);font-size:12px;line-height:1.5}.cc-governance-intro .cc-values{margin:2px 0 4px}
.cc-moderation-list{display:grid;gap:10px}.cc-moderation-report{padding:13px;border:1px solid #eadfc8;border-radius:13px;background:#fffdf9}.cc-moderation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:5px}.cc-moderation-head>div{display:grid;gap:2px}.cc-moderation-head strong{color:var(--cc-ink);font-size:13px}.cc-moderation-head span:not(.cc-chip){color:#8a5e18;font-size:11px;font-weight:700}.cc-moderation-report p{font-size:12px;line-height:1.45;color:#46536c;margin:9px 0}
.cc-report-action{color:#9b3b32!important}.cc-message-actions .cc-report-action:hover{background:#fff1ef!important;color:#7e2e27!important}
@media(max-width:560px){.cc-governance-summary{grid-template-columns:1fr}.cc-moderation-head{flex-direction:column}.cc-moderation-report .cc-actions-row{width:100%}.cc-moderation-report .cc-actions-row .cc-btn{flex:1}}

/* v0.2.1 — Private manager notices: moderation loop closure */
.cc-moderation-notices{margin-top:18px}.cc-notice-stack{display:grid;gap:12px}.cc-manager-notice{position:relative;overflow:hidden;border-color:#eadfc8;background:linear-gradient(135deg,#fffdf8,#fff)}.cc-manager-notice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d2a84d}.cc-manager-notice.action-cooldown:before,.cc-manager-notice.action-limited:before{background:#d08a2e}.cc-manager-notice.action-complete:before{background:#8a94a6}.cc-manager-notice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cc-manager-notice-head h3{margin:3px 0 0;color:var(--cc-navy);font-size:18px}.cc-manager-notice>p{margin:12px 0;color:#3f4e68;line-height:1.55;font-size:13px}.cc-manager-notice-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--cc-muted);font-size:11px}.cc-manager-notice-privacy{margin:11px 0;padding:9px 10px;border-radius:10px;background:#f7f8fa;color:#68748b;font-size:11px;line-height:1.45}.cc-manager-notice .cc-actions-row{justify-content:flex-end}
@media(max-width:560px){.cc-manager-notice-head{flex-direction:column}.cc-manager-notice .cc-actions-row{display:grid;grid-template-columns:1fr}.cc-manager-notice .cc-actions-row .cc-btn{width:100%}}

/* v0.2.2 — Continuity, Onboarding & Ownership Handover */
.cc-onboarding-banner{margin:0 0 16px;padding:15px 17px;border-radius:14px;border:1px solid #cfdcf2;background:linear-gradient(135deg,#eef5ff,#fffaf0);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#24416e}.cc-onboarding-banner>div{display:grid;gap:3px}.cc-onboarding-banner strong{font-size:15px;color:var(--cc-navy)}.cc-onboarding-banner small{font-size:11px;color:var(--cc-muted);line-height:1.45;max-width:760px}.cc-onboarding-banner>span{font-size:12px;font-weight:900;color:var(--cc-blue);white-space:nowrap}
.cc-continuity-card{border-color:#d8e4f5;background:linear-gradient(180deg,#fbfdff,#fff)}.cc-continuity-owner{display:grid;gap:2px;padding:10px 11px;border-radius:11px;background:#f4f7fd;border:1px solid var(--cc-line);margin-bottom:8px}.cc-continuity-owner small,.cc-continuity-grid small{font-size:10px;color:var(--cc-muted)}.cc-continuity-owner strong{font-size:14px;color:var(--cc-navy)}.cc-continuity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.cc-continuity-grid>div{display:grid;gap:2px;padding:9px 10px;border-radius:10px;background:#fff;border:1px solid var(--cc-line)}.cc-continuity-grid strong{font-size:19px;color:var(--cc-navy)}
.cc-circle-brief{display:grid;gap:18px}.cc-circle-brief section{display:grid;gap:8px}.cc-circle-brief h3{margin:0;color:var(--cc-navy);font-size:20px}.cc-circle-brief p{margin:0;color:#46536c;line-height:1.55;font-size:13px}.cc-brief-state{display:grid;gap:0;border:1px solid var(--cc-line);border-radius:12px;overflow:hidden}.cc-brief-state>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--cc-line)}.cc-brief-state>div:last-child{border-bottom:0}.cc-brief-state span{font-size:11px;color:var(--cc-muted)}.cc-brief-state strong{font-size:12px;color:var(--cc-ink);text-align:right}.cc-brief-list{display:grid;gap:8px}.cc-brief-list button{width:100%;border:1px solid var(--cc-line);background:#fff;border-radius:12px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.cc-brief-list button:hover{background:#f8faff;border-color:#cad7eb}.cc-brief-list button>span:first-child{display:grid;gap:2px;min-width:0}.cc-brief-list strong{font-size:12px;color:var(--cc-ink)}.cc-brief-list small{font-size:11px;color:var(--cc-muted);line-height:1.4}.cc-alert-warning{background:#fff7ed;border-color:#f3d4ae;color:#7a4d0b}
@media(max-width:560px){.cc-onboarding-banner{align-items:flex-start;flex-direction:column}.cc-onboarding-banner>span{align-self:flex-end}.cc-continuity-grid{grid-template-columns:1fr}.cc-brief-state>div{align-items:flex-start;flex-direction:column;gap:3px}.cc-brief-state strong{text-align:left}.cc-brief-list button{align-items:flex-start}}

/* v0.2.3 — Circle Closure & Memory Handover */
.cc-closure-banner{margin:0 0 16px;padding:16px 18px;border-radius:14px;border:1px solid #d8dfeb;background:linear-gradient(135deg,#f3f6fb,#fffaf0);display:flex;align-items:center;justify-content:space-between;gap:16px}.cc-closure-banner>div{display:grid;gap:3px;min-width:0}.cc-closure-banner strong{font-size:15px;color:var(--cc-navy);line-height:1.45}.cc-closure-banner small{font-size:11px;color:var(--cc-muted);line-height:1.45}.cc-closure-intro{display:grid;gap:6px;padding:14px;border:1px solid #e2e6ee;background:linear-gradient(135deg,#f7f9fc,#fffaf0);border-radius:14px;margin-bottom:12px}.cc-closure-intro h3{margin:0;color:var(--cc-navy);font-size:18px}.cc-closure-intro p{margin:0;color:var(--cc-muted);font-size:12px;line-height:1.5}.cc-closure-list{display:grid;gap:8px}.cc-closure-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 11px;border:1px solid var(--cc-line);border-radius:11px;background:#fff}.cc-closure-list strong{font-size:12px;color:var(--cc-ink)}.cc-closure-list small{grid-column:1/-1;color:var(--cc-muted);font-size:11px;line-height:1.4}
@media(max-width:560px){.cc-closure-banner{align-items:flex-start;flex-direction:column}.cc-closure-banner .cc-btn{width:100%}.cc-closure-list>div{grid-template-columns:1fr}.cc-closure-list small{grid-column:auto}}


/* v0.2.4 — Attention Control & Smart Digest */
.cc-attention-zero{display:flex;align-items:center;gap:13px;padding:16px}.cc-attention-zero>div:first-child{width:38px;height:38px;border-radius:12px;background:#eef4ff;color:var(--cc-blue);display:grid;place-items:center;flex:0 0 auto}.cc-attention-zero svg{width:19px;height:19px}.cc-attention-zero>div:last-child{display:grid;gap:3px}.cc-attention-zero strong{font-size:13px;color:var(--cc-navy)}.cc-attention-zero span{font-size:11px;color:var(--cc-muted);line-height:1.45}
.cc-attention-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cc-attention-kpis>div{padding:12px 13px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;display:grid;gap:2px}.cc-attention-kpis small{font-size:10px;color:var(--cc-muted)}.cc-attention-kpis strong{font-size:24px;color:var(--cc-navy)}.cc-attention-kpis span{font-size:10px;color:#9b5f16;font-weight:800}.cc-attention-page-kpis{margin-bottom:18px}.cc-attention-list button.cc-list-row{width:100%;text-align:left}.cc-attention-list .cc-card-meta{margin-top:7px}.cc-attention-card{border-color:#d9e5f5;background:linear-gradient(180deg,#fbfdff,#fff)}.cc-attention-card h3{font-size:14px;margin:2px 0 0;color:var(--cc-navy)}.cc-attention-summary-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;margin:6px 0;border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line)}.cc-attention-summary-line span{font-size:11px;color:var(--cc-muted)}.cc-attention-summary-line strong{font-size:11px;color:var(--cc-ink)}.cc-attention-principle{margin-top:16px;display:grid;gap:3px;background:#f8faff}.cc-attention-principle strong{font-size:13px;color:var(--cc-navy)}.cc-attention-principle span{font-size:11px;color:var(--cc-muted);line-height:1.5}
@media(min-width:720px){.cc-attention-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* v0.2.5 — Low-Friction Interaction & Quick Choices */
.cc-message.choice .cc-message-bubble{border-color:#d8e3f5;background:linear-gradient(180deg,#fbfdff,#fff)}
.cc-message-kind.choice{background:#edf3ff;color:#285eae}.cc-choice-block{margin-top:12px;padding:12px;border:1px solid #dfe7f3;border-radius:13px;background:#f8fbff}.cc-choice-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.cc-choice-options{display:grid;gap:7px}.cc-choice-option{width:100%;border:1px solid #d9e2ef;background:#fff;border-radius:11px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--cc-ink);font-weight:700;text-align:left}.cc-choice-option:hover:not(:disabled){border-color:#9bb7e5;background:#f2f7ff}.cc-choice-option.selected{border-color:var(--cc-blue);box-shadow:0 0 0 2px rgba(28,91,199,.09);background:#eef4ff;color:var(--cc-navy2)}.cc-choice-option:disabled{cursor:default;opacity:.78}.cc-choice-option strong{min-width:27px;height:27px;border-radius:999px;background:#edf1f7;color:#58667c;display:grid;place-items:center;font-size:11px}.cc-choice-option.selected strong{background:var(--cc-blue);color:#fff}.cc-choice-foot{margin-top:9px;padding-top:8px;border-top:1px solid #e3e9f2;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--cc-muted);font-size:10px}.cc-choice-foot strong{color:var(--cc-blue)}
.cc-check-row{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--cc-line);border-radius:11px;background:#f8faff}.cc-check-row input{margin-top:3px}.cc-check-row span{display:grid;gap:2px}.cc-check-row strong{font-size:12px;color:var(--cc-ink)}.cc-check-row small{font-size:10px;color:var(--cc-muted);line-height:1.45}.cc-reaction-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cc-reaction-picker button{border:1px solid var(--cc-line);background:#fff;border-radius:13px;padding:14px 6px;font-size:24px}.cc-reaction-picker button:hover{background:#f2f6ff;border-color:#b8c9e5}
@media(max-width:560px){.cc-composer-modes{overflow:auto;justify-content:flex-start}.cc-composer-modes button{white-space:nowrap}.cc-reaction-picker{grid-template-columns:repeat(5,minmax(44px,1fr))}.cc-choice-foot{display:grid}}

/* v0.2.6 — Dual Room Mode & Circle View */
.cc-chip.room-casual{background:#eef8f4;color:#18745a}.cc-chip.room-directed{background:#fff3e4;color:#b46512}
.cc-room-layout-toggle{display:inline-flex;align-items:center;padding:3px;border:1px solid #dfe6f2;border-radius:999px;background:#f8faff;gap:2px}.cc-room-layout-toggle button{border:0;background:transparent;color:#6d7890;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;white-space:nowrap}.cc-room-layout-toggle button svg{width:17px;height:17px}.cc-room-layout-toggle button.active{background:#fff;color:var(--cc-blue);box-shadow:0 2px 10px rgba(28,91,199,.12);outline:1px solid #b9cef2}
.cc-room-page{width:100%;max-width:1420px!important}.cc-room-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.cc-room-title-line h1{margin:0}.cc-room-head{align-items:center}.cc-room-head>div:first-child{min-width:0}.cc-room-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.cc-room-summary>button{border:1px solid var(--cc-line);background:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--cc-ink)}.cc-room-summary>button>span{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#edf4ff;color:var(--cc-blue);display:grid;place-items:center}.cc-room-summary>button:nth-child(2)>span{background:#fff3df;color:#c77813}.cc-room-summary>button:nth-child(3)>span{background:#f1edff;color:#6f53d9}.cc-room-summary svg{width:19px;height:19px}.cc-room-summary div{display:grid;gap:2px;min-width:0}.cc-room-summary small{color:var(--cc-muted);font-size:10px}.cc-room-summary strong{font-size:12px;color:var(--cc-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-room-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.cc-room-stage{padding:16px;overflow:hidden}.cc-room-insights{display:grid;gap:12px}.cc-room-insights .cc-insight-card{padding:15px}.cc-room-insights h3{margin:4px 0 10px;color:var(--cc-navy);font-size:16px}
.cc-room-orbit{height:clamp(455px,56vw,620px);position:relative;margin:2px auto 4px;max-width:780px;width:100%;isolation:isolate}.cc-room-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #dbe3f0;border-radius:50%;pointer-events:none}.cc-room-ring.ring-a{width:78%;height:78%}.cc-room-ring.ring-b{width:40%;height:40%;border-style:dashed;opacity:.75}.cc-room-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;z-index:4}.cc-room-center strong{margin-top:7px;font-size:16px;color:var(--cc-navy)}.cc-room-role{margin-top:3px;padding:4px 8px;border-radius:999px;background:#fff2df;color:#b36a16;font-size:10px;font-weight:800}.cc-room-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#e7efff,#f6ead1);border:3px solid #fff;box-shadow:0 0 0 1px #cdd8ea,0 7px 17px rgba(24,55,104,.12);font-weight:900;color:var(--cc-navy);font-size:13px}.cc-room-avatar.large{width:106px;height:106px;font-size:24px;box-shadow:0 0 0 1px #e7c982,0 0 0 9px rgba(214,168,75,.08),0 13px 30px rgba(24,55,104,.15)}.cc-room-avatar img{width:100%;height:100%;object-fit:cover}.cc-room-avatar-wrap{position:relative;display:grid;place-items:center}.cc-orbit-member{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;z-index:3;min-width:82px}.cc-orbit-member>strong{margin-top:5px;font-size:11px;color:var(--cc-navy);max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-room-presence{width:7px;height:7px;border-radius:50%;background:#1bbb7b;position:absolute;left:calc(50% - 31px);top:48px;box-shadow:0 0 0 2px #fff}.cc-room-presence.away{background:#9da7b9}.cc-room-activity-badge{position:absolute;left:calc(50% + 22px);top:13px;padding:3px 7px;border-radius:999px;background:#f0eaff;color:#6540cd;font-size:9px;font-weight:900;white-space:nowrap;z-index:8}.cc-room-popup{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-65%);width:max-content;max-width:190px;padding:8px 10px;border:1px solid #d8e1ef;border-radius:10px;background:#fff;color:#2b3852;font-size:10px;font-weight:700;line-height:1.4;box-shadow:0 8px 20px rgba(20,42,81,.1);z-index:15;text-align:left}.cc-room-popup:after{content:"";position:absolute;bottom:-6px;left:64%;width:10px;height:10px;background:#fff;border-right:1px solid #d8e1ef;border-bottom:1px solid #d8e1ef;transform:rotate(45deg)}.cc-room-popup.typing-text{color:#315f9d;font-style:italic}.cc-room-more{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:4px 9px;border-radius:999px;background:#f4f6fa;color:#748198;font-size:9px;font-weight:800}
/* typing pulse — visual activity without adding chat noise */
.cc-orbit-member.typing .cc-room-avatar{border-color:#91b6f5;box-shadow:0 0 0 1px #6e9cec,0 0 20px rgba(63,126,235,.28)}.cc-orbit-member.typing .cc-room-avatar-wrap:before,.cc-orbit-member.typing .cc-room-avatar-wrap:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(77,135,235,.38);animation:cc-room-pulse 1.8s ease-out infinite;pointer-events:none}.cc-orbit-member.typing .cc-room-avatar-wrap:after{inset:-18px;border-color:rgba(77,135,235,.22);animation-delay:.45s}.cc-orbit-member.typing:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid rgba(77,135,235,.12);top:29px;left:50%;transform:translate(-50%,-50%);animation:cc-room-pulse-wide 1.8s ease-out infinite .9s;pointer-events:none}.cc-typing-dots{position:absolute;right:-5px;top:-5px;min-width:24px;height:20px;padding:0 5px;border-radius:999px;background:#1764d8;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;border:2px solid #fff;z-index:10;letter-spacing:1px}@keyframes cc-room-pulse{0%{opacity:.85;transform:scale(.88)}70%{opacity:.08;transform:scale(1.35)}100%{opacity:0;transform:scale(1.42)}}@keyframes cc-room-pulse-wide{0%{opacity:.45;transform:translate(-50%,-50%) scale(.78)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}
.cc-room-activity-rail{min-height:46px;border:1px solid var(--cc-line);border-radius:14px;background:#fbfcff;padding:7px;display:flex;gap:7px;align-items:center;overflow:auto;margin:3px auto 14px;max-width:760px}.cc-room-activity-pill{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #e5eaf3;white-space:nowrap}.cc-room-activity-pill .cc-room-avatar{width:26px;height:26px;border-width:2px;font-size:8px;box-shadow:none}.cc-room-activity-pill strong{font-size:10px;color:var(--cc-ink)}.cc-room-activity-pill em{font-style:normal;font-size:9px;color:var(--cc-blue);font-weight:800}.cc-room-activity-empty{font-size:10px;color:var(--cc-muted);padding:6px 9px}
.cc-room-attachments{border-top:1px solid var(--cc-line);padding-top:13px}.cc-room-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.cc-room-section-head strong{display:flex;align-items:center;gap:7px;color:var(--cc-navy);font-size:13px}.cc-room-section-head svg{width:16px;height:16px}.cc-room-attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc-room-attachment{min-width:0;border:1px solid var(--cc-line);border-radius:12px;background:#fff;padding:9px 10px;display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--cc-ink)}.cc-room-attachment:hover{border-color:#b9cae6;background:#f9fbff}.cc-room-file-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:900;background:#edf4ff;color:#2864bd}.cc-room-file-icon.type-pdf{background:#fff0ee;color:#d33c2d}.cc-room-file-icon.type-doc{background:#edf4ff;color:#2864bd}.cc-room-file-icon.type-xls{background:#ebf9f0;color:#168252}.cc-room-file-icon.type-img{background:#f2edff;color:#6b4bc4}.cc-room-file-icon.type-url{background:#eef5ff;color:#1764d8}.cc-room-attachment span:last-child{display:grid;gap:2px;min-width:0}.cc-room-attachment strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-room-attachment small{font-size:8px;color:var(--cc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-room-composer{margin-top:12px;padding:11px;border:1px solid var(--cc-line);border-radius:14px;background:#fbfcff}.cc-room-composer-inner{display:flex;gap:8px;align-items:center}.cc-room-composer textarea{flex:1;min-height:44px;max-height:120px;resize:vertical;padding:10px 12px;border:0;background:transparent;outline:none}.cc-room-composer .cc-composer-modes{margin-top:8px;justify-content:center}.cc-room-composer .cc-composer-modes button{min-width:110px}.cc-room-composer .cc-attachment-btn,.cc-room-composer .cc-send{flex:0 0 44px;width:44px;height:44px}.cc-room-composer .cc-send{border-radius:12px}
@media(min-width:1050px){.cc-room-workspace{grid-template-columns:minmax(0,2.1fr) minmax(290px,.7fr);gap:20px}.cc-room-stage{padding:18px 20px}.cc-room-orbit{height:560px}.cc-room-attachment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:760px) and (max-width:1049px){.cc-room-orbit{height:610px}.cc-room-stage{padding:18px 24px}.cc-room-attachment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-room-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-room-insights>section:first-child{grid-column:1/-1}}
@media(max-width:759px){.cc-room-head{align-items:flex-start;flex-direction:column}.cc-room-head .cc-head-actions{width:100%;justify-content:space-between}.cc-room-layout-toggle{flex:1;display:grid;grid-template-columns:1fr 1fr}.cc-room-layout-toggle button{justify-content:center}.cc-room-head [data-room-overview-2]{display:none}.cc-room-summary{gap:6px}.cc-room-summary>button{padding:9px 8px;gap:6px}.cc-room-summary>button>span{width:31px;height:31px;flex-basis:31px}.cc-room-summary small{font-size:8px}.cc-room-summary strong{font-size:9px}.cc-room-stage{padding:10px}.cc-room-orbit{height:480px;min-height:480px}.cc-room-ring.ring-a{width:84%;height:72%}.cc-room-ring.ring-b{width:42%;height:36%}.cc-room-avatar{width:48px;height:48px;font-size:11px}.cc-room-avatar.large{width:84px;height:84px;font-size:19px}.cc-room-center strong{font-size:14px}.cc-orbit-member{min-width:68px}.cc-orbit-member>strong{font-size:9px;max-width:68px}.cc-room-presence{left:calc(50% - 26px);top:40px}.cc-room-activity-badge{left:calc(50% + 17px);top:9px;font-size:8px;padding:2px 5px}.cc-room-popup{max-width:145px;font-size:9px;transform:translateX(-62%)}.cc-room-attachment-grid{display:flex;overflow:auto;padding-bottom:3px}.cc-room-attachment{min-width:210px}.cc-room-composer .cc-composer-modes{overflow:auto;justify-content:flex-start}.cc-room-composer .cc-composer-modes button{min-width:auto;white-space:nowrap}.cc-room-insights{display:grid;grid-template-columns:1fr}.cc-room-more{bottom:2px}}
@media(max-width:430px){.cc-room-orbit{height:430px;min-height:430px}.cc-room-ring.ring-a{width:90%;height:70%}.cc-room-avatar{width:43px;height:43px}.cc-room-avatar.large{width:76px;height:76px}.cc-orbit-member>strong{font-size:8px}.cc-room-presence{top:36px;left:calc(50% - 23px)}.cc-room-popup{max-width:126px}.cc-room-summary>button>span{display:none}.cc-room-summary>button{justify-content:center;text-align:center}.cc-room-summary div{justify-items:center}.cc-room-stage{border-radius:14px}.cc-room-activity-pill em{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cc-orbit-member.typing .cc-room-avatar-wrap:before,.cc-orbit-member.typing .cc-room-avatar-wrap:after,.cc-orbit-member.typing:before{animation:none;opacity:.28}}

/* ===== v0.2.7 Account Registration & Password Authentication ===== */
.cc-auth-card-wide{width:min(520px,100%)}
.cc-password-field{position:relative}.cc-password-field input{padding-right:64px}.cc-password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--cc-blue);font-size:12px;font-weight:800;padding:7px}
.cc-auth-link{border:0;background:transparent;color:var(--cc-blue);font-weight:800;padding:6px 0;text-align:left}
.cc-password-hint{font-size:11px;color:var(--cc-muted);line-height:1.5;margin-top:-2px}
.cc-invite-auth-card{padding:12px 14px;margin:0 0 15px;background:#f7f1e6;border:1px solid #ecd9b1;border-radius:13px;color:#665635;font-size:12px;line-height:1.5}
.cc-invite-auth-card strong{display:block;color:#754f09;font-size:13px;margin-bottom:3px}
.cc-security-grid{display:grid;gap:12px;margin-top:16px;text-align:left}.cc-security-row{border:1px solid var(--cc-line);border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.cc-security-row strong{display:block;color:var(--cc-navy)}.cc-security-row small{display:block;color:var(--cc-muted);margin-top:2px}.cc-session-list{display:grid;gap:9px}.cc-session-current{border-color:#9ebaf0;background:#f6f9ff}.cc-session-meta{display:grid;gap:2px}.cc-session-meta strong{color:var(--cc-navy)}
@media(max-width:520px){.cc-auth-page{padding:12px}.cc-auth-card{padding:24px 20px;border-radius:22px}.cc-auth-card h1{font-size:34px}}

/* ===== v0.2.8 Circle Invite Links & Join Governance ===== */
.cc-invite-method-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #dce5f3;background:linear-gradient(135deg,#f5f9ff,#fffaf0);border-radius:14px}.cc-invite-method-card>div{display:grid;gap:3px}.cc-invite-method-card strong{color:var(--cc-navy);font-size:13px}.cc-invite-method-card small{color:var(--cc-muted);font-size:11px;line-height:1.45}.cc-invite-link-list{display:grid;gap:9px;margin-top:12px}.cc-invite-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--cc-line);border-radius:13px;background:#fff}.cc-invite-link-row.inactive{opacity:.68;background:#f6f7f9}.cc-invite-link-row>div{min-width:0}.cc-invite-link-row strong{display:block;color:var(--cc-navy);font-size:13px}.cc-invite-link-row .meta{font-size:10px;color:var(--cc-muted);margin:3px 0 6px;line-height:1.4}.cc-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cc-copy-row input{width:100%;min-width:0}.cc-join-contract .cc-alert-warning{margin-top:10px}
@media(max-width:560px){.cc-invite-method-card,.cc-invite-link-row{align-items:flex-start;flex-direction:column}.cc-invite-method-card .cc-btn,.cc-invite-link-row .cc-btn{width:100%}.cc-copy-row{grid-template-columns:1fr}.cc-copy-row .cc-btn{width:100%}}

/* ===== v0.2.9 People, Relationship & Scoped Conversations ===== */
.cc-bottom-nav{grid-template-columns:repeat(5,1fr)}
.cc-chip.scope-private{background:#eaf1ff;color:#245fae;border:1px solid #cfe0fb}
.cc-chip.scope-limited{background:#f1edff;color:#694cc3;border:1px solid #ddd3ff}
.cc-topic-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cc-topic-title-row h1{margin-bottom:0}
.cc-audience-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-radius:14px;margin-bottom:14px;border:1px solid var(--cc-line);background:#fff}
.cc-audience-banner.scope-private{background:linear-gradient(135deg,#f5f9ff,#fff);border-color:#cfe0fb}
.cc-audience-banner.scope-limited{background:linear-gradient(135deg,#faf8ff,#fff);border-color:#ddd3ff}
.cc-audience-banner>div{display:grid;gap:2px}.cc-audience-banner strong{color:var(--cc-navy)}.cc-audience-banner span{font-size:12px;color:var(--cc-muted)}
.cc-composer-audience{display:flex;align-items:center;gap:7px;padding:0 4px 8px;color:#53627f;font-size:12px}.cc-composer-audience svg{width:16px;height:16px;color:var(--cc-blue)}
.cc-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #f4c7cf;background:#fff8f9;border-radius:14px}.cc-danger-zone>div{display:grid;gap:2px}.cc-danger-zone strong{color:#9f1239}.cc-danger-zone small{color:#805b64}
.cc-person-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;overflow:auto;padding:2px}
.cc-person-check{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;cursor:pointer}.cc-person-check:has(input:checked){border-color:#94b4ef;background:#f5f8ff}.cc-person-check input{width:auto!important;margin:0}.cc-person-check .cc-avatar{width:34px;height:34px;flex:0 0 34px;font-size:10px}.cc-person-check>span:last-child{display:grid;gap:1px;min-width:0}.cc-person-check strong{font-size:12px;color:var(--cc-navy)}.cc-person-check small{font-size:10px;color:var(--cc-muted)}
.cc-trust-pending{border-color:#ead7a9;background:linear-gradient(145deg,#fffdf8,#fff)}.cc-trust-pending-list{display:grid;gap:9px;margin-top:12px}.cc-trust-pending-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #efe6d1}.cc-trust-pending-row:first-child{border-top:0}.cc-trust-pending-row>div{display:grid;gap:2px;min-width:0}.cc-trust-pending-row strong{font-size:12px;color:var(--cc-navy)}.cc-trust-pending-row small,.cc-trust-pending-row em{font-size:10px;color:var(--cc-muted);font-style:normal;line-height:1.4}
.cc-people-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.cc-people-kpis>.cc-card{padding:17px}.cc-people-kpis small,.cc-people-kpis span{display:block;color:var(--cc-muted)}.cc-people-kpis strong{display:block;font-size:30px;color:var(--cc-navy);line-height:1.1;margin:4px 0}.cc-people-kpis span{font-size:11px}
.cc-people-tabs{display:inline-flex;gap:5px;padding:5px;background:#eef2f8;border:1px solid var(--cc-line);border-radius:14px;margin-bottom:14px}.cc-people-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:10px;color:#687690;font-weight:800}.cc-people-tabs button.active{background:#fff;color:var(--cc-blue);box-shadow:0 4px 12px rgba(18,32,59,.08)}
.cc-people-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cc-person-card{border:1px solid var(--cc-line);padding:14px;display:flex;align-items:center;gap:12px;text-align:left;width:100%;color:inherit}.cc-person-card:hover{border-color:#bfd0ee;box-shadow:0 10px 28px rgba(18,32,59,.09);transform:translateY(-1px)}
.cc-people-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dbe8ff,#f7e8c7);color:var(--cc-navy);font-weight:900;border:2px solid #fff;box-shadow:0 0 0 1px #dce3ef;overflow:hidden}.cc-people-avatar img{width:100%;height:100%;object-fit:cover}.cc-people-avatar.large{width:74px;height:74px;flex-basis:74px;font-size:20px}
.cc-person-copy{display:grid;gap:2px;min-width:0;flex:1}.cc-person-copy strong{color:var(--cc-navy);font-size:14px}.cc-person-copy small{color:var(--cc-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-person-copy em{color:var(--cc-blue);font-style:normal;font-size:10px;font-weight:800}
.cc-relation-map{height:620px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#fff 0 12%,#f7f9fd 44%,#eef3fb 100%);border:1px solid var(--cc-line);border-radius:24px;box-shadow:var(--cc-shadow)}.cc-relation-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cc-rel-edge{stroke:#cad5e7;stroke-width:.28;vector-effect:non-scaling-stroke}.cc-rel-edge.circle-edge{stroke:#9bb4dd;stroke-width:.42}.cc-rel-edge.person-edge.active{stroke:#77a3ea}.cc-rel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;z-index:3}.cc-rel-center .cc-people-avatar{box-shadow:0 0 0 5px #fff,0 0 0 7px #f0b54b,0 12px 28px rgba(15,42,94,.16)}.cc-rel-center strong{font-size:12px;color:var(--cc-navy)}
.cc-rel-node{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;display:grid;justify-items:center;gap:3px;text-align:center;z-index:4;max-width:118px}.cc-rel-node strong{font-size:10px;line-height:1.2;color:var(--cc-navy);max-width:110px;overflow:hidden;text-overflow:ellipsis}.cc-rel-node small{font-size:8px;color:var(--cc-muted)}.cc-rel-node.person-node:hover .cc-people-avatar,.cc-rel-node.circle-node:hover>span{transform:scale(1.06)}.cc-rel-node.person-node em{position:absolute;right:16px;top:-2px;width:18px;height:18px;border-radius:50%;background:#e8f8f1;color:#14734f;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900;border:2px solid #fff}.cc-rel-node.circle-node>span{width:42px;height:42px;border-radius:15px;background:#fff5df;color:#a76a09;border:1px solid #efd8a9;display:grid;place-items:center;box-shadow:0 7px 20px rgba(34,52,86,.08)}.cc-rel-node.circle-node svg{width:21px;height:21px}.cc-rel-node.circle-node strong{color:#8b5b0d}
.cc-person-title{display:flex;align-items:center;gap:14px;margin-top:12px}.cc-person-title h1{margin:0}.cc-person-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:18px}.cc-person-layout aside{display:grid;gap:14px;align-content:start}.cc-trust-list{display:grid;gap:9px;margin-top:10px}.cc-trust-list>div{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--cc-line)}.cc-trust-list>div:last-child{border:0}.cc-trust-list strong{font-size:12px;color:var(--cc-navy)}.cc-trust-list small,.cc-trust-list em{font-size:10px;color:var(--cc-muted);font-style:normal;line-height:1.45}
@media(max-width:900px){.cc-people-list{grid-template-columns:1fr}.cc-person-layout{grid-template-columns:1fr}.cc-relation-map{height:560px}.cc-person-picker{grid-template-columns:1fr}.cc-people-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.cc-bottom-nav{height:72px}.cc-nav-btn{font-size:9px}.cc-nav-btn svg{width:20px;height:20px}.cc-main{padding-bottom:94px}.cc-people-kpis{grid-template-columns:1fr 1fr}.cc-people-kpis>.cc-card:last-child{grid-column:1/-1}.cc-relation-map{height:470px;border-radius:18px}.cc-rel-node{max-width:84px}.cc-rel-node strong{font-size:8px;max-width:78px}.cc-rel-node small{display:none}.cc-rel-node .cc-people-avatar{width:38px;height:38px;flex-basis:38px;font-size:9px}.cc-rel-node.circle-node>span{width:34px;height:34px;border-radius:12px}.cc-rel-center .cc-people-avatar{width:58px;height:58px;flex-basis:58px}.cc-person-title{align-items:flex-start}.cc-person-title .cc-people-avatar{width:58px;height:58px;flex-basis:58px}.cc-page-head:has(.cc-person-title){flex-direction:column}.cc-page-head:has(.cc-person-title) .cc-head-actions{width:100%}.cc-page-head:has(.cc-person-title) .cc-head-actions .cc-btn{flex:1}.cc-audience-banner{align-items:flex-start}.cc-danger-zone{align-items:flex-start;flex-direction:column}.cc-danger-zone .cc-btn{width:100%}.cc-trust-pending-row{align-items:flex-start;flex-direction:column}.cc-trust-pending-row .cc-btn{width:100%}}
.cc-join-request-row{align-items:flex-start}.cc-join-request-row>div:first-child{display:grid;gap:3px;min-width:0;flex:1}.cc-trust-inline{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.cc-trust-inline span{font-size:10px;color:var(--cc-muted);padding:4px 7px;border-radius:999px;background:#f5f7fb;border:1px solid #e6ebf3}.cc-trust-inline b{color:var(--cc-navy)}
@media(max-width:560px){.cc-join-request-row{flex-direction:column}.cc-join-request-row>.cc-actions-row{width:100%;flex-wrap:wrap}.cc-join-request-row>.cc-actions-row .cc-btn{flex:1}}

/* v0.2.9.1 authentication bootstrap & feedback */
.cc-auth-wp-context{display:grid;gap:5px;margin:0 0 16px;padding:13px 14px;border-radius:13px;background:#fff8e8;border:1px solid #efd89b;color:#6b4c0d;font-size:12px;line-height:1.5}.cc-auth-wp-context strong{color:#523800}.cc-auth-wp-context a{color:var(--cc-blue);font-weight:800;text-decoration:underline}.cc-auth-progress{margin:12px 0;padding:11px 13px;border-radius:12px;background:#eef4ff;color:#244f99;font-weight:800}.cc-auth-action{margin-top:0;width:100%}.cc-form-result:empty{display:none}

/* ===== v0.2.9.2 Auth Layout Separation Hotfix ===== */
.cc-auth-panel[hidden],.cc-auth-form[hidden],[data-auth-panel][hidden]{display:none!important}
.cc-auth-card-wide{width:min(470px,100%);padding:30px 32px}
.cc-auth-brand-row{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.cc-auth-brand-row .cc-brand-mark{width:44px;height:44px;flex:0 0 44px}
.cc-auth-brand-row .cc-brand-mark:before{left:-5px;top:15px}.cc-auth-brand-row .cc-brand-mark:after{right:-5px;top:15px}.cc-auth-brand-row .cc-brand-mark span:before{top:-5px;left:15px}.cc-auth-brand-row .cc-brand-mark span:after{bottom:-5px;left:15px}
.cc-auth-brand-row h1{font-size:31px;margin:0 0 2px;line-height:1.05}
.cc-auth-brand-row .cc-auth-subtitle{margin:0;font-size:12px;line-height:1.45}
.cc-auth-panel{animation:cc-auth-in .16s ease-out}
@keyframes cc-auth-in{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
.cc-auth-panel-head{display:grid;gap:4px;margin:2px 0 15px}
.cc-auth-panel-head h2{margin:0;color:var(--cc-navy);font-size:24px;line-height:1.15}
.cc-auth-panel-head p{margin:0;color:var(--cc-muted);font-size:12px;line-height:1.55}
.cc-auth-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--cc-blue)}
.cc-auth-back{justify-self:start;border:0;background:transparent;color:var(--cc-blue);font-weight:800;padding:0 0 7px;font-size:12px}
.cc-auth-form{gap:9px}
.cc-auth-form label{font-size:12px;color:var(--cc-ink)}
.cc-auth-primary{width:100%;margin-top:2px;padding:12px 16px}
.cc-auth-help-row{display:flex;justify-content:center;margin-top:0}
.cc-auth-help-row .cc-auth-link{font-size:12px;text-align:center}
.cc-auth-divider{display:flex;align-items:center;gap:10px;color:#9aa6bc;font-size:10px;margin:1px 0}
.cc-auth-divider:before,.cc-auth-divider:after{content:"";height:1px;background:var(--cc-line);flex:1}
.cc-auth-switch-copy{text-align:center;color:var(--cc-muted);font-size:11px;margin-top:-1px}
.cc-auth-wp-context-compact{grid-template-columns:24px 1fr;align-items:start;gap:9px;margin:0 0 17px;padding:10px 11px;background:#fffaf0;font-size:10px;line-height:1.45}
.cc-auth-wp-context-compact strong{display:block;margin-bottom:2px;font-size:11px}
.cc-auth-wp-context-compact span{display:block}
.cc-auth-wp-icon{width:22px;height:22px;border-radius:50%;display:grid!important;place-items:center;background:#fff0c8;color:#85580a;font-weight:900;font-family:Georgia,serif}
.cc-auth-wp-context code{font-size:9px;background:rgba(255,255,255,.7);padding:1px 3px;border-radius:4px}
.cc-auth-foot{text-align:center;border-top:1px solid var(--cc-line);padding-top:14px;margin-top:18px;font-size:10px}
.cc-auth-form .cc-form-note{font-size:10px;line-height:1.45;padding:9px 10px;border-radius:9px;background:#f6f8fc;border:1px solid var(--cc-line);color:var(--cc-muted)}
.cc-auth-form .cc-form-result{margin-top:2px}
.cc-auth-form .cc-alert{font-size:11px;line-height:1.5;margin:3px 0}
.cc-auth-progress{font-size:11px;margin:3px 0}
@media(max-width:520px){.cc-auth-card-wide{padding:23px 19px}.cc-auth-brand-row{margin-bottom:18px}.cc-auth-brand-row h1{font-size:28px}.cc-auth-page{align-items:start;padding-top:max(16px,env(safe-area-inset-top))}}


/* v0.2.9.8 — incremental live conversation sync */
.cc-live-new{position:fixed;right:22px;bottom:92px;z-index:9998;border:0;border-radius:999px;padding:10px 14px;background:#102a56;color:#fff;font:600 13px/1.2 inherit;box-shadow:0 8px 28px rgba(15,36,75,.22);cursor:pointer}
.cc-live-new:hover{transform:translateY(-1px)}
@media (max-width:700px){.cc-live-new{right:14px;bottom:82px}}

/* v0.2.9.9 conversation transport health */
.cc-live-status{font-weight:700}
.cc-live-status.live{background:#eaf8ef;color:#176b3a;border-color:#bfe7cd}
.cc-live-status.fallback{background:#fff7e6;color:#8a5a00;border-color:#f0d59a}
.cc-live-status.connecting{background:#eef3ff;color:#315ea8;border-color:#cfdbf3}
.cc-live-status.offline{background:#fff0f0;color:#a43838;border-color:#efcaca}


/* v0.2.9.10 interactive Circle activity notifications */
.cc-room-activity-pill,.cc-room-activity-badge,.cc-room-popup.message-link{font:inherit;appearance:none;-webkit-appearance:none;cursor:pointer}
.cc-room-activity-pill{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;min-width:max-content}
.cc-room-activity-pill:hover,.cc-room-activity-pill:focus-visible,.cc-room-activity-pill.active{border-color:#b9cae8;background:#f5f8ff;box-shadow:0 0 0 2px rgba(49,95,157,.08);outline:none}
.cc-room-activity-pill.active em{color:var(--cc-navy)}
.cc-room-activity-badge{border:0;line-height:1}
.cc-room-activity-badge:hover,.cc-room-activity-badge:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(101,64,205,.22);outline:none}
.cc-orbit-member.selected .cc-room-avatar{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(49,95,157,.22),0 8px 18px rgba(24,55,104,.14)}
.cc-room-popup.message-link{display:block;border:1px solid #d8e1ef;white-space:normal}
.cc-room-popup.message-link span{display:block;margin-top:4px;color:var(--cc-blue);font-size:8px;font-weight:900;text-align:right}
.cc-room-popup.message-link:hover,.cc-room-popup.message-link:focus-visible{border-color:#aebfdd;box-shadow:0 10px 24px rgba(20,42,81,.16);outline:none}
.cc-message.cc-message-focus .cc-message-bubble{box-shadow:0 0 0 2px rgba(49,95,157,.26),0 10px 26px rgba(24,55,104,.14)}
@media(prefers-reduced-motion:reduce){.cc-room-activity-pill{transition:none}.cc-message.cc-message-focus .cc-message-bubble{scroll-behavior:auto}}


/* v0.2.9.11 — multi-participant color identity */
/* Active only when a conversation/Circle has more than two participants. The
   hue is derived from the stable CC user_id so the same member keeps the same
   visual identity across Conversation and Circle View without storing color
   preferences in the database. */
.cc-message.member-colored .cc-message-avatar{
  background:hsl(var(--cc-member-h),62%,92%);
  color:hsl(var(--cc-member-h),58%,30%);
}
.cc-message.member-colored .cc-message-meta strong{color:hsl(var(--cc-member-h),58%,31%)}
.cc-message.member-colored .cc-message-bubble{border-top-color:hsl(var(--cc-member-h),52%,72%)}
.cc-message.member-colored:not(.request):not(.fyi):not(.choice) .cc-message-bubble{
  background:hsl(var(--cc-member-h),62%,97%);
  border-color:hsl(var(--cc-member-h),43%,84%);
  border-top-color:hsl(var(--cc-member-h),58%,66%);
}
.cc-message.member-colored.own:not(.request):not(.fyi):not(.choice) .cc-message-bubble{
  background:hsl(var(--cc-member-h),65%,95%);
}
.cc-room-center.member-colored .cc-room-avatar,
.cc-orbit-member.member-colored .cc-room-avatar,
.cc-room-activity-pill.member-colored .cc-room-avatar{
  background:linear-gradient(135deg,hsl(var(--cc-member-h),65%,91%),hsl(var(--cc-member-h),55%,97%));
  color:hsl(var(--cc-member-h),58%,29%);
}
.cc-room-center.member-colored>strong,
.cc-orbit-member.member-colored>strong,
.cc-room-activity-pill.member-colored strong{color:hsl(var(--cc-member-h),56%,31%)}
.cc-orbit-member.member-colored .cc-room-activity-badge{
  background:hsl(var(--cc-member-h),70%,94%);
  color:hsl(var(--cc-member-h),58%,34%);
}
.cc-room-activity-pill.member-colored{
  background:hsl(var(--cc-member-h),55%,98%);
  border-color:hsl(var(--cc-member-h),38%,88%);
}
.cc-room-activity-pill.member-colored em{color:hsl(var(--cc-member-h),56%,34%)}
.cc-orbit-member.member-colored .cc-room-popup.message-link{
  border-top-color:hsl(var(--cc-member-h),50%,72%);
}
@media (prefers-contrast:more){
  .cc-message.member-colored .cc-message-bubble{border-top-width:2px}
  .cc-message.member-colored .cc-message-meta strong,
  .cc-room-center.member-colored>strong,
  .cc-orbit-member.member-colored>strong,
  .cc-room-activity-pill.member-colored strong{color:hsl(var(--cc-member-h),62%,24%)}
}

/* v0.2.9.12 — smart Circle View popup placement / anti-clipping */
.cc-room-popup{
  left:50%;
  transform:translateX(calc(-50% + var(--cc-room-popup-shift-x,0px)));
  max-height:var(--cc-room-popup-max-h,220px);
  overflow:auto;
  overflow-wrap:anywhere;
  visibility:hidden;
  overscroll-behavior:contain;
}
.cc-room-popup.is-positioned{visibility:visible}
.cc-room-popup:after{
  left:var(--cc-room-popup-arrow-x,50%);
  transform:translateX(-50%) rotate(45deg);
}
.cc-room-popup.place-bottom{
  bottom:auto;
  top:calc(100% + 9px);
}
.cc-room-popup.place-bottom:after{
  top:-6px;
  bottom:auto;
  border-right:0;
  border-bottom:0;
  border-left:1px solid #d8e1ef;
  border-top:1px solid #d8e1ef;
}
.cc-orbit-member.primary-speaker{z-index:18}
@media(max-width:759px){
  .cc-room-popup{max-width:min(165px,calc(100vw - 28px))}
}
@media(max-width:430px){
  .cc-room-popup{max-width:min(150px,calc(100vw - 24px))}
}



/* ===== v0.2.9.15 Contextual Relationship Map + Compact Accordion UI ===== */
/* Information hierarchy: headers orient; content owns the screen. */
.cc-page-head{margin-bottom:12px;gap:12px;padding:2px 0;min-height:0}
.cc-page-head h1{font-size:clamp(22px,3vw,30px);line-height:1.08}
.cc-page-head p{font-size:12px;line-height:1.35;max-width:760px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-circle-head{margin-bottom:10px}
.cc-circle-head .cc-card-meta{margin-top:5px;gap:5px}
.cc-circle-head .cc-chip{padding:3px 7px;font-size:10px}
.cc-head-actions{position:relative;align-items:center}
.cc-head-more{position:relative}
.cc-head-more>summary{list-style:none;display:flex;align-items:center;gap:6px;user-select:none}
.cc-head-more>summary::-webkit-details-marker{display:none}
.cc-head-more>summary span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#eef2f8;font-size:10px;color:#53627f}
.cc-head-more-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:45;width:min(310px,82vw);display:grid;gap:6px;padding:9px;background:#fff;border:1px solid var(--cc-line);border-radius:14px;box-shadow:0 16px 38px rgba(18,32,59,.16)}
.cc-head-more-panel>.cc-btn,.cc-head-more-panel>button{width:100%;text-align:left;justify-content:flex-start;box-shadow:none!important}

/* Native details keeps the UI accessible and avoids JS-only hidden panels. */
.cc-accordion-card{padding:0!important;overflow:visible;min-height:0;align-self:start}
.cc-accordion-card>summary{list-style:none;cursor:pointer;min-height:54px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:inherit;background:#fff}
.cc-accordion-card>summary::-webkit-details-marker{display:none}
.cc-accordion-card[open]>summary{border-bottom:1px solid var(--cc-line);border-radius:var(--cc-radius) var(--cc-radius) 0 0;background:#fbfcfe}
.cc-accordion-copy{display:grid;gap:1px;min-width:0;flex:1}
.cc-accordion-copy>.cc-eyebrow{margin:0;font-size:8px}
.cc-accordion-copy>strong{font-size:13px;line-height:1.25;color:var(--cc-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-accordion-copy>small{font-size:10px;line-height:1.25;color:var(--cc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}
.cc-accordion-summary-right{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.cc-accordion-summary-right>.cc-chip{font-size:9px;padding:3px 6px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-accordion-chevron{font-size:15px;line-height:1;color:#71809a;transition:transform .16s ease}
.cc-accordion-card[open]>.cc-accordion-summary .cc-accordion-chevron,.cc-rel-context[open] .cc-accordion-chevron{transform:rotate(180deg)}
.cc-accordion-body{padding:11px 12px 13px}
.cc-accordion-original-head{margin:0 0 8px;justify-content:flex-end}
.cc-accordion-original-head h3,.cc-accordion-original-head .cc-eyebrow{display:none}
.cc-accordion-original-head:has(>div:only-child){display:none}
.cc-accordion-body>.cc-contract-purpose:first-of-type{margin-top:0}
.cc-circle-insights,.cc-room-insights,.cc-person-layout aside{gap:8px!important}

/* Large information cards are collapsed by default; primary work area remains dominant. */
.cc-circle-workspace{align-items:start}
.cc-topic-header{padding:12px 14px}
.cc-topic-header .cc-current-summary{margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-room-head{margin-bottom:9px}
.cc-room-summary{margin-bottom:10px}

/* People summary becomes a compact status strip instead of three dominant cards. */
.cc-people-kpis{gap:7px;margin-bottom:10px}
.cc-people-kpis>.cc-card{padding:8px 10px;border-radius:12px;box-shadow:none;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;min-height:50px}
.cc-people-kpis small{font-size:9px;grid-column:1/-1}
.cc-people-kpis strong{font-size:19px;margin:0;line-height:1}
.cc-people-kpis span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-people-tabs{margin-bottom:10px;padding:3px}
.cc-people-tabs button{padding:7px 11px;font-size:11px}

/* Peta Relasi v2: context-first, not a decorative radial graph. */
.cc-relation-context-map{display:grid;gap:10px}
.cc-rel-map-principle{display:grid;grid-template-columns:auto minmax(230px,1fr);grid-template-areas:"me formula" "me note";align-items:center;gap:3px 14px;padding:11px 13px;background:#fff;border:1px solid var(--cc-line);border-radius:15px;box-shadow:0 6px 18px rgba(18,32,59,.05)}
.cc-rel-me-compact{grid-area:me;display:flex;align-items:center;gap:8px;min-width:135px}
.cc-rel-me-compact .cc-people-avatar{width:36px;height:36px;flex-basis:36px;font-size:10px}
.cc-rel-me-compact>span{display:grid;gap:0}.cc-rel-me-compact strong{font-size:12px;color:var(--cc-navy)}.cc-rel-me-compact small{font-size:9px;color:var(--cc-muted)}
.cc-rel-formula{grid-area:formula;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;font-weight:800;color:#456080}
.cc-rel-formula span{padding:4px 7px;border-radius:999px;background:#eef4ff;color:#265cae}.cc-rel-formula b{color:#9aa7ba}
.cc-rel-map-principle p{grid-area:note;margin:0;color:var(--cc-muted);font-size:10px;line-height:1.35}
.cc-rel-context-list{display:grid;gap:7px}
.cc-rel-context{background:#fff;border:1px solid var(--cc-line);border-radius:14px;overflow:hidden}
.cc-rel-context>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;cursor:pointer;min-height:54px}
.cc-rel-context>summary::-webkit-details-marker{display:none}
.cc-rel-context[open]>summary{background:#fbfcff;border-bottom:1px solid var(--cc-line)}
.cc-rel-context-circle{display:flex;align-items:center;gap:9px;min-width:0}.cc-rel-context-circle>svg{width:25px;height:25px;padding:5px;border-radius:9px;background:#fff5df;color:#a76a09;flex:0 0 25px}.cc-rel-context-circle>span{display:grid;min-width:0}.cc-rel-context-circle strong{font-size:12px;color:var(--cc-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-rel-context-circle small{font-size:9px;color:var(--cc-muted)}
.cc-rel-context-meta{display:flex;align-items:center;gap:7px;flex:0 0 auto}.cc-rel-context-meta b{font-size:10px;color:#58677f}.cc-rel-context-meta .cc-chip{font-size:9px;padding:3px 6px}
.cc-rel-context-body{padding:9px 10px 11px;background:#f9fbfe}
.cc-rel-path{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:8px;font-size:9px;color:#66758d}.cc-rel-path span{padding:3px 6px;border-radius:7px;background:#fff;border:1px solid #e5eaf2}.cc-rel-path b{color:#9aa7ba}
.cc-rel-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.cc-rel-person{border:1px solid #e3e9f2;background:#fff;border-radius:11px;padding:7px 8px;display:flex;align-items:center;gap:8px;text-align:left;color:inherit;min-width:0}
.cc-rel-person:hover{border-color:#b9ccec;background:#fafdff}
.cc-rel-person .cc-people-avatar{width:34px;height:34px;flex-basis:34px;font-size:9px}
.cc-rel-person>span:nth-child(2){display:grid;gap:1px;min-width:0;flex:1}.cc-rel-person strong{font-size:11px;color:var(--cc-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-rel-person small,.cc-rel-person em{font-size:8px;color:var(--cc-muted);font-style:normal}.cc-rel-person em{color:#227051;font-weight:800}

@media(max-width:700px){
 .cc-page-head{flex-direction:column;gap:8px}.cc-page-head p{-webkit-line-clamp:1}.cc-head-actions{width:100%;flex-wrap:nowrap}.cc-head-actions>.cc-btn-primary{flex:1}.cc-head-more{flex:1}.cc-head-more>summary{justify-content:center}.cc-head-more-panel{position:fixed;left:12px;right:12px;top:auto;bottom:86px;width:auto;max-height:52vh;overflow:auto}
 .cc-accordion-card>summary{min-height:50px;padding:9px 10px}.cc-accordion-copy>small{max-width:68vw}
 .cc-people-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-people-kpis>.cc-card{grid-template-columns:1fr;text-align:center;padding:7px 5px}.cc-people-kpis span{display:none}.cc-people-kpis small{font-size:8px}.cc-people-kpis strong{font-size:18px}
 .cc-rel-map-principle{grid-template-columns:1fr;grid-template-areas:"me" "formula" "note"}.cc-rel-me-compact{min-width:0}.cc-rel-formula{font-size:9px}.cc-rel-people{grid-template-columns:1fr}.cc-rel-context-meta .cc-chip{display:none}.cc-rel-context-meta b{font-size:9px}
}

/* ===== v0.2.9.16 Room/Circle Side Menu Architecture ===== */
.cc-context-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;max-width:none!important;position:relative}
.cc-context-primary{min-width:0;max-width:none}.cc-context-primary>.cc-room-stage,.cc-context-primary>.cc-context-conversation-main,.cc-context-primary>.cc-context-circle-main{width:100%;max-width:none}
.cc-context-side{min-width:0;background:#fff;border:1px solid var(--cc-line);border-radius:18px;box-shadow:0 10px 30px rgba(16,32,68,.07);overflow:hidden}
.cc-context-side-inner{display:grid;gap:0;min-width:0}
.cc-context-side-head{display:block!important;margin:0!important;padding:12px!important;border-bottom:1px solid var(--cc-line);background:linear-gradient(180deg,#fbfcff,#f7f9fd)}
.cc-context-side-head>div:first-child{min-width:0}.cc-context-side-head h1{font-size:17px!important;line-height:1.15;margin:6px 0 4px!important;overflow:hidden;text-overflow:ellipsis}.cc-context-side-head p{font-size:10px!important;line-height:1.3!important;margin:0!important;-webkit-line-clamp:3!important}.cc-context-side-head .cc-card-meta{gap:4px;margin-top:7px}.cc-context-side-head .cc-chip{font-size:9px;padding:3px 6px}.cc-context-side-head .cc-actions-row{gap:4px}.cc-context-side-head .cc-head-actions{width:100%;display:grid!important;grid-template-columns:1fr;gap:5px;margin-top:8px}.cc-context-side-head .cc-head-actions .cc-btn,.cc-context-side-head>.cc-btn{width:100%;min-width:0;padding:7px 8px;font-size:10px;justify-content:center}.cc-context-side-head .cc-room-layout-toggle{display:none!important}.cc-context-side-head [data-room-overview-2]{display:none!important}.cc-context-side-head .cc-head-more{width:100%}.cc-context-side-head .cc-head-more>summary{width:100%;padding:7px 8px;font-size:10px;justify-content:center}.cc-context-side-head .cc-head-more-panel{position:static;width:100%;box-shadow:none;border:0;padding:4px 0 0;background:transparent}.cc-context-side-head .cc-head-more-panel .cc-btn{width:100%}
.cc-context-menu-group{border-bottom:1px solid var(--cc-line);background:#fff}.cc-context-menu-group:last-child{border-bottom:0}.cc-context-menu-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;color:var(--cc-navy);font-size:10px;font-weight:850;cursor:pointer;user-select:none}.cc-context-menu-group>summary::-webkit-details-marker{display:none}.cc-context-menu-group[open]>summary{background:#f7f9fd;color:var(--cc-blue)}.cc-context-chevron{font-size:13px;transition:transform .18s ease}.cc-context-menu-group[open] .cc-context-chevron{transform:rotate(180deg)}.cc-context-menu-body{padding:7px 9px 10px;min-width:0}.cc-context-menu-body>.cc-section{margin:0}.cc-context-menu-body .cc-section-title{margin-bottom:6px}.cc-context-menu-body .cc-section-title h2,.cc-context-menu-body .cc-section-title h3,.cc-context-menu-body h3{font-size:12px!important}.cc-context-menu-body .cc-card,.cc-context-menu-body .cc-state-card,.cc-context-menu-body .cc-contract-card,.cc-context-menu-body .cc-insight-card{box-shadow:none;border-radius:10px;padding:9px!important}.cc-context-menu-body .cc-state-row{padding:6px 0;gap:7px;font-size:9px}.cc-context-menu-body .cc-policy-list>div{padding:6px 0;font-size:9px}.cc-context-menu-body .cc-policy-list strong{font-size:9px}.cc-context-menu-body .cc-subtle,.cc-context-menu-body small,.cc-context-menu-body p{font-size:9px!important;line-height:1.35}.cc-context-menu-body .cc-room-summary{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.cc-context-menu-body .cc-room-summary>button{padding:7px!important;min-width:0}.cc-context-menu-body .cc-room-summary strong{font-size:9px}.cc-context-menu-body .cc-room-summary small{font-size:8px!important}.cc-context-menu-body .cc-response-kpis,.cc-context-menu-body .cc-governance-summary,.cc-context-menu-body .cc-continuity-grid,.cc-context-menu-body .cc-kpi-row{grid-template-columns:1fr 1fr!important;gap:5px}.cc-context-menu-body .cc-kpi,.cc-context-menu-body .cc-response-kpis>div{padding:7px}.cc-context-menu-body .cc-kpi strong,.cc-context-menu-body .cc-response-kpis strong{font-size:14px}.cc-context-menu-body .cc-catchup-grid{gap:5px}.cc-context-menu-body .cc-catchup-item{font-size:9px}.cc-context-menu-body .cc-values{gap:4px}.cc-context-menu-body .cc-values span{font-size:8px;padding:3px 5px}.cc-context-menu-body .cc-audience-banner{padding:8px;gap:6px}.cc-context-menu-body .cc-topic-header{margin:0}.cc-context-menu-body .cc-topic-header h3{margin-top:7px!important}.cc-context-menu-body .cc-current-summary{font-size:9px}.cc-context-menu-body .cc-state-principle{font-size:8px}.cc-context-menu-body .cc-expectation{padding:8px}.cc-context-menu-body .cc-expectation-actions{display:grid;grid-template-columns:1fr;gap:4px}.cc-context-menu-body .cc-expectation-actions .cc-btn{width:100%;font-size:9px;padding:6px}
.cc-context-drawer-close{display:none;border:0;background:#eef3ff;color:var(--cc-navy2);width:32px;height:32px;border-radius:10px;place-items:center;position:absolute;right:10px;top:10px;z-index:2}.cc-context-drawer-close svg{width:17px;height:17px}
.cc-context-mode-dock{position:fixed;right:18px;bottom:20px;z-index:74;display:flex;flex-direction:column;gap:7px;padding:6px;border:1px solid rgba(176,190,214,.75);border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 12px 34px rgba(7,28,66,.2)}.cc-context-mode-btn{width:42px;height:42px;border:0;border-radius:13px;display:grid;place-items:center;background:transparent;color:#6d7890;transition:.16s ease}.cc-context-mode-btn svg{width:20px;height:20px}.cc-context-mode-btn:hover{background:#eef3ff;color:var(--cc-blue)}.cc-context-mode-btn.active{background:linear-gradient(135deg,var(--cc-blue),var(--cc-navy2));color:#fff;box-shadow:0 6px 16px rgba(28,91,199,.24)}
.cc-context-backdrop{display:none}.cc-context-conversation-main{min-height:calc(100vh - 120px)}.cc-context-conversation-main>.cc-chat{margin-top:0}.cc-context-conversation-main>.cc-history-gate{margin-top:0}.cc-context-circle-main>.cc-section:first-child{margin-top:0}.cc-context-primary .cc-room-stage{overflow:visible}.cc-context-primary .cc-room-orbit{overflow:visible}

@media(min-width:1050px){
 .cc-main>.cc-context-shell{max-width:none!important;margin-left:0;margin-right:0}.cc-context-shell{grid-template-columns:minmax(0,1fr) min(15vw,220px);gap:14px}.cc-context-side{grid-column:2;grid-row:1;position:sticky;top:84px;width:min(15vw,220px);max-width:15vw;max-height:calc(100vh - 100px);overflow:auto}.cc-context-primary{grid-column:1;grid-row:1}.cc-context-mode-dock{right:22px;bottom:24px}.cc-context-side .cc-head-more-panel{max-height:34vh;overflow:auto}.cc-context-primary .cc-room-stage{padding:12px 14px}
}
@media(min-width:760px) and (max-width:1049px){
 .cc-context-shell{display:block}.cc-context-side{position:fixed;right:12px;top:84px;bottom:18px;width:min(46vw,340px);max-width:340px;z-index:82;overflow:auto;transform:translateX(calc(100% + 28px));transition:transform .2s ease}.cc-context-side.is-open{transform:none}.cc-context-drawer-close{display:grid}.cc-context-side-head{padding-top:50px!important}.cc-context-backdrop{display:block;position:fixed;inset:72px 0 0;border:0;background:rgba(4,14,35,.35);z-index:80;opacity:0;pointer-events:none;transition:opacity .2s}.cc-context-backdrop.is-open{opacity:1;pointer-events:auto}.cc-context-mode-dock{right:18px;bottom:24px}
}
@media(max-width:759px){
 .cc-context-shell{display:block}.cc-context-primary{width:100%}.cc-context-side{position:fixed;right:8px;left:auto;top:78px;bottom:84px;width:min(86vw,330px);max-width:330px;z-index:82;overflow:auto;border-radius:18px;transform:translateX(calc(100% + 18px));transition:transform .2s ease}.cc-context-side.is-open{transform:none}.cc-context-drawer-close{display:grid}.cc-context-side-head{padding:48px 10px 10px!important}.cc-context-backdrop{display:block;position:fixed;inset:72px 0 72px;border:0;background:rgba(4,14,35,.38);z-index:80;opacity:0;pointer-events:none;transition:opacity .2s}.cc-context-backdrop.is-open{opacity:1;pointer-events:auto}.cc-context-mode-dock{right:10px;bottom:82px;padding:5px;gap:5px;border-radius:16px}.cc-context-mode-btn{width:39px;height:39px;border-radius:12px}.cc-context-mode-btn svg{width:19px;height:19px}.cc-context-conversation-main{min-height:calc(100vh - 150px)}.cc-context-primary .cc-room-stage{padding:8px}.cc-context-primary .cc-room-orbit{height:500px;min-height:500px}.cc-context-primary>.cc-context-conversation-main>.cc-composer{z-index:42}.cc-context-backdrop.is-open{touch-action:none;overscroll-behavior:contain}.cc-context-side{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}


/* ===== v0.2.9.17 Scroll Restoration Hotfix ===== */
body.cc-context-drawer-open,html.cc-context-drawer-open{overflow-y:auto!important;overflow-x:hidden!important}
.cc-context-primary{min-height:0}
@media(max-width:1049px){.cc-context-shell,.cc-context-primary{overflow:visible}.cc-context-side{overflow-y:auto;overflow-x:hidden}.cc-context-backdrop.is-open{touch-action:none}}

/* v0.2.9.18 — canonical Room/Circle context details */
.cc-context-detail{display:grid;gap:8px;min-width:0}
.cc-context-detail-title{display:grid;gap:2px}.cc-context-detail-title>strong{font-size:11px;line-height:1.25;color:var(--cc-navy);overflow-wrap:anywhere}
.cc-context-purpose{margin:0!important;color:#4e5c75;font-size:9px!important;line-height:1.4!important}
.cc-context-facts{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #e7ecf5;border-radius:9px;overflow:hidden;background:#fbfcff}
.cc-context-facts>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px;align-items:start;padding:6px 7px;border-bottom:1px solid #edf1f7;min-width:0}
.cc-context-facts>div:last-child{border-bottom:0}.cc-context-facts span{font-size:8px;color:#7a8498;line-height:1.25}.cc-context-facts strong{font-size:8.5px;color:#1d2a44;line-height:1.3;text-align:right;overflow-wrap:anywhere}
.cc-context-values{display:grid;gap:5px}.cc-context-values>small{font-size:8px!important;color:#7a8498}
.cc-context-current{padding:7px;border:1px solid #e7ecf5;border-radius:9px;background:#fbfcff}.cc-context-current small{display:block;margin-bottom:4px;color:#7a8498}.cc-context-current p{margin:0!important;color:#25334f!important}
.cc-context-inline-actions{display:flex;flex-wrap:wrap;gap:5px;padding-top:2px}.cc-context-inline-actions .cc-link-btn{font-size:8.5px!important;padding:4px 0!important}
.cc-context-member-list{display:grid;gap:4px}.cc-context-member-list>div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;align-items:center;padding:5px 0;border-bottom:1px solid #edf1f7}.cc-context-member-list>div:last-child{border-bottom:0}.cc-context-member-list .cc-room-avatar{width:25px;height:25px;font-size:8px}.cc-context-member-list span{min-width:0}.cc-context-member-list strong{display:block;font-size:8.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-context-member-list small{display:block!important;font-size:7.5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-context-memory-preview{display:grid;gap:5px}.cc-context-memory-preview>div{display:grid;gap:3px;padding:6px;border:1px solid #edf1f7;border-radius:8px;background:#fff}.cc-context-memory-preview strong{font-size:8.5px;line-height:1.25}.cc-context-memory-preview small{font-size:7.5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-context-memory-preview .cc-chip{justify-self:start;font-size:7px!important;padding:2px 4px!important}
.cc-context-side .cc-context-menu-group>summary{min-height:34px}.cc-context-side .cc-context-menu-body{padding-top:6px}


/* ===== v0.2.9.21 Unified Bubble UX + Avatar + Smart Links ===== */
:root{--cc-chat-font-scale:1}
.cc-avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;color:inherit;background:linear-gradient(135deg,#e6edfa,#f4f6fa)}
.cc-avatar-placeholder svg{width:52%;height:52%}
.cc-avatar img,.cc-message-avatar img,.cc-room-avatar img,.cc-people-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* Every member is represented by profile photo/avatar, including own messages. */
.cc-message{position:relative;align-items:flex-start}
.cc-message-avatar{overflow:hidden;border:2px solid #fff;box-shadow:0 2px 9px rgba(18,32,59,.10)}
.cc-message-avatar .cc-avatar-placeholder{background:#e8edf6;color:#61708b}
.cc-message.own .cc-message-avatar{display:grid;order:2}
.cc-message.own .cc-message-bubble{order:1}

/* Bubble reserves fixed corners: author top-left, menu top-right, time bottom-right. */
.cc-message-bubble{position:relative;padding:11px 36px 24px 14px;overflow:visible}
.cc-message-meta{margin:0 0 7px;min-height:22px;display:flex;align-items:center;padding-right:2px}
.cc-message-author{display:inline-flex!important;align-items:center;max-width:min(280px,70vw);padding:3px 8px;border-radius:999px;background:var(--cc-navy)!important;color:#fff!important;font-size:calc(10.5px * var(--cc-chat-font-scale))!important;font-weight:800!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.cc-message.member-colored .cc-message-author{background:hsl(var(--cc-member-h),58%,30%)!important;color:#fff!important}
.cc-message-body{font-size:calc(14.5px * var(--cc-chat-font-scale));line-height:1.48;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.cc-message-kind{font-size:calc(9px * var(--cc-chat-font-scale))}
.cc-message-time-row{position:absolute;right:10px;bottom:6px;display:inline-flex;align-items:center;gap:5px;color:#7b879c;font-size:calc(9px * var(--cc-chat-font-scale));line-height:1;white-space:nowrap}
.cc-message-time-row span{opacity:.8}
.cc-message-time-row time{font:inherit;color:inherit}

/* Three vertical dots replace the permanent horizontal action rail. */
.cc-message-more{position:absolute;right:6px;top:5px;z-index:24}
.cc-message-more>summary{list-style:none;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#60708d;font-size:21px;font-weight:800;line-height:1;cursor:pointer;user-select:none}
.cc-message-more>summary::-webkit-details-marker{display:none}
.cc-message-more>summary:hover,.cc-message-more>summary:focus-visible,.cc-message-more[open]>summary{background:rgba(15,35,70,.08);color:var(--cc-navy);outline:none}
.cc-message-menu{position:absolute;right:0;top:31px;z-index:70;min-width:168px;padding:5px;background:#fff;border:1px solid var(--cc-line);border-radius:11px;box-shadow:0 12px 30px rgba(18,32,59,.18);display:grid;gap:1px}
.cc-message-menu button{border:0;background:transparent;color:#27344f;padding:8px 10px;border-radius:8px;text-align:left;font-size:12px;font-weight:700;white-space:nowrap}
.cc-message-menu button:hover,.cc-message-menu button:focus-visible{background:#f1f5fb;color:var(--cc-blue);outline:none}
.cc-message-menu .cc-report-action{color:#b4233d}
.cc-message-actions{display:none!important}

/* Clickable URL rendering is safe: message text stays escaped, links only wrap detected URLs. */
.cc-smart-link{color:#155cc1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:650;overflow-wrap:anywhere;word-break:break-word}
.cc-smart-link:hover,.cc-smart-link:focus{color:#0a438f;text-decoration-thickness:2px}
.cc-message.own .cc-smart-link{color:#0a4ca8}

/* User settings / avatar update. */
.cc-profile-avatar{width:82px!important;height:82px!important;overflow:hidden}
.cc-profile-actions{justify-content:center;margin:8px 0 16px}
.cc-avatar-upload-preview{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--cc-line);border-radius:14px;background:#f8faff}
.cc-avatar-upload-preview .cc-profile-avatar{flex:0 0 72px;width:72px!important;height:72px!important;margin:0!important}
.cc-avatar-upload-preview>div:last-child{display:grid;gap:4px;text-align:left}
.cc-avatar-upload-preview strong{font-size:13px;color:var(--cc-navy)}
.cc-avatar-upload-preview small{font-size:10px;color:var(--cc-muted);line-height:1.45}
.cc-display-settings{display:grid;gap:10px;text-align:left;padding:2px 0}
.cc-display-settings>div:first-child{display:grid;gap:3px}
.cc-display-settings strong{font-size:13px;color:var(--cc-navy)}
.cc-display-settings small{font-size:10px;color:var(--cc-muted);line-height:1.45}
.cc-font-scale-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cc-font-scale-options button{border:1px solid var(--cc-line);background:#fff;color:#53627f;border-radius:9px;padding:8px 6px;font-size:10px;font-weight:800}
.cc-font-scale-options button.active{background:#eaf2ff;border-color:#aac5f1;color:#164eaa;box-shadow:inset 0 0 0 1px #aac5f1}

@media(max-width:560px){
  .cc-message-bubble{max-width:calc(100% - 50px);padding-right:34px}
  .cc-message-avatar{width:34px;height:34px;flex-basis:34px}
  .cc-message-author{max-width:58vw}
  .cc-message-menu{min-width:156px;max-width:calc(100vw - 34px)}
  .cc-message-menu button{min-height:37px}
  .cc-font-scale-options{grid-template-columns:1fr 1fr}
}


/* ===== v0.2.9.23 Compact Integrated Header Box Bubble =====
   Refinement:
   - lower/denser box height;
   - no visible outline/border;
   - thin soft-grey shadow;
   - corner radius reduced by ~50%;
   - author name uses regular weight, not bold.
*/
:root{
  --cc-bubble-head:#4d5e67;
  --cc-bubble-border:#4d5e67;
  --cc-bubble-radius:10px;
}

.cc-message{
  align-items:flex-start;
  gap:8px;
}
.cc-message-bubble,
.cc-message.own .cc-message-bubble,
.cc-message.request .cc-message-bubble,
.cc-message.fyi .cc-message-bubble,
.cc-message.choice .cc-message-bubble,
.cc-message.member-colored:not(.request):not(.fyi):not(.choice) .cc-message-bubble,
.cc-message.member-colored.own:not(.request):not(.fyi):not(.choice) .cc-message-bubble{
  position:relative;
  overflow:visible;
  padding:0 0 17px 0;
  background:#fff;
  border:0!important;
  outline:0!important;
  border-radius:var(--cc-bubble-radius);
  box-shadow:0 2px 8px rgba(71,85,105,.14);
}

/* Compact full-width header. */
.cc-message-meta{
  min-height:28px;
  display:flex;
  align-items:center;
  margin:0;
  padding:5px 34px 5px 12px;
  border-radius:var(--cc-bubble-radius) var(--cc-bubble-radius) 0 0;
  background:var(--cc-bubble-head);
  color:#fff;
}
.cc-message-author,
.cc-message.member-colored .cc-message-author,
.cc-message.member-colored .cc-message-meta strong{
  display:block!important;
  max-width:min(340px,68vw);
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:calc(11px * var(--cc-chat-font-scale))!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:.005em;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Member identity remains visible via header shade only. */
.cc-message.member-colored{
  --cc-bubble-border:hsl(var(--cc-member-h),34%,38%);
  --cc-bubble-head:hsl(var(--cc-member-h),34%,38%);
}

.cc-message-body{
  display:block;
  margin:0;
  padding:8px 12px 4px;
  color:var(--cc-ink);
  background:#fff;
  font-size:calc(15px * var(--cc-chat-font-scale));
  line-height:1.35;
  white-space:pre-wrap;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.cc-message-bubble>.cc-message-kind{
  margin:7px 11px 0;
}
.cc-message-bubble>.cc-choice-block,
.cc-message-bubble>.cc-card-meta{
  margin-left:11px;
  margin-right:11px;
}

.cc-message.request .cc-message-bubble,
.cc-message.fyi .cc-message-bubble,
.cc-message.choice .cc-message-bubble{
  border-left-width:0!important;
}

/* ⋮ stays inside the compact header. */
.cc-message-more{
  position:absolute;
  right:4px;
  top:1px;
  z-index:24;
}
.cc-message-more>summary{
  width:26px;
  height:26px;
  color:#fff;
  opacity:.9;
  font-size:20px;
}
.cc-message-more>summary:hover,
.cc-message-more>summary:focus-visible,
.cc-message-more[open]>summary{
  color:#fff;
  background:rgba(255,255,255,.13);
}
.cc-message-menu{
  right:0;
  top:28px;
}

.cc-message-time-row{
  position:absolute;
  right:9px;
  bottom:5px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  color:#758195;
  font-size:calc(8.5px * var(--cc-chat-font-scale));
  line-height:1;
  white-space:nowrap;
}

.cc-message .cc-smart-link,
.cc-message.own .cc-smart-link{
  color:#155cc1;
}

/* Focus remains shadow-only; no outline ring. */
.cc-message.cc-message-focus .cc-message-bubble{
  outline:0!important;
  border:0!important;
  box-shadow:0 3px 10px rgba(71,85,105,.20);
}

@media(max-width:560px){
  :root{--cc-bubble-radius:9px}
  .cc-message{gap:6px}
  .cc-message-bubble,
  .cc-message.own .cc-message-bubble,
  .cc-message.request .cc-message-bubble,
  .cc-message.fyi .cc-message-bubble,
  .cc-message.choice .cc-message-bubble,
  .cc-message.member-colored:not(.request):not(.fyi):not(.choice) .cc-message-bubble,
  .cc-message.member-colored.own:not(.request):not(.fyi):not(.choice) .cc-message-bubble{
    max-width:calc(100% - 43px);
    padding:0 0 16px 0;
  }
  .cc-message-meta{
    min-height:27px;
    padding:4px 31px 4px 10px;
  }
  .cc-message-author,
  .cc-message.member-colored .cc-message-author,
  .cc-message.member-colored .cc-message-meta strong{
    max-width:60vw;
    font-size:calc(10.5px * var(--cc-chat-font-scale))!important;
    font-weight:400!important;
  }
  .cc-message-body{
    padding:7px 10px 3px;
    font-size:calc(14.5px * var(--cc-chat-font-scale));
    line-height:1.32;
  }
  .cc-message-more{right:3px;top:1px}
  .cc-message-time-row{right:7px;bottom:4px}
}



/* ===== v0.2.9.24 In-box Avatar + Non-overlapping Mobile Mode Dock ===== */
.cc-message{display:flex;justify-content:flex-start;gap:0}
.cc-message.own{justify-content:flex-end}
.cc-message>.cc-message-avatar{display:none!important}
.cc-message-bubble{position:relative;display:flex;flex-direction:column;max-width:min(760px,calc(100% - 8px));padding:0!important;border:0!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 8px rgba(148,163,184,.26)!important;overflow:hidden!important}
.cc-message.own .cc-message-bubble{background:#fff!important}
.cc-message-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:7px 38px 7px 10px;background:#55636d;color:#fff}
.cc-message.member-colored .cc-message-header{background:hsl(var(--cc-member-h),32%,42%)!important}
.cc-message-meta{display:block;margin:0!important;min-width:0}
.cc-message-author{display:block;max-width:100%;padding:0!important;background:none!important;color:#fff!important;font-size:calc(10.5px * var(--cc-chat-font-scale))!important;font-weight:400!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.cc-message-content-row{display:flex;align-items:flex-start;gap:10px;padding:9px 11px 22px 11px}
.cc-message.own .cc-message-content-row{flex-direction:row-reverse}
.cc-message-avatar-inline{display:grid!important;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,#dbe7ff,#f5e8c6);color:var(--cc-navy);font-weight:800;box-shadow:0 1px 2px rgba(15,23,42,.10)}
.cc-message-avatar-inline img{width:100%;height:100%;object-fit:cover}
.cc-message-body-wrap{min-width:0;flex:1}
.cc-message-kind{display:inline-flex;margin:0 0 6px;font-size:calc(9px * var(--cc-chat-font-scale))}
.cc-message-body{margin:0;font-size:calc(14.5px * var(--cc-chat-font-scale));line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.cc-message-time-row{position:absolute;right:10px;bottom:6px;display:inline-flex;align-items:center;gap:5px;color:#7b879c;font-size:calc(9px * var(--cc-chat-font-scale));line-height:1;white-space:nowrap}
.cc-message-time-row span{opacity:.8}
.cc-message-time-row time{font:inherit;color:inherit}
.cc-message-more{position:absolute;right:6px;top:4px;z-index:24}
.cc-message-more>summary{list-style:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.86);font-size:21px;font-weight:700;line-height:1;cursor:pointer;user-select:none}
.cc-message-more>summary::-webkit-details-marker{display:none}
.cc-message-more>summary:hover,.cc-message-more>summary:focus-visible,.cc-message-more[open]>summary{background:rgba(255,255,255,.14);color:#fff;outline:none}
.cc-message-menu{position:absolute;right:0;top:30px;z-index:70;min-width:168px;padding:5px;background:#fff;border:1px solid var(--cc-line);border-radius:11px;box-shadow:0 12px 30px rgba(18,32,59,.18);display:grid;gap:1px}
.cc-message-menu button{border:0;background:transparent;color:#27344f;padding:8px 10px;border-radius:8px;text-align:left;font-size:12px;font-weight:700;white-space:nowrap}
.cc-message-menu button:hover,.cc-message-menu button:focus-visible{background:#f1f5fb;color:var(--cc-blue);outline:none}
.cc-message-menu .cc-report-action{color:#b4233d}
.cc-message-actions{display:none!important}
.cc-message.request .cc-message-bubble,.cc-message.fyi .cc-message-bubble,.cc-message.choice .cc-message-bubble{border-left:0!important}
@media (max-width:640px){
  .cc-message-bubble{max-width:min(100%,calc(100vw - 28px));border-radius:9px!important}
  .cc-message-content-row{gap:9px;padding:8px 10px 21px 10px}
  .cc-message-avatar-inline{width:32px;height:32px;flex-basis:32px}
  .cc-context-mode-dock{right:10px!important;bottom:146px!important;z-index:34!important}
  .cc-context-primary>.cc-context-conversation-main>.cc-composer{z-index:60!important}
}
@media (max-width:420px){
  .cc-context-mode-dock{bottom:154px!important}
}