/* Company page refinement: presentation only, existing DOM/events remain intact. */
html body #page-company {
  --cp-text:#202b3d; --cp-muted:#536176; --cp-line:#d7dee8;
  --cp-surface:#f8fafc; --cp-room:#ffffff; --cp-soft:#eef1f7;
  --cp-accent:#5946bd; --cp-accent-soft:#eeeafa; --cp-on-text:#47358f;
  --cp-input-line:#8997ac; --cp-input-bg:#ffffff;
  --cp-success:#28664c; --cp-success-soft:#e9f3ed;
  --text-primary:var(--cp-text); --text-secondary:var(--cp-muted);
}
html:is([data-theme="dark"],[data-theme="midnight"],[data-skin-tone="dark"]) body #page-company,
html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company {
  --cp-text:#e6ebf4; --cp-muted:#b8c4d6; --cp-line:#3c495e;
  --cp-surface:#172131; --cp-room:#202c3e; --cp-soft:#29364a;
  --cp-accent:#c4b7ff; --cp-accent-soft:#322c4b; --cp-on-text:#d2c7ff;
  --cp-input-line:#7385a0; --cp-input-bg:#243349;
  --cp-success:#a4dec0; --cp-success-soft:#253d35;
}
html body #page-company .opc-ck {
  --slab-bg:var(--cp-surface); --slab-line:var(--cp-line); --slab-edge:var(--cp-line);
  --slab-sh:0 14px 40px -24px rgba(16,27,46,.28);
  --ng-text-1:var(--cp-text); --ng-text-2:var(--cp-muted); --ng-text-3:var(--cp-muted);
  --ng-primary:var(--cp-accent); --ng-border:var(--cp-line);
  --ng-surface-2:var(--cp-room); --ng-surface-3:var(--cp-soft);
  --hd-t1:var(--cp-text); --hd-t2:var(--cp-muted); --hd-acc:var(--cp-muted);
  color:var(--cp-text); border-radius:20px;
}
html body #page-company .opc-ck .opc-ck-head {
  padding:20px 24px!important; gap:14px; flex-wrap:wrap;
  --hd-t1:var(--cp-text); --hd-t2:var(--cp-muted); --hd-acc:var(--cp-muted);
}
html body #page-company #ckCoName { font-size:23px; line-height:1.3; letter-spacing:-.3px; }
html body #page-company #ckCoSub { font-size:13px; line-height:1.6; }
html body #page-company .opc-ck-stat { font-size:12px; color:var(--cp-muted); }
html body #page-company .opc-ck-head :is(#ckSpaceBtn,:is(#ckPosterBtn,#ckEditProfileBtn)) {
  padding:7px 11px!important; border-radius:9px!important;
  border:1px solid var(--cp-line)!important; color:var(--cp-muted)!important;
  background:var(--cp-room)!important; font-size:12px; box-shadow:none!important;
}
html body #page-company .opc-ck-head #ckSpaceBtn[aria-expanded="true"] {
  background:var(--cp-accent-soft)!important; color:var(--cp-on-text)!important;
}
html body #page-company .opc-ck-head :is(#ckSpaceBtn,:is(#ckPosterBtn,#ckEditProfileBtn)) * { color:inherit!important; }
html body #page-company .opc-ck :is(#ckAI,#ckSandWrap) { padding:22px 24px!important; }
html body #page-company .opc-ck-card-h { gap:10px; margin-bottom:16px; align-items:center; }
html body #page-company .opc-ck-card-h .opc-ck-k { font-size:15px!important; font-weight:650; color:var(--cp-text)!important; letter-spacing:.02em; }
html body #page-company :is(.opc-ck-date,.opc-ck-badge,.opc-ck-n,.opc-ck-sub,.opc-ck-foot,.opc-ck-hint) { color:var(--cp-muted)!important; }
html body #page-company #ckAILog { gap:12px; padding:0 2px 14px; }
html body #page-company #ckAILog .opc-ck-msg { font-size:15px; line-height:1.8; color:var(--cp-text); }
html body #page-company #ckAILog .opc-ck-msg.ai {
  padding:16px 18px; margin:0 0 12px; border-radius:12px;
  background:var(--cp-room); border:1px solid var(--cp-line); border-left:3px solid var(--cp-accent);
  box-shadow:none; min-width:0;
}
html body #page-company #ckAILog .opc-ck-msg.ai::before { color:var(--cp-muted); font-size:12px; margin-bottom:9px; }
html body #page-company #ckAILog .opc-ck-msg.me {
  color:var(--cp-text); background:var(--cp-accent-soft); border-color:var(--cp-line);
  padding:10px 15px; margin:0 0 12px;
}
html body #page-company #ckAILog :is(.ck-msg-tools button,.ck-msg-tools) { color:var(--cp-muted); font-size:12px; }
html body #page-company #ckAI .opc-ck-ai-bar {
  gap:10px; padding:12px; border:1px solid var(--cp-input-line); border-radius:12px;
  background:var(--cp-input-bg); align-items:flex-end; box-shadow:none;
}
html body #page-company #ckAI textarea.opc-ck-ai-input {
  min-width:0; min-height:64px; padding:10px 8px; font-size:15px; line-height:1.6;
  border:0; border-radius:7px; background:transparent; color:var(--cp-text);
  outline:none!important; box-shadow:none!important;
}
html body #page-company #ckAI textarea::placeholder { color:var(--cp-muted); opacity:1; }
html body #page-company #ckAI .opc-ck-ai-bar:focus-within { border-color:var(--cp-accent); box-shadow:none; }
html body #page-company #ckAI .opc-ck-ai-send {
  flex-shrink:0; min-width:42px; min-height:42px; border-radius:10px; border:0;
  background:#5946bd; color:#fff; font-size:16px; box-shadow:none;
}
html body #page-company #ckAI .opc-ck-ai-send:disabled { opacity:.55; }
html body #page-company #ckAI #ckAIChips { gap:7px; padding-top:10px; flex-wrap:wrap; }
html body #page-company #ckAI .opc-ck-chip {
  font-size:12px; line-height:1.5; padding:5px 10px; color:var(--cp-muted);
  border:1px solid var(--cp-line); background:var(--cp-room); border-radius:8px;
}
html body #page-company #ckSandMount .sbx-head { margin-bottom:18px; }
html body #page-company #ckSandMount .sbx-title { font-size:17px; color:var(--cp-text); gap:8px; flex-wrap:wrap; }
html body #page-company #ckSandMount :is(.sbx-meta,.sbx-livetxt,.sbx-empty) { color:var(--cp-muted)!important; font-size:12px; line-height:1.7; }
html body #page-company #ckSandMount .sbx-meta b { color:var(--cp-text); font-weight:600; }
html body #page-company #ckSandMount .sbx-zone { margin-bottom:15px; }
html body #page-company #ckSandMount .sbx-zt { color:var(--cp-muted)!important; font-size:12px; letter-spacing:.06em; margin-bottom:8px; }
html body #page-company #ckSandMount .sbx-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px; }
html body #page-company #ckSandMount .sbx-room {
  display:grid; grid-template-columns:28px minmax(0,1fr); align-items:start; gap:9px;
  padding:12px 10px; min-height:72px; border:1px solid var(--cp-line);
  border-radius:11px; background:var(--cp-room); opacity:1; box-sizing:border-box;
}
html body #page-company #ckSandMount .sbx-ico { width:28px; height:28px; font-size:16px; background:var(--cp-soft); color:var(--cp-muted); border-radius:8px; }
html body #page-company #ckSandMount .sbx-name { color:var(--cp-text); font-size:13px; line-height:1.5; padding-right:6px; }
html body #page-company #ckSandMount .sbx-desc {
  color:var(--cp-muted)!important; font-size:12px; line-height:1.55;
  white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden; max-height:3.1em;
}
html body #page-company #ckSandMount .sbx-room.is-on { border-color:var(--cp-accent); background:var(--cp-accent-soft); }
html body #page-company #ckSandMount .sbx-room.is-on :is(.sbx-name,.sbx-ico) { color:var(--cp-on-text); }
html body #page-company #ckSandMount .sbx-room.is-wait .sbx-ico { color:var(--cp-success); background:var(--cp-success-soft); }
html body #page-company #ckSandMount .sbx-dot { top:7px; right:7px; width:5px; height:5px; background:var(--cp-muted); opacity:.6; }
html body #page-company #ckSandMount .sbx-room.is-on .sbx-dot { background:var(--cp-accent); opacity:1; }
html body #page-company #ckSandMount .sbx-room.is-wait .sbx-dot { background:var(--cp-success); opacity:1; }
html body #page-company #ckSandMount .sbx-cnt {
  position:absolute; top:6px; right:6px; bottom:auto; color:var(--cp-muted); font-size:10px; line-height:14px;
  background:var(--cp-soft); border-radius:5px; padding:1px 4px; white-space:nowrap;
}
html body #page-company #ckSandMount .sbx-back .sbx-name { padding-right:46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body #page-company #ckSandMount .sbx-room:hover { border-color:var(--cp-accent); }
html body #page-company .opc-ck #ckChron { padding:18px 24px!important; }
html body #page-company .ck-ev-card b { color:var(--cp-text); font-size:13px; line-height:1.7; }
html body #page-company .ck-ev-card em { color:var(--cp-muted)!important; font-size:12px; }
html body #page-company .opc-ck .opc-ck-foot { padding:12px 24px!important; font-size:12px; line-height:1.6; border-top:1px solid var(--cp-line); }
html body #page-company :is(button,textarea,[tabindex]):focus-visible { outline:2px solid var(--cp-accent); outline-offset:3px; }
@media (max-width:900px) {
  html body #page-company .opc-ck :is(#ckAI,#ckSandWrap) { padding:20px!important; }
  html body #page-company #ckSandMount .sbx-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:520px) {
  html body #page-company .opc-ck .opc-ck-head { padding:16px!important; }
  html body #page-company .opc-ck :is(#ckAI,#ckSandWrap,#ckChron) { padding:16px!important; }
  html body #page-company #ckSandMount .sbx-grid { grid-template-columns:1fr!important; }
}

/* Assistant heading: title, collaboration note, then date. */
html body #page-company #ckAI > .opc-ck-card-h { flex-wrap:wrap; justify-content:flex-start; column-gap:14px; row-gap:4px; }
html body #page-company #ckAI > .opc-ck-card-h > .opc-ck-k { flex:none; }
html body #page-company #ckAI #ckOSBar { flex:1 1 280px; min-width:0; margin:0; padding:0; border:0; background:none; box-shadow:none; }
html body #page-company #ckAI #ckOSLine { width:auto; font-size:12px; line-height:1.75; color:var(--cp-muted); }
html body #page-company #ckDecideDate:empty { display:none; }
html body #page-company #ckDecideDate { flex:none; margin-left:auto; }
@media (min-width:901px) {
  html body #page-company .opc-ck-cols { align-items:stretch; }
  html body #page-company .opc-ck-col-l { contain:size; }
  html body #page-company .opc-ck-col-l > #ckAI { height:0!important; min-height:0!important; flex:1 1 auto!important; }
  html body #page-company .opc-ck #ckSandWrap { padding-bottom:0!important; }
  html body #page-company #ckSandMount .opc-sandbox { margin-bottom:0; }
  html body #page-company #ckSandMount .sbx-zone:has(> #sbxBack) { margin-bottom:0; }
  html body #page-company #ckSandMount .in-cockpit .sbx-act:has(#sbxEmpty:empty) { display:none; }
}
@media (max-width:520px) {
  html body #page-company #ckAI #ckOSBar { flex-basis:100%; }
}
