/* cache-bust 20261028-170529-unit-pager */
.unit-portal { color:var(--ink); letter-spacing:0; }
.unit-portal * { box-sizing:border-box; }
.unit-portal button,.unit-portal input,.unit-portal select { font:inherit; }
.unit-portal button { cursor:pointer; }
.unit-portal button:disabled { cursor:default; opacity:.45; }
.unit-portal button:focus-visible,.unit-portal input:focus-visible,.unit-portal select:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.unit-icon { display:inline-block; width:24px; height:24px; flex:0 0 24px; background:currentColor; mask:var(--unit-icon) center/contain no-repeat; }
.unit-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fff; border-block:1px solid var(--line); margin-bottom:18px; }
.unit-metric { min-width:0; display:flex; align-items:center; gap:16px; border:0; border-right:1px solid var(--line-soft); background:transparent; padding:24px; text-align:left; color:var(--ink); }
.unit-metric:last-child { border-right:0; }
.unit-metric:hover { background:#f8faff; }
.unit-metric>.unit-icon { width:42px; height:42px; flex-basis:42px; color:#2860d9; }
.unit-metric.overdue>.unit-icon,.unit-metric.overdue strong { color:#cc3f4b; }
.unit-metric.due>.unit-icon,.unit-metric.due strong { color:#b96b08; }
.unit-metric.projects>.unit-icon { color:#128578; }
.unit-metric>span:nth-child(2) { min-width:0; }
.unit-metric-label { display:block; font-size:14px; margin-bottom:5px; }
.unit-metric strong { display:block; font-size:30px; line-height:1.2; }
.unit-metric-arrow { margin-left:auto; color:var(--subtle); font-size:24px; }
.unit-workspace { display:grid; grid-template-columns:minmax(0,1fr) 315px; gap:20px; align-items:start; }
.unit-worklist,.unit-aside>section,.unit-project-view,.unit-notices-view { min-width:0; background:#fff; border-block:1px solid var(--line); padding:0 18px; }
.unit-section-title { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 0; }
.unit-section-title h2,.unit-project-heading h2 { margin:0; font-size:17px; font-weight:700; line-height:1.5; }
.unit-section-title>span { color:var(--muted); font-size:12px; }
.unit-text-button { display:inline; padding:0; border:0; background:none; color:var(--brand); text-align:left; white-space:normal; overflow-wrap:anywhere; line-height:1.6; }
.unit-text-button:hover { text-decoration:underline; }
.unit-tabs { display:flex; gap:12px; overflow:auto; border-bottom:1px solid var(--line); }
.unit-tabs>button { flex:0 0 auto; display:flex; gap:7px; align-items:center; border:0; border-bottom:3px solid transparent; padding:12px 8px; background:none; color:var(--muted); white-space:nowrap; }
.unit-tabs>button[aria-selected="true"] { color:var(--brand); font-weight:700; border-bottom-color:var(--brand); }
.unit-tabs>button>span { font-size:12px; font-variant-numeric:tabular-nums; }
.unit-work-modes { gap:24px; }
.unit-work-modes>button { font-size:15px; }
.unit-col-handled { width:140px; }.unit-col-result { width:108px; }
.unit-history-table td { white-space:normal; }
.unit-history-table td:nth-child(2)>.unit-text-button,.unit-history-table td:nth-child(3)>.unit-text-button { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.unit-history-table time { font-size:12px; color:var(--muted); }
.unit-history-table .unit-history-result { color:var(--ink); }
.unit-filters { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.unit-filters input,.unit-filters select { border:1px solid var(--line); border-radius:6px; background:#fff; height:36px; color:var(--ink); padding:0 10px; min-width:0; max-width:100%; }
.unit-filters select { flex:0 1 190px; }
.unit-filters input { flex:1 1 220px; }
.unit-table-scroll { overflow-x:auto; }
.unit-task-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; }
.unit-task-table th { background:#f5f7fa; padding:12px 8px; color:var(--muted); font-size:12px; font-weight:600; text-align:left; white-space:normal; }
.unit-task-table td { padding:13px 8px; vertical-align:middle; border-bottom:1px solid var(--line-soft); overflow-wrap:anywhere; line-height:1.6; }
.unit-task-table tbody tr:hover { background:#fafcff; }
.unit-col-kind { width:88px; }.unit-col-issue { width:118px; }.unit-col-scope { width:132px; }
.unit-scope-label { font-size:12px; color:var(--ink); overflow-wrap:anywhere; line-height:1.45; }.unit-col-cycle { width:100px; }.unit-col-project { width:16%; }.unit-col-date { width:100px; }.unit-col-status { width:92px; }.unit-col-action { width:90px; }
.unit-task-table .btn { padding:5px 10px; font-size:12px; min-height:32px; white-space:normal; }
.unit-task-table td:nth-child(5)>.unit-text-button { color:var(--ink); }
.unit-task-table td:nth-child(6)>.unit-text-button { color:var(--muted); }
.unit-issue-no { font-variant-numeric:tabular-nums; white-space:nowrap; }
.unit-kind { display:inline-block; padding:2px 7px; border-radius:4px; background:#edf3ff; color:#2256b4; font-size:12px; white-space:nowrap; }
.unit-kind.confirm { color:#ae6411; background:#fff2df; }.unit-kind.rectify { color:#087969; background:#e7f7f0; }.unit-kind.review { color:#526077; background:#edf0f6; }
.unit-status { display:inline-block; padding:2px 7px; border-radius:4px; background:#eef3fb; color:#45658b; font-size:12px; line-height:1.5; }
.unit-status.done { background:#e8f6ef; color:#127956; }.unit-status.late { background:#fff0f1; color:#be3444; }.unit-late { color:#be3444; }
.unit-sort { padding:0; border:0; background:none; color:inherit; text-align:left; }
.unit-sort span { color:var(--brand); }
.unit-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; padding:15px 0; font-size:12px; color:var(--muted); }
.unit-pagination .btn { width:30px; height:30px; min-height:30px; padding:0; font-size:20px; }
.unit-pagination .btn[data-unit$="-jump"] { width:auto; min-width:52px; padding:0 10px; font-size:12px; }
.unit-pagination select { height:30px; min-height:30px; padding:0 8px; border:1px solid var(--line); border-radius:6px; background:var(--panel,#fff); color:var(--ink); font-size:12px; }
.unit-pagination label { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:12px; }
.unit-pagination input[type="number"] { width:64px; height:30px; box-sizing:border-box; padding:0 8px; border:1px solid var(--line); border-radius:6px; background:var(--panel,#fff); color:var(--ink); font-size:12px; }
.unit-aside { display:grid; gap:18px; min-width:0; }
.unit-aside .unit-section-title h2 { font-size:15px; }
.unit-aside .unit-section-title>.unit-text-button { font-size:12px; }
.unit-project-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:26px; }
.unit-project-list.compact { display:block; }
.unit-project-item { padding:18px 0; border-top:1px solid var(--line-soft); }
.unit-project-title { display:flex; align-items:start; justify-content:space-between; gap:8px; }
.unit-project-title>.unit-text-button { color:var(--ink); font-size:15px; font-weight:700; }
.unit-project-title .unit-status { flex:0 0 auto; }
.unit-project-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:var(--muted); font-size:12px; margin-top:12px; }
.unit-project-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; font-size:12px; color:var(--muted); }
.unit-project-bottom strong { color:var(--brand); font-size:16px; margin:0 5px; }
.unit-project-bottom .btn { font-size:12px; }
.unit-project-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:4px 0 16px; }
.unit-project-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 20px; gap:16px; }
.unit-project-facts dt { color:var(--muted); font-size:12px; margin-bottom:5px; }.unit-project-facts dd { margin:0; overflow-wrap:anywhere; font-size:13px; }
.unit-notice { display:flex; gap:12px; align-items:start; width:100%; padding:16px 0; border:0; border-top:1px solid var(--line-soft); background:none; text-align:left; color:var(--ink); }
.unit-notice:hover { background:#fafcff; }.unit-notice>.unit-icon { color:var(--brand); margin-top:2px; }
.unit-notice-copy { flex:1; min-width:0; display:grid; gap:5px; }.unit-notice-copy strong { font-size:14px; overflow-wrap:anywhere; }.unit-notice-copy>span { color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.unit-notice-copy time { color:var(--subtle); font-size:12px; }
.unit-unread-dot { width:7px; height:7px; margin-top:6px; border-radius:50%; background:#d64752; flex:0 0 7px; }
.unit-empty { padding:32px 12px; color:var(--muted); text-align:center; font-size:13px; }.unit-empty .btn { margin-top:12px; }
.unit-scope { padding:7px 10px; background:#f7f9fc; border:1px solid var(--line); border-radius:6px; font-size:12px; color:var(--muted); max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#unitNoticeCount { position:absolute; right:-3px; top:-4px; background:#cc3f4b; color:white; font-size:10px; padding:1px 4px; border-radius:8px; line-height:1.4; }
.unit-message-button { position:relative; }
.work-dialog[data-layout="received-report"] { width:min(1050px,calc(100vw - 32px)); }
.work-dialog[data-layout="received-report"] .work-dialog-body { padding:0; background:#edf2f7; }
.unit-received-report .ar-paper-canvas { display:flex; justify-content:center; padding:24px; overflow:hidden; }
.unit-received-report .ar-paper { flex:0 0 auto; margin:0; }
.work-dialog[data-layout="received-report"] [data-unit="report-export"] { background:var(--brand); color:#fff; border-color:var(--brand); }
[hidden].unit-scope,#unitNoticeCount[hidden] { display:none; }
@media(min-width:1600px) { .unit-workspace { grid-template-columns:minmax(0,1fr) 350px; }.unit-col-project { width:20%; } }
@media(max-width:1340px) { .unit-workspace { grid-template-columns:minmax(0,1fr); }.unit-aside { grid-template-columns:repeat(2,minmax(0,1fr)); }.unit-metric { padding:18px; }.unit-project-list { grid-template-columns:1fr; } }
@media(max-width:760px) { .unit-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.unit-metric { padding:15px 12px; gap:10px; }.unit-metric:nth-child(2) { border-right:0; }.unit-metric:nth-child(-n+2) { border-bottom:1px solid var(--line-soft); }.unit-metric>.unit-icon { width:28px; height:28px; flex-basis:28px; }.unit-metric strong { font-size:25px; }.unit-metric-label { font-size:12px; }.unit-aside { grid-template-columns:minmax(0,1fr); }.unit-worklist,.unit-aside>section,.unit-project-view,.unit-notices-view { padding:0 12px; }.unit-task-table { min-width:750px; }.unit-project-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }.unit-filters select { flex:1 1 130px; }.unit-filters input { flex-basis:100%; }.unit-scope { max-width:100%; }.unit-project-title>.unit-text-button { font-size:14px; } }
@media(max-width:760px) {
  .unit-portal-mode .sidebar { width:100%; max-width:none; transition:none; }
  .unit-task-table,.unit-task-table tbody { display:block; min-width:0; width:100%; }
  .unit-task-table colgroup { display:none; }
  .unit-task-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); }
  .unit-task-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'kind due' 'issue scope' 'cycle cycle' 'title title' 'project project' 'status action'; gap:9px 12px; padding:16px 0; border-bottom:1px solid var(--line); }
  .unit-task-table td { border:0; padding:0; min-width:0; }
  .unit-task-table td:nth-child(1) { grid-area:kind; }
  .unit-task-table td:nth-child(2) { grid-area:issue; font-size:12px; }
  .unit-task-table td:nth-child(3) { grid-area:scope; font-size:12px; }
  .unit-task-table td:nth-child(4) { grid-area:cycle; font-size:12px; justify-self:end; }
  .unit-task-table td:nth-child(5) { grid-area:title; font-weight:600; }
  .unit-task-table td:nth-child(6) { grid-area:project; font-size:12px; }
  .unit-task-table td:nth-child(7) { grid-area:due; font-size:12px; }
  .unit-task-table td:nth-child(8) { grid-area:status; align-self:center; }
  .unit-task-table td:nth-child(9) { grid-area:action; justify-self:end; }
  .unit-task-table td[colspan] { grid-column:1/-1; }
  .unit-history-table tbody tr { grid-template-areas:'kind due' 'title title' 'project project' 'result result' 'status action'; }
  .unit-history-table td:nth-child(5) { grid-area:result; }
  .unit-history-table td:nth-child(6) { grid-area:status; justify-self:start; }
  .unit-history-table td:nth-child(7) { grid-area:action; justify-self:end; }
}

/* unit-portal-group-list: main-issue grouping */
.unit-table-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:0 0 10px; }
.unit-inline { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:13px; cursor:pointer; user-select:none; }
.unit-inline input { margin:0; }
.unit-task-table .unit-group-heading td { background:#eef3f9; border-top:1px solid #dce5f1; border-bottom:1px solid #dce5f1; padding:10px 8px; }
.unit-main-info { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; min-width:0; }
.unit-main-heading { display:flex; align-items:center; gap:10px; min-width:0; flex:1 1 auto; }
.unit-group-toggle { display:inline-flex; align-items:center; justify-content:center; flex:none; width:28px; height:28px; padding:0; border:0; border-radius:4px; background:transparent; cursor:pointer; }
.unit-group-toggle:hover { background:#e0e8f4; }
.unit-group-toggle:focus-visible { outline:2px solid var(--brand,#2256b4); outline-offset:1px; }
.unit-group-toggle img { opacity:.65; transition:transform .12s; }
.unit-group-toggle[aria-expanded="true"] img { transform:rotate(90deg); }
.unit-main-no { flex:none; color:#2256b4; font-size:13px; font-weight:700; white-space:nowrap; }
.unit-main-title { min-width:0; color:var(--ink,#172b4d); font-size:14px; font-weight:600; line-height:1.5; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.unit-main-count { flex:none; color:var(--muted); font-size:12px; font-weight:400; white-space:nowrap; }
.unit-task-grouped .unit-item-row td:first-child { padding-left:16px; }
.unit-task-table tr.unit-item-row[hidden] { display:none; }
@media(max-width:760px) {
  .unit-task-table tbody tr.unit-group-heading { display:block; padding:12px 0; border-bottom:1px solid var(--line); }
  .unit-task-table tbody tr.unit-group-heading td { display:block; padding:0; border:0; background:transparent; }
  .unit-main-heading { flex-wrap:wrap; }
}
