.issues-page { --issue-blue: #6388da; --issue-blue-deep: #4c6fc2; --issue-green: #67bb95; --issue-ink: #273652; }
.issues-page main { padding-bottom: 30px; }
.issues-page-intro { margin-bottom: 18px; }
.issues-page-intro h1 { max-width: 650px; }
.issues-page-intro p { max-width: 650px; }
.issues-page .page-actions { align-items: center; }
.issues-page .sync-note { max-width: 190px; }
.issues-page .button-primary { background: linear-gradient(135deg, #708fe3, #5576cf); box-shadow: 0 9px 19px rgba(88, 120, 208, .2); }
.issues-page .button-primary:hover:not(:disabled) { background: linear-gradient(135deg, #6684db, #4b6bc2); }
.issue-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin: 14px 0; }
.issue-stat-card { display: grid; min-height: 109px; align-content: space-between; gap: 10px; padding: 16px 17px 14px; border: 1px solid #e1e7f4; border-radius: 14px; background: #fbfcff; box-shadow: 0 8px 22px rgba(65, 83, 123, .045); }
.issue-stat-card > span { color: #91a0b8; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.issue-stat-card strong { color: var(--issue-ink); font-size: 28px; font-weight: 700; letter-spacing: -.08em; line-height: .8; }
.issue-stat-card small { color: #a2aabd; font-size: 9px; }
.issue-stat-open { border-color: #dcefe5; background: linear-gradient(135deg, #f2fbf6, #fcfefd); }.issue-stat-open strong { color: #4c9b79; }
.issue-stat-closed { border-color: #eee8e5; background: linear-gradient(135deg, #fffaf8, #fffefe); }.issue-stat-closed strong { color: #ac8172; }
.issue-stat-view { border-color: #e5e0f8; background: linear-gradient(135deg, #faf8ff, #fff); }.issue-stat-view strong { color: #7668c9; }
.issue-browser-panel { overflow: hidden; }
.issue-browser-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 24px 17px; border-bottom: 1px solid var(--line); }
.issue-browser-head h2 { margin-top: 8px; }
.issue-result-note { padding-top: 5px; color: #a1a0af; font-size: 10px; }
.issue-page-toolbar { align-items: center; flex-wrap: wrap; padding: 14px 24px 13px; border-bottom: 1px solid #f1f0f5; }
.issue-search-box { min-width: 270px; }
.issue-select-label { display: inline-flex; align-items: center; gap: 7px; color: #aaa8b7; font-size: 9px; }
.issue-select-label .filter-select { min-width: 90px; }
.issue-table-wrap { overflow-x: auto; }
.issue-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.issue-table th { padding: 11px 24px; color: #aaa8b7; border-bottom: 1px solid #f0eff5; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.issue-table th:nth-child(1) { width: 40%; }.issue-table th:nth-child(2) { width: 14%; }.issue-table th:nth-child(3) { width: 19%; }.issue-table th:nth-child(4) { width: 13%; }.issue-table th:nth-child(5) { width: 14%; }
.issue-table td { padding: 14px 24px; border-bottom: 1px solid #f1f0f5; color: #858297; font-size: 10px; vertical-align: middle; }
.issue-table tbody tr { transition: background .2s, transform .2s; }.issue-table tbody tr:hover { background: #fbfbff; }
.issue-table tbody tr:last-child td { border-bottom: 0; }
.issue-main-cell { min-width: 0; }
.issue-main-cell a { display: block; overflow: hidden; color: #3d3a55; font-size: 11px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.issue-main-cell a:hover { color: var(--issue-blue-deep); }
.issue-main-cell small { display: block; overflow: hidden; margin-top: 5px; color: #aaa8b7; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.issue-state { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 5px 8px; border: 1px solid #d8ede2; border-radius: 999px; color: #4a9d79; background: #effaf4; font-size: 9px; white-space: nowrap; }
.issue-state::before { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: currentColor; content: ""; }.issue-state.closed { color: #9996a2; border-color: #e9e8ed; background: #f8f8fa; }.issue-state.active { color: #d48362; border-color: #f4ded4; background: #fff6f1; }
.issue-context { display: grid; min-width: 0; gap: 4px; }.issue-context b, .issue-context small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.issue-context b { color: #716d82; font-size: 10px; font-weight: 700; }.issue-context small { color: #aaa8b7; font-size: 9px; }
.issue-assignee, .issue-time { overflow: hidden; color: #858297; text-overflow: ellipsis; white-space: nowrap; }.issue-time { color: #a4a1af; font-size: 9px; }
.issue-list-state { display: flex; min-height: 300px; align-items: center; justify-content: center; flex-direction: column; gap: 9px; color: #aaa7b5; text-align: center; }.issue-list-state strong { color: #5c5870; font-size: 17px; letter-spacing: -.035em; }.issue-list-state > span:last-child { font-size: 11px; }
.issue-pagination { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 24px; border-top: 1px solid #f0eff5; color: #aaa8b7; font-size: 10px; }.issue-pagination > div { display: flex; gap: 7px; }.pagination-button { min-height: 31px; padding: 0 10px; font-size: 9px; }
.issues-page .footer { padding-top: 23px; }
.issues-page .button:disabled { cursor: not-allowed; opacity: .52; }
.issues-page .toast { max-width: 450px; }
.issue-backfill-modal { position: relative; width: min(100%, 470px); padding: 30px; border: 1px solid #dfe6f5; border-radius: 20px; background: #fff; box-shadow: 0 25px 70px rgba(42, 58, 97, .2); animation: modalIn .25s cubic-bezier(.22, 1, .36, 1) both; }
.issue-backfill-modal h2 { margin: 16px 0 9px; color: var(--issue-ink); font-size: 28px; font-weight: 720; letter-spacing: -.07em; line-height: 1.03; }
.backfill-intro { margin: 0; color: #8e98ad; font-size: 11px; line-height: 1.65; }
.backfill-warning { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 10px; margin-top: 19px; padding: 12px 13px; border: 1px solid #f1e5d9; border-radius: 11px; color: #9c8d83; background: #fffaf5; font-size: 10px; line-height: 1.55; }
.backfill-warning p { margin: 0; }
.backfill-warning .note-mark { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #c47b5a; background: #f9e7da; font-family: Georgia, serif; font-size: 12px; font-weight: 700; }
.backfill-field { display: grid; gap: 7px; margin-top: 19px; }
.backfill-field > span { color: #817d91; font-size: 10px; font-weight: 750; }
.backfill-field select { width: 100%; min-height: 39px; padding: 0 11px; border: 1px solid #e4e8f2; border-radius: 9px; outline: 0; color: #5f6d88; background: #fbfcff; font-size: 11px; }
.backfill-field select:focus { border-color: #b8c8ee; box-shadow: 0 0 0 3px rgba(99, 136, 218, .1); }
.backfill-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }

@container workspace (max-width: 860px) {
  .issue-page-toolbar { align-items: stretch; }.issue-search-box { min-width: 100%; }.issue-page-toolbar .filter-tabs { flex: 1; }.issue-page-toolbar .filter-tab { flex: 1; }
}

@container workspace (max-width: 650px) {
  .issue-stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }.issue-stat-card { min-height: 99px; padding: 14px; }.issue-stat-card strong { font-size: 24px; }
  .issue-browser-head { padding-right: 17px; padding-left: 17px; }.issue-page-toolbar { padding-right: 17px; padding-left: 17px; }.issue-table th, .issue-table td { padding-right: 17px; padding-left: 17px; }.issue-table th:nth-child(3), .issue-table td:nth-child(3), .issue-table th:nth-child(4), .issue-table td:nth-child(4) { display: none; }.issue-table th:nth-child(1) { width: 58%; }.issue-table th:nth-child(2) { width: 22%; }.issue-table th:nth-child(5) { width: 20%; }.issue-table td:nth-child(5) { font-size: 8px; }.issue-pagination { align-items: stretch; flex-direction: column; padding-right: 17px; padding-left: 17px; }.issue-pagination > div { justify-content: space-between; }.pagination-button { flex: 1; }
  .issues-page .page-actions { width: 100%; justify-content: flex-start; }.issues-page .sync-note { width: 100%; max-width: none; }.issue-backfill-modal { padding: 25px 21px; }
}