/* Progressive task disclosure, shared by desktop and the mobile workbench. */
.workspace { margin-top:0; }
.dual-value .ledger-value { display:block; margin-left:auto; }
.ledger-value { appearance:none; background:transparent; border:0; color:var(--green); cursor:pointer; font:inherit; font-weight:700; padding:8px 3px; min-height:40px; border-radius:8px; white-space:nowrap; }
.ledger-value.negative { color:var(--red); }
.dual-value .ledger-value:last-child { font-size:12px; font-weight:400; }
.ledger-value:hover { background:var(--green-soft); }
.ledger-value:focus-visible { outline:3px solid #f0643b88; }
.ledger-tabs { display:flex; gap:7px; flex-wrap:wrap; margin:12px 0; }
.ledger-tabs button { font:inherit; font-size:13px; min-height:40px; border:1px solid var(--line); border-radius:10px; padding:8px 12px; background:white; color:var(--ink); cursor:pointer; }
.ledger-tabs button[aria-pressed="true"] { background:var(--green); color:white; border-color:var(--green); }
.ledger-toolbar { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.ledger-summary { display:flex; flex-wrap:wrap; gap:12px; padding:14px; border-radius:12px; background:var(--green-soft); font-size:14px; }
.ledger-record { padding:16px 0; border-bottom:1px solid var(--line); }
.ledger-record-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.ledger-record-head b { overflow-wrap:anywhere; min-width:0; white-space:pre-wrap; }
.ledger-record-head strong { white-space:nowrap; flex:none; }
.ledger-record p { font-size:12px; color:var(--muted); line-height:1.7; margin:7px 0; overflow-wrap:anywhere; }
.ledger-task { display:block; text-align:left; white-space:normal; overflow-wrap:anywhere; min-height:40px; }
#ledgerMore { display:block; width:100%; margin-top:14px; }
#ledgerMore[hidden] { display:none; }
.deadline-status { margin-top:14px; box-shadow:none; }
.deadline-status p, #deadlineBody p { overflow-wrap:anywhere; font-size:13px; line-height:1.7; }
.deadline-reason { white-space:pre-wrap; }
#deadlineBody .field { display:grid; gap:8px; margin-top:16px; }
#deadlineBody input, #deadlineBody textarea { min-width:0; max-width:100%; width:100%; }
.leader-stat { appearance:none; cursor:pointer; min-width:0; }
.leader-stat:hover { border-color:var(--green); background:var(--green-soft); }
.leader-stat:focus-visible { outline:3px solid #f0643b88; outline-offset:3px; }
.ux-summary-filter { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; margin-bottom:12px; border-radius:12px; background:var(--green-soft); font-size:13px; }
.ux-summary-filter button { min-height:40px; white-space:normal; }
.ux-task-search { display:flex; align-items:center; gap:12px; margin:0 0 12px; }
.ux-task-search input { min-width:0; width:100%; flex:1; border:1px solid var(--line); background:white; border-radius:12px; padding:11px 13px; }
.ux-task-search span { flex:none; color:var(--muted); font-size:12px; }
.ux-unified-work { margin-bottom:14px; }
.ux-task-next-hint { display:block; font-size:12px; color:var(--green); margin-top:7px; overflow-wrap:anywhere; }
.ux-task-row { flex-wrap:wrap; }
.ux-task-row .ux-task-open { flex-basis:calc(100% - 160px); }
#uxMarketDisclosure > .card { border:0; box-shadow:none; }
.ux-compose-fold { margin:12px 0; border:1px solid var(--line); border-radius:14px; background:#fff; }
.ux-compose-fold > summary { padding:13px; cursor:pointer; font-weight:650; }
.ux-compose-fold > .ux-compose-body { padding:0 13px 13px; }
.ux-compose-fold small { display:block; font-weight:400; color:var(--muted); margin-top:4px; overflow-wrap:anywhere; }
.ux-compose-note { color:var(--muted); font-size:12px; margin:8px 0 12px; }
#taskForm > .submit, #projectForm > .submit { margin-top:14px; position:sticky; bottom:0; z-index:3; box-shadow:0 -6px 18px #ffffff; }
.ux-simple-compose textarea { min-height:85px; }
.ux-simple-compose .two > *, .ux-simple-compose .field { min-width:0; }
@media(max-width:620px) {
 .ux-task-tabs { gap:3px; }
 .ux-task-tabs button { gap:5px; font-size:13px; padding:9px 4px; min-height:44px; }
 .ux-task-row .ux-task-open { flex-basis:100%; align-items:flex-start; }
 .ux-task-row .ux-task-next { width:100%; max-width:none; }
 .ux-task-row .ux-task-next .btn { width:100%; }
 .ux-simple-compose .two { grid-template-columns:minmax(0,1fr); }
 .ux-simple-compose input, .ux-simple-compose select, .ux-simple-compose textarea { max-width:100%; min-width:0; }
}
.ux-task-center [hidden], .ux-task-center .ux-legacy-task-filters { display: none !important; }
.ux-task-center, .ux-task-panel, .ux-task-filters, .ux-task-panel>.card, .ux-task-detail, .ux-task-detail>.card { min-width: 0; max-width: 100%; }
.ux-task-tabs { display: flex; gap: 5px; padding: 5px; margin: 0 0 18px; background: #e9eeea; border-radius: 15px; }
.ux-task-tabs button { min-width: 0; min-height: 45px; flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 9px 12px; border: 0; background: transparent; border-radius: 11px; color: var(--muted); font-weight: 750; white-space: nowrap; }
.ux-task-tabs button.on { color: var(--ink); background: #fff; box-shadow: 0 2px 7px #17332a09; }
.ux-task-tabs small { min-width: 21px; padding: 1px 5px; border-radius: 7px; color: #64766b; background: #dde5df; font-size: 11px; font-weight: 700; }
.ux-task-tabs button.on small { color: var(--green); background: var(--green-soft); }
.ux-task-tabs button:focus-visible, .ux-status-chips button:focus-visible, .ux-task-open:focus-visible, .ux-task-next button:focus-visible, .ux-detail-action-buttons button:focus-visible, .ux-staff-disclosure>summary:focus-visible, .ux-detail-fold>summary:focus-visible { outline: 3px solid #f0643b66; outline-offset: 3px; }
.ux-task-panel:focus { outline: none; }
.ux-task-filters { margin-bottom: 12px; }
.ux-status-chips { display: flex; gap: 7px; overflow-x: auto; padding: 3px 1px 8px; scrollbar-width: thin; }
.ux-status-chips button { flex: none; min-height: 38px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: var(--ink-2); padding: 7px 12px; white-space: nowrap; }
.ux-status-chips button.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.ux-task-filter-line { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 9px; min-height: 39px; padding: 1px; }
.ux-task-filter-line label { font-size: 12px; color: var(--muted); white-space: nowrap; }
.ux-task-filter-line select { min-width: 110px; max-width: 55%; flex: 0 1 145px; min-height: 36px; padding: 6px 29px 6px 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; font-size: 12px; }
#uxTaskResultCount { margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.ux-staff-disclosure { border: 1px solid var(--line); background: #fff; border-radius: 15px; margin-bottom: 12px; }
.ux-staff-disclosure>summary, .ux-detail-fold>summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; padding: 14px 16px; font-weight: 750; border-radius: inherit; }
.ux-staff-disclosure>summary::-webkit-details-marker, .ux-detail-fold>summary::-webkit-details-marker { display: none; }
.ux-staff-disclosure>summary:after, .ux-detail-fold>summary:after { content: '⌄'; margin-left: auto; flex: none; color: #7a8a80; font-size: 16px; font-weight: 500; }
.ux-staff-disclosure[open]>summary:after, .ux-detail-fold[open]>summary:after { transform: rotate(180deg); }
.ux-staff-disclosure>summary small, .ux-detail-fold>summary small { color: var(--muted); font-size: 11px; font-weight: 400; }
.ux-staff-disclosure #staffTaskBoard { padding: 0 13px 13px; border: 0; border-radius: 0; box-shadow: none; margin: 0 !important; }
.ux-staff-disclosure #staffTaskBoard>.section-head { display: none; }
.ux-staff-disclosure .staff-task-compact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; }
.ux-staff-disclosure .staff-task-summary { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 8px; padding: 10px; }
.ux-staff-disclosure .staff-task-count { grid-column: auto; flex-direction: column; align-items: flex-end; gap: 2px; padding: 0; border: 0; }
.ux-staff-disclosure .staff-task-count b { font-size: 12px; }
.ux-staff-disclosure .staff-task-count small { font-size: 10px; }
.ux-staff-disclosure .staff-task-summary>span { min-width: 0; }
.ux-execution-heading { margin-bottom: 6px; }
.ux-task-panel>#projectBoard, .ux-task-panel>.card { margin-top: 0; }
.ux-task-panel .project-top>div { min-width: 0; flex: 1; }
.ux-task-panel .project-card h3, .ux-task-panel .project-meta, #projectDetailContent .project-detail-head, #projectDetailContent .subtask-row { overflow-wrap: anywhere; }
.ux-task-empty b { display: block; color: var(--ink-2); font-size: 15px; }
.ux-task-empty p { margin: 6px 0 14px; font-size: 12px; }
.ux-task-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; }
.ux-task-row:first-child { padding-top: 4px; }
.ux-task-open { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; flex: 1; border: 0; background: transparent; border-radius: 11px; padding: 5px 2px; text-align: left; }
.ux-task-open:hover { background: #f6f8f5; }
.ux-task-main { min-width: 0; flex: 1; display: block; }
.ux-task-title { display: block; color: var(--ink); font-size: 15px; font-weight: 750; line-height: 1.5; overflow-wrap: anywhere; }
.ux-task-title .tag { font-size: 10px; font-weight: 600; }
.ux-task-people, .ux-task-date { display: block; color: var(--muted); font-size: 12px; margin-top: 3px; line-height: 1.5; overflow-wrap: anywhere; }
.ux-task-people { color: #536b5f; }
.ux-task-side { display: flex; flex: none; align-items: center; gap: 8px; }
.ux-task-status { font-size: 11px; border-radius: 8px; padding: 4px 7px; white-space: nowrap; background: #f0f3ef; color: #65776c; }
.ux-task-status.doing { background: var(--green-soft); color: var(--green); }
.ux-task-status.review { background: var(--purple-soft); color: var(--purple); }
.ux-task-status.overdue { background: var(--red-soft); color: var(--red); }
.ux-task-status.done { color: #718478; }
.ux-task-chevron { font-size: 21px; color: #95a397; }
.ux-task-next { flex: none; max-width: 190px; }
.ux-task-next .btn { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 12px; padding: 8px 11px; min-height: 39px; line-height: 1.4; }
#employeeInbox .ux-task-row { padding-top: 13px; padding-bottom: 13px; }
.ux-task-detail>.project-detail-head { padding: 18px; }
.ux-task-detail>.project-detail-head h1 { font-size: 24px; line-height: 1.35; overflow-wrap: anywhere; }
.ux-task-detail>.project-detail-head>p { font-size: 12px; line-height: 1.7; }
.ux-task-detail .workflow-current>div { min-width: 0; overflow-wrap: anywhere; }
.ux-task-detail .workflow-badge { white-space: nowrap; }
.ux-task-detail>.project-detail-head>.bar, .ux-task-detail>.project-detail-head>b { display: none; }
.ux-detail-actions { border-color: #d8e7dd; background: #fbfdfb; margin-top: 12px !important; box-shadow: none; }
.ux-detail-actions>.section-head { margin-bottom: 10px; }
.ux-detail-actions .section-head h2 { font-size: 15px; }
.ux-detail-action-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.ux-detail-action-buttons .btn { min-width: 0; min-height: 42px; max-width: 100%; padding: 9px 13px; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.ux-detail-action-buttons .ux-action-return { color: #b44a35; background: #fff8f5; border-color: #f1d8cb; }
.ux-route-preview { border-top: 1px solid #e1eae3; color: #6d8073; font-size: 11px; line-height: 1.7; margin-top: 12px; padding-top: 9px; overflow-wrap: anywhere; }
.ux-task-waiting { color: var(--muted); font-size: 13px; margin: 0; }
.ux-task-waiting+.ux-detail-action-buttons { margin-top: 10px; }
.ux-task-content { margin-top: 12px !important; }
.ux-task-content>.section-label { font-size: 14px; font-weight: 750; letter-spacing: 0; color: var(--ink); }
.ux-task-content>.task-copy { margin-top: 8px; line-height: 1.75; }
.ux-task-content, .ux-task-ai-review, .ux-fold-body { overflow-wrap: anywhere; }
.ux-task-ai-review { border-color: #e1daf2; margin-top: 12px !important; }
.ux-task-ai-review .ai-review-top>div:first-child { min-width: 0; }
.ux-detail-fold { margin-top: 12px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.ux-detail-fold>summary { flex-wrap: wrap; gap: 3px 10px; }
.ux-detail-fold>summary>span { font-size: 14px; }
.ux-detail-fold>summary>small { flex: 1; min-width: 120px; line-height: 1.6; }
.ux-detail-fold>.ux-fold-body { border: 0; border-top: 1px solid #eef1ee; border-radius: 0 0 16px 16px; box-shadow: none; margin: 0 !important; padding: 12px 15px 15px; }
.ux-detail-fold>.ux-fold-body>.section-head { display: none; }
.ux-detail-fold .workflow-guide { overflow-wrap: anywhere; }
.ux-detail-fold .photo-grid { margin-top: 0; }
.ux-detail-fold .photo-card img { object-fit: contain; }
.ux-detail-fold .workflow-guide .btn { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.ux-detail-fold .data-row { font-size: 13px; }
.ux-detail-fold .data-row>span { text-align: right; }
@media (min-width: 1050px) {
  .ux-staff-disclosure .staff-task-compact-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .ux-task-tabs { gap: 3px; margin-bottom: 13px; }
  .ux-task-tabs button { font-size: 13px; padding: 9px 5px; gap: 5px; }
  .ux-task-row { position: relative; flex-wrap: wrap; gap: 7px; }
  .ux-task-open { flex-basis: 100%; padding: 4px 1px; gap: 8px; align-items: flex-start; }
  .ux-task-side { gap: 5px; padding-top: 2px; }
  .ux-task-title { font-size: 15px; }
  .ux-task-next { margin-left: auto; max-width: 100%; }
  .ux-task-next .btn { min-height: 37px; padding: 7px 12px; }
  .ux-staff-disclosure>summary { flex-wrap: wrap; gap: 3px 8px; }
  .ux-staff-disclosure .staff-task-compact-grid { grid-template-columns: 1fr; }
  #projectDetailContent .subtask-row { grid-template-columns: 26px minmax(0, 1fr); gap: 8px; }
  #projectDetailContent .subtask-row>div { min-width: 0; }
  #projectDetailContent .subtask-row>.tag { grid-column: 2; justify-self: start; margin-left: 0; }
  #projectDetailContent .subtask-row .btn { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .ux-task-detail>.project-detail-head h1 { font-size: 22px; }
  .ux-detail-action-buttons { gap: 7px; }
  .ux-detail-action-buttons .btn { padding: 9px 10px; font-size: 12px; }
  .ux-detail-action-buttons .btn.primary { flex-basis: 100%; }
  .ux-detail-fold>summary { position: relative; padding-right: 37px; }
  .ux-detail-fold>summary>small { flex-basis: 100%; min-width: 0; }
  .ux-detail-fold>summary:after { position: absolute; right: 16px; top: 14px; }
}