:root {
  --c360-navy: #17324D;
  --c360-blue: #2D5B7C;
  --c360-teal: #2B6F6C;
  --c360-ivory: #F6F4EF;
  --c360-charcoal: #1F2933;
  --c360-slate: #5B6670;
  --c360-attention: #8C5F19;
  --c360-critical: #A4453D;
  --c360-surface: #FFFFFF;
  --c360-border: rgba(91, 102, 112, .24);
  --c360-blue-soft: rgba(45, 91, 124, .09);
  --c360-navy-soft: rgba(23, 50, 77, .07);
}

.c360-shell {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  min-height: 78vh;
  background: var(--c360-surface);
  color: var(--c360-charcoal);
  border: 3px solid var(--c360-navy);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(23,50,77,.12);
}
.c360-sidebar {
  background: var(--c360-navy);
  color: var(--c360-surface);
  padding: 24px 18px;
  border-right: 1px solid rgba(255,255,255,.08);
}
.c360-brand { font-size: 1.35rem; font-weight: 750; margin-bottom: 28px; }
.c360-sidebar nav { display: grid; gap: 7px; }
.c360-sidebar nav a,
.c360-sidebar nav span {
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: var(--c360-surface);
  text-decoration: none;
  opacity: .84;
}
.c360-sidebar nav a:hover,
.c360-sidebar nav a:focus-visible { opacity: 1; background: rgba(255,255,255,.08); }
.c360-sidebar nav a.is-active { background: rgba(255,255,255,.14); opacity: 1; font-weight: 700; }

.c360-main { padding: 32px; min-width: 0; background: var(--c360-surface); }
.c360-page-header,
.c360-assessment-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 22px;
}
.c360-page-header h1,
.c360-assessment-header h1 { margin: 0 0 4px; color: var(--c360-navy); }
.c360-eyebrow {
  color: var(--c360-blue);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .78rem;
  font-weight: 800;
  margin-bottom: 4px;
}
.c360-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.c360-card {
  background: var(--c360-surface);
  border: 1px solid var(--c360-border);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(23,50,77,.05);
}
.c360-card h2, .c360-card h3 { margin-top: 0; color: var(--c360-navy); }
.c360-narrow { max-width: 720px; }
.c360-span-2 { grid-column: span 2; }
.c360-score { font-size: 3rem; line-height: 1; font-weight: 800; color: var(--c360-navy); }
.c360-score-small { font-size: 2.2rem; }
.c360-muted { color: var(--c360-slate); }
.c360-status { display: inline-flex; gap: 8px; align-items: center; font-weight: 750; }
.c360-status > span:first-child {
  display: inline-grid;
  place-items: center;
  min-width: 1.35rem;
  height: 1.35rem;
  border: 2px solid currentColor;
  border-radius: 50%;
  font-size: .76rem;
  line-height: 1;
}
.c360-status.attention { color: var(--c360-attention); }
.c360-status.critical { color: var(--c360-critical); }
.c360-status.stable { color: var(--c360-teal); }
.c360-status.info { color: var(--c360-blue); }

.c360-btn {
  appearance: none;
  border: 2px solid var(--c360-blue);
  border-radius: 8px;
  padding: 10px 14px;
  background: var(--c360-blue);
  color: var(--c360-surface);
  font-weight: 750;
  cursor: pointer;
  line-height: 1.2;
}
.c360-btn:hover { background: var(--c360-navy); border-color: var(--c360-navy); }
.c360-btn:disabled { opacity: .48; cursor: not-allowed; }
.c360-btn-secondary { background: var(--c360-surface); color: var(--c360-blue); }
.c360-btn-secondary:hover { background: var(--c360-blue-soft); color: var(--c360-navy); }

.c360-btn:focus-visible,
.c360-input:focus-visible,
.c360-domain-tab:focus-visible,
.c360-answer:focus-visible,
.c360-radio-line input:focus-visible {
  outline: 3px solid var(--c360-attention);
  outline-offset: 2px;
}
.c360-input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid var(--c360-border);
  border-radius: 8px;
  color: var(--c360-charcoal);
  background: var(--c360-surface);
}
.c360-form-row { margin-bottom: 14px; }
.c360-form-row label { display: block; margin-bottom: 6px; font-weight: 700; }
.c360-fieldset {
  border: 1px solid var(--c360-border);
  border-radius: 10px;
  margin: 0 0 18px;
  padding: 14px 16px;
}
.c360-fieldset legend { padding: 0 6px; font-weight: 700; color: var(--c360-charcoal); }
.c360-radio-line { display: inline-flex; gap: 8px; align-items: center; margin: 8px 22px 4px 0; }
.c360-actions-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.c360-list { margin: 0; padding-left: 20px; }
.c360-desktop-note {
  margin-bottom: 18px;
  border-left: 4px solid var(--c360-attention);
  background: var(--c360-surface);
  padding: 12px 14px;
}


.c360-field-help {
  margin: -2px 0 7px;
  color: var(--c360-slate);
  font-size: .84rem;
}
.c360-answer-guidance {
  border-left: 4px solid var(--c360-blue);
  background: var(--c360-blue-soft);
  color: var(--c360-charcoal);
  padding: 11px 14px;
  margin-bottom: 10px;
  border-radius: 0 8px 8px 0;
  line-height: 1.45;
}
.c360-question-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.c360-question-save {
  min-height: 1.2em;
  color: var(--c360-slate);
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}
.c360-question-save.is-saved { color: var(--c360-blue); }
.c360-question-save.is-error { color: var(--c360-critical); }
.c360-question-help {
  margin: -6px 0 14px;
  color: var(--c360-slate);
  font-size: .87rem;
}
.c360-question-help summary {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: var(--c360-blue);
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}
.c360-question-help summary::-webkit-details-marker { display: none; }
.c360-question-help summary span {
  display: inline-grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  font-size: .74rem;
}
.c360-question-help p {
  margin: 8px 0 0;
  padding: 9px 11px;
  background: var(--c360-navy-soft);
  border-radius: 7px;
  color: var(--c360-charcoal);
}

/* Business Scan Pro assessment */
.c360-progress-box {
  min-width: 260px;
  padding: 14px 16px;
  background: var(--c360-surface);
  border: 1px solid var(--c360-border);
  border-radius: 10px;
}
.c360-progress-track {
  height: 9px;
  margin: 9px 0 6px;
  background: var(--c360-navy-soft);
  border-radius: 999px;
  overflow: hidden;
}
.c360-progress-track span {
  display: block;
  height: 100%;
  background: var(--c360-teal);
  border-radius: inherit;
  transition: width .2s ease;
}
.c360-save-state { color: var(--c360-slate); font-size: .86rem; }
.c360-scale-help {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 14px;
  align-items: center;
  background: var(--c360-surface);
  border: 1px solid var(--c360-border);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 18px;
  font-size: .9rem;
}
.c360-scale-help span { color: var(--c360-slate); }
.c360-scale-help b { color: var(--c360-navy); }

.c360-assessment-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.c360-domain-tabs {
  display: grid;
  gap: 7px;
  position: sticky;
  top: 24px;
}
.c360-domain-tab {
  width: 100%;
  display: grid;
  grid-template-columns: 28px 1fr 20px;
  align-items: center;
  gap: 8px;
  text-align: left;
  border: 1px solid var(--c360-border);
  border-radius: 9px;
  background: var(--c360-surface);
  color: var(--c360-charcoal);
  padding: 10px;
  cursor: pointer;
}
.c360-domain-tab:hover { border-color: var(--c360-blue); }
.c360-domain-tab.is-active {
  border: 2px solid var(--c360-blue);
  background: var(--c360-blue-soft);
  font-weight: 750;
}
.c360-domain-tab-index {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--c360-blue);
  border-radius: 50%;
  color: var(--c360-blue);
  font-weight: 750;
}
.c360-domain-tab-state { color: var(--c360-teal); font-weight: 900; text-align: center; }
.c360-domain-content { min-width: 0; }
.c360-domain-heading {
  background: var(--c360-navy);
  color: var(--c360-surface);
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 14px;
}
.c360-domain-heading h2 { color: var(--c360-surface); margin: 0 0 5px; }
.c360-domain-heading .c360-eyebrow { color: var(--c360-surface); opacity: .86; }
.c360-domain-heading .c360-muted { color: var(--c360-surface); opacity: .82; margin-bottom: 0; }

.c360-question {
  background: var(--c360-surface);
  border: 1px solid var(--c360-border);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 14px;
}
.c360-question h3 { color: var(--c360-charcoal); font-size: 1.08rem; line-height: 1.45; margin: 5px 0 16px; }
.c360-question-number { color: var(--c360-slate); font-size: .82rem; font-weight: 700; }
.c360-answer-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.c360-answer {
  min-height: 66px;
  border: 1px solid var(--c360-border);
  border-radius: 9px;
  background: var(--c360-surface);
  color: var(--c360-charcoal);
  padding: 9px 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.c360-answer strong { color: var(--c360-navy); font-size: 1.05rem; }
.c360-answer span { color: var(--c360-slate); font-size: .78rem; line-height: 1.2; }
.c360-answer:hover { border-color: var(--c360-blue); }
.c360-answer.is-selected {
  border: 3px solid var(--c360-blue);
  background: var(--c360-blue-soft);
  padding: 7px 6px;
  box-shadow: inset 0 0 0 1px var(--c360-surface);
}
.c360-answer.is-selected::after {
  content: "Selectat";
  color: var(--c360-blue);
  font-size: .72rem;
  font-weight: 800;
}
.c360-answer-na {
  grid-column: 1 / -1;
  min-height: 48px;
  flex-direction: row;
}
.c360-assessment-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0 18px;
}
.c360-inline-message {
  border-left: 4px solid var(--c360-attention);
  background: var(--c360-surface);
  padding: 12px 14px;
  margin-bottom: 18px;
  color: var(--c360-charcoal);
}

/* Domain result list */
.c360-domain-results { margin-top: 18px; }
.c360-domain-score-list { display: grid; gap: 0; }
.c360-domain-score {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 13px 2px;
  border-bottom: 1px solid var(--c360-border);
}
.c360-domain-score:last-child { border-bottom: 0; }
.c360-domain-score-value {
  min-width: 88px;
  text-align: right;
  color: var(--c360-navy);
  font-size: 1.35rem;
  font-weight: 800;
}
.c360-domain-score-value span { color: var(--c360-slate); font-size: .78rem; font-weight: 600; }

@media (max-width: 1180px) {
  .c360-grid { grid-template-columns: 1fr 1fr; }
  .c360-span-2 { grid-column: span 2; }
  .c360-answer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  .c360-shell { grid-template-columns: 1fr; }
  .c360-sidebar { display: none; }
  .c360-main { padding: 18px; }
  .c360-grid { grid-template-columns: 1fr; }
  .c360-span-2 { grid-column: auto; }
  .c360-desktop-note { display: block !important; }
  .c360-page-header, .c360-assessment-header { flex-direction: column; }
  .c360-progress-box { width: 100%; box-sizing: border-box; min-width: 0; }
  .c360-assessment-layout { grid-template-columns: 1fr; }
  .c360-domain-tabs { position: static; grid-template-columns: 1fr 1fr; }
  .c360-answer-grid { grid-template-columns: 1fr 1fr; }
  .c360-answer-na { grid-column: 1 / -1; }
}

/* Control 360 cockpit v0.3 */
.c360-cockpit-header { align-items: center; }
.c360-summary-strip {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.45fr;
  gap: 14px;
  margin-bottom: 16px;
}
.c360-summary-card {
  background: var(--c360-surface);
  border: 1px solid var(--c360-border);
  border-radius: 14px;
  padding: 17px 18px;
  min-height: 132px;
  box-shadow: 0 3px 14px rgba(23,50,77,.055);
}
.c360-summary-label {
  display: block;
  color: var(--c360-navy);
  font-size: .86rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.c360-summary-value {
  margin-top: 13px;
  color: var(--c360-attention);
  font-size: 2.45rem;
  font-weight: 850;
  line-height: .95;
}
.c360-summary-value small { font-size: .8rem; color: var(--c360-slate); font-weight: 700; }
.c360-summary-value.is-blue { color: var(--c360-blue); }
.c360-summary-card p { margin: 11px 0 0; color: var(--c360-slate); font-size: .82rem; line-height: 1.35; }
.c360-mini-progress { height: 7px; margin-top: 13px; border-radius: 999px; background: var(--c360-navy-soft); overflow: hidden; }
.c360-mini-progress span { display:block; height:100%; border-radius:inherit; background: var(--c360-blue); }
.c360-action-state { margin-top: 17px; color: var(--c360-charcoal); font-size: 1.28rem; line-height:1.4; }
.c360-action-state strong:first-child { color: var(--c360-blue); }
.c360-summary-attention { padding-bottom: 12px; }
.c360-summary-card-head { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.c360-summary-badge { display:grid; place-items:center; min-width:25px; height:25px; border-radius:50%; background:var(--c360-navy-soft); color:var(--c360-navy); font-weight:800; font-size:.78rem; }
.c360-attention-list { list-style:none; padding:0; margin:11px 0 0; display:grid; gap:8px; }
.c360-attention-list li { display:flex; gap:9px; align-items:flex-start; font-size:.82rem; color:var(--c360-charcoal); line-height:1.3; }
.c360-attention-marker { flex:0 0 22px; height:22px; display:grid; place-items:center; border-radius:50%; border:2px solid var(--c360-critical); color:var(--c360-critical); font-weight:900; font-size:.72rem; }
.c360-attention-marker.is-info { border-color:var(--c360-blue); color:var(--c360-blue); }

.c360-cockpit-grid {
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(280px, .78fr);
  gap:14px;
  align-items:stretch;
}
.c360-cockpit-panel {
  background: #102A43;
  color:#F5F8FA;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:19px;
  box-shadow: 0 9px 25px rgba(23,50,77,.13);
  min-width:0;
}
.c360-panel-heading { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:14px; }
.c360-panel-kicker { display:block; text-transform:uppercase; letter-spacing:.08em; font-size:.7rem; font-weight:850; color:#9CC2D4; }
.c360-panel-heading h2 { margin:3px 0 0; color:#fff; font-size:1.05rem; }
.c360-panel-note { color:#A9C0CD; font-size:.74rem; }
.c360-panel-heading.is-light .c360-panel-kicker { color:var(--c360-blue); }
.c360-panel-heading.is-light h2 { color:var(--c360-navy); }

.c360-company-map { position:relative; min-height:455px; }
.c360-company-building {
  position:absolute;
  width:48%;
  max-width:430px;
  min-width:270px;
  left:50%;
  top:50%;
  transform:translate(-50%,-47%);
  color:#B8D6E4;
  opacity:.92;
  filter:drop-shadow(0 0 18px rgba(76,143,175,.2));
}
.c360-building-svg { width:100%; height:auto; display:block; }
.c360-health-node {
  position:absolute;
  width:31%;
  min-width:145px;
  display:flex;
  gap:9px;
  align-items:center;
  padding:8px 10px;
  border-radius:9px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  box-sizing:border-box;
}
.c360-health-node::after {
  content:"";
  position:absolute;
  height:1px;
  width:34px;
  background:rgba(184,214,228,.38);
  top:50%;
}
.c360-health-node.is-left::after { right:-35px; }
.c360-health-node.is-right::after { left:-35px; }
.c360-health-node.is-bottom::after { display:none; }
.c360-health-node strong { display:block; font-size:.76rem; line-height:1.2; }
.c360-health-node small { display:block; margin-top:2px; font-size:.64rem; color:#B7C9D3; line-height:1.2; }
.c360-health-node-icon { flex:0 0 24px; height:24px; display:grid; place-items:center; border-radius:50%; border:2px solid currentColor; font-size:.7rem; font-weight:900; }
.c360-health-node.is-stable .c360-health-node-icon { color:#79B6AF; }
.c360-health-node.is-developing .c360-health-node-icon { color:#8EB2C6; }
.c360-health-node.is-attention .c360-health-node-icon { color:#D4A55F; }
.c360-health-node.is-critical .c360-health-node-icon { color:#D17870; }
.c360-health-node.is-unknown .c360-health-node-icon { color:#A9B4BC; }
.c360-health-node-1 { left:0; top:4%; }
.c360-health-node-2 { left:0; top:24%; }
.c360-health-node-3 { left:0; top:44%; }
.c360-health-node-4 { left:0; top:64%; }
.c360-health-node-5 { left:34.5%; bottom:0; }
.c360-health-node-6 { right:0; top:4%; }
.c360-health-node-7 { right:0; top:28%; }
.c360-health-node-8 { right:0; top:52%; }
.c360-health-node-9 { right:0; top:76%; }
.c360-status-legend { display:flex; flex-wrap:wrap; gap:8px 13px; border-top:1px solid rgba(255,255,255,.11); padding-top:12px; font-size:.65rem; color:#B9CAD4; }
.c360-status-legend span { display:flex; align-items:center; gap:5px; }
.c360-status-legend i { width:17px; height:17px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-style:normal; font-size:.6rem; font-weight:900; }
.c360-status-legend i.is-stable { color:#79B6AF; }
.c360-status-legend i.is-developing { color:#8EB2C6; }
.c360-status-legend i.is-attention { color:#D4A55F; }
.c360-status-legend i.is-critical { color:#D17870; }
.c360-status-legend i.is-unknown { color:#A9B4BC; }

.c360-business-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:10px 7px; align-items:center; margin-top:20px; }
.c360-flow-step { min-height:70px; display:flex; gap:8px; align-items:center; padding:9px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05); }
.c360-flow-step span { flex:0 0 23px; height:23px; display:grid; place-items:center; border-radius:50%; border:1px solid #9DB7C5; color:#D8E5EB; font-size:.66rem; }
.c360-flow-step strong { font-size:.76rem; }
.c360-flow-step.is-attention, .c360-flow-step.is-critical { border-width:2px; }
.c360-flow-step.is-attention { border-color:#C99A51; }
.c360-flow-step.is-critical { border-color:#C4665E; }
.c360-flow-step.is-stable { border-color:rgba(93,155,149,.55); }
.c360-flow-arrow { color:#8FAAB9; font-size:1.1rem; text-align:center; }
.c360-flow-message { margin-top:18px; padding:12px 13px; border-left:4px solid var(--c360-attention); border-radius:0 8px 8px 0; background:rgba(196,138,58,.1); display:grid; gap:4px; }
.c360-flow-message.is-neutral { border-color:#7099B0; background:rgba(112,153,176,.08); }
.c360-flow-message strong { font-size:.78rem; color:#fff; }
.c360-flow-message span { font-size:.72rem; color:#C7D7E0; line-height:1.45; }

.c360-state-panel { background:#fff; border:1px solid var(--c360-border); border-radius:16px; padding:18px; box-shadow:0 4px 16px rgba(23,50,77,.07); }
.c360-state-panel .c360-panel-kicker { color:var(--c360-blue); }
.c360-state-panel .c360-panel-heading h2 { color:var(--c360-navy); }
.c360-state-panel section { padding:12px 0; border-top:1px solid var(--c360-border); }
.c360-state-panel section:first-of-type { border-top:0; padding-top:2px; }
.c360-state-panel h3 { margin:0 0 8px; color:var(--c360-charcoal); font-size:.88rem; }
.c360-state-panel ul { margin:0; padding-left:18px; color:var(--c360-slate); font-size:.76rem; line-height:1.5; }
.c360-state-panel p { margin:0; color:var(--c360-slate); font-size:.76rem; line-height:1.5; }
.c360-btn-wide { width:100%; }

.c360-lower-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:14px; margin-top:14px; }
.c360-lower-grid .c360-card { border-radius:14px; }
.c360-plan-tabs { display:flex; gap:6px; margin:2px 0 14px; }
.c360-plan-tabs span { padding:7px 11px; border-radius:7px; background:var(--c360-navy-soft); color:var(--c360-slate); font-size:.72rem; font-weight:800; text-transform:uppercase; }
.c360-plan-tabs span.is-active { background:var(--c360-blue); color:#fff; }
.c360-empty-structured { min-height:100px; border:1px dashed var(--c360-border); border-radius:10px; padding:15px; display:grid; align-content:center; gap:6px; }
.c360-empty-structured strong { color:var(--c360-charcoal); font-size:.82rem; }
.c360-empty-structured span { color:var(--c360-slate); font-size:.75rem; line-height:1.45; }
.c360-agent-flow { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:20px 0 12px; }
.c360-agent-flow span { padding:7px 9px; border-radius:8px; background:var(--c360-blue-soft); color:var(--c360-navy); font-size:.69rem; font-weight:800; }
.c360-agent-flow b { color:var(--c360-blue); }
.c360-kpi-empty-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.c360-kpi-empty-grid > div { border:1px solid var(--c360-border); border-radius:9px; padding:10px; min-height:74px; }
.c360-kpi-empty-grid span, .c360-kpi-empty-grid small { display:block; color:var(--c360-slate); font-size:.66rem; }
.c360-kpi-empty-grid strong { display:block; margin:5px 0 3px; color:var(--c360-navy); font-size:1.25rem; }
.c360-disclaimer { margin-top:14px; padding:13px 15px; border:1px solid var(--c360-border); border-left:4px solid var(--c360-blue); border-radius:8px; background:rgba(255,255,255,.62); }
.c360-disclaimer strong { color:var(--c360-navy); font-size:.78rem; }
.c360-disclaimer p { margin:5px 0 0; color:var(--c360-slate); font-size:.7rem; line-height:1.45; }
.c360-finalize-wrap { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex:1; }
.c360-finalize-note { max-width:540px; color:var(--c360-slate); font-size:.72rem; line-height:1.35; }

@media (max-width: 1450px) {
  .c360-summary-strip { grid-template-columns:1fr 1fr; }
  .c360-cockpit-grid { grid-template-columns:1.4fr 1fr; }
  .c360-state-panel { grid-column:1 / -1; }
  .c360-lower-grid { grid-template-columns:1fr 1fr; }
  .c360-plan-panel { grid-column:1 / -1; }
}
@media (max-width: 1180px) {
  .c360-company-map { min-height:500px; }
  .c360-health-node { width:35%; }
  .c360-cockpit-grid { grid-template-columns:1fr; }
  .c360-lower-grid { grid-template-columns:1fr; }
  .c360-plan-panel { grid-column:auto; }
}
@media (max-width: 899px) {
  .c360-shell { border-radius: 16px; border-width: 2px; }
  .c360-summary-strip { grid-template-columns:1fr; }
  .c360-company-map-panel, .c360-flow-panel { display:none; }
  .c360-cockpit-grid { display:block; }
  .c360-state-panel { margin-bottom:14px; }
  .c360-finalize-wrap { flex-direction:column; align-items:flex-end; }
}


/* Control 360 cockpit shell v0.3.1 — unified dark-card system */
.c360-cockpit-stage {
  --c360-cockpit-surface: #102A43;
  --c360-cockpit-border: rgba(255,255,255,.11);
  --c360-cockpit-text: #F5F8FA;
  --c360-cockpit-muted: #A9C0CD;
  margin-top: 4px;
  padding: 14px;
  border: 1px solid rgba(23,50,77,.12);
  border-radius: 20px;
  background: rgba(23,50,77,.035);
}

/* Every major cockpit module uses the same dark background. */
.c360-cockpit-stage .c360-summary-card,
.c360-cockpit-stage .c360-cockpit-panel,
.c360-cockpit-stage .c360-state-panel,
.c360-cockpit-stage .c360-lower-grid > .c360-card,
.c360-cockpit-stage .c360-domain-results,
.c360-cockpit-stage .c360-disclaimer {
  background: var(--c360-cockpit-surface);
  color: var(--c360-cockpit-text);
  border: 1px solid var(--c360-cockpit-border);
  box-shadow: 0 8px 22px rgba(23,50,77,.10);
}

/* Summary cards */
.c360-cockpit-stage .c360-summary-label,
.c360-cockpit-stage .c360-summary-card h2,
.c360-cockpit-stage .c360-summary-card h3 {
  color: #F5F8FA;
}
.c360-cockpit-stage .c360-summary-card p,
.c360-cockpit-stage .c360-summary-card .c360-muted {
  color: var(--c360-cockpit-muted);
}
.c360-cockpit-stage .c360-summary-value small { color: #B8CAD5; }
.c360-cockpit-stage .c360-mini-progress { background: rgba(255,255,255,.10); }
.c360-cockpit-stage .c360-action-state { color: #F5F8FA; }
.c360-cockpit-stage .c360-attention-list li { color: #E6EEF3; }
.c360-cockpit-stage .c360-summary-badge {
  background: rgba(255,255,255,.09);
  color: #E9F1F5;
  border: 1px solid rgba(255,255,255,.12);
}

/* State/diagnostic panel moves from white to the same cockpit surface. */
.c360-cockpit-stage .c360-state-panel .c360-panel-kicker,
.c360-cockpit-stage .c360-panel-heading.is-light .c360-panel-kicker { color: #9CC2D4; }
.c360-cockpit-stage .c360-state-panel .c360-panel-heading h2,
.c360-cockpit-stage .c360-panel-heading.is-light h2,
.c360-cockpit-stage .c360-lower-grid .c360-card h2,
.c360-cockpit-stage .c360-lower-grid .c360-card h3,
.c360-cockpit-stage .c360-domain-results h2,
.c360-cockpit-stage .c360-domain-results h3 { color: #FFFFFF; }
.c360-cockpit-stage .c360-state-panel section { border-color: rgba(255,255,255,.10); }
.c360-cockpit-stage .c360-state-panel h3 { color: #F5F8FA; }
.c360-cockpit-stage .c360-state-panel ul,
.c360-cockpit-stage .c360-state-panel p,
.c360-cockpit-stage .c360-lower-grid .c360-muted,
.c360-cockpit-stage .c360-domain-results .c360-muted { color: var(--c360-cockpit-muted); }

/* Lower cockpit modules */
.c360-cockpit-stage .c360-plan-tabs span {
  background: rgba(255,255,255,.08);
  color: #C5D5DE;
  border: 1px solid rgba(255,255,255,.08);
}
.c360-cockpit-stage .c360-plan-tabs span.is-active {
  background: var(--c360-blue);
  border-color: var(--c360-blue);
  color: #fff;
}
.c360-cockpit-stage .c360-empty-structured {
  border-color: rgba(255,255,255,.15);
  background: rgba(255,255,255,.035);
}
.c360-cockpit-stage .c360-empty-structured strong { color: #F5F8FA; }
.c360-cockpit-stage .c360-empty-structured span { color: var(--c360-cockpit-muted); }
.c360-cockpit-stage .c360-agent-flow span {
  background: rgba(45,91,124,.34);
  color: #E6F1F6;
  border: 1px solid rgba(156,194,212,.18);
}
.c360-cockpit-stage .c360-agent-flow b { color: #9CC2D4; }
.c360-cockpit-stage .c360-kpi-empty-grid > div {
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.12);
}
.c360-cockpit-stage .c360-kpi-empty-grid span,
.c360-cockpit-stage .c360-kpi-empty-grid small { color: var(--c360-cockpit-muted); }
.c360-cockpit-stage .c360-kpi-empty-grid strong { color: #F5F8FA; }

/* Domain score block inside the same cockpit system. */
.c360-cockpit-stage .c360-domain-score { border-color: rgba(255,255,255,.10); }
.c360-cockpit-stage .c360-domain-score strong { color: #F5F8FA; }
.c360-cockpit-stage .c360-domain-score-value { color: #F5F8FA; }
.c360-cockpit-stage .c360-domain-score-value span { color: #AFC3CF; }

/* Disclaimer is part of the cockpit, but visually quieter. */
.c360-cockpit-stage .c360-disclaimer {
  border-left: 4px solid #7099B0;
  background: var(--c360-cockpit-surface);
}
.c360-cockpit-stage .c360-disclaimer strong { color: #F5F8FA; }
.c360-cockpit-stage .c360-disclaimer p { color: var(--c360-cockpit-muted); }

/* Keep only breathing room between the dark modules. */
.c360-cockpit-stage .c360-summary-strip,
.c360-cockpit-stage .c360-cockpit-grid,
.c360-cockpit-stage .c360-lower-grid { gap: 14px; }
.c360-cockpit-stage .c360-summary-strip { margin-bottom: 14px; }
.c360-cockpit-stage .c360-lower-grid { margin-top: 14px; }
.c360-cockpit-stage .c360-domain-results,
.c360-cockpit-stage .c360-disclaimer { margin-top: 14px; }

@media (max-width: 899px) {
  .c360-cockpit-stage { padding: 10px; border-radius: 16px; }
}


/* Standalone application shell: /control360/ bypasses the public ROinvestor theme chrome. */
body.c360-standalone-page {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--c360-ivory) !important;
  color: var(--c360-charcoal);
  min-width: 320px;
}
body.c360-standalone-page #wpadminbar { display: none !important; }
.c360-standalone-html { margin-top: 0 !important; background: var(--c360-ivory); }
.c360-standalone-wrap {
  width: min(1760px, calc(100% - 40px));
  margin: 20px auto;
  padding: 0;
}
.c360-standalone-page .c360-shell {
  min-height: calc(100vh - 40px);
}
@media (max-width: 900px) {
  .c360-standalone-wrap {
    width: min(100% - 20px, 1760px);
    margin: 10px auto;
  }
  .c360-standalone-page .c360-shell {
    min-height: calc(100vh - 20px);
  }
}

/* v0.4.0 light cockpit redesign */
:root {
  --c360-app-bg: #EEF7F7;
  --c360-app-bg-2: #F7FBFB;
  --c360-soft-teal: #74D3CC;
  --c360-soft-teal-2: #BEEDEA;
  --c360-soft-blue: #DDEFF1;
  --c360-panel-line: rgba(23,50,77,.10);
  --c360-panel-line-strong: rgba(23,50,77,.16);
}

body.c360-standalone-page {
  background: linear-gradient(180deg, #F8FBFB 0%, #EEF7F7 100%) !important;
}
.c360-standalone-wrap {
  width: min(1840px, calc(100% - 28px));
  margin: 14px auto;
}
.c360-standalone-page .c360-shell {
  min-height: calc(100vh - 28px);
}
.c360-shell {
  grid-template-columns: 260px minmax(0,1fr);
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(23,50,77,.08);
  box-shadow: 0 18px 60px rgba(23,50,77,.08);
  border-radius: 26px;
  backdrop-filter: blur(8px);
}
.c360-sidebar {
  background: rgba(255,255,255,.76);
  color: var(--c360-charcoal);
  padding: 22px 16px;
  border-right: 1px solid rgba(23,50,77,.08);
}
.c360-brand {
  color: var(--c360-navy);
  font-size: 1.25rem;
  margin-bottom: 22px;
}
.c360-sidebar nav { gap: 8px; }
.c360-sidebar nav a,
.c360-sidebar nav span {
  color: var(--c360-charcoal);
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(23,50,77,.08);
  border-radius: 12px;
  padding: 12px 13px;
  opacity: 1;
  box-shadow: 0 4px 18px rgba(23,50,77,.035);
}
.c360-sidebar nav a:hover,
.c360-sidebar nav a:focus-visible,
.c360-sidebar nav a.is-active {
  background: linear-gradient(180deg, #FFFFFF 0%, #F2FBFB 100%);
  border-color: rgba(84,196,191,.55);
  color: var(--c360-navy);
}
.c360-sidebar nav a.is-active {
  box-shadow: inset 0 0 0 1px rgba(116,211,204,.20);
}
.c360-main {
  background: transparent;
  padding: 24px;
}
.c360-page-header.c360-light-header {
  margin-bottom: 18px;
}
.c360-light-header h1 { font-size: clamp(2rem, 3vw, 3rem); }
.c360-light-header .c360-btn { box-shadow: 0 8px 24px rgba(84,196,191,.22); }

.c360-light-cockpit {
  background: rgba(255,255,255,.26);
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 24px;
  padding: 18px;
}
.c360-workspace-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1.55fr) 320px;
  gap: 16px;
  align-items: start;
}
.c360-left-rail,
.c360-center-workspace,
.c360-right-rail {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.c360-workspace-card {
  background: rgba(255,255,255,.94);
  border: 1px solid var(--c360-panel-line);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 32px rgba(23,50,77,.06);
}
.c360-workspace-card-soft {
  background: rgba(255,255,255,.82);
}
.c360-workspace-card .c360-panel-kicker { color: #5A95A5; }
.c360-workspace-card .c360-panel-heading { margin-bottom: 12px; }
.c360-workspace-card .c360-panel-heading h2 { font-size: 1.02rem; }
.c360-workspace-card .c360-panel-note { color: #75919E; }

.c360-company-tile {
  padding: 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4FBFB 100%);
  border: 1px solid rgba(116,211,204,.32);
}
.c360-company-tile strong,
.c360-company-tile span { display: block; }
.c360-company-tile strong { color: var(--c360-navy); font-size: 1.05rem; }
.c360-company-tile span { color: #67808D; margin-top: 5px; font-size: .86rem; }
.c360-quick-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.c360-quick-stack div {
  padding: 11px 12px;
  border-radius: 14px;
  background: #F7FBFB;
  border: 1px solid rgba(23,50,77,.08);
}
.c360-quick-stack small,
.c360-quick-stack strong { display: block; }
.c360-quick-stack small { color: #72909D; font-size: .75rem; }
.c360-quick-stack strong { color: var(--c360-navy); margin-top: 4px; }
.c360-system-chip-grid { display: grid; gap: 9px; }
.c360-system-chip {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #F9FCFC;
  border: 1px solid rgba(23,50,77,.08);
  color: var(--c360-charcoal);
  font-size: .86rem;
}
.c360-system-chip-dot {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 2px solid currentColor;
  font-size: .72rem;
  font-weight: 800;
  flex: 0 0 24px;
}
.c360-system-chip.is-stable { color: #2D8E88; }
.c360-system-chip.is-developing { color: #4F8DAB; }
.c360-system-chip.is-attention { color: #A97827; }
.c360-system-chip.is-critical { color: #B35F57; }
.c360-system-chip.is-unknown { color: #7E8F9B; }
.c360-quick-actions { display: grid; gap: 10px; }

.c360-center-workspace .c360-map-card { min-height: 560px; }
.c360-company-map-light {
  background: linear-gradient(180deg, #FBFEFE 0%, #F0F8F8 100%);
  border: 1px solid rgba(84,196,191,.18);
  border-radius: 18px;
  min-height: 455px;
}
.c360-company-building-light {
  color: #76C9C5;
  opacity: 1;
  filter: drop-shadow(0 10px 18px rgba(116,211,204,.18));
}
.c360-company-map-light .c360-health-node {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(23,50,77,.12);
  box-shadow: 0 8px 24px rgba(23,50,77,.06);
  color: var(--c360-charcoal);
}
.c360-company-map-light .c360-health-node::after {
  background: rgba(91,160,176,.36);
}
.c360-company-map-light .c360-health-node small { color: #6E8792; }
.c360-status-legend-light {
  border-top: 1px solid rgba(23,50,77,.08);
  color: #6E8792;
}

.c360-business-flow-light {
  grid-template-columns: repeat(7, minmax(0,1fr));
  gap: 12px;
}
.c360-business-flow-light .c360-flow-arrow { display: none; }
.c360-business-flow-light .c360-flow-step {
  min-height: 92px;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 12px 10px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F3FBFB 100%);
  border: 1px solid rgba(23,50,77,.10);
}
.c360-business-flow-light .c360-flow-step span {
  border-color: rgba(79,141,171,.55);
  color: #4F8DAB;
}
.c360-business-flow-light .c360-flow-step strong { color: var(--c360-navy); }
.c360-business-flow-light .c360-flow-step.is-attention { border-color: rgba(169,120,39,.45); }
.c360-business-flow-light .c360-flow-step.is-critical { border-color: rgba(179,95,87,.45); }
.c360-business-flow-light .c360-flow-step.is-stable { border-color: rgba(45,142,136,.35); }
.c360-flow-message-light {
  border-left: 4px solid #74D3CC;
  background: rgba(116,211,204,.10);
}
.c360-flow-message-light strong { color: var(--c360-navy); }
.c360-flow-message-light span { color: #6A808C; }
.c360-flow-message-light.is-neutral { border-color: #8DB8C6; background: rgba(141,184,198,.10); }

.c360-diagnostic-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.c360-diagnostic-flow section {
  padding: 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7FBFB 100%);
  border: 1px solid rgba(23,50,77,.08);
}
.c360-diagnostic-flow h3 { margin: 0 0 10px; color: var(--c360-navy); font-size: .92rem; }
.c360-diagnostic-flow ul,
.c360-diagnostic-flow p {
  margin: 0;
  color: #697E88;
  font-size: .82rem;
  line-height: 1.52;
}
.c360-diagnostic-flow ul { padding-left: 18px; }

.c360-right-rail .c360-metric-card { min-height: 150px; }
.c360-right-rail .c360-summary-label { color: var(--c360-navy); }
.c360-right-rail .c360-summary-value { color: var(--c360-attention); font-size: 2.7rem; }
.c360-right-rail .c360-summary-value.is-blue { color: #3B85AC; }
.c360-right-rail .c360-summary-value small { color: #6E8792; }
.c360-right-rail .c360-mini-progress { background: rgba(23,50,77,.08); }
.c360-right-rail .c360-mini-progress span { background: linear-gradient(90deg, #74D3CC 0%, #58C4BE 100%); }
.c360-right-rail .c360-action-state { color: var(--c360-charcoal); }
.c360-right-rail .c360-action-state strong:first-child { color: #3B85AC; }
.c360-attention-card-light .c360-summary-badge {
  background: rgba(116,211,204,.14);
  color: var(--c360-navy);
  border: 1px solid rgba(116,211,204,.30);
}
.c360-attention-list-light li { color: var(--c360-charcoal); }
.c360-attention-list-light .c360-attention-marker { border-color: #4F8DAB; color: #4F8DAB; }
.c360-attention-list-light .c360-attention-marker.is-info { border-color: #74D3CC; color: #2D8E88; }

.c360-light-lower-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}
.c360-workspace-card .c360-plan-tabs span {
  background: rgba(23,50,77,.06);
  color: #526B70;
}
.c360-workspace-card .c360-plan-tabs span.is-active {
  background: linear-gradient(90deg, #74D3CC 0%, #57C5BE 100%);
  color: var(--c360-navy);
}
.c360-workspace-card .c360-empty-structured {
  background: #FBFEFE;
  border-color: rgba(23,50,77,.12);
}
.c360-workspace-card .c360-empty-structured strong { color: var(--c360-charcoal); }
.c360-workspace-card .c360-empty-structured span { color: #6C8390; }
.c360-workspace-card .c360-agent-flow span {
  background: rgba(116,211,204,.14);
  color: var(--c360-navy);
  border: 1px solid rgba(116,211,204,.28);
}
.c360-workspace-card .c360-agent-flow b { color: #58A3AF; }
.c360-workspace-card .c360-kpi-empty-grid > div {
  background: #FBFEFE;
  border-color: rgba(23,50,77,.10);
}
.c360-workspace-card .c360-kpi-empty-grid span,
.c360-workspace-card .c360-kpi-empty-grid small,
.c360-workspace-card .c360-muted,
.c360-workspace-card p.c360-muted { color: #6C8390; }
.c360-workspace-card .c360-kpi-empty-grid strong { color: var(--c360-navy); }
.c360-light-cockpit .c360-domain-results {
  margin-top: 16px;
}
.c360-light-cockpit .c360-domain-score { border-color: rgba(23,50,77,.08); }
.c360-light-cockpit .c360-domain-score strong { color: var(--c360-charcoal); }
.c360-light-cockpit .c360-domain-score-value { color: var(--c360-navy); }
.c360-disclaimer-light {
  margin-top: 16px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(23,50,77,.10);
  border-left: 4px solid #74D3CC;
  border-radius: 16px;
}
.c360-disclaimer-light strong { color: var(--c360-navy); }
.c360-disclaimer-light p { color: #6C8390; }

@media (max-width: 1450px) {
  .c360-workspace-grid {
    grid-template-columns: 280px minmax(0, 1fr);
  }
  .c360-right-rail {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
  .c360-light-lower-grid { grid-template-columns: 1fr 1fr; }
  .c360-plan-panel { grid-column: 1 / -1; }
}
@media (max-width: 1180px) {
  .c360-workspace-grid {
    grid-template-columns: 1fr;
  }
  .c360-left-rail,
  .c360-right-rail { grid-template-columns: 1fr 1fr; }
  .c360-business-flow-light { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .c360-diagnostic-flow { grid-template-columns: 1fr; }
  .c360-light-lower-grid { grid-template-columns: 1fr; }
}
@media (max-width: 899px) {
  .c360-standalone-wrap { width: min(100% - 14px, 1840px); }
  .c360-shell { border-radius: 18px; }
  .c360-main { padding: 14px; }
  .c360-light-cockpit { padding: 12px; border-radius: 18px; }
  .c360-left-rail,
  .c360-right-rail { grid-template-columns: 1fr; }
  .c360-business-flow-light { grid-template-columns: 1fr 1fr; }
  .c360-center-workspace .c360-map-card { min-height: auto; }
  .c360-company-map-light { min-height: 520px; }
}

/* v0.4.3 — ChatDash-inspired Control 360 cockpit */
:root {
  --c360-cd-ink: #17324D;
  --c360-cd-deep: #4A686B;
  --c360-cd-slate: #6C8E91;
  --c360-cd-mid: #90B0AE;
  --c360-cd-soft: #9FC3BC;
  --c360-cd-mint: #B1D2CA;
  --c360-cd-pale: #CBE0DB;
  --c360-cd-blue: #3892A7;
  --c360-cd-canvas: #E7F1EF;
  --c360-cd-card: rgba(249,252,251,.93);
  --c360-cd-line: rgba(74,104,107,.18);
}

body.c360-standalone-page {
  background: linear-gradient(180deg,#E8F2F0 0%,#DCEBE8 100%) !important;
}
.c360-standalone-wrap { width:min(1880px,calc(100% - 24px)); margin:12px auto; }
.c360-shell {
  grid-template-columns: 230px minmax(0,1fr);
  background: rgba(247,251,250,.72);
  border: 1px solid rgba(74,104,107,.12);
  border-radius: 24px;
  box-shadow: 0 18px 60px rgba(74,104,107,.10);
  overflow: hidden;
}
.c360-sidebar {
  background: rgba(247,251,250,.88);
  color: var(--c360-cd-ink);
  border-right: 1px solid rgba(74,104,107,.12);
  padding: 22px 14px;
}
.c360-brand { color:var(--c360-cd-ink); }
.c360-sidebar nav a,
.c360-sidebar nav span {
  color:#314A53;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(74,104,107,.10);
  border-radius:12px;
  padding:11px 12px;
  opacity:1;
  box-shadow:0 4px 16px rgba(74,104,107,.03);
}
.c360-sidebar nav a.is-active,
.c360-sidebar nav a:hover,
.c360-sidebar nav a:focus-visible {
  color:var(--c360-cd-ink);
  background:#F6FBFA;
  border-color:rgba(56,146,167,.34);
  box-shadow:inset 0 0 0 1px rgba(177,210,202,.55);
}
.c360-main { background:transparent; padding:22px; }
.c360-chatdash-header { align-items:center; margin-bottom:14px; }
.c360-chatdash-header h1 { font-size:clamp(1.8rem,2.5vw,2.7rem); margin-bottom:3px; }
.c360-top-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.c360-view-switch {
  display:flex; gap:4px; align-items:center; padding:4px; border-radius:13px;
  background:rgba(255,255,255,.72); border:1px solid rgba(74,104,107,.12);
}
.c360-view-switch span { padding:8px 13px; border-radius:9px; color:#668086; font-size:.78rem; font-weight:700; }
.c360-view-switch span.is-active { background:#fff; color:var(--c360-cd-ink); box-shadow:0 4px 14px rgba(74,104,107,.08); }
.c360-btn { background:var(--c360-cd-blue); border-color:var(--c360-cd-blue); border-radius:11px; }
.c360-btn:hover { background:var(--c360-cd-deep); border-color:var(--c360-cd-deep); }

.c360-chatdash-cockpit {
  background: linear-gradient(180deg,rgba(203,224,219,.42),rgba(177,210,202,.18));
  border:1px solid rgba(74,104,107,.12);
  border-radius:22px;
  padding:14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}
.c360-chatdash-workspace {
  display:grid;
  grid-template-columns:250px minmax(0,1fr) 300px;
  gap:14px;
  align-items:stretch;
}
.c360-glass-panel {
  background:var(--c360-cd-card);
  border:1px solid rgba(74,104,107,.12);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(74,104,107,.06);
}
.c360-node-library,.c360-control-panel { padding:16px; }
.c360-count-pill {
  min-width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
  background:rgba(56,146,167,.10);color:var(--c360-cd-blue);font-size:.75rem;font-weight:800;
  border:1px solid rgba(56,146,167,.18);
}
.c360-library-search {
  display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:11px;
  background:rgba(203,224,219,.30);border:1px solid rgba(74,104,107,.08);
  color:#526B70;font-size:.78rem;margin-bottom:12px;
}
.c360-library-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.c360-library-node {
  min-height:88px;text-align:left;border:1px solid rgba(74,104,107,.10);border-radius:12px;
  background:linear-gradient(180deg,#FCFEFD,#F3F9F7);padding:10px;display:flex;flex-direction:column;
  gap:8px;color:#385057;box-shadow:0 5px 15px rgba(74,104,107,.035);
}
.c360-library-icon {
  width:27px;height:27px;display:grid;place-items:center;border-radius:8px;
  border:1px solid currentColor;font-weight:800;font-size:.72rem;background:rgba(255,255,255,.8);
}
.c360-library-copy strong,.c360-library-copy small { display:block; }
.c360-library-copy strong { font-size:.74rem;line-height:1.18;color:#344C54; }
.c360-library-copy small { font-size:.61rem;line-height:1.25;margin-top:3px;color:#526B70; }
.c360-library-node.is-stable { color:#378983; }
.c360-library-node.is-developing { color:#4F8998; }
.c360-library-node.is-attention { color:#A97827; }
.c360-library-node.is-critical { color:#AF5A54; }
.c360-library-node.is-unknown { color:#60777B; }
.c360-library-note { margin-top:12px;padding:11px 12px;border-radius:12px;background:#F2F8F6;border:1px solid rgba(74,104,107,.08); }
.c360-library-note strong,.c360-library-note span { display:block; }
.c360-library-note strong { color:var(--c360-cd-ink);font-size:.75rem; }
.c360-library-note span { color:#526B70;font-size:.69rem;margin-top:3px; }

.c360-flow-canvas {
  min-height:720px; padding:15px; position:relative; overflow:hidden;
  background-color:rgba(203,224,219,.48);
  background-image:radial-gradient(circle,rgba(74,104,107,.20) 1px,transparent 1px);
  background-size:18px 18px;
}
.c360-canvas-toolbar { display:flex;justify-content:space-between;gap:12px;align-items:flex-start;position:relative;z-index:3; }
.c360-canvas-toolbar h2 { margin:2px 0 0;color:var(--c360-cd-ink);font-size:1.08rem; }
.c360-canvas-pills { display:flex;gap:5px;align-items:center;background:rgba(248,252,251,.78);padding:4px;border-radius:11px;border:1px solid rgba(74,104,107,.10); }
.c360-canvas-pills span { padding:7px 10px;border-radius:8px;color:#526B70;font-size:.68rem;font-weight:700; }
.c360-canvas-pills span.is-active { background:#E2F0EC;color:#426068; }

.c360-workflow-stage { position:relative; height:560px; margin-top:12px; }
.c360-workflow-lines { position:absolute;inset:0;width:100%;height:100%;z-index:0; }
.c360-workflow-lines path { fill:none;stroke:rgba(74,104,107,.58);stroke-width:2;stroke-linecap:round; }
.c360-workflow-node,.c360-company-hub {
  position:absolute;z-index:2;background:rgba(249,252,251,.97);border:1px solid rgba(74,104,107,.16);
  border-radius:14px;box-shadow:0 8px 22px rgba(74,104,107,.08);
}
.c360-workflow-node {
  width:170px;min-height:66px;padding:10px 12px;display:flex;align-items:center;gap:9px;
}
.c360-workflow-node .c360-workflow-icon { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#E9F4F1;color:#4A686B;font-size:.8rem;font-weight:800;flex:0 0 31px; }
.c360-workflow-node strong,.c360-workflow-node small { display:block; }
.c360-workflow-node strong { color:#314950;font-size:.75rem;line-height:1.18; }
.c360-workflow-node small { color:#526B70;font-size:.64rem;margin-top:3px; }
.c360-workflow-node em { margin-left:auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1.5px solid currentColor;font-style:normal;font-size:.63rem;font-weight:800; }
.c360-workflow-node.is-stable em { color:#378983; }
.c360-workflow-node.is-developing em { color:#4F8998; }
.c360-workflow-node.is-attention em { color:#A97827; }
.c360-workflow-node.is-critical em { color:#AF5A54; }
.c360-workflow-node.is-unknown em { color:#60777B; }
.c360-node-str { left:50%;top:22px;transform:translateX(-50%); }
.c360-node-sales { left:7%;top:180px; }
.c360-node-man { left:50%;top:164px;transform:translateX(-50%); }
.c360-node-ops { right:7%;top:180px; }
.c360-node-pur { left:23%;top:360px; }
.c360-node-inv { left:50%;top:360px;transform:translateX(-50%); }
.c360-node-fin { right:23%;top:360px; }
.c360-node-peo { left:12%;bottom:8px; }
.c360-node-kpi { right:12%;bottom:8px; }
.c360-company-hub {
  left:50%;top:258px;transform:translate(-50%,-50%);width:190px;height:130px;
  display:grid;place-items:center;text-align:center;padding:10px;background:linear-gradient(180deg,#F7FCFA,#E9F5F1);
  border-color:rgba(56,146,167,.30);box-shadow:0 14px 32px rgba(56,146,167,.12);
}
.c360-hub-building { width:96px;color:#5CA5B0;margin-bottom:-8px; }
.c360-company-hub strong { color:var(--c360-cd-ink);font-size:.88rem; }
.c360-company-hub span { color:#526B70;font-size:.66rem; }
.c360-building-svg { width:100%;height:auto; }

.c360-value-flow { margin-top:8px;padding:12px;border-radius:14px;background:rgba(248,252,251,.80);border:1px solid rgba(74,104,107,.10); }
.c360-value-flow-head { display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px; }
.c360-value-flow-head strong { color:var(--c360-cd-ink);font-size:.8rem; }
.c360-value-flow-head span { color:#526B70;font-size:.66rem; }
.c360-value-steps { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px; }
.c360-value-steps div { position:relative;min-height:60px;padding:8px;border-radius:10px;background:#F8FCFB;border:1px solid rgba(74,104,107,.10);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center; }
.c360-value-steps span { width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#E4F1EE;color:#4A686B;font-size:.61rem; }
.c360-value-steps strong { color:#40595F;font-size:.65rem;margin-top:4px; }
.c360-value-steps b { position:absolute;right:-9px;color:#6C8E91;font-size:.85rem; }

.c360-control-panel { display:flex;flex-direction:column; }
.c360-score-gauge {
  width:154px;height:154px;margin:4px auto 8px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--c360-cd-blue) calc(var(--score)*1%),rgba(108,142,145,.16) 0);
  position:relative;
}
.c360-score-gauge::after { content:"";position:absolute;inset:14px;border-radius:50%;background:#F7FBFA;box-shadow:inset 0 0 0 1px rgba(74,104,107,.08); }
.c360-score-gauge > div { position:relative;z-index:2;display:flex;align-items:baseline;gap:3px; }
.c360-score-gauge strong { color:var(--c360-cd-ink);font-size:2.4rem;line-height:1; }
.c360-score-gauge span { color:#526B70;font-size:.75rem; }
.c360-gauge-label { text-align:center;color:#5F797E;font-size:.75rem;font-weight:700;margin:0 0 14px; }
.c360-control-stat { padding:11px 0;border-top:1px solid rgba(74,104,107,.10); }
.c360-control-stat > span { display:block;color:#526B70;font-size:.68rem; }
.c360-control-stat > strong { display:block;color:var(--c360-cd-ink);font-size:1.35rem;margin-top:4px; }
.c360-control-progress { height:7px;border-radius:99px;background:rgba(108,142,145,.15);overflow:hidden;margin-top:8px; }
.c360-control-progress i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9FC3BC,#3892A7); }
.c360-action-compact { display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:5px; }
.c360-action-compact strong { color:var(--c360-cd-blue);font-size:1.7rem; }
.c360-action-compact span { color:#526B70;font-size:.72rem; }
.c360-action-compact b { color:#A97827;font-size:.68rem;margin-left:auto; }
.c360-control-divider { height:1px;background:rgba(74,104,107,.10);margin:4px 0; }
.c360-control-attention { padding:10px 0; }
.c360-control-attention .c360-summary-card-head strong { color:var(--c360-cd-ink);font-size:.78rem; }
.c360-control-attention .c360-attention-list { margin-top:8px; }
.c360-control-attention .c360-attention-list li { color:#455E64;font-size:.7rem; }
.c360-control-attention .c360-attention-marker { flex-basis:20px;height:20px;border-color:#6C8E91;color:#6C8E91; }
.c360-control-options { padding-top:10px;display:grid;gap:10px; }
.c360-control-options > strong { color:var(--c360-cd-ink);font-size:.76rem; }
.c360-control-options label { display:flex;align-items:center;justify-content:space-between;gap:10px;color:#526B70;font-size:.7rem; }
.c360-control-options i { width:32px;height:18px;border-radius:99px;background:#DDE7E5;position:relative; }
.c360-control-options i::after { content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 1px 4px rgba(74,104,107,.18); }
.c360-control-options i.is-on { background:#90B0AE; }
.c360-control-options i.is-on::after { left:16px; }

.c360-chatdash-bottom { display:grid;grid-template-columns:1.4fr .85fr .9fr;gap:14px;margin-top:14px; }
.c360-chatdash-bottom > article { padding:16px; }
.c360-chatdash-bottom .c360-diagnostic-flow { grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }
.c360-chatdash-bottom .c360-diagnostic-flow section { background:rgba(203,224,219,.16);border-color:rgba(74,104,107,.08); }
.c360-chatdash-bottom .c360-plan-tabs span.is-active { background:var(--c360-cd-mint);color:#40595F; }
.c360-chatdash-bottom .c360-agent-flow span { background:rgba(177,210,202,.28);color:#40595F;border-color:rgba(74,104,107,.10); }
.c360-chatdash-cockpit .c360-domain-results { margin-top:14px;padding:16px; }
.c360-chatdash-cockpit .c360-domain-score { border-color:rgba(74,104,107,.10); }
.c360-chatdash-cockpit .c360-domain-score strong { color:#344D53; }
.c360-chatdash-cockpit .c360-domain-score-value { color:var(--c360-cd-blue); }
.c360-chatdash-cockpit .c360-disclaimer-light { background:rgba(248,252,251,.78);border-color:rgba(74,104,107,.10);border-left-color:var(--c360-cd-blue); }

@media (max-width:1500px) {
  .c360-chatdash-workspace { grid-template-columns:220px minmax(0,1fr) 270px; }
  .c360-workflow-node { width:155px; }
  .c360-library-grid { grid-template-columns:1fr; }
}
@media (max-width:1220px) {
  .c360-chatdash-workspace { grid-template-columns:210px minmax(0,1fr); }
  .c360-control-panel { grid-column:1 / -1;display:grid;grid-template-columns:160px 1fr 1fr;gap:14px;align-items:start; }
  .c360-control-panel > .c360-panel-heading { grid-column:1 / -1; }
  .c360-control-divider,.c360-control-options { display:none; }
  .c360-chatdash-bottom { grid-template-columns:1fr 1fr; }
  .c360-diagnostic-card { grid-column:1 / -1; }
}
@media (max-width:899px) {
  .c360-chatdash-workspace { grid-template-columns:1fr; }
  .c360-node-library { display:none; }
  .c360-flow-canvas { min-height:auto; }
  .c360-workflow-stage { display:none; }
  .c360-value-steps { grid-template-columns:1fr 1fr; }
  .c360-control-panel { grid-column:auto;display:block; }
  .c360-control-divider,.c360-control-options { display:block; }
  .c360-chatdash-bottom { grid-template-columns:1fr; }
  .c360-chatdash-bottom .c360-diagnostic-flow { grid-template-columns:1fr; }
  .c360-view-switch { display:none; }
}


/* v0.4.4 background refinement to match reference */
:root{
  --c360-cd-page:#E7F0ED;
  --c360-cd-page-2:#DDEBE7;
  --c360-cd-surface:#F3F8F6;
}
body.c360-standalone-page{
  background: linear-gradient(180deg,var(--c360-cd-page) 0%, var(--c360-cd-page-2) 100%) !important;
}
.c360-standalone-html{
  background: var(--c360-cd-page) !important;
}
.c360-standalone-wrap{
  background: transparent;
}
.c360-shell{
  background: rgba(243,248,246,.82);
  border-color: rgba(74,104,107,.10);
}
.c360-sidebar{
  background: rgba(245,250,248,.92);
}
.c360-main{
  background: transparent;
}
.c360-chatdash-cockpit{
  background: linear-gradient(180deg, rgba(243,248,246,.72), rgba(232,241,238,.50));
  border-color: rgba(74,104,107,.10);
}
.c360-chatdash-canvas{
  background-color: rgba(235,244,241,.72);
}
.c360-chatdash-bottom .c360-workspace-card,
.c360-chatdash-workspace .c360-workspace-card,
.c360-right-control,
.c360-left-library{
  background: rgba(248,252,251,.92);
}


/* v0.4.5 stronger gradient treatment */
:root{
  --c360-cd-page:#E9F2EF;
  --c360-cd-page-2:#D9EAE5;
  --c360-cd-page-3:#F5FAF8;
}
body.c360-standalone-page{
  background:
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.88) 0%, rgba(255,255,255,.38) 18%, rgba(255,255,255,0) 36%),
    radial-gradient(circle at 88% 8%, rgba(159,195,188,.36) 0%, rgba(159,195,188,.10) 22%, rgba(159,195,188,0) 44%),
    linear-gradient(135deg, var(--c360-cd-page-3) 0%, var(--c360-cd-page) 35%, var(--c360-cd-page-2) 100%) !important;
}
.c360-standalone-html{background:linear-gradient(135deg, var(--c360-cd-page-3) 0%, var(--c360-cd-page) 38%, var(--c360-cd-page-2) 100%) !important;}
.c360-shell{
  background: linear-gradient(180deg, rgba(250,253,252,.82) 0%, rgba(238,246,243,.78) 100%);
}
.c360-sidebar{
  background: linear-gradient(180deg, rgba(248,252,251,.96) 0%, rgba(240,248,245,.92) 100%);
}
.c360-chatdash-cockpit{
  background:
    linear-gradient(180deg, rgba(250,253,252,.72) 0%, rgba(236,245,242,.68) 100%),
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 40%);
}
.c360-chatdash-canvas{
  background-color: transparent;
  background-image:
    radial-gradient(circle at top left, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 28%),
    radial-gradient(circle, rgba(74,104,107,.20) 1px, transparent 1px),
    linear-gradient(180deg, rgba(242,248,246,.90) 0%, rgba(229,240,236,.78) 100%);
  background-size: auto, 18px 18px, auto;
}
.c360-left-library,
.c360-right-control,
.c360-chatdash-bottom .c360-workspace-card,
.c360-chatdash-workspace .c360-workspace-card{
  background: linear-gradient(180deg, rgba(252,254,253,.96) 0%, rgba(244,249,247,.92) 100%);
}
.c360-workflow-node,
.c360-company-core,
.c360-value-flow,
.c360-value-steps div{
  background-image: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(242,248,246,.92) 100%);
}
.c360-score-gauge::after{background:linear-gradient(180deg,#FAFCFB 0%, #F0F7F4 100%);} 
.c360-disclaimer-light{background:linear-gradient(180deg, rgba(252,254,253,.92) 0%, rgba(245,250,248,.84) 100%);} 


/* v0.4.6 home/diagnostic restructure */
.c360-home-header-compact { margin-bottom: 14px; }
.c360-compact-title { font-size: clamp(1.55rem, 2.3vw, 2.2rem); margin: 0 0 4px; }
.c360-home-cockpit { display: grid; gap: 16px; }
.c360-systems-ribbon { padding: 14px 16px; }
.c360-systems-row {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 10px;
}
.c360-system-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(74,104,107,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(243,248,246,.92) 100%);
  min-width: 0;
}
.c360-system-pill-icon {
  width: 24px; height: 24px; border-radius: 50%; border: 2px solid currentColor; display:grid; place-items:center; font-size:.72rem; font-weight:800; flex:0 0 24px;
}
.c360-system-pill-copy { min-width: 0; }
.c360-system-pill-copy strong,.c360-system-pill-copy small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.c360-system-pill-copy strong { font-size: .8rem; color: var(--c360-navy); }
.c360-system-pill-copy small { font-size: .73rem; color: #6c8790; }
.c360-system-pill.is-stable { color:#2d8e88; }
.c360-system-pill.is-developing { color:#4f8dab; }
.c360-system-pill.is-attention { color:#a97827; }
.c360-system-pill.is-critical { color:#b35f57; }
.c360-system-pill.is-unknown { color:#7e8f9b; }

.c360-home-grid {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 320px;
  gap: 16px;
  align-items: start;
}
.c360-home-side { display:grid; gap:12px; }
.c360-home-mini-card { padding: 14px 16px; }
.c360-home-mini-card strong,
.c360-home-mini-card small,
.c360-home-mini-card .c360-summary-label { display:block; }
.c360-home-mini-card strong { font-size: 1.08rem; color: var(--c360-navy); margin-top: 6px; }
.c360-home-mini-card small { color:#6c8390; margin-top: 4px; }

.c360-command-center { padding: 16px; }
.c360-command-map { display:grid; grid-template-columns: 1.15fr .85fr; gap: 16px; align-items: start; }
.c360-command-map-stage {
  position: relative;
  min-height: 420px;
  border-radius: 18px;
  padding: 18px;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 28%),
    radial-gradient(circle, rgba(74,104,107,.20) 1px, transparent 1px),
    linear-gradient(180deg, rgba(242,248,246,.90) 0%, rgba(229,240,236,.78) 100%);
  background-size: auto, 18px 18px, auto;
  border: 1px solid rgba(74,104,107,.12);
}
.c360-company-core {
  position:absolute;
  top: 48%; left: 50%; transform: translate(-50%,-50%);
  width: 170px; min-height: 170px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(242,248,246,.92) 100%);
  border: 1px solid rgba(74,104,107,.15);
  box-shadow: 0 14px 32px rgba(23,50,77,.08);
  display:grid; place-items:center; text-align:center; padding: 12px;
}
.c360-company-core svg { width: 88px; height:auto; color:#76c9c5; }
.c360-company-core strong { display:block; color:var(--c360-navy); margin-top: 2px; }
.c360-company-core small { display:block; color:#6c8390; }
.c360-command-node-grid {
  position: relative; min-height: 360px;
}
.c360-command-node {
  position:absolute;
  width: 155px;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(243,248,246,.94) 100%);
  border: 1px solid rgba(74,104,107,.14);
  box-shadow: 0 8px 20px rgba(23,50,77,.06);
}
.c360-command-node span { display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; border:2px solid currentColor; font-size:.72rem; font-weight:800; margin-bottom:6px; }
.c360-command-node strong,.c360-command-node small { display:block; }
.c360-command-node strong { font-size:.84rem; color:var(--c360-navy); }
.c360-command-node small { color:#6c8390; font-size:.73rem; margin-top:4px; }
.c360-command-node.is-stable { color:#2d8e88; }
.c360-command-node.is-developing { color:#4f8dab; }
.c360-command-node.is-attention { color:#a97827; }
.c360-command-node.is-critical { color:#b35f57; }
.c360-command-node.is-unknown { color:#7e8f9b; }
/* positions */
.c360-command-node:nth-child(1){ top:8px; left:50%; transform:translateX(-50%); }
.c360-command-node:nth-child(2){ top:78px; left:20px; }
.c360-command-node:nth-child(3){ top:78px; right:20px; }
.c360-command-node:nth-child(4){ top:195px; left:10px; }
.c360-command-node:nth-child(5){ top:195px; right:10px; }
.c360-command-node:nth-child(6){ bottom:18px; left:40px; }
.c360-command-node:nth-child(7){ bottom:18px; left:50%; transform:translateX(-50%); }
.c360-command-node:nth-child(8){ bottom:18px; right:40px; }
.c360-command-node:nth-child(9){ bottom:115px; right:140px; }
.c360-command-map-stage::before,
.c360-command-map-stage::after { content:''; position:absolute; inset:0; pointer-events:none; }
.c360-command-map-stage::before {
  background:
   linear-gradient(rgba(74,104,107,.14),rgba(74,104,107,.14)) center 120px/2px 90px no-repeat,
   linear-gradient(rgba(74,104,107,.14),rgba(74,104,107,.14)) 32% 50%/110px 2px no-repeat,
   linear-gradient(rgba(74,104,107,.14),rgba(74,104,107,.14)) 68% 50%/110px 2px no-repeat,
   linear-gradient(rgba(74,104,107,.14),rgba(74,104,107,.14)) 50% 75%/2px 100px no-repeat;
}
.c360-command-queue { display:grid; gap:12px; }
.c360-command-queue-head strong,.c360-command-queue-head span { display:block; }
.c360-command-queue-head strong { color:var(--c360-navy); }
.c360-command-queue-head span { color:#6c8390; font-size:.82rem; margin-top:4px; }
.c360-command-queue-list { display:grid; gap:10px; }
.c360-command-task {
  display:grid; grid-template-columns: 34px 1fr; gap:10px;
  padding: 12px; border-radius: 16px; border:1px solid rgba(74,104,107,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,249,247,.92) 100%);
}
.c360-command-task-index { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-weight:700; background:rgba(79,141,171,.12); color:#3f728e; }
.c360-command-task-copy strong,.c360-command-task-copy small,.c360-command-task-copy p { display:block; }
.c360-command-task-copy strong { color:var(--c360-navy); }
.c360-command-task-copy small { color:#6c8390; margin-top:2px; }
.c360-command-task-copy p { color:var(--c360-charcoal); margin:6px 0 0; font-size:.82rem; line-height:1.45; }
.c360-command-task.is-critical .c360-command-task-index { background:rgba(179,95,87,.14); color:#b35f57; }
.c360-command-task.is-attention .c360-command-task-index { background:rgba(169,120,39,.14); color:#a97827; }
.c360-command-task.is-stable .c360-command-task-index { background:rgba(45,142,136,.14); color:#2d8e88; }

.c360-home-control-panel .c360-score-gauge { margin-top: 6px; }
.c360-home-bottom { grid-template-columns: 1.15fr 1fr 1fr; }

.c360-diagnostic-view { display:grid; gap:16px; }
.c360-diagnostic-topline { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:16px; }
.c360-diagnostic-layout { display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; }
.c360-diagnostic-results, .c360-diagnostic-insights { min-width:0; }
.c360-diagnostic-observations { margin:0; padding-left:18px; color:#5f7781; line-height:1.6; }
.c360-diagnostic-observations li + li { margin-top:8px; }
.c360-diagnostic-observations strong { color:var(--c360-navy); }

@media (max-width: 1560px){
  .c360-systems-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1320px){
  .c360-home-grid { grid-template-columns: 1fr; }
  .c360-home-side { grid-template-columns: 1fr 1fr; }
  .c360-command-map { grid-template-columns: 1fr; }
  .c360-diagnostic-layout, .c360-home-bottom, .c360-diagnostic-topline { grid-template-columns: 1fr; }
}
@media (max-width: 1024px){
  .c360-systems-row { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 899px){
  .c360-systems-row, .c360-home-side { grid-template-columns: 1fr; }
  .c360-command-map-stage { min-height: 720px; }
  .c360-command-node { position:relative !important; width:auto; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; margin-bottom:10px; }
  .c360-command-node-grid { display:grid; min-height:0; margin-top:190px; }
  .c360-command-map-stage::before { display:none; }
  .c360-company-core { top: 86px; left:50%; transform:translateX(-50%); }
}


/* v0.5.0 premium redesign */
:root {
  --c360-premium-bg-1: #F4F8F7;
  --c360-premium-bg-2: #EAF2EF;
  --c360-premium-surface: rgba(255,255,255,.88);
  --c360-premium-surface-strong: rgba(255,255,255,.96);
  --c360-premium-border: rgba(19,52,71,.08);
  --c360-premium-border-strong: rgba(19,52,71,.14);
  --c360-premium-shadow: 0 18px 42px rgba(18,45,62,.08);
  --c360-premium-shadow-soft: 0 10px 28px rgba(18,45,62,.06);
}
body.c360-standalone-page {
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.92) 0%, rgba(255,255,255,0) 28%),
    linear-gradient(180deg, var(--c360-premium-bg-1) 0%, var(--c360-premium-bg-2) 100%) !important;
}
.c360-shell {
  background: rgba(255,255,255,.46);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 20px 55px rgba(18,45,62,.08);
}
.c360-sidebar {
  background: rgba(251,253,252,.78);
  border-right: 1px solid rgba(19,52,71,.06);
  backdrop-filter: blur(12px);
}
.c360-main { padding: 28px; }
.c360-premium-header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px;
}
.c360-premium-header-copy h1 {
  margin: 0 0 8px; font-size: clamp(1.4rem, 1.96vw, 2.1rem); line-height: 1.08; color: var(--c360-navy);
}
.c360-premium-header-copy p { margin: 0; color: #617986; max-width: 760px; font-size: 1rem; }
.c360-premium-header-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: flex-end; }
.c360-premium-tabs {
  display: inline-flex; gap: 6px; padding: 6px; background: rgba(255,255,255,.72); border-radius: 999px; border: 1px solid var(--c360-premium-border); box-shadow: var(--c360-premium-shadow-soft);
}
.c360-premium-tabs button {
  border: 0; background: transparent; color: #677E89; padding: 10px 16px; border-radius: 999px; font-weight: 700; cursor: pointer;
}
.c360-premium-tabs button.is-active { background: linear-gradient(180deg, #FFFFFF 0%, #F2F7F5 100%); color: var(--c360-navy); box-shadow: 0 6px 18px rgba(18,45,62,.08); }
.c360-premium-shell { display: grid; gap: 18px; }
.c360-premium-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.c360-premium-stat {
  background: var(--c360-premium-surface); border: 1px solid var(--c360-premium-border); border-radius: 20px; padding: 18px 20px; box-shadow: var(--c360-premium-shadow-soft); backdrop-filter: blur(8px);
}
.c360-premium-stat span, .c360-premium-stat strong, .c360-premium-stat small { display:block; }
.c360-premium-stat span { color: #6A818D; font-size: .82rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; }
.c360-premium-stat strong { color: var(--c360-navy); font-size: 2rem; line-height: 1; margin: 10px 0 8px; }
.c360-premium-stat small { color: #70838E; line-height: 1.45; }
.c360-premium-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) 360px; gap: 18px; align-items: start; }
.c360-premium-main, .c360-premium-side { display: grid; gap: 18px; min-width: 0; }
.c360-premium-card {
  background: var(--c360-premium-surface-strong); border: 1px solid var(--c360-premium-border); border-radius: 24px; padding: 22px; box-shadow: var(--c360-premium-shadow); backdrop-filter: blur(10px);
}
.c360-premium-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap: 14px; margin-bottom: 16px; }
.c360-premium-card-head h2 { margin: 4px 0 0; font-size: 1.35rem; color: var(--c360-navy); }
.c360-premium-head-note { color: #738691; font-size: .84rem; white-space: nowrap; }
.c360-premium-hero { overflow: hidden; }
.c360-premium-hero-inner {
  display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 22px; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(19,52,71,.08);
}
.c360-premium-hero-copy h2 { margin: 6px 0 10px; font-size: 1.75rem; color: var(--c360-navy); }
.c360-premium-hero-copy p { margin: 0; color: #607682; line-height: 1.7; max-width: 720px; }
.c360-premium-hero-graphic {
  display: grid; place-items:center; min-height: 220px; border-radius: 22px; background: linear-gradient(180deg, rgba(240,246,244,.96) 0%, rgba(231,240,236,.82) 100%); border: 1px solid rgba(19,52,71,.06);
}
.c360-premium-hero-graphic svg { width: 210px; color: #78BEB8; }
.c360-premium-focus-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.c360-focus-card {
  border: 1px solid rgba(19,52,71,.09); border-radius: 18px; padding: 18px; background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(246,250,248,.92) 100%); display:grid; grid-template-columns: 42px 1fr; gap: 14px;
}
.c360-focus-rank { width: 42px; height:42px; border-radius: 14px; background: rgba(79,141,171,.12); color: #43748F; display:grid; place-items:center; font-weight: 800; }
.c360-focus-copy { min-width:0; }
.c360-focus-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.c360-focus-head strong { color: var(--c360-navy); }
.c360-focus-head span { color: var(--c360-navy); font-weight: 800; }
.c360-focus-copy small { display:block; color: #7A8D98; margin-top:4px; }
.c360-focus-copy p { margin: 8px 0 0; color: #5F7580; line-height: 1.55; font-size: .9rem; }
.c360-focus-card.is-critical .c360-focus-rank { background: rgba(179,95,87,.12); color: #B35F57; }
.c360-focus-card.is-attention .c360-focus-rank { background: rgba(169,120,39,.12); color: #A97827; }
.c360-focus-card.is-stable .c360-focus-rank { background: rgba(45,142,136,.12); color: #2D8E88; }
.c360-focus-card.is-developing .c360-focus-rank { background: rgba(79,141,171,.12); color: #4F8DAB; }
.c360-premium-domain-table { border: 1px solid rgba(19,52,71,.08); border-radius: 18px; overflow: hidden; background: linear-gradient(180deg, rgba(250,252,251,.95) 0%, rgba(244,249,247,.92) 100%); }
.c360-domain-table-head, .c360-domain-row {
  display: grid; grid-template-columns: minmax(220px, 1.15fr) 120px 180px minmax(240px, 1.5fr); gap: 14px; align-items: center; padding: 16px 18px;
}
.c360-domain-table-head { background: rgba(19,52,71,.03); color: #72828C; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.c360-domain-row + .c360-domain-row { border-top: 1px solid rgba(19,52,71,.08); }
.c360-domain-row-main { display:flex; align-items:center; gap: 14px; min-width: 0; }
.c360-domain-chip { width: 36px; height:36px; border-radius: 12px; display:grid; place-items:center; border: 1.5px solid currentColor; font-weight: 800; flex:0 0 36px; }
.c360-domain-row-main strong, .c360-domain-row-main small { display:block; }
.c360-domain-row-main strong { color: var(--c360-navy); }
.c360-domain-row-main small { color: #7D8E97; margin-top: 2px; }
.c360-domain-row-score { font-weight: 800; color: var(--c360-navy); font-size: 1.2rem; }
.c360-domain-row-score span { font-size: .75rem; color: #80909A; margin-left: 2px; }
.c360-domain-row-priority { color: #5B7180; font-weight: 700; }
.c360-domain-row-action { color: #5F7480; line-height: 1.55; }
.c360-domain-row.is-critical { color: #B35F57; }
.c360-domain-row.is-attention { color: #A97827; }
.c360-domain-row.is-developing { color: #4F8DAB; }
.c360-domain-row.is-stable { color: #2D8E88; }
.c360-domain-row.is-unknown { color: #7F919B; }
.c360-flow-clean { display:grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 12px; }
.c360-flow-step-clean {
  position: relative; min-height: 90px; padding: 18px 14px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(243,248,246,.92) 100%); border: 1px solid rgba(19,52,71,.08); display:grid; align-content:center; justify-items:center; text-align:center;
}
.c360-flow-step-clean span { width: 28px; height:28px; border-radius: 999px; display:grid; place-items:center; background: rgba(79,141,171,.12); color: #44758F; font-size: .76rem; font-weight: 800; margin-bottom: 10px; }
.c360-flow-step-clean strong { color: var(--c360-navy); font-size: .9rem; }
.c360-premium-side-card .c360-premium-card-head { margin-bottom: 14px; }
.c360-premium-attention-list { list-style: none; margin: 0; padding: 0; display:grid; gap: 12px; }
.c360-premium-attention-list li { display:grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: flex-start; }
.c360-premium-attention-list li > div { min-width:0; }
.c360-premium-attention-list strong, .c360-premium-attention-list small { display:block; }
.c360-premium-attention-list strong { color: var(--c360-navy); }
.c360-premium-attention-list small { color: #768792; margin-top: 4px; line-height: 1.45; }
.c360-premium-shell .c360-attention-marker { margin: 0; width: 28px; height: 28px; font-size: .8rem; }
.c360-premium-grid-diagnostic { grid-template-columns: minmax(0, 1.45fr) 360px; }
.c360-diagnostic-table { display:grid; gap: 10px; }
.c360-diagnostic-row {
  border: 1px solid rgba(19,52,71,.08); border-radius: 18px; padding: 16px 18px; background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(245,250,248,.92) 100%); display:grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 12px 18px; align-items: center;
}
.c360-diagnostic-row-main { display:flex; align-items:center; gap: 14px; min-width:0; }
.c360-diagnostic-row-main span { width: 34px; height:34px; border-radius: 12px; border: 1.5px solid currentColor; display:grid; place-items:center; font-weight: 800; flex:0 0 34px; }
.c360-diagnostic-row-main strong,.c360-diagnostic-row-main small { display:block; }
.c360-diagnostic-row-main strong { color: var(--c360-navy); }
.c360-diagnostic-row-main small { color: #7B8B94; margin-top: 2px; }
.c360-diagnostic-row-score { text-align:right; font-weight: 800; color: var(--c360-navy); font-size: 1.15rem; }
.c360-diagnostic-row-score span { font-size: .75rem; color: #7B8B94; margin-left: 2px; }
.c360-diagnostic-row p { grid-column: 1 / -1; margin: 0; color: #5E7480; line-height: 1.55; }
.c360-diagnostic-row.is-critical { color: #B35F57; }
.c360-diagnostic-row.is-attention { color: #A97827; }
.c360-diagnostic-row.is-developing { color: #4F8DAB; }
.c360-diagnostic-row.is-stable { color: #2D8E88; }
.c360-diagnostic-row.is-unknown { color: #7F919B; }
.c360-insight-list { display:grid; gap: 12px; }
.c360-insight-card {
  display:grid; grid-template-columns: 40px 1fr; gap: 14px; align-items:start; padding: 16px; border-radius: 18px; border: 1px solid rgba(19,52,71,.08); background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(245,250,248,.92) 100%);
}
.c360-insight-rank { width:40px; height:40px; border-radius: 14px; display:grid; place-items:center; background: rgba(79,141,171,.12); color: #44758F; font-weight: 800; }
.c360-insight-card strong,.c360-insight-card small,.c360-insight-card p { display:block; }
.c360-insight-card strong { color: var(--c360-navy); }
.c360-insight-card small { color: #7B8C96; margin-top: 3px; }
.c360-insight-card p { margin: 8px 0 0; color: #5E7480; line-height: 1.55; }
@media (max-width: 1560px) {
  .c360-premium-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .c360-premium-grid, .c360-premium-grid-diagnostic { grid-template-columns: 1fr; }
}
@media (max-width: 1220px) {
  .c360-premium-hero-inner { grid-template-columns: 1fr; }
  .c360-premium-focus-grid { grid-template-columns: 1fr; }
  .c360-domain-table-head, .c360-domain-row { grid-template-columns: minmax(0,1.15fr) 110px 170px minmax(0,1.25fr); }
  .c360-flow-clean { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 960px) {
  .c360-main { padding: 16px; }
  .c360-premium-header { flex-direction: column; }
  .c360-premium-header-actions { width: 100%; justify-content: flex-start; }
  .c360-premium-stats { grid-template-columns: 1fr; }
  .c360-domain-table-head { display: none; }
  .c360-domain-row { grid-template-columns: 1fr; }
  .c360-domain-row-score, .c360-domain-row-priority { text-align: left; }
  .c360-flow-clean { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .c360-premium-tabs { width: 100%; overflow:auto; }
  .c360-premium-tabs button { flex: 1 0 auto; }
  .c360-flow-clean { grid-template-columns: 1fr; }
}

/* v0.7.0 Recommendation & Action Engine */
.c360-action-workspace { display:grid; gap:18px; }
.c360-action-summary {
  min-width: 150px; padding: 14px 18px; border-radius: 18px;
  background: rgba(255,255,255,.86); border: 1px solid rgba(19,52,71,.08);
  box-shadow: 0 10px 28px rgba(18,45,62,.06); text-align: right;
}
.c360-action-summary strong,.c360-action-summary span { display:block; }
.c360-action-summary strong { color:var(--c360-navy); font-size:1.6rem; }
.c360-action-summary span { color:#71848f; font-size:.82rem; margin-top:3px; }
.c360-active-action-list { display:grid; gap:12px; }
.c360-action-item {
  display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:18px; align-items:center;
  padding:16px 18px; border:1px solid rgba(19,52,71,.08); border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,248,.94));
}
.c360-action-item h3 { margin:5px 0 6px; color:var(--c360-navy); font-size:1rem; }
.c360-action-item p { margin:0; color:#667c87; font-size:.86rem; line-height:1.5; }
.c360-action-meta { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; color:#728690; font-size:.76rem; }
.c360-action-priority {
  display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:24px;
  border-radius:999px; background:rgba(56,146,167,.10); color:#39778a; font-weight:800;
}
.c360-action-item-control label { display:grid; gap:6px; color:#6d818b; font-size:.76rem; font-weight:700; }
.c360-action-item-control .c360-input { padding:9px 10px; }
.c360-proposal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.c360-proposal-card {
  display:flex; flex-direction:column; min-height:300px; padding:18px; border:1px solid rgba(19,52,71,.08);
  border-radius:20px; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,247,.92));
}
.c360-proposal-top { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.c360-proposal-top h3 { margin:5px 0 0; color:var(--c360-navy); font-size:1.02rem; line-height:1.4; }
.c360-proposal-due {
  flex:0 0 auto; padding:7px 10px; border-radius:999px; background:rgba(159,195,188,.20);
  color:#4a686b; font-size:.74rem; font-weight:800;
}
.c360-proposal-card > p { color:#617783; font-size:.85rem; line-height:1.55; margin:12px 0 0; }
.c360-proposal-origin { padding-top:12px; border-top:1px solid rgba(19,52,71,.06); }
.c360-proposal-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0; }
.c360-proposal-details > div { padding:11px 12px; border-radius:14px; background:rgba(239,246,243,.72); border:1px solid rgba(19,52,71,.06); }
.c360-proposal-details span,.c360-proposal-details strong,.c360-proposal-details small { display:block; }
.c360-proposal-details span { color:#798b94; font-size:.7rem; text-transform:uppercase; letter-spacing:.03em; font-weight:700; }
.c360-proposal-details strong { color:var(--c360-navy); font-size:.82rem; margin-top:5px; line-height:1.35; }
.c360-proposal-details small { color:#758791; font-size:.72rem; margin-top:3px; }
.c360-proposal-card .c360-add-action { margin-top:auto; align-self:flex-start; }
@media (max-width:1200px){
  .c360-proposal-grid { grid-template-columns:1fr; }
  .c360-proposal-details { grid-template-columns:1fr; }
}
@media (max-width:760px){
  .c360-action-item { grid-template-columns:1fr; }
  .c360-action-summary { width:100%; box-sizing:border-box; text-align:left; }
}

/* v0.8.0 KPI & Monitoring Engine */
.c360-kpi-summary-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.c360-kpi-summary-grid article {
  background:var(--c360-premium-surface-strong,#fff);
  border:1px solid rgba(19,52,71,.08);
  border-radius:20px;
  padding:18px 20px;
  box-shadow:0 10px 28px rgba(18,45,62,.06);
}
.c360-kpi-summary-grid span,.c360-kpi-summary-grid strong { display:block; }
.c360-kpi-summary-grid span { color:#6a818d;font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.035em; }
.c360-kpi-summary-grid strong { color:var(--c360-navy);font-size:2rem;margin-top:8px; }
.c360-kpi-monitor-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.c360-kpi-monitor-card {
  background:rgba(255,255,255,.96);
  border:1px solid rgba(19,52,71,.09);
  border-radius:22px;
  padding:20px;
  box-shadow:0 16px 36px rgba(18,45,62,.07);
  min-width:0;
}
.c360-kpi-monitor-head { display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px; }
.c360-kpi-monitor-head h3 { margin:4px 0 0;color:var(--c360-navy);font-size:1.15rem; }
.c360-kpi-status { padding:7px 10px;border-radius:999px;background:rgba(79,141,171,.10);color:#466f83;font-size:.76rem;font-weight:800;white-space:nowrap; }
.c360-kpi-monitor-card.is-on_target .c360-kpi-status { background:rgba(45,142,136,.12);color:#2d7d78; }
.c360-kpi-monitor-card.is-deteriorating .c360-kpi-status { background:rgba(179,95,87,.11);color:#a6524c; }
.c360-kpi-monitor-card.is-improving .c360-kpi-status { background:rgba(79,141,171,.11);color:#477b96; }
.c360-kpi-values { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.c360-kpi-values > div { padding:13px 14px;border:1px solid rgba(19,52,71,.07);border-radius:15px;background:linear-gradient(180deg,#fff,#f6faf8); }
.c360-kpi-values span,.c360-kpi-values strong { display:block; }
.c360-kpi-values span { color:#718691;font-size:.75rem; }
.c360-kpi-values strong { color:var(--c360-navy);font-size:1rem;margin-top:5px; }
.c360-kpi-trend-row { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;color:#70828c;font-size:.82rem; }
.c360-kpi-trend { padding:6px 9px;border-radius:999px;background:rgba(108,142,145,.09);font-weight:800;color:#60747d; }
.c360-kpi-trend.is-improving { background:rgba(45,142,136,.10);color:#2d7d78; }
.c360-kpi-trend.is-deteriorating { background:rgba(179,95,87,.10);color:#a6524c; }
.c360-kpi-progress-wrap { margin:14px 0; }
.c360-kpi-progress-label { display:flex;justify-content:space-between;gap:12px;color:#6b808b;font-size:.8rem;margin-bottom:7px; }
.c360-kpi-progress-label strong { color:var(--c360-navy); }
.c360-kpi-progress { height:8px;background:rgba(19,52,71,.07);border-radius:999px;overflow:hidden; }
.c360-kpi-progress i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9fc3bc,#3892a7); }
.c360-kpi-history { border-top:1px solid rgba(19,52,71,.08);border-bottom:1px solid rgba(19,52,71,.08);padding:12px 0;margin:12px 0; }
.c360-kpi-history summary { cursor:pointer;color:var(--c360-navy);font-weight:750; }
.c360-kpi-history > div { margin-top:10px;display:grid;gap:6px; }
.c360-kpi-history-row { display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;background:#f7faf9;color:#6c808b;font-size:.82rem; }
.c360-kpi-history-row strong { color:var(--c360-navy); }
.c360-kpi-history-empty { color:#768a94;font-size:.82rem;padding:7px 0; }
.c360-kpi-value-form { display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:10px;align-items:end;margin-top:14px; }
.c360-kpi-value-form label,.c360-kpi-settings-form label { display:grid;gap:6px;color:#5f7580;font-size:.78rem;font-weight:700; }
.c360-kpi-settings-form { margin-top:12px;padding-top:12px;border-top:1px solid rgba(19,52,71,.07); }
.c360-kpi-settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px; }
@media (max-width:1300px) {
  .c360-kpi-monitor-grid { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .c360-kpi-summary-grid { grid-template-columns:1fr 1fr; }
  .c360-kpi-value-form { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .c360-kpi-summary-grid,.c360-kpi-values,.c360-kpi-settings-grid { grid-template-columns:1fr; }
}

/* v0.9.0 Memory & Learning Loop */
.c360-memory-shell { display:grid; gap:18px; }
.c360-memory-grid { display:grid; grid-template-columns:minmax(0,1.5fr) 390px; gap:18px; align-items:start; }
.c360-memory-main,.c360-memory-side { display:grid; gap:18px; min-width:0; }
.c360-memory-timeline { display:grid; gap:0; }
.c360-memory-event { display:grid; grid-template-columns:28px minmax(0,1fr); gap:12px; position:relative; padding:0 0 22px; }
.c360-memory-event:last-child { padding-bottom:0; }
.c360-memory-event-line { position:relative; display:flex; justify-content:center; }
.c360-memory-event-line::after { content:""; position:absolute; top:18px; bottom:-22px; width:1px; background:rgba(23,50,77,.10); }
.c360-memory-event:last-child .c360-memory-event-line::after { display:none; }
.c360-memory-dot { position:relative; z-index:1; width:12px; height:12px; margin-top:5px; border-radius:50%; background:#7E98A3; box-shadow:0 0 0 5px #F4F8F7; }
.c360-memory-dot.importance-4 { background:#4F8DAB; }
.c360-memory-dot.importance-5 { background:#2B6F6C; }
.c360-memory-event-body { padding-bottom:2px; min-width:0; }
.c360-memory-event-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:5px; }
.c360-memory-event-meta span { color:#527180; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; font-weight:800; }
.c360-memory-event-meta time { color:#82929B; font-size:.78rem; }
.c360-memory-event-body strong { display:block; color:var(--c360-navy); font-size:.94rem; }
.c360-memory-event-body p { margin:5px 0 0; color:#607681; line-height:1.55; font-size:.87rem; }
.c360-memory-lessons { display:grid; gap:12px; }
.c360-memory-lesson { padding:15px; border:1px solid rgba(23,50,77,.08); border-radius:16px; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,247,.92)); }
.c360-memory-lesson-head { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:8px; }
.c360-memory-lesson-head span { font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#4F8DAB; }
.c360-memory-lesson.is-worked .c360-memory-lesson-head span { color:#2D8E88; }
.c360-memory-lesson.is-did_not_work .c360-memory-lesson-head span { color:#A4453D; }
.c360-memory-lesson-head small { color:#88979F; }
.c360-memory-lesson strong { display:block; color:var(--c360-navy); }
.c360-memory-lesson p { margin:7px 0 0; color:#607681; line-height:1.5; font-size:.85rem; }
.c360-memory-comparison { display:grid; gap:9px; }
.c360-memory-change { display:grid; grid-template-columns:1fr auto 62px; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid rgba(23,50,77,.07); }
.c360-memory-change:last-child { border-bottom:0; }
.c360-memory-change strong { color:var(--c360-navy); }
.c360-memory-change span { color:#687E89; font-size:.84rem; }
.c360-memory-change b { text-align:right; font-size:.86rem; }
.c360-memory-change b.is-positive { color:#2D8E88; }
.c360-memory-change b.is-negative { color:#A4453D; }
.c360-snapshot-list { display:grid; gap:0; }
.c360-snapshot-row { display:grid; grid-template-columns:1.2fr .7fr .8fr; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(23,50,77,.07); }
.c360-snapshot-row:last-child { border-bottom:0; }
.c360-snapshot-row div:first-child strong,.c360-snapshot-row div:first-child small { display:block; }
.c360-snapshot-row div:first-child strong { color:var(--c360-navy); font-size:.86rem; }
.c360-snapshot-row div:first-child small { color:#85949C; margin-top:2px; }
.c360-snapshot-row span,.c360-snapshot-row b { display:block; }
.c360-snapshot-row span { color:#85949C; font-size:.7rem; text-transform:uppercase; }
.c360-snapshot-row b { color:var(--c360-navy); margin-top:2px; }
@media(max-width:1280px){ .c360-memory-grid{grid-template-columns:1fr;} }
@media(max-width:700px){ .c360-memory-event-meta{align-items:flex-start;flex-direction:column;gap:2px;} .c360-snapshot-row{grid-template-columns:1fr 1fr;} .c360-snapshot-row div:first-child{grid-column:1/-1;} }

/* v1.0.0 Agent Core */
.c360-agent-shell { display:grid; gap:18px; }
.c360-agent-readiness {
  min-width: 190px; padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.9); border:1px solid rgba(23,50,77,.08); box-shadow:0 10px 28px rgba(18,45,62,.06);
}
.c360-agent-readiness span,.c360-agent-readiness strong{display:block}.c360-agent-readiness span{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:#70828d}.c360-agent-readiness strong{margin-top:5px;color:var(--c360-navy)}
.c360-agent-readiness.is-ready{border-left:4px solid #2D8E88}.c360-agent-readiness.is-partial{border-left:4px solid #A97827}.c360-agent-readiness.is-not_ready{border-left:4px solid #B35F57}
.c360-agent-briefing-hero > p { margin:0; font-size:1.03rem; line-height:1.75; color:#506976; max-width:1000px; }
.c360-agent-classification { display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; background:rgba(45,91,124,.08); color:#466c82; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; }
.c360-agent-grid { display:grid; grid-template-columns:minmax(0,1.55fr) 380px; gap:18px; align-items:start; }
.c360-agent-main,.c360-agent-side{display:grid;gap:18px;min-width:0}
.c360-agent-priority-list{display:grid;gap:12px}
.c360-agent-priority-card{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px;border:1px solid rgba(23,50,77,.08);border-radius:18px;background:linear-gradient(180deg,#fff,#f7faf9)}
.c360-agent-priority-rank{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(79,141,171,.12);color:#42718c;font-weight:800}
.c360-agent-priority-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.c360-agent-priority-meta span{color:#748791;font-size:.78rem}.c360-agent-priority-meta b{font-size:.74rem;color:#6b7d87}
.c360-agent-priority-card strong{color:var(--c360-navy)}.c360-agent-priority-card p{margin:7px 0 0;color:#607681;line-height:1.55}
.c360-agent-selfcheck{display:grid;gap:12px}.c360-agent-selfcheck-item{padding:17px;border-radius:18px;border:1px solid rgba(23,50,77,.08);background:rgba(247,250,249,.92)}.c360-agent-selfcheck-item strong{color:var(--c360-navy)}.c360-agent-selfcheck-item p{margin:8px 0 0;color:#607681;line-height:1.55}.c360-agent-selfcheck-item b{color:#405967}
.c360-agent-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.c360-agent-evidence-card{padding:17px;border-radius:18px;border:1px solid rgba(23,50,77,.08);background:linear-gradient(180deg,#fff,#f7faf9)}.c360-agent-evidence-card strong,.c360-agent-evidence-card p{display:block}.c360-agent-evidence-card strong{color:var(--c360-navy);margin-top:7px}.c360-agent-evidence-card p{margin:7px 0 0;color:#607681;line-height:1.5}.c360-agent-evidence-type{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#2D8E88}
.c360-agent-risk-list,.c360-agent-question-list{margin:0;padding-left:20px;color:#607681;line-height:1.55}.c360-agent-risk-list{list-style:none;padding-left:0;display:grid;gap:11px}.c360-agent-risk-list li{padding:12px 0;border-bottom:1px solid rgba(23,50,77,.07)}.c360-agent-risk-list li:last-child{border-bottom:0}.c360-agent-risk-list strong,.c360-agent-risk-list small{display:block}.c360-agent-risk-list strong{color:var(--c360-navy)}.c360-agent-risk-list small{margin-top:4px;color:#7a8c96}
.c360-agent-question-list li+li{margin-top:8px}
.c360-agent-kpi-list,.c360-agent-lessons{display:grid;gap:10px}.c360-agent-kpi-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(23,50,77,.07)}.c360-agent-kpi-row:last-child{border-bottom:0}.c360-agent-kpi-row strong,.c360-agent-kpi-row small{display:block}.c360-agent-kpi-row strong{color:var(--c360-navy)}.c360-agent-kpi-row small{color:#7d8d96;margin-top:2px}.c360-agent-kpi-row>span{font-weight:800;color:#456b7c;white-space:nowrap}
.c360-agent-lesson-row{padding:12px 0;border-bottom:1px solid rgba(23,50,77,.07)}.c360-agent-lesson-row:last-child{border-bottom:0}.c360-agent-lesson-row strong{color:var(--c360-navy)}.c360-agent-lesson-row p{margin:5px 0 0;color:#607681;line-height:1.5}
@media(max-width:1450px){.c360-agent-grid{grid-template-columns:1fr}.c360-agent-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.c360-agent-evidence-grid,.c360-agent-side{grid-template-columns:1fr}}
@media(max-width:700px){.c360-agent-priority-card{grid-template-columns:1fr}.c360-agent-readiness{width:100%;box-sizing:border-box}}

/* v0.17.0 functional intelligence layers; overall design intentionally preserved */
.c360-diagnostic-intelligence-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.c360-diagnostic-signal-card{padding:16px 18px}.c360-diagnostic-signal-card>strong,.c360-diagnostic-signal-card>small{display:block}.c360-diagnostic-signal-card>strong{margin-top:5px;color:var(--c360-navy);font-size:1.05rem}.c360-diagnostic-signal-card>small{margin-top:4px;color:#71858f}.c360-diagnostic-signal-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.c360-diagnostic-signal-list li{padding:12px 0;border-bottom:1px solid rgba(19,52,71,.08)}.c360-diagnostic-signal-list li:last-child{border-bottom:0}.c360-diagnostic-signal-list strong,.c360-diagnostic-signal-list span{display:block}.c360-diagnostic-signal-list strong{color:var(--c360-navy)}.c360-diagnostic-signal-list span{color:#6d808a;font-size:.86rem;line-height:1.45;margin-top:4px}
.c360-kpi-v2-signals{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px}.c360-kpi-v2-signals span{font-size:.76rem;padding:6px 9px;border-radius:999px;background:rgba(74,104,107,.07);color:#5f747e;border:1px solid rgba(74,104,107,.08)}.c360-kpi-v2-signals .is-stale,.c360-kpi-v2-signals .is-anomaly{background:rgba(164,69,61,.08);color:#84443f}.c360-kpi-v2-signals .is-due{background:rgba(140,95,25,.08);color:#7b5c28}.c360-kpi-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.c360-agent-chat-layout{display:grid;grid-template-columns:minmax(0,1.7fr) 360px;gap:18px;align-items:start}.c360-agent-provider-note{border-style:dashed}.c360-agent-provider-note strong{color:var(--c360-navy)}.c360-agent-provider-note p{color:#637985;line-height:1.6;margin-bottom:0}.c360-agent-provider-note code{background:rgba(23,50,77,.06);padding:2px 5px;border-radius:5px}.c360-chat-card{padding:0;overflow:hidden}.c360-chat-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(19,52,71,.08)}.c360-chat-toolbar h2{margin:3px 0 0;color:var(--c360-navy);font-size:1.25rem}.c360-chat-toolbar-actions{display:flex;gap:8px;align-items:center}.c360-chat-toolbar-actions select{min-width:210px}.c360-chat-messages{min-height:420px;max-height:680px;overflow:auto;padding:22px;background:linear-gradient(180deg,rgba(248,252,250,.72),rgba(238,246,243,.72));display:flex;flex-direction:column;gap:14px}.c360-chat-empty{margin:auto;text-align:center;max-width:430px;color:#71848d}.c360-chat-empty strong,.c360-chat-empty span{display:block}.c360-chat-empty strong{color:var(--c360-navy);font-size:1.05rem}.c360-chat-empty span{margin-top:6px;line-height:1.55}.c360-chat-message{max-width:86%;padding:14px 16px;border-radius:18px;border:1px solid rgba(19,52,71,.08);box-shadow:0 5px 15px rgba(18,45,62,.04)}.c360-chat-message.is-user{align-self:flex-end;background:#17324D;color:#fff;border-bottom-right-radius:6px}.c360-chat-message.is-assistant{align-self:flex-start;background:rgba(255,255,255,.96);color:#2c404c;border-bottom-left-radius:6px}.c360-chat-message-role{font-size:.72rem;font-weight:800;opacity:.67;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}.c360-chat-message-body{line-height:1.58}.c360-chat-evidence-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.c360-chat-evidence{font-size:.72rem;padding:5px 7px;border-radius:8px;background:rgba(43,111,108,.08);color:#456f70}.c360-chat-message details{margin-top:10px}.c360-chat-message summary{cursor:pointer;font-size:.8rem;font-weight:700}.c360-chat-message details ul{padding-left:18px}.c360-chat-recs li span{display:block;color:#687c86;margin-top:3px}.c360-chat-form{padding:16px 20px 18px;border-top:1px solid rgba(19,52,71,.08);background:#fff}.c360-chat-form textarea{width:100%;resize:vertical;min-height:82px}.c360-chat-form-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.c360-chat-form-foot small{color:#788b94;line-height:1.4}
@media(max-width:1500px){.c360-agent-chat-layout{grid-template-columns:1fr}.c360-kpi-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.c360-diagnostic-intelligence-strip,.c360-kpi-summary-grid{grid-template-columns:1fr}.c360-chat-toolbar{align-items:flex-start;flex-direction:column}.c360-chat-toolbar-actions{width:100%;flex-wrap:wrap}.c360-chat-toolbar-actions select{min-width:0;flex:1}.c360-chat-message{max-width:96%}.c360-chat-form-foot{align-items:flex-start;flex-direction:column}}

/* v0.17.1 Agent startup error state */
.c360-agent-error-card {
  border-color: rgba(164,69,61,.24);
  background: linear-gradient(180deg, rgba(255,251,250,.98) 0%, rgba(250,244,242,.95) 100%);
}
.c360-agent-error-card strong { color: #7E3732; }
.c360-agent-error-card p { margin: 8px 0 0; }

/* v0.25.0 operational modules: risk, reports, documents, team, notifications */
.c360-ops-list{display:grid;gap:12px;margin-top:18px}
.c360-ops-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(19,52,71,.09);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,248,.94))}
.c360-ops-row-main{display:flex;align-items:flex-start;gap:14px;min-width:0;flex:1}
.c360-ops-row-main strong,.c360-ops-row-main small{display:block}.c360-ops-row-main strong{color:var(--c360-navy)}.c360-ops-row-main small{color:#748792;margin-top:4px;line-height:1.45}
.c360-ops-badge{min-width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(169,120,39,.12);color:#8c5f19;font-weight:800}
.c360-ops-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.c360-ops-controls .c360-input{min-width:130px}
.c360-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;border:1px solid rgba(19,52,71,.08);border-radius:16px;background:rgba(247,251,249,.82)}
.c360-inline-form .c360-input{width:auto;min-width:170px;flex:1}.c360-inline-form-compact .c360-input{min-width:130px}.c360-check{display:flex;gap:8px;align-items:center;color:#607782;font-size:.9rem}
.c360-report-actions{display:flex;gap:10px;flex-wrap:wrap}.c360-report-list{margin-top:22px}
.c360-notification-list{display:grid;gap:10px;margin-top:18px}.c360-notification{display:flex;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid rgba(19,52,71,.08);border-radius:16px}.c360-notification.is-unread{background:rgba(203,224,219,.28);border-color:rgba(43,111,108,.18)}.c360-notification.is-read{background:rgba(248,251,250,.8)}
.c360-notification strong,.c360-notification p,.c360-notification small{display:block}.c360-notification p{margin:5px 0;color:#607782}.c360-notification small{color:#82939b}
.c360-reassessment-status{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;padding:12px 14px;border-radius:14px;background:rgba(203,224,219,.25)}.c360-reassessment-status strong{color:var(--c360-navy)}.c360-reassessment-status span{color:#657d88;font-size:.82rem}
@media(max-width:900px){.c360-ops-row{align-items:flex-start;flex-direction:column}.c360-ops-controls{width:100%}.c360-ops-controls .c360-input{flex:1}.c360-inline-form{align-items:stretch;flex-direction:column}.c360-inline-form .c360-input{width:100%}.c360-notification{flex-direction:column}}


/* v0.25.1 Priorities page */
.c360-priorities-shell { display:grid; gap:18px; }
.c360-priority-list { display:grid; gap:12px; }
.c360-priority-card {
  display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:18px;
  border:1px solid rgba(19,52,71,.08); border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(245,249,248,.94) 100%);
}
.c360-priority-rank { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; font-weight:800; color:#355f77; background:rgba(79,141,171,.12); }
.c360-priority-card.is-p1 .c360-priority-rank { color:#9b4d47; background:rgba(164,69,61,.12); }
.c360-priority-card.p2 .c360-priority-rank { color:#8c5f19; background:rgba(140,95,25,.12); }
.c360-priority-content h3 { margin:8px 0 6px; color:var(--c360-navy); font-size:1.05rem; }
.c360-priority-content > p { margin:0; color:#607580; line-height:1.55; }
.c360-priority-topline { display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:#748893; font-size:.78rem; font-weight:700; }
.c360-priority-pill { padding:5px 9px; border-radius:999px; background:rgba(45,91,124,.08); color:#355f77; }
.c360-priority-card.is-p1 .c360-priority-pill { background:rgba(164,69,61,.10); color:#93453f; }
.c360-priority-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.c360-priority-details > div { padding:10px 12px; border-radius:12px; background:rgba(23,50,77,.035); }
.c360-priority-details span,.c360-priority-details strong { display:block; }
.c360-priority-details span { color:#7a8d97; font-size:.72rem; text-transform:uppercase; font-weight:700; }
.c360-priority-details strong { color:var(--c360-navy); margin-top:3px; }
.c360-priority-note { display:grid; grid-template-columns:140px 1fr; gap:12px; margin-top:12px; padding-top:12px; border-top:1px solid rgba(19,52,71,.07); }
.c360-priority-note strong { color:var(--c360-navy); }
.c360-priority-note span { color:#607580; line-height:1.5; }
.c360-priority-note.is-recommendation strong { color:#2b6f6c; }
@media (max-width:800px){
  .c360-priority-card{grid-template-columns:1fr}.c360-priority-rank{width:36px;height:36px}.c360-priority-details{grid-template-columns:1fr}.c360-priority-note{grid-template-columns:1fr}
}

/* v0.30.0 CRM Core */
.c360-crm-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.c360-crm-template-card{display:flex;flex-direction:column;padding:20px;border:1px solid rgba(19,52,71,.09);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,247,.94));box-shadow:0 12px 30px rgba(18,45,62,.05)}
.c360-crm-template-card h3{margin:6px 0 7px;color:var(--c360-navy);font-size:1.1rem}.c360-crm-template-card p{margin:0;color:#617783;line-height:1.5}.c360-crm-template-card ol{margin:15px 0 18px;padding-left:20px;color:#6d818c;font-size:.86rem;display:grid;gap:5px}.c360-crm-template-card .c360-btn{margin-top:auto;align-self:flex-start}
.c360-crm-tabs{margin:0 0 18px}
.c360-crm-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.c360-crm-summary article{padding:15px 16px;border:1px solid rgba(19,52,71,.08);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(18,45,62,.04)}.c360-crm-summary span,.c360-crm-summary strong{display:block}.c360-crm-summary span{color:#748791;font-size:.72rem;text-transform:uppercase;letter-spacing:.035em;font-weight:750}.c360-crm-summary strong{color:var(--c360-navy);font-size:1.35rem;margin-top:7px}
.c360-crm-add-form{margin-bottom:18px}.c360-crm-board{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 14px;align-items:flex-start;scrollbar-width:thin}.c360-crm-stage{flex:0 0 285px;min-width:285px;border:1px solid rgba(19,52,71,.08);border-radius:18px;background:rgba(244,249,247,.78);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.c360-crm-stage.is-drag-over{border-color:rgba(56,146,167,.45);box-shadow:0 0 0 3px rgba(56,146,167,.08)}.c360-crm-stage>header{padding:13px 14px;border-bottom:1px solid rgba(19,52,71,.07);background:rgba(255,255,255,.76)}.c360-crm-stage>header strong,.c360-crm-stage>header small{display:block}.c360-crm-stage>header strong{color:var(--c360-navy);font-size:.9rem}.c360-crm-stage>header small{color:#81919a;margin-top:3px;font-size:.72rem}.c360-crm-stage-cards{display:grid;gap:10px;padding:10px;min-height:110px}
.c360-crm-deal{padding:13px;border:1px solid rgba(19,52,71,.09);border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(18,45,62,.045);cursor:grab}.c360-crm-deal:active{cursor:grabbing}.c360-crm-deal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.c360-crm-deal strong{color:var(--c360-navy);font-size:.9rem;line-height:1.35}.c360-crm-deal small{display:block;color:#758791;font-size:.72rem;line-height:1.4;margin-top:4px}.c360-crm-deal-value{color:#2b6f6c;font-weight:800;margin-top:9px}.c360-crm-stage-select{width:100%;min-width:0!important;margin-top:10px;padding:7px 8px!important;font-size:.76rem}.c360-crm-blocked{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(164,69,61,.10);color:#93453f;font-size:.67rem;font-weight:800}.c360-crm-stage-empty{padding:18px 8px;text-align:center;color:#8a989f;font-size:.78rem}
@media(max-width:1450px){.c360-crm-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c360-crm-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.c360-crm-template-grid,.c360-crm-summary{grid-template-columns:1fr}.c360-crm-stage{flex-basis:260px;min-width:260px}}

/* CRM setup feedback v0.30.1 */
.c360-crm-setup-status{display:none;margin:0 0 14px;padding:11px 14px;border:1px solid rgba(19,52,71,.12);border-radius:12px;background:#f7faf9;color:#526b77;font-size:.9rem}
.c360-crm-setup-status.is-loading,.c360-crm-setup-status.is-success,.c360-crm-setup-status.is-error{display:block}
.c360-crm-setup-status.is-success{font-weight:600}
.c360-crm-setup-status.is-error{border-style:solid;font-weight:600}

/* CRM KISS v1 — maximum 6 steps, status-first workflow */
.c360-crm-template-steps,.c360-crm-stage-legend{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.c360-crm-stage-legend{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(19,52,71,.08);border-radius:16px;background:rgba(255,255,255,.86)}
.c360-crm-step{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:800;border:1px solid transparent;white-space:nowrap}
.c360-crm-step b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.68rem;background:rgba(255,255,255,.84)}
.c360-crm-tone-1{background:#EAF1F7!important;color:#244D6B!important;border-color:#BCD0E0!important}
.c360-crm-tone-2{background:#FFF4D6!important;color:#76530A!important;border-color:#E7C96F!important}
.c360-crm-tone-3{background:#FBE9D9!important;color:#844818!important;border-color:#E7AE7A!important}
.c360-crm-tone-4{background:#E4F1EE!important;color:#255F5D!important;border-color:#9CC7C0!important}
.c360-crm-tone-5{background:#E2F2F5!important;color:#236A79!important;border-color:#9CCDD6!important}
.c360-crm-tone-6{background:#EEEAF7!important;color:#5A4A85!important;border-color:#C7BCE2!important}
.c360-crm-summary-kiss{grid-template-columns:repeat(4,minmax(0,1fr))}
.c360-crm-kiss-form{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) minmax(120px,.65fr) minmax(145px,.75fr) auto;align-items:center;margin-bottom:14px}
.c360-crm-inline-status{display:none;margin:0 0 12px;padding:9px 12px;border-radius:10px;font-size:.82rem;font-weight:650}
.c360-crm-inline-status.is-loading,.c360-crm-inline-status.is-success,.c360-crm-inline-status.is-error{display:block}
.c360-crm-inline-status.is-loading{background:#F3F7F8;color:#526B77}
.c360-crm-inline-status.is-success{background:#E7F2EF;color:#285F5B}
.c360-crm-inline-status.is-error{background:#F7E9E7;color:#87413B}
.c360-crm-kiss-list,.c360-crm-simple-list{display:grid;gap:8px}
.c360-crm-kiss-row{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(120px,.65fr) minmax(185px,.9fr) minmax(205px,1fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid rgba(19,52,71,.08);border-radius:14px;background:#fff}
.c360-crm-kiss-main strong,.c360-crm-kiss-main small,.c360-crm-kiss-next span,.c360-crm-kiss-next small{display:block}
.c360-crm-kiss-main strong{color:var(--c360-navy);font-size:.92rem}.c360-crm-kiss-main small,.c360-crm-kiss-next small{color:#788B95;font-size:.74rem;margin-top:3px}
.c360-crm-kiss-value{font-weight:800;color:#2B6F6C;white-space:nowrap}
.c360-crm-kiss-next span{font-size:.8rem;color:#405B69;font-weight:650}
.c360-crm-status-select{width:100%;min-width:0;border-radius:10px;border-width:1px;padding:8px 30px 8px 10px;font-size:.78rem;font-weight:800;cursor:pointer}
.c360-crm-simple-row{padding:12px 14px;border:1px solid rgba(19,52,71,.08);border-radius:14px;background:#fff}.c360-crm-simple-row strong,.c360-crm-simple-row small{display:block}.c360-crm-simple-row strong{color:var(--c360-navy)}.c360-crm-simple-row small{margin-top:4px;color:#758791;font-size:.78rem}
@media(max-width:1200px){.c360-crm-summary-kiss{grid-template-columns:repeat(2,minmax(0,1fr))}.c360-crm-kiss-form{grid-template-columns:1fr 1fr}.c360-crm-kiss-row{grid-template-columns:1fr 140px 180px}.c360-crm-kiss-next{grid-column:1/-1}}
@media(max-width:760px){.c360-crm-summary-kiss,.c360-crm-kiss-form,.c360-crm-kiss-row{grid-template-columns:1fr}.c360-crm-kiss-next{grid-column:auto}.c360-crm-stage-legend{overflow-x:auto;flex-wrap:nowrap}.c360-crm-step{flex:0 0 auto}}

/* v0.32.1 — Multi-CRM horizontal KISS */
.c360-crm-switcher-wrap{margin:0 0 16px}
.c360-crm-switcher{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(19,52,71,.08);border-radius:16px;background:rgba(255,255,255,.9)}
.c360-crm-switcher-label{flex:0 0 100%;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:#6e828d}
.c360-crm-pipeline-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.c360-crm-pipeline-chip{appearance:none;border:1px solid rgba(45,91,124,.18);background:#fff;color:#405b69;border-radius:10px;padding:10px 14px;font:inherit;font-size:.84rem;font-weight:750;line-height:1.15;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}
.c360-crm-pipeline-chip:hover{border-color:rgba(45,91,124,.38);background:#f7fafb}
.c360-crm-pipeline-chip.is-active{background:#edf5f6;border-color:#8bc6cf;color:#17324d;box-shadow:inset 0 0 0 1px rgba(56,146,167,.08)}
.c360-crm-pipeline-chip:disabled{cursor:wait;opacity:.7}
.c360-crm-new-button{background:#3892A7!important;border-color:#3892A7!important;color:#fff!important;font-weight:800!important}
.c360-crm-new-button:hover,.c360-crm-new-button:focus{background:#2f8194!important;border-color:#2f8194!important;color:#fff!important}
.c360-crm-options{position:relative}.c360-crm-options>summary{list-style:none;cursor:pointer;padding:9px 13px;border:1px solid rgba(19,52,71,.12);border-radius:10px;color:#405b69;background:#fff;font-weight:700;font-size:.82rem}.c360-crm-options>summary::-webkit-details-marker{display:none}
.c360-crm-options-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:290px;padding:13px;border:1px solid rgba(19,52,71,.12);border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(18,45,62,.14)}
.c360-crm-options-popover form{display:grid;gap:9px;margin-bottom:10px}.c360-crm-options-popover label{display:grid;gap:5px;color:#526b77;font-size:.78rem;font-weight:700}.c360-crm-options-popover .c360-btn{width:100%}
.c360-crm-options-popover .c360-muted{display:block;margin-top:8px;font-size:.72rem}
.c360-crm-new-panel{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(200px,1fr) auto auto;gap:9px;align-items:center;margin-top:10px;padding:12px 14px;border:1px solid rgba(19,52,71,.09);border-radius:14px;background:#f7faf9}.c360-crm-new-panel[hidden]{display:none!important}
@media(max-width:850px){.c360-crm-switcher{align-items:stretch}.c360-crm-pipeline-tabs{width:100%}.c360-crm-pipeline-chip{flex:1 1 calc(50% - 8px);text-align:left}.c360-crm-new-button{flex:1 1 100%}.c360-crm-options{margin-left:0}.c360-crm-options-popover{left:0;right:auto;max-width:calc(100vw - 64px)}.c360-crm-new-panel{grid-template-columns:1fr}.c360-crm-new-panel .c360-btn{width:100%}}
@media(max-width:520px){.c360-crm-pipeline-chip{flex-basis:100%}}


/* v0.33.0 — Home Action Flow dashboard */
.c360-home-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 22px;padding:4px 2px 0}.c360-home-greeting h1{margin:0;color:#17324d;font-size:1.9rem;line-height:1.05;letter-spacing:-.025em}.c360-home-greeting p{margin:7px 0 0;color:#6f8490;font-size:.95rem}.c360-home-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.c360-home-company-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid rgba(23,50,77,.10);border-radius:12px;background:rgba(255,255,255,.92);color:#304b5b;font-weight:760;box-shadow:0 6px 18px rgba(18,45,62,.035)}.c360-home-user-chip{display:flex;align-items:center;gap:9px;min-height:42px}.c360-home-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e8edf2;color:#29495e;font-weight:800;font-size:.78rem}.c360-home-user-chip strong,.c360-home-user-chip small{display:block}.c360-home-user-chip strong{color:#263f50;font-size:.82rem}.c360-home-user-chip small{margin-top:2px;color:#8a9aa2;font-size:.68rem}.c360-home-assessment-cta{min-height:42px;padding:0 15px;border-radius:12px!important}
.c360-flow-dashboard{position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 18% 32%,rgba(255,255,255,.025),transparent 29%),linear-gradient(135deg,#22272d 0%,#181d22 100%);border:1px solid rgba(17,30,40,.22);box-shadow:0 18px 45px rgba(21,37,49,.12);padding:24px 26px 22px;color:#f6f7f8}.c360-flow-dashboard:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.34) .75px,transparent .75px);background-size:18px 18px}.c360-flow-map,.c360-flow-kpis{position:relative;z-index:1}.c360-flow-map{min-height:450px;display:grid;grid-template-columns:42% 58%;align-items:center}.c360-flow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.c360-flow-lines path{fill:none;stroke:#8a735f;stroke-width:1.7;vector-effect:non-scaling-stroke;opacity:.8}.c360-flow-lines circle{fill:#f2f2ef;stroke:#b66f3e;stroke-width:2;filter:drop-shadow(0 0 3px rgba(216,119,57,.28))}.c360-flow-plan-node{justify-self:center;align-self:center;position:relative;z-index:2;width:min(72%,280px);min-height:74px;border:1px solid rgba(183,128,83,.52);border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(50,53,55,.95),rgba(39,42,45,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);color:#f4f1ed;font-size:1.16rem;font-weight:700;letter-spacing:-.01em}.c360-flow-plan-node:before,.c360-flow-plan-node:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#f0eee8;border:2px solid #b86d37}.c360-flow-plan-node:before{left:-5px}.c360-flow-plan-node:after{right:-5px}
.c360-flow-actions-wrap{grid-column:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:18px 0 18px 6%}.c360-flow-actions-wrap h2{margin:0 0 18px 0;font-size:1.18rem;color:#f5f5f3;font-weight:700;letter-spacing:-.015em}.c360-flow-actions{display:grid;gap:14px}.c360-flow-action{appearance:none;width:100%;min-height:94px;display:grid;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:16px;padding:14px 17px;border:1px solid rgba(156,139,122,.34);border-radius:15px;background:linear-gradient(180deg,rgba(45,49,53,.92),rgba(37,41,45,.94));color:#f4f4f2;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.c360-flow-action:hover{transform:translateX(2px);border-color:rgba(181,133,89,.52);background:linear-gradient(180deg,rgba(50,54,58,.95),rgba(39,43,47,.96))}.c360-flow-action.is-empty{cursor:default;opacity:.5}.c360-flow-action.is-empty:hover{transform:none}.c360-flow-action-rank{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #bb7640;color:#fff;font-size:1.05rem;font-weight:800}.c360-flow-action-title{font-size:.98rem;line-height:1.35;font-weight:650}.c360-flow-status{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.10);font-size:.78rem;font-weight:760;white-space:nowrap}.c360-flow-status.is-urgent{background:#785338;color:#fff1e6;border-color:#966747}.c360-flow-status.is-progress{background:#4a5561;color:#f3f5f6}.c360-flow-status.is-planned{background:#3f624d;color:#edf7f0}.c360-flow-status.is-blocked{background:#724b46;color:#fff0ed}.c360-flow-status.is-done{background:#3e625e;color:#eaf7f5}.c360-flow-status.is-neutral{background:rgba(255,255,255,.04);color:#aab2b7}.c360-flow-chevron{font-size:1.9rem;line-height:1;color:#c8ced1;font-weight:300}
.c360-flow-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.c360-flow-kpi{appearance:none;position:relative;min-height:132px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(180deg,rgba(45,49,53,.87),rgba(37,41,45,.9));color:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.c360-flow-kpi:hover{transform:translateY(-1px);border-color:rgba(190,134,88,.42)}.c360-flow-kpi-head{display:flex;align-items:center;gap:9px;color:#dfe3e5;font-size:.78rem;font-weight:650}.c360-flow-kpi-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid rgba(202,132,78,.58);color:#e7a46e;font-weight:800}.c360-flow-kpi strong{display:block;margin-top:18px;font-size:1.85rem;line-height:1;color:#fff;letter-spacing:-.025em}.c360-flow-kpi small{display:block;margin-top:7px;color:#9ca8ae;font-size:.72rem}.c360-flow-kpi-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.55rem;color:#aab2b7}.c360-home-meta{display:flex;justify-content:space-between;gap:14px;margin:12px 5px 18px;color:#86969f;font-size:.72rem}
@media(max-width:1200px){.c360-home-topbar{align-items:flex-start}.c360-home-identity{max-width:52%}.c360-flow-map{grid-template-columns:38% 62%}.c360-flow-actions-wrap{padding-left:4%}.c360-flow-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.c360-home-topbar{flex-direction:column}.c360-home-identity{max-width:none;justify-content:flex-start}.c360-flow-dashboard{padding:18px}.c360-flow-map{display:block;min-height:0}.c360-flow-lines{display:none}.c360-flow-plan-node{width:100%;max-width:none;margin:0 0 16px;min-height:58px;border-radius:14px}.c360-flow-plan-node:before,.c360-flow-plan-node:after{display:none}.c360-flow-actions-wrap{padding:0}.c360-flow-action{min-height:82px}.c360-flow-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.c360-flow-action{grid-template-columns:42px 1fr 16px;gap:10px}.c360-flow-status{grid-column:2;justify-self:start;min-width:0}.c360-flow-kpis{grid-template-columns:1fr}.c360-home-company-chip{max-width:100%}.c360-home-user-chip{display:none}}


/* v0.33.1 — refined Action Flow dashboard */
.c360-flow-dashboard{
  background:
    radial-gradient(circle at 16% 18%,rgba(64,115,143,.16),transparent 30%),
    radial-gradient(circle at 86% 78%,rgba(43,111,108,.10),transparent 34%),
    linear-gradient(135deg,#17324D 0%,#102A43 48%,#0B2237 100%);
  border:1px solid rgba(147,177,194,.16);
  box-shadow:0 18px 46px rgba(10,31,49,.16),inset 0 1px 0 rgba(255,255,255,.025);
  padding:26px 28px 28px;
}
.c360-flow-dashboard:before{
  opacity:.10;
  background-image:radial-gradient(rgba(203,224,219,.42) .55px,transparent .65px);
  background-size:16px 16px;
}
.c360-flow-map{min-height:450px;grid-template-columns:42% 58%;overflow:hidden}
.c360-flow-lines{z-index:1;overflow:hidden}
.c360-flow-lines path{stroke:#8CA5B2;stroke-width:1.45;opacity:.46}
.c360-flow-lines circle{fill:#F5F8FA;stroke:#C47A45;stroke-width:1.8;filter:drop-shadow(0 0 2px rgba(196,122,69,.24))}
.c360-flow-plan-node{z-index:3;background:linear-gradient(180deg,rgba(22,50,77,.96),rgba(14,39,61,.97));border-color:rgba(165,187,199,.34);box-shadow:0 8px 24px rgba(4,20,33,.14),inset 0 1px 0 rgba(255,255,255,.035)}
.c360-flow-plan-node:before,.c360-flow-plan-node:after{background:#EEF4F6;border-color:#C47A45}
.c360-flow-actions-wrap{position:relative;z-index:4;padding-left:6%}
.c360-flow-actions-wrap h2{color:#F7FAFB}
.c360-flow-action{
  position:relative;z-index:5;
  background:linear-gradient(180deg,#18344F 0%,#142E47 100%);
  border-color:rgba(166,188,201,.20);
  box-shadow:0 8px 20px rgba(4,20,33,.11),inset 0 1px 0 rgba(255,255,255,.025);
}
.c360-flow-action:hover{background:linear-gradient(180deg,#1C3B59 0%,#17344E 100%);border-color:rgba(196,122,69,.42)}
.c360-flow-action-title{color:#F5F8FA}
.c360-flow-action-rank{border-color:#C47A45}
.c360-flow-status.is-urgent{background:#76533D;color:#FFF4EC;border-color:#966C50}
.c360-flow-status.is-progress{background:#465B6E;color:#F3F7FA}
.c360-flow-status.is-planned{background:#3E6457;color:#EFF9F4}
.c360-flow-status.is-blocked{background:#704C49;color:#FFF1EF}
.c360-flow-status.is-done{background:#39665F;color:#ECF9F6}

/* KPI cards are intentionally outside the dark action panel. */
.c360-flow-kpis-outside{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  margin-top:14px;padding-top:0;border-top:0;
}
.c360-flow-kpis-outside .c360-flow-kpi{
  min-height:116px;
  background:linear-gradient(180deg,#FFFFFF 0%,#FAFCFC 100%);
  border:1px solid rgba(23,50,77,.10);
  box-shadow:0 9px 24px rgba(23,50,77,.055);
  color:#17324D;
}
.c360-flow-kpis-outside .c360-flow-kpi:hover{border-color:rgba(45,91,124,.25);box-shadow:0 11px 28px rgba(23,50,77,.075)}
.c360-flow-kpis-outside .c360-flow-kpi-head{color:#667C89}
.c360-flow-kpis-outside .c360-flow-kpi-icon{border-color:rgba(45,91,124,.18);color:#2D5B7C;background:rgba(45,91,124,.045)}
.c360-flow-kpis-outside .c360-flow-kpi strong{color:#17324D}
.c360-flow-kpis-outside .c360-flow-kpi small{color:#7A8C96}
.c360-flow-kpis-outside .c360-flow-kpi-arrow{color:#9AA8AF}

@media(max-width:1200px){.c360-flow-kpis-outside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.c360-flow-dashboard{padding:18px}.c360-flow-kpis-outside{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.c360-flow-kpis-outside{grid-template-columns:1fr}}

/* v0.33.2 — Dashboard includes the essential domain results; Diagnostic is no longer a separate client view. */
.c360-home-results{margin-top:16px;scroll-margin-top:24px}
.c360-home-results .c360-premium-card{padding:20px 22px;border:1px solid rgba(23,50,77,.09);box-shadow:0 10px 28px rgba(23,50,77,.055)}
.c360-home-domain-table{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.c360-home-domain-table .c360-diagnostic-row{padding:13px 14px;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;gap:10px;background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%)}
.c360-home-domain-table .c360-diagnostic-row-main{gap:10px}
.c360-home-domain-table .c360-diagnostic-row-main span{width:29px;height:29px;border-radius:10px;flex-basis:29px;font-size:.8rem}
.c360-home-domain-table .c360-diagnostic-row-main strong{font-size:.92rem;line-height:1.25}
.c360-home-domain-table .c360-diagnostic-row-main small{font-size:.76rem}
.c360-home-domain-table .c360-diagnostic-row-score{font-size:1rem;white-space:nowrap}
@media(max-width:1180px){.c360-home-domain-table{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.c360-home-domain-table{grid-template-columns:1fr}.c360-premium-head-note{display:none}}


/* v0.33.3 — Acțiuni: status mai vizibil, dar discret */
.c360-action-item-control .c360-input.c360-action-status {
  background: linear-gradient(180deg, #ffffff 0%, #f3f7f8 100%);
  border: 1px solid rgba(45,91,124,.24);
  box-shadow: 0 4px 12px rgba(23,50,77,.07), inset 0 0 0 1px rgba(255,255,255,.7);
  color: var(--c360-navy);
  font-weight: 750;
}
.c360-action-item-control .c360-input.c360-action-status:focus {
  border-color: rgba(45,91,124,.48);
  box-shadow: 0 0 0 3px rgba(45,91,124,.10), 0 5px 14px rgba(23,50,77,.08);
  outline: none;
}

/* v0.33.5: Prioritățile sunt integrate în Acțiuni > Recomandări. */

/* v0.34.1 — Action Playbooks / „Cum rezolv?” */
.c360-action-item {
  grid-template-columns:minmax(0,1fr) 132px 180px;
}
.c360-action-item-help{display:flex;align-items:center;justify-content:center}
.c360-action-help{
  width:100%;min-height:48px;padding:10px 14px;border-radius:14px;
  border:1px solid rgba(45,91,124,.20);
  background:linear-gradient(180deg,#f8fbfc 0%,#eef5f6 100%);
  color:var(--c360-navy);font-weight:800;font-size:.82rem;cursor:pointer;
  box-shadow:0 4px 12px rgba(23,50,77,.045);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.c360-action-help:hover{
  transform:translateY(-1px);border-color:rgba(45,91,124,.34);
  background:linear-gradient(180deg,#fff 0%,#e8f2f3 100%);
  box-shadow:0 7px 18px rgba(23,50,77,.08)
}
.c360-action-help:focus-visible{outline:3px solid rgba(56,146,167,.18);outline-offset:2px}

body.c360-playbook-open{overflow:hidden}
.c360-playbook-overlay{
  position:fixed;inset:0;z-index:999999;display:flex;justify-content:flex-end;
  background:rgba(13,31,46,.34);backdrop-filter:blur(3px);
}
.c360-playbook-panel{
  width:min(820px,92vw);height:100%;overflow:auto;background:#f7faf9;
  box-shadow:-20px 0 55px rgba(13,31,46,.18);border-left:1px solid rgba(23,50,77,.10);
  animation:c360PlaybookIn .18s ease-out;
}
@keyframes c360PlaybookIn{from{transform:translateX(24px);opacity:.82}to{transform:translateX(0);opacity:1}}
.c360-playbook-loading,.c360-playbook-error{padding:40px;color:#607681}
.c360-playbook-header{
  position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;
  padding:26px 30px 22px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(23,50,77,.08);
  backdrop-filter:blur(12px)
}
.c360-playbook-header h2{margin:5px 0 2px;color:var(--c360-navy);font-size:1.65rem}
.c360-playbook-header h3{margin:5px 0 0;color:#506873;font-size:.98rem;line-height:1.45;font-weight:650}
.c360-playbook-close{
  width:40px;height:40px;flex:0 0 40px;border-radius:12px;border:1px solid rgba(23,50,77,.10);
  background:#fff;color:var(--c360-navy);font-size:1.65rem;line-height:1;cursor:pointer
}
.c360-playbook-body{display:grid;gap:16px;padding:22px 30px 34px}
.c360-playbook-intro{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c360-playbook-intro>div,.c360-playbook-section{
  padding:18px;border-radius:18px;border:1px solid rgba(23,50,77,.08);background:#fff;
  box-shadow:0 8px 22px rgba(23,50,77,.035)
}
.c360-playbook-intro span,.c360-playbook-section-label{
  display:block;margin-bottom:8px;color:#6f8792;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em
}
.c360-playbook-intro p,.c360-playbook-section p{margin:0;color:#415c68;font-size:.91rem;line-height:1.62}
.c360-playbook-steps{border-color:rgba(56,146,167,.16);background:linear-gradient(180deg,#fff 0%,#f7fbfa 100%)}
.c360-playbook-section ol,.c360-playbook-section ul{margin:0;padding-left:1.25rem;color:#415c68}
.c360-playbook-section li{padding:4px 0;line-height:1.55;font-size:.9rem}
.c360-playbook-steps ol{counter-reset:c360step;list-style:none;padding:0;display:grid;gap:9px}
.c360-playbook-steps li{counter-increment:c360step;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:0}
.c360-playbook-steps li::before{
  content:counter(c360step);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;
  background:rgba(56,146,167,.10);color:#39778a;font-weight:850;font-size:.78rem
}
.c360-playbook-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c360-playbook-method{font-weight:700;color:var(--c360-navy)!important}
.c360-playbook-verify{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start}
.c360-playbook-verify>.c360-playbook-section-label{grid-column:1/-1}
.c360-playbook-fact{padding:10px 11px;border-radius:12px;background:#f1f6f5;border:1px solid rgba(23,50,77,.06)}
.c360-playbook-fact small,.c360-playbook-fact strong{display:block}
.c360-playbook-fact small{color:#81939c;font-size:.68rem;text-transform:uppercase;font-weight:800}
.c360-playbook-fact strong{margin-top:4px;color:var(--c360-navy);font-size:.82rem;line-height:1.35}
.c360-playbook-warnings{background:#fffaf7}
.c360-playbook-checklist{background:#f6faf8}
.c360-playbook-checklist ul{list-style:none;padding:0}
.c360-playbook-checklist li{position:relative;padding-left:26px}
.c360-playbook-checklist li::before{content:'✓';position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(43,111,108,.11);color:#2b6f6c;font-size:.72rem;font-weight:900}
.c360-playbook-empty{color:#82939b!important}
@media(max-width:900px){
  .c360-action-item{grid-template-columns:minmax(0,1fr) 120px 160px}
  .c360-playbook-intro,.c360-playbook-two-col{grid-template-columns:1fr}
}
@media(max-width:760px){
  .c360-action-item{grid-template-columns:1fr}
  .c360-action-item-help{justify-content:flex-start}
  .c360-action-help{width:auto;min-width:130px}
  .c360-playbook-panel{width:100vw}
  .c360-playbook-header{padding:20px}
  .c360-playbook-body{padding:16px 20px 28px}
}
.c360-playbook-checks{display:grid;gap:8px}
.c360-playbook-checks label{display:flex;align-items:flex-start;gap:9px;color:#415c68;font-size:.9rem;line-height:1.45;cursor:pointer}
.c360-playbook-checks input{width:17px;height:17px;margin:2px 0 0;accent-color:#2b6f6c;flex:0 0 17px}
.c360-playbook-checks input:checked+span{text-decoration:line-through;color:#7c9098}


/* v0.34.1 — aliniere GHID + Status în Acțiuni active */
.c360-action-item-help,
.c360-action-item-control {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:7px;
}
.c360-action-item-control > label {
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0;
}
.c360-action-control-label {
  display:block;
  min-height:16px;
  color:#667d88;
  font-size:.69rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.c360-action-help,
.c360-action-item-control .c360-input.c360-action-status {
  height:50px;
  min-height:50px;
  box-sizing:border-box;
}
@media (max-width: 980px) {
  .c360-action-item {
    grid-template-columns:minmax(0,1fr) 118px 160px;
  }
}
@media (max-width: 760px) {
  .c360-action-item {
    grid-template-columns:1fr 1fr;
  }
  .c360-action-item-main { grid-column:1/-1; }
}

/* v0.35.1 — aliniere reală GHID + STATUS + resurse PDF Action Playbook */
.c360-action-item-help,
.c360-action-item-control {
  text-align:center;
}
.c360-action-item-control > label {
  align-items:stretch;
}
.c360-action-item-help > .c360-action-control-label,
.c360-action-item-control .c360-action-control-label {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  text-align:center;
}
.c360-action-help {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.c360-action-item-control .c360-input.c360-action-status {
  display:block;
  width:100%;
  text-align:center;
  text-align-last:center;
  padding-left:28px;
  padding-right:28px;
}
.c360-action-item-control .c360-input.c360-action-status option {
  text-align:center;
}
.c360-playbook-resource {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:12px 13px;
  border:1px solid rgba(43,111,108,.14);
  border-radius:13px;
  background:linear-gradient(180deg,#f8fbfa 0%,#eef6f4 100%);
}
.c360-playbook-resource small,
.c360-playbook-resource strong { display:block; }
.c360-playbook-resource small {
  color:#778d95;
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:800;
}
.c360-playbook-resource strong {
  margin-top:3px;
  color:var(--c360-navy);
  font-size:.82rem;
  line-height:1.35;
}
.c360-playbook-download {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:10px;
  background:#2b6f6c;
  color:#fff!important;
  text-decoration:none!important;
  font-size:.76rem;
  font-weight:800;
  box-shadow:0 6px 14px rgba(43,111,108,.12);
}
.c360-playbook-download:hover { background:#245f5d; }
@media (max-width:640px) {
  .c360-playbook-resource { align-items:stretch; flex-direction:column; }
  .c360-playbook-download { width:100%; box-sizing:border-box; }
}

/* v0.35.2 — context complet în Acțiuni active */
.c360-active-action-problem{
  margin-top:12px !important;
  padding-top:12px;
  border-top:1px solid rgba(23,50,77,.07);
  color:#5f7682 !important;
}
.c360-active-action-recommendation{
  margin-top:8px !important;
  color:#5f7682 !important;
}
.c360-active-action-problem strong,
.c360-active-action-recommendation strong{
  color:#536c78;
}
.c360-active-action-details{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.c360-active-action-details>div{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:64px;
  padding:10px 12px;
  border:1px solid rgba(43,111,108,.10);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(246,251,249,.98) 0%,rgba(237,246,243,.92) 100%);
}
.c360-active-action-details span{
  color:#728690;
  font-size:.68rem;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.c360-active-action-details strong{
  color:var(--c360-navy);
  font-size:.82rem;
  line-height:1.35;
}
.c360-active-action-details small{
  color:#738792;
  font-size:.75rem;
  line-height:1.3;
}
@media(max-width:980px){
  .c360-active-action-details{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .c360-active-action-details{grid-template-columns:1fr}
}


/* ==========================================================================
   v0.35.3 — Desktop visual system
   Cool grey / blue-grey palette inspired by the approved CRM reference.
   Control 360 remains desktop-only in this release.
   ========================================================================== */

:root {
  --c360-navy: #17324D;
  --c360-blue: #7896B5;
  --c360-teal: #7FA9A8;
  --c360-ivory: #F5F6F8;
  --c360-charcoal: #202A33;
  --c360-slate: #6F7C88;
  --c360-attention: #9B7541;
  --c360-critical: #A95E63;

  --c360-app-canvas: #DCE4EC;
  --c360-app-canvas-2: #E7ECF1;
  --c360-app-panel: #E9EEF3;
  --c360-app-card: #F7F9FB;
  --c360-app-card-strong: #FCFDFE;
  --c360-app-line: rgba(68, 87, 106, .15);
  --c360-app-line-strong: rgba(68, 87, 106, .24);
  --c360-app-shadow: 0 10px 30px rgba(49, 64, 79, .07);
  --c360-app-shadow-soft: 0 5px 18px rgba(49, 64, 79, .055);
  --c360-app-active: #17324D;
  --c360-app-active-text: #FFFFFF;
  --c360-app-hover: #EEF3F6;

  --c360-surface: var(--c360-app-card);
  --c360-border: var(--c360-app-line);
  --c360-blue-soft: rgba(120, 150, 181, .13);
  --c360-navy-soft: rgba(23, 50, 77, .075);

  --c360-premium-bg-1: var(--c360-app-canvas-2);
  --c360-premium-bg-2: var(--c360-app-canvas);
  --c360-premium-surface: rgba(247, 249, 251, .94);
  --c360-premium-surface-strong: rgba(252, 253, 254, .98);
  --c360-premium-border: var(--c360-app-line);
  --c360-premium-border-strong: var(--c360-app-line-strong);
  --c360-premium-shadow: var(--c360-app-shadow);
  --c360-premium-shadow-soft: var(--c360-app-shadow-soft);
}

html.c360-standalone-html,
body.c360-standalone-page {
  background: var(--c360-app-canvas) !important;
}

body.c360-standalone-page {
  background:
    radial-gradient(circle at 14% 8%, rgba(255,255,255,.52), transparent 27%),
    linear-gradient(145deg, #E8EDF2 0%, #DCE4EC 54%, #D5DEE8 100%) !important;
}

.c360-standalone-wrap {
  width: min(1880px, calc(100% - 24px));
  margin: 12px auto;
}

.c360-shell {
  grid-template-columns: 82px minmax(0, 1fr) !important;
  min-height: calc(100vh - 24px);
  background: rgba(237, 241, 245, .91) !important;
  border: 1px solid rgba(68,87,106,.13) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 54px rgba(49,64,79,.09) !important;
  overflow: hidden;
}

.c360-main {
  min-width: 0;
  padding: 26px 28px 30px !important;
  background:
    radial-gradient(circle at 88% 6%, rgba(255,255,255,.46), transparent 26%),
    linear-gradient(150deg, rgba(231,236,241,.96), rgba(220,228,236,.92)) !important;
}

/* Compact icon rail. */
.c360-sidebar {
  position: relative;
  z-index: 30;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  padding: 18px 12px !important;
  color: var(--c360-charcoal) !important;
  background: rgba(242,245,247,.93) !important;
  border-right: 1px solid rgba(68,87,106,.13) !important;
  backdrop-filter: blur(14px);
  overflow: visible;
}

.c360-brand {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 0 18px !important;
  color: var(--c360-navy) !important;
}

.c360-brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(23,50,77,.15);
  border-radius: 14px;
  background: rgba(252,253,254,.88);
  box-shadow: var(--c360-app-shadow-soft);
  color: var(--c360-navy);
  font-size: .76rem;
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 900;
}

.c360-icon-nav,
.c360-sidebar nav.c360-icon-nav {
  display: grid;
  width: 100%;
  gap: 8px;
  justify-items: center;
}

.c360-sidebar nav.c360-icon-nav a.c360-icon-link {
  position: relative;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  min-height: 48px;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 15px;
  background: transparent;
  color: #506270;
  opacity: 1;
  text-decoration: none;
  box-shadow: none;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.c360-sidebar nav.c360-icon-nav a.c360-icon-link:hover,
.c360-sidebar nav.c360-icon-nav a.c360-icon-link:focus-visible {
  background: rgba(252,253,254,.86) !important;
  border-color: rgba(120,150,181,.28) !important;
  color: var(--c360-navy) !important;
  transform: translateY(-1px);
  box-shadow: var(--c360-app-shadow-soft);
}

.c360-sidebar nav.c360-icon-nav a.c360-icon-link.is-active {
  background: var(--c360-app-active) !important;
  border-color: var(--c360-app-active) !important;
  color: var(--c360-app-active-text) !important;
  box-shadow: 0 9px 20px rgba(23,50,77,.18) !important;
}

.c360-nav-icon {
  width: 22px;
  height: 22px;
  pointer-events: none;
}

.c360-sidebar nav.c360-icon-nav a.c360-icon-link::after {
  content: attr(data-tooltip);
  position: absolute;
  left: calc(100% + 13px);
  top: 50%;
  z-index: 100;
  transform: translate(4px, -50%);
  min-width: max-content;
  padding: 8px 11px;
  border: 1px solid var(--c360-app-line);
  border-radius: 10px;
  background: #FCFDFE;
  color: var(--c360-charcoal);
  box-shadow: 0 10px 24px rgba(49,64,79,.13);
  font-size: .78rem;
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: 0;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .13s ease, transform .13s ease, visibility .13s ease;
}

.c360-sidebar nav.c360-icon-nav a.c360-icon-link:hover::after,
.c360-sidebar nav.c360-icon-nav a.c360-icon-link:focus-visible::after {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}

.c360-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Global surfaces and typography. */
.c360-page-header h1,
.c360-assessment-header h1,
.c360-premium-header-copy h1,
.c360-premium-card h2,
.c360-premium-card h3,
.c360-card h2,
.c360-card h3,
.c360-workspace-card h2,
.c360-workspace-card h3 {
  color: var(--c360-navy) !important;
}

.c360-muted,
.c360-premium-header-copy p,
.c360-page-header p,
.c360-question-help,
.c360-field-help {
  color: var(--c360-slate) !important;
}

.c360-card,
.c360-premium-card,
.c360-workspace-card,
.c360-action-summary,
.c360-action-item,
.c360-proposal-card,
.c360-kpi-summary-grid article,
.c360-kpi-monitor-card,
.c360-memory-lesson,
.c360-diagnostic-row,
.c360-insight-card,
.c360-report-list,
.c360-notification,
.c360-state-panel {
  background: linear-gradient(180deg, rgba(252,253,254,.97) 0%, rgba(246,248,250,.96) 100%) !important;
  border-color: var(--c360-app-line) !important;
  box-shadow: var(--c360-app-shadow-soft) !important;
}

.c360-premium-shell,
.c360-action-workspace,
.c360-memory-shell,
.c360-agent-shell {
  color: var(--c360-charcoal);
}

.c360-premium-hero {
  background:
    linear-gradient(135deg, rgba(252,253,254,.97), rgba(235,240,245,.93)) !important;
  border-color: var(--c360-app-line) !important;
  box-shadow: var(--c360-app-shadow) !important;
}

.c360-premium-domain-table,
.c360-domain-table-head,
.c360-domain-row,
.c360-flow-step-clean,
.c360-empty-structured,
.c360-kpi-values > div,
.c360-kpi-history-row,
.c360-proposal-details > div,
.c360-active-action-details > div,
.c360-playbook-fact {
  background: rgba(247,249,251,.92) !important;
  border-color: var(--c360-app-line) !important;
}

/* Controls. */
.c360-input,
select.c360-input,
textarea.c360-input,
input.c360-input {
  background: #FCFDFE !important;
  border-color: rgba(68,87,106,.19) !important;
  color: var(--c360-charcoal) !important;
  box-shadow: inset 0 1px 1px rgba(49,64,79,.025);
}

.c360-input:hover {
  border-color: rgba(120,150,181,.42) !important;
}

.c360-input:focus,
.c360-input:focus-visible {
  border-color: #7896B5 !important;
  outline: 3px solid rgba(120,150,181,.17) !important;
  outline-offset: 1px;
}

.c360-btn {
  background: var(--c360-navy) !important;
  border-color: var(--c360-navy) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(23,50,77,.13);
}

.c360-btn:hover {
  background: #223F59 !important;
  border-color: #223F59 !important;
}

.c360-btn-secondary {
  background: #FCFDFE !important;
  border-color: rgba(68,87,106,.20) !important;
  color: var(--c360-navy) !important;
  box-shadow: none;
}

.c360-btn-secondary:hover {
  background: var(--c360-app-hover) !important;
  border-color: rgba(120,150,181,.42) !important;
}

/* Assessment pages keep the deterministic content unchanged but share the palette. */
.c360-domain-heading {
  background: linear-gradient(135deg, #263F56 0%, #17324D 100%) !important;
  box-shadow: 0 9px 24px rgba(23,50,77,.12);
}

.c360-question,
.c360-progress-box,
.c360-scale-help {
  background: rgba(252,253,254,.96) !important;
  border-color: var(--c360-app-line) !important;
  box-shadow: var(--c360-app-shadow-soft);
}

.c360-domain-tab {
  background: rgba(247,249,251,.9) !important;
  border-color: var(--c360-app-line) !important;
}

.c360-domain-tab.is-active {
  background: rgba(120,150,181,.15) !important;
  border-color: #7896B5 !important;
}

.c360-answer {
  background: #FCFDFE !important;
  border-color: var(--c360-app-line) !important;
}

.c360-answer:hover {
  border-color: #7896B5 !important;
}

.c360-answer.is-selected {
  background: rgba(120,150,181,.14) !important;
  border-color: #7896B5 !important;
}

/* Dashboard: convert the previous dark action-flow area to the approved light/cool palette. */
.c360-flow-dashboard {
  background:
    radial-gradient(circle at 10% 12%, rgba(255,255,255,.52), transparent 31%),
    linear-gradient(135deg, #D8E1EA 0%, #CDD8E4 100%) !important;
  border-color: rgba(86,107,128,.16) !important;
  box-shadow: 0 14px 36px rgba(49,64,79,.08), inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.c360-flow-dashboard::before {
  opacity: .18 !important;
  background-image: radial-gradient(rgba(82,105,126,.30) .55px, transparent .65px) !important;
}

.c360-flow-actions-wrap h2 {
  color: var(--c360-charcoal) !important;
}

.c360-flow-lines path {
  stroke: #7890A2 !important;
  opacity: .46 !important;
}

.c360-flow-lines circle {
  fill: #F7F9FB !important;
  stroke: #7896B5 !important;
  filter: none !important;
}

.c360-flow-plan-node {
  background: linear-gradient(180deg, #FCFDFE 0%, #F0F3F6 100%) !important;
  border-color: rgba(68,87,106,.20) !important;
  color: var(--c360-navy) !important;
  box-shadow: 0 9px 20px rgba(49,64,79,.08) !important;
}

.c360-flow-plan-node::before,
.c360-flow-plan-node::after {
  background: #FCFDFE !important;
  border-color: #7896B5 !important;
}

.c360-flow-action {
  background: linear-gradient(180deg, #F9FAFB 0%, #EFF2F5 100%) !important;
  border-color: rgba(68,87,106,.16) !important;
  color: var(--c360-charcoal) !important;
  box-shadow: 0 7px 18px rgba(49,64,79,.065) !important;
}

.c360-flow-action:hover {
  background: #FCFDFE !important;
  border-color: rgba(120,150,181,.48) !important;
}

.c360-flow-action-title {
  color: var(--c360-charcoal) !important;
}

.c360-flow-action-rank {
  border-color: #7896B5 !important;
  color: var(--c360-navy) !important;
  background: rgba(120,150,181,.10);
}

.c360-flow-chevron {
  color: #748899 !important;
}

.c360-flow-status.is-urgent {
  background: rgba(155,117,65,.13) !important;
  color: #795927 !important;
  border-color: rgba(155,117,65,.20) !important;
}
.c360-flow-status.is-progress {
  background: rgba(120,150,181,.16) !important;
  color: #3C5F7A !important;
}
.c360-flow-status.is-planned,
.c360-flow-status.is-done {
  background: rgba(127,169,168,.16) !important;
  color: #426F6E !important;
}
.c360-flow-status.is-blocked {
  background: rgba(169,94,99,.12) !important;
  color: #8A4B50 !important;
}
.c360-flow-status.is-neutral {
  background: rgba(68,87,106,.07) !important;
  color: #71808B !important;
}

.c360-flow-kpis-outside .c360-flow-kpi {
  background: linear-gradient(180deg, #FCFDFE 0%, #F5F7F9 100%) !important;
  border-color: var(--c360-app-line) !important;
  box-shadow: var(--c360-app-shadow-soft) !important;
}

.c360-flow-kpis-outside .c360-flow-kpi-icon {
  color: #5F7E99 !important;
  background: rgba(120,150,181,.11) !important;
  border-color: rgba(120,150,181,.24) !important;
}

/* Actions / recommendations. */
.c360-action-item,
.c360-proposal-card {
  background: linear-gradient(180deg, #FCFDFE 0%, #F4F7F9 100%) !important;
}

.c360-action-item-control .c360-input.c360-action-status,
.c360-action-help {
  background: linear-gradient(180deg, #FCFDFE 0%, #EEF2F5 100%) !important;
  border-color: rgba(120,150,181,.26) !important;
  color: var(--c360-navy) !important;
  box-shadow: 0 4px 12px rgba(49,64,79,.055) !important;
}

.c360-action-help:hover {
  background: #FCFDFE !important;
  border-color: rgba(120,150,181,.48) !important;
}

.c360-action-priority,
.c360-proposal-due {
  background: rgba(120,150,181,.13) !important;
  color: #496B86 !important;
}

.c360-active-action-problem,
.c360-active-action-recommendation,
.c360-active-action-details small {
  color: #687A87 !important;
}

.c360-active-action-details > div {
  background: rgba(238,242,246,.92) !important;
}

/* KPI / monitoring. */
.c360-kpi-progress {
  background: rgba(68,87,106,.08) !important;
}

.c360-kpi-progress i {
  background: linear-gradient(90deg, #AFC0D2 0%, #7896B5 100%) !important;
}

.c360-kpi-status,
.c360-kpi-trend {
  background: rgba(120,150,181,.13) !important;
  color: #486A84 !important;
}

/* CRM KISS surfaces. */
.c360-crm-board,
.c360-crm-new-panel,
.c360-crm-options-popover,
.c360-crm-template-card,
.c360-crm-stage,
.c360-crm-deal,
.c360-crm-kiss-row,
.c360-crm-simple-row,
.c360-crm-summary,
.c360-crm-summary-kiss,
.c360-crm-pipeline-chip {
  border-color: var(--c360-app-line) !important;
  box-shadow: var(--c360-app-shadow-soft);
}

.c360-crm-stage,
.c360-crm-template-card,
.c360-crm-new-panel,
.c360-crm-options-popover,
.c360-crm-summary,
.c360-crm-summary-kiss {
  background: rgba(247,249,251,.94) !important;
}

.c360-crm-deal,
.c360-crm-kiss-row,
.c360-crm-simple-row {
  background: #FCFDFE !important;
}

.c360-crm-pipeline-tabs,
.c360-crm-tabs,
.c360-crm-switcher {
  background: rgba(230,236,241,.88) !important;
  border-color: var(--c360-app-line) !important;
}

.c360-crm-pipeline-chip.is-active,
.c360-crm-tabs .is-active,
.c360-crm-switcher .is-active {
  background: var(--c360-navy) !important;
  color: #fff !important;
  border-color: var(--c360-navy) !important;
}

/* Reports, documents, team, notifications and supporting operational surfaces. */
.c360-report-list > *,
.c360-notification-list > *,
.c360-memory-event-body,
.c360-snapshot-row,
.c360-agent-briefing-hero,
.c360-agent-readiness {
  border-color: var(--c360-app-line) !important;
}

.c360-notification,
.c360-agent-readiness {
  background: rgba(252,253,254,.96) !important;
}

/* Action Playbook adopts the same system. */
.c360-playbook-overlay {
  background: rgba(32,42,51,.28) !important;
  backdrop-filter: blur(4px);
}

.c360-playbook-panel {
  background: #E8EDF2 !important;
  border-left-color: var(--c360-app-line) !important;
  box-shadow: -18px 0 46px rgba(49,64,79,.16) !important;
}

.c360-playbook-header {
  background: rgba(248,250,252,.96) !important;
  border-bottom-color: var(--c360-app-line) !important;
}

.c360-playbook-intro > div,
.c360-playbook-section {
  background: #F8FAFB !important;
  border-color: var(--c360-app-line) !important;
  box-shadow: var(--c360-app-shadow-soft) !important;
}

.c360-playbook-resource {
  background: rgba(229,235,241,.92) !important;
  border-color: rgba(120,150,181,.22) !important;
}

.c360-playbook-download {
  background: var(--c360-navy) !important;
  box-shadow: 0 7px 16px rgba(23,50,77,.13) !important;
}

.c360-playbook-download:hover {
  background: #223F59 !important;
}

/* Semantic states remain text/icon + colour, never colour-only. */
.c360-status.stable,
.c360-system-chip.is-stable,
.c360-domain-row.is-stable,
.c360-diagnostic-row.is-stable { color: #557E7D !important; }

.c360-status.info,
.c360-system-chip.is-developing,
.c360-domain-row.is-developing,
.c360-diagnostic-row.is-developing { color: #5C7895 !important; }

.c360-status.attention,
.c360-system-chip.is-attention,
.c360-domain-row.is-attention,
.c360-diagnostic-row.is-attention { color: #8A6A38 !important; }

.c360-status.critical,
.c360-system-chip.is-critical,
.c360-domain-row.is-critical,
.c360-diagnostic-row.is-critical { color: #92555A !important; }

.c360-system-chip.is-unknown,
.c360-domain-row.is-unknown,
.c360-diagnostic-row.is-unknown { color: #75818A !important; }

/* Desktop-only release guard. */
.c360-desktop-required {
  display: none;
}

.c360-desktop-required-card {
  width: min(520px, calc(100% - 36px));
  box-sizing: border-box;
  padding: 34px 28px;
  border: 1px solid rgba(68,87,106,.16);
  border-radius: 22px;
  background: rgba(248,250,252,.97);
  box-shadow: 0 18px 46px rgba(49,64,79,.10);
  text-align: center;
}

.c360-desktop-required-mark {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  border-radius: 16px;
  background: var(--c360-navy);
  color: #fff;
  font-weight: 900;
  letter-spacing: -.04em;
}

.c360-desktop-required-card h1 {
  margin: 0;
  color: var(--c360-navy);
  font-size: clamp(1.45rem, 5vw, 2rem);
  line-height: 1.16;
}

.c360-desktop-required-card p {
  margin: 14px auto 0;
  max-width: 420px;
  color: var(--c360-slate);
  line-height: 1.55;
}

@media (max-width: 1023px) {
  body.c360-standalone-page {
    min-height: 100vh;
    background: linear-gradient(145deg, #E8EDF2 0%, #DCE4EC 100%) !important;
  }

  .c360-desktop-app {
    display: none !important;
  }

  .c360-desktop-required {
    display: grid !important;
    min-height: 100vh;
    box-sizing: border-box;
    place-items: center;
    padding: 22px;
  }
}

/* The active product is intentionally desktop-only; old responsive app layouts
   remain inert because the application shell is not rendered below 1024px. */


/* ==========================================================================
   v0.35.4 — Team-aware Action Board
   Dashboard: Administrator | Acțiuni | Stadiu + Forecast.
   ========================================================================== */

.c360-person-avatar {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.94);
  border-radius: 50%;
  background: linear-gradient(145deg, #E3E9EF 0%, #CAD5E0 100%);
  color: var(--c360-navy);
  box-shadow: 0 3px 9px rgba(49,64,79,.12);
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.02em;
}
.c360-person-avatar.is-xs { width: 28px; height: 28px; font-size: .58rem; }
.c360-person-avatar.is-sm { width: 38px; height: 38px; font-size: .67rem; }
.c360-person-avatar.is-md { width: 46px; height: 46px; font-size: .72rem; }
.c360-person-avatar.is-xl { width: 94px; height: 94px; font-size: .82rem; border-width: 3px; }
.c360-person-avatar-fallback { position: relative; z-index: 0; padding: 0 3px; text-align: center; }
.c360-person-avatar img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #EEF2F5;
}

.c360-action-board-section {
  margin: 0 0 18px;
}
.c360-action-board-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin: 0 2px 11px;
}
.c360-action-board-heading h2 {
  margin: 3px 0 0;
  color: var(--c360-navy);
  font-size: 1.42rem;
  line-height: 1.15;
}
.c360-team-strip-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}
.c360-team-strip-label {
  color: #687A87;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.c360-team-strip {
  display: flex;
  align-items: center;
  min-height: 42px;
  min-width: 0;
}
.c360-team-strip .c360-person-avatar + .c360-person-avatar { margin-left: -8px; }
.c360-team-strip .c360-person-avatar:hover {
  z-index: 4;
  transform: translateY(-1px);
}
.c360-team-overflow {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-left: -8px;
  border: 2px solid rgba(255,255,255,.94);
  border-radius: 50%;
  background: #F7F9FB;
  color: var(--c360-navy);
  box-shadow: 0 3px 9px rgba(49,64,79,.10);
  font-size: .68rem;
  font-weight: 850;
}
.c360-team-empty {
  color: #71808B;
  font-size: .78rem;
}

.c360-action-board {
  padding: 17px;
  overflow-x: auto;
  border: 1px solid rgba(68,87,106,.15);
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,.57), transparent 34%),
    linear-gradient(135deg, #DCE4EC 0%, #CFDAE5 100%);
  box-shadow: 0 13px 32px rgba(49,64,79,.075), inset 0 1px 0 rgba(255,255,255,.65);
}
.c360-action-board-columns,
.c360-action-board-grid {
  min-width: 790px;
  display: grid;
  grid-template-columns: minmax(170px,.72fr) minmax(360px,1.55fr) minmax(225px,.88fr);
  column-gap: 12px;
}
.c360-action-board-columns {
  padding: 0 4px 9px;
}
.c360-action-board-columns span {
  color: #637684;
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.c360-action-board-grid {
  grid-auto-rows: minmax(76px, auto);
  row-gap: 10px;
  align-items: stretch;
}

.c360-board-admin {
  display: flex;
  min-height: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 13px;
  box-sizing: border-box;
  padding: 21px 15px;
  border: 1px solid rgba(68,87,106,.15);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(251,252,253,.96) 0%, rgba(239,243,247,.96) 100%);
  box-shadow: 0 8px 20px rgba(49,64,79,.065);
  text-align: center;
}
.c360-board-admin-copy strong {
  display: block;
  max-width: 190px;
  margin-top: 4px;
  color: var(--c360-charcoal);
  font-size: .9rem;
  line-height: 1.25;
}
.c360-board-substitute {
  width: 100%;
  padding-top: 12px;
  border-top: 1px solid rgba(68,87,106,.11);
}
.c360-board-substitute-label {
  display: block;
  margin-bottom: 7px;
  color: #71808B;
  font-size: .64rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.c360-board-substitute > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.c360-board-substitute > div > span:last-child {
  min-width: 0;
  text-align: left;
}
.c360-board-substitute strong,
.c360-board-substitute small { display: block; }
.c360-board-substitute strong {
  max-width: 125px;
  overflow: hidden;
  color: var(--c360-charcoal);
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c360-board-substitute small {
  margin-top: 2px;
  color: #71808B;
  font-size: .63rem;
}

.c360-board-action {
  appearance: none;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 18px;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(68,87,106,.13);
  border-radius: 14px;
  background: linear-gradient(180deg, #FCFDFE 0%, #F2F5F8 100%);
  color: var(--c360-charcoal);
  box-shadow: 0 6px 16px rgba(49,64,79,.05);
  cursor: pointer;
  text-align: left;
}
.c360-board-action:hover,
.c360-board-action:focus-visible {
  border-color: rgba(120,150,181,.52);
  background: #FCFDFE;
  box-shadow: 0 8px 18px rgba(49,64,79,.08);
}
.c360-board-action:focus-visible {
  outline: 3px solid rgba(155,117,65,.45);
  outline-offset: 2px;
}
.c360-board-action-copy { min-width: 0; }
.c360-board-action-copy strong,
.c360-board-action-copy small { display: block; }
.c360-board-action-copy strong {
  overflow: hidden;
  color: var(--c360-charcoal);
  font-size: .82rem;
  line-height: 1.28;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c360-board-action-copy small {
  margin-top: 4px;
  overflow: hidden;
  color: #71808B;
  font-size: .68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c360-board-action-arrow {
  color: #758999;
  font-size: 1.25rem;
  text-align: right;
}

.c360-board-state {
  display: grid;
  grid-template-columns: minmax(88px,.72fr) minmax(118px,1fr);
  align-items: center;
  gap: 9px;
  box-sizing: border-box;
  padding: 10px 11px;
  border: 1px solid rgba(68,87,106,.13);
  border-radius: 14px;
  background: rgba(248,250,252,.89);
  box-shadow: 0 6px 16px rgba(49,64,79,.045);
}
.c360-board-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  padding: 5px 9px;
  border: 1px solid rgba(68,87,106,.14);
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 850;
  text-align: center;
}
.c360-board-status.is-open {
  background: rgba(120,150,181,.13);
  color: #496B86;
}
.c360-board-status.is-progress {
  background: rgba(127,169,168,.15);
  color: #426F6E;
}
.c360-board-status.is-blocked {
  background: rgba(169,94,99,.11);
  color: #874B50;
}
.c360-board-status.is-done {
  background: rgba(113,139,150,.11);
  color: #536C77;
}
.c360-board-status.is-neutral {
  background: rgba(68,87,106,.07);
  color: #71808B;
}
.c360-board-forecast {
  min-width: 0;
  padding-left: 9px;
  border-left: 1px solid rgba(68,87,106,.10);
}
.c360-board-forecast small,
.c360-board-forecast strong { display: block; }
.c360-board-forecast small {
  color: #71808B;
  font-size: .61rem;
  font-weight: 700;
}
.c360-board-forecast strong {
  margin-top: 3px;
  color: var(--c360-charcoal);
  font-size: .72rem;
  line-height: 1.25;
}
.c360-board-empty-action,
.c360-board-empty-state {
  display: grid;
  align-content: center;
  box-sizing: border-box;
  padding: 15px;
  border: 1px dashed rgba(68,87,106,.20);
  border-radius: 14px;
  background: rgba(248,250,252,.72);
}
.c360-board-empty-action strong {
  color: var(--c360-charcoal);
  font-size: .8rem;
}
.c360-board-empty-action span,
.c360-board-empty-state span {
  margin-top: 4px;
  color: #71808B;
  font-size: .7rem;
  line-height: 1.35;
}

/* Delegation and forecast controls on the Actions screen. */
.c360-active-action-details-v355 > label,
.c360-active-action-details-v355 > .c360-action-owner-readonly {
  display: block;
  box-sizing: border-box;
  min-width: 0;
  padding: 10px 11px;
  border-radius: 10px;
  background: rgba(238,242,246,.92);
}
.c360-active-action-details-v355 > label > span,
.c360-action-owner-readonly > span {
  display: block;
  margin-bottom: 6px;
  color: #738792;
  font-size: .72rem;
  font-weight: 750;
}
.c360-action-owner-control,
.c360-action-owner-readonly > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.c360-action-owner-control .c360-input {
  min-width: 0;
  flex: 1;
}
.c360-action-owner-readonly strong {
  min-width: 0;
  overflow: hidden;
  color: var(--c360-charcoal);
  font-size: .78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Team + temporary substitute. */
.c360-team-substitute-card { margin-bottom: 16px; }
.c360-team-row .c360-ops-row-main {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.c360-team-row .c360-ops-row-main > div { min-width: 0; }
.c360-substitute-current {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
  padding: 12px 14px;
  border: 1px solid var(--c360-app-line);
  border-radius: 12px;
  background: #F7F9FB;
}
.c360-substitute-current > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.c360-substitute-current small,
.c360-substitute-current strong { display: block; }
.c360-substitute-current small {
  color: #71808B;
  font-size: .67rem;
}
.c360-substitute-current strong {
  margin-top: 2px;
  color: var(--c360-charcoal);
  font-size: .82rem;
}
.c360-substitute-current > span {
  color: #5D7180;
  font-size: .75rem;
  font-weight: 750;
}
.c360-substitute-current.is-active {
  border-left: 4px solid #7896B5;
}
.c360-substitute-current.is-inactive {
  border-left: 4px solid #8A7C69;
}
.c360-substitute-empty {
  margin-bottom: 13px;
  padding: 11px 13px;
  border: 1px dashed var(--c360-app-line-strong);
  border-radius: 11px;
  color: #71808B;
  background: rgba(247,249,251,.72);
  font-size: .76rem;
}
.c360-substitute-form {
  display: grid;
  grid-template-columns: minmax(220px,1.4fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;
  gap: 10px;
  align-items: end;
}
.c360-substitute-form label {
  color: #627581;
  font-size: .72rem;
  font-weight: 750;
}
.c360-substitute-form label .c360-input { margin-top: 5px; }
.c360-substitute-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

@media (max-width: 1280px) and (min-width: 1024px) {
  .c360-action-board-columns,
  .c360-action-board-grid {
    grid-template-columns: minmax(150px,.65fr) minmax(335px,1.5fr) minmax(215px,.86fr);
  }
  .c360-board-admin { padding-left: 10px; padding-right: 10px; }
  .c360-board-admin .c360-person-avatar.is-xl { width: 78px; height: 78px; }
  .c360-substitute-form {
    grid-template-columns: 1fr 1fr;
  }
  .c360-substitute-actions { grid-column: 1 / -1; }
}


/* ==========================================================================
   v0.35.5 — Branded invitation onboarding
   ========================================================================== */
.c360-invite-shell {
  min-height: calc(100vh - 28px);
  display: grid;
  place-items: center;
  padding: 28px;
  box-sizing: border-box;
}

.c360-invite-card {
  width: min(560px, 100%);
  box-sizing: border-box;
  padding: 34px;
  border: 1px solid rgba(23,50,77,.12);
  border-radius: 24px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 20px 58px rgba(23,50,77,.10);
}

.c360-invite-mark {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  border-radius: 15px;
  background: var(--c360-navy);
  color: #fff;
  font-weight: 900;
  letter-spacing: -.04em;
}

.c360-invite-card h1 {
  margin: 3px 0 12px;
  color: var(--c360-navy);
  font-size: clamp(1.65rem, 3vw, 2.15rem);
  line-height: 1.15;
}

.c360-invite-lead,
.c360-invite-note,
.c360-invite-expiry {
  color: var(--c360-slate);
  line-height: 1.55;
}

.c360-invite-lead {
  margin: 0 0 18px;
}

.c360-invite-note {
  margin: 0 0 18px;
  padding: 13px 14px;
  border-left: 4px solid var(--c360-blue);
  border-radius: 0 10px 10px 0;
  background: var(--c360-blue-soft);
  color: var(--c360-charcoal);
}

.c360-invite-error {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-left: 4px solid var(--c360-critical);
  border-radius: 0 10px 10px 0;
  background: rgba(164,69,61,.08);
  color: #7B3C37;
  line-height: 1.45;
}

.c360-invite-form {
  display: grid;
  gap: 9px;
}

.c360-invite-form label {
  margin-top: 3px;
  color: var(--c360-charcoal);
  font-weight: 750;
}

.c360-invite-form small {
  margin-top: -3px;
  color: var(--c360-slate);
  font-size: .79rem;
}

.c360-invite-form .c360-btn {
  margin-top: 8px;
  justify-self: start;
}

.c360-invite-expiry {
  margin: 20px 0 0;
  font-size: .82rem;
}

/* Invitation activation is a simple onboarding action and remains available on mobile,
   even while the full Control 360 workspace is desktop-only. */
@media (max-width: 1023px) {
  body.c360-invite-page .c360-desktop-required {
    display: none !important;
  }

  body.c360-invite-page .c360-desktop-app {
    display: block !important;
  }

  body.c360-invite-page .c360-standalone-wrap {
    width: 100%;
    margin: 0;
  }

  .c360-invite-shell {
    min-height: 100vh;
    padding: 18px;
  }

  .c360-invite-card {
    padding: 26px 22px;
    border-radius: 20px;
  }
}


/* ==========================================================================
   v0.35.6 — Navigation flow + explicit interaction affordances
   ========================================================================== */

/* Desktop navigation now exposes labels instead of relying on icon/tooltips only. */
.c360-shell {
  grid-template-columns: 224px minmax(0, 1fr) !important;
}

.c360-sidebar {
  align-items: stretch;
  padding: 18px 14px !important;
  overflow-y: auto;
  overflow-x: visible;
}

.c360-brand {
  place-items: start;
  margin-left: 4px !important;
}

.c360-icon-nav,
.c360-sidebar nav.c360-icon-nav {
  justify-items: stretch;
  gap: 5px;
}

.c360-nav-group-label {
  display: block;
  margin: 15px 8px 5px;
  color: #7A8B97;
  font-size: .66rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.c360-sidebar nav.c360-icon-nav a.c360-icon-link {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  place-items: center start;
  gap: 9px;
  width: 100%;
  height: auto;
  min-height: 44px;
  padding: 9px 11px;
  border-radius: 12px;
}

.c360-sidebar nav.c360-icon-nav a.c360-icon-link::after {
  display: none;
}

.c360-nav-icon {
  width: 20px;
  height: 20px;
}

.c360-nav-label {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: .83rem;
  line-height: 1.2;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Interactive selects have an explicit disclosure chevron.
   The native arrow is suppressed only inside this wrapper so the affordance is consistent. */
.c360-select-wrap {
  position: relative;
  display: block;
  min-width: 0;
}

.c360-select-wrap::after {
  content: "⌄";
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 2;
  transform: translateY(-58%);
  color: #617684;
  font-size: .95rem;
  line-height: 1;
  font-weight: 900;
  pointer-events: none;
}

.c360-select-wrap select.c360-input {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 34px;
  cursor: pointer;
}

.c360-select-wrap:hover select.c360-input,
.c360-select-wrap:focus-within select.c360-input {
  border-color: rgba(45,91,124,.42);
  background: #FBFDFE;
}

.c360-status-select-wrap::after {
  color: var(--c360-blue);
}

@media (max-width: 1180px) and (min-width: 1024px) {
  .c360-shell {
    grid-template-columns: 196px minmax(0, 1fr) !important;
  }

  .c360-nav-label {
    font-size: .78rem;
  }
}


/* v0.35.7 — KISS decision dashboard + compact icon rail */

/* Restore the compact navigation rail. Labels remain available to assistive tech,
   while hover/focus tooltips expose the destination name. */
.c360-shell {
  grid-template-columns: 82px minmax(0, 1fr) !important;
}
.c360-sidebar {
  align-items: center !important;
  padding: 18px 12px !important;
  overflow: visible !important;
}
.c360-brand {
  place-items: center !important;
  margin-left: 0 !important;
}
.c360-icon-nav,
.c360-sidebar nav.c360-icon-nav {
  justify-items: center !important;
  gap: 8px !important;
}
.c360-nav-group-label {
  display: block !important;
  width: 32px;
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  background: rgba(91,102,112,.16);
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.c360-sidebar nav.c360-icon-nav a.c360-icon-link {
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  gap: 0 !important;
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border-radius: 15px !important;
}
.c360-sidebar nav.c360-icon-nav a.c360-icon-link::after {
  display: block !important;
}
.c360-nav-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (max-width: 1180px) and (min-width: 1024px) {
  .c360-shell { grid-template-columns: 82px minmax(0, 1fr) !important; }
}

/* Dashboard: information hierarchy follows management decisions, not modules. */
.c360-decision-dashboard {
  display: grid;
  gap: 16px;
}
.c360-decision-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.c360-decision-summary-card {
  position: relative;
  display: grid;
  gap: 6px;
  min-height: 126px;
  padding: 17px 18px;
  text-align: left;
  border: 1px solid var(--c360-app-line);
  border-radius: 16px;
  background: rgba(252,253,254,.91);
  color: var(--c360-charcoal);
  box-shadow: var(--c360-app-shadow-soft);
  cursor: pointer;
}
.c360-decision-summary-card:hover,
.c360-decision-summary-card:focus-visible {
  border-color: rgba(45,91,124,.34);
  background: #FCFDFE;
}
.c360-decision-summary-card > span {
  color: #647887;
  font-size: .76rem;
  font-weight: 800;
}
.c360-decision-summary-card > strong {
  color: var(--c360-navy);
  font-size: 2rem;
  line-height: 1;
}
.c360-decision-summary-card > small {
  color: #6C808E;
  font-size: .75rem;
}
.c360-decision-summary-card > i {
  position: absolute;
  top: 14px;
  right: 15px;
  color: #748A99;
  font-size: 1.05rem;
  font-style: normal;
}
.c360-decision-primary-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
  gap: 16px;
}
.c360-decision-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.2fr);
  gap: 16px;
}
.c360-decision-panel,
.c360-next-action-card {
  border: 1px solid var(--c360-app-line);
  border-radius: 18px;
  background: rgba(252,253,254,.92);
  box-shadow: var(--c360-app-shadow-soft);
}
.c360-decision-panel { padding: 18px; }
.c360-decision-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 13px;
}
.c360-decision-panel-head h2,
.c360-next-action-card h2 {
  margin: 3px 0 0;
  color: var(--c360-navy);
  font-size: 1.04rem;
}
.c360-decision-attention-list,
.c360-decision-action-list,
.c360-domain-nav-list {
  display: grid;
  gap: 8px;
}
.c360-decision-attention-row,
.c360-decision-action-row,
.c360-domain-nav-row {
  width: 100%;
  border: 1px solid rgba(91,102,112,.14);
  border-radius: 12px;
  background: #FAFCFD;
  color: var(--c360-charcoal);
  cursor: pointer;
}
.c360-decision-attention-row {
  display: grid;
  grid-template-columns: 29px minmax(0,1fr) 18px;
  gap: 9px;
  align-items: center;
  padding: 10px 11px;
  text-align: left;
}
.c360-decision-attention-row:hover,
.c360-decision-action-row:hover,
.c360-domain-nav-row:hover,
.c360-decision-attention-row:focus-visible,
.c360-decision-action-row:focus-visible,
.c360-domain-nav-row:focus-visible {
  border-color: rgba(45,91,124,.30);
  background: #F5F9FB;
}
.c360-decision-attention-icon {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  color: var(--c360-blue);
  font-size: .7rem;
  font-weight: 900;
}
.c360-decision-attention-row strong {
  font-size: .82rem;
  font-weight: 760;
}
.c360-next-action-card {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 22px;
  text-align: left;
  color: var(--c360-charcoal);
}
button.c360-next-action-card {
  width: 100%;
  cursor: pointer;
}
button.c360-next-action-card:hover,
button.c360-next-action-card:focus-visible {
  border-color: rgba(45,91,124,.34);
  background: #FCFDFE;
}
.c360-next-action-card p {
  margin: 8px 0 0;
  color: #687D8B;
  font-size: .79rem;
  line-height: 1.4;
}
.c360-next-action-cta {
  flex: 0 0 auto;
  color: var(--c360-blue);
  font-size: .8rem;
  font-weight: 850;
  white-space: nowrap;
}
.c360-decision-action-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 18px;
  gap: 10px;
  align-items: center;
  padding: 11px 12px;
  text-align: left;
}
.c360-decision-action-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.c360-decision-action-copy strong {
  overflow: hidden;
  color: var(--c360-charcoal);
  font-size: .82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c360-decision-action-copy small {
  color: #718592;
  font-size: .72rem;
}
.c360-decision-chevron {
  color: #758B99;
  font-size: 1rem;
}
.c360-domain-nav-row {
  display: grid;
  grid-template-columns: 27px minmax(0,1fr) 64px 18px;
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  text-align: left;
}
.c360-domain-nav-state {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  color: var(--c360-blue);
  font-size: .68rem;
  font-weight: 900;
}
.c360-domain-nav-copy {
  display: grid;
  gap: 2px;
}
.c360-domain-nav-copy strong { font-size: .78rem; }
.c360-domain-nav-copy small { color: #718592; font-size: .68rem; }
.c360-domain-nav-score {
  color: var(--c360-navy);
  font-size: .94rem;
  font-weight: 850;
  text-align: right;
}
.c360-domain-nav-score small {
  color: #7A8D99;
  font-size: .62rem;
  font-weight: 700;
}
.c360-text-link {
  border: 0;
  background: transparent;
  color: var(--c360-blue);
  padding: 2px;
  cursor: pointer;
  font-size: .75rem;
  font-weight: 800;
}
.c360-decision-empty {
  display: grid;
  gap: 5px;
  min-height: 72px;
  align-content: center;
  padding: 12px;
  border: 1px dashed rgba(91,102,112,.22);
  border-radius: 12px;
  color: #718592;
}
.c360-decision-empty strong { color: var(--c360-charcoal); font-size: .8rem; }
.c360-decision-empty span { font-size: .73rem; line-height: 1.4; }

@media (max-width: 1180px) {
  .c360-decision-summary { grid-template-columns: 1fr 1fr; }
  .c360-decision-primary-grid,
  .c360-decision-secondary-grid { grid-template-columns: 1fr; }
}
@media (max-width: 899px) {
  .c360-decision-summary { grid-template-columns: 1fr; }
  .c360-next-action-card { align-items: flex-start; flex-direction: column; }
}


/* ==========================================================================
   v0.35.8 — Dashboard action board restoration + compact uninterrupted rail
   ========================================================================== */

/* Sidebar stays icon-only with hover/focus tooltips, but has no visual group gaps. */
.c360-nav-group-label {
  display: none !important;
}
.c360-icon-nav,
.c360-sidebar nav.c360-icon-nav {
  gap: 8px !important;
  align-content: start;
}

/* Forecast overdue state: color is supplemental; text badge carries the meaning. */
.c360-board-state.is-overdue {
  border-color: rgba(164,69,61,.28);
  background: rgba(164,69,61,.055);
  box-shadow: 0 6px 16px rgba(164,69,61,.06);
}
.c360-board-state.is-overdue .c360-board-forecast strong {
  color: var(--c360-critical);
}
.c360-board-overdue-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 5px;
  padding: 3px 8px;
  border: 1px solid rgba(164,69,61,.24);
  border-radius: 999px;
  background: rgba(164,69,61,.10);
  color: var(--c360-critical);
  font-size: .60rem;
  line-height: 1.1;
  font-weight: 850;
}

/* Keep the action board readable across normal desktop widths. */
@media (max-width: 1180px) and (min-width: 900px) {
  .c360-action-board-columns,
  .c360-action-board-grid {
    grid-template-columns: minmax(155px,.68fr) minmax(320px,1.45fr) minmax(215px,.90fr);
  }
}


/* Administrator summary inside the restored action board. */
.c360-board-admin-stats {
  display: grid;
  width: 100%;
  gap: 7px;
  margin-top: 3px;
}
.c360-board-admin-stats > div,
.c360-board-admin-stats > button {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas: "label arrow" "value arrow";
  gap: 2px 8px;
  width: 100%;
  box-sizing: border-box;
  padding: 9px 10px;
  border: 1px solid rgba(68,87,106,.11);
  border-radius: 11px;
  background: rgba(251,252,253,.78);
  color: var(--c360-charcoal);
  text-align: left;
}
.c360-board-admin-stats > button {
  appearance: none;
  cursor: pointer;
  font: inherit;
}
.c360-board-admin-stats > button:hover,
.c360-board-admin-stats > button:focus-visible {
  border-color: rgba(45,91,124,.28);
  background: #fff;
}
.c360-board-admin-stats small {
  grid-area: label;
  color: #71808B;
  font-size: .61rem;
  font-weight: 700;
}
.c360-board-admin-stats strong {
  grid-area: value;
  color: var(--c360-navy);
  font-size: .76rem;
  line-height: 1.2;
}
.c360-board-admin-stats > * > span {
  grid-area: arrow;
  align-self: center;
  color: #748694;
  font-weight: 900;
}
.c360-board-admin-stats .is-overdue strong {
  color: var(--c360-critical);
}


/* v0.35.14 — Business Scan Pro result page compaction and plain-language diagnostic */
.c360-premium-shell-diagnostic .c360-premium-stats {
  gap: 10px;
}
.c360-premium-shell-diagnostic .c360-premium-stat {
  border-radius: 16px;
  padding: 10px 14px;
  min-height: 0;
}
.c360-premium-shell-diagnostic .c360-premium-stat span {
  font-size: .72rem;
}
.c360-premium-shell-diagnostic .c360-premium-stat strong {
  font-size: 1.55rem;
  margin: 5px 0 3px;
}
.c360-premium-shell-diagnostic .c360-premium-stat small {
  font-size: .76rem;
  line-height: 1.3;
}

.c360-premium-shell-diagnostic .c360-diagnostic-intelligence-strip {
  gap: 10px;
}
.c360-premium-shell-diagnostic .c360-diagnostic-signal-card {
  padding: 10px 14px;
  border-radius: 16px;
}
.c360-premium-shell-diagnostic .c360-diagnostic-signal-card > strong {
  margin-top: 3px;
  font-size: .98rem;
}
.c360-premium-shell-diagnostic .c360-diagnostic-signal-card > small {
  margin-top: 2px;
  font-size: .76rem;
  line-height: 1.3;
}

.c360-diagnostic-results-stack {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.c360-diagnostic-table-2col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.c360-diagnostic-table-2col .c360-diagnostic-row {
  height: 100%;
  box-sizing: border-box;
}

.c360-diagnostic-bottom-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
  align-items: stretch;
}
.c360-diagnostic-bottom-grid > .c360-premium-card {
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
}
.c360-diagnostic-explainer {
  margin: -2px 0 10px;
  color: #5E7480;
  font-size: .9rem;
  line-height: 1.55;
}
.c360-diagnostic-explainer-card .c360-diagnostic-signal-list {
  margin-top: 2px;
}

@media (max-width: 1180px) {
  .c360-diagnostic-table-2col,
  .c360-diagnostic-bottom-grid {
    grid-template-columns: 1fr;
  }
}


/* v0.35.14 — Actions owner selector + recommendation queue refinements */
.c360-action-owner-control .c360-action-owner {
  font-size: .75rem !important;
  line-height: 1.25;
}
.c360-action-owner[aria-busy="true"] {
  cursor: wait;
  opacity: .72;
}

.c360-action-status[aria-busy="true"], .c360-action-due[aria-busy="true"] { cursor: wait; opacity: .72; }


/* v0.35.15 — CEO KPI workspace */
.c360-kpi-ceo-top{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.c360-kpi-ceo-card{
  position:relative;
  min-height:126px;
  padding:17px 42px 17px 18px;
  border:1px solid var(--c360-app-line);
  border-radius:18px;
  background:linear-gradient(180deg,#FCFDFE 0%,#F4F7F9 100%);
  box-shadow:var(--c360-app-shadow-soft);
  text-align:left;
  cursor:pointer;
  color:var(--c360-charcoal);
}
.c360-kpi-ceo-card:hover,.c360-kpi-ceo-card:focus-visible{border-color:rgba(120,150,181,.55);transform:translateY(-1px)}
.c360-kpi-ceo-card>span{display:block;color:#718390;font-size:.76rem;font-weight:800}
.c360-kpi-ceo-card>strong{display:block;margin-top:10px;color:var(--c360-navy);font-size:1.7rem;line-height:1.1}
.c360-kpi-ceo-card>small{display:block;margin-top:9px;color:#71808B;font-size:.72rem}
.c360-kpi-ceo-card>b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#718DA6;font-size:1.25rem}
.c360-kpi-ceo-card.is-attention{border-left:4px solid var(--c360-critical)}
.c360-kpi-ceo-card.is-on-target{border-left:4px solid var(--c360-teal)}
.c360-kpi-ceo-card.is-improving{border-left:4px solid var(--c360-blue)}
.c360-kpi-ceo-section{padding:18px}
.c360-kpi-ceo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.c360-kpi-ceo-row{
  display:grid;
  grid-template-columns:minmax(230px,1.7fr) minmax(105px,.8fr) minmax(105px,.8fr) minmax(145px,1fr) 20px;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:13px 14px;
  border:1px solid var(--c360-app-line);
  border-radius:13px;
  background:#FBFCFD;
  color:var(--c360-charcoal);
  text-align:left;
  cursor:pointer;
}
.c360-kpi-ceo-row:hover,.c360-kpi-ceo-row:focus-visible{border-color:rgba(120,150,181,.5);background:#fff}
.c360-kpi-ceo-row>div:not(.c360-kpi-ceo-main) span{display:block;color:#7A8B96;font-size:.64rem;text-transform:uppercase;font-weight:750}
.c360-kpi-ceo-row>div:not(.c360-kpi-ceo-main) strong{display:block;margin-top:3px;color:var(--c360-navy);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c360-kpi-ceo-main{display:flex;align-items:center;gap:10px;min-width:0}
.c360-kpi-ceo-main>span{flex:0 0 27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(120,150,181,.12);color:#52718C;font-size:.72rem;font-weight:850}
.c360-kpi-ceo-main>div{min-width:0}
.c360-kpi-ceo-main strong,.c360-kpi-ceo-main small{display:block}
.c360-kpi-ceo-main strong{color:var(--c360-navy);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c360-kpi-ceo-main small{margin-top:2px;color:#788A95;font-size:.68rem}
.c360-kpi-ceo-chevron{color:#7896B5;font-size:1.1rem}

body.c360-kpi-detail-open{overflow:hidden}
.c360-kpi-detail-overlay{
  position:fixed;inset:0;z-index:100050;
  display:flex;justify-content:flex-end;
  background:rgba(23,50,77,.28);
  backdrop-filter:blur(3px);
}
.c360-kpi-detail-panel{
  width:min(1120px,calc(100vw - 90px));
  height:100vh;
  overflow:auto;
  background:#F5F7F9;
  box-shadow:-18px 0 60px rgba(23,50,77,.18);
}
.c360-kpi-detail-header{
  position:sticky;top:0;z-index:3;
  display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
  padding:22px 28px 18px;
  background:rgba(252,253,254,.96);
  border-bottom:1px solid var(--c360-app-line);
  backdrop-filter:blur(10px);
}
.c360-kpi-detail-header h2{margin:3px 0 3px;color:var(--c360-navy);font-size:1.65rem}
.c360-kpi-detail-header p{margin:0;color:#6F818D;font-size:.8rem}
.c360-kpi-detail-close{width:40px;height:40px;border:1px solid var(--c360-app-line);border-radius:12px;background:#fff;color:var(--c360-navy);font-size:1.5rem;cursor:pointer}
.c360-kpi-detail-body{padding:20px 28px 34px}
.c360-kpi-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.c360-kpi-detail-summary>div{padding:14px 15px;border:1px solid var(--c360-app-line);border-radius:14px;background:#fff}
.c360-kpi-detail-summary span,.c360-kpi-detail-summary strong{display:block}
.c360-kpi-detail-summary span{color:#778995;font-size:.7rem}
.c360-kpi-detail-summary strong{margin-top:5px;color:var(--c360-navy);font-size:1rem}
.c360-kpi-detail-section{margin-top:14px;padding:18px;border:1px solid var(--c360-app-line);border-radius:17px;background:#fff}
.c360-kpi-detail-section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:12px}
.c360-kpi-detail-section-head h3{margin:3px 0 0;color:var(--c360-navy);font-size:1rem}
.c360-kpi-detail-section-head>span{color:#7A8B96;font-size:.72rem}
.c360-kpi-chart,.c360-kpi-chart-empty{position:relative;color:#7896B5;border:1px solid rgba(120,150,181,.16);border-radius:16px;background:#FAFCFD;overflow:hidden}
.c360-kpi-chart svg,.c360-kpi-chart-empty svg{display:block;width:100%;height:auto;min-height:250px}
.c360-kpi-chart-grid line{stroke:#748A9B;stroke-opacity:.12;stroke-width:1}
.c360-kpi-chart-line{fill:none;stroke:#5F82A2;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.c360-kpi-chart-dot{fill:#fff;stroke:#5F82A2;stroke-width:3}
.c360-kpi-chart-target{stroke:#8C5F19;stroke-width:2;stroke-dasharray:7 7;opacity:.75}
.c360-kpi-chart-target-label,.c360-kpi-chart-date{fill:#718390;font-size:12px}
.c360-kpi-chart-empty>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px}
.c360-kpi-chart-empty strong{color:var(--c360-navy);font-size:1rem}
.c360-kpi-chart-empty span{margin-top:6px;color:#718390;font-size:.78rem}
.c360-kpi-detail-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.c360-kpi-detail-knowledge article{padding:15px 16px;border:1px solid var(--c360-app-line);border-radius:14px;background:#fff}
.c360-kpi-detail-knowledge span{display:block;color:#6F8390;font-size:.7rem;text-transform:uppercase;font-weight:800}
.c360-kpi-detail-knowledge p{margin:7px 0 0;color:#4F606B;font-size:.8rem;line-height:1.5}
.c360-kpi-linked-actions{display:grid;gap:8px}
.c360-kpi-linked-action{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;padding:12px 13px;border:1px solid var(--c360-app-line);border-radius:12px;background:#F8FAFB;text-align:left;cursor:pointer}
.c360-kpi-linked-action span strong,.c360-kpi-linked-action span small{display:block}
.c360-kpi-linked-action span strong{color:var(--c360-navy);font-size:.8rem}.c360-kpi-linked-action span small{margin-top:3px;color:#748691;font-size:.7rem}
.c360-kpi-linked-action>b{color:#7896B5;font-size:1.1rem}
.c360-kpi-detail-entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.c360-kpi-detail-entry form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:16px;border:1px solid var(--c360-app-line);border-radius:15px;background:#fff}
.c360-kpi-detail-entry form>div{grid-column:1/-1}.c360-kpi-detail-entry h3{margin:3px 0 0;color:var(--c360-navy);font-size:.95rem}
.c360-kpi-detail-entry label{color:#718390;font-size:.7rem;font-weight:700}.c360-kpi-detail-entry label .c360-input{margin-top:5px}
@media(max-width:1450px){
  .c360-kpi-ceo-top{grid-template-columns:1fr 1fr}
  .c360-kpi-ceo-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .c360-kpi-ceo-top{grid-template-columns:1fr}
  .c360-kpi-ceo-row{grid-template-columns:1fr 1fr}
  .c360-kpi-ceo-chevron{display:none}
  .c360-kpi-detail-panel{width:100vw}
  .c360-kpi-detail-summary,.c360-kpi-detail-knowledge,.c360-kpi-detail-entry{grid-template-columns:1fr}
  .c360-kpi-detail-entry form{grid-template-columns:1fr}
}


/* v0.35.16 — KPI detail form clarity */
.c360-kpi-detail-entry form{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:end;
}
.c360-kpi-detail-entry form>.c360-kpi-entry-intro{
  grid-column:1/-1;
}
.c360-kpi-entry-intro p{
  margin:6px 0 0;
  color:#657985;
  font-size:.76rem;
  line-height:1.45;
}
.c360-kpi-detail-entry form label{
  min-width:0;
}
.c360-kpi-detail-entry form label small{
  display:block;
  min-height:1.2em;
  margin:3px 0 5px;
  color:#83929B;
  font-size:.64rem;
  font-weight:500;
}
.c360-kpi-detail-entry form label .c360-input{
  width:100%;
  min-width:0;
  min-height:46px;
  font-size:.88rem;
}
.c360-kpi-detail-entry form>button{
  grid-column:1/-1;
  width:100%;
  min-height:46px;
  justify-content:center;
}
@media(max-width:900px){
  .c360-kpi-detail-entry form{grid-template-columns:1fr}
}


/* v0.35.18 — Dashboard current-member identity */
.c360-board-admin-copy small{
  display:block;
  margin-top:3px;
  color:#7B8B95;
  font-size:.68rem;
  font-weight:700;
}


/* v0.35.18 — team scope controls */
.c360-team-controls{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) auto;
  gap:8px;
}
@media(max-width:1100px){
  .c360-team-controls{grid-template-columns:1fr}
}



/* v0.35.22 — role-aware navigation */
.c360-sidebar nav a[hidden]{
  display:none !important;
}


/* v0.35.22 — CRM KISS: Pipeline + Clienți */
.c360-crm-deal-create-form{
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) minmax(120px,.7fr) minmax(150px,.8fr) auto;
  gap:9px;
  align-items:start;
  margin-bottom:14px;
}
.c360-crm-deal-create-form .c360-crm-new-notes{
  grid-column:1/-2;
  min-height:62px;
  resize:vertical;
}
.c360-crm-deal-create-form>button{
  grid-column:-2/-1;
  min-height:62px;
}
.c360-crm-kiss-row-notes{
  display:grid;
  grid-template-columns:minmax(230px,1.6fr) minmax(120px,.7fr) minmax(150px,.85fr) minmax(150px,.85fr);
  gap:12px;
  align-items:center;
}
.c360-crm-note-box{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:end;
  padding-top:10px;
  border-top:1px solid rgba(120,150,181,.16);
}
.c360-crm-note-box label{
  color:#6F818D;
  font-size:.7rem;
  font-weight:750;
}
.c360-crm-note-box textarea{
  display:block;
  width:100%;
  min-height:58px;
  margin-top:5px;
  resize:vertical;
  font-size:.78rem;
}
.c360-crm-note-box button{
  min-height:44px;
}
@media(max-width:1100px){
  .c360-crm-deal-create-form{grid-template-columns:1fr 1fr}
  .c360-crm-deal-create-form .c360-crm-new-notes,
  .c360-crm-deal-create-form>button{grid-column:1/-1}
  .c360-crm-kiss-row-notes{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .c360-crm-deal-create-form,.c360-crm-kiss-row-notes,.c360-crm-note-box{grid-template-columns:1fr}
  .c360-crm-note-box{grid-column:1}
}


/* v0.35.22 — 5 KPI KISS */
.c360-kpi-five-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.c360-kpi-five-card{
  position:relative;
  min-height:142px;
  padding:18px 42px 18px 18px;
  border:1px solid var(--c360-app-line);
  border-radius:18px;
  background:linear-gradient(180deg,#FCFDFE 0%,#F4F7F9 100%);
  box-shadow:var(--c360-app-shadow-soft);
  text-align:left;
  color:var(--c360-charcoal);
  cursor:pointer;
}
.c360-kpi-five-card:hover,.c360-kpi-five-card:focus-visible{
  border-color:rgba(120,150,181,.55);
  transform:translateY(-1px);
}
.c360-kpi-five-card>span{display:block;color:#70828E;font-size:.75rem;font-weight:800;line-height:1.25}
.c360-kpi-five-card>strong{display:block;margin-top:13px;color:var(--c360-navy);font-size:1.48rem;line-height:1.1}
.c360-kpi-five-card>small{display:block;margin-top:10px;color:#71818B;font-size:.68rem;line-height:1.35}
.c360-kpi-five-card>b{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#7896B5}
.c360-kpi-five-note{
  display:flex;gap:8px;align-items:center;
  margin-top:12px;padding:11px 14px;
  border:1px solid rgba(120,150,181,.16);
  border-radius:13px;background:#F8FAFB;color:#667986;font-size:.73rem;
}
.c360-kpi-five-note strong{color:var(--c360-navy)}

.c360-kpi-simple-overlay{
  position:fixed;inset:0;z-index:100050;
  display:flex;justify-content:flex-end;
  background:rgba(23,50,77,.28);
  backdrop-filter:blur(3px);
}
.c360-kpi-simple-panel{
  width:min(1160px,calc(100vw - 80px));
  height:100vh;overflow:auto;background:#F5F7F9;
  box-shadow:-18px 0 60px rgba(23,50,77,.18);
}
.c360-kpi-simple-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.c360-kpi-simple-tools{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);gap:14px;margin-top:14px}
.c360-kpi-simple-tools.is-one{grid-template-columns:minmax(300px,620px)}
.c360-kpi-manual-form,.c360-kpi-annual-plan{
  padding:17px;border:1px solid var(--c360-app-line);border-radius:16px;background:#fff
}
.c360-kpi-manual-form{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start
}
.c360-kpi-manual-form>div{grid-column:1/-1}
.c360-kpi-manual-form h3,.c360-kpi-annual-plan h3,.c360-kpi-section-head h3{margin:3px 0 0;color:var(--c360-navy);font-size:1rem}
.c360-kpi-manual-form p,.c360-kpi-section-head p{margin:5px 0 0;color:#70818C;font-size:.74rem;line-height:1.45}
.c360-kpi-manual-form label{font-size:.69rem;color:#70818C;font-weight:750}
.c360-kpi-manual-form label .c360-input{margin-top:5px;width:100%}
.c360-kpi-manual-form>button{grid-column:1/-1;width:100%}

.c360-kpi-target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.c360-kpi-target-grid label{font-size:.66rem;color:#71838F;font-weight:750}
.c360-kpi-target-grid label span{display:block;margin-bottom:4px}
.c360-kpi-target-grid .c360-input{width:100%;min-width:0}
.c360-kpi-annual-plan>button{width:100%}

.c360-kpi-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}
.c360-kpi-coverage{
  flex:0 0 auto;padding:10px 13px;border:1px solid var(--c360-app-line);border-radius:12px;background:#F8FAFB
}
.c360-kpi-coverage span,.c360-kpi-coverage strong{display:block}
.c360-kpi-coverage span{color:#758791;font-size:.64rem}
.c360-kpi-coverage strong{margin-top:3px;color:var(--c360-navy);font-size:1rem}

.c360-kpi-add-recurring,.c360-kpi-add-fixed{
  display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(150px,1fr) minmax(130px,.8fr) 145px 145px;gap:8px;margin-bottom:14px
}
.c360-kpi-add-recurring textarea,.c360-kpi-add-fixed textarea{grid-column:1/-2;resize:vertical}
.c360-kpi-add-recurring>button,.c360-kpi-add-fixed>button{grid-column:-2/-1;min-height:58px}
.c360-kpi-list{display:grid;gap:8px}
.c360-kpi-list-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;
  padding:12px 13px;border:1px solid var(--c360-app-line);border-radius:12px;background:#FAFCFD
}
.c360-kpi-list-row>div{min-width:0}
.c360-kpi-list-row>div strong,.c360-kpi-list-row>div small{display:block}
.c360-kpi-list-row>div strong{color:var(--c360-navy);font-size:.78rem}
.c360-kpi-list-row>div small{margin-top:3px;color:#758690;font-size:.68rem}
.c360-kpi-list-row>div p{margin:5px 0 0;color:#627580;font-size:.7rem;line-height:1.4}
.c360-kpi-list-row>strong{white-space:nowrap;color:var(--c360-navy);font-size:.8rem}

.c360-kpi-simple-chart,.c360-kpi-simple-chart-empty{
  position:relative;color:#7896B5;border:1px solid rgba(120,150,181,.15);border-radius:15px;background:#FAFCFD;overflow:hidden
}
.c360-kpi-simple-chart svg,.c360-kpi-simple-chart-empty svg{display:block;width:100%;height:auto;min-height:220px}
.c360-kpi-simple-chart-empty>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px}
.c360-kpi-simple-chart-empty strong{color:var(--c360-navy);font-size:.95rem}
.c360-kpi-simple-chart-empty span{margin-top:5px;color:#72838E;font-size:.73rem}

@media(max-width:1500px){
  .c360-kpi-five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .c360-kpi-five-grid{grid-template-columns:1fr 1fr}
  .c360-kpi-simple-tools{grid-template-columns:1fr}
  .c360-kpi-target-grid{grid-template-columns:repeat(3,1fr)}
  .c360-kpi-add-recurring,.c360-kpi-add-fixed{grid-template-columns:1fr 1fr}
  .c360-kpi-add-recurring textarea,.c360-kpi-add-fixed textarea,
  .c360-kpi-add-recurring>button,.c360-kpi-add-fixed>button{grid-column:1/-1}
}
@media(max-width:760px){
  .c360-kpi-five-grid,.c360-kpi-target-grid{grid-template-columns:1fr}
  .c360-kpi-simple-panel{width:100vw}
  .c360-kpi-manual-form,.c360-kpi-add-recurring,.c360-kpi-add-fixed,.c360-kpi-list-row{grid-template-columns:1fr}
  .c360-kpi-manual-form>div,.c360-kpi-manual-form>button{grid-column:1}
  .c360-kpi-list-row>button{width:100%}
  .c360-kpi-five-note{align-items:flex-start;flex-direction:column}
}


/* v0.35.22 — Practical Action/Risk Playbooks */
.c360-playbook-outcome,
.c360-playbook-formula,
.c360-playbook-decision,
.c360-playbook-proof{
  background:#FBFCFD;
}
.c360-playbook-formula p,
.c360-risk-formula p{
  margin:8px 0 0;
  padding:11px 12px;
  border-radius:10px;
  background:rgba(45,91,124,.07);
  color:var(--c360-navy);
  font-weight:750;
  line-height:1.5;
}
.c360-playbook-decision p,
.c360-risk-decision p{
  font-weight:700;
  color:#334A5C;
}
.c360-playbook-intro-v2>div{
  min-height:100%;
}

body.c360-risk-guide-open{overflow:hidden}
.c360-risk-guide-overlay{
  position:fixed;inset:0;z-index:100060;
  display:flex;justify-content:flex-end;
  background:rgba(23,50,77,.30);
  backdrop-filter:blur(3px);
}
.c360-risk-guide-panel{
  width:min(1160px,calc(100vw - 80px));
  height:100vh;
  overflow:auto;
  background:#F5F7F9;
  box-shadow:-18px 0 60px rgba(23,50,77,.2);
}
.c360-risk-guide-header{
  position:sticky;top:0;z-index:4;
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;
  padding:22px 28px 18px;
  background:rgba(252,253,254,.96);
  border-bottom:1px solid var(--c360-app-line);
  backdrop-filter:blur(10px);
}
.c360-risk-guide-header h2{
  margin:3px 0 4px;color:var(--c360-navy);font-size:1.55rem;
}
.c360-risk-guide-header p{
  max-width:820px;margin:0;color:#667A86;font-size:.78rem;line-height:1.5;
}
.c360-risk-guide-body{padding:20px 28px 36px}
.c360-risk-guide-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
.c360-risk-guide-summary>div{
  padding:13px 14px;border:1px solid var(--c360-app-line);border-radius:13px;background:#fff;
}
.c360-risk-guide-summary span,
.c360-risk-guide-summary strong,
.c360-risk-guide-summary small{display:block}
.c360-risk-guide-summary span{color:#738590;font-size:.66rem;text-transform:uppercase;font-weight:800}
.c360-risk-guide-summary strong{margin-top:5px;color:var(--c360-navy);font-size:.95rem}
.c360-risk-guide-summary small{margin-top:3px;color:#81909A;font-size:.64rem}
.c360-risk-guide-two{
  display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px;
}
.c360-risk-guide-card{
  padding:16px 17px;
  border:1px solid var(--c360-app-line);
  border-radius:15px;
  background:#fff;
}
.c360-risk-guide-card>p{
  margin:8px 0 0;color:#4E616D;font-size:.79rem;line-height:1.55;
}
.c360-risk-guide-card ul,
.c360-risk-guide-card ol{
  margin-top:9px;
}
.c360-risk-guide-outcome{margin-top:11px;background:#FBFCFD}
.c360-risk-control-form{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:13px;
  padding:18px;
  border:1px solid var(--c360-app-line);
  border-radius:17px;
  background:#fff;
}
.c360-risk-control-head{grid-column:1/-1}
.c360-risk-control-head h3{margin:3px 0 0;color:var(--c360-navy);font-size:1rem}
.c360-risk-control-head p{margin:5px 0 0;color:#6D808B;font-size:.72rem;line-height:1.45}
.c360-risk-control-form>label{
  color:#6F818D;font-size:.68rem;font-weight:750;
}
.c360-risk-control-form>label .c360-input{display:block;width:100%;margin-top:5px}
.c360-risk-control-wide{grid-column:span 5}
.c360-risk-check-card{
  padding:14px 15px;border:1px solid rgba(120,150,181,.18);border-radius:13px;background:#F9FBFC;
}
.c360-risk-checklist{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-top:10px}
.c360-risk-checklist label{
  display:flex;gap:8px;align-items:flex-start;
  color:#4F626E;font-size:.74rem;font-weight:600;line-height:1.35;
}
.c360-risk-checklist input{margin-top:2px}
.c360-risk-control-save{grid-column:1/-1;justify-self:start}
.c360-risk-action-card{
  display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;
}
.c360-risk-action-card h3{margin:3px 0 0;color:var(--c360-navy);font-size:1rem}
.c360-risk-action-card p{margin:5px 0 0}
.c360-risk-action-card>button{flex:0 0 auto}

.c360-risk-list{display:grid;gap:8px}
.c360-risk-row{
  display:grid;
  grid-template-columns:48px minmax(0,1.8fr) minmax(180px,.8fr) 18px;
  gap:13px;align-items:center;
  width:100%;
  padding:12px 13px;
  border:1px solid var(--c360-app-line);
  border-radius:13px;
  background:#FBFCFD;
  text-align:left;
  color:var(--c360-charcoal);
  cursor:pointer;
}
.c360-risk-row:hover,.c360-risk-row:focus-visible{
  border-color:rgba(120,150,181,.52);background:#fff;
}
.c360-risk-score{
  width:38px;height:38px;display:grid;place-items:center;
  border-radius:11px;background:rgba(45,91,124,.08);
  color:var(--c360-navy);font-size:.82rem;font-weight:850;
}
.c360-risk-row-main,.c360-risk-row-meta{min-width:0}
.c360-risk-row-main strong,.c360-risk-row-main small,
.c360-risk-row-meta span,.c360-risk-row-meta small{display:block}
.c360-risk-row-main strong{
  color:var(--c360-navy);font-size:.8rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.c360-risk-row-main small{
  margin-top:3px;color:#738590;font-size:.68rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.c360-risk-row-meta{text-align:right}
.c360-risk-row-meta span{color:#405967;font-size:.72rem;font-weight:800}
.c360-risk-row-meta small{margin-top:3px;color:#7C8D97;font-size:.64rem}
.c360-risk-row>b{color:#7896B5;font-size:1.08rem}

@media(max-width:1000px){
  .c360-risk-guide-panel{width:100vw}
  .c360-risk-guide-summary{grid-template-columns:1fr 1fr}
  .c360-risk-guide-two{grid-template-columns:1fr}
  .c360-risk-control-form{grid-template-columns:1fr 1fr}
  .c360-risk-control-wide{grid-column:1/-1}
  .c360-risk-checklist{grid-template-columns:1fr}
  .c360-risk-row{grid-template-columns:44px minmax(0,1fr) 16px}
  .c360-risk-row-meta{grid-column:2;text-align:left}
}
@media(max-width:650px){
  .c360-risk-guide-body{padding:14px}
  .c360-risk-guide-header{padding:17px}
  .c360-risk-guide-summary,.c360-risk-control-form{grid-template-columns:1fr}
  .c360-risk-control-head,.c360-risk-control-wide,.c360-risk-control-save{grid-column:1}
  .c360-risk-action-card{align-items:stretch;flex-direction:column}
  .c360-risk-action-card>button{width:100%}
}