:root {
  --bg: #f6f8fa;
  --surface: #ffffff;
  --surface-subtle: #f6f8fa;
  --border: #d8dee4;
  --border-muted: #eaeef2;
  --text: #1f2328;
  --muted: #656d76;
  --subtle: #8c959f;
  --nav: #0d1117;
  --nav-hover: #21262d;
  --primary: #1f883d;
  --primary-hover: #1a7f37;
  --blue: #0969da;
  --red: #cf222e;
  --amber: #bf8700;
  --purple: #8250df;
  --green: #1a7f37;
  --radius: 8px;
  --shadow: 0 8px 24px rgba(140, 149, 159, .2);
  --sidebar-width: 248px;
  font-family: Inter, "SF Pro Text", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; margin: 0; }

body { background: var(--bg); font-size: 14px; line-height: 1.5; }

.page-watermark {
  position: fixed;
  inset: 0;
  z-index: 45;
  padding: 22px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-auto-rows: 155px;
  align-items: center;
  justify-items: center;
  overflow: hidden;
  color: #1f2328;
  opacity: .07;
  pointer-events: none;
  user-select: none;
}

.page-watermark-item {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .25px;
  transform: rotate(-24deg);
}

@media (max-width: 700px) {
  .page-watermark { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); grid-auto-rows: 135px; }
  .page-watermark-item { font-size: 11px; }
}

@media print {
  .page-watermark { opacity: .11; }
}

button, input, select, textarea { font: inherit; }

button, select { cursor: pointer; }

button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
  outline: 2px solid #54aeff;
  outline-offset: 2px;
}

a { color: inherit; text-decoration: none; }

.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.app-shell { min-height: 100vh; }

.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  width: var(--sidebar-width);
  padding: 20px 14px;
  display: flex;
  flex-direction: column;
  color: #c9d1d9;
  background: var(--nav);
  border-right: 1px solid #30363d;
}

.brand { display: flex; align-items: center; gap: 11px; padding: 3px 8px 23px; color: #f0f6fc; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border-radius: 10px; background: linear-gradient(145deg, #2ea043, #238636); box-shadow: 0 6px 16px rgba(35, 134, 54, .28); }
.brand-mark svg { width: 22px; height: 22px; }
.brand strong { display: block; font-size: 16px; letter-spacing: -.2px; }
.brand small { display: block; margin-top: 1px; color: #8b949e; font-size: 11px; }

.primary-nav { display: grid; gap: 4px; }
.nav-item, .quick-filter { width: 100%; border: 0; color: #b1bac4; background: transparent; text-align: left; }
.nav-item { min-height: 42px; padding: 0 11px; display: flex; align-items: center; gap: 11px; border-radius: 7px; font-weight: 600; }
.nav-item:hover, .nav-item.active { color: #f0f6fc; background: var(--nav-hover); }
.nav-item.active { box-shadow: inset 3px 0 #3fb950; }
.nav-item svg { color: #8b949e; }
.nav-item.active svg { color: #3fb950; }
.nav-item em { margin-left: auto; min-width: 23px; padding: 1px 6px; border-radius: 20px; color: #c9d1d9; background: #30363d; font-size: 11px; font-style: normal; text-align: center; }

.sidebar-section { margin-top: 28px; padding: 0 6px; }
.sidebar-label { margin: 0 6px 10px; color: #6e7681; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.quick-filter { display: flex; align-items: center; gap: 9px; padding: 7px 6px; border-radius: 6px; font-size: 13px; }
.quick-filter:hover { color: #f0f6fc; background: rgba(177, 186, 196, .08); }
.quick-filter em { margin-left: auto; color: #6e7681; font-size: 12px; font-style: normal; }
.filter-dot { width: 8px; height: 8px; border-radius: 50%; }
.dot-blue { background: #58a6ff; }
.dot-amber { background: #d29922; }
.dot-purple { background: #a371f7; }
.dot-green { background: #3fb950; }

.sidebar-footer { margin-top: auto; padding: 16px 8px 0; border-top: 1px solid #21262d; }
.sidebar-footer small { display: block; margin-top: 5px; color: #6e7681; font-size: 11px; }
.health-dot { color: #8b949e; font-size: 11px; }
.health-dot span { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #3fb950; box-shadow: 0 0 0 3px rgba(63, 185, 80, .12); }

.workspace { min-height: 100vh; margin-left: var(--sidebar-width); }
.topbar { position: sticky; top: 0; z-index: 20; height: 66px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: rgba(255, 255, 255, .94); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); }
.global-search { position: relative; width: min(500px, 52vw); }
.global-search svg { position: absolute; left: 12px; top: 10px; color: var(--muted); width: 17px; height: 17px; pointer-events: none; }
.global-search input { width: 100%; height: 38px; padding: 0 43px 0 39px; color: var(--text); background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 7px; transition: .18s ease; }
.global-search input:focus { background: #fff; border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84, 174, 255, .2); outline: 0; }
.global-search kbd { position: absolute; right: 10px; top: 9px; min-width: 20px; height: 20px; display: grid; place-items: center; color: var(--subtle); background: #fff; border: 1px solid var(--border); border-radius: 4px; font-family: inherit; font-size: 11px; }
.topbar-actions { display: flex; align-items: center; gap: 14px; }
.icon-button { width: 36px; height: 36px; padding: 0; display: grid; place-items: center; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 7px; }
.icon-button:hover { color: var(--text); background: var(--surface-subtle); border-color: var(--border-muted); }
.notification-button { position: relative; }
.notification-button span { position: absolute; right: 7px; top: 7px; width: 6px; height: 6px; border: 1px solid #fff; border-radius: 50%; background: var(--red); }
.user-menu { position: relative; }
.user-chip { min-height: 42px; padding: 4px 7px; display: flex; align-items: center; gap: 9px; color: var(--text); background: transparent; border: 1px solid transparent; border-radius: 7px; text-align: left; }
.user-chip:hover, .user-chip[aria-expanded="true"] { background: var(--surface-subtle); border-color: var(--border-muted); }
.avatar { flex: 0 0 auto; width: 32px; height: 32px; display: grid; place-items: center; color: #fff; border-radius: 50%; font-size: 12px; font-weight: 700; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); }
.avatar-blue { background: #0969da; }
.user-copy strong, .user-copy small { display: block; white-space: nowrap; }
.user-copy strong { font-size: 12px; }
.user-copy small { color: var(--muted); font-size: 10px; }
.user-chevron { width: 13px; height: 13px; color: var(--subtle); transform: rotate(90deg); transition: transform .15s ease; }
.user-chip[aria-expanded="true"] .user-chevron { transform: rotate(-90deg); }
.user-dropdown { position: absolute; right: 0; top: calc(100% + 7px); width: 220px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 10px 30px rgba(31,35,40,.18); }
.user-dropdown-head { padding: 12px 14px; border-bottom: 1px solid var(--border-muted); }
.user-dropdown-head strong, .user-dropdown-head small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-dropdown-head strong { font-size: 13px; }
.user-dropdown-head small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.user-dropdown a, .user-dropdown button { width: 100%; min-height: 38px; padding: 0 14px; display: flex; align-items: center; color: var(--text); background: #fff; border: 0; border-bottom: 1px solid var(--border-muted); font-size: 12px; text-align: left; }
.user-dropdown a:hover, .user-dropdown button:hover { background: var(--surface-subtle); }
.user-dropdown button:last-child { color: var(--red); border-bottom: 0; }
.mobile-menu { display: none; }

#mainContent { min-height: calc(100vh - 66px); }
.page { width: min(1220px, calc(100% - 56px)); margin: 0 auto; padding: 34px 0 60px; }
.issue-list-page { width: min(1420px, calc(100% - 56px)); }
.page-loading { min-height: calc(100vh - 66px); display: grid; place-content: center; justify-items: center; color: var(--muted); }
.page-loading p { margin: 12px 0; font-size: 13px; }
.loading-spinner { width: 26px; height: 26px; border: 2px solid var(--border); border-top-color: var(--blue); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.eyebrow { display: block; margin-bottom: 4px; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.page-heading h1 { margin: 0; font-size: 27px; line-height: 1.2; letter-spacing: -.55px; }
.page-heading p { margin: 6px 0 0; color: var(--muted); }
.button { min-height: 36px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid; border-radius: 6px; font-weight: 600; line-height: 34px; transition: .15s ease; }
.button svg { width: 16px; height: 16px; }
.button-primary { color: #fff; background: var(--primary); border-color: rgba(27, 31, 36, .15); box-shadow: 0 1px 0 rgba(27, 31, 36, .1); }
.button-primary:hover { background: var(--primary-hover); }
.button-secondary { color: var(--text); background: var(--surface-subtle); border-color: var(--border); box-shadow: 0 1px 0 rgba(27, 31, 36, .04); }
.button-secondary:hover { background: #eef1f4; border-color: #b6bec7; }
.button-danger { color: var(--red); background: #fff; border-color: var(--border); }
.button-danger:hover { color: #fff; background: var(--red); border-color: var(--red); }
.button-success-outline { color: var(--green); background: #fff; border-color: var(--border); }
.button-success-outline:hover { color: #fff; background: var(--green); border-color: var(--green); }
.button:disabled { opacity: .55; cursor: not-allowed; }

.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 20px; }
.stat-card { min-height: 94px; padding: 17px 18px; display: flex; align-items: center; gap: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 1px 0 rgba(27,31,36,.03); }
.stat-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 9px; }
.stat-icon svg { width: 20px; height: 20px; }
.stat-icon.blue { color: #0969da; background: #ddf4ff; }
.stat-icon.amber { color: #9a6700; background: #fff8c5; }
.stat-icon.purple { color: #8250df; background: #fbefff; }
.stat-icon.green { color: #1a7f37; background: #dafbe1; }
.stat-icon.red { color: #cf222e; background: #ffebe9; }
.stat-card strong { display: block; font-size: 23px; line-height: 1.1; }
.stat-card small { display: block; margin-top: 4px; color: var(--muted); }

.issue-panel { overflow: hidden; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.filter-bar { min-height: 58px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; background: var(--surface-subtle); border-bottom: 1px solid var(--border); }
.status-tabs { display: flex; align-items: center; gap: 4px; }
.status-tab { height: 34px; padding: 0 11px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; font-size: 12px; font-weight: 600; }
.status-tab:hover { color: var(--text); background: #fff; }
.status-tab.active { color: var(--text); background: #fff; box-shadow: 0 0 0 1px var(--border), 0 1px 2px rgba(27,31,36,.08); }
.status-tab em { margin-left: 5px; color: var(--subtle); font-style: normal; }
.filter-spacer { flex: 1; }
.issue-filter-controls { margin-left: auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.select-control { height: 34px; min-width: 124px; padding: 0 30px 0 10px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 6px; font-size: 12px; }
.filter-toggle { display: none; }

.issue-table-header { display: grid; grid-template-columns: 22px minmax(180px, 1.1fr) minmax(180px, 1.1fr) minmax(150px, .8fr) 128px 120px 76px; gap: 13px; align-items: start; padding: 12px 19px; background: #fbfcfd; border-bottom: 1px solid var(--border); }
.issue-table-header-spacer { min-height: 55px; display: flex; align-items: flex-start; justify-content: center; }
.issue-header-clear { width: 24px; height: 24px; padding: 0; display: grid; place-items: center; color: var(--subtle); background: transparent; border: 0; border-radius: 5px; }
.issue-header-clear.active { color: var(--blue); background: #ddf4ff; }
.issue-header-clear:disabled { cursor: default; opacity: .55; }
.issue-header-clear svg { width: 14px; height: 14px; }
.issue-table-head-cell { min-width: 0; display: grid; gap: 6px; }
.issue-sort-group { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 3px; }
.issue-sort-button { min-width: 0; height: 20px; padding: 0 4px; display: inline-flex; align-items: center; gap: 3px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: 10px; font-weight: 650; white-space: nowrap; }
.issue-sort-button:hover { color: var(--blue); background: #eef6ff; }
.issue-sort-button.active { color: var(--blue); background: #ddf4ff; }
.issue-sort-indicator { color: var(--subtle); font-size: 10px; }
.issue-sort-button.active .issue-sort-indicator { color: var(--blue); }
.issue-column-filter { width: 100%; height: 29px; min-width: 0; padding: 0 7px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 5px; font-size: 10px; }
.issue-column-filter:focus { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.16); outline: 0; }
.issue-column-filter[type="date"] { padding-right: 3px; }
.issue-list { margin: 0; padding: 0; list-style: none; }
.issue-row { position: relative; display: grid; grid-template-columns: 22px minmax(180px, 1.1fr) minmax(180px, 1.1fr) minmax(150px, .8fr) 128px 120px 76px; gap: 13px; align-items: start; min-height: 92px; padding: 18px 19px; border-bottom: 1px solid var(--border-muted); cursor: pointer; transition: background .12s ease; }
.issue-row:last-child { border-bottom: 0; }
.issue-row:hover { background: #f6f8fa; }
.issue-state-icon { width: 20px; height: 20px; margin-top: 1px; }
.issue-state-icon.open { color: var(--blue); }
.issue-state-icon.resolving { color: var(--amber); }
.issue-state-icon.resolved { color: var(--green); }
.issue-state-icon.closed { color: var(--muted); }
.issue-main { min-width: 0; }
.issue-title-line { display: flex; align-items: center; gap: 8px; min-width: 0; }
.issue-title-id { flex: 0 0 auto; color: var(--blue); font-size: 12px; font-weight: 700; }
.issue-title { overflow: hidden; color: var(--text); font-size: 15px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.issue-row:hover .issue-title { color: var(--blue); }
.severity-badge, .status-badge, .category-badge { display: inline-flex; align-items: center; border-radius: 20px; white-space: nowrap; }
.severity-badge { padding: 2px 7px; border: 1px solid currentColor; font-size: 10px; font-weight: 700; }
.impact-badge { flex: 0 0 auto; padding: 2px 7px; display: inline-flex; align-items: center; border: 1px solid currentColor; border-radius: 20px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.impact-downtime { color: #cf222e; background: #ffebe9; }
.impact-product { color: #9a6700; background: #fff1d6; }
.impact-parts { color: #0969da; background: #ddf4ff; }
.impact-quality { color: #7a4b00; background: #fff8c5; }
.impact-engineering { color: #6639ba; background: #fbefff; }
.severity-critical, .severity-high { color: var(--red); background: #ffebe9; }
.severity-medium { color: #9a6700; background: #fff8c5; }
.severity-low { color: var(--muted); background: #f6f8fa; }
.issue-description-column, .issue-meta-column { min-width: 0; padding-top: 2px; }
.issue-description { display: -webkit-box; overflow: hidden; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-wrap: anywhere; }
.issue-meta { display: grid; align-items: start; gap: 5px; color: var(--subtle); font-size: 11px; }
.issue-meta span { display: inline-flex; align-items: center; gap: 4px; }
.issue-meta svg { width: 13px; height: 13px; }
.row-created-at { padding-top: 1px; display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.row-created-at small { color: var(--subtle); font-size: 10px; }
.row-created-at span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.row-created-at svg { width: 14px; height: 14px; }
.row-assignee { padding-top: 2px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.row-assignee .avatar { width: 26px; height: 26px; font-size: 10px; }
.unassigned-avatar { color: var(--subtle); background: #f6f8fa; border: 1px dashed #afb8c1; box-shadow: none; }
.row-activity { padding-top: 4px; display: flex; align-items: center; justify-content: flex-end; gap: 11px; color: var(--muted); font-size: 11px; }
.row-activity span { display: inline-flex; align-items: center; gap: 4px; }
.row-activity svg { width: 14px; height: 14px; }

@media (min-width: 1524px) {
  .issue-table-header,
  .issue-row { grid-template-columns: 22px minmax(180px, 1fr) 277px 202px 128px 120px 76px; }
}

.empty-state { padding: 66px 24px; text-align: center; }
.empty-icon { width: 52px; height: 52px; margin: 0 auto 13px; display: grid; place-items: center; color: var(--subtle); background: var(--surface-subtle); border-radius: 50%; }
.empty-icon svg { width: 25px; height: 25px; }
.empty-state h3 { margin: 0 0 5px; }
.empty-state p { margin: 0; color: var(--muted); }

.detail-page { width: min(1260px, calc(100% - 56px)); }
.back-link { margin-bottom: 18px; padding: 0; display: inline-flex; align-items: center; gap: 4px; color: var(--muted); background: transparent; border: 0; font-size: 12px; }
.back-link:hover { color: var(--blue); }
.back-link svg { width: 16px; height: 16px; }
.detail-heading { margin-bottom: 23px; padding-bottom: 21px; border-bottom: 1px solid var(--border); }
.detail-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.detail-heading h1 { margin: 0; max-width: 900px; font-size: 25px; font-weight: 600; line-height: 1.32; letter-spacing: -.45px; }
.issue-number { color: var(--muted); font-weight: 600; white-space: nowrap; }
.detail-heading h1 .issue-number { color: var(--blue); font-size: .78em; font-weight: 700; letter-spacing: 0; }
.personal-issue-title .issue-number { color: var(--blue); font-size: 11px; font-weight: 700; }
.detail-issue-description { margin-top: 15px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: var(--shadow-sm); }
.detail-issue-description-header { min-height: 40px; padding: 9px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--surface-subtle); border-bottom: 1px solid var(--border); }
.detail-issue-description-header strong { color: var(--text); font-size: 12px; }
.detail-issue-description-header span { color: var(--muted); font-size: 10px; }
.detail-issue-description-body { min-height: 70px; padding: 15px 16px; color: #24292f; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.detail-issue-description-body p { margin: 0 0 8px; }
.detail-issue-description-body p:last-child { margin-bottom: 0; }
.detail-issue-description-body code { padding: 2px 5px; background: #f3f4f6; border-radius: 4px; font-family: Consolas, monospace; font-size: 12px; }
.detail-subtitle { margin-top: 11px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 12px; }
.status-badge { padding: 4px 9px; gap: 5px; color: #fff; font-size: 11px; font-weight: 700; }
.status-badge svg { width: 13px; height: 13px; }
.status-open { background: var(--blue); }
.status-resolving { background: var(--amber); }
.status-resolved { background: var(--green); }
.status-closed { background: var(--muted); }
.detail-subtitle strong { color: var(--text); }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 34px; }
.issue-detail-main { min-width: 0; }
.fracas-panel { margin-bottom: 28px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 1px 0 rgba(27,31,36,.03); }
.fracas-panel-header { padding: 17px 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; background: #fbfcfd; border-bottom: 1px solid var(--border); }
.fracas-panel-header h2 { margin: 2px 0; font-size: 16px; }
.fracas-panel-header p { margin: 0; color: var(--muted); font-size: 11px; }
.fracas-progress-summary { min-width: 190px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; color: var(--muted); font-size: 10px; }
.fracas-progress-summary > strong { color: var(--green); font-size: 16px; }
.fracas-branch-tag { padding: 3px 7px; color: #57606a; background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 12px; font-weight: 600; white-space: nowrap; }
.fracas-branch-tag.parts { color: #0969da; background: #ddf4ff; border-color: #54aeff; }
.fracas-branch-tag.quality { color: #7a4b00; background: #fff8c5; border-color: #d4a72c; }
.fracas-branch-tag.engineering { color: #6639ba; background: #fbefff; border-color: #bf8ff0; }
.fracas-phase-grid { padding: 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fracas-phase-card { min-width: 0; padding: 12px; display: grid; align-content: start; gap: 9px; background: #f6f8fa; border: 1px solid var(--border); border-radius: 7px; }
.fracas-phase-card.current { background: #fffdf5; border-color: #d4a72c; box-shadow: inset 0 3px #d4a72c; }
.fracas-phase-card.completed { background: #f0f7f2; border-color: #4ac26b; box-shadow: inset 0 3px #2da44e; }
.fracas-phase-card.locked { opacity: .72; }
.fracas-phase-card header { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.fracas-phase-card header > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.fracas-phase-card header strong { font-size: 12px; }
.fracas-phase-card header small { color: var(--muted); font-size: 9px; line-height: 1.35; }
.fracas-phase-card header em { color: var(--muted); font-size: 9px; font-style: normal; white-space: nowrap; }
.fracas-phase-index { width: 28px; height: 28px; display: grid; place-items: center; color: #fff; background: var(--blue); border-radius: 50%; font-size: 11px; font-weight: 700; }
.fracas-phase-card.completed .fracas-phase-index { background: var(--green); }
.fracas-phase-index svg { width: 14px; height: 14px; }
.fracas-phase-task-summary { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 9px; }
.fracas-phase-card textarea { width: 100%; min-height: 70px; padding: 8px; resize: vertical; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 5px; font: inherit; font-size: 10px; line-height: 1.5; }
.fracas-phase-card textarea:focus { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.16); outline: 0; }
.fracas-phase-summary.readonly { min-height: 70px; padding: 9px; color: var(--muted); background: #fff; border: 1px solid var(--border-muted); border-radius: 5px; font-size: 10px; line-height: 1.5; }
.fracas-phase-action { min-height: 30px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: var(--blue); background: #fff; border: 1px solid #54aeff; border-radius: 5px; font-size: 10px; font-weight: 700; }
.fracas-phase-action.reopen { color: #9a6700; border-color: #d4a72c; }
.fracas-phase-action:disabled { color: var(--subtle); background: #f6f8fa; border-color: var(--border); cursor: not-allowed; }
.fracas-phase-action svg { width: 13px; height: 13px; }
.fracas-phase-card footer { color: var(--muted); font-size: 9px; }
.workflow-task-panel { margin-bottom: 28px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 1px 0 rgba(27,31,36,.03); }
.workflow-task-panel-header { padding: 17px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--border); }
.workflow-task-panel-header h2 { margin: 2px 0 2px; font-size: 16px; }
.workflow-task-panel-header p { margin: 0; color: var(--muted); font-size: 11px; }
.task-progress { flex: 0 0 auto; padding: 5px 10px; color: var(--muted); background: var(--surface-subtle); border: 1px solid var(--border-muted); border-radius: 20px; font-size: 11px; }
.task-progress strong { color: var(--green); font-size: 13px; }
.workflow-task-form { padding: 14px 18px 16px; display: grid; grid-template-columns: 140px minmax(170px, 1fr) 140px 150px 118px 135px 126px auto; gap: 9px; align-items: end; background: #fbfcfd; border-bottom: 1px solid var(--border); }
.workflow-task-form label { min-width: 0; display: grid; gap: 4px; color: var(--muted); font-size: 10px; font-weight: 600; }
.workflow-task-form input, .workflow-task-form select { width: 100%; height: 34px; min-width: 0; padding: 0 8px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 5px; font-size: 11px; }
.workflow-task-form input:focus, .workflow-task-form select:focus, .workflow-tree-table input:focus, .workflow-tree-table select:focus, .workflow-task-title:focus { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.18); outline: 0; }
.workflow-task-form .button { height: 34px; min-height: 34px; padding: 0 11px; white-space: nowrap; line-height: 32px; }
.task-node-number { min-width: 0; padding: 3px 8px; overflow: hidden; color: var(--blue); background: #ddf4ff; border: 1px solid #b6e3ff; border-radius: 12px; font-size: 11px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.node-resolution-button { min-height: 27px; padding: 0 9px; color: var(--blue); background: #fff; border: 1px solid var(--border); border-radius: 5px; font-size: 10px; font-weight: 600; }
.node-resolution-button:hover:not(:disabled) { background: #ddf4ff; border-color: #54aeff; }
.node-resolution-button.resolved { display: inline-flex; align-items: center; gap: 4px; color: var(--green); }
.node-resolution-button.resolved:hover:not(:disabled) { background: #dafbe1; border-color: #4ac26b; }
.node-resolution-button svg { width: 12px; height: 12px; }
.node-resolution-button:disabled { color: var(--subtle); background: #f6f8fa; cursor: not-allowed; }
.stage-dot { width: 9px; height: 9px; padding: 0; border-radius: 50%; }
.workflow-tree-table-wrap { width: 100%; overflow-x: auto; scrollbar-gutter: stable; }
.workflow-tree-table { width: 100%; min-width: 1240px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.workflow-tree-table th { height: 40px; padding: 9px 12px; color: var(--muted); background: #fbfcfd; border-bottom: 1px solid var(--border); font-size: 11px; font-weight: 700; line-height: 1.3; text-align: left; white-space: nowrap; }
.workflow-tree-table th:nth-child(1) { width: 260px; }
.workflow-tree-table th:nth-child(2) { width: auto; }
.workflow-tree-table th:nth-child(3) { width: 140px; }
.workflow-tree-table th:nth-child(4) { width: 118px; }
.workflow-tree-table th:nth-child(5) { width: 142px; }
.workflow-tree-table th:nth-child(6) { width: 150px; }
.workflow-tree-table th:nth-child(7) { width: 118px; }
.workflow-tree-table td { height: 56px; min-width: 0; padding: 10px 12px; vertical-align: middle; border-bottom: 1px solid var(--border-muted); }
.workflow-tree-table tr:last-child td { border-bottom: 0; }
.workflow-tree-stage-row td { height: 52px; background: var(--surface-subtle); }
.workflow-tree-stage-row.current td:first-child { box-shadow: inset 3px 0 0 var(--blue); }
.workflow-tree-stage-row.resolved td:first-child { box-shadow: inset 3px 0 0 var(--green); }
.workflow-tree-task-row.done td { background: #f8fbf8; }
.workflow-tree-task-row.done .workflow-task-title { color: var(--muted); text-decoration: line-through; }
.workflow-tree-task-row.cancelled td { background: #f6f8fa; }
.workflow-tree-task-row.cancelled .workflow-task-title { color: var(--subtle); text-decoration: line-through; }
.workflow-tree-task-row.task-drag-source td { opacity: .48; }
.workflow-tree-task-row.task-drop-over td { background: #ddf4ff; box-shadow: inset 0 2px #54aeff, inset 0 -2px #54aeff; }
.workflow-tree-task-row.task-drop-saving td { background: #fff8c5; }
.workflow-tree-node { min-width: 0; padding-left: calc(var(--tree-depth) * 18px); display: flex; align-items: center; gap: 7px; position: relative; }
.workflow-tree-task-row .workflow-tree-node::before { content: ""; position: absolute; left: calc((var(--tree-depth) - 1) * 18px + 9px); top: -29px; width: 10px; height: 57px; border-left: 1px solid #b6c2cf; border-bottom: 1px solid #b6c2cf; pointer-events: none; }
.workflow-tree-toggle, .workflow-tree-toggle-spacer { width: 20px; height: 20px; flex: 0 0 20px; }
.workflow-tree-toggle { padding: 0; display: grid; place-items: center; color: var(--muted); background: transparent; border: 0; border-radius: 4px; }
.workflow-tree-toggle:hover { color: var(--blue); background: #ddf4ff; }
.workflow-tree-toggle svg { width: 14px; height: 14px; transition: transform .15s ease; }
.workflow-tree-toggle[aria-expanded="true"] svg { transform: rotate(90deg); }
.workflow-tree-toggle-spacer { display: inline-block; }
.task-drag-handle { width: 20px; height: 20px; flex: 0 0 20px; padding: 0; display: grid; place-items: center; color: var(--subtle); background: #fff; border: 1px solid var(--border); border-radius: 4px; cursor: grab; }
.task-drag-handle:hover { color: var(--blue); background: #ddf4ff; border-color: #54aeff; }
.task-drag-handle:active { cursor: grabbing; }
.task-drag-handle svg { width: 13px; height: 13px; pointer-events: none; }
.workflow-tree-stage-row strong { font-size: 13px; }
.workflow-stage-situation, .workflow-resolved-at { display: block; overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.workflow-tree-table input, .workflow-tree-table select { width: 100%; height: 36px; min-width: 0; padding: 0 9px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 6px; font-size: 12px; }
.workflow-task-title { width: 100%; height: 36px; padding: 0 9px; color: var(--text); background: #fff; border: 1px solid transparent; border-radius: 6px; font-size: 13px; font-weight: 600; text-overflow: ellipsis; }
.workflow-task-title:hover { border-color: var(--border); }
.workflow-task-assignee-input { text-overflow: ellipsis; }
.workflow-row-state { width: fit-content; padding: 3px 7px; display: inline-flex; align-items: center; gap: 4px; color: var(--muted); background: #fff; border: 1px solid var(--border); border-radius: 12px; font-size: 10px; font-weight: 600; white-space: nowrap; }
.workflow-row-state svg { width: 11px; height: 11px; }
.workflow-row-state.current { color: #9a6700; background: #fff8c5; border-color: #d4a72c; }
.workflow-row-state.resolved { color: var(--green); background: #dafbe1; border-color: #4ac26b; }
.workflow-row-state.cancelled { color: var(--muted); background: #f6f8fa; border-color: #afb8c1; }
.workflow-actual-completed-at { display: block; color: var(--green); font-size: 10px; line-height: 1.35; white-space: nowrap; }
.workflow-actual-completed-at.empty { color: var(--subtle); }
.discussion-tree-panel { margin-top: 24px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 1px 0 rgba(27,31,36,.03); }
.discussion-tree-heading { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: #fbfcfd; border-bottom: 1px solid var(--border); }
.discussion-tree-heading h2 { margin: 2px 0; font-size: 16px; }
.discussion-tree-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.discussion-total { flex: 0 0 auto; padding: 5px 10px; display: inline-flex; align-items: center; gap: 5px; color: var(--muted); background: #fff; border: 1px solid var(--border-muted); border-radius: 20px; font-size: 11px; }
.discussion-total svg { width: 13px; height: 13px; color: var(--blue); }
.discussion-total strong { color: var(--text); font-size: 13px; }
.discussion-task-tree { padding: 14px; background: #f6f8fa; }
.discussion-task-node { min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 7px; }
.discussion-task-children { margin: 0 12px 12px 31px; padding-left: 14px; display: grid; gap: 10px; border-left: 2px solid #b6c2cf; }
.discussion-task-header-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; background: #fff; }
.discussion-task-header { width: 100%; min-height: 48px; padding: 8px 12px; display: grid; grid-template-columns: 22px auto minmax(120px, 1fr) auto; gap: 8px; align-items: center; color: var(--text); background: #fff; border: 0; text-align: left; }
.discussion-task-header:hover { background: #f6f8fa; }
.discussion-issue-root > .discussion-task-header { background: #f0f7f2; }
.discussion-issue-root > .discussion-task-header:hover { background: #e8f3eb; }
.discussion-task-chevron { width: 22px; height: 22px; display: grid; place-items: center; color: var(--muted); border-radius: 4px; }
.discussion-task-chevron svg { width: 14px; height: 14px; transition: transform .15s ease; }
.discussion-task-header[aria-expanded="true"] .discussion-task-chevron svg { transform: rotate(90deg); }
.discussion-task-number { padding: 3px 8px; color: var(--blue); background: #ddf4ff; border: 1px solid #b6e3ff; border-radius: 12px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.discussion-task-number.issue { color: var(--green); background: #dafbe1; border-color: #4ac26b; }
.discussion-task-title { min-width: 0; overflow: hidden; font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.discussion-task-meta { display: flex; align-items: center; justify-content: flex-end; gap: 8px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.discussion-task-meta em { font-style: normal; }
.discussion-task-meta strong { color: var(--muted); font-weight: 600; }
.discussion-task-status-action { min-width: 76px; margin-right: 12px; padding: 6px 9px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; color: #116329; background: #fff; border: 1px solid #2da44e; border-radius: 6px; font-size: 10px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.discussion-task-status-action:hover { color: #fff; background: #2da44e; }
.discussion-task-status-action.reopen { color: var(--blue); border-color: #54aeff; }
.discussion-task-status-action.reopen:hover { color: #fff; background: var(--blue); }
.discussion-task-status-action:disabled { color: var(--subtle); background: #f6f8fa; border-color: var(--border); cursor: not-allowed; }
.discussion-task-status-action svg { width: 12px; height: 12px; }
.discussion-task-comments { padding: 12px 12px 2px 34px; background: #fbfcfd; border-top: 1px solid var(--border-muted); }
.discussion-task-comments > .comment-thread > .timeline-item { margin-bottom: 12px; }
.discussion-task-comments > .comment-thread > .comment-replies { margin-bottom: 12px; }
.discussion-empty { margin: 0 0 10px; padding: 8px 10px; color: var(--subtle); background: #fff; border: 1px dashed var(--border); border-radius: 6px; font-size: 11px; }
.discussion-composer { padding: 16px; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; border-top: 1px solid var(--border); }
.discussion-composer > .avatar { width: 40px; height: 40px; font-size: 13px; }
.discussion-composer .comment-card { overflow: visible; }
.comment-task-link { margin-bottom: 10px; display: grid; grid-template-columns: auto minmax(180px, 1fr) auto; gap: 8px; align-items: center; color: var(--muted); font-size: 11px; font-weight: 600; }
.comment-task-link select { width: 100%; height: 34px; min-width: 0; padding: 0 9px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 6px; font-size: 11px; }
.comment-task-link select:focus { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.18); outline: 0; }
.comment-task-link small { color: var(--subtle); font-size: 9px; font-weight: 400; white-space: nowrap; }
.timeline { position: relative; }
.timeline::before { content: ""; position: absolute; left: 20px; top: 38px; bottom: 58px; width: 2px; background: var(--border); }
.timeline-item { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; margin-bottom: 18px; }
.timeline-item > .avatar { position: relative; z-index: 2; width: 40px; height: 40px; border: 3px solid var(--bg); font-size: 13px; }
.comment-card { overflow: hidden; background: var(--surface); border: 1px solid var(--border); border-radius: 7px; box-shadow: 0 1px 0 rgba(27,31,36,.03); }
.comment-header { min-height: 42px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); background: var(--surface-subtle); border-bottom: 1px solid var(--border); font-size: 12px; }
.comment-header strong { color: var(--text); }
.author-badge { margin-left: 5px; padding: 1px 5px; color: var(--muted); border: 1px solid var(--border); border-radius: 10px; font-size: 9px; font-weight: 600; }
.comment-body { min-height: 74px; padding: 16px 17px; color: #24292f; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.comment-body p { margin: 0 0 10px; }
.comment-body p:last-child { margin-bottom: 0; }
.comment-body code { padding: 2px 5px; color: #cf222e; background: rgba(175,184,193,.2); border-radius: 4px; font-family: "SFMono-Regular", Consolas, monospace; font-size: 12px; }
.comment-body strong { font-weight: 700; }
.comment-actions { min-height: 38px; padding: 7px 12px; display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--border-muted); }
.comment-actions button { padding: 4px 7px; display: inline-flex; align-items: center; gap: 5px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 11px; cursor: pointer; }
.comment-actions button:hover { color: var(--blue); background: #ddf4ff; }
.comment-actions button svg { width: 13px; height: 13px; }
.comment-actions [data-toggle-replies] svg { transition: transform .15s ease; }
.comment-actions [data-toggle-replies][aria-expanded="true"] svg { transform: rotate(90deg); }
.comment-replies { margin: -4px 0 14px 29px; padding: 4px 0 0 20px; border-left: 2px solid var(--border); }
.comment-replies:empty { display: none; }
.comment-replies.collapsed { display: none; }
.comment-replies .timeline-item { grid-template-columns: 34px minmax(0, 1fr); gap: 9px; margin-bottom: 12px; }
.comment-replies .timeline-item > .avatar { width: 34px; height: 34px; border-width: 2px; font-size: 11px; }
.comment-replies .comment-header { min-height: 38px; padding: 8px 12px; }
.comment-replies .comment-body { min-height: 54px; padding: 12px 14px; font-size: 13px; }
.reply-form { padding: 12px; background: var(--surface-subtle); border-top: 1px solid var(--border); }
.reply-form[hidden] { display: none; }
.replying-to { margin-bottom: 7px; color: var(--muted); font-size: 11px; }
.reply-form textarea, .reply-form .comment-editor { width: 100%; min-height: 82px; padding: 9px 10px; resize: vertical; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 6px; line-height: 1.55; }
.reply-form textarea:focus, .reply-form .comment-editor:focus { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.2); outline: 0; }
.reply-form-actions { margin-top: 8px; display: flex; justify-content: flex-end; gap: 7px; }
.mention-assist { position: relative; margin-top: 7px; color: var(--muted); font-size: 10px; }
.mention-assist > span { display: inline-flex; align-items: center; gap: 4px; }
.mention-assist > span svg { width: 13px; height: 13px; color: var(--blue); }
.mention-assist > span strong { color: var(--blue); }
.mention-suggestions { position: absolute; z-index: 20; left: 0; top: calc(100% + 5px); width: min(360px, 100%); max-height: 270px; padding: 5px; overflow-y: auto; background: #fff; border: 1px solid var(--border); border-radius: 7px; box-shadow: 0 8px 24px rgba(140,149,159,.25); }
.mention-suggestions[hidden] { display: none; }
.mention-suggestions button { width: 100%; padding: 7px 8px; display: flex; align-items: center; gap: 8px; color: var(--text); background: transparent; border: 0; border-radius: 5px; text-align: left; cursor: pointer; }
.mention-suggestions button:hover { background: #ddf4ff; }
.mention-suggestions button .avatar { width: 28px; height: 28px; font-size: 10px; }
.mention-suggestions button span { min-width: 0; display: grid; gap: 1px; }
.mention-suggestions button strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.mention-suggestions button small { color: var(--subtle); font-size: 9px; }
.mention-task-required { margin: 0; padding: 8px; color: var(--muted); line-height: 1.5; }
.attachment-picker { margin-top: 9px; padding: 11px; color: var(--muted); background: var(--surface-subtle); border: 1px dashed var(--border); border-radius: 7px; transition: .15s ease; }
.attachment-picker.dragging { color: var(--blue); background: #ddf4ff; border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.16); }
.attachment-picker.compact { padding: 8px 10px; }
.attachment-picker-main { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 11px; }
.attachment-picker-main svg { width: 15px; height: 15px; }
.attachment-choose { padding: 4px 8px; color: var(--blue); background: #fff; border: 1px solid var(--border); border-radius: 5px; font: inherit; font-weight: 600; cursor: pointer; }
.attachment-choose:hover { background: #ddf4ff; border-color: #54aeff; }
.pending-attachments { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.pending-attachments:empty { display: none; }
.pending-file { max-width: 100%; padding: 5px 7px; display: inline-flex; align-items: center; gap: 5px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 5px; font-size: 10px; }
.pending-file svg { width: 13px; height: 13px; color: var(--muted); }
.pending-file span { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pending-file small { color: var(--subtle); }
.pending-file button { width: 18px; height: 18px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 3px; cursor: pointer; }
.pending-file button:hover { color: #cf222e; background: #ffebe9; }
.comment-attachments { margin-top: 12px; display: grid; gap: 8px; }
.comment-image { width: min(560px, 100%); margin: 0; overflow: hidden; background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 7px; }
.comment-image img { width: 100%; max-height: 440px; display: block; object-fit: contain; background: #fff; cursor: zoom-in; }
.comment-image figcaption { padding: 7px 9px; display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 10px; }
.comment-image.attachment-error img { min-height: 64px; }
.comment-image figcaption button { padding: 0; display: inline-flex; align-items: center; gap: 4px; color: var(--blue); background: transparent; border: 0; font: inherit; cursor: pointer; }
.comment-image figcaption button svg { width: 12px; height: 12px; }
.comment-file { width: min(480px, 100%); min-height: 44px; padding: 8px 10px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; align-items: center; color: var(--text); background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 7px; text-decoration: none; cursor: pointer; }
.comment-file:hover { color: var(--blue); background: #ddf4ff; border-color: #54aeff; }
.comment-file > svg { width: 20px; height: 20px; color: var(--muted); }
.comment-file span { overflow: hidden; }
.comment-file strong, .comment-file small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.comment-file strong { font-size: 11px; }
.comment-file small { margin-top: 2px; color: var(--subtle); font-size: 9px; }
.comment-file .download-icon { width: 15px; height: 15px; color: var(--muted); }
.event-item { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; margin: 4px 0 18px; }
.event-icon { position: relative; z-index: 2; width: 28px; height: 28px; margin: 0 0 0 6px; display: grid; place-items: center; color: var(--muted); background: var(--bg); border: 1px solid var(--border); border-radius: 50%; }
.event-icon svg { width: 14px; height: 14px; }
.event-copy { padding-top: 4px; color: var(--muted); font-size: 12px; }
.event-copy strong { color: var(--text); }
.search-page { width: min(1080px, calc(100% - 56px)); }
.search-page-form { min-height: 62px; padding: 10px 12px 10px 18px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 11px; align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 4px 14px rgba(140,149,159,.13); }
.search-page-form > svg { width: 21px; height: 21px; color: var(--muted); }
.search-page-form input { width: 100%; height: 40px; padding: 0; color: var(--text); background: transparent; border: 0; outline: 0; font-size: 16px; }
.search-page-form .button { min-width: 78px; }
.search-summary { min-height: 55px; margin: 16px 0 12px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; color: var(--muted); background: #fff; border: 1px solid var(--border-muted); border-radius: 8px; }
.search-summary > strong { max-width: 310px; overflow: hidden; color: var(--text); text-overflow: ellipsis; white-space: nowrap; }
.search-summary > div { margin-left: auto; display: flex; gap: 6px; }
.search-summary em { padding: 3px 8px; color: var(--muted); background: var(--surface-subtle); border: 1px solid var(--border-muted); border-radius: 20px; font-size: 10px; font-style: normal; font-weight: 600; }
.search-truncated { margin-bottom: 12px; padding: 9px 12px; color: #7d4e00; background: #fff8c5; border: 1px solid #d4a72c; border-radius: 7px; font-size: 11px; }
.search-results { display: grid; gap: 13px; }
.search-result-group { overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 1px 0 rgba(27,31,36,.03); }
.search-result-head { width: 100%; min-height: 70px; padding: 12px 15px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto 18px; gap: 12px; align-items: center; color: var(--text); background: #fbfcfd; border: 0; border-bottom: 1px solid var(--border-muted); text-align: left; }
.search-result-head:hover { background: #f6f8fa; }
.search-result-head > svg { width: 15px; height: 15px; color: var(--subtle); }
.search-result-head > span:nth-child(2) { min-width: 0; }
.search-result-head strong, .search-result-head small { display: block; }
.search-result-head strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.search-result-head small { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.search-result-head small svg { width: 12px; height: 12px; margin-right: 3px; vertical-align: -2px; }
.search-result-number { padding: 3px 8px; color: var(--blue); background: #ddf4ff; border: 1px solid #b6e3ff; border-radius: 14px; font-size: 10px; font-weight: 700; }
.search-hit-list { display: grid; }
.search-hit { width: 100%; min-height: 74px; padding: 12px 15px; display: grid; grid-template-columns: 105px minmax(0, 1fr) 18px; gap: 12px; align-items: start; color: var(--text); background: #fff; border: 0; border-bottom: 1px solid var(--border-muted); text-align: left; }
.search-hit:last-child { border-bottom: 0; }
.search-hit:hover { background: #f6f8fa; }
.search-hit > svg { width: 14px; height: 14px; margin-top: 4px; color: var(--subtle); }
.search-hit-type { width: fit-content; padding: 3px 8px; color: var(--blue); background: #ddf4ff; border: 1px solid #b6e3ff; border-radius: 14px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.search-hit-type.comment { color: var(--purple); background: #fbefff; border-color: #e8c6ff; }
.search-hit-type.issue { color: var(--green); background: #dafbe1; border-color: #4ac26b; }
.search-hit-copy { min-width: 0; display: grid; gap: 3px; }
.search-hit-copy > strong { overflow-wrap: anywhere; font-size: 12px; }
.search-hit-copy > span { color: var(--muted); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.search-hit-copy > small { display: flex; justify-content: space-between; gap: 12px; color: var(--subtle); font-size: 9px; }
.search-hit-copy mark, .search-result-head mark { padding: 0 1px; color: inherit; background: #fff1a8; border-radius: 2px; }
.search-match-fields { color: var(--blue); }
.global-search-empty { min-height: 320px; margin-top: 18px; padding: 54px 24px; display: grid; place-content: center; justify-items: center; text-align: center; color: var(--muted); background: #fff; border: 1px dashed var(--border); border-radius: 9px; }
.global-search-empty > span { width: 50px; height: 50px; margin-bottom: 12px; display: grid; place-items: center; color: var(--blue); background: #ddf4ff; border-radius: 50%; }
.global-search-empty > span svg { width: 24px; height: 24px; }
.global-search-empty h2 { margin: 0 0 5px; color: var(--text); font-size: 16px; }
.global-search-empty p { max-width: 520px; margin: 0; font-size: 12px; }
.composer .comment-card { overflow: visible; }
.composer-tabs { height: 38px; padding: 0 12px; display: flex; align-items: flex-end; gap: 16px; background: var(--surface-subtle); border-bottom: 1px solid var(--border); }
.composer-tab { height: 38px; padding: 0 2px; color: var(--text); background: transparent; border: 0; border-bottom: 2px solid var(--primary); font-size: 12px; font-weight: 600; }
.composer-body { padding: 12px; }
.composer-body textarea, .composer-body .comment-editor { width: 100%; min-height: 116px; padding: 11px 12px; resize: vertical; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 6px; line-height: 1.6; }
.composer-body textarea:focus, .composer-body .comment-editor:focus { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.2); outline: 0; }
.comment-editor { max-height: 440px; overflow-y: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.comment-editor:empty::before { color: var(--subtle); content: attr(data-placeholder); pointer-events: none; }
.comment-editor img[data-inline-client] { max-width: min(620px, 100%); max-height: 360px; margin: 10px 0; display: block; object-fit: contain; background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 7px; }
.composer-footer { margin-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.markdown-hint { color: var(--subtle); font-size: 10px; }

.metadata { align-self: start; }
.meta-section { padding: 0 0 18px; margin-bottom: 18px; border-bottom: 1px solid var(--border); }
.meta-section:last-child { border-bottom: 0; }
.meta-title { margin: 0 0 9px; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 700; }
.meta-title svg { width: 14px; height: 14px; }
.meta-select, .meta-input { width: 100%; height: 36px; padding: 0 10px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 6px; font-size: 12px; }
.meta-help { margin: 6px 0 0; color: var(--subtle); font-size: 10px; line-height: 1.45; }
.meta-value { display: flex; align-items: center; gap: 8px; min-height: 32px; color: var(--text); font-size: 12px; }
.meta-value .avatar { width: 25px; height: 25px; font-size: 10px; }
.category-badge { padding: 3px 8px; color: #0550ae; background: #ddf4ff; border: 1px solid #b6e3ff; font-size: 11px; font-weight: 600; }
.workflow { display: grid; gap: 2px; }
.workflow-step { position: relative; min-height: 31px; padding-left: 28px; display: flex; align-items: center; color: var(--subtle); font-size: 11px; }
.workflow-step::before { content: ""; position: absolute; left: 8px; top: -7px; bottom: 18px; width: 2px; background: var(--border); }
.workflow-step:first-child::before { top: 15px; }
.workflow-step::after { content: ""; position: absolute; left: 4px; top: 11px; width: 8px; height: 8px; background: #fff; border: 2px solid var(--border); border-radius: 50%; }
.workflow-step.done { color: var(--muted); }
.workflow-step.done::before { background: #2da44e; }
.workflow-step.done::after { background: #2da44e; border-color: #2da44e; }
.workflow-step.current { color: var(--text); font-weight: 700; }
.workflow-step.current::after { background: #fff; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(9,105,218,.15); }
.side-actions { display: grid; gap: 8px; }
.side-actions .button { width: 100%; }
.close-readiness { padding: 9px 10px; display: flex; align-items: center; gap: 8px; color: var(--muted); background: var(--surface-subtle); border: 1px solid var(--border-muted); border-radius: 6px; }
.close-readiness.ready { color: var(--green); background: #f0fff4; border-color: #aceebb; }
.close-readiness svg { flex: 0 0 auto; width: 16px; height: 16px; }
.close-readiness strong, .close-readiness small { display: block; }
.close-readiness strong { color: var(--text); font-size: 11px; }
.close-readiness small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.change-history { padding-bottom: 0; }
.change-history-timeline { position: relative; padding-top: 2px; }
.change-history-timeline::before { content: ""; position: absolute; left: 11px; top: 13px; bottom: 19px; width: 1px; background: var(--border); }
.change-history-timeline .event-item { grid-template-columns: 24px minmax(0, 1fr); gap: 8px; margin: 0 0 14px; }
.change-history-timeline .event-item:last-child { margin-bottom: 0; }
.change-history-timeline .event-icon { width: 24px; height: 24px; margin: 0; background: var(--bg); }
.change-history-timeline .event-icon svg { width: 12px; height: 12px; }
.change-history-timeline .event-copy { padding-top: 2px; font-size: 10px; line-height: 1.55; overflow-wrap: anywhere; }

.personal-home-heading { align-items: center; }
.personal-home-actions { display: flex; align-items: center; gap: 9px; }
.personal-home-note { min-height: 42px; margin: -5px 0 18px; padding: 10px 14px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px; color: var(--muted); background: #fff; border: 1px solid var(--border); border-radius: var(--radius); font-size: 11px; }
.personal-home-note > span { display: inline-flex; align-items: center; gap: 6px; }
.personal-home-note svg { width: 14px; height: 14px; color: var(--subtle); }
.personal-home-note strong { color: var(--text); }
.personal-home-layout { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(330px, .9fr); gap: 18px; align-items: start; }
.personal-home-card { overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.personal-home-card > header { min-height: 70px; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #fbfcfd; border-bottom: 1px solid var(--border); }
.personal-home-card > header h2 { margin: 0; font-size: 15px; }
.personal-home-card > header p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.personal-home-card > header em { min-width: 38px; padding: 3px 8px; color: var(--muted); background: #fff; border: 1px solid var(--border); border-radius: 20px; font-size: 10px; font-style: normal; text-align: center; }
.personal-issue-list, .personal-task-list { display: grid; }
.personal-issue-row, .personal-task-row { width: 100%; color: var(--text); background: #fff; border: 0; border-bottom: 1px solid var(--border-muted); text-align: left; transition: background .12s ease; }
.personal-issue-row:last-child, .personal-task-row:last-child { border-bottom: 0; }
.personal-issue-row:hover, .personal-task-row:hover { background: var(--surface-subtle); }
.personal-issue-row { min-height: 89px; padding: 14px 15px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto 15px; gap: 11px; align-items: center; }
.personal-issue-row > svg, .personal-task-row > svg { width: 14px; height: 14px; color: var(--subtle); }
.personal-issue-state { width: 20px; height: 20px; display: grid; place-items: center; }
.personal-issue-state svg { width: 19px; height: 19px; }
.personal-issue-state.status-open { color: var(--blue); }
.personal-issue-state.status-resolving { color: var(--amber); }
.personal-issue-state.status-resolved { color: var(--green); }
.personal-issue-state.status-closed { color: var(--muted); }
.personal-issue-copy, .personal-task-copy { min-width: 0; }
.personal-issue-title { display: block; overflow: hidden; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.personal-issue-row:hover .personal-issue-title, .personal-task-row:hover strong { color: var(--blue); }
.personal-issue-meta { margin-top: 7px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; color: var(--subtle); font-size: 10px; }
.personal-issue-meta span { display: inline-flex; align-items: center; gap: 4px; }
.personal-issue-meta svg { width: 12px; height: 12px; }
.personal-issue-tags { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
.personal-issue-tags > em { padding: 2px 6px; color: #0969da; background: #ddf4ff; border-radius: 20px; font-size: 9px; font-style: normal; font-weight: 650; white-space: nowrap; }
.personal-issue-tags .status-badge { padding: 2px 7px; font-size: 9px; }
.personal-task-row { min-height: 89px; padding: 13px 14px; display: grid; grid-template-columns: auto minmax(0, 1fr) 15px; gap: 6px 10px; align-items: center; }
.personal-task-number { min-width: 64px; padding: 3px 7px; color: #0969da; background: #ddf4ff; border-radius: 20px; font-size: 9px; font-weight: 700; text-align: center; }
.personal-task-copy strong, .personal-task-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.personal-task-copy strong { font-size: 12px; }
.personal-task-copy small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.personal-task-due { grid-column: 2; display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; }
.personal-task-due svg { width: 13px; height: 13px; }
.personal-task-row.overdue { box-shadow: inset 3px 0 #cf222e; }
.personal-task-row.overdue .personal-task-due { color: var(--red); font-weight: 650; }
.personal-empty { min-height: 250px; padding: 35px 20px; display: grid; place-content: center; justify-items: center; color: var(--muted); text-align: center; }
.personal-empty > span { width: 42px; height: 42px; margin-bottom: 10px; display: grid; place-items: center; color: var(--green); background: #dafbe1; border-radius: 50%; }
.personal-empty strong { color: var(--text); font-size: 12px; }
.personal-empty small { margin-top: 5px; font-size: 10px; }

.help-page { width: min(1280px, calc(100% - 56px)); }
.help-heading { align-items: center; }
.help-heading-actions { display: flex; align-items: center; gap: 10px; }
.help-version-badge { min-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); background: #fff; border: 1px solid var(--border); border-radius: 20px; font-size: 11px; white-space: nowrap; }
.help-version-badge strong { color: var(--blue); font-size: 12px; }
.help-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 20px; align-items: start; }
.help-toc { position: sticky; top: 88px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.help-toc > strong { padding: 15px 16px 11px; display: block; font-size: 12px; }
.help-toc nav { padding: 0 8px 9px; display: grid; gap: 2px; }
.help-toc button { min-height: 35px; padding: 0 9px; display: flex; align-items: center; gap: 9px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; font-size: 11px; text-align: left; }
.help-toc button:hover { color: var(--blue); background: #ddf4ff; }
.help-toc button span { width: 22px; color: var(--subtle); font-size: 9px; font-weight: 700; }
.help-toc-tip { padding: 12px 14px; display: flex; align-items: flex-start; gap: 8px; color: var(--muted); background: #f6f8fa; border-top: 1px solid var(--border-muted); font-size: 9px; line-height: 1.5; }
.help-toc-tip svg { flex: 0 0 auto; width: 14px; height: 14px; color: var(--blue); }
.help-content { min-width: 0; display: grid; gap: 18px; }
.help-intro { min-height: 94px; padding: 18px 20px; display: flex; align-items: center; gap: 16px; color: #fff; background: linear-gradient(120deg, #0969da, #0550ae); border-radius: var(--radius); box-shadow: 0 8px 22px rgba(9,105,218,.18); }
.help-intro-icon { flex: 0 0 auto; width: 48px; height: 48px; display: grid; place-items: center; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.18); border-radius: 12px; }
.help-intro-icon svg { width: 24px; height: 24px; }
.help-intro span, .help-intro strong { display: block; }
.help-intro span { color: #cae8ff; font-size: 9px; font-weight: 750; letter-spacing: .08em; }
.help-intro strong { margin-top: 3px; font-size: 15px; }
.help-intro p { margin: 4px 0 0; color: #ddf4ff; font-size: 10px; }
.help-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.help-guide-card { scroll-margin-top: 84px; padding: 18px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.help-guide-card header { display: flex; align-items: center; gap: 11px; }
.help-step-icon { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; color: var(--blue); background: #ddf4ff; border-radius: 9px; }
.help-step-icon svg { width: 18px; height: 18px; }
.help-guide-card header div { min-width: 0; }
.help-guide-card header em { display: block; color: var(--subtle); font-size: 9px; font-style: normal; font-weight: 750; letter-spacing: .08em; }
.help-guide-card h2 { margin: 0; font-size: 14px; }
.help-guide-card > p { min-height: 36px; margin: 13px 0 10px; color: var(--muted); font-size: 11px; }
.help-guide-card ul, .help-release-card ul { margin: 0; padding: 0; display: grid; gap: 7px; list-style: none; }
.help-guide-card li, .help-release-card li { position: relative; padding-left: 14px; color: var(--text); font-size: 10px; line-height: 1.55; }
.help-guide-card li::before, .help-release-card li::before { content: ""; position: absolute; left: 0; top: 6px; width: 5px; height: 5px; background: var(--green); border-radius: 50%; }
.help-release-section { scroll-margin-top: 84px; overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.help-section-heading { min-height: 78px; padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #fbfcfd; border-bottom: 1px solid var(--border); }
.help-section-heading h2 { margin: 0; font-size: 16px; }
.help-section-heading p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.help-section-heading > span { padding: 3px 9px; color: var(--muted); background: #fff; border: 1px solid var(--border); border-radius: 20px; font-size: 10px; white-space: nowrap; }
.help-release-list { padding: 18px; }
.help-release-item { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; }
.help-release-line { position: relative; }
.help-release-line::before { content: ""; position: absolute; left: 9px; top: 17px; bottom: -17px; width: 1px; background: var(--border); }
.help-release-item:last-child .help-release-line::before { display: none; }
.help-release-line span { position: absolute; left: 4px; top: 12px; width: 11px; height: 11px; background: #afb8c1; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #afb8c1; }
.help-release-item.current .help-release-line span { background: var(--green); box-shadow: 0 0 0 1px var(--green); }
.help-release-card { margin-bottom: 13px; padding: 15px 16px; background: #fff; border: 1px solid var(--border-muted); border-radius: 7px; }
.help-release-item.current .help-release-card { background: #f0fff4; border-color: #aceebb; }
.help-release-card header { margin-bottom: 10px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.help-release-card header > div { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 8px; }
.help-release-card header strong { color: var(--blue); font-size: 12px; }
.help-release-card header em { padding: 1px 6px; color: var(--green); background: #dafbe1; border-radius: 20px; font-size: 8px; font-style: normal; font-weight: 700; }
.help-release-card h3 { width: 100%; margin: 1px 0 0; font-size: 13px; }
.help-release-card time { color: var(--subtle); font-size: 9px; white-space: nowrap; }

.dashboard-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 18px; }
.dashboard-card { padding: 20px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.dashboard-card h2 { margin: 0 0 3px; font-size: 15px; }
.dashboard-card > p { margin: 0 0 20px; color: var(--muted); font-size: 12px; }
.bar-list { display: grid; gap: 15px; }
.bar-row-head { margin-bottom: 6px; display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; }
.bar-row-head strong { color: var(--text); }
.bar-track { height: 7px; overflow: hidden; background: #eaeef2; border-radius: 20px; }
.bar-fill { height: 100%; border-radius: inherit; background: var(--blue); }
.team-list { display: grid; gap: 13px; }
.team-row { display: grid; grid-template-columns: 32px 1fr auto; gap: 10px; align-items: center; }
.team-row .avatar { width: 32px; height: 32px; }
.team-row strong, .team-row small { display: block; }
.team-row strong { font-size: 12px; }
.team-row small { color: var(--muted); font-size: 10px; }
.team-row em { min-width: 27px; padding: 2px 7px; color: var(--muted); background: var(--surface-subtle); border-radius: 20px; font-size: 11px; font-style: normal; text-align: center; }
.statistics-page { width: min(1320px, calc(100% - 56px)); }
.statistics-updated { padding: 6px 10px; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); background: #fff; border: 1px solid var(--border); border-radius: 20px; font-size: 10px; white-space: nowrap; }
.statistics-updated svg { width: 13px; height: 13px; }
.statistics-summary-grid .stat-card { min-width: 0; }
.statistics-closure-grid { margin-bottom: 18px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.statistics-closure-card { padding: 18px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.statistics-closure-card > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.statistics-closure-card > div span { font-size: 13px; font-weight: 700; }
.statistics-closure-card > div strong { font-size: 22px; }
.statistics-closure-card > p { margin: 2px 0 14px; color: var(--muted); font-size: 10px; }
.statistics-closure-card footer { margin-top: 11px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 10px; }
.statistics-closure-card footer span { display: inline-flex; align-items: center; gap: 5px; }
.statistics-closure-card footer i { width: 7px; height: 7px; border-radius: 50%; }
.statistics-closure-card footer em { margin-left: auto; font-style: normal; }
.statistics-closure-card .done, .statistics-status-bar .done { background: #2da44e; }
.statistics-closure-card .in-progress, .statistics-status-bar .in-progress { background: #d4a72c; }
.statistics-closure-card .cancelled, .statistics-status-bar .cancelled { background: #afb8c1; }
.statistics-status-bar { width: 100%; height: 8px; display: flex; overflow: hidden; background: #eaeef2; border-radius: 20px; }
.statistics-status-bar i { height: 100%; min-width: 0; }
.statistics-panel { overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.statistics-panel-head { padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: #fbfcfd; border-bottom: 1px solid var(--border); }
.statistics-panel-head h2 { margin: 0; font-size: 15px; }
.statistics-panel-head p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.statistics-tabs { padding: 3px; display: flex; gap: 3px; background: #eaeef2; border-radius: 7px; }
.statistics-tabs button { min-height: 31px; padding: 0 10px; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 11px; font-weight: 600; }
.statistics-tabs button:hover { color: var(--text); }
.statistics-tabs button[aria-selected="true"] { color: var(--text); background: #fff; box-shadow: 0 1px 3px rgba(31,35,40,.12); }
.statistics-tabs em { min-width: 19px; padding: 1px 5px; color: var(--muted); background: var(--surface-subtle); border-radius: 10px; font-size: 9px; font-style: normal; text-align: center; }
.statistics-table-wrap { overflow-x: auto; scrollbar-gutter: stable; }
.statistics-table { width: 100%; min-width: 1080px; border-collapse: collapse; table-layout: fixed; }
.statistics-table th { height: 42px; padding: 0 12px; color: var(--muted); background: #fff; border-bottom: 1px solid var(--border); font-size: 10px; font-weight: 700; text-align: left; }
.statistics-table th:first-child { width: 20%; padding-left: 18px; }
.statistics-table th:nth-child(2) { width: 13%; }
.statistics-table th:nth-child(3), .statistics-table th:nth-child(4) { width: 16%; }
.statistics-table th:nth-child(5) { width: 27%; }
.statistics-table th:last-child { width: 8%; }
.statistics-table td { height: 76px; padding: 10px 12px; border-bottom: 1px solid var(--border-muted); vertical-align: middle; }
.statistics-table tr:last-child td { border-bottom: 0; }
.statistics-table tbody tr:hover { background: #fbfcfd; }
.statistics-table td:first-child { padding-left: 18px; }
.statistics-table td:first-child > strong, .statistics-table td:first-child > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.statistics-table td:first-child > strong { font-size: 12px; }
.statistics-table td:first-child > small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.statistics-issue-count > strong { color: var(--green); font-size: 15px; }
.statistics-issue-count > small { margin-top: 3px; display: block; color: var(--muted); font-size: 9px; }
.statistics-completion-cell { display: grid; gap: 6px; }
.statistics-completion-cell > span { display: flex; align-items: baseline; gap: 3px; color: var(--muted); font-size: 10px; }
.statistics-completion-cell > span strong { color: var(--text); font-size: 14px; }
.statistics-completion-cell > span em { margin-left: auto; color: var(--green); font-size: 9px; font-style: normal; font-weight: 700; }
.statistics-completion-cell .statistics-status-bar { height: 5px; }
.statistics-task-state { display: grid; gap: 7px; }
.statistics-task-state .statistics-status-bar { height: 6px; }
.statistics-task-state small { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 9px; }
.statistics-task-state small span { position: relative; padding-left: 9px; }
.statistics-task-state small span::before { content: ""; position: absolute; left: 0; top: 4px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.statistics-task-state small .done { color: var(--green); }
.statistics-task-state small .in-progress { color: #9a6700; }
.statistics-task-state small .cancelled { color: var(--subtle); }
.statistics-rate { color: var(--green); font-size: 14px; }
.equipment-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.equipment-card { padding: 18px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); cursor: pointer; transition: .15s ease; }
.equipment-card:hover { border-color: #54aeff; box-shadow: 0 6px 18px rgba(140,149,159,.16); transform: translateY(-1px); }
.equipment-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.equipment-symbol { width: 38px; height: 38px; display: grid; place-items: center; color: var(--blue); background: #ddf4ff; border-radius: 8px; }
.equipment-symbol svg { width: 19px; height: 19px; }
.equipment-card h3 { margin: 14px 0 4px; font-size: 14px; }
.equipment-card p { margin: 0; color: var(--muted); font-size: 11px; }
.equipment-count { padding: 2px 7px; color: var(--muted); background: var(--surface-subtle); border-radius: 20px; font-size: 10px; }
.equipment-source { margin: -8px 0 16px; padding: 9px 12px; display: flex; align-items: center; gap: 8px; color: var(--green); background: #dafbe1; border: 1px solid #aceebb; border-radius: 7px; font-size: 11px; }
.equipment-source.warning { color: #9a6700; background: #fff8c5; border-color: #d4a72c; }
.equipment-source svg { width: 15px; height: 15px; }
.equipment-group-card { cursor: default; }
.equipment-group-card:hover { transform: none; }
.equipment-group-card.manufacturing .equipment-symbol { color: #9a6700; background: #fff8c5; }
.equipment-group-card.legacy .equipment-symbol { color: var(--muted); background: var(--surface-subtle); }
.process-machine-groups { margin-top: 14px; display: grid; gap: 11px; }
.process-machine-row { padding-top: 11px; display: grid; grid-template-columns: minmax(84px, auto) minmax(0, 1fr); align-items: start; gap: 12px; border-top: 1px solid var(--border); }
.process-machine-row:first-child { padding-top: 0; border-top: 0; }
.process-machine-label { min-height: 29px; padding: 5px 0; display: flex; align-items: baseline; gap: 6px; }
.process-machine-label strong { color: var(--text); font-size: 11px; line-height: 18px; }
.process-machine-label span { color: var(--muted); font-size: 9px; white-space: nowrap; }
.machine-list { display: flex; flex-wrap: wrap; gap: 7px; }
.machine-chip { min-height: 29px; padding: 5px 9px; display: inline-flex; align-items: center; gap: 7px; color: var(--text); background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 6px; font: inherit; font-size: 11px; cursor: pointer; }
.machine-chip:hover { color: var(--blue); background: #ddf4ff; border-color: #54aeff; }
.machine-chip.first-process-machine { color: #7a4b00; background: #fff1d6; border-color: #d4a72c; box-shadow: inset 0 0 0 1px rgba(212,167,44,.12); }
.machine-chip.first-process-machine:hover { color: #633c01; background: #ffdf9e; border-color: #bf8700; }
.machine-chip em { min-width: 18px; padding: 1px 5px; color: #fff; background: var(--blue); border-radius: 12px; font-size: 9px; font-style: normal; text-align: center; }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; padding: 28px; display: none; place-items: center; background: rgba(1, 4, 9, .56); backdrop-filter: blur(3px); }
.modal-backdrop.open { display: grid; }
.modal-card { width: min(720px, 100%); max-height: calc(100vh - 56px); overflow: auto; background: #fff; border: 1px solid #57606a; border-radius: 10px; box-shadow: 0 18px 60px rgba(1,4,9,.36); }
.modal-card.issue-create-modal { width: min(1040px, 100%); }
.modal-header { padding: 22px 24px 19px; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--border); }
.modal-header h2 { margin: 0; font-size: 20px; }
.modal-header p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.issue-form { padding: 22px 24px 24px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; }
.form-field { display: grid; gap: 6px; color: var(--text); font-size: 12px; font-weight: 600; }
.form-field b { color: var(--red); }
.form-field input, .form-field select, .form-field textarea { width: 100%; padding: 0 10px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 6px; font-weight: 400; }
.form-field input, .form-field select { height: 38px; }
.form-field textarea { padding: 10px 11px; resize: vertical; line-height: 1.55; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.2); outline: 0; }
.form-field small { color: var(--subtle); font-size: 10px; font-weight: 400; }
.issue-impact-options { min-width: 0; margin: 0; padding: 0; border: 0; }
.issue-impact-options legend { margin-bottom: 6px; padding: 0; font-weight: 600; }
.issue-impact-checkboxes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.fracas-route-checkboxes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.issue-impact-option { min-height: 58px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 7px; cursor: pointer; }
.issue-impact-option:hover { background: #f6f8fa; border-color: #afb8c1; }
.issue-impact-option input { width: 18px; height: 18px; margin: 0; padding: 0; flex: 0 0 auto; accent-color: var(--blue); box-shadow: none; }
.issue-impact-option span { display: grid; gap: 2px; }
.issue-impact-option strong { font-size: 12px; }
.issue-impact-option small { font-size: 10px; }
.meta-impact-options { display: grid; gap: 7px; }
.meta-impact-options label { padding: 8px 9px; display: flex; align-items: center; gap: 8px; color: var(--text); background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 6px; font-size: 11px; cursor: pointer; }
.meta-impact-options input { width: 16px; height: 16px; margin: 0; accent-color: var(--blue); }
.notification-target-picker { position: relative; display: grid; gap: 7px; }
.notification-scope-picker { min-width: 0; margin: 0; padding: 0; border: 0; }
.notification-scope-picker > legend { margin-bottom: 6px; padding: 0; font-weight: 600; }
.notification-group-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; }
.issue-notification-editor .notification-group-options { grid-template-columns: 1fr; }
.notification-group-option, .notification-other-toggle { min-height: 48px; padding: 8px 10px; display: flex; align-items: center; gap: 9px; color: var(--text); background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 7px; font-size: 11px; font-weight: 400; cursor: pointer; }
.notification-group-option:hover, .notification-other-toggle:hover { background: #f6f8fa; border-color: #afb8c1; }
.notification-group-option.stale { color: var(--red); background: #fff8f7; border-color: #ff8182; }
.notification-group-option input, .notification-other-toggle input, .form-field .notification-group-option input, .form-field .notification-other-toggle input { width: 17px; height: 17px; margin: 0; padding: 0; flex: 0 0 auto; accent-color: var(--blue); box-shadow: none; }
.notification-group-option span, .notification-other-toggle span { min-width: 0; display: grid; gap: 2px; }
.notification-group-option strong, .notification-other-toggle strong { font-size: 11px; }
.notification-group-option small, .notification-other-toggle small { overflow: hidden; color: var(--subtle); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.notification-groups-empty { margin: 0; padding: 10px; color: var(--muted); background: var(--surface-subtle); border: 1px dashed var(--border); border-radius: 7px; font-size: 10px; font-weight: 400; }
.notification-other-panel { display: grid; gap: 7px; }
.notification-other-panel[hidden] { display: none; }
.notification-target-selected, .issue-notification-targets { display: flex; flex-wrap: wrap; gap: 6px; }
.notification-target-chip { min-height: 27px; padding: 4px 7px; display: inline-flex; align-items: center; gap: 5px; color: #24292f; background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 14px; font-size: 10px; font-weight: 600; }
.notification-target-chip em { padding: 1px 5px; color: #0969da; background: #ddf4ff; border-radius: 9px; font-size: 8px; font-style: normal; }
.notification-target-chip.department em { color: #7a4b00; background: #fff8c5; }
.notification-target-chip.group em { color: #6639ba; background: #fbefff; }
.notification-target-chip button { width: 18px; height: 18px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 50%; font-size: 15px; line-height: 18px; cursor: pointer; }
.notification-target-chip button:hover { color: var(--red); background: #ffebe9; }
.notification-target-suggestions { position: absolute; z-index: 35; top: calc(100% + 5px); left: 0; right: 0; max-height: 300px; padding: 5px; overflow-y: auto; background: #fff; border: 1px solid var(--border); border-radius: 7px; box-shadow: 0 10px 28px rgba(140,149,159,.28); }
.notification-target-suggestions[hidden] { display: none; }
.notification-target-suggestions button { width: 100%; min-height: 43px; padding: 7px 9px; display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: 9px; color: var(--text); background: transparent; border: 0; border-radius: 5px; text-align: left; cursor: pointer; }
.notification-target-suggestions button:hover { background: #ddf4ff; }
.notification-target-suggestions button span:last-child { display: grid; gap: 2px; }
.notification-target-suggestions strong { font-size: 11px; }
.notification-target-suggestions small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.notification-target-suggestions > p { margin: 0; padding: 13px 9px; color: var(--muted); font-size: 10px; text-align: center; }
.notification-target-kind { padding: 3px 5px; color: #0969da; background: #ddf4ff; border-radius: 10px; font-size: 9px; text-align: center; }
.notification-target-kind.department { color: #7a4b00; background: #fff8c5; }
.notification-target-kind.group { color: #6639ba; background: #fbefff; }
.issue-notification-targets { margin-bottom: 8px; }
.issue-notification-view, .issue-notification-editor { display: grid; gap: 8px; }
.issue-notification-editor[hidden], .issue-notification-view[hidden] { display: none; }
.issue-notification-edit { min-height: 30px; justify-self: start; padding: 0 10px; font-size: 10px; line-height: 28px; }
.notification-scope-actions { display: flex; justify-content: flex-end; gap: 7px; }
.notification-scope-actions .button { min-height: 32px; padding: 0 10px; font-size: 10px; line-height: 30px; }
.equipment-picker { position: relative; }
.equipment-picker input { padding-right: 34px; }
.equipment-picker::after { content: ""; position: absolute; top: 14px; right: 13px; width: 7px; height: 7px; pointer-events: none; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); }
.equipment-picker.open::after { top: 17px; transform: rotate(225deg); }
.equipment-suggestions { position: absolute; z-index: 30; top: calc(100% + 5px); left: 0; right: 0; max-height: 320px; padding: 5px; overflow-y: auto; background: #fff; border: 1px solid var(--border); border-radius: 7px; box-shadow: 0 10px 28px rgba(140,149,159,.28); }
.equipment-suggestions[hidden] { display: none; }
.equipment-suggestion-group + .equipment-suggestion-group { margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--border); }
.equipment-suggestion-group-label { position: sticky; top: -5px; z-index: 1; margin: 0; padding: 6px 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); background: var(--surface-subtle); font-size: 9px; font-weight: 700; letter-spacing: .02em; }
.equipment-suggestion-group.manufacturing .equipment-suggestion-group-label { color: #9a6700; background: #fff8c5; }
.equipment-suggestion-group-label span { font-weight: 500; letter-spacing: 0; }
.equipment-suggestion { width: 100%; padding: 8px 9px; display: grid; grid-template-columns: minmax(80px, auto) minmax(0, 1fr); align-items: center; gap: 10px; color: var(--text); background: transparent; border: 0; border-radius: 5px; text-align: left; cursor: pointer; }
.equipment-suggestion:hover, .equipment-suggestion.active { color: var(--blue); background: #ddf4ff; }
.equipment-suggestion strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.equipment-suggestion span { min-width: 0; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.equipment-suggestion-empty { margin: 0; padding: 12px 9px; color: var(--muted); font-size: 10px; text-align: center; }
.form-field .title-prefix-preview { color: var(--blue); overflow-wrap: anywhere; }
.rich-editor { overflow: hidden; background: #fff; border: 1px solid var(--border); border-radius: 7px; font-weight: 400; }
.rich-editor:focus-within { border-color: #54aeff; box-shadow: 0 0 0 3px rgba(84,174,255,.2); }
.rich-toolbar { min-height: 42px; padding: 6px 8px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; background: var(--surface-subtle); border-bottom: 1px solid var(--border); }
.rich-toolbar button { min-width: 30px; height: 29px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 5px; font: inherit; font-size: 11px; cursor: pointer; }
.rich-toolbar button:hover, .rich-toolbar button.active { color: var(--text); background: #fff; border-color: var(--border); }
.rich-toolbar button svg { width: 14px; height: 14px; }
.rich-toolbar .rich-image-button { color: var(--blue); font-weight: 600; }
.rich-toolbar-divider { width: 1px; height: 20px; margin: 0 3px; background: var(--border); }
.rich-editor-body { min-height: 300px; max-height: 520px; padding: 15px 16px; overflow-y: auto; color: var(--text); font-size: 13px; line-height: 1.7; outline: 0; }
.rich-editor-body:empty::before { color: var(--subtle); content: attr(data-placeholder); pointer-events: none; }
.rich-editor-body p, .rich-editor-body div { margin: 0 0 10px; }
.rich-editor-body ul, .rich-editor-body ol { margin: 8px 0; padding-left: 26px; }
.rich-editor-body blockquote { margin: 10px 0; padding: 7px 12px; color: var(--muted); background: var(--surface-subtle); border-left: 3px solid var(--border); }
.rich-editor-body pre { margin: 10px 0; padding: 10px 12px; overflow-x: auto; background: #f6f8fa; border-radius: 6px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; }
.rich-editor-body img[data-inline-client] { max-width: min(620px, 100%); max-height: 360px; margin: 10px 0; display: block; object-fit: contain; background: var(--surface-subtle); border: 1px solid var(--border); border-radius: 7px; }
.issue-attachment-field { gap: 6px; }
.issue-attachment-picker { margin-top: 0; }
.rich-inline-image { margin: 14px 0; }
.form-span-2 { grid-column: 1 / -1; }
.form-actions { padding-top: 5px; display: flex; justify-content: flex-end; gap: 8px; }

.toast-region { position: fixed; right: 22px; bottom: 22px; z-index: 150; display: grid; gap: 9px; }
.toast { min-width: 280px; max-width: 380px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; color: #f0f6fc; background: #24292f; border: 1px solid #57606a; border-radius: 7px; box-shadow: var(--shadow); animation: toast-in .22s ease-out; }
.toast svg { width: 17px; height: 17px; color: #3fb950; }
.toast.error svg { color: #ff7b72; }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }

@media (max-width: 1040px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .issue-table-header { grid-template-columns: 22px minmax(160px, 1fr) minmax(160px, 1fr) minmax(140px, .8fr); }
  .issue-table-header-spacer { grid-row: 1 / span 2; }
  .issue-table-head-cell:nth-child(5) { grid-column: 2; grid-row: 2; }
  .issue-table-head-cell:nth-child(6) { grid-column: 3; grid-row: 2; }
  .issue-table-head-cell:nth-child(7) { grid-column: 4; grid-row: 2; }
  .issue-row { grid-template-columns: 22px minmax(160px, 1fr) minmax(160px, 1fr) minmax(140px, .8fr); }
  .row-created-at { grid-column: 2; }
  .row-assignee { grid-column: 3; }
  .row-activity { grid-column: 4; justify-content: flex-start; }
  .detail-layout { grid-template-columns: minmax(0, 1fr) 250px; gap: 24px; }
  .fracas-phase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-task-form { grid-template-columns: 1fr 1.7fr; }
  .workflow-task-form .button { align-self: end; }
  .equipment-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .sidebar { transform: translateX(-100%); transition: transform .2s ease; box-shadow: 12px 0 40px rgba(1,4,9,.35); }
  .sidebar.open { transform: translateX(0); }
  .workspace { margin-left: 0; }
  .mobile-menu { display: grid; flex: 0 0 auto; }
  .topbar { padding: 0 16px; gap: 10px; }
  .global-search { width: auto; flex: 1; }
  .user-copy { display: none; }
  .page, .detail-page { width: min(100% - 32px, 760px); padding-top: 25px; }
  .detail-layout { grid-template-columns: 1fr; }
  .metadata { order: -1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 20px; }
  .meta-section { margin-bottom: 13px; padding-bottom: 13px; }
  .side-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, 1fr); }
  .change-history { grid-column: 1 / -1; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .personal-home-layout { grid-template-columns: 1fr; }
  .help-layout { grid-template-columns: 1fr; }
  .help-toc { position: static; }
  .help-toc nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .help-toc-tip { display: none; }
  .statistics-panel-head { align-items: flex-start; flex-direction: column; }
  .statistics-tabs { width: 100%; overflow-x: auto; }
}

@media (max-width: 620px) {
  .topbar { height: 60px; }
  #mainContent { min-height: calc(100vh - 60px); }
  .notification-button { display: none; }
  .issue-impact-checkboxes { grid-template-columns: 1fr; }
  .fracas-phase-grid { grid-template-columns: 1fr; }
  .fracas-panel-header { display: grid; }
  .fracas-progress-summary { justify-content: flex-start; }
  .page-heading { align-items: flex-start; }
  .page-heading h1 { font-size: 23px; }
  .page-heading p { max-width: 250px; font-size: 12px; }
  .page-heading .button span { display: none; }
  .personal-home-heading { display: grid; }
  .personal-home-actions { margin-top: 2px; }
  .personal-home-actions .button { flex: 1; }
  .personal-home-note { display: grid; gap: 7px; }
  .help-page { width: calc(100% - 24px); }
  .help-heading { display: grid; }
  .help-heading-actions { margin-top: 3px; align-items: stretch; flex-direction: column; }
  .help-version-badge { justify-content: center; }
  .help-heading .button span { display: inline; }
  .help-toc nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .help-guide-grid { grid-template-columns: 1fr; }
  .help-guide-card > p { min-height: 0; }
  .help-intro { align-items: flex-start; }
  .help-intro strong { font-size: 13px; }
  .help-release-list { padding: 12px; }
  .help-release-card header { display: grid; gap: 5px; }
  .personal-issue-row { grid-template-columns: 20px minmax(0, 1fr) 14px; align-items: start; }
  .personal-issue-tags { grid-column: 2; justify-content: flex-start; }
  .personal-issue-row > svg { grid-column: 3; grid-row: 1; margin-top: 3px; }
  .personal-task-card { min-width: 0; }
  .statistics-page { width: calc(100% - 24px); }
  .statistics-updated { display: none; }
  .statistics-closure-grid { grid-template-columns: 1fr; }
  .statistics-tabs button { flex: 1 0 auto; }
  .search-page { width: calc(100% - 24px); }
  .search-page-form { min-height: 54px; padding: 7px 8px 7px 13px; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 8px; }
  .search-page-form input { height: 36px; font-size: 13px; }
  .search-page-form .button { min-width: 58px; padding: 0 10px; }
  .search-summary { align-items: flex-start; flex-wrap: wrap; }
  .search-summary > div { width: 100%; margin-left: 0; }
  .search-result-head { grid-template-columns: auto minmax(0, 1fr) 15px; gap: 8px; }
  .search-result-head .status-badge { display: none; }
  .search-hit { grid-template-columns: 1fr 15px; gap: 7px; }
  .search-hit-type { grid-column: 1; }
  .search-hit-copy { grid-column: 1; }
  .search-hit > svg { grid-column: 2; grid-row: 1 / span 2; }
  .search-hit-copy > small { display: grid; gap: 3px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }
  .stat-card { min-height: 79px; padding: 12px; }
  .stat-icon { width: 34px; height: 34px; }
  .stat-card strong { font-size: 19px; }
  .filter-bar { flex-wrap: wrap; }
  .status-tabs { width: 100%; overflow-x: auto; }
  .filter-spacer { display: none; }
  .issue-filter-controls { width: 100%; margin-left: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .select-control { flex: 1; min-width: 0; }
  .issue-table-header { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 13px; gap: 10px; }
  .issue-table-header-spacer { display: none; }
  .issue-table-header > .issue-table-head-cell:nth-child(5),
  .issue-table-header > .issue-table-head-cell:nth-child(6),
  .issue-table-header > .issue-table-head-cell:nth-child(7) { grid-column: auto; grid-row: auto; }
  .issue-row { grid-template-columns: 19px minmax(0, 1fr); min-height: 110px; padding: 16px 13px; gap: 9px; }
  .issue-description-column, .issue-meta-column { grid-column: 2; padding-top: 0; }
  .row-created-at { grid-column: 2; padding-top: 0; }
  .row-assignee { grid-column: 2; padding-top: 0; }
  .row-activity { grid-column: 2; padding-top: 0; }
  .row-assignee .avatar { width: 22px; height: 22px; }
  .issue-title-line { align-items: flex-start; }
  .issue-title { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .issue-description { -webkit-line-clamp: 2; }
  .detail-title-row { display: block; }
  .detail-title-row .button { margin-top: 14px; }
  .detail-heading h1 { font-size: 21px; }
  .workflow-task-panel-header { align-items: flex-start; }
  .workflow-task-form { grid-template-columns: 1fr; }
  .workflow-tree-table { min-width: 1210px; }
  .workflow-tree-table th:nth-child(1) { width: 260px; }
  .workflow-tree-table th:nth-child(3) { width: 140px; }
  .workflow-tree-table th:nth-child(4) { width: 118px; }
  .workflow-tree-table th:nth-child(5) { width: 142px; }
  .workflow-tree-table th:nth-child(6) { width: 150px; }
  .workflow-tree-table th:nth-child(7) { width: 118px; }
  .timeline-item, .event-item { grid-template-columns: 34px minmax(0, 1fr); gap: 8px; }
  .timeline::before { left: 16px; }
  .timeline-item > .avatar { width: 34px; height: 34px; }
  .event-icon { margin-left: 3px; }
  .comment-header { align-items: flex-start; }
  .comment-header > span:last-child { font-size: 10px; }
  .comment-body { padding: 14px; font-size: 13px; }
  .attachment-picker-main { align-items: flex-start; }
  .attachment-picker-main > span { width: 100%; line-height: 1.45; }
  .pending-file { width: 100%; }
  .pending-file strong { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .comment-file { width: 100%; }
  .comment-replies { margin-left: 16px; padding-left: 10px; }
  .comment-replies .timeline-item { grid-template-columns: 28px minmax(0, 1fr); gap: 7px; }
  .comment-replies .timeline-item > .avatar { width: 28px; height: 28px; font-size: 9px; }
  .discussion-tree-heading { align-items: flex-start; }
  .discussion-tree-heading p { max-width: 230px; }
  .discussion-task-tree { padding: 8px; }
  .discussion-task-header { grid-template-columns: 20px auto minmax(0, 1fr); padding: 8px; }
  .discussion-task-status-action { min-width: 62px; margin-right: 8px; padding: 6px; }
  .discussion-task-meta { grid-column: 3; justify-content: flex-start; flex-wrap: wrap; }
  .discussion-task-meta > span { display: none; }
  .discussion-task-comments { padding: 10px 8px 1px; }
  .discussion-task-children { margin: 0 8px 8px 14px; padding-left: 7px; }
  .discussion-composer { padding: 10px; grid-template-columns: 1fr; }
  .discussion-composer > .avatar { display: none; }
  .comment-task-link { grid-template-columns: 1fr; gap: 4px; }
  .comment-task-link small { white-space: normal; }
  .metadata { grid-template-columns: 1fr; }
  .side-actions { grid-template-columns: 1fr; }
  .equipment-grid { grid-template-columns: 1fr; }
  .process-machine-row { grid-template-columns: 1fr; gap: 5px; }
  .process-machine-label { min-height: 0; padding: 0; }
  .modal-backdrop { padding: 0; place-items: end center; }
  .modal-card { max-height: 94vh; border-radius: 12px 12px 0 0; }
  .modal-header { padding: 18px; }
  .issue-form { padding: 18px; grid-template-columns: 1fr; }
  .form-span-2 { grid-column: auto; }
  .form-actions { grid-column: auto; }
  .rich-editor-body { min-height: 220px; max-height: 42vh; padding: 12px; }
  .rich-toolbar-divider { display: none; }
  .rich-toolbar button { flex: 0 0 auto; }
  .toast-region { left: 14px; right: 14px; bottom: 14px; }
  .toast { min-width: 0; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}