/* 看板主体必须独立于卡片内边距留白，避免嵌套边框贴合。 */
.orbit-ui.notice-center-panel > .panel-head { padding: var(--sp-4) var(--sp-6); }
.orbit-ui.notice-center-panel > .notice-center-list { padding: var(--sp-6); }
.orbit-ui.notice-center-panel .notice-center-item { padding: var(--sp-4); }
@media (max-width: 600px) {
  .orbit-ui.notice-center-panel > .panel-head { padding: var(--sp-4); flex-wrap: wrap; gap: var(--sp-2); }
  .orbit-ui.notice-center-panel > .notice-center-list { padding: var(--sp-4); }
  .orbit-ui.notice-center-panel .notice-center-item { flex-wrap: wrap; }
  .orbit-ui.notice-center-panel .notice-center-go { margin-left: auto; }
}

.orbit-ui.notice-center-panel .notice-center-hide { flex: none; min-height: 28px; padding: var(--sp-1) var(--sp-2); border: 1px solid var(--line); border-radius: var(--radius-xs); background: var(--panel); color: var(--muted); cursor: pointer; }
.orbit-ui.notice-center-panel .notice-center-hide:hover { color: var(--text); background: var(--panel); }
.orbit-ui.notice-center-panel .notice-center-text { overflow-wrap: anywhere; }
.orbit-ui.notice-center-panel .notice-history { position: relative; margin-bottom: var(--sp-4); isolation: isolate; }
.orbit-ui.notice-center-panel .notice-history::before, .orbit-ui.notice-center-panel .notice-history::after { content: ''; position: absolute; inset: 0 var(--sp-2) -8px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--panel); z-index: -1; pointer-events: none; }
.orbit-ui.notice-center-panel .notice-history::after { inset: 0 var(--sp-4) -16px; z-index: -2; }
.orbit-ui.notice-center-panel .notice-history.is-open { margin-bottom: 0; display: grid; gap: var(--sp-3); }
.orbit-ui.notice-center-panel .notice-history.is-open::before, .orbit-ui.notice-center-panel .notice-history.is-open::after { display: none; }
.orbit-ui.notice-center-panel .notice-history-toggle { display: flex; justify-content: space-between; gap: var(--sp-3); width: 100%; min-height: 52px; padding: var(--sp-4); border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--panel); color: var(--text); cursor: pointer; text-align: left; }
.orbit-ui.notice-center-panel .notice-history-toggle:hover { background: var(--panel); border-color: var(--accent); }
.orbit-ui.notice-center-panel .notice-hidden-summary { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: var(--sp-2); color: var(--muted); font-size: var(--fs-sm); }
.orbit-ui.notice-center-panel [hidden] { display: none; }

/* 桌面双栏：公司动态在左，通知在右；正文留白仍由通知容器负责。 */
.company-dashboard > .orbit-ui.company-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.orbit-ui.company-dashboard-grid .notice-center-panel { width: 100%; box-sizing: border-box; }
@media (max-width: 900px) {
  .company-dashboard > .orbit-ui.company-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
}
/* 常态隐藏不占位，操作贴右；悬停/键盘进入卡片才出现隐藏操作。 */
@media (hover: hover) and (pointer: fine) {
  .orbit-ui.notice-center-panel .notice-center-item > .notice-center-hide { display: none; }
  .orbit-ui.notice-center-panel .notice-center-item:hover > .notice-center-hide,
  .orbit-ui.notice-center-panel .notice-center-item:focus-within > .notice-center-hide { display: inline-flex; align-items: center; }
}

.orbit-ui.notice-center-panel .notice-center-item:focus-visible { outline: 2px solid var(--accent); outline-offset: var(--sp-1); }