.od-related { margin:18px 0; color:#1e1810; font-family:'Assistant',sans-serif; font-weight:800; font-size:14px; }
.od-related *, .od-related *::before, .od-related *::after { box-sizing:border-box; }
.od-related [hidden] { display:none !important; }
.od-related button { font:inherit; color:#785b09; border:1px solid #d8cdb8; border-radius:6px; background:#fffdf7; padding:5px 11px; cursor:pointer; }
.od-related button:hover { background:#f2e9d2; }
.od-related button:disabled { opacity:.55; cursor:wait; }
.od-related button:focus-visible, .od-related summary:focus-visible, .od-related [role="tabpanel"]:focus-visible { outline:2px solid #b8960b; outline-offset:2px; }
.od-related-icon { width:16px; height:16px; flex-shrink:0; color:#927745; }
.od-related-summary { display:flex; align-items:center; gap:9px; min-height:46px; padding:9px 11px; list-style:none; cursor:pointer; background:#f4efe3; border:1px solid #d8c9aa; border-radius:7px; font-weight:900; }
.od-related-summary::-webkit-details-marker { display:none; }
.od-related-heading { font-size:17px; line-height:1.3; }
.od-related-summary > .od-related-icon-chat { width:18px; height:18px; color:#8c6a20; }
.od-related-summary > .od-related-icon-chevron { margin-inline-start:auto; width:14px; height:14px; transition:transform .15s; }
.od-related-disclosure[open] > .od-related-summary { background:#f0e7d2; border-color:#bfa366; }
.od-related-disclosure[open] > .od-related-summary > .od-related-icon-chevron { transform:rotate(180deg); }
.od-related-count { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 3px; flex-shrink:0; font-size:11px; font-weight:900; line-height:1; background:#e9dab3; color:#755713; border:1px solid #d8c08c; border-radius:20px; }
.od-related-total { min-width:23px; height:23px; font-size:12px; border-color:#cfb478; color:#674a10; }
.od-related-sections { padding-top:8px; }
.od-related-tabs { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:5px; margin-bottom:7px; }
.od-related-tabs:not(:has([data-arg1="calls"])) { grid-template-columns:1fr 1fr; }
.od-related-tabs button { display:flex; align-items:center; justify-content:center; gap:3px; min-width:0; min-height:42px; margin:0; padding:8px 2px; border:1px solid #dbcfb7; border-radius:7px; background:#f4efe3; color:#705b3d; font-size:12px; font-weight:900; }
.od-related-tab-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.od-related-tabs button[aria-selected="true"] { background:#eadebd; border-color:#b99b4e; color:#614611; box-shadow:inset 0 -3px #b8960b; }
.od-related-tabs button[aria-selected="true"] .od-related-count { background:#72551c; color:#fff8e4; border-color:#72551c; }
.od-related-tabs button[aria-selected="true"] .od-related-icon { color:#785718; }
.od-related [role="tabpanel"] { background:#fffdf7; border:1px solid #ddd3bf; border-radius:7px; padding:0 12px; }
.od-related-row { padding:9px 0; border-top:1px solid #eee6d7; overflow-wrap:anywhere; }
.od-related-list > .od-related-row:first-child { border-top:0; }
.od-related-row-head { display:flex; align-items:center; justify-content:space-between; gap:7px; }
.od-related-date { font-size:11px; color:#847256; white-space:nowrap; font-variant-numeric:tabular-nums; flex-shrink:0; }
.od-related-title { flex:1; min-width:0; display:flex; gap:6px; align-items:center; flex-wrap:wrap; line-height:1.4; }
.od-related-title strong { flex:1; min-width:0; }
.od-related strong { font-weight:900; }
.od-related-avatar { display:grid; place-items:center; width:25px; height:25px; flex-shrink:0; background:#eee2c5; color:#836214; border:1px solid #dfcea5; border-radius:5px; font-size:12px; font-weight:900; }
.od-related-meta { font-size:11px; color:#76644b; margin-top:4px; line-height:1.45; }
.od-related-body { white-space:pre-wrap; line-height:1.55; margin-top:5px; }
.od-related-tag { font-size:11px; padding:1px 6px; border:1px solid #d8cdb8; border-radius:4px; color:#6b5a45; }
.od-related-tag.done { color:#356544; background:#f0f6ed; border-color:#d4e2ce; }
.od-related-tag.urgent { color:#955220; background:#fff0df; border-color:#e8cfad; }
.od-related-hint { font-size:11px; color:#76644b; margin:0; padding:7px 0; line-height:1.5; }
.od-related-error { font-size:12px; color:#8b3a3a; margin:7px 0; }
.od-related-list > button { margin-bottom:9px; font-size:12px; }
.od-related-thread { margin-top:7px; padding:8px; background:#f5f0e5; border-inline-start:2px solid #c1a669; border-radius:0 5px 5px 0; font-size:12px; }
.od-related-thread > summary { cursor:pointer; color:#78613a; font-weight:900; }
.od-related-thread .od-related-row { margin-top:6px; padding:6px 0 0; }
.od-related-footer { display:flex; justify-content:flex-end; padding:6px 1px 0; }
.od-related-footer button { display:flex; align-items:center; gap:5px; padding:4px 0 4px 4px; background:transparent; border:0; font-size:11px; }
.od-related-footer .od-related-icon { width:14px; height:14px; }
@media (prefers-reduced-motion:reduce) { .od-related-summary > .od-related-icon-chevron { transition:none; } }