.e360 { --other:#3b4a75; --self:#1f7a6c; --average:#b52345; max-width:1280px; min-width:0; color:var(--txt); font-size:14px; }
.e360 *, .e360 *::before, .e360 *::after { box-sizing:border-box; }
.e360 button,.e360 input { font:inherit; }
.e360 button { cursor:pointer; }
.e360 button:focus-visible,.e360 input:focus-visible,.e360 summary:focus-visible,.e360 [tabindex]:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.e360-toolbar,.e360-tools,.e360-person,.e360-section-head { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.e360-toolbar { justify-content:space-between; margin-bottom:20px; }
.e360-field { display:flex; flex-direction:column; gap:6px; color:var(--sub); font-size:12px; }
.e360-field input { min-height:44px; max-width:100%; border:1px solid var(--line2); padding:8px 12px; background:var(--surface); color:var(--txt); font-size:14px; border-radius:0; }
.e360-field .combo { width:180px; max-width:100%; }
.e360-field .combo input { padding-right:28px; }
.e360-field .combo-list { width:100%; font-size:14px; color:var(--txt); }
.e360-field .combo-item { min-height:36px; white-space:normal; overflow-wrap:anywhere; }
.e360-tabs { display:flex; align-self:end; border-bottom:1px solid var(--line2); gap:24px; }
.e360-tabs button { min-height:44px; padding:8px 4px; border:0; border-bottom:2px solid transparent; background:none; color:var(--sub); }
.e360-tabs button[aria-selected=true] { color:var(--txt); font-weight:700; border-color:var(--txt); }
.e360 section { margin:0 0 32px; border-top:2px solid var(--txt); padding-top:14px; }
.e360 h2 { font-size:17px; margin:0 0 14px; font-weight:700; }
.e360 h3 { font-size:14px; margin:0 0 10px; }
.e360-section-head { justify-content:space-between; margin-bottom:12px; }
.e360-section-head h2 { margin:0; }
.e360-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:start; }
.e360-grid > * { min-width:0; }
.e360-scroll { overflow:auto; max-width:100%; border-bottom:1px solid var(--line); overscroll-behavior-x:contain; }
.e360 table { border-collapse:collapse; width:100%; font-variant-numeric:tabular-nums; }
.e360 th,.e360 td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:right; vertical-align:middle; white-space:nowrap; }
.e360 thead th { background:var(--table-head); font-size:12px; color:var(--sub); font-weight:600; }
.e360 th:first-child,.e360 td:first-child { text-align:left; }
.e360 tbody th { font-weight:600; }
.e360 .e360-sticky { position:sticky; left:0; background:var(--surface); z-index:1; }
.e360 thead .e360-sticky { background:var(--table-head); }
.e360 .e360-layers { min-width:1060px; }
.e360 .e360-members { min-width:760px; }
.e360 .e360-axis { min-width:450px; }
.e360 .e360-member-row { cursor:pointer; }
.e360 .e360-member-row:hover > *,.e360 .e360-member-row:focus-within > * { background:var(--hover); }
.e360-name,.e360-button { min-height:44px; padding:8px 12px; background:var(--surface); border:1px solid var(--line2); color:var(--txt); }
.e360-name { padding:8px 0; background:none; border:0; color:var(--accent); font-weight:600!important; text-align:left; text-decoration:underline; text-underline-offset:4px; }
.e360-badge { font-size:11px; padding:2px 5px; margin-left:8px; background:var(--table-head); color:var(--sub); }
.e360-tools { margin-bottom:14px; align-items:end; }
.e360-count { padding:12px 0; color:var(--sub); font-size:12px; }
.e360 svg { display:block; width:100%; height:auto; overflow:visible; }
.e360 svg text { font-family:var(--font-ui); fill:var(--sub); font-size:12px; }
.e360 .e360-trend { min-width:560px; }
.e360-legend { display:flex; flex-wrap:wrap; gap:10px 20px; font-size:12px; color:var(--sub); margin:10px 0 16px; }
.e360-legend span { display:inline-flex; gap:6px; align-items:center; }
.e360-legend i { width:20px; border-top:2px solid; display:inline-block; }
.e360-legend i.dashed { border-top-style:dashed; }
.e360-legend i.dotted { border-top-style:dotted; }
.e360-legend i.bar { height:10px; width:10px; border:0; }
.e360-person { margin:6px 0 20px; }
.e360-person h2 { margin:0; font-size:22px; }
.e360-person p { color:var(--sub); }
.e360-summary { display:grid; grid-template-columns:1fr 1fr 1.2fr; border-block:1px solid var(--line2); margin:0 0 28px; }
.e360-summary > div { padding:16px 20px; border-right:1px solid var(--line); }
.e360-summary > div:first-child { padding-left:0; }
.e360-summary > div:last-child { border:0; }
.e360-summary dt { color:var(--sub); font-size:12px; margin-bottom:6px; }
.e360-summary dd { margin:0; font-size:28px; font-weight:600; font-variant-numeric:tabular-nums; }
.e360-summary p { font-size:12px; margin-top:6px; color:var(--sub); }
.e360-summary .e360-gap { font-size:14px; font-weight:500; line-height:1.7; }
.e360 .e360-comments-section { border-top:0; padding-top:0; margin-bottom:28px; }
.e360-comments-section > h2 { padding:8px 12px; margin:0 0 12px; background:var(--txt); color:var(--surface); font-size:17px; line-height:1.5; }
.e360-self-comment > h3 { padding:6px 10px; margin:0 0 10px; border-bottom:1px solid var(--sub); background:var(--table-head); color:var(--txt); font-size:14px; line-height:1.6; }
.e360-comments { display:grid; gap:16px; list-style:none; padding:0; margin:0; }
.e360-comments li { min-width:0; border:1px solid var(--line2); background:var(--surface); }
.e360-comment-fields { margin:0; }
.e360-comment-topic,.e360-comment-scene,.e360-comment-body { padding:10px 14px; overflow-wrap:anywhere; }
.e360-comment-fields dt { margin:0 0 4px; color:var(--sub); font-size:13px; font-weight:600; line-height:1.7; }
.e360-comment-fields dd { min-width:0; margin:0; color:var(--txt); line-height:1.65; white-space:pre-wrap; }
.e360-comment-topic { background:var(--line2); border-bottom:1px solid var(--sub); }
.e360-comment-topic dt { color:var(--txt); }
.e360-comment-topic strong { font-size:16px; line-height:1.6; }
.e360-comment-scene { background:var(--table-head); border-bottom:1px solid var(--line2); }
.e360-comment-scene dd { font-size:14px; }
.e360-comment-body { padding-bottom:12px; background:var(--surface); }
.e360-comments p { margin:0; color:var(--txt); font-size:14px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; max-width:74ch; }
.e360 details { margin-top:16px; }
.e360-classification { color:var(--sub); font-size:12px; }
.e360-classification ul { padding-left:20px; line-height:1.85; }
.e360-classification p { margin-top:8px; max-width:74ch; line-height:1.85; }
.e360 summary { min-height:44px; padding:12px 0; color:var(--accent); cursor:pointer; }
.e360-state { padding:32px 0; line-height:1.8; }
.e360-state button { margin-top:16px; }
.e360-muted { color:var(--sub); font-size:12px; }
.e360-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1000px) { .e360-grid { grid-template-columns:1fr; } .e360-radar { max-width:530px; margin:auto; } }
@media(max-width:600px) {
  .e360-comments-section > h2 { font-size:16px; padding:8px 10px; }
  .e360-comment-topic,.e360-comment-scene,.e360-comment-body { padding:8px 12px; }
  .e360-comment-body { padding-bottom:12px; }
  .e360-radar svg text { font-size:18px; }
  .e360-toolbar { align-items:stretch; gap:12px; }
  .e360-toolbar > .e360-field { flex:1 1 100%; }
  .e360-tabs { width:100%; }
  .e360-summary { grid-template-columns:1fr 1fr; }
  .e360-summary > div { padding:14px 12px; }
  .e360-summary > div:nth-child(2) { border-right:0; }
  .e360-summary > div:last-child { grid-column:1/-1; border-top:1px solid var(--line); padding-left:0; }
  .e360-summary dd { font-size:26px; }
  .e360 th,.e360 td { padding:8px 10px; }
  .e360-tools .e360-field { flex:1 1 140px; min-width:0; }
  .e360-field .combo { width:100%; min-width:0; }
  .e360-person { gap:10px; }
}
@media(max-width:400px) { .e360-radar svg text { font-size:22px; } }