712 lines
67 KiB
CSS
712 lines
67 KiB
CSS
: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; }
|
|
.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-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; }
|
|
button { background: linear-gradient(180deg,#1f3a5f,#15324d); border:1px solid #2a496e; color:#e5e7eb; padding:8px 12px; border-radius:10px; cursor:pointer; }
|
|
.notification-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] { display:none; }
|
|
.notification-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; }
|
|
.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-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; }
|
|
.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-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; }
|
|
@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-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-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; }
|
|
.push-update-control { min-height:44px; }
|
|
.offline-work-controls input { width:20px; height:20px; }
|
|
.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; }
|
|
.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; }
|
|
.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-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%; }
|
|
@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-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; }
|
|
.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 { 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; max-width:100%; width:100%; }
|
|
.create-issue-actions #create-issue-status { grid-column:1/-1; }
|
|
.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; }
|
|
.draft-filing-session-actions button { min-height:44px; width:100%; }
|
|
.my-work-card { min-height: 44px; display:grid; gap:8px; padding:12px; border:1px solid #1f3a5f; border-radius:12px; background:#0f1d33; color:var(--text); }
|
|
.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 button { min-height:44px; width:100%; }
|
|
.agenda-replan-actions label { grid-column:1/-1; }
|
|
.agenda-replan-actions input { box-sizing:border-box; min-height:44px; width:100%; max-width:100%; }
|
|
.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%; } }
|
|
.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; }
|
|
.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; }
|
|
.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-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-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); }
|
|
.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; }
|
|
.issue-sheet-content { overflow-wrap:anywhere; white-space:pre-wrap; }
|
|
.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-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 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; }
|
|
.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-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 a { border:1px solid #60a5fa; border-radius:10px; font-weight:700; }
|
|
.issue-handoff, .pull-ownership { margin-top:14px; padding:12px; border:1px solid #2a496e; border-radius:12px; }
|
|
.issue-handoff > div, .pull-ownership > div { display:grid; gap:8px; margin-top:10px; }
|
|
.issue-handoff select, .pull-ownership 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; }
|
|
.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; }
|
|
.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; 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; }
|
|
.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; 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; }
|
|
.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-actions { position:sticky; bottom:0; display:grid; gap:8px; padding:10px 0; padding-bottom:calc(10px + env(safe-area-inset-bottom)); background:#0b1526; }
|
|
.search-preview-primary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
|
|
.search-preview-actions a { display:flex; align-items:center; justify-content:center; border:1px solid #60a5fa; border-radius:10px; font-weight:700; }
|
|
.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 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; }
|
|
.create-issue-header button, .create-issue-actions button, .create-issue-capture-actions button { min-height:44px; }
|
|
.create-issue-form { display:grid; gap:12px; }
|
|
.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-filing { display:grid; gap:12px; min-width:0; }
|
|
.create-issue-filing[hidden] { display:none; }
|
|
.create-issue-attachment { display:grid; gap:8px; min-width:0; }
|
|
.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-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-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; }
|
|
.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-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-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; }
|
|
@media (max-width: 600px) {
|
|
body { padding-bottom:calc(66px + env(safe-area-inset-bottom)); }
|
|
body.mobile-today-active { padding-bottom:calc(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%; }
|
|
.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; }
|
|
.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; }
|
|
.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 { min-height:44px; }
|
|
#cmd-input { flex:0 0 auto; min-height:44px; }
|
|
#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; }
|
|
.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 { width:100%; max-width:none; margin:auto 0 0; padding:0; border:0; border-radius:18px 18px 0 0; color:var(--text); background:#102641; }
|
|
|
|
.mobile-queue-sheet::backdrop { background:rgba(3,9,18,.7); }
|
|
.mobile-queue-panel { 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-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-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-today-hud { position:fixed; left:8px; right:8px; bottom:calc(56px + env(safe-area-inset-bottom)); z-index:44; display:grid; grid-template-columns:minmax(0,1fr) minmax(112px,auto); grid-template-areas:"summary complete" "progress toggle"; gap:4px 8px; 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-today-summary { grid-area:summary; 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-area:progress; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
|
.mobile-today-hud [data-mobile-today-complete] { grid-area:complete; }
|
|
.mobile-today-hud [data-mobile-today-toggle] { grid-area:toggle; }
|
|
.mobile-today-hud button { min-height:44px; max-width:100%; }
|
|
.mobile-today-hud [data-work-session-adjust-plan] { grid-column:1 / -1; }
|
|
}
|
|
.obi { width:14px; height:14px; background: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><rect width=%2224%22 height=%2224%22 rx=%226%22 fill=%22%230b1526%22/><circle cx=%2212%22 cy=%2212%22 r=%226%22 fill=%22%2360a5fa%22/></svg>') 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); } }
|