/* Shared feedback and responsive corrections, preserving the existing theme. */
.workspace-search { position: relative; }
.workspace-search-feedback {
  position: absolute;
  z-index: 30;
  inset: calc(100% + 8px) 0 auto;
  padding: 12px 14px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  color: var(--text);
  background: var(--surface);
  box-shadow: var(--shadow);
  font-size: 13px;
  line-height: 1.6;
}
body.dashboard-page :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.todo-capture:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgb(51 112 255 / 12%); }
.todo-input-hint { min-height: 20px; line-height: 1.5; }
.todo-input-hint.success-text { color: #157451; }
.todo-command-center .todo-undo { right: 100px; z-index: 75; }
.todo-detail-field select { width: 100%; min-height: 44px; }
.todo-details .todo-detail-field + .todo-detail-field { margin-top: 12px; }
.inventory-tools-page[data-inventory-switching="true"] > :not(.inventory-tools-command) { opacity: .48; }
.inventory-tools-page[data-inventory-switching="true"] .inventory-active-save-status { color: var(--accent); }
.inventory-tools-page[data-inventory-switching="true"] { cursor: progress; }
html[data-theme="dark"] .todo-input-hint.success-text { color: #83ddbb; }
@media (max-width: 760px) {
  .todo-command-layout .todo-column-list, .todo-command-layout [data-todo-column="today"] .todo-column-list { min-height: 0; }
  .todo-command-layout .todo-details { padding: 14px 16px; }
  .todo-command-layout .todo-column-empty { padding: 18px 12px; text-align: left; }
  .todo-command-layout .todo-card-title { min-height: 44px; font-size: 14px; line-height: 1.5; }
  .todo-command-topbar .todo-refresh { display: inline-flex; min-height: 44px; }
  .todo-command-layout .todo-drag-handle { min-height: 44px; }
  .todo-command-center .todo-undo { right: 16px; bottom: calc(142px + env(safe-area-inset-bottom)); }
  .mobile-more-backdrop { padding-top: max(12px, env(safe-area-inset-top)); }
  .mobile-more-menu { max-height: calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; border-radius: 18px; }
  .mobile-more-menu header { position: sticky; top: 0; z-index: 1; background: var(--surface); }
  .mobile-more-menu header button, .notification-center-close { width: 44px; min-height: 44px; }
  body.dashboard-page:not(.auth-pending) .mobile-filing { position: static; display: block; margin: 12px 16px calc(88px + env(safe-area-inset-bottom)); padding: 0; border: 0; background: transparent; text-align: center; }
  .inventory-tools-command-row button, .inventory-tools-command summary, .inventory-type-switch { min-height: 44px; }
}

@media (prefers-reduced-motion: no-preference) {
  .workspace > [data-view]:not(.view-hidden) { animation: experience-reveal 160ms ease-out; }
  body.dashboard-page dialog[open]:not(.cockpit-calendar-dialog),
  .inventory-advanced-options[open] .inventory-advanced-menu,
  .inventory-display-options[open] .inventory-display-menu,
  .mobile-more-backdrop:not([hidden]) .mobile-more-menu { animation: experience-reveal 160ms ease-out; }
  .notification-center-overlay:not([hidden]) .notification-center-drawer { animation: experience-drawer 180ms ease-out; }
  .todo-details, .todo-input-hint:is(.success-text, .error-text), .todo-undo:not([hidden]) { animation: experience-reveal 140ms ease-out; }
  .todo-capture, .inventory-tools-page > section, body.dashboard-page :is(button, select, summary) { transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, opacity 140ms ease; }
  #todoForm [aria-busy="true"]::before,
  .inventory-tools-page[data-inventory-switching="true"] .inventory-active-save-status::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -1px;
    animation: experience-spin 800ms linear infinite;
  }
}
@keyframes experience-reveal { from { opacity: .35; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes experience-drawer { from { opacity: .35; transform: translateX(12px); } to { opacity: 1; transform: none; } }
@keyframes experience-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body.dashboard-page *, body.dashboard-page *::before, body.dashboard-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}