.company-contract-form{max-width:680px;gap:18px;margin-block:24px 40px}
.company-contract-form h2{margin-top:22px}
.company-usage-chart{display:block;width:100%;height:180px;color:var(--accent);margin-block:18px}
.developer-page>section{margin-block:36px}
.developer-page .inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.deployment-page,.developer-page{max-width:1220px}
.deployment-page .page-header p{max-width:70ch}
.deployment-options{margin:0;padding:0;border:0;display:grid;gap:12px;min-width:0}
.deployment-choice{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;cursor:pointer}
.deployment-choice:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.deployment-choice input,.deployment-check input{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:var(--accent)}
.deployment-choice strong{display:flex;gap:10px;align-items:center;font-size:.95rem;color:var(--ink)}
.deployment-choice small,.deployment-check small{display:block;margin-top:6px;color:var(--muted);font-size:.85rem;line-height:1.6}
.deployment-choice .service-logo,.deployment-choice .icon{width:22px;height:22px;flex-shrink:0}
.deployment-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:.9rem}
.deployment-history{margin-top:32px}.deployment-history p{overflow-wrap:anywhere}.deployment-history small{display:block;color:var(--muted)}
.operator-scroll{max-width:100%;overflow-x:auto;border-radius:16px;background:var(--surface)}
.operator-table{border-collapse:collapse;width:100%;min-width:780px;font-size:.85rem;font-variant-numeric:tabular-nums}
.operator-table th,.operator-table td{padding:18px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.operator-table thead th{font-weight:550;color:var(--muted)}
.operator-table tbody th{font-weight:400;width:30%;max-width:320px;overflow-wrap:anywhere}
.operator-table small{display:block;font-size:.75rem;font-weight:400;line-height:1.6;color:var(--muted);margin-top:5px}
.operator-actions{width:190px}.operator-actions summary{display:flex;gap:8px;cursor:pointer;align-items:center;color:var(--accent);font-weight:550}
.operator-actions>div{padding-top:16px}.operator-actions .form-stack{margin-top:16px;gap:12px}.operator-actions input,.operator-actions select{width:100%;min-width:0}
.operator-intake{margin-top:40px}.operator-intake>p{max-width:70ch;color:var(--muted)}
.operator-intake article{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.operator-intake h3{font-size:1rem;margin:0}.operator-intake small{color:var(--muted)}
.operator-mail{max-width:760px}.operator-mail .form-stack{padding:24px;background:var(--surface);border-radius:20px}
.memory-learning{margin-bottom:24px;background:var(--surface);padding:20px;border-radius:20px}.memory-learning p{max-width:70ch;color:var(--muted)}
.transient-note{font-size:.75rem;color:var(--muted);line-height:1.5;margin:8px 4px 0}
@media(max-width:700px){.deployment-page .settings-section{grid-template-columns:1fr}.deployment-choice{padding:14px}.operator-mail .form-stack{padding:18px}.developer-page .page-header{display:block}}
.deployment-page .deployment-boundary{border-top:0;padding-top:0}
.deployment-form .deployment-check,.memory-learning .deployment-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px}
.memory-learning .form-stack{gap:16px}.memory-learning details p{font-size:.85rem}.deployment-boundary details{font-size:.85rem}
@media(max-width:700px){
  .operator-table{min-width:0;display:block}.operator-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .operator-table tbody{display:block}.operator-table tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;border-bottom:1px solid var(--line);gap:14px}
  .operator-table th,.operator-table td{display:block;border:0;padding:0 12px;min-width:0;max-width:none;width:auto;overflow-wrap:anywhere}
  .operator-table tbody th{width:auto;max-width:none}
  .operator-table tbody th,.operator-table td:last-child{grid-column:1/-1}
  .operator-table td:nth-child(2)::before{content:'Members'}.operator-table td:nth-child(3)::before{content:'Tokens used'}
  .operator-table td:nth-child(4)::before{content:'Credits'}.operator-table td:nth-child(5)::before{content:'Stored MB'}
  .operator-table td:nth-child(n+2):not(:last-child)::before{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}
  .operator-actions{width:100%}.operator-actions>div{max-width:100%}.operator-actions summary{padding:8px 0}
}

/* VectorXS Chat Glow + File Tooltip R2 -- BEGIN */
/* R5 assistant V: the alpha mask contains NO white-square background. */
#chat-workspace .message-assistant .message-label::before {
  background:linear-gradient(138deg,#41475e 0%,#706cd3 53%,#555c76 100%);
  -webkit-mask:url('/static/vx/assistant-mark-alpha.png?v=vx-r5') center/contain no-repeat;
  mask:url('/static/vx/assistant-mark-alpha.png?v=vx-r5') center/contain no-repeat;
  mix-blend-mode:normal; filter:none; border-radius:0;
}
:root[data-theme=dark] #chat-workspace .message-assistant .message-label::before {
  background:linear-gradient(138deg,#f3f0ff 0%,#b3a9fc 52%,#e2dfff 100%);
  mix-blend-mode:normal; filter:none;
}
/* The newer chat client already adds .is-working during source planning and
   response generation, and removes it when done/cancelled/errored. */
@keyframes vx-chat-working-breathe {
  0%,100% { opacity: .54; }
  50% { opacity: 1; }
}
#chat-workspace .message-assistant.is-working .message-label {
  animation: vx-chat-working-breathe 2.2s cubic-bezier(.77,0,.175,1) infinite;
  text-shadow: 0 0 16px rgba(165,133,255,.46);
}
#chat-workspace .message-assistant.is-working .message-label::before {
  /* Use the same alpha-only mark when breathing; never reveal a boxed image. */
  filter:none;
}
/* The clear action stays in place; the explanatory copy moves into help. */
#chat-workspace .vx-chat-file-controls {
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  min-height:31px;
  font-size:.75rem;
  color:var(--muted);
  line-height:1.5;
  margin:6px 4px 0;
}
#chat-workspace .vx-chat-file-controls #clear-temporary-files {
  margin:0;
  padding:5px 0;
  min-height:28px;
  font-size:.73rem;
  white-space:nowrap;
}
#chat-workspace .vx-chat-file-help { display:inline-flex; align-items:center; }
#chat-workspace .vx-chat-file-help-trigger { margin:0; padding:0; }
#chat-workspace .vx-chat-file-help-trigger > summary {
  list-style:none;
  width:29px;
  height:29px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  background:transparent;
  border-radius:9px;
  cursor:help;
  transition:background-color 160ms ease, color 160ms ease;
}
#chat-workspace .vx-chat-file-help-trigger > summary::-webkit-details-marker { display:none; }
#chat-workspace .vx-chat-file-help-trigger > summary svg { display:block; width:17px; height:17px; }
#chat-workspace .vx-chat-file-help-trigger > summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media(hover:hover) and (pointer:fine) {
  #chat-workspace .vx-chat-file-help-trigger > summary:hover {
    background:var(--accent-soft);
    color:var(--accent);
  }
}
#chat-workspace .vx-chat-file-help-bubble {
  position:absolute;
  z-index:70;
  left:0;
  bottom:calc(100% + 7px);
  width:min(325px, 100%);
  padding:13px 15px;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--ink);
  box-shadow:0 10px 30px rgba(0,0,0,.20);
  font-size:.77rem;
  font-weight:400;
  line-height:1.58;
  text-align:left;
  white-space:normal;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateY(5px) scale(.97);
  transform-origin:15px 100%;
  transition:opacity 125ms cubic-bezier(.23,1,.32,1),
             transform 125ms cubic-bezier(.23,1,.32,1),
             visibility 125ms;
}
#chat-workspace .vx-chat-file-help:focus-within .vx-chat-file-help-bubble,
#chat-workspace .vx-chat-file-help:has(details[open]) .vx-chat-file-help-bubble {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
@media(hover:hover) and (pointer:fine) {
  #chat-workspace .vx-chat-file-help:hover .vx-chat-file-help-bubble {
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
}
@media(prefers-reduced-motion:reduce) {
  #chat-workspace .message-assistant.is-working .message-label { animation:none; opacity:1; }
  #chat-workspace .vx-chat-file-help-bubble { transition:none; transform:none; }
}
html[data-motion="reduced"] #chat-workspace .message-assistant.is-working .message-label { animation:none; opacity:1; }
html[data-motion="reduced"] #chat-workspace .vx-chat-file-help-bubble { transition:none; transform:none; }
/* VectorXS Chat Glow + File Tooltip R2 -- END */

@media(max-width:700px){
 .company-members-table td:nth-child(2)::before{content:'Email'}
 .company-members-table td:nth-child(3)::before{content:'Role'}
 .company-daily-table td:nth-child(2)::before{content:'AI usage'}
 .company-usage-chart text{font-size:24px}
}