/* Shared chrome and disclosure states */
@media (max-width: 390px) {
  :root { --page-x: 16px; }
}
.app .tabbar {
  grid-template-columns: repeat(5, minmax(44px, 1fr)) !important;
}
.tabbar .tab {
  min-width: 44px;
}
.tabbar .tab[aria-current="page"] .tab-ico {
  border-radius: 10px;
  background: var(--ui-blue-light, var(--ui-soft));
}
#quickActionDock {
  right: max(var(--page-x), calc((100vw - 560px) / 2 + var(--page-x))) !important;
  width: 52px !important;
  height: 52px;
  max-width: none !important;
}
#quickActionDock .quick-action-handle {
  inset: auto 0 0 auto !important;
  transform: none !important;
  color: #fff !important;
  background: #1766ce !important;
}
#quickActionDock .quick-action-handle:active,
#quickActionDock.is-open .quick-action-handle {
  background: #124b9b !important;
}
#quickActionDock .quick-action-handle:disabled {
  background: var(--ui-soft) !important;
  color: var(--ui-muted) !important;
}
html[data-stocknote-theme="dark"] #quickActionDock .quick-action-handle:not(:disabled) {
  background: #8dbdff !important;
  color: #142134 !important;
}
html[data-stocknote-theme="dark"] #quickActionDock .quick-action-handle:active:not(:disabled),
html[data-stocknote-theme="dark"] #quickActionDock.is-open .quick-action-handle:not(:disabled) {
  background: #b1d2ff !important;
}
.compose-icon {
  display: block;
  transition: transform .18s ease;
}
.is-open .compose-icon { transform: rotate(45deg); }
#quickActionSheet {
  inset: auto 0 62px auto !important;
  width: min(240px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(var(--quick-progress) * min(216px, max(88px, 100dvh - 155px))) !important;
  transform: translateY(calc((1 - var(--quick-progress)) * 8px)) !important;
}
#quickActionDock.is-open #quickActionSheet {
  overflow-y: auto !important;
}
#quickActionSheet .quick-action-item {
  min-height: 52px !important;
  padding: 12px 16px !important;
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  text-align: left;
}
#quickActionSheet .quick-action-item:focus-visible,
#quickActionSheet .quick-action-item:active {
  background: var(--ui-soft) !important;
  outline-offset: -4px !important;
}
#quickActionSheet .quick-action-item:last-child { border-bottom: 0 !important; }
.home-status {
  padding: 24px 20px;
  margin: 0;
  background: var(--ui-surface);
  color: var(--ui-ink-sub);
  font-size: 15px;
  border-radius: 16px;
}
.home-task-section { margin-bottom: 28px; }
.home-task-section h2 {
  margin: 0 0 12px;
  color: var(--ui-ink);
  font-size: 18px;
}
.home-task-section .home-list-card { margin: 0; }
.home-task-chevron { color: var(--ui-muted); flex-shrink: 0; margin-left: auto; }
#homeScreen .home-task-overdue { color: #9a4d18 !important; }
html[data-stocknote-theme="dark"] #homeScreen .home-task-overdue { color: #f2ad77 !important; }
.home-v2 .home-summary-main { margin: 0 !important; }
#modalBox .settings-section h3 { margin-bottom: 12px; }
#modalBox .data-management-summary,
#modalBox .data-management-summary strong,
#modalBox summary .detail-collapsible-title strong,
#notesScreen .detail-collapsible-title strong {
  color: var(--ui-ink) !important;
}
#modalBox .data-management-summary .muted,
#notesScreen .detail-collapsible-title span,
#notesScreen .detail-collapsible-caret {
  color: var(--ui-muted) !important;
}
