/* Shared engagement and measured online history on public server pages. */
.mon-page .mon-community-actions{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid #343b44;border-radius:12px;background:#1c2127}
.mon-page :is(.mon-community-stats,.mon-community-buttons){display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;min-width:0}
.mon-page .mon-community-stat{display:inline-flex;align-items:center;gap:7px;color:#94a3b5;font-size:11px;line-height:1.5;text-decoration:none}
.mon-page .mon-community-stat strong{color:#dfe5ed;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.mon-page .mon-community-stat svg{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}
.mon-page a.mon-community-stat:hover{color:#f5a632}
.mon-page .mon-community-buttons{gap:9px}
.mon-page .mon-community-buttons :is(.product-favorite,.product-share,.like-controls){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;margin:0;padding:0 12px;border:1px solid #39424d;border-radius:8px;background:#232a32;color:#b8c4d2;text-decoration:none;font:600 11px/1.4 var(--font,inherit);box-shadow:none;cursor:pointer}
.mon-page .mon-community-buttons :is(.product-favorite,.product-share):hover{border-color:#f5a63280;background:#f5a6320d;color:#f5a632}
.mon-page .mon-community-buttons .like-controls{padding:0;gap:0;overflow:hidden}
.mon-page .mon-community-buttons :is(.product-like,.like-statistics-button){display:inline-flex;align-items:center;justify-content:center;min-height:37px;border:0;background:transparent;color:inherit;padding:0 10px;font:600 11px/1.4 var(--font,inherit);cursor:pointer}
.mon-page .mon-community-buttons .product-like{border-right:1px solid #39424d;border-radius:0}
.mon-page .mon-community-buttons .like-statistics-button{gap:4px}
.mon-page .mon-community-buttons :is(.product-like,.like-statistics-button):hover{color:#f5a632;background:#f5a6320b}
.mon-page .mon-community-buttons :is(.product-like,.product-favorite)[aria-pressed=true]{color:#f5a632;background:#f5a6320c}
.mon-page .mon-community-buttons svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.mon-page .mon-community-buttons [hidden]{display:none!important}
.mon-page .mon-community-actions>.engagement-status:not(.sr-only){flex-basis:100%;margin:0;color:#e0bd8f;font-size:11px}
.mon-page .mon-online{overflow:hidden;padding:25px 28px}
.mon-page .mon-online-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.mon-page .mon-online-heading h2{margin:5px 0 0;font-size:23px;line-height:1.3}
.mon-page .mon-online-period{min-width:165px;max-width:220px;font-size:12px}
.mon-page .mon-online-period select{width:100%;min-height:41px;border:1px solid #3a4450;border-radius:8px;background:#171c22;color:#dce2ea;padding:0 12px;font:500 12px var(--font,inherit)}
.mon-page .mon-online-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #343e49;border-radius:10px;background:#171d23;margin-bottom:22px}
.mon-page .mon-online-summary>div{padding:15px 19px;min-width:0}
.mon-page .mon-online-summary>div+div{border-left:1px solid #343e49}
.mon-page .mon-online-summary span{display:block;color:#92a0b2;font-size:10px;line-height:1.5;margin-bottom:6px}
.mon-page .mon-online-summary strong{color:#dfe6ee;font-size:23px;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums}
.mon-page .mon-online-summary .is-ours strong{color:#f5a632}
.mon-page .mon-online-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;color:#b2bfce;font-size:11px;line-height:1.5;margin-bottom:6px}
.mon-page :is(.mon-online-legend,.mon-online-tooltip)>span{display:flex;align-items:center;gap:8px}
.mon-page :is(.mon-online-line-total,.mon-online-line-ours){display:inline-block;flex-shrink:0;width:20px;height:3px;border-radius:4px;background:#9aa6b6}
.mon-page .mon-online-line-ours{background:#f5a632}
.mon-page .mon-online-canvas{position:relative;min-width:0;min-height:230px;margin:0 -3px}
.mon-page .mon-online-svg{display:block;width:100%;height:285px;overflow:visible;border-radius:8px;outline-offset:3px;touch-action:pan-y}
.mon-page .mon-online-svg:focus-visible{outline:2px solid #f5a632}
.mon-page .mon-online-svg text{fill:#8493a7;font-size:11px;font-family:var(--font,sans-serif);font-variant-numeric:tabular-nums}
.mon-page .mon-online-svg .mon-online-grid{stroke:#36404c;stroke-width:1;stroke-dasharray:3 6}
.mon-page .mon-online-svg .mon-online-path-total{fill:none;stroke:#9aa6b6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mon-page .mon-online-svg .mon-online-path-ours{fill:none;stroke:#f5a632;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mon-page .mon-online-svg .mon-online-guide{stroke:#687b90;stroke-width:1;stroke-dasharray:3 5}
.mon-page .mon-online-tooltip{position:absolute;z-index:3;top:20px;left:50%;transform:translateX(-50%);width:230px;max-width:calc(100% - 16px);padding:12px 14px;border:1px solid #4b5766;border-radius:9px;background:#11161ff5;color:#aab8c9;font-size:10px;line-height:1.6;box-shadow:0 10px 28px #0005;pointer-events:none}
.mon-page .mon-online-tooltip>strong{display:block;margin-bottom:8px;color:#dce4ef;font-size:11px}
.mon-page .mon-online-tooltip>span+span{margin-top:4px}
.mon-page .mon-online-tooltip b{margin-left:auto;color:#e0e6ed;font-size:12px;font-variant-numeric:tabular-nums}
.mon-page .mon-online-tooltip>span:last-child b{color:#f5a632}
.mon-page .mon-online-empty{position:absolute;inset:20px 40px 37px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:#8998aa;background:#1b2026ee}
.mon-page .mon-online-empty svg{color:#ba8c45;margin-bottom:2px}
.mon-page .mon-online-empty strong{color:#c3cedc;font-size:13px;font-weight:600}
.mon-page .mon-online-empty>span{max-width:340px;font-size:11px;line-height:1.7}
.mon-page .mon-online [hidden]{display:none!important}
.mon-page .mon-online-caption{margin:5px 0 0;color:#8391a3;font-size:10px;line-height:1.7}
.mon-page .mon-online-status{margin:7px 0 0;color:#c5a56f;font-size:11px;line-height:1.6;min-height:0}
.mon-page .mon-online-status:empty{display:none}
.mon-page .mon-online-data{margin-top:18px;border-top:1px solid #343e49;padding-top:13px;color:#aab8c8;font-size:11px}
.mon-page .mon-online-data summary{cursor:pointer;width:fit-content;max-width:100%;padding:4px 0;color:#a7b5c6}
.mon-page .mon-online-data summary:hover{color:#f5a632}
.mon-page .mon-online-table-wrap{max-height:270px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d5a6a #171d23;margin-top:12px;border:1px solid #343e49;border-radius:7px}
.mon-page .mon-online-table-wrap table{width:100%;border-collapse:collapse;min-width:300px;text-align:left;font-size:11px;line-height:1.5}
.mon-page .mon-online-table-wrap :is(th,td){padding:10px 12px;border-bottom:1px solid #303945;font-variant-numeric:tabular-nums;white-space:nowrap}
.mon-page .mon-online-table-wrap thead th{position:sticky;top:0;background:#262e38;color:#aebed1;font-size:10px;font-weight:600}
.mon-page .mon-online-table-wrap tbody th{font-weight:400;color:#97a7bb}
.mon-page .mon-online-table-wrap td:last-child{color:#f5a632}
@container monitoring (max-width:620px){.mon-page .mon-community-actions{padding:14px;gap:14px}.mon-page .mon-community-stats{gap:12px 18px}.mon-page .mon-community-stat{font-size:10px}.mon-page .mon-community-buttons{gap:7px}.mon-page .mon-community-buttons :is(.product-favorite,.product-share){padding:0 10px;min-height:37px;font-size:10px}.mon-page .mon-community-buttons :is(.product-like,.like-statistics-button){font-size:10px;padding:0 9px;min-height:35px}.mon-page .mon-online{padding:20px 16px}.mon-page .mon-online-heading{gap:10px;margin-bottom:18px}.mon-page .mon-online-heading h2{font-size:20px}.mon-page .mon-online-period{min-width:123px;width:123px}.mon-page .mon-online-period select{font-size:11px;padding:0 8px}.mon-page .mon-online-summary>div{padding:12px 10px}.mon-page .mon-online-summary span{font-size:9px}.mon-page .mon-online-summary strong{font-size:20px}.mon-page .mon-online-svg{height:225px}.mon-page .mon-online-legend{font-size:10px;gap:10px 18px}.mon-page .mon-online-caption{font-size:9px}.mon-page .mon-online-empty{inset:15px 24px 32px}.mon-page .mon-online-empty strong{font-size:12px}.mon-page .mon-online-empty>span{font-size:10px}.mon-page .mon-online-table-wrap :is(th,td){padding:9px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.mon-page .mon-online *{scroll-behavior:auto}}

/* Shared comment editor keeps the file catalogue palette within server pages. */
.mon-page .mon-comments-panel .pb-comments {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 0;
  color: var(--mon-text);
  font-family: inherit;
}
.mon-page .mon-comments-panel .pb-comments .cm-thread-heading { padding-bottom: 19px; margin-bottom: 20px; border-bottom: 1px solid var(--mon-line); }
.mon-page .mon-comments-panel .pb-comments .cm-thread-heading h2 { font: 700 23px/1.3 var(--font); letter-spacing: -.025em; }
.mon-page .mon-comments-panel .pb-comments .cm-count {
  padding: 3px 8px;
  margin-left: 6px;
  border: 1px solid #f5a53b40;
  border-radius: 6px;
  background: #f5a53b0d;
  color: var(--mon-accent);
  font: 600 12px/1.5 var(--font);
}
.mon-page .mon-comments-panel .pb-comments .cm-sort select {
  background: #20262e;
  color: var(--mon-muted);
  border: 1px solid var(--mon-line);
  border-radius: 7px;
  font-family: inherit;
}
.mon-page .mon-comments-panel .pb-comments .cm-sort select:hover { color: var(--mon-text); border-color: #5b6069; }
.mon-page .mon-comments-panel .pb-comments .cm-item { padding-bottom: 17px; }
.mon-page .mon-comments-panel .pb-comments .cm-item + .cm-item { padding-top: 14px; border-top: 1px solid #30343c80; }
.mon-page .mon-comments-panel .pb-comments .cm-item + .cm-item .cm-avatar { top: 14px; }
.mon-page .mon-comments-panel .pb-comments .cm-avatar { background: #20262e; color: var(--mon-accent); font-family: inherit; border: 1px solid var(--mon-line); }
.mon-page .mon-comments-panel .pb-comments .cm-author { color: #d2d5db; }
.mon-page .mon-comments-panel .pb-comments .cm-author a:hover { color: var(--mon-accent); }
.mon-page .mon-comments-panel .pb-comments :is(.cm-date,.cm-own,.cm-parent,.cm-readonly,.cm-editor-note,.cm-edit-footer p,.cm-compose-footer p,.pc-help) { color: var(--mon-muted); }
.mon-page .mon-comments-panel .pb-comments :is(.cm-parent a,.cm-text-button,.cm-edit > summary,.text-link) { color: var(--mon-accent); font-family: inherit; }
.mon-page .mon-comments-panel .pb-comments .cm-body { color: #bfc3cb; }
.mon-page .mon-comments-panel .pb-comments .cm-body blockquote { background: #20262e; border-left-color: var(--mon-accent); }
.mon-page .mon-comments-panel .pb-comments .cm-icon-button { color: var(--mon-muted); border-radius: 7px; }
.mon-page .mon-comments-panel .pb-comments .cm-icon-button:hover,
.mon-page .mon-comments-panel .pb-comments .cm-icon-button[aria-expanded="true"] { background: #20262e; color: var(--mon-accent); }
.mon-page .mon-comments-panel .pb-comments .cm-engagement :is(.product-like,.product-stat,.like-statistics-button) { color: var(--mon-muted); font-family: inherit; }
.mon-page .mon-comments-panel .pb-comments .cm-engagement :is(.product-like,.like-statistics-button):hover,
.mon-page .mon-comments-panel .pb-comments .cm-engagement .product-like[aria-pressed="true"] { color: var(--mon-accent); background: #f5a53b0d; }
.mon-page .mon-comments-panel .pb-comments :is(.cm-empty,.cm-login,.cm-compose) {
  background: #20262e;
  border: 1px solid var(--mon-line);
  border-radius: 9px;
}
.mon-page .mon-comments-panel .pb-comments .cm-empty { padding: 24px; justify-content: flex-start; }
.mon-page .mon-comments-panel .pb-comments .cm-empty > span { color: var(--mon-accent); font-family: inherit; }
.mon-page .mon-comments-panel .pb-comments :is(.cm-empty h3,.cm-login h3,.cm-compose-heading h3) { font-family: inherit; color: var(--mon-text); font-weight: 650; }
.mon-page .mon-comments-panel .pb-comments :is(.cm-empty p,.cm-login p,.cm-compose-heading p) { color: var(--mon-muted); }
.mon-page .mon-comments-panel .pb-comments .cm-compose { padding: 18px; margin-top: 20px; }
.mon-page .mon-comments-panel .pb-comments .cm-edit > form { border-top-color: var(--mon-line); }
.mon-page .mon-comments-panel .pb-comments .cm-reply-hint { color: var(--mon-muted); }
.mon-page .mon-comments-panel .pb-comments .pc-field,
.mon-page .mon-comments-panel .pb-comments .pc-rich-heading > label { color: var(--mon-muted); font-weight: 600; }
.mon-page .mon-comments-panel .pb-comments .pc-field > select,
.mon-page .mon-comments-panel .pb-comments .pc-rich > textarea {
  background: #171d23;
  border-color: var(--mon-line);
  color: var(--mon-text);
  font-family: inherit;
  border-radius: 7px;
}
.mon-page .mon-comments-panel .pb-comments .pc-visual-wrap { background: #171d23; border-color: var(--mon-line); border-radius: 8px; }
.mon-page .mon-comments-panel .pb-comments .pc-visual-input { color: #c8ccd3; }
.mon-page .mon-comments-panel .pb-comments .pc-visual-input:focus { box-shadow: inset 0 0 0 1px var(--mon-accent); border-radius: 8px; }
.mon-page .mon-comments-panel .pb-comments .cm-rich-compact .pc-visual-input:empty::before { color: #777e8a; }
.mon-page .mon-comments-panel .pb-comments .pc-rich-toolbar { background: #20262e; border-color: var(--mon-line); }
.mon-page .mon-comments-panel .pb-comments .pc-rich-toolbar button,
.mon-page .mon-comments-panel .pb-comments .pc-editor-switch button { background: #171d23; border-color: var(--mon-line); color: #c0c5ce; font-family: inherit; }
.mon-page .mon-comments-panel .pb-comments .pc-rich-toolbar button:hover,
.mon-page .mon-comments-panel .pb-comments .pc-editor-switch button[aria-pressed="true"] { color: var(--mon-accent); border-color: #765631; }
.mon-page .mon-comments-panel .pb-comments .pc-editor-switch { background: #20262e; }
.mon-page .mon-comments-panel .pb-comments .cm-send-button { border-radius: 8px; background: var(--mon-accent); color: #171717; box-shadow: none; }
.mon-page .mon-comments-panel .pb-comments .cm-send-button:hover { background: var(--portal-accent-hover, #ffb954); }
.mon-page .mon-comments-panel .pb-comments .cm-delete form { background: #20262e; border-color: var(--mon-line); box-shadow: 0 10px 30px #0004; }
.mon-page .mon-comments-panel .pb-comments .cm-delete form p { color: #bfc3cb; }
.mon-page .mon-comments-panel .pb-comments .cm-delete-button { background: #372526; border-color: #6b3f40; color: #e3a9a6; font-family: inherit; }
.mon-page .mon-comments-panel .pb-comments .cm-status-pending { background: #342b20; color: #d9b57d; }
.mon-page .mon-comments-panel .pb-comments .cm-status-rejected { background: #342323; color: #dfa19c; }
.mon-page .mon-comments-panel .pb-comments .cm-status-approved { background: #203028; color: #91bd9f; }
.mon-page .mon-comments-panel .pb-comments .social-picker { color: var(--mon-text); }
.mon-page .mon-comments-panel .pb-comments .social-picker summary,
.mon-page .mon-comments-panel .pb-comments .social-picker-more,
.mon-page .mon-comments-panel .pb-comments .social-carousel-arrow { background: #171d23; color: var(--mon-muted); border-color: var(--mon-line); border-radius: 8px; }
.mon-page .mon-comments-panel .pb-comments .social-picker summary:hover,
.mon-page .mon-comments-panel .pb-comments .social-picker details[open] > summary,
.mon-page .mon-comments-panel .pb-comments .social-carousel-arrow:hover:not(:disabled) { background: #30343c; color: var(--mon-accent); border-color: #765631; }
.mon-page .mon-comments-panel .pb-comments .social-picker-panel { background: #171d23; color: var(--mon-text); border-color: #474c55; border-radius: 11px; box-shadow: 0 12px 34px #0005; }
.mon-page .mon-comments-panel .pb-comments .social-picker :is(input[type="search"],select) { background: #20262e; color: var(--mon-text); border-color: var(--mon-line); }
.mon-page .mon-comments-panel .pb-comments :is(.social-pack-button,.social-emoji-category) { background: #20262e; color: #bfc3cb; border-radius: 8px; }
.mon-page .mon-comments-panel .pb-comments :is(.social-pack-button,.social-emoji-category,.social-sticker-grid button)[aria-pressed="true"] { background: #f5a53b0d; color: var(--mon-accent); border-color: var(--mon-accent); box-shadow: none; }
.mon-page .mon-comments-panel .pb-comments :is(.social-pack-button,.social-emoji-grid button,.social-sticker-grid button):hover { background: #30343c; }
.mon-page .mon-comments-panel .pb-comments :is(.social-pack-status,.social-picker-section-heading > span:last-child,[data-emoji-status]) { color: var(--mon-muted); }
.mon-page .mon-comments-panel .pb-comments .social-sticker-preview button { background: #20262e; color: var(--mon-text); border-color: var(--mon-line); }
.mon-page .mon-comments-panel .pb-comments .social-carousel-track { scrollbar-color: #555963 transparent; }

.mon-page .mon-comments-panel .pb-comments :is(button,a,summary,input,select,textarea,[contenteditable]):focus-visible{outline:2px solid var(--mon-accent);outline-offset:3px}
@container monitoring (max-width:620px){.mon-page .mon-comments-panel .pb-comments .cm-compose{padding:12px}.mon-page .mon-comments-panel .pb-comments .cm-thread-heading h2{font-size:21px}.mon-page .mon-comments-panel .pb-comments .cm-login{align-items:flex-start;flex-wrap:wrap;gap:14px}}

@media(max-width:560px){.mon-page .mon-community-actions{margin-bottom:20px}}