:root { color-scheme: dark; --bg:#050c15; --panel:#0b1526; --line:#1b2d45; --text:#e5e7eb; --accent:#60a5fa; } * { box-sizing: border-box; } html, body { height: 100%; margin: 0; background: var(--bg); color: var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; overflow-x: hidden; } #bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .35; } header { position: sticky; top: 0; z-index: 20; padding: 12px 16px; display:flex; gap:16px; align-items:center; justify-content:space-between; background: linear-gradient(180deg, rgba(11,21,38,.95), rgba(11,21,38,.55), transparent); backdrop-filter: blur(4px); border-bottom: 1px solid #1b2d45; } .toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } .app-brand { display:flex; align-items:center; gap:6px; white-space:nowrap; } .app-live-status { display:inline-flex; gap:6px; align-items:center; min-height:44px; padding:6px 10px; background:transparent; border-color:transparent; } .sign-out-review-sheet { position:fixed; inset:0; z-index:112; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .sign-out-review-sheet[hidden] { display:none; } .sign-out-review-panel { box-sizing:border-box; width:min(560px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #b45309; border-radius:18px 18px 0 0; background:#0b1526; overflow-wrap:anywhere; } .sign-out-review-panel h2 { margin:.25rem 0; } .sign-out-review-warning { color:#fbbf24; } .sign-out-review-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; } .sign-out-review-actions button { min-height:44px; width:100%; } #confirm-sign-out { border-color:#b45309; } @media (max-width:359px) { .sign-out-review-actions { grid-template-columns:1fr; } } .live-data-status-sheet { position:fixed; inset:0; z-index:96; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .live-data-status-sheet[hidden] { display:none; } .live-data-status-panel { box-sizing:border-box; width:min(560px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #31577f; border-radius:18px 18px 0 0; background:#0b1526; } .live-data-status-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .live-data-status-header h2, .live-data-status-header p { margin-top:0; } .live-data-status-header button, .live-data-status-actions button { min-height:44px; } .live-data-status-today-paused { padding:10px 12px; border:1px solid #4ade80; border-radius:10px; color:#bbf7d0; background:#10291e; } .issue-filing-receipt { position:fixed; inset:0; z-index:108; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .issue-filing-receipt[hidden] { display:none; } .release-receipt-sheet { position:fixed; inset:0; width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:0; border:0; background:rgba(5,12,21,.82); color:#e5e7eb; } .release-receipt-sheet::backdrop { background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .release-receipt-panel { position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; width:min(560px,100%); max-height:100dvh; margin:auto; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #4ade80; border-radius:18px 18px 0 0; background:#0b1526; overflow-wrap:anywhere; } .release-receipt-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .release-receipt-launcher { width:100%; min-height:44px; border-color:#4ade80; } .release-receipt-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; } .release-receipt-panel button, .release-receipt-panel .button-link { box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-width:0; min-height:44px; width:100%; text-align:center; } .release-watchlist { display:grid; gap:8px; margin-top:14px; } .release-watchlist-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; border:1px solid #334155; border-radius:10px; } .release-watchlist-item > div { display:grid; min-width:0; gap:3px; overflow-wrap:anywhere; } .release-watchlist-item > button { width:auto; min-width:88px; } .release-watchlist-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; min-width:min(240px,46vw); } .release-watchlist-actions > button { min-height:44px; width:100%; } .release-branch-cleanup-status { color:#cbd5e1; } .release-failure-summary { display:grid; gap:8px; min-width:0; margin-top:8px; padding-top:8px; border-top:1px solid #334155; overflow-x:hidden; } .release-failure-summary > button { min-height:44px; } .release-failure-recovery { display:grid; gap:8px; min-width:0; padding:10px; border:1px solid #7f1d1d; border-radius:8px; background:#180f17; overflow-x:hidden; } .release-failure-recovery pre { box-sizing:border-box; max-width:100%; max-height:32dvh; margin:0; padding:10px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; background:#07101d; } .release-failure-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; min-width:0; } .release-failure-actions > button, .release-failure-actions > a { min-height:44px; width:100%; } @media (max-width:359px) { .release-receipt-actions, .release-watchlist-actions, .release-failure-actions { grid-template-columns:1fr; } .release-watchlist-item { grid-template-columns:1fr; } .release-watchlist-actions { min-width:0; width:100%; } } .issue-filing-receipt-panel { box-sizing:border-box; width:min(560px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #4ade80; border-radius:18px 18px 0 0; background:#0b1526; overflow-wrap:anywhere; } .issue-filing-receipt-panel h2, .issue-filing-receipt-panel h3 { margin:.25rem 0; } .issue-filing-receipt-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; } .issue-filing-receipt-actions button, .issue-filing-receipt-actions .button-link { box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-width:0; min-height:44px; width:100%; text-align:center; } @media (max-width:359px) { .issue-filing-receipt-actions { grid-template-columns:1fr; } } .live-data-status-feeds { display:grid; gap:8px; margin:14px 0; } .live-data-status-feed { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#0f2237; } .live-data-status-feed strong, .live-data-status-feed span { overflow-wrap:anywhere; } .live-data-status-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .app-menu { margin-left:auto; } .app-menu > summary { display:none; } .app-menu-panel { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } #open-insights { display:none; } button { background: linear-gradient(180deg,#1f3a5f,#15324d); border:1px solid #2a496e; color:#e5e7eb; padding:8px 12px; border-radius:10px; cursor:pointer; } .search-week-plan-sheet { position:fixed; inset:0; z-index:118; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .search-week-plan-sheet[hidden] { display:none; } .search-week-plan-panel { box-sizing:border-box; width:min(560px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #60a5fa; border-radius:18px 18px 0 0; background:#0b1526; } .search-week-plan-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .search-week-plan-panel h2 { margin:.2rem 0; } .search-week-plan-panel fieldset { min-width:0; margin:12px 0; padding:0; border:0; } .search-week-plan-days { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .search-week-plan-days button { display:grid; min-width:0; min-height:44px; text-align:left; overflow-wrap:anywhere; } .search-week-plan-days button[aria-pressed="true"] { border-color:#60a5fa; box-shadow:0 0 0 1px #60a5fa inset; } .search-week-plan-days small { color:#9fb3c8; } .search-week-plan-estimate { display:grid; gap:6px; } .search-week-plan-estimate input, #confirm-search-week-plan, #cancel-search-week-plan { box-sizing:border-box; min-height:44px; } #confirm-search-week-plan { width:100%; } @media (max-width:359px) { .search-week-plan-days { grid-template-columns:1fr; } } .notification-undo { position:fixed; } .notification-undo button { min-height:44px; } .notification-undo, .today-completion-undo { position:fixed; z-index:110; left:50%; bottom:calc(88px + env(safe-area-inset-bottom)); transform:translateX(-50%); box-sizing:border-box; width:min(520px,calc(100vw - 24px)); display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #60a5fa; border-radius:12px; background:#10233d; box-shadow:0 12px 36px rgba(0,0,0,.5); overflow-wrap:anywhere; } .notification-undo[hidden], .today-completion-undo[hidden] { display:none; } .notification-undo button, .today-completion-undo button { min-height:44px; min-width:64px; flex:none; } .draft-capacity-sheet { position:fixed; inset:0; z-index:96; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .draft-capacity-sheet[hidden] { display:none; } .draft-capacity-panel { box-sizing:border-box; width:min(620px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #b45309; border-radius:18px 18px 0 0; background:#0b1526; } .draft-capacity-panel h3 { margin:.25rem 0; overflow-wrap:anywhere; } .draft-capacity-oldest { margin:14px 0; padding:12px; border:1px solid #31577f; border-radius:12px; overflow-wrap:anywhere; } .draft-capacity-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .draft-capacity-actions button { min-height:44px; width:100%; } #replace-oldest-draft { grid-column:1 / -1; border-color:#b45309; } #sign-out-all { min-height:44px; } .active-devices-sheet { position:fixed; inset:0; z-index:80; display:flex; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .active-devices-sheet[hidden] { display:none; } .active-devices-panel { box-sizing:border-box; width:min(560px,100%); height:100%; overflow:auto; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); background:#0b1526; border-left:1px solid #2a496e; } .active-devices-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .active-devices-header h2, .active-devices-header p { margin-top:0; } .active-devices-header button, .active-device button, .enrolled-passkey button { min-height:44px; } .security-section-nav { position:sticky; top:-18px; z-index:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 -2px; padding:10px 2px; background:#0b1526; } .security-section-nav button { min-height:44px; min-width:0; } .security-section-nav button[aria-current="page"] { border-color:#55d6be; color:#55d6be; } .security-activity, .security-devices, .enrolled-passkeys { scroll-margin-top:64px; } .security-devices { margin-top:24px; padding-top:18px; border-top:1px solid #2a496e; } .active-devices-list { display:grid; gap:10px; margin-top:16px; } .device-setup-sheet { position:fixed; inset:0; z-index:95; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .device-setup-sheet[hidden] { display:none; } .device-setup-panel { box-sizing:border-box; width:min(620px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #31577f; border-radius:18px 18px 0 0; background:#0b1526; } .device-setup-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .device-setup-header h2, .device-setup-header p { margin-top:0; } .device-setup-header button, .device-setup-action { min-height:44px; } .device-setup-list { display:grid; gap:10px; margin:14px 0; padding:0; list-style:none; } .device-setup-step { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#10233a; overflow-wrap:anywhere; } .device-setup-step p { margin:5px 0 0; } .device-setup-deadline-controls { display:flex; align-items:end; gap:8px; flex-wrap:wrap; } .device-setup-deadline-controls label { font-size:12px; color:#bfdbfe; } .device-setup-deadline-controls select, .device-setup-deadline-controls button, #push-deadline-hour, #push-deadline-days { min-height:44px; } .device-setup-ready { margin:0; padding:12px; border-radius:10px; background:#0f2237; color:#bfdbfe; font-weight:700; } .device-storage { display:grid; gap:12px; margin:14px 0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#0d1d31; } .device-storage h3, .device-storage p { margin:0 0 5px; } .device-storage-actions { display:flex; gap:8px; flex-wrap:wrap; } .device-storage-actions button { min-height:44px; flex:1 1 180px; } .device-readiness-card { display:none; min-width:0; margin:10px 0; padding:12px; border:1px solid #3b82b8; border-radius:12px; background:#102b46; overflow-x:hidden; } .device-readiness-card p { margin:5px 0 0; overflow-wrap:anywhere; } .device-readiness-summary { color:#bfdbfe; font-weight:700; } .device-readiness-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .device-readiness-actions button { min-height:44px; min-width:0; } .active-device { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#0f2237; } .active-device strong, .active-device span { display:block; overflow-wrap:anywhere; } .active-device-current { color:#55d6be; font-weight:700; } .enrolled-passkeys { margin-top:24px; padding-top:18px; border-top:1px solid #2a496e; } .enrolled-passkeys-header h3, .enrolled-passkeys-header p { margin:0 0 6px; } .enrolled-passkeys-list { display:grid; gap:10px; margin-top:12px; } .enrolled-passkey { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#0f2237; } .enrolled-passkey strong, .enrolled-passkey span { display:block; overflow-wrap:anywhere; } .security-activity { margin-top:24px; padding-top:18px; border-top:1px solid #2a496e; } .security-activity-header h3, .security-activity-header p { margin:0 0 6px; } .security-activity-list { display:grid; gap:8px; margin:12px 0; } .security-event { padding:12px; border:1px solid #243d5d; border-radius:12px; background:#0d1c30; } .security-event button { min-height:44px; margin-top:10px; } .authentication-alert { border-color:#d69e2e; background:#241b09; } .authentication-alert strong { color:#f6c453; } .security-event strong, .security-event span { display:block; overflow-wrap:anywhere; } #load-more-security-activity { width:100%; min-height:44px; } button:hover { filter: brightness(1.15); } .issue-comment { min-width:0; overflow-wrap:anywhere; } .comment-owned-actions { display:flex; gap:8px; flex-wrap:wrap; margin:8px 0; } .comment-owned-actions button { min-height:44px; min-width:72px; } .comment-reactions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:8px 0; min-width:0; } .comment-reactions > button { min-height:44px; min-width:72px; } .comment-reaction-menu { display:flex; gap:8px; flex-wrap:wrap; width:100%; min-width:0; } .comment-reaction-menu[hidden] { display:none; } .comment-reaction-menu button { min-height:44px; min-width:88px; flex:1 1 104px; overflow-wrap:anywhere; } .comment-reaction-menu button[aria-pressed="true"] { border-color:#4ade80; background:#123c2b; color:#dcfce7; } .comment-edit-textarea { box-sizing:border-box; display:block; width:100%; max-width:100%; min-height:132px; resize:vertical; overflow-wrap:anywhere; } .panel { border: 1px solid #1b2d45; border-radius: 14px; padding: 12px; background: rgba(11,21,38,.92); } .panel > summary { cursor: pointer; list-style-position: inside; } .panel > summary h2 { display: inline-block; margin-left: 4px; } .panel[open] > summary { margin-bottom: 8px; } aside, section { position: relative; z-index: 1; } main { position: relative; z-index: 1; display: grid; grid-template-columns: 300px 1fr 340px; gap: 14px; padding: 14px; } .insights-shell { display:contents; } .insights-header { display:none; } @media (max-width: 1100px) { main { grid-template-columns: 1fr; } } .sidebar { display:flex; flex-direction:column; gap: 12px; } .stack { display:flex; flex-direction:column; gap:10px; } h2 { font-size: 13px; margin: 8px 0; text-transform: uppercase; letter-spacing: .08em; color: #94a3b8; } a { color: #60a5fa; text-decoration: none; } .muted { color: #94a3b8; } .empty-work-start { display:grid; gap:12px; margin:12px 0; padding:16px; border:1px solid #31577f; border-radius:14px; background:#0b1b2f; } .empty-work-start[hidden] { display:none; } .empty-work-start p { margin:6px 0 0; } .empty-work-start-actions { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:8px; } .empty-work-start-actions button { min-width:0; min-height:44px; white-space:normal; } @media (max-width:420px) { .empty-work-start-actions { grid-template-columns:1fr; } } .kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; } .kv .label { color: #94a3b8; } .kv .value { color: #e5e7eb; } .suggestion { padding: 10px; border-radius: 12px; border: 1px solid #1b2d45; background: #0f1d33; margin-bottom: 8px; animation: fadein .35s ease; } .suggestion.high { border-color: #fca5a5; background: #2a1216; } .suggestion.medium { border-color: #fcd34d; background: #2a2012; } .suggestion.low { border-color: #d1fae5; background: #122a1e; } .row { display: flex; gap: 10px; flex-wrap: wrap; align-items:center; } .pill { display:inline-block; padding: 2px 8px; border-radius: 999px; background:#0f2237; color:#9ab3d4; border:1px solid #1f3a5f; font-size: 12px; } canvas { display: block; width: 100%; height: 260px; background: linear-gradient(180deg,#0a1525,#060c16); border: 1px solid #1f3a5f; border-radius: 10px; } pre { margin: 0; padding: 8px; background: #0b1220; color: #dbe7f2; border-radius: 8px; overflow: auto; max-height: 220px; font-size: 12px; border:1px solid #1f3a5f } input[type=\"text\"], textarea { width: 100%; padding: 8px; border-radius: 8px; border: 1px solid #1f3a5f; background:#0b1526; color:#e5e7eb; } textarea { resize: vertical; min-height: 120px; } #cmd-palette { position: fixed; left: 50%; top: 10%; transform: translateX(-50%); width: min(900px, 94vw); background: rgba(11,21,38,.96); border: 1px solid #2a496e; border-radius: 12px; box-shadow: 0 20px 70px rgba(0,0,0,.55); padding: 10px; z-index: 30; display: none; backdrop-filter: blur(12px); } #cmd-palette.open { display: block; } .cmd-palette-header { display:none; align-items:center; justify-content:space-between; gap:10px; } .cmd-palette-header-actions { display:flex; gap:8px; } .search-today-interruption { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 0; padding:8px 10px; border:1px solid #2a496e; border-radius:10px; background:#10213a; } .search-today-interruption[hidden] { display:none; } .search-today-interruption button { min-height:44px; flex:0 0 auto; } .cmd-search-scope { display:grid; grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr); gap:6px 10px; align-items:center; margin:8px 0 0; padding:8px; border:1px solid #1f3a5f; border-radius:8px; } .cmd-search-scope legend { padding:0 4px; color:#93a4b8; font-size:12px; } .cmd-search-scope label { font-size:12px; color:#cbd5e1; } .cmd-search-scope select { min-width:0; padding:7px; border-radius:8px; border:1px solid #31577f; background:#0b1526; color:#e5e7eb; } .cmd-search-scope input { min-width:0; padding:7px; border-radius:8px; border:1px solid #31577f; background:#0b1526; color:#e5e7eb; } .cmd-repository-status { grid-column:2 / -1; min-height:16px; color:#93a4b8; font-size:12px; } .saved-searches { margin-top:8px; padding:8px; border:1px solid #1f3a5f; border-radius:8px; } .saved-search-header, .saved-search-create, .saved-search-row, .saved-search-row-actions { display:flex; align-items:center; gap:8px; } .saved-search-header { justify-content:space-between; } .saved-search-create { margin-top:6px; } .saved-search-create input { flex:1; min-width:0; } .saved-search-list { display:grid; gap:4px; margin-top:6px; } .saved-search-row { justify-content:space-between; border-top:1px solid #1f3a5f; padding-top:4px; } .saved-search-open { flex:1; min-width:0; text-align:left; } .saved-search-action { min-height:44px; } #cmd-results { margin-top:8px; max-height:min(65vh,520px); overflow-y:auto; } .cmd-item { padding: 10px; min-height:44px; cursor: pointer; border-radius: 10px; color:#e5e7eb; display:flex; gap:10px; align-items:center; justify-content:space-between; } .cmd-item:hover, .cmd-item.selected { background: #10233a; outline:1px solid #31577f; } .cmd-meta { color:#93a4b8; font-size:12px; text-align:right; } .cmd-status { padding:10px; color:#93a4b8; font-size:13px; } .cmd-select-result { min-height:44px; width:100%; display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; text-align:left; } .cmd-select-result input { width:22px; height:22px; } .cmd-select-result[disabled] { cursor:not-allowed; opacity:.62; } .search-batch-actions { position:sticky; bottom:0; z-index:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px 0 calc(10px + env(safe-area-inset-bottom)); background:#0b1526; border-top:1px solid #2a496e; } .search-batch-actions[hidden] { display:none; } .search-batch-actions span { grid-column:1 / -1; } .search-batch-actions button, .search-batch-recovery { min-height:44px; } .search-batch-recovery { width:100%; font-weight:700; } .search-batch-estimate-review { display:grid; gap:12px; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#101f36; } .search-batch-estimate-review[hidden] { display:none; } .search-batch-estimate-review > div:first-child, #search-batch-estimate-list { display:grid; gap:8px; } .search-batch-estimate-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(92px,auto); gap:10px; align-items:center; overflow-wrap:anywhere; } .search-batch-estimate-row label { display:flex; align-items:center; gap:6px; } .search-batch-estimate-review input { min-height:44px; width:76px; } .search-batch-estimate-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-bottom:env(safe-area-inset-bottom); background:#101f36; } .search-batch-estimate-actions button { min-height:44px; } .search-week-batch-review { display:grid; gap:12px; max-height:calc(100dvh - 48px); overflow:auto; overflow-x:hidden; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#101f36; } .search-week-batch-review[hidden] { display:none; } .search-week-batch-review > div:first-child, #search-week-batch-list { display:grid; gap:10px; } .search-week-batch-row { display:grid; gap:8px; padding:10px 0; border-bottom:1px solid #2a496e; overflow-wrap:anywhere; } .search-week-batch-row-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(96px,.45fr); gap:8px; } .search-week-batch-row select, .search-week-batch-row input, .search-week-batch-actions button { min-height:44px; width:100%; } .search-week-batch-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-bottom:env(safe-area-inset-bottom); background:#101f36; } .search-release-review { display:grid; gap:12px; max-height:calc(100dvh - 48px); overflow:auto; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#101f36; overflow-wrap:anywhere; } .search-release-review[hidden] { display:none; } .search-release-review > div:first-child, #search-release-list, .search-release-row { display:grid; gap:6px; } .search-release-review label { display:grid; gap:6px; } .search-release-review select, .search-release-review input { min-height:44px; width:100%; } .search-release-row { padding:8px 0; border-bottom:1px solid #2a496e; } .search-release-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-bottom:env(safe-area-inset-bottom); background:#101f36; } .search-release-actions button { min-height:44px; } .cmd-group { padding:8px 10px 3px; color:#60a5fa; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; } #whiteboard-modal, #markdown-modal { position: fixed; inset: 0; background: rgba(5,12,21,.55); display: none; align-items: center; justify-content: center; z-index: 40; backdrop-filter: blur(6px); } #whiteboard-modal.open, #markdown-modal.open { display: flex; } .modal { background: #0b1526; border: 1px solid #2a496e; border-radius: 14px; padding: 14px; width: min(1100px, 94vw); max-height: 92vh; overflow: auto; } .modal-actions { display: flex; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 8px; } .badge { font-size: 11px; padding: 4px 8px; border-radius: 999px; background:#0f2237; color:#9ab3d4; border:1px solid #1f3a5f; } .small { font-size: 12px; color: #94a3b8; } .status { display:inline-flex; gap:6px; align-items:center; } .dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px #22c55e; } .offline-status { position:relative; z-index:19; padding:10px 16px; border-bottom:1px solid #f59e0b; background:#35210b; color:#fde68a; font-size:13px; text-align:center; } .offline-status[hidden] { display:none; } .offline-work-controls { display:flex; gap:10px; align-items:center; flex-wrap:wrap; width:100%; padding-top:2px; } .offline-work-controls label { display:flex; gap:8px; align-items:center; min-height:44px; } .app-badge-setting { display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .app-badge-control { min-height:44px; } .push-update-control { min-height:44px; } .offline-work-controls input { width:20px; height:20px; } .push-quiet-hours-times { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:100%; } .push-quiet-hours-times label { min-width:0; } .offline-work-controls .push-quiet-hours-times input { box-sizing:border-box; width:100%; min-width:0; height:44px; } .offline-work-controls button { min-height:44px; } .offline-today-readiness { display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .offline-today-readiness[hidden] { display:none; } .offline-today-readiness button { min-height:44px; } .install-app-card { display:flex; gap:10px; align-items:center; flex-wrap:wrap; width:100%; padding:10px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .install-app-card[hidden] { display:none; } .install-app-card p { margin:0; flex:1 1 240px; } .install-app-card button { min-height:44px; } .widget { border: 1px solid #1b2d45; border-radius: 12px; padding: 10px; background: linear-gradient(180deg,#0f1d33,#0b1526); } .widget h3 { margin: 4px 0 8px; font-size: 13px; color: #7aa1c9; } .event { padding: 8px 0; border-bottom: 1px solid #1b2d45; } .event:last-child { border-bottom: 0; } .my-work { grid-column: 1 / -1; } .progressive-work-detail { position:fixed; inset:0; z-index:120; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .progressive-work-detail[hidden] { display:none; } .progressive-work-detail-panel { box-sizing:border-box; width:min(560px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom)); border:1px solid #55d6be; border-radius:18px 18px 0 0; background:#0b1526; overflow-wrap:anywhere; } .progressive-work-detail-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .progressive-work-detail-panel h2, .progressive-work-detail-panel p { margin-top:0; } .progressive-work-detail-panel button, .progressive-work-detail-panel .button-link { box-sizing:border-box; min-height:44px; } .progressive-work-detail-panel .button-link { display:flex; align-items:center; justify-content:center; width:100%; } @media(max-width:320px) { .progressive-work-detail-panel { width:100%; padding-inline:14px; } } .plan-today-sheet { position:fixed; inset:0; z-index:75; display:flex; justify-content:flex-end; background:rgba(5,12,21,.78); backdrop-filter:blur(4px); } .plan-today-sheet[hidden] { display:none; } .plan-today-panel { box-sizing:border-box; width:min(620px,100%); height:100%; overflow:auto; overflow-x:hidden; padding:18px; background:#0b1526; border-left:1px solid #2a496e; } .plan-today-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .plan-today-header h2, .plan-today-header p { margin-top:0; } .plan-today-header button { min-width:44px; min-height:44px; } .week-plan-progress { margin:8px 0 4px; color:#bfdbfe; font-weight:700; } .week-plan-dates { display:flex; gap:8px; margin:8px 0 12px; padding:2px 0 8px; overflow-x:auto; overscroll-behavior-inline:contain; } .week-plan-dates[hidden] { display:none; } .week-plan-dates button { min-height:44px; min-width:86px; flex:0 0 auto; padding:6px 10px; } .week-plan-dates button[aria-current="date"] { color:#bfdbfe; background:#17365a; border-color:#60a5fa; } .today-week-reschedule { box-sizing:border-box; width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:0; border:0; background:rgba(5,12,21,.82); color:inherit; } .today-week-reschedule::backdrop { background:rgba(5,12,21,.82); } .today-week-reschedule-panel { width:min(100%,560px); box-sizing:border-box; min-height:100%; margin-left:auto; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); background:#0b1526; overflow-x:hidden; } .today-week-reschedule-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-week-reschedule-panel h2, .today-week-reschedule-panel header p { margin-top:0; } .today-week-reschedule-panel input { box-sizing:border-box; width:100%; min-height:44px; margin:6px 0 10px; font-size:16px; } .today-week-reschedule-days { display:grid; gap:8px; margin:14px 0; } .today-week-reschedule-days button { min-height:44px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; text-align:left; overflow-wrap:anywhere; } .today-week-reschedule-days button[aria-checked="true"] { border-color:#60a5fa; background:#17365a; color:#eff6ff; } .today-week-reschedule-days button:disabled { opacity:.58; } #cancel-today-week-reschedule { min-height:44px; } #confirm-today-week-reschedule { position:sticky; bottom:0; width:100%; min-height:48px; } #today-week-reschedule-status { min-height:1.4em; color:#fde68a; } .back-to-week-review { width:100%; min-height:44px; margin:4px 0 12px; } .tomorrow-conflict-review { margin-top:14px; } .tomorrow-conflict-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .tomorrow-conflict-plans > section { min-width:0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .tomorrow-conflict-plans h4 { margin:0 0 8px; } .tomorrow-conflict-plan-summary { margin:0 0 8px; color:#bfdbfe; } .tomorrow-conflict-plan-list { margin:0; padding-left:22px; overflow-wrap:anywhere; } .tomorrow-conflict-plan-list li + li { margin-top:6px; } .tomorrow-conflict-actions { display:flex; gap:8px; margin-top:14px; } .tomorrow-conflict-actions button { min-height:44px; flex:1 1 0; } .tomorrow-conflict-status { min-height:1.4em; margin-top:8px; } .plan-today-sheet.tomorrow-conflict-mode .mobile-plan-today-nav, .plan-today-sheet.tomorrow-conflict-mode #plan-today-fit, .plan-today-sheet.tomorrow-conflict-mode #plan-today-selected, .plan-today-sheet.tomorrow-conflict-mode #plan-today-available-work, .plan-today-sheet.tomorrow-conflict-mode .plan-today-actions { display:none; } @media (max-width:480px) { .tomorrow-conflict-plans { grid-template-columns:1fr; } .tomorrow-conflict-actions { flex-direction:column; } } .week-conflict-review { margin-top:14px; } .week-conflict-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .week-conflict-plans > section { min-width:0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .week-conflict-plans h4 { margin:0 0 8px; } .week-conflict-day { margin:0 0 10px; padding-bottom:10px; border-bottom:1px solid #31577f; } .week-conflict-day:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; } .week-conflict-day strong { display:block; color:#bfdbfe; } .week-conflict-actions { display:flex; gap:8px; margin-top:14px; } .week-conflict-actions button { min-height:44px; flex:1 1 0; } .week-conflict-days { display:grid; gap:12px; } .week-conflict-date { min-width:0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .week-conflict-date h4 { margin:0 0 8px; color:#bfdbfe; } .week-conflict-choice { min-height:44px; display:flex; align-items:center; gap:10px; padding:8px; border-radius:8px; } .week-conflict-choice:has(input:checked) { background:#17365a; outline:1px solid #60a5fa; } .week-conflict-choice input { min-width:20px; min-height:20px; } .week-conflict-choice span { display:grid; min-width:0; } .week-conflict-choice small { color:#a9bdd3; } #save-merged-week { width:100%; min-height:44px; margin-top:14px; } .week-conflict-status { min-height:1.4em; margin-top:8px; } .plan-today-sheet.week-conflict-mode .week-plan-dates, .plan-today-sheet.week-conflict-mode .mobile-plan-today-nav, .plan-today-sheet.week-conflict-mode #plan-today-fit, .plan-today-sheet.week-conflict-mode #plan-today-selected, .plan-today-sheet.week-conflict-mode #plan-today-available-work, .plan-today-sheet.week-conflict-mode .plan-today-actions { display:none; } @media (max-width:480px) { .week-conflict-plans { grid-template-columns:1fr; } .week-conflict-actions { flex-direction:column; } } .week-pull-conflict-review { min-width:0; margin-top:14px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); overflow-wrap:anywhere; } .week-pull-conflict-item { margin-bottom:6px; color:#eff6ff; font-weight:700; } .week-pull-conflict-actions { display:flex; gap:8px; margin-top:14px; } .week-pull-conflict-actions button { min-height:44px; flex:1 1 0; } .week-pull-conflict-status { min-height:1.4em; margin-top:8px; } @media (max-width:480px) { .week-pull-conflict-actions { flex-direction:column; } } .week-review { margin-top:14px; } .week-review h2 { margin-bottom:6px; } .week-review-days { display:grid; gap:12px; } .week-review-day { padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .week-review-day.is-overloaded { border-color:#f59e0b; background:#2a1c12; } .week-review-day.is-next-up { border-color:#60a5fa; box-shadow:0 0 0 1px #60a5fa inset; } .week-next-up { display:inline-block; margin-left:6px; padding:2px 7px; border-radius:999px; background:#1d4f7a; color:#dbeafe; font-size:11px; vertical-align:middle; } .week-review-day header { display:flex; align-items:center; justify-content:space-between; gap:8px; } .week-review-day header button { flex:0 0 auto; min-height:44px; } .week-review-day h3, .week-review-day p { margin:0 0 8px; } .week-review-load { color:#bfdbfe; font-weight:700; } .week-review-day ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; } .week-review-day li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; padding-top:8px; border-top:1px solid #31577f; overflow-wrap:anywhere; } .week-review-item-copy { display:grid; min-width:0; gap:3px; } .week-review-item-open { display:block; width:100%; min-width:0; min-height:44px; padding:8px; border:0; border-radius:8px; background:transparent; color:inherit; text-align:left; } .week-review-item-open:hover { background:#173453; } .week-review-item-open:focus-visible { outline:3px solid #93c5fd; outline-offset:2px; } .week-review-unplan { width:100%; min-height:44px; border-color:#6b87a6; background:transparent; color:#d7e5f5; } .week-review-pull { grid-column:1/-1; width:100%; min-height:44px; border-color:#60a5fa; background:#1d4f7a; color:#eff6ff; font-weight:800; } .week-review-unplan { grid-column:1/-1; } .week-unplan-receipt { margin:12px 0 6px; padding:10px 12px; border:1px solid #60a5fa; border-radius:10px; background:#112d4d; color:#dbeafe; } #undo-week-unplan { width:100%; min-height:44px; margin-bottom:8px; border-color:#60a5fa; background:#1d4f7a; color:#eff6ff; font-weight:800; } .week-start-early { display:block; width:100%; min-height:44px; margin-top:12px; border-color:#60a5fa; background:#1d4f7a; color:#eff6ff; font-weight:800; } .week-start-early:focus-visible { outline:3px solid #bfdbfe; outline-offset:2px; } .week-review-item-copy strong, .week-review-item-copy small { overflow-wrap:anywhere; } .week-review-item-copy small { color:#a9bdd3; } .week-review-move { display:flex; align-items:end; gap:8px; } .week-review-day label { display:grid; gap:4px; font-size:12px; } .week-review-day select, .week-review-day button { min-height:44px; } .week-review-day button { min-height:44px; } .week-review-duplicates { margin:12px 0; padding:12px; border:1px solid #f59e0b; border-radius:10px; background:#2a1c12; } .week-review-status { min-height:1.4em; margin:10px 0; } .week-offline-snapshot { margin:10px 0 8px; padding:10px 12px; border:1px solid #f59e0b; border-radius:10px; background:#2a1c12; color:#fde68a; overflow-wrap:anywhere; } #retry-week-live { min-height:44px; width:100%; margin-bottom:8px; border-color:#f59e0b; } #confirm-week-plan { width:100%; min-height:48px; position:sticky; bottom:0; } #edit-week-plan { width:100%; min-height:48px; position:sticky; bottom:0; } #export-saved-week-calendar { width:100%; min-height:48px; margin:0 0 8px; } #open-week-capacity-import { width:100%; min-height:44px; margin:8px 0 12px; } #open-week-reflow { width:100%; min-height:48px; margin:0 0 12px; border-color:#60a5fa; } .week-reflow-review { box-sizing:border-box; width:100%; margin:0 0 14px; padding:14px; border:1px solid #60a5fa; border-radius:12px; background:#10233d; overflow-x:hidden; } .week-reflow-review h3 { margin:.25rem 0; } .week-reflow-days { display:grid; gap:6px; margin:12px 0; } .week-reflow-day { display:flex; justify-content:space-between; gap:10px; min-width:0; padding:8px; border-radius:8px; background:#0b1526; overflow-wrap:anywhere; } .week-reflow-unscheduled { min-height:1.4em; color:#fde68a; overflow-wrap:anywhere; } .week-reflow-actions { display:grid; grid-template-columns:1fr 2fr; gap:8px; margin-top:12px; } .week-reflow-actions button { min-width:0; min-height:48px; } .week-capacity-import { position:fixed; z-index:121; inset:0; box-sizing:border-box; width:100%; max-width:560px; margin-inline:auto; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); background:#0b1526; overflow:auto; overflow-x:hidden; } .week-capacity-import[hidden] { display:none; } .week-capacity-import > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .week-capacity-import h2 { margin:.2rem 0; } .week-capacity-import > label, .week-capacity-hours label { display:grid; min-width:0; gap:6px; margin:12px 0; } .week-capacity-import input, .week-capacity-import button { box-sizing:border-box; min-width:0; min-height:44px; max-width:100%; } .week-capacity-hours { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .week-capacity-days { display:grid; gap:8px; margin:10px 0 14px; } .week-capacity-day { display:grid; min-width:0; gap:3px; padding:10px; border:1px solid #31577f; border-radius:10px; background:#10233a; overflow-wrap:anywhere; } .week-capacity-day span { color:#bfdbfe; font-weight:700; } .week-capacity-day small { color:#a9bdd3; } .week-capacity-day.is-overloaded { border-color:#f59e0b; background:#2a1c12; } .week-capacity-day .week-capacity-over { color:#fde68a; font-weight:700; } .week-free-times-consent { display:flex; align-items:flex-start; gap:10px; min-width:0; margin:12px 0; padding:10px; border:1px solid #31577f; border-radius:10px; } .week-free-times-consent input { flex:0 0 44px; width:44px; margin:0; } .week-free-times-consent span { display:grid; min-width:0; gap:4px; overflow-wrap:anywhere; } .week-free-times-consent small { color:#a9bdd3; } #apply-week-capacities { width:100%; min-height:48px; position:sticky; bottom:0; } .week-availability-editor { margin:12px 0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } #open-week-availability { min-height:44px; } .week-availability-editor h3 { margin-top:0; } .week-availability-grid { display:grid; grid-template-columns:1fr; gap:8px; } .week-availability-grid label { display:grid; grid-template-columns:minmax(0,1fr) minmax(92px,120px); gap:10px; align-items:center; } .week-availability-grid input { min-height:44px; min-width:0; box-sizing:border-box; } .week-availability-actions { display:grid; grid-template-columns:1fr; gap:8px; margin-top:12px; } .week-availability-actions button { min-height:44px; } @media (min-width:600px) { .week-availability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .week-availability-actions { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (max-width:359px) { .week-capacity-hours { grid-template-columns:1fr; } } .week-calendar-handoff h2 { margin-bottom:6px; } .week-calendar-days { display:grid; gap:12px; margin:14px 0; } .week-calendar-day { min-width:0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .week-calendar-day header { display:flex; align-items:center; justify-content:space-between; gap:12px; } .week-calendar-day h3 { margin:0; } .week-calendar-day input[type="time"] { min-height:44px; font-size:16px; } .week-calendar-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; min-width:0; padding:8px 0; overflow-wrap:anywhere; } .week-calendar-choice { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:center; min-height:44px; } .week-calendar-choice input { width:22px; height:22px; } .week-calendar-choice span { display:grid; gap:3px; } .week-calendar-time { display:grid; gap:2px; font-size:12px; font-weight:700; } .week-calendar-time input { box-sizing:border-box; width:7.5rem; min-height:44px; font-size:16px; } .week-calendar-item small { color:#a9bdd3; } .week-calendar-status { min-height:1.4em; margin:10px 0; } .week-calendar-actions { position:sticky; bottom:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-bottom:env(safe-area-inset-bottom); background:#0b1526; } .week-calendar-actions button { min-width:0; min-height:48px; } @media(max-width:359px) { .week-calendar-item, .week-calendar-actions { grid-template-columns:1fr; } .week-calendar-time input { width:100%; } } .plan-today-sheet.week-review-mode .week-plan-dates, .plan-today-sheet.week-review-mode .mobile-plan-today-nav, .plan-today-sheet.week-review-mode #plan-today-fit, .plan-today-sheet.week-review-mode #plan-today-selected, .plan-today-sheet.week-review-mode #plan-today-available-work, .plan-today-sheet.week-review-mode .plan-today-actions { display:none; } @media (max-width:480px) { .week-review-day li { grid-template-columns:1fr; } } .mobile-plan-today-nav { position:sticky; top:0; z-index:5; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin:0 -18px 10px; padding:4px 18px; background:rgba(11,21,38,.98); border-block:1px solid #2a496e; } .mobile-plan-today-nav button { min-width:0; min-height:44px; padding:4px; border-color:transparent; font-size:12px; } .mobile-plan-today-nav button[aria-current="location"] { color:#bfdbfe; background:#17365a; border-color:#31577f; } #plan-today-fit, #plan-today-selected, #plan-today-available-work { scroll-margin-top:54px; } @media (min-width:601px) { .mobile-plan-today-nav { display:none; } } .plan-today-list button, .plan-today-candidates button { min-height:44px; } .plan-today-capacity { position:sticky; top:0; z-index:2; margin:8px 0; padding:10px 12px; border:1px solid #31577f; border-radius:10px; background:#10233a; font-weight:700; } .plan-today-available { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0; font-weight:700; } .plan-today-available span { display:flex; align-items:center; gap:6px; } .plan-today-available input, .plan-today-estimate { box-sizing:border-box; min-height:44px; width:108px; } .plan-today-build { min-height:44px; width:100%; font-weight:700; } .plan-today-build-status { min-height:1.4em; margin-top:6px; color:#bfdbfe; } .plan-today-estimates { margin:12px 0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .plan-today-estimates h3, .plan-today-estimates p { margin-top:0; } .plan-today-estimates input { min-height:44px; width:108px; box-sizing:border-box; } .plan-today-estimate-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 0; border-top:1px solid #29496d; } .plan-today-estimate-row label { display:flex; align-items:center; gap:6px; } .plan-today-skipped { display:grid; gap:6px; margin:8px 0; } .plan-today-skipped-item { padding:8px 10px; border-left:3px solid #b45309; background:#261a13; overflow-wrap:anywhere; } .plan-today-estimate-wrap { display:flex; align-items:center; gap:6px; margin-top:8px; } .plan-today-error { min-height:1.4em; color:#fca5a5; } .discard-recap-replan { min-height:44px; margin-bottom:8px; } .plan-today-list, .plan-today-candidates { display:grid; gap:8px; } .plan-today-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:10px; border:1px solid #1f3a5f; border-radius:12px; background:#0f1d33; } .plan-today-item-copy { min-width:0; overflow-wrap:anywhere; } .plan-today-item-actions { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; } .plan-today-candidate-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } .plan-preview-actions { position:fixed; z-index:76; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); display:grid; grid-template-columns:1fr 1fr; gap:8px; width:min(420px,calc(100vw - 32px)); padding:10px; border:1px solid #31577f; border-radius:12px; background:rgba(11,21,38,.98); box-shadow:0 12px 36px rgba(0,0,0,.45); } .plan-preview-actions[hidden] { display:none; } .plan-preview-actions button { min-height:44px; } .plan-today-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:16px -6px -6px; padding:12px 6px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .plan-today-actions button { min-height:44px; width:100%; } .today-interruption-sheet { position:fixed; inset:0; z-index:92; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-interruption-sheet[hidden] { display:none; } .today-interruption-panel { box-sizing:border-box; width:min(620px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #b45309; border-radius:18px 18px 0 0; background:#0b1526; } .today-interruption-panel h2 { margin:.25rem 0; overflow-wrap:anywhere; } .today-interruption-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:16px; } .today-interruption-actions button { min-height:44px; width:100%; } .today-break-sheet { position:fixed; inset:0; width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:0; border:0; background:rgba(5,12,21,.82); color:#e5e7eb; } .today-break-sheet::backdrop { background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-break-panel { position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; width:min(620px,100%); max-height:100dvh; margin:auto; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #31577f; border-radius:18px 18px 0 0; background:#0b1526; } .today-break-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-break-panel h2, .today-break-panel p { margin-top:0; } .today-break-panel header button, .today-break-actions button, .today-break-custom button { min-height:44px; } .today-break-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0; } .today-break-actions button { min-width:0; width:100%; } .today-break-custom { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; } .today-break-custom label, .today-break-custom p { grid-column:1 / -1; } .today-break-custom input { box-sizing:border-box; width:100%; min-height:44px; } .today-break-status { position:fixed; z-index:46; left:12px; right:12px; bottom:calc(224px + env(safe-area-inset-bottom)); box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px 12px; border:1px solid #60a5fa; border-radius:12px; background:#102641; } .today-break-status:has(> span[hidden]) { display:none; } .today-break-status button { min-height:44px; min-width:112px; } @media(max-width:359px) { .today-break-actions { grid-template-columns:1fr; } } .today-progress-sheet { position:fixed; inset:0; width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:0; border:0; background:rgba(5,12,21,.82); color:#e5e7eb; } .today-progress-sheet::backdrop { background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-progress-panel { position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; width:min(620px,100%); max-height:100dvh; margin:auto; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #31577f; border-radius:18px 18px 0 0; background:#0b1526; } .today-progress-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-progress-panel h2, .today-progress-panel p { margin-top:0; } .today-progress-panel header button, .today-progress-actions button { min-height:44px; } .today-progress-panel textarea { box-sizing:border-box; width:100%; min-height:120px; resize:vertical; } .today-progress-activity { display:grid; gap:8px; min-width:0; margin:0 0 14px; padding:12px; border:1px solid #294767; border-radius:12px; background:#0d1b2d; } .today-progress-activity-heading { display:flex; justify-content:space-between; gap:8px; } .today-progress-activity-list { display:grid; gap:8px; max-height:32dvh; overflow:auto; overflow-x:hidden; overflow-wrap:anywhere; } .today-progress-activity-list:empty::before { content:'No recent messages yet.'; color:#9ca3af; font-size:.875rem; } .today-progress-activity-item { min-width:0; padding:8px; border-radius:8px; background:#101f34; } .today-progress-activity-item .markdown-content { overflow-wrap:anywhere; } .today-progress-activity-actions { display:flex; gap:8px; } .today-progress-activity-actions button { min-height:44px; } .today-progress-activity-status { margin:0; } .today-progress-evidence { display:grid; gap:8px; min-width:0; margin-top:12px; } .today-progress-evidence .issue-attachment-preview { width:100%; box-sizing:border-box; } .today-progress-evidence .issue-evidence-note textarea { min-height:72px; } .today-progress-blocker { display:grid; gap:8px; margin-top:14px; padding:12px; border:1px solid #875f2a; border-radius:12px; background:#21180d; } .today-progress-blocker input, .today-progress-blocker button { box-sizing:border-box; width:100%; min-height:44px; } .today-blocker-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .today-blocker-presets button { min-width:0; padding-inline:6px; } .today-progress-blocker p { margin:0; } .today-progress-blocker .today-progress-blocker-recovery { padding:8px; border-radius:8px; background:#3a270d; color:#fde68a; font-weight:700; } .today-progress-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; } .today-progress-actions button { width:100%; } .today-progress-panel .voice-conversation { margin-top:10px; } .today-progress-panel .voice-conversation-controls button, .today-progress-panel .voice-conversation-review-actions button { min-height:44px; } .today-progress-panel.blocker-mode .today-progress-activity, .today-progress-panel.blocker-mode .voice-conversation, .today-progress-panel.blocker-mode .today-progress-evidence, .today-progress-panel.blocker-mode .today-progress-update-help, .today-progress-panel.blocker-mode .today-progress-actions { display:none; } .today-progress-panel.blocker-mode textarea { min-height:112px; } @media(max-width:359px) { .today-blocker-presets { grid-template-columns:1fr; } } @media(max-width:359px) { .today-progress-actions { grid-template-columns:1fr; } } .today-recap-sheet { position:fixed; inset:0; z-index:88; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-recap-sheet[hidden] { display:none; } .today-recap-panel { box-sizing:border-box; width:min(620px,100%); max-height:100%; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #2a496e; border-radius:18px 18px 0 0; background:#0b1526; } .today-recap-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-recap-header h2 { margin:.2rem 0; } .today-recap-header button { min-height:44px; min-width:44px; } .today-recap-items, .today-recap-history { display:grid; gap:8px; } .today-recap-row, .today-recap-history-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px; border:1px solid #2a496e; border-radius:10px; } .today-recap-row strong { overflow-wrap:anywhere; } .today-recap-row input { width:6rem; min-height:44px; } .today-recap-context { display:block; overflow-wrap:anywhere; } .today-recap-variance { grid-column:1 / -1; color:#bfdbfe; font-weight:700; } .today-recap-log { grid-column:1 / -1; display:flex; align-items:center; gap:8px; min-height:44px; } .today-recap-log input { width:24px; min-height:24px; } .today-recap-log-success { color:#86efac; font-weight:700; } .today-recap-log-verify { color:#fde68a; font-weight:700; } .today-recap-totals { margin:12px 0; padding:12px; border-radius:10px; background:#10233d; font-weight:700; } .today-recap-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:16px -6px -6px; padding:12px 6px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .today-recap-actions button { min-height:44px; width:100%; } .today-wrap-up-sheet { position:fixed; inset:0; z-index:89; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-wrap-up-sheet[hidden] { display:none; } .today-wrap-up-panel { box-sizing:border-box; width:min(620px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #2a496e; border-radius:18px 18px 0 0; background:#0b1526; } .today-wrap-up-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-wrap-up-header h2 { margin:.2rem 0; } .today-wrap-up-header button { min-height:44px; min-width:44px; } .today-wrap-up-items { display:grid; gap:8px; margin:14px 0; } .today-wrap-up-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#10233d; overflow-wrap:anywhere; } .today-wrap-up-item span { display:block; } .today-wrap-up-item label { display:flex; align-items:center; min-height:44px; gap:8px; font-weight:700; } .today-wrap-up-item input { width:24px; min-height:24px; } .today-wrap-up-actions { position:sticky; bottom:0; margin:16px -6px -6px; padding:12px 6px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .today-wrap-up-actions button { min-height:44px; width:100%; } .today-summary-sheet { position:fixed; inset:0; z-index:90; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-summary-sheet[hidden] { display:none; } .today-summary-panel { box-sizing:border-box; width:min(620px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #2a496e; border-radius:18px 18px 0 0; background:#0b1526; } .today-summary-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-summary-header h2 { margin:.2rem 0; } .today-summary-header button { min-height:44px; min-width:44px; } .today-summary-items { display:grid; gap:8px; } .today-summary-item, .today-summary-option { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px; border:1px solid #2a496e; border-radius:10px; background:#10233d; overflow-wrap:anywhere; } .today-summary-item input, .today-summary-option input { width:24px; min-height:24px; flex:0 0 auto; } .today-summary-item span { display:block; min-width:0; } .today-summary-note { display:grid; gap:6px; margin:14px 0; font-weight:700; } .today-summary-note textarea { box-sizing:border-box; width:100%; min-height:88px; resize:vertical; } .today-summary-preview { min-height:72px; white-space:pre-wrap; overflow-wrap:anywhere; padding:12px; border:1px solid #31577f; border-radius:10px; background:#07101e; color:#e8f1ff; } .today-summary-destination { margin-top:14px; overflow-wrap:anywhere; padding:12px; border:1px solid #31577f; border-radius:10px; background:#0d1c31; } .today-summary-destination h3 { margin-top:0; } .today-summary-destination-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; } .today-summary-destination-controls input, .today-summary-destination-controls button { box-sizing:border-box; min-width:0; min-height:44px; } .today-summary-target { min-height:1.4em; margin-top:8px; } .today-summary-actions { position:sticky; bottom:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px -6px -6px; padding:12px 6px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .today-summary-actions button { min-height:44px; width:100%; } @media (max-width:420px) { .today-summary-destination-controls, .today-summary-actions { grid-template-columns:1fr; } } .today-handoff-dialog { box-sizing:border-box; width:min(620px,100%); max-width:none; max-height:100dvh; margin:auto auto 0; padding:0; color:#e8f1ff; border:1px solid #2a496e; border-radius:18px 18px 0 0; background:#0b1526; } .today-handoff-dialog::backdrop { background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-handoff-panel { max-height:100dvh; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); } .today-handoff-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-handoff-panel h2 { margin:.2rem 0; } .today-handoff-panel header button { min-height:44px; min-width:44px; } .today-handoff-items { display:grid; gap:8px; margin:14px 0; } .today-handoff-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid #29486c; border-radius:12px; background:#101f35; } .today-handoff-item span { display:block; } .today-handoff-item label { display:flex; align-items:center; min-height:44px; gap:8px; font-weight:700; } .today-handoff-item input { width:24px; min-height:24px; } .today-handoff-actions { position:sticky; bottom:0; margin:16px -6px -6px; padding:12px 6px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .today-handoff-actions button { min-height:44px; width:100%; } @media (max-width:420px) { .today-interruption-actions { grid-template-columns:1fr; } .today-recap-actions { grid-template-columns:1fr; } .today-recap-row { grid-template-columns:1fr; } .today-recap-row input { width:min(100%,8rem); } .today-recap-variance { grid-column:1; } .today-wrap-up-item { grid-template-columns:1fr; } } .today-readiness-sheet { position:fixed; inset:0; z-index:90; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.82); backdrop-filter:blur(4px); } .today-readiness-sheet[hidden] { display:none; } .today-readiness-panel { box-sizing:border-box; width:min(620px,100%); max-height:100%; overflow:auto; overflow-x:hidden; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #b45309; border-radius:18px 18px 0 0; background:#0b1526; } .today-readiness-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .today-readiness-header h2 { margin:.2rem 0; } .today-readiness-header button, .today-readiness-actions button { min-height:44px; } .today-readiness-item { min-width:0; overflow-wrap:anywhere; margin:12px 0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .today-readiness-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:16px -6px -6px; padding:12px 6px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .my-work-header { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; } .work-settings { width:100%; } .work-settings > summary { display:none; } .work-settings-panel { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .work-filters { display:flex; gap:8px; flex-wrap:wrap; } .work-filter { min-height: 44px; } .work-filter[aria-pressed="true"] { border-color:var(--accent); background:#1d4f7a; } .milestone-lane { display:flex; align-items:center; gap:8px; min-width:min(100%,260px); } .work-milestone-filter { min-width:180px; flex:1; padding:8px; border-radius:8px; border:1px solid #1f3a5f; background:#0b1526; color:var(--text); } .queue-finder { display:grid; gap:6px; margin:10px 0; } .queue-finder > label { font-weight:700; } .queue-finder-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; } .queue-finder input, .queue-finder button { min-height:44px; box-sizing:border-box; } .queue-finder input { min-width:0; width:100%; padding:8px 10px; border:1px solid #31577f; border-radius:10px; background:#08111f; color:var(--text); font:inherit; } .queue-finder button { padding-inline:14px; } #search-older-work { width:100%; } .my-work-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; } .filed-history-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0; } .filed-history-tabs[hidden] { display:none; } .filed-history-tabs button { min-height:44px; min-width:0; } .filed-history-tabs button[aria-pressed="true"] { border-color:#60a5fa; background:#17365d; } .draft-card { display:flex; flex-direction:column; gap:8px; min-width:0; scroll-margin-bottom:calc(76px + env(safe-area-inset-bottom)); } .draft-card:focus-visible { outline:3px solid #60a5fa; outline-offset:3px; border-color:#93c5fd; } .draft-preview { color:var(--muted); overflow-wrap:anywhere; } .draft-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; } .draft-actions button, .draft-filing-session-actions button, .agenda-replan-actions button { min-height:44px; width:100%; } .delivery-center { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; grid-column:1/-1; padding:12px; border:1px solid #31577f; border-radius:12px; background:#10233a; } .delivery-center h3, .delivery-center p { margin:0; } .delivery-center button { min-height:44px; flex:0 0 auto; } .delivery-attempt { color:#fbbf24; overflow-wrap:anywhere; } .draft-section { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; grid-column:1/-1; } .draft-section > h3 { grid-column:1/-1; margin:8px 0 0; } .create-issue-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px; padding-bottom:env(safe-area-inset-bottom); } .create-issue-actions button { min-height:44px; width:100%; } .create-issue-actions #create-issue-status { grid-column:1/-1; } .create-issue-estimate { display:grid; gap:6px; padding:10px; border:1px solid #31577f; border-radius:10px; background:#101d31; } .create-issue-estimate > span:first-of-type { display:flex; align-items:center; gap:8px; } .create-issue-estimate input { min-height:44px; width:min(9rem,60vw); } .draft-filing-session { position:sticky; top:0; z-index:2; display:grid; gap:6px; margin-bottom:12px; padding:10px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); border:1px solid #31577f; border-radius:12px; background:rgba(11,21,38,.98); } .draft-filing-session[hidden] { display:none; } .draft-filing-session-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .my-work-card { min-height: 44px; display:grid; gap:8px; padding:12px; border:1px solid #1f3a5f; border-radius:12px; background:#0f1d33; color:var(--text); } .deadline-snooze { box-sizing:border-box; min-width:0; margin:10px 0; padding:12px; border:1px solid #a16207; border-radius:12px; background:#2a1d08; display:flex; align-items:center; justify-content:space-between; gap:12px; } .deadline-snooze p { margin:4px 0 0; overflow-wrap:anywhere; } .deadline-snooze button { min-height:44px; flex:0 0 auto; } .agenda-replan { margin:10px 0; padding:12px; border:1px solid #7c4a1d; border-radius:12px; background:#24170d; } .agenda-replan-launch { display:flex; align-items:center; justify-content:space-between; gap:12px; } .agenda-replan-launch p { margin:4px 0 0; } .agenda-replan-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; } .agenda-replan-actions label { grid-column:1/-1; } .agenda-replan-actions input { box-sizing:border-box; min-height:44px; width:100%; max-width:100%; } .agenda-export { margin:10px 0; padding:12px; border:1px solid #2f6f9f; border-radius:12px; background:#0d2136; display:flex; align-items:center; justify-content:space-between; gap:12px; } .agenda-export p { margin:4px 0 0; } .agenda-export button { min-height:44px; flex:0 0 auto; } .agenda-export-sheet { box-sizing:border-box; width:min(560px,100%); max-width:none; max-height:none; height:100dvh; margin:0 0 0 auto; padding:0; border:0; color:var(--text); background:#0b1526; } .agenda-export-sheet::backdrop { background:rgba(5,12,21,.78); backdrop-filter:blur(4px); } .agenda-export-panel { box-sizing:border-box; min-height:100%; display:grid; align-content:start; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); overflow:auto; overflow-x:hidden; } .agenda-export-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .agenda-export-panel h2, .agenda-export-panel header p { margin:0; } #agenda-export-items { min-width:0; display:grid; gap:8px; margin:0; padding:0; border:0; } .agenda-export-item { min-width:0; min-height:44px; display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #31577f; border-radius:10px; background:#10233a; } .agenda-export-item input { width:22px; height:22px; flex:0 0 auto; } .agenda-export-item span, .agenda-export-item strong, .agenda-export-item small { min-width:0; display:block; overflow-wrap:anywhere; } #cancel-agenda-export, #share-agenda-export { min-height:44px; } #share-agenda-export { position:sticky; bottom:0; width:100%; margin-top:auto; } @media(max-width:430px) { .agenda-export { align-items:stretch; flex-direction:column; } .agenda-export button { width:100%; } .agenda-export-panel { padding:14px; padding-bottom:calc(14px + env(safe-area-inset-bottom)); } } .protect-today { margin:10px 0; padding:12px; border:1px solid #2f6f9f; border-radius:12px; background:#0d2136; display:flex; align-items:center; justify-content:space-between; gap:12px; } .protect-today p { margin:4px 0; } .protect-today button { min-height:44px; flex:0 0 auto; } @media(max-width:360px) { .agenda-replan-launch { align-items:stretch; flex-direction:column; } .agenda-replan-actions { grid-template-columns:1fr; } .agenda-replan-actions label { grid-column:auto; } } @media(max-width:430px) { .protect-today { align-items:stretch; flex-direction:column; } .protect-today button { width:100%; } } @media(max-width:430px) { .deadline-snooze { align-items:stretch; flex-direction:column; } .deadline-snooze button { width:100%; } } .my-work-card-main { display:block; width:100%; color:var(--text); text-align:left; font:inherit; background:transparent; border:0; padding:0; } .my-work-card-main.review-trigger { width:100%; text-align:left; font:inherit; } .my-work-card:hover { border-color:var(--accent); } .my-work-card-title { display:block; margin:5px 0; font-weight:650; } .update-selection-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .update-selection-controls button { min-height:44px; } .selection-scope-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; max-width:100%; } .selection-scope-actions button { min-height:44px; max-width:100%; } .update-selector { min-height:44px; } .work-selector { min-height:44px; } .update-selector, .work-selector { display:flex; align-items:center; gap:10px; padding:6px; border:1px solid #31577f; border-radius:8px; cursor:pointer; } .update-selector input, .work-selector input { width:22px; height:22px; flex:0 0 auto; } .my-work-card.selection-active { border-color:#31577f; } .my-work-card.selected { border-color:#60a5fa; box-shadow:inset 4px 0 #60a5fa; } .later-actions, .today-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; } .later-actions button { min-height:44px; width:100%; } .today-actions button { min-height:44px; width:100%; } .card-planning { min-width:0; } .card-planning > summary { display:none; } .card-planning:not([open]) > .card-planning-actions { display:grid; } .card-planning-actions { display:grid; gap:8px; min-width:0; } .detail-defer { grid-column:1/-1; max-width:100%; } .detail-defer summary, .detail-defer button { min-height:44px; display:flex; align-items:center; justify-content:center; } .detail-defer summary { cursor:pointer; border:1px solid #60a5fa; border-radius:10px; font-weight:700; } .detail-defer-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; margin-top:8px; } .later-picker { box-sizing:border-box; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:0; border:0; position:fixed; inset:0; z-index:90; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,12,21,.78); backdrop-filter:blur(4px); } .later-picker[hidden] { display:none; } .later-picker-panel { box-sizing:border-box; width:min(560px,100%); max-height:100%; overflow:auto; display:grid; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #2a496e; border-radius:18px 18px 0 0; background:#0b1526; } .later-picker-header { display:flex; align-items:center; justify-content:space-between; gap:12px; } .later-picker-header h2 { margin:0; } .later-picker input, .later-picker button { box-sizing:border-box; width:100%; min-height:44px; } .later-picker input { padding:10px; border:1px solid #2a496e; border-radius:10px; color:var(--text); background:#08111f; color-scheme:dark; font:inherit; } .later-picker-error { min-height:1.4em; color:#fca5a5; } .review-sheet-actions { position:sticky; bottom:0; z-index:3; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .mark-update-read { min-height:44px; width:100%; } .read-update { min-height:44px; width:100%; display:flex; align-items:center; justify-content:center; } .load-more-notifications { min-height:44px; width:100%; margin-top:10px; } .load-more-notifications[hidden] { display:none; } .load-more-work { min-height:44px; width:100%; margin-top:10px; } .load-more-work[hidden] { display:none; } .retry-work-route { min-height:44px; width:100%; margin-top:10px; } .retry-work-route[hidden] { display:none; } .my-work-bulk { position:sticky; bottom:0; z-index:4; margin:10px -4px -12px; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .my-work-bulk button { min-height:44px; width:100%; } .my-work-bulk-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .my-work-bulk-actions button { min-height:44px; width:100%; } .my-work-bulk-actions #bulk-mark-read { grid-column:1 / -1; } .my-work[data-stale="true"] { border-color:#fcd34d; } .review-sheet { position:fixed; inset:0; z-index:50; display:none; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .review-sheet.open { display:flex; } .review-sheet-panel { width:min(560px,100%); height:100%; overflow:auto; padding:18px; background:#0b1526; border-left:1px solid #2a496e; } .review-sheet-header { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; } .review-sheet-body { white-space:pre-wrap; overflow-wrap:anywhere; } .review-file, .review-history { padding:8px 0; border-bottom:1px solid #1b2d45; overflow-wrap:anywhere; } .review-file-toggle { min-height:44px; width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; text-align:left; } .review-file-toggle strong { overflow-wrap:anywhere; } .review-file.reviewed { opacity:.72; } .review-file.reviewed .review-file-toggle { border-color:#22c55e; } .review-mark { min-height:44px; width:100%; margin-top:8px; } .review-mark[aria-pressed="true"] { border-color:#22c55e; background:#123c2a; } .review-note { min-height:88px; margin-top:6px; } .review-feedback { display:grid; gap:8px; } .review-feedback label { display:grid; gap:6px; } .review-feedback select { min-height:44px; padding:8px; border-radius:8px; border:1px solid #1f3a5f; background:#0b1526; color:#e5e7eb; } .pull-feedback-code-actions, .pull-feedback-file-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .pull-feedback-code-actions button, .pull-feedback-file-actions button { min-height:44px; } .pull-feedback-suggestion-preview { min-width:0; display:grid; gap:10px; margin:10px 0; padding:10px; border:1px solid #31577f; border-radius:10px; background:#07101e; } .pull-feedback-suggestion-preview[hidden] { display:none; } .pull-feedback-suggestion-preview h5 { margin:0; } .pull-feedback-suggestion-change { display:grid; gap:8px; min-width:0; } .pull-feedback-suggestion-change > div { min-width:0; } .pull-feedback-suggestion-change pre { box-sizing:border-box; max-width:100%; max-height:160px; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; } .pull-feedback-suggestion-preview input { box-sizing:border-box; width:100%; min-height:44px; } .pull-feedback-batch-review { min-width:0; display:grid; gap:10px; margin:10px 0; padding:10px; border:1px solid #3b82f6; border-radius:10px; background:#07101e; } .pull-feedback-batch-review[hidden] { display:none; } .pull-feedback-batch-review h5 { margin:0; } .pull-feedback-batch-review ul { min-width:0; margin:0; padding-left:20px; overflow-wrap:anywhere; } .pull-feedback-batch-review input { box-sizing:border-box; width:100%; min-width:0; min-height:44px; } #review-pull-feedback-batch { position:sticky; bottom:calc(8px + env(safe-area-inset-bottom)); z-index:4; width:100%; min-height:44px; } .review-handoff { position:sticky; bottom:0; z-index:3; display:grid; gap:8px; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .review-handoff button { min-height:44px; } .review-handoff-link { min-height:44px; display:flex; align-items:center; justify-content:center; border:1px solid #60a5fa; border-radius:8px; color:#bfdbfe; font-weight:700; text-decoration:none; } .review-handoff-link[hidden] { display:none; } .review-merge-continuation { position:sticky; bottom:0; z-index:5; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); } #continue-review-to-merge { min-height:44px; width:100%; } #continue-review-to-merge[hidden] { display:none; } .review-copy-fallback { min-height:140px; } .review-progress-actions { position:sticky; bottom:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px -4px 0; padding:10px 4px; background:rgba(11,21,38,.96); border-top:1px solid #2a496e; } .review-progress-actions button { min-height:44px; max-width:100%; } .review-display-tools { display:flex; align-items:center; gap:10px; margin-bottom:8px; } .review-display-tools button { min-height:44px; flex:0 0 auto; } .review-display-tools button[aria-pressed="true"] { color:#bfdbfe; background:#17365a; outline:1px solid #60a5fa; } .review-diff { overflow-x:auto; max-width:100%; margin-top:8px; white-space:pre; } .review-diff-line { display:grid; grid-template-columns:max-content minmax(max-content,1fr); align-items:stretch; min-width:max-content; } .review-line-numbers { position:sticky; left:0; z-index:1; display:grid; grid-template-columns:4ch 4ch; align-self:stretch; background:#0b1526; color:#7694b6; user-select:none; } .review-line-number { padding:8px 4px; text-align:right; border-right:1px solid #244363; } .review-line-code { min-width:0; padding:8px; white-space:pre; overflow-wrap:anywhere; } .review-inline-target { min-height:44px; width:100%; padding:0; border:0; border-radius:0; text-align:left; font:inherit; white-space:normal; } .wrap-lines .review-diff { overflow-x:hidden; white-space:normal; } .wrap-lines .review-diff-line { grid-template-columns:max-content minmax(0,1fr); min-width:0; } .wrap-lines .review-line-code { white-space:pre-wrap; overflow-wrap:anywhere; } .review-inline-target.has-draft { box-shadow:inset 4px 0 #fbbf24; } .review-inline-composer { position:sticky; bottom:0; z-index:4; display:grid; gap:8px; padding:10px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); border:1px solid #60a5fa; border-radius:10px; background:#0b1526; } .review-inline-composer[hidden] { display:none; } .review-inline-composer textarea { min-height:96px; width:100%; } .review-inline-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .review-inline-actions button { min-height:44px; } .review-diff-line.hunk { color:#93c5fd; } .review-diff-line.added { color:#86efac; background:rgba(34,197,94,.09); } .review-diff-line.removed { color:#fca5a5; background:rgba(239,68,68,.09); } .review-diff-note, .review-diff-empty { display:block; padding:8px; color:#fcd34d; white-space:normal; } .review-action { min-height:44px; } .review-retry { min-height:44px; margin-top:10px; } .ci-checks { max-width:100%; margin:10px 0; border:1px solid #2a496e; border-radius:10px; overflow:hidden; } .ci-checks > summary { min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 10px; cursor:pointer; } .ci-checks > summary .small { min-width:0; overflow-wrap:anywhere; text-align:right; } .ci-check-refresh { width:100%; min-height:44px; margin-bottom:6px; } .ci-check-list { display:grid; gap:6px; min-width:0; padding:0 8px 8px; } .ci-check { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px; border:1px solid #203a5c; border-radius:8px; } .ci-check-failure, .ci-check-error { border-color:#dc2626; background:rgba(127,29,29,.22); } .ci-check-pending { border-color:#d97706; background:rgba(120,53,15,.2); } .ci-check-success { border-color:#15803d; } .ci-check-copy { min-width:0; display:grid; gap:3px; overflow-wrap:anywhere; } .ci-check-copy strong, .ci-check-copy span { min-width:0; overflow-wrap:anywhere; } .ci-check-link { min-height:44px; display:flex; align-items:center; justify-content:center; padding:0 10px; border:1px solid #60a5fa; border-radius:8px; white-space:nowrap; } .ci-check-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; min-height:44px; } .ci-check-inspect { min-height:44px; white-space:nowrap; } .ci-check-recovery { max-width:100%; min-width:0; margin:0 8px 8px; padding:10px; border:1px solid #dc2626; border-radius:8px; background:#101b2e; } .ci-check-recovery[hidden] { display:none; } .ci-check-recovery h3 { margin:0 0 6px; overflow-wrap:anywhere; } .ci-check-log { max-width:100%; max-height:42vh; margin:8px 0; padding:10px; overflow-x:auto; overflow-y:auto; border:1px solid #2a496e; border-radius:6px; background:#07101d; color:#dbeafe; font-size:.78rem; white-space:pre; } .ci-check-recovery-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-top:6px; background:#101b2e; } .ci-check-recovery-actions button { min-height:44px; } .pull-branch-update { max-width:100%; min-width:0; margin:10px 0; padding:12px; border:1px solid #60a5fa; border-radius:10px; overflow-wrap:anywhere; } .pull-branch-update h3 { margin:0 0 6px; } .pull-branch-update button { width:100%; min-height:44px; } .update-sheet { position:fixed; inset:0; z-index:55; display:none; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .update-sheet.open { display:flex; } .update-sheet-panel { width:min(560px,100%); height:100%; overflow:auto; padding:18px; background:#0b1526; border-left:1px solid #2a496e; } .update-sheet-header { display:flex; align-items:center; justify-content:space-between; gap:10px; } .update-sheet-header button { min-height:44px; } .update-triage-progress { margin:10px 0; padding:8px 10px; border:1px solid #2a496e; border-radius:10px; background:#10213a; } .update-sheet-content { overflow-wrap:anywhere; white-space:pre-wrap; } .update-new-activity { scroll-margin-block:18px 96px; border-color:#60a5fa; box-shadow:0 0 0 2px rgba(96,165,250,.25); } .update-new-activity::before { content:'New activity'; display:inline-block; margin-bottom:6px; padding:2px 7px; border-radius:999px; background:#1d4ed8; color:#fff; font-size:12px; font-weight:700; } .update-new-activity-jump { position:sticky; bottom:92px; z-index:4; min-height:44px; width:100%; margin:10px 0; border-color:#60a5fa; background:#17345a; } .update-reply { display:grid; gap:8px; margin-top:16px; } .update-reply textarea { width:100%; min-height:112px; resize:vertical; } .update-reply button { min-height:44px; width:100%; } .update-reply-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .update-reply-actions button { min-height:44px; width:100%; } .update-reply .issue-attachment-preview { width:100%; min-width:0; } @media (max-width:390px) { .update-reply-actions { grid-template-columns:1fr; } .update-reply .issue-attachment-preview { grid-template-columns:56px minmax(0,1fr); padding:8px; } .update-reply .issue-attachment-preview img { width:56px; height:56px; } } .update-sheet-actions { position:sticky; bottom:0; z-index:3; display:grid; gap:8px; margin-top:14px; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .update-ownership-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .update-ownership-actions button { min-width:0; width:100%; } .update-sheet-actions button, .update-sheet-actions a { min-height:44px; display:flex; align-items:center; justify-content:center; } .update-sheet-actions #acknowledge-update-next { min-height:44px; width:100%; } .update-sheet-actions #mute-update-next { min-height:44px; width:100%; } .update-sheet-actions a { border:1px solid #60a5fa; border-radius:10px; font-weight:700; } .update-more-actions { margin-top:14px; } .update-more-actions > summary { min-height:44px; display:flex; align-items:center; justify-content:center; cursor:pointer; border:1px solid #60a5fa; border-radius:10px; font-weight:700; } .update-decision-bar { display:grid; grid-template-columns:repeat(auto-fit,minmax(76px,1fr)); gap:6px; margin-top:14px; padding:8px; background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .update-decision-bar button, .update-decision-bar summary { min-height:44px; min-width:0; padding-inline:6px; } .update-retry { min-height:44px; width:100%; margin-top:10px; } .issue-sheet { position:fixed; inset:0; z-index:56; display:none; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .task-overlay-open .issue-sheet.open, .task-overlay-open .pull-sheet.open { z-index:76; } .issue-sheet.open { display:flex; } .issue-sheet-panel { width:min(560px,100%); height:100%; overflow:auto; padding:18px; background:#0b1526; border-left:1px solid #2a496e; } .issue-sheet-header { display:flex; align-items:center; justify-content:space-between; gap:10px; } .issue-sheet-header button { min-height:44px; } .mobile-issue-detail-nav, .mobile-pull-detail-nav, .mobile-update-detail-nav, .mobile-review-detail-nav { display:none; } @media (max-width:600px) { .issue-sheet-panel, .pull-sheet-panel, .update-sheet-panel, .review-sheet-panel { padding-top:max(12px,env(safe-area-inset-top)); } .mobile-issue-detail-nav, .mobile-pull-detail-nav, .mobile-update-detail-nav, .mobile-review-detail-nav { position:sticky; top:env(safe-area-inset-top); z-index:6; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:8px -6px 12px; padding:6px; background:rgba(11,21,38,.98); border-block:1px solid #2a496e; } .mobile-issue-detail-nav button, .mobile-pull-detail-nav button, .mobile-update-detail-nav button, .mobile-review-detail-nav button { min-width:0; min-height:44px; padding:4px; overflow-wrap:anywhere; border-color:transparent; font-size:12px; } .mobile-issue-detail-nav button[aria-current="location"], .mobile-pull-detail-nav button[aria-current="location"], .mobile-update-detail-nav button[aria-current="location"], .mobile-review-detail-nav button[aria-current="location"] { border-color:#60a5fa; background:#17365a; color:#fff; } #issue-overview, #issue-conversation, #issue-comment, #issue-planning { scroll-margin-top:72px; } #pull-overview, #pull-conversation, #pull-comment, #pull-review { scroll-margin-top:72px; } #update-conversation, #update-subject-context, #update-reply-workspace { scroll-margin-top:72px; } #review-overview, #review-files-workspace, #review-feedback, #review-history-workspace { scroll-margin-top:72px; } } @media (min-width:601px) { .mobile-issue-detail-nav, .mobile-pull-detail-nav { display:none; } } @media (min-width:601px) { .mobile-update-detail-nav { display:none; } } @media (min-width:601px) { .mobile-review-detail-nav { display:none; } } .completed-filed-actions { position:fixed; right:0; bottom:0; z-index:57; box-sizing:border-box; width:min(560px,100%); display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:8px; margin:0; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); border:1px solid #4ade80; border-radius:12px 0 0; background:rgba(11,21,38,.98); overflow-wrap:anywhere; } .completed-filed-actions[hidden] { display:none; } .completed-filed-actions button { min-height:44px; min-width:0; } .completed-filed-buttons { display:flex; flex-wrap:wrap; gap:8px; } .completed-filed-buttons button { flex:1 1 180px; } #issue-sheet:has(.completed-filed-actions:not([hidden])) .issue-sheet-panel { padding-bottom:calc(170px + env(safe-area-inset-bottom)); } .issue-sheet-content { overflow-wrap:anywhere; white-space:pre-wrap; } .checklist-step-editor { display:grid; gap:8px; margin:10px 0 16px; padding:12px; border:1px solid #31577f; border-radius:12px; background:#0b1526; } .checklist-step-editor[hidden] { display:none; } .checklist-step-editor input { width:100%; min-width:0; box-sizing:border-box; } .checklist-step-editor-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .checklist-step-editor button, .checklist-step-editor input { min-height:44px; } #remove-checklist-step { border-color:#b45309; } #issue-sheet.read-only .checklist-step-editor { display:none; } .checklist-add { display:grid; gap:8px; margin:10px 0 16px; } .checklist-add form { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; } .checklist-add form[hidden] { display:none; } .checklist-add input { min-width:0; width:100%; box-sizing:border-box; } .checklist-add button, .checklist-add input { min-height:44px; } #issue-sheet.read-only .checklist-add { display:none; } @media(max-width:340px) { .checklist-add form { grid-template-columns:1fr 1fr; } .checklist-add input { grid-column:1 / -1; } } .checklist-completion { position:fixed; right:0; bottom:0; z-index:58; box-sizing:border-box; width:min(560px,100%); display:grid; grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,auto)); align-items:center; gap:8px; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); border-top:1px solid #4ade80; background:rgba(11,21,38,.98); overflow-wrap:anywhere; } .checklist-completion[hidden] { display:none; } .checklist-completion button { min-height:44px; min-width:0; } #issue-sheet:has(.checklist-completion:not([hidden])) .issue-sheet-panel { padding-bottom:calc(118px + env(safe-area-inset-bottom)); } #issue-sheet:has(.checklist-completion:not([hidden])) .work-session-nav { display:none; } @media(max-width:420px) { .checklist-completion { grid-template-columns:1fr 1fr; } .checklist-completion span { grid-column:1 / -1; } } .issue-blockers { max-width:100%; overflow-x:hidden; margin:16px 0; padding:12px; border:1px solid #b45309; border-radius:12px; background:#291b0c; } .issue-blockers h2 { margin-top:0; } .issue-blocker-list { display:grid; gap:8px; } .issue-blocker { min-width:0; overflow-wrap:anywhere; display:grid; gap:4px; padding:10px; border:1px solid #92400e; border-radius:10px; color:#fef3c7; text-decoration:none; } .issue-blocker:hover, .issue-blocker:focus-visible { border-color:#f59e0b; } .issue-blocker-row { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:start; } .issue-blocker-row .issue-blocker { min-width:0; } .issue-blocker-remove { min-height:44px; white-space:normal; } .issue-blocker-manager { display:grid; gap:8px; margin-top:10px; min-width:0; } .issue-blocker-manager :is(input,button) { min-height:44px; width:100%; max-width:100%; box-sizing:border-box; } .issue-blocker-manager [role="listbox"] { display:grid; gap:6px; max-height:240px; overflow:auto; } .issue-blocker-manager [role="option"] { text-align:left; overflow-wrap:anywhere; } #manage-issue-blockers, #start-unblocked-issue { min-height:44px; width:100%; margin-top:10px; } .today-readiness-blocker { width:100%; min-height:44px; text-align:left; background:#291b0c; } .issue-content-editor { max-width:100%; overflow-x:hidden; margin-top:16px; padding:12px; border:1px solid #2a496e; border-radius:12px; } .issue-planning { max-width:100%; margin-top:16px; border:1px solid #2a496e; border-radius:12px; padding:0 12px 12px; overflow-x:hidden; } .issue-planning > summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-weight:700; } .issue-planning-retry { min-height:44px; width:100%; } #edit-issue-content { min-height:44px; width:100%; } .issue-edit-form { display:grid; gap:8px; max-width:100%; margin:12px 0; } .issue-edit-form label { display:grid; gap:6px; min-width:0; } .issue-edit-form input, .issue-edit-form textarea { box-sizing:border-box; width:100%; max-width:100%; } .issue-edit-form textarea { min-height:132px; resize:vertical; } .issue-edit-form input, .issue-edit-form textarea, .issue-edit-form button { min-height:44px; } .issue-edit-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .issue-comment { padding:10px 0; border-bottom:1px solid #1b2d45; } .issue-comment-composer { display:grid; gap:8px; margin-top:16px; } .issue-comment-composer textarea { min-height:96px; } .issue-comment-composer button { min-height:44px; width:100%; } .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .issue-attachment-controls { display:flex; max-width:100%; } .issue-attachment-trigger { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid #60a5fa; border-radius:10px; color:#dbeafe; font-weight:700; cursor:pointer; } .conversation-photo-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; width:100%; } .conversation-photo-actions .issue-attachment-trigger { box-sizing:border-box; width:100%; min-width:0; text-align:center; } .issue-attachment-preview { display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px 12px; align-items:center; max-width:100%; overflow:hidden; padding:10px; border:1px solid #315781; border-radius:10px; background:#101f34; } .issue-attachment-preview[hidden] { display:none; } .issue-attachment-preview img { grid-row:span 2; width:64px; height:64px; object-fit:cover; border-radius:8px; } .issue-attachment-preview .small { min-width:0; overflow-wrap:anywhere; } .issue-attachment-preview button { min-height:44px; width:auto; justify-self:start; } .mention-options { display:grid; max-width:100%; max-height:220px; overflow:auto; border:1px solid #315781; border-radius:10px; background:#101f34; box-shadow:0 10px 28px rgba(0,0,0,.35); } .mention-options[hidden] { display:none; } .mention-option { min-height:44px; max-width:100%; overflow:hidden; padding:9px 12px; border:0; border-bottom:1px solid #203a5c; border-radius:0; text-align:left; text-overflow:ellipsis; white-space:nowrap; background:#101f34; color:#dbeafe; } .mention-option:last-child { border-bottom:0; } .mention-option[aria-selected="true"], .mention-option:hover { background:#17365a; color:#fff; } .mention-status:empty { display:none; } .comment-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .comment-actions button { min-height:44px; width:100%; } .issue-label-editor { max-width:100%; margin:14px 0; padding:12px; border:1px solid #2a496e; border-radius:12px; } .issue-label-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)); gap:8px; max-width:100%; } .issue-label-option { min-height:44px; max-width:100%; display:flex; align-items:center; gap:10px; padding:8px; border:1px solid #2a496e; border-radius:10px; overflow-wrap:anywhere; } .issue-label-option input { width:20px; height:20px; flex:0 0 auto; } .issue-label-editor button { min-height:44px; width:100%; margin-top:10px; } .issue-due-editor { display:grid; gap:8px; max-width:100%; margin:14px 0; padding:12px; border:1px solid #2a496e; border-radius:12px; } .issue-due-editor input { box-sizing:border-box; width:100%; max-width:100%; } .issue-due-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .issue-due-editor input, .issue-due-editor button { min-height:44px; } .issue-milestone-editor { display:grid; gap:8px; max-width:100%; margin:14px 0; padding:12px; border:1px solid #2a496e; border-radius:12px; } .issue-milestone-editor select { width:100%; padding:8px; border-radius:8px; border:1px solid #1f3a5f; background:#0b1526; color:var(--text); } .work-milestone-filter, .issue-milestone-editor select, .issue-milestone-editor button { min-height:44px; } #issue-sheet.read-only .issue-attachment-controls, #issue-sheet.read-only .issue-attachment-preview, #issue-sheet.read-only #issue-planning, #issue-sheet.read-only #issue-handoff, #issue-sheet.read-only #release-issue, #issue-sheet.read-only .detail-defer, #issue-sheet.read-only #issue-blockers, #issue-sheet.read-only #retry-issue-comment-actions { display:none; } #issue-sheet.read-only.filed-reassignable #issue-handoff { display:block; } .filed-claim-actions { position:sticky; bottom:0; z-index:4; box-sizing:border-box; width:min(560px,100%); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:14px; padding:10px 4px calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #4ade80; } .filed-claim-actions[hidden] { display:none; } .filed-claim-actions button { min-width:0; min-height:44px; } .issue-sheet-actions { position:sticky; bottom:0; z-index:3; display:grid; gap:8px; margin-top:14px; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .issue-sheet-actions button, .issue-sheet-actions a { min-height:44px; display:flex; align-items:center; justify-content:center; } .issue-sheet-actions #watch-issue-detail, .pull-sheet-actions #watch-pull-detail { min-width:0; min-height:44px; } .detail-watch-status:not(:empty) { margin-top:8px; overflow-wrap:anywhere; } .issue-sheet-actions a { border:1px solid #60a5fa; border-radius:10px; font-weight:700; } .issue-handoff, .pull-ownership, .pull-review-request, .pull-lifecycle { margin-top:14px; padding:12px; border:1px solid #2a496e; border-radius:12px; } .issue-handoff > div, .pull-ownership > div, .pull-review-request > div, .pull-lifecycle > div { display:grid; gap:8px; margin-top:10px; } .pull-lifecycle { border-color:#b45353; } .pull-lifecycle button { min-height:44px; border-color:#ef4444; background:#5f1d24; color:#fff; } .pull-close-receipt { margin-top:14px; padding:12px; border:1px solid #4ade80; border-radius:12px; background:#10291e; } .pull-close-receipt h3 { margin-top:0; } .pull-close-receipt button { width:100%; min-height:44px; border-color:#4ade80; } .issue-handoff select, .pull-ownership select, .pull-review-request select { width:100%; max-width:100%; padding:8px; border:1px solid #1f3a5f; border-radius:8px; background:#0b1526; color:var(--text); } .issue-handoff select, .issue-handoff button { min-height:44px; } .pull-ownership select, .pull-ownership button { min-height:44px; } .pull-review-request select, .pull-review-request button { min-height:44px; } .issue-retry { min-height:44px; width:100%; margin-top:10px; } .new-issue { min-height:44px; } .find-work-action { min-height:44px; } .my-work-actions { display:flex; flex-wrap:wrap; gap:8px; } .plan-tomorrow { min-height:44px; } .start-work-session { min-height:44px; } .resume-today-session, .end-today-session { min-height:44px; } .work-session-nav { position:sticky; bottom:0; z-index:5; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; padding:10px 4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-top:1px solid #2a496e; } .work-session-nav[hidden] { display:none; } .work-session-nav [data-work-session-progress] { grid-column:1 / -1; text-align:center; } .work-session-nav [data-work-session-timer-toggle] { min-height:44px; } .work-session-nav button { min-height:44px; width:100%; } .find-work-sheet { position:fixed; inset:0; z-index:58; display:none; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .find-work-sheet.open { display:flex; } .find-work-panel { width:min(560px,100%); height:100dvh; overflow:auto; overflow-x:hidden; display:grid; align-content:start; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); background:#0b1526; border-left:1px solid #2a496e; } .find-work-header { display:flex; align-items:center; justify-content:space-between; gap:10px; } .find-work-header-actions { display:flex; gap:8px; } .mobile-find-work-nav { position:sticky; top:0; z-index:4; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:6px 0; background:#0b1526; } .mobile-find-work-nav button { min-height:44px; min-width:0; padding:6px; } .mobile-find-work-nav button[aria-current="step"] { border-color:#60a5fa; background:#17355b; color:#fff; } .mobile-find-work-nav button:disabled { opacity:.5; } .find-work-stage { display:grid; gap:12px; min-width:0; outline:none; } .find-work-stage[hidden] { display:none; } .find-work-review { padding:12px; border:1px solid #2a496e; border-radius:12px; background:#101f36; } .find-work-review > div:first-child, .find-work-review-list { display:grid; gap:8px; } .find-work-review-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px; border:1px solid #2a496e; border-radius:10px; overflow-wrap:anywhere; } .find-work-review-item > div { display:grid; gap:4px; min-width:0; } .find-work-review-item button, .find-work-stage-actions button { min-height:44px; } .find-work-stage-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px 0 env(safe-area-inset-bottom); background:#101f36; } .find-work-header button, .find-work-card button, .find-work-card a, .find-work-more { min-height:44px; } .find-work-search { position:sticky; top:0; z-index:2; display:grid; gap:6px; padding:8px 0; background:#0b1526; } .find-work-search > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; } .find-work-search input, .find-work-search button { min-height:44px; } .find-work-filters { border:1px solid #2a496e; border-radius:10px; padding:10px; } .find-work-filters summary { min-height:44px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; } .find-work-filter-panel, .find-work-filter-options { display:grid; gap:8px; } .find-work-filter-panel fieldset { min-width:0; border:0; padding:6px 0; margin:0; } .find-work-filter-options { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); } .find-work-filter-option { min-height:44px; display:flex; align-items:center; gap:8px; padding:6px; overflow-wrap:anywhere; } .find-work-filter-option input { width:20px; height:20px; flex:0 0 auto; } #clear-find-work-filters { min-height:44px; width:100%; } .find-work-list { display:grid; gap:10px; } .find-work-card { display:grid; gap:8px; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#101f36; overflow-wrap:anywhere; } .find-work-card.selected { border-color:#60a5fa; box-shadow:0 0 0 2px rgba(96,165,250,.25); } .find-work-select { display:flex; align-items:center; gap:10px; min-height:44px; } .find-work-select input { width:22px; height:22px; } .fill-find-work-today { min-height:44px; width:100%; font-weight:700; } .find-work-batch-actions { position:sticky; bottom:0; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 0 calc(12px + env(safe-area-inset-bottom)); background:#0b1526; border-top:1px solid #2a496e; } .find-work-batch-actions[hidden] { display:none; } .find-work-batch-actions span { grid-column:1 / -1; } .find-work-batch-actions button { min-height:44px; } .find-work-batch-recovery { min-height:44px; width:100%; font-weight:700; } .find-work-estimate-review { display:grid; gap:12px; padding:12px; border:1px solid #2a496e; border-radius:12px; background:#101f36; } .find-work-estimate-review[hidden] { display:none; } .find-work-estimate-review > div:first-child, #find-work-estimate-list { display:grid; gap:8px; } .find-work-estimate-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(92px,auto); gap:10px; align-items:center; overflow-wrap:anywhere; } .find-work-estimate-row label { display:flex; align-items:center; gap:6px; } .find-work-estimate-review input { min-height:44px; width:76px; } .find-work-estimate-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-bottom:env(safe-area-inset-bottom); background:#101f36; } .find-work-estimate-actions button { min-height:44px; } .find-work-card button { width:100%; font-weight:700; } .find-work-claim-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .find-work-claim-actions [data-claim-start-index] { grid-column:1 / -1; } .find-work-detail { min-width:0; display:grid; gap:10px; padding:10px; border-radius:10px; background:#0b1526; } .find-work-description { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; } .find-work-detail a { display:flex; align-items:center; justify-content:center; border:1px solid #60a5fa; border-radius:10px; font-weight:700; } .search-preview { position:fixed; inset:0; z-index:60; display:none; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .search-preview.open { display:flex; } .search-preview-panel { box-sizing:border-box; width:min(560px,100%); height:100dvh; overflow:auto; overflow-x:hidden; display:grid; align-content:start; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); background:#0b1526; border-left:1px solid #2a496e; overflow-wrap:anywhere; } .search-preview-header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; } .mobile-search-preview-nav { display:none; } .search-preview-overview { display:grid; gap:12px; min-width:0; } .search-preview-header button, .search-preview-actions button, .search-preview-actions a { min-height:44px; } .search-preview-body { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; } .search-preview-conversation { display:grid; gap:8px; padding-top:8px; border-top:1px solid #2a496e; } .search-preview-conversation h2 { margin:0; font-size:1rem; } .search-preview-comment { min-width:0; padding:10px 0; border-bottom:1px solid #1b2d45; overflow-wrap:anywhere; } .search-preview-comment.new-since-review { padding-left:10px; border-left:3px solid var(--accent); background:#10233a; } .search-preview-conversation button { min-height:44px; width:100%; } .search-preview-review { display:grid; gap:8px; min-width:0; padding-top:8px; border-top:1px solid #2a496e; } .search-preview-review[hidden] { display:none; } .search-preview-review h2 { margin:0; font-size:1rem; } .search-preview-review button { min-height:44px; width:100%; } .search-preview-file { min-width:0; margin:8px 0; padding:10px; border:1px solid #203a5c; border-radius:10px; overflow:hidden; } .search-preview-file > strong, .search-preview-file > .small { display:block; overflow-wrap:anywhere; } .search-preview-reply { display:grid; gap:8px; padding-top:8px; border-top:1px solid #2a496e; } .search-preview-reply[hidden] { display:none; } .search-preview-reply h2 { margin:0; font-size:1rem; } .search-preview-reply textarea { box-sizing:border-box; width:100%; min-height:110px; resize:vertical; scroll-margin-bottom:calc(190px + env(safe-area-inset-bottom)); } .search-preview-reply-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .search-preview-reply-actions button { min-height:44px; } .search-preview-reply .voice-conversation-controls button, .search-preview-reply .voice-conversation-review-actions button { min-height:44px; } .search-preview-reply .conversation-photo-actions { max-width:100%; } .search-preview-navigation { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:8px; } .search-preview-actions { position:sticky; bottom:0; display:grid; gap:8px; padding:10px 0; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:#0b1526; } #keep-following-status { display:block; min-height:20px; overflow-wrap:anywhere; } .search-preview-actions button, .search-preview-actions a { min-height:44px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; } .search-preview-primary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .search-preview-primary-actions.following-disposition-mode { grid-template-columns:repeat(3,minmax(0,1fr)); } @media (max-width:420px) { .search-preview-primary-actions { grid-template-columns:1fr; } .search-preview-primary-actions.following-disposition-mode { grid-template-columns:1fr; } } @media (max-width:600px) { .search-preview-panel { width:100%; border-left:0; padding:14px; padding-top:max(12px,env(safe-area-inset-top)); } .mobile-search-preview-nav { position:sticky; top:env(safe-area-inset-top); z-index:6; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin-inline:-14px; padding:4px 14px; background:rgba(11,21,38,.98); border-block:1px solid #2a496e; } .mobile-search-preview-nav button { min-width:0; min-height:44px; padding:4px; overflow-wrap:anywhere; border-color:transparent; font-size:12px; } .mobile-search-preview-nav button[aria-current="location"] { border-color:#60a5fa; background:#17365a; color:#fff; } .mobile-search-preview-nav button[aria-disabled="true"] { opacity:.55; } .search-preview-navigation { position:sticky; bottom:0; z-index:5; margin-inline:-6px; padding:6px; padding-bottom:calc(6px + env(safe-area-inset-bottom)); background:rgba(11,21,38,.98); border-block:1px solid #2a496e; } #search-preview-overview, #search-preview-conversation, #search-preview-review, #search-preview-reply-workspace, #search-preview-actions { scroll-margin-top:72px; } #search-preview-actions { position:static; } } @media (min-width:601px) { .mobile-search-preview-nav { display:none; } } .search-preview-actions a { display:flex; align-items:center; justify-content:center; border:1px solid #60a5fa; border-radius:10px; font-weight:700; } .following-sheet { box-sizing:border-box; width:min(560px,100%); max-height:100dvh; margin:auto 0 0 auto; padding:0; border:1px solid #2a496e; color:var(--text); background:#102641; } .following-sheet::backdrop { background:rgba(3,9,18,.74); } .following-panel { box-sizing:border-box; display:grid; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); overflow-wrap:anywhere; } .following-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .following-panel h2, .following-panel p { margin:0; } .following-panel header button, #retry-following { min-height:44px; } .following-review-action { box-sizing:border-box; width:100%; min-height:44px; } .following-list { display:grid; gap:8px; min-width:0; max-height:70dvh; overflow:auto; } .following-card { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-width:0; min-height:52px; padding:10px 12px; text-align:left; } .following-card span:first-child { min-width:0; display:grid; gap:3px; } .following-card em { color:var(--accent); font-size:.75rem; font-style:normal; font-weight:700; text-transform:uppercase; letter-spacing:.04em; } .following-card.has-unseen-change { border-color:var(--accent); } .following-card strong, .following-card small { overflow-wrap:anywhere; } .markdown-content { min-width:0; max-width:100%; overflow-wrap:anywhere; white-space:normal; } .markdown-content > :first-child { margin-top:0; } .markdown-content > :last-child { margin-bottom:0; } .markdown-content pre { max-width:100%; overflow-x:auto; padding:10px; border-radius:8px; background:#07101d; white-space:pre; -webkit-overflow-scrolling:touch; } .markdown-content code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; } .markdown-content :not(pre) > code { padding:2px 4px; border-radius:4px; background:#07101d; } .markdown-content blockquote { margin:10px 0; padding-left:12px; border-left:3px solid #60a5fa; color:#b9c9dd; } .markdown-content ul { padding-left:24px; } .markdown-content .task-list { padding-left:0; list-style:none; } .markdown-content .task-list-item { display:flex; gap:8px; align-items:flex-start; } .markdown-content .task-list-item input { flex:0 0 auto; margin-top:3px; } .markdown-content .task-list-toggle { min-width:44px; min-height:44px; margin:-9px 0 -9px -9px; cursor:pointer; accent-color:#60a5fa; } .markdown-content .task-list-manage { min-width:44px; min-height:44px; margin:-9px -9px -9px auto; padding:6px 8px; flex:0 0 auto; } .markdown-content.checklist-pending .task-list-toggle { opacity:.65; cursor:wait; } .markdown-content.checklist-pending .task-list-manage { opacity:.65; cursor:wait; } .markdown-content a { min-height:44px; display:inline-flex; align-items:center; max-width:100%; overflow-wrap:anywhere; } @media(max-width:320px) { .find-work-panel { padding:12px; overflow-x:hidden; } .find-work-card { min-width:0; } .my-work-actions { width:100%; } .my-work-actions button { flex:1 1 100%; } } .create-issue-sheet { position:fixed; inset:0; z-index:57; display:none; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .create-issue-sheet.open { display:flex; } .create-issue-panel { width:min(560px,100%); height:100dvh; overflow:auto; overflow-x:hidden; display:grid; align-content:start; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); background:#0b1526; border-left:1px solid #2a496e; } .create-issue-header { display:flex; align-items:center; justify-content:space-between; gap:10px; } .today-capture-interruption { display:grid; gap:2px; padding:10px 12px; border:1px solid #3f6f9f; border-radius:10px; background:#10243b; } .today-capture-interruption[hidden] { display:none; } .create-issue-header button, .create-issue-actions button, .create-issue-capture-actions button { min-height:44px; } .mobile-create-issue-nav { display:none; } .create-issue-form { display:grid; gap:12px; } .create-issue-describe { display:grid; gap:12px; min-width:0; } .voice-issue-capture { display:grid; gap:8px; min-width:0; padding:12px; border:1px solid #31577f; border-radius:12px; background:#101d31; } .voice-issue-capture[hidden], .voice-issue-review[hidden], .voice-issue-controls button[hidden] { display:none; } .voice-issue-heading, .voice-issue-review { display:grid; gap:6px; } .voice-issue-controls, .voice-issue-review-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .voice-issue-controls button, .voice-issue-review-actions button { min-width:0; min-height:44px; } #voice-issue-transcript { box-sizing:border-box; width:100%; min-height:96px; resize:vertical; } .voice-conversation { display:grid; gap:8px; min-width:0; padding:10px; border:1px solid #31577f; border-radius:12px; background:#101d31; } .voice-conversation[hidden], .voice-conversation-review[hidden], .voice-conversation-controls button[hidden] { display:none; } .voice-conversation-controls, .voice-conversation-review-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; } .voice-conversation-controls button, .voice-conversation-review-actions button { min-height:44px; min-width:0; } .voice-conversation-review { display:grid; gap:6px; } .voice-conversation-review textarea { box-sizing:border-box; width:100%; min-height:96px; resize:vertical; } .create-issue-capture-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px 0; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:#0b1526; } .create-issue-capture-actions[hidden] { display:none; } .create-issue-sheet.progressive-capture .mobile-create-issue-nav, .create-issue-sheet.progressive-capture .create-issue-attachment, .create-issue-sheet.progressive-capture .create-issue-filing, .create-issue-sheet.progressive-capture #switch-to-create-pull, .create-issue-sheet.progressive-capture .today-capture-interruption, .create-issue-sheet.progressive-capture .shared-content-conflict { display:none; } .create-issue-filing { display:grid; gap:12px; min-width:0; } .create-issue-filing[hidden] { display:none; } .create-issue-attachment { display:grid; gap:8px; min-width:0; } .photo-evidence-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; } .photo-evidence-actions .issue-attachment-trigger { box-sizing:border-box; width:100%; min-width:0; text-align:center; } #create-issue-attachment-preview { grid-template-columns:1fr; } #create-issue-attachment-image { grid-row:auto; width:100%; height:auto; max-height:320px; } .issue-evidence-tray { display:flex; gap:8px; max-width:100%; padding:2px 0 6px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; } .issue-evidence-tray[hidden] { display:none; } .issue-evidence-thumbnail { position:relative; flex:0 0 64px; min-width:44px; min-height:64px; padding:3px; border:2px solid transparent; border-radius:10px; background:#10213a; } .issue-evidence-thumbnail[aria-pressed="true"] { border-color:#60a5fa; box-shadow:0 0 0 2px rgba(96,165,250,.25); } .issue-evidence-thumbnail img { display:block; width:56px; height:56px; border-radius:6px; object-fit:cover; } .issue-evidence-thumbnail span { position:absolute; right:3px; bottom:3px; min-width:20px; padding:1px 4px; border-radius:999px; background:#07101d; color:#fff; font-size:12px; text-align:center; } .issue-evidence-note { display:grid; gap:6px; min-width:0; } .issue-evidence-note textarea { box-sizing:border-box; width:100%; min-height:72px; padding:10px; resize:vertical; border:1px solid #2a496e; border-radius:8px; background:#07101d; color:#e5e7eb; font:inherit; } .issue-evidence-note textarea:focus-visible { outline:2px solid #60a5fa; outline-offset:2px; } .issue-evidence-review-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .issue-evidence-review-actions button { min-width:44px; min-height:44px; } .conversation-evidence-review { grid-template-columns:1fr; width:100%; min-width:0; box-sizing:border-box; overflow-x:hidden; } .conversation-evidence-review > img { grid-row:auto; width:100%; height:auto; max-height:280px; } .conversation-evidence-review .issue-evidence-tray { overflow-x:auto; } .conversation-evidence-review .issue-evidence-review-actions { grid-template-columns:repeat(4,minmax(0,1fr)); } .conversation-evidence-review .issue-evidence-review-actions button { min-width:44px; min-height:44px; width:100%; } @media (max-width:390px) { .conversation-evidence-review .issue-evidence-review-actions { grid-template-columns:1fr; } } .issue-evidence-editor { position:fixed; inset:0; z-index:70; display:grid; place-items:end center; overflow-x:hidden; background:rgba(2,6,15,.92); } .issue-evidence-editor[hidden] { display:none; } .issue-evidence-editor-panel { box-sizing:border-box; width:min(560px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; display:grid; gap:12px; padding:16px; padding-bottom:calc(16px + env(safe-area-inset-bottom)); background:#0b1526; border:1px solid #2a496e; border-radius:14px 14px 0 0; } .issue-evidence-editor-panel header { display:flex; align-items:start; justify-content:space-between; gap:12px; } .issue-evidence-editor-panel h3 { margin:0 0 4px; } .issue-evidence-editor canvas { display:block; max-width:100%; width:100%; max-height:60dvh; object-fit:contain; touch-action:none; border:1px solid #365b86; border-radius:8px; background:#020617; } .issue-evidence-editor-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .issue-evidence-editor button { min-width:44px; min-height:44px; } .issue-evidence-editor button[aria-pressed="true"] { border-color:#60a5fa; background:#173a64; color:#fff; } .issue-evidence-editor-apply { width:100%; } @media(max-width:320px) { .issue-evidence-editor-panel { padding:12px; } .issue-evidence-editor-tools { grid-template-columns:repeat(2,minmax(0,1fr)); } } .issue-filing-review { position:fixed; inset:0; z-index:72; display:grid; place-items:end center; overflow-x:hidden; background:rgba(2,6,15,.92); } .issue-filing-review[hidden] { display:none; } .issue-filing-review-panel { box-sizing:border-box; width:min(620px,100%); max-height:100dvh; overflow:auto; overflow-x:hidden; display:grid; gap:12px; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); border:1px solid #31577f; border-radius:18px 18px 0 0; background:#0b1526; } .issue-filing-review-panel h2, .issue-filing-review-panel h3, .issue-filing-review-panel p { margin:.2rem 0; } .issue-filing-review-summary { display:grid; gap:10px; margin:0; min-width:0; } .issue-filing-review-summary > div { display:grid; gap:4px; padding:10px; border:1px solid #2a496e; border-radius:10px; min-width:0; } .issue-filing-review-summary dt { color:#94a3b8; font-size:12px; font-weight:700; text-transform:uppercase; } .issue-filing-review-summary dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; } .issue-filing-review ol { display:grid; grid-template-columns:repeat(auto-fit,minmax(72px,1fr)); gap:8px; margin:0; padding:0; list-style:none; overflow-wrap:anywhere; } .issue-filing-evidence-selector { min-height:44px; width:100%; padding:4px; border:2px solid #31577f; border-radius:10px; background:#08111f; } .issue-filing-evidence-selector[aria-pressed="true"] { border-color:#93c5fd; box-shadow:0 0 0 2px rgba(96,165,250,.35); } .issue-filing-evidence-selector img { display:block; width:100%; height:64px; object-fit:cover; border-radius:6px; } .issue-filing-evidence-preview { display:grid; gap:8px; margin:10px 0 0; padding:10px; border:1px solid #31577f; border-radius:12px; background:#020617; } .issue-filing-evidence-preview[hidden] { display:none; } .issue-filing-evidence-preview > img { display:block; width:100%; max-height:42dvh; object-fit:contain; border-radius:8px; background:#000; } .issue-filing-evidence-preview figcaption { display:grid; gap:3px; min-width:0; overflow-wrap:anywhere; } .issue-filing-review-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px 0 calc(10px + env(safe-area-inset-bottom)); background:#0b1526; } .issue-filing-review-actions button { min-height:44px; width:100%; } @media(max-width:320px) { .issue-filing-review-panel { padding:12px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); } } .create-issue-repository-more { min-height:44px; width:100%; } .create-issue-repository-picker { min-width:0; display:grid; gap:8px; } .create-issue-repository-picker input { min-width:0; min-height:44px; width:100%; padding:8px; border-radius:8px; border:1px solid #1f3a5f; background:#0b1526; color:#e5e7eb; } #create-issue-repository-results { display:grid; max-height:min(36dvh,280px); overflow:auto; border:1px solid #2a496e; border-radius:10px; } #create-issue-repository-results[hidden] { display:none; } .create-issue-repository-result { min-height:44px; min-width:0; padding:10px 12px; overflow-wrap:anywhere; text-align:left; border:0; border-bottom:1px solid #1f3a5f; border-radius:0; background:#10213a; color:#e5e7eb; } .create-issue-repository-result:last-child { border-bottom:0; } .create-issue-blockers { display:grid; gap:8px; min-width:0; } #create-issue-blocker-search { min-width:0; min-height:44px; width:100%; padding:8px; border-radius:8px; border:1px solid #1f3a5f; background:#0b1526; color:#e5e7eb; } #create-issue-blocker-results { display:grid; max-height:min(36dvh,280px); overflow:auto; border:1px solid #2a496e; border-radius:10px; } #create-issue-blocker-results[hidden] { display:none; } .create-issue-blocker-result { min-height:44px; min-width:0; padding:10px 12px; overflow-wrap:anywhere; text-align:left; border:0; border-bottom:1px solid #1f3a5f; border-radius:0; background:#10213a; color:#e5e7eb; } #create-issue-blocker-selected { display:grid; gap:8px; margin:0; padding:0; list-style:none; min-width:0; } .create-issue-blocker-selected { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; min-width:0; overflow-wrap:anywhere; } .create-issue-blocker-selected button { min-height:44px; } .create-issue-form label { display:grid; gap:6px; } .create-issue-form select, .create-issue-form input[type="date"] { min-height:44px; padding:8px; border-radius:8px; border:1px solid #1f3a5f; background:#0b1526; color:#e5e7eb; } .create-issue-owner { min-width:0; } .create-issue-owner select { min-height:44px; width:100%; } .create-issue-labels { display:grid; gap:8px; margin:0; padding:0; border:0; } .create-issue-label-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px; } .create-issue-label-option { min-height:44px; display:flex !important; grid-template-columns:auto 1fr !important; align-items:center; gap:8px; padding:8px 10px; border:1px solid #2a496e; border-radius:10px; background:#10213a; } .create-issue-label-option input { width:20px; height:20px; margin:0; } .create-issue-duplicates { display:grid; gap:8px; min-width:0; padding:12px; border:1px solid #f59e0b; border-radius:10px; background:#2b210f; } .create-issue-duplicates[hidden] { display:none; } .create-issue-duplicate-list { display:grid; gap:8px; min-width:0; } .create-issue-duplicate-card { display:grid; gap:4px; min-width:0; padding:10px; border:1px solid #6b5220; border-radius:10px; background:#171d29; overflow-wrap:anywhere; } .create-issue-duplicate-card a, #create-issue-anyway { display:flex; align-items:center; min-height:44px; max-width:100%; } .create-issue-duplicate-card a { color:#93c5fd; } .create-issue-actions { position:sticky; bottom:0; display:grid; gap:8px; padding:10px 0; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:#0b1526; } .shared-content-conflict { display:grid; gap:8px; padding:12px; border:1px solid #8b5cf6; border-radius:10px; background:#16142b; } .shared-content-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .shared-content-actions button { min-height:44px; } .pull-sheet { position:fixed; inset:0; z-index:58; display:none; justify-content:flex-end; background:rgba(5,12,21,.72); backdrop-filter:blur(4px); } .pull-sheet.open { display:flex; } .pull-sheet-panel { width:min(560px,100%); height:100dvh; overflow:auto; padding:18px; padding-bottom:calc(90px + env(safe-area-inset-bottom)); background:#0b1526; border-left:1px solid #2a496e; } .pull-sheet-header { display:flex; align-items:center; justify-content:space-between; gap:10px; } .pull-sheet-header button, .pull-sheet-actions button, .pull-sheet-actions a, .pull-comment-composer button { min-height:44px; } .pull-sheet-content { overflow-wrap:anywhere; white-space:pre-wrap; } .pull-file, .pull-comment-card { margin:8px 0; padding:10px; border:1px solid #203a5c; border-radius:10px; } .conversation-more { min-height:44px; width:100%; margin:8px 0; } .conversation-actions-retry { min-height:44px; max-width:100%; margin:8px 0; } .pull-file-toggle, .pull-review-file { min-height:44px; width:100%; } .pull-file-toggle { display:flex; justify-content:space-between; align-items:center; gap:8px; text-align:left; } .pull-review-file { margin-top:8px; } .pull-diff { overflow-x:auto; margin:8px 0; padding:10px; background:#07111f; border-radius:8px; font-size:12px; } .pull-diff-line { display:block; width:max-content; min-width:100%; } .pull-diff-line.added { color:#86efac; background:#123422; } .pull-diff-line.removed { color:#fca5a5; background:#3b161b; } .pull-diff-line.hunk, .pull-diff-note { color:#93c5fd; } .pull-diff-empty { margin:8px 0; padding:10px; border:1px dashed #4e6b8a; border-radius:8px; } .pull-review-tools { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:8px 0; } .pull-review-tools button { min-height:44px; } .pull-reviewer-summary { margin:10px 0; padding:10px; border:1px solid #203a5c; border-radius:10px; } .pull-reviewer-summary h3 { margin:0 0 6px; font-size:14px; } .pull-reviewer-status { padding:8px 0; border-top:1px solid #203a5c; overflow-wrap:anywhere; } .pull-reviewer-status:first-child { border-top:0; } .pull-reviewer-status-heading { display:flex; justify-content:space-between; gap:10px; } .pull-reviewer-status-heading span { text-align:right; } .cancel-review-request { min-height:44px; width:100%; margin-top:8px; } .pull-review-feedback { margin-top:8px; border:1px solid #2a496e; border-radius:8px; padding:0 8px 8px; } .pull-review-feedback > summary { min-height:44px; display:flex; align-items:center; cursor:pointer; } .pull-review-feedback-summary { margin:4px 0 10px; white-space:pre-wrap; } .pull-review-feedback-file { margin-top:8px; padding-top:8px; border-top:1px solid #203a5c; } .pull-review-feedback-file h4 { margin:0 0 4px; overflow-wrap:anywhere; } .pull-review-feedback-file ul { margin:0; padding-left:20px; } .pull-review-feedback-file li { margin:6px 0; } .pull-review-feedback-file small { display:block; color:#93c5fd; } .pull-review-feedback-file button { min-height:44px; width:100%; margin-top:4px; } .address-review-feedback, [data-load-review-feedback] { min-height:44px; width:100%; margin-top:8px; } .pull-feedback-pass { margin-top:10px; padding:10px; border:1px solid #3b82f6; border-radius:10px; overflow-wrap:anywhere; } .pull-feedback-pass-heading { display:flex; align-items:start; justify-content:space-between; gap:8px; } .pull-feedback-pass-heading h4 { margin:2px 0 8px; } .pull-feedback-pass p { white-space:pre-wrap; } .pull-feedback-pass textarea { width:100%; min-height:88px; box-sizing:border-box; } #make-pull-feedback-fix { width:100%; margin-top:8px; border-color:#4ade80; } .pull-feedback-file-editor { display:grid; min-width:0; gap:8px; margin-top:10px; padding:10px; border:1px solid #4ade80; border-radius:10px; overflow-x:hidden; } .pull-feedback-file-editor[hidden] { display:none; } .pull-feedback-file-editor h5 { margin:0; overflow-wrap:anywhere; } #pull-feedback-file-content { min-height:36dvh; resize:vertical; font:13px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; tab-size:2; white-space:pre; overflow:auto; } #pull-feedback-commit-message { box-sizing:border-box; width:100%; min-width:0; } .pull-feedback-file-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; min-width:0; } @media (max-width:359px) { .pull-feedback-file-actions { grid-template-columns:1fr; } } .pull-feedback-dispositions { display:grid; grid-template-columns:1fr; gap:6px; margin:10px 0; padding:8px; } .pull-feedback-dispositions button[aria-pressed="true"] { border-color:#60a5fa; background:#173b63; } .pull-feedback-navigation { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; } .pull-feedback-pass button { min-height:44px; } #finish-pull-feedback, #request-feedback-review { width:100%; margin-top:8px; } #request-updated-pull-review { min-height:44px; width:100%; margin-top:8px; } .pull-review { margin-top:14px; overflow:hidden; border:1px solid #2a496e; border-radius:10px; padding:0 10px 10px; } .pull-review summary { min-height:44px; display:flex; align-items:center; cursor:pointer; } .pull-review summary h2 { margin:0; font-size:16px; } .pull-review > #merge-pull { min-height:44px; width:100%; margin-top:10px; } .pull-comment-composer textarea { width:100%; min-height:110px; resize:vertical; } .pull-sheet-actions { position:sticky; bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px 0; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:#0b1526; } .pull-sheet-actions a { display:grid; place-items:center; border:1px solid #60a5fa; border-radius:10px; font-weight:700; } .pull-retry { min-height:44px; width:100%; margin-top:10px; } .mobile-task-dock { display:none; } .mobile-task-dock[hidden] { display:none; } .mobile-today-hud { display:none; } .mobile-today-hud[hidden], .mobile-today-hud[data-overlay-hidden="true"] { display:none; } .mobile-today-actions { box-sizing:border-box; width:min(520px,100%); max-width:none; max-height:100dvh; margin:auto 0 0; padding:0; border:0; border-radius:18px 18px 0 0; color:var(--text); background:#102641; } .mobile-today-actions::backdrop { background:rgba(3,9,18,.76); } .mobile-today-actions-panel { box-sizing:border-box; display:grid; gap:12px; padding:16px; padding-bottom:calc(16px + env(safe-area-inset-bottom)); } .mobile-today-actions-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; } .mobile-today-actions-panel h2 { margin:0; } .mobile-today-navigation, .mobile-today-secondary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .mobile-today-actions-panel button { min-width:0; min-height:44px; } .mobile-today-secondary-actions [data-mobile-today-end] { grid-column:1 / -1; border-color:#b45309; } .today-session-handoff { position:fixed; left:12px; right:12px; bottom:calc(68px + env(safe-area-inset-bottom)); z-index:45; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; border:1px solid #60a5fa; border-radius:12px; background:rgba(16,38,65,.98); box-shadow:0 8px 28px rgba(0,0,0,.35); } .today-session-handoff[hidden] { display:none; } .today-session-handoff button { min-height:44px; } @media(max-width:420px) { .today-session-handoff { grid-template-columns:1fr; } .today-session-handoff button { width:100%; } } .mobile-task-action { min-width:0; min-height:44px; padding:6px 2px; border:0; border-radius:8px; background:transparent; display:grid; place-items:center; gap:2px; font-size:12px; } .mobile-task-action[hidden] { display:none; } .mobile-task-action[aria-current="page"] { color:#bfdbfe; background:#17365a; outline:1px solid #31577f; } .mobile-task-count { min-width:18px; min-height:18px; max-width:100%; padding:1px 5px; border-radius:999px; background:#31577f; font-size:10px; line-height:16px; white-space:nowrap; } .mobile-task-deadline { padding:1px 5px; border-radius:999px; color:#fef3c7; background:#92400e; font-size:10px; line-height:14px; } .attention-interruption:not([hidden]) { max-width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; padding:10px 12px; border:1px solid #31577f; border-radius:10px; background:#102641; } .attention-interruption button { min-height:44px; flex:0 0 auto; } .today-detour-interruption:not([hidden]) { max-width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 0 12px; padding:10px 12px; border:1px solid #31577f; border-radius:10px; background:#102641; } .today-detour-interruption button { min-height:44px; flex:0 0 auto; } @media (max-width: 600px) { body { padding-bottom:calc(66px + env(safe-area-inset-bottom)); } body.mobile-today-active { padding-bottom:calc(var(--mobile-today-clearance, 166px) + env(safe-area-inset-bottom)); } body:has(.mobile-today-hud:not([hidden]):not([data-overlay-hidden="true"])) { padding-bottom:calc(var(--mobile-today-clearance, 166px) + env(safe-area-inset-bottom)); } header { min-height:56px; max-height:64px; padding:6px 10px; align-items:center; gap:8px; background:rgba(11,21,38,.98); } .app-brand .muted, #clock { display:none; } .app-live-status { margin-left:auto; } .app-menu { position:relative; margin-left:0; } .app-menu > summary { min-width:44px; min-height:44px; display:grid; place-items:center; cursor:pointer; border:1px solid #2a496e; border-radius:10px; list-style:none; } .app-menu > summary::-webkit-details-marker { display:none; } .app-menu:not([open]) > .app-menu-panel { display:none; } .app-menu-panel { position:absolute; top:calc(100% + 6px); right:0; width:min(280px,calc(100vw - 20px)); display:grid; gap:8px; padding:10px; border:1px solid #2a496e; border-radius:12px; background:#0b1526; box-shadow:0 18px 45px rgba(0,0,0,.5); } .app-menu-panel button { min-height:44px; width:100%; } #open-insights { display:block; } .insights-shell { display:none; } .insights-shell[data-mobile-open="true"] { position:fixed; inset:0; z-index:90; display:grid; align-content:start; gap:12px; overflow:auto; overflow-x:hidden; padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); background:#050c15; } .insights-header { position:sticky; top:0; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:10px; border:1px solid #2a496e; border-radius:12px; background:#0b1526; } .insights-header h2, .insights-header p { margin:0 0 4px; } .insights-header button { min-height:44px; flex:none; } .device-setup-panel { width:100%; padding:14px; padding-bottom:calc(14px + env(safe-area-inset-bottom)); } .device-setup-step { grid-template-columns:1fr; } .device-setup-action { width:100%; } .device-readiness-card:not([hidden]) { display:grid; gap:12px; margin-left:max(0px,env(safe-area-inset-left)); margin-right:max(0px,env(safe-area-inset-right)); } .my-work { margin:0; } .attention-interruption:not([hidden]) { position:sticky; top:64px; z-index:6; margin-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right)); } .my-work-header { align-items:flex-start; } .my-work-actions { display:none; } .work-settings > summary { min-height:44px; display:flex; align-items:center; cursor:pointer; padding:0 10px; border:1px solid #2a496e; border-radius:10px; font-weight:700; } .work-settings:not([open]) > .work-settings-panel { display:none; } .work-settings-panel { display:grid; gap:10px; margin-top:8px; } .queue-finder { position:sticky; top:64px; z-index:5; margin-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right)); padding:8px; background:rgba(11,21,38,.98); border:1px solid #2a496e; border-radius:10px; } .my-work-list { grid-template-columns:1fr; } .my-work-bulk { bottom:calc(56px + env(safe-area-inset-bottom)); } .my-work-card { min-width:0; overflow-x:hidden; } .card-planning > summary { min-height:44px; display:flex; align-items:center; justify-content:center; cursor:pointer; border:1px solid #60a5fa; border-radius:10px; font-weight:700; list-style:none; } .card-planning > summary::-webkit-details-marker { display:none; } .card-planning:not([open]) > .card-planning-actions { display:none; } .card-planning[open] > .card-planning-actions { display:grid; margin-top:8px; } .plan-today-panel { width:100%; border-left:0; padding:14px; } .mobile-plan-today-nav { margin-inline:-14px; padding-inline:14px; } .plan-today-capacity { position:static; } .plan-today-item { grid-template-columns:1fr; } .plan-today-item-actions { display:grid; grid-template-columns:repeat(3,1fr); width:100%; } .plan-today-candidate-actions { grid-template-columns:repeat(2,1fr); width:100%; } .plan-today-item-actions button { min-width:0; padding-inline:4px; } .work-filters { width:100%; } .work-filter { flex:1 1 calc(50% - 8px); } .review-sheet-panel { width:100%; border-left:0; padding:14px; } .update-sheet-panel { width:100%; border-left:0; padding:14px; overflow-x:hidden; } .update-sheet-panel { padding-bottom:calc(82px + env(safe-area-inset-bottom)); } .update-gesture-status { display:block; padding:6px 10px; border-radius:999px; text-align:center; background:#102641; } .update-sheet-panel[data-triage-gesture="keep"] { box-shadow:inset 8px 0 #60a5fa; } .update-sheet-panel[data-triage-gesture="read"] { box-shadow:inset -8px 0 #34d399; } .update-decision-bar { position:fixed; inset:auto 0 0; z-index:57; margin:0; padding-bottom:calc(8px + env(safe-area-inset-bottom)); } .update-more-actions > summary { display:none; } .issue-sheet-panel { width:100%; border-left:0; padding:14px; } .issue-blocker-row { grid-template-columns:1fr; } .issue-blocker-remove { width:100%; } .search-preview-panel { width:100%; border-left:0; padding:14px; padding-bottom:calc(14px + env(safe-area-inset-bottom)); overflow-x:hidden; } #cmd-palette { left:0; top:var(--search-viewport-top,0px); transform:none; width:100%; height:var(--search-viewport-height,100dvh); border:0; border-radius:0; padding:12px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); z-index:46; } #cmd-palette.open { display:flex; flex-direction:column; } .cmd-palette-header { display:flex; flex:0 0 auto; min-height:44px; } #close-command-palette, #cmd-load-more { min-height:44px; } #cmd-input { flex:0 0 auto; min-height:44px; } .cmd-search-scope { grid-template-columns:auto minmax(0,1fr); } #cmd-search-kind, #cmd-search-state { min-height:44px; width:100%; } #cmd-search-repository { min-height:44px; width:100%; } .saved-search-create { align-items:stretch; } .saved-search-create input, .saved-search-open, .saved-search-row-actions button { min-height:44px; } .saved-search-row { align-items:stretch; } #cmd-results { flex:1; min-height:0; overflow-y:auto; max-height:none; overscroll-behavior:contain; padding-bottom:env(safe-area-inset-bottom); } .create-issue-panel { width:100%; border-left:0; padding:14px; } .mobile-create-issue-nav { position:sticky; top:env(safe-area-inset-top); z-index:6; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin-inline:-14px; padding:4px 14px; background:rgba(11,21,38,.98); border-block:1px solid #2a496e; } .mobile-create-issue-nav button { min-width:0; min-height:44px; padding:4px; border-color:transparent; font-size:12px; } .mobile-create-issue-nav button[aria-current="location"] { border-color:#60a5fa; background:#17365a; color:#fff; } .mobile-create-issue-nav button[aria-disabled="true"] { opacity:.55; } #create-issue-describe, #create-issue-evidence, #create-issue-filing { scroll-margin-top:72px; } .pull-sheet-panel { width:100%; border-left:0; padding:14px; } .create-issue-panel.composer-keyboard-active, .issue-sheet-panel.composer-keyboard-active, .pull-sheet-panel.composer-keyboard-active, .review-sheet-panel.composer-keyboard-active, .update-sheet-panel.composer-keyboard-active { position:fixed; top:var(--composer-viewport-top,0px); right:0; height:var(--composer-viewport-height,100dvh); overscroll-behavior:contain; padding-bottom:calc(14px + env(safe-area-inset-bottom)); } .composer-keyboard-active .create-issue-form :is(input,textarea,select,button) { scroll-margin-block:12px; } .composer-keyboard-active .create-issue-form, .composer-keyboard-active .issue-comment-composer, .composer-keyboard-active .pull-comment-composer, .composer-keyboard-active .review-inline-composer, .composer-keyboard-active .update-reply { scroll-margin-block:12px; padding-bottom:env(safe-area-inset-bottom); } .mobile-task-dock { position:fixed; inset:auto 0 0; z-index:45; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; padding:6px 8px; padding-bottom:env(safe-area-inset-bottom); border-top:1px solid #2a496e; background:rgba(11,21,38,.98); backdrop-filter:blur(12px); } .mobile-queue-sheet { box-sizing:border-box; width:100%; max-width:none; max-height:100dvh; margin:auto 0 0; padding:0; border:0; border-radius:18px 18px 0 0; color:var(--text); background:#102641; } .following-sheet { width:100%; max-width:none; border:0; border-radius:18px 18px 0 0; } .mobile-first-task { box-sizing:border-box; width:100%; max-width:none; max-height:100dvh; margin:auto 0 0; padding:0; border:0; border-radius:18px 18px 0 0; color:var(--text); background:#102641; } .mobile-first-task::backdrop { background:rgba(3,9,18,.78); } .mobile-first-task-panel { display:grid; gap:14px; padding:16px; padding-bottom:calc(16px + env(safe-area-inset-bottom)); } .mobile-first-task-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .mobile-first-task-panel h2, .mobile-first-task-panel p { margin:0; } .mobile-first-task-actions { display:grid; gap:10px; } .mobile-first-task-actions button { min-height:48px; width:100%; } .mobile-first-task-actions button:disabled { opacity:.55; } .mobile-queue-sheet::backdrop { background:rgba(3,9,18,.7); } .mobile-queue-panel { box-sizing:border-box; max-height:100dvh; overflow-y:auto; overscroll-behavior:contain; padding:16px; padding-bottom:calc(16px + env(safe-area-inset-bottom)); } .mobile-queue-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; } .mobile-queue-panel h2 { margin:0; } .mobile-queue-next { display:grid; gap:6px; margin-top:12px; padding:12px; border:1px solid #60a5fa; border-radius:14px; background:#122f50; } .mobile-queue-next p, .mobile-queue-group h3 { margin:0; } .mobile-queue-next button { min-height:48px; width:100%; text-align:center; font-weight:800; } .mobile-queue-priority { margin-top:12px; border:1px solid #31577f; border-radius:12px; background:#0b1b30; } .mobile-queue-priority > summary { min-height:44px; display:flex; align-items:center; padding:0 12px; cursor:pointer; font-weight:700; } .mobile-queue-priority > p { margin:0; padding:0 12px 10px; } .mobile-queue-priority-list { display:grid; gap:6px; padding:0 8px; } .mobile-queue-priority-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-width:0; padding:6px 4px; border-top:1px solid #233f61; } .mobile-queue-priority-row > span:first-child { min-width:0; overflow-wrap:anywhere; font-weight:700; } .mobile-queue-priority-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; } .mobile-queue-priority-controls button { min-height:44px; min-width:64px; padding:6px 8px; } .mobile-queue-priority-footer { display:grid; gap:6px; padding:10px 12px 12px; } .mobile-queue-priority-footer button { min-height:44px; } .mobile-queue-priority-conflict { margin:0 8px 10px; padding:10px; border:1px solid #f59e0b; border-radius:10px; background:#3b2808; } .mobile-queue-priority-conflict p { margin:0 0 8px; } .mobile-queue-priority-conflict button { min-height:44px; margin:4px 4px 0 0; } .mobile-queue-group { margin-top:16px; } .mobile-queue-group h3 { font-size:1rem; } .mobile-queue-all { margin-top:16px; } .mobile-queue-all summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-weight:700; } .mobile-queue-list [data-unavailable="true"] { border-color:#f59e0b; } .mobile-queue-list [data-unavailable="true"]::after { content:'Sync unavailable · open to retry'; color:#fbbf24; font-size:.75rem; } .mobile-queue-list [data-progressive-loading="true"]::after { content:'Still loading · available after workspace starts'; } .mobile-delivery-recovery { box-sizing:border-box; width:100%; max-width:none; max-height:100dvh; margin:auto 0 0; padding:0; border:0; border-radius:18px 18px 0 0; color:var(--text); background:#102641; } .mobile-delivery-recovery::backdrop { background:rgba(3,9,18,.78); } .mobile-delivery-recovery-panel { box-sizing:border-box; display:grid; gap:12px; width:100%; padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom)); overflow-wrap:anywhere; } .mobile-delivery-recovery-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .mobile-delivery-recovery-panel h2, .mobile-delivery-recovery-panel p { margin:0; } .mobile-delivery-recovery-panel button { min-height:48px; } .mobile-delivery-recovery-panel > #mobile-delivery-recovery-action { width:100%; font-weight:800; } .delivery-recovery-reason { padding:12px; border:1px solid #31577f; border-radius:12px; background:#0b1c30; } .mobile-start-day { display:grid; gap:12px; max-width:100%; overflow-wrap:anywhere; margin-top:12px; padding:14px; border:1px solid #31577f; border-radius:14px; background:linear-gradient(135deg,#173b64,#102641); } .mobile-start-day h3, .mobile-start-day p { margin:0; } .mobile-start-day p + p { margin-top:4px; } .mobile-start-day-finish { min-height:44px; width:100%; background:transparent; } .mobile-queue-list { display:grid; gap:8px; margin-top:12px; } .mobile-queue-list button { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; width:100%; padding:10px 14px; text-align:left; } .mobile-queue-list button > span:first-child { display:grid; gap:2px; } .mobile-queue-list small { color:var(--muted); } .mobile-queue-list [data-recent-work-route] { min-height:56px; overflow-wrap:anywhere; } .mobile-queue-list [data-mobile-queue-count] { min-width:28px; padding:3px 8px; border-radius:999px; text-align:center; background:#1d426d; } .mobile-queue-list [data-mobile-queue="agenda"][data-deadlines="true"] { border-color:#f59e0b; background:#30240f; box-shadow:inset 3px 0 #f59e0b; } .mobile-queue-list [data-recommended="true"] { border-color:#60a5fa; box-shadow:0 0 0 2px #60a5fa; } .mobile-update-outcome { margin-top:12px; padding:12px; border:1px solid #31577f; border-radius:12px; background:#0b1b30; } .mobile-update-outcome p { margin:0 0 10px; } .mobile-update-outcome button { width:100%; min-height:44px; } .mobile-today-hud { position:fixed; left:8px; right:8px; bottom:calc(56px + env(safe-area-inset-bottom)); z-index:44; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; max-width:100%; padding:8px; border:1px solid #31577f; border-radius:12px 12px 0 0; background:rgba(16,38,65,.98); box-shadow:0 -8px 24px rgba(0,0,0,.28); } .mobile-first-task-coach { grid-column:1 / -1; display:grid; gap:2px; padding:8px 10px; border-left:3px solid #60a5fa; border-radius:6px; background:#172f4d; } .mobile-first-task-coach[hidden] { display:none; } .mobile-first-task-receipt { position:fixed; left:12px; right:12px; bottom:calc(var(--mobile-today-clearance, 166px) + 8px + env(safe-area-inset-bottom)); z-index:46; padding:12px; border:1px solid #34d399; border-radius:10px; background:#0d3b35; font-weight:700; } .mobile-first-task-receipt[hidden] { display:none; } .mobile-today-summary { grid-column:1 / 4; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; font-weight:700; } .mobile-today-hud [data-work-session-progress] { grid-column:4 / 7; align-self:center; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .mobile-today-hud [data-mobile-today-complete] { grid-column:1 / 3; } .mobile-today-hud [data-mobile-today-toggle] { grid-column:3 / 5; } .mobile-today-hud [data-mobile-today-more] { grid-column:5 / 7; } .mobile-today-hud button { min-width:0; min-height:44px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-inline:6px; } .today-completion-undo { bottom:calc(var(--mobile-today-clearance, 166px) + 8px + env(safe-area-inset-bottom)); } } @media (min-width:701px) { .update-gesture-status { display:none; } } @media (prefers-reduced-motion: reduce) { .update-sheet-panel[data-triage-gesture] { transition:none; } } .obi { width:14px; height:14px; background: url('data:image/svg+xml;utf8,') center/contain no-repeat; display:inline-block; } .footer { padding: 12px; text-align: center; color:#4e6b8a; font-size:12px; } @keyframes fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } /* One-handed live-data recovery on the mobile Home surface. */ .mobile-pull-refresh { display: none; } @media (max-width: 600px) { .mobile-pull-refresh { position: sticky; top: calc(3.25rem + env(safe-area-inset-top)); z-index: 8; display: block; width: max-content; max-width: calc(100vw - 2rem); margin: 0 auto -2rem; padding: .45rem .8rem; border: 1px solid rgba(125, 211, 252, .45); border-radius: 999px; background: rgba(11, 18, 32, .96); color: #dbeafe; font-size: .78rem; box-shadow: 0 .35rem 1rem rgba(0, 0, 0, .28); transform: translateY(.5rem); pointer-events: none; } .mobile-pull-refresh[hidden] { display: none; } .mobile-pull-refresh[data-state="ready"], .mobile-pull-refresh[data-state="success"] { border-color: rgba(52, 211, 153, .7); } .mobile-pull-refresh[data-state="error"] { border-color: rgba(251, 113, 133, .75); } } @media (max-width: 600px) and (prefers-reduced-motion: no-preference) { .mobile-pull-refresh { transition: transform 120ms ease, border-color 120ms ease; } } .create-pull-sheet{position:fixed;inset:0;z-index:75;background:rgba(3,7,18,.72);display:grid;place-items:end center;padding:16px} .create-pull-sheet[hidden]{display:none} .create-pull-panel{width:min(100%,680px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))} .create-pull-header{display:flex;align-items:center;justify-content:space-between;gap:12px} .create-pull-header h3{margin:2px 0 0} .create-pull-panel form,.create-pull-panel label{display:grid;gap:6px} .create-pull-panel form{gap:14px} .create-pull-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px} .create-pull-mode{display:flex;gap:18px;border:1px solid var(--border);border-radius:12px;padding:10px 12px} .create-pull-mode label{display:flex;align-items:center;gap:7px} .create-pull-panel button,.create-pull-panel select,.create-pull-panel input{min-height:44px} @media(max-width:600px){.create-pull-sheet{padding:0}.create-pull-panel{width:100%;max-height:100dvh;border-radius:18px 18px 0 0}.create-pull-branches{grid-template-columns:1fr}} .human-gates{position:fixed;inset:0;z-index:72;background:var(--bg);overflow:auto;padding:18px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))} .human-gates[hidden]{display:none}.human-gates-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto 14px}.human-gates-header h3{margin:0}.human-gates-list,.human-gate-detail-host{display:grid;gap:10px;max-width:760px;margin:0 auto 14px}.human-gate-card{display:grid;grid-template-columns:1fr auto;text-align:left;gap:6px 12px;min-height:58px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.human-gate-card span{grid-column:1/-1;color:var(--muted)}.human-gate-detail{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.human-gate-detail h3,.human-gate-detail h4,.human-gate-detail p{margin:0}.human-gate-detail label{display:grid;gap:6px}.human-gate-detail label:has(input[type=checkbox]){grid-template-columns:auto 1fr;align-items:center}.human-gate-detail textarea{min-height:78px}.human-gate-decision-tray{display:grid;gap:10px}.human-gate-decision-state{display:grid;gap:4px}.human-gate-decision-state [data-gate-error]{color:var(--danger,#fb7185)}.human-gate-decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.human-gate-decision-actions button{min-height:44px}.human-gates-zero{display:grid;gap:6px;text-align:center;padding:32px 16px;border:1px dashed var(--border);border-radius:16px}.human-gates-launcher span{display:inline-grid;place-items:center;min-width:22px;border-radius:999px;background:var(--accent);color:#06101f} .human-gate-views{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:760px;margin:0 auto 14px}.human-gate-views button{min-height:44px}.human-gate-views button[aria-pressed="true"]{border-color:var(--accent);background:rgba(96,165,250,.14)}.human-gate-history-card time{font-size:.78rem;color:var(--muted)}.human-gate-history-more{min-height:44px;width:100%;padding:max(10px,env(safe-area-inset-bottom)) 12px}.human-gate-state{font-weight:700}.human-gate-state-released{color:#86efac}.human-gate-state-held{color:#fbbf24}.human-gate-state-superseded{color:#cbd5e1}.human-gate-receipt{padding-bottom:16px} .human-gate-decision-recovery{border-color:#f59e0b}.human-gate-decision-recovery .human-gate-decision-state span{color:var(--muted)}.human-gate-decision-recovery button{min-height:44px;min-width:140px} @media(max-width:600px){.human-gate-detail{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.human-gate-decision-tray{position:sticky;bottom:calc(-1 * max(24px,env(safe-area-inset-bottom)));z-index:4;margin:0 -16px calc(-124px - env(safe-area-inset-bottom));padding:12px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:rgba(11,21,38,.97);box-shadow:0 -12px 24px rgba(0,0,0,.32);backdrop-filter:blur(10px)}} @media(min-width:761px){.human-gates{inset:8% max(8%,80px);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.4)}}