.personal-workbench { margin-bottom: 28px; color: #173654; letter-spacing: 0; }
.personal-project-workbench { margin: 0; padding: 26px; }
.personal-workbench[hidden] { display: none; }
.personal-workbench h2 { margin: 7px 0 0; font-size: 28px; line-height: 1.3; font-weight: 850; }
.personal-workbench-head, .personal-filters, .personal-tools, .personal-dialog header, .personal-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.personal-workbench-head { padding: 4px 0 24px; }
.personal-workbench .personal-eyebrow { color: #087fea; font-size: 11px; font-weight: 850; }
.personal-scope-label { margin: 9px 0 0; color: #718198; font-size: 13px; overflow-wrap: anywhere; }
.personal-calendar { display: flex; align-items: center; gap: 12px; color: #426888; font-size: 13px; }
.personal-calendar .plan-calendar-summary-icon { width: 22px; height: 22px; }
.personal-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid #d5e3f0; border-radius: 8px; background: #fff; margin: 0 0 24px; }
.personal-metric { padding: 20px 24px; border-right: 1px solid #e3ebf4; min-width: 0; }
.personal-metric:last-child { border-right: 0; }
.personal-metric-label { color: #57718b; font-size: 13px; font-weight: 650; }
.personal-metric > div { display: flex; align-items: baseline; gap: 7px; margin: 9px 0 4px; }
.personal-metric > div strong { font-size: 30px; line-height: 1.2; font-weight: 850; font-variant-numeric: tabular-nums; }
.personal-metric > div span { font-size: 12px; color: #7e8da1; }
.personal-metric-today > div strong { color: #087fea; }
.personal-metric-overdue > div strong { color: #cf4960; }
.personal-metric-nextWeek > div strong { color: #5f63cc; }
.personal-metric-waiting > div strong { color: #ae7922; }
.personal-workbench .personal-metric small { font-size: 11px; }
.personal-muted, .personal-workbench small { color: #697d8f; font-size: 13px; line-height: 1.6; }
.personal-filters { justify-content: flex-start; padding: 12px 14px; border: 1px solid #d5e3f0; border-radius: 8px; background: #fff; }
.personal-tabs { display: flex; gap: 3px; padding: 3px; border-radius: 6px; background: #eef4fb; }
.personal-filters button, .personal-tools button, .personal-dialog button, .task-detail-open { cursor: pointer; border: 1px solid #cddce8; background: #fff; border-radius: 6px; padding: 9px 14px; color: #315774; font: inherit; font-size: 13px; }
.personal-filters button { min-height: 34px; border-color: transparent; background: transparent; padding: 7px 12px; font-weight: 650; white-space: nowrap; }
.personal-filters button[aria-pressed="true"] { border-color: #e1eaf4; color: #0873d7; background: #fff; box-shadow: 0 2px 5px #2c609010; }
.personal-filters select, .personal-workbench input { min-width: 0; border: 1px solid #cddce8; border-radius: 6px; background: white; padding: 10px; color: inherit; font: inherit; font-size: 14px; }
.personal-filters select { width: auto; max-width: 160px; }
.personal-workbench input { width: auto; flex: 1; min-width: 150px; }
.personal-list-heading { display: flex; align-items: center; gap: 12px; padding: 24px 0 14px; }
.personal-list-heading h3 { margin: 0; font-size: 17px; font-weight: 800; }
.personal-result-count { color: #72879b; font-size: 12px; }
.personal-list { border: 1px solid #d5e3f0; border-top: 0; border-radius: 0 0 8px 8px; overflow: hidden; background: #fff; }
.personal-task-row, .personal-table-head { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: minmax(160px,1.65fr) minmax(130px,1fr) 166px 90px 16px; align-items: center; gap: 16px; }
.personal-table-head { padding: 13px 20px; border: 1px solid #d5e3f0; border-radius: 8px 8px 0 0; background: #edf5ff; color: #657e98; font-size: 12px; font-weight: 750; }
.personal-task-row { padding: 18px 20px; background: #fff; border: 0; border-bottom: 1px solid #e6edf5; text-align: left; color: inherit; cursor: pointer; font: inherit; }
.personal-task-row:last-child { border-bottom: 0; }
.personal-task-row > * { min-width: 0; }
.personal-task-row:hover { background: #f2f8ff; }
.personal-task-row strong, .personal-task-row small { display: block; overflow-wrap: anywhere; }
.personal-task-row strong { font-size: 14px; font-weight: 700; line-height: 1.6; }
.personal-task-name { border-left: 3px solid #78b8f2; padding-left: 12px; }
.personal-task-row.overdue .personal-task-name { border-left-color: #eb9ba6; }
.personal-task-row .personal-task-name small { color: #7d8fa3; font-size: 12px; margin-top: 4px; }
.personal-task-row .personal-task-project strong { font-size: 13px; color: #456681; }
.personal-task-row .personal-task-project small { font-size: 12px; }
.personal-task-row .personal-due { font-size: 13px; color: #687d8e; }
.personal-task-row.overdue .personal-due { color: #c63e52; }
.personal-task-row .personal-overdue-label { font-size: 11px; color: #bf6775; margin-top: 4px; }
.personal-status { justify-self: start; padding: 5px 9px; border-radius: 5px; font-size: 12px; font-weight: 650; white-space: nowrap; }
.personal-status.is-active { background: #e8f4ff; color: #177cc0; }
.personal-status.is-waiting { background: #fff5de; color: #9b731f; }
.personal-status.is-pending { background: #f0f4f8; color: #7c8ba0; }
.personal-row-arrow { font-size: 23px; color: #9eb4ca; text-align: right; }
.personal-empty { display: grid; justify-items: center; gap: 14px; padding: 60px 12px; text-align: center; color: #697d8f; }
.personal-empty-mark { display: grid; place-items: center; width: 38px; height: 38px; color: #2f9b86; background: #e9f7f2; border-radius: 8px; font-size: 20px; }
.personal-dialog { padding: 28px; width: min(640px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; box-sizing: border-box; border: 1px solid #cddce8; border-radius: 8px; color: #24435c; background: white; box-shadow: 0 24px 90px #132f4c40; }
.personal-dialog::backdrop { background: #172f4a70; }
.personal-dialog h2 { margin: 5px 0; font-size: 22px; overflow-wrap: anywhere; }
.personal-dialog header { flex-wrap: nowrap; align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid #e1e9f0; }
.personal-dialog header > div { min-width: 0; }
.personal-dialog header button { flex: 0 0 36px; padding: 6px; font-size: 22px; }
.personal-dialog label { display: grid; gap: 7px; font-size: 13px; font-weight: 600; margin: 16px 0; }
.personal-dialog input:not([type="checkbox"]), .personal-dialog textarea { width: 100%; box-sizing: border-box; border: 1px solid #c9d9e5; border-radius: 5px; padding: 10px; font: inherit; font-size: 14px; font-weight: 400; color: #24435c; background: #fff; }
.personal-dialog textarea { resize: vertical; }
.personal-dialog input:focus, .personal-dialog textarea:focus { outline: 2px solid #71b8fa; outline-offset: 1px; }
.personal-checks { display: flex; flex-wrap: wrap; gap: 20px; }
.personal-checks label { display: flex; align-items: center; gap: 6px; }
.personal-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.personal-dialog footer { justify-content: flex-end; margin-top: 22px; padding-top: 18px; border-top: 1px solid #e1e9f0; }
.personal-dialog button.primary-action-btn { background: #087fea; color: white; border-color: #087fea; }
.personal-links { display: grid; gap: 6px; overflow-wrap: anywhere; }
.personal-logs { display: grid; gap: 12px; margin-top: 18px; max-height: 240px; overflow-y: auto; }
.personal-log { padding-left: 12px; border-left: 2px solid #abd2ef; }
.personal-log p { margin: 3px 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.personal-version { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid #e1e9f0; align-items: center; }
.personal-version small { display: block; }
.personal-history-confirm { width: min(480px, calc(100vw - 32px)); }
.personal-history-confirm > p { overflow-wrap: anywhere; line-height: 1.7; }
.task-detail-open { padding: 3px 8px; flex-shrink: 0; }
.personal-task-actions { grid-area: breakdown; display: flex; align-items: center; gap: 6px; min-width: 0; width: 100%; }
.personal-task-actions > button { flex: 1 1 0; grid-area: auto; align-self: auto; min-width: 0; height: 32px; margin: 0; padding: 0 7px; white-space: nowrap; border-radius: 6px; }
.console-global-actions { flex: 0 0 auto; }
.console-global-actions > button, .console-global-actions > .io-menu { flex: 0 0 112px; width: 112px; margin: 0; }
.console-global-actions .io-menu-btn { width: 100%; min-width: 0; }
#personalHistoryBtn { min-height: 42px; height: 42px; white-space: nowrap; }
.left-console .workspace-head { flex-direction: row; justify-content: space-between; align-items: center; }
.workspace-head #addPhaseBtn { flex: 0 0 auto; width: auto; min-height: 38px; white-space: nowrap; }
@media (max-width: 700px) {
  .console-global-actions > button, .console-global-actions > .io-menu { flex: 1 1 0; min-width: 0; width: auto; }
}
@media (min-width: 981px) {
  .task-row, .task-row-head { min-width: 1024px; }
}
@media (max-width: 700px) {
  .personal-project-workbench { padding: 18px 14px; }
  .personal-workbench h2 { font-size: 24px; }
  .personal-workbench-head { gap: 16px; }
  .personal-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .personal-metric { padding: 16px; border-bottom: 1px solid #e3ebf4; }
  .personal-metric:nth-child(2) { border-right: 0; }
  .personal-metric:nth-child(n+3) { border-bottom: 0; }
  .personal-metric > div strong { font-size: 26px; }
  .personal-task-row { grid-template-columns: minmax(0,1fr) auto; gap: 10px 12px; padding: 16px 14px; }
  .personal-task-name { grid-column: 1 / -1; }
  .personal-task-dates { grid-column: 1; grid-row: 3; }
  .personal-status { grid-column: 2; grid-row: 3; justify-self: end; }
  .personal-row-arrow { grid-column: 2; grid-row: 2; }
  .personal-table-head { display: none; }
  .personal-list { border-top: 1px solid #d5e3f0; border-radius: 8px; }
  .personal-tabs { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .personal-filters button { padding-inline: 3px; font-size: 12px; }
  .personal-list-heading { flex-wrap: wrap; }
  .personal-two-col { grid-template-columns: 1fr; gap: 0; }
  .personal-dialog { padding: 18px; }
  .personal-filters { gap: 6px; }
}